[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-openai-building-native-ui":3,"mdc--ik3zf0-key":36,"related-repo-openai-building-native-ui":3716,"related-org-openai-building-native-ui":3836},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"building-native-ui","build native UIs with Expo Router","Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"openai","OpenAI","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fopenai.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Expo","expo","tag",{"name":17,"slug":18,"type":15},"Mobile","mobile",{"name":20,"slug":21,"type":15},"Frontend","frontend",{"name":23,"slug":24,"type":15},"Design","design",3992,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins","2026-04-17T05:07:20.109136","MIT",465,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"OpenAI Plugins","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins\u002Ftree\u002FHEAD\u002Fplugins\u002Fexpo\u002Fskills\u002Fbuilding-native-ui","---\nname: building-native-ui\ndescription: Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.\nversion: 1.0.1\nlicense: MIT\n---\n\n# Expo UI Guidelines\n\n## References\n\nConsult these resources as needed:\n\n```\nreferences\u002F\n  animations.md          Reanimated: entering, exiting, layout, scroll-driven, gestures\n  controls.md            Native iOS: Switch, Slider, SegmentedControl, DateTimePicker, Picker\n  form-sheet.md          Form sheets in expo-router: configuration, footers and background interaction.\n  gradients.md           CSS gradients via experimental_backgroundImage (New Arch only)\n  icons.md               SF Symbols via expo-image (sf: source), names, animations, weights\n  media.md               Camera, audio, video, and file saving\n  route-structure.md     Route conventions, dynamic routes, groups, folder organization\n  search.md              Search bar with headers, useSearch hook, filtering patterns\n  storage.md             SQLite, AsyncStorage, SecureStore\n  tabs.md                NativeTabs, migration from JS tabs, iOS 26 features\n  toolbar-and-headers.md Stack headers and toolbar buttons, menus, search (iOS only)\n  visual-effects.md      Blur (expo-blur) and liquid glass (expo-glass-effect)\n  webgpu-three.md        3D graphics, games, GPU visualizations with WebGPU and Three.js\n  zoom-transitions.md    Apple Zoom: fluid zoom transitions with Link.AppleZoom (iOS 18+)\n```\n\n## Running the App\n\n**CRITICAL: Always try Expo Go first before creating custom builds.**\n\nMost Expo apps work in Expo Go without any custom native code. Before running `npx expo run:ios` or `npx expo run:android`:\n\n1. **Start with Expo Go**: Run `npx expo start` and scan the QR code with Expo Go\n2. **Check if features work**: Test your app thoroughly in Expo Go\n3. **Only create custom builds when required** - see below\n\n### When Custom Builds Are Required\n\nYou need `npx expo run:ios\u002Fandroid` or `eas build` ONLY when using:\n\n- **Local Expo modules** (custom native code in `modules\u002F`)\n- **Apple targets** (widgets, app clips, extensions via `@bacons\u002Fapple-targets`)\n- **Third-party native modules** not included in Expo Go\n- **Custom native configuration** that can't be expressed in `app.json`\n\n### When Expo Go Works\n\nExpo Go supports a huge range of features out of the box:\n\n- All `expo-*` packages (camera, location, notifications, etc.)\n- Expo Router navigation\n- Most UI libraries (reanimated, gesture handler, etc.)\n- Push notifications, deep links, and more\n\n**If you're unsure, try Expo Go first.** Creating custom builds adds complexity, slower iteration, and requires Xcode\u002FAndroid Studio setup.\n\n## Code Style\n\n- Be cautious of unterminated strings. Ensure nested backticks are escaped; never forget to escape quotes correctly.\n- Always use import statements at the top of the file.\n- Always use kebab-case for file names, e.g. `comment-card.tsx`\n- Always remove old route files when moving or restructuring navigation\n- Never use special characters in file names\n- Configure tsconfig.json with path aliases, and prefer aliases over relative imports for refactors.\n\n## Routes\n\nSee `.\u002Freferences\u002Froute-structure.md` for detailed route conventions.\n\n- Routes belong in the `app` directory.\n- Never co-locate components, types, or utilities in the app directory. This is an anti-pattern.\n- Ensure the app always has a route that matches \"\u002F\", it may be inside a group route.\n\n## Library Preferences\n\n- Never use modules removed from React Native such as Picker, WebView, SafeAreaView, or AsyncStorage\n- Never use legacy expo-permissions\n- `expo-audio` not `expo-av`\n- `expo-video` not `expo-av`\n- `expo-image` with `source=\"sf:name\"` for SF Symbols, not `expo-symbols` or `@expo\u002Fvector-icons`\n- `react-native-safe-area-context` not react-native SafeAreaView\n- `process.env.EXPO_OS` not `Platform.OS`\n- `React.use` not `React.useContext`\n- `expo-image` Image component instead of intrinsic element `img`\n- `expo-glass-effect` for liquid glass backdrops\n\n## Responsiveness\n\n- Always wrap root component in a scroll view for responsiveness\n- Use `\u003CScrollView contentInsetAdjustmentBehavior=\"automatic\" \u002F>` instead of `\u003CSafeAreaView>` for smarter safe area insets\n- `contentInsetAdjustmentBehavior=\"automatic\"` should be applied to FlatList and SectionList as well\n- Use flexbox instead of Dimensions API\n- ALWAYS prefer `useWindowDimensions` over `Dimensions.get()` to measure screen size\n\n## Behavior\n\n- Use expo-haptics conditionally on iOS to make more delightful experiences\n- Use views with built-in haptics like `\u003CSwitch \u002F>` from React Native and `@react-native-community\u002Fdatetimepicker`\n- When a route belongs to a Stack, its first child should almost always be a ScrollView with `contentInsetAdjustmentBehavior=\"automatic\"` set\n- When adding a `ScrollView` to the page it should almost always be the first component inside the route component\n- Prefer `headerSearchBarOptions` in Stack.Screen options to add a search bar\n- Use the `\u003CText selectable \u002F>` prop on text containing data that could be copied\n- Consider formatting large numbers like 1.4M or 38k\n- Never use intrinsic elements like 'img' or 'div' unless in a webview or Expo DOM component\n\n# Styling\n\nFollow Apple Human Interface Guidelines.\n\n## General Styling Rules\n\n- Prefer flex gap over margin and padding styles\n- Prefer padding over margin where possible\n- Always account for safe area, either with stack headers, tabs, or ScrollView\u002FFlatList `contentInsetAdjustmentBehavior=\"automatic\"`\n- Ensure both top and bottom safe area insets are accounted for\n- Inline styles not StyleSheet.create unless reusing styles is faster\n- Add entering and exiting animations for state changes\n- Use `{ borderCurve: 'continuous' }` for rounded corners unless creating a capsule shape\n- ALWAYS use a navigation stack title instead of a custom text element on the page\n- When padding a ScrollView, use `contentContainerStyle` padding and gap instead of padding on the ScrollView itself (reduces clipping)\n- CSS and Tailwind are not supported - use inline styles\n\n## Text Styling\n\n- Add the `selectable` prop to every `\u003CText\u002F>` element displaying important data or error messages\n- Counters should use `{ fontVariant: 'tabular-nums' }` for alignment\n\n## Shadows\n\nUse CSS `boxShadow` style prop. NEVER use legacy React Native shadow or elevation styles.\n\n```tsx\n\u003CView style={{ boxShadow: \"0 1px 2px rgba(0, 0, 0, 0.05)\" }} \u002F>\n```\n\n'inset' shadows are supported.\n\n# Navigation\n\n## Link\n\nUse `\u003CLink href=\"\u002Fpath\" \u002F>` from 'expo-router' for navigation between routes.\n\n```tsx\nimport { Link } from 'expo-router';\n\n\u002F\u002F Basic link\n\u003CLink href=\"\u002Fpath\" \u002F>\n\n\u002F\u002F Wrapping custom components\n\u003CLink href=\"\u002Fpath\" asChild>\n  \u003CPressable>...\u003C\u002FPressable>\n\u003C\u002FLink>\n```\n\nWhenever possible, include a `\u003CLink.Preview>` to follow iOS conventions. Add context menus and previews frequently to enhance navigation.\n\n## Stack\n\n- ALWAYS use `_layout.tsx` files to define stacks\n- Use Stack from 'expo-router\u002Fstack' for native navigation stacks\n\n### Page Title\n\nSet the page title in Stack.Screen options:\n\n```tsx\n\u003CStack.Screen options={{ title: \"Home\" }} \u002F>\n```\n\n## Context Menus\n\nAdd long press context menus to Link components:\n\n```tsx\nimport { Link } from \"expo-router\";\n\n\u003CLink href=\"\u002Fsettings\" asChild>\n  \u003CLink.Trigger>\n    \u003CPressable>\n      \u003CCard \u002F>\n    \u003C\u002FPressable>\n  \u003C\u002FLink.Trigger>\n  \u003CLink.Menu>\n    \u003CLink.MenuAction\n      title=\"Share\"\n      icon=\"square.and.arrow.up\"\n      onPress={handleSharePress}\n    \u002F>\n    \u003CLink.MenuAction\n      title=\"Block\"\n      icon=\"nosign\"\n      destructive\n      onPress={handleBlockPress}\n    \u002F>\n    \u003CLink.Menu title=\"More\" icon=\"ellipsis\">\n      \u003CLink.MenuAction title=\"Copy\" icon=\"doc.on.doc\" onPress={() => {}} \u002F>\n      \u003CLink.MenuAction\n        title=\"Delete\"\n        icon=\"trash\"\n        destructive\n        onPress={() => {}}\n      \u002F>\n    \u003C\u002FLink.Menu>\n  \u003C\u002FLink.Menu>\n\u003C\u002FLink>;\n```\n\n## Link Previews\n\nUse link previews frequently to enhance navigation:\n\n```tsx\n\u003CLink href=\"\u002Fsettings\">\n  \u003CLink.Trigger>\n    \u003CPressable>\n      \u003CCard \u002F>\n    \u003C\u002FPressable>\n  \u003C\u002FLink.Trigger>\n  \u003CLink.Preview \u002F>\n\u003C\u002FLink>\n```\n\nLink preview can be used with context menus.\n\n## Modal\n\nPresent a screen as a modal:\n\n```tsx\n\u003CStack.Screen name=\"modal\" options={{ presentation: \"modal\" }} \u002F>\n```\n\nPrefer this to building a custom modal component.\n\n## Sheet\n\nPresent a screen as a dynamic form sheet:\n\n```tsx\n\u003CStack.Screen\n  name=\"sheet\"\n  options={{\n    presentation: \"formSheet\",\n    sheetGrabberVisible: true,\n    sheetAllowedDetents: [0.5, 1.0],\n    contentStyle: { backgroundColor: \"transparent\" },\n  }}\n\u002F>\n```\n\n- Using `contentStyle: { backgroundColor: \"transparent\" }` makes the background liquid glass on iOS 26+.\n\n## Common route structure\n\nA standard app layout with tabs and stacks inside each tab:\n\n```\napp\u002F\n  _layout.tsx — \u003CNativeTabs \u002F>\n  (index,search)\u002F\n    _layout.tsx — \u003CStack \u002F>\n    index.tsx — Main list\n    search.tsx — Search view\n```\n\n```tsx\n\u002F\u002F app\u002F_layout.tsx\nimport { NativeTabs, Icon, Label } from \"expo-router\u002Funstable-native-tabs\";\nimport { Theme } from \"..\u002Fcomponents\u002Ftheme\";\n\nexport default function Layout() {\n  return (\n    \u003CTheme>\n      \u003CNativeTabs>\n        \u003CNativeTabs.Trigger name=\"(index)\">\n          \u003CIcon sf=\"list.dash\" \u002F>\n          \u003CLabel>Items\u003C\u002FLabel>\n        \u003C\u002FNativeTabs.Trigger>\n        \u003CNativeTabs.Trigger name=\"(search)\" role=\"search\" \u002F>\n      \u003C\u002FNativeTabs>\n    \u003C\u002FTheme>\n  );\n}\n```\n\nCreate a shared group route so both tabs can push common screens:\n\n```tsx\n\u002F\u002F app\u002F(index,search)\u002F_layout.tsx\nimport { Stack } from \"expo-router\u002Fstack\";\nimport { PlatformColor } from \"react-native\";\n\nexport default function Layout({ segment }) {\n  const screen = segment.match(\u002F\\((.*)\\)\u002F)?.[1]!;\n  const titles: Record\u003Cstring, string> = { index: \"Items\", search: \"Search\" };\n\n  return (\n    \u003CStack\n      screenOptions={{\n        headerTransparent: true,\n        headerShadowVisible: false,\n        headerLargeTitleShadowVisible: false,\n        headerLargeStyle: { backgroundColor: \"transparent\" },\n        headerTitleStyle: { color: PlatformColor(\"label\") },\n        headerLargeTitle: true,\n        headerBlurEffect: \"none\",\n        headerBackButtonDisplayMode: \"minimal\",\n      }}\n    >\n      \u003CStack.Screen name={screen} options={{ title: titles[screen] }} \u002F>\n      \u003CStack.Screen name=\"i\u002F[id]\" options={{ headerLargeTitle: false }} \u002F>\n    \u003C\u002FStack>\n  );\n}\n```\n",{"data":37,"body":39},{"name":4,"description":6,"version":38,"license":28},"1.0.1",{"type":40,"children":41},"root",[42,51,58,64,77,83,92,113,156,163,183,248,254,259,290,300,306,345,351,364,390,396,543,549,615,621,709,715,720,726,799,805,842,848,861,930,935,941,947,959,1188,1201,1207,1228,1234,1239,1293,1299,1304,1980,1986,1991,2139,2144,2150,2155,2227,2232,2238,2243,2452,2468,2474,2479,2488,2923,2928,3710],{"type":43,"tag":44,"props":45,"children":47},"element","h1",{"id":46},"expo-ui-guidelines",[48],{"type":49,"value":50},"text","Expo UI Guidelines",{"type":43,"tag":52,"props":53,"children":55},"h2",{"id":54},"references",[56],{"type":49,"value":57},"References",{"type":43,"tag":59,"props":60,"children":61},"p",{},[62],{"type":49,"value":63},"Consult these resources as needed:",{"type":43,"tag":65,"props":66,"children":70},"pre",{"className":67,"code":69,"language":49},[68],"language-text","references\u002F\n  animations.md          Reanimated: entering, exiting, layout, scroll-driven, gestures\n  controls.md            Native iOS: Switch, Slider, SegmentedControl, DateTimePicker, Picker\n  form-sheet.md          Form sheets in expo-router: configuration, footers and background interaction.\n  gradients.md           CSS gradients via experimental_backgroundImage (New Arch only)\n  icons.md               SF Symbols via expo-image (sf: source), names, animations, weights\n  media.md               Camera, audio, video, and file saving\n  route-structure.md     Route conventions, dynamic routes, groups, folder organization\n  search.md              Search bar with headers, useSearch hook, filtering patterns\n  storage.md             SQLite, AsyncStorage, SecureStore\n  tabs.md                NativeTabs, migration from JS tabs, iOS 26 features\n  toolbar-and-headers.md Stack headers and toolbar buttons, menus, search (iOS only)\n  visual-effects.md      Blur (expo-blur) and liquid glass (expo-glass-effect)\n  webgpu-three.md        3D graphics, games, GPU visualizations with WebGPU and Three.js\n  zoom-transitions.md    Apple Zoom: fluid zoom transitions with Link.AppleZoom (iOS 18+)\n",[71],{"type":43,"tag":72,"props":73,"children":75},"code",{"__ignoreMap":74},"",[76],{"type":49,"value":69},{"type":43,"tag":52,"props":78,"children":80},{"id":79},"running-the-app",[81],{"type":49,"value":82},"Running the App",{"type":43,"tag":59,"props":84,"children":85},{},[86],{"type":43,"tag":87,"props":88,"children":89},"strong",{},[90],{"type":49,"value":91},"CRITICAL: Always try Expo Go first before creating custom builds.",{"type":43,"tag":59,"props":93,"children":94},{},[95,97,103,105,111],{"type":49,"value":96},"Most Expo apps work in Expo Go without any custom native code. Before running ",{"type":43,"tag":72,"props":98,"children":100},{"className":99},[],[101],{"type":49,"value":102},"npx expo run:ios",{"type":49,"value":104}," or ",{"type":43,"tag":72,"props":106,"children":108},{"className":107},[],[109],{"type":49,"value":110},"npx expo run:android",{"type":49,"value":112},":",{"type":43,"tag":114,"props":115,"children":116},"ol",{},[117,136,146],{"type":43,"tag":118,"props":119,"children":120},"li",{},[121,126,128,134],{"type":43,"tag":87,"props":122,"children":123},{},[124],{"type":49,"value":125},"Start with Expo Go",{"type":49,"value":127},": Run ",{"type":43,"tag":72,"props":129,"children":131},{"className":130},[],[132],{"type":49,"value":133},"npx expo start",{"type":49,"value":135}," and scan the QR code with Expo Go",{"type":43,"tag":118,"props":137,"children":138},{},[139,144],{"type":43,"tag":87,"props":140,"children":141},{},[142],{"type":49,"value":143},"Check if features work",{"type":49,"value":145},": Test your app thoroughly in Expo Go",{"type":43,"tag":118,"props":147,"children":148},{},[149,154],{"type":43,"tag":87,"props":150,"children":151},{},[152],{"type":49,"value":153},"Only create custom builds when required",{"type":49,"value":155}," - see below",{"type":43,"tag":157,"props":158,"children":160},"h3",{"id":159},"when-custom-builds-are-required",[161],{"type":49,"value":162},"When Custom Builds Are Required",{"type":43,"tag":59,"props":164,"children":165},{},[166,168,174,175,181],{"type":49,"value":167},"You need ",{"type":43,"tag":72,"props":169,"children":171},{"className":170},[],[172],{"type":49,"value":173},"npx expo run:ios\u002Fandroid",{"type":49,"value":104},{"type":43,"tag":72,"props":176,"children":178},{"className":177},[],[179],{"type":49,"value":180},"eas build",{"type":49,"value":182}," ONLY when using:",{"type":43,"tag":184,"props":185,"children":186},"ul",{},[187,205,222,232],{"type":43,"tag":118,"props":188,"children":189},{},[190,195,197,203],{"type":43,"tag":87,"props":191,"children":192},{},[193],{"type":49,"value":194},"Local Expo modules",{"type":49,"value":196}," (custom native code in ",{"type":43,"tag":72,"props":198,"children":200},{"className":199},[],[201],{"type":49,"value":202},"modules\u002F",{"type":49,"value":204},")",{"type":43,"tag":118,"props":206,"children":207},{},[208,213,215,221],{"type":43,"tag":87,"props":209,"children":210},{},[211],{"type":49,"value":212},"Apple targets",{"type":49,"value":214}," (widgets, app clips, extensions via ",{"type":43,"tag":72,"props":216,"children":218},{"className":217},[],[219],{"type":49,"value":220},"@bacons\u002Fapple-targets",{"type":49,"value":204},{"type":43,"tag":118,"props":223,"children":224},{},[225,230],{"type":43,"tag":87,"props":226,"children":227},{},[228],{"type":49,"value":229},"Third-party native modules",{"type":49,"value":231}," not included in Expo Go",{"type":43,"tag":118,"props":233,"children":234},{},[235,240,242],{"type":43,"tag":87,"props":236,"children":237},{},[238],{"type":49,"value":239},"Custom native configuration",{"type":49,"value":241}," that can't be expressed in ",{"type":43,"tag":72,"props":243,"children":245},{"className":244},[],[246],{"type":49,"value":247},"app.json",{"type":43,"tag":157,"props":249,"children":251},{"id":250},"when-expo-go-works",[252],{"type":49,"value":253},"When Expo Go Works",{"type":43,"tag":59,"props":255,"children":256},{},[257],{"type":49,"value":258},"Expo Go supports a huge range of features out of the box:",{"type":43,"tag":184,"props":260,"children":261},{},[262,275,280,285],{"type":43,"tag":118,"props":263,"children":264},{},[265,267,273],{"type":49,"value":266},"All ",{"type":43,"tag":72,"props":268,"children":270},{"className":269},[],[271],{"type":49,"value":272},"expo-*",{"type":49,"value":274}," packages (camera, location, notifications, etc.)",{"type":43,"tag":118,"props":276,"children":277},{},[278],{"type":49,"value":279},"Expo Router navigation",{"type":43,"tag":118,"props":281,"children":282},{},[283],{"type":49,"value":284},"Most UI libraries (reanimated, gesture handler, etc.)",{"type":43,"tag":118,"props":286,"children":287},{},[288],{"type":49,"value":289},"Push notifications, deep links, and more",{"type":43,"tag":59,"props":291,"children":292},{},[293,298],{"type":43,"tag":87,"props":294,"children":295},{},[296],{"type":49,"value":297},"If you're unsure, try Expo Go first.",{"type":49,"value":299}," Creating custom builds adds complexity, slower iteration, and requires Xcode\u002FAndroid Studio setup.",{"type":43,"tag":52,"props":301,"children":303},{"id":302},"code-style",[304],{"type":49,"value":305},"Code Style",{"type":43,"tag":184,"props":307,"children":308},{},[309,314,319,330,335,340],{"type":43,"tag":118,"props":310,"children":311},{},[312],{"type":49,"value":313},"Be cautious of unterminated strings. Ensure nested backticks are escaped; never forget to escape quotes correctly.",{"type":43,"tag":118,"props":315,"children":316},{},[317],{"type":49,"value":318},"Always use import statements at the top of the file.",{"type":43,"tag":118,"props":320,"children":321},{},[322,324],{"type":49,"value":323},"Always use kebab-case for file names, e.g. ",{"type":43,"tag":72,"props":325,"children":327},{"className":326},[],[328],{"type":49,"value":329},"comment-card.tsx",{"type":43,"tag":118,"props":331,"children":332},{},[333],{"type":49,"value":334},"Always remove old route files when moving or restructuring navigation",{"type":43,"tag":118,"props":336,"children":337},{},[338],{"type":49,"value":339},"Never use special characters in file names",{"type":43,"tag":118,"props":341,"children":342},{},[343],{"type":49,"value":344},"Configure tsconfig.json with path aliases, and prefer aliases over relative imports for refactors.",{"type":43,"tag":52,"props":346,"children":348},{"id":347},"routes",[349],{"type":49,"value":350},"Routes",{"type":43,"tag":59,"props":352,"children":353},{},[354,356,362],{"type":49,"value":355},"See ",{"type":43,"tag":72,"props":357,"children":359},{"className":358},[],[360],{"type":49,"value":361},".\u002Freferences\u002Froute-structure.md",{"type":49,"value":363}," for detailed route conventions.",{"type":43,"tag":184,"props":365,"children":366},{},[367,380,385],{"type":43,"tag":118,"props":368,"children":369},{},[370,372,378],{"type":49,"value":371},"Routes belong in the ",{"type":43,"tag":72,"props":373,"children":375},{"className":374},[],[376],{"type":49,"value":377},"app",{"type":49,"value":379}," directory.",{"type":43,"tag":118,"props":381,"children":382},{},[383],{"type":49,"value":384},"Never co-locate components, types, or utilities in the app directory. This is an anti-pattern.",{"type":43,"tag":118,"props":386,"children":387},{},[388],{"type":49,"value":389},"Ensure the app always has a route that matches \"\u002F\", it may be inside a group route.",{"type":43,"tag":52,"props":391,"children":393},{"id":392},"library-preferences",[394],{"type":49,"value":395},"Library Preferences",{"type":43,"tag":184,"props":397,"children":398},{},[399,404,409,426,441,473,484,500,516,532],{"type":43,"tag":118,"props":400,"children":401},{},[402],{"type":49,"value":403},"Never use modules removed from React Native such as Picker, WebView, SafeAreaView, or AsyncStorage",{"type":43,"tag":118,"props":405,"children":406},{},[407],{"type":49,"value":408},"Never use legacy expo-permissions",{"type":43,"tag":118,"props":410,"children":411},{},[412,418,420],{"type":43,"tag":72,"props":413,"children":415},{"className":414},[],[416],{"type":49,"value":417},"expo-audio",{"type":49,"value":419}," not ",{"type":43,"tag":72,"props":421,"children":423},{"className":422},[],[424],{"type":49,"value":425},"expo-av",{"type":43,"tag":118,"props":427,"children":428},{},[429,435,436],{"type":43,"tag":72,"props":430,"children":432},{"className":431},[],[433],{"type":49,"value":434},"expo-video",{"type":49,"value":419},{"type":43,"tag":72,"props":437,"children":439},{"className":438},[],[440],{"type":49,"value":425},{"type":43,"tag":118,"props":442,"children":443},{},[444,450,452,458,460,466,467],{"type":43,"tag":72,"props":445,"children":447},{"className":446},[],[448],{"type":49,"value":449},"expo-image",{"type":49,"value":451}," with ",{"type":43,"tag":72,"props":453,"children":455},{"className":454},[],[456],{"type":49,"value":457},"source=\"sf:name\"",{"type":49,"value":459}," for SF Symbols, not ",{"type":43,"tag":72,"props":461,"children":463},{"className":462},[],[464],{"type":49,"value":465},"expo-symbols",{"type":49,"value":104},{"type":43,"tag":72,"props":468,"children":470},{"className":469},[],[471],{"type":49,"value":472},"@expo\u002Fvector-icons",{"type":43,"tag":118,"props":474,"children":475},{},[476,482],{"type":43,"tag":72,"props":477,"children":479},{"className":478},[],[480],{"type":49,"value":481},"react-native-safe-area-context",{"type":49,"value":483}," not react-native SafeAreaView",{"type":43,"tag":118,"props":485,"children":486},{},[487,493,494],{"type":43,"tag":72,"props":488,"children":490},{"className":489},[],[491],{"type":49,"value":492},"process.env.EXPO_OS",{"type":49,"value":419},{"type":43,"tag":72,"props":495,"children":497},{"className":496},[],[498],{"type":49,"value":499},"Platform.OS",{"type":43,"tag":118,"props":501,"children":502},{},[503,509,510],{"type":43,"tag":72,"props":504,"children":506},{"className":505},[],[507],{"type":49,"value":508},"React.use",{"type":49,"value":419},{"type":43,"tag":72,"props":511,"children":513},{"className":512},[],[514],{"type":49,"value":515},"React.useContext",{"type":43,"tag":118,"props":517,"children":518},{},[519,524,526],{"type":43,"tag":72,"props":520,"children":522},{"className":521},[],[523],{"type":49,"value":449},{"type":49,"value":525}," Image component instead of intrinsic element ",{"type":43,"tag":72,"props":527,"children":529},{"className":528},[],[530],{"type":49,"value":531},"img",{"type":43,"tag":118,"props":533,"children":534},{},[535,541],{"type":43,"tag":72,"props":536,"children":538},{"className":537},[],[539],{"type":49,"value":540},"expo-glass-effect",{"type":49,"value":542}," for liquid glass backdrops",{"type":43,"tag":52,"props":544,"children":546},{"id":545},"responsiveness",[547],{"type":49,"value":548},"Responsiveness",{"type":43,"tag":184,"props":550,"children":551},{},[552,557,578,589,594],{"type":43,"tag":118,"props":553,"children":554},{},[555],{"type":49,"value":556},"Always wrap root component in a scroll view for responsiveness",{"type":43,"tag":118,"props":558,"children":559},{},[560,562,568,570,576],{"type":49,"value":561},"Use ",{"type":43,"tag":72,"props":563,"children":565},{"className":564},[],[566],{"type":49,"value":567},"\u003CScrollView contentInsetAdjustmentBehavior=\"automatic\" \u002F>",{"type":49,"value":569}," instead of ",{"type":43,"tag":72,"props":571,"children":573},{"className":572},[],[574],{"type":49,"value":575},"\u003CSafeAreaView>",{"type":49,"value":577}," for smarter safe area insets",{"type":43,"tag":118,"props":579,"children":580},{},[581,587],{"type":43,"tag":72,"props":582,"children":584},{"className":583},[],[585],{"type":49,"value":586},"contentInsetAdjustmentBehavior=\"automatic\"",{"type":49,"value":588}," should be applied to FlatList and SectionList as well",{"type":43,"tag":118,"props":590,"children":591},{},[592],{"type":49,"value":593},"Use flexbox instead of Dimensions API",{"type":43,"tag":118,"props":595,"children":596},{},[597,599,605,607,613],{"type":49,"value":598},"ALWAYS prefer ",{"type":43,"tag":72,"props":600,"children":602},{"className":601},[],[603],{"type":49,"value":604},"useWindowDimensions",{"type":49,"value":606}," over ",{"type":43,"tag":72,"props":608,"children":610},{"className":609},[],[611],{"type":49,"value":612},"Dimensions.get()",{"type":49,"value":614}," to measure screen size",{"type":43,"tag":52,"props":616,"children":618},{"id":617},"behavior",[619],{"type":49,"value":620},"Behavior",{"type":43,"tag":184,"props":622,"children":623},{},[624,629,648,660,673,686,699,704],{"type":43,"tag":118,"props":625,"children":626},{},[627],{"type":49,"value":628},"Use expo-haptics conditionally on iOS to make more delightful experiences",{"type":43,"tag":118,"props":630,"children":631},{},[632,634,640,642],{"type":49,"value":633},"Use views with built-in haptics like ",{"type":43,"tag":72,"props":635,"children":637},{"className":636},[],[638],{"type":49,"value":639},"\u003CSwitch \u002F>",{"type":49,"value":641}," from React Native and ",{"type":43,"tag":72,"props":643,"children":645},{"className":644},[],[646],{"type":49,"value":647},"@react-native-community\u002Fdatetimepicker",{"type":43,"tag":118,"props":649,"children":650},{},[651,653,658],{"type":49,"value":652},"When a route belongs to a Stack, its first child should almost always be a ScrollView with ",{"type":43,"tag":72,"props":654,"children":656},{"className":655},[],[657],{"type":49,"value":586},{"type":49,"value":659}," set",{"type":43,"tag":118,"props":661,"children":662},{},[663,665,671],{"type":49,"value":664},"When adding a ",{"type":43,"tag":72,"props":666,"children":668},{"className":667},[],[669],{"type":49,"value":670},"ScrollView",{"type":49,"value":672}," to the page it should almost always be the first component inside the route component",{"type":43,"tag":118,"props":674,"children":675},{},[676,678,684],{"type":49,"value":677},"Prefer ",{"type":43,"tag":72,"props":679,"children":681},{"className":680},[],[682],{"type":49,"value":683},"headerSearchBarOptions",{"type":49,"value":685}," in Stack.Screen options to add a search bar",{"type":43,"tag":118,"props":687,"children":688},{},[689,691,697],{"type":49,"value":690},"Use the ",{"type":43,"tag":72,"props":692,"children":694},{"className":693},[],[695],{"type":49,"value":696},"\u003CText selectable \u002F>",{"type":49,"value":698}," prop on text containing data that could be copied",{"type":43,"tag":118,"props":700,"children":701},{},[702],{"type":49,"value":703},"Consider formatting large numbers like 1.4M or 38k",{"type":43,"tag":118,"props":705,"children":706},{},[707],{"type":49,"value":708},"Never use intrinsic elements like 'img' or 'div' unless in a webview or Expo DOM component",{"type":43,"tag":44,"props":710,"children":712},{"id":711},"styling",[713],{"type":49,"value":714},"Styling",{"type":43,"tag":59,"props":716,"children":717},{},[718],{"type":49,"value":719},"Follow Apple Human Interface Guidelines.",{"type":43,"tag":52,"props":721,"children":723},{"id":722},"general-styling-rules",[724],{"type":49,"value":725},"General Styling Rules",{"type":43,"tag":184,"props":727,"children":728},{},[729,734,739,749,754,759,764,776,781,794],{"type":43,"tag":118,"props":730,"children":731},{},[732],{"type":49,"value":733},"Prefer flex gap over margin and padding styles",{"type":43,"tag":118,"props":735,"children":736},{},[737],{"type":49,"value":738},"Prefer padding over margin where possible",{"type":43,"tag":118,"props":740,"children":741},{},[742,744],{"type":49,"value":743},"Always account for safe area, either with stack headers, tabs, or ScrollView\u002FFlatList ",{"type":43,"tag":72,"props":745,"children":747},{"className":746},[],[748],{"type":49,"value":586},{"type":43,"tag":118,"props":750,"children":751},{},[752],{"type":49,"value":753},"Ensure both top and bottom safe area insets are accounted for",{"type":43,"tag":118,"props":755,"children":756},{},[757],{"type":49,"value":758},"Inline styles not StyleSheet.create unless reusing styles is faster",{"type":43,"tag":118,"props":760,"children":761},{},[762],{"type":49,"value":763},"Add entering and exiting animations for state changes",{"type":43,"tag":118,"props":765,"children":766},{},[767,768,774],{"type":49,"value":561},{"type":43,"tag":72,"props":769,"children":771},{"className":770},[],[772],{"type":49,"value":773},"{ borderCurve: 'continuous' }",{"type":49,"value":775}," for rounded corners unless creating a capsule shape",{"type":43,"tag":118,"props":777,"children":778},{},[779],{"type":49,"value":780},"ALWAYS use a navigation stack title instead of a custom text element on the page",{"type":43,"tag":118,"props":782,"children":783},{},[784,786,792],{"type":49,"value":785},"When padding a ScrollView, use ",{"type":43,"tag":72,"props":787,"children":789},{"className":788},[],[790],{"type":49,"value":791},"contentContainerStyle",{"type":49,"value":793}," padding and gap instead of padding on the ScrollView itself (reduces clipping)",{"type":43,"tag":118,"props":795,"children":796},{},[797],{"type":49,"value":798},"CSS and Tailwind are not supported - use inline styles",{"type":43,"tag":52,"props":800,"children":802},{"id":801},"text-styling",[803],{"type":49,"value":804},"Text Styling",{"type":43,"tag":184,"props":806,"children":807},{},[808,829],{"type":43,"tag":118,"props":809,"children":810},{},[811,813,819,821,827],{"type":49,"value":812},"Add the ",{"type":43,"tag":72,"props":814,"children":816},{"className":815},[],[817],{"type":49,"value":818},"selectable",{"type":49,"value":820}," prop to every ",{"type":43,"tag":72,"props":822,"children":824},{"className":823},[],[825],{"type":49,"value":826},"\u003CText\u002F>",{"type":49,"value":828}," element displaying important data or error messages",{"type":43,"tag":118,"props":830,"children":831},{},[832,834,840],{"type":49,"value":833},"Counters should use ",{"type":43,"tag":72,"props":835,"children":837},{"className":836},[],[838],{"type":49,"value":839},"{ fontVariant: 'tabular-nums' }",{"type":49,"value":841}," for alignment",{"type":43,"tag":52,"props":843,"children":845},{"id":844},"shadows",[846],{"type":49,"value":847},"Shadows",{"type":43,"tag":59,"props":849,"children":850},{},[851,853,859],{"type":49,"value":852},"Use CSS ",{"type":43,"tag":72,"props":854,"children":856},{"className":855},[],[857],{"type":49,"value":858},"boxShadow",{"type":49,"value":860}," style prop. NEVER use legacy React Native shadow or elevation styles.",{"type":43,"tag":65,"props":862,"children":866},{"className":863,"code":864,"language":865,"meta":74,"style":74},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CView style={{ boxShadow: \"0 1px 2px rgba(0, 0, 0, 0.05)\" }} \u002F>\n","tsx",[867],{"type":43,"tag":72,"props":868,"children":869},{"__ignoreMap":74},[870],{"type":43,"tag":871,"props":872,"children":875},"span",{"class":873,"line":874},"line",1,[876,882,888,894,899,905,909,914,920,925],{"type":43,"tag":871,"props":877,"children":879},{"style":878},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[880],{"type":49,"value":881},"\u003C",{"type":43,"tag":871,"props":883,"children":885},{"style":884},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[886],{"type":49,"value":887},"View",{"type":43,"tag":871,"props":889,"children":891},{"style":890},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[892],{"type":49,"value":893}," style",{"type":43,"tag":871,"props":895,"children":896},{"style":878},[897],{"type":49,"value":898},"={{",{"type":43,"tag":871,"props":900,"children":902},{"style":901},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[903],{"type":49,"value":904}," boxShadow",{"type":43,"tag":871,"props":906,"children":907},{"style":878},[908],{"type":49,"value":112},{"type":43,"tag":871,"props":910,"children":911},{"style":878},[912],{"type":49,"value":913}," \"",{"type":43,"tag":871,"props":915,"children":917},{"style":916},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[918],{"type":49,"value":919},"0 1px 2px rgba(0, 0, 0, 0.05)",{"type":43,"tag":871,"props":921,"children":922},{"style":878},[923],{"type":49,"value":924},"\"",{"type":43,"tag":871,"props":926,"children":927},{"style":878},[928],{"type":49,"value":929}," }} \u002F>\n",{"type":43,"tag":59,"props":931,"children":932},{},[933],{"type":49,"value":934},"'inset' shadows are supported.",{"type":43,"tag":44,"props":936,"children":938},{"id":937},"navigation",[939],{"type":49,"value":940},"Navigation",{"type":43,"tag":52,"props":942,"children":944},{"id":943},"link",[945],{"type":49,"value":946},"Link",{"type":43,"tag":59,"props":948,"children":949},{},[950,951,957],{"type":49,"value":561},{"type":43,"tag":72,"props":952,"children":954},{"className":953},[],[955],{"type":49,"value":956},"\u003CLink href=\"\u002Fpath\" \u002F>",{"type":49,"value":958}," from 'expo-router' for navigation between routes.",{"type":43,"tag":65,"props":960,"children":962},{"className":863,"code":961,"language":865,"meta":74,"style":74},"import { Link } from 'expo-router';\n\n\u002F\u002F Basic link\n\u003CLink href=\"\u002Fpath\" \u002F>\n\n\u002F\u002F Wrapping custom components\n\u003CLink href=\"\u002Fpath\" asChild>\n  \u003CPressable>...\u003C\u002FPressable>\n\u003C\u002FLink>\n",[963],{"type":43,"tag":72,"props":964,"children":965},{"__ignoreMap":74},[966,1016,1026,1036,1076,1084,1093,1135,1172],{"type":43,"tag":871,"props":967,"children":968},{"class":873,"line":874},[969,975,980,986,991,996,1001,1006,1011],{"type":43,"tag":871,"props":970,"children":972},{"style":971},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[973],{"type":49,"value":974},"import",{"type":43,"tag":871,"props":976,"children":977},{"style":878},[978],{"type":49,"value":979}," {",{"type":43,"tag":871,"props":981,"children":983},{"style":982},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[984],{"type":49,"value":985}," Link",{"type":43,"tag":871,"props":987,"children":988},{"style":878},[989],{"type":49,"value":990}," }",{"type":43,"tag":871,"props":992,"children":993},{"style":971},[994],{"type":49,"value":995}," from",{"type":43,"tag":871,"props":997,"children":998},{"style":878},[999],{"type":49,"value":1000}," '",{"type":43,"tag":871,"props":1002,"children":1003},{"style":916},[1004],{"type":49,"value":1005},"expo-router",{"type":43,"tag":871,"props":1007,"children":1008},{"style":878},[1009],{"type":49,"value":1010},"'",{"type":43,"tag":871,"props":1012,"children":1013},{"style":878},[1014],{"type":49,"value":1015},";\n",{"type":43,"tag":871,"props":1017,"children":1019},{"class":873,"line":1018},2,[1020],{"type":43,"tag":871,"props":1021,"children":1023},{"emptyLinePlaceholder":1022},true,[1024],{"type":49,"value":1025},"\n",{"type":43,"tag":871,"props":1027,"children":1029},{"class":873,"line":1028},3,[1030],{"type":43,"tag":871,"props":1031,"children":1033},{"style":1032},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1034],{"type":49,"value":1035},"\u002F\u002F Basic link\n",{"type":43,"tag":871,"props":1037,"children":1039},{"class":873,"line":1038},4,[1040,1044,1048,1053,1058,1062,1067,1071],{"type":43,"tag":871,"props":1041,"children":1042},{"style":878},[1043],{"type":49,"value":881},{"type":43,"tag":871,"props":1045,"children":1046},{"style":884},[1047],{"type":49,"value":946},{"type":43,"tag":871,"props":1049,"children":1050},{"style":890},[1051],{"type":49,"value":1052}," href",{"type":43,"tag":871,"props":1054,"children":1055},{"style":878},[1056],{"type":49,"value":1057},"=",{"type":43,"tag":871,"props":1059,"children":1060},{"style":878},[1061],{"type":49,"value":924},{"type":43,"tag":871,"props":1063,"children":1064},{"style":916},[1065],{"type":49,"value":1066},"\u002Fpath",{"type":43,"tag":871,"props":1068,"children":1069},{"style":878},[1070],{"type":49,"value":924},{"type":43,"tag":871,"props":1072,"children":1073},{"style":878},[1074],{"type":49,"value":1075}," \u002F>\n",{"type":43,"tag":871,"props":1077,"children":1079},{"class":873,"line":1078},5,[1080],{"type":43,"tag":871,"props":1081,"children":1082},{"emptyLinePlaceholder":1022},[1083],{"type":49,"value":1025},{"type":43,"tag":871,"props":1085,"children":1087},{"class":873,"line":1086},6,[1088],{"type":43,"tag":871,"props":1089,"children":1090},{"style":1032},[1091],{"type":49,"value":1092},"\u002F\u002F Wrapping custom components\n",{"type":43,"tag":871,"props":1094,"children":1096},{"class":873,"line":1095},7,[1097,1101,1105,1109,1113,1117,1121,1125,1130],{"type":43,"tag":871,"props":1098,"children":1099},{"style":878},[1100],{"type":49,"value":881},{"type":43,"tag":871,"props":1102,"children":1103},{"style":884},[1104],{"type":49,"value":946},{"type":43,"tag":871,"props":1106,"children":1107},{"style":890},[1108],{"type":49,"value":1052},{"type":43,"tag":871,"props":1110,"children":1111},{"style":878},[1112],{"type":49,"value":1057},{"type":43,"tag":871,"props":1114,"children":1115},{"style":878},[1116],{"type":49,"value":924},{"type":43,"tag":871,"props":1118,"children":1119},{"style":916},[1120],{"type":49,"value":1066},{"type":43,"tag":871,"props":1122,"children":1123},{"style":878},[1124],{"type":49,"value":924},{"type":43,"tag":871,"props":1126,"children":1127},{"style":890},[1128],{"type":49,"value":1129}," asChild",{"type":43,"tag":871,"props":1131,"children":1132},{"style":878},[1133],{"type":49,"value":1134},">\n",{"type":43,"tag":871,"props":1136,"children":1138},{"class":873,"line":1137},8,[1139,1144,1149,1154,1159,1164,1168],{"type":43,"tag":871,"props":1140,"children":1141},{"style":878},[1142],{"type":49,"value":1143},"  \u003C",{"type":43,"tag":871,"props":1145,"children":1146},{"style":884},[1147],{"type":49,"value":1148},"Pressable",{"type":43,"tag":871,"props":1150,"children":1151},{"style":878},[1152],{"type":49,"value":1153},">",{"type":43,"tag":871,"props":1155,"children":1156},{"style":982},[1157],{"type":49,"value":1158},"...",{"type":43,"tag":871,"props":1160,"children":1161},{"style":878},[1162],{"type":49,"value":1163},"\u003C\u002F",{"type":43,"tag":871,"props":1165,"children":1166},{"style":884},[1167],{"type":49,"value":1148},{"type":43,"tag":871,"props":1169,"children":1170},{"style":878},[1171],{"type":49,"value":1134},{"type":43,"tag":871,"props":1173,"children":1175},{"class":873,"line":1174},9,[1176,1180,1184],{"type":43,"tag":871,"props":1177,"children":1178},{"style":878},[1179],{"type":49,"value":1163},{"type":43,"tag":871,"props":1181,"children":1182},{"style":884},[1183],{"type":49,"value":946},{"type":43,"tag":871,"props":1185,"children":1186},{"style":878},[1187],{"type":49,"value":1134},{"type":43,"tag":59,"props":1189,"children":1190},{},[1191,1193,1199],{"type":49,"value":1192},"Whenever possible, include a ",{"type":43,"tag":72,"props":1194,"children":1196},{"className":1195},[],[1197],{"type":49,"value":1198},"\u003CLink.Preview>",{"type":49,"value":1200}," to follow iOS conventions. Add context menus and previews frequently to enhance navigation.",{"type":43,"tag":52,"props":1202,"children":1204},{"id":1203},"stack",[1205],{"type":49,"value":1206},"Stack",{"type":43,"tag":184,"props":1208,"children":1209},{},[1210,1223],{"type":43,"tag":118,"props":1211,"children":1212},{},[1213,1215,1221],{"type":49,"value":1214},"ALWAYS use ",{"type":43,"tag":72,"props":1216,"children":1218},{"className":1217},[],[1219],{"type":49,"value":1220},"_layout.tsx",{"type":49,"value":1222}," files to define stacks",{"type":43,"tag":118,"props":1224,"children":1225},{},[1226],{"type":49,"value":1227},"Use Stack from 'expo-router\u002Fstack' for native navigation stacks",{"type":43,"tag":157,"props":1229,"children":1231},{"id":1230},"page-title",[1232],{"type":49,"value":1233},"Page Title",{"type":43,"tag":59,"props":1235,"children":1236},{},[1237],{"type":49,"value":1238},"Set the page title in Stack.Screen options:",{"type":43,"tag":65,"props":1240,"children":1242},{"className":863,"code":1241,"language":865,"meta":74,"style":74},"\u003CStack.Screen options={{ title: \"Home\" }} \u002F>\n",[1243],{"type":43,"tag":72,"props":1244,"children":1245},{"__ignoreMap":74},[1246],{"type":43,"tag":871,"props":1247,"children":1248},{"class":873,"line":874},[1249,1253,1258,1263,1267,1272,1276,1280,1285,1289],{"type":43,"tag":871,"props":1250,"children":1251},{"style":878},[1252],{"type":49,"value":881},{"type":43,"tag":871,"props":1254,"children":1255},{"style":884},[1256],{"type":49,"value":1257},"Stack.Screen",{"type":43,"tag":871,"props":1259,"children":1260},{"style":890},[1261],{"type":49,"value":1262}," options",{"type":43,"tag":871,"props":1264,"children":1265},{"style":878},[1266],{"type":49,"value":898},{"type":43,"tag":871,"props":1268,"children":1269},{"style":901},[1270],{"type":49,"value":1271}," title",{"type":43,"tag":871,"props":1273,"children":1274},{"style":878},[1275],{"type":49,"value":112},{"type":43,"tag":871,"props":1277,"children":1278},{"style":878},[1279],{"type":49,"value":913},{"type":43,"tag":871,"props":1281,"children":1282},{"style":916},[1283],{"type":49,"value":1284},"Home",{"type":43,"tag":871,"props":1286,"children":1287},{"style":878},[1288],{"type":49,"value":924},{"type":43,"tag":871,"props":1290,"children":1291},{"style":878},[1292],{"type":49,"value":929},{"type":43,"tag":52,"props":1294,"children":1296},{"id":1295},"context-menus",[1297],{"type":49,"value":1298},"Context Menus",{"type":43,"tag":59,"props":1300,"children":1301},{},[1302],{"type":49,"value":1303},"Add long press context menus to Link components:",{"type":43,"tag":65,"props":1305,"children":1307},{"className":863,"code":1306,"language":865,"meta":74,"style":74},"import { Link } from \"expo-router\";\n\n\u003CLink href=\"\u002Fsettings\" asChild>\n  \u003CLink.Trigger>\n    \u003CPressable>\n      \u003CCard \u002F>\n    \u003C\u002FPressable>\n  \u003C\u002FLink.Trigger>\n  \u003CLink.Menu>\n    \u003CLink.MenuAction\n      title=\"Share\"\n      icon=\"square.and.arrow.up\"\n      onPress={handleSharePress}\n    \u002F>\n    \u003CLink.MenuAction\n      title=\"Block\"\n      icon=\"nosign\"\n      destructive\n      onPress={handleBlockPress}\n    \u002F>\n    \u003CLink.Menu title=\"More\" icon=\"ellipsis\">\n      \u003CLink.MenuAction title=\"Copy\" icon=\"doc.on.doc\" onPress={() => {}} \u002F>\n      \u003CLink.MenuAction\n        title=\"Delete\"\n        icon=\"trash\"\n        destructive\n        onPress={() => {}}\n      \u002F>\n    \u003C\u002FLink.Menu>\n  \u003C\u002FLink.Menu>\n\u003C\u002FLink>;\n",[1308],{"type":43,"tag":72,"props":1309,"children":1310},{"__ignoreMap":74},[1311,1350,1357,1397,1413,1429,1446,1462,1478,1494,1507,1534,1560,1584,1593,1605,1630,1655,1664,1685,1693,1752,1827,1839,1865,1891,1900,1922,1931,1947,1963],{"type":43,"tag":871,"props":1312,"children":1313},{"class":873,"line":874},[1314,1318,1322,1326,1330,1334,1338,1342,1346],{"type":43,"tag":871,"props":1315,"children":1316},{"style":971},[1317],{"type":49,"value":974},{"type":43,"tag":871,"props":1319,"children":1320},{"style":878},[1321],{"type":49,"value":979},{"type":43,"tag":871,"props":1323,"children":1324},{"style":982},[1325],{"type":49,"value":985},{"type":43,"tag":871,"props":1327,"children":1328},{"style":878},[1329],{"type":49,"value":990},{"type":43,"tag":871,"props":1331,"children":1332},{"style":971},[1333],{"type":49,"value":995},{"type":43,"tag":871,"props":1335,"children":1336},{"style":878},[1337],{"type":49,"value":913},{"type":43,"tag":871,"props":1339,"children":1340},{"style":916},[1341],{"type":49,"value":1005},{"type":43,"tag":871,"props":1343,"children":1344},{"style":878},[1345],{"type":49,"value":924},{"type":43,"tag":871,"props":1347,"children":1348},{"style":878},[1349],{"type":49,"value":1015},{"type":43,"tag":871,"props":1351,"children":1352},{"class":873,"line":1018},[1353],{"type":43,"tag":871,"props":1354,"children":1355},{"emptyLinePlaceholder":1022},[1356],{"type":49,"value":1025},{"type":43,"tag":871,"props":1358,"children":1359},{"class":873,"line":1028},[1360,1364,1368,1372,1376,1380,1385,1389,1393],{"type":43,"tag":871,"props":1361,"children":1362},{"style":878},[1363],{"type":49,"value":881},{"type":43,"tag":871,"props":1365,"children":1366},{"style":884},[1367],{"type":49,"value":946},{"type":43,"tag":871,"props":1369,"children":1370},{"style":890},[1371],{"type":49,"value":1052},{"type":43,"tag":871,"props":1373,"children":1374},{"style":878},[1375],{"type":49,"value":1057},{"type":43,"tag":871,"props":1377,"children":1378},{"style":878},[1379],{"type":49,"value":924},{"type":43,"tag":871,"props":1381,"children":1382},{"style":916},[1383],{"type":49,"value":1384},"\u002Fsettings",{"type":43,"tag":871,"props":1386,"children":1387},{"style":878},[1388],{"type":49,"value":924},{"type":43,"tag":871,"props":1390,"children":1391},{"style":890},[1392],{"type":49,"value":1129},{"type":43,"tag":871,"props":1394,"children":1395},{"style":878},[1396],{"type":49,"value":1134},{"type":43,"tag":871,"props":1398,"children":1399},{"class":873,"line":1038},[1400,1404,1409],{"type":43,"tag":871,"props":1401,"children":1402},{"style":878},[1403],{"type":49,"value":1143},{"type":43,"tag":871,"props":1405,"children":1406},{"style":884},[1407],{"type":49,"value":1408},"Link.Trigger",{"type":43,"tag":871,"props":1410,"children":1411},{"style":878},[1412],{"type":49,"value":1134},{"type":43,"tag":871,"props":1414,"children":1415},{"class":873,"line":1078},[1416,1421,1425],{"type":43,"tag":871,"props":1417,"children":1418},{"style":878},[1419],{"type":49,"value":1420},"    \u003C",{"type":43,"tag":871,"props":1422,"children":1423},{"style":884},[1424],{"type":49,"value":1148},{"type":43,"tag":871,"props":1426,"children":1427},{"style":878},[1428],{"type":49,"value":1134},{"type":43,"tag":871,"props":1430,"children":1431},{"class":873,"line":1086},[1432,1437,1442],{"type":43,"tag":871,"props":1433,"children":1434},{"style":878},[1435],{"type":49,"value":1436},"      \u003C",{"type":43,"tag":871,"props":1438,"children":1439},{"style":884},[1440],{"type":49,"value":1441},"Card",{"type":43,"tag":871,"props":1443,"children":1444},{"style":878},[1445],{"type":49,"value":1075},{"type":43,"tag":871,"props":1447,"children":1448},{"class":873,"line":1095},[1449,1454,1458],{"type":43,"tag":871,"props":1450,"children":1451},{"style":878},[1452],{"type":49,"value":1453},"    \u003C\u002F",{"type":43,"tag":871,"props":1455,"children":1456},{"style":884},[1457],{"type":49,"value":1148},{"type":43,"tag":871,"props":1459,"children":1460},{"style":878},[1461],{"type":49,"value":1134},{"type":43,"tag":871,"props":1463,"children":1464},{"class":873,"line":1137},[1465,1470,1474],{"type":43,"tag":871,"props":1466,"children":1467},{"style":878},[1468],{"type":49,"value":1469},"  \u003C\u002F",{"type":43,"tag":871,"props":1471,"children":1472},{"style":884},[1473],{"type":49,"value":1408},{"type":43,"tag":871,"props":1475,"children":1476},{"style":878},[1477],{"type":49,"value":1134},{"type":43,"tag":871,"props":1479,"children":1480},{"class":873,"line":1174},[1481,1485,1490],{"type":43,"tag":871,"props":1482,"children":1483},{"style":878},[1484],{"type":49,"value":1143},{"type":43,"tag":871,"props":1486,"children":1487},{"style":884},[1488],{"type":49,"value":1489},"Link.Menu",{"type":43,"tag":871,"props":1491,"children":1492},{"style":878},[1493],{"type":49,"value":1134},{"type":43,"tag":871,"props":1495,"children":1497},{"class":873,"line":1496},10,[1498,1502],{"type":43,"tag":871,"props":1499,"children":1500},{"style":878},[1501],{"type":49,"value":1420},{"type":43,"tag":871,"props":1503,"children":1504},{"style":884},[1505],{"type":49,"value":1506},"Link.MenuAction\n",{"type":43,"tag":871,"props":1508,"children":1510},{"class":873,"line":1509},11,[1511,1516,1520,1524,1529],{"type":43,"tag":871,"props":1512,"children":1513},{"style":890},[1514],{"type":49,"value":1515},"      title",{"type":43,"tag":871,"props":1517,"children":1518},{"style":878},[1519],{"type":49,"value":1057},{"type":43,"tag":871,"props":1521,"children":1522},{"style":878},[1523],{"type":49,"value":924},{"type":43,"tag":871,"props":1525,"children":1526},{"style":916},[1527],{"type":49,"value":1528},"Share",{"type":43,"tag":871,"props":1530,"children":1531},{"style":878},[1532],{"type":49,"value":1533},"\"\n",{"type":43,"tag":871,"props":1535,"children":1537},{"class":873,"line":1536},12,[1538,1543,1547,1551,1556],{"type":43,"tag":871,"props":1539,"children":1540},{"style":890},[1541],{"type":49,"value":1542},"      icon",{"type":43,"tag":871,"props":1544,"children":1545},{"style":878},[1546],{"type":49,"value":1057},{"type":43,"tag":871,"props":1548,"children":1549},{"style":878},[1550],{"type":49,"value":924},{"type":43,"tag":871,"props":1552,"children":1553},{"style":916},[1554],{"type":49,"value":1555},"square.and.arrow.up",{"type":43,"tag":871,"props":1557,"children":1558},{"style":878},[1559],{"type":49,"value":1533},{"type":43,"tag":871,"props":1561,"children":1563},{"class":873,"line":1562},13,[1564,1569,1574,1579],{"type":43,"tag":871,"props":1565,"children":1566},{"style":890},[1567],{"type":49,"value":1568},"      onPress",{"type":43,"tag":871,"props":1570,"children":1571},{"style":878},[1572],{"type":49,"value":1573},"={",{"type":43,"tag":871,"props":1575,"children":1576},{"style":982},[1577],{"type":49,"value":1578},"handleSharePress",{"type":43,"tag":871,"props":1580,"children":1581},{"style":878},[1582],{"type":49,"value":1583},"}\n",{"type":43,"tag":871,"props":1585,"children":1587},{"class":873,"line":1586},14,[1588],{"type":43,"tag":871,"props":1589,"children":1590},{"style":878},[1591],{"type":49,"value":1592},"    \u002F>\n",{"type":43,"tag":871,"props":1594,"children":1596},{"class":873,"line":1595},15,[1597,1601],{"type":43,"tag":871,"props":1598,"children":1599},{"style":878},[1600],{"type":49,"value":1420},{"type":43,"tag":871,"props":1602,"children":1603},{"style":884},[1604],{"type":49,"value":1506},{"type":43,"tag":871,"props":1606,"children":1608},{"class":873,"line":1607},16,[1609,1613,1617,1621,1626],{"type":43,"tag":871,"props":1610,"children":1611},{"style":890},[1612],{"type":49,"value":1515},{"type":43,"tag":871,"props":1614,"children":1615},{"style":878},[1616],{"type":49,"value":1057},{"type":43,"tag":871,"props":1618,"children":1619},{"style":878},[1620],{"type":49,"value":924},{"type":43,"tag":871,"props":1622,"children":1623},{"style":916},[1624],{"type":49,"value":1625},"Block",{"type":43,"tag":871,"props":1627,"children":1628},{"style":878},[1629],{"type":49,"value":1533},{"type":43,"tag":871,"props":1631,"children":1633},{"class":873,"line":1632},17,[1634,1638,1642,1646,1651],{"type":43,"tag":871,"props":1635,"children":1636},{"style":890},[1637],{"type":49,"value":1542},{"type":43,"tag":871,"props":1639,"children":1640},{"style":878},[1641],{"type":49,"value":1057},{"type":43,"tag":871,"props":1643,"children":1644},{"style":878},[1645],{"type":49,"value":924},{"type":43,"tag":871,"props":1647,"children":1648},{"style":916},[1649],{"type":49,"value":1650},"nosign",{"type":43,"tag":871,"props":1652,"children":1653},{"style":878},[1654],{"type":49,"value":1533},{"type":43,"tag":871,"props":1656,"children":1658},{"class":873,"line":1657},18,[1659],{"type":43,"tag":871,"props":1660,"children":1661},{"style":890},[1662],{"type":49,"value":1663},"      destructive\n",{"type":43,"tag":871,"props":1665,"children":1667},{"class":873,"line":1666},19,[1668,1672,1676,1681],{"type":43,"tag":871,"props":1669,"children":1670},{"style":890},[1671],{"type":49,"value":1568},{"type":43,"tag":871,"props":1673,"children":1674},{"style":878},[1675],{"type":49,"value":1573},{"type":43,"tag":871,"props":1677,"children":1678},{"style":982},[1679],{"type":49,"value":1680},"handleBlockPress",{"type":43,"tag":871,"props":1682,"children":1683},{"style":878},[1684],{"type":49,"value":1583},{"type":43,"tag":871,"props":1686,"children":1688},{"class":873,"line":1687},20,[1689],{"type":43,"tag":871,"props":1690,"children":1691},{"style":878},[1692],{"type":49,"value":1592},{"type":43,"tag":871,"props":1694,"children":1696},{"class":873,"line":1695},21,[1697,1701,1705,1709,1713,1717,1722,1726,1731,1735,1739,1744,1748],{"type":43,"tag":871,"props":1698,"children":1699},{"style":878},[1700],{"type":49,"value":1420},{"type":43,"tag":871,"props":1702,"children":1703},{"style":884},[1704],{"type":49,"value":1489},{"type":43,"tag":871,"props":1706,"children":1707},{"style":890},[1708],{"type":49,"value":1271},{"type":43,"tag":871,"props":1710,"children":1711},{"style":878},[1712],{"type":49,"value":1057},{"type":43,"tag":871,"props":1714,"children":1715},{"style":878},[1716],{"type":49,"value":924},{"type":43,"tag":871,"props":1718,"children":1719},{"style":916},[1720],{"type":49,"value":1721},"More",{"type":43,"tag":871,"props":1723,"children":1724},{"style":878},[1725],{"type":49,"value":924},{"type":43,"tag":871,"props":1727,"children":1728},{"style":890},[1729],{"type":49,"value":1730}," icon",{"type":43,"tag":871,"props":1732,"children":1733},{"style":878},[1734],{"type":49,"value":1057},{"type":43,"tag":871,"props":1736,"children":1737},{"style":878},[1738],{"type":49,"value":924},{"type":43,"tag":871,"props":1740,"children":1741},{"style":916},[1742],{"type":49,"value":1743},"ellipsis",{"type":43,"tag":871,"props":1745,"children":1746},{"style":878},[1747],{"type":49,"value":924},{"type":43,"tag":871,"props":1749,"children":1750},{"style":878},[1751],{"type":49,"value":1134},{"type":43,"tag":871,"props":1753,"children":1755},{"class":873,"line":1754},22,[1756,1760,1765,1769,1773,1777,1782,1786,1790,1794,1798,1803,1807,1812,1817,1822],{"type":43,"tag":871,"props":1757,"children":1758},{"style":878},[1759],{"type":49,"value":1436},{"type":43,"tag":871,"props":1761,"children":1762},{"style":884},[1763],{"type":49,"value":1764},"Link.MenuAction",{"type":43,"tag":871,"props":1766,"children":1767},{"style":890},[1768],{"type":49,"value":1271},{"type":43,"tag":871,"props":1770,"children":1771},{"style":878},[1772],{"type":49,"value":1057},{"type":43,"tag":871,"props":1774,"children":1775},{"style":878},[1776],{"type":49,"value":924},{"type":43,"tag":871,"props":1778,"children":1779},{"style":916},[1780],{"type":49,"value":1781},"Copy",{"type":43,"tag":871,"props":1783,"children":1784},{"style":878},[1785],{"type":49,"value":924},{"type":43,"tag":871,"props":1787,"children":1788},{"style":890},[1789],{"type":49,"value":1730},{"type":43,"tag":871,"props":1791,"children":1792},{"style":878},[1793],{"type":49,"value":1057},{"type":43,"tag":871,"props":1795,"children":1796},{"style":878},[1797],{"type":49,"value":924},{"type":43,"tag":871,"props":1799,"children":1800},{"style":916},[1801],{"type":49,"value":1802},"doc.on.doc",{"type":43,"tag":871,"props":1804,"children":1805},{"style":878},[1806],{"type":49,"value":924},{"type":43,"tag":871,"props":1808,"children":1809},{"style":890},[1810],{"type":49,"value":1811}," onPress",{"type":43,"tag":871,"props":1813,"children":1814},{"style":878},[1815],{"type":49,"value":1816},"={()",{"type":43,"tag":871,"props":1818,"children":1819},{"style":890},[1820],{"type":49,"value":1821}," =>",{"type":43,"tag":871,"props":1823,"children":1824},{"style":878},[1825],{"type":49,"value":1826}," {}} \u002F>\n",{"type":43,"tag":871,"props":1828,"children":1830},{"class":873,"line":1829},23,[1831,1835],{"type":43,"tag":871,"props":1832,"children":1833},{"style":878},[1834],{"type":49,"value":1436},{"type":43,"tag":871,"props":1836,"children":1837},{"style":884},[1838],{"type":49,"value":1506},{"type":43,"tag":871,"props":1840,"children":1842},{"class":873,"line":1841},24,[1843,1848,1852,1856,1861],{"type":43,"tag":871,"props":1844,"children":1845},{"style":890},[1846],{"type":49,"value":1847},"        title",{"type":43,"tag":871,"props":1849,"children":1850},{"style":878},[1851],{"type":49,"value":1057},{"type":43,"tag":871,"props":1853,"children":1854},{"style":878},[1855],{"type":49,"value":924},{"type":43,"tag":871,"props":1857,"children":1858},{"style":916},[1859],{"type":49,"value":1860},"Delete",{"type":43,"tag":871,"props":1862,"children":1863},{"style":878},[1864],{"type":49,"value":1533},{"type":43,"tag":871,"props":1866,"children":1868},{"class":873,"line":1867},25,[1869,1874,1878,1882,1887],{"type":43,"tag":871,"props":1870,"children":1871},{"style":890},[1872],{"type":49,"value":1873},"        icon",{"type":43,"tag":871,"props":1875,"children":1876},{"style":878},[1877],{"type":49,"value":1057},{"type":43,"tag":871,"props":1879,"children":1880},{"style":878},[1881],{"type":49,"value":924},{"type":43,"tag":871,"props":1883,"children":1884},{"style":916},[1885],{"type":49,"value":1886},"trash",{"type":43,"tag":871,"props":1888,"children":1889},{"style":878},[1890],{"type":49,"value":1533},{"type":43,"tag":871,"props":1892,"children":1894},{"class":873,"line":1893},26,[1895],{"type":43,"tag":871,"props":1896,"children":1897},{"style":890},[1898],{"type":49,"value":1899},"        destructive\n",{"type":43,"tag":871,"props":1901,"children":1903},{"class":873,"line":1902},27,[1904,1909,1913,1917],{"type":43,"tag":871,"props":1905,"children":1906},{"style":890},[1907],{"type":49,"value":1908},"        onPress",{"type":43,"tag":871,"props":1910,"children":1911},{"style":878},[1912],{"type":49,"value":1816},{"type":43,"tag":871,"props":1914,"children":1915},{"style":890},[1916],{"type":49,"value":1821},{"type":43,"tag":871,"props":1918,"children":1919},{"style":878},[1920],{"type":49,"value":1921}," {}}\n",{"type":43,"tag":871,"props":1923,"children":1925},{"class":873,"line":1924},28,[1926],{"type":43,"tag":871,"props":1927,"children":1928},{"style":878},[1929],{"type":49,"value":1930},"      \u002F>\n",{"type":43,"tag":871,"props":1932,"children":1934},{"class":873,"line":1933},29,[1935,1939,1943],{"type":43,"tag":871,"props":1936,"children":1937},{"style":878},[1938],{"type":49,"value":1453},{"type":43,"tag":871,"props":1940,"children":1941},{"style":884},[1942],{"type":49,"value":1489},{"type":43,"tag":871,"props":1944,"children":1945},{"style":878},[1946],{"type":49,"value":1134},{"type":43,"tag":871,"props":1948,"children":1950},{"class":873,"line":1949},30,[1951,1955,1959],{"type":43,"tag":871,"props":1952,"children":1953},{"style":878},[1954],{"type":49,"value":1469},{"type":43,"tag":871,"props":1956,"children":1957},{"style":884},[1958],{"type":49,"value":1489},{"type":43,"tag":871,"props":1960,"children":1961},{"style":878},[1962],{"type":49,"value":1134},{"type":43,"tag":871,"props":1964,"children":1966},{"class":873,"line":1965},31,[1967,1971,1975],{"type":43,"tag":871,"props":1968,"children":1969},{"style":878},[1970],{"type":49,"value":1163},{"type":43,"tag":871,"props":1972,"children":1973},{"style":884},[1974],{"type":49,"value":946},{"type":43,"tag":871,"props":1976,"children":1977},{"style":878},[1978],{"type":49,"value":1979},">;\n",{"type":43,"tag":52,"props":1981,"children":1983},{"id":1982},"link-previews",[1984],{"type":49,"value":1985},"Link Previews",{"type":43,"tag":59,"props":1987,"children":1988},{},[1989],{"type":49,"value":1990},"Use link previews frequently to enhance navigation:",{"type":43,"tag":65,"props":1992,"children":1994},{"className":863,"code":1993,"language":865,"meta":74,"style":74},"\u003CLink href=\"\u002Fsettings\">\n  \u003CLink.Trigger>\n    \u003CPressable>\n      \u003CCard \u002F>\n    \u003C\u002FPressable>\n  \u003C\u002FLink.Trigger>\n  \u003CLink.Preview \u002F>\n\u003C\u002FLink>\n",[1995],{"type":43,"tag":72,"props":1996,"children":1997},{"__ignoreMap":74},[1998,2033,2048,2063,2078,2093,2108,2124],{"type":43,"tag":871,"props":1999,"children":2000},{"class":873,"line":874},[2001,2005,2009,2013,2017,2021,2025,2029],{"type":43,"tag":871,"props":2002,"children":2003},{"style":878},[2004],{"type":49,"value":881},{"type":43,"tag":871,"props":2006,"children":2007},{"style":884},[2008],{"type":49,"value":946},{"type":43,"tag":871,"props":2010,"children":2011},{"style":890},[2012],{"type":49,"value":1052},{"type":43,"tag":871,"props":2014,"children":2015},{"style":878},[2016],{"type":49,"value":1057},{"type":43,"tag":871,"props":2018,"children":2019},{"style":878},[2020],{"type":49,"value":924},{"type":43,"tag":871,"props":2022,"children":2023},{"style":916},[2024],{"type":49,"value":1384},{"type":43,"tag":871,"props":2026,"children":2027},{"style":878},[2028],{"type":49,"value":924},{"type":43,"tag":871,"props":2030,"children":2031},{"style":878},[2032],{"type":49,"value":1134},{"type":43,"tag":871,"props":2034,"children":2035},{"class":873,"line":1018},[2036,2040,2044],{"type":43,"tag":871,"props":2037,"children":2038},{"style":878},[2039],{"type":49,"value":1143},{"type":43,"tag":871,"props":2041,"children":2042},{"style":884},[2043],{"type":49,"value":1408},{"type":43,"tag":871,"props":2045,"children":2046},{"style":878},[2047],{"type":49,"value":1134},{"type":43,"tag":871,"props":2049,"children":2050},{"class":873,"line":1028},[2051,2055,2059],{"type":43,"tag":871,"props":2052,"children":2053},{"style":878},[2054],{"type":49,"value":1420},{"type":43,"tag":871,"props":2056,"children":2057},{"style":884},[2058],{"type":49,"value":1148},{"type":43,"tag":871,"props":2060,"children":2061},{"style":878},[2062],{"type":49,"value":1134},{"type":43,"tag":871,"props":2064,"children":2065},{"class":873,"line":1038},[2066,2070,2074],{"type":43,"tag":871,"props":2067,"children":2068},{"style":878},[2069],{"type":49,"value":1436},{"type":43,"tag":871,"props":2071,"children":2072},{"style":884},[2073],{"type":49,"value":1441},{"type":43,"tag":871,"props":2075,"children":2076},{"style":878},[2077],{"type":49,"value":1075},{"type":43,"tag":871,"props":2079,"children":2080},{"class":873,"line":1078},[2081,2085,2089],{"type":43,"tag":871,"props":2082,"children":2083},{"style":878},[2084],{"type":49,"value":1453},{"type":43,"tag":871,"props":2086,"children":2087},{"style":884},[2088],{"type":49,"value":1148},{"type":43,"tag":871,"props":2090,"children":2091},{"style":878},[2092],{"type":49,"value":1134},{"type":43,"tag":871,"props":2094,"children":2095},{"class":873,"line":1086},[2096,2100,2104],{"type":43,"tag":871,"props":2097,"children":2098},{"style":878},[2099],{"type":49,"value":1469},{"type":43,"tag":871,"props":2101,"children":2102},{"style":884},[2103],{"type":49,"value":1408},{"type":43,"tag":871,"props":2105,"children":2106},{"style":878},[2107],{"type":49,"value":1134},{"type":43,"tag":871,"props":2109,"children":2110},{"class":873,"line":1095},[2111,2115,2120],{"type":43,"tag":871,"props":2112,"children":2113},{"style":878},[2114],{"type":49,"value":1143},{"type":43,"tag":871,"props":2116,"children":2117},{"style":884},[2118],{"type":49,"value":2119},"Link.Preview",{"type":43,"tag":871,"props":2121,"children":2122},{"style":878},[2123],{"type":49,"value":1075},{"type":43,"tag":871,"props":2125,"children":2126},{"class":873,"line":1137},[2127,2131,2135],{"type":43,"tag":871,"props":2128,"children":2129},{"style":878},[2130],{"type":49,"value":1163},{"type":43,"tag":871,"props":2132,"children":2133},{"style":884},[2134],{"type":49,"value":946},{"type":43,"tag":871,"props":2136,"children":2137},{"style":878},[2138],{"type":49,"value":1134},{"type":43,"tag":59,"props":2140,"children":2141},{},[2142],{"type":49,"value":2143},"Link preview can be used with context menus.",{"type":43,"tag":52,"props":2145,"children":2147},{"id":2146},"modal",[2148],{"type":49,"value":2149},"Modal",{"type":43,"tag":59,"props":2151,"children":2152},{},[2153],{"type":49,"value":2154},"Present a screen as a modal:",{"type":43,"tag":65,"props":2156,"children":2158},{"className":863,"code":2157,"language":865,"meta":74,"style":74},"\u003CStack.Screen name=\"modal\" options={{ presentation: \"modal\" }} \u002F>\n",[2159],{"type":43,"tag":72,"props":2160,"children":2161},{"__ignoreMap":74},[2162],{"type":43,"tag":871,"props":2163,"children":2164},{"class":873,"line":874},[2165,2169,2173,2178,2182,2186,2190,2194,2198,2202,2207,2211,2215,2219,2223],{"type":43,"tag":871,"props":2166,"children":2167},{"style":878},[2168],{"type":49,"value":881},{"type":43,"tag":871,"props":2170,"children":2171},{"style":884},[2172],{"type":49,"value":1257},{"type":43,"tag":871,"props":2174,"children":2175},{"style":890},[2176],{"type":49,"value":2177}," name",{"type":43,"tag":871,"props":2179,"children":2180},{"style":878},[2181],{"type":49,"value":1057},{"type":43,"tag":871,"props":2183,"children":2184},{"style":878},[2185],{"type":49,"value":924},{"type":43,"tag":871,"props":2187,"children":2188},{"style":916},[2189],{"type":49,"value":2146},{"type":43,"tag":871,"props":2191,"children":2192},{"style":878},[2193],{"type":49,"value":924},{"type":43,"tag":871,"props":2195,"children":2196},{"style":890},[2197],{"type":49,"value":1262},{"type":43,"tag":871,"props":2199,"children":2200},{"style":878},[2201],{"type":49,"value":898},{"type":43,"tag":871,"props":2203,"children":2204},{"style":901},[2205],{"type":49,"value":2206}," presentation",{"type":43,"tag":871,"props":2208,"children":2209},{"style":878},[2210],{"type":49,"value":112},{"type":43,"tag":871,"props":2212,"children":2213},{"style":878},[2214],{"type":49,"value":913},{"type":43,"tag":871,"props":2216,"children":2217},{"style":916},[2218],{"type":49,"value":2146},{"type":43,"tag":871,"props":2220,"children":2221},{"style":878},[2222],{"type":49,"value":924},{"type":43,"tag":871,"props":2224,"children":2225},{"style":878},[2226],{"type":49,"value":929},{"type":43,"tag":59,"props":2228,"children":2229},{},[2230],{"type":49,"value":2231},"Prefer this to building a custom modal component.",{"type":43,"tag":52,"props":2233,"children":2235},{"id":2234},"sheet",[2236],{"type":49,"value":2237},"Sheet",{"type":43,"tag":59,"props":2239,"children":2240},{},[2241],{"type":49,"value":2242},"Present a screen as a dynamic form sheet:",{"type":43,"tag":65,"props":2244,"children":2246},{"className":863,"code":2245,"language":865,"meta":74,"style":74},"\u003CStack.Screen\n  name=\"sheet\"\n  options={{\n    presentation: \"formSheet\",\n    sheetGrabberVisible: true,\n    sheetAllowedDetents: [0.5, 1.0],\n    contentStyle: { backgroundColor: \"transparent\" },\n  }}\n\u002F>\n",[2247],{"type":43,"tag":72,"props":2248,"children":2249},{"__ignoreMap":74},[2250,2262,2286,2299,2329,2351,2393,2436,2444],{"type":43,"tag":871,"props":2251,"children":2252},{"class":873,"line":874},[2253,2257],{"type":43,"tag":871,"props":2254,"children":2255},{"style":878},[2256],{"type":49,"value":881},{"type":43,"tag":871,"props":2258,"children":2259},{"style":884},[2260],{"type":49,"value":2261},"Stack.Screen\n",{"type":43,"tag":871,"props":2263,"children":2264},{"class":873,"line":1018},[2265,2270,2274,2278,2282],{"type":43,"tag":871,"props":2266,"children":2267},{"style":890},[2268],{"type":49,"value":2269},"  name",{"type":43,"tag":871,"props":2271,"children":2272},{"style":878},[2273],{"type":49,"value":1057},{"type":43,"tag":871,"props":2275,"children":2276},{"style":878},[2277],{"type":49,"value":924},{"type":43,"tag":871,"props":2279,"children":2280},{"style":916},[2281],{"type":49,"value":2234},{"type":43,"tag":871,"props":2283,"children":2284},{"style":878},[2285],{"type":49,"value":1533},{"type":43,"tag":871,"props":2287,"children":2288},{"class":873,"line":1028},[2289,2294],{"type":43,"tag":871,"props":2290,"children":2291},{"style":890},[2292],{"type":49,"value":2293},"  options",{"type":43,"tag":871,"props":2295,"children":2296},{"style":878},[2297],{"type":49,"value":2298},"={{\n",{"type":43,"tag":871,"props":2300,"children":2301},{"class":873,"line":1038},[2302,2307,2311,2315,2320,2324],{"type":43,"tag":871,"props":2303,"children":2304},{"style":901},[2305],{"type":49,"value":2306},"    presentation",{"type":43,"tag":871,"props":2308,"children":2309},{"style":878},[2310],{"type":49,"value":112},{"type":43,"tag":871,"props":2312,"children":2313},{"style":878},[2314],{"type":49,"value":913},{"type":43,"tag":871,"props":2316,"children":2317},{"style":916},[2318],{"type":49,"value":2319},"formSheet",{"type":43,"tag":871,"props":2321,"children":2322},{"style":878},[2323],{"type":49,"value":924},{"type":43,"tag":871,"props":2325,"children":2326},{"style":878},[2327],{"type":49,"value":2328},",\n",{"type":43,"tag":871,"props":2330,"children":2331},{"class":873,"line":1078},[2332,2337,2341,2347],{"type":43,"tag":871,"props":2333,"children":2334},{"style":901},[2335],{"type":49,"value":2336},"    sheetGrabberVisible",{"type":43,"tag":871,"props":2338,"children":2339},{"style":878},[2340],{"type":49,"value":112},{"type":43,"tag":871,"props":2342,"children":2344},{"style":2343},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[2345],{"type":49,"value":2346}," true",{"type":43,"tag":871,"props":2348,"children":2349},{"style":878},[2350],{"type":49,"value":2328},{"type":43,"tag":871,"props":2352,"children":2353},{"class":873,"line":1086},[2354,2359,2363,2368,2374,2379,2384,2389],{"type":43,"tag":871,"props":2355,"children":2356},{"style":901},[2357],{"type":49,"value":2358},"    sheetAllowedDetents",{"type":43,"tag":871,"props":2360,"children":2361},{"style":878},[2362],{"type":49,"value":112},{"type":43,"tag":871,"props":2364,"children":2365},{"style":982},[2366],{"type":49,"value":2367}," [",{"type":43,"tag":871,"props":2369,"children":2371},{"style":2370},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2372],{"type":49,"value":2373},"0.5",{"type":43,"tag":871,"props":2375,"children":2376},{"style":878},[2377],{"type":49,"value":2378},",",{"type":43,"tag":871,"props":2380,"children":2381},{"style":2370},[2382],{"type":49,"value":2383}," 1.0",{"type":43,"tag":871,"props":2385,"children":2386},{"style":982},[2387],{"type":49,"value":2388},"]",{"type":43,"tag":871,"props":2390,"children":2391},{"style":878},[2392],{"type":49,"value":2328},{"type":43,"tag":871,"props":2394,"children":2395},{"class":873,"line":1095},[2396,2401,2405,2409,2414,2418,2422,2427,2431],{"type":43,"tag":871,"props":2397,"children":2398},{"style":901},[2399],{"type":49,"value":2400},"    contentStyle",{"type":43,"tag":871,"props":2402,"children":2403},{"style":878},[2404],{"type":49,"value":112},{"type":43,"tag":871,"props":2406,"children":2407},{"style":878},[2408],{"type":49,"value":979},{"type":43,"tag":871,"props":2410,"children":2411},{"style":901},[2412],{"type":49,"value":2413}," backgroundColor",{"type":43,"tag":871,"props":2415,"children":2416},{"style":878},[2417],{"type":49,"value":112},{"type":43,"tag":871,"props":2419,"children":2420},{"style":878},[2421],{"type":49,"value":913},{"type":43,"tag":871,"props":2423,"children":2424},{"style":916},[2425],{"type":49,"value":2426},"transparent",{"type":43,"tag":871,"props":2428,"children":2429},{"style":878},[2430],{"type":49,"value":924},{"type":43,"tag":871,"props":2432,"children":2433},{"style":878},[2434],{"type":49,"value":2435}," },\n",{"type":43,"tag":871,"props":2437,"children":2438},{"class":873,"line":1137},[2439],{"type":43,"tag":871,"props":2440,"children":2441},{"style":878},[2442],{"type":49,"value":2443},"  }}\n",{"type":43,"tag":871,"props":2445,"children":2446},{"class":873,"line":1174},[2447],{"type":43,"tag":871,"props":2448,"children":2449},{"style":878},[2450],{"type":49,"value":2451},"\u002F>\n",{"type":43,"tag":184,"props":2453,"children":2454},{},[2455],{"type":43,"tag":118,"props":2456,"children":2457},{},[2458,2460,2466],{"type":49,"value":2459},"Using ",{"type":43,"tag":72,"props":2461,"children":2463},{"className":2462},[],[2464],{"type":49,"value":2465},"contentStyle: { backgroundColor: \"transparent\" }",{"type":49,"value":2467}," makes the background liquid glass on iOS 26+.",{"type":43,"tag":52,"props":2469,"children":2471},{"id":2470},"common-route-structure",[2472],{"type":49,"value":2473},"Common route structure",{"type":43,"tag":59,"props":2475,"children":2476},{},[2477],{"type":49,"value":2478},"A standard app layout with tabs and stacks inside each tab:",{"type":43,"tag":65,"props":2480,"children":2483},{"className":2481,"code":2482,"language":49},[68],"app\u002F\n  _layout.tsx — \u003CNativeTabs \u002F>\n  (index,search)\u002F\n    _layout.tsx — \u003CStack \u002F>\n    index.tsx — Main list\n    search.tsx — Search view\n",[2484],{"type":43,"tag":72,"props":2485,"children":2486},{"__ignoreMap":74},[2487],{"type":49,"value":2482},{"type":43,"tag":65,"props":2489,"children":2491},{"className":863,"code":2490,"language":865,"meta":74,"style":74},"\u002F\u002F app\u002F_layout.tsx\nimport { NativeTabs, Icon, Label } from \"expo-router\u002Funstable-native-tabs\";\nimport { Theme } from \"..\u002Fcomponents\u002Ftheme\";\n\nexport default function Layout() {\n  return (\n    \u003CTheme>\n      \u003CNativeTabs>\n        \u003CNativeTabs.Trigger name=\"(index)\">\n          \u003CIcon sf=\"list.dash\" \u002F>\n          \u003CLabel>Items\u003C\u002FLabel>\n        \u003C\u002FNativeTabs.Trigger>\n        \u003CNativeTabs.Trigger name=\"(search)\" role=\"search\" \u002F>\n      \u003C\u002FNativeTabs>\n    \u003C\u002FTheme>\n  );\n}\n",[2492],{"type":43,"tag":72,"props":2493,"children":2494},{"__ignoreMap":74},[2495,2503,2562,2603,2610,2644,2657,2673,2689,2727,2766,2799,2815,2873,2889,2904,2916],{"type":43,"tag":871,"props":2496,"children":2497},{"class":873,"line":874},[2498],{"type":43,"tag":871,"props":2499,"children":2500},{"style":1032},[2501],{"type":49,"value":2502},"\u002F\u002F app\u002F_layout.tsx\n",{"type":43,"tag":871,"props":2504,"children":2505},{"class":873,"line":1018},[2506,2510,2514,2519,2523,2528,2532,2537,2541,2545,2549,2554,2558],{"type":43,"tag":871,"props":2507,"children":2508},{"style":971},[2509],{"type":49,"value":974},{"type":43,"tag":871,"props":2511,"children":2512},{"style":878},[2513],{"type":49,"value":979},{"type":43,"tag":871,"props":2515,"children":2516},{"style":982},[2517],{"type":49,"value":2518}," NativeTabs",{"type":43,"tag":871,"props":2520,"children":2521},{"style":878},[2522],{"type":49,"value":2378},{"type":43,"tag":871,"props":2524,"children":2525},{"style":982},[2526],{"type":49,"value":2527}," Icon",{"type":43,"tag":871,"props":2529,"children":2530},{"style":878},[2531],{"type":49,"value":2378},{"type":43,"tag":871,"props":2533,"children":2534},{"style":982},[2535],{"type":49,"value":2536}," Label",{"type":43,"tag":871,"props":2538,"children":2539},{"style":878},[2540],{"type":49,"value":990},{"type":43,"tag":871,"props":2542,"children":2543},{"style":971},[2544],{"type":49,"value":995},{"type":43,"tag":871,"props":2546,"children":2547},{"style":878},[2548],{"type":49,"value":913},{"type":43,"tag":871,"props":2550,"children":2551},{"style":916},[2552],{"type":49,"value":2553},"expo-router\u002Funstable-native-tabs",{"type":43,"tag":871,"props":2555,"children":2556},{"style":878},[2557],{"type":49,"value":924},{"type":43,"tag":871,"props":2559,"children":2560},{"style":878},[2561],{"type":49,"value":1015},{"type":43,"tag":871,"props":2563,"children":2564},{"class":873,"line":1028},[2565,2569,2573,2578,2582,2586,2590,2595,2599],{"type":43,"tag":871,"props":2566,"children":2567},{"style":971},[2568],{"type":49,"value":974},{"type":43,"tag":871,"props":2570,"children":2571},{"style":878},[2572],{"type":49,"value":979},{"type":43,"tag":871,"props":2574,"children":2575},{"style":982},[2576],{"type":49,"value":2577}," Theme",{"type":43,"tag":871,"props":2579,"children":2580},{"style":878},[2581],{"type":49,"value":990},{"type":43,"tag":871,"props":2583,"children":2584},{"style":971},[2585],{"type":49,"value":995},{"type":43,"tag":871,"props":2587,"children":2588},{"style":878},[2589],{"type":49,"value":913},{"type":43,"tag":871,"props":2591,"children":2592},{"style":916},[2593],{"type":49,"value":2594},"..\u002Fcomponents\u002Ftheme",{"type":43,"tag":871,"props":2596,"children":2597},{"style":878},[2598],{"type":49,"value":924},{"type":43,"tag":871,"props":2600,"children":2601},{"style":878},[2602],{"type":49,"value":1015},{"type":43,"tag":871,"props":2604,"children":2605},{"class":873,"line":1038},[2606],{"type":43,"tag":871,"props":2607,"children":2608},{"emptyLinePlaceholder":1022},[2609],{"type":49,"value":1025},{"type":43,"tag":871,"props":2611,"children":2612},{"class":873,"line":1078},[2613,2618,2623,2628,2634,2639],{"type":43,"tag":871,"props":2614,"children":2615},{"style":971},[2616],{"type":49,"value":2617},"export",{"type":43,"tag":871,"props":2619,"children":2620},{"style":971},[2621],{"type":49,"value":2622}," default",{"type":43,"tag":871,"props":2624,"children":2625},{"style":890},[2626],{"type":49,"value":2627}," function",{"type":43,"tag":871,"props":2629,"children":2631},{"style":2630},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[2632],{"type":49,"value":2633}," Layout",{"type":43,"tag":871,"props":2635,"children":2636},{"style":878},[2637],{"type":49,"value":2638},"()",{"type":43,"tag":871,"props":2640,"children":2641},{"style":878},[2642],{"type":49,"value":2643}," {\n",{"type":43,"tag":871,"props":2645,"children":2646},{"class":873,"line":1086},[2647,2652],{"type":43,"tag":871,"props":2648,"children":2649},{"style":971},[2650],{"type":49,"value":2651},"  return",{"type":43,"tag":871,"props":2653,"children":2654},{"style":901},[2655],{"type":49,"value":2656}," (\n",{"type":43,"tag":871,"props":2658,"children":2659},{"class":873,"line":1095},[2660,2664,2669],{"type":43,"tag":871,"props":2661,"children":2662},{"style":878},[2663],{"type":49,"value":1420},{"type":43,"tag":871,"props":2665,"children":2666},{"style":884},[2667],{"type":49,"value":2668},"Theme",{"type":43,"tag":871,"props":2670,"children":2671},{"style":878},[2672],{"type":49,"value":1134},{"type":43,"tag":871,"props":2674,"children":2675},{"class":873,"line":1137},[2676,2680,2685],{"type":43,"tag":871,"props":2677,"children":2678},{"style":878},[2679],{"type":49,"value":1436},{"type":43,"tag":871,"props":2681,"children":2682},{"style":884},[2683],{"type":49,"value":2684},"NativeTabs",{"type":43,"tag":871,"props":2686,"children":2687},{"style":878},[2688],{"type":49,"value":1134},{"type":43,"tag":871,"props":2690,"children":2691},{"class":873,"line":1174},[2692,2697,2702,2706,2710,2714,2719,2723],{"type":43,"tag":871,"props":2693,"children":2694},{"style":878},[2695],{"type":49,"value":2696},"        \u003C",{"type":43,"tag":871,"props":2698,"children":2699},{"style":884},[2700],{"type":49,"value":2701},"NativeTabs.Trigger",{"type":43,"tag":871,"props":2703,"children":2704},{"style":890},[2705],{"type":49,"value":2177},{"type":43,"tag":871,"props":2707,"children":2708},{"style":878},[2709],{"type":49,"value":1057},{"type":43,"tag":871,"props":2711,"children":2712},{"style":878},[2713],{"type":49,"value":924},{"type":43,"tag":871,"props":2715,"children":2716},{"style":916},[2717],{"type":49,"value":2718},"(index)",{"type":43,"tag":871,"props":2720,"children":2721},{"style":878},[2722],{"type":49,"value":924},{"type":43,"tag":871,"props":2724,"children":2725},{"style":878},[2726],{"type":49,"value":1134},{"type":43,"tag":871,"props":2728,"children":2729},{"class":873,"line":1496},[2730,2735,2740,2745,2749,2753,2758,2762],{"type":43,"tag":871,"props":2731,"children":2732},{"style":878},[2733],{"type":49,"value":2734},"          \u003C",{"type":43,"tag":871,"props":2736,"children":2737},{"style":884},[2738],{"type":49,"value":2739},"Icon",{"type":43,"tag":871,"props":2741,"children":2742},{"style":890},[2743],{"type":49,"value":2744}," sf",{"type":43,"tag":871,"props":2746,"children":2747},{"style":878},[2748],{"type":49,"value":1057},{"type":43,"tag":871,"props":2750,"children":2751},{"style":878},[2752],{"type":49,"value":924},{"type":43,"tag":871,"props":2754,"children":2755},{"style":916},[2756],{"type":49,"value":2757},"list.dash",{"type":43,"tag":871,"props":2759,"children":2760},{"style":878},[2761],{"type":49,"value":924},{"type":43,"tag":871,"props":2763,"children":2764},{"style":878},[2765],{"type":49,"value":1075},{"type":43,"tag":871,"props":2767,"children":2768},{"class":873,"line":1509},[2769,2773,2778,2782,2787,2791,2795],{"type":43,"tag":871,"props":2770,"children":2771},{"style":878},[2772],{"type":49,"value":2734},{"type":43,"tag":871,"props":2774,"children":2775},{"style":884},[2776],{"type":49,"value":2777},"Label",{"type":43,"tag":871,"props":2779,"children":2780},{"style":878},[2781],{"type":49,"value":1153},{"type":43,"tag":871,"props":2783,"children":2784},{"style":982},[2785],{"type":49,"value":2786},"Items",{"type":43,"tag":871,"props":2788,"children":2789},{"style":878},[2790],{"type":49,"value":1163},{"type":43,"tag":871,"props":2792,"children":2793},{"style":884},[2794],{"type":49,"value":2777},{"type":43,"tag":871,"props":2796,"children":2797},{"style":878},[2798],{"type":49,"value":1134},{"type":43,"tag":871,"props":2800,"children":2801},{"class":873,"line":1536},[2802,2807,2811],{"type":43,"tag":871,"props":2803,"children":2804},{"style":878},[2805],{"type":49,"value":2806},"        \u003C\u002F",{"type":43,"tag":871,"props":2808,"children":2809},{"style":884},[2810],{"type":49,"value":2701},{"type":43,"tag":871,"props":2812,"children":2813},{"style":878},[2814],{"type":49,"value":1134},{"type":43,"tag":871,"props":2816,"children":2817},{"class":873,"line":1562},[2818,2822,2826,2830,2834,2838,2843,2847,2852,2856,2860,2865,2869],{"type":43,"tag":871,"props":2819,"children":2820},{"style":878},[2821],{"type":49,"value":2696},{"type":43,"tag":871,"props":2823,"children":2824},{"style":884},[2825],{"type":49,"value":2701},{"type":43,"tag":871,"props":2827,"children":2828},{"style":890},[2829],{"type":49,"value":2177},{"type":43,"tag":871,"props":2831,"children":2832},{"style":878},[2833],{"type":49,"value":1057},{"type":43,"tag":871,"props":2835,"children":2836},{"style":878},[2837],{"type":49,"value":924},{"type":43,"tag":871,"props":2839,"children":2840},{"style":916},[2841],{"type":49,"value":2842},"(search)",{"type":43,"tag":871,"props":2844,"children":2845},{"style":878},[2846],{"type":49,"value":924},{"type":43,"tag":871,"props":2848,"children":2849},{"style":890},[2850],{"type":49,"value":2851}," role",{"type":43,"tag":871,"props":2853,"children":2854},{"style":878},[2855],{"type":49,"value":1057},{"type":43,"tag":871,"props":2857,"children":2858},{"style":878},[2859],{"type":49,"value":924},{"type":43,"tag":871,"props":2861,"children":2862},{"style":916},[2863],{"type":49,"value":2864},"search",{"type":43,"tag":871,"props":2866,"children":2867},{"style":878},[2868],{"type":49,"value":924},{"type":43,"tag":871,"props":2870,"children":2871},{"style":878},[2872],{"type":49,"value":1075},{"type":43,"tag":871,"props":2874,"children":2875},{"class":873,"line":1586},[2876,2881,2885],{"type":43,"tag":871,"props":2877,"children":2878},{"style":878},[2879],{"type":49,"value":2880},"      \u003C\u002F",{"type":43,"tag":871,"props":2882,"children":2883},{"style":884},[2884],{"type":49,"value":2684},{"type":43,"tag":871,"props":2886,"children":2887},{"style":878},[2888],{"type":49,"value":1134},{"type":43,"tag":871,"props":2890,"children":2891},{"class":873,"line":1595},[2892,2896,2900],{"type":43,"tag":871,"props":2893,"children":2894},{"style":878},[2895],{"type":49,"value":1453},{"type":43,"tag":871,"props":2897,"children":2898},{"style":884},[2899],{"type":49,"value":2668},{"type":43,"tag":871,"props":2901,"children":2902},{"style":878},[2903],{"type":49,"value":1134},{"type":43,"tag":871,"props":2905,"children":2906},{"class":873,"line":1607},[2907,2912],{"type":43,"tag":871,"props":2908,"children":2909},{"style":901},[2910],{"type":49,"value":2911},"  )",{"type":43,"tag":871,"props":2913,"children":2914},{"style":878},[2915],{"type":49,"value":1015},{"type":43,"tag":871,"props":2917,"children":2918},{"class":873,"line":1632},[2919],{"type":43,"tag":871,"props":2920,"children":2921},{"style":878},[2922],{"type":49,"value":1583},{"type":43,"tag":59,"props":2924,"children":2925},{},[2926],{"type":49,"value":2927},"Create a shared group route so both tabs can push common screens:",{"type":43,"tag":65,"props":2929,"children":2931},{"className":863,"code":2930,"language":865,"meta":74,"style":74},"\u002F\u002F app\u002F(index,search)\u002F_layout.tsx\nimport { Stack } from \"expo-router\u002Fstack\";\nimport { PlatformColor } from \"react-native\";\n\nexport default function Layout({ segment }) {\n  const screen = segment.match(\u002F\\((.*)\\)\u002F)?.[1]!;\n  const titles: Record\u003Cstring, string> = { index: \"Items\", search: \"Search\" };\n\n  return (\n    \u003CStack\n      screenOptions={{\n        headerTransparent: true,\n        headerShadowVisible: false,\n        headerLargeTitleShadowVisible: false,\n        headerLargeStyle: { backgroundColor: \"transparent\" },\n        headerTitleStyle: { color: PlatformColor(\"label\") },\n        headerLargeTitle: true,\n        headerBlurEffect: \"none\",\n        headerBackButtonDisplayMode: \"minimal\",\n      }}\n    >\n      \u003CStack.Screen name={screen} options={{ title: titles[screen] }} \u002F>\n      \u003CStack.Screen name=\"i\u002F[id]\" options={{ headerLargeTitle: false }} \u002F>\n    \u003C\u002FStack>\n  );\n}\n",[2932],{"type":43,"tag":72,"props":2933,"children":2934},{"__ignoreMap":74},[2935,2943,2984,3025,3032,3071,3168,3271,3278,3289,3301,3313,3333,3354,3374,3414,3470,3490,3519,3548,3556,3564,3620,3677,3692,3703],{"type":43,"tag":871,"props":2936,"children":2937},{"class":873,"line":874},[2938],{"type":43,"tag":871,"props":2939,"children":2940},{"style":1032},[2941],{"type":49,"value":2942},"\u002F\u002F app\u002F(index,search)\u002F_layout.tsx\n",{"type":43,"tag":871,"props":2944,"children":2945},{"class":873,"line":1018},[2946,2950,2954,2959,2963,2967,2971,2976,2980],{"type":43,"tag":871,"props":2947,"children":2948},{"style":971},[2949],{"type":49,"value":974},{"type":43,"tag":871,"props":2951,"children":2952},{"style":878},[2953],{"type":49,"value":979},{"type":43,"tag":871,"props":2955,"children":2956},{"style":982},[2957],{"type":49,"value":2958}," Stack",{"type":43,"tag":871,"props":2960,"children":2961},{"style":878},[2962],{"type":49,"value":990},{"type":43,"tag":871,"props":2964,"children":2965},{"style":971},[2966],{"type":49,"value":995},{"type":43,"tag":871,"props":2968,"children":2969},{"style":878},[2970],{"type":49,"value":913},{"type":43,"tag":871,"props":2972,"children":2973},{"style":916},[2974],{"type":49,"value":2975},"expo-router\u002Fstack",{"type":43,"tag":871,"props":2977,"children":2978},{"style":878},[2979],{"type":49,"value":924},{"type":43,"tag":871,"props":2981,"children":2982},{"style":878},[2983],{"type":49,"value":1015},{"type":43,"tag":871,"props":2985,"children":2986},{"class":873,"line":1028},[2987,2991,2995,3000,3004,3008,3012,3017,3021],{"type":43,"tag":871,"props":2988,"children":2989},{"style":971},[2990],{"type":49,"value":974},{"type":43,"tag":871,"props":2992,"children":2993},{"style":878},[2994],{"type":49,"value":979},{"type":43,"tag":871,"props":2996,"children":2997},{"style":982},[2998],{"type":49,"value":2999}," PlatformColor",{"type":43,"tag":871,"props":3001,"children":3002},{"style":878},[3003],{"type":49,"value":990},{"type":43,"tag":871,"props":3005,"children":3006},{"style":971},[3007],{"type":49,"value":995},{"type":43,"tag":871,"props":3009,"children":3010},{"style":878},[3011],{"type":49,"value":913},{"type":43,"tag":871,"props":3013,"children":3014},{"style":916},[3015],{"type":49,"value":3016},"react-native",{"type":43,"tag":871,"props":3018,"children":3019},{"style":878},[3020],{"type":49,"value":924},{"type":43,"tag":871,"props":3022,"children":3023},{"style":878},[3024],{"type":49,"value":1015},{"type":43,"tag":871,"props":3026,"children":3027},{"class":873,"line":1038},[3028],{"type":43,"tag":871,"props":3029,"children":3030},{"emptyLinePlaceholder":1022},[3031],{"type":49,"value":1025},{"type":43,"tag":871,"props":3033,"children":3034},{"class":873,"line":1078},[3035,3039,3043,3047,3051,3056,3062,3067],{"type":43,"tag":871,"props":3036,"children":3037},{"style":971},[3038],{"type":49,"value":2617},{"type":43,"tag":871,"props":3040,"children":3041},{"style":971},[3042],{"type":49,"value":2622},{"type":43,"tag":871,"props":3044,"children":3045},{"style":890},[3046],{"type":49,"value":2627},{"type":43,"tag":871,"props":3048,"children":3049},{"style":2630},[3050],{"type":49,"value":2633},{"type":43,"tag":871,"props":3052,"children":3053},{"style":878},[3054],{"type":49,"value":3055},"({",{"type":43,"tag":871,"props":3057,"children":3059},{"style":3058},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3060],{"type":49,"value":3061}," segment",{"type":43,"tag":871,"props":3063,"children":3064},{"style":878},[3065],{"type":49,"value":3066}," })",{"type":43,"tag":871,"props":3068,"children":3069},{"style":878},[3070],{"type":49,"value":2643},{"type":43,"tag":871,"props":3072,"children":3073},{"class":873,"line":1086},[3074,3079,3084,3089,3093,3098,3103,3108,3113,3118,3122,3126,3131,3136,3140,3144,3149,3154,3159,3163],{"type":43,"tag":871,"props":3075,"children":3076},{"style":890},[3077],{"type":49,"value":3078},"  const",{"type":43,"tag":871,"props":3080,"children":3081},{"style":982},[3082],{"type":49,"value":3083}," screen",{"type":43,"tag":871,"props":3085,"children":3086},{"style":878},[3087],{"type":49,"value":3088}," =",{"type":43,"tag":871,"props":3090,"children":3091},{"style":982},[3092],{"type":49,"value":3061},{"type":43,"tag":871,"props":3094,"children":3095},{"style":878},[3096],{"type":49,"value":3097},".",{"type":43,"tag":871,"props":3099,"children":3100},{"style":2630},[3101],{"type":49,"value":3102},"match",{"type":43,"tag":871,"props":3104,"children":3105},{"style":901},[3106],{"type":49,"value":3107},"(",{"type":43,"tag":871,"props":3109,"children":3110},{"style":878},[3111],{"type":49,"value":3112},"\u002F",{"type":43,"tag":871,"props":3114,"children":3115},{"style":982},[3116],{"type":49,"value":3117},"\\(",{"type":43,"tag":871,"props":3119,"children":3120},{"style":878},[3121],{"type":49,"value":3107},{"type":43,"tag":871,"props":3123,"children":3124},{"style":916},[3125],{"type":49,"value":3097},{"type":43,"tag":871,"props":3127,"children":3128},{"style":878},[3129],{"type":49,"value":3130},"*)",{"type":43,"tag":871,"props":3132,"children":3133},{"style":982},[3134],{"type":49,"value":3135},"\\)",{"type":43,"tag":871,"props":3137,"children":3138},{"style":878},[3139],{"type":49,"value":3112},{"type":43,"tag":871,"props":3141,"children":3142},{"style":901},[3143],{"type":49,"value":204},{"type":43,"tag":871,"props":3145,"children":3146},{"style":878},[3147],{"type":49,"value":3148},"?.",{"type":43,"tag":871,"props":3150,"children":3151},{"style":901},[3152],{"type":49,"value":3153},"[",{"type":43,"tag":871,"props":3155,"children":3156},{"style":2370},[3157],{"type":49,"value":3158},"1",{"type":43,"tag":871,"props":3160,"children":3161},{"style":901},[3162],{"type":49,"value":2388},{"type":43,"tag":871,"props":3164,"children":3165},{"style":878},[3166],{"type":49,"value":3167},"!;\n",{"type":43,"tag":871,"props":3169,"children":3170},{"class":873,"line":1095},[3171,3175,3180,3184,3189,3193,3198,3202,3207,3211,3215,3219,3224,3228,3232,3236,3240,3244,3249,3253,3257,3262,3266],{"type":43,"tag":871,"props":3172,"children":3173},{"style":890},[3174],{"type":49,"value":3078},{"type":43,"tag":871,"props":3176,"children":3177},{"style":982},[3178],{"type":49,"value":3179}," titles",{"type":43,"tag":871,"props":3181,"children":3182},{"style":878},[3183],{"type":49,"value":112},{"type":43,"tag":871,"props":3185,"children":3186},{"style":884},[3187],{"type":49,"value":3188}," Record",{"type":43,"tag":871,"props":3190,"children":3191},{"style":878},[3192],{"type":49,"value":881},{"type":43,"tag":871,"props":3194,"children":3195},{"style":884},[3196],{"type":49,"value":3197},"string",{"type":43,"tag":871,"props":3199,"children":3200},{"style":878},[3201],{"type":49,"value":2378},{"type":43,"tag":871,"props":3203,"children":3204},{"style":884},[3205],{"type":49,"value":3206}," string",{"type":43,"tag":871,"props":3208,"children":3209},{"style":878},[3210],{"type":49,"value":1153},{"type":43,"tag":871,"props":3212,"children":3213},{"style":878},[3214],{"type":49,"value":3088},{"type":43,"tag":871,"props":3216,"children":3217},{"style":878},[3218],{"type":49,"value":979},{"type":43,"tag":871,"props":3220,"children":3221},{"style":901},[3222],{"type":49,"value":3223}," index",{"type":43,"tag":871,"props":3225,"children":3226},{"style":878},[3227],{"type":49,"value":112},{"type":43,"tag":871,"props":3229,"children":3230},{"style":878},[3231],{"type":49,"value":913},{"type":43,"tag":871,"props":3233,"children":3234},{"style":916},[3235],{"type":49,"value":2786},{"type":43,"tag":871,"props":3237,"children":3238},{"style":878},[3239],{"type":49,"value":924},{"type":43,"tag":871,"props":3241,"children":3242},{"style":878},[3243],{"type":49,"value":2378},{"type":43,"tag":871,"props":3245,"children":3246},{"style":901},[3247],{"type":49,"value":3248}," search",{"type":43,"tag":871,"props":3250,"children":3251},{"style":878},[3252],{"type":49,"value":112},{"type":43,"tag":871,"props":3254,"children":3255},{"style":878},[3256],{"type":49,"value":913},{"type":43,"tag":871,"props":3258,"children":3259},{"style":916},[3260],{"type":49,"value":3261},"Search",{"type":43,"tag":871,"props":3263,"children":3264},{"style":878},[3265],{"type":49,"value":924},{"type":43,"tag":871,"props":3267,"children":3268},{"style":878},[3269],{"type":49,"value":3270}," };\n",{"type":43,"tag":871,"props":3272,"children":3273},{"class":873,"line":1137},[3274],{"type":43,"tag":871,"props":3275,"children":3276},{"emptyLinePlaceholder":1022},[3277],{"type":49,"value":1025},{"type":43,"tag":871,"props":3279,"children":3280},{"class":873,"line":1174},[3281,3285],{"type":43,"tag":871,"props":3282,"children":3283},{"style":971},[3284],{"type":49,"value":2651},{"type":43,"tag":871,"props":3286,"children":3287},{"style":901},[3288],{"type":49,"value":2656},{"type":43,"tag":871,"props":3290,"children":3291},{"class":873,"line":1496},[3292,3296],{"type":43,"tag":871,"props":3293,"children":3294},{"style":878},[3295],{"type":49,"value":1420},{"type":43,"tag":871,"props":3297,"children":3298},{"style":884},[3299],{"type":49,"value":3300},"Stack\n",{"type":43,"tag":871,"props":3302,"children":3303},{"class":873,"line":1509},[3304,3309],{"type":43,"tag":871,"props":3305,"children":3306},{"style":890},[3307],{"type":49,"value":3308},"      screenOptions",{"type":43,"tag":871,"props":3310,"children":3311},{"style":878},[3312],{"type":49,"value":2298},{"type":43,"tag":871,"props":3314,"children":3315},{"class":873,"line":1536},[3316,3321,3325,3329],{"type":43,"tag":871,"props":3317,"children":3318},{"style":901},[3319],{"type":49,"value":3320},"        headerTransparent",{"type":43,"tag":871,"props":3322,"children":3323},{"style":878},[3324],{"type":49,"value":112},{"type":43,"tag":871,"props":3326,"children":3327},{"style":2343},[3328],{"type":49,"value":2346},{"type":43,"tag":871,"props":3330,"children":3331},{"style":878},[3332],{"type":49,"value":2328},{"type":43,"tag":871,"props":3334,"children":3335},{"class":873,"line":1562},[3336,3341,3345,3350],{"type":43,"tag":871,"props":3337,"children":3338},{"style":901},[3339],{"type":49,"value":3340},"        headerShadowVisible",{"type":43,"tag":871,"props":3342,"children":3343},{"style":878},[3344],{"type":49,"value":112},{"type":43,"tag":871,"props":3346,"children":3347},{"style":2343},[3348],{"type":49,"value":3349}," false",{"type":43,"tag":871,"props":3351,"children":3352},{"style":878},[3353],{"type":49,"value":2328},{"type":43,"tag":871,"props":3355,"children":3356},{"class":873,"line":1586},[3357,3362,3366,3370],{"type":43,"tag":871,"props":3358,"children":3359},{"style":901},[3360],{"type":49,"value":3361},"        headerLargeTitleShadowVisible",{"type":43,"tag":871,"props":3363,"children":3364},{"style":878},[3365],{"type":49,"value":112},{"type":43,"tag":871,"props":3367,"children":3368},{"style":2343},[3369],{"type":49,"value":3349},{"type":43,"tag":871,"props":3371,"children":3372},{"style":878},[3373],{"type":49,"value":2328},{"type":43,"tag":871,"props":3375,"children":3376},{"class":873,"line":1595},[3377,3382,3386,3390,3394,3398,3402,3406,3410],{"type":43,"tag":871,"props":3378,"children":3379},{"style":901},[3380],{"type":49,"value":3381},"        headerLargeStyle",{"type":43,"tag":871,"props":3383,"children":3384},{"style":878},[3385],{"type":49,"value":112},{"type":43,"tag":871,"props":3387,"children":3388},{"style":878},[3389],{"type":49,"value":979},{"type":43,"tag":871,"props":3391,"children":3392},{"style":901},[3393],{"type":49,"value":2413},{"type":43,"tag":871,"props":3395,"children":3396},{"style":878},[3397],{"type":49,"value":112},{"type":43,"tag":871,"props":3399,"children":3400},{"style":878},[3401],{"type":49,"value":913},{"type":43,"tag":871,"props":3403,"children":3404},{"style":916},[3405],{"type":49,"value":2426},{"type":43,"tag":871,"props":3407,"children":3408},{"style":878},[3409],{"type":49,"value":924},{"type":43,"tag":871,"props":3411,"children":3412},{"style":878},[3413],{"type":49,"value":2435},{"type":43,"tag":871,"props":3415,"children":3416},{"class":873,"line":1607},[3417,3422,3426,3430,3435,3439,3443,3447,3451,3456,3460,3465],{"type":43,"tag":871,"props":3418,"children":3419},{"style":901},[3420],{"type":49,"value":3421},"        headerTitleStyle",{"type":43,"tag":871,"props":3423,"children":3424},{"style":878},[3425],{"type":49,"value":112},{"type":43,"tag":871,"props":3427,"children":3428},{"style":878},[3429],{"type":49,"value":979},{"type":43,"tag":871,"props":3431,"children":3432},{"style":901},[3433],{"type":49,"value":3434}," color",{"type":43,"tag":871,"props":3436,"children":3437},{"style":878},[3438],{"type":49,"value":112},{"type":43,"tag":871,"props":3440,"children":3441},{"style":2630},[3442],{"type":49,"value":2999},{"type":43,"tag":871,"props":3444,"children":3445},{"style":982},[3446],{"type":49,"value":3107},{"type":43,"tag":871,"props":3448,"children":3449},{"style":878},[3450],{"type":49,"value":924},{"type":43,"tag":871,"props":3452,"children":3453},{"style":916},[3454],{"type":49,"value":3455},"label",{"type":43,"tag":871,"props":3457,"children":3458},{"style":878},[3459],{"type":49,"value":924},{"type":43,"tag":871,"props":3461,"children":3462},{"style":982},[3463],{"type":49,"value":3464},") ",{"type":43,"tag":871,"props":3466,"children":3467},{"style":878},[3468],{"type":49,"value":3469},"},\n",{"type":43,"tag":871,"props":3471,"children":3472},{"class":873,"line":1632},[3473,3478,3482,3486],{"type":43,"tag":871,"props":3474,"children":3475},{"style":901},[3476],{"type":49,"value":3477},"        headerLargeTitle",{"type":43,"tag":871,"props":3479,"children":3480},{"style":878},[3481],{"type":49,"value":112},{"type":43,"tag":871,"props":3483,"children":3484},{"style":2343},[3485],{"type":49,"value":2346},{"type":43,"tag":871,"props":3487,"children":3488},{"style":878},[3489],{"type":49,"value":2328},{"type":43,"tag":871,"props":3491,"children":3492},{"class":873,"line":1657},[3493,3498,3502,3506,3511,3515],{"type":43,"tag":871,"props":3494,"children":3495},{"style":901},[3496],{"type":49,"value":3497},"        headerBlurEffect",{"type":43,"tag":871,"props":3499,"children":3500},{"style":878},[3501],{"type":49,"value":112},{"type":43,"tag":871,"props":3503,"children":3504},{"style":878},[3505],{"type":49,"value":913},{"type":43,"tag":871,"props":3507,"children":3508},{"style":916},[3509],{"type":49,"value":3510},"none",{"type":43,"tag":871,"props":3512,"children":3513},{"style":878},[3514],{"type":49,"value":924},{"type":43,"tag":871,"props":3516,"children":3517},{"style":878},[3518],{"type":49,"value":2328},{"type":43,"tag":871,"props":3520,"children":3521},{"class":873,"line":1666},[3522,3527,3531,3535,3540,3544],{"type":43,"tag":871,"props":3523,"children":3524},{"style":901},[3525],{"type":49,"value":3526},"        headerBackButtonDisplayMode",{"type":43,"tag":871,"props":3528,"children":3529},{"style":878},[3530],{"type":49,"value":112},{"type":43,"tag":871,"props":3532,"children":3533},{"style":878},[3534],{"type":49,"value":913},{"type":43,"tag":871,"props":3536,"children":3537},{"style":916},[3538],{"type":49,"value":3539},"minimal",{"type":43,"tag":871,"props":3541,"children":3542},{"style":878},[3543],{"type":49,"value":924},{"type":43,"tag":871,"props":3545,"children":3546},{"style":878},[3547],{"type":49,"value":2328},{"type":43,"tag":871,"props":3549,"children":3550},{"class":873,"line":1687},[3551],{"type":43,"tag":871,"props":3552,"children":3553},{"style":878},[3554],{"type":49,"value":3555},"      }}\n",{"type":43,"tag":871,"props":3557,"children":3558},{"class":873,"line":1695},[3559],{"type":43,"tag":871,"props":3560,"children":3561},{"style":878},[3562],{"type":49,"value":3563},"    >\n",{"type":43,"tag":871,"props":3565,"children":3566},{"class":873,"line":1754},[3567,3571,3575,3579,3583,3588,3593,3598,3602,3606,3610,3615],{"type":43,"tag":871,"props":3568,"children":3569},{"style":878},[3570],{"type":49,"value":1436},{"type":43,"tag":871,"props":3572,"children":3573},{"style":884},[3574],{"type":49,"value":1257},{"type":43,"tag":871,"props":3576,"children":3577},{"style":890},[3578],{"type":49,"value":2177},{"type":43,"tag":871,"props":3580,"children":3581},{"style":878},[3582],{"type":49,"value":1573},{"type":43,"tag":871,"props":3584,"children":3585},{"style":982},[3586],{"type":49,"value":3587},"screen",{"type":43,"tag":871,"props":3589,"children":3590},{"style":878},[3591],{"type":49,"value":3592},"} ",{"type":43,"tag":871,"props":3594,"children":3595},{"style":890},[3596],{"type":49,"value":3597},"options",{"type":43,"tag":871,"props":3599,"children":3600},{"style":878},[3601],{"type":49,"value":898},{"type":43,"tag":871,"props":3603,"children":3604},{"style":901},[3605],{"type":49,"value":1271},{"type":43,"tag":871,"props":3607,"children":3608},{"style":878},[3609],{"type":49,"value":112},{"type":43,"tag":871,"props":3611,"children":3612},{"style":982},[3613],{"type":49,"value":3614}," titles[screen] ",{"type":43,"tag":871,"props":3616,"children":3617},{"style":878},[3618],{"type":49,"value":3619},"}} \u002F>\n",{"type":43,"tag":871,"props":3621,"children":3622},{"class":873,"line":1829},[3623,3627,3631,3635,3639,3643,3648,3652,3656,3660,3665,3669,3673],{"type":43,"tag":871,"props":3624,"children":3625},{"style":878},[3626],{"type":49,"value":1436},{"type":43,"tag":871,"props":3628,"children":3629},{"style":884},[3630],{"type":49,"value":1257},{"type":43,"tag":871,"props":3632,"children":3633},{"style":890},[3634],{"type":49,"value":2177},{"type":43,"tag":871,"props":3636,"children":3637},{"style":878},[3638],{"type":49,"value":1057},{"type":43,"tag":871,"props":3640,"children":3641},{"style":878},[3642],{"type":49,"value":924},{"type":43,"tag":871,"props":3644,"children":3645},{"style":916},[3646],{"type":49,"value":3647},"i\u002F[id]",{"type":43,"tag":871,"props":3649,"children":3650},{"style":878},[3651],{"type":49,"value":924},{"type":43,"tag":871,"props":3653,"children":3654},{"style":890},[3655],{"type":49,"value":1262},{"type":43,"tag":871,"props":3657,"children":3658},{"style":878},[3659],{"type":49,"value":898},{"type":43,"tag":871,"props":3661,"children":3662},{"style":901},[3663],{"type":49,"value":3664}," headerLargeTitle",{"type":43,"tag":871,"props":3666,"children":3667},{"style":878},[3668],{"type":49,"value":112},{"type":43,"tag":871,"props":3670,"children":3671},{"style":2343},[3672],{"type":49,"value":3349},{"type":43,"tag":871,"props":3674,"children":3675},{"style":878},[3676],{"type":49,"value":929},{"type":43,"tag":871,"props":3678,"children":3679},{"class":873,"line":1841},[3680,3684,3688],{"type":43,"tag":871,"props":3681,"children":3682},{"style":878},[3683],{"type":49,"value":1453},{"type":43,"tag":871,"props":3685,"children":3686},{"style":884},[3687],{"type":49,"value":1206},{"type":43,"tag":871,"props":3689,"children":3690},{"style":878},[3691],{"type":49,"value":1134},{"type":43,"tag":871,"props":3693,"children":3694},{"class":873,"line":1867},[3695,3699],{"type":43,"tag":871,"props":3696,"children":3697},{"style":901},[3698],{"type":49,"value":2911},{"type":43,"tag":871,"props":3700,"children":3701},{"style":878},[3702],{"type":49,"value":1015},{"type":43,"tag":871,"props":3704,"children":3705},{"class":873,"line":1893},[3706],{"type":43,"tag":871,"props":3707,"children":3708},{"style":878},[3709],{"type":49,"value":1583},{"type":43,"tag":3711,"props":3712,"children":3713},"style",{},[3714],{"type":49,"value":3715},"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":3717,"total":3835},[3718,3735,3751,3763,3783,3803,3823],{"slug":3719,"name":3719,"fn":3720,"description":3721,"org":3722,"tags":3723,"stars":25,"repoUrl":26,"updatedAt":3734},"accessibility-and-inclusive-visualization","make data visualizations accessible","Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast review, keyboard support, reduced-motion behavior for animation or parallax, or an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3724,3727,3730,3733],{"name":3725,"slug":3726,"type":15},"Accessibility","accessibility",{"name":3728,"slug":3729,"type":15},"Charts","charts",{"name":3731,"slug":3732,"type":15},"Data Visualization","data-visualization",{"name":23,"slug":24,"type":15},"2026-06-30T19:00:57.102",{"slug":3736,"name":3736,"fn":3737,"description":3738,"org":3739,"tags":3740,"stars":25,"repoUrl":26,"updatedAt":3750},"agent-browser","automate browser interactions for agents","Browser automation CLI for AI agents. Use when the user needs to interact with websites, verify dev server output, test web apps, navigate pages, fill forms, click buttons, take screenshots, extract data, or automate any browser task. Also triggers when a dev server starts so you can verify it visually.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3741,3744,3747],{"name":3742,"slug":3743,"type":15},"Agents","agents",{"name":3745,"slug":3746,"type":15},"Browser Automation","browser-automation",{"name":3748,"slug":3749,"type":15},"Testing","testing","2026-04-06T18:41:03.44016",{"slug":3752,"name":3752,"fn":3753,"description":3754,"org":3755,"tags":3756,"stars":25,"repoUrl":26,"updatedAt":3762},"agent-browser-verify","verify dev server output with automated browser","Automated browser verification for dev servers. Triggers when a dev server starts to run a visual gut-check with agent-browser — verifies the page loads, checks for console errors, validates key UI elements, and reports pass\u002Ffail before continuing.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3757,3758,3761],{"name":3745,"slug":3746,"type":15},{"name":3759,"slug":3760,"type":15},"Local Development","local-development",{"name":3748,"slug":3749,"type":15},"2026-04-06T18:41:17.526867",{"slug":3764,"name":3764,"fn":3765,"description":3766,"org":3767,"tags":3768,"stars":25,"repoUrl":26,"updatedAt":3782},"agents-sdk","build AI agents on Cloudflare Workers","Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, or chat applications. Covers Agent class, state management, callable RPC, Workflows integration, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3769,3770,3773,3776,3779],{"name":3742,"slug":3743,"type":15},{"name":3771,"slug":3772,"type":15},"Cloudflare Workers","cloudflare-workers",{"name":3774,"slug":3775,"type":15},"SDK","sdk",{"name":3777,"slug":3778,"type":15},"Serverless","serverless",{"name":3780,"slug":3781,"type":15},"WebSockets","websockets","2026-04-06T18:39:51.717063",{"slug":3784,"name":3784,"fn":3785,"description":3786,"org":3787,"tags":3788,"stars":25,"repoUrl":26,"updatedAt":3802},"ai-elements","build chat UIs with AI Elements","AI Elements component library guidance — pre-built React components for AI interfaces built on shadcn\u002Fui. Use when building chat UIs, message displays, tool call rendering, streaming responses, reasoning panels, or any AI-native interface with the AI SDK.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3789,3790,3793,3796,3799],{"name":20,"slug":21,"type":15},{"name":3791,"slug":3792,"type":15},"React","react",{"name":3794,"slug":3795,"type":15},"shadcn\u002Fui","shadcn-ui",{"name":3797,"slug":3798,"type":15},"UI Components","ui-components",{"name":3800,"slug":3801,"type":15},"Vercel","vercel","2026-04-06T18:40:59.619419",{"slug":3804,"name":3804,"fn":3805,"description":3806,"org":3807,"tags":3808,"stars":25,"repoUrl":26,"updatedAt":3822},"ai-gateway","configure Vercel AI Gateway","Vercel AI Gateway expert guidance. Use when configuring model routing, provider failover, cost tracking, or managing multiple AI providers through a unified API.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3809,3812,3815,3818,3821],{"name":3810,"slug":3811,"type":15},"AI Infrastructure","ai-infrastructure",{"name":3813,"slug":3814,"type":15},"Cost Optimization","cost-optimization",{"name":3816,"slug":3817,"type":15},"LLM","llm",{"name":3819,"slug":3820,"type":15},"Performance","performance",{"name":3800,"slug":3801,"type":15},"2026-04-06T18:40:44.377464",{"slug":3824,"name":3824,"fn":3825,"description":3826,"org":3827,"tags":3828,"stars":25,"repoUrl":26,"updatedAt":3834},"ai-generation-persistence","implement persistence patterns for AI generations","AI generation persistence patterns — unique IDs, addressable URLs, database storage, and cost tracking for every LLM generation",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3829,3830,3833],{"name":3813,"slug":3814,"type":15},{"name":3831,"slug":3832,"type":15},"Database","database",{"name":3816,"slug":3817,"type":15},"2026-04-06T18:41:08.513425",600,{"items":3837,"total":4034},[3838,3859,3882,3899,3915,3932,3951,3963,3977,3991,4003,4018],{"slug":3839,"name":3839,"fn":3840,"description":3841,"org":3842,"tags":3843,"stars":3856,"repoUrl":3857,"updatedAt":3858},"prior-auth-packet-builder","build healthcare prior authorization packets","Build a concise prior authorization packet from local case files and payer policy docs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3844,3847,3850,3853],{"name":3845,"slug":3846,"type":15},"Documents","documents",{"name":3848,"slug":3849,"type":15},"Healthcare","healthcare",{"name":3851,"slug":3852,"type":15},"Insurance","insurance",{"name":3854,"slug":3855,"type":15},"Regulatory Compliance","regulatory-compliance",28169,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-agents-python","2026-04-16T05:11:39.180399",{"slug":3860,"name":3860,"fn":3861,"description":3862,"org":3863,"tags":3864,"stars":3879,"repoUrl":3880,"updatedAt":3881},"aspnet-core","build ASP.NET Core web applications","Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Use when working on Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controller-based Web APIs, SignalR, gRPC, middleware, dependency injection, configuration, authentication, authorization, testing, performance, deployment, or ASP.NET Core upgrades.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3865,3868,3870,3873,3876],{"name":3866,"slug":3867,"type":15},".NET","dotnet",{"name":3869,"slug":3860,"type":15},"ASP.NET Core",{"name":3871,"slug":3872,"type":15},"Blazor","blazor",{"name":3874,"slug":3875,"type":15},"C#","csharp",{"name":3877,"slug":3878,"type":15},"Web Development","web-development",23787,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fskills","2026-04-12T05:07:02.819491",{"slug":3883,"name":3883,"fn":3884,"description":3885,"org":3886,"tags":3887,"stars":3879,"repoUrl":3880,"updatedAt":3898},"chatgpt-apps","build ChatGPT Apps SDK applications","Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3888,3891,3894,3897],{"name":3889,"slug":3890,"type":15},"Apps SDK","apps-sdk",{"name":3892,"slug":3893,"type":15},"ChatGPT","chatgpt",{"name":3895,"slug":3896,"type":15},"MCP","mcp",{"name":9,"slug":8,"type":15},"2026-04-12T05:07:05.468097",{"slug":3900,"name":3900,"fn":3901,"description":3902,"org":3903,"tags":3904,"stars":3879,"repoUrl":3880,"updatedAt":3914},"cli-creator","build CLIs from API docs","Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read\u002Fwrite commands, return stable JSON, manage auth, and pair with a companion skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3905,3908,3911],{"name":3906,"slug":3907,"type":15},"API Development","api-development",{"name":3909,"slug":3910,"type":15},"CLI","cli",{"name":3912,"slug":3913,"type":15},"Codex","codex","2026-04-12T05:07:04.132762",{"slug":3916,"name":3916,"fn":3917,"description":3918,"org":3919,"tags":3920,"stars":3879,"repoUrl":3880,"updatedAt":3931},"cloudflare-deploy","deploy projects to Cloudflare","Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3921,3924,3927,3928],{"name":3922,"slug":3923,"type":15},"Cloudflare","cloudflare",{"name":3925,"slug":3926,"type":15},"Cloudflare Pages","cloudflare-pages",{"name":3771,"slug":3772,"type":15},{"name":3929,"slug":3930,"type":15},"Deployment","deployment","2026-04-12T05:07:14.275118",{"slug":3933,"name":3933,"fn":3934,"description":3935,"org":3936,"tags":3937,"stars":3879,"repoUrl":3880,"updatedAt":3950},"define-goal","define and set measurable project goals","Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3938,3941,3944,3947],{"name":3939,"slug":3940,"type":15},"Productivity","productivity",{"name":3942,"slug":3943,"type":15},"Project Management","project-management",{"name":3945,"slug":3946,"type":15},"Strategy","strategy",{"name":3948,"slug":3949,"type":15},"Task Management","task-management","2026-05-23T06:17:16.870838",{"slug":3952,"name":3952,"fn":3953,"description":3954,"org":3955,"tags":3956,"stars":3879,"repoUrl":3880,"updatedAt":3962},"figma","translate Figma designs into code","Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3957,3958,3960,3961],{"name":23,"slug":24,"type":15},{"name":3959,"slug":3952,"type":15},"Figma",{"name":20,"slug":21,"type":15},{"name":3895,"slug":3896,"type":15},"2026-04-12T05:06:47.939943",{"slug":3964,"name":3964,"fn":3965,"description":3966,"org":3967,"tags":3968,"stars":3879,"repoUrl":3880,"updatedAt":3976},"figma-code-connect-components","connect Figma designs to code components","Connects Figma design components to code components using Code Connect mapping tools. Use when user says \"code connect\", \"connect this component to code\", \"map this component\", \"link component to code\", \"create code connect mapping\", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3969,3970,3973,3974,3975],{"name":23,"slug":24,"type":15},{"name":3971,"slug":3972,"type":15},"Design System","design-system",{"name":3959,"slug":3952,"type":15},{"name":20,"slug":21,"type":15},{"name":3797,"slug":3798,"type":15},"2026-05-10T05:59:52.971881",{"slug":3978,"name":3978,"fn":3979,"description":3980,"org":3981,"tags":3982,"stars":3879,"repoUrl":3880,"updatedAt":3990},"figma-create-design-system-rules","generate design system rules from Figma","Generates custom design system rules for the user's codebase. Use when user says \"create design system rules\", \"generate rules for my project\", \"set up design rules\", \"customize design system guidelines\", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3983,3984,3985,3988,3989],{"name":23,"slug":24,"type":15},{"name":3971,"slug":3972,"type":15},{"name":3986,"slug":3987,"type":15},"Documentation","documentation",{"name":3959,"slug":3952,"type":15},{"name":20,"slug":21,"type":15},"2026-05-16T06:07:47.821474",{"slug":3992,"name":3992,"fn":3993,"description":3994,"org":3995,"tags":3996,"stars":3879,"repoUrl":3880,"updatedAt":4002},"figma-implement-design","translate Figma designs into application code","Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions \"implement design\", \"generate code\", \"implement component\", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[3997,3998,3999,4000,4001],{"name":23,"slug":24,"type":15},{"name":3959,"slug":3952,"type":15},{"name":20,"slug":21,"type":15},{"name":3797,"slug":3798,"type":15},{"name":3877,"slug":3878,"type":15},"2026-05-16T06:07:40.583615",{"slug":4004,"name":4004,"fn":4005,"description":4006,"org":4007,"tags":4008,"stars":3879,"repoUrl":3880,"updatedAt":4017},"hatch-pet","create animated pets for Codex","Create, repair, validate, visually QA, and package Codex-compatible animated pets and pet spritesheets from character art, generated images, company or prospect brand cues, or visual references. Use when a user wants a lightweight-worker Codex pet workflow, a non-pixel custom pet style, a prospect or company mascot pet, or a full 8x9 animated pet atlas with transparent unused cells, QA contact sheets, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4009,4012,4013,4016],{"name":4010,"slug":4011,"type":15},"Animation","animation",{"name":3912,"slug":3913,"type":15},{"name":4014,"slug":4015,"type":15},"Creative","creative",{"name":23,"slug":24,"type":15},"2026-05-02T05:31:48.48485",{"slug":4019,"name":4019,"fn":4020,"description":4021,"org":4022,"tags":4023,"stars":3879,"repoUrl":3880,"updatedAt":4033},"imagegen","generate and edit raster images","Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG\u002Fvector\u002Fcode-native assets, extending an established icon or logo system, or building the visual directly in HTML\u002FCSS\u002Fcanvas.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4024,4025,4026,4029,4032],{"name":4014,"slug":4015,"type":15},{"name":23,"slug":24,"type":15},{"name":4027,"slug":4028,"type":15},"Image Generation","image-generation",{"name":4030,"slug":4031,"type":15},"Images","images",{"name":9,"slug":8,"type":15},"2026-05-15T06:23:24.312127",675]