5f:["$","h3","h2-0",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Installation"}] 60:["$","pre","pre-0",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-bash","children":"npx expo install @expo/ui\n"}]}] 61:["$","p","p-1",{"children":["Every ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]," tree — universal or platform-specific — must be wrapped in ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"Host"}],"."]}] 62:["$","h3","h2-1",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Use @expo/ui by default — don't reach for RN alternatives first"}] 63:["$","p","p-2",{"children":[["$","strong","strong-0",{"children":["Before using Reanimated, ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@gorhom/bottom-sheet"}],", React Native's built-in ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"Switch"}],"/",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"Picker"}],", or any community UI library for the items below, use ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]," instead."]}]," Only fall back to RN built-ins when ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]," is missing the component."]}] 64:["$","div","table-0",{"className":"overflow-x-auto","children":["$","table",null,{"className":"w-full border-collapse text-sm","children":[["$","thead","thead-0",{"children":["$","tr","tr-0",{"children":[["$","th","th-0",{"className":"border-b px-3 py-2 text-left font-medium","children":"Need"}],["$","th","th-1",{"className":"border-b px-3 py-2 text-left font-medium","children":"Use"}]]}]}],["$","tbody","tbody-0",{"children":[["$","tr","tr-0",{"children":[["$","td","td-0",{"className":"border-b px-3 py-2 align-top","children":"Slide-up sheet / bottom sheet"}],["$","td","td-1",{"className":"border-b px-3 py-2 align-top","children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"BottomSheet"}]," from ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]," — ",["$","strong","strong-0",{"children":"not"}]," Reanimated or ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@gorhom/bottom-sheet"}]]}]]}],["$","tr","tr-1",{"children":[["$","td","td-0",{"className":"border-b px-3 py-2 align-top","children":"Grouped native list rows (settings/form-style)"}],["$","td","td-1",{"className":"border-b px-3 py-2 align-top","children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"List"}]," + ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"ListItem"}]," from ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]," — ",["$","strong","strong-0",{"children":"not"}]," ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"FlatList"}]," (see note below)"]}]]}],["$","tr","tr-2",{"children":[["$","td","td-0",{"className":"border-b px-3 py-2 align-top","children":"Toggle"}],["$","td","td-1",{"className":"border-b px-3 py-2 align-top","children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"Switch"}]," from ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]]}]]}],["$","tr","tr-3",{"children":[["$","td","td-0",{"className":"border-b px-3 py-2 align-top","children":"Slider"}],["$","td","td-1",{"className":"border-b px-3 py-2 align-top","children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"Slider"}]," from ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]]}]]}],["$","tr","tr-4",{"children":[["$","td","td-0",{"className":"border-b px-3 py-2 align-top","children":"Date/time picker"}],["$","td","td-1",{"className":"border-b px-3 py-2 align-top","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui/community/datetimepicker"}]}]]}],["$","tr","tr-5",{"children":[["$","td","td-0",{"className":"border-b px-3 py-2 align-top","children":"Menu"}],["$","td","td-1",{"className":"border-b px-3 py-2 align-top","children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"Menu"}]," from ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]]}]]}],["$","tr","tr-6",{"children":["$L77","$L78"]}],"$L79"]}]]}]}] 65:["$","blockquote","blockquote-1",{"className":"border-l-2 border-primary/40 pl-4 text-muted-foreground italic","children":["\n",["$","p","p-0",{"children":[["$","strong","strong-0",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"List"}]," is NOT a virtualized scrolling list."]}]," It renders native grouped table rows — the visual look of an iOS Settings screen or a form section, with disclosure indicators and native row styling. Each ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"ListItem"}]," is a native node on the JS thread; rows are not recycled. For any list with large or unknown-length data (feeds, search results, catalogs), use ",["$","strong","strong-1",{"children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"FlatList"}]}]," or ",["$","strong","strong-2",{"children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"FlashList"}]}]," instead. ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"List"}]," is the right choice for short, fixed-length groups: a settings screen, a detail panel's rows, a fixed menu."]}],"\n"]}] 66:["$","p","p-3",{"children":[["$","strong","strong-0",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"BottomSheet"}]," example"]}]," (use this for map pin details, action sheets, detail panels — not Reanimated):"]}] 67:["$","pre","pre-1",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-tsx","children":"import { Host, BottomSheet, Column, Text } from '@expo/ui';\nimport { useState } from 'react';\n\nexport default function MapScreen() {\n const [isOpen, setIsOpen] = useState(false);\n\n return (\n \n setIsOpen(true)} />\n \n setIsOpen(false)}\n snapPoints={['half', 'full']}\n >\n \n Café name\n Address\n \n \n \n \n );\n}\n"}]}] 68:["$","p","p-4",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"BottomSheet"}]," uses ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"isPresented"}],"/",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"onDismiss"}]," — ",["$","strong","strong-0",{"children":"not"}]," ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"isOpened"}],", ",["$","code","code-4",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"isOpen"}],", ",["$","code","code-5",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"onIsOpenedChange"}],", or ",["$","code","code-6",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"onChange"}]," (those are ",["$","code","code-7",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@gorhom/bottom-sheet"}]," props and will silently do nothing). ",["$","code","code-8",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"snapPoints"}]," accepts ",["$","code","code-9",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"'half'"}],", ",["$","code","code-10",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"'full'"}],", ",["$","code","code-11",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"{ fraction: 0.5 }"}],", or ",["$","code","code-12",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"{ height: 400 }"}]," and is optional (auto-sizes to content when omitted)."]}] 69:["$","h3","h2-2",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Choosing an approach"}] 6a:["$","p","p-5",{"children":"Work down this list and stop at the first layer that meets the need:"}] 6b:["$","ol","ol-0",{"children":["\n",["$","li","li-0",{"children":["\n",["$","p","p-0",{"children":[["$","strong","strong-0",{"children":"Universal components — start here."}]," Import from the ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]," root. One component tree runs unmodified on iOS, Android, and web from a single source (Compose on Android, SwiftUI on iOS, ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"react-native-web"}],"/",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"react-dom"}]," on web). No platform file splits. → ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"./references/universal.md"}]]}],"\n"]}],"\n",["$","li","li-1",{"children":["\n",["$","p","p-0",{"children":[["$","strong","strong-0",{"children":"Platform-specific (SwiftUI / Jetpack Compose)."}]," Import from ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui/swift-ui"}]," or ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui/jetpack-compose"}],". Use ",["$","strong","strong-1",{"children":"only"}]," when the universal layer is missing a component or modifier you need, or when you need platform-specific behavior or optimization. ",["$","strong","strong-2",{"children":"Downside:"}]," you write two trees and split them into ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".ios.tsx"}]," / ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".android.tsx"}]," files (or branch on ",["$","code","code-4",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"Platform.OS"}],") — more code to maintain."]}],"\n",["$","blockquote","blockquote-0",{"className":"border-l-2 border-primary/40 pl-4 text-muted-foreground italic","children":["\n",["$","p","p-0",{"children":[["$","strong","strong-0",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui/swift-ui"}]," is iOS-only. ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui/jetpack-compose"}]," is Android-only."]}]," Importing either in a file that runs on the other platform will crash at runtime with \"Unable to get view config\" errors. Isolate platform-specific trees in ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".ios.tsx"}]," / ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".android.tsx"}]," files placed in ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"components/"}]," (never inside ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"app/"}]," — Expo Router does not support platform extensions for route files), or guard with ","$L7a"," in a regular route file. ","$L7b"," must always be imported from ","$L7c"," (the universal package root), not from the platform-specific sub-packages. → ","$L7d"," and ","$L7e"]}],"\n"]}],"\n"]}],"\n"]}] 6c:["$","p","p-6",{"children":[["$","strong","strong-0",{"children":"Already using an RN community UI library?"}]," ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui"}]," also ships ",["$","strong","strong-1",{"children":"drop-in replacements"}]," — API-compatible swaps for popular libraries (",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@gorhom/bottom-sheet"}],", ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@react-native-community/datetimepicker"}],", and more), imported from ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"@expo/ui/community/"}],". This is a migration side-path for replacing an existing dependency, not a step in the universal-vs-platform decision above. → ",["$","code","code-4",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"./references/drop-in-replacements.md"}]]}] 6d:["$","h3","h2-3",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"References"}] 6e:["$","p","p-7",{"children":"Consult these resources as needed:"}] 6f:["$","pre","pre-2",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"references/\n universal.md Universal @expo/ui components and when to use them (SDK 56+)\n drop-in-replacements.md API-compatible replacements for RN community UI libraries\n swift-ui.md Platform-specific iOS UI: @expo/ui/swift-ui components, modifiers, RNHostView, useNativeState\n jetpack-compose.md Platform-specific Android UI: @expo/ui/jetpack-compose components, modifiers, LazyColumn caveat, icons, useNativeState\n"}]}] 70:["$","h3","h2-4",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Submitting Feedback"}] 71:["$","p","p-8",{"children":"If you encounter errors, misleading or outdated information in this skill, report it so Expo can improve:"}] 72:["$","pre","pre-3",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-bash","children":"npx --yes submit-expo-feedback@latest --category skills --subject \"expo-ui\" \"\"\n"}]}] 73:["$","p","p-9",{"children":"Only submit when you have something specific and actionable to report. Include as much relevant context as possible.\nIf an AI agent repeatedly failed or the user had to take over an Expo task, load the expo-skill-feedback skill and follow its eval-candidate flow instead of reusing the command above."}] 74:["$","$L5e",null,{"value":"versions","className":"pt-6","children":["$","div",null,{"className":"overflow-hidden rounded-xl border bg-card","children":[["$","div",null,{"className":"flex items-center gap-1.5 border-b bg-muted/50 px-4 py-2","children":[["$","span",null,{"aria-hidden":"true","className":"size-2 rounded-full bg-border"}],["$","span",null,{"aria-hidden":"true","className":"size-2 rounded-full bg-border"}],["$","span",null,{"aria-hidden":"true","className":"size-2 rounded-full bg-border"}],["$","span",null,{"className":"ml-1.5 font-mono text-[10px] uppercase tracking-[0.14em] text-muted-foreground","children":"Version history"}]]}],["$","ol",null,{"children":[["$","li","c4316b7e-5924-49b0-9592-339a943694e2",{"className":"flex flex-col gap-1.5 border-b px-4 py-3 last:border-b-0","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-x-3 gap-y-1","children":[["$","span",null,{"aria-hidden":"true","className":"font-mono text-sm text-primary","children":">"}],["$","span",null,{"className":"font-mono text-sm font-medium","children":"1.0.0"}],["$","span",null,{"data-slot":"badge","data-variant":"secondary","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80","children":"Published"}],["$","span",null,{"data-slot":"badge","data-variant":"outline","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground","children":"Latest"}],["$","span",null,{"className":"ml-auto font-mono text-xs text-muted-foreground","children":"12 Jul 2026"}]]}],["$","div",null,{"className":"flex flex-col gap-1 pl-5 text-xs","children":[["$","a",null,{"href":"https://github.com/expo/skills/commit/b2fdce752bbf8f3ba83883d8a35c642e229c8812","target":"_blank","rel":"nofollow noopener noreferrer","className":"font-mono text-muted-foreground hover:underline","children":"b2fdce7"}],null,null]}]]}]]}]]}]}] 75:["$","$L5e",null,{"value":"security","className":"flex flex-col gap-4 pt-6","children":[["$","div",null,{"data-slot":"card","data-size":"default","className":"group/card flex flex-col overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl gap-4 bg-primary/5 ring-primary/25 [--card-spacing:--spacing(5)]","children":[["$","div",null,{"data-slot":"card-header","className":"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)","children":[["$","div",null,{"className":"flex items-center justify-between gap-2","children":[["$","div",null,{"data-slot":"card-title","className":"group-data-[size=sm]/card:text-sm font-mono text-xs font-medium uppercase tracking-[0.14em] text-primary","children":"Trust report"}],["$","$L52",null,{"children":[["$","$L53",null,{"render":["$","span",null,{"data-slot":"badge","data-variant":"outline","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground","children":[["$","$L54",null,{"ref":"$undefined","icon":"$4c:props:children:0:props:children:0:props:children:1:props:children:0:props:render:props:children:0:props:icon","className":"$undefined","data-icon":"inline-start","aria-hidden":"true"}],"Community"]}]}],["$","$L55",null,{"className":"max-w-64","children":[["$","p",null,{"children":"Imported from an open-source repository. Scanned before listing; not human-reviewed for a specific publisher."}],null]}]]}]]}],["$","div",null,{"data-slot":"card-description","className":"text-sm text-muted-foreground","children":"Scanned at version 1.0.0 on 12 July 2026."}]]}],["$","div",null,{"data-slot":"card-content","className":"px-(--card-spacing) flex flex-col gap-3 text-sm","children":[["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":{"name":"scan-search","size":24,"node":[["path",{"d":"M3 7V5a2 2 0 0 1 2-2h2","key":"aa7l1z"}],["path",{"d":"M17 3h2a2 2 0 0 1 2 2v2","key":"4qcy5o"}],["path",{"d":"M21 17v2a2 2 0 0 1-2 2h-2","key":"6vwrx8"}],["path",{"d":"M7 21H5a2 2 0 0 1-2-2v-2","key":"ioqczr"}],["circle",{"cx":"12","cy":"12","r":"3","key":"1v7zrd"}],["path",{"d":"m16 16-1.9-1.9","key":"1dq9hf"}]]},"className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Automated scan"}],["$","p",null,{"className":"text-muted-foreground","children":"Passed on 12 July 2026."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":{"name":"user-check","size":24,"node":[["path",{"d":"m16 11 2 2 4-4","key":"9rsbq5"}],["path",{"d":"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2","key":"1yyitq"}],["circle",{"cx":"9","cy":"7","r":"4","key":"nufk8"}]]},"className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Human review"}],["$","p",null,{"className":"text-muted-foreground","children":"Automated scan only; not individually reviewed."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":{"name":"package","size":24,"node":[["path",{"d":"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z","key":"1a0edw"}],["path",{"d":"M12 22V12","key":"d0xqtd"}],["polyline",{"points":"3.29 7 12 12 20.71 7","key":"ousv84"}],["path",{"d":"m7.5 4.27 9 5.15","key":"1c824w"}]]},"className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],"$L7f"]}],"$L80"]}]]}],"$L81","$L82"]}] 76:["$","aside",null,{"className":"order-first flex w-full shrink-0 flex-col gap-4 lg:order-none lg:w-80","aria-label":"Install and trust","children":[["$","$2f",null,{"fallback":["$","div",null,{"aria-hidden":"true","className":"$undefined","children":["$","div",null,{"data-slot":"skeleton","className":"animate-pulse bg-muted motion-reduce:animate-none h-20 w-full rounded-lg"}]}],"children":"$L83"}],["$","$2f",null,{"fallback":["$","p",null,{"className":"text-sm text-muted-foreground","children":"Loading bookmark…"}],"children":"$L84"}],["$","div",null,{"className":"hidden lg:block","children":["$","div",null,{"data-slot":"card","data-size":"default","className":"group/card flex flex-col overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl gap-4 bg-primary/5 ring-primary/25 [--card-spacing:--spacing(5)]","children":[["$","div",null,{"data-slot":"card-header","className":"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)","children":[["$","div",null,{"className":"flex items-center justify-between gap-2","children":[["$","div",null,{"data-slot":"card-title","className":"group-data-[size=sm]/card:text-sm font-mono text-xs font-medium uppercase tracking-[0.14em] text-primary","children":"Trust report"}],["$","$L52",null,{"children":[["$","$L53",null,{"render":["$","span",null,{"data-slot":"badge","data-variant":"outline","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground","children":[["$","$L54",null,{"ref":"$undefined","icon":"$4c:props:children:0:props:children:0:props:children:1:props:children:0:props:render:props:children:0:props:icon","className":"$undefined","data-icon":"inline-start","aria-hidden":"true"}],"Community"]}]}],["$","$L55",null,{"className":"max-w-64","children":[["$","p",null,{"children":"Imported from an open-source repository. Scanned before listing; not human-reviewed for a specific publisher."}],null]}]]}]]}],["$","div",null,{"data-slot":"card-description","className":"text-sm text-muted-foreground","children":"Scanned at version 1.0.0 on 12 July 2026."}]]}],["$","div",null,{"data-slot":"card-content","className":"px-(--card-spacing) flex flex-col gap-3 text-sm","children":[["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":"$75:props:children:0:props:children:1:props:children:0:props:children:0:props:icon","className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Automated scan"}],["$","p",null,{"className":"text-muted-foreground","children":"Passed on 12 July 2026."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":"$75:props:children:0:props:children:1:props:children:1:props:children:0:props:icon","className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Human review"}],["$","p",null,{"className":"text-muted-foreground","children":"Automated scan only; not individually reviewed."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":"$75:props:children:0:props:children:1:props:children:2:props:children:0:props:icon","className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Version scoped"}],["$","p",null,{"className":"text-muted-foreground","children":["The verdict applies to version"," ","$L85"," only. New versions are rescanned",""," before publishing."]}]]}]]}],"$L86"]}]]}]}]]}]