[{"data":1,"prerenderedAt":1028},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Falert":313,"\u002Fcomponents\u002Falert-surround":1023},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"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","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":68,"body":315,"description":1011,"extension":1012,"links":1013,"meta":1019,"navigation":1020,"package":60,"path":69,"seo":1021,"stem":70,"__hash__":1022},"docs\u002F3.components\u002Falert.md",{"type":316,"value":317,"toc":992},"minimark",[318,323,331,336,340,342,347,353,356,363,367,388,392,396,433,437,658,685,689,719,723,803,807,816,895,921,924,927,937,941,966,970],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyAlert"," displays a title, description, leading icon, actions, and an optional close control. Semantic color and visual variants make it suitable for informational, success, warning, and error messages.",[332,333],"component-code",{"height":334,"name":335},"220px","alert-example",[319,337,339],{"id":338},"usage","Usage",[332,341],{"height":334,"name":335},[343,344,346],"h3",{"id":345},"actions-and-dismissal","Actions and dismissal",[324,348,349,352],{},[327,350,351],{},"orientation=\"vertical\""," places actions below the copy. Horizontal orientation places them at the trailing edge.",[332,354],{"height":334,"name":355},"alert-closable",[324,357,358,359,362],{},"The alert does not manage or hide itself. When the close control is tapped it emits ",[327,360,361],{},"update:open(false)","; the parent decides whether to remove it.",[343,364,366],{"id":365},"variants","Variants",[324,368,369,370,373,374,373,377,373,380,383,384,387],{},"Combine semantic colors with ",[327,371,372],{},"solid",", ",[327,375,376],{},"soft",[327,378,379],{},"outline",[327,381,382],{},"subtle",", or ",[327,385,386],{},"ghost",".",[332,389],{"height":390,"name":391},"520px","alert-variants",[319,393,395],{"id":394},"features-and-behavior","Features and behavior",[397,398,399,411,424,427,430],"ul",{},[400,401,402,403,406,407,410],"li",{},"Slot content takes precedence over ",[327,404,405],{},"title"," and ",[327,408,409],{},"description"," props.",[400,412,413,414,417,418,417,421,387],{},"The close icon resolves from ",[327,415,416],{},"closeIcon",", then ",[327,419,420],{},"appConfig.ui.icons.close",[327,422,423],{},"i-lucide-x",[400,425,426],{},"In vertical orientation, actions render below the title and description.",[400,428,429],{},"In horizontal orientation, actions and the close control share the trailing actions region.",[400,431,432],{},"The description receives additional top spacing only when a title prop or title slot is present.",[319,434,436],{"id":435},"props","Props",[438,439,440,459],"table",{},[441,442,443],"thead",{},[444,445,446,450,453,456],"tr",{},[447,448,449],"th",{},"Prop",[447,451,452],{},"Type",[447,454,455],{},"Default",[447,457,458],{},"Description",[460,461,462,485,504,522,542,562,582,602,620,639],"tbody",{},[444,463,464,469,474,479],{},[465,466,467],"td",{},[327,468,405],{},[465,470,471],{},[327,472,473],{},"string",[465,475,476],{},[327,477,478],{},"undefined",[465,480,481,482,484],{},"Title text, replaced by the ",[327,483,405],{}," slot.",[444,486,487,491,495,499],{},[465,488,489],{},[327,490,409],{},[465,492,493],{},[327,494,473],{},[465,496,497],{},[327,498,478],{},[465,500,501,502,484],{},"Supporting text, replaced by the ",[327,503,409],{},[444,505,506,511,515,519],{},[465,507,508],{},[327,509,510],{},"icon",[465,512,513],{},[327,514,473],{},[465,516,517],{},[327,518,478],{},[465,520,521],{},"Leading Iconify icon name.",[444,523,524,529,534,539],{},[465,525,526],{},[327,527,528],{},"color",[465,530,531],{},[327,532,533],{},"Color",[465,535,536],{},[327,537,538],{},"'primary'",[465,540,541],{},"Semantic color.",[444,543,544,549,554,559],{},[465,545,546],{},[327,547,548],{},"variant",[465,550,551],{},[327,552,553],{},"'solid' | 'outline' | 'subtle' | 'soft' | 'ghost'",[465,555,556],{},[327,557,558],{},"'solid'",[465,560,561],{},"Surface and foreground treatment.",[444,563,564,569,574,579],{},[465,565,566],{},[327,567,568],{},"orientation",[465,570,571],{},[327,572,573],{},"'horizontal' | 'vertical'",[465,575,576],{},[327,577,578],{},"'vertical'",[465,580,581],{},"Position of actions relative to content.",[444,583,584,589,594,599],{},[465,585,586],{},[327,587,588],{},"close",[465,590,591],{},[327,592,593],{},"boolean",[465,595,596],{},[327,597,598],{},"false",[465,600,601],{},"Shows the built-in close control.",[444,603,604,608,612,617],{},[465,605,606],{},[327,607,416],{},[465,609,610],{},[327,611,473],{},[465,613,614,615],{},"App icon \u002F ",[327,616,423],{},[465,618,619],{},"Iconify name for the close control.",[444,621,622,627,632,636],{},[465,623,624],{},[327,625,626],{},"class",[465,628,629],{},[327,630,631],{},"any",[465,633,634],{},[327,635,478],{},[465,637,638],{},"Classes merged onto the root.",[444,640,641,646,651,655],{},[465,642,643],{},[327,644,645],{},"ui",[465,647,648],{},[327,649,650],{},"Partial\u003CRecord\u003CAlertSlot, any>>",[465,652,653],{},[327,654,478],{},[465,656,657],{},"Per-instance theme slot overrides.",[324,659,660,662,663,373,666,373,669,373,672,373,675,373,678,383,681,684],{},[327,661,533],{}," defaults to ",[327,664,665],{},"primary",[327,667,668],{},"secondary",[327,670,671],{},"success",[327,673,674],{},"info",[327,676,677],{},"warning",[327,679,680],{},"error",[327,682,683],{},"neutral",", and supports consumer registry extensions.",[319,686,688],{"id":687},"emits","Emits",[438,690,691,703],{},[441,692,693],{},[444,694,695,698,701],{},[447,696,697],{},"Event",[447,699,700],{},"Payload",[447,702,458],{},[460,704,705],{},[444,706,707,712,716],{},[465,708,709],{},[327,710,711],{},"update:open",[465,713,714],{},[327,715,598],{},[465,717,718],{},"Emitted when the built-in close control is tapped.",[319,720,722],{"id":721},"slots","Slots",[438,724,725,736],{},[441,726,727],{},[444,728,729,732,734],{},[447,730,731],{},"Slot",[447,733,436],{},[447,735,458],{},[460,737,738,753,765,776,790],{},[444,739,740,745,750],{},[465,741,742],{},[327,743,744],{},"leading",[465,746,747],{},[327,748,749],{},"{ iconColor: string }",[465,751,752],{},"Replaces the leading icon.",[444,754,755,759,762],{},[465,756,757],{},[327,758,405],{},[465,760,761],{},"—",[465,763,764],{},"Replaces title text.",[444,766,767,771,773],{},[465,768,769],{},[327,770,409],{},[465,772,761],{},[465,774,775],{},"Replaces description text.",[444,777,778,783,785],{},[465,779,780],{},[327,781,782],{},"actions",[465,784,761],{},[465,786,787,788,387],{},"Action controls, positioned by ",[327,789,568],{},[444,791,792,796,800],{},[465,793,794],{},[327,795,588],{},[465,797,798],{},[327,799,749],{},[465,801,802],{},"Replaces the close region.",[319,804,806],{"id":805},"styling-and-theming","Styling and theming",[324,808,809,810,813,814,387],{},"Override globally through ",[327,811,812],{},"appConfig.ui.alert"," or locally with ",[327,815,645],{},[438,817,818,828],{},[441,819,820],{},[444,821,822,825],{},[447,823,824],{},"UI slot",[447,826,827],{},"Purpose",[460,829,830,840,850,859,868,877,886],{},[444,831,832,837],{},[465,833,834],{},[327,835,836],{},"root",[465,838,839],{},"Alert surface and orientation layout.",[444,841,842,847],{},[465,843,844],{},[327,845,846],{},"wrapper",[465,848,849],{},"Title and description column.",[444,851,852,856],{},[465,853,854],{},[327,855,405],{},[465,857,858],{},"Title text.",[444,860,861,865],{},[465,862,863],{},[327,864,409],{},[465,866,867],{},"Supporting text.",[444,869,870,874],{},[465,871,872],{},[327,873,510],{},[465,875,876],{},"Leading and built-in close icons.",[444,878,879,883],{},[465,880,881],{},[327,882,782],{},[465,884,885],{},"Actions and close-control region.",[444,887,888,892],{},[465,889,890],{},[327,891,588],{},[465,893,894],{},"Built-in close hit area.",[324,896,897,898,373,900,373,902,904,905,907,908,910,911,373,913,373,915,917,918,920],{},"The theme combines ",[327,899,528],{},[327,901,548],{},[327,903,568],{},", and an internal ",[327,906,405],{}," state. ",[327,909,372],{}," uses a filled semantic surface with white foreground; ",[327,912,379],{},[327,914,382],{},[327,916,376],{},", and ",[327,919,386],{}," progressively reduce surface emphasis.",[319,922,299],{"id":923},"accessibility",[324,925,926],{},"Use a concise title and put additional detail in the description. Alerts are visually prominent but the wrapper does not currently add an assertive live-region announcement, so critical time-sensitive messaging may need application-level announcement handling.",[324,928,929,930,933,934,936],{},"The built-in close region is currently a tappable Lynx ",[327,931,932],{},"view"," without an explicit button role or accessibility label. For an accessible dismiss action, replace the ",[327,935,588],{}," slot with a labeled control in your application.",[319,938,940],{"id":939},"platform-notes","Platform notes",[397,942,943,952,963],{},[400,944,945,946,406,948,951],{},"The component renders Lynx ",[327,947,932],{},[327,949,950],{},"text"," elements.",[400,953,954,955,958,959,962],{},"SVG glyphs cannot inherit ",[327,956,957],{},"currentColor"," in Lynx, so ",[327,960,961],{},"iconColor"," is resolved to an explicit hex value and passed to built-in icons and custom icon slots.",[400,964,965],{},"The default theme is light-mode-only.",[319,967,969],{"id":968},"related-components","Related components",[397,971,972,981,986],{},[400,973,974,980],{},[975,976,977],"a",{"href":64},[327,978,979],{},"ActionSheet"," for choosing an action.",[400,982,983,985],{},[327,984,277],{}," for transient feedback.",[400,987,988,991],{},[327,989,990],{},"Banner"," for page-wide announcements.",{"title":993,"searchDepth":994,"depth":995,"links":996},"",1,2,[997,998,1003,1004,1005,1006,1007,1008,1009,1010],{"id":321,"depth":995,"text":322},{"id":338,"depth":995,"text":339,"children":999},[1000,1002],{"id":345,"depth":1001,"text":346},3,{"id":365,"depth":1001,"text":366},{"id":394,"depth":995,"text":395},{"id":435,"depth":995,"text":436},{"id":687,"depth":995,"text":688},{"id":721,"depth":995,"text":722},{"id":805,"depth":995,"text":806},{"id":923,"depth":995,"text":299},{"id":939,"depth":995,"text":940},{"id":968,"depth":995,"text":969},"Highlight important status, guidance, or feedback.","md",[1014],{"label":1015,"icon":1016,"to":1017,"target":1018},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FAlert.vue","_blank",{},{"icon":71},{"title":68,"description":1011},"bs0MAfWOIlMXWDFOc9BLruucdRkuIbWPkxI0baXATGU",[1024,1026],{"title":63,"path":64,"stem":65,"description":1025,"icon":-1,"children":-1,"navigation":-1},"Present a mobile bottom sheet containing grouped actions.",{"title":73,"path":74,"stem":75,"description":1027,"icon":-1,"children":-1,"navigation":-1},"Headless confirmation dialog primitive that interrupts the user with a required action or cancel.",1783464073355]