[{"data":1,"prerenderedAt":1136},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fcard":406,"\u002Fcomponents\u002Fcard-surround":1131},[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":111,"body":408,"description":1119,"extension":1120,"links":1121,"meta":1127,"navigation":1128,"package":63,"path":112,"seo":1129,"stem":113,"__hash__":1130},"docs\u002F3.components\u002Fcard.md",{"type":409,"value":410,"toc":1107},"minimark",[411,416,436,440,682,687,805,809,842,846,930,944,948,951,955,1005,1009,1017,1068,1078,1082,1103],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,427,428,431,432,435],"p",{},[420,421,422],"code",{},"VyCard"," is a rounded, clipped surface with three optional regions — ",[420,425,426],{},"header",", default body, and ",[420,429,430],{},"footer",". Each region renders only when its slot is provided. Cards use neutral surfaces; the ",[420,433,434],{},"variant"," prop selects the fill and border treatment.",[412,437,439],{"id":438},"usage","Usage",[441,442,447],"pre",{"className":443,"code":444,"language":445,"meta":446,"style":446},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyCard } from '@vyui\u002Fkit'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyCard>\n    \u003Ctemplate #header>\n      \u003Ctext>Title\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n\n    \u003Ctext>Body content goes here.\u003C\u002Ftext>\n\n    \u003Ctemplate #footer>\n      \u003Ctext>Footer\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyCard>\n\u003C\u002Ftemplate>\n","vue","",[420,448,449,484,512,522,529,539,549,564,585,595,600,618,623,636,654,663,673],{"__ignoreMap":446},[450,451,454,458,462,466,469,472,475,479,481],"span",{"class":452,"line":453},"line",1,[450,455,457],{"class":456},"sMK4o","\u003C",[450,459,461],{"class":460},"swJcz","script",[450,463,465],{"class":464},"spNyl"," setup",[450,467,468],{"class":464}," lang",[450,470,471],{"class":456},"=",[450,473,474],{"class":456},"\"",[450,476,478],{"class":477},"sfazB","ts",[450,480,474],{"class":456},[450,482,483],{"class":456},">\n",[450,485,487,491,494,498,501,504,507,509],{"class":452,"line":486},2,[450,488,490],{"class":489},"s7zQu","import",[450,492,493],{"class":456}," {",[450,495,497],{"class":496},"sTEyZ"," VyCard",[450,499,500],{"class":456}," }",[450,502,503],{"class":489}," from",[450,505,506],{"class":456}," '",[450,508,46],{"class":477},[450,510,511],{"class":456},"'\n",[450,513,515,518,520],{"class":452,"line":514},3,[450,516,517],{"class":456},"\u003C\u002F",[450,519,461],{"class":460},[450,521,483],{"class":456},[450,523,525],{"class":452,"line":524},4,[450,526,528],{"emptyLinePlaceholder":527},true,"\n",[450,530,532,534,537],{"class":452,"line":531},5,[450,533,457],{"class":456},[450,535,536],{"class":460},"template",[450,538,483],{"class":456},[450,540,542,545,547],{"class":452,"line":541},6,[450,543,544],{"class":456},"  \u003C",[450,546,422],{"class":460},[450,548,483],{"class":456},[450,550,552,555,557,560,562],{"class":452,"line":551},7,[450,553,554],{"class":456},"    \u003C",[450,556,536],{"class":460},[450,558,559],{"class":456}," #",[450,561,426],{"class":464},[450,563,483],{"class":456},[450,565,567,570,573,576,579,581,583],{"class":452,"line":566},8,[450,568,569],{"class":456},"      \u003C",[450,571,572],{"class":460},"text",[450,574,575],{"class":456},">",[450,577,578],{"class":496},"Title",[450,580,517],{"class":456},[450,582,572],{"class":460},[450,584,483],{"class":456},[450,586,588,591,593],{"class":452,"line":587},9,[450,589,590],{"class":456},"    \u003C\u002F",[450,592,536],{"class":460},[450,594,483],{"class":456},[450,596,598],{"class":452,"line":597},10,[450,599,528],{"emptyLinePlaceholder":527},[450,601,603,605,607,609,612,614,616],{"class":452,"line":602},11,[450,604,554],{"class":456},[450,606,572],{"class":460},[450,608,575],{"class":456},[450,610,611],{"class":496},"Body content goes here.",[450,613,517],{"class":456},[450,615,572],{"class":460},[450,617,483],{"class":456},[450,619,621],{"class":452,"line":620},12,[450,622,528],{"emptyLinePlaceholder":527},[450,624,626,628,630,632,634],{"class":452,"line":625},13,[450,627,554],{"class":456},[450,629,536],{"class":460},[450,631,559],{"class":456},[450,633,430],{"class":464},[450,635,483],{"class":456},[450,637,639,641,643,645,648,650,652],{"class":452,"line":638},14,[450,640,569],{"class":456},[450,642,572],{"class":460},[450,644,575],{"class":456},[450,646,647],{"class":496},"Footer",[450,649,517],{"class":456},[450,651,572],{"class":460},[450,653,483],{"class":456},[450,655,657,659,661],{"class":452,"line":656},15,[450,658,590],{"class":456},[450,660,536],{"class":460},[450,662,483],{"class":456},[450,664,666,669,671],{"class":452,"line":665},16,[450,667,668],{"class":456},"  \u003C\u002F",[450,670,422],{"class":460},[450,672,483],{"class":456},[450,674,676,678,680],{"class":452,"line":675},17,[450,677,517],{"class":456},[450,679,536],{"class":460},[450,681,483],{"class":456},[683,684,686],"h3",{"id":685},"variants","Variants",[441,688,690],{"className":443,"code":689,"language":445,"meta":446,"style":446},"\u003CVyCard variant=\"outline\">\u003Ctext>Outline\u003C\u002Ftext>\u003C\u002FVyCard>\n\u003CVyCard variant=\"soft\">\u003Ctext>Soft\u003C\u002Ftext>\u003C\u002FVyCard>\n\u003CVyCard variant=\"subtle\">\u003Ctext>Subtle\u003C\u002Ftext>\u003C\u002FVyCard>\n\u003CVyCard variant=\"solid\">\u003Ctext>Solid\u003C\u002Ftext>\u003C\u002FVyCard>\n",[420,691,692,721,749,777],{"__ignoreMap":446},[450,693,694,696,698,701,703,705,708,710,712,715,717,719],{"class":452,"line":453},[450,695,457],{"class":456},[450,697,422],{"class":460},[450,699,700],{"class":464}," variant",[450,702,471],{"class":456},[450,704,474],{"class":456},[450,706,707],{"class":477},"outline",[450,709,474],{"class":456},[450,711,575],{"class":456},[450,713,714],{"class":496},"\u003Ctext>Outline\u003C\u002Ftext>",[450,716,517],{"class":456},[450,718,422],{"class":460},[450,720,483],{"class":456},[450,722,723,725,727,729,731,733,736,738,740,743,745,747],{"class":452,"line":486},[450,724,457],{"class":456},[450,726,422],{"class":460},[450,728,700],{"class":464},[450,730,471],{"class":456},[450,732,474],{"class":456},[450,734,735],{"class":477},"soft",[450,737,474],{"class":456},[450,739,575],{"class":456},[450,741,742],{"class":496},"\u003Ctext>Soft\u003C\u002Ftext>",[450,744,517],{"class":456},[450,746,422],{"class":460},[450,748,483],{"class":456},[450,750,751,753,755,757,759,761,764,766,768,771,773,775],{"class":452,"line":514},[450,752,457],{"class":456},[450,754,422],{"class":460},[450,756,700],{"class":464},[450,758,471],{"class":456},[450,760,474],{"class":456},[450,762,763],{"class":477},"subtle",[450,765,474],{"class":456},[450,767,575],{"class":456},[450,769,770],{"class":496},"\u003Ctext>Subtle\u003C\u002Ftext>",[450,772,517],{"class":456},[450,774,422],{"class":460},[450,776,483],{"class":456},[450,778,779,781,783,785,787,789,792,794,796,799,801,803],{"class":452,"line":524},[450,780,457],{"class":456},[450,782,422],{"class":460},[450,784,700],{"class":464},[450,786,471],{"class":456},[450,788,474],{"class":456},[450,790,791],{"class":477},"solid",[450,793,474],{"class":456},[450,795,575],{"class":456},[450,797,798],{"class":496},"\u003Ctext>Solid\u003C\u002Ftext>",[450,800,517],{"class":456},[450,802,422],{"class":460},[450,804,483],{"class":456},[412,806,808],{"id":807},"features-and-behavior","Features and behavior",[810,811,812,822,825],"ul",{},[813,814,815,816,818,819,821],"li",{},"Each region (",[420,817,426],{},", default, ",[420,820,430],{},") renders only when its slot is present.",[813,823,824],{},"The root clips overflow and rounds its corners; content padding lives on each region slot.",[813,826,827,829,830,833,834,837,838,841],{},[420,828,791],{}," paints a dark ",[420,831,832],{},"root"," fill and sets a white foreground on the region slots — Lynx does not cascade text color into deeply-nested ",[420,835,836],{},"\u003Ctext>",", so plain-text children of a solid card should set their own color or pass ",[420,839,840],{},"ui.{header,body,footer}",".",[412,843,845],{"id":844},"props","Props",[847,848,849,868],"table",{},[850,851,852],"thead",{},[853,854,855,859,862,865],"tr",{},[856,857,858],"th",{},"Prop",[856,860,861],{},"Type",[856,863,864],{},"Default",[856,866,867],{},"Description",[869,870,871,891,911],"tbody",{},[853,872,873,878,883,888],{},[874,875,876],"td",{},[420,877,434],{},[874,879,880],{},[420,881,882],{},"'solid' | 'outline' | 'soft' | 'subtle'",[874,884,885],{},[420,886,887],{},"'outline'",[874,889,890],{},"Surface fill and border treatment.",[853,892,893,898,903,908],{},[874,894,895],{},[420,896,897],{},"class",[874,899,900],{},[420,901,902],{},"any",[874,904,905],{},[420,906,907],{},"undefined",[874,909,910],{},"Classes merged onto the root.",[853,912,913,918,923,927],{},[874,914,915],{},[420,916,917],{},"ui",[874,919,920],{},[420,921,922],{},"Partial\u003CRecord\u003CCardSlot, any>>",[874,924,925],{},[420,926,907],{},[874,928,929],{},"Per-instance theme slot overrides.",[417,931,932,933,936,937,940,941,943],{},"Card uses neutral surfaces only and does not expose a semantic ",[420,934,935],{},"color","; override colors through ",[420,938,939],{},"appConfig.ui.card"," or the ",[420,942,917],{}," prop.",[412,945,947],{"id":946},"emits","Emits",[417,949,950],{},"This component does not emit events.",[412,952,954],{"id":953},"slots","Slots",[847,956,957,968],{},[850,958,959],{},[853,960,961,964,966],{},[856,962,963],{},"Slot",[856,965,845],{},[856,967,867],{},[869,969,970,982,994],{},[853,971,972,976,979],{},[874,973,974],{},[420,975,426],{},[874,977,978],{},"—",[874,980,981],{},"Top region; rendered only when provided.",[853,983,984,989,991],{},[874,985,986],{},[420,987,988],{},"default",[874,990,978],{},[874,992,993],{},"Body region.",[853,995,996,1000,1002],{},[874,997,998],{},[420,999,430],{},[874,1001,978],{},[874,1003,1004],{},"Bottom region; rendered only when provided.",[412,1006,1008],{"id":1007},"styling-and-theming","Styling and theming",[417,1010,1011,1012,1014,1015,841],{},"Override globally through ",[420,1013,939],{}," or locally with ",[420,1016,917],{},[847,1018,1019,1029],{},[850,1020,1021],{},[853,1022,1023,1026],{},[856,1024,1025],{},"UI slot",[856,1027,1028],{},"Purpose",[869,1030,1031,1040,1049,1059],{},[853,1032,1033,1037],{},[874,1034,1035],{},[420,1036,832],{},[874,1038,1039],{},"Radius, clipping, and surface fill\u002Fborder.",[853,1041,1042,1046],{},[874,1043,1044],{},[420,1045,426],{},[874,1047,1048],{},"Header padding and layout.",[853,1050,1051,1056],{},[874,1052,1053],{},[420,1054,1055],{},"body",[874,1057,1058],{},"Body padding and layout.",[853,1060,1061,1065],{},[874,1062,1063],{},[420,1064,430],{},[874,1066,1067],{},"Footer padding and layout.",[417,1069,1070,1071,1075,1076,841],{},"The default theme is a port of Nuxt UI's card, using vyui's semantic surface\u002Fborder tokens so it adapts automatically under dark mode (see ",[1072,1073,1074],"a",{"href":319},"Theming → Dark Mode","). The default variant is ",[420,1077,707],{},[412,1079,1081],{"id":1080},"related-components","Related components",[810,1083,1084,1091],{},[813,1085,1086,1090],{},[1072,1087,1088],{"href":235},[420,1089,234],{}," for dividing card regions.",[813,1092,1093,1097,1098,1102],{},[1072,1094,1095],{"href":200},[420,1096,199],{}," and ",[1072,1099,1100],{"href":244},[420,1101,243],{}," for empty and loading states.",[1104,1105,1106],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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);}",{"title":446,"searchDepth":453,"depth":486,"links":1108},[1109,1110,1113,1114,1115,1116,1117,1118],{"id":414,"depth":486,"text":415},{"id":438,"depth":486,"text":439,"children":1111},[1112],{"id":685,"depth":514,"text":686},{"id":807,"depth":486,"text":808},{"id":844,"depth":486,"text":845},{"id":946,"depth":486,"text":947},{"id":953,"depth":486,"text":954},{"id":1007,"depth":486,"text":1008},{"id":1080,"depth":486,"text":1081},"A neutral surface container with optional header, body, and footer regions.","md",[1122],{"label":1123,"icon":1124,"to":1125,"target":1126},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FCard.vue","_blank",{},{"icon":114},{"title":111,"description":1119},"vzgb7C5MfmB_hgaK-XMeVJvNbEQYLuIZ8j2GAREe8Ko",[1132,1134],{"title":106,"path":107,"stem":108,"description":1133,"icon":-1,"children":-1,"navigation":-1},"Calendar and date-picker status for Vy UI, including the current Lynx date-runtime blocker.",{"title":116,"path":117,"stem":118,"description":1135,"icon":-1,"children":-1,"navigation":-1},"A checkbox with checked, unchecked, and indeterminate states, plus label and description.",1783534418730]