[{"data":1,"prerenderedAt":1792},["ShallowReactive",2],{"navigation":3,"\u002Ftheming\u002Ffonts":406,"\u002Ftheming\u002Ffonts-surround":1787},[4,34,51,301,327,332,337],{"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",{"id":407,"title":323,"body":408,"description":1781,"extension":1782,"links":11,"meta":1783,"navigation":1784,"package":11,"path":324,"seo":1785,"stem":325,"__hash__":1786},"docs\u002F4.theming\u002F5.fonts.md",{"type":409,"value":410,"toc":1770},"minimark",[411,419,424,427,574,578,585,590,599,809,813,822,827,1099,1116,1130,1134,1139,1555,1571,1575,1582,1626,1630,1633,1755,1759,1766],[412,413,414,415,418],"p",{},"Vy UI does not ship or load a font for you. ",[416,417,46],"code",{}," stays font-agnostic, and the Vue-Lynx app owns font registration, Tailwind font utilities, and any component-level typography overrides.",[420,421,423],"h2",{"id":422},"_1-load-app-css","1. Load app CSS",[412,425,426],{},"Import the app stylesheet from the Vue-Lynx entry file. This is where Tailwind and app-owned font rules live.",[428,429,435],"pre",{"className":430,"code":431,"filename":432,"language":433,"meta":434,"style":434},"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","",[416,436,437,470,490,508,520,527,546,561],{"__ignoreMap":434},[438,439,442,446,450,454,457,460,463,467],"span",{"class":440,"line":441},"line",1,[438,443,445],{"class":444},"s7zQu","import",[438,447,449],{"class":448},"sMK4o"," {",[438,451,453],{"class":452},"sTEyZ"," createApp",[438,455,456],{"class":448}," }",[438,458,459],{"class":444}," from",[438,461,462],{"class":448}," '",[438,464,466],{"class":465},"sfazB","vue-lynx",[438,468,469],{"class":448},"'\n",[438,471,473,475,477,480,482,484,486,488],{"class":440,"line":472},2,[438,474,445],{"class":444},[438,476,449],{"class":448},[438,478,479],{"class":452}," VyUI",[438,481,456],{"class":448},[438,483,459],{"class":444},[438,485,462],{"class":448},[438,487,46],{"class":465},[438,489,469],{"class":448},[438,491,493,495,498,501,503,506],{"class":440,"line":492},3,[438,494,445],{"class":444},[438,496,497],{"class":452}," App ",[438,499,500],{"class":444},"from",[438,502,462],{"class":448},[438,504,505],{"class":465},".\u002FApp.vue",[438,507,469],{"class":448},[438,509,511,513,515,518],{"class":440,"line":510},4,[438,512,445],{"class":444},[438,514,462],{"class":448},[438,516,517],{"class":465},".\u002Findex.css",[438,519,469],{"class":448},[438,521,523],{"class":440,"line":522},5,[438,524,526],{"emptyLinePlaceholder":525},true,"\n",[438,528,530,534,537,540,543],{"class":440,"line":529},6,[438,531,533],{"class":532},"spNyl","const",[438,535,536],{"class":452}," app ",[438,538,539],{"class":448},"=",[438,541,453],{"class":542},"s2Zo4",[438,544,545],{"class":452},"(App)\n",[438,547,549,552,555,558],{"class":440,"line":548},7,[438,550,551],{"class":452},"app",[438,553,554],{"class":448},".",[438,556,557],{"class":542},"use",[438,559,560],{"class":452},"(VyUI)\n",[438,562,564,566,568,571],{"class":440,"line":563},8,[438,565,551],{"class":452},[438,567,554],{"class":448},[438,569,570],{"class":542},"mount",[438,572,573],{"class":452},"()\n",[420,575,577],{"id":576},"_2-define-the-font","2. Define the font",[412,579,580,581,584],{},"Keep the ",[416,582,583],{},"font-family"," name stable across whatever mechanism registers it, because Tailwind utilities and theme overrides reference this name by string.",[586,587,589],"h3",{"id":588},"web-css-targets","Web \u002F CSS targets",[412,591,592,594,595,598],{},[416,593,46],{}," fully owns this path — plain ",[416,596,597],{},"@font-face"," in the app stylesheet:",[428,600,605],{"className":601,"code":602,"filename":603,"language":604,"meta":434,"style":434},"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",[416,606,607,618,627,631,646,650,657,675,713,727,733,738,745,760,792,804],{"__ignoreMap":434},[438,608,609,612,615],{"class":440,"line":441},[438,610,611],{"class":444},"@tailwind",[438,613,614],{"class":452}," base",[438,616,617],{"class":448},";\n",[438,619,620,622,625],{"class":440,"line":472},[438,621,611],{"class":444},[438,623,624],{"class":452}," utilities",[438,626,617],{"class":448},[438,628,629],{"class":440,"line":492},[438,630,526],{"emptyLinePlaceholder":525},[438,632,633,636,638,641,644],{"class":440,"line":510},[438,634,635],{"class":444},"@import",[438,637,462],{"class":448},[438,639,640],{"class":465},"@vyui\u002Fkit\u002Fstyle.css",[438,642,643],{"class":448},"'",[438,645,617],{"class":448},[438,647,648],{"class":440,"line":522},[438,649,526],{"emptyLinePlaceholder":525},[438,651,652,654],{"class":440,"line":529},[438,653,597],{"class":444},[438,655,656],{"class":448}," {\n",[438,658,659,663,666,668,671,673],{"class":440,"line":548},[438,660,662],{"class":661},"sqsOY","  font-family",[438,664,665],{"class":448},":",[438,667,462],{"class":448},[438,669,670],{"class":465},"Brand Sans",[438,672,643],{"class":448},[438,674,617],{"class":448},[438,676,677,680,682,685,688,690,693,695,698,701,703,705,708,710],{"class":440,"line":563},[438,678,679],{"class":661},"  src",[438,681,665],{"class":448},[438,683,684],{"class":542}," url",[438,686,687],{"class":448},"(",[438,689,643],{"class":448},[438,691,692],{"class":465},"\u002Ffonts\u002Fbrand-sans-regular.woff2",[438,694,643],{"class":448},[438,696,697],{"class":448},")",[438,699,700],{"class":542}," format",[438,702,687],{"class":448},[438,704,643],{"class":448},[438,706,707],{"class":465},"woff2",[438,709,643],{"class":448},[438,711,712],{"class":448},");\n",[438,714,716,719,721,725],{"class":440,"line":715},9,[438,717,718],{"class":661},"  font-weight",[438,720,665],{"class":448},[438,722,724],{"class":723},"sbssI"," 400",[438,726,617],{"class":448},[438,728,730],{"class":440,"line":729},10,[438,731,732],{"class":448},"}\n",[438,734,736],{"class":440,"line":735},11,[438,737,526],{"emptyLinePlaceholder":525},[438,739,741,743],{"class":440,"line":740},12,[438,742,597],{"class":444},[438,744,656],{"class":448},[438,746,748,750,752,754,756,758],{"class":440,"line":747},13,[438,749,662],{"class":661},[438,751,665],{"class":448},[438,753,462],{"class":448},[438,755,670],{"class":465},[438,757,643],{"class":448},[438,759,617],{"class":448},[438,761,763,765,767,769,771,773,776,778,780,782,784,786,788,790],{"class":440,"line":762},14,[438,764,679],{"class":661},[438,766,665],{"class":448},[438,768,684],{"class":542},[438,770,687],{"class":448},[438,772,643],{"class":448},[438,774,775],{"class":465},"\u002Ffonts\u002Fbrand-sans-semibold.woff2",[438,777,643],{"class":448},[438,779,697],{"class":448},[438,781,700],{"class":542},[438,783,687],{"class":448},[438,785,643],{"class":448},[438,787,707],{"class":465},[438,789,643],{"class":448},[438,791,712],{"class":448},[438,793,795,797,799,802],{"class":440,"line":794},15,[438,796,718],{"class":661},[438,798,665],{"class":448},[438,800,801],{"class":723}," 600",[438,803,617],{"class":448},[438,805,807],{"class":440,"line":806},16,[438,808,732],{"class":448},[586,810,812],{"id":811},"native-lynx-targets","Native Lynx targets",[412,814,815,816,818,819,821],{},"Native font registration is a Lynx\u002Fhost-platform concern, not something ",[416,817,46],{}," wraps or ships — there's no ",[416,820,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.",[412,823,824,825,665],{},"Lynx exposes two real, documented mechanisms, both outside ",[416,826,46],{},[828,829,830,881],"ol",{},[831,832,833,843,844,846,847,850,851,854,855,858,859,862,863,866,867,866,870,873,874,554],"li",{},[834,835,836,838,839,842],"strong",{},[416,837,597],{},", native ",[416,840,841],{},"src"," grammar."," The same at-rule, but native reads ",[416,845,841],{}," differently than a browser: ",[416,848,849],{},"url()"," for a remote or Base64 font on both platforms, or ",[416,852,853],{},"local()"," to point at a font already on the device — ",[416,856,857],{},"local(file:\u002F\u002Fabsolute\u002Fpath)"," on Android, ",[416,860,861],{},"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 ",[416,864,865],{},"font-weight"," \u002F ",[416,868,869],{},"font-style",[416,871,872],{},"font-variant"," inside the block, unlike the web spec. See ",[875,876,880],"a",{"href":877,"rel":878},"https:\u002F\u002Flynxjs.org\u002Fapi\u002Fcss\u002Fat-rule\u002Ffont-face",[879],"nofollow","lynxjs.org\u002Fapi\u002Fcss\u002Fat-rule\u002Ffont-face",[831,882,883,888,889,892,893,896,897,899,900,903,904,906,907,665,909,1090,1093,1094,554],{},[834,884,885,554],{},[416,886,887],{},"lynx.addFont(fontFace, callback)"," A background-thread global for loading a font at runtime, modeled on the Web Font Loading API. The ",[416,890,891],{},"FontFace"," shape (",[416,894,895],{},"'font-family'",", ",[416,898,841],{},") ships in ",[416,901,902],{},"@lynx-js\u002Ftypes",", already pulled in transitively via ",[416,905,46],{},"'s dependency on ",[416,908,41],{},[428,910,912],{"className":430,"code":911,"filename":432,"language":433,"meta":434,"style":434},"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",[416,913,914,936,940,957,978,993,997,1001,1007,1012,1042,1086],{"__ignoreMap":434},[438,915,916,918,921,923,926,928,930,932,934],{"class":440,"line":441},[438,917,445],{"class":444},[438,919,920],{"class":444}," type",[438,922,449],{"class":448},[438,924,925],{"class":452}," FontFace",[438,927,456],{"class":448},[438,929,459],{"class":444},[438,931,462],{"class":448},[438,933,902],{"class":465},[438,935,469],{"class":448},[438,937,938],{"class":440,"line":472},[438,939,526],{"emptyLinePlaceholder":525},[438,941,942,944,947,949,952,955],{"class":440,"line":492},[438,943,533],{"class":532},[438,945,946],{"class":452}," brandSans",[438,948,665],{"class":448},[438,950,925],{"class":951},"sBMFI",[438,953,954],{"class":448}," =",[438,956,656],{"class":448},[438,958,959,962,965,967,969,971,973,975],{"class":440,"line":510},[438,960,961],{"class":448},"  '",[438,963,583],{"class":964},"swJcz",[438,966,643],{"class":448},[438,968,665],{"class":448},[438,970,462],{"class":448},[438,972,670],{"class":465},[438,974,643],{"class":448},[438,976,977],{"class":448},",\n",[438,979,980,982,984,986,989,991],{"class":440,"line":522},[438,981,679],{"class":964},[438,983,665],{"class":448},[438,985,462],{"class":448},[438,987,988],{"class":465},"https:\u002F\u002Fexample.com\u002Ffonts\u002Fbrand-sans-regular.ttf",[438,990,643],{"class":448},[438,992,977],{"class":448},[438,994,995],{"class":440,"line":529},[438,996,732],{"class":448},[438,998,999],{"class":440,"line":548},[438,1000,526],{"emptyLinePlaceholder":525},[438,1002,1003],{"class":440,"line":563},[438,1004,1006],{"class":1005},"sHwdD","\u002F\u002F `lynx` is a Lynx-runtime global — absent on a plain web\u002Fbrowser target\n",[438,1008,1009],{"class":440,"line":715},[438,1010,1011],{"class":1005},"\u002F\u002F and in tests, so guard before calling.\n",[438,1013,1014,1017,1020,1023,1026,1029,1031,1034,1036,1039],{"class":440,"line":729},[438,1015,1016],{"class":444},"if",[438,1018,1019],{"class":452}," (",[438,1021,1022],{"class":448},"typeof",[438,1024,1025],{"class":452}," lynx ",[438,1027,1028],{"class":448},"!==",[438,1030,462],{"class":448},[438,1032,1033],{"class":465},"undefined",[438,1035,643],{"class":448},[438,1037,1038],{"class":452},") ",[438,1040,1041],{"class":448},"{\n",[438,1043,1044,1047,1049,1052,1054,1057,1060,1063,1066,1069,1071,1074,1076,1078,1081,1083],{"class":440,"line":735},[438,1045,1046],{"class":452},"  lynx",[438,1048,554],{"class":448},[438,1050,1051],{"class":542},"addFont",[438,1053,687],{"class":964},[438,1055,1056],{"class":452},"brandSans",[438,1058,1059],{"class":448},",",[438,1061,1062],{"class":448}," ()",[438,1064,1065],{"class":532}," =>",[438,1067,1068],{"class":452}," console",[438,1070,554],{"class":448},[438,1072,1073],{"class":542},"log",[438,1075,687],{"class":964},[438,1077,643],{"class":448},[438,1079,1080],{"class":465},"Brand Sans loaded",[438,1082,643],{"class":448},[438,1084,1085],{"class":964},"))\n",[438,1087,1088],{"class":440,"line":740},[438,1089,732],{"class":448},[1091,1092],"br",{},"See ",[875,1095,1098],{"href":1096,"rel":1097},"https:\u002F\u002Flynxjs.org\u002Fapi\u002Flynx-api\u002Flynx\u002Flynx-add-font",[879],"lynxjs.org\u002Fapi\u002Flynx-api\u002Flynx\u002Flynx-add-font",[412,1100,1101,1102,1104,1105,866,1107,1109,1110,1115],{},"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 ",[416,1103,861],{}," (iOS) or an absolute asset path (Android) can resolve it is native-build tooling. Lynx's own docs point at ",[416,1106,597],{},[416,1108,1051],{}," without spelling out that packaging step either (see ",[875,1111,1114],{"href":1112,"rel":1113},"https:\u002F\u002Flynxjs.org\u002Fguide\u002Fstyling\u002Ftext-and-typography",[879],"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.",[412,1117,1118,1119,1122,1123,1125,1126,1129],{},"The one thing that ",[834,1120,1121],{},"is"," concrete and vyui's to keep straight: whatever ",[416,1124,583],{}," string the native side registers under, use that exact string in ",[416,1127,1128],{},"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.",[420,1131,1133],{"id":1132},"_3-add-tailwind-font-utilities","3. Add Tailwind font utilities",[412,1135,1136,1137,554],{},"Extend the Vue-Lynx Tailwind config. Keep the Lynx preset first and the Vy UI preset second; add fonts under ",[416,1138,1128],{},[428,1140,1143],{"className":430,"code":1141,"filename":1142,"language":433,"meta":434,"style":434},"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",[416,1144,1145,1167,1187,1212,1216,1231,1240,1249,1266,1276,1306,1315,1320,1325,1333,1337,1352,1363,1376,1388,1400,1408,1418,1426,1439,1446,1456,1466,1476,1497,1517,1523,1528,1533,1538,1543],{"__ignoreMap":434},[438,1146,1147,1149,1151,1153,1156,1158,1160,1162,1165],{"class":440,"line":441},[438,1148,445],{"class":444},[438,1150,920],{"class":444},[438,1152,449],{"class":448},[438,1154,1155],{"class":452}," Config",[438,1157,456],{"class":448},[438,1159,459],{"class":444},[438,1161,462],{"class":448},[438,1163,1164],{"class":465},"tailwindcss",[438,1166,469],{"class":448},[438,1168,1169,1171,1173,1176,1178,1180,1182,1185],{"class":440,"line":472},[438,1170,445],{"class":444},[438,1172,449],{"class":448},[438,1174,1175],{"class":452}," createLynxPreset",[438,1177,456],{"class":448},[438,1179,459],{"class":444},[438,1181,462],{"class":448},[438,1183,1184],{"class":465},"@lynx-js\u002Ftailwind-preset",[438,1186,469],{"class":448},[438,1188,1189,1191,1194,1196,1198,1201,1203,1205,1207,1210],{"class":440,"line":492},[438,1190,445],{"class":444},[438,1192,1193],{"class":452}," vyuiPreset",[438,1195,1059],{"class":448},[438,1197,449],{"class":448},[438,1199,1200],{"class":452}," VYUI_UI_STATES",[438,1202,456],{"class":448},[438,1204,459],{"class":444},[438,1206,462],{"class":448},[438,1208,1209],{"class":465},"@vyui\u002Fkit\u002Ftailwind",[438,1211,469],{"class":448},[438,1213,1214],{"class":440,"line":510},[438,1215,526],{"emptyLinePlaceholder":525},[438,1217,1218,1220,1223,1225,1227,1229],{"class":440,"line":522},[438,1219,533],{"class":532},[438,1221,1222],{"class":452}," lynxPreset ",[438,1224,539],{"class":448},[438,1226,1175],{"class":542},[438,1228,687],{"class":452},[438,1230,1041],{"class":448},[438,1232,1233,1236,1238],{"class":440,"line":529},[438,1234,1235],{"class":964},"  lynxUIPlugins",[438,1237,665],{"class":448},[438,1239,656],{"class":448},[438,1241,1242,1245,1247],{"class":440,"line":548},[438,1243,1244],{"class":964},"    uiVariants",[438,1246,665],{"class":448},[438,1248,656],{"class":448},[438,1250,1251,1254,1256,1260,1262,1264],{"class":440,"line":563},[438,1252,1253],{"class":542},"      prefixes",[438,1255,665],{"class":448},[438,1257,1259],{"class":1258},"sHdIc"," defaults",[438,1261,1065],{"class":532},[438,1263,1019],{"class":452},[438,1265,1041],{"class":448},[438,1267,1268,1271,1274],{"class":440,"line":715},[438,1269,1270],{"class":448},"        ...",[438,1272,1273],{"class":452},"defaults",[438,1275,977],{"class":448},[438,1277,1278,1281,1283,1286,1289,1291,1293,1296,1298,1301,1304],{"class":440,"line":729},[438,1279,1280],{"class":964},"        ui",[438,1282,665],{"class":448},[438,1284,1285],{"class":452}," [",[438,1287,1288],{"class":448},"...",[438,1290,1273],{"class":452},[438,1292,554],{"class":448},[438,1294,1295],{"class":452},"ui",[438,1297,1059],{"class":448},[438,1299,1300],{"class":448}," ...",[438,1302,1303],{"class":452},"VYUI_UI_STATES]",[438,1305,977],{"class":448},[438,1307,1308,1311,1313],{"class":440,"line":735},[438,1309,1310],{"class":448},"      }",[438,1312,697],{"class":452},[438,1314,977],{"class":448},[438,1316,1317],{"class":440,"line":740},[438,1318,1319],{"class":448},"    },\n",[438,1321,1322],{"class":440,"line":747},[438,1323,1324],{"class":448},"  },\n",[438,1326,1327,1330],{"class":440,"line":762},[438,1328,1329],{"class":448},"}",[438,1331,1332],{"class":452},")\n",[438,1334,1335],{"class":440,"line":794},[438,1336,526],{"emptyLinePlaceholder":525},[438,1338,1339,1341,1344,1346,1348,1350],{"class":440,"line":806},[438,1340,533],{"class":532},[438,1342,1343],{"class":452}," config",[438,1345,665],{"class":448},[438,1347,1155],{"class":951},[438,1349,954],{"class":448},[438,1351,656],{"class":448},[438,1353,1355,1358,1360],{"class":440,"line":1354},17,[438,1356,1357],{"class":964},"  content",[438,1359,665],{"class":448},[438,1361,1362],{"class":452}," [\n",[438,1364,1366,1369,1372,1374],{"class":440,"line":1365},18,[438,1367,1368],{"class":448},"    '",[438,1370,1371],{"class":465},".\u002Fsrc\u002F**\u002F*.{vue,js,ts}",[438,1373,643],{"class":448},[438,1375,977],{"class":448},[438,1377,1379,1381,1384,1386],{"class":440,"line":1378},19,[438,1380,1368],{"class":448},[438,1382,1383],{"class":465},"..\u002F..\u002F..\u002Fpackages\u002Fkit\u002Fsrc\u002F**\u002F*.{vue,js,ts}",[438,1385,643],{"class":448},[438,1387,977],{"class":448},[438,1389,1391,1393,1396,1398],{"class":440,"line":1390},20,[438,1392,1368],{"class":448},[438,1394,1395],{"class":465},"..\u002F..\u002F..\u002Fpackages\u002Fcore\u002Fsrc\u002F**\u002F*.{vue,js,ts}",[438,1397,643],{"class":448},[438,1399,977],{"class":448},[438,1401,1403,1406],{"class":440,"line":1402},21,[438,1404,1405],{"class":452},"  ]",[438,1407,977],{"class":448},[438,1409,1411,1414,1416],{"class":440,"line":1410},22,[438,1412,1413],{"class":964},"  presets",[438,1415,665],{"class":448},[438,1417,1362],{"class":452},[438,1419,1421,1424],{"class":440,"line":1420},23,[438,1422,1423],{"class":452},"    lynxPreset",[438,1425,977],{"class":448},[438,1427,1429,1432,1435,1437],{"class":440,"line":1428},24,[438,1430,1431],{"class":452},"    vyuiPreset ",[438,1433,1434],{"class":444},"as",[438,1436,1155],{"class":951},[438,1438,977],{"class":448},[438,1440,1442,1444],{"class":440,"line":1441},25,[438,1443,1405],{"class":452},[438,1445,977],{"class":448},[438,1447,1449,1452,1454],{"class":440,"line":1448},26,[438,1450,1451],{"class":964},"  theme",[438,1453,665],{"class":448},[438,1455,656],{"class":448},[438,1457,1459,1462,1464],{"class":440,"line":1458},27,[438,1460,1461],{"class":964},"    extend",[438,1463,665],{"class":448},[438,1465,656],{"class":448},[438,1467,1469,1472,1474],{"class":440,"line":1468},28,[438,1470,1471],{"class":964},"      fontFamily",[438,1473,665],{"class":448},[438,1475,656],{"class":448},[438,1477,1479,1482,1484,1486,1488,1490,1492,1495],{"class":440,"line":1478},29,[438,1480,1481],{"class":964},"        sans",[438,1483,665],{"class":448},[438,1485,1285],{"class":452},[438,1487,643],{"class":448},[438,1489,670],{"class":465},[438,1491,643],{"class":448},[438,1493,1494],{"class":452},"]",[438,1496,977],{"class":448},[438,1498,1500,1503,1505,1507,1509,1511,1513,1515],{"class":440,"line":1499},30,[438,1501,1502],{"class":964},"        display",[438,1504,665],{"class":448},[438,1506,1285],{"class":452},[438,1508,643],{"class":448},[438,1510,670],{"class":465},[438,1512,643],{"class":448},[438,1514,1494],{"class":452},[438,1516,977],{"class":448},[438,1518,1520],{"class":440,"line":1519},31,[438,1521,1522],{"class":448},"      },\n",[438,1524,1526],{"class":440,"line":1525},32,[438,1527,1319],{"class":448},[438,1529,1531],{"class":440,"line":1530},33,[438,1532,1324],{"class":448},[438,1534,1536],{"class":440,"line":1535},34,[438,1537,732],{"class":448},[438,1539,1541],{"class":440,"line":1540},35,[438,1542,526],{"emptyLinePlaceholder":525},[438,1544,1546,1549,1552],{"class":440,"line":1545},36,[438,1547,1548],{"class":444},"export",[438,1550,1551],{"class":444}," default",[438,1553,1554],{"class":452}," config\n",[412,1556,1557,1558,1561,1562,1565,1566,1568,1569,554],{},"If the app was created with ",[416,1559,1560],{},"vyui init",", import the copied preset from ",[416,1563,1564],{},".\u002Fsrc\u002Flib\u002Fvyui\u002Fvyui-preset.js"," instead of ",[416,1567,1209],{},", matching the generated ",[416,1570,1142],{},[420,1572,1574],{"id":1573},"_4-use-fonts-in-app-markup","4. Use fonts in app markup",[412,1576,1577,1578,1581],{},"Use Tailwind font utilities on Lynx ",[416,1579,1580],{},"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.",[428,1583,1587],{"className":1584,"code":1585,"language":1586,"meta":434,"style":434},"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",[416,1588,1589,1612,1617],{"__ignoreMap":434},[438,1590,1591,1594,1596,1599,1601,1604,1607,1609],{"class":440,"line":441},[438,1592,1593],{"class":448},"\u003C",[438,1595,1580],{"class":964},[438,1597,1598],{"class":532}," class",[438,1600,539],{"class":448},[438,1602,1603],{"class":448},"\"",[438,1605,1606],{"class":465},"font-display text-2xl font-semibold",[438,1608,1603],{"class":448},[438,1610,1611],{"class":448},">\n",[438,1613,1614],{"class":440,"line":472},[438,1615,1616],{"class":452},"  Account settings\n",[438,1618,1619,1622,1624],{"class":440,"line":492},[438,1620,1621],{"class":448},"\u003C\u002F",[438,1623,1580],{"class":964},[438,1625,1611],{"class":448},[420,1627,1629],{"id":1628},"_5-override-vy-ui-component-typography","5. Override Vy UI component typography",[412,1631,1632],{},"Use app config when a font should apply to a whole Vy UI component slot. Theme keys are deep-merged into the kit defaults.",[428,1634,1636],{"className":430,"code":1635,"filename":432,"language":433,"meta":434,"style":434},"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",[416,1637,1638,1653,1662,1671,1680,1696,1700,1704,1713,1721,1737,1741,1745,1749],{"__ignoreMap":434},[438,1639,1640,1642,1644,1646,1649,1651],{"class":440,"line":441},[438,1641,551],{"class":452},[438,1643,554],{"class":448},[438,1645,557],{"class":542},[438,1647,1648],{"class":452},"(VyUI",[438,1650,1059],{"class":448},[438,1652,656],{"class":448},[438,1654,1655,1658,1660],{"class":440,"line":472},[438,1656,1657],{"class":964},"  ui",[438,1659,665],{"class":448},[438,1661,656],{"class":448},[438,1663,1664,1667,1669],{"class":440,"line":492},[438,1665,1666],{"class":964},"    button",[438,1668,665],{"class":448},[438,1670,656],{"class":448},[438,1672,1673,1676,1678],{"class":440,"line":510},[438,1674,1675],{"class":964},"      slots",[438,1677,665],{"class":448},[438,1679,656],{"class":448},[438,1681,1682,1685,1687,1689,1692,1694],{"class":440,"line":522},[438,1683,1684],{"class":964},"        label",[438,1686,665],{"class":448},[438,1688,462],{"class":448},[438,1690,1691],{"class":465},"font-sans",[438,1693,643],{"class":448},[438,1695,977],{"class":448},[438,1697,1698],{"class":440,"line":529},[438,1699,1522],{"class":448},[438,1701,1702],{"class":440,"line":548},[438,1703,1319],{"class":448},[438,1705,1706,1709,1711],{"class":440,"line":563},[438,1707,1708],{"class":964},"    modal",[438,1710,665],{"class":448},[438,1712,656],{"class":448},[438,1714,1715,1717,1719],{"class":440,"line":715},[438,1716,1675],{"class":964},[438,1718,665],{"class":448},[438,1720,656],{"class":448},[438,1722,1723,1726,1728,1730,1733,1735],{"class":440,"line":729},[438,1724,1725],{"class":964},"        title",[438,1727,665],{"class":448},[438,1729,462],{"class":448},[438,1731,1732],{"class":465},"font-display font-semibold",[438,1734,643],{"class":448},[438,1736,977],{"class":448},[438,1738,1739],{"class":440,"line":735},[438,1740,1522],{"class":448},[438,1742,1743],{"class":440,"line":740},[438,1744,1319],{"class":448},[438,1746,1747],{"class":440,"line":747},[438,1748,1324],{"class":448},[438,1750,1751,1753],{"class":440,"line":762},[438,1752,1329],{"class":448},[438,1754,1332],{"class":452},[420,1756,1758],{"id":1757},"related","Related",[1760,1761,1762],"ul",{},[831,1763,1764],{},[875,1765,309],{"href":310},[1767,1768,1769],"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":434,"searchDepth":441,"depth":472,"links":1771},[1772,1773,1777,1778,1779,1780],{"id":422,"depth":472,"text":423},{"id":576,"depth":472,"text":577,"children":1774},[1775,1776],{"id":588,"depth":492,"text":589},{"id":811,"depth":492,"text":812},{"id":1132,"depth":472,"text":1133},{"id":1573,"depth":472,"text":1574},{"id":1628,"depth":472,"text":1629},{"id":1757,"depth":472,"text":1758},"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":1781},"VNBRCVgmKvME4FvBEiyEpUvkZsrSDRrA2iAZpqj0aaw",[1788,1790],{"title":318,"path":319,"stem":320,"description":1789,"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":1791,"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.",1783534422175]