[{"data":1,"prerenderedAt":1846},["ShallowReactive",2],{"navigation":3,"\u002Ftheming\u002Ffonts":460,"\u002Ftheming\u002Ffonts-surround":1841},[4,34,51,301,327,332,337,406],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":323,"body":462,"description":1835,"extension":1836,"links":11,"meta":1837,"navigation":1838,"package":11,"path":324,"seo":1839,"stem":325,"__hash__":1840},"docs\u002F4.theming\u002F5.fonts.md",{"type":463,"value":464,"toc":1824},"minimark",[465,473,478,481,628,632,639,644,653,863,867,876,881,1153,1170,1184,1188,1193,1609,1625,1629,1636,1680,1684,1687,1809,1813,1820],[466,467,468,469,472],"p",{},"Vy UI does not ship or load a font for you. ",[470,471,46],"code",{}," stays font-agnostic, and the Vue-Lynx app owns font registration, Tailwind font utilities, and any component-level typography overrides.",[474,475,477],"h2",{"id":476},"_1-load-app-css","1. Load app CSS",[466,479,480],{},"Import the app stylesheet from the Vue-Lynx entry file. This is where Tailwind and app-owned font rules live.",[482,483,489],"pre",{"className":484,"code":485,"filename":486,"language":487,"meta":488,"style":488},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createApp } from 'vue-lynx'\nimport { VyUI } from '@vyui\u002Fkit'\nimport App from '.\u002FApp.vue'\nimport '.\u002Findex.css'\n\nconst app = createApp(App)\napp.use(VyUI)\napp.mount()\n","src\u002Findex.ts","ts","",[470,490,491,524,544,562,574,581,600,615],{"__ignoreMap":488},[492,493,496,500,504,508,511,514,517,521],"span",{"class":494,"line":495},"line",1,[492,497,499],{"class":498},"s7zQu","import",[492,501,503],{"class":502},"sMK4o"," {",[492,505,507],{"class":506},"sTEyZ"," createApp",[492,509,510],{"class":502}," }",[492,512,513],{"class":498}," from",[492,515,516],{"class":502}," '",[492,518,520],{"class":519},"sfazB","vue-lynx",[492,522,523],{"class":502},"'\n",[492,525,527,529,531,534,536,538,540,542],{"class":494,"line":526},2,[492,528,499],{"class":498},[492,530,503],{"class":502},[492,532,533],{"class":506}," VyUI",[492,535,510],{"class":502},[492,537,513],{"class":498},[492,539,516],{"class":502},[492,541,46],{"class":519},[492,543,523],{"class":502},[492,545,547,549,552,555,557,560],{"class":494,"line":546},3,[492,548,499],{"class":498},[492,550,551],{"class":506}," App ",[492,553,554],{"class":498},"from",[492,556,516],{"class":502},[492,558,559],{"class":519},".\u002FApp.vue",[492,561,523],{"class":502},[492,563,565,567,569,572],{"class":494,"line":564},4,[492,566,499],{"class":498},[492,568,516],{"class":502},[492,570,571],{"class":519},".\u002Findex.css",[492,573,523],{"class":502},[492,575,577],{"class":494,"line":576},5,[492,578,580],{"emptyLinePlaceholder":579},true,"\n",[492,582,584,588,591,594,597],{"class":494,"line":583},6,[492,585,587],{"class":586},"spNyl","const",[492,589,590],{"class":506}," app ",[492,592,593],{"class":502},"=",[492,595,507],{"class":596},"s2Zo4",[492,598,599],{"class":506},"(App)\n",[492,601,603,606,609,612],{"class":494,"line":602},7,[492,604,605],{"class":506},"app",[492,607,608],{"class":502},".",[492,610,611],{"class":596},"use",[492,613,614],{"class":506},"(VyUI)\n",[492,616,618,620,622,625],{"class":494,"line":617},8,[492,619,605],{"class":506},[492,621,608],{"class":502},[492,623,624],{"class":596},"mount",[492,626,627],{"class":506},"()\n",[474,629,631],{"id":630},"_2-define-the-font","2. Define the font",[466,633,634,635,638],{},"Keep the ",[470,636,637],{},"font-family"," name stable across whatever mechanism registers it, because Tailwind utilities and theme overrides reference this name by string.",[640,641,643],"h3",{"id":642},"web-css-targets","Web \u002F CSS targets",[466,645,646,648,649,652],{},[470,647,46],{}," fully owns this path — plain ",[470,650,651],{},"@font-face"," in the app stylesheet:",[482,654,659],{"className":655,"code":656,"filename":657,"language":658,"meta":488,"style":488},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@tailwind base;\n@tailwind utilities;\n\n@import '@vyui\u002Fkit\u002Fstyle.css';\n\n@font-face {\n  font-family: 'Brand Sans';\n  src: url('\u002Ffonts\u002Fbrand-sans-regular.woff2') format('woff2');\n  font-weight: 400;\n}\n\n@font-face {\n  font-family: 'Brand Sans';\n  src: url('\u002Ffonts\u002Fbrand-sans-semibold.woff2') format('woff2');\n  font-weight: 600;\n}\n","src\u002Findex.css","css",[470,660,661,672,681,685,700,704,711,729,767,781,787,792,799,814,846,858],{"__ignoreMap":488},[492,662,663,666,669],{"class":494,"line":495},[492,664,665],{"class":498},"@tailwind",[492,667,668],{"class":506}," base",[492,670,671],{"class":502},";\n",[492,673,674,676,679],{"class":494,"line":526},[492,675,665],{"class":498},[492,677,678],{"class":506}," utilities",[492,680,671],{"class":502},[492,682,683],{"class":494,"line":546},[492,684,580],{"emptyLinePlaceholder":579},[492,686,687,690,692,695,698],{"class":494,"line":564},[492,688,689],{"class":498},"@import",[492,691,516],{"class":502},[492,693,694],{"class":519},"@vyui\u002Fkit\u002Fstyle.css",[492,696,697],{"class":502},"'",[492,699,671],{"class":502},[492,701,702],{"class":494,"line":576},[492,703,580],{"emptyLinePlaceholder":579},[492,705,706,708],{"class":494,"line":583},[492,707,651],{"class":498},[492,709,710],{"class":502}," {\n",[492,712,713,717,720,722,725,727],{"class":494,"line":602},[492,714,716],{"class":715},"sqsOY","  font-family",[492,718,719],{"class":502},":",[492,721,516],{"class":502},[492,723,724],{"class":519},"Brand Sans",[492,726,697],{"class":502},[492,728,671],{"class":502},[492,730,731,734,736,739,742,744,747,749,752,755,757,759,762,764],{"class":494,"line":617},[492,732,733],{"class":715},"  src",[492,735,719],{"class":502},[492,737,738],{"class":596}," url",[492,740,741],{"class":502},"(",[492,743,697],{"class":502},[492,745,746],{"class":519},"\u002Ffonts\u002Fbrand-sans-regular.woff2",[492,748,697],{"class":502},[492,750,751],{"class":502},")",[492,753,754],{"class":596}," format",[492,756,741],{"class":502},[492,758,697],{"class":502},[492,760,761],{"class":519},"woff2",[492,763,697],{"class":502},[492,765,766],{"class":502},");\n",[492,768,770,773,775,779],{"class":494,"line":769},9,[492,771,772],{"class":715},"  font-weight",[492,774,719],{"class":502},[492,776,778],{"class":777},"sbssI"," 400",[492,780,671],{"class":502},[492,782,784],{"class":494,"line":783},10,[492,785,786],{"class":502},"}\n",[492,788,790],{"class":494,"line":789},11,[492,791,580],{"emptyLinePlaceholder":579},[492,793,795,797],{"class":494,"line":794},12,[492,796,651],{"class":498},[492,798,710],{"class":502},[492,800,802,804,806,808,810,812],{"class":494,"line":801},13,[492,803,716],{"class":715},[492,805,719],{"class":502},[492,807,516],{"class":502},[492,809,724],{"class":519},[492,811,697],{"class":502},[492,813,671],{"class":502},[492,815,817,819,821,823,825,827,830,832,834,836,838,840,842,844],{"class":494,"line":816},14,[492,818,733],{"class":715},[492,820,719],{"class":502},[492,822,738],{"class":596},[492,824,741],{"class":502},[492,826,697],{"class":502},[492,828,829],{"class":519},"\u002Ffonts\u002Fbrand-sans-semibold.woff2",[492,831,697],{"class":502},[492,833,751],{"class":502},[492,835,754],{"class":596},[492,837,741],{"class":502},[492,839,697],{"class":502},[492,841,761],{"class":519},[492,843,697],{"class":502},[492,845,766],{"class":502},[492,847,849,851,853,856],{"class":494,"line":848},15,[492,850,772],{"class":715},[492,852,719],{"class":502},[492,854,855],{"class":777}," 600",[492,857,671],{"class":502},[492,859,861],{"class":494,"line":860},16,[492,862,786],{"class":502},[640,864,866],{"id":865},"native-lynx-targets","Native Lynx targets",[466,868,869,870,872,873,875],{},"Native font registration is a Lynx\u002Fhost-platform concern, not something ",[470,871,46],{}," wraps or ships — there's no ",[470,874,46],{}," API here, and none of the example apps in this monorepo currently register a native font. What follows is what Lynx itself documents; vyui's only responsibility is the family-name contract at the end.",[466,877,878,879,719],{},"Lynx exposes two real, documented mechanisms, both outside ",[470,880,46],{},[882,883,884,935],"ol",{},[885,886,887,897,898,900,901,904,905,908,909,912,913,916,917,920,921,920,924,927,928,608],"li",{},[888,889,890,892,893,896],"strong",{},[470,891,651],{},", native ",[470,894,895],{},"src"," grammar."," The same at-rule, but native reads ",[470,899,895],{}," differently than a browser: ",[470,902,903],{},"url()"," for a remote or Base64 font on both platforms, or ",[470,906,907],{},"local()"," to point at a font already on the device — ",[470,910,911],{},"local(file:\u002F\u002Fabsolute\u002Fpath)"," on Android, ",[470,914,915],{},"local(font-name)"," on iOS. Supported formats: TTF\u002FOTF\u002FTTC on Android, TTF\u002FOTF\u002FWOFF\u002FWOFF2 (iOS 10+) on iOS. Native also does not support ",[470,918,919],{},"font-weight"," \u002F ",[470,922,923],{},"font-style",[470,925,926],{},"font-variant"," inside the block, unlike the web spec. See ",[929,930,934],"a",{"href":931,"rel":932},"https:\u002F\u002Flynxjs.org\u002Fapi\u002Fcss\u002Fat-rule\u002Ffont-face",[933],"nofollow","lynxjs.org\u002Fapi\u002Fcss\u002Fat-rule\u002Ffont-face",[885,936,937,942,943,946,947,950,951,953,954,957,958,960,961,719,963,1144,1147,1148,608],{},[888,938,939,608],{},[470,940,941],{},"lynx.addFont(fontFace, callback)"," A background-thread global for loading a font at runtime, modeled on the Web Font Loading API. The ",[470,944,945],{},"FontFace"," shape (",[470,948,949],{},"'font-family'",", ",[470,952,895],{},") ships in ",[470,955,956],{},"@lynx-js\u002Ftypes",", already pulled in transitively via ",[470,959,46],{},"'s dependency on ",[470,962,41],{},[482,964,966],{"className":484,"code":965,"filename":486,"language":487,"meta":488,"style":488},"import type { FontFace } from '@lynx-js\u002Ftypes'\n\nconst brandSans: FontFace = {\n  'font-family': 'Brand Sans',\n  src: 'https:\u002F\u002Fexample.com\u002Ffonts\u002Fbrand-sans-regular.ttf',\n}\n\n\u002F\u002F `lynx` is a Lynx-runtime global — absent on a plain web\u002Fbrowser target\n\u002F\u002F and in tests, so guard before calling.\nif (typeof lynx !== 'undefined') {\n  lynx.addFont(brandSans, () => console.log('Brand Sans loaded'))\n}\n",[470,967,968,990,994,1011,1032,1047,1051,1055,1061,1066,1096,1140],{"__ignoreMap":488},[492,969,970,972,975,977,980,982,984,986,988],{"class":494,"line":495},[492,971,499],{"class":498},[492,973,974],{"class":498}," type",[492,976,503],{"class":502},[492,978,979],{"class":506}," FontFace",[492,981,510],{"class":502},[492,983,513],{"class":498},[492,985,516],{"class":502},[492,987,956],{"class":519},[492,989,523],{"class":502},[492,991,992],{"class":494,"line":526},[492,993,580],{"emptyLinePlaceholder":579},[492,995,996,998,1001,1003,1006,1009],{"class":494,"line":546},[492,997,587],{"class":586},[492,999,1000],{"class":506}," brandSans",[492,1002,719],{"class":502},[492,1004,979],{"class":1005},"sBMFI",[492,1007,1008],{"class":502}," =",[492,1010,710],{"class":502},[492,1012,1013,1016,1019,1021,1023,1025,1027,1029],{"class":494,"line":564},[492,1014,1015],{"class":502},"  '",[492,1017,637],{"class":1018},"swJcz",[492,1020,697],{"class":502},[492,1022,719],{"class":502},[492,1024,516],{"class":502},[492,1026,724],{"class":519},[492,1028,697],{"class":502},[492,1030,1031],{"class":502},",\n",[492,1033,1034,1036,1038,1040,1043,1045],{"class":494,"line":576},[492,1035,733],{"class":1018},[492,1037,719],{"class":502},[492,1039,516],{"class":502},[492,1041,1042],{"class":519},"https:\u002F\u002Fexample.com\u002Ffonts\u002Fbrand-sans-regular.ttf",[492,1044,697],{"class":502},[492,1046,1031],{"class":502},[492,1048,1049],{"class":494,"line":583},[492,1050,786],{"class":502},[492,1052,1053],{"class":494,"line":602},[492,1054,580],{"emptyLinePlaceholder":579},[492,1056,1057],{"class":494,"line":617},[492,1058,1060],{"class":1059},"sHwdD","\u002F\u002F `lynx` is a Lynx-runtime global — absent on a plain web\u002Fbrowser target\n",[492,1062,1063],{"class":494,"line":769},[492,1064,1065],{"class":1059},"\u002F\u002F and in tests, so guard before calling.\n",[492,1067,1068,1071,1074,1077,1080,1083,1085,1088,1090,1093],{"class":494,"line":783},[492,1069,1070],{"class":498},"if",[492,1072,1073],{"class":506}," (",[492,1075,1076],{"class":502},"typeof",[492,1078,1079],{"class":506}," lynx ",[492,1081,1082],{"class":502},"!==",[492,1084,516],{"class":502},[492,1086,1087],{"class":519},"undefined",[492,1089,697],{"class":502},[492,1091,1092],{"class":506},") ",[492,1094,1095],{"class":502},"{\n",[492,1097,1098,1101,1103,1106,1108,1111,1114,1117,1120,1123,1125,1128,1130,1132,1135,1137],{"class":494,"line":789},[492,1099,1100],{"class":506},"  lynx",[492,1102,608],{"class":502},[492,1104,1105],{"class":596},"addFont",[492,1107,741],{"class":1018},[492,1109,1110],{"class":506},"brandSans",[492,1112,1113],{"class":502},",",[492,1115,1116],{"class":502}," ()",[492,1118,1119],{"class":586}," =>",[492,1121,1122],{"class":506}," console",[492,1124,608],{"class":502},[492,1126,1127],{"class":596},"log",[492,1129,741],{"class":1018},[492,1131,697],{"class":502},[492,1133,1134],{"class":519},"Brand Sans loaded",[492,1136,697],{"class":502},[492,1138,1139],{"class":1018},"))\n",[492,1141,1142],{"class":494,"line":794},[492,1143,786],{"class":502},[1145,1146],"br",{},"See ",[929,1149,1152],{"href":1150,"rel":1151},"https:\u002F\u002Flynxjs.org\u002Fapi\u002Flynx-api\u002Flynx\u002Flynx-add-font",[933],"lynxjs.org\u002Fapi\u002Flynx-api\u002Flynx\u002Flynx-add-font",[466,1154,1155,1156,1158,1159,920,1161,1163,1164,1169],{},"Neither mechanism covers how the font file gets onto the device or installed at the OS level in the first place — bundling a font into the native app and registering it with the platform so ",[470,1157,915],{}," (iOS) or an absolute asset path (Android) can resolve it is native-build tooling. Lynx's own docs point at ",[470,1160,651],{},[470,1162,1105],{}," without spelling out that packaging step either (see ",[929,1165,1168],{"href":1166,"rel":1167},"https:\u002F\u002Flynxjs.org\u002Fguide\u002Fstyling\u002Ftext-and-typography",[933],"lynxjs.org\u002Fguide\u002Fstyling\u002Ftext-and-typography","), so treat it as a host-app build concern to solve with your platform tooling, not a vyui or Vue-Lynx API gap.",[466,1171,1172,1173,1176,1177,1179,1180,1183],{},"The one thing that ",[888,1174,1175],{},"is"," concrete and vyui's to keep straight: whatever ",[470,1178,637],{}," string the native side registers under, use that exact string in ",[470,1181,1182],{},"theme.extend.fontFamily"," and in component classes\u002Foverrides below — Tailwind and Vy UI don't care how the font got there, only that the name matches.",[474,1185,1187],{"id":1186},"_3-add-tailwind-font-utilities","3. Add Tailwind font utilities",[466,1189,1190,1191,608],{},"Extend the Vue-Lynx Tailwind config. Keep the Lynx preset first and the Vy UI preset second; add fonts under ",[470,1192,1182],{},[482,1194,1197],{"className":484,"code":1195,"filename":1196,"language":487,"meta":488,"style":488},"import type { Config } from 'tailwindcss'\nimport { createLynxPreset } from '@lynx-js\u002Ftailwind-preset'\nimport vyuiPreset, { VYUI_UI_STATES } from '@vyui\u002Fkit\u002Ftailwind'\n\nconst lynxPreset = createLynxPreset({\n  lynxUIPlugins: {\n    uiVariants: {\n      prefixes: defaults => ({\n        ...defaults,\n        ui: [...defaults.ui, ...VYUI_UI_STATES],\n      }),\n    },\n  },\n})\n\nconst config: Config = {\n  content: [\n    '.\u002Fsrc\u002F**\u002F*.{vue,js,ts}',\n    '..\u002F..\u002F..\u002Fpackages\u002Fkit\u002Fsrc\u002F**\u002F*.{vue,js,ts}',\n    '..\u002F..\u002F..\u002Fpackages\u002Fcore\u002Fsrc\u002F**\u002F*.{vue,js,ts}',\n  ],\n  presets: [\n    lynxPreset,\n    vyuiPreset as Config,\n  ],\n  theme: {\n    extend: {\n      fontFamily: {\n        sans: ['Brand Sans'],\n        display: ['Brand Sans'],\n      },\n    },\n  },\n}\n\nexport default config\n","tailwind.config.ts",[470,1198,1199,1221,1241,1266,1270,1285,1294,1303,1320,1330,1360,1369,1374,1379,1387,1391,1406,1417,1430,1442,1454,1462,1472,1480,1493,1500,1510,1520,1530,1551,1571,1577,1582,1587,1592,1597],{"__ignoreMap":488},[492,1200,1201,1203,1205,1207,1210,1212,1214,1216,1219],{"class":494,"line":495},[492,1202,499],{"class":498},[492,1204,974],{"class":498},[492,1206,503],{"class":502},[492,1208,1209],{"class":506}," Config",[492,1211,510],{"class":502},[492,1213,513],{"class":498},[492,1215,516],{"class":502},[492,1217,1218],{"class":519},"tailwindcss",[492,1220,523],{"class":502},[492,1222,1223,1225,1227,1230,1232,1234,1236,1239],{"class":494,"line":526},[492,1224,499],{"class":498},[492,1226,503],{"class":502},[492,1228,1229],{"class":506}," createLynxPreset",[492,1231,510],{"class":502},[492,1233,513],{"class":498},[492,1235,516],{"class":502},[492,1237,1238],{"class":519},"@lynx-js\u002Ftailwind-preset",[492,1240,523],{"class":502},[492,1242,1243,1245,1248,1250,1252,1255,1257,1259,1261,1264],{"class":494,"line":546},[492,1244,499],{"class":498},[492,1246,1247],{"class":506}," vyuiPreset",[492,1249,1113],{"class":502},[492,1251,503],{"class":502},[492,1253,1254],{"class":506}," VYUI_UI_STATES",[492,1256,510],{"class":502},[492,1258,513],{"class":498},[492,1260,516],{"class":502},[492,1262,1263],{"class":519},"@vyui\u002Fkit\u002Ftailwind",[492,1265,523],{"class":502},[492,1267,1268],{"class":494,"line":564},[492,1269,580],{"emptyLinePlaceholder":579},[492,1271,1272,1274,1277,1279,1281,1283],{"class":494,"line":576},[492,1273,587],{"class":586},[492,1275,1276],{"class":506}," lynxPreset ",[492,1278,593],{"class":502},[492,1280,1229],{"class":596},[492,1282,741],{"class":506},[492,1284,1095],{"class":502},[492,1286,1287,1290,1292],{"class":494,"line":583},[492,1288,1289],{"class":1018},"  lynxUIPlugins",[492,1291,719],{"class":502},[492,1293,710],{"class":502},[492,1295,1296,1299,1301],{"class":494,"line":602},[492,1297,1298],{"class":1018},"    uiVariants",[492,1300,719],{"class":502},[492,1302,710],{"class":502},[492,1304,1305,1308,1310,1314,1316,1318],{"class":494,"line":617},[492,1306,1307],{"class":596},"      prefixes",[492,1309,719],{"class":502},[492,1311,1313],{"class":1312},"sHdIc"," defaults",[492,1315,1119],{"class":586},[492,1317,1073],{"class":506},[492,1319,1095],{"class":502},[492,1321,1322,1325,1328],{"class":494,"line":769},[492,1323,1324],{"class":502},"        ...",[492,1326,1327],{"class":506},"defaults",[492,1329,1031],{"class":502},[492,1331,1332,1335,1337,1340,1343,1345,1347,1350,1352,1355,1358],{"class":494,"line":783},[492,1333,1334],{"class":1018},"        ui",[492,1336,719],{"class":502},[492,1338,1339],{"class":506}," [",[492,1341,1342],{"class":502},"...",[492,1344,1327],{"class":506},[492,1346,608],{"class":502},[492,1348,1349],{"class":506},"ui",[492,1351,1113],{"class":502},[492,1353,1354],{"class":502}," ...",[492,1356,1357],{"class":506},"VYUI_UI_STATES]",[492,1359,1031],{"class":502},[492,1361,1362,1365,1367],{"class":494,"line":789},[492,1363,1364],{"class":502},"      }",[492,1366,751],{"class":506},[492,1368,1031],{"class":502},[492,1370,1371],{"class":494,"line":794},[492,1372,1373],{"class":502},"    },\n",[492,1375,1376],{"class":494,"line":801},[492,1377,1378],{"class":502},"  },\n",[492,1380,1381,1384],{"class":494,"line":816},[492,1382,1383],{"class":502},"}",[492,1385,1386],{"class":506},")\n",[492,1388,1389],{"class":494,"line":848},[492,1390,580],{"emptyLinePlaceholder":579},[492,1392,1393,1395,1398,1400,1402,1404],{"class":494,"line":860},[492,1394,587],{"class":586},[492,1396,1397],{"class":506}," config",[492,1399,719],{"class":502},[492,1401,1209],{"class":1005},[492,1403,1008],{"class":502},[492,1405,710],{"class":502},[492,1407,1409,1412,1414],{"class":494,"line":1408},17,[492,1410,1411],{"class":1018},"  content",[492,1413,719],{"class":502},[492,1415,1416],{"class":506}," [\n",[492,1418,1420,1423,1426,1428],{"class":494,"line":1419},18,[492,1421,1422],{"class":502},"    '",[492,1424,1425],{"class":519},".\u002Fsrc\u002F**\u002F*.{vue,js,ts}",[492,1427,697],{"class":502},[492,1429,1031],{"class":502},[492,1431,1433,1435,1438,1440],{"class":494,"line":1432},19,[492,1434,1422],{"class":502},[492,1436,1437],{"class":519},"..\u002F..\u002F..\u002Fpackages\u002Fkit\u002Fsrc\u002F**\u002F*.{vue,js,ts}",[492,1439,697],{"class":502},[492,1441,1031],{"class":502},[492,1443,1445,1447,1450,1452],{"class":494,"line":1444},20,[492,1446,1422],{"class":502},[492,1448,1449],{"class":519},"..\u002F..\u002F..\u002Fpackages\u002Fcore\u002Fsrc\u002F**\u002F*.{vue,js,ts}",[492,1451,697],{"class":502},[492,1453,1031],{"class":502},[492,1455,1457,1460],{"class":494,"line":1456},21,[492,1458,1459],{"class":506},"  ]",[492,1461,1031],{"class":502},[492,1463,1465,1468,1470],{"class":494,"line":1464},22,[492,1466,1467],{"class":1018},"  presets",[492,1469,719],{"class":502},[492,1471,1416],{"class":506},[492,1473,1475,1478],{"class":494,"line":1474},23,[492,1476,1477],{"class":506},"    lynxPreset",[492,1479,1031],{"class":502},[492,1481,1483,1486,1489,1491],{"class":494,"line":1482},24,[492,1484,1485],{"class":506},"    vyuiPreset ",[492,1487,1488],{"class":498},"as",[492,1490,1209],{"class":1005},[492,1492,1031],{"class":502},[492,1494,1496,1498],{"class":494,"line":1495},25,[492,1497,1459],{"class":506},[492,1499,1031],{"class":502},[492,1501,1503,1506,1508],{"class":494,"line":1502},26,[492,1504,1505],{"class":1018},"  theme",[492,1507,719],{"class":502},[492,1509,710],{"class":502},[492,1511,1513,1516,1518],{"class":494,"line":1512},27,[492,1514,1515],{"class":1018},"    extend",[492,1517,719],{"class":502},[492,1519,710],{"class":502},[492,1521,1523,1526,1528],{"class":494,"line":1522},28,[492,1524,1525],{"class":1018},"      fontFamily",[492,1527,719],{"class":502},[492,1529,710],{"class":502},[492,1531,1533,1536,1538,1540,1542,1544,1546,1549],{"class":494,"line":1532},29,[492,1534,1535],{"class":1018},"        sans",[492,1537,719],{"class":502},[492,1539,1339],{"class":506},[492,1541,697],{"class":502},[492,1543,724],{"class":519},[492,1545,697],{"class":502},[492,1547,1548],{"class":506},"]",[492,1550,1031],{"class":502},[492,1552,1554,1557,1559,1561,1563,1565,1567,1569],{"class":494,"line":1553},30,[492,1555,1556],{"class":1018},"        display",[492,1558,719],{"class":502},[492,1560,1339],{"class":506},[492,1562,697],{"class":502},[492,1564,724],{"class":519},[492,1566,697],{"class":502},[492,1568,1548],{"class":506},[492,1570,1031],{"class":502},[492,1572,1574],{"class":494,"line":1573},31,[492,1575,1576],{"class":502},"      },\n",[492,1578,1580],{"class":494,"line":1579},32,[492,1581,1373],{"class":502},[492,1583,1585],{"class":494,"line":1584},33,[492,1586,1378],{"class":502},[492,1588,1590],{"class":494,"line":1589},34,[492,1591,786],{"class":502},[492,1593,1595],{"class":494,"line":1594},35,[492,1596,580],{"emptyLinePlaceholder":579},[492,1598,1600,1603,1606],{"class":494,"line":1599},36,[492,1601,1602],{"class":498},"export",[492,1604,1605],{"class":498}," default",[492,1607,1608],{"class":506}," config\n",[466,1610,1611,1612,1615,1616,1619,1620,1622,1623,608],{},"If the app was created with ",[470,1613,1614],{},"vyui init",", import the copied preset from ",[470,1617,1618],{},".\u002Fsrc\u002Flib\u002Fvyui\u002Fvyui-preset.js"," instead of ",[470,1621,1263],{},", matching the generated ",[470,1624,1196],{},[474,1626,1628],{"id":1627},"_4-use-fonts-in-app-markup","4. Use fonts in app markup",[466,1630,1631,1632,1635],{},"Use Tailwind font utilities on Lynx ",[470,1633,1634],{},"text"," nodes. Font family does not reliably cascade across every Lynx target, so put the utility on the text element or on the component slot that renders text.",[482,1637,1641],{"className":1638,"code":1639,"language":1640,"meta":488,"style":488},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctext class=\"font-display text-2xl font-semibold\">\n  Account settings\n\u003C\u002Ftext>\n","vue",[470,1642,1643,1666,1671],{"__ignoreMap":488},[492,1644,1645,1648,1650,1653,1655,1658,1661,1663],{"class":494,"line":495},[492,1646,1647],{"class":502},"\u003C",[492,1649,1634],{"class":1018},[492,1651,1652],{"class":586}," class",[492,1654,593],{"class":502},[492,1656,1657],{"class":502},"\"",[492,1659,1660],{"class":519},"font-display text-2xl font-semibold",[492,1662,1657],{"class":502},[492,1664,1665],{"class":502},">\n",[492,1667,1668],{"class":494,"line":526},[492,1669,1670],{"class":506},"  Account settings\n",[492,1672,1673,1676,1678],{"class":494,"line":546},[492,1674,1675],{"class":502},"\u003C\u002F",[492,1677,1634],{"class":1018},[492,1679,1665],{"class":502},[474,1681,1683],{"id":1682},"_5-override-vy-ui-component-typography","5. Override Vy UI component typography",[466,1685,1686],{},"Use app config when a font should apply to a whole Vy UI component slot. Theme keys are deep-merged into the kit defaults.",[482,1688,1690],{"className":484,"code":1689,"filename":486,"language":487,"meta":488,"style":488},"app.use(VyUI, {\n  ui: {\n    button: {\n      slots: {\n        label: 'font-sans',\n      },\n    },\n    modal: {\n      slots: {\n        title: 'font-display font-semibold',\n      },\n    },\n  },\n})\n",[470,1691,1692,1707,1716,1725,1734,1750,1754,1758,1767,1775,1791,1795,1799,1803],{"__ignoreMap":488},[492,1693,1694,1696,1698,1700,1703,1705],{"class":494,"line":495},[492,1695,605],{"class":506},[492,1697,608],{"class":502},[492,1699,611],{"class":596},[492,1701,1702],{"class":506},"(VyUI",[492,1704,1113],{"class":502},[492,1706,710],{"class":502},[492,1708,1709,1712,1714],{"class":494,"line":526},[492,1710,1711],{"class":1018},"  ui",[492,1713,719],{"class":502},[492,1715,710],{"class":502},[492,1717,1718,1721,1723],{"class":494,"line":546},[492,1719,1720],{"class":1018},"    button",[492,1722,719],{"class":502},[492,1724,710],{"class":502},[492,1726,1727,1730,1732],{"class":494,"line":564},[492,1728,1729],{"class":1018},"      slots",[492,1731,719],{"class":502},[492,1733,710],{"class":502},[492,1735,1736,1739,1741,1743,1746,1748],{"class":494,"line":576},[492,1737,1738],{"class":1018},"        label",[492,1740,719],{"class":502},[492,1742,516],{"class":502},[492,1744,1745],{"class":519},"font-sans",[492,1747,697],{"class":502},[492,1749,1031],{"class":502},[492,1751,1752],{"class":494,"line":583},[492,1753,1576],{"class":502},[492,1755,1756],{"class":494,"line":602},[492,1757,1373],{"class":502},[492,1759,1760,1763,1765],{"class":494,"line":617},[492,1761,1762],{"class":1018},"    modal",[492,1764,719],{"class":502},[492,1766,710],{"class":502},[492,1768,1769,1771,1773],{"class":494,"line":769},[492,1770,1729],{"class":1018},[492,1772,719],{"class":502},[492,1774,710],{"class":502},[492,1776,1777,1780,1782,1784,1787,1789],{"class":494,"line":783},[492,1778,1779],{"class":1018},"        title",[492,1781,719],{"class":502},[492,1783,516],{"class":502},[492,1785,1786],{"class":519},"font-display font-semibold",[492,1788,697],{"class":502},[492,1790,1031],{"class":502},[492,1792,1793],{"class":494,"line":789},[492,1794,1576],{"class":502},[492,1796,1797],{"class":494,"line":794},[492,1798,1373],{"class":502},[492,1800,1801],{"class":494,"line":801},[492,1802,1378],{"class":502},[492,1804,1805,1807],{"class":494,"line":816},[492,1806,1383],{"class":502},[492,1808,1386],{"class":506},[474,1810,1812],{"id":1811},"related","Related",[1814,1815,1816],"ul",{},[885,1817,1818],{},[929,1819,309],{"href":310},[1821,1822,1823],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":488,"searchDepth":495,"depth":526,"links":1825},[1826,1827,1831,1832,1833,1834],{"id":476,"depth":526,"text":477},{"id":630,"depth":526,"text":631,"children":1828},[1829,1830],{"id":642,"depth":546,"text":643},{"id":865,"depth":546,"text":866},{"id":1186,"depth":526,"text":1187},{"id":1627,"depth":526,"text":1628},{"id":1682,"depth":526,"text":1683},{"id":1811,"depth":526,"text":1812},"Registering fonts on web and native Lynx targets, and wiring them into Tailwind and Vy UI component theme overrides.","md",{},{"icon":326},{"title":323,"description":1835},"VNBRCVgmKvME4FvBEiyEpUvkZsrSDRrA2iAZpqj0aaw",[1842,1844],{"title":318,"path":319,"stem":320,"description":1843,"icon":-1,"children":-1,"navigation":-1},"useColorMode, the app-root class + remount contract, and what's not yet migrated to the semantic surface tier.",{"title":328,"path":329,"stem":330,"description":1845,"icon":-1,"children":-1,"navigation":-1},"Vy UI components ship with native Lynx accessibility built in — what you get for free and the one thing you add.",1785060134602]