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