[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-expo-expo-design-system":3,"mdc-bqgng-key":34,"related-org-expo-expo-design-system":6088,"related-repo-expo-expo-design-system":6259},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":29,"sourceUrl":32,"mdContent":33},"expo-design-system","build design systems for Expo apps","Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant\u002Fsize\u002Fstate prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts \u002F theme\u002F), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for Tailwind\u002FCSS setup use expo-tailwind-setup; for folder layout of a new app use expo-project-structure.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"expo","Expo","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fexpo.png",[12,16,17,20],{"name":13,"slug":14,"type":15},"React Native","react-native","tag",{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},"Design System","design-system",{"name":21,"slug":22,"type":15},"UI Components","ui-components",2190,"https:\u002F\u002Fgithub.com\u002Fexpo\u002Fskills","2026-08-16T04:01:07.139639","MIT",111,[],{"repoUrl":24,"stars":23,"forks":27,"topics":30,"description":31},[],"A collection of AI agent skills for working with Expo projects and Expo Application Services","https:\u002F\u002Fgithub.com\u002Fexpo\u002Fskills\u002Ftree\u002FHEAD\u002Fplugins\u002Fexpo\u002Fskills\u002Fexpo-design-system","---\nname: expo-design-system\ndescription: Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant\u002Fsize\u002Fstate prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts \u002F theme\u002F), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for Tailwind\u002FCSS setup use expo-tailwind-setup; for folder layout of a new app use expo-project-structure.\nversion: 1.0.0\nlicense: MIT\n---\n\n# Expo Design Systems\n\nMake every screen in an app draw from one visual source of truth: a token theme and a small set of reusable components. This skill defines where tokens live, what they cover, how reusable components are shaped, and when a repeated view earns promotion into the system.\n\nSibling skills own the layers around this one:\n\n- `expo-native-ui` - platform styling rules (HIG, semantic colors, controls, shadows syntax). Follow it for **what values look native**; follow this skill for **where values live and how they're reused**.\n- `expo-tailwind-setup` - if the project uses Tailwind, tokens live in `global.css` as CSS variables instead of TypeScript. The scales and naming in this skill still apply; only the storage format changes.\n- `expo-project-structure` - folder skeleton for new apps.\n\n## References\n\nConsult these resources as needed:\n\n```\nreferences\u002F\n  audit.md      Audit an existing app for design-system drift: grep checks,\n                scoring rubric, incremental adoption plan, and templates for\n                documenting or extending components\n```\n\n## Adopt Before You Build\n\nIn an app that already has screens, the first move is detection, not construction. Before writing any token file:\n\n1. **Look for a declared system.** Check `package.json` for a styling library - NativeWind\u002FTailwind (use `expo-tailwind-setup`), Tamagui, Restyle, Unistyles, styled-components. Then look for a token file: `theme.ts`, `src\u002Ftheme\u002F`, `constants\u002Ftheme.ts`, or `constants\u002FColors.ts` (the create-expo-app default).\n2. **If one exists, it is the source of truth.** Extend it in its own idiom - its names, its scale, its storage format. Audit drift against that system, not against the examples below.\n3. **If only de facto values exist** - the same greys and paddings repeated across screens, no theme file - there is no system yet. Those values are the input to the scales, not the authority: derive tokens from the most frequent ones, snapped to the 4-point grid (`references\u002Faudit.md` §5).\n4. **Never introduce a second system beside an existing one.** A fresh `src\u002Ftheme\u002F` next to a Tamagui config is design-system drift, not adoption.\n\nOnly when nothing exists do the defaults below apply as written.\n\n## The Theme\n\nIn an app without an existing system, all design tokens live under `src\u002Ftheme\u002F`. In a project without a `src\u002F` folder (the default `create-expo-app` template has `app\u002F`, `components\u002F`, and `constants\u002F` at the root), use the equivalent top-level location - typically `theme\u002F` or the existing `constants\u002F` - and keep the same file layout. Start small and split by token class as it grows:\n\n```\nsrc\u002Ftheme\u002F\n  colors.ts       # see expo-native-ui \"Colors\" for the palette pattern\n  spacing.ts\n  typography.ts\n  radius.ts\n  shadows.ts\n  motion.ts\n  index.ts        # re-exports everything: import { spacing, type } from \"@\u002Ftheme\"\n```\n\nA brand-new app can begin with a single `src\u002Ftheme.ts` holding all of the objects below, then promote it to the folder form once any one class needs its own file (same promotion rule as components). Either way there is exactly **one** theme entry point - never two competing token files.\n\nRules that make a theme worth having:\n\n- **Every repeated visual value is a token.** A literal that appears twice belongs in the theme.\n- **Components import tokens; screens import components.** A screen file that imports `spacing` for layout padding is fine; a screen file redefining a button color is drift.\n- **Never hardcode** hex colors, font sizes, or spacing multiples outside `src\u002Ftheme\u002F`. One-off values that are genuinely local (an icon's 17px optical nudge) may stay inline - with a comment saying why.\n\n### Colors\n\nBuild the palette from platform semantic colors: `Color` from `expo-router` wrapped in `Platform.select`, centralized in `theme\u002Fcolors.ts`. Semantic colors resolve on-device and adapt to light\u002Fdark automatically - prefer them for backgrounds, labels, and separators. (`expo-native-ui` \"Colors\" covers the full palette and rationale; the minimal version is:)\n\n```tsx\n\u002F\u002F theme\u002Fcolors.ts\nimport { Platform } from \"react-native\";\nimport { Color } from \"expo-router\";\n\nexport const colors = {\n  label: Platform.select({\n    ios: Color.ios.label,\n    android: Color.android.dynamic.onSurface,\n    default: \"#000000\",\n  })!,\n  secondaryLabel: Platform.select({\n    ios: Color.ios.secondaryLabel,\n    android: Color.android.dynamic.onSurfaceVariant,\n    default: \"#3c3c43\",\n  })!,\n  separator: Platform.select({\n    ios: Color.ios.separator,\n    android: Color.android.dynamic.outlineVariant,\n    default: \"#c6c6c8\",\n  })!,\n  systemBackground: Platform.select({\n    ios: Color.ios.systemBackground,\n    android: Color.android.dynamic.surface,\n    default: \"#ffffff\",\n  })!,\n  systemBlue: Platform.select({\n    ios: Color.ios.systemBlue,\n    android: Color.android.dynamic.primary,\n    default: \"#007aff\",\n  })!,\n  \u002F\u002F Deliberately fixed: text on a tinted (accent) surface stays white in both modes.\n  onTint: \"#ffffff\",\n};\n```\n\nAdd brand colors as explicit light\u002Fdark pairs only when the brand requires values the platform doesn't provide:\n\n```tsx\n\u002F\u002F theme\u002Fcolors.ts (brand additions)\nimport { useColorScheme } from \"react-native\";\n\nconst brandPalette = {\n  light: { accent: \"#5B21B6\", accentContrast: \"#FFFFFF\" },\n  dark: { accent: \"#A78BFA\", accentContrast: \"#1E1B4B\" },\n} as const;\n\nexport function useBrandColors() {\n  const scheme = useColorScheme();\n  return brandPalette[scheme === \"dark\" ? \"dark\" : \"light\"];\n}\n```\n\nKeep the brand set tiny (accent, accentContrast, maybe a tint per feature). Everything else stays semantic.\n\n**Static-safe vs hook-only.** The two patterns above have different reach - keep the boundary explicit:\n\n- Semantic\u002Fplatform colors (`colors` above) are **static-safe**: they resolve on-device, so plain token files like `theme\u002Ftypography.ts` can import them at module scope.\n- Brand light\u002Fdark pairs are **hook-only**: `useBrandColors()` reads the color scheme at render time, so brand colors can only be applied inside components. A static token file cannot call the hook.\n- Never mix the two in one file. If a static style (a `type` ramp step, a `variants` object) needs the brand accent, either apply the brand color in the component at render time, or wrap the pair in a static dynamic color (`DynamicColorIOS` on iOS) so it becomes static-safe.\n\n### Spacing\n\nOne scale, based on a 4-point grid. Name steps by size, not by use:\n\n```tsx\n\u002F\u002F theme\u002Fspacing.ts\nexport const spacing = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  xl: 32,\n  xxl: 48,\n} as const;\n```\n\n- Use `gap` with spacing tokens for layout rhythm (`expo-native-ui` prefers gap over margin).\n- Screen edge padding is `spacing.md` unless the design says otherwise - pick one and keep it.\n- If a layout needs a value between steps, use the nearest step. The grid is the point.\n- If the same in-between multiple of 4 keeps recurring (12 and 20 are common), add it to the scale as a named step instead of scattering literals. The audit whitelist must then include it too.\n\n### Typography\n\nDefine named text styles, not raw font sizes. Mirror the platform ramp (Apple text styles) so sizes feel native:\n\n```tsx\n\u002F\u002F theme\u002Ftypography.ts\nimport { TextStyle } from \"react-native\";\nimport { colors } from \".\u002Fcolors\";\n\nexport const type = {\n  largeTitle: { fontSize: 34, fontWeight: \"700\", color: colors.label },\n  title: { fontSize: 22, fontWeight: \"600\", color: colors.label },\n  headline: { fontSize: 17, fontWeight: \"600\", color: colors.label },\n  body: { fontSize: 17, fontWeight: \"400\", color: colors.label },\n  subhead: { fontSize: 15, fontWeight: \"400\", color: colors.secondaryLabel },\n  caption: { fontSize: 12, fontWeight: \"400\", color: colors.secondaryLabel },\n} as const satisfies Record\u003Cstring, TextStyle>;\n```\n\nIf the project bundles static font files (one file per weight, loaded with `expo-font` or the config plugin), set weight via `fontFamily` names instead and omit `fontWeight` - otherwise iOS synthesizes the weight or falls back to the system font:\n\n```tsx\nheadline: { fontSize: 17, fontFamily: \"SFProRounded-Semibold\", color: colors.label },\n```\n\nExpose them through one component so screens never touch `fontSize`:\n\n```tsx\n\u002F\u002F components\u002Fthemed-text.tsx\nimport { Text, TextProps } from \"react-native\";\nimport { type } from \"@\u002Ftheme\";\n\nexport function ThemedText({\n  variant = \"body\",\n  style,\n  ...props\n}: TextProps & { variant?: keyof typeof type }) {\n  return \u003CText style={[type[variant], style]} {...props} \u002F>;\n}\n```\n\nScreen titles still come from the navigation stack header (`expo-native-ui` rule), so `largeTitle` is mostly for non-stack contexts.\n\n### Radius\n\n```tsx\n\u002F\u002F theme\u002Fradius.ts\nexport const radius = {\n  sm: 8,\n  md: 12,\n  lg: 16,\n  full: 9999, \u002F\u002F capsules\n} as const;\n```\n\nPair every non-capsule radius with `borderCurve: \"continuous\"` (per `expo-native-ui`).\n\n### Shadows\n\nShadows are `boxShadow` strings (never legacy shadow\u002Felevation props - see `expo-native-ui`). Two or three elevation levels are enough:\n\n```tsx\n\u002F\u002F theme\u002Fshadows.ts\nexport const shadows = {\n  card: \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n  raised: \"0 4px 12px rgba(0, 0, 0, 0.10)\",\n  overlay: \"0 8px 24px rgba(0, 0, 0, 0.18)\",\n} as const;\n```\n\n### Motion\n\nDurations and shared spring\u002Feasing configs, so animations across the app feel related:\n\n```tsx\n\u002F\u002F theme\u002Fmotion.ts\nexport const motion = {\n  fast: 150, \u002F\u002F state feedback: press, toggle\n  base: 250, \u002F\u002F element transitions: enter\u002Fexit\n  slow: 400, \u002F\u002F large surfaces: sheets, screens\n} as const;\n```\n\nReanimated caveat: don't pass `Color`\u002F`PlatformColor` token values into Reanimated styles - use static colors there (see `expo-native-ui`).\n\n## Reusable Components\n\nThe theme controls values; components control structure. Shared primitives live in `src\u002Fcomponents\u002F` (see `expo-project-structure`).\n\n### The component contract\n\nEvery design-system primitive defines, explicitly:\n\n- **Variants** - visual intent: `primary`, `secondary`, `ghost`, `destructive`. Add a variant only when a real screen needs it.\n- **Sizes** - `sm`, `md`, `lg`. Default `md`. Sizes map to spacing\u002Ftypography tokens, never to fresh numbers.\n- **States** - default, **pressed** (not hover - this is touch), disabled, loading. Handle pressed with a `Pressable` style function; never leave a tappable element without pressed feedback.\n- **Style override** - accept a `style` prop and merge it **last**, so callers can adjust layout (margins, flex) without forking the component. Callers may override layout, not identity - a caller changing a button's colors is a signal the variant set is missing something.\n\n```tsx\n\u002F\u002F components\u002Fbutton.tsx\nimport { Pressable, ActivityIndicator, ViewStyle, StyleProp } from \"react-native\";\nimport { colors, spacing, radius } from \"@\u002Ftheme\";\nimport { ThemedText } from \".\u002Fthemed-text\";\n\nconst variants = {\n  primary: { backgroundColor: colors.systemBlue, color: colors.onTint },\n  secondary: { backgroundColor: colors.separator, color: colors.label },\n} as const;\n\nconst sizes = {\n  sm: { paddingVertical: spacing.xs, paddingHorizontal: spacing.sm },\n  md: { paddingVertical: spacing.sm, paddingHorizontal: spacing.md },\n} as const;\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  title,\n  loading,\n  disabled,\n  style,\n  onPress,\n}: {\n  variant?: keyof typeof variants;\n  size?: keyof typeof sizes;\n  title: string;\n  loading?: boolean;\n  disabled?: boolean;\n  style?: StyleProp\u003CViewStyle>;\n  onPress?: () => void;\n}) {\n  return (\n    \u003CPressable\n      accessibilityRole=\"button\"\n      disabled={disabled || loading}\n      onPress={onPress}\n      style={({ pressed }) => [\n        {\n          backgroundColor: variants[variant].backgroundColor,\n          borderRadius: radius.md,\n          borderCurve: \"continuous\",\n          alignItems: \"center\",\n          opacity: disabled ? 0.4 : pressed ? 0.7 : 1,\n          ...sizes[size],\n        },\n        style, \u002F\u002F caller overrides merge last\n      ]}\n    >\n      {loading ? (\n        \u003CActivityIndicator color={variants[variant].color as string} \u002F>\n      ) : (\n        \u003CThemedText variant=\"headline\" style={{ color: variants[variant].color }}>\n          {title}\n        \u003C\u002FThemedText>\n      )}\n    \u003C\u002FPressable>\n  );\n}\n```\n\n### Composition over configuration\n\nWhen a component's props start describing *content* (`leftIcon`, `subtitle`, `footerText`, `badgeCount`), stop adding props and accept `children` instead. A `Card` that renders `children` with token padding outlives any `Card` with twelve content props. Reserve props for the contract above: variant, size, state, style.\n\n### When to extract - and when not to\n\nPromote a view into `src\u002Fcomponents\u002F` when **all** of these hold:\n\n1. It appears (or is about to appear) in **two or more screens**. Until then it stays colocated in `screens\u002F\u003Cname>\u002F` (see `expo-project-structure`).\n2. It has a **nameable role** (\"Card\", \"EmptyState\", \"Badge\") - not \"the thing on the profile screen\".\n3. Its API is **smaller than its implementation**. If the props would just re-expose every internal style, it isn't a reusable component yet - it's a screen fragment.\n\nPromotion path: inline JSX → component in `screens\u002F\u003Cname>\u002F` → `src\u002Fcomponents\u002F`. Move one step at a time, when the trigger fires - never speculatively. Wrong abstractions cost more than duplication; a second copy of a view is cheaper than a primitive with a bad API.\n\nDo **not** wrap platform components that already carry the design language (`Switch`, `DateTimePicker`, stack headers, `@expo\u002Fui` views) just to route them through the system. Native styling *is* the design system for those.\n\n## Where Decisions Live\n\n| Decision | Lives in | Example |\n|---|---|---|\n| A visual value used anywhere twice | `src\u002Ftheme\u002F` | brand accent, spacing step |\n| Structure + variants of a reused element | `src\u002Fcomponents\u002F` | Button, Card, EmptyState |\n| One screen's private composition | `screens\u002F\u003Cname>\u002F` | profile header layout |\n| One-off local adjustment | inline, with a comment | optical nudge on an icon |\n| Screen titles, top-level chrome | navigation stack options | header title, large title |\n\n## Self-Critique Pass\n\nAfter building or changing a screen, screenshot it and check it against these principles (from [Expo's design-principles guide](https:\u002F\u002Fexpo.dev\u002Fblog\u002Fhow-to-apply-professional-design-principles-in-ai-app-development)). Each one maps to a system fix, not a local tweak:\n\n- **Hierarchy \u002F contrast** - is the most important element obviously first? Fix with `type` ramp steps, not ad-hoc font sizes.\n- **Proximity \u002F white space** - do related items sit closer than unrelated ones? Fix with `gap` + spacing tokens.\n- **Repetition \u002F unity** - do all corners, shadows, and accents match? If not, a value escaped the theme - move it in.\n- **Alignment** - do edges share axes? Fix with consistent screen edge padding.\n\nThe pass is complete only when all four checks pass, or every failing value has moved into the theme or a component. If a screen fails the same check twice, the fix belongs in the theme or a component - not in the screen.\n\n## Auditing an Existing App\n\nTo measure drift in an app that already has screens - hardcoded hex values, arbitrary spacing, inconsistent component APIs - follow `.\u002Freferences\u002Faudit.md`. It contains grep-based checks, a scoring rubric, an incremental adoption order for fixing a drifted app, and templates for documenting existing components and proposing new ones.\n\n## Submitting Feedback\nIf you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:\n```bash\nnpx --yes submit-expo-feedback@latest --category skills --subject \"expo-design-system\" \"\u003Cactionable feedback>\"\n```\nOnly submit when you have something specific and actionable to report. Include as much relevant context as possible.\nIf an AI agent repeatedly failed or the user had to take over an Expo task, load the expo-skill-feedback skill and follow its eval-candidate flow instead of reusing the command above.\n",{"data":35,"body":37},{"name":4,"description":6,"version":36,"license":26},"1.0.0",{"type":38,"children":39},"root",[40,49,55,60,122,129,134,146,152,157,262,267,273,339,348,368,373,421,428,472,1489,1494,1890,1895,1905,1984,1989,1994,2179,2225,2231,2236,2906,2935,3024,3036,3341,3361,3367,3508,3528,3534,3554,3699,3705,3710,3846,3872,3878,3897,3903,3908,4038,5543,5549,5621,5627,5646,5698,5717,5759,5765,5897,5903,5919,5976,5981,5987,6000,6006,6011,6078,6083],{"type":41,"tag":42,"props":43,"children":45},"element","h1",{"id":44},"expo-design-systems",[46],{"type":47,"value":48},"text","Expo Design Systems",{"type":41,"tag":50,"props":51,"children":52},"p",{},[53],{"type":47,"value":54},"Make every screen in an app draw from one visual source of truth: a token theme and a small set of reusable components. This skill defines where tokens live, what they cover, how reusable components are shaped, and when a repeated view earns promotion into the system.",{"type":41,"tag":50,"props":56,"children":57},{},[58],{"type":47,"value":59},"Sibling skills own the layers around this one:",{"type":41,"tag":61,"props":62,"children":63},"ul",{},[64,92,111],{"type":41,"tag":65,"props":66,"children":67},"li",{},[68,75,77,83,85,90],{"type":41,"tag":69,"props":70,"children":72},"code",{"className":71},[],[73],{"type":47,"value":74},"expo-native-ui",{"type":47,"value":76}," - platform styling rules (HIG, semantic colors, controls, shadows syntax). Follow it for ",{"type":41,"tag":78,"props":79,"children":80},"strong",{},[81],{"type":47,"value":82},"what values look native",{"type":47,"value":84},"; follow this skill for ",{"type":41,"tag":78,"props":86,"children":87},{},[88],{"type":47,"value":89},"where values live and how they're reused",{"type":47,"value":91},".",{"type":41,"tag":65,"props":93,"children":94},{},[95,101,103,109],{"type":41,"tag":69,"props":96,"children":98},{"className":97},[],[99],{"type":47,"value":100},"expo-tailwind-setup",{"type":47,"value":102}," - if the project uses Tailwind, tokens live in ",{"type":41,"tag":69,"props":104,"children":106},{"className":105},[],[107],{"type":47,"value":108},"global.css",{"type":47,"value":110}," as CSS variables instead of TypeScript. The scales and naming in this skill still apply; only the storage format changes.",{"type":41,"tag":65,"props":112,"children":113},{},[114,120],{"type":41,"tag":69,"props":115,"children":117},{"className":116},[],[118],{"type":47,"value":119},"expo-project-structure",{"type":47,"value":121}," - folder skeleton for new apps.",{"type":41,"tag":123,"props":124,"children":126},"h2",{"id":125},"references",[127],{"type":47,"value":128},"References",{"type":41,"tag":50,"props":130,"children":131},{},[132],{"type":47,"value":133},"Consult these resources as needed:",{"type":41,"tag":135,"props":136,"children":140},"pre",{"className":137,"code":139,"language":47},[138],"language-text","references\u002F\n  audit.md      Audit an existing app for design-system drift: grep checks,\n                scoring rubric, incremental adoption plan, and templates for\n                documenting or extending components\n",[141],{"type":41,"tag":69,"props":142,"children":144},{"__ignoreMap":143},"",[145],{"type":47,"value":139},{"type":41,"tag":123,"props":147,"children":149},{"id":148},"adopt-before-you-build",[150],{"type":47,"value":151},"Adopt Before You Build",{"type":41,"tag":50,"props":153,"children":154},{},[155],{"type":47,"value":156},"In an app that already has screens, the first move is detection, not construction. Before writing any token file:",{"type":41,"tag":158,"props":159,"children":160},"ol",{},[161,217,227,245],{"type":41,"tag":65,"props":162,"children":163},{},[164,169,171,177,179,184,186,192,194,200,201,207,209,215],{"type":41,"tag":78,"props":165,"children":166},{},[167],{"type":47,"value":168},"Look for a declared system.",{"type":47,"value":170}," Check ",{"type":41,"tag":69,"props":172,"children":174},{"className":173},[],[175],{"type":47,"value":176},"package.json",{"type":47,"value":178}," for a styling library - NativeWind\u002FTailwind (use ",{"type":41,"tag":69,"props":180,"children":182},{"className":181},[],[183],{"type":47,"value":100},{"type":47,"value":185},"), Tamagui, Restyle, Unistyles, styled-components. Then look for a token file: ",{"type":41,"tag":69,"props":187,"children":189},{"className":188},[],[190],{"type":47,"value":191},"theme.ts",{"type":47,"value":193},", ",{"type":41,"tag":69,"props":195,"children":197},{"className":196},[],[198],{"type":47,"value":199},"src\u002Ftheme\u002F",{"type":47,"value":193},{"type":41,"tag":69,"props":202,"children":204},{"className":203},[],[205],{"type":47,"value":206},"constants\u002Ftheme.ts",{"type":47,"value":208},", or ",{"type":41,"tag":69,"props":210,"children":212},{"className":211},[],[213],{"type":47,"value":214},"constants\u002FColors.ts",{"type":47,"value":216}," (the create-expo-app default).",{"type":41,"tag":65,"props":218,"children":219},{},[220,225],{"type":41,"tag":78,"props":221,"children":222},{},[223],{"type":47,"value":224},"If one exists, it is the source of truth.",{"type":47,"value":226}," Extend it in its own idiom - its names, its scale, its storage format. Audit drift against that system, not against the examples below.",{"type":41,"tag":65,"props":228,"children":229},{},[230,235,237,243],{"type":41,"tag":78,"props":231,"children":232},{},[233],{"type":47,"value":234},"If only de facto values exist",{"type":47,"value":236}," - the same greys and paddings repeated across screens, no theme file - there is no system yet. Those values are the input to the scales, not the authority: derive tokens from the most frequent ones, snapped to the 4-point grid (",{"type":41,"tag":69,"props":238,"children":240},{"className":239},[],[241],{"type":47,"value":242},"references\u002Faudit.md",{"type":47,"value":244}," §5).",{"type":41,"tag":65,"props":246,"children":247},{},[248,253,255,260],{"type":41,"tag":78,"props":249,"children":250},{},[251],{"type":47,"value":252},"Never introduce a second system beside an existing one.",{"type":47,"value":254}," A fresh ",{"type":41,"tag":69,"props":256,"children":258},{"className":257},[],[259],{"type":47,"value":199},{"type":47,"value":261}," next to a Tamagui config is design-system drift, not adoption.",{"type":41,"tag":50,"props":263,"children":264},{},[265],{"type":47,"value":266},"Only when nothing exists do the defaults below apply as written.",{"type":41,"tag":123,"props":268,"children":270},{"id":269},"the-theme",[271],{"type":47,"value":272},"The Theme",{"type":41,"tag":50,"props":274,"children":275},{},[276,278,283,285,291,293,299,301,307,308,314,316,322,324,330,332,337],{"type":47,"value":277},"In an app without an existing system, all design tokens live under ",{"type":41,"tag":69,"props":279,"children":281},{"className":280},[],[282],{"type":47,"value":199},{"type":47,"value":284},". In a project without a ",{"type":41,"tag":69,"props":286,"children":288},{"className":287},[],[289],{"type":47,"value":290},"src\u002F",{"type":47,"value":292}," folder (the default ",{"type":41,"tag":69,"props":294,"children":296},{"className":295},[],[297],{"type":47,"value":298},"create-expo-app",{"type":47,"value":300}," template has ",{"type":41,"tag":69,"props":302,"children":304},{"className":303},[],[305],{"type":47,"value":306},"app\u002F",{"type":47,"value":193},{"type":41,"tag":69,"props":309,"children":311},{"className":310},[],[312],{"type":47,"value":313},"components\u002F",{"type":47,"value":315},", and ",{"type":41,"tag":69,"props":317,"children":319},{"className":318},[],[320],{"type":47,"value":321},"constants\u002F",{"type":47,"value":323}," at the root), use the equivalent top-level location - typically ",{"type":41,"tag":69,"props":325,"children":327},{"className":326},[],[328],{"type":47,"value":329},"theme\u002F",{"type":47,"value":331}," or the existing ",{"type":41,"tag":69,"props":333,"children":335},{"className":334},[],[336],{"type":47,"value":321},{"type":47,"value":338}," - and keep the same file layout. Start small and split by token class as it grows:",{"type":41,"tag":135,"props":340,"children":343},{"className":341,"code":342,"language":47},[138],"src\u002Ftheme\u002F\n  colors.ts       # see expo-native-ui \"Colors\" for the palette pattern\n  spacing.ts\n  typography.ts\n  radius.ts\n  shadows.ts\n  motion.ts\n  index.ts        # re-exports everything: import { spacing, type } from \"@\u002Ftheme\"\n",[344],{"type":41,"tag":69,"props":345,"children":346},{"__ignoreMap":143},[347],{"type":47,"value":342},{"type":41,"tag":50,"props":349,"children":350},{},[351,353,359,361,366],{"type":47,"value":352},"A brand-new app can begin with a single ",{"type":41,"tag":69,"props":354,"children":356},{"className":355},[],[357],{"type":47,"value":358},"src\u002Ftheme.ts",{"type":47,"value":360}," holding all of the objects below, then promote it to the folder form once any one class needs its own file (same promotion rule as components). Either way there is exactly ",{"type":41,"tag":78,"props":362,"children":363},{},[364],{"type":47,"value":365},"one",{"type":47,"value":367}," theme entry point - never two competing token files.",{"type":41,"tag":50,"props":369,"children":370},{},[371],{"type":47,"value":372},"Rules that make a theme worth having:",{"type":41,"tag":61,"props":374,"children":375},{},[376,386,404],{"type":41,"tag":65,"props":377,"children":378},{},[379,384],{"type":41,"tag":78,"props":380,"children":381},{},[382],{"type":47,"value":383},"Every repeated visual value is a token.",{"type":47,"value":385}," A literal that appears twice belongs in the theme.",{"type":41,"tag":65,"props":387,"children":388},{},[389,394,396,402],{"type":41,"tag":78,"props":390,"children":391},{},[392],{"type":47,"value":393},"Components import tokens; screens import components.",{"type":47,"value":395}," A screen file that imports ",{"type":41,"tag":69,"props":397,"children":399},{"className":398},[],[400],{"type":47,"value":401},"spacing",{"type":47,"value":403}," for layout padding is fine; a screen file redefining a button color is drift.",{"type":41,"tag":65,"props":405,"children":406},{},[407,412,414,419],{"type":41,"tag":78,"props":408,"children":409},{},[410],{"type":47,"value":411},"Never hardcode",{"type":47,"value":413}," hex colors, font sizes, or spacing multiples outside ",{"type":41,"tag":69,"props":415,"children":417},{"className":416},[],[418],{"type":47,"value":199},{"type":47,"value":420},". One-off values that are genuinely local (an icon's 17px optical nudge) may stay inline - with a comment saying why.",{"type":41,"tag":422,"props":423,"children":425},"h3",{"id":424},"colors",[426],{"type":47,"value":427},"Colors",{"type":41,"tag":50,"props":429,"children":430},{},[431,433,439,441,447,449,455,457,463,465,470],{"type":47,"value":432},"Build the palette from platform semantic colors: ",{"type":41,"tag":69,"props":434,"children":436},{"className":435},[],[437],{"type":47,"value":438},"Color",{"type":47,"value":440}," from ",{"type":41,"tag":69,"props":442,"children":444},{"className":443},[],[445],{"type":47,"value":446},"expo-router",{"type":47,"value":448}," wrapped in ",{"type":41,"tag":69,"props":450,"children":452},{"className":451},[],[453],{"type":47,"value":454},"Platform.select",{"type":47,"value":456},", centralized in ",{"type":41,"tag":69,"props":458,"children":460},{"className":459},[],[461],{"type":47,"value":462},"theme\u002Fcolors.ts",{"type":47,"value":464},". Semantic colors resolve on-device and adapt to light\u002Fdark automatically - prefer them for backgrounds, labels, and separators. (",{"type":41,"tag":69,"props":466,"children":468},{"className":467},[],[469],{"type":47,"value":74},{"type":47,"value":471}," \"Colors\" covers the full palette and rationale; the minimal version is:)",{"type":41,"tag":135,"props":473,"children":477},{"className":474,"code":475,"language":476,"meta":143,"style":143},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F theme\u002Fcolors.ts\nimport { Platform } from \"react-native\";\nimport { Color } from \"expo-router\";\n\nexport const colors = {\n  label: Platform.select({\n    ios: Color.ios.label,\n    android: Color.android.dynamic.onSurface,\n    default: \"#000000\",\n  })!,\n  secondaryLabel: Platform.select({\n    ios: Color.ios.secondaryLabel,\n    android: Color.android.dynamic.onSurfaceVariant,\n    default: \"#3c3c43\",\n  })!,\n  separator: Platform.select({\n    ios: Color.ios.separator,\n    android: Color.android.dynamic.outlineVariant,\n    default: \"#c6c6c8\",\n  })!,\n  systemBackground: Platform.select({\n    ios: Color.ios.systemBackground,\n    android: Color.android.dynamic.surface,\n    default: \"#ffffff\",\n  })!,\n  systemBlue: Platform.select({\n    ios: Color.ios.systemBlue,\n    android: Color.android.dynamic.primary,\n    default: \"#007aff\",\n  })!,\n  \u002F\u002F Deliberately fixed: text on a tinted (accent) surface stays white in both modes.\n  onTint: \"#ffffff\",\n};\n","tsx",[478],{"type":41,"tag":69,"props":479,"children":480},{"__ignoreMap":143},[481,493,545,586,596,626,665,705,753,783,802,835,872,917,946,962,995,1032,1077,1106,1122,1155,1192,1237,1266,1282,1315,1352,1397,1426,1442,1451,1480],{"type":41,"tag":482,"props":483,"children":486},"span",{"class":484,"line":485},"line",1,[487],{"type":41,"tag":482,"props":488,"children":490},{"style":489},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[491],{"type":47,"value":492},"\u002F\u002F theme\u002Fcolors.ts\n",{"type":41,"tag":482,"props":494,"children":496},{"class":484,"line":495},2,[497,503,509,515,520,525,530,535,540],{"type":41,"tag":482,"props":498,"children":500},{"style":499},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[501],{"type":47,"value":502},"import",{"type":41,"tag":482,"props":504,"children":506},{"style":505},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[507],{"type":47,"value":508}," {",{"type":41,"tag":482,"props":510,"children":512},{"style":511},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[513],{"type":47,"value":514}," Platform",{"type":41,"tag":482,"props":516,"children":517},{"style":505},[518],{"type":47,"value":519}," }",{"type":41,"tag":482,"props":521,"children":522},{"style":499},[523],{"type":47,"value":524}," from",{"type":41,"tag":482,"props":526,"children":527},{"style":505},[528],{"type":47,"value":529}," \"",{"type":41,"tag":482,"props":531,"children":533},{"style":532},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[534],{"type":47,"value":14},{"type":41,"tag":482,"props":536,"children":537},{"style":505},[538],{"type":47,"value":539},"\"",{"type":41,"tag":482,"props":541,"children":542},{"style":505},[543],{"type":47,"value":544},";\n",{"type":41,"tag":482,"props":546,"children":548},{"class":484,"line":547},3,[549,553,557,562,566,570,574,578,582],{"type":41,"tag":482,"props":550,"children":551},{"style":499},[552],{"type":47,"value":502},{"type":41,"tag":482,"props":554,"children":555},{"style":505},[556],{"type":47,"value":508},{"type":41,"tag":482,"props":558,"children":559},{"style":511},[560],{"type":47,"value":561}," Color",{"type":41,"tag":482,"props":563,"children":564},{"style":505},[565],{"type":47,"value":519},{"type":41,"tag":482,"props":567,"children":568},{"style":499},[569],{"type":47,"value":524},{"type":41,"tag":482,"props":571,"children":572},{"style":505},[573],{"type":47,"value":529},{"type":41,"tag":482,"props":575,"children":576},{"style":532},[577],{"type":47,"value":446},{"type":41,"tag":482,"props":579,"children":580},{"style":505},[581],{"type":47,"value":539},{"type":41,"tag":482,"props":583,"children":584},{"style":505},[585],{"type":47,"value":544},{"type":41,"tag":482,"props":587,"children":589},{"class":484,"line":588},4,[590],{"type":41,"tag":482,"props":591,"children":593},{"emptyLinePlaceholder":592},true,[594],{"type":47,"value":595},"\n",{"type":41,"tag":482,"props":597,"children":599},{"class":484,"line":598},5,[600,605,611,616,621],{"type":41,"tag":482,"props":601,"children":602},{"style":499},[603],{"type":47,"value":604},"export",{"type":41,"tag":482,"props":606,"children":608},{"style":607},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[609],{"type":47,"value":610}," const",{"type":41,"tag":482,"props":612,"children":613},{"style":511},[614],{"type":47,"value":615}," colors ",{"type":41,"tag":482,"props":617,"children":618},{"style":505},[619],{"type":47,"value":620},"=",{"type":41,"tag":482,"props":622,"children":623},{"style":505},[624],{"type":47,"value":625}," {\n",{"type":41,"tag":482,"props":627,"children":629},{"class":484,"line":628},6,[630,636,641,645,649,655,660],{"type":41,"tag":482,"props":631,"children":633},{"style":632},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[634],{"type":47,"value":635},"  label",{"type":41,"tag":482,"props":637,"children":638},{"style":505},[639],{"type":47,"value":640},":",{"type":41,"tag":482,"props":642,"children":643},{"style":511},[644],{"type":47,"value":514},{"type":41,"tag":482,"props":646,"children":647},{"style":505},[648],{"type":47,"value":91},{"type":41,"tag":482,"props":650,"children":652},{"style":651},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[653],{"type":47,"value":654},"select",{"type":41,"tag":482,"props":656,"children":657},{"style":511},[658],{"type":47,"value":659},"(",{"type":41,"tag":482,"props":661,"children":662},{"style":505},[663],{"type":47,"value":664},"{\n",{"type":41,"tag":482,"props":666,"children":668},{"class":484,"line":667},7,[669,674,678,682,686,691,695,700],{"type":41,"tag":482,"props":670,"children":671},{"style":632},[672],{"type":47,"value":673},"    ios",{"type":41,"tag":482,"props":675,"children":676},{"style":505},[677],{"type":47,"value":640},{"type":41,"tag":482,"props":679,"children":680},{"style":511},[681],{"type":47,"value":561},{"type":41,"tag":482,"props":683,"children":684},{"style":505},[685],{"type":47,"value":91},{"type":41,"tag":482,"props":687,"children":688},{"style":511},[689],{"type":47,"value":690},"ios",{"type":41,"tag":482,"props":692,"children":693},{"style":505},[694],{"type":47,"value":91},{"type":41,"tag":482,"props":696,"children":697},{"style":511},[698],{"type":47,"value":699},"label",{"type":41,"tag":482,"props":701,"children":702},{"style":505},[703],{"type":47,"value":704},",\n",{"type":41,"tag":482,"props":706,"children":708},{"class":484,"line":707},8,[709,714,718,722,726,731,735,740,744,749],{"type":41,"tag":482,"props":710,"children":711},{"style":632},[712],{"type":47,"value":713},"    android",{"type":41,"tag":482,"props":715,"children":716},{"style":505},[717],{"type":47,"value":640},{"type":41,"tag":482,"props":719,"children":720},{"style":511},[721],{"type":47,"value":561},{"type":41,"tag":482,"props":723,"children":724},{"style":505},[725],{"type":47,"value":91},{"type":41,"tag":482,"props":727,"children":728},{"style":511},[729],{"type":47,"value":730},"android",{"type":41,"tag":482,"props":732,"children":733},{"style":505},[734],{"type":47,"value":91},{"type":41,"tag":482,"props":736,"children":737},{"style":511},[738],{"type":47,"value":739},"dynamic",{"type":41,"tag":482,"props":741,"children":742},{"style":505},[743],{"type":47,"value":91},{"type":41,"tag":482,"props":745,"children":746},{"style":511},[747],{"type":47,"value":748},"onSurface",{"type":41,"tag":482,"props":750,"children":751},{"style":505},[752],{"type":47,"value":704},{"type":41,"tag":482,"props":754,"children":756},{"class":484,"line":755},9,[757,762,766,770,775,779],{"type":41,"tag":482,"props":758,"children":759},{"style":632},[760],{"type":47,"value":761},"    default",{"type":41,"tag":482,"props":763,"children":764},{"style":505},[765],{"type":47,"value":640},{"type":41,"tag":482,"props":767,"children":768},{"style":505},[769],{"type":47,"value":529},{"type":41,"tag":482,"props":771,"children":772},{"style":532},[773],{"type":47,"value":774},"#000000",{"type":41,"tag":482,"props":776,"children":777},{"style":505},[778],{"type":47,"value":539},{"type":41,"tag":482,"props":780,"children":781},{"style":505},[782],{"type":47,"value":704},{"type":41,"tag":482,"props":784,"children":786},{"class":484,"line":785},10,[787,792,797],{"type":41,"tag":482,"props":788,"children":789},{"style":505},[790],{"type":47,"value":791},"  }",{"type":41,"tag":482,"props":793,"children":794},{"style":511},[795],{"type":47,"value":796},")",{"type":41,"tag":482,"props":798,"children":799},{"style":505},[800],{"type":47,"value":801},"!,\n",{"type":41,"tag":482,"props":803,"children":805},{"class":484,"line":804},11,[806,811,815,819,823,827,831],{"type":41,"tag":482,"props":807,"children":808},{"style":632},[809],{"type":47,"value":810},"  secondaryLabel",{"type":41,"tag":482,"props":812,"children":813},{"style":505},[814],{"type":47,"value":640},{"type":41,"tag":482,"props":816,"children":817},{"style":511},[818],{"type":47,"value":514},{"type":41,"tag":482,"props":820,"children":821},{"style":505},[822],{"type":47,"value":91},{"type":41,"tag":482,"props":824,"children":825},{"style":651},[826],{"type":47,"value":654},{"type":41,"tag":482,"props":828,"children":829},{"style":511},[830],{"type":47,"value":659},{"type":41,"tag":482,"props":832,"children":833},{"style":505},[834],{"type":47,"value":664},{"type":41,"tag":482,"props":836,"children":838},{"class":484,"line":837},12,[839,843,847,851,855,859,863,868],{"type":41,"tag":482,"props":840,"children":841},{"style":632},[842],{"type":47,"value":673},{"type":41,"tag":482,"props":844,"children":845},{"style":505},[846],{"type":47,"value":640},{"type":41,"tag":482,"props":848,"children":849},{"style":511},[850],{"type":47,"value":561},{"type":41,"tag":482,"props":852,"children":853},{"style":505},[854],{"type":47,"value":91},{"type":41,"tag":482,"props":856,"children":857},{"style":511},[858],{"type":47,"value":690},{"type":41,"tag":482,"props":860,"children":861},{"style":505},[862],{"type":47,"value":91},{"type":41,"tag":482,"props":864,"children":865},{"style":511},[866],{"type":47,"value":867},"secondaryLabel",{"type":41,"tag":482,"props":869,"children":870},{"style":505},[871],{"type":47,"value":704},{"type":41,"tag":482,"props":873,"children":875},{"class":484,"line":874},13,[876,880,884,888,892,896,900,904,908,913],{"type":41,"tag":482,"props":877,"children":878},{"style":632},[879],{"type":47,"value":713},{"type":41,"tag":482,"props":881,"children":882},{"style":505},[883],{"type":47,"value":640},{"type":41,"tag":482,"props":885,"children":886},{"style":511},[887],{"type":47,"value":561},{"type":41,"tag":482,"props":889,"children":890},{"style":505},[891],{"type":47,"value":91},{"type":41,"tag":482,"props":893,"children":894},{"style":511},[895],{"type":47,"value":730},{"type":41,"tag":482,"props":897,"children":898},{"style":505},[899],{"type":47,"value":91},{"type":41,"tag":482,"props":901,"children":902},{"style":511},[903],{"type":47,"value":739},{"type":41,"tag":482,"props":905,"children":906},{"style":505},[907],{"type":47,"value":91},{"type":41,"tag":482,"props":909,"children":910},{"style":511},[911],{"type":47,"value":912},"onSurfaceVariant",{"type":41,"tag":482,"props":914,"children":915},{"style":505},[916],{"type":47,"value":704},{"type":41,"tag":482,"props":918,"children":920},{"class":484,"line":919},14,[921,925,929,933,938,942],{"type":41,"tag":482,"props":922,"children":923},{"style":632},[924],{"type":47,"value":761},{"type":41,"tag":482,"props":926,"children":927},{"style":505},[928],{"type":47,"value":640},{"type":41,"tag":482,"props":930,"children":931},{"style":505},[932],{"type":47,"value":529},{"type":41,"tag":482,"props":934,"children":935},{"style":532},[936],{"type":47,"value":937},"#3c3c43",{"type":41,"tag":482,"props":939,"children":940},{"style":505},[941],{"type":47,"value":539},{"type":41,"tag":482,"props":943,"children":944},{"style":505},[945],{"type":47,"value":704},{"type":41,"tag":482,"props":947,"children":949},{"class":484,"line":948},15,[950,954,958],{"type":41,"tag":482,"props":951,"children":952},{"style":505},[953],{"type":47,"value":791},{"type":41,"tag":482,"props":955,"children":956},{"style":511},[957],{"type":47,"value":796},{"type":41,"tag":482,"props":959,"children":960},{"style":505},[961],{"type":47,"value":801},{"type":41,"tag":482,"props":963,"children":965},{"class":484,"line":964},16,[966,971,975,979,983,987,991],{"type":41,"tag":482,"props":967,"children":968},{"style":632},[969],{"type":47,"value":970},"  separator",{"type":41,"tag":482,"props":972,"children":973},{"style":505},[974],{"type":47,"value":640},{"type":41,"tag":482,"props":976,"children":977},{"style":511},[978],{"type":47,"value":514},{"type":41,"tag":482,"props":980,"children":981},{"style":505},[982],{"type":47,"value":91},{"type":41,"tag":482,"props":984,"children":985},{"style":651},[986],{"type":47,"value":654},{"type":41,"tag":482,"props":988,"children":989},{"style":511},[990],{"type":47,"value":659},{"type":41,"tag":482,"props":992,"children":993},{"style":505},[994],{"type":47,"value":664},{"type":41,"tag":482,"props":996,"children":998},{"class":484,"line":997},17,[999,1003,1007,1011,1015,1019,1023,1028],{"type":41,"tag":482,"props":1000,"children":1001},{"style":632},[1002],{"type":47,"value":673},{"type":41,"tag":482,"props":1004,"children":1005},{"style":505},[1006],{"type":47,"value":640},{"type":41,"tag":482,"props":1008,"children":1009},{"style":511},[1010],{"type":47,"value":561},{"type":41,"tag":482,"props":1012,"children":1013},{"style":505},[1014],{"type":47,"value":91},{"type":41,"tag":482,"props":1016,"children":1017},{"style":511},[1018],{"type":47,"value":690},{"type":41,"tag":482,"props":1020,"children":1021},{"style":505},[1022],{"type":47,"value":91},{"type":41,"tag":482,"props":1024,"children":1025},{"style":511},[1026],{"type":47,"value":1027},"separator",{"type":41,"tag":482,"props":1029,"children":1030},{"style":505},[1031],{"type":47,"value":704},{"type":41,"tag":482,"props":1033,"children":1035},{"class":484,"line":1034},18,[1036,1040,1044,1048,1052,1056,1060,1064,1068,1073],{"type":41,"tag":482,"props":1037,"children":1038},{"style":632},[1039],{"type":47,"value":713},{"type":41,"tag":482,"props":1041,"children":1042},{"style":505},[1043],{"type":47,"value":640},{"type":41,"tag":482,"props":1045,"children":1046},{"style":511},[1047],{"type":47,"value":561},{"type":41,"tag":482,"props":1049,"children":1050},{"style":505},[1051],{"type":47,"value":91},{"type":41,"tag":482,"props":1053,"children":1054},{"style":511},[1055],{"type":47,"value":730},{"type":41,"tag":482,"props":1057,"children":1058},{"style":505},[1059],{"type":47,"value":91},{"type":41,"tag":482,"props":1061,"children":1062},{"style":511},[1063],{"type":47,"value":739},{"type":41,"tag":482,"props":1065,"children":1066},{"style":505},[1067],{"type":47,"value":91},{"type":41,"tag":482,"props":1069,"children":1070},{"style":511},[1071],{"type":47,"value":1072},"outlineVariant",{"type":41,"tag":482,"props":1074,"children":1075},{"style":505},[1076],{"type":47,"value":704},{"type":41,"tag":482,"props":1078,"children":1080},{"class":484,"line":1079},19,[1081,1085,1089,1093,1098,1102],{"type":41,"tag":482,"props":1082,"children":1083},{"style":632},[1084],{"type":47,"value":761},{"type":41,"tag":482,"props":1086,"children":1087},{"style":505},[1088],{"type":47,"value":640},{"type":41,"tag":482,"props":1090,"children":1091},{"style":505},[1092],{"type":47,"value":529},{"type":41,"tag":482,"props":1094,"children":1095},{"style":532},[1096],{"type":47,"value":1097},"#c6c6c8",{"type":41,"tag":482,"props":1099,"children":1100},{"style":505},[1101],{"type":47,"value":539},{"type":41,"tag":482,"props":1103,"children":1104},{"style":505},[1105],{"type":47,"value":704},{"type":41,"tag":482,"props":1107,"children":1109},{"class":484,"line":1108},20,[1110,1114,1118],{"type":41,"tag":482,"props":1111,"children":1112},{"style":505},[1113],{"type":47,"value":791},{"type":41,"tag":482,"props":1115,"children":1116},{"style":511},[1117],{"type":47,"value":796},{"type":41,"tag":482,"props":1119,"children":1120},{"style":505},[1121],{"type":47,"value":801},{"type":41,"tag":482,"props":1123,"children":1125},{"class":484,"line":1124},21,[1126,1131,1135,1139,1143,1147,1151],{"type":41,"tag":482,"props":1127,"children":1128},{"style":632},[1129],{"type":47,"value":1130},"  systemBackground",{"type":41,"tag":482,"props":1132,"children":1133},{"style":505},[1134],{"type":47,"value":640},{"type":41,"tag":482,"props":1136,"children":1137},{"style":511},[1138],{"type":47,"value":514},{"type":41,"tag":482,"props":1140,"children":1141},{"style":505},[1142],{"type":47,"value":91},{"type":41,"tag":482,"props":1144,"children":1145},{"style":651},[1146],{"type":47,"value":654},{"type":41,"tag":482,"props":1148,"children":1149},{"style":511},[1150],{"type":47,"value":659},{"type":41,"tag":482,"props":1152,"children":1153},{"style":505},[1154],{"type":47,"value":664},{"type":41,"tag":482,"props":1156,"children":1158},{"class":484,"line":1157},22,[1159,1163,1167,1171,1175,1179,1183,1188],{"type":41,"tag":482,"props":1160,"children":1161},{"style":632},[1162],{"type":47,"value":673},{"type":41,"tag":482,"props":1164,"children":1165},{"style":505},[1166],{"type":47,"value":640},{"type":41,"tag":482,"props":1168,"children":1169},{"style":511},[1170],{"type":47,"value":561},{"type":41,"tag":482,"props":1172,"children":1173},{"style":505},[1174],{"type":47,"value":91},{"type":41,"tag":482,"props":1176,"children":1177},{"style":511},[1178],{"type":47,"value":690},{"type":41,"tag":482,"props":1180,"children":1181},{"style":505},[1182],{"type":47,"value":91},{"type":41,"tag":482,"props":1184,"children":1185},{"style":511},[1186],{"type":47,"value":1187},"systemBackground",{"type":41,"tag":482,"props":1189,"children":1190},{"style":505},[1191],{"type":47,"value":704},{"type":41,"tag":482,"props":1193,"children":1195},{"class":484,"line":1194},23,[1196,1200,1204,1208,1212,1216,1220,1224,1228,1233],{"type":41,"tag":482,"props":1197,"children":1198},{"style":632},[1199],{"type":47,"value":713},{"type":41,"tag":482,"props":1201,"children":1202},{"style":505},[1203],{"type":47,"value":640},{"type":41,"tag":482,"props":1205,"children":1206},{"style":511},[1207],{"type":47,"value":561},{"type":41,"tag":482,"props":1209,"children":1210},{"style":505},[1211],{"type":47,"value":91},{"type":41,"tag":482,"props":1213,"children":1214},{"style":511},[1215],{"type":47,"value":730},{"type":41,"tag":482,"props":1217,"children":1218},{"style":505},[1219],{"type":47,"value":91},{"type":41,"tag":482,"props":1221,"children":1222},{"style":511},[1223],{"type":47,"value":739},{"type":41,"tag":482,"props":1225,"children":1226},{"style":505},[1227],{"type":47,"value":91},{"type":41,"tag":482,"props":1229,"children":1230},{"style":511},[1231],{"type":47,"value":1232},"surface",{"type":41,"tag":482,"props":1234,"children":1235},{"style":505},[1236],{"type":47,"value":704},{"type":41,"tag":482,"props":1238,"children":1240},{"class":484,"line":1239},24,[1241,1245,1249,1253,1258,1262],{"type":41,"tag":482,"props":1242,"children":1243},{"style":632},[1244],{"type":47,"value":761},{"type":41,"tag":482,"props":1246,"children":1247},{"style":505},[1248],{"type":47,"value":640},{"type":41,"tag":482,"props":1250,"children":1251},{"style":505},[1252],{"type":47,"value":529},{"type":41,"tag":482,"props":1254,"children":1255},{"style":532},[1256],{"type":47,"value":1257},"#ffffff",{"type":41,"tag":482,"props":1259,"children":1260},{"style":505},[1261],{"type":47,"value":539},{"type":41,"tag":482,"props":1263,"children":1264},{"style":505},[1265],{"type":47,"value":704},{"type":41,"tag":482,"props":1267,"children":1269},{"class":484,"line":1268},25,[1270,1274,1278],{"type":41,"tag":482,"props":1271,"children":1272},{"style":505},[1273],{"type":47,"value":791},{"type":41,"tag":482,"props":1275,"children":1276},{"style":511},[1277],{"type":47,"value":796},{"type":41,"tag":482,"props":1279,"children":1280},{"style":505},[1281],{"type":47,"value":801},{"type":41,"tag":482,"props":1283,"children":1285},{"class":484,"line":1284},26,[1286,1291,1295,1299,1303,1307,1311],{"type":41,"tag":482,"props":1287,"children":1288},{"style":632},[1289],{"type":47,"value":1290},"  systemBlue",{"type":41,"tag":482,"props":1292,"children":1293},{"style":505},[1294],{"type":47,"value":640},{"type":41,"tag":482,"props":1296,"children":1297},{"style":511},[1298],{"type":47,"value":514},{"type":41,"tag":482,"props":1300,"children":1301},{"style":505},[1302],{"type":47,"value":91},{"type":41,"tag":482,"props":1304,"children":1305},{"style":651},[1306],{"type":47,"value":654},{"type":41,"tag":482,"props":1308,"children":1309},{"style":511},[1310],{"type":47,"value":659},{"type":41,"tag":482,"props":1312,"children":1313},{"style":505},[1314],{"type":47,"value":664},{"type":41,"tag":482,"props":1316,"children":1318},{"class":484,"line":1317},27,[1319,1323,1327,1331,1335,1339,1343,1348],{"type":41,"tag":482,"props":1320,"children":1321},{"style":632},[1322],{"type":47,"value":673},{"type":41,"tag":482,"props":1324,"children":1325},{"style":505},[1326],{"type":47,"value":640},{"type":41,"tag":482,"props":1328,"children":1329},{"style":511},[1330],{"type":47,"value":561},{"type":41,"tag":482,"props":1332,"children":1333},{"style":505},[1334],{"type":47,"value":91},{"type":41,"tag":482,"props":1336,"children":1337},{"style":511},[1338],{"type":47,"value":690},{"type":41,"tag":482,"props":1340,"children":1341},{"style":505},[1342],{"type":47,"value":91},{"type":41,"tag":482,"props":1344,"children":1345},{"style":511},[1346],{"type":47,"value":1347},"systemBlue",{"type":41,"tag":482,"props":1349,"children":1350},{"style":505},[1351],{"type":47,"value":704},{"type":41,"tag":482,"props":1353,"children":1355},{"class":484,"line":1354},28,[1356,1360,1364,1368,1372,1376,1380,1384,1388,1393],{"type":41,"tag":482,"props":1357,"children":1358},{"style":632},[1359],{"type":47,"value":713},{"type":41,"tag":482,"props":1361,"children":1362},{"style":505},[1363],{"type":47,"value":640},{"type":41,"tag":482,"props":1365,"children":1366},{"style":511},[1367],{"type":47,"value":561},{"type":41,"tag":482,"props":1369,"children":1370},{"style":505},[1371],{"type":47,"value":91},{"type":41,"tag":482,"props":1373,"children":1374},{"style":511},[1375],{"type":47,"value":730},{"type":41,"tag":482,"props":1377,"children":1378},{"style":505},[1379],{"type":47,"value":91},{"type":41,"tag":482,"props":1381,"children":1382},{"style":511},[1383],{"type":47,"value":739},{"type":41,"tag":482,"props":1385,"children":1386},{"style":505},[1387],{"type":47,"value":91},{"type":41,"tag":482,"props":1389,"children":1390},{"style":511},[1391],{"type":47,"value":1392},"primary",{"type":41,"tag":482,"props":1394,"children":1395},{"style":505},[1396],{"type":47,"value":704},{"type":41,"tag":482,"props":1398,"children":1400},{"class":484,"line":1399},29,[1401,1405,1409,1413,1418,1422],{"type":41,"tag":482,"props":1402,"children":1403},{"style":632},[1404],{"type":47,"value":761},{"type":41,"tag":482,"props":1406,"children":1407},{"style":505},[1408],{"type":47,"value":640},{"type":41,"tag":482,"props":1410,"children":1411},{"style":505},[1412],{"type":47,"value":529},{"type":41,"tag":482,"props":1414,"children":1415},{"style":532},[1416],{"type":47,"value":1417},"#007aff",{"type":41,"tag":482,"props":1419,"children":1420},{"style":505},[1421],{"type":47,"value":539},{"type":41,"tag":482,"props":1423,"children":1424},{"style":505},[1425],{"type":47,"value":704},{"type":41,"tag":482,"props":1427,"children":1429},{"class":484,"line":1428},30,[1430,1434,1438],{"type":41,"tag":482,"props":1431,"children":1432},{"style":505},[1433],{"type":47,"value":791},{"type":41,"tag":482,"props":1435,"children":1436},{"style":511},[1437],{"type":47,"value":796},{"type":41,"tag":482,"props":1439,"children":1440},{"style":505},[1441],{"type":47,"value":801},{"type":41,"tag":482,"props":1443,"children":1445},{"class":484,"line":1444},31,[1446],{"type":41,"tag":482,"props":1447,"children":1448},{"style":489},[1449],{"type":47,"value":1450},"  \u002F\u002F Deliberately fixed: text on a tinted (accent) surface stays white in both modes.\n",{"type":41,"tag":482,"props":1452,"children":1454},{"class":484,"line":1453},32,[1455,1460,1464,1468,1472,1476],{"type":41,"tag":482,"props":1456,"children":1457},{"style":632},[1458],{"type":47,"value":1459},"  onTint",{"type":41,"tag":482,"props":1461,"children":1462},{"style":505},[1463],{"type":47,"value":640},{"type":41,"tag":482,"props":1465,"children":1466},{"style":505},[1467],{"type":47,"value":529},{"type":41,"tag":482,"props":1469,"children":1470},{"style":532},[1471],{"type":47,"value":1257},{"type":41,"tag":482,"props":1473,"children":1474},{"style":505},[1475],{"type":47,"value":539},{"type":41,"tag":482,"props":1477,"children":1478},{"style":505},[1479],{"type":47,"value":704},{"type":41,"tag":482,"props":1481,"children":1483},{"class":484,"line":1482},33,[1484],{"type":41,"tag":482,"props":1485,"children":1486},{"style":505},[1487],{"type":47,"value":1488},"};\n",{"type":41,"tag":50,"props":1490,"children":1491},{},[1492],{"type":47,"value":1493},"Add brand colors as explicit light\u002Fdark pairs only when the brand requires values the platform doesn't provide:",{"type":41,"tag":135,"props":1495,"children":1497},{"className":474,"code":1496,"language":476,"meta":143,"style":143},"\u002F\u002F theme\u002Fcolors.ts (brand additions)\nimport { useColorScheme } from \"react-native\";\n\nconst brandPalette = {\n  light: { accent: \"#5B21B6\", accentContrast: \"#FFFFFF\" },\n  dark: { accent: \"#A78BFA\", accentContrast: \"#1E1B4B\" },\n} as const;\n\nexport function useBrandColors() {\n  const scheme = useColorScheme();\n  return brandPalette[scheme === \"dark\" ? \"dark\" : \"light\"];\n}\n",[1498],{"type":41,"tag":69,"props":1499,"children":1500},{"__ignoreMap":143},[1501,1509,1549,1556,1577,1647,1713,1734,1741,1767,1797,1882],{"type":41,"tag":482,"props":1502,"children":1503},{"class":484,"line":485},[1504],{"type":41,"tag":482,"props":1505,"children":1506},{"style":489},[1507],{"type":47,"value":1508},"\u002F\u002F theme\u002Fcolors.ts (brand additions)\n",{"type":41,"tag":482,"props":1510,"children":1511},{"class":484,"line":495},[1512,1516,1520,1525,1529,1533,1537,1541,1545],{"type":41,"tag":482,"props":1513,"children":1514},{"style":499},[1515],{"type":47,"value":502},{"type":41,"tag":482,"props":1517,"children":1518},{"style":505},[1519],{"type":47,"value":508},{"type":41,"tag":482,"props":1521,"children":1522},{"style":511},[1523],{"type":47,"value":1524}," useColorScheme",{"type":41,"tag":482,"props":1526,"children":1527},{"style":505},[1528],{"type":47,"value":519},{"type":41,"tag":482,"props":1530,"children":1531},{"style":499},[1532],{"type":47,"value":524},{"type":41,"tag":482,"props":1534,"children":1535},{"style":505},[1536],{"type":47,"value":529},{"type":41,"tag":482,"props":1538,"children":1539},{"style":532},[1540],{"type":47,"value":14},{"type":41,"tag":482,"props":1542,"children":1543},{"style":505},[1544],{"type":47,"value":539},{"type":41,"tag":482,"props":1546,"children":1547},{"style":505},[1548],{"type":47,"value":544},{"type":41,"tag":482,"props":1550,"children":1551},{"class":484,"line":547},[1552],{"type":41,"tag":482,"props":1553,"children":1554},{"emptyLinePlaceholder":592},[1555],{"type":47,"value":595},{"type":41,"tag":482,"props":1557,"children":1558},{"class":484,"line":588},[1559,1564,1569,1573],{"type":41,"tag":482,"props":1560,"children":1561},{"style":607},[1562],{"type":47,"value":1563},"const",{"type":41,"tag":482,"props":1565,"children":1566},{"style":511},[1567],{"type":47,"value":1568}," brandPalette ",{"type":41,"tag":482,"props":1570,"children":1571},{"style":505},[1572],{"type":47,"value":620},{"type":41,"tag":482,"props":1574,"children":1575},{"style":505},[1576],{"type":47,"value":625},{"type":41,"tag":482,"props":1578,"children":1579},{"class":484,"line":598},[1580,1585,1589,1593,1598,1602,1606,1611,1615,1620,1625,1629,1633,1638,1642],{"type":41,"tag":482,"props":1581,"children":1582},{"style":632},[1583],{"type":47,"value":1584},"  light",{"type":41,"tag":482,"props":1586,"children":1587},{"style":505},[1588],{"type":47,"value":640},{"type":41,"tag":482,"props":1590,"children":1591},{"style":505},[1592],{"type":47,"value":508},{"type":41,"tag":482,"props":1594,"children":1595},{"style":632},[1596],{"type":47,"value":1597}," accent",{"type":41,"tag":482,"props":1599,"children":1600},{"style":505},[1601],{"type":47,"value":640},{"type":41,"tag":482,"props":1603,"children":1604},{"style":505},[1605],{"type":47,"value":529},{"type":41,"tag":482,"props":1607,"children":1608},{"style":532},[1609],{"type":47,"value":1610},"#5B21B6",{"type":41,"tag":482,"props":1612,"children":1613},{"style":505},[1614],{"type":47,"value":539},{"type":41,"tag":482,"props":1616,"children":1617},{"style":505},[1618],{"type":47,"value":1619},",",{"type":41,"tag":482,"props":1621,"children":1622},{"style":632},[1623],{"type":47,"value":1624}," accentContrast",{"type":41,"tag":482,"props":1626,"children":1627},{"style":505},[1628],{"type":47,"value":640},{"type":41,"tag":482,"props":1630,"children":1631},{"style":505},[1632],{"type":47,"value":529},{"type":41,"tag":482,"props":1634,"children":1635},{"style":532},[1636],{"type":47,"value":1637},"#FFFFFF",{"type":41,"tag":482,"props":1639,"children":1640},{"style":505},[1641],{"type":47,"value":539},{"type":41,"tag":482,"props":1643,"children":1644},{"style":505},[1645],{"type":47,"value":1646}," },\n",{"type":41,"tag":482,"props":1648,"children":1649},{"class":484,"line":628},[1650,1655,1659,1663,1667,1671,1675,1680,1684,1688,1692,1696,1700,1705,1709],{"type":41,"tag":482,"props":1651,"children":1652},{"style":632},[1653],{"type":47,"value":1654},"  dark",{"type":41,"tag":482,"props":1656,"children":1657},{"style":505},[1658],{"type":47,"value":640},{"type":41,"tag":482,"props":1660,"children":1661},{"style":505},[1662],{"type":47,"value":508},{"type":41,"tag":482,"props":1664,"children":1665},{"style":632},[1666],{"type":47,"value":1597},{"type":41,"tag":482,"props":1668,"children":1669},{"style":505},[1670],{"type":47,"value":640},{"type":41,"tag":482,"props":1672,"children":1673},{"style":505},[1674],{"type":47,"value":529},{"type":41,"tag":482,"props":1676,"children":1677},{"style":532},[1678],{"type":47,"value":1679},"#A78BFA",{"type":41,"tag":482,"props":1681,"children":1682},{"style":505},[1683],{"type":47,"value":539},{"type":41,"tag":482,"props":1685,"children":1686},{"style":505},[1687],{"type":47,"value":1619},{"type":41,"tag":482,"props":1689,"children":1690},{"style":632},[1691],{"type":47,"value":1624},{"type":41,"tag":482,"props":1693,"children":1694},{"style":505},[1695],{"type":47,"value":640},{"type":41,"tag":482,"props":1697,"children":1698},{"style":505},[1699],{"type":47,"value":529},{"type":41,"tag":482,"props":1701,"children":1702},{"style":532},[1703],{"type":47,"value":1704},"#1E1B4B",{"type":41,"tag":482,"props":1706,"children":1707},{"style":505},[1708],{"type":47,"value":539},{"type":41,"tag":482,"props":1710,"children":1711},{"style":505},[1712],{"type":47,"value":1646},{"type":41,"tag":482,"props":1714,"children":1715},{"class":484,"line":667},[1716,1721,1726,1730],{"type":41,"tag":482,"props":1717,"children":1718},{"style":505},[1719],{"type":47,"value":1720},"}",{"type":41,"tag":482,"props":1722,"children":1723},{"style":499},[1724],{"type":47,"value":1725}," as",{"type":41,"tag":482,"props":1727,"children":1728},{"style":607},[1729],{"type":47,"value":610},{"type":41,"tag":482,"props":1731,"children":1732},{"style":505},[1733],{"type":47,"value":544},{"type":41,"tag":482,"props":1735,"children":1736},{"class":484,"line":707},[1737],{"type":41,"tag":482,"props":1738,"children":1739},{"emptyLinePlaceholder":592},[1740],{"type":47,"value":595},{"type":41,"tag":482,"props":1742,"children":1743},{"class":484,"line":755},[1744,1748,1753,1758,1763],{"type":41,"tag":482,"props":1745,"children":1746},{"style":499},[1747],{"type":47,"value":604},{"type":41,"tag":482,"props":1749,"children":1750},{"style":607},[1751],{"type":47,"value":1752}," function",{"type":41,"tag":482,"props":1754,"children":1755},{"style":651},[1756],{"type":47,"value":1757}," useBrandColors",{"type":41,"tag":482,"props":1759,"children":1760},{"style":505},[1761],{"type":47,"value":1762},"()",{"type":41,"tag":482,"props":1764,"children":1765},{"style":505},[1766],{"type":47,"value":625},{"type":41,"tag":482,"props":1768,"children":1769},{"class":484,"line":785},[1770,1775,1780,1785,1789,1793],{"type":41,"tag":482,"props":1771,"children":1772},{"style":607},[1773],{"type":47,"value":1774},"  const",{"type":41,"tag":482,"props":1776,"children":1777},{"style":511},[1778],{"type":47,"value":1779}," scheme",{"type":41,"tag":482,"props":1781,"children":1782},{"style":505},[1783],{"type":47,"value":1784}," =",{"type":41,"tag":482,"props":1786,"children":1787},{"style":651},[1788],{"type":47,"value":1524},{"type":41,"tag":482,"props":1790,"children":1791},{"style":632},[1792],{"type":47,"value":1762},{"type":41,"tag":482,"props":1794,"children":1795},{"style":505},[1796],{"type":47,"value":544},{"type":41,"tag":482,"props":1798,"children":1799},{"class":484,"line":804},[1800,1805,1810,1815,1820,1825,1829,1834,1838,1843,1847,1851,1855,1860,1864,1869,1873,1878],{"type":41,"tag":482,"props":1801,"children":1802},{"style":499},[1803],{"type":47,"value":1804},"  return",{"type":41,"tag":482,"props":1806,"children":1807},{"style":511},[1808],{"type":47,"value":1809}," brandPalette",{"type":41,"tag":482,"props":1811,"children":1812},{"style":632},[1813],{"type":47,"value":1814},"[",{"type":41,"tag":482,"props":1816,"children":1817},{"style":511},[1818],{"type":47,"value":1819},"scheme",{"type":41,"tag":482,"props":1821,"children":1822},{"style":505},[1823],{"type":47,"value":1824}," ===",{"type":41,"tag":482,"props":1826,"children":1827},{"style":505},[1828],{"type":47,"value":529},{"type":41,"tag":482,"props":1830,"children":1831},{"style":532},[1832],{"type":47,"value":1833},"dark",{"type":41,"tag":482,"props":1835,"children":1836},{"style":505},[1837],{"type":47,"value":539},{"type":41,"tag":482,"props":1839,"children":1840},{"style":505},[1841],{"type":47,"value":1842}," ?",{"type":41,"tag":482,"props":1844,"children":1845},{"style":505},[1846],{"type":47,"value":529},{"type":41,"tag":482,"props":1848,"children":1849},{"style":532},[1850],{"type":47,"value":1833},{"type":41,"tag":482,"props":1852,"children":1853},{"style":505},[1854],{"type":47,"value":539},{"type":41,"tag":482,"props":1856,"children":1857},{"style":505},[1858],{"type":47,"value":1859}," :",{"type":41,"tag":482,"props":1861,"children":1862},{"style":505},[1863],{"type":47,"value":529},{"type":41,"tag":482,"props":1865,"children":1866},{"style":532},[1867],{"type":47,"value":1868},"light",{"type":41,"tag":482,"props":1870,"children":1871},{"style":505},[1872],{"type":47,"value":539},{"type":41,"tag":482,"props":1874,"children":1875},{"style":632},[1876],{"type":47,"value":1877},"]",{"type":41,"tag":482,"props":1879,"children":1880},{"style":505},[1881],{"type":47,"value":544},{"type":41,"tag":482,"props":1883,"children":1884},{"class":484,"line":837},[1885],{"type":41,"tag":482,"props":1886,"children":1887},{"style":505},[1888],{"type":47,"value":1889},"}\n",{"type":41,"tag":50,"props":1891,"children":1892},{},[1893],{"type":47,"value":1894},"Keep the brand set tiny (accent, accentContrast, maybe a tint per feature). Everything else stays semantic.",{"type":41,"tag":50,"props":1896,"children":1897},{},[1898,1903],{"type":41,"tag":78,"props":1899,"children":1900},{},[1901],{"type":47,"value":1902},"Static-safe vs hook-only.",{"type":47,"value":1904}," The two patterns above have different reach - keep the boundary explicit:",{"type":41,"tag":61,"props":1906,"children":1907},{},[1908,1935,1955],{"type":41,"tag":65,"props":1909,"children":1910},{},[1911,1913,1918,1920,1925,1927,1933],{"type":47,"value":1912},"Semantic\u002Fplatform colors (",{"type":41,"tag":69,"props":1914,"children":1916},{"className":1915},[],[1917],{"type":47,"value":424},{"type":47,"value":1919}," above) are ",{"type":41,"tag":78,"props":1921,"children":1922},{},[1923],{"type":47,"value":1924},"static-safe",{"type":47,"value":1926},": they resolve on-device, so plain token files like ",{"type":41,"tag":69,"props":1928,"children":1930},{"className":1929},[],[1931],{"type":47,"value":1932},"theme\u002Ftypography.ts",{"type":47,"value":1934}," can import them at module scope.",{"type":41,"tag":65,"props":1936,"children":1937},{},[1938,1940,1945,1947,1953],{"type":47,"value":1939},"Brand light\u002Fdark pairs are ",{"type":41,"tag":78,"props":1941,"children":1942},{},[1943],{"type":47,"value":1944},"hook-only",{"type":47,"value":1946},": ",{"type":41,"tag":69,"props":1948,"children":1950},{"className":1949},[],[1951],{"type":47,"value":1952},"useBrandColors()",{"type":47,"value":1954}," reads the color scheme at render time, so brand colors can only be applied inside components. A static token file cannot call the hook.",{"type":41,"tag":65,"props":1956,"children":1957},{},[1958,1960,1966,1968,1974,1976,1982],{"type":47,"value":1959},"Never mix the two in one file. If a static style (a ",{"type":41,"tag":69,"props":1961,"children":1963},{"className":1962},[],[1964],{"type":47,"value":1965},"type",{"type":47,"value":1967}," ramp step, a ",{"type":41,"tag":69,"props":1969,"children":1971},{"className":1970},[],[1972],{"type":47,"value":1973},"variants",{"type":47,"value":1975}," object) needs the brand accent, either apply the brand color in the component at render time, or wrap the pair in a static dynamic color (",{"type":41,"tag":69,"props":1977,"children":1979},{"className":1978},[],[1980],{"type":47,"value":1981},"DynamicColorIOS",{"type":47,"value":1983}," on iOS) so it becomes static-safe.",{"type":41,"tag":422,"props":1985,"children":1986},{"id":401},[1987],{"type":47,"value":1988},"Spacing",{"type":41,"tag":50,"props":1990,"children":1991},{},[1992],{"type":47,"value":1993},"One scale, based on a 4-point grid. Name steps by size, not by use:",{"type":41,"tag":135,"props":1995,"children":1997},{"className":474,"code":1996,"language":476,"meta":143,"style":143},"\u002F\u002F theme\u002Fspacing.ts\nexport const spacing = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  xl: 32,\n  xxl: 48,\n} as const;\n",[1998],{"type":41,"tag":69,"props":1999,"children":2000},{"__ignoreMap":143},[2001,2009,2033,2055,2076,2097,2118,2139,2160],{"type":41,"tag":482,"props":2002,"children":2003},{"class":484,"line":485},[2004],{"type":41,"tag":482,"props":2005,"children":2006},{"style":489},[2007],{"type":47,"value":2008},"\u002F\u002F theme\u002Fspacing.ts\n",{"type":41,"tag":482,"props":2010,"children":2011},{"class":484,"line":495},[2012,2016,2020,2025,2029],{"type":41,"tag":482,"props":2013,"children":2014},{"style":499},[2015],{"type":47,"value":604},{"type":41,"tag":482,"props":2017,"children":2018},{"style":607},[2019],{"type":47,"value":610},{"type":41,"tag":482,"props":2021,"children":2022},{"style":511},[2023],{"type":47,"value":2024}," spacing ",{"type":41,"tag":482,"props":2026,"children":2027},{"style":505},[2028],{"type":47,"value":620},{"type":41,"tag":482,"props":2030,"children":2031},{"style":505},[2032],{"type":47,"value":625},{"type":41,"tag":482,"props":2034,"children":2035},{"class":484,"line":547},[2036,2041,2045,2051],{"type":41,"tag":482,"props":2037,"children":2038},{"style":632},[2039],{"type":47,"value":2040},"  xs",{"type":41,"tag":482,"props":2042,"children":2043},{"style":505},[2044],{"type":47,"value":640},{"type":41,"tag":482,"props":2046,"children":2048},{"style":2047},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2049],{"type":47,"value":2050}," 4",{"type":41,"tag":482,"props":2052,"children":2053},{"style":505},[2054],{"type":47,"value":704},{"type":41,"tag":482,"props":2056,"children":2057},{"class":484,"line":588},[2058,2063,2067,2072],{"type":41,"tag":482,"props":2059,"children":2060},{"style":632},[2061],{"type":47,"value":2062},"  sm",{"type":41,"tag":482,"props":2064,"children":2065},{"style":505},[2066],{"type":47,"value":640},{"type":41,"tag":482,"props":2068,"children":2069},{"style":2047},[2070],{"type":47,"value":2071}," 8",{"type":41,"tag":482,"props":2073,"children":2074},{"style":505},[2075],{"type":47,"value":704},{"type":41,"tag":482,"props":2077,"children":2078},{"class":484,"line":598},[2079,2084,2088,2093],{"type":41,"tag":482,"props":2080,"children":2081},{"style":632},[2082],{"type":47,"value":2083},"  md",{"type":41,"tag":482,"props":2085,"children":2086},{"style":505},[2087],{"type":47,"value":640},{"type":41,"tag":482,"props":2089,"children":2090},{"style":2047},[2091],{"type":47,"value":2092}," 16",{"type":41,"tag":482,"props":2094,"children":2095},{"style":505},[2096],{"type":47,"value":704},{"type":41,"tag":482,"props":2098,"children":2099},{"class":484,"line":628},[2100,2105,2109,2114],{"type":41,"tag":482,"props":2101,"children":2102},{"style":632},[2103],{"type":47,"value":2104},"  lg",{"type":41,"tag":482,"props":2106,"children":2107},{"style":505},[2108],{"type":47,"value":640},{"type":41,"tag":482,"props":2110,"children":2111},{"style":2047},[2112],{"type":47,"value":2113}," 24",{"type":41,"tag":482,"props":2115,"children":2116},{"style":505},[2117],{"type":47,"value":704},{"type":41,"tag":482,"props":2119,"children":2120},{"class":484,"line":667},[2121,2126,2130,2135],{"type":41,"tag":482,"props":2122,"children":2123},{"style":632},[2124],{"type":47,"value":2125},"  xl",{"type":41,"tag":482,"props":2127,"children":2128},{"style":505},[2129],{"type":47,"value":640},{"type":41,"tag":482,"props":2131,"children":2132},{"style":2047},[2133],{"type":47,"value":2134}," 32",{"type":41,"tag":482,"props":2136,"children":2137},{"style":505},[2138],{"type":47,"value":704},{"type":41,"tag":482,"props":2140,"children":2141},{"class":484,"line":707},[2142,2147,2151,2156],{"type":41,"tag":482,"props":2143,"children":2144},{"style":632},[2145],{"type":47,"value":2146},"  xxl",{"type":41,"tag":482,"props":2148,"children":2149},{"style":505},[2150],{"type":47,"value":640},{"type":41,"tag":482,"props":2152,"children":2153},{"style":2047},[2154],{"type":47,"value":2155}," 48",{"type":41,"tag":482,"props":2157,"children":2158},{"style":505},[2159],{"type":47,"value":704},{"type":41,"tag":482,"props":2161,"children":2162},{"class":484,"line":755},[2163,2167,2171,2175],{"type":41,"tag":482,"props":2164,"children":2165},{"style":505},[2166],{"type":47,"value":1720},{"type":41,"tag":482,"props":2168,"children":2169},{"style":499},[2170],{"type":47,"value":1725},{"type":41,"tag":482,"props":2172,"children":2173},{"style":607},[2174],{"type":47,"value":610},{"type":41,"tag":482,"props":2176,"children":2177},{"style":505},[2178],{"type":47,"value":544},{"type":41,"tag":61,"props":2180,"children":2181},{},[2182,2202,2215,2220],{"type":41,"tag":65,"props":2183,"children":2184},{},[2185,2187,2193,2195,2200],{"type":47,"value":2186},"Use ",{"type":41,"tag":69,"props":2188,"children":2190},{"className":2189},[],[2191],{"type":47,"value":2192},"gap",{"type":47,"value":2194}," with spacing tokens for layout rhythm (",{"type":41,"tag":69,"props":2196,"children":2198},{"className":2197},[],[2199],{"type":47,"value":74},{"type":47,"value":2201}," prefers gap over margin).",{"type":41,"tag":65,"props":2203,"children":2204},{},[2205,2207,2213],{"type":47,"value":2206},"Screen edge padding is ",{"type":41,"tag":69,"props":2208,"children":2210},{"className":2209},[],[2211],{"type":47,"value":2212},"spacing.md",{"type":47,"value":2214}," unless the design says otherwise - pick one and keep it.",{"type":41,"tag":65,"props":2216,"children":2217},{},[2218],{"type":47,"value":2219},"If a layout needs a value between steps, use the nearest step. The grid is the point.",{"type":41,"tag":65,"props":2221,"children":2222},{},[2223],{"type":47,"value":2224},"If the same in-between multiple of 4 keeps recurring (12 and 20 are common), add it to the scale as a named step instead of scattering literals. The audit whitelist must then include it too.",{"type":41,"tag":422,"props":2226,"children":2228},{"id":2227},"typography",[2229],{"type":47,"value":2230},"Typography",{"type":41,"tag":50,"props":2232,"children":2233},{},[2234],{"type":47,"value":2235},"Define named text styles, not raw font sizes. Mirror the platform ramp (Apple text styles) so sizes feel native:",{"type":41,"tag":135,"props":2237,"children":2239},{"className":474,"code":2238,"language":476,"meta":143,"style":143},"\u002F\u002F theme\u002Ftypography.ts\nimport { TextStyle } from \"react-native\";\nimport { colors } from \".\u002Fcolors\";\n\nexport const type = {\n  largeTitle: { fontSize: 34, fontWeight: \"700\", color: colors.label },\n  title: { fontSize: 22, fontWeight: \"600\", color: colors.label },\n  headline: { fontSize: 17, fontWeight: \"600\", color: colors.label },\n  body: { fontSize: 17, fontWeight: \"400\", color: colors.label },\n  subhead: { fontSize: 15, fontWeight: \"400\", color: colors.secondaryLabel },\n  caption: { fontSize: 12, fontWeight: \"400\", color: colors.secondaryLabel },\n} as const satisfies Record\u003Cstring, TextStyle>;\n",[2240],{"type":41,"tag":69,"props":2241,"children":2242},{"__ignoreMap":143},[2243,2251,2291,2332,2339,2363,2450,2532,2613,2694,2776,2857],{"type":41,"tag":482,"props":2244,"children":2245},{"class":484,"line":485},[2246],{"type":41,"tag":482,"props":2247,"children":2248},{"style":489},[2249],{"type":47,"value":2250},"\u002F\u002F theme\u002Ftypography.ts\n",{"type":41,"tag":482,"props":2252,"children":2253},{"class":484,"line":495},[2254,2258,2262,2267,2271,2275,2279,2283,2287],{"type":41,"tag":482,"props":2255,"children":2256},{"style":499},[2257],{"type":47,"value":502},{"type":41,"tag":482,"props":2259,"children":2260},{"style":505},[2261],{"type":47,"value":508},{"type":41,"tag":482,"props":2263,"children":2264},{"style":511},[2265],{"type":47,"value":2266}," TextStyle",{"type":41,"tag":482,"props":2268,"children":2269},{"style":505},[2270],{"type":47,"value":519},{"type":41,"tag":482,"props":2272,"children":2273},{"style":499},[2274],{"type":47,"value":524},{"type":41,"tag":482,"props":2276,"children":2277},{"style":505},[2278],{"type":47,"value":529},{"type":41,"tag":482,"props":2280,"children":2281},{"style":532},[2282],{"type":47,"value":14},{"type":41,"tag":482,"props":2284,"children":2285},{"style":505},[2286],{"type":47,"value":539},{"type":41,"tag":482,"props":2288,"children":2289},{"style":505},[2290],{"type":47,"value":544},{"type":41,"tag":482,"props":2292,"children":2293},{"class":484,"line":547},[2294,2298,2302,2307,2311,2315,2319,2324,2328],{"type":41,"tag":482,"props":2295,"children":2296},{"style":499},[2297],{"type":47,"value":502},{"type":41,"tag":482,"props":2299,"children":2300},{"style":505},[2301],{"type":47,"value":508},{"type":41,"tag":482,"props":2303,"children":2304},{"style":511},[2305],{"type":47,"value":2306}," colors",{"type":41,"tag":482,"props":2308,"children":2309},{"style":505},[2310],{"type":47,"value":519},{"type":41,"tag":482,"props":2312,"children":2313},{"style":499},[2314],{"type":47,"value":524},{"type":41,"tag":482,"props":2316,"children":2317},{"style":505},[2318],{"type":47,"value":529},{"type":41,"tag":482,"props":2320,"children":2321},{"style":532},[2322],{"type":47,"value":2323},".\u002Fcolors",{"type":41,"tag":482,"props":2325,"children":2326},{"style":505},[2327],{"type":47,"value":539},{"type":41,"tag":482,"props":2329,"children":2330},{"style":505},[2331],{"type":47,"value":544},{"type":41,"tag":482,"props":2333,"children":2334},{"class":484,"line":588},[2335],{"type":41,"tag":482,"props":2336,"children":2337},{"emptyLinePlaceholder":592},[2338],{"type":47,"value":595},{"type":41,"tag":482,"props":2340,"children":2341},{"class":484,"line":598},[2342,2346,2350,2355,2359],{"type":41,"tag":482,"props":2343,"children":2344},{"style":499},[2345],{"type":47,"value":604},{"type":41,"tag":482,"props":2347,"children":2348},{"style":607},[2349],{"type":47,"value":610},{"type":41,"tag":482,"props":2351,"children":2352},{"style":511},[2353],{"type":47,"value":2354}," type ",{"type":41,"tag":482,"props":2356,"children":2357},{"style":505},[2358],{"type":47,"value":620},{"type":41,"tag":482,"props":2360,"children":2361},{"style":505},[2362],{"type":47,"value":625},{"type":41,"tag":482,"props":2364,"children":2365},{"class":484,"line":628},[2366,2371,2375,2379,2384,2388,2393,2397,2402,2406,2410,2415,2419,2423,2428,2432,2436,2440,2445],{"type":41,"tag":482,"props":2367,"children":2368},{"style":632},[2369],{"type":47,"value":2370},"  largeTitle",{"type":41,"tag":482,"props":2372,"children":2373},{"style":505},[2374],{"type":47,"value":640},{"type":41,"tag":482,"props":2376,"children":2377},{"style":505},[2378],{"type":47,"value":508},{"type":41,"tag":482,"props":2380,"children":2381},{"style":632},[2382],{"type":47,"value":2383}," fontSize",{"type":41,"tag":482,"props":2385,"children":2386},{"style":505},[2387],{"type":47,"value":640},{"type":41,"tag":482,"props":2389,"children":2390},{"style":2047},[2391],{"type":47,"value":2392}," 34",{"type":41,"tag":482,"props":2394,"children":2395},{"style":505},[2396],{"type":47,"value":1619},{"type":41,"tag":482,"props":2398,"children":2399},{"style":632},[2400],{"type":47,"value":2401}," fontWeight",{"type":41,"tag":482,"props":2403,"children":2404},{"style":505},[2405],{"type":47,"value":640},{"type":41,"tag":482,"props":2407,"children":2408},{"style":505},[2409],{"type":47,"value":529},{"type":41,"tag":482,"props":2411,"children":2412},{"style":532},[2413],{"type":47,"value":2414},"700",{"type":41,"tag":482,"props":2416,"children":2417},{"style":505},[2418],{"type":47,"value":539},{"type":41,"tag":482,"props":2420,"children":2421},{"style":505},[2422],{"type":47,"value":1619},{"type":41,"tag":482,"props":2424,"children":2425},{"style":632},[2426],{"type":47,"value":2427}," color",{"type":41,"tag":482,"props":2429,"children":2430},{"style":505},[2431],{"type":47,"value":640},{"type":41,"tag":482,"props":2433,"children":2434},{"style":511},[2435],{"type":47,"value":2306},{"type":41,"tag":482,"props":2437,"children":2438},{"style":505},[2439],{"type":47,"value":91},{"type":41,"tag":482,"props":2441,"children":2442},{"style":511},[2443],{"type":47,"value":2444},"label ",{"type":41,"tag":482,"props":2446,"children":2447},{"style":505},[2448],{"type":47,"value":2449},"},\n",{"type":41,"tag":482,"props":2451,"children":2452},{"class":484,"line":667},[2453,2458,2462,2466,2470,2474,2479,2483,2487,2491,2495,2500,2504,2508,2512,2516,2520,2524,2528],{"type":41,"tag":482,"props":2454,"children":2455},{"style":632},[2456],{"type":47,"value":2457},"  title",{"type":41,"tag":482,"props":2459,"children":2460},{"style":505},[2461],{"type":47,"value":640},{"type":41,"tag":482,"props":2463,"children":2464},{"style":505},[2465],{"type":47,"value":508},{"type":41,"tag":482,"props":2467,"children":2468},{"style":632},[2469],{"type":47,"value":2383},{"type":41,"tag":482,"props":2471,"children":2472},{"style":505},[2473],{"type":47,"value":640},{"type":41,"tag":482,"props":2475,"children":2476},{"style":2047},[2477],{"type":47,"value":2478}," 22",{"type":41,"tag":482,"props":2480,"children":2481},{"style":505},[2482],{"type":47,"value":1619},{"type":41,"tag":482,"props":2484,"children":2485},{"style":632},[2486],{"type":47,"value":2401},{"type":41,"tag":482,"props":2488,"children":2489},{"style":505},[2490],{"type":47,"value":640},{"type":41,"tag":482,"props":2492,"children":2493},{"style":505},[2494],{"type":47,"value":529},{"type":41,"tag":482,"props":2496,"children":2497},{"style":532},[2498],{"type":47,"value":2499},"600",{"type":41,"tag":482,"props":2501,"children":2502},{"style":505},[2503],{"type":47,"value":539},{"type":41,"tag":482,"props":2505,"children":2506},{"style":505},[2507],{"type":47,"value":1619},{"type":41,"tag":482,"props":2509,"children":2510},{"style":632},[2511],{"type":47,"value":2427},{"type":41,"tag":482,"props":2513,"children":2514},{"style":505},[2515],{"type":47,"value":640},{"type":41,"tag":482,"props":2517,"children":2518},{"style":511},[2519],{"type":47,"value":2306},{"type":41,"tag":482,"props":2521,"children":2522},{"style":505},[2523],{"type":47,"value":91},{"type":41,"tag":482,"props":2525,"children":2526},{"style":511},[2527],{"type":47,"value":2444},{"type":41,"tag":482,"props":2529,"children":2530},{"style":505},[2531],{"type":47,"value":2449},{"type":41,"tag":482,"props":2533,"children":2534},{"class":484,"line":707},[2535,2540,2544,2548,2552,2556,2561,2565,2569,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609],{"type":41,"tag":482,"props":2536,"children":2537},{"style":632},[2538],{"type":47,"value":2539},"  headline",{"type":41,"tag":482,"props":2541,"children":2542},{"style":505},[2543],{"type":47,"value":640},{"type":41,"tag":482,"props":2545,"children":2546},{"style":505},[2547],{"type":47,"value":508},{"type":41,"tag":482,"props":2549,"children":2550},{"style":632},[2551],{"type":47,"value":2383},{"type":41,"tag":482,"props":2553,"children":2554},{"style":505},[2555],{"type":47,"value":640},{"type":41,"tag":482,"props":2557,"children":2558},{"style":2047},[2559],{"type":47,"value":2560}," 17",{"type":41,"tag":482,"props":2562,"children":2563},{"style":505},[2564],{"type":47,"value":1619},{"type":41,"tag":482,"props":2566,"children":2567},{"style":632},[2568],{"type":47,"value":2401},{"type":41,"tag":482,"props":2570,"children":2571},{"style":505},[2572],{"type":47,"value":640},{"type":41,"tag":482,"props":2574,"children":2575},{"style":505},[2576],{"type":47,"value":529},{"type":41,"tag":482,"props":2578,"children":2579},{"style":532},[2580],{"type":47,"value":2499},{"type":41,"tag":482,"props":2582,"children":2583},{"style":505},[2584],{"type":47,"value":539},{"type":41,"tag":482,"props":2586,"children":2587},{"style":505},[2588],{"type":47,"value":1619},{"type":41,"tag":482,"props":2590,"children":2591},{"style":632},[2592],{"type":47,"value":2427},{"type":41,"tag":482,"props":2594,"children":2595},{"style":505},[2596],{"type":47,"value":640},{"type":41,"tag":482,"props":2598,"children":2599},{"style":511},[2600],{"type":47,"value":2306},{"type":41,"tag":482,"props":2602,"children":2603},{"style":505},[2604],{"type":47,"value":91},{"type":41,"tag":482,"props":2606,"children":2607},{"style":511},[2608],{"type":47,"value":2444},{"type":41,"tag":482,"props":2610,"children":2611},{"style":505},[2612],{"type":47,"value":2449},{"type":41,"tag":482,"props":2614,"children":2615},{"class":484,"line":755},[2616,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2662,2666,2670,2674,2678,2682,2686,2690],{"type":41,"tag":482,"props":2617,"children":2618},{"style":632},[2619],{"type":47,"value":2620},"  body",{"type":41,"tag":482,"props":2622,"children":2623},{"style":505},[2624],{"type":47,"value":640},{"type":41,"tag":482,"props":2626,"children":2627},{"style":505},[2628],{"type":47,"value":508},{"type":41,"tag":482,"props":2630,"children":2631},{"style":632},[2632],{"type":47,"value":2383},{"type":41,"tag":482,"props":2634,"children":2635},{"style":505},[2636],{"type":47,"value":640},{"type":41,"tag":482,"props":2638,"children":2639},{"style":2047},[2640],{"type":47,"value":2560},{"type":41,"tag":482,"props":2642,"children":2643},{"style":505},[2644],{"type":47,"value":1619},{"type":41,"tag":482,"props":2646,"children":2647},{"style":632},[2648],{"type":47,"value":2401},{"type":41,"tag":482,"props":2650,"children":2651},{"style":505},[2652],{"type":47,"value":640},{"type":41,"tag":482,"props":2654,"children":2655},{"style":505},[2656],{"type":47,"value":529},{"type":41,"tag":482,"props":2658,"children":2659},{"style":532},[2660],{"type":47,"value":2661},"400",{"type":41,"tag":482,"props":2663,"children":2664},{"style":505},[2665],{"type":47,"value":539},{"type":41,"tag":482,"props":2667,"children":2668},{"style":505},[2669],{"type":47,"value":1619},{"type":41,"tag":482,"props":2671,"children":2672},{"style":632},[2673],{"type":47,"value":2427},{"type":41,"tag":482,"props":2675,"children":2676},{"style":505},[2677],{"type":47,"value":640},{"type":41,"tag":482,"props":2679,"children":2680},{"style":511},[2681],{"type":47,"value":2306},{"type":41,"tag":482,"props":2683,"children":2684},{"style":505},[2685],{"type":47,"value":91},{"type":41,"tag":482,"props":2687,"children":2688},{"style":511},[2689],{"type":47,"value":2444},{"type":41,"tag":482,"props":2691,"children":2692},{"style":505},[2693],{"type":47,"value":2449},{"type":41,"tag":482,"props":2695,"children":2696},{"class":484,"line":785},[2697,2702,2706,2710,2714,2718,2723,2727,2731,2735,2739,2743,2747,2751,2755,2759,2763,2767,2772],{"type":41,"tag":482,"props":2698,"children":2699},{"style":632},[2700],{"type":47,"value":2701},"  subhead",{"type":41,"tag":482,"props":2703,"children":2704},{"style":505},[2705],{"type":47,"value":640},{"type":41,"tag":482,"props":2707,"children":2708},{"style":505},[2709],{"type":47,"value":508},{"type":41,"tag":482,"props":2711,"children":2712},{"style":632},[2713],{"type":47,"value":2383},{"type":41,"tag":482,"props":2715,"children":2716},{"style":505},[2717],{"type":47,"value":640},{"type":41,"tag":482,"props":2719,"children":2720},{"style":2047},[2721],{"type":47,"value":2722}," 15",{"type":41,"tag":482,"props":2724,"children":2725},{"style":505},[2726],{"type":47,"value":1619},{"type":41,"tag":482,"props":2728,"children":2729},{"style":632},[2730],{"type":47,"value":2401},{"type":41,"tag":482,"props":2732,"children":2733},{"style":505},[2734],{"type":47,"value":640},{"type":41,"tag":482,"props":2736,"children":2737},{"style":505},[2738],{"type":47,"value":529},{"type":41,"tag":482,"props":2740,"children":2741},{"style":532},[2742],{"type":47,"value":2661},{"type":41,"tag":482,"props":2744,"children":2745},{"style":505},[2746],{"type":47,"value":539},{"type":41,"tag":482,"props":2748,"children":2749},{"style":505},[2750],{"type":47,"value":1619},{"type":41,"tag":482,"props":2752,"children":2753},{"style":632},[2754],{"type":47,"value":2427},{"type":41,"tag":482,"props":2756,"children":2757},{"style":505},[2758],{"type":47,"value":640},{"type":41,"tag":482,"props":2760,"children":2761},{"style":511},[2762],{"type":47,"value":2306},{"type":41,"tag":482,"props":2764,"children":2765},{"style":505},[2766],{"type":47,"value":91},{"type":41,"tag":482,"props":2768,"children":2769},{"style":511},[2770],{"type":47,"value":2771},"secondaryLabel ",{"type":41,"tag":482,"props":2773,"children":2774},{"style":505},[2775],{"type":47,"value":2449},{"type":41,"tag":482,"props":2777,"children":2778},{"class":484,"line":804},[2779,2784,2788,2792,2796,2800,2805,2809,2813,2817,2821,2825,2829,2833,2837,2841,2845,2849,2853],{"type":41,"tag":482,"props":2780,"children":2781},{"style":632},[2782],{"type":47,"value":2783},"  caption",{"type":41,"tag":482,"props":2785,"children":2786},{"style":505},[2787],{"type":47,"value":640},{"type":41,"tag":482,"props":2789,"children":2790},{"style":505},[2791],{"type":47,"value":508},{"type":41,"tag":482,"props":2793,"children":2794},{"style":632},[2795],{"type":47,"value":2383},{"type":41,"tag":482,"props":2797,"children":2798},{"style":505},[2799],{"type":47,"value":640},{"type":41,"tag":482,"props":2801,"children":2802},{"style":2047},[2803],{"type":47,"value":2804}," 12",{"type":41,"tag":482,"props":2806,"children":2807},{"style":505},[2808],{"type":47,"value":1619},{"type":41,"tag":482,"props":2810,"children":2811},{"style":632},[2812],{"type":47,"value":2401},{"type":41,"tag":482,"props":2814,"children":2815},{"style":505},[2816],{"type":47,"value":640},{"type":41,"tag":482,"props":2818,"children":2819},{"style":505},[2820],{"type":47,"value":529},{"type":41,"tag":482,"props":2822,"children":2823},{"style":532},[2824],{"type":47,"value":2661},{"type":41,"tag":482,"props":2826,"children":2827},{"style":505},[2828],{"type":47,"value":539},{"type":41,"tag":482,"props":2830,"children":2831},{"style":505},[2832],{"type":47,"value":1619},{"type":41,"tag":482,"props":2834,"children":2835},{"style":632},[2836],{"type":47,"value":2427},{"type":41,"tag":482,"props":2838,"children":2839},{"style":505},[2840],{"type":47,"value":640},{"type":41,"tag":482,"props":2842,"children":2843},{"style":511},[2844],{"type":47,"value":2306},{"type":41,"tag":482,"props":2846,"children":2847},{"style":505},[2848],{"type":47,"value":91},{"type":41,"tag":482,"props":2850,"children":2851},{"style":511},[2852],{"type":47,"value":2771},{"type":41,"tag":482,"props":2854,"children":2855},{"style":505},[2856],{"type":47,"value":2449},{"type":41,"tag":482,"props":2858,"children":2859},{"class":484,"line":837},[2860,2864,2868,2873,2878,2883,2888,2893,2897,2901],{"type":41,"tag":482,"props":2861,"children":2862},{"style":505},[2863],{"type":47,"value":1720},{"type":41,"tag":482,"props":2865,"children":2866},{"style":499},[2867],{"type":47,"value":1725},{"type":41,"tag":482,"props":2869,"children":2871},{"style":2870},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2872],{"type":47,"value":610},{"type":41,"tag":482,"props":2874,"children":2875},{"style":499},[2876],{"type":47,"value":2877}," satisfies",{"type":41,"tag":482,"props":2879,"children":2880},{"style":2870},[2881],{"type":47,"value":2882}," Record",{"type":41,"tag":482,"props":2884,"children":2885},{"style":505},[2886],{"type":47,"value":2887},"\u003C",{"type":41,"tag":482,"props":2889,"children":2890},{"style":2870},[2891],{"type":47,"value":2892},"string",{"type":41,"tag":482,"props":2894,"children":2895},{"style":505},[2896],{"type":47,"value":1619},{"type":41,"tag":482,"props":2898,"children":2899},{"style":2870},[2900],{"type":47,"value":2266},{"type":41,"tag":482,"props":2902,"children":2903},{"style":505},[2904],{"type":47,"value":2905},">;\n",{"type":41,"tag":50,"props":2907,"children":2908},{},[2909,2911,2917,2919,2925,2927,2933],{"type":47,"value":2910},"If the project bundles static font files (one file per weight, loaded with ",{"type":41,"tag":69,"props":2912,"children":2914},{"className":2913},[],[2915],{"type":47,"value":2916},"expo-font",{"type":47,"value":2918}," or the config plugin), set weight via ",{"type":41,"tag":69,"props":2920,"children":2922},{"className":2921},[],[2923],{"type":47,"value":2924},"fontFamily",{"type":47,"value":2926}," names instead and omit ",{"type":41,"tag":69,"props":2928,"children":2930},{"className":2929},[],[2931],{"type":47,"value":2932},"fontWeight",{"type":47,"value":2934}," - otherwise iOS synthesizes the weight or falls back to the system font:",{"type":41,"tag":135,"props":2936,"children":2938},{"className":474,"code":2937,"language":476,"meta":143,"style":143},"headline: { fontSize: 17, fontFamily: \"SFProRounded-Semibold\", color: colors.label },\n",[2939],{"type":41,"tag":69,"props":2940,"children":2941},{"__ignoreMap":143},[2942],{"type":41,"tag":482,"props":2943,"children":2944},{"class":484,"line":485},[2945,2950,2954,2958,2962,2966,2970,2974,2979,2983,2987,2992,2996,3000,3004,3008,3012,3016,3020],{"type":41,"tag":482,"props":2946,"children":2947},{"style":2870},[2948],{"type":47,"value":2949},"headline",{"type":41,"tag":482,"props":2951,"children":2952},{"style":505},[2953],{"type":47,"value":640},{"type":41,"tag":482,"props":2955,"children":2956},{"style":505},[2957],{"type":47,"value":508},{"type":41,"tag":482,"props":2959,"children":2960},{"style":2870},[2961],{"type":47,"value":2383},{"type":41,"tag":482,"props":2963,"children":2964},{"style":505},[2965],{"type":47,"value":640},{"type":41,"tag":482,"props":2967,"children":2968},{"style":2047},[2969],{"type":47,"value":2560},{"type":41,"tag":482,"props":2971,"children":2972},{"style":505},[2973],{"type":47,"value":1619},{"type":41,"tag":482,"props":2975,"children":2976},{"style":2870},[2977],{"type":47,"value":2978}," fontFamily",{"type":41,"tag":482,"props":2980,"children":2981},{"style":505},[2982],{"type":47,"value":640},{"type":41,"tag":482,"props":2984,"children":2985},{"style":505},[2986],{"type":47,"value":529},{"type":41,"tag":482,"props":2988,"children":2989},{"style":532},[2990],{"type":47,"value":2991},"SFProRounded-Semibold",{"type":41,"tag":482,"props":2993,"children":2994},{"style":505},[2995],{"type":47,"value":539},{"type":41,"tag":482,"props":2997,"children":2998},{"style":505},[2999],{"type":47,"value":1619},{"type":41,"tag":482,"props":3001,"children":3002},{"style":2870},[3003],{"type":47,"value":2427},{"type":41,"tag":482,"props":3005,"children":3006},{"style":505},[3007],{"type":47,"value":640},{"type":41,"tag":482,"props":3009,"children":3010},{"style":511},[3011],{"type":47,"value":2306},{"type":41,"tag":482,"props":3013,"children":3014},{"style":505},[3015],{"type":47,"value":91},{"type":41,"tag":482,"props":3017,"children":3018},{"style":511},[3019],{"type":47,"value":699},{"type":41,"tag":482,"props":3021,"children":3022},{"style":505},[3023],{"type":47,"value":1646},{"type":41,"tag":50,"props":3025,"children":3026},{},[3027,3029,3035],{"type":47,"value":3028},"Expose them through one component so screens never touch ",{"type":41,"tag":69,"props":3030,"children":3032},{"className":3031},[],[3033],{"type":47,"value":3034},"fontSize",{"type":47,"value":640},{"type":41,"tag":135,"props":3037,"children":3039},{"className":474,"code":3038,"language":476,"meta":143,"style":143},"\u002F\u002F components\u002Fthemed-text.tsx\nimport { Text, TextProps } from \"react-native\";\nimport { type } from \"@\u002Ftheme\";\n\nexport function ThemedText({\n  variant = \"body\",\n  style,\n  ...props\n}: TextProps & { variant?: keyof typeof type }) {\n  return \u003CText style={[type[variant], style]} {...props} \u002F>;\n}\n",[3040],{"type":41,"tag":69,"props":3041,"children":3042},{"__ignoreMap":143},[3043,3051,3100,3141,3148,3169,3199,3211,3224,3278,3334],{"type":41,"tag":482,"props":3044,"children":3045},{"class":484,"line":485},[3046],{"type":41,"tag":482,"props":3047,"children":3048},{"style":489},[3049],{"type":47,"value":3050},"\u002F\u002F components\u002Fthemed-text.tsx\n",{"type":41,"tag":482,"props":3052,"children":3053},{"class":484,"line":495},[3054,3058,3062,3067,3071,3076,3080,3084,3088,3092,3096],{"type":41,"tag":482,"props":3055,"children":3056},{"style":499},[3057],{"type":47,"value":502},{"type":41,"tag":482,"props":3059,"children":3060},{"style":505},[3061],{"type":47,"value":508},{"type":41,"tag":482,"props":3063,"children":3064},{"style":511},[3065],{"type":47,"value":3066}," Text",{"type":41,"tag":482,"props":3068,"children":3069},{"style":505},[3070],{"type":47,"value":1619},{"type":41,"tag":482,"props":3072,"children":3073},{"style":511},[3074],{"type":47,"value":3075}," TextProps",{"type":41,"tag":482,"props":3077,"children":3078},{"style":505},[3079],{"type":47,"value":519},{"type":41,"tag":482,"props":3081,"children":3082},{"style":499},[3083],{"type":47,"value":524},{"type":41,"tag":482,"props":3085,"children":3086},{"style":505},[3087],{"type":47,"value":529},{"type":41,"tag":482,"props":3089,"children":3090},{"style":532},[3091],{"type":47,"value":14},{"type":41,"tag":482,"props":3093,"children":3094},{"style":505},[3095],{"type":47,"value":539},{"type":41,"tag":482,"props":3097,"children":3098},{"style":505},[3099],{"type":47,"value":544},{"type":41,"tag":482,"props":3101,"children":3102},{"class":484,"line":547},[3103,3107,3111,3116,3120,3124,3128,3133,3137],{"type":41,"tag":482,"props":3104,"children":3105},{"style":499},[3106],{"type":47,"value":502},{"type":41,"tag":482,"props":3108,"children":3109},{"style":505},[3110],{"type":47,"value":508},{"type":41,"tag":482,"props":3112,"children":3113},{"style":511},[3114],{"type":47,"value":3115}," type",{"type":41,"tag":482,"props":3117,"children":3118},{"style":505},[3119],{"type":47,"value":519},{"type":41,"tag":482,"props":3121,"children":3122},{"style":499},[3123],{"type":47,"value":524},{"type":41,"tag":482,"props":3125,"children":3126},{"style":505},[3127],{"type":47,"value":529},{"type":41,"tag":482,"props":3129,"children":3130},{"style":532},[3131],{"type":47,"value":3132},"@\u002Ftheme",{"type":41,"tag":482,"props":3134,"children":3135},{"style":505},[3136],{"type":47,"value":539},{"type":41,"tag":482,"props":3138,"children":3139},{"style":505},[3140],{"type":47,"value":544},{"type":41,"tag":482,"props":3142,"children":3143},{"class":484,"line":588},[3144],{"type":41,"tag":482,"props":3145,"children":3146},{"emptyLinePlaceholder":592},[3147],{"type":47,"value":595},{"type":41,"tag":482,"props":3149,"children":3150},{"class":484,"line":598},[3151,3155,3159,3164],{"type":41,"tag":482,"props":3152,"children":3153},{"style":499},[3154],{"type":47,"value":604},{"type":41,"tag":482,"props":3156,"children":3157},{"style":607},[3158],{"type":47,"value":1752},{"type":41,"tag":482,"props":3160,"children":3161},{"style":651},[3162],{"type":47,"value":3163}," ThemedText",{"type":41,"tag":482,"props":3165,"children":3166},{"style":505},[3167],{"type":47,"value":3168},"({\n",{"type":41,"tag":482,"props":3170,"children":3171},{"class":484,"line":628},[3172,3178,3182,3186,3191,3195],{"type":41,"tag":482,"props":3173,"children":3175},{"style":3174},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3176],{"type":47,"value":3177},"  variant",{"type":41,"tag":482,"props":3179,"children":3180},{"style":505},[3181],{"type":47,"value":1784},{"type":41,"tag":482,"props":3183,"children":3184},{"style":505},[3185],{"type":47,"value":529},{"type":41,"tag":482,"props":3187,"children":3188},{"style":532},[3189],{"type":47,"value":3190},"body",{"type":41,"tag":482,"props":3192,"children":3193},{"style":505},[3194],{"type":47,"value":539},{"type":41,"tag":482,"props":3196,"children":3197},{"style":505},[3198],{"type":47,"value":704},{"type":41,"tag":482,"props":3200,"children":3201},{"class":484,"line":667},[3202,3207],{"type":41,"tag":482,"props":3203,"children":3204},{"style":3174},[3205],{"type":47,"value":3206},"  style",{"type":41,"tag":482,"props":3208,"children":3209},{"style":505},[3210],{"type":47,"value":704},{"type":41,"tag":482,"props":3212,"children":3213},{"class":484,"line":707},[3214,3219],{"type":41,"tag":482,"props":3215,"children":3216},{"style":505},[3217],{"type":47,"value":3218},"  ...",{"type":41,"tag":482,"props":3220,"children":3221},{"style":3174},[3222],{"type":47,"value":3223},"props\n",{"type":41,"tag":482,"props":3225,"children":3226},{"class":484,"line":755},[3227,3232,3236,3241,3245,3250,3255,3260,3265,3269,3274],{"type":41,"tag":482,"props":3228,"children":3229},{"style":505},[3230],{"type":47,"value":3231},"}:",{"type":41,"tag":482,"props":3233,"children":3234},{"style":2870},[3235],{"type":47,"value":3075},{"type":41,"tag":482,"props":3237,"children":3238},{"style":505},[3239],{"type":47,"value":3240}," &",{"type":41,"tag":482,"props":3242,"children":3243},{"style":505},[3244],{"type":47,"value":508},{"type":41,"tag":482,"props":3246,"children":3247},{"style":632},[3248],{"type":47,"value":3249}," variant",{"type":41,"tag":482,"props":3251,"children":3252},{"style":505},[3253],{"type":47,"value":3254},"?:",{"type":41,"tag":482,"props":3256,"children":3257},{"style":505},[3258],{"type":47,"value":3259}," keyof",{"type":41,"tag":482,"props":3261,"children":3262},{"style":505},[3263],{"type":47,"value":3264}," typeof",{"type":41,"tag":482,"props":3266,"children":3267},{"style":511},[3268],{"type":47,"value":2354},{"type":41,"tag":482,"props":3270,"children":3271},{"style":505},[3272],{"type":47,"value":3273},"})",{"type":41,"tag":482,"props":3275,"children":3276},{"style":505},[3277],{"type":47,"value":625},{"type":41,"tag":482,"props":3279,"children":3280},{"class":484,"line":785},[3281,3285,3290,3295,3300,3305,3310,3314,3319,3324,3329],{"type":41,"tag":482,"props":3282,"children":3283},{"style":499},[3284],{"type":47,"value":1804},{"type":41,"tag":482,"props":3286,"children":3287},{"style":505},[3288],{"type":47,"value":3289}," \u003C",{"type":41,"tag":482,"props":3291,"children":3292},{"style":2870},[3293],{"type":47,"value":3294},"Text",{"type":41,"tag":482,"props":3296,"children":3297},{"style":607},[3298],{"type":47,"value":3299}," style",{"type":41,"tag":482,"props":3301,"children":3302},{"style":505},[3303],{"type":47,"value":3304},"={",{"type":41,"tag":482,"props":3306,"children":3307},{"style":511},[3308],{"type":47,"value":3309},"[type[variant]",{"type":41,"tag":482,"props":3311,"children":3312},{"style":505},[3313],{"type":47,"value":1619},{"type":41,"tag":482,"props":3315,"children":3316},{"style":511},[3317],{"type":47,"value":3318}," style]",{"type":41,"tag":482,"props":3320,"children":3321},{"style":505},[3322],{"type":47,"value":3323},"} {...",{"type":41,"tag":482,"props":3325,"children":3326},{"style":511},[3327],{"type":47,"value":3328},"props",{"type":41,"tag":482,"props":3330,"children":3331},{"style":505},[3332],{"type":47,"value":3333},"} \u002F>;\n",{"type":41,"tag":482,"props":3335,"children":3336},{"class":484,"line":804},[3337],{"type":41,"tag":482,"props":3338,"children":3339},{"style":505},[3340],{"type":47,"value":1889},{"type":41,"tag":50,"props":3342,"children":3343},{},[3344,3346,3351,3353,3359],{"type":47,"value":3345},"Screen titles still come from the navigation stack header (",{"type":41,"tag":69,"props":3347,"children":3349},{"className":3348},[],[3350],{"type":47,"value":74},{"type":47,"value":3352}," rule), so ",{"type":41,"tag":69,"props":3354,"children":3356},{"className":3355},[],[3357],{"type":47,"value":3358},"largeTitle",{"type":47,"value":3360}," is mostly for non-stack contexts.",{"type":41,"tag":422,"props":3362,"children":3364},{"id":3363},"radius",[3365],{"type":47,"value":3366},"Radius",{"type":41,"tag":135,"props":3368,"children":3370},{"className":474,"code":3369,"language":476,"meta":143,"style":143},"\u002F\u002F theme\u002Fradius.ts\nexport const radius = {\n  sm: 8,\n  md: 12,\n  lg: 16,\n  full: 9999, \u002F\u002F capsules\n} as const;\n",[3371],{"type":41,"tag":69,"props":3372,"children":3373},{"__ignoreMap":143},[3374,3382,3406,3425,3444,3463,3489],{"type":41,"tag":482,"props":3375,"children":3376},{"class":484,"line":485},[3377],{"type":41,"tag":482,"props":3378,"children":3379},{"style":489},[3380],{"type":47,"value":3381},"\u002F\u002F theme\u002Fradius.ts\n",{"type":41,"tag":482,"props":3383,"children":3384},{"class":484,"line":495},[3385,3389,3393,3398,3402],{"type":41,"tag":482,"props":3386,"children":3387},{"style":499},[3388],{"type":47,"value":604},{"type":41,"tag":482,"props":3390,"children":3391},{"style":607},[3392],{"type":47,"value":610},{"type":41,"tag":482,"props":3394,"children":3395},{"style":511},[3396],{"type":47,"value":3397}," radius ",{"type":41,"tag":482,"props":3399,"children":3400},{"style":505},[3401],{"type":47,"value":620},{"type":41,"tag":482,"props":3403,"children":3404},{"style":505},[3405],{"type":47,"value":625},{"type":41,"tag":482,"props":3407,"children":3408},{"class":484,"line":547},[3409,3413,3417,3421],{"type":41,"tag":482,"props":3410,"children":3411},{"style":632},[3412],{"type":47,"value":2062},{"type":41,"tag":482,"props":3414,"children":3415},{"style":505},[3416],{"type":47,"value":640},{"type":41,"tag":482,"props":3418,"children":3419},{"style":2047},[3420],{"type":47,"value":2071},{"type":41,"tag":482,"props":3422,"children":3423},{"style":505},[3424],{"type":47,"value":704},{"type":41,"tag":482,"props":3426,"children":3427},{"class":484,"line":588},[3428,3432,3436,3440],{"type":41,"tag":482,"props":3429,"children":3430},{"style":632},[3431],{"type":47,"value":2083},{"type":41,"tag":482,"props":3433,"children":3434},{"style":505},[3435],{"type":47,"value":640},{"type":41,"tag":482,"props":3437,"children":3438},{"style":2047},[3439],{"type":47,"value":2804},{"type":41,"tag":482,"props":3441,"children":3442},{"style":505},[3443],{"type":47,"value":704},{"type":41,"tag":482,"props":3445,"children":3446},{"class":484,"line":598},[3447,3451,3455,3459],{"type":41,"tag":482,"props":3448,"children":3449},{"style":632},[3450],{"type":47,"value":2104},{"type":41,"tag":482,"props":3452,"children":3453},{"style":505},[3454],{"type":47,"value":640},{"type":41,"tag":482,"props":3456,"children":3457},{"style":2047},[3458],{"type":47,"value":2092},{"type":41,"tag":482,"props":3460,"children":3461},{"style":505},[3462],{"type":47,"value":704},{"type":41,"tag":482,"props":3464,"children":3465},{"class":484,"line":628},[3466,3471,3475,3480,3484],{"type":41,"tag":482,"props":3467,"children":3468},{"style":632},[3469],{"type":47,"value":3470},"  full",{"type":41,"tag":482,"props":3472,"children":3473},{"style":505},[3474],{"type":47,"value":640},{"type":41,"tag":482,"props":3476,"children":3477},{"style":2047},[3478],{"type":47,"value":3479}," 9999",{"type":41,"tag":482,"props":3481,"children":3482},{"style":505},[3483],{"type":47,"value":1619},{"type":41,"tag":482,"props":3485,"children":3486},{"style":489},[3487],{"type":47,"value":3488}," \u002F\u002F capsules\n",{"type":41,"tag":482,"props":3490,"children":3491},{"class":484,"line":667},[3492,3496,3500,3504],{"type":41,"tag":482,"props":3493,"children":3494},{"style":505},[3495],{"type":47,"value":1720},{"type":41,"tag":482,"props":3497,"children":3498},{"style":499},[3499],{"type":47,"value":1725},{"type":41,"tag":482,"props":3501,"children":3502},{"style":607},[3503],{"type":47,"value":610},{"type":41,"tag":482,"props":3505,"children":3506},{"style":505},[3507],{"type":47,"value":544},{"type":41,"tag":50,"props":3509,"children":3510},{},[3511,3513,3519,3521,3526],{"type":47,"value":3512},"Pair every non-capsule radius with ",{"type":41,"tag":69,"props":3514,"children":3516},{"className":3515},[],[3517],{"type":47,"value":3518},"borderCurve: \"continuous\"",{"type":47,"value":3520}," (per ",{"type":41,"tag":69,"props":3522,"children":3524},{"className":3523},[],[3525],{"type":47,"value":74},{"type":47,"value":3527},").",{"type":41,"tag":422,"props":3529,"children":3531},{"id":3530},"shadows",[3532],{"type":47,"value":3533},"Shadows",{"type":41,"tag":50,"props":3535,"children":3536},{},[3537,3539,3545,3547,3552],{"type":47,"value":3538},"Shadows are ",{"type":41,"tag":69,"props":3540,"children":3542},{"className":3541},[],[3543],{"type":47,"value":3544},"boxShadow",{"type":47,"value":3546}," strings (never legacy shadow\u002Felevation props - see ",{"type":41,"tag":69,"props":3548,"children":3550},{"className":3549},[],[3551],{"type":47,"value":74},{"type":47,"value":3553},"). Two or three elevation levels are enough:",{"type":41,"tag":135,"props":3555,"children":3557},{"className":474,"code":3556,"language":476,"meta":143,"style":143},"\u002F\u002F theme\u002Fshadows.ts\nexport const shadows = {\n  card: \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n  raised: \"0 4px 12px rgba(0, 0, 0, 0.10)\",\n  overlay: \"0 8px 24px rgba(0, 0, 0, 0.18)\",\n} as const;\n",[3558],{"type":41,"tag":69,"props":3559,"children":3560},{"__ignoreMap":143},[3561,3569,3593,3622,3651,3680],{"type":41,"tag":482,"props":3562,"children":3563},{"class":484,"line":485},[3564],{"type":41,"tag":482,"props":3565,"children":3566},{"style":489},[3567],{"type":47,"value":3568},"\u002F\u002F theme\u002Fshadows.ts\n",{"type":41,"tag":482,"props":3570,"children":3571},{"class":484,"line":495},[3572,3576,3580,3585,3589],{"type":41,"tag":482,"props":3573,"children":3574},{"style":499},[3575],{"type":47,"value":604},{"type":41,"tag":482,"props":3577,"children":3578},{"style":607},[3579],{"type":47,"value":610},{"type":41,"tag":482,"props":3581,"children":3582},{"style":511},[3583],{"type":47,"value":3584}," shadows ",{"type":41,"tag":482,"props":3586,"children":3587},{"style":505},[3588],{"type":47,"value":620},{"type":41,"tag":482,"props":3590,"children":3591},{"style":505},[3592],{"type":47,"value":625},{"type":41,"tag":482,"props":3594,"children":3595},{"class":484,"line":547},[3596,3601,3605,3609,3614,3618],{"type":41,"tag":482,"props":3597,"children":3598},{"style":632},[3599],{"type":47,"value":3600},"  card",{"type":41,"tag":482,"props":3602,"children":3603},{"style":505},[3604],{"type":47,"value":640},{"type":41,"tag":482,"props":3606,"children":3607},{"style":505},[3608],{"type":47,"value":529},{"type":41,"tag":482,"props":3610,"children":3611},{"style":532},[3612],{"type":47,"value":3613},"0 1px 2px rgba(0, 0, 0, 0.05)",{"type":41,"tag":482,"props":3615,"children":3616},{"style":505},[3617],{"type":47,"value":539},{"type":41,"tag":482,"props":3619,"children":3620},{"style":505},[3621],{"type":47,"value":704},{"type":41,"tag":482,"props":3623,"children":3624},{"class":484,"line":588},[3625,3630,3634,3638,3643,3647],{"type":41,"tag":482,"props":3626,"children":3627},{"style":632},[3628],{"type":47,"value":3629},"  raised",{"type":41,"tag":482,"props":3631,"children":3632},{"style":505},[3633],{"type":47,"value":640},{"type":41,"tag":482,"props":3635,"children":3636},{"style":505},[3637],{"type":47,"value":529},{"type":41,"tag":482,"props":3639,"children":3640},{"style":532},[3641],{"type":47,"value":3642},"0 4px 12px rgba(0, 0, 0, 0.10)",{"type":41,"tag":482,"props":3644,"children":3645},{"style":505},[3646],{"type":47,"value":539},{"type":41,"tag":482,"props":3648,"children":3649},{"style":505},[3650],{"type":47,"value":704},{"type":41,"tag":482,"props":3652,"children":3653},{"class":484,"line":598},[3654,3659,3663,3667,3672,3676],{"type":41,"tag":482,"props":3655,"children":3656},{"style":632},[3657],{"type":47,"value":3658},"  overlay",{"type":41,"tag":482,"props":3660,"children":3661},{"style":505},[3662],{"type":47,"value":640},{"type":41,"tag":482,"props":3664,"children":3665},{"style":505},[3666],{"type":47,"value":529},{"type":41,"tag":482,"props":3668,"children":3669},{"style":532},[3670],{"type":47,"value":3671},"0 8px 24px rgba(0, 0, 0, 0.18)",{"type":41,"tag":482,"props":3673,"children":3674},{"style":505},[3675],{"type":47,"value":539},{"type":41,"tag":482,"props":3677,"children":3678},{"style":505},[3679],{"type":47,"value":704},{"type":41,"tag":482,"props":3681,"children":3682},{"class":484,"line":628},[3683,3687,3691,3695],{"type":41,"tag":482,"props":3684,"children":3685},{"style":505},[3686],{"type":47,"value":1720},{"type":41,"tag":482,"props":3688,"children":3689},{"style":499},[3690],{"type":47,"value":1725},{"type":41,"tag":482,"props":3692,"children":3693},{"style":607},[3694],{"type":47,"value":610},{"type":41,"tag":482,"props":3696,"children":3697},{"style":505},[3698],{"type":47,"value":544},{"type":41,"tag":422,"props":3700,"children":3702},{"id":3701},"motion",[3703],{"type":47,"value":3704},"Motion",{"type":41,"tag":50,"props":3706,"children":3707},{},[3708],{"type":47,"value":3709},"Durations and shared spring\u002Feasing configs, so animations across the app feel related:",{"type":41,"tag":135,"props":3711,"children":3713},{"className":474,"code":3712,"language":476,"meta":143,"style":143},"\u002F\u002F theme\u002Fmotion.ts\nexport const motion = {\n  fast: 150, \u002F\u002F state feedback: press, toggle\n  base: 250, \u002F\u002F element transitions: enter\u002Fexit\n  slow: 400, \u002F\u002F large surfaces: sheets, screens\n} as const;\n",[3714],{"type":41,"tag":69,"props":3715,"children":3716},{"__ignoreMap":143},[3717,3725,3749,3775,3801,3827],{"type":41,"tag":482,"props":3718,"children":3719},{"class":484,"line":485},[3720],{"type":41,"tag":482,"props":3721,"children":3722},{"style":489},[3723],{"type":47,"value":3724},"\u002F\u002F theme\u002Fmotion.ts\n",{"type":41,"tag":482,"props":3726,"children":3727},{"class":484,"line":495},[3728,3732,3736,3741,3745],{"type":41,"tag":482,"props":3729,"children":3730},{"style":499},[3731],{"type":47,"value":604},{"type":41,"tag":482,"props":3733,"children":3734},{"style":607},[3735],{"type":47,"value":610},{"type":41,"tag":482,"props":3737,"children":3738},{"style":511},[3739],{"type":47,"value":3740}," motion ",{"type":41,"tag":482,"props":3742,"children":3743},{"style":505},[3744],{"type":47,"value":620},{"type":41,"tag":482,"props":3746,"children":3747},{"style":505},[3748],{"type":47,"value":625},{"type":41,"tag":482,"props":3750,"children":3751},{"class":484,"line":547},[3752,3757,3761,3766,3770],{"type":41,"tag":482,"props":3753,"children":3754},{"style":632},[3755],{"type":47,"value":3756},"  fast",{"type":41,"tag":482,"props":3758,"children":3759},{"style":505},[3760],{"type":47,"value":640},{"type":41,"tag":482,"props":3762,"children":3763},{"style":2047},[3764],{"type":47,"value":3765}," 150",{"type":41,"tag":482,"props":3767,"children":3768},{"style":505},[3769],{"type":47,"value":1619},{"type":41,"tag":482,"props":3771,"children":3772},{"style":489},[3773],{"type":47,"value":3774}," \u002F\u002F state feedback: press, toggle\n",{"type":41,"tag":482,"props":3776,"children":3777},{"class":484,"line":588},[3778,3783,3787,3792,3796],{"type":41,"tag":482,"props":3779,"children":3780},{"style":632},[3781],{"type":47,"value":3782},"  base",{"type":41,"tag":482,"props":3784,"children":3785},{"style":505},[3786],{"type":47,"value":640},{"type":41,"tag":482,"props":3788,"children":3789},{"style":2047},[3790],{"type":47,"value":3791}," 250",{"type":41,"tag":482,"props":3793,"children":3794},{"style":505},[3795],{"type":47,"value":1619},{"type":41,"tag":482,"props":3797,"children":3798},{"style":489},[3799],{"type":47,"value":3800}," \u002F\u002F element transitions: enter\u002Fexit\n",{"type":41,"tag":482,"props":3802,"children":3803},{"class":484,"line":598},[3804,3809,3813,3818,3822],{"type":41,"tag":482,"props":3805,"children":3806},{"style":632},[3807],{"type":47,"value":3808},"  slow",{"type":41,"tag":482,"props":3810,"children":3811},{"style":505},[3812],{"type":47,"value":640},{"type":41,"tag":482,"props":3814,"children":3815},{"style":2047},[3816],{"type":47,"value":3817}," 400",{"type":41,"tag":482,"props":3819,"children":3820},{"style":505},[3821],{"type":47,"value":1619},{"type":41,"tag":482,"props":3823,"children":3824},{"style":489},[3825],{"type":47,"value":3826}," \u002F\u002F large surfaces: sheets, screens\n",{"type":41,"tag":482,"props":3828,"children":3829},{"class":484,"line":628},[3830,3834,3838,3842],{"type":41,"tag":482,"props":3831,"children":3832},{"style":505},[3833],{"type":47,"value":1720},{"type":41,"tag":482,"props":3835,"children":3836},{"style":499},[3837],{"type":47,"value":1725},{"type":41,"tag":482,"props":3839,"children":3840},{"style":607},[3841],{"type":47,"value":610},{"type":41,"tag":482,"props":3843,"children":3844},{"style":505},[3845],{"type":47,"value":544},{"type":41,"tag":50,"props":3847,"children":3848},{},[3849,3851,3856,3858,3864,3866,3871],{"type":47,"value":3850},"Reanimated caveat: don't pass ",{"type":41,"tag":69,"props":3852,"children":3854},{"className":3853},[],[3855],{"type":47,"value":438},{"type":47,"value":3857},"\u002F",{"type":41,"tag":69,"props":3859,"children":3861},{"className":3860},[],[3862],{"type":47,"value":3863},"PlatformColor",{"type":47,"value":3865}," token values into Reanimated styles - use static colors there (see ",{"type":41,"tag":69,"props":3867,"children":3869},{"className":3868},[],[3870],{"type":47,"value":74},{"type":47,"value":3527},{"type":41,"tag":123,"props":3873,"children":3875},{"id":3874},"reusable-components",[3876],{"type":47,"value":3877},"Reusable Components",{"type":41,"tag":50,"props":3879,"children":3880},{},[3881,3883,3889,3891,3896],{"type":47,"value":3882},"The theme controls values; components control structure. Shared primitives live in ",{"type":41,"tag":69,"props":3884,"children":3886},{"className":3885},[],[3887],{"type":47,"value":3888},"src\u002Fcomponents\u002F",{"type":47,"value":3890}," (see ",{"type":41,"tag":69,"props":3892,"children":3894},{"className":3893},[],[3895],{"type":47,"value":119},{"type":47,"value":3527},{"type":41,"tag":422,"props":3898,"children":3900},{"id":3899},"the-component-contract",[3901],{"type":47,"value":3902},"The component contract",{"type":41,"tag":50,"props":3904,"children":3905},{},[3906],{"type":47,"value":3907},"Every design-system primitive defines, explicitly:",{"type":41,"tag":61,"props":3909,"children":3910},{},[3911,3949,3988,4013],{"type":41,"tag":65,"props":3912,"children":3913},{},[3914,3919,3921,3926,3927,3933,3934,3940,3941,3947],{"type":41,"tag":78,"props":3915,"children":3916},{},[3917],{"type":47,"value":3918},"Variants",{"type":47,"value":3920}," - visual intent: ",{"type":41,"tag":69,"props":3922,"children":3924},{"className":3923},[],[3925],{"type":47,"value":1392},{"type":47,"value":193},{"type":41,"tag":69,"props":3928,"children":3930},{"className":3929},[],[3931],{"type":47,"value":3932},"secondary",{"type":47,"value":193},{"type":41,"tag":69,"props":3935,"children":3937},{"className":3936},[],[3938],{"type":47,"value":3939},"ghost",{"type":47,"value":193},{"type":41,"tag":69,"props":3942,"children":3944},{"className":3943},[],[3945],{"type":47,"value":3946},"destructive",{"type":47,"value":3948},". Add a variant only when a real screen needs it.",{"type":41,"tag":65,"props":3950,"children":3951},{},[3952,3957,3959,3965,3966,3972,3973,3979,3981,3986],{"type":41,"tag":78,"props":3953,"children":3954},{},[3955],{"type":47,"value":3956},"Sizes",{"type":47,"value":3958}," - ",{"type":41,"tag":69,"props":3960,"children":3962},{"className":3961},[],[3963],{"type":47,"value":3964},"sm",{"type":47,"value":193},{"type":41,"tag":69,"props":3967,"children":3969},{"className":3968},[],[3970],{"type":47,"value":3971},"md",{"type":47,"value":193},{"type":41,"tag":69,"props":3974,"children":3976},{"className":3975},[],[3977],{"type":47,"value":3978},"lg",{"type":47,"value":3980},". Default ",{"type":41,"tag":69,"props":3982,"children":3984},{"className":3983},[],[3985],{"type":47,"value":3971},{"type":47,"value":3987},". Sizes map to spacing\u002Ftypography tokens, never to fresh numbers.",{"type":41,"tag":65,"props":3989,"children":3990},{},[3991,3996,3998,4003,4005,4011],{"type":41,"tag":78,"props":3992,"children":3993},{},[3994],{"type":47,"value":3995},"States",{"type":47,"value":3997}," - default, ",{"type":41,"tag":78,"props":3999,"children":4000},{},[4001],{"type":47,"value":4002},"pressed",{"type":47,"value":4004}," (not hover - this is touch), disabled, loading. Handle pressed with a ",{"type":41,"tag":69,"props":4006,"children":4008},{"className":4007},[],[4009],{"type":47,"value":4010},"Pressable",{"type":47,"value":4012}," style function; never leave a tappable element without pressed feedback.",{"type":41,"tag":65,"props":4014,"children":4015},{},[4016,4021,4023,4029,4031,4036],{"type":41,"tag":78,"props":4017,"children":4018},{},[4019],{"type":47,"value":4020},"Style override",{"type":47,"value":4022}," - accept a ",{"type":41,"tag":69,"props":4024,"children":4026},{"className":4025},[],[4027],{"type":47,"value":4028},"style",{"type":47,"value":4030}," prop and merge it ",{"type":41,"tag":78,"props":4032,"children":4033},{},[4034],{"type":47,"value":4035},"last",{"type":47,"value":4037},", so callers can adjust layout (margins, flex) without forking the component. Callers may override layout, not identity - a caller changing a button's colors is a signal the variant set is missing something.",{"type":41,"tag":135,"props":4039,"children":4041},{"className":474,"code":4040,"language":476,"meta":143,"style":143},"\u002F\u002F components\u002Fbutton.tsx\nimport { Pressable, ActivityIndicator, ViewStyle, StyleProp } from \"react-native\";\nimport { colors, spacing, radius } from \"@\u002Ftheme\";\nimport { ThemedText } from \".\u002Fthemed-text\";\n\nconst variants = {\n  primary: { backgroundColor: colors.systemBlue, color: colors.onTint },\n  secondary: { backgroundColor: colors.separator, color: colors.label },\n} as const;\n\nconst sizes = {\n  sm: { paddingVertical: spacing.xs, paddingHorizontal: spacing.sm },\n  md: { paddingVertical: spacing.sm, paddingHorizontal: spacing.md },\n} as const;\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  title,\n  loading,\n  disabled,\n  style,\n  onPress,\n}: {\n  variant?: keyof typeof variants;\n  size?: keyof typeof sizes;\n  title: string;\n  loading?: boolean;\n  disabled?: boolean;\n  style?: StyleProp\u003CViewStyle>;\n  onPress?: () => void;\n}) {\n  return (\n    \u003CPressable\n      accessibilityRole=\"button\"\n      disabled={disabled || loading}\n      onPress={onPress}\n      style={({ pressed }) => [\n        {\n          backgroundColor: variants[variant].backgroundColor,\n          borderRadius: radius.md,\n          borderCurve: \"continuous\",\n          alignItems: \"center\",\n          opacity: disabled ? 0.4 : pressed ? 0.7 : 1,\n          ...sizes[size],\n        },\n        style, \u002F\u002F caller overrides merge last\n      ]}\n    >\n      {loading ? (\n        \u003CActivityIndicator color={variants[variant].color as string} \u002F>\n      ) : (\n        \u003CThemedText variant=\"headline\" style={{ color: variants[variant].color }}>\n          {title}\n        \u003C\u002FThemedText>\n      )}\n    \u003C\u002FPressable>\n  );\n}\n",[4042],{"type":41,"tag":69,"props":4043,"children":4044},{"__ignoreMap":143},[4045,4053,4120,4177,4217,4224,4244,4310,4374,4393,4400,4420,4487,4551,4570,4577,4597,4624,4652,4663,4675,4687,4698,4710,4721,4749,4777,4797,4817,4836,4864,4894,4905,4917,4931,4958,4990,5012,5045,5054,5085,5114,5144,5174,5233,5251,5260,5278,5291,5300,5322,5372,5389,5456,5474,5492,5505,5522,5535],{"type":41,"tag":482,"props":4046,"children":4047},{"class":484,"line":485},[4048],{"type":41,"tag":482,"props":4049,"children":4050},{"style":489},[4051],{"type":47,"value":4052},"\u002F\u002F components\u002Fbutton.tsx\n",{"type":41,"tag":482,"props":4054,"children":4055},{"class":484,"line":495},[4056,4060,4064,4069,4073,4078,4082,4087,4091,4096,4100,4104,4108,4112,4116],{"type":41,"tag":482,"props":4057,"children":4058},{"style":499},[4059],{"type":47,"value":502},{"type":41,"tag":482,"props":4061,"children":4062},{"style":505},[4063],{"type":47,"value":508},{"type":41,"tag":482,"props":4065,"children":4066},{"style":511},[4067],{"type":47,"value":4068}," Pressable",{"type":41,"tag":482,"props":4070,"children":4071},{"style":505},[4072],{"type":47,"value":1619},{"type":41,"tag":482,"props":4074,"children":4075},{"style":511},[4076],{"type":47,"value":4077}," ActivityIndicator",{"type":41,"tag":482,"props":4079,"children":4080},{"style":505},[4081],{"type":47,"value":1619},{"type":41,"tag":482,"props":4083,"children":4084},{"style":511},[4085],{"type":47,"value":4086}," ViewStyle",{"type":41,"tag":482,"props":4088,"children":4089},{"style":505},[4090],{"type":47,"value":1619},{"type":41,"tag":482,"props":4092,"children":4093},{"style":511},[4094],{"type":47,"value":4095}," StyleProp",{"type":41,"tag":482,"props":4097,"children":4098},{"style":505},[4099],{"type":47,"value":519},{"type":41,"tag":482,"props":4101,"children":4102},{"style":499},[4103],{"type":47,"value":524},{"type":41,"tag":482,"props":4105,"children":4106},{"style":505},[4107],{"type":47,"value":529},{"type":41,"tag":482,"props":4109,"children":4110},{"style":532},[4111],{"type":47,"value":14},{"type":41,"tag":482,"props":4113,"children":4114},{"style":505},[4115],{"type":47,"value":539},{"type":41,"tag":482,"props":4117,"children":4118},{"style":505},[4119],{"type":47,"value":544},{"type":41,"tag":482,"props":4121,"children":4122},{"class":484,"line":547},[4123,4127,4131,4135,4139,4144,4148,4153,4157,4161,4165,4169,4173],{"type":41,"tag":482,"props":4124,"children":4125},{"style":499},[4126],{"type":47,"value":502},{"type":41,"tag":482,"props":4128,"children":4129},{"style":505},[4130],{"type":47,"value":508},{"type":41,"tag":482,"props":4132,"children":4133},{"style":511},[4134],{"type":47,"value":2306},{"type":41,"tag":482,"props":4136,"children":4137},{"style":505},[4138],{"type":47,"value":1619},{"type":41,"tag":482,"props":4140,"children":4141},{"style":511},[4142],{"type":47,"value":4143}," spacing",{"type":41,"tag":482,"props":4145,"children":4146},{"style":505},[4147],{"type":47,"value":1619},{"type":41,"tag":482,"props":4149,"children":4150},{"style":511},[4151],{"type":47,"value":4152}," radius",{"type":41,"tag":482,"props":4154,"children":4155},{"style":505},[4156],{"type":47,"value":519},{"type":41,"tag":482,"props":4158,"children":4159},{"style":499},[4160],{"type":47,"value":524},{"type":41,"tag":482,"props":4162,"children":4163},{"style":505},[4164],{"type":47,"value":529},{"type":41,"tag":482,"props":4166,"children":4167},{"style":532},[4168],{"type":47,"value":3132},{"type":41,"tag":482,"props":4170,"children":4171},{"style":505},[4172],{"type":47,"value":539},{"type":41,"tag":482,"props":4174,"children":4175},{"style":505},[4176],{"type":47,"value":544},{"type":41,"tag":482,"props":4178,"children":4179},{"class":484,"line":588},[4180,4184,4188,4192,4196,4200,4204,4209,4213],{"type":41,"tag":482,"props":4181,"children":4182},{"style":499},[4183],{"type":47,"value":502},{"type":41,"tag":482,"props":4185,"children":4186},{"style":505},[4187],{"type":47,"value":508},{"type":41,"tag":482,"props":4189,"children":4190},{"style":511},[4191],{"type":47,"value":3163},{"type":41,"tag":482,"props":4193,"children":4194},{"style":505},[4195],{"type":47,"value":519},{"type":41,"tag":482,"props":4197,"children":4198},{"style":499},[4199],{"type":47,"value":524},{"type":41,"tag":482,"props":4201,"children":4202},{"style":505},[4203],{"type":47,"value":529},{"type":41,"tag":482,"props":4205,"children":4206},{"style":532},[4207],{"type":47,"value":4208},".\u002Fthemed-text",{"type":41,"tag":482,"props":4210,"children":4211},{"style":505},[4212],{"type":47,"value":539},{"type":41,"tag":482,"props":4214,"children":4215},{"style":505},[4216],{"type":47,"value":544},{"type":41,"tag":482,"props":4218,"children":4219},{"class":484,"line":598},[4220],{"type":41,"tag":482,"props":4221,"children":4222},{"emptyLinePlaceholder":592},[4223],{"type":47,"value":595},{"type":41,"tag":482,"props":4225,"children":4226},{"class":484,"line":628},[4227,4231,4236,4240],{"type":41,"tag":482,"props":4228,"children":4229},{"style":607},[4230],{"type":47,"value":1563},{"type":41,"tag":482,"props":4232,"children":4233},{"style":511},[4234],{"type":47,"value":4235}," variants ",{"type":41,"tag":482,"props":4237,"children":4238},{"style":505},[4239],{"type":47,"value":620},{"type":41,"tag":482,"props":4241,"children":4242},{"style":505},[4243],{"type":47,"value":625},{"type":41,"tag":482,"props":4245,"children":4246},{"class":484,"line":667},[4247,4252,4256,4260,4265,4269,4273,4277,4281,4285,4289,4293,4297,4301,4306],{"type":41,"tag":482,"props":4248,"children":4249},{"style":632},[4250],{"type":47,"value":4251},"  primary",{"type":41,"tag":482,"props":4253,"children":4254},{"style":505},[4255],{"type":47,"value":640},{"type":41,"tag":482,"props":4257,"children":4258},{"style":505},[4259],{"type":47,"value":508},{"type":41,"tag":482,"props":4261,"children":4262},{"style":632},[4263],{"type":47,"value":4264}," backgroundColor",{"type":41,"tag":482,"props":4266,"children":4267},{"style":505},[4268],{"type":47,"value":640},{"type":41,"tag":482,"props":4270,"children":4271},{"style":511},[4272],{"type":47,"value":2306},{"type":41,"tag":482,"props":4274,"children":4275},{"style":505},[4276],{"type":47,"value":91},{"type":41,"tag":482,"props":4278,"children":4279},{"style":511},[4280],{"type":47,"value":1347},{"type":41,"tag":482,"props":4282,"children":4283},{"style":505},[4284],{"type":47,"value":1619},{"type":41,"tag":482,"props":4286,"children":4287},{"style":632},[4288],{"type":47,"value":2427},{"type":41,"tag":482,"props":4290,"children":4291},{"style":505},[4292],{"type":47,"value":640},{"type":41,"tag":482,"props":4294,"children":4295},{"style":511},[4296],{"type":47,"value":2306},{"type":41,"tag":482,"props":4298,"children":4299},{"style":505},[4300],{"type":47,"value":91},{"type":41,"tag":482,"props":4302,"children":4303},{"style":511},[4304],{"type":47,"value":4305},"onTint ",{"type":41,"tag":482,"props":4307,"children":4308},{"style":505},[4309],{"type":47,"value":2449},{"type":41,"tag":482,"props":4311,"children":4312},{"class":484,"line":707},[4313,4318,4322,4326,4330,4334,4338,4342,4346,4350,4354,4358,4362,4366,4370],{"type":41,"tag":482,"props":4314,"children":4315},{"style":632},[4316],{"type":47,"value":4317},"  secondary",{"type":41,"tag":482,"props":4319,"children":4320},{"style":505},[4321],{"type":47,"value":640},{"type":41,"tag":482,"props":4323,"children":4324},{"style":505},[4325],{"type":47,"value":508},{"type":41,"tag":482,"props":4327,"children":4328},{"style":632},[4329],{"type":47,"value":4264},{"type":41,"tag":482,"props":4331,"children":4332},{"style":505},[4333],{"type":47,"value":640},{"type":41,"tag":482,"props":4335,"children":4336},{"style":511},[4337],{"type":47,"value":2306},{"type":41,"tag":482,"props":4339,"children":4340},{"style":505},[4341],{"type":47,"value":91},{"type":41,"tag":482,"props":4343,"children":4344},{"style":511},[4345],{"type":47,"value":1027},{"type":41,"tag":482,"props":4347,"children":4348},{"style":505},[4349],{"type":47,"value":1619},{"type":41,"tag":482,"props":4351,"children":4352},{"style":632},[4353],{"type":47,"value":2427},{"type":41,"tag":482,"props":4355,"children":4356},{"style":505},[4357],{"type":47,"value":640},{"type":41,"tag":482,"props":4359,"children":4360},{"style":511},[4361],{"type":47,"value":2306},{"type":41,"tag":482,"props":4363,"children":4364},{"style":505},[4365],{"type":47,"value":91},{"type":41,"tag":482,"props":4367,"children":4368},{"style":511},[4369],{"type":47,"value":2444},{"type":41,"tag":482,"props":4371,"children":4372},{"style":505},[4373],{"type":47,"value":2449},{"type":41,"tag":482,"props":4375,"children":4376},{"class":484,"line":755},[4377,4381,4385,4389],{"type":41,"tag":482,"props":4378,"children":4379},{"style":505},[4380],{"type":47,"value":1720},{"type":41,"tag":482,"props":4382,"children":4383},{"style":499},[4384],{"type":47,"value":1725},{"type":41,"tag":482,"props":4386,"children":4387},{"style":607},[4388],{"type":47,"value":610},{"type":41,"tag":482,"props":4390,"children":4391},{"style":505},[4392],{"type":47,"value":544},{"type":41,"tag":482,"props":4394,"children":4395},{"class":484,"line":785},[4396],{"type":41,"tag":482,"props":4397,"children":4398},{"emptyLinePlaceholder":592},[4399],{"type":47,"value":595},{"type":41,"tag":482,"props":4401,"children":4402},{"class":484,"line":804},[4403,4407,4412,4416],{"type":41,"tag":482,"props":4404,"children":4405},{"style":607},[4406],{"type":47,"value":1563},{"type":41,"tag":482,"props":4408,"children":4409},{"style":511},[4410],{"type":47,"value":4411}," sizes ",{"type":41,"tag":482,"props":4413,"children":4414},{"style":505},[4415],{"type":47,"value":620},{"type":41,"tag":482,"props":4417,"children":4418},{"style":505},[4419],{"type":47,"value":625},{"type":41,"tag":482,"props":4421,"children":4422},{"class":484,"line":837},[4423,4427,4431,4435,4440,4444,4448,4452,4457,4461,4466,4470,4474,4478,4483],{"type":41,"tag":482,"props":4424,"children":4425},{"style":632},[4426],{"type":47,"value":2062},{"type":41,"tag":482,"props":4428,"children":4429},{"style":505},[4430],{"type":47,"value":640},{"type":41,"tag":482,"props":4432,"children":4433},{"style":505},[4434],{"type":47,"value":508},{"type":41,"tag":482,"props":4436,"children":4437},{"style":632},[4438],{"type":47,"value":4439}," paddingVertical",{"type":41,"tag":482,"props":4441,"children":4442},{"style":505},[4443],{"type":47,"value":640},{"type":41,"tag":482,"props":4445,"children":4446},{"style":511},[4447],{"type":47,"value":4143},{"type":41,"tag":482,"props":4449,"children":4450},{"style":505},[4451],{"type":47,"value":91},{"type":41,"tag":482,"props":4453,"children":4454},{"style":511},[4455],{"type":47,"value":4456},"xs",{"type":41,"tag":482,"props":4458,"children":4459},{"style":505},[4460],{"type":47,"value":1619},{"type":41,"tag":482,"props":4462,"children":4463},{"style":632},[4464],{"type":47,"value":4465}," paddingHorizontal",{"type":41,"tag":482,"props":4467,"children":4468},{"style":505},[4469],{"type":47,"value":640},{"type":41,"tag":482,"props":4471,"children":4472},{"style":511},[4473],{"type":47,"value":4143},{"type":41,"tag":482,"props":4475,"children":4476},{"style":505},[4477],{"type":47,"value":91},{"type":41,"tag":482,"props":4479,"children":4480},{"style":511},[4481],{"type":47,"value":4482},"sm ",{"type":41,"tag":482,"props":4484,"children":4485},{"style":505},[4486],{"type":47,"value":2449},{"type":41,"tag":482,"props":4488,"children":4489},{"class":484,"line":874},[4490,4494,4498,4502,4506,4510,4514,4518,4522,4526,4530,4534,4538,4542,4547],{"type":41,"tag":482,"props":4491,"children":4492},{"style":632},[4493],{"type":47,"value":2083},{"type":41,"tag":482,"props":4495,"children":4496},{"style":505},[4497],{"type":47,"value":640},{"type":41,"tag":482,"props":4499,"children":4500},{"style":505},[4501],{"type":47,"value":508},{"type":41,"tag":482,"props":4503,"children":4504},{"style":632},[4505],{"type":47,"value":4439},{"type":41,"tag":482,"props":4507,"children":4508},{"style":505},[4509],{"type":47,"value":640},{"type":41,"tag":482,"props":4511,"children":4512},{"style":511},[4513],{"type":47,"value":4143},{"type":41,"tag":482,"props":4515,"children":4516},{"style":505},[4517],{"type":47,"value":91},{"type":41,"tag":482,"props":4519,"children":4520},{"style":511},[4521],{"type":47,"value":3964},{"type":41,"tag":482,"props":4523,"children":4524},{"style":505},[4525],{"type":47,"value":1619},{"type":41,"tag":482,"props":4527,"children":4528},{"style":632},[4529],{"type":47,"value":4465},{"type":41,"tag":482,"props":4531,"children":4532},{"style":505},[4533],{"type":47,"value":640},{"type":41,"tag":482,"props":4535,"children":4536},{"style":511},[4537],{"type":47,"value":4143},{"type":41,"tag":482,"props":4539,"children":4540},{"style":505},[4541],{"type":47,"value":91},{"type":41,"tag":482,"props":4543,"children":4544},{"style":511},[4545],{"type":47,"value":4546},"md ",{"type":41,"tag":482,"props":4548,"children":4549},{"style":505},[4550],{"type":47,"value":2449},{"type":41,"tag":482,"props":4552,"children":4553},{"class":484,"line":919},[4554,4558,4562,4566],{"type":41,"tag":482,"props":4555,"children":4556},{"style":505},[4557],{"type":47,"value":1720},{"type":41,"tag":482,"props":4559,"children":4560},{"style":499},[4561],{"type":47,"value":1725},{"type":41,"tag":482,"props":4563,"children":4564},{"style":607},[4565],{"type":47,"value":610},{"type":41,"tag":482,"props":4567,"children":4568},{"style":505},[4569],{"type":47,"value":544},{"type":41,"tag":482,"props":4571,"children":4572},{"class":484,"line":948},[4573],{"type":41,"tag":482,"props":4574,"children":4575},{"emptyLinePlaceholder":592},[4576],{"type":47,"value":595},{"type":41,"tag":482,"props":4578,"children":4579},{"class":484,"line":964},[4580,4584,4588,4593],{"type":41,"tag":482,"props":4581,"children":4582},{"style":499},[4583],{"type":47,"value":604},{"type":41,"tag":482,"props":4585,"children":4586},{"style":607},[4587],{"type":47,"value":1752},{"type":41,"tag":482,"props":4589,"children":4590},{"style":651},[4591],{"type":47,"value":4592}," Button",{"type":41,"tag":482,"props":4594,"children":4595},{"style":505},[4596],{"type":47,"value":3168},{"type":41,"tag":482,"props":4598,"children":4599},{"class":484,"line":997},[4600,4604,4608,4612,4616,4620],{"type":41,"tag":482,"props":4601,"children":4602},{"style":3174},[4603],{"type":47,"value":3177},{"type":41,"tag":482,"props":4605,"children":4606},{"style":505},[4607],{"type":47,"value":1784},{"type":41,"tag":482,"props":4609,"children":4610},{"style":505},[4611],{"type":47,"value":529},{"type":41,"tag":482,"props":4613,"children":4614},{"style":532},[4615],{"type":47,"value":1392},{"type":41,"tag":482,"props":4617,"children":4618},{"style":505},[4619],{"type":47,"value":539},{"type":41,"tag":482,"props":4621,"children":4622},{"style":505},[4623],{"type":47,"value":704},{"type":41,"tag":482,"props":4625,"children":4626},{"class":484,"line":1034},[4627,4632,4636,4640,4644,4648],{"type":41,"tag":482,"props":4628,"children":4629},{"style":3174},[4630],{"type":47,"value":4631},"  size",{"type":41,"tag":482,"props":4633,"children":4634},{"style":505},[4635],{"type":47,"value":1784},{"type":41,"tag":482,"props":4637,"children":4638},{"style":505},[4639],{"type":47,"value":529},{"type":41,"tag":482,"props":4641,"children":4642},{"style":532},[4643],{"type":47,"value":3971},{"type":41,"tag":482,"props":4645,"children":4646},{"style":505},[4647],{"type":47,"value":539},{"type":41,"tag":482,"props":4649,"children":4650},{"style":505},[4651],{"type":47,"value":704},{"type":41,"tag":482,"props":4653,"children":4654},{"class":484,"line":1079},[4655,4659],{"type":41,"tag":482,"props":4656,"children":4657},{"style":3174},[4658],{"type":47,"value":2457},{"type":41,"tag":482,"props":4660,"children":4661},{"style":505},[4662],{"type":47,"value":704},{"type":41,"tag":482,"props":4664,"children":4665},{"class":484,"line":1108},[4666,4671],{"type":41,"tag":482,"props":4667,"children":4668},{"style":3174},[4669],{"type":47,"value":4670},"  loading",{"type":41,"tag":482,"props":4672,"children":4673},{"style":505},[4674],{"type":47,"value":704},{"type":41,"tag":482,"props":4676,"children":4677},{"class":484,"line":1124},[4678,4683],{"type":41,"tag":482,"props":4679,"children":4680},{"style":3174},[4681],{"type":47,"value":4682},"  disabled",{"type":41,"tag":482,"props":4684,"children":4685},{"style":505},[4686],{"type":47,"value":704},{"type":41,"tag":482,"props":4688,"children":4689},{"class":484,"line":1157},[4690,4694],{"type":41,"tag":482,"props":4691,"children":4692},{"style":3174},[4693],{"type":47,"value":3206},{"type":41,"tag":482,"props":4695,"children":4696},{"style":505},[4697],{"type":47,"value":704},{"type":41,"tag":482,"props":4699,"children":4700},{"class":484,"line":1194},[4701,4706],{"type":41,"tag":482,"props":4702,"children":4703},{"style":3174},[4704],{"type":47,"value":4705},"  onPress",{"type":41,"tag":482,"props":4707,"children":4708},{"style":505},[4709],{"type":47,"value":704},{"type":41,"tag":482,"props":4711,"children":4712},{"class":484,"line":1239},[4713,4717],{"type":41,"tag":482,"props":4714,"children":4715},{"style":505},[4716],{"type":47,"value":3231},{"type":41,"tag":482,"props":4718,"children":4719},{"style":505},[4720],{"type":47,"value":625},{"type":41,"tag":482,"props":4722,"children":4723},{"class":484,"line":1268},[4724,4728,4732,4736,4740,4745],{"type":41,"tag":482,"props":4725,"children":4726},{"style":632},[4727],{"type":47,"value":3177},{"type":41,"tag":482,"props":4729,"children":4730},{"style":505},[4731],{"type":47,"value":3254},{"type":41,"tag":482,"props":4733,"children":4734},{"style":505},[4735],{"type":47,"value":3259},{"type":41,"tag":482,"props":4737,"children":4738},{"style":505},[4739],{"type":47,"value":3264},{"type":41,"tag":482,"props":4741,"children":4742},{"style":511},[4743],{"type":47,"value":4744}," variants",{"type":41,"tag":482,"props":4746,"children":4747},{"style":505},[4748],{"type":47,"value":544},{"type":41,"tag":482,"props":4750,"children":4751},{"class":484,"line":1284},[4752,4756,4760,4764,4768,4773],{"type":41,"tag":482,"props":4753,"children":4754},{"style":632},[4755],{"type":47,"value":4631},{"type":41,"tag":482,"props":4757,"children":4758},{"style":505},[4759],{"type":47,"value":3254},{"type":41,"tag":482,"props":4761,"children":4762},{"style":505},[4763],{"type":47,"value":3259},{"type":41,"tag":482,"props":4765,"children":4766},{"style":505},[4767],{"type":47,"value":3264},{"type":41,"tag":482,"props":4769,"children":4770},{"style":511},[4771],{"type":47,"value":4772}," sizes",{"type":41,"tag":482,"props":4774,"children":4775},{"style":505},[4776],{"type":47,"value":544},{"type":41,"tag":482,"props":4778,"children":4779},{"class":484,"line":1317},[4780,4784,4788,4793],{"type":41,"tag":482,"props":4781,"children":4782},{"style":632},[4783],{"type":47,"value":2457},{"type":41,"tag":482,"props":4785,"children":4786},{"style":505},[4787],{"type":47,"value":640},{"type":41,"tag":482,"props":4789,"children":4790},{"style":2870},[4791],{"type":47,"value":4792}," string",{"type":41,"tag":482,"props":4794,"children":4795},{"style":505},[4796],{"type":47,"value":544},{"type":41,"tag":482,"props":4798,"children":4799},{"class":484,"line":1354},[4800,4804,4808,4813],{"type":41,"tag":482,"props":4801,"children":4802},{"style":632},[4803],{"type":47,"value":4670},{"type":41,"tag":482,"props":4805,"children":4806},{"style":505},[4807],{"type":47,"value":3254},{"type":41,"tag":482,"props":4809,"children":4810},{"style":2870},[4811],{"type":47,"value":4812}," boolean",{"type":41,"tag":482,"props":4814,"children":4815},{"style":505},[4816],{"type":47,"value":544},{"type":41,"tag":482,"props":4818,"children":4819},{"class":484,"line":1399},[4820,4824,4828,4832],{"type":41,"tag":482,"props":4821,"children":4822},{"style":632},[4823],{"type":47,"value":4682},{"type":41,"tag":482,"props":4825,"children":4826},{"style":505},[4827],{"type":47,"value":3254},{"type":41,"tag":482,"props":4829,"children":4830},{"style":2870},[4831],{"type":47,"value":4812},{"type":41,"tag":482,"props":4833,"children":4834},{"style":505},[4835],{"type":47,"value":544},{"type":41,"tag":482,"props":4837,"children":4838},{"class":484,"line":1428},[4839,4843,4847,4851,4855,4860],{"type":41,"tag":482,"props":4840,"children":4841},{"style":632},[4842],{"type":47,"value":3206},{"type":41,"tag":482,"props":4844,"children":4845},{"style":505},[4846],{"type":47,"value":3254},{"type":41,"tag":482,"props":4848,"children":4849},{"style":2870},[4850],{"type":47,"value":4095},{"type":41,"tag":482,"props":4852,"children":4853},{"style":505},[4854],{"type":47,"value":2887},{"type":41,"tag":482,"props":4856,"children":4857},{"style":2870},[4858],{"type":47,"value":4859},"ViewStyle",{"type":41,"tag":482,"props":4861,"children":4862},{"style":505},[4863],{"type":47,"value":2905},{"type":41,"tag":482,"props":4865,"children":4866},{"class":484,"line":1444},[4867,4871,4875,4880,4885,4890],{"type":41,"tag":482,"props":4868,"children":4869},{"style":632},[4870],{"type":47,"value":4705},{"type":41,"tag":482,"props":4872,"children":4873},{"style":505},[4874],{"type":47,"value":3254},{"type":41,"tag":482,"props":4876,"children":4877},{"style":505},[4878],{"type":47,"value":4879}," ()",{"type":41,"tag":482,"props":4881,"children":4882},{"style":607},[4883],{"type":47,"value":4884}," =>",{"type":41,"tag":482,"props":4886,"children":4887},{"style":2870},[4888],{"type":47,"value":4889}," void",{"type":41,"tag":482,"props":4891,"children":4892},{"style":505},[4893],{"type":47,"value":544},{"type":41,"tag":482,"props":4895,"children":4896},{"class":484,"line":1453},[4897,4901],{"type":41,"tag":482,"props":4898,"children":4899},{"style":505},[4900],{"type":47,"value":3273},{"type":41,"tag":482,"props":4902,"children":4903},{"style":505},[4904],{"type":47,"value":625},{"type":41,"tag":482,"props":4906,"children":4907},{"class":484,"line":1482},[4908,4912],{"type":41,"tag":482,"props":4909,"children":4910},{"style":499},[4911],{"type":47,"value":1804},{"type":41,"tag":482,"props":4913,"children":4914},{"style":632},[4915],{"type":47,"value":4916}," (\n",{"type":41,"tag":482,"props":4918,"children":4920},{"class":484,"line":4919},34,[4921,4926],{"type":41,"tag":482,"props":4922,"children":4923},{"style":505},[4924],{"type":47,"value":4925},"    \u003C",{"type":41,"tag":482,"props":4927,"children":4928},{"style":2870},[4929],{"type":47,"value":4930},"Pressable\n",{"type":41,"tag":482,"props":4932,"children":4934},{"class":484,"line":4933},35,[4935,4940,4944,4948,4953],{"type":41,"tag":482,"props":4936,"children":4937},{"style":607},[4938],{"type":47,"value":4939},"      accessibilityRole",{"type":41,"tag":482,"props":4941,"children":4942},{"style":505},[4943],{"type":47,"value":620},{"type":41,"tag":482,"props":4945,"children":4946},{"style":505},[4947],{"type":47,"value":539},{"type":41,"tag":482,"props":4949,"children":4950},{"style":532},[4951],{"type":47,"value":4952},"button",{"type":41,"tag":482,"props":4954,"children":4955},{"style":505},[4956],{"type":47,"value":4957},"\"\n",{"type":41,"tag":482,"props":4959,"children":4961},{"class":484,"line":4960},36,[4962,4967,4971,4976,4981,4986],{"type":41,"tag":482,"props":4963,"children":4964},{"style":607},[4965],{"type":47,"value":4966},"      disabled",{"type":41,"tag":482,"props":4968,"children":4969},{"style":505},[4970],{"type":47,"value":3304},{"type":41,"tag":482,"props":4972,"children":4973},{"style":511},[4974],{"type":47,"value":4975},"disabled ",{"type":41,"tag":482,"props":4977,"children":4978},{"style":505},[4979],{"type":47,"value":4980},"||",{"type":41,"tag":482,"props":4982,"children":4983},{"style":511},[4984],{"type":47,"value":4985}," loading",{"type":41,"tag":482,"props":4987,"children":4988},{"style":505},[4989],{"type":47,"value":1889},{"type":41,"tag":482,"props":4991,"children":4993},{"class":484,"line":4992},37,[4994,4999,5003,5008],{"type":41,"tag":482,"props":4995,"children":4996},{"style":607},[4997],{"type":47,"value":4998},"      onPress",{"type":41,"tag":482,"props":5000,"children":5001},{"style":505},[5002],{"type":47,"value":3304},{"type":41,"tag":482,"props":5004,"children":5005},{"style":511},[5006],{"type":47,"value":5007},"onPress",{"type":41,"tag":482,"props":5009,"children":5010},{"style":505},[5011],{"type":47,"value":1889},{"type":41,"tag":482,"props":5013,"children":5015},{"class":484,"line":5014},38,[5016,5021,5026,5031,5036,5040],{"type":41,"tag":482,"props":5017,"children":5018},{"style":607},[5019],{"type":47,"value":5020},"      style",{"type":41,"tag":482,"props":5022,"children":5023},{"style":505},[5024],{"type":47,"value":5025},"={({",{"type":41,"tag":482,"props":5027,"children":5028},{"style":3174},[5029],{"type":47,"value":5030}," pressed",{"type":41,"tag":482,"props":5032,"children":5033},{"style":505},[5034],{"type":47,"value":5035}," })",{"type":41,"tag":482,"props":5037,"children":5038},{"style":607},[5039],{"type":47,"value":4884},{"type":41,"tag":482,"props":5041,"children":5042},{"style":511},[5043],{"type":47,"value":5044}," [\n",{"type":41,"tag":482,"props":5046,"children":5048},{"class":484,"line":5047},39,[5049],{"type":41,"tag":482,"props":5050,"children":5051},{"style":505},[5052],{"type":47,"value":5053},"        {\n",{"type":41,"tag":482,"props":5055,"children":5057},{"class":484,"line":5056},40,[5058,5063,5067,5072,5076,5081],{"type":41,"tag":482,"props":5059,"children":5060},{"style":632},[5061],{"type":47,"value":5062},"          backgroundColor",{"type":41,"tag":482,"props":5064,"children":5065},{"style":505},[5066],{"type":47,"value":640},{"type":41,"tag":482,"props":5068,"children":5069},{"style":511},[5070],{"type":47,"value":5071}," variants[variant]",{"type":41,"tag":482,"props":5073,"children":5074},{"style":505},[5075],{"type":47,"value":91},{"type":41,"tag":482,"props":5077,"children":5078},{"style":511},[5079],{"type":47,"value":5080},"backgroundColor",{"type":41,"tag":482,"props":5082,"children":5083},{"style":505},[5084],{"type":47,"value":704},{"type":41,"tag":482,"props":5086,"children":5088},{"class":484,"line":5087},41,[5089,5094,5098,5102,5106,5110],{"type":41,"tag":482,"props":5090,"children":5091},{"style":632},[5092],{"type":47,"value":5093},"          borderRadius",{"type":41,"tag":482,"props":5095,"children":5096},{"style":505},[5097],{"type":47,"value":640},{"type":41,"tag":482,"props":5099,"children":5100},{"style":511},[5101],{"type":47,"value":4152},{"type":41,"tag":482,"props":5103,"children":5104},{"style":505},[5105],{"type":47,"value":91},{"type":41,"tag":482,"props":5107,"children":5108},{"style":511},[5109],{"type":47,"value":3971},{"type":41,"tag":482,"props":5111,"children":5112},{"style":505},[5113],{"type":47,"value":704},{"type":41,"tag":482,"props":5115,"children":5117},{"class":484,"line":5116},42,[5118,5123,5127,5131,5136,5140],{"type":41,"tag":482,"props":5119,"children":5120},{"style":632},[5121],{"type":47,"value":5122},"          borderCurve",{"type":41,"tag":482,"props":5124,"children":5125},{"style":505},[5126],{"type":47,"value":640},{"type":41,"tag":482,"props":5128,"children":5129},{"style":505},[5130],{"type":47,"value":529},{"type":41,"tag":482,"props":5132,"children":5133},{"style":532},[5134],{"type":47,"value":5135},"continuous",{"type":41,"tag":482,"props":5137,"children":5138},{"style":505},[5139],{"type":47,"value":539},{"type":41,"tag":482,"props":5141,"children":5142},{"style":505},[5143],{"type":47,"value":704},{"type":41,"tag":482,"props":5145,"children":5147},{"class":484,"line":5146},43,[5148,5153,5157,5161,5166,5170],{"type":41,"tag":482,"props":5149,"children":5150},{"style":632},[5151],{"type":47,"value":5152},"          alignItems",{"type":41,"tag":482,"props":5154,"children":5155},{"style":505},[5156],{"type":47,"value":640},{"type":41,"tag":482,"props":5158,"children":5159},{"style":505},[5160],{"type":47,"value":529},{"type":41,"tag":482,"props":5162,"children":5163},{"style":532},[5164],{"type":47,"value":5165},"center",{"type":41,"tag":482,"props":5167,"children":5168},{"style":505},[5169],{"type":47,"value":539},{"type":41,"tag":482,"props":5171,"children":5172},{"style":505},[5173],{"type":47,"value":704},{"type":41,"tag":482,"props":5175,"children":5177},{"class":484,"line":5176},44,[5178,5183,5187,5192,5197,5202,5206,5211,5215,5220,5224,5229],{"type":41,"tag":482,"props":5179,"children":5180},{"style":632},[5181],{"type":47,"value":5182},"          opacity",{"type":41,"tag":482,"props":5184,"children":5185},{"style":505},[5186],{"type":47,"value":640},{"type":41,"tag":482,"props":5188,"children":5189},{"style":511},[5190],{"type":47,"value":5191}," disabled ",{"type":41,"tag":482,"props":5193,"children":5194},{"style":505},[5195],{"type":47,"value":5196},"?",{"type":41,"tag":482,"props":5198,"children":5199},{"style":2047},[5200],{"type":47,"value":5201}," 0.4",{"type":41,"tag":482,"props":5203,"children":5204},{"style":505},[5205],{"type":47,"value":1859},{"type":41,"tag":482,"props":5207,"children":5208},{"style":511},[5209],{"type":47,"value":5210}," pressed ",{"type":41,"tag":482,"props":5212,"children":5213},{"style":505},[5214],{"type":47,"value":5196},{"type":41,"tag":482,"props":5216,"children":5217},{"style":2047},[5218],{"type":47,"value":5219}," 0.7",{"type":41,"tag":482,"props":5221,"children":5222},{"style":505},[5223],{"type":47,"value":1859},{"type":41,"tag":482,"props":5225,"children":5226},{"style":2047},[5227],{"type":47,"value":5228}," 1",{"type":41,"tag":482,"props":5230,"children":5231},{"style":505},[5232],{"type":47,"value":704},{"type":41,"tag":482,"props":5234,"children":5236},{"class":484,"line":5235},45,[5237,5242,5247],{"type":41,"tag":482,"props":5238,"children":5239},{"style":505},[5240],{"type":47,"value":5241},"          ...",{"type":41,"tag":482,"props":5243,"children":5244},{"style":511},[5245],{"type":47,"value":5246},"sizes[size]",{"type":41,"tag":482,"props":5248,"children":5249},{"style":505},[5250],{"type":47,"value":704},{"type":41,"tag":482,"props":5252,"children":5254},{"class":484,"line":5253},46,[5255],{"type":41,"tag":482,"props":5256,"children":5257},{"style":505},[5258],{"type":47,"value":5259},"        },\n",{"type":41,"tag":482,"props":5261,"children":5263},{"class":484,"line":5262},47,[5264,5269,5273],{"type":41,"tag":482,"props":5265,"children":5266},{"style":511},[5267],{"type":47,"value":5268},"        style",{"type":41,"tag":482,"props":5270,"children":5271},{"style":505},[5272],{"type":47,"value":1619},{"type":41,"tag":482,"props":5274,"children":5275},{"style":489},[5276],{"type":47,"value":5277}," \u002F\u002F caller overrides merge last\n",{"type":41,"tag":482,"props":5279,"children":5281},{"class":484,"line":5280},48,[5282,5287],{"type":41,"tag":482,"props":5283,"children":5284},{"style":511},[5285],{"type":47,"value":5286},"      ]",{"type":41,"tag":482,"props":5288,"children":5289},{"style":505},[5290],{"type":47,"value":1889},{"type":41,"tag":482,"props":5292,"children":5294},{"class":484,"line":5293},49,[5295],{"type":41,"tag":482,"props":5296,"children":5297},{"style":505},[5298],{"type":47,"value":5299},"    >\n",{"type":41,"tag":482,"props":5301,"children":5303},{"class":484,"line":5302},50,[5304,5309,5314,5318],{"type":41,"tag":482,"props":5305,"children":5306},{"style":505},[5307],{"type":47,"value":5308},"      {",{"type":41,"tag":482,"props":5310,"children":5311},{"style":511},[5312],{"type":47,"value":5313},"loading ",{"type":41,"tag":482,"props":5315,"children":5316},{"style":505},[5317],{"type":47,"value":5196},{"type":41,"tag":482,"props":5319,"children":5320},{"style":511},[5321],{"type":47,"value":4916},{"type":41,"tag":482,"props":5323,"children":5325},{"class":484,"line":5324},51,[5326,5331,5336,5340,5344,5349,5353,5358,5363,5367],{"type":41,"tag":482,"props":5327,"children":5328},{"style":505},[5329],{"type":47,"value":5330},"        \u003C",{"type":41,"tag":482,"props":5332,"children":5333},{"style":2870},[5334],{"type":47,"value":5335},"ActivityIndicator",{"type":41,"tag":482,"props":5337,"children":5338},{"style":607},[5339],{"type":47,"value":2427},{"type":41,"tag":482,"props":5341,"children":5342},{"style":505},[5343],{"type":47,"value":3304},{"type":41,"tag":482,"props":5345,"children":5346},{"style":511},[5347],{"type":47,"value":5348},"variants[variant]",{"type":41,"tag":482,"props":5350,"children":5351},{"style":505},[5352],{"type":47,"value":91},{"type":41,"tag":482,"props":5354,"children":5355},{"style":511},[5356],{"type":47,"value":5357},"color ",{"type":41,"tag":482,"props":5359,"children":5360},{"style":499},[5361],{"type":47,"value":5362},"as",{"type":41,"tag":482,"props":5364,"children":5365},{"style":2870},[5366],{"type":47,"value":4792},{"type":41,"tag":482,"props":5368,"children":5369},{"style":505},[5370],{"type":47,"value":5371},"} \u002F>\n",{"type":41,"tag":482,"props":5373,"children":5375},{"class":484,"line":5374},52,[5376,5381,5385],{"type":41,"tag":482,"props":5377,"children":5378},{"style":511},[5379],{"type":47,"value":5380},"      ) ",{"type":41,"tag":482,"props":5382,"children":5383},{"style":505},[5384],{"type":47,"value":640},{"type":41,"tag":482,"props":5386,"children":5387},{"style":511},[5388],{"type":47,"value":4916},{"type":41,"tag":482,"props":5390,"children":5392},{"class":484,"line":5391},53,[5393,5397,5402,5406,5410,5414,5418,5422,5426,5431,5435,5439,5443,5447,5451],{"type":41,"tag":482,"props":5394,"children":5395},{"style":505},[5396],{"type":47,"value":5330},{"type":41,"tag":482,"props":5398,"children":5399},{"style":2870},[5400],{"type":47,"value":5401},"ThemedText",{"type":41,"tag":482,"props":5403,"children":5404},{"style":607},[5405],{"type":47,"value":3249},{"type":41,"tag":482,"props":5407,"children":5408},{"style":505},[5409],{"type":47,"value":620},{"type":41,"tag":482,"props":5411,"children":5412},{"style":505},[5413],{"type":47,"value":539},{"type":41,"tag":482,"props":5415,"children":5416},{"style":532},[5417],{"type":47,"value":2949},{"type":41,"tag":482,"props":5419,"children":5420},{"style":505},[5421],{"type":47,"value":539},{"type":41,"tag":482,"props":5423,"children":5424},{"style":607},[5425],{"type":47,"value":3299},{"type":41,"tag":482,"props":5427,"children":5428},{"style":505},[5429],{"type":47,"value":5430},"={{",{"type":41,"tag":482,"props":5432,"children":5433},{"style":632},[5434],{"type":47,"value":2427},{"type":41,"tag":482,"props":5436,"children":5437},{"style":505},[5438],{"type":47,"value":640},{"type":41,"tag":482,"props":5440,"children":5441},{"style":511},[5442],{"type":47,"value":5071},{"type":41,"tag":482,"props":5444,"children":5445},{"style":505},[5446],{"type":47,"value":91},{"type":41,"tag":482,"props":5448,"children":5449},{"style":511},[5450],{"type":47,"value":5357},{"type":41,"tag":482,"props":5452,"children":5453},{"style":505},[5454],{"type":47,"value":5455},"}}>\n",{"type":41,"tag":482,"props":5457,"children":5459},{"class":484,"line":5458},54,[5460,5465,5470],{"type":41,"tag":482,"props":5461,"children":5462},{"style":505},[5463],{"type":47,"value":5464},"          {",{"type":41,"tag":482,"props":5466,"children":5467},{"style":511},[5468],{"type":47,"value":5469},"title",{"type":41,"tag":482,"props":5471,"children":5472},{"style":505},[5473],{"type":47,"value":1889},{"type":41,"tag":482,"props":5475,"children":5477},{"class":484,"line":5476},55,[5478,5483,5487],{"type":41,"tag":482,"props":5479,"children":5480},{"style":505},[5481],{"type":47,"value":5482},"        \u003C\u002F",{"type":41,"tag":482,"props":5484,"children":5485},{"style":2870},[5486],{"type":47,"value":5401},{"type":41,"tag":482,"props":5488,"children":5489},{"style":505},[5490],{"type":47,"value":5491},">\n",{"type":41,"tag":482,"props":5493,"children":5495},{"class":484,"line":5494},56,[5496,5501],{"type":41,"tag":482,"props":5497,"children":5498},{"style":511},[5499],{"type":47,"value":5500},"      )",{"type":41,"tag":482,"props":5502,"children":5503},{"style":505},[5504],{"type":47,"value":1889},{"type":41,"tag":482,"props":5506,"children":5508},{"class":484,"line":5507},57,[5509,5514,5518],{"type":41,"tag":482,"props":5510,"children":5511},{"style":505},[5512],{"type":47,"value":5513},"    \u003C\u002F",{"type":41,"tag":482,"props":5515,"children":5516},{"style":2870},[5517],{"type":47,"value":4010},{"type":41,"tag":482,"props":5519,"children":5520},{"style":505},[5521],{"type":47,"value":5491},{"type":41,"tag":482,"props":5523,"children":5525},{"class":484,"line":5524},58,[5526,5531],{"type":41,"tag":482,"props":5527,"children":5528},{"style":632},[5529],{"type":47,"value":5530},"  )",{"type":41,"tag":482,"props":5532,"children":5533},{"style":505},[5534],{"type":47,"value":544},{"type":41,"tag":482,"props":5536,"children":5538},{"class":484,"line":5537},59,[5539],{"type":41,"tag":482,"props":5540,"children":5541},{"style":505},[5542],{"type":47,"value":1889},{"type":41,"tag":422,"props":5544,"children":5546},{"id":5545},"composition-over-configuration",[5547],{"type":47,"value":5548},"Composition over configuration",{"type":41,"tag":50,"props":5550,"children":5551},{},[5552,5554,5560,5562,5568,5569,5575,5576,5582,5583,5589,5591,5597,5599,5605,5607,5612,5614,5619],{"type":47,"value":5553},"When a component's props start describing ",{"type":41,"tag":5555,"props":5556,"children":5557},"em",{},[5558],{"type":47,"value":5559},"content",{"type":47,"value":5561}," (",{"type":41,"tag":69,"props":5563,"children":5565},{"className":5564},[],[5566],{"type":47,"value":5567},"leftIcon",{"type":47,"value":193},{"type":41,"tag":69,"props":5570,"children":5572},{"className":5571},[],[5573],{"type":47,"value":5574},"subtitle",{"type":47,"value":193},{"type":41,"tag":69,"props":5577,"children":5579},{"className":5578},[],[5580],{"type":47,"value":5581},"footerText",{"type":47,"value":193},{"type":41,"tag":69,"props":5584,"children":5586},{"className":5585},[],[5587],{"type":47,"value":5588},"badgeCount",{"type":47,"value":5590},"), stop adding props and accept ",{"type":41,"tag":69,"props":5592,"children":5594},{"className":5593},[],[5595],{"type":47,"value":5596},"children",{"type":47,"value":5598}," instead. A ",{"type":41,"tag":69,"props":5600,"children":5602},{"className":5601},[],[5603],{"type":47,"value":5604},"Card",{"type":47,"value":5606}," that renders ",{"type":41,"tag":69,"props":5608,"children":5610},{"className":5609},[],[5611],{"type":47,"value":5596},{"type":47,"value":5613}," with token padding outlives any ",{"type":41,"tag":69,"props":5615,"children":5617},{"className":5616},[],[5618],{"type":47,"value":5604},{"type":47,"value":5620}," with twelve content props. Reserve props for the contract above: variant, size, state, style.",{"type":41,"tag":422,"props":5622,"children":5624},{"id":5623},"when-to-extract-and-when-not-to",[5625],{"type":47,"value":5626},"When to extract - and when not to",{"type":41,"tag":50,"props":5628,"children":5629},{},[5630,5632,5637,5639,5644],{"type":47,"value":5631},"Promote a view into ",{"type":41,"tag":69,"props":5633,"children":5635},{"className":5634},[],[5636],{"type":47,"value":3888},{"type":47,"value":5638}," when ",{"type":41,"tag":78,"props":5640,"children":5641},{},[5642],{"type":47,"value":5643},"all",{"type":47,"value":5645}," of these hold:",{"type":41,"tag":158,"props":5647,"children":5648},{},[5649,5674,5686],{"type":41,"tag":65,"props":5650,"children":5651},{},[5652,5654,5659,5661,5667,5668,5673],{"type":47,"value":5653},"It appears (or is about to appear) in ",{"type":41,"tag":78,"props":5655,"children":5656},{},[5657],{"type":47,"value":5658},"two or more screens",{"type":47,"value":5660},". Until then it stays colocated in ",{"type":41,"tag":69,"props":5662,"children":5664},{"className":5663},[],[5665],{"type":47,"value":5666},"screens\u002F\u003Cname>\u002F",{"type":47,"value":3890},{"type":41,"tag":69,"props":5669,"children":5671},{"className":5670},[],[5672],{"type":47,"value":119},{"type":47,"value":3527},{"type":41,"tag":65,"props":5675,"children":5676},{},[5677,5679,5684],{"type":47,"value":5678},"It has a ",{"type":41,"tag":78,"props":5680,"children":5681},{},[5682],{"type":47,"value":5683},"nameable role",{"type":47,"value":5685}," (\"Card\", \"EmptyState\", \"Badge\") - not \"the thing on the profile screen\".",{"type":41,"tag":65,"props":5687,"children":5688},{},[5689,5691,5696],{"type":47,"value":5690},"Its API is ",{"type":41,"tag":78,"props":5692,"children":5693},{},[5694],{"type":47,"value":5695},"smaller than its implementation",{"type":47,"value":5697},". If the props would just re-expose every internal style, it isn't a reusable component yet - it's a screen fragment.",{"type":41,"tag":50,"props":5699,"children":5700},{},[5701,5703,5708,5710,5715],{"type":47,"value":5702},"Promotion path: inline JSX → component in ",{"type":41,"tag":69,"props":5704,"children":5706},{"className":5705},[],[5707],{"type":47,"value":5666},{"type":47,"value":5709}," → ",{"type":41,"tag":69,"props":5711,"children":5713},{"className":5712},[],[5714],{"type":47,"value":3888},{"type":47,"value":5716},". Move one step at a time, when the trigger fires - never speculatively. Wrong abstractions cost more than duplication; a second copy of a view is cheaper than a primitive with a bad API.",{"type":41,"tag":50,"props":5718,"children":5719},{},[5720,5722,5727,5729,5735,5736,5742,5744,5750,5752,5757],{"type":47,"value":5721},"Do ",{"type":41,"tag":78,"props":5723,"children":5724},{},[5725],{"type":47,"value":5726},"not",{"type":47,"value":5728}," wrap platform components that already carry the design language (",{"type":41,"tag":69,"props":5730,"children":5732},{"className":5731},[],[5733],{"type":47,"value":5734},"Switch",{"type":47,"value":193},{"type":41,"tag":69,"props":5737,"children":5739},{"className":5738},[],[5740],{"type":47,"value":5741},"DateTimePicker",{"type":47,"value":5743},", stack headers, ",{"type":41,"tag":69,"props":5745,"children":5747},{"className":5746},[],[5748],{"type":47,"value":5749},"@expo\u002Fui",{"type":47,"value":5751}," views) just to route them through the system. Native styling ",{"type":41,"tag":5555,"props":5753,"children":5754},{},[5755],{"type":47,"value":5756},"is",{"type":47,"value":5758}," the design system for those.",{"type":41,"tag":123,"props":5760,"children":5762},{"id":5761},"where-decisions-live",[5763],{"type":47,"value":5764},"Where Decisions Live",{"type":41,"tag":5766,"props":5767,"children":5768},"table",{},[5769,5793],{"type":41,"tag":5770,"props":5771,"children":5772},"thead",{},[5773],{"type":41,"tag":5774,"props":5775,"children":5776},"tr",{},[5777,5783,5788],{"type":41,"tag":5778,"props":5779,"children":5780},"th",{},[5781],{"type":47,"value":5782},"Decision",{"type":41,"tag":5778,"props":5784,"children":5785},{},[5786],{"type":47,"value":5787},"Lives in",{"type":41,"tag":5778,"props":5789,"children":5790},{},[5791],{"type":47,"value":5792},"Example",{"type":41,"tag":5794,"props":5795,"children":5796},"tbody",{},[5797,5819,5840,5861,5879],{"type":41,"tag":5774,"props":5798,"children":5799},{},[5800,5806,5814],{"type":41,"tag":5801,"props":5802,"children":5803},"td",{},[5804],{"type":47,"value":5805},"A visual value used anywhere twice",{"type":41,"tag":5801,"props":5807,"children":5808},{},[5809],{"type":41,"tag":69,"props":5810,"children":5812},{"className":5811},[],[5813],{"type":47,"value":199},{"type":41,"tag":5801,"props":5815,"children":5816},{},[5817],{"type":47,"value":5818},"brand accent, spacing step",{"type":41,"tag":5774,"props":5820,"children":5821},{},[5822,5827,5835],{"type":41,"tag":5801,"props":5823,"children":5824},{},[5825],{"type":47,"value":5826},"Structure + variants of a reused element",{"type":41,"tag":5801,"props":5828,"children":5829},{},[5830],{"type":41,"tag":69,"props":5831,"children":5833},{"className":5832},[],[5834],{"type":47,"value":3888},{"type":41,"tag":5801,"props":5836,"children":5837},{},[5838],{"type":47,"value":5839},"Button, Card, EmptyState",{"type":41,"tag":5774,"props":5841,"children":5842},{},[5843,5848,5856],{"type":41,"tag":5801,"props":5844,"children":5845},{},[5846],{"type":47,"value":5847},"One screen's private composition",{"type":41,"tag":5801,"props":5849,"children":5850},{},[5851],{"type":41,"tag":69,"props":5852,"children":5854},{"className":5853},[],[5855],{"type":47,"value":5666},{"type":41,"tag":5801,"props":5857,"children":5858},{},[5859],{"type":47,"value":5860},"profile header layout",{"type":41,"tag":5774,"props":5862,"children":5863},{},[5864,5869,5874],{"type":41,"tag":5801,"props":5865,"children":5866},{},[5867],{"type":47,"value":5868},"One-off local adjustment",{"type":41,"tag":5801,"props":5870,"children":5871},{},[5872],{"type":47,"value":5873},"inline, with a comment",{"type":41,"tag":5801,"props":5875,"children":5876},{},[5877],{"type":47,"value":5878},"optical nudge on an icon",{"type":41,"tag":5774,"props":5880,"children":5881},{},[5882,5887,5892],{"type":41,"tag":5801,"props":5883,"children":5884},{},[5885],{"type":47,"value":5886},"Screen titles, top-level chrome",{"type":41,"tag":5801,"props":5888,"children":5889},{},[5890],{"type":47,"value":5891},"navigation stack options",{"type":41,"tag":5801,"props":5893,"children":5894},{},[5895],{"type":47,"value":5896},"header title, large title",{"type":41,"tag":123,"props":5898,"children":5900},{"id":5899},"self-critique-pass",[5901],{"type":47,"value":5902},"Self-Critique Pass",{"type":41,"tag":50,"props":5904,"children":5905},{},[5906,5908,5917],{"type":47,"value":5907},"After building or changing a screen, screenshot it and check it against these principles (from ",{"type":41,"tag":5909,"props":5910,"children":5914},"a",{"href":5911,"rel":5912},"https:\u002F\u002Fexpo.dev\u002Fblog\u002Fhow-to-apply-professional-design-principles-in-ai-app-development",[5913],"nofollow",[5915],{"type":47,"value":5916},"Expo's design-principles guide",{"type":47,"value":5918},"). Each one maps to a system fix, not a local tweak:",{"type":41,"tag":61,"props":5920,"children":5921},{},[5922,5939,5956,5966],{"type":41,"tag":65,"props":5923,"children":5924},{},[5925,5930,5932,5937],{"type":41,"tag":78,"props":5926,"children":5927},{},[5928],{"type":47,"value":5929},"Hierarchy \u002F contrast",{"type":47,"value":5931}," - is the most important element obviously first? Fix with ",{"type":41,"tag":69,"props":5933,"children":5935},{"className":5934},[],[5936],{"type":47,"value":1965},{"type":47,"value":5938}," ramp steps, not ad-hoc font sizes.",{"type":41,"tag":65,"props":5940,"children":5941},{},[5942,5947,5949,5954],{"type":41,"tag":78,"props":5943,"children":5944},{},[5945],{"type":47,"value":5946},"Proximity \u002F white space",{"type":47,"value":5948}," - do related items sit closer than unrelated ones? Fix with ",{"type":41,"tag":69,"props":5950,"children":5952},{"className":5951},[],[5953],{"type":47,"value":2192},{"type":47,"value":5955}," + spacing tokens.",{"type":41,"tag":65,"props":5957,"children":5958},{},[5959,5964],{"type":41,"tag":78,"props":5960,"children":5961},{},[5962],{"type":47,"value":5963},"Repetition \u002F unity",{"type":47,"value":5965}," - do all corners, shadows, and accents match? If not, a value escaped the theme - move it in.",{"type":41,"tag":65,"props":5967,"children":5968},{},[5969,5974],{"type":41,"tag":78,"props":5970,"children":5971},{},[5972],{"type":47,"value":5973},"Alignment",{"type":47,"value":5975}," - do edges share axes? Fix with consistent screen edge padding.",{"type":41,"tag":50,"props":5977,"children":5978},{},[5979],{"type":47,"value":5980},"The pass is complete only when all four checks pass, or every failing value has moved into the theme or a component. If a screen fails the same check twice, the fix belongs in the theme or a component - not in the screen.",{"type":41,"tag":123,"props":5982,"children":5984},{"id":5983},"auditing-an-existing-app",[5985],{"type":47,"value":5986},"Auditing an Existing App",{"type":41,"tag":50,"props":5988,"children":5989},{},[5990,5992,5998],{"type":47,"value":5991},"To measure drift in an app that already has screens - hardcoded hex values, arbitrary spacing, inconsistent component APIs - follow ",{"type":41,"tag":69,"props":5993,"children":5995},{"className":5994},[],[5996],{"type":47,"value":5997},".\u002Freferences\u002Faudit.md",{"type":47,"value":5999},". It contains grep-based checks, a scoring rubric, an incremental adoption order for fixing a drifted app, and templates for documenting existing components and proposing new ones.",{"type":41,"tag":123,"props":6001,"children":6003},{"id":6002},"submitting-feedback",[6004],{"type":47,"value":6005},"Submitting Feedback",{"type":41,"tag":50,"props":6007,"children":6008},{},[6009],{"type":47,"value":6010},"If you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:",{"type":41,"tag":135,"props":6012,"children":6016},{"className":6013,"code":6014,"language":6015,"meta":143,"style":143},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx --yes submit-expo-feedback@latest --category skills --subject \"expo-design-system\" \"\u003Cactionable feedback>\"\n","bash",[6017],{"type":41,"tag":69,"props":6018,"children":6019},{"__ignoreMap":143},[6020],{"type":41,"tag":482,"props":6021,"children":6022},{"class":484,"line":485},[6023,6028,6033,6038,6043,6048,6053,6057,6061,6065,6069,6074],{"type":41,"tag":482,"props":6024,"children":6025},{"style":2870},[6026],{"type":47,"value":6027},"npx",{"type":41,"tag":482,"props":6029,"children":6030},{"style":532},[6031],{"type":47,"value":6032}," --yes",{"type":41,"tag":482,"props":6034,"children":6035},{"style":532},[6036],{"type":47,"value":6037}," submit-expo-feedback@latest",{"type":41,"tag":482,"props":6039,"children":6040},{"style":532},[6041],{"type":47,"value":6042}," --category",{"type":41,"tag":482,"props":6044,"children":6045},{"style":532},[6046],{"type":47,"value":6047}," skills",{"type":41,"tag":482,"props":6049,"children":6050},{"style":532},[6051],{"type":47,"value":6052}," --subject",{"type":41,"tag":482,"props":6054,"children":6055},{"style":505},[6056],{"type":47,"value":529},{"type":41,"tag":482,"props":6058,"children":6059},{"style":532},[6060],{"type":47,"value":4},{"type":41,"tag":482,"props":6062,"children":6063},{"style":505},[6064],{"type":47,"value":539},{"type":41,"tag":482,"props":6066,"children":6067},{"style":505},[6068],{"type":47,"value":529},{"type":41,"tag":482,"props":6070,"children":6071},{"style":532},[6072],{"type":47,"value":6073},"\u003Cactionable feedback>",{"type":41,"tag":482,"props":6075,"children":6076},{"style":505},[6077],{"type":47,"value":4957},{"type":41,"tag":50,"props":6079,"children":6080},{},[6081],{"type":47,"value":6082},"Only submit when you have something specific and actionable to report. Include as much relevant context as possible.\nIf an AI agent repeatedly failed or the user had to take over an Expo task, load the expo-skill-feedback skill and follow its eval-candidate flow instead of reusing the command above.",{"type":41,"tag":4028,"props":6084,"children":6085},{},[6086],{"type":47,"value":6087},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":6089,"total":1268},[6090,6108,6123,6136,6150,6164,6182,6193,6208,6226,6233,6248],{"slug":6091,"name":6091,"fn":6092,"description":6093,"org":6094,"tags":6095,"stars":23,"repoUrl":24,"updatedAt":6107},"eas-app-stores","deploy and submit Expo apps to stores","EAS service (paid). Deploy Expo apps to the app stores with EAS - build and submit to the iOS App Store, Google Play Store, and TestFlight, configure eas.json build and submit profiles, manage app versions and build numbers, and publish App Store metadata and ASO. Use whenever the user wants to deploy, release, or ship an app to production or the app stores, is preparing a production build, running eas build or eas submit, shipping to TestFlight, bumping version or build numbers, or setting up store listing metadata. For deploying an Expo website or API routes, use the eas-hosting skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6096,6098,6101,6102,6104],{"name":6097,"slug":730,"type":15},"Android",{"name":6099,"slug":6100,"type":15},"Deployment","deployment",{"name":9,"slug":8,"type":15},{"name":6103,"slug":690,"type":15},"iOS",{"name":6105,"slug":6106,"type":15},"Mobile","mobile","2026-08-06T05:38:27.496958",{"slug":6109,"name":6109,"fn":6110,"description":6111,"org":6112,"tags":6113,"stars":23,"repoUrl":24,"updatedAt":6122},"eas-hosting","deploy Expo websites to EAS Hosting","EAS service (paid). Deploy Expo websites and Expo Router API routes to EAS Hosting - export the web bundle, run eas deploy for production and PR preview URLs, manage environment secrets and custom domains, and work within the Cloudflare Workers runtime. Also covers authoring API routes (+api.ts handlers, HTTP methods, request handling, CORS). Use when deploying an Expo web app or API routes, setting up EAS Hosting, or configuring hosting environments and domains. Not for native builds or store releases - use the eas-app-stores skill for those.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6114,6115,6116,6119],{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6117,"slug":6118,"type":15},"Frontend","frontend",{"name":6120,"slug":6121,"type":15},"Web Development","web-development","2026-08-06T05:38:23.520822",{"slug":6124,"name":6124,"fn":6125,"description":6126,"org":6127,"tags":6128,"stars":23,"repoUrl":24,"updatedAt":6135},"eas-observe","configure EAS Observe for Expo apps","EAS service (paid). Use for anything related to EAS Observe - adding `expo-observe` to an Expo project (AppMetricsRoot\u002FObserveRoot HOC, markInteractive and ObserveInteractiveMarker, the useObserve hook, the Expo Router \u002F React Navigation integrations for per-route metrics, user-defined events via `Observe.logEvent`, error reporting via ObserveErrorBoundary and `Observe.reportError`, and runtime config such as sampleRate and dispatchInDebug), querying via the EAS CLI (`eas observe:metrics-summary`, `observe:metrics`, `observe:routes`, `observe:events`, `observe:session`, `observe:versions`), interpreting the resulting metrics (cold\u002Fwarm launch, TTR, TTI, navigation cold\u002Fwarm TTR, update download, and the TTI frameRate\u002Fdevice\u002Fnetwork params for triaging slow startups), or shipping an Observe integration inside a third-party package.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6129,6130,6131,6134],{"name":9,"slug":8,"type":15},{"name":6105,"slug":6106,"type":15},{"name":6132,"slug":6133,"type":15},"Observability","observability",{"name":13,"slug":14,"type":15},"2026-08-16T03:31:47.802249",{"slug":6137,"name":6137,"fn":6138,"description":6139,"org":6140,"tags":6141,"stars":23,"repoUrl":24,"updatedAt":6149},"eas-simulator","run and control remote iOS and Android simulators","EAS service (paid). Run and control a user's app on a remote iOS\u002FAndroid simulator hosted on EAS cloud. Read before running any `eas simulator:*` commands - it has the current syntax for this experimental API. Use whenever the user needs a simulator they can't run locally - 'run my app on a cloud simulator', 'use eas simulator to run\u002Finstall\u002Fscreenshot my app', 'I'm on Linux\u002FCursor and need an iOS device', 'no sim on this box \u002F headless CI', 'let an agent click through my app and screenshot it', 'test my dev build on a remote sim with live reload', 'stream a sim to my browser' - even when they don't say 'EAS Simulator' or 'cloud'. On a host WITHOUT a local simulator (Linux, CI, cloud sandbox) it's the default; on macOS, do NOT auto-trigger for a plain 'run on the simulator' - use it only for a cloud\u002Fremote\u002Fshareable sim, an iOS version they lack, or an agent-driven session. NOT for local sims (expo run:ios, Xcode, Android Studio), EAS Build\u002FUpdate, web preview, or physical devices.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6142,6143,6146,6147,6148],{"name":6097,"slug":730,"type":15},{"name":6144,"slug":6145,"type":15},"CLI","cli",{"name":9,"slug":8,"type":15},{"name":6103,"slug":690,"type":15},{"name":6105,"slug":6106,"type":15},"2026-08-06T05:38:35.510759",{"slug":6151,"name":6151,"fn":6152,"description":6153,"org":6154,"tags":6155,"stars":23,"repoUrl":24,"updatedAt":6163},"eas-update-insights","check health of EAS Updates","EAS service (paid). Check the health of published EAS Update: crash rates, install\u002Flaunch counts, unique users, payload size, and the split between embedded and OTA users per channel. Use when the user asks how an update is performing, whether a rollout is healthy, how many users are on the embedded build vs OTA, or wants to gate CI on update health.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6156,6159,6160,6161,6162],{"name":6157,"slug":6158,"type":15},"Analytics","analytics",{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6105,"slug":6106,"type":15},{"name":6132,"slug":6133,"type":15},"2026-08-06T05:38:33.530661",{"slug":6165,"name":6165,"fn":6166,"description":6167,"org":6168,"tags":6169,"stars":23,"repoUrl":24,"updatedAt":6181},"eas-workflows","configure EAS workflows for Expo projects","EAS service (paid). Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI\u002FCD or workflows in an Expo or EAS context, mentions .eas\u002Fworkflows\u002F, or wants help with EAS build pipelines or deployment automation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6170,6173,6176,6177,6178],{"name":6171,"slug":6172,"type":15},"Automation","automation",{"name":6174,"slug":6175,"type":15},"CI\u002FCD","ci-cd",{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6179,"slug":6180,"type":15},"YAML","yaml","2026-08-16T03:31:46.821054",{"slug":6183,"name":6183,"fn":6184,"description":6185,"org":6186,"tags":6187,"stars":23,"repoUrl":24,"updatedAt":6192},"expo-app-clip","add iOS App Clip targets to Expo","Framework (OSS). Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6188,6189,6190,6191],{"name":9,"slug":8,"type":15},{"name":6103,"slug":690,"type":15},{"name":6105,"slug":6106,"type":15},{"name":13,"slug":14,"type":15},"2026-08-06T05:38:29.493721",{"slug":6194,"name":6194,"fn":6195,"description":6196,"org":6197,"tags":6198,"stars":23,"repoUrl":24,"updatedAt":6207},"expo-brownfield","integrate Expo and React Native into native apps","Framework (OSS). Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a native app, AAR\u002FXCFramework, or adding Expo to an existing Kotlin\u002FSwift project. Covers both the isolated approach and the integrated approach.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6199,6200,6201,6204,6205,6206],{"name":6097,"slug":730,"type":15},{"name":9,"slug":8,"type":15},{"name":6202,"slug":6203,"type":15},"Integrations","integrations",{"name":6103,"slug":690,"type":15},{"name":6105,"slug":6106,"type":15},{"name":13,"slug":14,"type":15},"2026-08-06T05:38:22.505099",{"slug":6209,"name":6209,"fn":6210,"description":6211,"org":6212,"tags":6213,"stars":23,"repoUrl":24,"updatedAt":6225},"expo-data-fetching","fetch and manage data in Expo apps","Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6214,6217,6220,6221,6222],{"name":6215,"slug":6216,"type":15},"API Development","api-development",{"name":6218,"slug":6219,"type":15},"Caching","caching",{"name":9,"slug":8,"type":15},{"name":6105,"slug":6106,"type":15},{"name":6223,"slug":6224,"type":15},"React","react","2026-08-06T05:38:25.502479",{"slug":4,"name":4,"fn":5,"description":6,"org":6227,"tags":6228,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6229,6230,6231,6232],{"name":18,"slug":19,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},{"name":21,"slug":22,"type":15},{"slug":6234,"name":6234,"fn":6235,"description":6236,"org":6237,"tags":6238,"stars":23,"repoUrl":24,"updatedAt":6247},"expo-dev-client","build and distribute Expo development clients","Framework (OSS). Build and distribute Expo development clients locally or via TestFlight for internal testing. For production TestFlight releases and store submission, use the eas-app-stores skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6239,6240,6241,6242,6243,6246],{"name":6097,"slug":730,"type":15},{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6103,"slug":690,"type":15},{"name":6244,"slug":6245,"type":15},"Local Development","local-development",{"name":6105,"slug":6106,"type":15},"2026-08-06T05:38:34.517484",{"slug":6249,"name":6249,"fn":6250,"description":6251,"org":6252,"tags":6253,"stars":23,"repoUrl":24,"updatedAt":6258},"expo-dom","run web components in native apps","Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migration of a whole web app, use the expo-web-to-native skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6254,6255,6256,6257],{"name":9,"slug":8,"type":15},{"name":6117,"slug":6118,"type":15},{"name":6105,"slug":6106,"type":15},{"name":13,"slug":14,"type":15},"2026-08-06T05:38:24.50326",{"items":6260,"total":1194},[6261,6269,6276,6283,6291,6299,6307],{"slug":6091,"name":6091,"fn":6092,"description":6093,"org":6262,"tags":6263,"stars":23,"repoUrl":24,"updatedAt":6107},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6264,6265,6266,6267,6268],{"name":6097,"slug":730,"type":15},{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6103,"slug":690,"type":15},{"name":6105,"slug":6106,"type":15},{"slug":6109,"name":6109,"fn":6110,"description":6111,"org":6270,"tags":6271,"stars":23,"repoUrl":24,"updatedAt":6122},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6272,6273,6274,6275],{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6117,"slug":6118,"type":15},{"name":6120,"slug":6121,"type":15},{"slug":6124,"name":6124,"fn":6125,"description":6126,"org":6277,"tags":6278,"stars":23,"repoUrl":24,"updatedAt":6135},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6279,6280,6281,6282],{"name":9,"slug":8,"type":15},{"name":6105,"slug":6106,"type":15},{"name":6132,"slug":6133,"type":15},{"name":13,"slug":14,"type":15},{"slug":6137,"name":6137,"fn":6138,"description":6139,"org":6284,"tags":6285,"stars":23,"repoUrl":24,"updatedAt":6149},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6286,6287,6288,6289,6290],{"name":6097,"slug":730,"type":15},{"name":6144,"slug":6145,"type":15},{"name":9,"slug":8,"type":15},{"name":6103,"slug":690,"type":15},{"name":6105,"slug":6106,"type":15},{"slug":6151,"name":6151,"fn":6152,"description":6153,"org":6292,"tags":6293,"stars":23,"repoUrl":24,"updatedAt":6163},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6294,6295,6296,6297,6298],{"name":6157,"slug":6158,"type":15},{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6105,"slug":6106,"type":15},{"name":6132,"slug":6133,"type":15},{"slug":6165,"name":6165,"fn":6166,"description":6167,"org":6300,"tags":6301,"stars":23,"repoUrl":24,"updatedAt":6181},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6302,6303,6304,6305,6306],{"name":6171,"slug":6172,"type":15},{"name":6174,"slug":6175,"type":15},{"name":6099,"slug":6100,"type":15},{"name":9,"slug":8,"type":15},{"name":6179,"slug":6180,"type":15},{"slug":6183,"name":6183,"fn":6184,"description":6185,"org":6308,"tags":6309,"stars":23,"repoUrl":24,"updatedAt":6192},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6310,6311,6312,6313],{"name":9,"slug":8,"type":15},{"name":6103,"slug":690,"type":15},{"name":6105,"slug":6106,"type":15},{"name":13,"slug":14,"type":15}]