[{"data":1,"prerenderedAt":1250},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-modal":273,"-colorffy-ui-components-modal-surround":1245},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":215,"body":275,"description":1239,"extension":516,"links":1240,"meta":1241,"navigation":1242,"path":216,"seo":1243,"stem":217,"__hash__":1244},"docs\u002F3.colorffy-ui\u002F2.components\u002F17.modal.md",{"type":276,"value":277,"toc":1232},"minimark",[278,298,303,586,590,664,668,920,924,1097,1118,1121,1127,1220,1228],[279,280,281,285,286,289,290,293,294,297],"p",{},[282,283,284],"code",{},"UiModal"," presents content in an overlay; ",[282,287,288],{},"UiConfirmModal"," adds confirm \u002F cancel actions. Open and close them through their exposed handle (",[282,291,292],{},"showDialog"," \u002F ",[282,295,296],{},"closeDialog",").",[299,300,302],"h2",{"id":301},"open-a-modal","Open a modal",[304,305,310],"pre",{"className":306,"code":307,"language":308,"meta":309,"style":309},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst modal = ref()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiButton variant=\"filled\" text=\"Open\" @click=\"modal.showDialog()\" \u002F>\n\n  \u003CUiModal ref=\"modal\" title=\"Profile\" size=\"md\">\n    \u003Ctemplate #body>\n      \u003Cp>Modal content…\u003C\u002Fp>\n    \u003C\u002Ftemplate>\n  \u003C\u002FUiModal>\n\u003C\u002Ftemplate>\n","vue","",[282,311,312,347,375,382,399,409,414,424,472,477,521,537,557,567,577],{"__ignoreMap":309},[313,314,317,321,325,329,332,335,338,342,344],"span",{"class":315,"line":316},"line",1,[313,318,320],{"class":319},"sMK4o","\u003C",[313,322,324],{"class":323},"swJcz","script",[313,326,328],{"class":327},"spNyl"," setup",[313,330,331],{"class":327}," lang",[313,333,334],{"class":319},"=",[313,336,337],{"class":319},"\"",[313,339,341],{"class":340},"sfazB","ts",[313,343,337],{"class":319},[313,345,346],{"class":319},">\n",[313,348,350,354,357,361,364,367,370,372],{"class":315,"line":349},2,[313,351,353],{"class":352},"s7zQu","import",[313,355,356],{"class":319}," {",[313,358,360],{"class":359},"sTEyZ"," ref",[313,362,363],{"class":319}," }",[313,365,366],{"class":352}," from",[313,368,369],{"class":319}," '",[313,371,308],{"class":340},[313,373,374],{"class":319},"'\n",[313,376,378],{"class":315,"line":377},3,[313,379,381],{"emptyLinePlaceholder":380},true,"\n",[313,383,385,388,391,393,396],{"class":315,"line":384},4,[313,386,387],{"class":327},"const",[313,389,390],{"class":359}," modal ",[313,392,334],{"class":319},[313,394,360],{"class":395},"s2Zo4",[313,397,398],{"class":359},"()\n",[313,400,402,405,407],{"class":315,"line":401},5,[313,403,404],{"class":319},"\u003C\u002F",[313,406,324],{"class":323},[313,408,346],{"class":319},[313,410,412],{"class":315,"line":411},6,[313,413,381],{"emptyLinePlaceholder":380},[313,415,417,419,422],{"class":315,"line":416},7,[313,418,320],{"class":319},[313,420,421],{"class":323},"template",[313,423,346],{"class":319},[313,425,427,430,433,436,438,440,443,445,448,450,452,455,457,460,462,464,467,469],{"class":315,"line":426},8,[313,428,429],{"class":319},"  \u003C",[313,431,432],{"class":323},"UiButton",[313,434,435],{"class":327}," variant",[313,437,334],{"class":319},[313,439,337],{"class":319},[313,441,442],{"class":340},"filled",[313,444,337],{"class":319},[313,446,447],{"class":327}," text",[313,449,334],{"class":319},[313,451,337],{"class":319},[313,453,454],{"class":340},"Open",[313,456,337],{"class":319},[313,458,459],{"class":327}," @click",[313,461,334],{"class":319},[313,463,337],{"class":319},[313,465,466],{"class":340},"modal.showDialog()",[313,468,337],{"class":319},[313,470,471],{"class":319}," \u002F>\n",[313,473,475],{"class":315,"line":474},9,[313,476,381],{"emptyLinePlaceholder":380},[313,478,480,482,484,486,488,490,493,495,498,500,502,505,507,510,512,514,517,519],{"class":315,"line":479},10,[313,481,429],{"class":319},[313,483,284],{"class":323},[313,485,360],{"class":327},[313,487,334],{"class":319},[313,489,337],{"class":319},[313,491,492],{"class":340},"modal",[313,494,337],{"class":319},[313,496,497],{"class":327}," title",[313,499,334],{"class":319},[313,501,337],{"class":319},[313,503,504],{"class":340},"Profile",[313,506,337],{"class":319},[313,508,509],{"class":327}," size",[313,511,334],{"class":319},[313,513,337],{"class":319},[313,515,516],{"class":340},"md",[313,518,337],{"class":319},[313,520,346],{"class":319},[313,522,524,527,529,532,535],{"class":315,"line":523},11,[313,525,526],{"class":319},"    \u003C",[313,528,421],{"class":323},[313,530,531],{"class":319}," #",[313,533,534],{"class":327},"body",[313,536,346],{"class":319},[313,538,540,543,545,548,551,553,555],{"class":315,"line":539},12,[313,541,542],{"class":319},"      \u003C",[313,544,279],{"class":323},[313,546,547],{"class":319},">",[313,549,550],{"class":359},"Modal content…",[313,552,404],{"class":319},[313,554,279],{"class":323},[313,556,346],{"class":319},[313,558,560,563,565],{"class":315,"line":559},13,[313,561,562],{"class":319},"    \u003C\u002F",[313,564,421],{"class":323},[313,566,346],{"class":319},[313,568,570,573,575],{"class":315,"line":569},14,[313,571,572],{"class":319},"  \u003C\u002F",[313,574,284],{"class":323},[313,576,346],{"class":319},[313,578,580,582,584],{"class":315,"line":579},15,[313,581,404],{"class":319},[313,583,421],{"class":323},[313,585,346],{"class":319},[299,587,589],{"id":588},"pick-a-mode-and-size","Pick a mode and size",[304,591,593],{"className":306,"code":592,"language":308,"meta":309,"style":309},"\u003Ctemplate>\n  \u003CUiModal ref=\"sheet\" mode=\"side-sheet\" size=\"lg\" title=\"Filters\" \u002F>\n\u003C\u002Ftemplate>\n",[282,594,595,603,656],{"__ignoreMap":309},[313,596,597,599,601],{"class":315,"line":316},[313,598,320],{"class":319},[313,600,421],{"class":323},[313,602,346],{"class":319},[313,604,605,607,609,611,613,615,618,620,623,625,627,630,632,634,636,638,641,643,645,647,649,652,654],{"class":315,"line":349},[313,606,429],{"class":319},[313,608,284],{"class":323},[313,610,360],{"class":327},[313,612,334],{"class":319},[313,614,337],{"class":319},[313,616,617],{"class":340},"sheet",[313,619,337],{"class":319},[313,621,622],{"class":327}," mode",[313,624,334],{"class":319},[313,626,337],{"class":319},[313,628,629],{"class":340},"side-sheet",[313,631,337],{"class":319},[313,633,509],{"class":327},[313,635,334],{"class":319},[313,637,337],{"class":319},[313,639,640],{"class":340},"lg",[313,642,337],{"class":319},[313,644,497],{"class":327},[313,646,334],{"class":319},[313,648,337],{"class":319},[313,650,651],{"class":340},"Filters",[313,653,337],{"class":319},[313,655,471],{"class":319},[313,657,658,660,662],{"class":315,"line":377},[313,659,404],{"class":319},[313,661,421],{"class":323},[313,663,346],{"class":319},[299,665,667],{"id":666},"confirm-a-destructive-action","Confirm a destructive action",[304,669,671],{"className":306,"code":670,"language":308,"meta":309,"style":309},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst confirm = ref()\n\nfunction remove() {\n  \u002F\u002F delete, then close\n  confirm.value.closeDialog()\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiConfirmModal\n    ref=\"confirm\"\n    variant=\"danger\"\n    title=\"Delete item?\"\n    message=\"This can't be undone.\"\n    confirm-label=\"Delete\"\n    cancel-label=\"Cancel\"\n    @confirm=\"remove\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[282,672,673,693,711,715,728,732,746,752,769,774,782,786,794,801,816,830,845,860,875,890,905,911],{"__ignoreMap":309},[313,674,675,677,679,681,683,685,687,689,691],{"class":315,"line":316},[313,676,320],{"class":319},[313,678,324],{"class":323},[313,680,328],{"class":327},[313,682,331],{"class":327},[313,684,334],{"class":319},[313,686,337],{"class":319},[313,688,341],{"class":340},[313,690,337],{"class":319},[313,692,346],{"class":319},[313,694,695,697,699,701,703,705,707,709],{"class":315,"line":349},[313,696,353],{"class":352},[313,698,356],{"class":319},[313,700,360],{"class":359},[313,702,363],{"class":319},[313,704,366],{"class":352},[313,706,369],{"class":319},[313,708,308],{"class":340},[313,710,374],{"class":319},[313,712,713],{"class":315,"line":377},[313,714,381],{"emptyLinePlaceholder":380},[313,716,717,719,722,724,726],{"class":315,"line":384},[313,718,387],{"class":327},[313,720,721],{"class":359}," confirm ",[313,723,334],{"class":319},[313,725,360],{"class":395},[313,727,398],{"class":359},[313,729,730],{"class":315,"line":401},[313,731,381],{"emptyLinePlaceholder":380},[313,733,734,737,740,743],{"class":315,"line":411},[313,735,736],{"class":327},"function",[313,738,739],{"class":395}," remove",[313,741,742],{"class":319},"()",[313,744,745],{"class":319}," {\n",[313,747,748],{"class":315,"line":416},[313,749,751],{"class":750},"sHwdD","  \u002F\u002F delete, then close\n",[313,753,754,757,760,763,765,767],{"class":315,"line":426},[313,755,756],{"class":359},"  confirm",[313,758,759],{"class":319},".",[313,761,762],{"class":359},"value",[313,764,759],{"class":319},[313,766,296],{"class":395},[313,768,398],{"class":323},[313,770,771],{"class":315,"line":474},[313,772,773],{"class":319},"}\n",[313,775,776,778,780],{"class":315,"line":479},[313,777,404],{"class":319},[313,779,324],{"class":323},[313,781,346],{"class":319},[313,783,784],{"class":315,"line":523},[313,785,381],{"emptyLinePlaceholder":380},[313,787,788,790,792],{"class":315,"line":539},[313,789,320],{"class":319},[313,791,421],{"class":323},[313,793,346],{"class":319},[313,795,796,798],{"class":315,"line":559},[313,797,429],{"class":319},[313,799,800],{"class":323},"UiConfirmModal\n",[313,802,803,806,808,810,813],{"class":315,"line":569},[313,804,805],{"class":327},"    ref",[313,807,334],{"class":319},[313,809,337],{"class":319},[313,811,812],{"class":340},"confirm",[313,814,815],{"class":319},"\"\n",[313,817,818,821,823,825,828],{"class":315,"line":579},[313,819,820],{"class":327},"    variant",[313,822,334],{"class":319},[313,824,337],{"class":319},[313,826,827],{"class":340},"danger",[313,829,815],{"class":319},[313,831,833,836,838,840,843],{"class":315,"line":832},16,[313,834,835],{"class":327},"    title",[313,837,334],{"class":319},[313,839,337],{"class":319},[313,841,842],{"class":340},"Delete item?",[313,844,815],{"class":319},[313,846,848,851,853,855,858],{"class":315,"line":847},17,[313,849,850],{"class":327},"    message",[313,852,334],{"class":319},[313,854,337],{"class":319},[313,856,857],{"class":340},"This can't be undone.",[313,859,815],{"class":319},[313,861,863,866,868,870,873],{"class":315,"line":862},18,[313,864,865],{"class":327},"    confirm-label",[313,867,334],{"class":319},[313,869,337],{"class":319},[313,871,872],{"class":340},"Delete",[313,874,815],{"class":319},[313,876,878,881,883,885,888],{"class":315,"line":877},19,[313,879,880],{"class":327},"    cancel-label",[313,882,334],{"class":319},[313,884,337],{"class":319},[313,886,887],{"class":340},"Cancel",[313,889,815],{"class":319},[313,891,893,896,898,900,903],{"class":315,"line":892},20,[313,894,895],{"class":327},"    @confirm",[313,897,334],{"class":319},[313,899,337],{"class":319},[313,901,902],{"class":340},"remove",[313,904,815],{"class":319},[313,906,908],{"class":315,"line":907},21,[313,909,910],{"class":319},"  \u002F>\n",[313,912,914,916,918],{"class":315,"line":913},22,[313,915,404],{"class":319},[313,917,421],{"class":323},[313,919,346],{"class":319},[299,921,923],{"id":922},"uimodal-props","UiModal props",[925,926,927,946],"table",{},[928,929,930],"thead",{},[931,932,933,937,940,943],"tr",{},[934,935,936],"th",{},"Prop",[934,938,939],{},"Type",[934,941,942],{},"Default",[934,944,945],{},"Description",[947,948,949,968,985,1002,1018,1038,1058,1077],"tbody",{},[931,950,951,957,962,965],{},[952,953,954],"td",{},[282,955,956],{},"mode",[952,958,959],{},[282,960,961],{},"'modal' | 'side-sheet' | 'headless'",[952,963,964],{},"—",[952,966,967],{},"Dialog shape (preferred over legacy flags).",[931,969,970,975,980,982],{},[952,971,972],{},[282,973,974],{},"size",[952,976,977],{},[282,978,979],{},"'sm' | 'md' | 'lg' | 'fullscreen'",[952,981,964],{},[952,983,984],{},"Dialog size.",[931,986,987,992,997,999],{},[952,988,989],{},[282,990,991],{},"title",[952,993,994],{},[282,995,996],{},"string | null",[952,998,964],{},[952,1000,1001],{},"Header title.",[931,1003,1004,1009,1013,1015],{},[952,1005,1006],{},[282,1007,1008],{},"message",[952,1010,1011],{},[282,1012,996],{},[952,1014,964],{},[952,1016,1017],{},"Body message.",[931,1019,1020,1025,1030,1035],{},[952,1021,1022],{},[282,1023,1024],{},"variant",[952,1026,1027],{},[282,1028,1029],{},"'danger' | 'warning' | 'success' | 'primary'",[952,1031,1032],{},[282,1033,1034],{},"'danger'",[952,1036,1037],{},"Visual intent.",[931,1039,1040,1045,1050,1055],{},[952,1041,1042],{},[282,1043,1044],{},"closeOnClickOutside",[952,1046,1047],{},[282,1048,1049],{},"boolean",[952,1051,1052],{},[282,1053,1054],{},"true",[952,1056,1057],{},"Dismiss when clicking the backdrop.",[931,1059,1060,1065,1070,1074],{},[952,1061,1062],{},[282,1063,1064],{},"showAsModal",[952,1066,1067],{},[282,1068,1069],{},"boolean | null",[952,1071,1072],{},[282,1073,1054],{},[952,1075,1076],{},"Legacy modal toggle.",[931,1078,1079,1087,1092,1094],{},[952,1080,1081,293,1084],{},[282,1082,1083],{},"customClass",[282,1085,1086],{},"bodyDialogClass",[952,1088,1089],{},[282,1090,1091],{},"string | string[] | Record\u003Cstring, boolean> | null",[952,1093,964],{},[952,1095,1096],{},"Extra classes.",[279,1098,1099,1103,1104,1107,1108,1111,1112,1103,1115,759],{},[1100,1101,1102],"strong",{},"Exposed:"," ",[282,1105,1106],{},"showDialog()",", ",[282,1109,1110],{},"closeDialog()",".\n",[1100,1113,1114],{},"Emits:",[282,1116,1117],{},"onCloseDialog",[299,1119,288],{"id":1120},"uiconfirmmodal",[279,1122,1123,1124,1126],{},"Extends ",[282,1125,284],{}," with:",[925,1128,1129,1141],{},[928,1130,1131],{},[931,1132,1133,1135,1137,1139],{},[934,1134,936],{},[934,1136,939],{},[934,1138,942],{},[934,1140,945],{},[947,1142,1143,1162,1182,1201],{},[931,1144,1145,1150,1154,1159],{},[952,1146,1147],{},[282,1148,1149],{},"confirmLabel",[952,1151,1152],{},[282,1153,996],{},[952,1155,1156],{},[282,1157,1158],{},"'Delete'",[952,1160,1161],{},"Confirm button label.",[931,1163,1164,1169,1174,1179],{},[952,1165,1166],{},[282,1167,1168],{},"cancelLabel",[952,1170,1171],{},[282,1172,1173],{},"string",[952,1175,1176],{},[282,1177,1178],{},"'Cancel'",[952,1180,1181],{},"Cancel button label.",[931,1183,1184,1189,1193,1198],{},[952,1185,1186],{},[282,1187,1188],{},"isLoading",[952,1190,1191],{},[282,1192,1049],{},[952,1194,1195],{},[282,1196,1197],{},"false",[952,1199,1200],{},"Loading state on the confirm button.",[931,1202,1203,1208,1212,1217],{},[952,1204,1205],{},[282,1206,1207],{},"loadingLabel",[952,1209,1210],{},[282,1211,1173],{},[952,1213,1214],{},[282,1215,1216],{},"'Deleting...'",[952,1218,1219],{},"Text while loading.",[279,1221,1222,1103,1224,1107,1226,759],{},[1100,1223,1114],{},[282,1225,812],{},[282,1227,1117],{},[1229,1230,1231],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":309,"searchDepth":349,"depth":349,"links":1233},[1234,1235,1236,1237,1238],{"id":301,"depth":349,"text":302},{"id":588,"depth":349,"text":589},{"id":666,"depth":349,"text":667},{"id":922,"depth":349,"text":923},{"id":1120,"depth":349,"text":288},"Show dialogs and confirmations with UiModal and UiConfirmModal.",null,{},{"icon":88},{"title":215,"description":1239},"3hm52WpUvRP07cO7Bm5Jh-dH5hozOk0MApn_r6qXa54",[1246,1248],{"title":210,"path":211,"stem":212,"description":1247,"icon":213,"children":-1},"Indicate loading with spinner, expressive, and shape loaders.",{"title":219,"path":220,"stem":221,"description":1249,"icon":222,"children":-1},"Build a top navigation bar with brand, links, avatar, and a sidebar toggle.",1782196219260]