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