[{"data":1,"prerenderedAt":1770},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Flayout\u002Fcard":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":451,"aside":651,"body":652,"collapse":10,"description":1765,"editLink":651,"extension":1766,"icon":9,"meta":1767,"navBadges":9,"navigation":9,"order":454,"path":452,"prevNext":651,"seo":1768,"stem":453,"toc":651,"__hash__":1769},"docs\u002Fcomponents\u002Flayout\u002Fcard.md",true,{"type":653,"value":654,"toc":1752},"minimark",[655,660,664,705,710,721,724,910,914,917,1035,1039,1048,1051,1335,1339,1350,1353,1567,1571,1599,1607,1623,1630,1637,1643,1647,1651,1704,1708,1748],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662],"component-example",{"name":663},"card-basic",[665,666,671],"pre",{"className":667,"code":668,"language":669,"meta":670,"style":670},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSCard>\n  A card is a simple container for grouping related content.\n\u003C\u002FSCard>\n","vue-html","",[672,673,674,689,695],"code",{"__ignoreMap":670},[675,676,678,682,686],"span",{"class":677,"line":8},"line",[675,679,681],{"class":680},"sVt8B","\u003C",[675,683,685],{"class":684},"s9eBZ","SCard",[675,687,688],{"class":680},">\n",[675,690,692],{"class":677,"line":691},2,[675,693,694],{"class":680},"  A card is a simple container for grouping related content.\n",[675,696,698,701,703],{"class":677,"line":697},3,[675,699,700],{"class":680},"\u003C\u002F",[675,702,685],{"class":684},[675,704,688],{"class":680},[706,707,709],"h3",{"id":708},"header-and-footer","Header and footer",[711,712,713,716,717,720],"p",{},[672,714,715],{},"header"," and ",[672,718,719],{},"footer"," are optional - each only renders (with its own\nseparating border) when you actually pass it:",[661,722],{"name":723},"card-header-footer",[665,725,727],{"className":667,"code":726,"language":669,"meta":670,"style":670},"\u003CSCard>\n  \u003Ctemplate #header>\n    \u003Cp class=\"font-semibold text-[var(--selaras-resolved-text-default)]\">Delete project\u003C\u002Fp>\n  \u003C\u002Ftemplate>\n\n  This action cannot be undone. All data associated with this project\n  will be permanently removed.\n\n  \u003Ctemplate #footer>\n    \u003Cdiv class=\"flex justify-end gap-2\">\n      \u003CSButton variant=\"ghost\">Cancel\u003C\u002FSButton>\n      \u003CSButton color=\"danger\">Delete\u003C\u002FSButton>\n    \u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FSCard>\n",[672,728,729,737,753,777,787,793,799,805,810,823,839,862,883,893,902],{"__ignoreMap":670},[675,730,731,733,735],{"class":677,"line":8},[675,732,681],{"class":680},[675,734,685],{"class":684},[675,736,688],{"class":680},[675,738,739,742,745,748,751],{"class":677,"line":691},[675,740,741],{"class":680},"  \u003C",[675,743,744],{"class":684},"template",[675,746,747],{"class":680}," #",[675,749,715],{"class":750},"sScJk",[675,752,688],{"class":680},[675,754,755,758,760,763,766,770,773,775],{"class":677,"line":697},[675,756,757],{"class":680},"    \u003C",[675,759,711],{"class":684},[675,761,762],{"class":750}," class",[675,764,765],{"class":680},"=",[675,767,769],{"class":768},"sZZnC","\"font-semibold text-[var(--selaras-resolved-text-default)]\"",[675,771,772],{"class":680},">Delete project\u003C\u002F",[675,774,711],{"class":684},[675,776,688],{"class":680},[675,778,780,783,785],{"class":677,"line":779},4,[675,781,782],{"class":680},"  \u003C\u002F",[675,784,744],{"class":684},[675,786,688],{"class":680},[675,788,790],{"class":677,"line":789},5,[675,791,792],{"emptyLinePlaceholder":651},"\n",[675,794,796],{"class":677,"line":795},6,[675,797,798],{"class":680},"  This action cannot be undone. All data associated with this project\n",[675,800,802],{"class":677,"line":801},7,[675,803,804],{"class":680},"  will be permanently removed.\n",[675,806,808],{"class":677,"line":807},8,[675,809,792],{"emptyLinePlaceholder":651},[675,811,813,815,817,819,821],{"class":677,"line":812},9,[675,814,741],{"class":680},[675,816,744],{"class":684},[675,818,747],{"class":680},[675,820,719],{"class":750},[675,822,688],{"class":680},[675,824,825,827,830,832,834,837],{"class":677,"line":13},[675,826,757],{"class":680},[675,828,829],{"class":684},"div",[675,831,762],{"class":750},[675,833,765],{"class":680},[675,835,836],{"class":768},"\"flex justify-end gap-2\"",[675,838,688],{"class":680},[675,840,841,844,847,850,852,855,858,860],{"class":677,"line":147},[675,842,843],{"class":680},"      \u003C",[675,845,846],{"class":684},"SButton",[675,848,849],{"class":750}," variant",[675,851,765],{"class":680},[675,853,854],{"class":768},"\"ghost\"",[675,856,857],{"class":680},">Cancel\u003C\u002F",[675,859,846],{"class":684},[675,861,688],{"class":680},[675,863,864,866,868,871,873,876,879,881],{"class":677,"line":166},[675,865,843],{"class":680},[675,867,846],{"class":684},[675,869,870],{"class":750}," color",[675,872,765],{"class":680},[675,874,875],{"class":768},"\"danger\"",[675,877,878],{"class":680},">Delete\u003C\u002F",[675,880,846],{"class":684},[675,882,688],{"class":680},[675,884,886,889,891],{"class":677,"line":885},13,[675,887,888],{"class":680},"    \u003C\u002F",[675,890,829],{"class":684},[675,892,688],{"class":680},[675,894,896,898,900],{"class":677,"line":895},14,[675,897,782],{"class":680},[675,899,744],{"class":684},[675,901,688],{"class":680},[675,903,904,906,908],{"class":677,"line":615},[675,905,700],{"class":680},[675,907,685],{"class":684},[675,909,688],{"class":680},[706,911,913],{"id":912},"variant","Variant",[661,915],{"name":916},"card-variants",[665,918,920],{"className":667,"code":919,"language":669,"meta":670,"style":670},"\u003CSCard variant=\"outline\">\n  \u003C!-- bordered, no shadow -->\n\u003C\u002FSCard>\n\u003CSCard variant=\"solid\">\n  \u003C!-- elevated, no border -->\n\u003C\u002FSCard>\n\u003CSCard variant=\"soft\">\n  \u003C!-- subtle tinted background -->\n\u003C\u002FSCard>\n\u003CSCard variant=\"subtle\">\n  \u003C!-- tinted background, plus a border -->\n\u003C\u002FSCard>\n",[672,921,922,937,943,951,966,971,979,994,999,1007,1022,1027],{"__ignoreMap":670},[675,923,924,926,928,930,932,935],{"class":677,"line":8},[675,925,681],{"class":680},[675,927,685],{"class":684},[675,929,849],{"class":750},[675,931,765],{"class":680},[675,933,934],{"class":768},"\"outline\"",[675,936,688],{"class":680},[675,938,939],{"class":677,"line":691},[675,940,942],{"class":941},"sJ8bj","  \u003C!-- bordered, no shadow -->\n",[675,944,945,947,949],{"class":677,"line":697},[675,946,700],{"class":680},[675,948,685],{"class":684},[675,950,688],{"class":680},[675,952,953,955,957,959,961,964],{"class":677,"line":779},[675,954,681],{"class":680},[675,956,685],{"class":684},[675,958,849],{"class":750},[675,960,765],{"class":680},[675,962,963],{"class":768},"\"solid\"",[675,965,688],{"class":680},[675,967,968],{"class":677,"line":789},[675,969,970],{"class":941},"  \u003C!-- elevated, no border -->\n",[675,972,973,975,977],{"class":677,"line":795},[675,974,700],{"class":680},[675,976,685],{"class":684},[675,978,688],{"class":680},[675,980,981,983,985,987,989,992],{"class":677,"line":801},[675,982,681],{"class":680},[675,984,685],{"class":684},[675,986,849],{"class":750},[675,988,765],{"class":680},[675,990,991],{"class":768},"\"soft\"",[675,993,688],{"class":680},[675,995,996],{"class":677,"line":807},[675,997,998],{"class":941},"  \u003C!-- subtle tinted background -->\n",[675,1000,1001,1003,1005],{"class":677,"line":812},[675,1002,700],{"class":680},[675,1004,685],{"class":684},[675,1006,688],{"class":680},[675,1008,1009,1011,1013,1015,1017,1020],{"class":677,"line":13},[675,1010,681],{"class":680},[675,1012,685],{"class":684},[675,1014,849],{"class":750},[675,1016,765],{"class":680},[675,1018,1019],{"class":768},"\"subtle\"",[675,1021,688],{"class":680},[675,1023,1024],{"class":677,"line":147},[675,1025,1026],{"class":941},"  \u003C!-- tinted background, plus a border -->\n",[675,1028,1029,1031,1033],{"class":677,"line":166},[675,1030,700],{"class":680},[675,1032,685],{"class":684},[675,1034,688],{"class":680},[706,1036,1038],{"id":1037},"blog-post","Blog post",[711,1040,1041,1042,1044,1045,1047],{},"A ",[672,1043,715],{}," badge and a ",[672,1046,719],{}," byline, built entirely from other Selaras\ncomponents:",[661,1049],{"name":1050},"card-blog-post",[665,1052,1054],{"className":667,"code":1053,"language":669,"meta":670,"style":670},"\u003CSCard class=\"w-80\">\n  \u003Ctemplate #header>\n    \u003CSBadge label=\"Design\" color=\"primary\" variant=\"soft\" \u002F>\n  \u003C\u002Ftemplate>\n\n  \u003Ch3 class=\"font-semibold text-[var(--selaras-resolved-text-default)]\">\n    Building a scalable design token system\n  \u003C\u002Fh3>\n  \u003Cp class=\"text-sm text-[var(--selaras-resolved-text-muted)]\">\n    A look at how semantic tokens keep a component library themeable\n    without ever touching a single component file.\n  \u003C\u002Fp>\n\n  \u003Ctemplate #footer>\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003CSAvatar text=\"JS\" size=\"sm\" \u002F>\n      \u003Cdiv class=\"text-sm leading-tight\">\n        \u003Cp class=\"font-medium text-[var(--selaras-resolved-text-default)]\">Jane Smith\u003C\u002Fp>\n        \u003Cp class=\"text-[var(--selaras-resolved-text-muted)]\">Mar 12, 2026\u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FSCard>\n",[672,1055,1056,1071,1083,1114,1122,1126,1140,1145,1153,1168,1173,1178,1186,1190,1202,1217,1243,1259,1281,1302,1311,1319,1327],{"__ignoreMap":670},[675,1057,1058,1060,1062,1064,1066,1069],{"class":677,"line":8},[675,1059,681],{"class":680},[675,1061,685],{"class":684},[675,1063,762],{"class":750},[675,1065,765],{"class":680},[675,1067,1068],{"class":768},"\"w-80\"",[675,1070,688],{"class":680},[675,1072,1073,1075,1077,1079,1081],{"class":677,"line":691},[675,1074,741],{"class":680},[675,1076,744],{"class":684},[675,1078,747],{"class":680},[675,1080,715],{"class":750},[675,1082,688],{"class":680},[675,1084,1085,1087,1090,1093,1095,1098,1100,1102,1105,1107,1109,1111],{"class":677,"line":697},[675,1086,757],{"class":680},[675,1088,1089],{"class":684},"SBadge",[675,1091,1092],{"class":750}," label",[675,1094,765],{"class":680},[675,1096,1097],{"class":768},"\"Design\"",[675,1099,870],{"class":750},[675,1101,765],{"class":680},[675,1103,1104],{"class":768},"\"primary\"",[675,1106,849],{"class":750},[675,1108,765],{"class":680},[675,1110,991],{"class":768},[675,1112,1113],{"class":680}," \u002F>\n",[675,1115,1116,1118,1120],{"class":677,"line":779},[675,1117,782],{"class":680},[675,1119,744],{"class":684},[675,1121,688],{"class":680},[675,1123,1124],{"class":677,"line":789},[675,1125,792],{"emptyLinePlaceholder":651},[675,1127,1128,1130,1132,1134,1136,1138],{"class":677,"line":795},[675,1129,741],{"class":680},[675,1131,706],{"class":684},[675,1133,762],{"class":750},[675,1135,765],{"class":680},[675,1137,769],{"class":768},[675,1139,688],{"class":680},[675,1141,1142],{"class":677,"line":801},[675,1143,1144],{"class":680},"    Building a scalable design token system\n",[675,1146,1147,1149,1151],{"class":677,"line":807},[675,1148,782],{"class":680},[675,1150,706],{"class":684},[675,1152,688],{"class":680},[675,1154,1155,1157,1159,1161,1163,1166],{"class":677,"line":812},[675,1156,741],{"class":680},[675,1158,711],{"class":684},[675,1160,762],{"class":750},[675,1162,765],{"class":680},[675,1164,1165],{"class":768},"\"text-sm text-[var(--selaras-resolved-text-muted)]\"",[675,1167,688],{"class":680},[675,1169,1170],{"class":677,"line":13},[675,1171,1172],{"class":680},"    A look at how semantic tokens keep a component library themeable\n",[675,1174,1175],{"class":677,"line":147},[675,1176,1177],{"class":680},"    without ever touching a single component file.\n",[675,1179,1180,1182,1184],{"class":677,"line":166},[675,1181,782],{"class":680},[675,1183,711],{"class":684},[675,1185,688],{"class":680},[675,1187,1188],{"class":677,"line":885},[675,1189,792],{"emptyLinePlaceholder":651},[675,1191,1192,1194,1196,1198,1200],{"class":677,"line":895},[675,1193,741],{"class":680},[675,1195,744],{"class":684},[675,1197,747],{"class":680},[675,1199,719],{"class":750},[675,1201,688],{"class":680},[675,1203,1204,1206,1208,1210,1212,1215],{"class":677,"line":615},[675,1205,757],{"class":680},[675,1207,829],{"class":684},[675,1209,762],{"class":750},[675,1211,765],{"class":680},[675,1213,1214],{"class":768},"\"flex items-center gap-2\"",[675,1216,688],{"class":680},[675,1218,1220,1222,1225,1228,1230,1233,1236,1238,1241],{"class":677,"line":1219},16,[675,1221,843],{"class":680},[675,1223,1224],{"class":684},"SAvatar",[675,1226,1227],{"class":750}," text",[675,1229,765],{"class":680},[675,1231,1232],{"class":768},"\"JS\"",[675,1234,1235],{"class":750}," size",[675,1237,765],{"class":680},[675,1239,1240],{"class":768},"\"sm\"",[675,1242,1113],{"class":680},[675,1244,1246,1248,1250,1252,1254,1257],{"class":677,"line":1245},17,[675,1247,843],{"class":680},[675,1249,829],{"class":684},[675,1251,762],{"class":750},[675,1253,765],{"class":680},[675,1255,1256],{"class":768},"\"text-sm leading-tight\"",[675,1258,688],{"class":680},[675,1260,1262,1265,1267,1269,1271,1274,1277,1279],{"class":677,"line":1261},18,[675,1263,1264],{"class":680},"        \u003C",[675,1266,711],{"class":684},[675,1268,762],{"class":750},[675,1270,765],{"class":680},[675,1272,1273],{"class":768},"\"font-medium text-[var(--selaras-resolved-text-default)]\"",[675,1275,1276],{"class":680},">Jane Smith\u003C\u002F",[675,1278,711],{"class":684},[675,1280,688],{"class":680},[675,1282,1284,1286,1288,1290,1292,1295,1298,1300],{"class":677,"line":1283},19,[675,1285,1264],{"class":680},[675,1287,711],{"class":684},[675,1289,762],{"class":750},[675,1291,765],{"class":680},[675,1293,1294],{"class":768},"\"text-[var(--selaras-resolved-text-muted)]\"",[675,1296,1297],{"class":680},">Mar 12, 2026\u003C\u002F",[675,1299,711],{"class":684},[675,1301,688],{"class":680},[675,1303,1304,1307,1309],{"class":677,"line":30},[675,1305,1306],{"class":680},"      \u003C\u002F",[675,1308,829],{"class":684},[675,1310,688],{"class":680},[675,1312,1313,1315,1317],{"class":677,"line":235},[675,1314,888],{"class":680},[675,1316,829],{"class":684},[675,1318,688],{"class":680},[675,1320,1321,1323,1325],{"class":677,"line":245},[675,1322,782],{"class":680},[675,1324,744],{"class":684},[675,1326,688],{"class":680},[675,1328,1329,1331,1333],{"class":677,"line":260},[675,1330,700],{"class":680},[675,1332,685],{"class":684},[675,1334,688],{"class":680},[706,1336,1338],{"id":1337},"product","Product",[711,1340,1341,1342,1345,1346,1349],{},"Overriding ",[672,1343,1344],{},"ui.body"," to ",[672,1347,1348],{},"p-0"," lets a full-bleed image sit flush against the\ncard's edges, with your own padded wrapper underneath for the details:",[661,1351],{"name":1352},"card-product",[665,1354,1356],{"className":667,"code":1355,"language":669,"meta":670,"style":670},"\u003CSCard :ui=\"{ body: 'p-0' }\" class=\"w-64\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fselaras-headphones\u002F400\u002F300\"\n    alt=\"Wireless headphones\"\n    class=\"aspect-[4\u002F3] w-full object-cover\"\n  >\n  \u003Cdiv class=\"flex flex-col gap-1 p-4\">\n    \u003Cp class=\"font-medium text-[var(--selaras-resolved-text-default)]\">Wireless headphones\u003C\u002Fp>\n    \u003Cp class=\"text-sm text-[var(--selaras-resolved-text-muted)]\">Noise-cancelling, 30-hour battery life\u003C\u002Fp>\n    \u003Cdiv class=\"mt-2 flex items-center justify-between\">\n      \u003Cspan class=\"font-semibold text-[var(--selaras-resolved-text-default)]\">$129\u003C\u002Fspan>\n      \u003CSButton size=\"sm\">Add to cart\u003C\u002FSButton>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002FSCard>\n",[672,1357,1358,1395,1402,1412,1422,1432,1437,1452,1471,1490,1505,1524,1543,1551,1559],{"__ignoreMap":670},[675,1359,1360,1362,1364,1367,1370,1372,1375,1378,1381,1384,1386,1388,1390,1393],{"class":677,"line":8},[675,1361,681],{"class":680},[675,1363,685],{"class":684},[675,1365,1366],{"class":680}," :",[675,1368,1369],{"class":750},"ui",[675,1371,765],{"class":680},[675,1373,1374],{"class":768},"\"",[675,1376,1377],{"class":680},"{ body: ",[675,1379,1380],{"class":768},"'p-0'",[675,1382,1383],{"class":680}," }",[675,1385,1374],{"class":768},[675,1387,762],{"class":750},[675,1389,765],{"class":680},[675,1391,1392],{"class":768},"\"w-64\"",[675,1394,688],{"class":680},[675,1396,1397,1399],{"class":677,"line":691},[675,1398,741],{"class":680},[675,1400,1401],{"class":684},"img\n",[675,1403,1404,1407,1409],{"class":677,"line":697},[675,1405,1406],{"class":750},"    src",[675,1408,765],{"class":680},[675,1410,1411],{"class":768},"\"https:\u002F\u002Fpicsum.photos\u002Fseed\u002Fselaras-headphones\u002F400\u002F300\"\n",[675,1413,1414,1417,1419],{"class":677,"line":779},[675,1415,1416],{"class":750},"    alt",[675,1418,765],{"class":680},[675,1420,1421],{"class":768},"\"Wireless headphones\"\n",[675,1423,1424,1427,1429],{"class":677,"line":789},[675,1425,1426],{"class":750},"    class",[675,1428,765],{"class":680},[675,1430,1431],{"class":768},"\"aspect-[4\u002F3] w-full object-cover\"\n",[675,1433,1434],{"class":677,"line":795},[675,1435,1436],{"class":680},"  >\n",[675,1438,1439,1441,1443,1445,1447,1450],{"class":677,"line":801},[675,1440,741],{"class":680},[675,1442,829],{"class":684},[675,1444,762],{"class":750},[675,1446,765],{"class":680},[675,1448,1449],{"class":768},"\"flex flex-col gap-1 p-4\"",[675,1451,688],{"class":680},[675,1453,1454,1456,1458,1460,1462,1464,1467,1469],{"class":677,"line":807},[675,1455,757],{"class":680},[675,1457,711],{"class":684},[675,1459,762],{"class":750},[675,1461,765],{"class":680},[675,1463,1273],{"class":768},[675,1465,1466],{"class":680},">Wireless headphones\u003C\u002F",[675,1468,711],{"class":684},[675,1470,688],{"class":680},[675,1472,1473,1475,1477,1479,1481,1483,1486,1488],{"class":677,"line":812},[675,1474,757],{"class":680},[675,1476,711],{"class":684},[675,1478,762],{"class":750},[675,1480,765],{"class":680},[675,1482,1165],{"class":768},[675,1484,1485],{"class":680},">Noise-cancelling, 30-hour battery life\u003C\u002F",[675,1487,711],{"class":684},[675,1489,688],{"class":680},[675,1491,1492,1494,1496,1498,1500,1503],{"class":677,"line":13},[675,1493,757],{"class":680},[675,1495,829],{"class":684},[675,1497,762],{"class":750},[675,1499,765],{"class":680},[675,1501,1502],{"class":768},"\"mt-2 flex items-center justify-between\"",[675,1504,688],{"class":680},[675,1506,1507,1509,1511,1513,1515,1517,1520,1522],{"class":677,"line":147},[675,1508,843],{"class":680},[675,1510,675],{"class":684},[675,1512,762],{"class":750},[675,1514,765],{"class":680},[675,1516,769],{"class":768},[675,1518,1519],{"class":680},">$129\u003C\u002F",[675,1521,675],{"class":684},[675,1523,688],{"class":680},[675,1525,1526,1528,1530,1532,1534,1536,1539,1541],{"class":677,"line":166},[675,1527,843],{"class":680},[675,1529,846],{"class":684},[675,1531,1235],{"class":750},[675,1533,765],{"class":680},[675,1535,1240],{"class":768},[675,1537,1538],{"class":680},">Add to cart\u003C\u002F",[675,1540,846],{"class":684},[675,1542,688],{"class":680},[675,1544,1545,1547,1549],{"class":677,"line":885},[675,1546,888],{"class":680},[675,1548,829],{"class":684},[675,1550,688],{"class":680},[675,1552,1553,1555,1557],{"class":677,"line":895},[675,1554,782],{"class":680},[675,1556,829],{"class":684},[675,1558,688],{"class":680},[675,1560,1561,1563,1565],{"class":677,"line":615},[675,1562,700],{"class":680},[675,1564,685],{"class":684},[675,1566,688],{"class":680},[656,1568,1570],{"id":1569},"in-markdown","In markdown",[711,1572,1573,1574,1577,1578,1581,1582,1585,1586,6,1588,1590,1591,1594,1595,1598],{},"Every Selaras component is already globally registered under its ",[672,1575,1576],{},"S","-prefixed\nname - a bare ",[672,1579,1580],{},"::s-card{...}"," block works with no extra wiring (see\n",[1583,1584,485],"a",{"href":486},"'s own \"In markdown\" section for how\nthe pattern works generally). Its ",[672,1587,715],{},[672,1589,719],{}," named slots are each a\n",[672,1592,1593],{},"#slot-name"," line inside the block, ",[672,1596,1597],{},"@nuxtjs\u002Fmdc","'s own convention:",[665,1600,1605],{"className":1601,"code":1603,"language":1604,"meta":670},[1602],"language-text","::s-card\n#header\nDesign\n#footer\nPosted March 2026\n::\n","text",[672,1606,1603],{"__ignoreMap":670},[711,1608,1609,1610,6,1612,1614,1615,1618,1619,1622],{},"A block mixing ",[672,1611,715],{},[672,1613,719],{}," markers with unmarked body text for the\ndefault slot doesn't reliably separate the two - confirmed empirically, not\njust undocumented - so keep a markdown-authored card to its named slots only;\nreach for ",[672,1616,1617],{},"\u003CSCard>"," directly in a ",[672,1620,1621],{},".vue"," file once the body needs its own\ntext.",[656,1624,1626,1627],{"id":1625},"custom-ui","Custom ",[672,1628,1629],{},":ui",[711,1631,1632,1633,1636],{},"Global and scoped recipe overrides use ",[672,1634,1635],{},"ui.card",".",[711,1638,1639,1640,1642],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[672,1641,451],{},"'s own theme file:",[1644,1645],"theme-source",{"name":1646},"card",[656,1648,1650],{"id":1649},"props","Props",[1652,1653,1654,1670],"table",{},[1655,1656,1657],"thead",{},[1658,1659,1660,1664,1667],"tr",{},[1661,1662,1663],"th",{},"Prop",[1661,1665,1666],{},"Type",[1661,1668,1669],{},"Default",[1671,1672,1673,1690],"tbody",{},[1658,1674,1675,1680,1685],{},[1676,1677,1678],"td",{},[672,1679,912],{},[1676,1681,1682],{},[672,1683,1684],{},"'outline' | 'solid' | 'soft' | 'subtle'",[1676,1686,1687],{},[672,1688,1689],{},"'outline'",[1658,1691,1692,1696,1701],{},[1676,1693,1694],{},[672,1695,1369],{},[1676,1697,1698],{},[672,1699,1700],{},"Partial\u003CRecord\u003CCardSlot, string | object>>",[1676,1702,1703],{},"-",[656,1705,1707],{"id":1706},"slots","Slots",[1652,1709,1710,1720],{},[1655,1711,1712],{},[1658,1713,1714,1717],{},[1661,1715,1716],{},"Slot",[1661,1718,1719],{},"Description",[1671,1721,1722,1731,1739],{},[1658,1723,1724,1728],{},[1676,1725,1726],{},[672,1727,715],{},[1676,1729,1730],{},"Optional content above the body, separated by a border. Only rendered when passed.",[1658,1732,1733,1736],{},[1676,1734,1735],{},"default",[1676,1737,1738],{},"The card's body content.",[1658,1740,1741,1745],{},[1676,1742,1743],{},[672,1744,719],{},[1676,1746,1747],{},"Optional content below the body, separated by a border. Only rendered when passed.",[1749,1750,1751],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}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 .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":670,"searchDepth":697,"depth":697,"links":1753},[1754,1760,1761,1763,1764],{"id":658,"depth":691,"text":659,"children":1755},[1756,1757,1758,1759],{"id":708,"depth":697,"text":709},{"id":912,"depth":697,"text":913},{"id":1037,"depth":697,"text":1038},{"id":1337,"depth":697,"text":1338},{"id":1569,"depth":691,"text":1570},{"id":1625,"depth":691,"text":1762},"Custom :ui",{"id":1649,"depth":691,"text":1650},{"id":1706,"depth":691,"text":1707},"A simple container for grouping related content.","md",{},{"title":451,"description":1765},"aKdbwoCR7IEfBWhOq1Q_FiaK2GHLn7nWn5kfIgvOqoE",1792056126956]