[{"data":1,"prerenderedAt":1989},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Finput":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":208,"aside":651,"body":652,"collapse":10,"description":1985,"editLink":651,"extension":1361,"icon":9,"meta":1986,"navBadges":9,"navigation":9,"order":30,"path":209,"prevNext":651,"seo":1987,"stem":210,"toc":651,"__hash__":1988},"docs\u002Fcomponents\u002Fforms\u002Finput.md",true,{"type":653,"value":654,"toc":1969},"minimark",[655,660,664,797,805,809,824,827,902,906,932,948,951,1288,1291,1294,1298,1312,1315,1346,1350,1373,1376,1410,1418,1422,1438,1441,1545,1549,1575,1578,1617,1621,1652,1656,1676,1683,1689,1693,1696,1898,1902,1965],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662],"component-example",{"name":663},"input-basic",[665,666,671],"pre",{"className":667,"code":668,"language":669,"meta":670,"style":670},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst value = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSInput v-model=\"value\" placeholder=\"Type something...\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[672,673,674,703,729,739,745,755,788],"code",{"__ignoreMap":670},[675,676,678,682,686,690,693,696,700],"span",{"class":677,"line":8},"line",[675,679,681],{"class":680},"sVt8B","\u003C",[675,683,685],{"class":684},"s9eBZ","script",[675,687,689],{"class":688},"sScJk"," setup",[675,691,692],{"class":688}," lang",[675,694,695],{"class":680},"=",[675,697,699],{"class":698},"sZZnC","\"ts\"",[675,701,702],{"class":680},">\n",[675,704,706,710,714,717,720,723,726],{"class":677,"line":705},2,[675,707,709],{"class":708},"szBVR","const",[675,711,713],{"class":712},"sj4cs"," value",[675,715,716],{"class":708}," =",[675,718,719],{"class":688}," ref",[675,721,722],{"class":680},"(",[675,724,725],{"class":698},"''",[675,727,728],{"class":680},")\n",[675,730,732,735,737],{"class":677,"line":731},3,[675,733,734],{"class":680},"\u003C\u002F",[675,736,685],{"class":684},[675,738,702],{"class":680},[675,740,742],{"class":677,"line":741},4,[675,743,744],{"emptyLinePlaceholder":651},"\n",[675,746,748,750,753],{"class":677,"line":747},5,[675,749,681],{"class":680},[675,751,752],{"class":684},"template",[675,754,702],{"class":680},[675,756,758,761,764,767,769,772,775,777,780,782,785],{"class":677,"line":757},6,[675,759,760],{"class":680},"  \u003C",[675,762,763],{"class":684},"SInput",[675,765,766],{"class":688}," v-model",[675,768,695],{"class":680},[675,770,771],{"class":698},"\"",[675,773,774],{"class":680},"value",[675,776,771],{"class":698},[675,778,779],{"class":688}," placeholder",[675,781,695],{"class":680},[675,783,784],{"class":698},"\"Type something...\"",[675,786,787],{"class":680}," \u002F>\n",[675,789,791,793,795],{"class":677,"line":790},7,[675,792,734],{"class":680},[675,794,752],{"class":684},[675,796,702],{"class":680},[798,799,800,801,804],"p",{},"Input is full-width by default, rather than needing an opt-in flag to make\nit so - constrain it with a class on the component itself (as the examples\non this page do with ",[672,802,803],{},"max-w-xs","), not a wrapping element.",[806,807,42],"h3",{"id":808},"icons",[798,810,811,814,815,818,819,823],{},[672,812,813],{},"icon"," and ",[672,816,817],{},"trailingIcon"," add an icon before or after the text - the same\nprops ",[820,821,135],"a",{"href":822},"\u002Fcomponents\u002Felements\u002Fbutton#icons"," uses for its own.",[661,825],{"name":826},"input-icons",[665,828,832],{"className":829,"code":830,"language":831,"meta":670,"style":670},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSInput v-model=\"search\" icon=\"hugeicons:search-01\" placeholder=\"Search...\" \u002F>\n\u003CSInput v-model=\"amount\" trailing-icon=\"hugeicons:dollar-01\" placeholder=\"0.00\" \u002F>\n","vue-html",[672,833,834,868],{"__ignoreMap":670},[675,835,836,838,840,842,844,846,849,851,854,856,859,861,863,866],{"class":677,"line":8},[675,837,681],{"class":680},[675,839,763],{"class":684},[675,841,766],{"class":688},[675,843,695],{"class":680},[675,845,771],{"class":698},[675,847,848],{"class":680},"search",[675,850,771],{"class":698},[675,852,853],{"class":688}," icon",[675,855,695],{"class":680},[675,857,858],{"class":698},"\"hugeicons:search-01\"",[675,860,779],{"class":688},[675,862,695],{"class":680},[675,864,865],{"class":698},"\"Search...\"",[675,867,787],{"class":680},[675,869,870,872,874,876,878,880,883,885,888,890,893,895,897,900],{"class":677,"line":705},[675,871,681],{"class":680},[675,873,763],{"class":684},[675,875,766],{"class":688},[675,877,695],{"class":680},[675,879,771],{"class":698},[675,881,882],{"class":680},"amount",[675,884,771],{"class":698},[675,886,887],{"class":688}," trailing-icon",[675,889,695],{"class":680},[675,891,892],{"class":698},"\"hugeicons:dollar-01\"",[675,894,779],{"class":688},[675,896,695],{"class":680},[675,898,899],{"class":698},"\"0.00\"",[675,901,787],{"class":680},[806,903,905],{"id":904},"custom-leading-and-trailing-content","Custom leading and trailing content",[798,907,908,909,814,912,915,916,919,920,923,924,927,928,931],{},"Use ",[672,910,911],{},"#leading",[672,913,914],{},"#trailing"," for text, icons, or buttons inside the field frame.\nThe slots receive ",[672,917,918],{},"{ disabled, size, buttonSize }","; ",[672,921,922],{},"buttonSize"," fits a Button\ninside the current field size. Give interactive controls an accessible label,\nuse ",[672,925,926],{},"type=\"button\"",", and pass ",[672,929,930],{},"disabled"," through to match the field state.",[798,933,934,935,937,938,940,941,814,944,947],{},"Custom content stays visible alongside the built-in clear button. It replaces the corresponding decorative ",[672,936,813],{}," or ",[672,939,817],{},".\nThe field reserves space for the rendered content, including suffixes whose\nwidth changes. Use ",[672,942,943],{},"ui.leading",[672,945,946],{},"ui.trailing"," to customize its wrappers.",[661,949],{"name":950},"input-password",[665,952,954],{"className":667,"code":953,"language":669,"meta":670,"style":670},"\u003Cscript setup lang=\"ts\">\nconst password = ref('')\nconst visible = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSInput v-model=\"password\" :type=\"visible ? 'text' : 'password'\" clearable aria-label=\"Password\">\n    \u003Ctemplate #trailing=\"{ disabled, buttonSize }\">\n      \u003CSButton\n        type=\"button\" :disabled=\"disabled\" :size=\"buttonSize\" variant=\"text\" color=\"neutral\" square\n        :icon=\"visible ? 'hugeicons:view-off-slash' : 'hugeicons:view'\"\n        :aria-label=\"visible ? 'Hide password' : 'Show password'\" :aria-pressed=\"visible\"\n        @click=\"visible = !visible\"\n      \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSInput>\n\u003C\u002Ftemplate>\n",[672,955,956,972,989,1007,1015,1019,1027,1081,1106,1115,1169,1192,1230,1254,1260,1269,1279],{"__ignoreMap":670},[675,957,958,960,962,964,966,968,970],{"class":677,"line":8},[675,959,681],{"class":680},[675,961,685],{"class":684},[675,963,689],{"class":688},[675,965,692],{"class":688},[675,967,695],{"class":680},[675,969,699],{"class":698},[675,971,702],{"class":680},[675,973,974,976,979,981,983,985,987],{"class":677,"line":705},[675,975,709],{"class":708},[675,977,978],{"class":712}," password",[675,980,716],{"class":708},[675,982,719],{"class":688},[675,984,722],{"class":680},[675,986,725],{"class":698},[675,988,728],{"class":680},[675,990,991,993,996,998,1000,1002,1005],{"class":677,"line":731},[675,992,709],{"class":708},[675,994,995],{"class":712}," visible",[675,997,716],{"class":708},[675,999,719],{"class":688},[675,1001,722],{"class":680},[675,1003,1004],{"class":712},"false",[675,1006,728],{"class":680},[675,1008,1009,1011,1013],{"class":677,"line":741},[675,1010,734],{"class":680},[675,1012,685],{"class":684},[675,1014,702],{"class":680},[675,1016,1017],{"class":677,"line":747},[675,1018,744],{"emptyLinePlaceholder":651},[675,1020,1021,1023,1025],{"class":677,"line":757},[675,1022,681],{"class":680},[675,1024,752],{"class":684},[675,1026,702],{"class":680},[675,1028,1029,1031,1033,1035,1037,1039,1042,1044,1047,1050,1052,1054,1057,1060,1063,1065,1068,1071,1074,1076,1079],{"class":677,"line":790},[675,1030,760],{"class":680},[675,1032,763],{"class":684},[675,1034,766],{"class":688},[675,1036,695],{"class":680},[675,1038,771],{"class":698},[675,1040,1041],{"class":680},"password",[675,1043,771],{"class":698},[675,1045,1046],{"class":680}," :",[675,1048,1049],{"class":688},"type",[675,1051,695],{"class":680},[675,1053,771],{"class":698},[675,1055,1056],{"class":680},"visible ",[675,1058,1059],{"class":708},"?",[675,1061,1062],{"class":698}," 'text'",[675,1064,1046],{"class":708},[675,1066,1067],{"class":698}," 'password'\"",[675,1069,1070],{"class":688}," clearable",[675,1072,1073],{"class":688}," aria-label",[675,1075,695],{"class":680},[675,1077,1078],{"class":698},"\"Password\"",[675,1080,702],{"class":680},[675,1082,1084,1087,1089,1092,1095,1097,1099,1102,1104],{"class":677,"line":1083},8,[675,1085,1086],{"class":680},"    \u003C",[675,1088,752],{"class":684},[675,1090,1091],{"class":680}," #",[675,1093,1094],{"class":688},"trailing",[675,1096,695],{"class":680},[675,1098,771],{"class":698},[675,1100,1101],{"class":680},"{ disabled, buttonSize }",[675,1103,771],{"class":698},[675,1105,702],{"class":680},[675,1107,1109,1112],{"class":677,"line":1108},9,[675,1110,1111],{"class":680},"      \u003C",[675,1113,1114],{"class":684},"SButton\n",[675,1116,1117,1120,1122,1125,1127,1129,1131,1133,1135,1137,1139,1142,1144,1146,1148,1150,1153,1155,1158,1161,1163,1166],{"class":677,"line":13},[675,1118,1119],{"class":688},"        type",[675,1121,695],{"class":680},[675,1123,1124],{"class":698},"\"button\"",[675,1126,1046],{"class":680},[675,1128,930],{"class":688},[675,1130,695],{"class":680},[675,1132,771],{"class":698},[675,1134,930],{"class":680},[675,1136,771],{"class":698},[675,1138,1046],{"class":680},[675,1140,1141],{"class":688},"size",[675,1143,695],{"class":680},[675,1145,771],{"class":698},[675,1147,922],{"class":680},[675,1149,771],{"class":698},[675,1151,1152],{"class":688}," variant",[675,1154,695],{"class":680},[675,1156,1157],{"class":698},"\"text\"",[675,1159,1160],{"class":688}," color",[675,1162,695],{"class":680},[675,1164,1165],{"class":698},"\"neutral\"",[675,1167,1168],{"class":688}," square\n",[675,1170,1171,1174,1176,1178,1180,1182,1184,1187,1189],{"class":677,"line":147},[675,1172,1173],{"class":680},"        :",[675,1175,813],{"class":688},[675,1177,695],{"class":680},[675,1179,771],{"class":698},[675,1181,1056],{"class":680},[675,1183,1059],{"class":708},[675,1185,1186],{"class":698}," 'hugeicons:view-off-slash'",[675,1188,1046],{"class":708},[675,1190,1191],{"class":698}," 'hugeicons:view'\"\n",[675,1193,1194,1196,1199,1201,1203,1205,1207,1210,1212,1215,1217,1220,1222,1224,1227],{"class":677,"line":166},[675,1195,1173],{"class":680},[675,1197,1198],{"class":688},"aria-label",[675,1200,695],{"class":680},[675,1202,771],{"class":698},[675,1204,1056],{"class":680},[675,1206,1059],{"class":708},[675,1208,1209],{"class":698}," 'Hide password'",[675,1211,1046],{"class":708},[675,1213,1214],{"class":698}," 'Show password'\"",[675,1216,1046],{"class":680},[675,1218,1219],{"class":688},"aria-pressed",[675,1221,695],{"class":680},[675,1223,771],{"class":698},[675,1225,1226],{"class":680},"visible",[675,1228,1229],{"class":698},"\"\n",[675,1231,1233,1236,1239,1241,1243,1245,1247,1250,1252],{"class":677,"line":1232},13,[675,1234,1235],{"class":680},"        @",[675,1237,1238],{"class":688},"click",[675,1240,695],{"class":680},[675,1242,771],{"class":698},[675,1244,1056],{"class":680},[675,1246,695],{"class":708},[675,1248,1249],{"class":708}," !",[675,1251,1226],{"class":680},[675,1253,1229],{"class":698},[675,1255,1257],{"class":677,"line":1256},14,[675,1258,1259],{"class":680},"      \u002F>\n",[675,1261,1262,1265,1267],{"class":677,"line":615},[675,1263,1264],{"class":680},"    \u003C\u002F",[675,1266,752],{"class":684},[675,1268,702],{"class":680},[675,1270,1272,1275,1277],{"class":677,"line":1271},16,[675,1273,1274],{"class":680},"  \u003C\u002F",[675,1276,763],{"class":684},[675,1278,702],{"class":680},[675,1280,1282,1284,1286],{"class":677,"line":1281},17,[675,1283,734],{"class":680},[675,1285,752],{"class":684},[675,1287,702],{"class":680},[798,1289,1290],{},"Text prefixes and suffixes use the same slots:",[661,1292],{"name":1293},"input-addons",[806,1295,1297],{"id":1296},"clear","Clear",[798,1299,1300,1303,1304,1306,1307,1311],{},[672,1301,1302],{},"clearable"," adds a button that empties the value, once there's something to\nclear - it takes over the trailing position from ",[672,1305,817],{}," while active,\nthe same way ",[820,1308,1310],{"href":1309},"\u002Fcomponents\u002Fforms\u002Fselect#clear","Select's"," does.",[661,1313],{"name":1314},"input-clear",[665,1316,1318],{"className":829,"code":1317,"language":831,"meta":670,"style":670},"\u003CSInput v-model=\"value\" clearable placeholder=\"Type something...\" \u002F>\n",[672,1319,1320],{"__ignoreMap":670},[675,1321,1322,1324,1326,1328,1330,1332,1334,1336,1338,1340,1342,1344],{"class":677,"line":8},[675,1323,681],{"class":680},[675,1325,763],{"class":684},[675,1327,766],{"class":688},[675,1329,695],{"class":680},[675,1331,771],{"class":698},[675,1333,774],{"class":680},[675,1335,771],{"class":698},[675,1337,1070],{"class":688},[675,1339,779],{"class":688},[675,1341,695],{"class":680},[675,1343,784],{"class":698},[675,1345,787],{"class":680},[806,1347,1349],{"id":1348},"sizes-and-states","Sizes and states",[798,1351,1352,1354,1355,1358,1359,1358,1362,1365,1366,1368,1369,1372],{},[672,1353,1141],{}," takes ",[672,1356,1357],{},"sm"," \u002F ",[672,1360,1361],{},"md",[672,1363,1364],{},"lg",", ",[672,1367,930],{}," prevents interaction and dims the\ninput, and ",[672,1370,1371],{},"invalid"," switches the ring to the danger role's focus color:",[661,1374],{"name":1375},"input-invalid",[665,1377,1379],{"className":829,"code":1378,"language":831,"meta":670,"style":670},"\u003CSInput v-model=\"email\" invalid placeholder=\"you@example.com\" \u002F>\n",[672,1380,1381],{"__ignoreMap":670},[675,1382,1383,1385,1387,1389,1391,1393,1396,1398,1401,1403,1405,1408],{"class":677,"line":8},[675,1384,681],{"class":680},[675,1386,763],{"class":684},[675,1388,766],{"class":688},[675,1390,695],{"class":680},[675,1392,771],{"class":698},[675,1394,1395],{"class":680},"email",[675,1397,771],{"class":698},[675,1399,1400],{"class":688}," invalid",[675,1402,779],{"class":688},[675,1404,695],{"class":680},[675,1406,1407],{"class":698},"\"you@example.com\"",[675,1409,787],{"class":680},[798,1411,1412,1413,1417],{},"See the ",[820,1414,1416],{"href":1415},"#props","Props"," table below.",[806,1419,1421],{"id":1420},"colors","Colors",[798,1423,1424,1427,1428,1431,1432,1434,1435,1437],{},[672,1425,1426],{},"color"," sets the focus-ring color - the resting (unfocused) ring stays\n",[672,1429,1430],{},"--selaras-resolved-border-default"," regardless, and ",[672,1433,1371],{}," always wins over a custom ",[672,1436,1426],{},":",[661,1439],{"name":1440},"input-colors",[665,1442,1444],{"className":829,"code":1443,"language":831,"meta":670,"style":670},"\u003CSInput v-model=\"primary\" color=\"primary\" placeholder=\"Primary\" \u002F>\n\u003CSInput v-model=\"success\" color=\"success\" placeholder=\"Success\" \u002F>\n\u003CSInput v-model=\"danger\" color=\"danger\" placeholder=\"Danger\" \u002F>\n",[672,1445,1446,1479,1512],{"__ignoreMap":670},[675,1447,1448,1450,1452,1454,1456,1458,1461,1463,1465,1467,1470,1472,1474,1477],{"class":677,"line":8},[675,1449,681],{"class":680},[675,1451,763],{"class":684},[675,1453,766],{"class":688},[675,1455,695],{"class":680},[675,1457,771],{"class":698},[675,1459,1460],{"class":680},"primary",[675,1462,771],{"class":698},[675,1464,1160],{"class":688},[675,1466,695],{"class":680},[675,1468,1469],{"class":698},"\"primary\"",[675,1471,779],{"class":688},[675,1473,695],{"class":680},[675,1475,1476],{"class":698},"\"Primary\"",[675,1478,787],{"class":680},[675,1480,1481,1483,1485,1487,1489,1491,1494,1496,1498,1500,1503,1505,1507,1510],{"class":677,"line":705},[675,1482,681],{"class":680},[675,1484,763],{"class":684},[675,1486,766],{"class":688},[675,1488,695],{"class":680},[675,1490,771],{"class":698},[675,1492,1493],{"class":680},"success",[675,1495,771],{"class":698},[675,1497,1160],{"class":688},[675,1499,695],{"class":680},[675,1501,1502],{"class":698},"\"success\"",[675,1504,779],{"class":688},[675,1506,695],{"class":680},[675,1508,1509],{"class":698},"\"Success\"",[675,1511,787],{"class":680},[675,1513,1514,1516,1518,1520,1522,1524,1527,1529,1531,1533,1536,1538,1540,1543],{"class":677,"line":731},[675,1515,681],{"class":680},[675,1517,763],{"class":684},[675,1519,766],{"class":688},[675,1521,695],{"class":680},[675,1523,771],{"class":698},[675,1525,1526],{"class":680},"danger",[675,1528,771],{"class":698},[675,1530,1160],{"class":688},[675,1532,695],{"class":680},[675,1534,1535],{"class":698},"\"danger\"",[675,1537,779],{"class":688},[675,1539,695],{"class":680},[675,1541,1542],{"class":698},"\"Danger\"",[675,1544,787],{"class":680},[806,1546,1548],{"id":1547},"masking","Masking",[798,1550,1551,1552,1556,1557,1560,1561,1564,1565,1568,1569,1572,1573,1437],{},"Use the ",[820,1553,1554],{"href":647},[672,1555,646],{}," directive to format the text as\nit's typed. ",[672,1558,1559],{},"v-model"," keeps the raw value, while the field shows the\nformatted one - typing ",[672,1562,1563],{},"5551234567"," below shows ",[672,1566,1567],{},"(555) 123-4567",", and\n",[672,1570,1571],{},"phone"," is ",[672,1574,1563],{},[661,1576],{"name":1577},"input-masked",[665,1579,1581],{"className":829,"code":1580,"language":831,"meta":670,"style":670},"\u003CSInput v-model=\"phone\" v-mask=\"'(###) ###-####'\" inputmode=\"tel\" \u002F>\n",[672,1582,1583],{"__ignoreMap":670},[675,1584,1585,1587,1589,1591,1593,1595,1597,1599,1602,1604,1607,1610,1612,1615],{"class":677,"line":8},[675,1586,681],{"class":680},[675,1588,763],{"class":684},[675,1590,766],{"class":688},[675,1592,695],{"class":680},[675,1594,771],{"class":698},[675,1596,1571],{"class":680},[675,1598,771],{"class":698},[675,1600,1601],{"class":688}," v-mask",[675,1603,695],{"class":680},[675,1605,1606],{"class":698},"\"'(###) ###-####'\"",[675,1608,1609],{"class":688}," inputmode",[675,1611,695],{"class":680},[675,1613,1614],{"class":698},"\"tel\"",[675,1616,787],{"class":680},[806,1618,1620],{"id":1619},"forms-integration","Forms integration",[798,1622,1623,1624,1626,1627,6,1630,6,1633,1635,1636,1639,1640,6,1643,1646,1647,814,1649,1651],{},"Wrap it in ",[820,1625,292],{"href":293}," to get ",[672,1628,1629],{},"id",[672,1631,1632],{},"name",[672,1634,1371],{},"\nand ",[672,1637,1638],{},"aria-describedby"," wired up automatically, plus a ",[672,1641,1642],{},"hint",[672,1644,1645],{},"error"," message\nunderneath - FormField is also where ",[672,1648,1141],{},[672,1650,1371],{}," fall back to when\nnot set directly on the input.",[806,1653,1655],{"id":1654},"accessibility","Accessibility",[798,1657,1658,1659,1662,1663,1666,1667,1669,1670,1672,1673,1675],{},"Input renders a plain native ",[672,1660,1661],{},"\u003Cinput>",", so browser and screen-reader support\nfor typing, selection, and autofill all come for free. ",[672,1664,1665],{},"aria-invalid"," and\n",[672,1668,1638],{}," are set automatically once ",[672,1671,1371],{}," is true or the input\nis wrapped in ",[820,1674,292],{"href":293}," - nothing to\nconfigure by hand for the common case.",[806,1677,1679,1680],{"id":1678},"custom-ui","Custom ",[672,1681,1682],{},":ui",[798,1684,1685,1686,1688],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[672,1687,208],{},"'s own theme file:",[1690,1691],"theme-source",{"name":1692},"input",[656,1694,1416],{"id":1695},"props",[1697,1698,1699,1715],"table",{},[1700,1701,1702],"thead",{},[1703,1704,1705,1709,1712],"tr",{},[1706,1707,1708],"th",{},"Prop",[1706,1710,1711],{},"Type",[1706,1713,1714],{},"Default",[1716,1717,1718,1733,1745,1759,1774,1787,1802,1817,1831,1846,1860,1872,1884],"tbody",{},[1703,1719,1720,1725,1730],{},[1721,1722,1723],"td",{},[672,1724,1629],{},[1721,1726,1727],{},[672,1728,1729],{},"string",[1721,1731,1732],{},"-",[1703,1734,1735,1739,1743],{},[1721,1736,1737],{},[672,1738,1632],{},[1721,1740,1741],{},[672,1742,1729],{},[1721,1744,1732],{},[1703,1746,1747,1752,1757],{},[1721,1748,1749],{},[672,1750,1751],{},"modelValue",[1721,1753,1754],{},[672,1755,1756],{},"string | number",[1721,1758,1732],{},[1703,1760,1761,1765,1769],{},[1721,1762,1763],{},[672,1764,1049],{},[1721,1766,1767],{},[672,1768,1729],{},[1721,1770,1771],{},[672,1772,1773],{},"text",[1703,1775,1776,1781,1785],{},[1721,1777,1778],{},[672,1779,1780],{},"placeholder",[1721,1782,1783],{},[672,1784,1729],{},[1721,1786,1732],{},[1703,1788,1789,1793,1798],{},[1721,1790,1791],{},[672,1792,1141],{},[1721,1794,1795],{},[672,1796,1797],{},"'sm' | 'md' | 'lg'",[1721,1799,1800],{},[672,1801,1361],{},[1703,1803,1804,1808,1813],{},[1721,1805,1806],{},[672,1807,930],{},[1721,1809,1810],{},[672,1811,1812],{},"boolean",[1721,1814,1815],{},[672,1816,1004],{},[1703,1818,1819,1823,1827],{},[1721,1820,1821],{},[672,1822,1371],{},[1721,1824,1825],{},[672,1826,1812],{},[1721,1828,1829],{},[672,1830,1004],{},[1703,1832,1833,1837,1842],{},[1721,1834,1835],{},[672,1836,1426],{},[1721,1838,1839],{},[672,1840,1841],{},"'primary' | 'neutral' | 'secondary' | 'success' | 'danger' | 'info' | 'warning'",[1721,1843,1844],{},[672,1845,1460],{},[1703,1847,1848,1852,1856],{},[1721,1849,1850],{},[672,1851,1302],{},[1721,1853,1854],{},[672,1855,1812],{},[1721,1857,1858],{},[672,1859,1004],{},[1703,1861,1862,1866,1870],{},[1721,1863,1864],{},[672,1865,813],{},[1721,1867,1868],{},[672,1869,1729],{},[1721,1871,1732],{},[1703,1873,1874,1878,1882],{},[1721,1875,1876],{},[672,1877,817],{},[1721,1879,1880],{},[672,1881,1729],{},[1721,1883,1732],{},[1703,1885,1886,1891,1896],{},[1721,1887,1888],{},[672,1889,1890],{},"ui",[1721,1892,1893],{},[672,1894,1895],{},"Partial\u003CRecord\u003C'root' | 'base' | 'leadingIcon' | 'trailingIcon' | 'leading' | 'trailing' | 'clear', string | object>>",[1721,1897,1732],{},[656,1899,1901],{"id":1900},"slots","Slots",[1697,1903,1904,1916],{},[1700,1905,1906],{},[1703,1907,1908,1911,1913],{},[1706,1909,1910],{},"Slot",[1706,1912,1416],{},[1706,1914,1915],{},"Description",[1716,1917,1918,1934,1949],{},[1703,1919,1920,1925,1929],{},[1721,1921,1922],{},[672,1923,1924],{},"leading",[1721,1926,1927],{},[672,1928,918],{},[1721,1930,1931,1932],{},"Custom content before the text; replaces ",[672,1933,813],{},[1703,1935,1936,1940,1944],{},[1721,1937,1938],{},[672,1939,1094],{},[1721,1941,1942],{},[672,1943,918],{},[1721,1945,1946,1947],{},"Custom content after the text, alongside the clear button; replaces ",[672,1948,817],{},[1703,1950,1951,1956,1958],{},[1721,1952,1953],{},[672,1954,1955],{},"clear-icon",[1721,1957,1732],{},[1721,1959,1960,1961,1964],{},"Replaces the clear button's icon (default: ",[672,1962,1963],{},"hugeicons:cancel-01",")",[1966,1967,1968],"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);}",{"title":670,"searchDepth":731,"depth":731,"links":1970},[1971,1983,1984],{"id":658,"depth":705,"text":659,"children":1972},[1973,1974,1975,1976,1977,1978,1979,1980,1981],{"id":808,"depth":731,"text":42},{"id":904,"depth":731,"text":905},{"id":1296,"depth":731,"text":1297},{"id":1348,"depth":731,"text":1349},{"id":1420,"depth":731,"text":1421},{"id":1547,"depth":731,"text":1548},{"id":1619,"depth":731,"text":1620},{"id":1654,"depth":731,"text":1655},{"id":1678,"depth":731,"text":1982},"Custom :ui",{"id":1695,"depth":705,"text":1416},{"id":1900,"depth":705,"text":1901},"A text input with optional leading and trailing icons.",{},{"title":208,"description":1985},"qG2C0lLqbtsZ_54RP_D58wZ0d6W1fapShc6EuOTBwtE",1792056125859]