[{"data":1,"prerenderedAt":2129},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fslider":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":222,"aside":651,"body":652,"collapse":10,"description":2125,"editLink":651,"extension":1899,"icon":9,"meta":2126,"navBadges":9,"navigation":9,"order":225,"path":223,"prevNext":651,"seo":2127,"stem":224,"toc":651,"__hash__":2128},"docs\u002Fcomponents\u002Fforms\u002Fslider.md",true,{"type":653,"value":654,"toc":2102},"minimark",[655,660,672,676,808,813,820,823,932,936,959,963,969,972,1013,1017,1020,1055,1059,1069,1072,1103,1107,1112,1115,1148,1152,1166,1169,1200,1204,1213,1216,1284,1287,1292,1295,1321,1325,1345,1348,1374,1378,1381,1384,1458,1462,1473,1476,1563,1567,1581,1628,1632,1645,1697,1704,1710,1714,1718,2008,2012,2057,2061,2098],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,667,668,671],"p",{},[664,665,666],"code",{},"v-model"," is a plain ",[664,669,670],{},"number"," for a single handle:",[673,674],"component-example",{"name":675},"slider-basic",[677,678,683],"pre",{"className":679,"code":680,"language":681,"meta":682,"style":682},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst value = ref(30)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSSlider v-model=\"value\" aria-label=\"Volume\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[664,684,685,714,740,750,756,766,799],{"__ignoreMap":682},[686,687,689,693,697,701,704,707,711],"span",{"class":688,"line":8},"line",[686,690,692],{"class":691},"sVt8B","\u003C",[686,694,696],{"class":695},"s9eBZ","script",[686,698,700],{"class":699},"sScJk"," setup",[686,702,703],{"class":699}," lang",[686,705,706],{"class":691},"=",[686,708,710],{"class":709},"sZZnC","\"ts\"",[686,712,713],{"class":691},">\n",[686,715,717,721,725,728,731,734,737],{"class":688,"line":716},2,[686,718,720],{"class":719},"szBVR","const",[686,722,724],{"class":723},"sj4cs"," value",[686,726,727],{"class":719}," =",[686,729,730],{"class":699}," ref",[686,732,733],{"class":691},"(",[686,735,736],{"class":723},"30",[686,738,739],{"class":691},")\n",[686,741,743,746,748],{"class":688,"line":742},3,[686,744,745],{"class":691},"\u003C\u002F",[686,747,696],{"class":695},[686,749,713],{"class":691},[686,751,753],{"class":688,"line":752},4,[686,754,755],{"emptyLinePlaceholder":651},"\n",[686,757,759,761,764],{"class":688,"line":758},5,[686,760,692],{"class":691},[686,762,763],{"class":695},"template",[686,765,713],{"class":691},[686,767,769,772,775,778,780,783,786,788,791,793,796],{"class":688,"line":768},6,[686,770,771],{"class":691},"  \u003C",[686,773,774],{"class":695},"SSlider",[686,776,777],{"class":699}," v-model",[686,779,706],{"class":691},[686,781,782],{"class":709},"\"",[686,784,785],{"class":691},"value",[686,787,782],{"class":709},[686,789,790],{"class":699}," aria-label",[686,792,706],{"class":691},[686,794,795],{"class":709},"\"Volume\"",[686,797,798],{"class":691}," \u002F>\n",[686,800,802,804,806],{"class":688,"line":801},7,[686,803,745],{"class":691},[686,805,763],{"class":695},[686,807,713],{"class":691},[809,810,812],"h3",{"id":811},"range","Range",[661,814,815,816,819],{},"Pass an array instead to get a range slider with one handle per entry -\n",[664,817,818],{},"minStepsBetweenThumbs"," keeps them from crossing (or getting closer than\nthat many steps apart). The value you get back always matches the shape\nyou passed in - an array in, an array out:",[673,821],{"name":822},"slider-range",[677,824,826],{"className":679,"code":825,"language":681,"meta":682,"style":682},"\u003Cscript setup lang=\"ts\">\nconst priceRange = ref([20, 80])\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSSlider v-model=\"priceRange\" :min-steps-between-thumbs=\"5\" \u002F>\n\u003C\u002Ftemplate>\n",[664,827,828,844,870,878,882,890,924],{"__ignoreMap":682},[686,829,830,832,834,836,838,840,842],{"class":688,"line":8},[686,831,692],{"class":691},[686,833,696],{"class":695},[686,835,700],{"class":699},[686,837,703],{"class":699},[686,839,706],{"class":691},[686,841,710],{"class":709},[686,843,713],{"class":691},[686,845,846,848,851,853,855,858,861,864,867],{"class":688,"line":716},[686,847,720],{"class":719},[686,849,850],{"class":723}," priceRange",[686,852,727],{"class":719},[686,854,730],{"class":699},[686,856,857],{"class":691},"([",[686,859,860],{"class":723},"20",[686,862,863],{"class":691},", ",[686,865,866],{"class":723},"80",[686,868,869],{"class":691},"])\n",[686,871,872,874,876],{"class":688,"line":742},[686,873,745],{"class":691},[686,875,696],{"class":695},[686,877,713],{"class":691},[686,879,880],{"class":688,"line":752},[686,881,755],{"emptyLinePlaceholder":651},[686,883,884,886,888],{"class":688,"line":758},[686,885,692],{"class":691},[686,887,763],{"class":695},[686,889,713],{"class":691},[686,891,892,894,896,898,900,902,905,907,910,913,915,917,920,922],{"class":688,"line":768},[686,893,771],{"class":691},[686,895,774],{"class":695},[686,897,777],{"class":699},[686,899,706],{"class":691},[686,901,782],{"class":709},[686,903,904],{"class":691},"priceRange",[686,906,782],{"class":709},[686,908,909],{"class":691}," :",[686,911,912],{"class":699},"min-steps-between-thumbs",[686,914,706],{"class":691},[686,916,782],{"class":709},[686,918,919],{"class":723},"5",[686,921,782],{"class":709},[686,923,798],{"class":691},[686,925,926,928,930],{"class":688,"line":801},[686,927,745],{"class":691},[686,929,763],{"class":695},[686,931,713],{"class":691},[809,933,935],{"id":934},"min-max-and-step","Min, max, and step",[661,937,938,6,941,944,945,6,948,951,952,944,955,958],{},[664,939,940],{},"min",[664,942,943],{},"max"," (default ",[664,946,947],{},"0",[664,949,950],{},"100",") bound the value, ",[664,953,954],{},"step",[664,956,957],{},"1",")\ncontrols the increment - both the drag and the arrow keys snap to it.",[809,960,962],{"id":961},"ticks","Ticks",[661,964,965,968],{},[664,966,967],{},"show-ticks"," marks every step along the track - a Selaras addition, not\npart of Reka's own primitive:",[673,970],{"name":971},"slider-ticks",[677,973,977],{"className":974,"code":975,"language":976,"meta":682,"style":682},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSSlider v-model=\"value\" :step=\"25\" show-ticks \u002F>\n","vue-html",[664,978,979],{"__ignoreMap":682},[686,980,981,983,985,987,989,991,993,995,997,999,1001,1003,1006,1008,1011],{"class":688,"line":8},[686,982,692],{"class":691},[686,984,774],{"class":695},[686,986,777],{"class":699},[686,988,706],{"class":691},[686,990,782],{"class":709},[686,992,785],{"class":691},[686,994,782],{"class":709},[686,996,909],{"class":691},[686,998,954],{"class":699},[686,1000,706],{"class":691},[686,1002,782],{"class":709},[686,1004,1005],{"class":723},"25",[686,1007,782],{"class":709},[686,1009,1010],{"class":699}," show-ticks",[686,1012,798],{"class":691},[809,1014,1016],{"id":1015},"color","Color",[673,1018],{"name":1019},"slider-color",[677,1021,1023],{"className":974,"code":1022,"language":976,"meta":682,"style":682},"\u003CSSlider :model-value=\"60\" color=\"danger\" \u002F>\n",[664,1024,1025],{"__ignoreMap":682},[686,1026,1027,1029,1031,1033,1036,1038,1040,1043,1045,1048,1050,1053],{"class":688,"line":8},[686,1028,692],{"class":691},[686,1030,774],{"class":695},[686,1032,909],{"class":691},[686,1034,1035],{"class":699},"model-value",[686,1037,706],{"class":691},[686,1039,782],{"class":709},[686,1041,1042],{"class":723},"60",[686,1044,782],{"class":709},[686,1046,1047],{"class":699}," color",[686,1049,706],{"class":691},[686,1051,1052],{"class":709},"\"danger\"",[686,1054,798],{"class":691},[809,1056,1058],{"id":1057},"vertical","Vertical",[661,1060,1061,1064,1065,1068],{},[664,1062,1063],{},"orientation=\"vertical\""," needs a real height to size against - the theme\ngives it a sensible default (override via ",[664,1066,1067],{},":ui.root"," for a taller\u002Fshorter\none):",[673,1070],{"name":1071},"slider-vertical",[677,1073,1075],{"className":974,"code":1074,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"value\" orientation=\"vertical\" \u002F>\n",[664,1076,1077],{"__ignoreMap":682},[686,1078,1079,1081,1083,1085,1087,1089,1091,1093,1096,1098,1101],{"class":688,"line":8},[686,1080,692],{"class":691},[686,1082,774],{"class":695},[686,1084,777],{"class":699},[686,1086,706],{"class":691},[686,1088,782],{"class":709},[686,1090,785],{"class":691},[686,1092,782],{"class":709},[686,1094,1095],{"class":699}," orientation",[686,1097,706],{"class":691},[686,1099,1100],{"class":709},"\"vertical\"",[686,1102,798],{"class":691},[809,1104,1106],{"id":1105},"inverted","Inverted",[661,1108,1109,1111],{},[664,1110,1105],{}," visually (and directionally) flips the slider - the max end\nrenders where the min end normally would, and dragging is reversed to\nmatch:",[673,1113],{"name":1114},"slider-inverted",[677,1116,1118],{"className":974,"code":1117,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"value\" inverted aria-label=\"Volume (inverted)\" \u002F>\n",[664,1119,1120],{"__ignoreMap":682},[686,1121,1122,1124,1126,1128,1130,1132,1134,1136,1139,1141,1143,1146],{"class":688,"line":8},[686,1123,692],{"class":691},[686,1125,774],{"class":695},[686,1127,777],{"class":699},[686,1129,706],{"class":691},[686,1131,782],{"class":709},[686,1133,785],{"class":691},[686,1135,782],{"class":709},[686,1137,1138],{"class":699}," inverted",[686,1140,790],{"class":699},[686,1142,706],{"class":691},[686,1144,1145],{"class":709},"\"Volume (inverted)\"",[686,1147,798],{"class":691},[809,1149,1151],{"id":1150},"thumb-variant","Thumb variant",[661,1153,1154,1157,1158,1161,1162,1165],{},[664,1155,1156],{},"thumb-variant=\"bar\""," swaps the default circular thumb for a thin bar,\nsized off the track's own ",[664,1159,1160],{},"size"," and ",[664,1163,1164],{},"orientation",":",[673,1167],{"name":1168},"slider-thumb-variant",[677,1170,1172],{"className":974,"code":1171,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"value\" thumb-variant=\"bar\" \u002F>\n",[664,1173,1174],{"__ignoreMap":682},[686,1175,1176,1178,1180,1182,1184,1186,1188,1190,1193,1195,1198],{"class":688,"line":8},[686,1177,692],{"class":691},[686,1179,774],{"class":695},[686,1181,777],{"class":699},[686,1183,706],{"class":691},[686,1185,782],{"class":709},[686,1187,785],{"class":691},[686,1189,782],{"class":709},[686,1191,1192],{"class":699}," thumb-variant",[686,1194,706],{"class":691},[686,1196,1197],{"class":709},"\"bar\"",[686,1199,798],{"class":691},[809,1201,1203],{"id":1202},"start-and-end-slots","Start and end slots",[661,1205,1206,6,1209,1212],{},[664,1207,1208],{},"#start",[664,1210,1211],{},"#end"," render content flanking the track - an icon, an emoji,\na unit label:",[673,1214],{"name":1215},"slider-flanking",[677,1217,1219],{"className":974,"code":1218,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"value\">\n  \u003Ctemplate #start>😞\u003C\u002Ftemplate>\n  \u003Ctemplate #end>😄\u003C\u002Ftemplate>\n\u003C\u002FSSlider>\n",[664,1220,1221,1239,1258,1276],{"__ignoreMap":682},[686,1222,1223,1225,1227,1229,1231,1233,1235,1237],{"class":688,"line":8},[686,1224,692],{"class":691},[686,1226,774],{"class":695},[686,1228,777],{"class":699},[686,1230,706],{"class":691},[686,1232,782],{"class":709},[686,1234,785],{"class":691},[686,1236,782],{"class":709},[686,1238,713],{"class":691},[686,1240,1241,1243,1245,1248,1251,1254,1256],{"class":688,"line":716},[686,1242,771],{"class":691},[686,1244,763],{"class":695},[686,1246,1247],{"class":691}," #",[686,1249,1250],{"class":699},"start",[686,1252,1253],{"class":691},">😞\u003C\u002F",[686,1255,763],{"class":695},[686,1257,713],{"class":691},[686,1259,1260,1262,1264,1266,1269,1272,1274],{"class":688,"line":742},[686,1261,771],{"class":691},[686,1263,763],{"class":695},[686,1265,1247],{"class":691},[686,1267,1268],{"class":699},"end",[686,1270,1271],{"class":691},">😄\u003C\u002F",[686,1273,763],{"class":695},[686,1275,713],{"class":691},[686,1277,1278,1280,1282],{"class":688,"line":752},[686,1279,745],{"class":691},[686,1281,774],{"class":695},[686,1283,713],{"class":691},[809,1285,389],{"id":1286},"tooltip",[661,1288,1289,1291],{},[664,1290,1286],{}," wraps each thumb in a tooltip showing its current value on\nhover or focus:",[673,1293],{"name":1294},"slider-tooltip",[677,1296,1298],{"className":974,"code":1297,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"value\" tooltip \u002F>\n",[664,1299,1300],{"__ignoreMap":682},[686,1301,1302,1304,1306,1308,1310,1312,1314,1316,1319],{"class":688,"line":8},[686,1303,692],{"class":691},[686,1305,774],{"class":695},[686,1307,777],{"class":699},[686,1309,706],{"class":691},[686,1311,782],{"class":709},[686,1313,785],{"class":691},[686,1315,782],{"class":709},[686,1317,1318],{"class":699}," tooltip",[686,1320,798],{"class":691},[809,1322,1324],{"id":1323},"controls","Controls",[661,1326,1327,1329,1330,6,1333,1336,1337,1339,1340,6,1342,1344],{},[664,1328,1323],{}," adds ",[664,1331,1332],{},"-",[664,1334,1335],{},"+"," buttons flanking the track that step the value\nby ",[664,1338,954],{},", disabling at ",[664,1341,940],{},[664,1343,943],{}," - only rendered for a single-value\nslider, since stepping two independent range thumbs with one shared\nbutton pair has no obvious single meaning:",[673,1346],{"name":1347},"slider-controls",[677,1349,1351],{"className":974,"code":1350,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"value\" controls \u002F>\n",[664,1352,1353],{"__ignoreMap":682},[686,1354,1355,1357,1359,1361,1363,1365,1367,1369,1372],{"class":688,"line":8},[686,1356,692],{"class":691},[686,1358,774],{"class":695},[686,1360,777],{"class":699},[686,1362,706],{"class":691},[686,1364,782],{"class":709},[686,1366,785],{"class":691},[686,1368,782],{"class":709},[686,1370,1371],{"class":699}," controls",[686,1373,798],{"class":691},[809,1375,1377],{"id":1376},"side-labels","Side labels",[661,1379,1380],{},"Plain text either side of the track composes with no extra API:",[673,1382],{"name":1383},"slider-labels",[677,1385,1387],{"className":974,"code":1386,"language":976,"meta":682,"style":682},"\u003Cdiv class=\"flex items-center gap-3\">\n  \u003Cspan>Low\u003C\u002Fspan>\n  \u003CSSlider v-model=\"value\" \u002F>\n  \u003Cspan>High\u003C\u002Fspan>\n\u003C\u002Fdiv>\n",[664,1388,1389,1406,1419,1437,1450],{"__ignoreMap":682},[686,1390,1391,1393,1396,1399,1401,1404],{"class":688,"line":8},[686,1392,692],{"class":691},[686,1394,1395],{"class":695},"div",[686,1397,1398],{"class":699}," class",[686,1400,706],{"class":691},[686,1402,1403],{"class":709},"\"flex items-center gap-3\"",[686,1405,713],{"class":691},[686,1407,1408,1410,1412,1415,1417],{"class":688,"line":716},[686,1409,771],{"class":691},[686,1411,686],{"class":695},[686,1413,1414],{"class":691},">Low\u003C\u002F",[686,1416,686],{"class":695},[686,1418,713],{"class":691},[686,1420,1421,1423,1425,1427,1429,1431,1433,1435],{"class":688,"line":742},[686,1422,771],{"class":691},[686,1424,774],{"class":695},[686,1426,777],{"class":699},[686,1428,706],{"class":691},[686,1430,782],{"class":709},[686,1432,785],{"class":691},[686,1434,782],{"class":709},[686,1436,798],{"class":691},[686,1438,1439,1441,1443,1446,1448],{"class":688,"line":752},[686,1440,771],{"class":691},[686,1442,686],{"class":695},[686,1444,1445],{"class":691},">High\u003C\u002F",[686,1447,686],{"class":695},[686,1449,713],{"class":691},[686,1451,1452,1454,1456],{"class":688,"line":758},[686,1453,745],{"class":691},[686,1455,1395],{"class":695},[686,1457,713],{"class":691},[809,1459,1461],{"id":1460},"paired-with-a-number-input","Paired with a number input",[661,1463,1464,1161,1466,1469,1470,1472],{},[664,1465,774],{},[664,1467,1468],{},"SInputNumber"," sharing one ",[664,1471,666],{}," gives an exact,\ntypeable value alongside the drag control:",[673,1474],{"name":1475},"slider-with-input",[677,1477,1479],{"className":974,"code":1478,"language":976,"meta":682,"style":682},"\u003Cdiv class=\"flex items-center gap-3\">\n  \u003CSSlider v-model=\"value\" \u002F>\n  \u003CSInputNumber v-model=\"value\" :min=\"0\" :max=\"100\" \u002F>\n\u003C\u002Fdiv>\n",[664,1480,1481,1495,1513,1555],{"__ignoreMap":682},[686,1482,1483,1485,1487,1489,1491,1493],{"class":688,"line":8},[686,1484,692],{"class":691},[686,1486,1395],{"class":695},[686,1488,1398],{"class":699},[686,1490,706],{"class":691},[686,1492,1403],{"class":709},[686,1494,713],{"class":691},[686,1496,1497,1499,1501,1503,1505,1507,1509,1511],{"class":688,"line":716},[686,1498,771],{"class":691},[686,1500,774],{"class":695},[686,1502,777],{"class":699},[686,1504,706],{"class":691},[686,1506,782],{"class":709},[686,1508,785],{"class":691},[686,1510,782],{"class":709},[686,1512,798],{"class":691},[686,1514,1515,1517,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543,1545,1547,1549,1551,1553],{"class":688,"line":742},[686,1516,771],{"class":691},[686,1518,1468],{"class":695},[686,1520,777],{"class":699},[686,1522,706],{"class":691},[686,1524,782],{"class":709},[686,1526,785],{"class":691},[686,1528,782],{"class":709},[686,1530,909],{"class":691},[686,1532,940],{"class":699},[686,1534,706],{"class":691},[686,1536,782],{"class":709},[686,1538,947],{"class":723},[686,1540,782],{"class":709},[686,1542,909],{"class":691},[686,1544,943],{"class":699},[686,1546,706],{"class":691},[686,1548,782],{"class":709},[686,1550,950],{"class":723},[686,1552,782],{"class":709},[686,1554,798],{"class":691},[686,1556,1557,1559,1561],{"class":688,"line":752},[686,1558,745],{"class":691},[686,1560,1395],{"class":695},[686,1562,713],{"class":691},[809,1564,1566],{"id":1565},"accessible-labeling","Accessible labeling",[661,1568,1569,1570,1573,1574,1576,1577,1580],{},"A slider thumb has no visible text of its own, so it needs an accessible\nname from somewhere. ",[664,1571,1572],{},"aria-label"," (a single string) applies to every\nthumb - fine for a single-handle slider. For a range slider, Reka's own\nprimitive already falls back to \"Minimum\"\u002F\"Maximum\" for a two-thumb\nslider with no label at all; pass an array to ",[664,1575,1572],{}," to say\nsomething more specific instead (",[664,1578,1579],{},"['Low priority', 'High priority']",", for\none):",[677,1582,1584],{"className":974,"code":1583,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"priceRange\" :aria-label=\"['Minimum price', 'Maximum price']\" \u002F>\n",[664,1585,1586],{"__ignoreMap":682},[686,1587,1588,1590,1592,1594,1596,1598,1600,1602,1604,1606,1608,1610,1613,1616,1618,1621,1624,1626],{"class":688,"line":8},[686,1589,692],{"class":691},[686,1591,774],{"class":695},[686,1593,777],{"class":699},[686,1595,706],{"class":691},[686,1597,782],{"class":709},[686,1599,904],{"class":691},[686,1601,782],{"class":709},[686,1603,909],{"class":691},[686,1605,1572],{"class":699},[686,1607,706],{"class":691},[686,1609,782],{"class":709},[686,1611,1612],{"class":691},"[",[686,1614,1615],{"class":709},"'Minimum price'",[686,1617,863],{"class":691},[686,1619,1620],{"class":709},"'Maximum price'",[686,1622,1623],{"class":691},"]",[686,1625,782],{"class":709},[686,1627,798],{"class":691},[809,1629,1631],{"id":1630},"committing-vs-continuous-updates","Committing vs. continuous updates",[661,1633,1634,1637,1638,1640,1641,1644],{},[664,1635,1636],{},"update:model-value"," (what ",[664,1639,666],{}," uses) fires continuously while\ndragging. ",[664,1642,1643],{},"value-commit"," fires once, only when a drag finishes with an\nactually-changed value - useful for anything that shouldn't run on every\nintermediate frame, like a debounced request:",[677,1646,1648],{"className":974,"code":1647,"language":976,"meta":682,"style":682},"\u003CSSlider v-model=\"value\" @value-commit=\"(v) => fetchResultsFor(v)\" \u002F>\n",[664,1649,1650],{"__ignoreMap":682},[686,1651,1652,1654,1656,1658,1660,1662,1664,1666,1669,1671,1673,1675,1677,1681,1684,1687,1690,1693,1695],{"class":688,"line":8},[686,1653,692],{"class":691},[686,1655,774],{"class":695},[686,1657,777],{"class":699},[686,1659,706],{"class":691},[686,1661,782],{"class":709},[686,1663,785],{"class":691},[686,1665,782],{"class":709},[686,1667,1668],{"class":691}," @",[686,1670,1643],{"class":699},[686,1672,706],{"class":691},[686,1674,782],{"class":709},[686,1676,733],{"class":691},[686,1678,1680],{"class":1679},"s4XuR","v",[686,1682,1683],{"class":691},") ",[686,1685,1686],{"class":719},"=>",[686,1688,1689],{"class":699}," fetchResultsFor",[686,1691,1692],{"class":691},"(v)",[686,1694,782],{"class":709},[686,1696,798],{"class":691},[809,1698,1700,1701],{"id":1699},"custom-ui","Custom ",[664,1702,1703],{},":ui",[661,1705,1706,1707,1709],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[664,1708,222],{},"'s own theme file:",[1711,1712],"theme-source",{"name":1713},"slider",[656,1715,1717],{"id":1716},"props","Props",[1719,1720,1721,1737],"table",{},[1722,1723,1724],"thead",{},[1725,1726,1727,1731,1734],"tr",{},[1728,1729,1730],"th",{},"Prop",[1728,1732,1733],{},"Type",[1728,1735,1736],{},"Default",[1738,1739,1740,1755,1768,1782,1796,1810,1822,1839,1855,1869,1884,1900,1916,1933,1947,1961,1975,1994],"tbody",{},[1725,1741,1742,1748,1753],{},[1743,1744,1745],"td",{},[664,1746,1747],{},"modelValue",[1743,1749,1750],{},[664,1751,1752],{},"number | number[]",[1743,1754,1332],{},[1725,1756,1757,1762,1766],{},[1743,1758,1759],{},[664,1760,1761],{},"defaultValue",[1743,1763,1764],{},[664,1765,1752],{},[1743,1767,1332],{},[1725,1769,1770,1774,1778],{},[1743,1771,1772],{},[664,1773,940],{},[1743,1775,1776],{},[664,1777,670],{},[1743,1779,1780],{},[664,1781,947],{},[1725,1783,1784,1788,1792],{},[1743,1785,1786],{},[664,1787,943],{},[1743,1789,1790],{},[664,1791,670],{},[1743,1793,1794],{},[664,1795,950],{},[1725,1797,1798,1802,1806],{},[1743,1799,1800],{},[664,1801,954],{},[1743,1803,1804],{},[664,1805,670],{},[1743,1807,1808],{},[664,1809,957],{},[1725,1811,1812,1816,1820],{},[1743,1813,1814],{},[664,1815,818],{},[1743,1817,1818],{},[664,1819,670],{},[1743,1821,1332],{},[1725,1823,1824,1829,1834],{},[1743,1825,1826],{},[664,1827,1828],{},"disabled",[1743,1830,1831],{},[664,1832,1833],{},"boolean",[1743,1835,1836],{},[664,1837,1838],{},"false",[1725,1840,1841,1845,1850],{},[1743,1842,1843],{},[664,1844,1164],{},[1743,1846,1847],{},[664,1848,1849],{},"'horizontal' | 'vertical'",[1743,1851,1852],{},[664,1853,1854],{},"'horizontal'",[1725,1856,1857,1861,1865],{},[1743,1858,1859],{},[664,1860,1105],{},[1743,1862,1863],{},[664,1864,1833],{},[1743,1866,1867],{},[664,1868,1838],{},[1725,1870,1871,1876,1880],{},[1743,1872,1873],{},[664,1874,1875],{},"showTicks",[1743,1877,1878],{},[664,1879,1833],{},[1743,1881,1882],{},[664,1883,1838],{},[1725,1885,1886,1890,1895],{},[1743,1887,1888],{},[664,1889,1160],{},[1743,1891,1892],{},[664,1893,1894],{},"'sm' | 'md' | 'lg'",[1743,1896,1897],{},[664,1898,1899],{},"md",[1725,1901,1902,1906,1911],{},[1743,1903,1904],{},[664,1905,1015],{},[1743,1907,1908],{},[664,1909,1910],{},"'primary' | 'neutral' | 'secondary' | 'success' | 'danger' | 'info' | 'warning'",[1743,1912,1913],{},[664,1914,1915],{},"primary",[1725,1917,1918,1923,1928],{},[1743,1919,1920],{},[664,1921,1922],{},"thumbVariant",[1743,1924,1925],{},[664,1926,1927],{},"'circle' | 'bar'",[1743,1929,1930],{},[664,1931,1932],{},"circle",[1725,1934,1935,1939,1943],{},[1743,1936,1937],{},[664,1938,1286],{},[1743,1940,1941],{},[664,1942,1833],{},[1743,1944,1945],{},[664,1946,1838],{},[1725,1948,1949,1953,1957],{},[1743,1950,1951],{},[664,1952,1323],{},[1743,1954,1955],{},[664,1956,1833],{},[1743,1958,1959],{},[664,1960,1838],{},[1725,1962,1963,1968,1973],{},[1743,1964,1965],{},[664,1966,1967],{},"ariaLabel",[1743,1969,1970],{},[664,1971,1972],{},"string | string[]",[1743,1974,1332],{},[1725,1976,1977,1982,1992],{},[1743,1978,1979],{},[664,1980,1981],{},"name",[1743,1983,1984,1987,1988,1991],{},[664,1985,1986],{},"string"," (submitted via a hidden input Reka renders internally - only takes effect inside a real ",[664,1989,1990],{},"\u003Cform>",")",[1743,1993,1332],{},[1725,1995,1996,2001,2006],{},[1743,1997,1998],{},[664,1999,2000],{},"ui",[1743,2002,2003],{},[664,2004,2005],{},"Partial\u003CRecord\u003CSliderSlot, string | object>>",[1743,2007,1332],{},[656,2009,2011],{"id":2010},"events","Events",[1719,2013,2014,2027],{},[1722,2015,2016],{},[1725,2017,2018,2021,2024],{},[1728,2019,2020],{},"Event",[1728,2022,2023],{},"Payload",[1728,2025,2026],{},"Description",[1738,2028,2029,2043],{},[1725,2030,2031,2036,2040],{},[1743,2032,2033],{},[664,2034,2035],{},"update:modelValue",[1743,2037,2038],{},[664,2039,1752],{},[1743,2041,2042],{},"Fires continuously while dragging",[1725,2044,2045,2050,2054],{},[1743,2046,2047],{},[664,2048,2049],{},"valueCommit",[1743,2051,2052],{},[664,2053,1752],{},[1743,2055,2056],{},"Fires once, when a drag finishes with a changed value",[656,2058,2060],{"id":2059},"slots","Slots",[1719,2062,2063,2074],{},[1722,2064,2065],{},[1725,2066,2067,2070,2072],{},[1728,2068,2069],{},"Slot",[1728,2071,1717],{},[1728,2073,2026],{},[1738,2075,2076,2087],{},[1725,2077,2078,2082,2084],{},[1743,2079,2080],{},[664,2081,1250],{},[1743,2083,1332],{},[1743,2085,2086],{},"Content flanking the start of the track",[1725,2088,2089,2093,2095],{},[1743,2090,2091],{},[664,2092,1268],{},[1743,2094,1332],{},[1743,2096,2097],{},"Content flanking the end of the track",[2099,2100,2101],"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 pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":682,"searchDepth":742,"depth":742,"links":2103},[2104,2122,2123,2124],{"id":658,"depth":716,"text":659,"children":2105},[2106,2107,2108,2109,2110,2111,2112,2113,2114,2115,2116,2117,2118,2119,2120],{"id":811,"depth":742,"text":812},{"id":934,"depth":742,"text":935},{"id":961,"depth":742,"text":962},{"id":1015,"depth":742,"text":1016},{"id":1057,"depth":742,"text":1058},{"id":1105,"depth":742,"text":1106},{"id":1150,"depth":742,"text":1151},{"id":1202,"depth":742,"text":1203},{"id":1286,"depth":742,"text":389},{"id":1323,"depth":742,"text":1324},{"id":1376,"depth":742,"text":1377},{"id":1460,"depth":742,"text":1461},{"id":1565,"depth":742,"text":1566},{"id":1630,"depth":742,"text":1631},{"id":1699,"depth":742,"text":2121},"Custom :ui",{"id":1716,"depth":716,"text":1717},{"id":2010,"depth":716,"text":2011},{"id":2059,"depth":716,"text":2060},"A draggable control for picking a number (or a range) within a min\u002Fmax, built on Reka UI's Slider primitive.",{},{"title":222,"description":2125},"3euZYZtd-iLMCuaFtHJvgDAr_LcIDsy2hDkp2U9dIEI",1792056126232]