[{"data":1,"prerenderedAt":3149},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Finput":406,"\u002Fcomponents\u002Finput-surround":3144},[4,34,51,301,327,332,337],{"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",{"id":407,"title":145,"body":408,"description":3132,"extension":3133,"links":3134,"meta":3140,"navigation":3141,"package":63,"path":146,"seo":3142,"stem":147,"__hash__":3143},"docs\u002F3.components\u002Finput.md",{"type":409,"value":410,"toc":3107},"minimark",[411,416,424,429,433,435,446,451,462,588,625,633,637,647,650,663,673,677,684,688,693,697,703,706,710,713,819,823,826,829,833,836,839,1338,1344,1348,1356,1359,1363,1373,1376,1380,1397,1401,1405,1411,1756,1778,1782,1857,1861,2359,2384,2413,2417,2504,2514,2518,2573,2577,2606,2618,2622,2631,2841,2921,2953,2969,2972,2981,2998,3004,3008,3068,3072,3103],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423],"p",{},[420,421,422],"code",{},"VyInput"," is the styled single-line input for Vue-Lynx. It combines the core native input with semantic colors, surface variants, sizes, loading state, leading or trailing content, and delayed autofocus.",[425,426],"component-code",{"height":427,"name":428},"180px","input-example",[412,430,432],{"id":431},"usage","Usage",[425,434],{"height":427,"name":428},[417,436,437,438,441,442,445],{},"The model accepts a ",[420,439,440],{},"string"," or ",[420,443,444],{},"number",", but native edits are emitted as strings.",[447,448,450],"h3",{"id":449},"input-and-return-key-types","Input and return-key types",[417,452,453,454,457,458,461],{},"Use ",[420,455,456],{},"type"," to select the native software keyboard and ",[420,459,460],{},"confirmType"," to label its return key.",[463,464,469],"pre",{"className":465,"code":466,"language":467,"meta":468,"style":468},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CVyInput\n  v-model=\"query\"\n  type=\"text\"\n  confirm-type=\"search\"\n  leading-icon=\"i-lucide-search\"\n  placeholder=\"Search\"\n  @confirm=\"search\"\n\u002F>\n","vue","",[420,470,471,484,504,520,535,550,565,582],{"__ignoreMap":468},[472,473,476,480],"span",{"class":474,"line":475},"line",1,[472,477,479],{"class":478},"sMK4o","\u003C",[472,481,483],{"class":482},"swJcz","VyInput\n",[472,485,487,491,494,497,501],{"class":474,"line":486},2,[472,488,490],{"class":489},"spNyl","  v-model",[472,492,493],{"class":478},"=",[472,495,496],{"class":478},"\"",[472,498,500],{"class":499},"sTEyZ","query",[472,502,503],{"class":478},"\"\n",[472,505,507,510,512,514,518],{"class":474,"line":506},3,[472,508,509],{"class":489},"  type",[472,511,493],{"class":478},[472,513,496],{"class":478},[472,515,517],{"class":516},"sfazB","text",[472,519,503],{"class":478},[472,521,523,526,528,530,533],{"class":474,"line":522},4,[472,524,525],{"class":489},"  confirm-type",[472,527,493],{"class":478},[472,529,496],{"class":478},[472,531,532],{"class":516},"search",[472,534,503],{"class":478},[472,536,538,541,543,545,548],{"class":474,"line":537},5,[472,539,540],{"class":489},"  leading-icon",[472,542,493],{"class":478},[472,544,496],{"class":478},[472,546,547],{"class":516},"i-lucide-search",[472,549,503],{"class":478},[472,551,553,556,558,560,563],{"class":474,"line":552},6,[472,554,555],{"class":489},"  placeholder",[472,557,493],{"class":478},[472,559,496],{"class":478},[472,561,562],{"class":516},"Search",[472,564,503],{"class":478},[472,566,568,571,574,576,578,580],{"class":474,"line":567},7,[472,569,570],{"class":478},"  @",[472,572,573],{"class":489},"confirm",[472,575,493],{"class":478},[472,577,496],{"class":478},[472,579,532],{"class":499},[472,581,503],{"class":478},[472,583,585],{"class":474,"line":584},8,[472,586,587],{"class":499},"\u002F>\n",[417,589,590,591,593,594,593,596,593,599,593,602,605,606,609,610,593,613,593,616,593,618,605,621,624],{},"Available input types are ",[420,592,517],{},", ",[420,595,444],{},[420,597,598],{},"digit",[420,600,601],{},"tel",[420,603,604],{},"email",", and ",[420,607,608],{},"password",". Available confirm types are ",[420,611,612],{},"done",[420,614,615],{},"next",[420,617,532],{},[420,619,620],{},"send",[420,622,623],{},"go",".",[417,626,627,629,630,632],{},[420,628,598],{}," requests a digits-only keyboard, while ",[420,631,444],{}," requests the platform's numeric keyboard, which may include a decimal separator or sign. These are keyboard hints rather than application-level validation.",[447,634,636],{"id":635},"icons-avatars-and-loading","Icons, avatars, and loading",[417,638,639,642,643,646],{},[420,640,641],{},"icon"," is leading by default. Set ",[420,644,645],{},"trailing"," to route the shorthand to the trailing side, or use the explicit icon props.",[425,648],{"height":427,"name":649},"input-icon",[417,651,652,653,441,656,659,660,662],{},"The loading spinner takes precedence over an avatar and leading icon. An explicit ",[420,654,655],{},"leadingIcon",[420,657,658],{},"trailingIcon"," takes precedence over the ",[420,661,641],{}," shorthand.",[417,664,665,666,672],{},"Icon names only resolve after their Iconify set has been registered. See ",[667,668,670],"a",{"href":669},"\u002Fcomponents\u002Ficon#icon-registration",[420,671,141],{}," for setup.",[447,674,676],{"id":675},"variants-and-validation-emphasis","Variants and validation emphasis",[417,678,679,680,683],{},"The semantic border and shadow ring paint automatically while the input is focused. Use ",[420,681,682],{},"highlight"," to force them on permanently, for example for validation emphasis.",[425,685],{"height":686,"name":687},"320px","input-variants",[417,689,690,692],{},[420,691,682],{}," is visual only. It does not set an invalid state or provide an error message, so pair it with a visible label and validation text.",[447,694,696],{"id":695},"disabled","Disabled",[417,698,699,700,702],{},"Set ",[420,701,695],{}," to prevent editing and apply the disabled visual treatment.",[425,704],{"height":427,"name":705},"input-disabled",[447,707,709],{"id":708},"custom-leading-and-trailing-content","Custom leading and trailing content",[417,711,712],{},"The icon color is resolved to a Lynx-compatible hex value and passed to both named slots.",[463,714,716],{"className":465,"code":715,"language":467,"meta":468,"style":468},"\u003CVyInput v-model=\"amount\" color=\"success\" type=\"number\" placeholder=\"0.00\">\n  \u003Ctemplate #leading>\n    \u003Ctext class=\"text-neutral-500\">$\u003C\u002Ftext>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #trailing=\"{ iconColor }\">\n    \u003CVyIcon name=\"i-lucide-circle-check\" :color=\"iconColor\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyInput>\n",[420,717,718,774,779,784,789,795,800,805,809],{"__ignoreMap":468},[472,719,720,722,724,727,729,731,734,736,739,741,743,746,748,751,753,755,757,759,762,764,766,769,771],{"class":474,"line":475},[472,721,479],{"class":478},[472,723,422],{"class":482},[472,725,726],{"class":489}," v-model",[472,728,493],{"class":478},[472,730,496],{"class":478},[472,732,733],{"class":499},"amount",[472,735,496],{"class":478},[472,737,738],{"class":489}," color",[472,740,493],{"class":478},[472,742,496],{"class":478},[472,744,745],{"class":516},"success",[472,747,496],{"class":478},[472,749,750],{"class":489}," type",[472,752,493],{"class":478},[472,754,496],{"class":478},[472,756,444],{"class":516},[472,758,496],{"class":478},[472,760,761],{"class":489}," placeholder",[472,763,493],{"class":478},[472,765,496],{"class":478},[472,767,768],{"class":516},"0.00",[472,770,496],{"class":478},[472,772,773],{"class":478},">\n",[472,775,776],{"class":474,"line":486},[472,777,778],{"class":499},"  \u003Ctemplate #leading>\n",[472,780,781],{"class":474,"line":506},[472,782,783],{"class":499},"    \u003Ctext class=\"text-neutral-500\">$\u003C\u002Ftext>\n",[472,785,786],{"class":474,"line":522},[472,787,788],{"class":499},"  \u003C\u002Ftemplate>\n",[472,790,791],{"class":474,"line":537},[472,792,794],{"emptyLinePlaceholder":793},true,"\n",[472,796,797],{"class":474,"line":552},[472,798,799],{"class":499},"  \u003Ctemplate #trailing=\"{ iconColor }\">\n",[472,801,802],{"class":474,"line":567},[472,803,804],{"class":499},"    \u003CVyIcon name=\"i-lucide-circle-check\" :color=\"iconColor\" \u002F>\n",[472,806,807],{"class":474,"line":584},[472,808,788],{"class":499},[472,810,812,815,817],{"class":474,"line":811},9,[472,813,814],{"class":478},"\u003C\u002F",[472,816,422],{"class":482},[472,818,773],{"class":478},[447,820,822],{"id":821},"clear-action","Clear action",[417,824,825],{},"Use the trailing slot for a one-tap clear action.",[425,827],{"height":427,"name":828},"input-clear",[447,830,832],{"id":831},"copy-action","Copy action",[417,834,835],{},"Use the trailing slot for one-click copy actions. Keep the source text in state and pass that value to the clipboard handler instead of reading from the rendered input or slot content.",[425,837],{"height":427,"name":838},"input-copy",[463,840,842],{"className":465,"code":841,"language":467,"meta":468,"style":468},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyButton, VyInput } from '@vyui\u002Fkit'\n\nconst value = ref('hello@vyui.dev')\nconst copied = ref(false)\n\nasync function copyValue() {\n  const writeText = (globalThis as any).navigator?.clipboard?.writeText\n  if (!writeText) return\n\n  await writeText(value.value)\n  copied.value = true\n\n  setTimeout(() => {\n    copied.value = false\n  }, 1200)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyInput v-model=\"value\">\n    \u003Ctemplate #trailing>\n      \u003CVyButton\n        size=\"xs\"\n        variant=\"ghost\"\n        color=\"neutral\"\n        :icon=\"copied ? 'i-lucide-check' : 'i-lucide-copy'\"\n        :label=\"copied ? 'Copied' : 'Copy'\"\n        @tap=\"copyValue\"\n      \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyInput>\n\u003C\u002Ftemplate>\n",[420,843,844,868,894,919,923,950,969,973,990,1033,1053,1058,1077,1092,1097,1112,1127,1139,1145,1154,1159,1169,1189,1204,1213,1228,1243,1258,1273,1288,1303,1309,1319,1329],{"__ignoreMap":468},[472,845,846,848,851,854,857,859,861,864,866],{"class":474,"line":475},[472,847,479],{"class":478},[472,849,850],{"class":482},"script",[472,852,853],{"class":489}," setup",[472,855,856],{"class":489}," lang",[472,858,493],{"class":478},[472,860,496],{"class":478},[472,862,863],{"class":516},"ts",[472,865,496],{"class":478},[472,867,773],{"class":478},[472,869,870,874,877,880,883,886,889,891],{"class":474,"line":486},[472,871,873],{"class":872},"s7zQu","import",[472,875,876],{"class":478}," {",[472,878,879],{"class":499}," ref",[472,881,882],{"class":478}," }",[472,884,885],{"class":872}," from",[472,887,888],{"class":478}," '",[472,890,467],{"class":516},[472,892,893],{"class":478},"'\n",[472,895,896,898,900,903,906,909,911,913,915,917],{"class":474,"line":506},[472,897,873],{"class":872},[472,899,876],{"class":478},[472,901,902],{"class":499}," VyButton",[472,904,905],{"class":478},",",[472,907,908],{"class":499}," VyInput",[472,910,882],{"class":478},[472,912,885],{"class":872},[472,914,888],{"class":478},[472,916,46],{"class":516},[472,918,893],{"class":478},[472,920,921],{"class":474,"line":522},[472,922,794],{"emptyLinePlaceholder":793},[472,924,925,928,931,933,936,939,942,945,947],{"class":474,"line":537},[472,926,927],{"class":489},"const",[472,929,930],{"class":499}," value ",[472,932,493],{"class":478},[472,934,879],{"class":935},"s2Zo4",[472,937,938],{"class":499},"(",[472,940,941],{"class":478},"'",[472,943,944],{"class":516},"hello@vyui.dev",[472,946,941],{"class":478},[472,948,949],{"class":499},")\n",[472,951,952,954,957,959,961,963,967],{"class":474,"line":552},[472,953,927],{"class":489},[472,955,956],{"class":499}," copied ",[472,958,493],{"class":478},[472,960,879],{"class":935},[472,962,938],{"class":499},[472,964,966],{"class":965},"sfNiH","false",[472,968,949],{"class":499},[472,970,971],{"class":474,"line":567},[472,972,794],{"emptyLinePlaceholder":793},[472,974,975,978,981,984,987],{"class":474,"line":584},[472,976,977],{"class":489},"async",[472,979,980],{"class":489}," function",[472,982,983],{"class":935}," copyValue",[472,985,986],{"class":478},"()",[472,988,989],{"class":478}," {\n",[472,991,992,995,998,1001,1004,1007,1010,1014,1017,1019,1022,1025,1028,1030],{"class":474,"line":811},[472,993,994],{"class":489},"  const",[472,996,997],{"class":499}," writeText",[472,999,1000],{"class":478}," =",[472,1002,1003],{"class":482}," (",[472,1005,1006],{"class":499},"globalThis",[472,1008,1009],{"class":872}," as",[472,1011,1013],{"class":1012},"sBMFI"," any",[472,1015,1016],{"class":482},")",[472,1018,624],{"class":478},[472,1020,1021],{"class":499},"navigator",[472,1023,1024],{"class":478},"?.",[472,1026,1027],{"class":499},"clipboard",[472,1029,1024],{"class":478},[472,1031,1032],{"class":499},"writeText\n",[472,1034,1036,1039,1041,1044,1047,1050],{"class":474,"line":1035},10,[472,1037,1038],{"class":872},"  if",[472,1040,1003],{"class":482},[472,1042,1043],{"class":478},"!",[472,1045,1046],{"class":499},"writeText",[472,1048,1049],{"class":482},") ",[472,1051,1052],{"class":872},"return\n",[472,1054,1056],{"class":474,"line":1055},11,[472,1057,794],{"emptyLinePlaceholder":793},[472,1059,1061,1064,1066,1068,1071,1073,1075],{"class":474,"line":1060},12,[472,1062,1063],{"class":872},"  await",[472,1065,997],{"class":935},[472,1067,938],{"class":482},[472,1069,1070],{"class":499},"value",[472,1072,624],{"class":478},[472,1074,1070],{"class":499},[472,1076,949],{"class":482},[472,1078,1080,1083,1085,1087,1089],{"class":474,"line":1079},13,[472,1081,1082],{"class":499},"  copied",[472,1084,624],{"class":478},[472,1086,1070],{"class":499},[472,1088,1000],{"class":478},[472,1090,1091],{"class":965}," true\n",[472,1093,1095],{"class":474,"line":1094},14,[472,1096,794],{"emptyLinePlaceholder":793},[472,1098,1100,1103,1105,1107,1110],{"class":474,"line":1099},15,[472,1101,1102],{"class":935},"  setTimeout",[472,1104,938],{"class":482},[472,1106,986],{"class":478},[472,1108,1109],{"class":489}," =>",[472,1111,989],{"class":478},[472,1113,1115,1118,1120,1122,1124],{"class":474,"line":1114},16,[472,1116,1117],{"class":499},"    copied",[472,1119,624],{"class":478},[472,1121,1070],{"class":499},[472,1123,1000],{"class":478},[472,1125,1126],{"class":965}," false\n",[472,1128,1130,1133,1137],{"class":474,"line":1129},17,[472,1131,1132],{"class":478},"  },",[472,1134,1136],{"class":1135},"sbssI"," 1200",[472,1138,949],{"class":482},[472,1140,1142],{"class":474,"line":1141},18,[472,1143,1144],{"class":478},"}\n",[472,1146,1148,1150,1152],{"class":474,"line":1147},19,[472,1149,814],{"class":478},[472,1151,850],{"class":482},[472,1153,773],{"class":478},[472,1155,1157],{"class":474,"line":1156},20,[472,1158,794],{"emptyLinePlaceholder":793},[472,1160,1162,1164,1167],{"class":474,"line":1161},21,[472,1163,479],{"class":478},[472,1165,1166],{"class":482},"template",[472,1168,773],{"class":478},[472,1170,1172,1175,1177,1179,1181,1183,1185,1187],{"class":474,"line":1171},22,[472,1173,1174],{"class":478},"  \u003C",[472,1176,422],{"class":482},[472,1178,726],{"class":489},[472,1180,493],{"class":478},[472,1182,496],{"class":478},[472,1184,1070],{"class":516},[472,1186,496],{"class":478},[472,1188,773],{"class":478},[472,1190,1192,1195,1197,1200,1202],{"class":474,"line":1191},23,[472,1193,1194],{"class":478},"    \u003C",[472,1196,1166],{"class":482},[472,1198,1199],{"class":478}," #",[472,1201,645],{"class":489},[472,1203,773],{"class":478},[472,1205,1207,1210],{"class":474,"line":1206},24,[472,1208,1209],{"class":478},"      \u003C",[472,1211,1212],{"class":482},"VyButton\n",[472,1214,1216,1219,1221,1223,1226],{"class":474,"line":1215},25,[472,1217,1218],{"class":489},"        size",[472,1220,493],{"class":478},[472,1222,496],{"class":478},[472,1224,1225],{"class":516},"xs",[472,1227,503],{"class":478},[472,1229,1231,1234,1236,1238,1241],{"class":474,"line":1230},26,[472,1232,1233],{"class":489},"        variant",[472,1235,493],{"class":478},[472,1237,496],{"class":478},[472,1239,1240],{"class":516},"ghost",[472,1242,503],{"class":478},[472,1244,1246,1249,1251,1253,1256],{"class":474,"line":1245},27,[472,1247,1248],{"class":489},"        color",[472,1250,493],{"class":478},[472,1252,496],{"class":478},[472,1254,1255],{"class":516},"neutral",[472,1257,503],{"class":478},[472,1259,1261,1264,1266,1268,1271],{"class":474,"line":1260},28,[472,1262,1263],{"class":489},"        :icon",[472,1265,493],{"class":478},[472,1267,496],{"class":478},[472,1269,1270],{"class":516},"copied ? 'i-lucide-check' : 'i-lucide-copy'",[472,1272,503],{"class":478},[472,1274,1276,1279,1281,1283,1286],{"class":474,"line":1275},29,[472,1277,1278],{"class":489},"        :label",[472,1280,493],{"class":478},[472,1282,496],{"class":478},[472,1284,1285],{"class":516},"copied ? 'Copied' : 'Copy'",[472,1287,503],{"class":478},[472,1289,1291,1294,1296,1298,1301],{"class":474,"line":1290},30,[472,1292,1293],{"class":489},"        @tap",[472,1295,493],{"class":478},[472,1297,496],{"class":478},[472,1299,1300],{"class":516},"copyValue",[472,1302,503],{"class":478},[472,1304,1306],{"class":474,"line":1305},31,[472,1307,1308],{"class":478},"      \u002F>\n",[472,1310,1312,1315,1317],{"class":474,"line":1311},32,[472,1313,1314],{"class":478},"    \u003C\u002F",[472,1316,1166],{"class":482},[472,1318,773],{"class":478},[472,1320,1322,1325,1327],{"class":474,"line":1321},33,[472,1323,1324],{"class":478},"  \u003C\u002F",[472,1326,422],{"class":482},[472,1328,773],{"class":478},[472,1330,1332,1334,1336],{"class":474,"line":1331},34,[472,1333,814],{"class":478},[472,1335,1166],{"class":482},[472,1337,773],{"class":478},[417,1339,1340,1341,1343],{},"The web clipboard API is shown here as an application-level handler. For native targets, wrap the platform clipboard bridge behind the same ",[420,1342,1300],{}," boundary.",[447,1345,1347],{"id":1346},"password-toggle","Password toggle",[417,1349,1350,1351,1353,1354,624],{},"Use a trailing button to switch the input between ",[420,1352,608],{}," and ",[420,1355,517],{},[425,1357],{"height":427,"name":1358},"input-password-toggle",[447,1360,1362],{"id":1361},"character-count","Character count",[417,1364,1365,1366,1368,1369,1372],{},"Use the trailing slot for passive text such as a character count. ",[420,1367,422],{}," does not currently expose the native ",[420,1370,1371],{},"maxLength"," prop, so enforce limits in your model handler when needed.",[425,1374],{"height":427,"name":1375},"input-character-count",[447,1377,1379],{"id":1378},"phone-country-code","Phone country code",[417,1381,1382,1383,1386,1387,1389,1390,1392,1393,1396],{},"Combine ",[420,1384,1385],{},"VySelect"," with ",[420,1388,422],{}," to build a phone field with country selection. ",[420,1391,1385],{}," is currently a sheet picker, not a searchable ",[420,1394,1395],{},"SelectMenu",", so keep searchable or lazy-loaded country data in application code until that API exists.",[425,1398],{"height":1399,"name":1400},"240px","input-phone-country",[447,1402,1404],{"id":1403},"autofocus-and-imperative-access","Autofocus and imperative access",[417,1406,1407,1408,624],{},"The kit wrapper exposes its core input instance through ",[420,1409,1410],{},"inputRef",[463,1412,1414],{"className":465,"code":1413,"language":467,"meta":468,"style":468},"\u003Cscript setup lang=\"ts\">\nimport { VyButton, VyInput } from '@vyui\u002Fkit'\nimport { ref } from 'vue'\n\nconst input = ref\u003Cany>(null)\nconst value = ref('Editable text')\n\nasync function selectAll() {\n  const core = input.value?.inputRef\n  const current = await core?.getValue()\n  await core?.focus()\n  await core?.setSelectionRange(0, current?.value.length ?? 0)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyInput\n    ref=\"input\"\n    v-model=\"value\"\n    autofocus\n    :autofocus-delay=\"150\"\n  \u002F>\n  \u003CVyButton @tap=\"selectAll\">Select all\u003C\u002FVyButton>\n\u003C\u002Ftemplate>\n",[420,1415,1416,1436,1458,1476,1480,1506,1527,1531,1544,1565,1587,1600,1637,1641,1649,1653,1661,1667,1681,1694,1699,1713,1718,1748],{"__ignoreMap":468},[472,1417,1418,1420,1422,1424,1426,1428,1430,1432,1434],{"class":474,"line":475},[472,1419,479],{"class":478},[472,1421,850],{"class":482},[472,1423,853],{"class":489},[472,1425,856],{"class":489},[472,1427,493],{"class":478},[472,1429,496],{"class":478},[472,1431,863],{"class":516},[472,1433,496],{"class":478},[472,1435,773],{"class":478},[472,1437,1438,1440,1442,1444,1446,1448,1450,1452,1454,1456],{"class":474,"line":486},[472,1439,873],{"class":872},[472,1441,876],{"class":478},[472,1443,902],{"class":499},[472,1445,905],{"class":478},[472,1447,908],{"class":499},[472,1449,882],{"class":478},[472,1451,885],{"class":872},[472,1453,888],{"class":478},[472,1455,46],{"class":516},[472,1457,893],{"class":478},[472,1459,1460,1462,1464,1466,1468,1470,1472,1474],{"class":474,"line":506},[472,1461,873],{"class":872},[472,1463,876],{"class":478},[472,1465,879],{"class":499},[472,1467,882],{"class":478},[472,1469,885],{"class":872},[472,1471,888],{"class":478},[472,1473,467],{"class":516},[472,1475,893],{"class":478},[472,1477,1478],{"class":474,"line":522},[472,1479,794],{"emptyLinePlaceholder":793},[472,1481,1482,1484,1487,1489,1491,1493,1496,1499,1501,1504],{"class":474,"line":537},[472,1483,927],{"class":489},[472,1485,1486],{"class":499}," input ",[472,1488,493],{"class":478},[472,1490,879],{"class":935},[472,1492,479],{"class":478},[472,1494,1495],{"class":1012},"any",[472,1497,1498],{"class":478},">",[472,1500,938],{"class":499},[472,1502,1503],{"class":478},"null",[472,1505,949],{"class":499},[472,1507,1508,1510,1512,1514,1516,1518,1520,1523,1525],{"class":474,"line":552},[472,1509,927],{"class":489},[472,1511,930],{"class":499},[472,1513,493],{"class":478},[472,1515,879],{"class":935},[472,1517,938],{"class":499},[472,1519,941],{"class":478},[472,1521,1522],{"class":516},"Editable text",[472,1524,941],{"class":478},[472,1526,949],{"class":499},[472,1528,1529],{"class":474,"line":567},[472,1530,794],{"emptyLinePlaceholder":793},[472,1532,1533,1535,1537,1540,1542],{"class":474,"line":584},[472,1534,977],{"class":489},[472,1536,980],{"class":489},[472,1538,1539],{"class":935}," selectAll",[472,1541,986],{"class":478},[472,1543,989],{"class":478},[472,1545,1546,1548,1551,1553,1556,1558,1560,1562],{"class":474,"line":811},[472,1547,994],{"class":489},[472,1549,1550],{"class":499}," core",[472,1552,1000],{"class":478},[472,1554,1555],{"class":499}," input",[472,1557,624],{"class":478},[472,1559,1070],{"class":499},[472,1561,1024],{"class":478},[472,1563,1564],{"class":499},"inputRef\n",[472,1566,1567,1569,1572,1574,1577,1579,1581,1584],{"class":474,"line":1035},[472,1568,994],{"class":489},[472,1570,1571],{"class":499}," current",[472,1573,1000],{"class":478},[472,1575,1576],{"class":872}," await",[472,1578,1550],{"class":499},[472,1580,1024],{"class":478},[472,1582,1583],{"class":935},"getValue",[472,1585,1586],{"class":482},"()\n",[472,1588,1589,1591,1593,1595,1598],{"class":474,"line":1055},[472,1590,1063],{"class":872},[472,1592,1550],{"class":499},[472,1594,1024],{"class":478},[472,1596,1597],{"class":935},"focus",[472,1599,1586],{"class":482},[472,1601,1602,1604,1606,1608,1611,1613,1616,1618,1620,1622,1624,1626,1629,1632,1635],{"class":474,"line":1060},[472,1603,1063],{"class":872},[472,1605,1550],{"class":499},[472,1607,1024],{"class":478},[472,1609,1610],{"class":935},"setSelectionRange",[472,1612,938],{"class":482},[472,1614,1615],{"class":1135},"0",[472,1617,905],{"class":478},[472,1619,1571],{"class":499},[472,1621,1024],{"class":478},[472,1623,1070],{"class":499},[472,1625,624],{"class":478},[472,1627,1628],{"class":499},"length",[472,1630,1631],{"class":478}," ??",[472,1633,1634],{"class":1135}," 0",[472,1636,949],{"class":482},[472,1638,1639],{"class":474,"line":1079},[472,1640,1144],{"class":478},[472,1642,1643,1645,1647],{"class":474,"line":1094},[472,1644,814],{"class":478},[472,1646,850],{"class":482},[472,1648,773],{"class":478},[472,1650,1651],{"class":474,"line":1099},[472,1652,794],{"emptyLinePlaceholder":793},[472,1654,1655,1657,1659],{"class":474,"line":1114},[472,1656,479],{"class":478},[472,1658,1166],{"class":482},[472,1660,773],{"class":478},[472,1662,1663,1665],{"class":474,"line":1129},[472,1664,1174],{"class":478},[472,1666,483],{"class":482},[472,1668,1669,1672,1674,1676,1679],{"class":474,"line":1141},[472,1670,1671],{"class":489},"    ref",[472,1673,493],{"class":478},[472,1675,496],{"class":478},[472,1677,1678],{"class":516},"input",[472,1680,503],{"class":478},[472,1682,1683,1686,1688,1690,1692],{"class":474,"line":1147},[472,1684,1685],{"class":489},"    v-model",[472,1687,493],{"class":478},[472,1689,496],{"class":478},[472,1691,1070],{"class":516},[472,1693,503],{"class":478},[472,1695,1696],{"class":474,"line":1156},[472,1697,1698],{"class":489},"    autofocus\n",[472,1700,1701,1704,1706,1708,1711],{"class":474,"line":1161},[472,1702,1703],{"class":489},"    :autofocus-delay",[472,1705,493],{"class":478},[472,1707,496],{"class":478},[472,1709,1710],{"class":516},"150",[472,1712,503],{"class":478},[472,1714,1715],{"class":474,"line":1171},[472,1716,1717],{"class":478},"  \u002F>\n",[472,1719,1720,1722,1725,1728,1730,1732,1735,1737,1739,1742,1744,1746],{"class":474,"line":1191},[472,1721,1174],{"class":478},[472,1723,1724],{"class":482},"VyButton",[472,1726,1727],{"class":489}," @tap",[472,1729,493],{"class":478},[472,1731,496],{"class":478},[472,1733,1734],{"class":516},"selectAll",[472,1736,496],{"class":478},[472,1738,1498],{"class":478},[472,1740,1741],{"class":499},"Select all",[472,1743,814],{"class":478},[472,1745,1724],{"class":482},[472,1747,773],{"class":478},[472,1749,1750,1752,1754],{"class":474,"line":1206},[472,1751,814],{"class":478},[472,1753,1166],{"class":482},[472,1755,773],{"class":478},[417,1757,1758,1759,593,1762,593,1765,593,1768,593,1771,605,1774,1777],{},"The core instance provides ",[420,1760,1761],{},"focus()",[420,1763,1764],{},"blur()",[420,1766,1767],{},"clear()",[420,1769,1770],{},"setValue(value)",[420,1772,1773],{},"getValue()",[420,1775,1776],{},"setSelectionRange(start, end)",", all returning promises.",[412,1779,1781],{"id":1780},"features-and-behavior","Features and behavior",[1783,1784,1785,1792,1805,1815,1820,1826,1836,1848,1854],"ul",{},[1786,1787,1788,1791],"li",{},[420,1789,1790],{},"v-model"," sends programmatic changes to the native element without re-pushing every native keystroke.",[1786,1793,1794,1796,1797,1799,1800,1802,1803,624],{},[420,1795,456],{}," defaults to ",[420,1798,517],{},"; the underlying core input defaults ",[420,1801,460],{}," to ",[420,1804,620],{},[1786,1806,1807,1808,1810,1811,1814],{},"The underlying core input applies its native ",[420,1809,1371],{}," default of ",[420,1812,1813],{},"140","; the kit wrapper does not currently expose a way to change it.",[1786,1816,1817,1819],{},[420,1818,695],{}," blocks interaction and applies reduced opacity through the default theme.",[1786,1821,1822,1825],{},[420,1823,1824],{},"loading"," adds a spinning leading icon but does not disable the input.",[1786,1827,1828,1829,1832,1833,1835],{},"A custom ",[420,1830,1831],{},"leading"," slot, ",[420,1834,645],{}," slot, icon, avatar, or loading state creates the corresponding side region.",[1786,1837,1838,1840,1841,1843,1844,1847],{},[420,1839,641],{}," routes to the trailing side only when ",[420,1842,645],{}," is ",[420,1845,1846],{},"true","; otherwise it is leading.",[1786,1849,1850,1851,1853],{},"The ",[420,1852,1831],{}," boolean is present in the public props but does not currently change shorthand routing by itself.",[1786,1855,1856],{},"The default slot is forwarded into the core native input; use named side slots for visual adornments.",[412,1858,1860],{"id":1859},"props","Props",[1862,1863,1864,1883],"table",{},[1865,1866,1867],"thead",{},[1868,1869,1870,1874,1877,1880],"tr",{},[1871,1872,1873],"th",{},"Prop",[1871,1875,1876],{},"Type",[1871,1878,1879],{},"Default",[1871,1881,1882],{},"Description",[1884,1885,1886,1910,1929,1949,1967,1985,2002,2022,2042,2059,2079,2098,2117,2136,2156,2176,2196,2213,2231,2249,2267,2286,2304,2322,2340],"tbody",{},[1868,1887,1888,1894,1899,1904],{},[1889,1890,1891],"td",{},[420,1892,1893],{},"modelValue",[1889,1895,1896],{},[420,1897,1898],{},"string | number",[1889,1900,1901],{},[420,1902,1903],{},"undefined",[1889,1905,1906,1907,1909],{},"Controlled value used by ",[420,1908,1790],{},"; numbers are rendered as strings.",[1868,1911,1912,1916,1921,1926],{},[1889,1913,1914],{},[420,1915,456],{},[1889,1917,1918],{},[420,1919,1920],{},"'text' | 'number' | 'digit' | 'tel' | 'email' | 'password'",[1889,1922,1923],{},[420,1924,1925],{},"'text'",[1889,1927,1928],{},"Native input and software-keyboard mode.",[1868,1930,1931,1935,1940,1946],{},[1889,1932,1933],{},[420,1934,460],{},[1889,1936,1937],{},[420,1938,1939],{},"'done' | 'next' | 'search' | 'send' | 'go'",[1889,1941,1942,1943],{},"Core default ",[420,1944,1945],{},"'send'",[1889,1947,1948],{},"Return-key label and behavior.",[1868,1950,1951,1956,1960,1964],{},[1889,1952,1953],{},[420,1954,1955],{},"placeholder",[1889,1957,1958],{},[420,1959,440],{},[1889,1961,1962],{},[420,1963,1903],{},[1889,1965,1966],{},"Placeholder text.",[1868,1968,1969,1973,1978,1982],{},[1889,1970,1971],{},[420,1972,695],{},[1889,1974,1975],{},[420,1976,1977],{},"boolean",[1889,1979,1980],{},[420,1981,966],{},[1889,1983,1984],{},"Prevents user interaction.",[1868,1986,1987,1991,1995,1999],{},[1889,1988,1989],{},[420,1990,1824],{},[1889,1992,1993],{},[420,1994,1977],{},[1889,1996,1997],{},[420,1998,966],{},[1889,2000,2001],{},"Shows the animated loading icon in the leading region.",[1868,2003,2004,2009,2013,2019],{},[1889,2005,2006],{},[420,2007,2008],{},"loadingIcon",[1889,2010,2011],{},[420,2012,440],{},[1889,2014,2015,2016],{},"App icon \u002F ",[420,2017,2018],{},"i-lucide-loader-circle",[1889,2020,2021],{},"Iconify name for the spinner.",[1868,2023,2024,2028,2032,2036],{},[1889,2025,2026],{},[420,2027,641],{},[1889,2029,2030],{},[420,2031,440],{},[1889,2033,2034],{},[420,2035,1903],{},[1889,2037,2038,2039,2041],{},"Leading icon shorthand, or trailing when ",[420,2040,645],{}," is true.",[1868,2043,2044,2048,2052,2056],{},[1889,2045,2046],{},[420,2047,1831],{},[1889,2049,2050],{},[420,2051,1977],{},[1889,2053,2054],{},[420,2055,966],{},[1889,2057,2058],{},"Declared shorthand hint; currently has no additional runtime effect.",[1868,2060,2061,2065,2069,2073],{},[1889,2062,2063],{},[420,2064,645],{},[1889,2066,2067],{},[420,2068,1977],{},[1889,2070,2071],{},[420,2072,966],{},[1889,2074,2075,2076,2078],{},"Routes ",[420,2077,641],{}," to the trailing side.",[1868,2080,2081,2085,2089,2093],{},[1889,2082,2083],{},[420,2084,655],{},[1889,2086,2087],{},[420,2088,440],{},[1889,2090,2091],{},[420,2092,1903],{},[1889,2094,2095,2096,624],{},"Explicit leading Iconify name; takes precedence over ",[420,2097,641],{},[1868,2099,2100,2104,2108,2112],{},[1889,2101,2102],{},[420,2103,658],{},[1889,2105,2106],{},[420,2107,440],{},[1889,2109,2110],{},[420,2111,1903],{},[1889,2113,2114,2115,624],{},"Explicit trailing Iconify name; takes precedence over ",[420,2116,641],{},[1868,2118,2119,2124,2129,2133],{},[1889,2120,2121],{},[420,2122,2123],{},"avatar",[1889,2125,2126],{},[420,2127,2128],{},"AvatarProps",[1889,2130,2131],{},[420,2132,1903],{},[1889,2134,2135],{},"Leading avatar shown when not loading.",[1868,2137,2138,2143,2148,2153],{},[1889,2139,2140],{},[420,2141,2142],{},"color",[1889,2144,2145],{},[420,2146,2147],{},"Color",[1889,2149,2150],{},[420,2151,2152],{},"'primary'",[1889,2154,2155],{},"Semantic border, highlight, and icon color.",[1868,2157,2158,2163,2168,2173],{},[1889,2159,2160],{},[420,2161,2162],{},"variant",[1889,2164,2165],{},[420,2166,2167],{},"'outline' | 'soft' | 'subtle' | 'ghost' | 'none'",[1889,2169,2170],{},[420,2171,2172],{},"'outline'",[1889,2174,2175],{},"Surface treatment.",[1868,2177,2178,2183,2188,2193],{},[1889,2179,2180],{},[420,2181,2182],{},"size",[1889,2184,2185],{},[420,2186,2187],{},"'sm' | 'md' | 'lg' | 'xl'",[1889,2189,2190],{},[420,2191,2192],{},"'md'",[1889,2194,2195],{},"Padding, text, gap, and icon scale.",[1868,2197,2198,2202,2206,2210],{},[1889,2199,2200],{},[420,2201,682],{},[1889,2203,2204],{},[420,2205,1977],{},[1889,2207,2208],{},[420,2209,966],{},[1889,2211,2212],{},"Forces the semantic border and focus ring on permanently.",[1868,2214,2215,2220,2224,2228],{},[1889,2216,2217],{},[420,2218,2219],{},"id",[1889,2221,2222],{},[420,2223,440],{},[1889,2225,2226],{},[420,2227,1903],{},[1889,2229,2230],{},"Native identifier.",[1868,2232,2233,2238,2242,2246],{},[1889,2234,2235],{},[420,2236,2237],{},"name",[1889,2239,2240],{},[420,2241,440],{},[1889,2243,2244],{},[420,2245,1903],{},[1889,2247,2248],{},"Native field name.",[1868,2250,2251,2256,2260,2264],{},[1889,2252,2253],{},[420,2254,2255],{},"required",[1889,2257,2258],{},[420,2259,1977],{},[1889,2261,2262],{},[420,2263,966],{},[1889,2265,2266],{},"Native required marker.",[1868,2268,2269,2274,2278,2283],{},[1889,2270,2271],{},[420,2272,2273],{},"autocomplete",[1889,2275,2276],{},[420,2277,440],{},[1889,2279,2280],{},[420,2281,2282],{},"'off'",[1889,2284,2285],{},"Native autocomplete hint.",[1868,2287,2288,2293,2297,2301],{},[1889,2289,2290],{},[420,2291,2292],{},"autofocus",[1889,2294,2295],{},[420,2296,1977],{},[1889,2298,2299],{},[420,2300,966],{},[1889,2302,2303],{},"Focuses the core input after mount.",[1868,2305,2306,2311,2315,2319],{},[1889,2307,2308],{},[420,2309,2310],{},"autofocusDelay",[1889,2312,2313],{},[420,2314,444],{},[1889,2316,2317],{},[420,2318,1615],{},[1889,2320,2321],{},"Delay before autofocus, in milliseconds.",[1868,2323,2324,2329,2333,2337],{},[1889,2325,2326],{},[420,2327,2328],{},"class",[1889,2330,2331],{},[420,2332,1495],{},[1889,2334,2335],{},[420,2336,1903],{},[1889,2338,2339],{},"Classes merged onto the root wrapper.",[1868,2341,2342,2347,2352,2356],{},[1889,2343,2344],{},[420,2345,2346],{},"ui",[1889,2348,2349],{},[420,2350,2351],{},"Partial\u003CRecord\u003CInputSlot, any>>",[1889,2353,2354],{},[420,2355,1903],{},[1889,2357,2358],{},"Per-instance theme slot overrides.",[417,2360,2361,1796,2363,593,2366,593,2369,593,2371,593,2374,593,2377,2380,2381,2383],{},[420,2362,2147],{},[420,2364,2365],{},"primary",[420,2367,2368],{},"secondary",[420,2370,745],{},[420,2372,2373],{},"info",[420,2375,2376],{},"warning",[420,2378,2379],{},"error",", or ",[420,2382,1255],{},", and supports consumer registry extensions.",[417,2385,2386,2387,593,2390,593,2393,593,2395,605,2398,2401,2402,1802,2404,2406,2407,2409,2410,2412],{},"The styled kit wrapper does not currently expose all core input props, including ",[420,2388,2389],{},"defaultValue",[420,2391,2392],{},"readonly",[420,2394,1371],{},[420,2396,2397],{},"inputFilter",[420,2399,2400],{},"showSoftInputOnFocus",". Because core defaults ",[420,2403,1371],{},[420,2405,1813],{},", import ",[420,2408,145],{}," from ",[420,2411,41],{}," when you need a different limit, those other native controls, or the detailed input and selection events.",[412,2414,2416],{"id":2415},"emits","Emits",[1862,2418,2419,2431],{},[1865,2420,2421],{},[1868,2422,2423,2426,2429],{},[1871,2424,2425],{},"Event",[1871,2427,2428],{},"Payload",[1871,2430,1882],{},[1884,2432,2433,2449,2462,2475,2489],{},[1868,2434,2435,2440,2444],{},[1889,2436,2437],{},[420,2438,2439],{},"update:modelValue",[1889,2441,2442],{},[420,2443,440],{},[1889,2445,2446,2447,624],{},"Native value changed; powers ",[420,2448,1790],{},[1868,2450,2451,2455,2459],{},[1889,2452,2453],{},[420,2454,573],{},[1889,2456,2457],{},[420,2458,440],{},[1889,2460,2461],{},"The software keyboard's confirm action fired.",[1868,2463,2464,2468,2472],{},[1889,2465,2466],{},[420,2467,1597],{},[1889,2469,2470],{},[420,2471,440],{},[1889,2473,2474],{},"The input received focus.",[1868,2476,2477,2482,2486],{},[1889,2478,2479],{},[420,2480,2481],{},"blur",[1889,2483,2484],{},[420,2485,440],{},[1889,2487,2488],{},"The input lost focus.",[1868,2490,2491,2496,2501],{},[1889,2492,2493],{},[420,2494,2495],{},"keyboard",[1889,2497,2498],{},[420,2499,2500],{},"{ visible: boolean, height: number, safeAreaBottom: number }",[1889,2502,2503],{},"Normalized software-keyboard visibility and dimensions.",[417,2505,2506,2507,1353,2510,2513],{},"The core primitive also emits detailed ",[420,2508,2509],{},"input(value, selectionStart, selectionEnd, isComposing)",[420,2511,2512],{},"selectionChange(selectionStart, selectionEnd)"," events, but the kit wrapper does not currently forward them.",[412,2515,2517],{"id":2516},"slots","Slots",[1862,2519,2520,2531],{},[1865,2521,2522],{},[1868,2523,2524,2527,2529],{},[1871,2525,2526],{},"Slot",[1871,2528,1860],{},[1871,2530,1882],{},[1884,2532,2533,2547,2560],{},[1868,2534,2535,2539,2544],{},[1889,2536,2537],{},[420,2538,1831],{},[1889,2540,2541],{},[420,2542,2543],{},"{ iconColor: string }",[1889,2545,2546],{},"Replaces the loading icon, avatar, or leading icon.",[1868,2548,2549,2553,2557],{},[1889,2550,2551],{},[420,2552,645],{},[1889,2554,2555],{},[420,2556,2543],{},[1889,2558,2559],{},"Replaces the trailing icon.",[1868,2561,2562,2567,2570],{},[1889,2563,2564],{},[420,2565,2566],{},"default",[1889,2568,2569],{},"—",[1889,2571,2572],{},"Forwarded to the underlying core input primitive.",[412,2574,2576],{"id":2575},"exposed","Exposed",[1862,2578,2579,2590],{},[1865,2580,2581],{},[1868,2582,2583,2586,2588],{},[1871,2584,2585],{},"Property",[1871,2587,1876],{},[1871,2589,1882],{},[1884,2591,2592],{},[1868,2593,2594,2598,2603],{},[1889,2595,2596],{},[420,2597,1410],{},[1889,2599,2600],{},[420,2601,2602],{},"InputExposed | null",[1889,2604,2605],{},"Core input instance containing the imperative methods.",[417,2607,2608,2611,2612,2614,2615,2617],{},[420,2609,2610],{},"setValue()"," changes the native value but does not itself emit ",[420,2613,2439],{},". ",[420,2616,1767],{}," emits an empty model value when the core input is controlled.",[412,2619,2621],{"id":2620},"styling-and-theming","Styling and theming",[417,2623,2624,2625,2628,2629,624],{},"Override globally through ",[420,2626,2627],{},"appConfig.ui.input"," or locally with ",[420,2630,2346],{},[463,2632,2635],{"className":2633,"code":2634,"language":863,"meta":468,"style":468},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { createApp } from 'vue-lynx'\nimport { VyUI } from '@vyui\u002Fkit'\nimport App from '.\u002FApp.vue'\n\ncreateApp(App)\n  .use(VyUI, {\n    ui: {\n      input: {\n        slots: {\n          root: 'rounded-xl',\n        },\n        defaultVariants: {\n          variant: 'soft',\n          size: 'lg',\n        },\n      },\n    },\n  })\n  .mount()\n",[420,2636,2637,2657,2676,2693,2697,2705,2720,2730,2739,2748,2765,2770,2779,2795,2811,2815,2820,2825,2832],{"__ignoreMap":468},[472,2638,2639,2641,2643,2646,2648,2650,2652,2655],{"class":474,"line":475},[472,2640,873],{"class":872},[472,2642,876],{"class":478},[472,2644,2645],{"class":499}," createApp",[472,2647,882],{"class":478},[472,2649,885],{"class":872},[472,2651,888],{"class":478},[472,2653,2654],{"class":516},"vue-lynx",[472,2656,893],{"class":478},[472,2658,2659,2661,2663,2666,2668,2670,2672,2674],{"class":474,"line":486},[472,2660,873],{"class":872},[472,2662,876],{"class":478},[472,2664,2665],{"class":499}," VyUI",[472,2667,882],{"class":478},[472,2669,885],{"class":872},[472,2671,888],{"class":478},[472,2673,46],{"class":516},[472,2675,893],{"class":478},[472,2677,2678,2680,2683,2686,2688,2691],{"class":474,"line":506},[472,2679,873],{"class":872},[472,2681,2682],{"class":499}," App ",[472,2684,2685],{"class":872},"from",[472,2687,888],{"class":478},[472,2689,2690],{"class":516},".\u002FApp.vue",[472,2692,893],{"class":478},[472,2694,2695],{"class":474,"line":522},[472,2696,794],{"emptyLinePlaceholder":793},[472,2698,2699,2702],{"class":474,"line":537},[472,2700,2701],{"class":935},"createApp",[472,2703,2704],{"class":499},"(App)\n",[472,2706,2707,2710,2713,2716,2718],{"class":474,"line":552},[472,2708,2709],{"class":478},"  .",[472,2711,2712],{"class":935},"use",[472,2714,2715],{"class":499},"(VyUI",[472,2717,905],{"class":478},[472,2719,989],{"class":478},[472,2721,2722,2725,2728],{"class":474,"line":567},[472,2723,2724],{"class":482},"    ui",[472,2726,2727],{"class":478},":",[472,2729,989],{"class":478},[472,2731,2732,2735,2737],{"class":474,"line":584},[472,2733,2734],{"class":482},"      input",[472,2736,2727],{"class":478},[472,2738,989],{"class":478},[472,2740,2741,2744,2746],{"class":474,"line":811},[472,2742,2743],{"class":482},"        slots",[472,2745,2727],{"class":478},[472,2747,989],{"class":478},[472,2749,2750,2753,2755,2757,2760,2762],{"class":474,"line":1035},[472,2751,2752],{"class":482},"          root",[472,2754,2727],{"class":478},[472,2756,888],{"class":478},[472,2758,2759],{"class":516},"rounded-xl",[472,2761,941],{"class":478},[472,2763,2764],{"class":478},",\n",[472,2766,2767],{"class":474,"line":1055},[472,2768,2769],{"class":478},"        },\n",[472,2771,2772,2775,2777],{"class":474,"line":1060},[472,2773,2774],{"class":482},"        defaultVariants",[472,2776,2727],{"class":478},[472,2778,989],{"class":478},[472,2780,2781,2784,2786,2788,2791,2793],{"class":474,"line":1079},[472,2782,2783],{"class":482},"          variant",[472,2785,2727],{"class":478},[472,2787,888],{"class":478},[472,2789,2790],{"class":516},"soft",[472,2792,941],{"class":478},[472,2794,2764],{"class":478},[472,2796,2797,2800,2802,2804,2807,2809],{"class":474,"line":1094},[472,2798,2799],{"class":482},"          size",[472,2801,2727],{"class":478},[472,2803,888],{"class":478},[472,2805,2806],{"class":516},"lg",[472,2808,941],{"class":478},[472,2810,2764],{"class":478},[472,2812,2813],{"class":474,"line":1099},[472,2814,2769],{"class":478},[472,2816,2817],{"class":474,"line":1114},[472,2818,2819],{"class":478},"      },\n",[472,2821,2822],{"class":474,"line":1129},[472,2823,2824],{"class":478},"    },\n",[472,2826,2827,2830],{"class":474,"line":1141},[472,2828,2829],{"class":478},"  }",[472,2831,949],{"class":499},[472,2833,2834,2836,2839],{"class":474,"line":1147},[472,2835,2709],{"class":478},[472,2837,2838],{"class":935},"mount",[472,2840,1586],{"class":499},[1862,2842,2843,2853],{},[1865,2844,2845],{},[1868,2846,2847,2850],{},[1871,2848,2849],{},"UI slot",[1871,2851,2852],{},"Purpose",[1884,2854,2855,2865,2875,2884,2893,2903,2912],{},[1868,2856,2857,2862],{},[1889,2858,2859],{},[420,2860,2861],{},"root",[1889,2863,2864],{},"Surface, border, radius, horizontal layout, padding, and gaps.",[1868,2866,2867,2872],{},[1889,2868,2869],{},[420,2870,2871],{},"base",[1889,2873,2874],{},"Native input, typed text, placeholder, and vertical padding.",[1868,2876,2877,2881],{},[1889,2878,2879],{},[420,2880,1831],{},[1889,2882,2883],{},"Leading adornment wrapper.",[1868,2885,2886,2890],{},[1889,2887,2888],{},[420,2889,655],{},[1889,2891,2892],{},"Loading or leading icon.",[1868,2894,2895,2900],{},[1889,2896,2897],{},[420,2898,2899],{},"leadingAvatar",[1889,2901,2902],{},"Leading avatar.",[1868,2904,2905,2909],{},[1889,2906,2907],{},[420,2908,645],{},[1889,2910,2911],{},"Trailing adornment wrapper.",[1868,2913,2914,2918],{},[1889,2915,2916],{},[420,2917,658],{},[1889,2919,2920],{},"Trailing icon.",[417,2922,2923,2924,593,2926,593,2928,593,2930,2932,2933,1353,2936,2939,2940,593,2942,605,2944,2947,2948,2950,2951,624],{},"The theme combines ",[420,2925,2182],{},[420,2927,2162],{},[420,2929,2142],{},[420,2931,682],{},", and internal leading, trailing, and loading states. ",[420,2934,2935],{},"outline",[420,2937,2938],{},"subtle"," use semantic borders, while ",[420,2941,2790],{},[420,2943,1240],{},[420,2945,2946],{},"none"," reduce or remove the border treatment. While focused, or when ",[420,2949,682],{}," is set, the root paints a semantic border plus a shadow ring in the active ",[420,2952,2142],{},[417,2954,2955,2956,2958,2959,2961,2962,2965,2966,2968],{},"Because CSS inheritance is disabled in the Lynx build, typed-text and placeholder colors belong on ",[420,2957,2871],{},", while surface and border classes belong on ",[420,2960,2861],{},". The loading icon defaults to ",[420,2963,2964],{},"appConfig.ui.icons.loading","; override that semantic icon globally or use ",[420,2967,2008],{}," per input.",[412,2970,328],{"id":2971},"accessibility",[417,2973,2974,2975,1386,2977,2980],{},"Give every input a visible label. Use ",[420,2976,2219],{},[420,2978,2979],{},"VyLabel"," where your form structure supports it, and keep instructions and validation text next to the field rather than relying on placeholder text, icons, or border color alone.",[417,2982,2983,2984,593,2986,593,2988,605,2990,2992,2993,593,2995,2997],{},"The core native input exposes the keyboard accessibility trait. ",[420,2985,695],{},[420,2987,2255],{},[420,2989,456],{},[420,2991,2273],{}," are forwarded, but ",[420,2994,682],{},[420,2996,1824],{},", icons, and avatars do not add an accessible description or invalid state. Give any interactive control placed in a side slot its own label and adequate tap target.",[417,2999,453,3000,3003],{},[420,3001,3002],{},"type=\"password\""," for secret text, but do not assume the keyboard type validates or sanitizes input. Autofocus can unexpectedly move focus and open the software keyboard, so reserve it for flows where immediate text entry is the user's clear next action.",[412,3005,3007],{"id":3006},"platform-notes","Platform notes",[1783,3009,3010,3017,3023,3038,3041,3051,3054,3061],{},[1786,3011,3012,3013,3016],{},"The underlying control is Lynx's native ",[420,3014,3015],{},"\u003Cinput>",", with DOM fallbacks used by the core imperative methods in tests and web-compatible runtimes.",[1786,3018,3019,3020,3022],{},"The normalized ",[420,3021,2495],{}," event comes from the focused native element and reports both keyboard height and safe-area bottom inset.",[1786,3024,453,3025,3029,3030,3033,3034,3037],{},[667,3026,3027],{"href":165},[420,3028,164],{}," wrappers when the software keyboard may cover the field. Inside a ",[420,3031,3032],{},"VyKeyboardAwareRoot",", the input registers itself — no ",[420,3035,3036],{},"VyKeyboardAwareTrigger"," wrap needed.",[1786,3039,3040],{},"Software-keyboard layouts, autocomplete behavior, password masking, and return-key labels can differ across iOS, Android, and web.",[1786,3042,3043,3044,3047,3048,624],{},"Focus is tracked in JS because Lynx has no ",[420,3045,3046],{},":focus-within"," and the border and ring live on the root wrapper, not the native input; the ring itself is a flat ",[420,3049,3050],{},"box-shadow",[1786,3052,3053],{},"Leading and trailing elements are flex siblings rather than absolute overlays because Lynx does not reliably layer them over a native text input.",[1786,3055,3056,3057,3060],{},"Lynx SVG does not inherit ",[420,3058,3059],{},"currentColor",", so built-in and custom icon slots receive an explicit resolved hex color.",[1786,3062,3063,3064,3067],{},"The default theme uses vyui's semantic surface\u002Ftext\u002Fborder tokens, so it adapts automatically under dark mode (see ",[667,3065,3066],{"href":319},"Theming → Dark Mode",").",[412,3069,3071],{"id":3070},"related-components","Related components",[1783,3073,3074,3081,3088,3096],{},[1786,3075,3076,3080],{},[667,3077,3078],{"href":282},[420,3079,281],{}," for multi-line text.",[1786,3082,3083,3087],{},[667,3084,3085],{"href":165},[420,3086,164],{}," for avoiding the software keyboard.",[1786,3089,3090,1353,3093,3095],{},[420,3091,3092],{},"FormField",[420,3094,169],{}," for labels, help text, and validation messages.",[1786,3097,3098,3102],{},[667,3099,3100],{"href":142},[420,3101,141],{}," for registering and rendering Iconify icons.",[3104,3105,3106],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":468,"searchDepth":475,"depth":486,"links":3108},[3109,3110,3123,3124,3125,3126,3127,3128,3129,3130,3131],{"id":414,"depth":486,"text":415},{"id":431,"depth":486,"text":432,"children":3111},[3112,3113,3114,3115,3116,3117,3118,3119,3120,3121,3122],{"id":449,"depth":506,"text":450},{"id":635,"depth":506,"text":636},{"id":675,"depth":506,"text":676},{"id":695,"depth":506,"text":696},{"id":708,"depth":506,"text":709},{"id":821,"depth":506,"text":822},{"id":831,"depth":506,"text":832},{"id":1346,"depth":506,"text":1347},{"id":1361,"depth":506,"text":1362},{"id":1378,"depth":506,"text":1379},{"id":1403,"depth":506,"text":1404},{"id":1780,"depth":486,"text":1781},{"id":1859,"depth":486,"text":1860},{"id":2415,"depth":486,"text":2416},{"id":2516,"depth":486,"text":2517},{"id":2575,"depth":486,"text":2576},{"id":2620,"depth":486,"text":2621},{"id":2971,"depth":486,"text":328},{"id":3006,"depth":486,"text":3007},{"id":3070,"depth":486,"text":3071},"Collect single-line text with themed states, icons, avatars, and native keyboard events.","md",[3135],{"label":3136,"icon":3137,"to":3138,"target":3139},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FInput.vue","_blank",{},{"icon":148},{"title":145,"description":3132},"G6oLlYJThU9HyzBhKn-RpF-hToanQJziekdmii1_aCA",[3145,3147],{"title":141,"path":142,"stem":143,"description":3146,"icon":-1,"children":-1,"navigation":-1},"Render registered Iconify data or a custom Vue component through Lynx-native SVG.",{"title":150,"path":151,"stem":152,"description":3148,"icon":-1,"children":-1,"navigation":-1},"Build a floating or inline pill that can select, morph, and expand.",1783534409597]