[{"data":1,"prerenderedAt":1932},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fpin-input":460,"\u002Fcomponents\u002Fpin-input-surround":1927},[4,34,51,301,327,332,337,406],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":194,"body":462,"description":1912,"extension":1913,"links":1914,"meta":1923,"navigation":1924,"package":63,"path":195,"seo":1925,"stem":196,"__hash__":1926},"docs\u002F3.components\u002Fpin-input.md",{"type":463,"value":464,"toc":1896},"minimark",[465,470,481,486,490,707,718,723,730,901,905,912,992,998,1002,1182,1186,1230,1236,1240,1554,1580,1605,1609,1654,1657,1661,1670,1674,1683,1717,1720,1733,1767,1776,1779,1782,1788,1794,1797,1801,1862,1866,1892],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477,478,480],"p",{},[474,475,476],"code",{},"VyPinInput"," renders a fixed number of single-character fields for PINs and verification codes. It wraps the ",[474,479,41],{}," pin-input primitives with a flat string model, semantic colors, surface variants, sizes, masking, and completion events.",[482,483],"component-code",{"height":484,"name":485},"160px","pin-input-example",[466,487,489],{"id":488},"usage","Usage",[491,492,497],"pre",{"className":493,"code":494,"language":495,"meta":496,"style":496},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyPinInput } from '@vyui\u002Fkit\u002Fpin-input'\nimport { ref } from 'vue'\n\nconst code = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyPinInput\n    v-model=\"code\"\n    :length=\"6\"\n    @complete=\"value => console.log('Complete:', value)\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[474,498,499,534,563,583,590,613,623,628,638,647,662,677,692,698],{"__ignoreMap":496},[500,501,504,508,512,516,519,522,525,529,531],"span",{"class":502,"line":503},"line",1,[500,505,507],{"class":506},"sMK4o","\u003C",[500,509,511],{"class":510},"swJcz","script",[500,513,515],{"class":514},"spNyl"," setup",[500,517,518],{"class":514}," lang",[500,520,521],{"class":506},"=",[500,523,524],{"class":506},"\"",[500,526,528],{"class":527},"sfazB","ts",[500,530,524],{"class":506},[500,532,533],{"class":506},">\n",[500,535,537,541,544,548,551,554,557,560],{"class":502,"line":536},2,[500,538,540],{"class":539},"s7zQu","import",[500,542,543],{"class":506}," {",[500,545,547],{"class":546},"sTEyZ"," VyPinInput",[500,549,550],{"class":506}," }",[500,552,553],{"class":539}," from",[500,555,556],{"class":506}," '",[500,558,559],{"class":527},"@vyui\u002Fkit\u002Fpin-input",[500,561,562],{"class":506},"'\n",[500,564,566,568,570,573,575,577,579,581],{"class":502,"line":565},3,[500,567,540],{"class":539},[500,569,543],{"class":506},[500,571,572],{"class":546}," ref",[500,574,550],{"class":506},[500,576,553],{"class":539},[500,578,556],{"class":506},[500,580,495],{"class":527},[500,582,562],{"class":506},[500,584,586],{"class":502,"line":585},4,[500,587,589],{"emptyLinePlaceholder":588},true,"\n",[500,591,593,596,599,601,604,607,610],{"class":502,"line":592},5,[500,594,595],{"class":514},"const",[500,597,598],{"class":546}," code ",[500,600,521],{"class":506},[500,602,572],{"class":603},"s2Zo4",[500,605,606],{"class":546},"(",[500,608,609],{"class":506},"''",[500,611,612],{"class":546},")\n",[500,614,616,619,621],{"class":502,"line":615},6,[500,617,618],{"class":506},"\u003C\u002F",[500,620,511],{"class":510},[500,622,533],{"class":506},[500,624,626],{"class":502,"line":625},7,[500,627,589],{"emptyLinePlaceholder":588},[500,629,631,633,636],{"class":502,"line":630},8,[500,632,507],{"class":506},[500,634,635],{"class":510},"template",[500,637,533],{"class":506},[500,639,641,644],{"class":502,"line":640},9,[500,642,643],{"class":506},"  \u003C",[500,645,646],{"class":510},"VyPinInput\n",[500,648,650,653,655,657,659],{"class":502,"line":649},10,[500,651,652],{"class":514},"    v-model",[500,654,521],{"class":506},[500,656,524],{"class":506},[500,658,474],{"class":527},[500,660,661],{"class":506},"\"\n",[500,663,665,668,670,672,675],{"class":502,"line":664},11,[500,666,667],{"class":514},"    :length",[500,669,521],{"class":506},[500,671,524],{"class":506},[500,673,674],{"class":527},"6",[500,676,661],{"class":506},[500,678,680,683,685,687,690],{"class":502,"line":679},12,[500,681,682],{"class":514},"    @complete",[500,684,521],{"class":506},[500,686,524],{"class":506},[500,688,689],{"class":527},"value => console.log('Complete:', value)",[500,691,661],{"class":506},[500,693,695],{"class":502,"line":694},13,[500,696,697],{"class":506},"  \u002F>\n",[500,699,701,703,705],{"class":502,"line":700},14,[500,702,618],{"class":506},[500,704,635],{"class":510},[500,706,533],{"class":506},[471,708,709,710,713,714,717],{},"The kit model is a flat string such as ",[474,711,712],{},"\"123456\"",". Internally, the core control stores one character per field as a ",[474,715,716],{},"string[]",".",[719,720,722],"h3",{"id":721},"alphanumeric-codes","Alphanumeric codes",[471,724,725,726,729],{},"Numeric mode is the default and removes non-digit input. Use ",[474,727,728],{},"type=\"alphanumeric\""," for letters, digits, or other text characters.",[491,731,733],{"className":493,"code":732,"language":495,"meta":496,"style":496},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst recoveryCode = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyPinInput\n    v-model=\"recoveryCode\"\n    type=\"alphanumeric\"\n    :length=\"8\"\n    placeholder=\"·\"\n    color=\"info\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[474,734,735,755,773,777,794,802,806,814,820,833,847,860,874,888,892],{"__ignoreMap":496},[500,736,737,739,741,743,745,747,749,751,753],{"class":502,"line":503},[500,738,507],{"class":506},[500,740,511],{"class":510},[500,742,515],{"class":514},[500,744,518],{"class":514},[500,746,521],{"class":506},[500,748,524],{"class":506},[500,750,528],{"class":527},[500,752,524],{"class":506},[500,754,533],{"class":506},[500,756,757,759,761,763,765,767,769,771],{"class":502,"line":536},[500,758,540],{"class":539},[500,760,543],{"class":506},[500,762,572],{"class":546},[500,764,550],{"class":506},[500,766,553],{"class":539},[500,768,556],{"class":506},[500,770,495],{"class":527},[500,772,562],{"class":506},[500,774,775],{"class":502,"line":565},[500,776,589],{"emptyLinePlaceholder":588},[500,778,779,781,784,786,788,790,792],{"class":502,"line":585},[500,780,595],{"class":514},[500,782,783],{"class":546}," recoveryCode ",[500,785,521],{"class":506},[500,787,572],{"class":603},[500,789,606],{"class":546},[500,791,609],{"class":506},[500,793,612],{"class":546},[500,795,796,798,800],{"class":502,"line":592},[500,797,618],{"class":506},[500,799,511],{"class":510},[500,801,533],{"class":506},[500,803,804],{"class":502,"line":615},[500,805,589],{"emptyLinePlaceholder":588},[500,807,808,810,812],{"class":502,"line":625},[500,809,507],{"class":506},[500,811,635],{"class":510},[500,813,533],{"class":506},[500,815,816,818],{"class":502,"line":630},[500,817,643],{"class":506},[500,819,646],{"class":510},[500,821,822,824,826,828,831],{"class":502,"line":640},[500,823,652],{"class":514},[500,825,521],{"class":506},[500,827,524],{"class":506},[500,829,830],{"class":527},"recoveryCode",[500,832,661],{"class":506},[500,834,835,838,840,842,845],{"class":502,"line":649},[500,836,837],{"class":514},"    type",[500,839,521],{"class":506},[500,841,524],{"class":506},[500,843,844],{"class":527},"alphanumeric",[500,846,661],{"class":506},[500,848,849,851,853,855,858],{"class":502,"line":664},[500,850,667],{"class":514},[500,852,521],{"class":506},[500,854,524],{"class":506},[500,856,857],{"class":527},"8",[500,859,661],{"class":506},[500,861,862,865,867,869,872],{"class":502,"line":679},[500,863,864],{"class":514},"    placeholder",[500,866,521],{"class":506},[500,868,524],{"class":506},[500,870,871],{"class":527},"·",[500,873,661],{"class":506},[500,875,876,879,881,883,886],{"class":502,"line":694},[500,877,878],{"class":514},"    color",[500,880,521],{"class":506},[500,882,524],{"class":506},[500,884,885],{"class":527},"info",[500,887,661],{"class":506},[500,889,890],{"class":502,"line":700},[500,891,697],{"class":506},[500,893,895,897,899],{"class":502,"line":894},15,[500,896,618],{"class":506},[500,898,635],{"class":510},[500,900,533],{"class":506},[719,902,904],{"id":903},"masked-value","Masked value",[471,906,907,908,911],{},"Set ",[474,909,910],{},"mask"," when the entered characters should not remain visible.",[491,913,915],{"className":493,"code":914,"language":495,"meta":496,"style":496},"\u003Ctemplate>\n  \u003CVyPinInput\n    v-model=\"pin\"\n    :length=\"4\"\n    mask\n    color=\"error\"\n    highlight\n  \u002F>\n\u003C\u002Ftemplate>\n",[474,916,917,925,931,944,957,962,975,980,984],{"__ignoreMap":496},[500,918,919,921,923],{"class":502,"line":503},[500,920,507],{"class":506},[500,922,635],{"class":510},[500,924,533],{"class":506},[500,926,927,929],{"class":502,"line":536},[500,928,643],{"class":506},[500,930,646],{"class":510},[500,932,933,935,937,939,942],{"class":502,"line":565},[500,934,652],{"class":514},[500,936,521],{"class":506},[500,938,524],{"class":506},[500,940,941],{"class":527},"pin",[500,943,661],{"class":506},[500,945,946,948,950,952,955],{"class":502,"line":585},[500,947,667],{"class":514},[500,949,521],{"class":506},[500,951,524],{"class":506},[500,953,954],{"class":527},"4",[500,956,661],{"class":506},[500,958,959],{"class":502,"line":592},[500,960,961],{"class":514},"    mask\n",[500,963,964,966,968,970,973],{"class":502,"line":615},[500,965,878],{"class":514},[500,967,521],{"class":506},[500,969,524],{"class":506},[500,971,972],{"class":527},"error",[500,974,661],{"class":506},[500,976,977],{"class":502,"line":625},[500,978,979],{"class":514},"    highlight\n",[500,981,982],{"class":502,"line":630},[500,983,697],{"class":506},[500,985,986,988,990],{"class":502,"line":640},[500,987,618],{"class":506},[500,989,635],{"class":510},[500,991,533],{"class":506},[471,993,994,997],{},[474,995,996],{},"highlight"," only paints a static semantic border. It does not mark the field invalid or provide validation text.",[719,999,1001],{"id":1000},"variants-and-sizes","Variants and sizes",[491,1003,1005],{"className":493,"code":1004,"language":495,"meta":496,"style":496},"\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-4\">\n    \u003CVyPinInput v-model=\"smallCode\" size=\"sm\" variant=\"soft\" \u002F>\n    \u003CVyPinInput v-model=\"largeCode\" size=\"xl\" variant=\"subtle\" color=\"success\" \u002F>\n    \u003CVyPinInput v-model=\"plainCode\" variant=\"none\" \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[474,1006,1007,1015,1036,1082,1135,1165,1174],{"__ignoreMap":496},[500,1008,1009,1011,1013],{"class":502,"line":503},[500,1010,507],{"class":506},[500,1012,635],{"class":510},[500,1014,533],{"class":506},[500,1016,1017,1019,1022,1025,1027,1029,1032,1034],{"class":502,"line":536},[500,1018,643],{"class":506},[500,1020,1021],{"class":510},"view",[500,1023,1024],{"class":514}," class",[500,1026,521],{"class":506},[500,1028,524],{"class":506},[500,1030,1031],{"class":527},"flex flex-col gap-4",[500,1033,524],{"class":506},[500,1035,533],{"class":506},[500,1037,1038,1041,1043,1046,1048,1050,1053,1055,1058,1060,1062,1065,1067,1070,1072,1074,1077,1079],{"class":502,"line":565},[500,1039,1040],{"class":506},"    \u003C",[500,1042,476],{"class":510},[500,1044,1045],{"class":514}," v-model",[500,1047,521],{"class":506},[500,1049,524],{"class":506},[500,1051,1052],{"class":527},"smallCode",[500,1054,524],{"class":506},[500,1056,1057],{"class":514}," size",[500,1059,521],{"class":506},[500,1061,524],{"class":506},[500,1063,1064],{"class":527},"sm",[500,1066,524],{"class":506},[500,1068,1069],{"class":514}," variant",[500,1071,521],{"class":506},[500,1073,524],{"class":506},[500,1075,1076],{"class":527},"soft",[500,1078,524],{"class":506},[500,1080,1081],{"class":506}," \u002F>\n",[500,1083,1084,1086,1088,1090,1092,1094,1097,1099,1101,1103,1105,1108,1110,1112,1114,1116,1119,1121,1124,1126,1128,1131,1133],{"class":502,"line":585},[500,1085,1040],{"class":506},[500,1087,476],{"class":510},[500,1089,1045],{"class":514},[500,1091,521],{"class":506},[500,1093,524],{"class":506},[500,1095,1096],{"class":527},"largeCode",[500,1098,524],{"class":506},[500,1100,1057],{"class":514},[500,1102,521],{"class":506},[500,1104,524],{"class":506},[500,1106,1107],{"class":527},"xl",[500,1109,524],{"class":506},[500,1111,1069],{"class":514},[500,1113,521],{"class":506},[500,1115,524],{"class":506},[500,1117,1118],{"class":527},"subtle",[500,1120,524],{"class":506},[500,1122,1123],{"class":514}," color",[500,1125,521],{"class":506},[500,1127,524],{"class":506},[500,1129,1130],{"class":527},"success",[500,1132,524],{"class":506},[500,1134,1081],{"class":506},[500,1136,1137,1139,1141,1143,1145,1147,1150,1152,1154,1156,1158,1161,1163],{"class":502,"line":592},[500,1138,1040],{"class":506},[500,1140,476],{"class":510},[500,1142,1045],{"class":514},[500,1144,521],{"class":506},[500,1146,524],{"class":506},[500,1148,1149],{"class":527},"plainCode",[500,1151,524],{"class":506},[500,1153,1069],{"class":514},[500,1155,521],{"class":506},[500,1157,524],{"class":506},[500,1159,1160],{"class":527},"none",[500,1162,524],{"class":506},[500,1164,1081],{"class":506},[500,1166,1167,1170,1172],{"class":502,"line":615},[500,1168,1169],{"class":506},"  \u003C\u002F",[500,1171,1021],{"class":510},[500,1173,533],{"class":506},[500,1175,1176,1178,1180],{"class":502,"line":625},[500,1177,618],{"class":506},[500,1179,635],{"class":510},[500,1181,533],{"class":506},[466,1183,1185],{"id":1184},"features-and-behavior","Features and behavior",[1187,1188,1189,1196,1199,1202,1205,1208,1211,1217,1223],"ul",{},[1190,1191,1192,1195],"li",{},[474,1193,1194],{},"length"," creates one native input for each character.",[1190,1197,1198],{},"Typing a character updates the current field and moves focus to the next field.",[1190,1200,1201],{},"Clearing a field moves focus to the previous field.",[1190,1203,1204],{},"Focusing a field selects its current content so the next character replaces it.",[1190,1206,1207],{},"Pasted or multi-character input is distributed across the remaining fields; overflow is discarded.",[1190,1209,1210],{},"Numeric mode removes non-digits before distributing input.",[1190,1212,1213,1216],{},[474,1214,1215],{},"complete"," is emitted when every rendered field contains a value.",[1190,1218,1219,1222],{},[474,1220,1221],{},"disabled"," disables every field and applies the themed disabled opacity.",[1190,1224,1225,1226,1229],{},"Programmatic ",[474,1227,1228],{},"modelValue"," changes are split into per-field characters.",[471,1231,1232,1233,1235],{},"Keep the model length at or below ",[474,1234,1194],{},". Extra model characters are not rendered and can prevent the core completion check from matching the number of mounted fields.",[466,1237,1239],{"id":1238},"props","Props",[1241,1242,1243,1262],"table",{},[1244,1245,1246],"thead",{},[1247,1248,1249,1253,1256,1259],"tr",{},[1250,1251,1252],"th",{},"Prop",[1250,1254,1255],{},"Type",[1250,1257,1258],{},"Default",[1250,1260,1261],{},"Description",[1263,1264,1265,1288,1307,1326,1343,1361,1381,1399,1421,1441,1461,1480,1498,1516,1535],"tbody",{},[1247,1266,1267,1272,1277,1282],{},[1268,1269,1270],"td",{},[474,1271,1228],{},[1268,1273,1274],{},[474,1275,1276],{},"string",[1268,1278,1279],{},[474,1280,1281],{},"undefined",[1268,1283,1284,1285,717],{},"Controlled flat string used by ",[474,1286,1287],{},"v-model",[1247,1289,1290,1294,1299,1304],{},[1268,1291,1292],{},[474,1293,1194],{},[1268,1295,1296],{},[474,1297,1298],{},"number",[1268,1300,1301],{},[474,1302,1303],{},"5",[1268,1305,1306],{},"Number of single-character input fields.",[1247,1308,1309,1313,1318,1323],{},[1268,1310,1311],{},[474,1312,1221],{},[1268,1314,1315],{},[474,1316,1317],{},"boolean",[1268,1319,1320],{},[474,1321,1322],{},"false",[1268,1324,1325],{},"Prevents interaction with every field.",[1247,1327,1328,1332,1336,1340],{},[1268,1329,1330],{},[474,1331,910],{},[1268,1333,1334],{},[474,1335,1317],{},[1268,1337,1338],{},[474,1339,1322],{},[1268,1341,1342],{},"Renders the native fields as password inputs.",[1247,1344,1345,1350,1354,1358],{},[1268,1346,1347],{},[474,1348,1349],{},"otp",[1268,1351,1352],{},[474,1353,1317],{},[1268,1355,1356],{},[474,1357,1322],{},[1268,1359,1360],{},"Declared one-time-code autofill hint; currently retained by core context but not applied to the native fields.",[1247,1362,1363,1368,1373,1378],{},[1268,1364,1365],{},[474,1366,1367],{},"type",[1268,1369,1370],{},[474,1371,1372],{},"'numeric' | 'alphanumeric'",[1268,1374,1375],{},[474,1376,1377],{},"'numeric'",[1268,1379,1380],{},"Restricts input to digits or permits free-form text characters.",[1247,1382,1383,1388,1392,1396],{},[1268,1384,1385],{},[474,1386,1387],{},"placeholder",[1268,1389,1390],{},[474,1391,1276],{},[1268,1393,1394],{},[474,1395,1281],{},[1268,1397,1398],{},"Placeholder glyph repeated in every empty field.",[1247,1400,1401,1406,1411,1416],{},[1268,1402,1403],{},[474,1404,1405],{},"color",[1268,1407,1408],{},[474,1409,1410],{},"Color",[1268,1412,1413],{},[474,1414,1415],{},"'primary'",[1268,1417,1418,1419,717],{},"Semantic border color used by bordered variants and ",[474,1420,996],{},[1247,1422,1423,1428,1433,1438],{},[1268,1424,1425],{},[474,1426,1427],{},"variant",[1268,1429,1430],{},[474,1431,1432],{},"'outline' | 'soft' | 'subtle' | 'ghost' | 'none'",[1268,1434,1435],{},[474,1436,1437],{},"'outline'",[1268,1439,1440],{},"Field surface and border treatment.",[1247,1442,1443,1448,1453,1458],{},[1268,1444,1445],{},[474,1446,1447],{},"size",[1268,1449,1450],{},[474,1451,1452],{},"'sm' | 'md' | 'lg' | 'xl'",[1268,1454,1455],{},[474,1456,1457],{},"'md'",[1268,1459,1460],{},"Field dimensions and text size.",[1247,1462,1463,1467,1471,1475],{},[1268,1464,1465],{},[474,1466,996],{},[1268,1468,1469],{},[474,1470,1317],{},[1268,1472,1473],{},[474,1474,1322],{},[1268,1476,1477,1478,717],{},"Paints a static border matching ",[474,1479,1405],{},[1247,1481,1482,1487,1491,1495],{},[1268,1483,1484],{},[474,1485,1486],{},"id",[1268,1488,1489],{},[474,1490,1276],{},[1268,1492,1493],{},[474,1494,1281],{},[1268,1496,1497],{},"Declared identifier; passed to the core root prop but not currently rendered on its container.",[1247,1499,1500,1505,1509,1513],{},[1268,1501,1502],{},[474,1503,1504],{},"name",[1268,1506,1507],{},[474,1508,1276],{},[1268,1510,1511],{},[474,1512,1281],{},[1268,1514,1515],{},"Declared form name; not currently forwarded by the kit implementation.",[1247,1517,1518,1523,1528,1532],{},[1268,1519,1520],{},[474,1521,1522],{},"class",[1268,1524,1525],{},[474,1526,1527],{},"any",[1268,1529,1530],{},[474,1531,1281],{},[1268,1533,1534],{},"Classes merged onto the root container.",[1247,1536,1537,1542,1547,1551],{},[1268,1538,1539],{},[474,1540,1541],{},"ui",[1268,1543,1544],{},[474,1545,1546],{},"Partial\u003CRecord\u003C'root' | 'base', any>>",[1268,1548,1549],{},[474,1550,1281],{},[1268,1552,1553],{},"Per-instance root and field theme overrides.",[471,1555,1556,1558,1559,1562,1563,1562,1566,1562,1568,1562,1570,1562,1573,1575,1576,1579],{},[474,1557,1410],{}," defaults to ",[474,1560,1561],{},"primary",", ",[474,1564,1565],{},"secondary",[474,1567,1130],{},[474,1569,885],{},[474,1571,1572],{},"warning",[474,1574,972],{},", or ",[474,1577,1578],{},"neutral",", and supports consumer registry extensions.",[471,1581,1582,1583,1586,1587,1575,1590,1593,1594,1597,1598,1601,1602,1604],{},"The kit wrapper does not expose the core root's uncontrolled ",[474,1584,1585],{},"defaultValue",", primitive ",[474,1588,1589],{},"as",[474,1591,1592],{},"asChild"," props. Compose ",[474,1595,1596],{},"PinInputRoot"," and ",[474,1599,1600],{},"PinInputInput"," from ",[474,1603,41],{}," when those controls or custom field markup are required.",[466,1606,1608],{"id":1607},"emits","Emits",[1241,1610,1611,1623],{},[1244,1612,1613],{},[1247,1614,1615,1618,1621],{},[1250,1616,1617],{},"Event",[1250,1619,1620],{},"Payload",[1250,1622,1261],{},[1263,1624,1625,1641],{},[1247,1626,1627,1632,1636],{},[1268,1628,1629],{},[474,1630,1631],{},"update:modelValue",[1268,1633,1634],{},[474,1635,1276],{},[1268,1637,1638,1639,717],{},"Emitted after the per-field core value changes; powers ",[474,1640,1287],{},[1247,1642,1643,1647,1651],{},[1268,1644,1645],{},[474,1646,1215],{},[1268,1648,1649],{},[474,1650,1276],{},[1268,1652,1653],{},"Emitted when all rendered fields are filled.",[471,1655,1656],{},"The completion event can fire again after a completed value changes while every field remains filled.",[466,1658,1660],{"id":1659},"slots","Slots",[471,1662,1663,1664,1666,1667,1669],{},"This kit component does not expose slots. Use ",[474,1665,1541],{}," to style the generated fields, or compose the headless primitives from ",[474,1668,41],{}," for custom markup.",[466,1671,1673],{"id":1672},"styling-and-theming","Styling and theming",[471,1675,1676,1677,1680,1681,717],{},"Override globally through ",[474,1678,1679],{},"appConfig.ui.pinInput"," or locally with ",[474,1682,1541],{},[1241,1684,1685,1695],{},[1244,1686,1687],{},[1247,1688,1689,1692],{},[1250,1690,1691],{},"UI slot",[1250,1693,1694],{},"Purpose",[1263,1696,1697,1707],{},[1247,1698,1699,1704],{},[1268,1700,1701],{},[474,1702,1703],{},"root",[1268,1705,1706],{},"Wrapping flex row, gap, width constraints, and overflow behavior.",[1247,1708,1709,1714],{},[1268,1710,1711],{},[474,1712,1713],{},"base",[1268,1715,1716],{},"Each native input's dimensions, typography, radius, surface, border, placeholder, and disabled state.",[471,1718,1719],{},"The default root wraps fields onto additional rows when the available width is too small.",[471,1721,1722,1723,1562,1725,1562,1727,1729,1730,1732],{},"The theme combines ",[474,1724,1447],{},[474,1726,1427],{},[474,1728,1405],{},", and ",[474,1731,996],{},":",[1187,1734,1735,1741,1746,1751,1762],{},[1190,1736,1737,1740],{},[474,1738,1739],{},"outline"," uses a white surface and semantic border.",[1190,1742,1743,1745],{},[474,1744,1076],{}," uses a muted surface without a default border.",[1190,1747,1748,1750],{},[474,1749,1118],{}," combines a muted surface with a semantic border.",[1190,1752,1753,1597,1756,1758,1759,1761],{},[474,1754,1755],{},"ghost",[474,1757,1160],{}," use transparent surfaces; ",[474,1760,1755],{}," adds an active background.",[1190,1763,1764,1766],{},[474,1765,996],{}," adds a semantic border regardless of the selected variant.",[471,1768,1769,1770,1772,1773,1775],{},"Sizes range from 32px square fields at ",[474,1771,1064],{}," to 44px at ",[474,1774,1107],{},". All fields use centered text and a neutral placeholder color.",[466,1777,328],{"id":1778},"accessibility",[471,1780,1781],{},"Each core field exposes a textbox role and a generated label such as “Digit 1 of 6.” Disabled state is forwarded to the native inputs.",[471,1783,1784,1785,1787],{},"Place a visible group label and instructions next to the component so users know which code to enter. Do not rely on placeholder glyphs, color, or ",[474,1786,996],{}," to communicate purpose or validation. Show errors as text and move focus deliberately when retrying a failed code.",[471,1789,1790,1791,1793],{},"The generated labels always use the word “Digit,” including in ",[474,1792,844],{}," mode. The kit wrapper does not currently expose per-field accessibility labels, a group label prop, or slots for replacing the inputs. Use the core primitives when a code requires custom accessible naming.",[471,1795,1796],{},"Masking conceals the visible characters but does not explain the field's sensitivity to assistive technology. Provide that context in the surrounding label or description.",[466,1798,1800],{"id":1799},"platform-notes","Platform notes",[1187,1802,1803,1813,1823,1831,1834,1840,1852],{},[1190,1804,1805,1806,1809,1810,717],{},"The fields are Lynx native ",[474,1807,1808],{},"input"," elements with ",[474,1811,1812],{},"maxlength=\"1\"",[1190,1814,1815,1816,1819,1820,717],{},"Numeric mode maps to Lynx input type ",[474,1817,1818],{},"digit","; alphanumeric mode maps to ",[474,1821,1822],{},"text",[1190,1824,1825,1827,1828,717],{},[474,1826,910],{}," maps every field to native input type ",[474,1829,1830],{},"password",[1190,1832,1833],{},"Focus movement waits for Vue's next render flush so a keystroke is committed before the next field receives focus.",[1190,1835,1836,1837,717],{},"Paste handling reads clipboard text when available and also accepts Lynx-style values from ",[474,1838,1839],{},"event.detail.value",[1190,1841,1842,1843,1845,1846,1848,1849,1851],{},"The current ",[474,1844,1349],{}," prop does not set a native autofill\u002Fcontent-type attribute, ",[474,1847,1504],{}," is not forwarded, and ",[474,1850,1486],{}," is not rendered by the core root.",[1190,1853,1854,1855,1597,1858,1861],{},"The root receives ",[474,1856,1857],{},"data-complete",[474,1859,1860],{},"data-disabled","; every field also receives the corresponding state attributes.",[466,1863,1865],{"id":1864},"related-components","Related components",[1187,1867,1868,1873,1881],{},[1190,1869,1870,1872],{},[474,1871,145],{}," for unrestricted single-field text.",[1190,1874,1875,1597,1878,1880],{},[474,1876,1877],{},"FormField",[474,1879,169],{}," for visible labels, instructions, and validation messages.",[1190,1882,1883,1884,1886,1887,1597,1889,1891],{},"The ",[474,1885,41],{}," ",[474,1888,1596],{},[474,1890,1600],{}," primitives for custom composition.",[1893,1894,1895],"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":496,"searchDepth":503,"depth":536,"links":1897},[1898,1899,1904,1905,1906,1907,1908,1909,1910,1911],{"id":468,"depth":536,"text":469},{"id":488,"depth":536,"text":489,"children":1900},[1901,1902,1903],{"id":721,"depth":565,"text":722},{"id":903,"depth":565,"text":904},{"id":1000,"depth":565,"text":1001},{"id":1184,"depth":536,"text":1185},{"id":1238,"depth":536,"text":1239},{"id":1607,"depth":536,"text":1608},{"id":1659,"depth":536,"text":1660},{"id":1672,"depth":536,"text":1673},{"id":1778,"depth":536,"text":328},{"id":1799,"depth":536,"text":1800},{"id":1864,"depth":536,"text":1865},"Collect a fixed-length numeric or alphanumeric verification code.","md",[1915,1920],{"label":1916,"icon":1917,"to":1918,"target":1919},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FPinInput.vue","_blank",{"label":1921,"icon":1917,"to":1922,"target":1919},"Core source","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Ftree\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FPinInput",{},{"icon":197},{"title":194,"description":1912},"uMy8TyZTKIqLsixQcDTQ-GgeeGu0WLrHzeDkpthD9lo",[1928,1930],{"title":189,"path":190,"stem":191,"description":1929,"icon":-1,"children":-1,"navigation":-1},"Headless pagination primitive — page list, edges, and prev\u002Fnext controls computed from total and page size.",{"title":199,"path":200,"stem":201,"description":1931,"icon":-1,"children":-1,"navigation":-1},"Mark out an unfinished or example layout region with a hatched panel.",1785060116000]