[{"data":1,"prerenderedAt":3116},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftoast":460,"\u002Fcomponents\u002Ftoast-surround":3111},[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":285,"body":462,"description":3099,"extension":3100,"links":3101,"meta":3107,"navigation":3108,"package":63,"path":286,"seo":3109,"stem":287,"__hash__":3110},"docs\u002F3.components\u002Ftoast.md",{"type":463,"value":464,"toc":3076},"minimark",[465,470,478,493,498,502,874,883,888,894,1146,1156,1160,1167,1643,1646,1650,1671,1674,1958,1962,1965,2060,2064,2148,2152,2497,2522,2540,2544,2576,2580,2670,2674,2684,2690,2764,2769,2842,2845,2849,2858,2965,2973,2976,2987,3001,3008,3012,3046,3050,3072],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477],"p",{},[474,475,476],"code",{},"VyToast"," displays short-lived feedback in a styled card. It supports semantic colors, icons or avatars, actions, a close control, a countdown bar, swipe dismissal, and Sonner-style stacked layouts.",[471,479,480,481,484,485,488,489,492],{},"Every toast must be rendered inside the core ",[474,482,483],{},"ToastProvider",". Use ",[474,486,487],{},"ToastViewport"," when the toast should float at a screen edge through the app's ",[474,490,491],{},"OverlayRoot",".",[494,495],"component-code",{"height":496,"name":497},"220px","toast-example",[466,499,501],{"id":500},"usage","Usage",[503,504,509],"pre",{"className":505,"code":506,"language":507,"meta":508,"style":508},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit\u002Ftoast'\nimport { ref } from 'vue'\n\nconst visible = ref(true)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"5000\">\n    \u003CToastViewport position=\"top\" :style=\"{ top: '16px', zIndex: 60 }\">\n      \u003CVyToast\n        v-if=\"visible\"\n        title=\"Changes saved\"\n        description=\"Your profile is up to date.\"\n        icon=\"i-lucide-circle-check\"\n        color=\"success\"\n        progress\n        @update:open=\"visible = $event\"\n      \u002F>\n    \u003C\u002FToastViewport>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n","vue","",[474,510,511,546,580,601,621,628,652,662,667,677,699,733,742,758,773,788,803,818,824,839,845,855,865],{"__ignoreMap":508},[512,513,516,520,524,528,531,534,537,541,543],"span",{"class":514,"line":515},"line",1,[512,517,519],{"class":518},"sMK4o","\u003C",[512,521,523],{"class":522},"swJcz","script",[512,525,527],{"class":526},"spNyl"," setup",[512,529,530],{"class":526}," lang",[512,532,533],{"class":518},"=",[512,535,536],{"class":518},"\"",[512,538,540],{"class":539},"sfazB","ts",[512,542,536],{"class":518},[512,544,545],{"class":518},">\n",[512,547,549,553,556,560,563,566,569,572,575,577],{"class":514,"line":548},2,[512,550,552],{"class":551},"s7zQu","import",[512,554,555],{"class":518}," {",[512,557,559],{"class":558},"sTEyZ"," ToastProvider",[512,561,562],{"class":518},",",[512,564,565],{"class":558}," ToastViewport",[512,567,568],{"class":518}," }",[512,570,571],{"class":551}," from",[512,573,574],{"class":518}," '",[512,576,41],{"class":539},[512,578,579],{"class":518},"'\n",[512,581,583,585,587,590,592,594,596,599],{"class":514,"line":582},3,[512,584,552],{"class":551},[512,586,555],{"class":518},[512,588,589],{"class":558}," VyToast",[512,591,568],{"class":518},[512,593,571],{"class":551},[512,595,574],{"class":518},[512,597,598],{"class":539},"@vyui\u002Fkit\u002Ftoast",[512,600,579],{"class":518},[512,602,604,606,608,611,613,615,617,619],{"class":514,"line":603},4,[512,605,552],{"class":551},[512,607,555],{"class":518},[512,609,610],{"class":558}," ref",[512,612,568],{"class":518},[512,614,571],{"class":551},[512,616,574],{"class":518},[512,618,507],{"class":539},[512,620,579],{"class":518},[512,622,624],{"class":514,"line":623},5,[512,625,627],{"emptyLinePlaceholder":626},true,"\n",[512,629,631,634,637,639,642,645,649],{"class":514,"line":630},6,[512,632,633],{"class":526},"const",[512,635,636],{"class":558}," visible ",[512,638,533],{"class":518},[512,640,610],{"class":641},"s2Zo4",[512,643,644],{"class":558},"(",[512,646,648],{"class":647},"sfNiH","true",[512,650,651],{"class":558},")\n",[512,653,655,658,660],{"class":514,"line":654},7,[512,656,657],{"class":518},"\u003C\u002F",[512,659,523],{"class":522},[512,661,545],{"class":518},[512,663,665],{"class":514,"line":664},8,[512,666,627],{"emptyLinePlaceholder":626},[512,668,670,672,675],{"class":514,"line":669},9,[512,671,519],{"class":518},[512,673,674],{"class":522},"template",[512,676,545],{"class":518},[512,678,680,683,685,688,690,692,695,697],{"class":514,"line":679},10,[512,681,682],{"class":518},"  \u003C",[512,684,483],{"class":522},[512,686,687],{"class":526}," :duration",[512,689,533],{"class":518},[512,691,536],{"class":518},[512,693,694],{"class":539},"5000",[512,696,536],{"class":518},[512,698,545],{"class":518},[512,700,702,705,707,710,712,714,717,719,722,724,726,729,731],{"class":514,"line":701},11,[512,703,704],{"class":518},"    \u003C",[512,706,487],{"class":522},[512,708,709],{"class":526}," position",[512,711,533],{"class":518},[512,713,536],{"class":518},[512,715,716],{"class":539},"top",[512,718,536],{"class":518},[512,720,721],{"class":526}," :style",[512,723,533],{"class":518},[512,725,536],{"class":518},[512,727,728],{"class":539},"{ top: '16px', zIndex: 60 }",[512,730,536],{"class":518},[512,732,545],{"class":518},[512,734,736,739],{"class":514,"line":735},12,[512,737,738],{"class":518},"      \u003C",[512,740,741],{"class":522},"VyToast\n",[512,743,745,748,750,752,755],{"class":514,"line":744},13,[512,746,747],{"class":526},"        v-if",[512,749,533],{"class":518},[512,751,536],{"class":518},[512,753,754],{"class":539},"visible",[512,756,757],{"class":518},"\"\n",[512,759,761,764,766,768,771],{"class":514,"line":760},14,[512,762,763],{"class":526},"        title",[512,765,533],{"class":518},[512,767,536],{"class":518},[512,769,770],{"class":539},"Changes saved",[512,772,757],{"class":518},[512,774,776,779,781,783,786],{"class":514,"line":775},15,[512,777,778],{"class":526},"        description",[512,780,533],{"class":518},[512,782,536],{"class":518},[512,784,785],{"class":539},"Your profile is up to date.",[512,787,757],{"class":518},[512,789,791,794,796,798,801],{"class":514,"line":790},16,[512,792,793],{"class":526},"        icon",[512,795,533],{"class":518},[512,797,536],{"class":518},[512,799,800],{"class":539},"i-lucide-circle-check",[512,802,757],{"class":518},[512,804,806,809,811,813,816],{"class":514,"line":805},17,[512,807,808],{"class":526},"        color",[512,810,533],{"class":518},[512,812,536],{"class":518},[512,814,815],{"class":539},"success",[512,817,757],{"class":518},[512,819,821],{"class":514,"line":820},18,[512,822,823],{"class":526},"        progress\n",[512,825,827,830,832,834,837],{"class":514,"line":826},19,[512,828,829],{"class":526},"        @update:open",[512,831,533],{"class":518},[512,833,536],{"class":518},[512,835,836],{"class":539},"visible = $event",[512,838,757],{"class":518},[512,840,842],{"class":514,"line":841},20,[512,843,844],{"class":518},"      \u002F>\n",[512,846,848,851,853],{"class":514,"line":847},21,[512,849,850],{"class":518},"    \u003C\u002F",[512,852,487],{"class":522},[512,854,545],{"class":518},[512,856,858,861,863],{"class":514,"line":857},22,[512,859,860],{"class":518},"  \u003C\u002F",[512,862,483],{"class":522},[512,864,545],{"class":518},[512,866,868,870,872],{"class":514,"line":867},23,[512,869,657],{"class":518},[512,871,674],{"class":522},[512,873,545],{"class":518},[471,875,876,878,879,882],{},[474,877,476],{}," opens when it mounts. Remove it when ",[474,880,881],{},"update:open(false)"," fires, whether dismissal came from the timer, close control, action, or swipe.",[884,885,887],"h3",{"id":886},"actions","Actions",[471,889,890,891,893],{},"Pass button prop objects to ",[474,892,886],{},". Tapping an action closes the toast after the button's own handler runs.",[503,895,897],{"className":505,"code":896,"language":507,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { ToastProvider } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit\u002Ftoast'\n\nfunction undo() {\n  console.log('Undo deletion')\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"0\">\n    \u003CVyToast\n      title=\"Conversation deleted\"\n      description=\"This action can be undone.\"\n      color=\"warning\"\n      :actions=\"[\n        { label: 'Undo', color: 'warning', variant: 'soft', onTap: undo },\n      ]\"\n      :close=\"{ size: 'sm' }\"\n    \u002F>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n",[474,898,899,919,937,955,959,973,995,1000,1008,1012,1020,1039,1045,1059,1073,1087,1099,1104,1111,1125,1130,1138],{"__ignoreMap":508},[512,900,901,903,905,907,909,911,913,915,917],{"class":514,"line":515},[512,902,519],{"class":518},[512,904,523],{"class":522},[512,906,527],{"class":526},[512,908,530],{"class":526},[512,910,533],{"class":518},[512,912,536],{"class":518},[512,914,540],{"class":539},[512,916,536],{"class":518},[512,918,545],{"class":518},[512,920,921,923,925,927,929,931,933,935],{"class":514,"line":548},[512,922,552],{"class":551},[512,924,555],{"class":518},[512,926,559],{"class":558},[512,928,568],{"class":518},[512,930,571],{"class":551},[512,932,574],{"class":518},[512,934,41],{"class":539},[512,936,579],{"class":518},[512,938,939,941,943,945,947,949,951,953],{"class":514,"line":582},[512,940,552],{"class":551},[512,942,555],{"class":518},[512,944,589],{"class":558},[512,946,568],{"class":518},[512,948,571],{"class":551},[512,950,574],{"class":518},[512,952,598],{"class":539},[512,954,579],{"class":518},[512,956,957],{"class":514,"line":603},[512,958,627],{"emptyLinePlaceholder":626},[512,960,961,964,967,970],{"class":514,"line":623},[512,962,963],{"class":526},"function",[512,965,966],{"class":641}," undo",[512,968,969],{"class":518},"()",[512,971,972],{"class":518}," {\n",[512,974,975,978,980,983,985,988,991,993],{"class":514,"line":630},[512,976,977],{"class":558},"  console",[512,979,492],{"class":518},[512,981,982],{"class":641},"log",[512,984,644],{"class":522},[512,986,987],{"class":518},"'",[512,989,990],{"class":539},"Undo deletion",[512,992,987],{"class":518},[512,994,651],{"class":522},[512,996,997],{"class":514,"line":654},[512,998,999],{"class":518},"}\n",[512,1001,1002,1004,1006],{"class":514,"line":664},[512,1003,657],{"class":518},[512,1005,523],{"class":522},[512,1007,545],{"class":518},[512,1009,1010],{"class":514,"line":669},[512,1011,627],{"emptyLinePlaceholder":626},[512,1013,1014,1016,1018],{"class":514,"line":679},[512,1015,519],{"class":518},[512,1017,674],{"class":522},[512,1019,545],{"class":518},[512,1021,1022,1024,1026,1028,1030,1032,1035,1037],{"class":514,"line":701},[512,1023,682],{"class":518},[512,1025,483],{"class":522},[512,1027,687],{"class":526},[512,1029,533],{"class":518},[512,1031,536],{"class":518},[512,1033,1034],{"class":539},"0",[512,1036,536],{"class":518},[512,1038,545],{"class":518},[512,1040,1041,1043],{"class":514,"line":735},[512,1042,704],{"class":518},[512,1044,741],{"class":522},[512,1046,1047,1050,1052,1054,1057],{"class":514,"line":744},[512,1048,1049],{"class":526},"      title",[512,1051,533],{"class":518},[512,1053,536],{"class":518},[512,1055,1056],{"class":539},"Conversation deleted",[512,1058,757],{"class":518},[512,1060,1061,1064,1066,1068,1071],{"class":514,"line":760},[512,1062,1063],{"class":526},"      description",[512,1065,533],{"class":518},[512,1067,536],{"class":518},[512,1069,1070],{"class":539},"This action can be undone.",[512,1072,757],{"class":518},[512,1074,1075,1078,1080,1082,1085],{"class":514,"line":775},[512,1076,1077],{"class":526},"      color",[512,1079,533],{"class":518},[512,1081,536],{"class":518},[512,1083,1084],{"class":539},"warning",[512,1086,757],{"class":518},[512,1088,1089,1092,1094,1096],{"class":514,"line":790},[512,1090,1091],{"class":526},"      :actions",[512,1093,533],{"class":518},[512,1095,536],{"class":518},[512,1097,1098],{"class":539},"[\n",[512,1100,1101],{"class":514,"line":805},[512,1102,1103],{"class":539},"        { label: 'Undo', color: 'warning', variant: 'soft', onTap: undo },\n",[512,1105,1106,1109],{"class":514,"line":820},[512,1107,1108],{"class":539},"      ]",[512,1110,757],{"class":518},[512,1112,1113,1116,1118,1120,1123],{"class":514,"line":826},[512,1114,1115],{"class":526},"      :close",[512,1117,533],{"class":518},[512,1119,536],{"class":518},[512,1121,1122],{"class":539},"{ size: 'sm' }",[512,1124,757],{"class":518},[512,1126,1127],{"class":514,"line":841},[512,1128,1129],{"class":518},"    \u002F>\n",[512,1131,1132,1134,1136],{"class":514,"line":847},[512,1133,860],{"class":518},[512,1135,483],{"class":522},[512,1137,545],{"class":518},[512,1139,1140,1142,1144],{"class":514,"line":857},[512,1141,657],{"class":518},[512,1143,674],{"class":522},[512,1145,545],{"class":518},[471,1147,1148,1149,1151,1152,1155],{},"Set the provider duration to ",[474,1150,1034],{}," for a persistent toast. The kit component does not currently expose a per-toast ",[474,1153,1154],{},"duration"," prop.",[884,1157,1159],{"id":1158},"stacked-toasts","Stacked toasts",[471,1161,1162,1163,1166],{},"One provider coordinates order, measured heights, and expanded state for every toast in the stack. Match ",[474,1164,1165],{},"stackFrom"," to the viewport's vertical edge.",[503,1168,1170],{"className":505,"code":1169,"language":507,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit\u002Ftoast'\nimport { ref } from 'vue'\n\nconst toasts = ref([\n  { id: 1, title: 'Build complete', description: 'Artifacts are ready.' },\n  { id: 2, title: 'Preview deployed', description: 'The preview URL is live.' },\n])\n\nfunction remove(id: number) {\n  toasts.value = toasts.value.filter(toast => toast.id !== id)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"6000\">\n    \u003CToastViewport position=\"top\" :style=\"{ top: '16px', zIndex: 60 }\">\n      \u003CVyToast\n        v-for=\"toast in toasts\"\n        :key=\"toast.id\"\n        stacked\n        stack-from=\"top\"\n        swipe\n        progress\n        :title=\"toast.title\"\n        :description=\"toast.description\"\n        @update:open=\"open => !open && remove(toast.id)\"\n      \u002F>\n    \u003C\u002FToastViewport>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n",[474,1171,1172,1192,1214,1232,1250,1254,1268,1314,1353,1358,1362,1386,1433,1437,1445,1449,1457,1476,1504,1510,1524,1538,1543,1556,1562,1567,1582,1597,1611,1616,1625,1634],{"__ignoreMap":508},[512,1173,1174,1176,1178,1180,1182,1184,1186,1188,1190],{"class":514,"line":515},[512,1175,519],{"class":518},[512,1177,523],{"class":522},[512,1179,527],{"class":526},[512,1181,530],{"class":526},[512,1183,533],{"class":518},[512,1185,536],{"class":518},[512,1187,540],{"class":539},[512,1189,536],{"class":518},[512,1191,545],{"class":518},[512,1193,1194,1196,1198,1200,1202,1204,1206,1208,1210,1212],{"class":514,"line":548},[512,1195,552],{"class":551},[512,1197,555],{"class":518},[512,1199,559],{"class":558},[512,1201,562],{"class":518},[512,1203,565],{"class":558},[512,1205,568],{"class":518},[512,1207,571],{"class":551},[512,1209,574],{"class":518},[512,1211,41],{"class":539},[512,1213,579],{"class":518},[512,1215,1216,1218,1220,1222,1224,1226,1228,1230],{"class":514,"line":582},[512,1217,552],{"class":551},[512,1219,555],{"class":518},[512,1221,589],{"class":558},[512,1223,568],{"class":518},[512,1225,571],{"class":551},[512,1227,574],{"class":518},[512,1229,598],{"class":539},[512,1231,579],{"class":518},[512,1233,1234,1236,1238,1240,1242,1244,1246,1248],{"class":514,"line":603},[512,1235,552],{"class":551},[512,1237,555],{"class":518},[512,1239,610],{"class":558},[512,1241,568],{"class":518},[512,1243,571],{"class":551},[512,1245,574],{"class":518},[512,1247,507],{"class":539},[512,1249,579],{"class":518},[512,1251,1252],{"class":514,"line":623},[512,1253,627],{"emptyLinePlaceholder":626},[512,1255,1256,1258,1261,1263,1265],{"class":514,"line":630},[512,1257,633],{"class":526},[512,1259,1260],{"class":558}," toasts ",[512,1262,533],{"class":518},[512,1264,610],{"class":641},[512,1266,1267],{"class":558},"([\n",[512,1269,1270,1273,1276,1279,1283,1285,1288,1290,1292,1295,1297,1299,1302,1304,1306,1309,1311],{"class":514,"line":654},[512,1271,1272],{"class":518},"  {",[512,1274,1275],{"class":522}," id",[512,1277,1278],{"class":518},":",[512,1280,1282],{"class":1281},"sbssI"," 1",[512,1284,562],{"class":518},[512,1286,1287],{"class":522}," title",[512,1289,1278],{"class":518},[512,1291,574],{"class":518},[512,1293,1294],{"class":539},"Build complete",[512,1296,987],{"class":518},[512,1298,562],{"class":518},[512,1300,1301],{"class":522}," description",[512,1303,1278],{"class":518},[512,1305,574],{"class":518},[512,1307,1308],{"class":539},"Artifacts are ready.",[512,1310,987],{"class":518},[512,1312,1313],{"class":518}," },\n",[512,1315,1316,1318,1320,1322,1325,1327,1329,1331,1333,1336,1338,1340,1342,1344,1346,1349,1351],{"class":514,"line":664},[512,1317,1272],{"class":518},[512,1319,1275],{"class":522},[512,1321,1278],{"class":518},[512,1323,1324],{"class":1281}," 2",[512,1326,562],{"class":518},[512,1328,1287],{"class":522},[512,1330,1278],{"class":518},[512,1332,574],{"class":518},[512,1334,1335],{"class":539},"Preview deployed",[512,1337,987],{"class":518},[512,1339,562],{"class":518},[512,1341,1301],{"class":522},[512,1343,1278],{"class":518},[512,1345,574],{"class":518},[512,1347,1348],{"class":539},"The preview URL is live.",[512,1350,987],{"class":518},[512,1352,1313],{"class":518},[512,1354,1355],{"class":514,"line":669},[512,1356,1357],{"class":558},"])\n",[512,1359,1360],{"class":514,"line":679},[512,1361,627],{"emptyLinePlaceholder":626},[512,1363,1364,1366,1369,1371,1375,1377,1381,1384],{"class":514,"line":701},[512,1365,963],{"class":526},[512,1367,1368],{"class":641}," remove",[512,1370,644],{"class":518},[512,1372,1374],{"class":1373},"sHdIc","id",[512,1376,1278],{"class":518},[512,1378,1380],{"class":1379},"sBMFI"," number",[512,1382,1383],{"class":518},")",[512,1385,972],{"class":518},[512,1387,1388,1391,1393,1396,1399,1402,1404,1406,1408,1411,1413,1416,1419,1422,1424,1426,1429,1431],{"class":514,"line":735},[512,1389,1390],{"class":558},"  toasts",[512,1392,492],{"class":518},[512,1394,1395],{"class":558},"value",[512,1397,1398],{"class":518}," =",[512,1400,1401],{"class":558}," toasts",[512,1403,492],{"class":518},[512,1405,1395],{"class":558},[512,1407,492],{"class":518},[512,1409,1410],{"class":641},"filter",[512,1412,644],{"class":522},[512,1414,1415],{"class":1373},"toast",[512,1417,1418],{"class":526}," =>",[512,1420,1421],{"class":558}," toast",[512,1423,492],{"class":518},[512,1425,1374],{"class":558},[512,1427,1428],{"class":518}," !==",[512,1430,1275],{"class":558},[512,1432,651],{"class":522},[512,1434,1435],{"class":514,"line":744},[512,1436,999],{"class":518},[512,1438,1439,1441,1443],{"class":514,"line":760},[512,1440,657],{"class":518},[512,1442,523],{"class":522},[512,1444,545],{"class":518},[512,1446,1447],{"class":514,"line":775},[512,1448,627],{"emptyLinePlaceholder":626},[512,1450,1451,1453,1455],{"class":514,"line":790},[512,1452,519],{"class":518},[512,1454,674],{"class":522},[512,1456,545],{"class":518},[512,1458,1459,1461,1463,1465,1467,1469,1472,1474],{"class":514,"line":805},[512,1460,682],{"class":518},[512,1462,483],{"class":522},[512,1464,687],{"class":526},[512,1466,533],{"class":518},[512,1468,536],{"class":518},[512,1470,1471],{"class":539},"6000",[512,1473,536],{"class":518},[512,1475,545],{"class":518},[512,1477,1478,1480,1482,1484,1486,1488,1490,1492,1494,1496,1498,1500,1502],{"class":514,"line":820},[512,1479,704],{"class":518},[512,1481,487],{"class":522},[512,1483,709],{"class":526},[512,1485,533],{"class":518},[512,1487,536],{"class":518},[512,1489,716],{"class":539},[512,1491,536],{"class":518},[512,1493,721],{"class":526},[512,1495,533],{"class":518},[512,1497,536],{"class":518},[512,1499,728],{"class":539},[512,1501,536],{"class":518},[512,1503,545],{"class":518},[512,1505,1506,1508],{"class":514,"line":826},[512,1507,738],{"class":518},[512,1509,741],{"class":522},[512,1511,1512,1515,1517,1519,1522],{"class":514,"line":841},[512,1513,1514],{"class":526},"        v-for",[512,1516,533],{"class":518},[512,1518,536],{"class":518},[512,1520,1521],{"class":539},"toast in toasts",[512,1523,757],{"class":518},[512,1525,1526,1529,1531,1533,1536],{"class":514,"line":847},[512,1527,1528],{"class":526},"        :key",[512,1530,533],{"class":518},[512,1532,536],{"class":518},[512,1534,1535],{"class":539},"toast.id",[512,1537,757],{"class":518},[512,1539,1540],{"class":514,"line":857},[512,1541,1542],{"class":526},"        stacked\n",[512,1544,1545,1548,1550,1552,1554],{"class":514,"line":867},[512,1546,1547],{"class":526},"        stack-from",[512,1549,533],{"class":518},[512,1551,536],{"class":518},[512,1553,716],{"class":539},[512,1555,757],{"class":518},[512,1557,1559],{"class":514,"line":1558},24,[512,1560,1561],{"class":526},"        swipe\n",[512,1563,1565],{"class":514,"line":1564},25,[512,1566,823],{"class":526},[512,1568,1570,1573,1575,1577,1580],{"class":514,"line":1569},26,[512,1571,1572],{"class":526},"        :title",[512,1574,533],{"class":518},[512,1576,536],{"class":518},[512,1578,1579],{"class":539},"toast.title",[512,1581,757],{"class":518},[512,1583,1585,1588,1590,1592,1595],{"class":514,"line":1584},27,[512,1586,1587],{"class":526},"        :description",[512,1589,533],{"class":518},[512,1591,536],{"class":518},[512,1593,1594],{"class":539},"toast.description",[512,1596,757],{"class":518},[512,1598,1600,1602,1604,1606,1609],{"class":514,"line":1599},28,[512,1601,829],{"class":526},[512,1603,533],{"class":518},[512,1605,536],{"class":518},[512,1607,1608],{"class":539},"open => !open && remove(toast.id)",[512,1610,757],{"class":518},[512,1612,1614],{"class":514,"line":1613},29,[512,1615,844],{"class":518},[512,1617,1619,1621,1623],{"class":514,"line":1618},30,[512,1620,850],{"class":518},[512,1622,487],{"class":522},[512,1624,545],{"class":518},[512,1626,1628,1630,1632],{"class":514,"line":1627},31,[512,1629,860],{"class":518},[512,1631,483],{"class":522},[512,1633,545],{"class":518},[512,1635,1637,1639,1641],{"class":514,"line":1636},32,[512,1638,657],{"class":518},[512,1640,674],{"class":522},[512,1642,545],{"class":518},[471,1644,1645],{},"The newest mounted toast is at the front. Tapping any stacked toast toggles the entire provider between its collapsed and expanded states. Auto-dismiss timers pause while expanded and restart when the stack collapses.",[884,1647,1649],{"id":1648},"progress-color","Progress color",[471,1651,1652,1653,1656,1657,1660,1661,1663,1664,1667,1668,1670],{},"The countdown bar is colored by the toast's ",[474,1654,1655],{},"color"," by default. Pass ",[474,1658,1659],{},"progress"," an object to color the bar independently — either a fixed ",[474,1662,1655],{},", or a function of the remaining fraction (",[474,1665,1666],{},"1"," at the start, ",[474,1669,1034],{}," at dismissal) so the bar recolors as it drains.",[494,1672],{"height":496,"name":1673},"toast-progress-color",[503,1675,1677],{"className":505,"code":1676,"language":507,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from '@vyui\u002Fcore'\nimport { VyToast } from '@vyui\u002Fkit\u002Ftoast'\nimport { ref } from 'vue'\n\nconst shown = ref(0)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CToastProvider :duration=\"6000\">\n    \u003CToastViewport position=\"top\" :style=\"{ top: '16px', zIndex: 60 }\">\n      \u003CVyToast\n        :key=\"shown\"\n        color=\"neutral\"\n        title=\"Saving changes…\"\n        description=\"Watch the bar go green → amber → red as it drains.\"\n        :progress=\"{ color: (p) => p > 0.5 ? 'success' : p > 0.25 ? 'warning' : 'error' }\"\n        :close=\"false\"\n      \u002F>\n    \u003C\u002FToastViewport>\n  \u003C\u002FToastProvider>\n\u003C\u002Ftemplate>\n",[474,1678,1679,1699,1721,1739,1757,1761,1778,1786,1790,1798,1816,1844,1850,1863,1876,1889,1902,1916,1930,1934,1942,1950],{"__ignoreMap":508},[512,1680,1681,1683,1685,1687,1689,1691,1693,1695,1697],{"class":514,"line":515},[512,1682,519],{"class":518},[512,1684,523],{"class":522},[512,1686,527],{"class":526},[512,1688,530],{"class":526},[512,1690,533],{"class":518},[512,1692,536],{"class":518},[512,1694,540],{"class":539},[512,1696,536],{"class":518},[512,1698,545],{"class":518},[512,1700,1701,1703,1705,1707,1709,1711,1713,1715,1717,1719],{"class":514,"line":548},[512,1702,552],{"class":551},[512,1704,555],{"class":518},[512,1706,559],{"class":558},[512,1708,562],{"class":518},[512,1710,565],{"class":558},[512,1712,568],{"class":518},[512,1714,571],{"class":551},[512,1716,574],{"class":518},[512,1718,41],{"class":539},[512,1720,579],{"class":518},[512,1722,1723,1725,1727,1729,1731,1733,1735,1737],{"class":514,"line":582},[512,1724,552],{"class":551},[512,1726,555],{"class":518},[512,1728,589],{"class":558},[512,1730,568],{"class":518},[512,1732,571],{"class":551},[512,1734,574],{"class":518},[512,1736,598],{"class":539},[512,1738,579],{"class":518},[512,1740,1741,1743,1745,1747,1749,1751,1753,1755],{"class":514,"line":603},[512,1742,552],{"class":551},[512,1744,555],{"class":518},[512,1746,610],{"class":558},[512,1748,568],{"class":518},[512,1750,571],{"class":551},[512,1752,574],{"class":518},[512,1754,507],{"class":539},[512,1756,579],{"class":518},[512,1758,1759],{"class":514,"line":623},[512,1760,627],{"emptyLinePlaceholder":626},[512,1762,1763,1765,1768,1770,1772,1774,1776],{"class":514,"line":630},[512,1764,633],{"class":526},[512,1766,1767],{"class":558}," shown ",[512,1769,533],{"class":518},[512,1771,610],{"class":641},[512,1773,644],{"class":558},[512,1775,1034],{"class":1281},[512,1777,651],{"class":558},[512,1779,1780,1782,1784],{"class":514,"line":654},[512,1781,657],{"class":518},[512,1783,523],{"class":522},[512,1785,545],{"class":518},[512,1787,1788],{"class":514,"line":664},[512,1789,627],{"emptyLinePlaceholder":626},[512,1791,1792,1794,1796],{"class":514,"line":669},[512,1793,519],{"class":518},[512,1795,674],{"class":522},[512,1797,545],{"class":518},[512,1799,1800,1802,1804,1806,1808,1810,1812,1814],{"class":514,"line":679},[512,1801,682],{"class":518},[512,1803,483],{"class":522},[512,1805,687],{"class":526},[512,1807,533],{"class":518},[512,1809,536],{"class":518},[512,1811,1471],{"class":539},[512,1813,536],{"class":518},[512,1815,545],{"class":518},[512,1817,1818,1820,1822,1824,1826,1828,1830,1832,1834,1836,1838,1840,1842],{"class":514,"line":701},[512,1819,704],{"class":518},[512,1821,487],{"class":522},[512,1823,709],{"class":526},[512,1825,533],{"class":518},[512,1827,536],{"class":518},[512,1829,716],{"class":539},[512,1831,536],{"class":518},[512,1833,721],{"class":526},[512,1835,533],{"class":518},[512,1837,536],{"class":518},[512,1839,728],{"class":539},[512,1841,536],{"class":518},[512,1843,545],{"class":518},[512,1845,1846,1848],{"class":514,"line":735},[512,1847,738],{"class":518},[512,1849,741],{"class":522},[512,1851,1852,1854,1856,1858,1861],{"class":514,"line":744},[512,1853,1528],{"class":526},[512,1855,533],{"class":518},[512,1857,536],{"class":518},[512,1859,1860],{"class":539},"shown",[512,1862,757],{"class":518},[512,1864,1865,1867,1869,1871,1874],{"class":514,"line":760},[512,1866,808],{"class":526},[512,1868,533],{"class":518},[512,1870,536],{"class":518},[512,1872,1873],{"class":539},"neutral",[512,1875,757],{"class":518},[512,1877,1878,1880,1882,1884,1887],{"class":514,"line":775},[512,1879,763],{"class":526},[512,1881,533],{"class":518},[512,1883,536],{"class":518},[512,1885,1886],{"class":539},"Saving changes…",[512,1888,757],{"class":518},[512,1890,1891,1893,1895,1897,1900],{"class":514,"line":790},[512,1892,778],{"class":526},[512,1894,533],{"class":518},[512,1896,536],{"class":518},[512,1898,1899],{"class":539},"Watch the bar go green → amber → red as it drains.",[512,1901,757],{"class":518},[512,1903,1904,1907,1909,1911,1914],{"class":514,"line":805},[512,1905,1906],{"class":526},"        :progress",[512,1908,533],{"class":518},[512,1910,536],{"class":518},[512,1912,1913],{"class":539},"{ color: (p) => p > 0.5 ? 'success' : p > 0.25 ? 'warning' : 'error' }",[512,1915,757],{"class":518},[512,1917,1918,1921,1923,1925,1928],{"class":514,"line":820},[512,1919,1920],{"class":526},"        :close",[512,1922,533],{"class":518},[512,1924,536],{"class":518},[512,1926,1927],{"class":539},"false",[512,1929,757],{"class":518},[512,1931,1932],{"class":514,"line":826},[512,1933,844],{"class":518},[512,1935,1936,1938,1940],{"class":514,"line":841},[512,1937,850],{"class":518},[512,1939,487],{"class":522},[512,1941,545],{"class":518},[512,1943,1944,1946,1948],{"class":514,"line":847},[512,1945,860],{"class":518},[512,1947,483],{"class":522},[512,1949,545],{"class":518},[512,1951,1952,1954,1956],{"class":514,"line":857},[512,1953,657],{"class":518},[512,1955,674],{"class":522},[512,1957,545],{"class":518},[884,1959,1961],{"id":1960},"custom-content","Custom content",[471,1963,1964],{},"Named slots replace the corresponding built-in regions.",[503,1966,1968],{"className":505,"code":1967,"language":507,"meta":508,"style":508},"\u003CToastProvider :duration=\"0\">\n  \u003CVyToast color=\"info\" :close=\"false\">\n    \u003Ctemplate #leading=\"{ iconColor }\">\n      \u003CVyIcon name=\"i-lucide-cloud\" :color=\"iconColor\" \u002F>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #title>\n      \u003Ctext class=\"text-sm font-semibold text-neutral-900\">Uploading release\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #description>\n      \u003Ctext class=\"text-sm text-neutral-500\">12 of 20 files complete\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyToast>\n\u003C\u002FToastProvider>\n",[474,1969,1970,1991,1996,2001,2006,2011,2015,2020,2025,2029,2033,2038,2043,2047,2052],{"__ignoreMap":508},[512,1971,1972,1974,1976,1979,1981,1983,1985,1987,1989],{"class":514,"line":515},[512,1973,519],{"class":518},[512,1975,483],{"class":522},[512,1977,1978],{"class":518}," :",[512,1980,1154],{"class":526},[512,1982,533],{"class":518},[512,1984,536],{"class":518},[512,1986,1034],{"class":1281},[512,1988,536],{"class":518},[512,1990,545],{"class":518},[512,1992,1993],{"class":514,"line":548},[512,1994,1995],{"class":558},"  \u003CVyToast color=\"info\" :close=\"false\">\n",[512,1997,1998],{"class":514,"line":582},[512,1999,2000],{"class":558},"    \u003Ctemplate #leading=\"{ iconColor }\">\n",[512,2002,2003],{"class":514,"line":603},[512,2004,2005],{"class":558},"      \u003CVyIcon name=\"i-lucide-cloud\" :color=\"iconColor\" \u002F>\n",[512,2007,2008],{"class":514,"line":623},[512,2009,2010],{"class":558},"    \u003C\u002Ftemplate>\n",[512,2012,2013],{"class":514,"line":630},[512,2014,627],{"emptyLinePlaceholder":626},[512,2016,2017],{"class":514,"line":654},[512,2018,2019],{"class":558},"    \u003Ctemplate #title>\n",[512,2021,2022],{"class":514,"line":664},[512,2023,2024],{"class":558},"      \u003Ctext class=\"text-sm font-semibold text-neutral-900\">Uploading release\u003C\u002Ftext>\n",[512,2026,2027],{"class":514,"line":669},[512,2028,2010],{"class":558},[512,2030,2031],{"class":514,"line":679},[512,2032,627],{"emptyLinePlaceholder":626},[512,2034,2035],{"class":514,"line":701},[512,2036,2037],{"class":558},"    \u003Ctemplate #description>\n",[512,2039,2040],{"class":514,"line":735},[512,2041,2042],{"class":558},"      \u003Ctext class=\"text-sm text-neutral-500\">12 of 20 files complete\u003C\u002Ftext>\n",[512,2044,2045],{"class":514,"line":744},[512,2046,2010],{"class":558},[512,2048,2049],{"class":514,"line":760},[512,2050,2051],{"class":558},"  \u003C\u002FVyToast>\n",[512,2053,2054,2056,2058],{"class":514,"line":775},[512,2055,657],{"class":518},[512,2057,483],{"class":522},[512,2059,545],{"class":518},[466,2061,2063],{"id":2062},"features-and-behavior","Features and behavior",[2065,2066,2067,2078,2088,2101,2114,2121,2127,2133,2136,2139],"ul",{},[2068,2069,2070,2073,2074,2077],"li",{},[474,2071,2072],{},"icon"," takes precedence over ",[474,2075,2076],{},"avatar"," in the leading region.",[2068,2079,2080,2083,2084,2087],{},[474,2081,2082],{},"orientation=\"vertical\""," places actions below the copy; ",[474,2085,2086],{},"horizontal"," places them after the copy.",[2068,2089,2090,2093,2094,2096,2097,2100],{},[474,2091,2092],{},"close"," defaults to ",[474,2095,648],{},". Pass a partial ",[474,2098,2099],{},"ButtonProps"," object to customize the built-in button.",[2068,2102,2103,2104,2107,2108,2107,2111,492],{},"The close icon resolves from ",[474,2105,2106],{},"closeIcon",", then ",[474,2109,2110],{},"appConfig.ui.icons.close",[474,2112,2113],{},"i-lucide-x",[2068,2115,2116,2118,2119,492],{},[474,2117,1659],{}," renders only when the provider's resolved duration is greater than ",[474,2120,1034],{},[2068,2122,2123,2126],{},[474,2124,2125],{},"swipe"," dismisses after a horizontal drag crosses 45% of the measured width or a fling reaches 600 px\u002Fs.",[2068,2128,2129,2132],{},[474,2130,2131],{},"swipeDirection"," can allow both horizontal directions or constrain dismissal to one side.",[2068,2134,2135],{},"Collapsed stacks show at most three cards; deeper cards remain mounted but transparent.",[2068,2137,2138],{},"The declared default slot is not currently rendered by the kit template. Use the named slots for custom content.",[2068,2140,2141,2142,2144,2145,2147],{},"The custom ",[474,2143,886],{}," slot is currently invoked at both the vertical and horizontal insertion points. Prefer the ",[474,2146,886],{}," prop until that duplication is resolved.",[466,2149,2151],{"id":2150},"props","Props",[2153,2154,2155,2174],"table",{},[2156,2157,2158],"thead",{},[2159,2160,2161,2165,2168,2171],"tr",{},[2162,2163,2164],"th",{},"Prop",[2162,2166,2167],{},"Type",[2162,2169,2170],{},"Default",[2162,2172,2173],{},"Description",[2175,2176,2177,2201,2221,2240,2261,2280,2300,2319,2338,2365,2382,2401,2423,2441,2459,2478],"tbody",{},[2159,2178,2179,2185,2190,2195],{},[2180,2181,2182],"td",{},[474,2183,2184],{},"title",[2180,2186,2187],{},[474,2188,2189],{},"string",[2180,2191,2192],{},[474,2193,2194],{},"undefined",[2180,2196,2197,2198,2200],{},"Title text, replaced by the ",[474,2199,2184],{}," slot.",[2159,2202,2203,2208,2212,2216],{},[2180,2204,2205],{},[474,2206,2207],{},"description",[2180,2209,2210],{},[474,2211,2189],{},[2180,2213,2214],{},[474,2215,2194],{},[2180,2217,2218,2219,2200],{},"Supporting text, replaced by the ",[474,2220,2207],{},[2159,2222,2223,2227,2231,2235],{},[2180,2224,2225],{},[474,2226,2072],{},[2180,2228,2229],{},[474,2230,2189],{},[2180,2232,2233],{},[474,2234,2194],{},[2180,2236,2237,2238,492],{},"Leading Iconify icon name. Takes precedence over ",[474,2239,2076],{},[2159,2241,2242,2246,2251,2255],{},[2180,2243,2244],{},[474,2245,2076],{},[2180,2247,2248],{},[474,2249,2250],{},"AvatarProps",[2180,2252,2253],{},[474,2254,2194],{},[2180,2256,2257,2258,2260],{},"Leading avatar shown when no ",[474,2259,2072],{}," is set.",[2159,2262,2263,2267,2272,2277],{},[2180,2264,2265],{},[474,2266,1655],{},[2180,2268,2269],{},[474,2270,2271],{},"Color",[2180,2273,2274],{},[474,2275,2276],{},"'primary'",[2180,2278,2279],{},"Semantic icon and progress-bar color.",[2159,2281,2282,2287,2292,2297],{},[2180,2283,2284],{},[474,2285,2286],{},"orientation",[2180,2288,2289],{},[474,2290,2291],{},"'horizontal' | 'vertical'",[2180,2293,2294],{},[474,2295,2296],{},"'vertical'",[2180,2298,2299],{},"Places actions beside or below the body.",[2159,2301,2302,2307,2312,2316],{},[2180,2303,2304],{},[474,2305,2306],{},"stacked",[2180,2308,2309],{},[474,2310,2311],{},"boolean",[2180,2313,2314],{},[474,2315,1927],{},[2180,2317,2318],{},"Enables the shared collapsible stack geometry.",[2159,2320,2321,2325,2330,2335],{},[2180,2322,2323],{},[474,2324,1165],{},[2180,2326,2327],{},[474,2328,2329],{},"'top' | 'bottom'",[2180,2331,2332],{},[474,2333,2334],{},"'bottom'",[2180,2336,2337],{},"Edge from which a stacked group fans out.",[2159,2339,2340,2344,2349,2353],{},[2180,2341,2342],{},[474,2343,1659],{},[2180,2345,2346],{},[474,2347,2348],{},"boolean | { color?: Color | ((p: number) => Color) }",[2180,2350,2351],{},[474,2352,1927],{},[2180,2354,2355,2356,2358,2359,2361,2362,2364],{},"Shows a countdown bar for an active auto-dismiss timer. Pass an object to color the bar independently of the toast; ",[474,2357,1655],{}," may be a function of the remaining fraction (",[474,2360,1666],{}," → ",[474,2363,1034],{},") so the bar recolors as it drains.",[2159,2366,2367,2371,2375,2379],{},[2180,2368,2369],{},[474,2370,2125],{},[2180,2372,2373],{},[474,2374,2311],{},[2180,2376,2377],{},[474,2378,1927],{},[2180,2380,2381],{},"Enables swipe-to-dismiss.",[2159,2383,2384,2388,2393,2398],{},[2180,2385,2386],{},[474,2387,2131],{},[2180,2389,2390],{},[474,2391,2392],{},"'horizontal' | 'left' | 'right'",[2180,2394,2395],{},[474,2396,2397],{},"'horizontal'",[2180,2399,2400],{},"Allowed swipe-dismiss direction.",[2159,2402,2403,2407,2412,2416],{},[2180,2404,2405],{},[474,2406,886],{},[2180,2408,2409],{},[474,2410,2411],{},"ButtonProps[]",[2180,2413,2414],{},[474,2415,2194],{},[2180,2417,2418,2419,2422],{},"Buttons wrapped in core ",[474,2420,2421],{},"ToastAction"," primitives.",[2159,2424,2425,2429,2434,2438],{},[2180,2426,2427],{},[474,2428,2092],{},[2180,2430,2431],{},[474,2432,2433],{},"boolean | Partial\u003CButtonProps>",[2180,2435,2436],{},[474,2437,648],{},[2180,2439,2440],{},"Shows or customizes the built-in close button.",[2159,2442,2443,2447,2451,2456],{},[2180,2444,2445],{},[474,2446,2106],{},[2180,2448,2449],{},[474,2450,2189],{},[2180,2452,2453,2454],{},"App icon \u002F ",[474,2455,2113],{},[2180,2457,2458],{},"Iconify name for the close button.",[2159,2460,2461,2466,2471,2475],{},[2180,2462,2463],{},[474,2464,2465],{},"class",[2180,2467,2468],{},[474,2469,2470],{},"any",[2180,2472,2473],{},[474,2474,2194],{},[2180,2476,2477],{},"Classes merged onto the visual card.",[2159,2479,2480,2485,2490,2494],{},[2180,2481,2482],{},[474,2483,2484],{},"ui",[2180,2486,2487],{},[474,2488,2489],{},"Partial\u003CRecord\u003CToastSlot, any>>",[2180,2491,2492],{},[474,2493,2194],{},[2180,2495,2496],{},"Per-instance theme slot overrides.",[471,2498,2499,2093,2501,2504,2505,2504,2508,2504,2510,2504,2513,2504,2515,2518,2519,2521],{},[474,2500,2271],{},[474,2502,2503],{},"primary",", ",[474,2506,2507],{},"secondary",[474,2509,815],{},[474,2511,2512],{},"info",[474,2514,1084],{},[474,2516,2517],{},"error",", or ",[474,2520,1873],{},", and supports consumer registry extensions.",[471,2523,2524,2525,2504,2528,2504,2531,2518,2533,2536,2537,2539],{},"The kit wrapper does not expose the core root's ",[474,2526,2527],{},"open",[474,2529,2530],{},"defaultOpen",[474,2532,1154],{},[474,2534,2535],{},"type"," props. Control lifetime by mounting the toast, configure duration on ",[474,2538,483],{},", and use core primitives directly when those lower-level controls are required.",[466,2541,2543],{"id":2542},"emits","Emits",[2153,2545,2546,2558],{},[2156,2547,2548],{},[2159,2549,2550,2553,2556],{},[2162,2551,2552],{},"Event",[2162,2554,2555],{},"Payload",[2162,2557,2173],{},[2175,2559,2560],{},[2159,2561,2562,2567,2571],{},[2180,2563,2564],{},[474,2565,2566],{},"update:open",[2180,2568,2569],{},[474,2570,2311],{},[2180,2572,2573,2574,492],{},"Forwards the core open-state change. In normal use the emitted closing value is ",[474,2575,1927],{},[466,2577,2579],{"id":2578},"slots","Slots",[2153,2581,2582,2593],{},[2156,2583,2584],{},[2159,2585,2586,2589,2591],{},[2162,2587,2588],{},"Slot",[2162,2590,2151],{},[2162,2592,2173],{},[2175,2594,2595,2608,2623,2634,2645,2656],{},[2159,2596,2597,2602,2605],{},[2180,2598,2599],{},[474,2600,2601],{},"default",[2180,2603,2604],{},"—",[2180,2606,2607],{},"Declared in the public type but not currently rendered.",[2159,2609,2610,2615,2620],{},[2180,2611,2612],{},[474,2613,2614],{},"leading",[2180,2616,2617],{},[474,2618,2619],{},"{ iconColor: string }",[2180,2621,2622],{},"Replaces the built-in icon or avatar.",[2159,2624,2625,2629,2631],{},[2180,2626,2627],{},[474,2628,2184],{},[2180,2630,2604],{},[2180,2632,2633],{},"Replaces title text.",[2159,2635,2636,2640,2642],{},[2180,2637,2638],{},[474,2639,2207],{},[2180,2641,2604],{},[2180,2643,2644],{},"Replaces supporting text.",[2159,2646,2647,2651,2653],{},[2180,2648,2649],{},[474,2650,886],{},[2180,2652,2604],{},[2180,2654,2655],{},"Replaces generated actions, but is currently rendered at both orientation insertion points.",[2159,2657,2658,2662,2667],{},[2180,2659,2660],{},[474,2661,2092],{},[2180,2663,2664],{},[474,2665,2666],{},"{ ui: any }",[2180,2668,2669],{},"Replaces the built-in close control.",[466,2671,2673],{"id":2672},"provider-and-viewport","Provider and viewport",[471,2675,2676,2678,2679,2681,2682,492],{},[474,2677,483],{}," and ",[474,2680,487],{}," are unstyled primitives exported by ",[474,2683,41],{},[884,2685,2687,2689],{"id":2686},"toastprovider-props",[474,2688,483],{}," props",[2153,2691,2692,2704],{},[2156,2693,2694],{},[2159,2695,2696,2698,2700,2702],{},[2162,2697,2164],{},[2162,2699,2167],{},[2162,2701,2170],{},[2162,2703,2173],{},[2175,2705,2706,2725,2746],{},[2159,2707,2708,2713,2717,2722],{},[2180,2709,2710],{},[474,2711,2712],{},"label",[2180,2714,2715],{},[474,2716,2189],{},[2180,2718,2719],{},[474,2720,2721],{},"'Notification'",[2180,2723,2724],{},"Author-localized label stored in provider context.",[2159,2726,2727,2731,2736,2740],{},[2180,2728,2729],{},[474,2730,1154],{},[2180,2732,2733],{},[474,2734,2735],{},"number",[2180,2737,2738],{},[474,2739,694],{},[2180,2741,2742,2743,2745],{},"Auto-dismiss delay in milliseconds; ",[474,2744,1034],{}," disables it.",[2159,2747,2748,2753,2757,2761],{},[2180,2749,2750],{},[474,2751,2752],{},"expandByDefault",[2180,2754,2755],{},[474,2756,2311],{},[2180,2758,2759],{},[474,2760,1927],{},[2180,2762,2763],{},"Starts a stacked group expanded.",[884,2765,2767,2689],{"id":2766},"toastviewport-props",[474,2768,487],{},[2153,2770,2771,2783],{},[2156,2772,2773],{},[2159,2774,2775,2777,2779,2781],{},[2162,2776,2164],{},[2162,2778,2167],{},[2162,2780,2170],{},[2162,2782,2173],{},[2175,2784,2785,2804,2824],{},[2159,2786,2787,2792,2797,2801],{},[2180,2788,2789],{},[474,2790,2791],{},"position",[2180,2793,2794],{},[474,2795,2796],{},"'top' | 'bottom' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'",[2180,2798,2799],{},[474,2800,2334],{},[2180,2802,2803],{},"Fixed screen edge and horizontal alignment.",[2159,2805,2806,2811,2816,2821],{},[2180,2807,2808],{},[474,2809,2810],{},"as",[2180,2812,2813],{},[474,2814,2815],{},"AsTag",[2180,2817,2818],{},[474,2819,2820],{},"'view'",[2180,2822,2823],{},"Rendered Lynx element.",[2159,2825,2826,2831,2835,2839],{},[2180,2827,2828],{},[474,2829,2830],{},"asChild",[2180,2832,2833],{},[474,2834,2311],{},[2180,2836,2837],{},[474,2838,1927],{},[2180,2840,2841],{},"Primitive child-merging option.",[471,2843,2844],{},"The viewport is a content-sized strip, so taps outside the toast area pass through to the app.",[466,2846,2848],{"id":2847},"styling-and-theming","Styling and theming",[471,2850,2851,2852,2855,2856,492],{},"Override globally through ",[474,2853,2854],{},"appConfig.ui.toast"," or locally with ",[474,2857,2484],{},[2153,2859,2860,2870],{},[2156,2861,2862],{},[2159,2863,2864,2867],{},[2162,2865,2866],{},"UI slot",[2162,2868,2869],{},"Purpose",[2175,2871,2872,2882,2892,2901,2910,2919,2928,2938,2947,2956],{},[2159,2873,2874,2879],{},[2180,2875,2876],{},[474,2877,2878],{},"root",[2180,2880,2881],{},"Visual card surface, width, spacing, and layout.",[2159,2883,2884,2889],{},[2180,2885,2886],{},[474,2887,2888],{},"wrapper",[2180,2890,2891],{},"Title and description column.",[2159,2893,2894,2898],{},[2180,2895,2896],{},[474,2897,2184],{},[2180,2899,2900],{},"Title text.",[2159,2902,2903,2907],{},[2180,2904,2905],{},[474,2906,2207],{},[2180,2908,2909],{},"Supporting text.",[2159,2911,2912,2916],{},[2180,2913,2914],{},[474,2915,2072],{},[2180,2917,2918],{},"Built-in leading icon.",[2159,2920,2921,2925],{},[2180,2922,2923],{},[474,2924,2076],{},[2180,2926,2927],{},"Built-in leading avatar.",[2159,2929,2930,2935],{},[2180,2931,2932],{},[474,2933,2934],{},"avatarSize",[2180,2936,2937],{},"Theme value reserved for avatar sizing.",[2159,2939,2940,2944],{},[2180,2941,2942],{},[474,2943,886],{},[2180,2945,2946],{},"Generated action-button group.",[2159,2948,2949,2953],{},[2180,2950,2951],{},[474,2952,1659],{},[2180,2954,2955],{},"Countdown bar.",[2159,2957,2958,2962],{},[2180,2959,2960],{},[474,2961,2092],{},[2180,2963,2964],{},"Built-in close button.",[471,2966,2967,2968,2504,2970,2972],{},"The theme combines ",[474,2969,1655],{},[474,2971,2286],{},", and an internal title-present state. Semantic color affects the leading icon and progress bar; the default card surface remains white with neutral text and border colors.",[466,2974,328],{"id":2975},"accessibility",[471,2977,2978,2979,2982,2983,2986],{},"Core ",[474,2980,2981],{},"ToastRoot"," exposes foreground toasts with an alert role description and background toasts as summaries. The kit wrapper always uses the core foreground default. ",[474,2984,2985],{},"ToastTitle"," is exposed as a heading, and the built-in close control is labeled “Close” with button semantics.",[471,2988,2989,2990,2992,2993,2996,2997,3000],{},"Generated actions are wrapped in ",[474,2991,2421],{},", but the kit currently passes an empty ",[474,2994,2995],{},"altText",". Ensure each ",[474,2998,2999],{},"VyButton"," action has a clear visible label and add application-level announcement handling for critical foreground messages: the current Lynx alert mapping identifies the role but does not itself call the runtime announcement API.",[471,3002,3003,3004,3007],{},"Keep durations long enough to read and act on the message. Use ",[474,3005,3006],{},"duration=\"0\""," on the provider for important content that must remain until explicitly dismissed.",[466,3009,3011],{"id":3010},"platform-notes","Platform notes",[2065,3013,3014,3022,3025,3028,3031,3038],{},[2068,3015,3016,3018,3019,3021],{},[474,3017,487],{}," paints through the app-root ",[474,3020,491],{},"; include that root in the application shell for floating toasts.",[2068,3023,3024],{},"Lynx has no DOM teleport, so the overlay store preserves provider context while moving viewport content out of clipped ancestors.",[2068,3026,3027],{},"Swipe movement runs on the Lynx main thread and requires a measured toast width for distance-based dismissal; velocity-based dismissal can still work before measurement.",[2068,3029,3030],{},"Stacking transforms run on an outer shell while swipe transforms run on an inner layer, preventing the two animations from overwriting each other.",[2068,3032,3033,3034,3037],{},"Lynx SVG does not inherit ",[474,3035,3036],{},"currentColor",", so the component resolves the leading icon color to an explicit hex value.",[2068,3039,3040,3041,3045],{},"The default theme uses vyui's semantic surface\u002Ftext\u002Fborder tokens, so it adapts automatically under dark mode (see ",[3042,3043,3044],"a",{"href":319},"Theming → Dark Mode",").",[466,3047,3049],{"id":3048},"related-components","Related components",[2065,3051,3052,3059,3067],{},[2068,3053,3054,3058],{},[3042,3055,3056],{"href":72},[474,3057,71],{}," for persistent inline feedback.",[2068,3060,3061,3066],{},[3042,3062,3063],{"href":67},[474,3064,3065],{},"ActionSheet"," for choosing an action.",[2068,3068,3069,3071],{},[474,3070,209],{}," for persistent task progress.",[3073,3074,3075],"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 pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":508,"searchDepth":515,"depth":548,"links":3077},[3078,3079,3085,3086,3087,3088,3089,3095,3096,3097,3098],{"id":468,"depth":548,"text":469},{"id":500,"depth":548,"text":501,"children":3080},[3081,3082,3083,3084],{"id":886,"depth":582,"text":887},{"id":1158,"depth":582,"text":1159},{"id":1648,"depth":582,"text":1649},{"id":1960,"depth":582,"text":1961},{"id":2062,"depth":548,"text":2063},{"id":2150,"depth":548,"text":2151},{"id":2542,"depth":548,"text":2543},{"id":2578,"depth":548,"text":2579},{"id":2672,"depth":548,"text":2673,"children":3090},[3091,3093],{"id":2686,"depth":582,"text":3092},"ToastProvider props",{"id":2766,"depth":582,"text":3094},"ToastViewport props",{"id":2847,"depth":548,"text":2848},{"id":2975,"depth":548,"text":328},{"id":3010,"depth":548,"text":3011},{"id":3048,"depth":548,"text":3049},"Show transient feedback with optional actions, progress, stacking, and swipe dismissal.","md",[3102],{"label":3103,"icon":3104,"to":3105,"target":3106},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FToast.vue","_blank",{},{"icon":207},{"title":285,"description":3099},"yxizu79PyRZh6V0HOOBoAlLPamFbbnC3ZZvksBJu3kw",[3112,3114],{"title":281,"path":282,"stem":283,"description":3113,"icon":-1,"children":-1,"navigation":-1},"Collect multi-line text with themed states, icons, avatars, and native keyboard events.",{"title":289,"path":290,"stem":291,"description":3115,"icon":-1,"children":-1,"navigation":-1},"Switch a button between pressed and unpressed states.",1785060121054]