[{"data":1,"prerenderedAt":2225},["ShallowReactive",2],{"docs:alert-dialog":3,"demo:alert-dialog\u002Fhero":2221,"demo:dialog\u002Fclose-confirmation":2222,"demo:alert-dialog\u002Fdetached-triggers-simple":2223,"demo:alert-dialog\u002Fdetached-triggers-controlled":2224},{"frontmatter":4,"meta":5,"nodes":6},{},{},[7,12,16,20,25,223,227,232,239,531,535,538,549,638,657,666,669,673,690,709,817,820,824,835,902,1011,1027,1300,1304,1335,1338,1342,1346,1349,1420,1424,1431,1511,1550,1554,1564,1596,1600,1605,1640,1711,1715,1720,1754,1816,1820,1825,1885,1945,1968,1972,1978,2019,2022,2028,2068,2072,2077,2119,2140,2143,2154,2181],[8,9,11],"h1",{"id":10},"alert-dialog","Alert Dialog",[13,14,15],"p",{},"A dialog requiring a response.",[17,18],"demo",{"name":19},"alert-dialog\u002Fhero",[21,22,24],"h2",{"id":23},"anatomy","Anatomy",[26,27,31],"pre",{"language":28,"meta":29,"class":30},"vue","title=\"Anatomy\"","shiki shiki-themes github-light github-dark dark:github-dark",[32,33,35,55,56,55,72,55,81,55,83,55,92,55,102,55,113,55,122,55,132,55,141,55,151,55,161,55,170,55,179,55,188,55,197,55,206,55,215],"code",{"class":34},"language-vue",[36,37,40,44,48,52],"span",{"class":38,"style":39},"line","display: inline",[36,41,43],{"style":42},"color:#24292E;--shiki-dark:#E1E4E8","\u003C",[36,45,47],{"style":46},"color:#22863A;--shiki-dark:#85E89D","script",[36,49,51],{"style":50},"color:#6F42C1;--shiki-dark:#B392F0"," setup",[36,53,54],{"style":42},">","\n",[36,57,58,62,65,68],{"class":38,"style":39},[36,59,61],{"style":60},"color:#D73A49;--shiki-dark:#F97583","import",[36,63,64],{"style":42}," { AlertDialog } ",[36,66,67],{"style":60},"from",[36,69,71],{"style":70},"color:#032F62;--shiki-dark:#9ECBFF"," '@shardsui\u002Fvue\u002Falert-dialog'",[36,73,74,77,79],{"class":38,"style":39},[36,75,76],{"style":42},"\u003C\u002F",[36,78,47],{"style":46},[36,80,54],{"style":42},[36,82],{"class":38,"style":39},[36,84,85,87,90],{"class":38,"style":39},[36,86,43],{"style":42},[36,88,89],{"style":46},"template",[36,91,54],{"style":42},[36,93,94,97,100],{"class":38,"style":39},[36,95,96],{"style":42},"  \u003C",[36,98,99],{"style":46},"AlertDialog.Root",[36,101,54],{"style":42},[36,103,104,107,110],{"class":38,"style":39},[36,105,106],{"style":42},"    \u003C",[36,108,109],{"style":46},"AlertDialog.Trigger",[36,111,112],{"style":42}," \u002F>",[36,114,115,117,120],{"class":38,"style":39},[36,116,106],{"style":42},[36,118,119],{"style":46},"AlertDialog.Portal",[36,121,54],{"style":42},[36,123,124,127,130],{"class":38,"style":39},[36,125,126],{"style":42},"      \u003C",[36,128,129],{"style":46},"AlertDialog.Backdrop",[36,131,112],{"style":42},[36,133,134,136,139],{"class":38,"style":39},[36,135,126],{"style":42},[36,137,138],{"style":46},"AlertDialog.Viewport",[36,140,54],{"style":42},[36,142,143,146,149],{"class":38,"style":39},[36,144,145],{"style":42},"        \u003C",[36,147,148],{"style":46},"AlertDialog.Popup",[36,150,54],{"style":42},[36,152,153,156,159],{"class":38,"style":39},[36,154,155],{"style":42},"          \u003C",[36,157,158],{"style":46},"AlertDialog.Title",[36,160,112],{"style":42},[36,162,163,165,168],{"class":38,"style":39},[36,164,155],{"style":42},[36,166,167],{"style":46},"AlertDialog.Description",[36,169,112],{"style":42},[36,171,172,174,177],{"class":38,"style":39},[36,173,155],{"style":42},[36,175,176],{"style":46},"AlertDialog.Close",[36,178,112],{"style":42},[36,180,181,184,186],{"class":38,"style":39},[36,182,183],{"style":42},"        \u003C\u002F",[36,185,148],{"style":46},[36,187,54],{"style":42},[36,189,190,193,195],{"class":38,"style":39},[36,191,192],{"style":42},"      \u003C\u002F",[36,194,138],{"style":46},[36,196,54],{"style":42},[36,198,199,202,204],{"class":38,"style":39},[36,200,201],{"style":42},"    \u003C\u002F",[36,203,119],{"style":46},[36,205,54],{"style":42},[36,207,208,211,213],{"class":38,"style":39},[36,209,210],{"style":42},"  \u003C\u002F",[36,212,99],{"style":46},[36,214,54],{"style":42},[36,216,217,219,221],{"class":38,"style":39},[36,218,76],{"style":42},[36,220,89],{"style":46},[36,222,54],{"style":42},[21,224,226],{"id":225},"examples","Examples",[228,229,231],"h3",{"id":230},"examples-open-from-a-menu","Open from a menu",[13,233,234,235,238],{},"To open an alert dialog from a menu, keep the alert dialog controlled and flip its state from the menu item's ",[32,236,237],{},"@click"," handler.",[26,240,243],{"language":28,"meta":241,"class":242},"title=\"Connecting a dialog to a menu\"","shiki shiki-themes github-light github-dark has-highlighted dark:github-dark",[32,244,245,55,255,55,265,55,277,55,289,55,291,55,315,55,323,55,325,55,333,55,342,55,356,55,365,55,374,55,383,55,389,55,414,55,422,55,430,55,438,55,446,55,448,55,453,55,470,55,478,55,486,55,494,55,499,55,507,55,515,55,523],{"class":34},[36,246,247,249,251,253],{"class":38,"style":39},[36,248,43],{"style":42},[36,250,47],{"style":46},[36,252,51],{"style":50},[36,254,54],{"style":42},[36,256,257,259,261,263],{"class":38,"style":39},[36,258,61],{"style":60},[36,260,64],{"style":42},[36,262,67],{"style":60},[36,264,71],{"style":70},[36,266,267,269,272,274],{"class":38,"style":39},[36,268,61],{"style":60},[36,270,271],{"style":42}," { Menu } ",[36,273,67],{"style":60},[36,275,276],{"style":70}," '@shardsui\u002Fvue\u002Fmenu'",[36,278,279,281,284,286],{"class":38,"style":39},[36,280,61],{"style":60},[36,282,283],{"style":42}," { shallowRef } ",[36,285,67],{"style":60},[36,287,288],{"style":70}," 'vue'",[36,290],{"class":38,"style":39},[36,292,293,296,300,303,306,309,312],{"class":38,"style":39},[36,294,295],{"style":60},"const",[36,297,299],{"style":298},"color:#005CC5;--shiki-dark:#79B8FF"," dialogOpen",[36,301,302],{"style":60}," =",[36,304,305],{"style":50}," shallowRef",[36,307,308],{"style":42},"(",[36,310,311],{"style":298},"false",[36,313,314],{"style":42},")",[36,316,317,319,321],{"class":38,"style":39},[36,318,76],{"style":42},[36,320,47],{"style":46},[36,322,54],{"style":42},[36,324],{"class":38,"style":39},[36,326,327,329,331],{"class":38,"style":39},[36,328,43],{"style":42},[36,330,89],{"style":46},[36,332,54],{"style":42},[36,334,335,337,340],{"class":38,"style":39},[36,336,96],{"style":42},[36,338,339],{"style":46},"Menu.Root",[36,341,54],{"style":42},[36,343,344,346,349,352,354],{"class":38,"style":39},[36,345,106],{"style":42},[36,347,348],{"style":46},"Menu.Trigger",[36,350,351],{"style":42},">Open menu\u003C\u002F",[36,353,348],{"style":46},[36,355,54],{"style":42},[36,357,358,360,363],{"class":38,"style":39},[36,359,106],{"style":42},[36,361,362],{"style":46},"Menu.Portal",[36,364,54],{"style":42},[36,366,367,369,372],{"class":38,"style":39},[36,368,126],{"style":42},[36,370,371],{"style":46},"Menu.Positioner",[36,373,54],{"style":42},[36,375,376,378,381],{"class":38,"style":39},[36,377,145],{"style":42},[36,379,380],{"style":46},"Menu.Popup",[36,382,54],{"style":42},[36,384,385],{"class":38,"style":39},[36,386,388],{"style":387},"color:#6A737D;--shiki-dark:#6A737D","          \u003C!-- Open the dialog when the menu item is clicked -->",[36,390,393,395,398,401,404,407,410,412],{"class":391,"style":39},[38,392],"highlighted",[36,394,155],{"style":42},[36,396,397],{"style":46},"Menu.Item",[36,399,400],{"style":50}," @click",[36,402,403],{"style":42},"=",[36,405,406],{"style":70},"\"dialogOpen = true\"",[36,408,409],{"style":42},">Open dialog\u003C\u002F",[36,411,397],{"style":46},[36,413,54],{"style":42},[36,415,416,418,420],{"class":38,"style":39},[36,417,183],{"style":42},[36,419,380],{"style":46},[36,421,54],{"style":42},[36,423,424,426,428],{"class":38,"style":39},[36,425,192],{"style":42},[36,427,371],{"style":46},[36,429,54],{"style":42},[36,431,432,434,436],{"class":38,"style":39},[36,433,201],{"style":42},[36,435,362],{"style":46},[36,437,54],{"style":42},[36,439,440,442,444],{"class":38,"style":39},[36,441,210],{"style":42},[36,443,339],{"style":46},[36,445,54],{"style":42},[36,447],{"class":38,"style":39},[36,449,450],{"class":38,"style":39},[36,451,452],{"style":387},"  \u003C!-- Control the dialog state -->",[36,454,456,458,460,463,465,468],{"class":455,"style":39},[38,392],[36,457,96],{"style":42},[36,459,99],{"style":46},[36,461,462],{"style":50}," v-model:open",[36,464,403],{"style":42},[36,466,467],{"style":70},"\"dialogOpen\"",[36,469,54],{"style":42},[36,471,472,474,476],{"class":38,"style":39},[36,473,106],{"style":42},[36,475,119],{"style":46},[36,477,54],{"style":42},[36,479,480,482,484],{"class":38,"style":39},[36,481,126],{"style":42},[36,483,129],{"style":46},[36,485,112],{"style":42},[36,487,488,490,492],{"class":38,"style":39},[36,489,126],{"style":42},[36,491,148],{"style":46},[36,493,54],{"style":42},[36,495,496],{"class":38,"style":39},[36,497,498],{"style":387},"        \u003C!-- Rest of the dialog -->",[36,500,501,503,505],{"class":38,"style":39},[36,502,192],{"style":42},[36,504,148],{"style":46},[36,506,54],{"style":42},[36,508,509,511,513],{"class":38,"style":39},[36,510,201],{"style":42},[36,512,119],{"style":46},[36,514,54],{"style":42},[36,516,517,519,521],{"class":38,"style":39},[36,518,210],{"style":42},[36,520,99],{"style":46},[36,522,54],{"style":42},[36,524,525,527,529],{"class":38,"style":39},[36,526,76],{"style":42},[36,528,89],{"style":46},[36,530,54],{"style":42},[228,532,534],{"id":533},"examples-close-confirmation","Close confirmation",[13,536,537],{},"A nested confirmation dialog guards against losing work: it opens when the text typed into the parent dialog is about to be discarded.",[13,539,540,541,544,545,548],{},"Veto the close by controlling ",[32,542,543],{},"open"," and deciding in the ",[32,546,547],{},"@update:open"," handler. When a close is requested the handler runs; if you don't commit the new value, the prop keeps the old one and the dialog stays open. Open the confirmation there instead, so the prompt appears whether the user presses Esc or hits a close button. An alert dialog is never dismissed by clicking the backdrop.",[26,550,551],{"language":28,"class":30},[32,552,553,55,561,55,567,55,577,55,587,55,592,55,597,55,602,55,607,55,612,55,617,55,622,55,630],{"class":34},[36,554,555,557,559],{"class":38,"style":39},[36,556,43],{"style":42},[36,558,89],{"style":46},[36,560,54],{"style":42},[36,562,563,565],{"class":38,"style":39},[36,564,96],{"style":42},[36,566,99],{"style":46},[36,568,569,572,574],{"class":38,"style":39},[36,570,571],{"style":50},"    :open",[36,573,403],{"style":42},[36,575,576],{"style":70},"\"open\"",[36,578,579,582,584],{"class":38,"style":39},[36,580,581],{"style":50},"    @update:open",[36,583,403],{"style":42},[36,585,586],{"style":70},"\"",[36,588,589],{"class":38,"style":39},[36,590,591],{"style":70},"      (next) => {",[36,593,594],{"class":38,"style":39},[36,595,596],{"style":70},"        if (!next && hasUnsavedChanges) return \u002F\u002F veto: don't commit, dialog stays open",[36,598,599],{"class":38,"style":39},[36,600,601],{"style":70},"        open = next",[36,603,604],{"class":38,"style":39},[36,605,606],{"style":70},"      }",[36,608,609],{"class":38,"style":39},[36,610,611],{"style":70},"    \"",[36,613,614],{"class":38,"style":39},[36,615,616],{"style":42},"  >",[36,618,619],{"class":38,"style":39},[36,620,621],{"style":42},"    ...",[36,623,624,626,628],{"class":38,"style":39},[36,625,210],{"style":42},[36,627,99],{"style":46},[36,629,54],{"style":42},[36,631,632,634,636],{"class":38,"style":39},[36,633,76],{"style":42},[36,635,89],{"style":46},[36,637,54],{"style":42},[13,639,640,641,644,645,648,649,652,653,656],{},"Style the parent dialog through the ",[32,642,643],{},"[data-nested-dialog-open]"," selector and the ",[32,646,647],{},"var(--nested-dialogs)"," CSS variable. Child dialogs render their own backdrop, marked with ",[32,650,651],{},"data-nested",". Hide it with ",[32,654,655],{},"[data-nested] { opacity: 0 }"," to keep the parent visible behind the one on top.",[13,658,659,660,665],{},"The demo below uses ",[661,662,664],"a",{"href":663},"\u002Fdialog","Dialog",". The same pattern applies to AlertDialog.",[17,667],{"name":668},"dialog\u002Fclose-confirmation",[228,670,672],{"id":671},"examples-detached-triggers","Detached triggers",[13,674,675,678,679,681,682,685,686,689],{},[32,676,677],{},"\u003CAlertDialog.Trigger>"," normally sits inside the root. When the trigger and the alert dialog's content can't share a spot in the markup, render ",[32,680,677],{}," wherever it fits and connect it to the root with a shared ",[32,683,684],{},"handle"," from ",[32,687,688],{},"AlertDialog.createHandle()",".",[13,691,692,693,696,697,700,701,704,705,708],{},"The handle's imperative methods — ",[32,694,695],{},"open()",", ",[32,698,699],{},"openWithPayload()"," and ",[32,702,703],{},"close()"," — only take effect while an ",[32,706,707],{},"\u003CAlertDialog.Root>"," using the same handle is mounted. Calls made before a root mounts or after it unmounts are ignored, not queued: each mount starts from fresh state.",[26,710,712],{"language":28,"meta":711,"class":242},"title=\"Detached triggers\"",[32,713,714,55,719,55,729,55,747,55,755,55,757,55,765,55,787,55,789,55,809],{"class":34},[36,715,716],{"class":38,"style":39},[36,717,718],{"style":387},"\u003C!-- [!code word::handle=\"h\"] -->",[36,720,721,723,725,727],{"class":38,"style":39},[36,722,43],{"style":42},[36,724,47],{"style":46},[36,726,51],{"style":50},[36,728,54],{"style":42},[36,730,731,733,736,738,741,744],{"class":38,"style":39},[36,732,295],{"style":60},[36,734,735],{"style":298}," h",[36,737,302],{"style":60},[36,739,740],{"style":42}," AlertDialog.",[36,742,743],{"style":50},"createHandle",[36,745,746],{"style":42},"()",[36,748,749,751,753],{"class":38,"style":39},[36,750,76],{"style":42},[36,752,47],{"style":46},[36,754,54],{"style":42},[36,756],{"class":38,"style":39},[36,758,759,761,763],{"class":38,"style":39},[36,760,43],{"style":42},[36,762,89],{"style":46},[36,764,54],{"style":42},[36,766,768,770,772,775,777,780,783,785],{"class":767,"style":39},[38,392],[36,769,96],{"style":42},[36,771,109],{"style":46},[36,773,774],{"style":50}," :handle",[36,776,403],{"style":42},[36,778,779],{"style":70},"\"h\"",[36,781,782],{"style":42},">Open\u003C\u002F",[36,784,109],{"style":46},[36,786,54],{"style":42},[36,788],{"class":38,"style":39},[36,790,792,794,796,798,800,802,805,807],{"class":791,"style":39},[38,392],[36,793,96],{"style":42},[36,795,99],{"style":46},[36,797,774],{"style":50},[36,799,403],{"style":42},[36,801,779],{"style":70},[36,803,804],{"style":42},">...\u003C\u002F",[36,806,99],{"style":46},[36,808,54],{"style":42},[36,810,811,813,815],{"class":38,"style":39},[36,812,76],{"style":42},[36,814,89],{"style":46},[36,816,54],{"style":42},[17,818],{"name":819},"alert-dialog\u002Fdetached-triggers-simple",[228,821,823],{"id":822},"examples-multiple-triggers","Multiple triggers",[13,825,826,827,829,830,832,833,689],{},"Several triggers can open the same alert dialog. Share one ",[32,828,684],{}," across detached triggers, or drop multiple ",[32,831,677],{}," components inside a single ",[32,834,707],{},[26,836,838],{"language":28,"meta":837,"class":30},"title=\"Multiple triggers within the Root part\"",[32,839,840,55,848,55,856,55,869,55,882,55,886,55,894],{"class":34},[36,841,842,844,846],{"class":38,"style":39},[36,843,43],{"style":42},[36,845,89],{"style":46},[36,847,54],{"style":42},[36,849,850,852,854],{"class":38,"style":39},[36,851,96],{"style":42},[36,853,99],{"style":46},[36,855,54],{"style":42},[36,857,858,860,862,865,867],{"class":38,"style":39},[36,859,106],{"style":42},[36,861,109],{"style":46},[36,863,864],{"style":42},">Trigger 1\u003C\u002F",[36,866,109],{"style":46},[36,868,54],{"style":42},[36,870,871,873,875,878,880],{"class":38,"style":39},[36,872,106],{"style":42},[36,874,109],{"style":46},[36,876,877],{"style":42},">Trigger 2\u003C\u002F",[36,879,109],{"style":46},[36,881,54],{"style":42},[36,883,884],{"class":38,"style":39},[36,885,621],{"style":42},[36,887,888,890,892],{"class":38,"style":39},[36,889,210],{"style":42},[36,891,99],{"style":46},[36,893,54],{"style":42},[36,895,896,898,900],{"class":38,"style":39},[36,897,76],{"style":42},[36,899,89],{"style":46},[36,901,54],{"style":42},[26,903,905],{"language":28,"meta":904,"class":30},"title=\"Multiple detached triggers\"",[32,906,907,55,917,55,931,55,939,55,941,55,949,55,967,55,985,55,1003],{"class":34},[36,908,909,911,913,915],{"class":38,"style":39},[36,910,43],{"style":42},[36,912,47],{"style":46},[36,914,51],{"style":50},[36,916,54],{"style":42},[36,918,919,921,923,925,927,929],{"class":38,"style":39},[36,920,295],{"style":60},[36,922,735],{"style":298},[36,924,302],{"style":60},[36,926,740],{"style":42},[36,928,743],{"style":50},[36,930,746],{"style":42},[36,932,933,935,937],{"class":38,"style":39},[36,934,76],{"style":42},[36,936,47],{"style":46},[36,938,54],{"style":42},[36,940],{"class":38,"style":39},[36,942,943,945,947],{"class":38,"style":39},[36,944,43],{"style":42},[36,946,89],{"style":46},[36,948,54],{"style":42},[36,950,951,953,955,957,959,961,963,965],{"class":38,"style":39},[36,952,96],{"style":42},[36,954,109],{"style":46},[36,956,774],{"style":50},[36,958,403],{"style":42},[36,960,779],{"style":70},[36,962,864],{"style":42},[36,964,109],{"style":46},[36,966,54],{"style":42},[36,968,969,971,973,975,977,979,981,983],{"class":38,"style":39},[36,970,96],{"style":42},[36,972,109],{"style":46},[36,974,774],{"style":50},[36,976,403],{"style":42},[36,978,779],{"style":70},[36,980,877],{"style":42},[36,982,109],{"style":46},[36,984,54],{"style":42},[36,986,987,989,991,993,995,997,999,1001],{"class":38,"style":39},[36,988,96],{"style":42},[36,990,99],{"style":46},[36,992,774],{"style":50},[36,994,403],{"style":42},[36,996,779],{"style":70},[36,998,804],{"style":42},[36,1000,99],{"style":46},[36,1002,54],{"style":42},[36,1004,1005,1007,1009],{"class":38,"style":39},[36,1006,76],{"style":42},[36,1008,89],{"style":46},[36,1010,54],{"style":42},[13,1012,1013,1014,1017,1018,1020,1021,1023,1024,1026],{},"To show different content depending on which trigger opened the alert dialog, pass a ",[32,1015,1016],{},"payload"," to each ",[32,1019,677],{}," and read it through the default slot on ",[32,1022,707],{},". Give ",[32,1025,688],{}," a type argument to type the payload:",[26,1028,1030],{"language":28,"meta":1029,"class":242},"title=\"Detached triggers with payload\"",[32,1031,1032,55,1050,55,1079,55,1087,55,1089,55,1097,55,1122,55,1129,55,1133,55,1135,55,1158,55,1165,55,1169,55,1171,55,1199,55,1207,55,1215,55,1228,55,1249,55,1260,55,1268,55,1276,55,1284,55,1292],{"class":34},[36,1033,1034,1036,1038,1040,1043,1045,1048],{"class":38,"style":39},[36,1035,43],{"style":42},[36,1037,47],{"style":46},[36,1039,51],{"style":50},[36,1041,1042],{"style":50}," lang",[36,1044,403],{"style":42},[36,1046,1047],{"style":70},"\"ts\"",[36,1049,54],{"style":42},[36,1051,1053,1055,1057,1059,1061,1063,1066,1070,1073,1076],{"class":1052,"style":39},[38,392],[36,1054,295],{"style":60},[36,1056,735],{"style":298},[36,1058,302],{"style":60},[36,1060,740],{"style":42},[36,1062,743],{"style":50},[36,1064,1065],{"style":42},"\u003C{ ",[36,1067,1069],{"style":1068},"color:#E36209;--shiki-dark:#FFAB70","message",[36,1071,1072],{"style":60},":",[36,1074,1075],{"style":298}," string",[36,1077,1078],{"style":42}," }>()",[36,1080,1081,1083,1085],{"class":38,"style":39},[36,1082,76],{"style":42},[36,1084,47],{"style":46},[36,1086,54],{"style":42},[36,1088],{"class":38,"style":39},[36,1090,1091,1093,1095],{"class":38,"style":39},[36,1092,43],{"style":42},[36,1094,89],{"style":46},[36,1096,54],{"style":42},[36,1098,1100,1102,1104,1106,1108,1110,1113,1117,1119],{"class":1099,"style":39},[38,392],[36,1101,96],{"style":42},[36,1103,109],{"style":46},[36,1105,774],{"style":50},[36,1107,403],{"style":42},[36,1109,779],{"style":70},[36,1111,1112],{"style":50}," :",[36,1114,1016],{"style":50,"class":1115},[1116],"highlighted-word",[36,1118,403],{"style":42},[36,1120,1121],{"style":70},"\"{ message: 'Trigger 1' }\"",[36,1123,1124,1127],{"class":38,"style":39},[36,1125,1126],{"style":42},"    >Trigger 1\u003C\u002F",[36,1128,109],{"style":46},[36,1130,1131],{"class":38,"style":39},[36,1132,616],{"style":42},[36,1134],{"class":38,"style":39},[36,1136,1138,1140,1142,1144,1146,1148,1150,1153,1155],{"class":1137,"style":39},[38,392],[36,1139,96],{"style":42},[36,1141,109],{"style":46},[36,1143,774],{"style":50},[36,1145,403],{"style":42},[36,1147,779],{"style":70},[36,1149,1112],{"style":50},[36,1151,1016],{"style":50,"class":1152},[1116],[36,1154,403],{"style":42},[36,1156,1157],{"style":70},"\"{ message: 'Trigger 2' }\"",[36,1159,1160,1163],{"class":38,"style":39},[36,1161,1162],{"style":42},"    >Trigger 2\u003C\u002F",[36,1164,109],{"style":46},[36,1166,1167],{"class":38,"style":39},[36,1168,616],{"style":42},[36,1170],{"class":38,"style":39},[36,1172,1173,1175,1177,1180,1182,1185,1188,1191,1193,1195,1197],{"class":38,"style":39},[36,1174,96],{"style":42},[36,1176,99],{"style":46},[36,1178,1179],{"style":50}," v-slot",[36,1181,403],{"style":42},[36,1183,1184],{"style":70},"\"{ ",[36,1186,1016],{"style":70,"class":1187},[1116],[36,1189,1190],{"style":70}," }\"",[36,1192,774],{"style":50},[36,1194,403],{"style":42},[36,1196,779],{"style":70},[36,1198,54],{"style":42},[36,1200,1201,1203,1205],{"class":38,"style":39},[36,1202,106],{"style":42},[36,1204,119],{"style":46},[36,1206,54],{"style":42},[36,1208,1209,1211,1213],{"class":38,"style":39},[36,1210,126],{"style":42},[36,1212,148],{"style":46},[36,1214,54],{"style":42},[36,1216,1217,1219,1221,1224,1226],{"class":38,"style":39},[36,1218,145],{"style":42},[36,1220,158],{"style":46},[36,1222,1223],{"style":42},">Alert dialog\u003C\u002F",[36,1225,158],{"style":46},[36,1227,54],{"style":42},[36,1229,1230,1232,1234,1237,1239,1241,1244,1247],{"class":38,"style":39},[36,1231,145],{"style":42},[36,1233,167],{"style":46},[36,1235,1236],{"style":50}," v-if",[36,1238,403],{"style":42},[36,1240,586],{"style":70},[36,1242,1016],{"style":70,"class":1243},[1116],[36,1245,1246],{"style":70}," !== undefined\"",[36,1248,54],{"style":42},[36,1250,1251,1254,1257],{"class":38,"style":39},[36,1252,1253],{"style":42},"          Confirming {{ ",[36,1255,1016],{"style":42,"class":1256},[1116],[36,1258,1259],{"style":42},".message }}",[36,1261,1262,1264,1266],{"class":38,"style":39},[36,1263,183],{"style":42},[36,1265,167],{"style":46},[36,1267,54],{"style":42},[36,1269,1270,1272,1274],{"class":38,"style":39},[36,1271,192],{"style":42},[36,1273,148],{"style":46},[36,1275,54],{"style":42},[36,1277,1278,1280,1282],{"class":38,"style":39},[36,1279,201],{"style":42},[36,1281,119],{"style":46},[36,1283,54],{"style":42},[36,1285,1286,1288,1290],{"class":38,"style":39},[36,1287,210],{"style":42},[36,1289,99],{"style":46},[36,1291,54],{"style":42},[36,1293,1294,1296,1298],{"class":38,"style":39},[36,1295,76],{"style":42},[36,1297,89],{"style":46},[36,1299,54],{"style":42},[228,1301,1303],{"id":1302},"examples-controlled-mode-with-multiple-triggers","Controlled mode with multiple triggers",[13,1305,1306,1307,1310,1311,1313,1314,1316,1317,1320,1321,1324,1325,1327,1328,1330,1331,1334],{},"When the alert dialog's visibility depends on your app's state, drive it with ",[32,1308,1309],{},"v-model:open"," on ",[32,1312,707],{},". With multiple triggers, give each ",[32,1315,677],{}," an ",[32,1318,1319],{},"id"," and add ",[32,1322,1323],{},"v-model:trigger-id"," to ",[32,1326,707],{},": each trigger publishes its own ",[32,1329,1319],{}," when it opens the dialog, and setting ",[32,1332,1333],{},"triggerId"," yourself associates the dialog with that trigger.",[17,1336],{"name":1337},"alert-dialog\u002Fdetached-triggers-controlled",[21,1339,1341],{"id":1340},"api-reference","API reference",[228,1343,1345],{"id":1344},"api-reference-root","Root",[13,1347,1348],{},"Groups all parts of the alert dialog.\nDoesn't render its own HTML element.",[1350,1351],"table",{"columns":1352,"rows":1356},[1353,1354,1355],"Prop","Type","Default",[1357,1369,1380,1389,1399,1410],{"summary":1358,"detail":1362},[1359,1360,1361],"\u003Ccode>open\u003C\u002Fcode>","\u003Ccode>boolean\u003C\u002Fcode>","\u003Ccode>false\u003C\u002Fcode>",[1363,1364,1365,1366],{"label":1353,"html":1359},{"label":1354,"html":1360},{"label":1355,"html":1361},{"label":1367,"html":1368},"Description","Whether the dialog is currently open (use \u003Ccode>v-model:open\u003C\u002Fcode>).",{"summary":1370,"detail":1374},[1371,1372,1373],"\u003Ccode>update:open\u003C\u002Fcode>","\u003Ccode>(open: boolean) => void\u003C\u002Fcode>","—",[1375,1376,1377,1378],{"label":1353,"html":1371},{"label":1354,"html":1372},{"label":1355,"html":1373},{"label":1367,"html":1379},"Emitted when the alert dialog is opened or closed (use \u003Ccode>v-model:open\u003C\u002Fcode>).",{"summary":1381,"detail":1383},[1382,1372,1373],"\u003Ccode>openChangeComplete\u003C\u002Fcode>",[1384,1385,1386,1387],{"label":1353,"html":1382},{"label":1354,"html":1372},{"label":1355,"html":1373},{"label":1367,"html":1388},"Called after any animations complete when the dialog is opened or closed.",{"summary":1390,"detail":1393},[1391,1392,1373],"\u003Ccode>handle\u003C\u002Fcode>","\u003Ccode>AlertDialog.Handle\u003C\u002Fcode>",[1394,1395,1396,1397],{"label":1353,"html":1391},{"label":1354,"html":1392},{"label":1355,"html":1373},{"label":1367,"html":1398},"A handle to associate the alert dialog with a trigger. If specified, allows external triggers to control the alert dialog's open state. Create one with \u003Ccode>AlertDialog.createHandle()\u003C\u002Fcode>.",{"summary":1400,"detail":1404},[1401,1402,1403],"\u003Ccode>triggerId\u003C\u002Fcode>","\u003Ccode>string | null\u003C\u002Fcode>","\u003Ccode>null\u003C\u002Fcode>",[1405,1406,1407,1408],{"label":1353,"html":1401},{"label":1354,"html":1402},{"label":1355,"html":1403},{"label":1367,"html":1409},"Active trigger id in multi-trigger scenarios (use \u003Ccode>v-model:trigger-id\u003C\u002Fcode>).",{"summary":1411,"detail":1414},[1412,1413,1373],"\u003Ccode>default\u003C\u002Fcode>","\u003Ccode>Slot<{ payload }>\u003C\u002Fcode>",[1415,1416,1417,1418],{"label":1353,"html":1412},{"label":1354,"html":1413},{"label":1355,"html":1373},{"label":1367,"html":1419},"Content; receives the active trigger's \u003Ccode>payload\u003C\u002Fcode>.",[228,1421,1423],{"id":1422},"api-reference-trigger","Trigger",[13,1425,1426,1427,1430],{},"A button that opens the alert dialog.\nRenders a ",[32,1428,1429],{},"\u003Cbutton>"," element.",[1350,1432],{"columns":1433,"rows":1434},[1353,1354,1355],[1435,1446,1456,1465,1474,1484,1492,1502],{"summary":1436,"detail":1440},[1437,1438,1439],"\u003Ccode>as\u003C\u002Fcode>","\u003Ccode>keyof HTMLElementTagNameMap\u003C\u002Fcode>","\u003Ccode>'button'\u003C\u002Fcode>",[1441,1442,1443,1444],{"label":1353,"html":1437},{"label":1354,"html":1438},{"label":1355,"html":1439},{"label":1367,"html":1445},"HTML element to render.",{"summary":1447,"detail":1450},[1448,1449,1373],"\u003Ccode>class\u003C\u002Fcode>","\u003Ccode>string\u003C\u002Fcode>",[1451,1452,1453,1454],{"label":1353,"html":1448},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1455},"CSS class applied to the element.",{"summary":1457,"detail":1459},[1458,1449,1373],"\u003Ccode>style\u003C\u002Fcode>",[1460,1461,1462,1463],{"label":1353,"html":1458},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1464},"Inline style applied to the element.",{"summary":1466,"detail":1468},[1467,1360,1361],"\u003Ccode>disabled\u003C\u002Fcode>",[1469,1470,1471,1472],{"label":1353,"html":1467},{"label":1354,"html":1360},{"label":1355,"html":1361},{"label":1367,"html":1473},"Whether the trigger is disabled.",{"summary":1475,"detail":1478},[1476,1449,1477],"\u003Ccode>id\u003C\u002Fcode>","auto",[1479,1480,1481,1482],{"label":1353,"html":1476},{"label":1354,"html":1449},{"label":1355,"html":1477},{"label":1367,"html":1483},"Custom element ID. Matched against \u003Ccode><AlertDialog.Root triggerId>\u003C\u002Fcode>.",{"summary":1485,"detail":1486},[1391,1392,1373],[1487,1488,1489,1490],{"label":1353,"html":1391},{"label":1354,"html":1392},{"label":1355,"html":1373},{"label":1367,"html":1491},"A handle created with \u003Ccode>AlertDialog.createHandle()\u003C\u002Fcode> for detached trigger usage (outside the Root).",{"summary":1493,"detail":1496},[1494,1495,1373],"\u003Ccode>payload\u003C\u002Fcode>","\u003Ccode>Payload\u003C\u002Fcode>",[1497,1498,1499,1500],{"label":1353,"html":1494},{"label":1354,"html":1495},{"label":1355,"html":1373},{"label":1367,"html":1501},"Per-trigger payload forwarded to the dialog when this trigger opens it. Accessible via the default slot's \u003Ccode>{ payload }\u003C\u002Fcode> prop.",{"summary":1503,"detail":1505},[1412,1504,1373],"\u003Ccode>Slot<{ disabled, open }>\u003C\u002Fcode>",[1506,1507,1508,1509],{"label":1353,"html":1412},{"label":1354,"html":1504},{"label":1355,"html":1373},{"label":1367,"html":1510},"Content; receives the trigger state.",[1350,1512,1513,1526],{},[1514,1515,1516],"thead",{},[1517,1518,1519,1524],"tr",{},[1520,1521,1523],"th",{"style":1522},"text-align:left","Attribute",[1520,1525,1367],{"style":1522},[1527,1528,1529,1540],"tbody",{},[1517,1530,1531,1537],{},[1532,1533,1534],"td",{"style":1522},[32,1535,1536],{},"data-popup-open",[1532,1538,1539],{"style":1522},"Present while the alert dialog is open from this trigger.",[1517,1541,1542,1547],{},[1532,1543,1544],{"style":1522},[32,1545,1546],{},"data-disabled",[1532,1548,1549],{"style":1522},"Present when the trigger is disabled.",[228,1551,1553],{"id":1552},"api-reference-portal","Portal",[13,1555,1556,1557,1560,1561,1430],{},"A portal that moves the popup out to ",[32,1558,1559],{},"\u003Cbody>",", clear of ancestor clipping and stacking.\nRenders a ",[32,1562,1563],{},"\u003Cdiv>",[1350,1565],{"columns":1566,"rows":1567},[1353,1354,1355],[1568,1578,1587],{"summary":1569,"detail":1572},[1570,1571,1373],"\u003Ccode>container\u003C\u002Fcode>","\u003Ccode>HTMLElement | null\u003C\u002Fcode>",[1573,1574,1575,1576],{"label":1353,"html":1570},{"label":1354,"html":1571},{"label":1355,"html":1373},{"label":1367,"html":1577},"Parent element to render the portal into. Defaults to the nearest ancestor portal, otherwise \u003Ccode>document.body\u003C\u002Fcode>.",{"summary":1579,"detail":1581},[1580,1360,1361],"\u003Ccode>keepMounted\u003C\u002Fcode>",[1582,1583,1584,1585],{"label":1353,"html":1580},{"label":1354,"html":1360},{"label":1355,"html":1361},{"label":1367,"html":1586},"Whether to keep the contents mounted while the popup is closed.",{"summary":1588,"detail":1590},[1412,1589,1373],"\u003Ccode>Slot\u003C\u002Fcode>",[1591,1592,1593,1594],{"label":1353,"html":1412},{"label":1354,"html":1589},{"label":1355,"html":1373},{"label":1367,"html":1595},"Content.",[228,1597,1599],{"id":1598},"api-reference-backdrop","Backdrop",[13,1601,1602,1603,1430],{},"An overlay displayed beneath the popup.\nRenders a ",[32,1604,1563],{},[1350,1606],{"columns":1607,"rows":1608},[1353,1354,1355],[1609,1617,1624,1631],{"summary":1610,"detail":1612},[1437,1438,1611],"\u003Ccode>'div'\u003C\u002Fcode>",[1613,1614,1615,1616],{"label":1353,"html":1437},{"label":1354,"html":1438},{"label":1355,"html":1611},{"label":1367,"html":1445},{"summary":1618,"detail":1619},[1448,1449,1373],[1620,1621,1622,1623],{"label":1353,"html":1448},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1455},{"summary":1625,"detail":1626},[1458,1449,1373],[1627,1628,1629,1630],{"label":1353,"html":1458},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1464},{"summary":1632,"detail":1634},[1412,1633,1373],"\u003Ccode>Slot<{ open, transitionStatus }>\u003C\u002Fcode>",[1635,1636,1637,1638],{"label":1353,"html":1412},{"label":1354,"html":1633},{"label":1355,"html":1373},{"label":1367,"html":1639},"Content; receives the backdrop state.",[1350,1641,1642,1650],{},[1514,1643,1644],{},[1517,1645,1646,1648],{},[1520,1647,1523],{"style":1522},[1520,1649,1367],{"style":1522},[1527,1651,1652,1662,1672,1681,1691,1701],{},[1517,1653,1654,1659],{},[1532,1655,1656],{"style":1522},[32,1657,1658],{},"data-open",[1532,1660,1661],{"style":1522},"Present when the alert dialog is open.",[1517,1663,1664,1669],{},[1532,1665,1666],{"style":1522},[32,1667,1668],{},"data-closed",[1532,1670,1671],{"style":1522},"Present when the alert dialog is closed.",[1517,1673,1674,1678],{},[1532,1675,1676],{"style":1522},[32,1677,651],{},[1532,1679,1680],{"style":1522},"Present when the alert dialog is nested within another dialog.",[1517,1682,1683,1688],{},[1532,1684,1685],{"style":1522},[32,1686,1687],{},"data-nested-dialog-open",[1532,1689,1690],{"style":1522},"Present when the alert dialog has other open dialogs nested within.",[1517,1692,1693,1698],{},[1532,1694,1695],{"style":1522},[32,1696,1697],{},"data-starting-style",[1532,1699,1700],{"style":1522},"Present when the backdrop is animating in.",[1517,1702,1703,1708],{},[1532,1704,1705],{"style":1522},[32,1706,1707],{},"data-ending-style",[1532,1709,1710],{"style":1522},"Present when the backdrop is animating out.",[228,1712,1714],{"id":1713},"api-reference-viewport","Viewport",[13,1716,1717,1718,1430],{},"A positioning container for the dialog popup that can be made scrollable.\nRenders a ",[32,1719,1563],{},[1350,1721],{"columns":1722,"rows":1723},[1353,1354,1355],[1724,1731,1738,1745],{"summary":1725,"detail":1726},[1437,1438,1611],[1727,1728,1729,1730],{"label":1353,"html":1437},{"label":1354,"html":1438},{"label":1355,"html":1611},{"label":1367,"html":1445},{"summary":1732,"detail":1733},[1448,1449,1373],[1734,1735,1736,1737],{"label":1353,"html":1448},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1455},{"summary":1739,"detail":1740},[1458,1449,1373],[1741,1742,1743,1744],{"label":1353,"html":1458},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1464},{"summary":1746,"detail":1748},[1412,1747,1373],"\u003Ccode>Slot<{ open, transitionStatus, nested, nestedDialogOpen }>\u003C\u002Fcode>",[1749,1750,1751,1752],{"label":1353,"html":1412},{"label":1354,"html":1747},{"label":1355,"html":1373},{"label":1367,"html":1753},"Content; receives the viewport state.",[1350,1755,1756,1764],{},[1514,1757,1758],{},[1517,1759,1760,1762],{},[1520,1761,1523],{"style":1522},[1520,1763,1367],{"style":1522},[1527,1765,1766,1774,1782,1791,1800,1808],{},[1517,1767,1768,1772],{},[1532,1769,1770],{"style":1522},[32,1771,1658],{},[1532,1773,1661],{"style":1522},[1517,1775,1776,1780],{},[1532,1777,1778],{"style":1522},[32,1779,1668],{},[1532,1781,1671],{"style":1522},[1517,1783,1784,1788],{},[1532,1785,1786],{"style":1522},[32,1787,1697],{},[1532,1789,1790],{"style":1522},"Present when the alert dialog is animating in.",[1517,1792,1793,1797],{},[1532,1794,1795],{"style":1522},[32,1796,1707],{},[1532,1798,1799],{"style":1522},"Present when the alert dialog is animating out.",[1517,1801,1802,1806],{},[1532,1803,1804],{"style":1522},[32,1805,651],{},[1532,1807,1680],{"style":1522},[1517,1809,1810,1814],{},[1532,1811,1812],{"style":1522},[32,1813,1687],{},[1532,1815,1690],{"style":1522},[228,1817,1819],{"id":1818},"api-reference-popup","Popup",[13,1821,1822,1823,1430],{},"A container for the dialog contents.\nRenders a ",[32,1824,1563],{},[1350,1826],{"columns":1827,"rows":1828},[1353,1354,1355],[1829,1836,1843,1850,1858,1868,1877],{"summary":1830,"detail":1831},[1437,1438,1611],[1832,1833,1834,1835],{"label":1353,"html":1437},{"label":1354,"html":1438},{"label":1355,"html":1611},{"label":1367,"html":1445},{"summary":1837,"detail":1838},[1448,1449,1373],[1839,1840,1841,1842],{"label":1353,"html":1448},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1455},{"summary":1844,"detail":1845},[1458,1449,1373],[1846,1847,1848,1849],{"label":1353,"html":1458},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1464},{"summary":1851,"detail":1852},[1476,1449,1477],[1853,1854,1855,1856],{"label":1353,"html":1476},{"label":1354,"html":1449},{"label":1355,"html":1477},{"label":1367,"html":1857},"Custom element ID. Referenced by the trigger's \u003Ccode>aria-controls\u003C\u002Fcode>.",{"summary":1859,"detail":1862},[1860,1861,1373],"\u003Ccode>initialFocus\u003C\u002Fcode>","\u003Ccode>HTMLElement | boolean | ((type: string) => HTMLElement | boolean | null | void)\u003C\u002Fcode>",[1863,1864,1865,1866],{"label":1353,"html":1860},{"label":1354,"html":1861},{"label":1355,"html":1373},{"label":1367,"html":1867},"Element to focus when the alert dialog opens, or a function receiving the interaction type (\u003Ccode>'mouse'\u003C\u002Fcode>, \u003Ccode>'keyboard'\u003C\u002Fcode>, \u003Ccode>'touch'\u003C\u002Fcode>, \u003Ccode>'pen'\u003C\u002Fcode>). \u003Ccode>false\u003C\u002Fcode> to skip; \u003Ccode>true\u003C\u002Fcode> focuses the first tabbable child. Defaults to the first tabbable child, or the popup itself when opened by touch.",{"summary":1869,"detail":1871},[1870,1861,1373],"\u003Ccode>finalFocus\u003C\u002Fcode>",[1872,1873,1874,1875],{"label":1353,"html":1870},{"label":1354,"html":1861},{"label":1355,"html":1373},{"label":1367,"html":1876},"Element to focus when the alert dialog closes, or a function receiving the interaction type. \u003Ccode>false\u003C\u002Fcode> to skip; \u003Ccode>true\u003C\u002Fcode> (default) returns focus to the trigger.",{"summary":1878,"detail":1879},[1412,1747,1373],[1880,1881,1882,1883],{"label":1353,"html":1412},{"label":1354,"html":1747},{"label":1355,"html":1373},{"label":1367,"html":1884},"Content; receives the popup state.",[1350,1886,1887,1895],{},[1514,1888,1889],{},[1517,1890,1891,1893],{},[1520,1892,1523],{"style":1522},[1520,1894,1367],{"style":1522},[1527,1896,1897,1905,1913,1921,1929,1937],{},[1517,1898,1899,1903],{},[1532,1900,1901],{"style":1522},[32,1902,1658],{},[1532,1904,1661],{"style":1522},[1517,1906,1907,1911],{},[1532,1908,1909],{"style":1522},[32,1910,1668],{},[1532,1912,1671],{"style":1522},[1517,1914,1915,1919],{},[1532,1916,1917],{"style":1522},[32,1918,1697],{},[1532,1920,1790],{"style":1522},[1517,1922,1923,1927],{},[1532,1924,1925],{"style":1522},[32,1926,1707],{},[1532,1928,1799],{"style":1522},[1517,1930,1931,1935],{},[1532,1932,1933],{"style":1522},[32,1934,651],{},[1532,1936,1680],{"style":1522},[1517,1938,1939,1943],{},[1532,1940,1941],{"style":1522},[32,1942,1687],{},[1532,1944,1690],{"style":1522},[1350,1946,1947,1956],{},[1514,1948,1949],{},[1517,1950,1951,1954],{},[1520,1952,1953],{"style":1522},"CSS Variable",[1520,1955,1367],{"style":1522},[1527,1957,1958],{},[1517,1959,1960,1965],{},[1532,1961,1962],{"style":1522},[32,1963,1964],{},"--nested-dialogs",[1532,1966,1967],{"style":1522},"Number of nested dialogs currently open.",[228,1969,1971],{"id":1970},"api-reference-title","Title",[13,1973,1974,1975,1430],{},"A heading that labels the alert dialog.\nRenders an ",[32,1976,1977],{},"\u003Ch2>",[1350,1979],{"columns":1980,"rows":1981},[1353,1354,1355],[1982,1990,1997,2004,2012],{"summary":1983,"detail":1985},[1437,1438,1984],"\u003Ccode>'h2'\u003C\u002Fcode>",[1986,1987,1988,1989],{"label":1353,"html":1437},{"label":1354,"html":1438},{"label":1355,"html":1984},{"label":1367,"html":1445},{"summary":1991,"detail":1992},[1448,1449,1373],[1993,1994,1995,1996],{"label":1353,"html":1448},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1455},{"summary":1998,"detail":1999},[1458,1449,1373],[2000,2001,2002,2003],{"label":1353,"html":1458},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1464},{"summary":2005,"detail":2006},[1476,1449,1477],[2007,2008,2009,2010],{"label":1353,"html":1476},{"label":1354,"html":1449},{"label":1355,"html":1477},{"label":1367,"html":2011},"Custom element ID.",{"summary":2013,"detail":2014},[1412,1589,1373],[2015,2016,2017,2018],{"label":1353,"html":1412},{"label":1354,"html":1589},{"label":1355,"html":1373},{"label":1367,"html":1595},[228,2020,1367],{"id":2021},"api-reference-description",[13,2023,2024,2025,1430],{},"A paragraph with additional information about the alert dialog.\nRenders a ",[32,2026,2027],{},"\u003Cp>",[1350,2029],{"columns":2030,"rows":2031},[1353,1354,1355],[2032,2040,2047,2054,2061],{"summary":2033,"detail":2035},[1437,1438,2034],"\u003Ccode>'p'\u003C\u002Fcode>",[2036,2037,2038,2039],{"label":1353,"html":1437},{"label":1354,"html":1438},{"label":1355,"html":2034},{"label":1367,"html":1445},{"summary":2041,"detail":2042},[1448,1449,1373],[2043,2044,2045,2046],{"label":1353,"html":1448},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1455},{"summary":2048,"detail":2049},[1458,1449,1373],[2050,2051,2052,2053],{"label":1353,"html":1458},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1464},{"summary":2055,"detail":2056},[1476,1449,1477],[2057,2058,2059,2060],{"label":1353,"html":1476},{"label":1354,"html":1449},{"label":1355,"html":1477},{"label":1367,"html":2011},{"summary":2062,"detail":2063},[1412,1589,1373],[2064,2065,2066,2067],{"label":1353,"html":1412},{"label":1354,"html":1589},{"label":1355,"html":1373},{"label":1367,"html":1595},[228,2069,2071],{"id":2070},"api-reference-close","Close",[13,2073,2074,2075,1430],{},"A button that closes the dialog.\nRenders a ",[32,2076,1429],{},[1350,2078],{"columns":2079,"rows":2080},[1353,1354,1355],[2081,2088,2095,2102,2110],{"summary":2082,"detail":2083},[1437,1438,1439],[2084,2085,2086,2087],{"label":1353,"html":1437},{"label":1354,"html":1438},{"label":1355,"html":1439},{"label":1367,"html":1445},{"summary":2089,"detail":2090},[1448,1449,1373],[2091,2092,2093,2094],{"label":1353,"html":1448},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1455},{"summary":2096,"detail":2097},[1458,1449,1373],[2098,2099,2100,2101],{"label":1353,"html":1458},{"label":1354,"html":1449},{"label":1355,"html":1373},{"label":1367,"html":1464},{"summary":2103,"detail":2104},[1467,1360,1361],[2105,2106,2107,2108],{"label":1353,"html":1467},{"label":1354,"html":1360},{"label":1355,"html":1361},{"label":1367,"html":2109},"Whether the button is disabled.",{"summary":2111,"detail":2113},[1412,2112,1373],"\u003Ccode>Slot<{ disabled }>\u003C\u002Fcode>",[2114,2115,2116,2117],{"label":1353,"html":1412},{"label":1354,"html":2112},{"label":1355,"html":1373},{"label":1367,"html":2118},"Content; receives whether the button is disabled.",[1350,2120,2121,2129],{},[1514,2122,2123],{},[1517,2124,2125,2127],{},[1520,2126,1523],{"style":1522},[1520,2128,1367],{"style":1522},[1527,2130,2131],{},[1517,2132,2133,2137],{},[1532,2134,2135],{"style":1522},[32,2136,1546],{},[1532,2138,2139],{"style":1522},"Present when the button is disabled.",[21,2141,2142],{"id":684},"Handle",[13,2144,2145,2146,2148,2149,2151,2152,689],{},"Connects an ",[32,2147,707],{}," with detached ",[32,2150,677],{}," components, and controls the alert dialog imperatively. Pass a type argument to type the ",[32,2153,1016],{},[26,2155,2157],{"language":2156,"class":30},"ts",[32,2158,2160],{"class":2159},"language-ts",[36,2161,2162,2164,2167,2169,2171,2173,2175,2178],{"class":38,"style":39},[36,2163,295],{"style":60},[36,2165,2166],{"style":298}," alertDialog",[36,2168,302],{"style":60},[36,2170,740],{"style":42},[36,2172,743],{"style":50},[36,2174,43],{"style":42},[36,2176,2177],{"style":50},"Payload",[36,2179,2180],{"style":42},">()",[1350,2182],{"columns":2183,"rows":2185},[2184,1354],"Member",[2186,2194,2203,2212],{"summary":2187,"detail":2189},[2188,1360],"\u003Ccode>isOpen\u003C\u002Fcode>",[2190,2191,2192],{"label":2184,"html":2188},{"label":1354,"html":1360},{"label":1367,"html":2193},"Whether the alert dialog is currently open (readonly).",{"summary":2195,"detail":2198},[2196,2197],"\u003Ccode>open(triggerId)\u003C\u002Fcode>","\u003Ccode>(id: string | null) => void\u003C\u002Fcode>",[2199,2200,2201],{"label":2184,"html":2196},{"label":1354,"html":2197},{"label":1367,"html":2202},"Opens the alert dialog. Pass a trigger \u003Ccode>id\u003C\u002Fcode> to associate it, or \u003Ccode>null\u003C\u002Fcode> to open with no trigger.",{"summary":2204,"detail":2207},[2205,2206],"\u003Ccode>openWithPayload(payload)\u003C\u002Fcode>","\u003Ccode>(payload: Payload) => void\u003C\u002Fcode>",[2208,2209,2210],{"label":2184,"html":2205},{"label":1354,"html":2206},{"label":1367,"html":2211},"Opens the alert dialog with a payload for the default slot.",{"summary":2213,"detail":2216},[2214,2215],"\u003Ccode>close()\u003C\u002Fcode>","\u003Ccode>() => void\u003C\u002Fcode>",[2217,2218,2219],{"label":2184,"html":2214},{"label":1354,"html":2215},{"label":1367,"html":2220},"Closes the alert dialog.","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { AlertDialog } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Falert-dialog'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-red-800 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      Discard draft\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Backdrop\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed inset-0 min-h-dvh bg-black opacity-20 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed top-1\u002F2 left-1\u002F2 -mt-8 w-96 max-w-[calc(100vw-3rem)] -translate-1\u002F2 rounded-lg bg-gray-50 p-4 text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[scale,opacity] duration-100 ease-out data-ending-style:scale-[0.98] data-ending-style:opacity-0 data-starting-style:scale-[0.98] data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-1 text-base font-semibold\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Discard draft?<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-4 text-sm text-gray-600\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          This can't be undone.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex justify-end gap-3\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            Cancel\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-red-800 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            Discard\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { AlertDialog } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Falert-dialog'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { Dialog } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Fdialog'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { shallowRef, useId } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> 'vue'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> dialogOpen\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> shallowRef\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">false\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> confirmationOpen\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> shallowRef\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">false\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> noteValue\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> shallowRef\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">''\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> titleId\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> useId\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">()\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">function\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> requestOpenChange\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#E36209;--shiki-dark:#FFAB70\">open\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> boolean\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6A737D;--shiki-dark:#6A737D\">  \u002F\u002F Veto the close by not committing; prompt instead.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">  if\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> (\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">!\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">open \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">&&\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> noteValue.value) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    confirmationOpen.value \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> true\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">    return\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  noteValue.value \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> ''\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  dialogOpen.value \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> open\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :open\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"dialogOpen\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> @update:open\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"requestOpenChange\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      Add note\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Backdrop\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed inset-0 min-h-dvh bg-black opacity-20 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed top-[calc(50%+1.25rem*var(--nested-dialogs))] left-1\u002F2 -mt-8 flex w-96 max-w-[calc(100vw-3rem)] -translate-1\u002F2 scale-[calc(1-0.1*var(--nested-dialogs))] flex-col gap-1 rounded-lg bg-gray-50 p-4 text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[top,scale,opacity] duration-100 ease-out after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-black\u002F5 after:opacity-0 after:transition-opacity after:duration-100 after:ease-out data-ending-style:top-[calc(50%+0.25rem+1.25rem*var(--nested-dialogs))] data-ending-style:scale-[0.96] data-ending-style:opacity-0 data-nested-dialog-open:after:opacity-100 data-starting-style:top-[calc(50%+0.25rem+1.25rem*var(--nested-dialogs))] data-starting-style:scale-[0.96] data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :id\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"titleId\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"text-base font-semibold\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Note<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">form\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex flex-col gap-4\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> @submit.prevent\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"dialogOpen = false\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">textarea\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            v-model\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"noteValue\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            :aria-labelledby\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"titleId\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            required\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"min-h-32 w-full rounded-md border border-gray-200 p-2 text-sm font-normal text-gray-900 focus:outline-2 focus:-outline-offset-1 focus:outline-gray-950 any-pointer-coarse:text-base\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            placeholder\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"Capture a key takeaway…\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          ><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">textarea\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex justify-end gap-3\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              Cancel\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              type\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"submit\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              Save\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">button\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">form\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> v-model:open\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"confirmationOpen\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">          class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed top-[calc(50%+1.25rem*var(--nested-dialogs))] left-1\u002F2 -mt-8 flex w-96 max-w-[calc(100vw-3rem)] -translate-1\u002F2 scale-[calc(1-0.1*var(--nested-dialogs))] flex-col gap-1 rounded-lg bg-gray-50 p-4 text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[top,scale,opacity] duration-100 ease-out after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-black\u002F5 after:opacity-0 after:transition-opacity after:duration-100 after:ease-out data-ending-style:top-[calc(50%+0.25rem+1.25rem*var(--nested-dialogs))] data-ending-style:scale-[0.96] data-ending-style:opacity-0 data-nested-dialog-open:after:opacity-100 data-starting-style:top-[calc(50%+0.25rem+1.25rem*var(--nested-dialogs))] data-starting-style:scale-[0.96] data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-1 text-base font-semibold\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Discard note?<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-4 text-sm text-gray-600\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            Your draft will be lost.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex items-center justify-end gap-3\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              Go back\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              type\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"button\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">              @click\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">                () => {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">                  confirmationOpen = false\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">                  dialogOpen = false\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">                }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">              \"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">              Discard\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">button\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">Dialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { AlertDialog } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Falert-dialog'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> deleteFile\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> AlertDialog.\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">createHandle\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">()\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">    class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">    :handle\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"deleteFile\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    Delete\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> :handle\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"deleteFile\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Backdrop\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed inset-0 min-h-dvh bg-black opacity-20 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed top-1\u002F2 left-1\u002F2 -mt-8 w-96 max-w-[calc(100vw-3rem)] -translate-1\u002F2 rounded-lg bg-gray-50 p-4 text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[scale,opacity] duration-100 ease-out data-ending-style:scale-[0.98] data-ending-style:opacity-0 data-starting-style:scale-[0.98] data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-1 text-base font-semibold\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>Delete file?<\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-4 text-sm text-gray-600\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          This file will be permanently deleted.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex justify-end gap-3\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            Cancel\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-red-800 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            Delete\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes github-light github-dark\" style=\"--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> setup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> lang\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { AlertDialog } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> '@shardsui\u002Fvue\u002Falert-dialog'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">import\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> { shallowRef } \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">from\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\"> 'vue'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> confirm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> AlertDialog.\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">createHandle\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><{ \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#E36209;--shiki-dark:#FFAB70\">title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> string\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">; \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#E36209;--shiki-dark:#FFAB70\">body\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">:\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> string\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> }>()\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> open\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> shallowRef\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">false\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> triggerId\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> shallowRef\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">string\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> |\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> null\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>(\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\">null\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\">const\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#005CC5;--shiki-dark:#79B8FF\"> actions\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#D73A49;--shiki-dark:#F97583\"> =\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"> [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    id: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'discard-draft'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Discard draft'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    payload: {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      title: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Discard draft?'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      body: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"This can't be undone.\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    id: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'delete-account'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    label: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Delete account'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    payload: {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      title: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Delete account?'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      body: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">'Your profile and data will be permanently removed.'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">script\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex flex-wrap justify-center gap-2\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Trigger\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      v-for\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"action in actions\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      :key\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"action.id\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-red-800 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      :handle\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"confirm\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      :id\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"action.id\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      :payload\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"action.payload\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      {{ action.label }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Trigger\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">button\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      type\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"button\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">      @click\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">        () => {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">          triggerId = 'delete-account'\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">          open = true\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">        }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">      \"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      Open programmatically\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">button\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">    v-slot\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"{ payload }\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">    v-model:open\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"open\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">    v-model:trigger-id\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"triggerId\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">    :handle\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"confirm\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">    @update:open\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"(isOpen) => !isOpen && (triggerId = null)\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Backdrop\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed inset-0 min-h-dvh bg-black opacity-20 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">        class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"fixed top-1\u002F2 left-1\u002F2 -mt-8 w-96 max-w-[calc(100vw-3rem)] -translate-1\u002F2 rounded-lg bg-gray-50 p-4 text-gray-900 shadow-lg outline-1 outline-gray-200 transition-[scale,opacity] duration-100 ease-out data-ending-style:scale-[0.98] data-ending-style:opacity-0 data-starting-style:scale-[0.98] data-starting-style:opacity-0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-1 text-base font-semibold\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          {{ payload?.title ?? 'Are you sure?' }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"mb-4 text-sm text-gray-600\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          {{ payload?.body ?? 'This action cannot be undone.' }}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\"> class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex justify-end gap-3\"\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-gray-900 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            Cancel\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#6F42C1;--shiki-dark:#B392F0\">            class\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">=\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#032F62;--shiki-dark:#9ECBFF\">\"flex h-8 items-center justify-center rounded-md border border-gray-200 bg-gray-50 px-3 text-sm font-normal text-red-800 select-none hover:bg-gray-100 focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-gray-950 active:bg-gray-100\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          >\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">            Confirm\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">          <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Close\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">        <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">div\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">      <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Popup\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Portal\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">AlertDialog.Root\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#22863A;--shiki-dark:#85E89D\">template\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#24292E;--shiki-dark:#E1E4E8\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1789390071941]