[{"data":1,"prerenderedAt":1471},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Futilities\u002Fdirectives\u002Fripple":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":672},{"en":684,"id":1126},{"id":685,"title":671,"aside":686,"body":687,"collapse":10,"description":1121,"editLink":686,"extension":1122,"icon":9,"issueLink":686,"meta":1123,"navBadges":9,"navigation":9,"order":13,"path":672,"prevNext":686,"seo":1124,"stem":673,"toc":686,"__hash__":1125},"docs\u002Futilities\u002Fdirectives\u002Fripple.md",true,{"type":688,"value":689,"toc":1114},"minimark",[690,701,706,709,753,760,794,801,886,890,896,954,983,1088,1092,1110],[691,692,693,696,697,700],"p",{},[694,695,671],"code",{}," spawns a growing, fading circle from the pointer's position on\n",[694,698,699],{},"pointerdown"," - the classic ripple-style click feedback. It works on any\nelement, not just Selaras components.",[702,703,705],"h2",{"id":704},"usage","Usage",[691,707,708],{},"Auto-imported, no explicit import needed inside a Nuxt app:",[710,711,716],"pre",{"className":712,"code":713,"language":714,"meta":715,"style":715},"language-vue-html shiki shiki-themes github-light github-dark","\u003Cbutton v-ripple>\n  Click me\n\u003C\u002Fbutton>\n","vue-html","",[694,717,718,737,743],{"__ignoreMap":715},[719,720,722,726,730,734],"span",{"class":721,"line":8},"line",[719,723,725],{"class":724},"sVt8B","\u003C",[719,727,729],{"class":728},"s9eBZ","button",[719,731,733],{"class":732},"sScJk"," v-ripple",[719,735,736],{"class":724},">\n",[719,738,740],{"class":721,"line":739},2,[719,741,742],{"class":724},"  Click me\n",[719,744,746,749,751],{"class":721,"line":745},3,[719,747,748],{"class":724},"\u003C\u002F",[719,750,729],{"class":728},[719,752,736],{"class":724},[691,754,755,756,759],{},"Opt out per-element with ",[694,757,758],{},"v-ripple=\"false\"",", or override the defaults:",[710,761,763],{"className":712,"code":762,"language":714,"meta":715,"style":715},"\u003Cbutton v-ripple=\"{ color: 'var(--selaras-resolved-color-primary-fill)', opacity: 0.4, duration: 700 }\">\n  Click me\n\u003C\u002Fbutton>\n",[694,764,765,782,786],{"__ignoreMap":715},[719,766,767,769,771,773,776,780],{"class":721,"line":8},[719,768,725],{"class":724},[719,770,729],{"class":728},[719,772,733],{"class":732},[719,774,775],{"class":724},"=",[719,777,779],{"class":778},"sZZnC","\"{ color: 'var(--selaras-resolved-color-primary-fill)', opacity: 0.4, duration: 700 }\"",[719,781,736],{"class":724},[719,783,784],{"class":721,"line":739},[719,785,742],{"class":724},[719,787,788,790,792],{"class":721,"line":745},[719,789,748],{"class":724},[719,791,729],{"class":728},[719,793,736],{"class":724},[795,796,798],"h3",{"id":797},"rippleoptions",[694,799,800],{},"RippleOptions",[802,803,804,823],"table",{},[805,806,807],"thead",{},[808,809,810,814,817,820],"tr",{},[811,812,813],"th",{},"Option",[811,815,816],{},"Type",[811,818,819],{},"Default",[811,821,822],{},"Description",[824,825,826,847,867],"tbody",{},[808,827,828,834,839,844],{},[829,830,831],"td",{},[694,832,833],{},"color",[829,835,836],{},[694,837,838],{},"string",[829,840,841],{},[694,842,843],{},"'currentColor'",[829,845,846],{},"Fill color for the ripple.",[808,848,849,854,859,864],{},[829,850,851],{},[694,852,853],{},"opacity",[829,855,856],{},[694,857,858],{},"number",[829,860,861],{},[694,862,863],{},"0.25",[829,865,866],{},"Peak opacity before fading out.",[808,868,869,874,878,883],{},[829,870,871],{},[694,872,873],{},"duration",[829,875,876],{},[694,877,858],{},[829,879,880],{},[694,881,882],{},"500",[829,884,885],{},"How long the ripple takes to grow and fade, in ms.",[795,887,889],{"id":888},"disabling-it-globally","Disabling it globally",[691,891,892,895],{},[694,893,894],{},"app.config.selaras.ripple = false"," turns ripples off everywhere, instead of\nopting out one element at a time:",[710,897,901],{"className":898,"code":899,"language":900,"meta":715,"style":715},"language-ts shiki shiki-themes github-light github-dark","\u002F\u002F app.config.ts\nexport default defineAppConfig({\n  selaras: {\n    ripple: false,\n  },\n})\n","ts",[694,902,903,909,924,929,942,948],{"__ignoreMap":715},[719,904,905],{"class":721,"line":8},[719,906,908],{"class":907},"sJ8bj","\u002F\u002F app.config.ts\n",[719,910,911,915,918,921],{"class":721,"line":739},[719,912,914],{"class":913},"szBVR","export",[719,916,917],{"class":913}," default",[719,919,920],{"class":732}," defineAppConfig",[719,922,923],{"class":724},"({\n",[719,925,926],{"class":721,"line":745},[719,927,928],{"class":724},"  selaras: {\n",[719,930,932,935,939],{"class":721,"line":931},4,[719,933,934],{"class":724},"    ripple: ",[719,936,938],{"class":937},"sj4cs","false",[719,940,941],{"class":724},",\n",[719,943,945],{"class":721,"line":944},5,[719,946,947],{"class":724},"  },\n",[719,949,951],{"class":721,"line":950},6,[719,952,953],{"class":724},"})\n",[691,955,956,957,959,960,963,964,967,968,970,971,974,975,978,979,982],{},"This only reaches components that actually check it - Selaras's own\ncomponents that use ",[694,958,671],{}," internally (like ",[694,961,962],{},"SButton",") already do, via\nthe ",[694,965,966],{},"useRippleEnabled()"," composable. A bare ",[694,969,671],{}," you write yourself\non a plain element doesn't read ",[694,972,973],{},"app.config.selaras.ripple"," automatically (a\ndirective's own lifecycle hooks can't call ",[694,976,977],{},"useAppConfig()"," - it needs a\ncomponent's ",[694,980,981],{},"setup()"," context) - read it yourself and pass it as the\nbinding value if you want your own elements to respect the same global\ntoggle:",[710,984,986],{"className":712,"code":985,"language":714,"meta":715,"style":715},"\u003Cscript setup lang=\"ts\">\nconst rippleEnabled = useRippleEnabled()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton v-ripple=\"rippleEnabled\">\n    Click me\n  \u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n",[694,987,988,1008,1025,1033,1038,1047,1063,1069,1079],{"__ignoreMap":715},[719,989,990,992,995,998,1001,1003,1006],{"class":721,"line":8},[719,991,725],{"class":724},[719,993,994],{"class":728},"script",[719,996,997],{"class":732}," setup",[719,999,1000],{"class":732}," lang",[719,1002,775],{"class":724},[719,1004,1005],{"class":778},"\"ts\"",[719,1007,736],{"class":724},[719,1009,1010,1013,1016,1019,1022],{"class":721,"line":739},[719,1011,1012],{"class":913},"const",[719,1014,1015],{"class":937}," rippleEnabled",[719,1017,1018],{"class":913}," =",[719,1020,1021],{"class":732}," useRippleEnabled",[719,1023,1024],{"class":724},"()\n",[719,1026,1027,1029,1031],{"class":721,"line":745},[719,1028,748],{"class":724},[719,1030,994],{"class":728},[719,1032,736],{"class":724},[719,1034,1035],{"class":721,"line":931},[719,1036,1037],{"emptyLinePlaceholder":686},"\n",[719,1039,1040,1042,1045],{"class":721,"line":944},[719,1041,725],{"class":724},[719,1043,1044],{"class":728},"template",[719,1046,736],{"class":724},[719,1048,1049,1052,1054,1056,1058,1061],{"class":721,"line":950},[719,1050,1051],{"class":724},"  \u003C",[719,1053,729],{"class":728},[719,1055,733],{"class":732},[719,1057,775],{"class":724},[719,1059,1060],{"class":778},"\"rippleEnabled\"",[719,1062,736],{"class":724},[719,1064,1066],{"class":721,"line":1065},7,[719,1067,1068],{"class":724},"    Click me\n",[719,1070,1072,1075,1077],{"class":721,"line":1071},8,[719,1073,1074],{"class":724},"  \u003C\u002F",[719,1076,729],{"class":728},[719,1078,736],{"class":724},[719,1080,1082,1084,1086],{"class":721,"line":1081},9,[719,1083,748],{"class":724},[719,1085,1044],{"class":728},[719,1087,736],{"class":724},[702,1089,1091],{"id":1090},"behavior-notes","Behavior notes",[1093,1094,1095,1103],"ul",{},[1096,1097,1098,1099,1102],"li",{},"The host element gets ",[694,1100,1101],{},"position: relative; overflow: hidden"," applied\nautomatically if it doesn't already have an opinion on either, so the\nripple stays contained to its shape without any extra CSS from you.",[1096,1104,1105,1106,1109],{},"Respects ",[694,1107,1108],{},"prefers-reduced-motion"," automatically, through the same\nreduced-motion handling every other animation in the library goes\nthrough - no separate configuration needed.",[1111,1112,1113],"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 pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}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 .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 pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":715,"searchDepth":745,"depth":745,"links":1115},[1116,1120],{"id":704,"depth":739,"text":705,"children":1117},[1118,1119],{"id":797,"depth":745,"text":800},{"id":888,"depth":745,"text":889},{"id":1090,"depth":739,"text":1091},"A click-feedback ripple effect for any element.","md",{},{"title":671,"description":1121},"zneNwJTh_MTrC__ePKCah67MDwrtv6EWSkvHQlopMP8",{"id":1127,"title":671,"aside":686,"body":1128,"collapse":10,"description":1465,"editLink":686,"extension":1122,"icon":9,"issueLink":686,"meta":1466,"navBadges":9,"navigation":9,"order":13,"path":1467,"prevNext":686,"seo":1468,"stem":1469,"toc":686,"__hash__":1470},"docs\u002Fid\u002Futilities\u002Fdirectives\u002Fripple.md",{"type":688,"value":1129,"toc":1458},[1130,1138,1142,1145,1171,1177,1207,1211,1281,1285,1290,1328,1352,1438,1442,1456],[691,1131,1132,1134,1135,1137],{},[694,1133,671],{}," memunculkan lingkaran yang membesar dan memudar dari posisi pointer pada ",[694,1136,699],{}," - umpan-balik klik gaya ripple klasik. Ia berfungsi pada elemen apa pun, bukan hanya komponen Selaras.",[702,1139,1141],{"id":1140},"penggunaan","Penggunaan",[691,1143,1144],{},"Auto-import, tidak perlu import eksplisit di dalam aplikasi Nuxt:",[710,1146,1147],{"className":712,"code":713,"language":714,"meta":715,"style":715},[694,1148,1149,1159,1163],{"__ignoreMap":715},[719,1150,1151,1153,1155,1157],{"class":721,"line":8},[719,1152,725],{"class":724},[719,1154,729],{"class":728},[719,1156,733],{"class":732},[719,1158,736],{"class":724},[719,1160,1161],{"class":721,"line":739},[719,1162,742],{"class":724},[719,1164,1165,1167,1169],{"class":721,"line":745},[719,1166,748],{"class":724},[719,1168,729],{"class":728},[719,1170,736],{"class":724},[691,1172,1173,1174,1176],{},"Keluar per elemen dengan ",[694,1175,758],{},", atau override default-nya:",[710,1178,1179],{"className":712,"code":762,"language":714,"meta":715,"style":715},[694,1180,1181,1195,1199],{"__ignoreMap":715},[719,1182,1183,1185,1187,1189,1191,1193],{"class":721,"line":8},[719,1184,725],{"class":724},[719,1186,729],{"class":728},[719,1188,733],{"class":732},[719,1190,775],{"class":724},[719,1192,779],{"class":778},[719,1194,736],{"class":724},[719,1196,1197],{"class":721,"line":739},[719,1198,742],{"class":724},[719,1200,1201,1203,1205],{"class":721,"line":745},[719,1202,748],{"class":724},[719,1204,729],{"class":728},[719,1206,736],{"class":724},[795,1208,1209],{"id":797},[694,1210,800],{},[802,1212,1213,1228],{},[805,1214,1215],{},[808,1216,1217,1220,1223,1225],{},[811,1218,1219],{},"Opsi",[811,1221,1222],{},"Tipe",[811,1224,819],{},[811,1226,1227],{},"Deskripsi",[824,1229,1230,1247,1264],{},[808,1231,1232,1236,1240,1244],{},[829,1233,1234],{},[694,1235,833],{},[829,1237,1238],{},[694,1239,838],{},[829,1241,1242],{},[694,1243,843],{},[829,1245,1246],{},"Warna isi untuk ripple.",[808,1248,1249,1253,1257,1261],{},[829,1250,1251],{},[694,1252,853],{},[829,1254,1255],{},[694,1256,858],{},[829,1258,1259],{},[694,1260,863],{},[829,1262,1263],{},"Opasitas puncak sebelum memudar.",[808,1265,1266,1270,1274,1278],{},[829,1267,1268],{},[694,1269,873],{},[829,1271,1272],{},[694,1273,858],{},[829,1275,1276],{},[694,1277,882],{},[829,1279,1280],{},"Berapa lama ripple membesar dan memudar, dalam ms.",[795,1282,1284],{"id":1283},"menonaktifkannya-secara-global","Menonaktifkannya secara global",[691,1286,1287,1289],{},[694,1288,894],{}," mematikan ripple di mana saja, alih-alih keluar satu elemen setiap kali:",[710,1291,1292],{"className":898,"code":899,"language":900,"meta":715,"style":715},[694,1293,1294,1298,1308,1312,1320,1324],{"__ignoreMap":715},[719,1295,1296],{"class":721,"line":8},[719,1297,908],{"class":907},[719,1299,1300,1302,1304,1306],{"class":721,"line":739},[719,1301,914],{"class":913},[719,1303,917],{"class":913},[719,1305,920],{"class":732},[719,1307,923],{"class":724},[719,1309,1310],{"class":721,"line":745},[719,1311,928],{"class":724},[719,1313,1314,1316,1318],{"class":721,"line":931},[719,1315,934],{"class":724},[719,1317,938],{"class":937},[719,1319,941],{"class":724},[719,1321,1322],{"class":721,"line":944},[719,1323,947],{"class":724},[719,1325,1326],{"class":721,"line":950},[719,1327,953],{"class":724},[691,1329,1330,1331,1333,1334,1336,1337,1339,1340,1342,1343,1345,1346,1348,1349,1351],{},"Ini hanya menjangkau komponen yang benar-benar memeriksanya - komponen Selaras sendiri yang menggunakan ",[694,1332,671],{}," secara internal (seperti ",[694,1335,962],{},") sudah melakukannya, via composable ",[694,1338,966],{},". ",[694,1341,671],{}," telanjang yang Anda tulis sendiri pada elemen polos tidak membaca ",[694,1344,973],{}," secara otomatis (hook lifecycle direktif sendiri tidak bisa memanggil ",[694,1347,977],{}," - ia membutuhkan konteks ",[694,1350,981],{}," milik komponen) - baca sendiri dan berikan sebagai nilai binding jika Anda ingin elemen Anda sendiri menghormati toggle global yang sama:",[710,1353,1354],{"className":712,"code":985,"language":714,"meta":715,"style":715},[694,1355,1356,1372,1384,1392,1396,1404,1418,1422,1430],{"__ignoreMap":715},[719,1357,1358,1360,1362,1364,1366,1368,1370],{"class":721,"line":8},[719,1359,725],{"class":724},[719,1361,994],{"class":728},[719,1363,997],{"class":732},[719,1365,1000],{"class":732},[719,1367,775],{"class":724},[719,1369,1005],{"class":778},[719,1371,736],{"class":724},[719,1373,1374,1376,1378,1380,1382],{"class":721,"line":739},[719,1375,1012],{"class":913},[719,1377,1015],{"class":937},[719,1379,1018],{"class":913},[719,1381,1021],{"class":732},[719,1383,1024],{"class":724},[719,1385,1386,1388,1390],{"class":721,"line":745},[719,1387,748],{"class":724},[719,1389,994],{"class":728},[719,1391,736],{"class":724},[719,1393,1394],{"class":721,"line":931},[719,1395,1037],{"emptyLinePlaceholder":686},[719,1397,1398,1400,1402],{"class":721,"line":944},[719,1399,725],{"class":724},[719,1401,1044],{"class":728},[719,1403,736],{"class":724},[719,1405,1406,1408,1410,1412,1414,1416],{"class":721,"line":950},[719,1407,1051],{"class":724},[719,1409,729],{"class":728},[719,1411,733],{"class":732},[719,1413,775],{"class":724},[719,1415,1060],{"class":778},[719,1417,736],{"class":724},[719,1419,1420],{"class":721,"line":1065},[719,1421,1068],{"class":724},[719,1423,1424,1426,1428],{"class":721,"line":1071},[719,1425,1074],{"class":724},[719,1427,729],{"class":728},[719,1429,736],{"class":724},[719,1431,1432,1434,1436],{"class":721,"line":1081},[719,1433,748],{"class":724},[719,1435,1044],{"class":728},[719,1437,736],{"class":724},[702,1439,1441],{"id":1440},"catatan-perilaku","Catatan perilaku",[1093,1443,1444,1450],{},[1096,1445,1446,1447,1449],{},"Elemen host mendapat ",[694,1448,1101],{}," yang diterapkan otomatis jika ia belum memiliki pendapat tentang keduanya, sehingga ripple tetap terkandung pada bentuknya tanpa CSS tambahan dari Anda.",[1096,1451,1452,1453,1455],{},"Menghormati ",[694,1454,1108],{}," secara otomatis, melalui penanganan reduced-motion yang sama dengan yang dilalui setiap animasi lain di pustaka - tidak perlu konfigurasi terpisah.",[1111,1457,1113],{},{"title":715,"searchDepth":745,"depth":745,"links":1459},[1460,1464],{"id":1140,"depth":739,"text":1141,"children":1461},[1462,1463],{"id":797,"depth":745,"text":800},{"id":1283,"depth":745,"text":1284},{"id":1440,"depth":739,"text":1441},"Efek ripple umpan-balik klik untuk elemen apa pun.",{},"\u002Fid\u002Futilities\u002Fdirectives\u002Fripple",{"title":671,"description":1465},"id\u002Futilities\u002Fdirectives\u002Fripple","pIL0Bfa1m8sETei30HjVNxpGEo2d3tbROajG005AVK0",1792925241131]