[{"data":1,"prerenderedAt":2220},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fpin-input":320,"\u002Fcomponents\u002Fpin-input-surround":2215},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":205,"body":322,"description":2208,"extension":2209,"links":2210,"meta":2211,"navigation":2212,"path":206,"seo":2213,"stem":207,"__hash__":2214},"docs\u002F2.components\u002Fpin-input.md",{"type":323,"value":324,"toc":2182},"minimark",[325,333,340,345,362,369,372,378,625,629,634,645,711,715,721,797,801,807,891,895,903,1093,1097,1103,1164,1168,1182,1284,1288,1294,1351,1355,1365,1371,1375,1387,1391,1395,1438,1442,1799,1803,1846,1850,1893,1897,1932,1936,1978,1982,2069,2096,2100,2178],[326,327,328,332],"p",{},[329,330,331],"code",{},"PinInput"," renders a fixed-length text value as individual cells. It distributes typed or pasted characters, manages focus, supports OTP metadata and masking, and submits one string.",[326,334,335,336,339],{},"Use ",[337,338,149],"a",{"href":150}," for unrestricted text.",[341,342,344],"h2",{"id":343},"anatomy","Anatomy",[346,347,348],"ul",{},[349,350,351,357,358,361],"li",{},[352,353,354],"strong",{},[329,355,356],{},"#cell",": Replaces one generated cell. Bind ",[329,359,360],{},"inputProps"," to the focusable input so keyboard, paste, ARIA, and form behavior remain connected.",[326,363,364,365,368],{},"The component generates one input per character plus a visually hidden native form control. Style generated cells with ",[329,366,367],{},"ui.input",".",[341,370,23],{"id":371},"usage",[373,374,375],"component-preview",{},[376,377],"examples-pin-input-demo",{},[379,380,381],"component-code",{},[382,383,388],"pre",{"className":384,"code":385,"language":386,"meta":387,"style":387},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { PinInput } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst code = ref(\"\");\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CPinInput\n    v-model=\"code\"\n    :length=\"6\"\n    type=\"number\"\n    otp\n    aria-label=\"Verification code\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[329,389,390,425,456,478,485,510,520,525,535,544,559,574,589,595,610,616],{"__ignoreMap":387},[391,392,395,399,403,407,410,413,416,420,422],"span",{"class":393,"line":394},"line",1,[391,396,398],{"class":397},"sMK4o","\u003C",[391,400,402],{"class":401},"swJcz","script",[391,404,406],{"class":405},"spNyl"," setup",[391,408,409],{"class":405}," lang",[391,411,412],{"class":397},"=",[391,414,415],{"class":397},"\"",[391,417,419],{"class":418},"sfazB","ts",[391,421,415],{"class":397},[391,423,424],{"class":397},">\n",[391,426,428,432,435,439,442,445,448,451,453],{"class":393,"line":427},2,[391,429,431],{"class":430},"s7zQu","import",[391,433,434],{"class":397}," {",[391,436,438],{"class":437},"sTEyZ"," PinInput",[391,440,441],{"class":397}," }",[391,443,444],{"class":430}," from",[391,446,447],{"class":397}," \"",[391,449,450],{"class":418},"akaza-ui",[391,452,415],{"class":397},[391,454,455],{"class":397},";\n",[391,457,459,461,463,466,468,470,472,474,476],{"class":393,"line":458},3,[391,460,431],{"class":430},[391,462,434],{"class":397},[391,464,465],{"class":437}," ref",[391,467,441],{"class":397},[391,469,444],{"class":430},[391,471,447],{"class":397},[391,473,386],{"class":418},[391,475,415],{"class":397},[391,477,455],{"class":397},[391,479,481],{"class":393,"line":480},4,[391,482,484],{"emptyLinePlaceholder":483},true,"\n",[391,486,488,491,494,496,499,502,505,508],{"class":393,"line":487},5,[391,489,490],{"class":405},"const",[391,492,493],{"class":437}," code ",[391,495,412],{"class":397},[391,497,465],{"class":498},"s2Zo4",[391,500,501],{"class":437},"(",[391,503,504],{"class":397},"\"\"",[391,506,507],{"class":437},")",[391,509,455],{"class":397},[391,511,513,516,518],{"class":393,"line":512},6,[391,514,515],{"class":397},"\u003C\u002F",[391,517,402],{"class":401},[391,519,424],{"class":397},[391,521,523],{"class":393,"line":522},7,[391,524,484],{"emptyLinePlaceholder":483},[391,526,528,530,533],{"class":393,"line":527},8,[391,529,398],{"class":397},[391,531,532],{"class":401},"template",[391,534,424],{"class":397},[391,536,538,541],{"class":393,"line":537},9,[391,539,540],{"class":397},"  \u003C",[391,542,543],{"class":401},"PinInput\n",[391,545,547,550,552,554,556],{"class":393,"line":546},10,[391,548,549],{"class":405},"    v-model",[391,551,412],{"class":397},[391,553,415],{"class":397},[391,555,329],{"class":418},[391,557,558],{"class":397},"\"\n",[391,560,562,565,567,569,572],{"class":393,"line":561},11,[391,563,564],{"class":405},"    :length",[391,566,412],{"class":397},[391,568,415],{"class":397},[391,570,571],{"class":418},"6",[391,573,558],{"class":397},[391,575,577,580,582,584,587],{"class":393,"line":576},12,[391,578,579],{"class":405},"    type",[391,581,412],{"class":397},[391,583,415],{"class":397},[391,585,586],{"class":418},"number",[391,588,558],{"class":397},[391,590,592],{"class":393,"line":591},13,[391,593,594],{"class":405},"    otp\n",[391,596,598,601,603,605,608],{"class":393,"line":597},14,[391,599,600],{"class":405},"    aria-label",[391,602,412],{"class":397},[391,604,415],{"class":397},[391,606,607],{"class":418},"Verification code",[391,609,558],{"class":397},[391,611,613],{"class":393,"line":612},15,[391,614,615],{"class":397},"  \u002F>\n",[391,617,619,621,623],{"class":393,"line":618},16,[391,620,515],{"class":397},[391,622,532],{"class":401},[391,624,424],{"class":397},[341,626,628],{"id":627},"examples","Examples",[630,631,633],"h3",{"id":632},"paste-a-one-time-code","Paste a one-time code",[326,635,636,637,640,641,644],{},"Set ",[329,638,639],{},"otp"," on a numeric input. The first cell exposes ",[329,642,643],{},"autocomplete=\"one-time-code\"",", and pasting fills consecutive cells.",[382,646,648],{"className":384,"code":647,"language":386,"meta":387,"style":387},"\u003Ctemplate>\n  \u003CPinInput v-model=\"code\" :length=\"6\" type=\"number\" otp \u002F>\n\u003C\u002Ftemplate>\n",[329,649,650,658,703],{"__ignoreMap":387},[391,651,652,654,656],{"class":393,"line":394},[391,653,398],{"class":397},[391,655,532],{"class":401},[391,657,424],{"class":397},[391,659,660,662,664,667,669,671,673,675,678,680,682,684,686,689,691,693,695,697,700],{"class":393,"line":427},[391,661,540],{"class":397},[391,663,331],{"class":401},[391,665,666],{"class":405}," v-model",[391,668,412],{"class":397},[391,670,415],{"class":397},[391,672,329],{"class":418},[391,674,415],{"class":397},[391,676,677],{"class":405}," :length",[391,679,412],{"class":397},[391,681,415],{"class":397},[391,683,571],{"class":418},[391,685,415],{"class":397},[391,687,688],{"class":405}," type",[391,690,412],{"class":397},[391,692,415],{"class":397},[391,694,586],{"class":418},[391,696,415],{"class":397},[391,698,699],{"class":405}," otp",[391,701,702],{"class":397}," \u002F>\n",[391,704,705,707,709],{"class":393,"line":458},[391,706,515],{"class":397},[391,708,532],{"class":401},[391,710,424],{"class":397},[630,712,714],{"id":713},"mask-a-pin","Mask a PIN",[326,716,636,717,720],{},[329,718,719],{},"mask"," to render password cells while preserving the string model and submitted value.",[382,722,724],{"className":384,"code":723,"language":386,"meta":387,"style":387},"\u003Ctemplate>\n  \u003CPinInput v-model=\"pin\" :length=\"4\" type=\"number\" mask aria-label=\"Security PIN\" \u002F>\n\u003C\u002Ftemplate>\n",[329,725,726,734,789],{"__ignoreMap":387},[391,727,728,730,732],{"class":393,"line":394},[391,729,398],{"class":397},[391,731,532],{"class":401},[391,733,424],{"class":397},[391,735,736,738,740,742,744,746,749,751,753,755,757,760,762,764,766,768,770,772,775,778,780,782,785,787],{"class":393,"line":427},[391,737,540],{"class":397},[391,739,331],{"class":401},[391,741,666],{"class":405},[391,743,412],{"class":397},[391,745,415],{"class":397},[391,747,748],{"class":418},"pin",[391,750,415],{"class":397},[391,752,677],{"class":405},[391,754,412],{"class":397},[391,756,415],{"class":397},[391,758,759],{"class":418},"4",[391,761,415],{"class":397},[391,763,688],{"class":405},[391,765,412],{"class":397},[391,767,415],{"class":397},[391,769,586],{"class":418},[391,771,415],{"class":397},[391,773,774],{"class":405}," mask",[391,776,777],{"class":405}," aria-label",[391,779,412],{"class":397},[391,781,415],{"class":397},[391,783,784],{"class":418},"Security PIN",[391,786,415],{"class":397},[391,788,702],{"class":397},[391,790,791,793,795],{"class":393,"line":458},[391,792,515],{"class":397},[391,794,532],{"class":401},[391,796,424],{"class":397},[630,798,800],{"id":799},"restrict-characters","Restrict characters",[326,802,803,804,368],{},"Use a regular expression or function for application-specific token rules. Numeric mode is applied before ",[329,805,806],{},"allowedChars",[382,808,810],{"className":384,"code":809,"language":386,"meta":387,"style":387},"\u003Ctemplate>\n  \u003CPinInput\n    v-model=\"inviteCode\"\n    :length=\"8\"\n    :allowed-chars=\"\u002F^[A-Z0-9]$\u002F\"\n    aria-label=\"Invite code\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,811,812,820,826,839,852,866,879,883],{"__ignoreMap":387},[391,813,814,816,818],{"class":393,"line":394},[391,815,398],{"class":397},[391,817,532],{"class":401},[391,819,424],{"class":397},[391,821,822,824],{"class":393,"line":427},[391,823,540],{"class":397},[391,825,543],{"class":401},[391,827,828,830,832,834,837],{"class":393,"line":458},[391,829,549],{"class":405},[391,831,412],{"class":397},[391,833,415],{"class":397},[391,835,836],{"class":418},"inviteCode",[391,838,558],{"class":397},[391,840,841,843,845,847,850],{"class":393,"line":480},[391,842,564],{"class":405},[391,844,412],{"class":397},[391,846,415],{"class":397},[391,848,849],{"class":418},"8",[391,851,558],{"class":397},[391,853,854,857,859,861,864],{"class":393,"line":487},[391,855,856],{"class":405},"    :allowed-chars",[391,858,412],{"class":397},[391,860,415],{"class":397},[391,862,863],{"class":418},"\u002F^[A-Z0-9]$\u002F",[391,865,558],{"class":397},[391,867,868,870,872,874,877],{"class":393,"line":512},[391,869,600],{"class":405},[391,871,412],{"class":397},[391,873,415],{"class":397},[391,875,876],{"class":418},"Invite code",[391,878,558],{"class":397},[391,880,881],{"class":393,"line":522},[391,882,615],{"class":397},[391,884,885,887,889],{"class":393,"line":527},[391,886,515],{"class":397},[391,888,532],{"class":401},[391,890,424],{"class":397},[630,892,894],{"id":893},"custom-cells","Custom cells",[326,896,897,899,900,902],{},[329,898,356],{}," receives all required native attributes and handlers in ",[329,901,360],{},". Add classes or markup without recreating behavior.",[382,904,906],{"className":384,"code":905,"language":386,"meta":387,"style":387},"\u003Ctemplate>\n  \u003CPinInput v-model=\"code\" :length=\"6\">\n    \u003Ctemplate #cell=\"{ index, inputProps, isFilled }\">\n      \u003Clabel>\n        \u003Cspan class=\"sr-only\">Character {{ index + 1 }}\u003C\u002Fspan>\n        \u003Cinput v-bind=\"inputProps\" :class=\"{ filled: isFilled }\">\n      \u003C\u002Flabel>\n    \u003C\u002Ftemplate>\n  \u003C\u002FPinInput>\n\u003C\u002Ftemplate>\n",[329,907,908,916,944,985,995,1026,1058,1067,1076,1085],{"__ignoreMap":387},[391,909,910,912,914],{"class":393,"line":394},[391,911,398],{"class":397},[391,913,532],{"class":401},[391,915,424],{"class":397},[391,917,918,920,922,924,926,928,930,932,934,936,938,940,942],{"class":393,"line":427},[391,919,540],{"class":397},[391,921,331],{"class":401},[391,923,666],{"class":405},[391,925,412],{"class":397},[391,927,415],{"class":397},[391,929,329],{"class":418},[391,931,415],{"class":397},[391,933,677],{"class":405},[391,935,412],{"class":397},[391,937,415],{"class":397},[391,939,571],{"class":418},[391,941,415],{"class":397},[391,943,424],{"class":397},[391,945,946,949,951,954,957,959,961,964,967,970,973,975,978,981,983],{"class":393,"line":458},[391,947,948],{"class":397},"    \u003C",[391,950,532],{"class":401},[391,952,953],{"class":397}," #",[391,955,956],{"class":405},"cell",[391,958,412],{"class":397},[391,960,415],{"class":397},[391,962,963],{"class":397},"{",[391,965,966],{"class":437}," index",[391,968,969],{"class":397},",",[391,971,972],{"class":437}," inputProps",[391,974,969],{"class":397},[391,976,977],{"class":437}," isFilled ",[391,979,980],{"class":397},"}",[391,982,415],{"class":397},[391,984,424],{"class":397},[391,986,987,990,993],{"class":393,"line":480},[391,988,989],{"class":397},"      \u003C",[391,991,992],{"class":401},"label",[391,994,424],{"class":397},[391,996,997,1000,1002,1005,1007,1009,1012,1014,1017,1020,1022,1024],{"class":393,"line":487},[391,998,999],{"class":397},"        \u003C",[391,1001,391],{"class":401},[391,1003,1004],{"class":405}," class",[391,1006,412],{"class":397},[391,1008,415],{"class":397},[391,1010,1011],{"class":418},"sr-only",[391,1013,415],{"class":397},[391,1015,1016],{"class":397},">",[391,1018,1019],{"class":437},"Character {{ index + 1 }}",[391,1021,515],{"class":397},[391,1023,391],{"class":401},[391,1025,424],{"class":397},[391,1027,1028,1030,1033,1036,1038,1040,1042,1044,1047,1049,1051,1054,1056],{"class":393,"line":512},[391,1029,999],{"class":397},[391,1031,1032],{"class":401},"input",[391,1034,1035],{"class":405}," v-bind",[391,1037,412],{"class":397},[391,1039,415],{"class":397},[391,1041,360],{"class":418},[391,1043,415],{"class":397},[391,1045,1046],{"class":405}," :class",[391,1048,412],{"class":397},[391,1050,415],{"class":397},[391,1052,1053],{"class":418},"{ filled: isFilled }",[391,1055,415],{"class":397},[391,1057,424],{"class":397},[391,1059,1060,1063,1065],{"class":393,"line":522},[391,1061,1062],{"class":397},"      \u003C\u002F",[391,1064,992],{"class":401},[391,1066,424],{"class":397},[391,1068,1069,1072,1074],{"class":393,"line":527},[391,1070,1071],{"class":397},"    \u003C\u002F",[391,1073,532],{"class":401},[391,1075,424],{"class":397},[391,1077,1078,1081,1083],{"class":393,"line":537},[391,1079,1080],{"class":397},"  \u003C\u002F",[391,1082,331],{"class":401},[391,1084,424],{"class":397},[391,1086,1087,1089,1091],{"class":393,"line":546},[391,1088,515],{"class":397},[391,1090,532],{"class":401},[391,1092,424],{"class":397},[630,1094,1096],{"id":1095},"completion","Completion",[326,1098,1099,1102],{},[329,1100,1101],{},"complete"," fires after an accepted change fills every cell. It also provides cancelable details for a consistent event shape; cancellation does not roll back the already accepted value.",[382,1104,1106],{"className":384,"code":1105,"language":386,"meta":387,"style":387},"\u003Ctemplate>\n  \u003CPinInput v-model=\"code\" :length=\"6\" @complete=\"verifyCode\" \u002F>\n\u003C\u002Ftemplate>\n",[329,1107,1108,1116,1156],{"__ignoreMap":387},[391,1109,1110,1112,1114],{"class":393,"line":394},[391,1111,398],{"class":397},[391,1113,532],{"class":401},[391,1115,424],{"class":397},[391,1117,1118,1120,1122,1124,1126,1128,1130,1132,1134,1136,1138,1140,1142,1145,1147,1149,1152,1154],{"class":393,"line":427},[391,1119,540],{"class":397},[391,1121,331],{"class":401},[391,1123,666],{"class":405},[391,1125,412],{"class":397},[391,1127,415],{"class":397},[391,1129,329],{"class":418},[391,1131,415],{"class":397},[391,1133,677],{"class":405},[391,1135,412],{"class":397},[391,1137,415],{"class":397},[391,1139,571],{"class":418},[391,1141,415],{"class":397},[391,1143,1144],{"class":405}," @complete",[391,1146,412],{"class":397},[391,1148,415],{"class":397},[391,1150,1151],{"class":418},"verifyCode",[391,1153,415],{"class":397},[391,1155,702],{"class":397},[391,1157,1158,1160,1162],{"class":393,"line":458},[391,1159,515],{"class":397},[391,1161,532],{"class":401},[391,1163,424],{"class":397},[630,1165,1167],{"id":1166},"field-integration","Field integration",[326,1169,1170,1171,1173,1174,1177,1178,1181],{},"Inside ",[337,1172,129],{"href":130},", PinInput inherits ",[329,1175,1176],{},"id",", ",[329,1179,1180],{},"name",", required\u002Fdisabled\u002Finvalid state, and description\u002Ferror IDs. Incomplete required state appears after blur or an invalid submit.",[382,1183,1185],{"className":384,"code":1184,"language":386,"meta":387,"style":387},"\u003Ctemplate>\n  \u003CField label=\"Verification code\" name=\"code\" required>\n    \u003CPinInput v-model=\"code\" :length=\"6\" type=\"number\" otp \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[329,1186,1187,1195,1228,1268,1276],{"__ignoreMap":387},[391,1188,1189,1191,1193],{"class":393,"line":394},[391,1190,398],{"class":397},[391,1192,532],{"class":401},[391,1194,424],{"class":397},[391,1196,1197,1199,1201,1204,1206,1208,1210,1212,1215,1217,1219,1221,1223,1226],{"class":393,"line":427},[391,1198,540],{"class":397},[391,1200,129],{"class":401},[391,1202,1203],{"class":405}," label",[391,1205,412],{"class":397},[391,1207,415],{"class":397},[391,1209,607],{"class":418},[391,1211,415],{"class":397},[391,1213,1214],{"class":405}," name",[391,1216,412],{"class":397},[391,1218,415],{"class":397},[391,1220,329],{"class":418},[391,1222,415],{"class":397},[391,1224,1225],{"class":405}," required",[391,1227,424],{"class":397},[391,1229,1230,1232,1234,1236,1238,1240,1242,1244,1246,1248,1250,1252,1254,1256,1258,1260,1262,1264,1266],{"class":393,"line":458},[391,1231,948],{"class":397},[391,1233,331],{"class":401},[391,1235,666],{"class":405},[391,1237,412],{"class":397},[391,1239,415],{"class":397},[391,1241,329],{"class":418},[391,1243,415],{"class":397},[391,1245,677],{"class":405},[391,1247,412],{"class":397},[391,1249,415],{"class":397},[391,1251,571],{"class":418},[391,1253,415],{"class":397},[391,1255,688],{"class":405},[391,1257,412],{"class":397},[391,1259,415],{"class":397},[391,1261,586],{"class":418},[391,1263,415],{"class":397},[391,1265,699],{"class":405},[391,1267,702],{"class":397},[391,1269,1270,1272,1274],{"class":393,"line":480},[391,1271,1080],{"class":397},[391,1273,129],{"class":401},[391,1275,424],{"class":397},[391,1277,1278,1280,1282],{"class":393,"line":487},[391,1279,515],{"class":397},[391,1281,532],{"class":401},[391,1283,424],{"class":397},[630,1285,1287],{"id":1286},"cancel-a-value","Cancel a value",[326,1289,1290,1293],{},[329,1291,1292],{},"value-change"," fires before the model updates. This can reject a specific sequence without manually restoring the model.",[382,1295,1297],{"className":384,"code":1296,"language":386,"meta":387,"style":387},"\u003Ctemplate>\n  \u003CPinInput\n    v-model=\"code\"\n    @value-change=\"(value, details) => value.startsWith('0') && details.cancel()\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,1298,1299,1307,1313,1325,1339,1343],{"__ignoreMap":387},[391,1300,1301,1303,1305],{"class":393,"line":394},[391,1302,398],{"class":397},[391,1304,532],{"class":401},[391,1306,424],{"class":397},[391,1308,1309,1311],{"class":393,"line":427},[391,1310,540],{"class":397},[391,1312,543],{"class":401},[391,1314,1315,1317,1319,1321,1323],{"class":393,"line":458},[391,1316,549],{"class":405},[391,1318,412],{"class":397},[391,1320,415],{"class":397},[391,1322,329],{"class":418},[391,1324,558],{"class":397},[391,1326,1327,1330,1332,1334,1337],{"class":393,"line":480},[391,1328,1329],{"class":405},"    @value-change",[391,1331,412],{"class":397},[391,1333,415],{"class":397},[391,1335,1336],{"class":418},"(value, details) => value.startsWith('0') && details.cancel()",[391,1338,558],{"class":397},[391,1340,1341],{"class":393,"line":487},[391,1342,615],{"class":397},[391,1344,1345,1347,1349],{"class":393,"line":512},[391,1346,515],{"class":397},[391,1348,532],{"class":401},[391,1350,424],{"class":397},[341,1352,1354],{"id":1353},"partial-positions","Partial positions",[326,1356,1357,1358,1361,1362,1364],{},"Empty positions are preserved in the internal cell draft. Editing or deleting a middle cell never shifts later characters to the left. ",[329,1359,1360],{},"v-model"," remains a compact string containing entered characters in position order; it does not encode gaps. A different external model value replaces the cell draft from the first position. ",[329,1363,1101],{}," is emitted only when every cell is filled.",[326,1366,1367,1368,1370],{},"Use the ",[329,1369,356],{}," slot's positional values for partial-entry UI, not indexes into the compact model string.",[630,1372,1374],{"id":1373},"native-form-reset","Native Form Reset",[326,1376,1377,1378,1381,1382,1384,1385,368],{},"A native form reset restores the initial model and clears interaction state. Calling ",[329,1379,1380],{},"preventDefault()"," on the reset event preserves the current value. Reset updates ",[329,1383,1360],{}," without emitting ",[329,1386,1292],{},[341,1388,1390],{"id":1389},"api-reference","API Reference",[630,1392,1394],{"id":1393},"model","Model",[1396,1397,1398,1416],"table",{},[1399,1400,1401],"thead",{},[1402,1403,1404,1407,1410,1413],"tr",{},[1405,1406,1394],"th",{},[1405,1408,1409],{},"Type",[1405,1411,1412],{},"Default",[1405,1414,1415],{},"Description",[1417,1418,1419],"tbody",{},[1402,1420,1421,1426,1431,1435],{},[1422,1423,1424],"td",{},[329,1425,1360],{},[1422,1427,1428],{},[329,1429,1430],{},"string",[1422,1432,1433],{},[329,1434,504],{},[1422,1436,1437],{},"Canonical value across every cell.",[630,1439,1441],{"id":1440},"props","Props",[1396,1443,1444,1457],{},[1399,1445,1446],{},[1402,1447,1448,1451,1453,1455],{},[1405,1449,1450],{},"Prop",[1405,1452,1409],{},[1405,1454,1412],{},[1405,1456,1415],{},[1417,1458,1459,1477,1497,1516,1533,1551,1568,1587,1605,1621,1637,1655,1673,1691,1709,1729,1748,1765,1782],{},[1402,1460,1461,1466,1470,1474],{},[1422,1462,1463],{},[329,1464,1465],{},"length",[1422,1467,1468],{},[329,1469,586],{},[1422,1471,1472],{},[329,1473,759],{},[1422,1475,1476],{},"Number of cells; clamped to at least one.",[1402,1478,1479,1484,1489,1494],{},[1422,1480,1481],{},[329,1482,1483],{},"type",[1422,1485,1486],{},[329,1487,1488],{},"\"text\" | \"number\"",[1422,1490,1491],{},[329,1492,1493],{},"\"text\"",[1422,1495,1496],{},"Character mode and input metadata.",[1402,1498,1499,1503,1508,1513],{},[1422,1500,1501],{},[329,1502,719],{},[1422,1504,1505],{},[329,1506,1507],{},"boolean",[1422,1509,1510],{},[329,1511,1512],{},"false",[1422,1514,1515],{},"Renders password cells.",[1402,1517,1518,1522,1526,1530],{},[1422,1519,1520],{},[329,1521,639],{},[1422,1523,1524],{},[329,1525,1507],{},[1422,1527,1528],{},[329,1529,1512],{},[1422,1531,1532],{},"Enables one-time-code autocomplete on the first cell.",[1402,1534,1535,1540,1544,1548],{},[1422,1536,1537],{},[329,1538,1539],{},"placeholder",[1422,1541,1542],{},[329,1543,1430],{},[1422,1545,1546],{},[329,1547,504],{},[1422,1549,1550],{},"Placeholder applied to every cell.",[1402,1552,1553,1557,1562,1565],{},[1422,1554,1555],{},[329,1556,806],{},[1422,1558,1559],{},[329,1560,1561],{},"RegExp | (character) => boolean",[1422,1563,1564],{},"non-whitespace",[1422,1566,1567],{},"Additional character filter.",[1402,1569,1570,1575,1579,1584],{},[1422,1571,1572],{},[329,1573,1574],{},"selectOnFocus",[1422,1576,1577],{},[329,1578,1507],{},[1422,1580,1581],{},[329,1582,1583],{},"true",[1422,1585,1586],{},"Selects a cell value when focused.",[1402,1588,1589,1594,1598,1602],{},[1422,1590,1591],{},[329,1592,1593],{},"autoFocus",[1422,1595,1596],{},[329,1597,1507],{},[1422,1599,1600],{},[329,1601,1512],{},[1422,1603,1604],{},"Focuses the first cell after mount.",[1402,1606,1607,1611,1615,1618],{},[1422,1608,1609],{},[329,1610,1176],{},[1422,1612,1613],{},[329,1614,1430],{},[1422,1616,1617],{},"field\u002Fgenerated id",[1422,1619,1620],{},"First cell id. Later cells receive numbered suffixes.",[1402,1622,1623,1627,1631,1634],{},[1422,1624,1625],{},[329,1626,1180],{},[1422,1628,1629],{},[329,1630,1430],{},[1422,1632,1633],{},"field name",[1422,1635,1636],{},"Native form field name.",[1402,1638,1639,1644,1648,1652],{},[1422,1640,1641],{},[329,1642,1643],{},"required",[1422,1645,1646],{},[329,1647,1507],{},[1422,1649,1650],{},[329,1651,1512],{},[1422,1653,1654],{},"Requires all cells to be filled.",[1402,1656,1657,1662,1666,1670],{},[1422,1658,1659],{},[329,1660,1661],{},"disabled",[1422,1663,1664],{},[329,1665,1507],{},[1422,1667,1668],{},[329,1669,1512],{},[1422,1671,1672],{},"Disables every cell and form submission.",[1402,1674,1675,1680,1684,1688],{},[1422,1676,1677],{},[329,1678,1679],{},"readOnly",[1422,1681,1682],{},[329,1683,1507],{},[1422,1685,1686],{},[329,1687,1512],{},[1422,1689,1690],{},"Prevents value changes while retaining focus.",[1402,1692,1693,1698,1702,1706],{},[1422,1694,1695],{},[329,1696,1697],{},"invalid",[1422,1699,1700],{},[329,1701,1507],{},[1422,1703,1704],{},[329,1705,1512],{},[1422,1707,1708],{},"Forces invalid styling and ARIA state.",[1402,1710,1711,1716,1721,1726],{},[1422,1712,1713],{},[329,1714,1715],{},"dir",[1422,1717,1718],{},[329,1719,1720],{},"\"ltr\" | \"rtl\"",[1422,1722,1723],{},[329,1724,1725],{},"\"ltr\"",[1422,1727,1728],{},"Cell direction and Arrow-key behavior.",[1402,1730,1731,1736,1740,1745],{},[1422,1732,1733],{},[329,1734,1735],{},"ariaLabel",[1422,1737,1738],{},[329,1739,1430],{},[1422,1741,1742],{},[329,1743,1744],{},"\"Pin input\"",[1422,1746,1747],{},"Group label and per-cell label prefix.",[1402,1749,1750,1755,1759,1762],{},[1422,1751,1752],{},[329,1753,1754],{},"ariaLabelledby",[1422,1756,1757],{},[329,1758,1430],{},[1422,1760,1761],{},"-",[1422,1763,1764],{},"Accessible label element id.",[1402,1766,1767,1772,1776,1779],{},[1422,1768,1769],{},[329,1770,1771],{},"ariaDescribedby",[1422,1773,1774],{},[329,1775,1430],{},[1422,1777,1778],{},"field IDs",[1422,1780,1781],{},"Accessible description\u002Ferror ids.",[1402,1783,1784,1789,1794,1796],{},[1422,1785,1786],{},[329,1787,1788],{},"ui",[1422,1790,1791],{},[329,1792,1793],{},"PinInputUi",[1422,1795,1761],{},[1422,1797,1798],{},"Classes for structural parts.",[630,1800,1802],{"id":1801},"emits","Emits",[1396,1804,1805,1817],{},[1399,1806,1807],{},[1402,1808,1809,1812,1815],{},[1405,1810,1811],{},"Event",[1405,1813,1814],{},"Payload",[1405,1816,1415],{},[1417,1818,1819,1833],{},[1402,1820,1821,1825,1830],{},[1422,1822,1823],{},[329,1824,1292],{},[1422,1826,1827],{},[329,1828,1829],{},"(value, details)",[1422,1831,1832],{},"Fires before the canonical value updates. Cancelable.",[1402,1834,1835,1839,1843],{},[1422,1836,1837],{},[329,1838,1101],{},[1422,1840,1841],{},[329,1842,1829],{},[1422,1844,1845],{},"Fires after every cell becomes filled.",[630,1847,1849],{"id":1848},"slots","Slots",[1396,1851,1852,1863],{},[1399,1853,1854],{},[1402,1855,1856,1859,1861],{},[1405,1857,1858],{},"Slot",[1405,1860,1441],{},[1405,1862,1415],{},[1417,1864,1865],{},[1402,1866,1867,1871,1887],{},[1422,1868,1869],{},[329,1870,956],{},[1422,1872,1873,1177,1876,1177,1879,1177,1882,1177,1885],{},[329,1874,1875],{},"index",[329,1877,1878],{},"value",[329,1880,1881],{},"isFilled",[329,1883,1884],{},"isActive",[329,1886,360],{},[1422,1888,1889,1890,1892],{},"Custom cell. Bind ",[329,1891,360],{}," to an input.",[630,1894,1896],{"id":1895},"exposed-methods","Exposed Methods",[1396,1898,1899,1908],{},[1399,1900,1901],{},[1402,1902,1903,1906],{},[1405,1904,1905],{},"Method",[1405,1907,1415],{},[1417,1909,1910,1920],{},[1402,1911,1912,1917],{},[1422,1913,1914],{},[329,1915,1916],{},"focus()",[1422,1918,1919],{},"Focuses the first cell.",[1402,1921,1922,1927],{},[1422,1923,1924],{},[329,1925,1926],{},"clear(event?)",[1422,1928,1929,1930,368],{},"Clears every cell through ",[329,1931,1292],{},[630,1933,1935],{"id":1934},"ui-options","UI Options",[1396,1937,1938,1947],{},[1399,1939,1940],{},[1402,1941,1942,1945],{},[1405,1943,1944],{},"Key",[1405,1946,1415],{},[1417,1948,1949,1959,1969],{},[1402,1950,1951,1956],{},[1422,1952,1953],{},[329,1954,1955],{},"root",[1422,1957,1958],{},"Group wrapper.",[1402,1960,1961,1966],{},[1422,1962,1963],{},[329,1964,1965],{},"hiddenInput",[1422,1967,1968],{},"Native form\u002Fvalidity input.",[1402,1970,1971,1975],{},[1422,1972,1973],{},[329,1974,1032],{},[1422,1976,1977],{},"Every generated cell input.",[630,1979,1981],{"id":1980},"styling-hooks","Styling Hooks",[1396,1983,1984,1997],{},[1399,1985,1986],{},[1402,1987,1988,1991,1994],{},[1405,1989,1990],{},"UI key",[1405,1992,1993],{},"CSS class",[1405,1995,1996],{},"Data attrs",[1417,1998,1999,2030,2044],{},[1402,2000,2001,2005,2010],{},[1422,2002,2003],{},[329,2004,1955],{},[1422,2006,2007],{},[329,2008,2009],{},"akaza-pin-input",[1422,2011,2012,1177,2015,1177,2018,1177,2021,1177,2024,1177,2027],{},[329,2013,2014],{},"data-akaza-state",[329,2016,2017],{},"data-akaza-disabled",[329,2019,2020],{},"data-akaza-readonly",[329,2022,2023],{},"data-akaza-invalid",[329,2025,2026],{},"data-akaza-focused",[329,2028,2029],{},"data-akaza-filled",[1402,2031,2032,2036,2041],{},[1422,2033,2034],{},[329,2035,1965],{},[1422,2037,2038],{},[329,2039,2040],{},"akaza-pin-input-hidden-input",[1422,2042,2043],{},"native validity attrs",[1402,2045,2046,2050,2055],{},[1422,2047,2048],{},[329,2049,1032],{},[1422,2051,2052],{},[329,2053,2054],{},"akaza-pin-input-input",[1422,2056,2057,1177,2059,1177,2062,1177,2065,1177,2067],{},[329,2058,2014],{},[329,2060,2061],{},"data-akaza-index",[329,2063,2064],{},"data-akaza-active",[329,2066,2017],{},[329,2068,2023],{},[326,2070,2071,2072,2074,2075,2078,2079,2081,2082,2078,2085,2088,2089,2092,2093,2095],{},"Root ",[329,2073,2014],{}," is ",[329,2076,2077],{},"incomplete"," or ",[329,2080,1101],{},"; cell state is ",[329,2083,2084],{},"empty",[329,2086,2087],{},"filled",". Plain ",[329,2090,2091],{},"class"," applies to the root group. Use ",[329,2094,367],{}," for every generated cell.",[630,2097,2099],{"id":2098},"keyboard","Keyboard",[1396,2101,2102,2111],{},[1399,2103,2104],{},[1402,2105,2106,2108],{},[1405,2107,1944],{},[1405,2109,2110],{},"Behavior",[1417,2112,2113,2121,2129,2145,2158,2168],{},[1402,2114,2115,2118],{},[1422,2116,2117],{},"text input",[1422,2119,2120],{},"Accepts valid characters and advances focus. Multiple characters distribute forward.",[1402,2122,2123,2126],{},[1422,2124,2125],{},"paste",[1422,2127,2128],{},"Distributes valid characters from the current cell.",[1402,2130,2131,2140],{},[1422,2132,2133,2136,2137],{},[329,2134,2135],{},"ArrowLeft"," \u002F ",[329,2138,2139],{},"ArrowRight",[1422,2141,2142,2143,368],{},"Move between cells, respecting ",[329,2144,1715],{},[1402,2146,2147,2155],{},[1422,2148,2149,2136,2152],{},[329,2150,2151],{},"Home",[329,2153,2154],{},"End",[1422,2156,2157],{},"Focus first\u002Flast cell.",[1402,2159,2160,2165],{},[1422,2161,2162],{},[329,2163,2164],{},"Backspace",[1422,2166,2167],{},"Clears current cell, or previous cell when current is empty.",[1402,2169,2170,2175],{},[1422,2171,2172],{},[329,2173,2174],{},"Delete",[1422,2176,2177],{},"Clears current cell.",[2179,2180,2181],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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":387,"searchDepth":394,"depth":427,"links":2183},[2184,2185,2186,2195,2198],{"id":343,"depth":427,"text":344},{"id":371,"depth":427,"text":23},{"id":627,"depth":427,"text":628,"children":2187},[2188,2189,2190,2191,2192,2193,2194],{"id":632,"depth":458,"text":633},{"id":713,"depth":458,"text":714},{"id":799,"depth":458,"text":800},{"id":893,"depth":458,"text":894},{"id":1095,"depth":458,"text":1096},{"id":1166,"depth":458,"text":1167},{"id":1286,"depth":458,"text":1287},{"id":1353,"depth":427,"text":1354,"children":2196},[2197],{"id":1373,"depth":458,"text":1374},{"id":1389,"depth":427,"text":1390,"children":2199},[2200,2201,2202,2203,2204,2205,2206,2207],{"id":1393,"depth":458,"text":1394},{"id":1440,"depth":458,"text":1441},{"id":1801,"depth":458,"text":1802},{"id":1848,"depth":458,"text":1849},{"id":1895,"depth":458,"text":1896},{"id":1934,"depth":458,"text":1935},{"id":1980,"depth":458,"text":1981},{"id":2098,"depth":458,"text":2099},"Multi-cell input for verification codes, PINs, and fixed-length tokens.","md",null,{},{"icon":208},{"title":205,"description":2208},"SzlUE1xKMK8rmgoKw3SOPTdHDXcG-jZvQtAgtWEowIM",[2216,2218],{"title":200,"path":201,"stem":202,"description":2217,"icon":203,"children":-1},"Accessible page navigation with ranges, ellipses, boundary controls, and optional links.",{"title":210,"path":211,"stem":212,"description":2219,"icon":213,"children":-1},"A floating panel anchored to a trigger element.",1789932256082]