[{"data":1,"prerenderedAt":1580},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration":682},[4,11,128,525,584,626],{"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,70,107],{"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,66],{"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},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":38},{"en":684,"id":1184},{"id":685,"title":37,"aside":686,"body":687,"collapse":10,"description":1179,"editLink":686,"extension":1180,"icon":9,"issueLink":686,"meta":1181,"navBadges":9,"navigation":9,"order":40,"path":38,"prevNext":686,"seo":1182,"stem":39,"toc":686,"__hash__":1183},"docs\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration.md",true,{"type":688,"value":689,"toc":1173},"minimark",[690,695,704,785,895,899,902,927,953,959,963,988,1034,1048,1071,1088,1134,1145,1149,1161,1169],[691,692,694],"h2",{"id":693},"options","Options",[696,697,698,699,703],"p",{},"Configure the module under the ",[700,701,702],"code",{},"selaras"," key:",[705,706,711],"pre",{"className":707,"code":708,"language":709,"meta":710,"style":710},"language-ts shiki shiki-themes github-light github-dark","export default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  selaras: {\n    \u002F\u002F Prefix used for auto-imported components.\n    prefix: 'S', \u002F\u002F default\n  },\n})\n","ts","",[700,712,713,732,745,751,758,773,779],{"__ignoreMap":710},[714,715,717,721,724,728],"span",{"class":716,"line":8},"line",[714,718,720],{"class":719},"szBVR","export",[714,722,723],{"class":719}," default",[714,725,727],{"class":726},"sScJk"," defineNuxtConfig",[714,729,731],{"class":730},"sVt8B","({\n",[714,733,735,738,742],{"class":716,"line":734},2,[714,736,737],{"class":730},"  modules: [",[714,739,741],{"class":740},"sZZnC","'@sewadah\u002Fselaras'",[714,743,744],{"class":730},"],\n",[714,746,748],{"class":716,"line":747},3,[714,749,750],{"class":730},"  selaras: {\n",[714,752,754],{"class":716,"line":753},4,[714,755,757],{"class":756},"sJ8bj","    \u002F\u002F Prefix used for auto-imported components.\n",[714,759,761,764,767,770],{"class":716,"line":760},5,[714,762,763],{"class":730},"    prefix: ",[714,765,766],{"class":740},"'S'",[714,768,769],{"class":730},", ",[714,771,772],{"class":756},"\u002F\u002F default\n",[714,774,776],{"class":716,"line":775},6,[714,777,778],{"class":730},"  },\n",[714,780,782],{"class":716,"line":781},7,[714,783,784],{"class":730},"})\n",[786,787,788,807],"table",{},[789,790,791],"thead",{},[792,793,794,798,801,804],"tr",{},[795,796,797],"th",{},"Option",[795,799,800],{},"Type",[795,802,803],{},"Default",[795,805,806],{},"Description",[808,809,810,837,854,872],"tbody",{},[792,811,812,818,823,827],{},[813,814,815],"td",{},[700,816,817],{},"prefix",[813,819,820],{},[700,821,822],{},"string",[813,824,825],{},[700,826,766],{},[813,828,829,830,769,833,836],{},"Prefix used for auto-imported components (",[700,831,832],{},"SButton",[700,834,835],{},"SModal",", ...).",[792,838,839,844,848,851],{},[813,840,841],{},[700,842,843],{},"classPrefix",[813,845,846],{},[700,847,822],{},[813,849,850],{},"none",[813,852,853],{},"Namespaces every class Selaras's own components render - see below.",[792,855,856,861,866,869],{},[813,857,858],{},[700,859,860],{},"theme.colors",[813,862,863],{},[700,864,865],{},"Record\u003Cstring, ColorModePair\u003CColorRecipeInput>>",[813,867,868],{},"built-in roles",[813,870,871],{},"Build-time light and dark color recipes; also registers custom roles.",[792,873,874,879,883,888],{},[813,875,876],{},[700,877,878],{},"adaptive.breakpoint",[813,880,881],{},[700,882,822],{},[813,884,885],{},[700,886,887],{},"'md'",[813,889,890,891,894],{},"Selects a Tailwind ",[700,892,893],{},"--breakpoint-*"," token for adaptive presentation.",[691,896,898],{"id":897},"adaptive-breakpoint","Adaptive breakpoint",[696,900,901],{},"CSS owns breakpoint values. Override the default condition in your stylesheet:",[705,903,907],{"className":904,"code":905,"language":906,"meta":710,"style":710},"language-css shiki shiki-themes github-light github-dark","@theme {\n  --breakpoint-md: 60rem;\n}\n","css",[700,908,909,917,922],{"__ignoreMap":710},[714,910,911,914],{"class":716,"line":8},[714,912,913],{"class":719},"@theme",[714,915,916],{"class":730}," {\n",[714,918,919],{"class":716,"line":734},[714,920,921],{"class":730},"  --breakpoint-md: 60rem;\n",[714,923,924],{"class":716,"line":747},[714,925,926],{"class":730},"}\n",[696,928,929,930,933,934,937,938,769,941,944,945,948,949,952],{},"Or define your own ",[700,931,932],{},"--breakpoint-tablet"," token and select it with\n",[700,935,936],{},"selaras: { adaptive: { breakpoint: 'tablet' } }",". Supported values are simple\nlengths in ",[700,939,940],{},"px",[700,942,943],{},"rem"," or ",[700,946,947],{},"em",". Keep breakpoint units consistent with your other\nTailwind conditions. Selaras reads the resolved length after mount and uses the\nnative ",[700,950,951],{},"(width \u003C …)"," media query, including under a class prefix. Its initial\nSSR render uses desktop presentation; the existing adaptive controls hold their\nchosen presentation until they close.",[696,954,955,956,958],{},"These are build-time ",[700,957,913],{}," conditions. Changing a breakpoint CSS variable at\nruntime does not rewrite Tailwind's compiled responsive rules. A missing or\nunsupported binding produces a console diagnostic and disables mobile\npresentation; there is no implicit 768px fallback.",[691,960,962],{"id":961},"class-prefix","Class prefix",[696,964,965,966,969,970,973,974,977,978,980,981,983,984,987],{},"Tailwind v4 supports namespacing every one of its own utilities behind a\nprefix (",[700,967,968],{},"@import \"tailwindcss\" prefix(tw);",", which turns ",[700,971,972],{},"px-4"," into\n",[700,975,976],{},"tw:px-4",") - typically to avoid collisions with another CSS framework or a\nsecond, differently-configured Tailwind build in the same project. Selaras\ncan match that prefix in the classes its own components render, via\n",[700,979,843],{}," under the ",[700,982,702],{}," key in ",[700,985,986],{},"nuxt.config.ts",":",[705,989,991],{"className":707,"code":990,"language":709,"meta":710,"style":710},"export default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  selaras: {\n    classPrefix: 'tw',\n  },\n})\n",[700,992,993,1003,1011,1015,1026,1030],{"__ignoreMap":710},[714,994,995,997,999,1001],{"class":716,"line":8},[714,996,720],{"class":719},[714,998,723],{"class":719},[714,1000,727],{"class":726},[714,1002,731],{"class":730},[714,1004,1005,1007,1009],{"class":716,"line":734},[714,1006,737],{"class":730},[714,1008,741],{"class":740},[714,1010,744],{"class":730},[714,1012,1013],{"class":716,"line":747},[714,1014,750],{"class":730},[714,1016,1017,1020,1023],{"class":716,"line":753},[714,1018,1019],{"class":730},"    classPrefix: ",[714,1021,1022],{"class":740},"'tw'",[714,1024,1025],{"class":730},",\n",[714,1027,1028],{"class":716,"line":760},[714,1029,778],{"class":730},[714,1031,1032],{"class":716,"line":775},[714,1033,784],{"class":730},[696,1035,1036,1037,1040,1041,1044,1045,1047],{},"This is a module option, not an ",[700,1038,1039],{},"app.config.ts"," value - Tailwind CSS\ngeneration happens at build time, so Selaras needs to know the prefix\nearly enough to generate the class candidates imported through\n",[700,1042,1043],{},"#selaras\u002Ftailwind.css",". Your own Tailwind entry produces the matching CSS\n(Tailwind never generates CSS for a class it can't find as literal text\nanywhere, whether that's your own templates or a safelist - an\n",[700,1046,1039],{}," value alone, read only at render time, could never\nproduce that).",[696,1049,1050,1054,1055,1058,1059,1062,1063,1066,1067,1070],{},[1051,1052,1053],"strong",{},"This value must match your own Tailwind prefix exactly."," Selaras has\nno way to detect your Tailwind configuration, so if the two ever drift -\n",[700,1056,1057],{},"classPrefix: 'tw'"," here while your CSS still says ",[700,1060,1061],{},"prefix(ui)",", or one\nset and not the other - every component renders classes your Tailwind\nbuild never generated CSS for, and the entire UI comes out unstyled. No\nerror is raised either way; it silently looks like a blank stylesheet.\nOnly set this if you've already added ",[700,1064,1065],{},"prefix(...)"," to your own\n",[700,1068,1069],{},"@import \"tailwindcss\"",".",[696,1072,1073,1076,1077,1080,1081,6,1084,1087],{},[1051,1074,1075],{},"Your own classes need the same prefix, written by hand."," Selaras's\nautomatic handling only covers classes baked into its own shipped\ncomponents - it has no way to see a string you write yourself, so a\n",[700,1078,1079],{},":ui"," override (or your own custom component built the same way, on\n",[700,1082,1083],{},"resolveSlot",[700,1085,1086],{},"tv()",") needs the prefix written directly into the string:",[705,1089,1093],{"className":1090,"code":1091,"language":1092,"meta":710,"style":710},"language-vue-html shiki shiki-themes github-light github-dark","\u003C!-- classPrefix: 'tw' -->\n\u003CSButton :ui=\"{ base: 'tw:bg-purple-700' }\" \u002F>\n","vue-html",[700,1094,1095,1100],{"__ignoreMap":710},[714,1096,1097],{"class":716,"line":8},[714,1098,1099],{"class":756},"\u003C!-- classPrefix: 'tw' -->\n",[714,1101,1102,1105,1108,1111,1114,1117,1120,1123,1126,1129,1131],{"class":716,"line":734},[714,1103,1104],{"class":730},"\u003C",[714,1106,832],{"class":1107},"s9eBZ",[714,1109,1110],{"class":730}," :",[714,1112,1113],{"class":726},"ui",[714,1115,1116],{"class":730},"=",[714,1118,1119],{"class":740},"\"",[714,1121,1122],{"class":730},"{ base: ",[714,1124,1125],{"class":740},"'tw:bg-purple-700'",[714,1127,1128],{"class":730}," }",[714,1130,1119],{"class":740},[714,1132,1133],{"class":730}," \u002F>\n",[696,1135,1136,1137,1140,1141,1144],{},"This isn't a Selaras-specific gotcha - it's the same rule Tailwind's\nprefix feature already applies to every other class in your project once\nyou've adopted it (a plain ",[700,1138,1139],{},"\u003Cdiv class=\"tw:flex\">"," needs the same\nliteral prefix). See ",[1142,1143,71],"a",{"href":76}," for the other ways to\ncustomize a component.",[691,1146,1148],{"id":1147},"custom-color-roles","Custom color roles",[696,1150,1151,1154,1155,1157,1158,1160],{},[700,1152,1153],{},"selaras.theme.colors"," registers build-time color recipes, including custom role names. Each role supplies light and dark recipes. See ",[1142,1156,83],{"href":84}," for the full contract. Runtime classes, defaults, messages, and icons belong in ",[700,1159,1039],{},", not these module options.",[696,1162,1163,1164,1166,1167,1070],{},"See ",[1142,1165,95],{"href":96}," and ",[1142,1168,87],{"href":88},[1170,1171,1172],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}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}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 .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":710,"searchDepth":747,"depth":747,"links":1174},[1175,1176,1177,1178],{"id":693,"depth":734,"text":694},{"id":897,"depth":734,"text":898},{"id":961,"depth":734,"text":962},{"id":1147,"depth":734,"text":1148},"Configure component imports, class prefixes, adaptive breakpoints, and color roles.","md",{},{"title":37,"description":1179},"6f2L2009baLDKpJyELswhemE7FKfbmno0BLgrWruZ-4",{"id":1185,"title":1186,"aside":686,"body":1187,"collapse":10,"description":1574,"editLink":686,"extension":1180,"icon":9,"issueLink":686,"meta":1575,"navBadges":9,"navigation":9,"order":40,"path":1576,"prevNext":686,"seo":1577,"stem":1578,"toc":686,"__hash__":1579},"docs\u002Fid\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration.md","Konfigurasi Nuxt",{"type":688,"value":1188,"toc":1568},[1189,1193,1198,1248,1339,1343,1346,1364,1384,1390,1392,1412,1454,1466,1484,1498,1530,1540,1544,1556,1566],[691,1190,1192],{"id":1191},"opsi","Opsi",[696,1194,1195,1196,987],{},"Konfigurasikan modul di bawah key ",[700,1197,702],{},[705,1199,1201],{"className":707,"code":1200,"language":709,"meta":710,"style":710},"export default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  selaras: {\n    \u002F\u002F Prefix yang digunakan untuk komponen auto-import.\n    prefix: 'S', \u002F\u002F default\n  },\n})\n",[700,1202,1203,1213,1221,1225,1230,1240,1244],{"__ignoreMap":710},[714,1204,1205,1207,1209,1211],{"class":716,"line":8},[714,1206,720],{"class":719},[714,1208,723],{"class":719},[714,1210,727],{"class":726},[714,1212,731],{"class":730},[714,1214,1215,1217,1219],{"class":716,"line":734},[714,1216,737],{"class":730},[714,1218,741],{"class":740},[714,1220,744],{"class":730},[714,1222,1223],{"class":716,"line":747},[714,1224,750],{"class":730},[714,1226,1227],{"class":716,"line":753},[714,1228,1229],{"class":756},"    \u002F\u002F Prefix yang digunakan untuk komponen auto-import.\n",[714,1231,1232,1234,1236,1238],{"class":716,"line":760},[714,1233,763],{"class":730},[714,1235,766],{"class":740},[714,1237,769],{"class":730},[714,1239,772],{"class":756},[714,1241,1242],{"class":716,"line":775},[714,1243,778],{"class":730},[714,1245,1246],{"class":716,"line":781},[714,1247,784],{"class":730},[786,1249,1250,1264],{},[789,1251,1252],{},[792,1253,1254,1256,1259,1261],{},[795,1255,1192],{},[795,1257,1258],{},"Tipe",[795,1260,803],{},[795,1262,1263],{},"Deskripsi",[808,1265,1266,1287,1303,1319],{},[792,1267,1268,1272,1276,1280],{},[813,1269,1270],{},[700,1271,817],{},[813,1273,1274],{},[700,1275,822],{},[813,1277,1278],{},[700,1279,766],{},[813,1281,1282,1283,769,1285,836],{},"Prefix untuk komponen auto-import (",[700,1284,832],{},[700,1286,835],{},[792,1288,1289,1293,1297,1300],{},[813,1290,1291],{},[700,1292,843],{},[813,1294,1295],{},[700,1296,822],{},[813,1298,1299],{},"tidak ada",[813,1301,1302],{},"Namespace setiap kelas yang dirender oleh komponen Selaras sendiri - lihat di bawah.",[792,1304,1305,1309,1313,1316],{},[813,1306,1307],{},[700,1308,860],{},[813,1310,1311],{},[700,1312,865],{},[813,1314,1315],{},"role bawaan",[813,1317,1318],{},"Resep warna terang dan gelap waktu build; juga mendaftarkan role kustom.",[792,1320,1321,1325,1329,1333],{},[813,1322,1323],{},[700,1324,878],{},[813,1326,1327],{},[700,1328,822],{},[813,1330,1331],{},[700,1332,887],{},[813,1334,1335,1336,1338],{},"Memilih token Tailwind ",[700,1337,893],{}," untuk presentasi adaptif.",[691,1340,1342],{"id":1341},"breakpoint-adaptif","Breakpoint adaptif",[696,1344,1345],{},"CSS memiliki nilai breakpoint. Ganti kondisi default di stylesheet Anda:",[705,1347,1348],{"className":904,"code":905,"language":906,"meta":710,"style":710},[700,1349,1350,1356,1360],{"__ignoreMap":710},[714,1351,1352,1354],{"class":716,"line":8},[714,1353,913],{"class":719},[714,1355,916],{"class":730},[714,1357,1358],{"class":716,"line":734},[714,1359,921],{"class":730},[714,1361,1362],{"class":716,"line":747},[714,1363,926],{"class":730},[696,1365,1366,1367,1369,1370,1372,1373,769,1375,1377,1378,1380,1381,1383],{},"Atau definisikan token ",[700,1368,932],{}," Anda sendiri dan pilih dengan ",[700,1371,936],{},". Nilai yang didukung adalah panjang sederhana dalam ",[700,1374,940],{},[700,1376,943],{}," atau ",[700,1379,947],{},". Pertahankan unit breakpoint konsisten dengan kondisi Tailwind Anda yang lain. Selaras membaca panjang yang diresolve setelah mount dan menggunakan media query native ",[700,1382,951],{},", termasuk di bawah class prefix. Render SSR awalnya menggunakan presentasi desktop; kontrol adaptif yang sudah terbuka mempertahankan presentasi yang dipilih hingga tertutup.",[696,1385,1386,1387,1389],{},"Ini adalah kondisi ",[700,1388,913],{}," waktu build. Mengubah variabel CSS breakpoint secara runtime tidak menulis ulang aturan responsif Tailwind yang sudah dikompilasi. Binding yang tidak ada atau tidak didukung menghasilkan diagnostik di konsol dan menonaktifkan presentasi seluler; tidak ada fallback implisit 768px.",[691,1391,962],{"id":961},[696,1393,1394,1395,1397,1398,1400,1401,1403,1404,1406,1407,1409,1410,987],{},"Tailwind v4 mendukung namespace setiap utilitasnya sendiri di belakang prefix (",[700,1396,968],{},", yang mengubah ",[700,1399,972],{}," menjadi\n",[700,1402,976],{},") - biasanya untuk menghindari tabrakan dengan framework CSS lain atau build Tailwind kedua yang dikonfigurasi berbeda dalam proyek yang sama. Selaras dapat mencocokkan prefix tersebut di kelas yang dirender oleh komponennya sendiri, melalui ",[700,1405,843],{}," di bawah key ",[700,1408,702],{}," di ",[700,1411,986],{},[705,1413,1414],{"className":707,"code":990,"language":709,"meta":710,"style":710},[700,1415,1416,1426,1434,1438,1446,1450],{"__ignoreMap":710},[714,1417,1418,1420,1422,1424],{"class":716,"line":8},[714,1419,720],{"class":719},[714,1421,723],{"class":719},[714,1423,727],{"class":726},[714,1425,731],{"class":730},[714,1427,1428,1430,1432],{"class":716,"line":734},[714,1429,737],{"class":730},[714,1431,741],{"class":740},[714,1433,744],{"class":730},[714,1435,1436],{"class":716,"line":747},[714,1437,750],{"class":730},[714,1439,1440,1442,1444],{"class":716,"line":753},[714,1441,1019],{"class":730},[714,1443,1022],{"class":740},[714,1445,1025],{"class":730},[714,1447,1448],{"class":716,"line":760},[714,1449,778],{"class":730},[714,1451,1452],{"class":716,"line":775},[714,1453,784],{"class":730},[696,1455,1456,1457,1459,1460,1462,1463,1465],{},"Ini adalah opsi modul, bukan nilai ",[700,1458,1039],{}," - pembuatan Tailwind CSS terjadi pada waktu build, jadi Selaras perlu mengetahui prefix-nya cukup awal untuk menghasilkan kandidat kelas yang diimpor melalui ",[700,1461,1043],{},". Entry Tailwind Anda sendiri menghasilkan CSS yang cocok (Tailwind tidak pernah menghasilkan CSS untuk kelas yang tidak dapat ditemukan sebagai teks literal di mana pun, baik di template Anda sendiri maupun safelist - nilai ",[700,1464,1039],{}," saja, yang hanya dibaca saat render, tidak pernah bisa menghasilkannya).",[696,1467,1468,1471,1472,1474,1475,1477,1478,1480,1481,1483],{},[1051,1469,1470],{},"Nilai ini harus cocok dengan prefix Tailwind Anda secara persis."," Selaras tidak memiliki cara untuk mendeteksi konfigurasi Tailwind Anda, jadi jika keduanya berbeda - ",[700,1473,1057],{}," di sini sementara CSS Anda masih mengatakan ",[700,1476,1061],{},", atau satu diatur dan yang lainnya tidak - setiap komponen merender kelas yang build Tailwind Anda tidak pernah menghasilkan CSS, dan seluruh UI terlihat seperti stylesheet kosong. Tidak ada error yang muncul di kedua cara; ini secara diam-diam terlihat seperti stylesheet kosong. Hanya atur ini jika Anda sudah menambahkan ",[700,1479,1065],{}," ke ",[700,1482,1069],{}," Anda sendiri.",[696,1485,1486,1489,1490,1492,1493,6,1495,1497],{},[1051,1487,1488],{},"Kelas Anda sendiri memerlukan prefix yang sama, ditulis manual."," Penanganan otomatis Selaras hanya mencakup kelas yang tertanam dalam komponen yang dikirimkannya sendiri - ia tidak memiliki cara untuk melihat string yang Anda tulis sendiri, jadi override ",[700,1491,1079],{}," (atau komponen kustom Anda yang dibangun dengan cara yang sama, pada ",[700,1494,1083],{},[700,1496,1086],{},") membutuhkan prefix yang ditulis langsung ke dalam string:",[705,1499,1500],{"className":1090,"code":1091,"language":1092,"meta":710,"style":710},[700,1501,1502,1506],{"__ignoreMap":710},[714,1503,1504],{"class":716,"line":8},[714,1505,1099],{"class":756},[714,1507,1508,1510,1512,1514,1516,1518,1520,1522,1524,1526,1528],{"class":716,"line":734},[714,1509,1104],{"class":730},[714,1511,832],{"class":1107},[714,1513,1110],{"class":730},[714,1515,1113],{"class":726},[714,1517,1116],{"class":730},[714,1519,1119],{"class":740},[714,1521,1122],{"class":730},[714,1523,1125],{"class":740},[714,1525,1128],{"class":730},[714,1527,1119],{"class":740},[714,1529,1133],{"class":730},[696,1531,1532,1533,1535,1536,1539],{},"Ini bukan masalah khusus Selaras - ini adalah aturan yang sama yang fitur prefix Tailwind sudah terapkan pada setiap kelas lain di proyek Anda setelah Anda mengadopsinya (sebuah ",[700,1534,1139],{}," biasa membutuhkan prefix literal yang sama). Lihat ",[1142,1537,1538],{"href":76},"Tema"," untuk cara lain menyesuaikan komponen.",[691,1541,1543],{"id":1542},"role-warna-kustom","Role warna kustom",[696,1545,1546,1548,1549,1552,1553,1555],{},[700,1547,1153],{}," mendaftarkan resep warna waktu build, termasuk nama role kustom. Setiap role menyediakan resep terang dan gelap. Lihat ",[1142,1550,1551],{"href":84},"Role warna"," untuk kontrak lengkap. Kelas runtime, default, messages, dan ikon ada di ",[700,1554,1039],{},", bukan di opsi modul ini.",[696,1557,1558,1559,1562,1563,1070],{},"Lihat ",[1142,1560,1561],{"href":96},"Konfigurasi global"," dan ",[1142,1564,1565],{"href":88},"Mode warna",[1170,1567,1172],{},{"title":710,"searchDepth":747,"depth":747,"links":1569},[1570,1571,1572,1573],{"id":1191,"depth":734,"text":1192},{"id":1341,"depth":734,"text":1342},{"id":961,"depth":734,"text":962},{"id":1542,"depth":734,"text":1543},"Konfigurasikan impor komponen, prefix kelas, breakpoint adaptif, dan role warna.",{},"\u002Fid\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration",{"title":1186,"description":1574},"id\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","A5aA3FozjFgGHLsuUOLx76rs4jUm7IzUa1dwkwh_4rE",1792925240496]