[{"data":1,"prerenderedAt":1048},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fsheet":313,"\u002Fcomponents\u002Fsheet-surround":1043},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":231,"body":315,"description":1031,"extension":1032,"links":1033,"meta":1039,"navigation":1040,"package":76,"path":232,"seo":1041,"stem":233,"__hash__":1042},"docs\u002F3.components\u002Fsheet.md",{"type":316,"value":317,"toc":1015},"minimark",[318,323,347,360,364,436,440,818,822,911,915,921,924,927,932,934,939,941,946,948,953,955,958,966,970,981,985,1011],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,329,330,332,333,340,341,346],"p",{},[327,328,231],"code",{}," is a headless ",[327,331,31],{}," primitive for a panel that slides in from a viewport edge and settles at one of several snap points. Dragging is driven on the main thread for native-smooth tracking, with fling-to-advance and optional drag-to-dismiss. The styled ",[334,335,337],"a",{"href":336},"\u002Fcomponents\u002Fdrawer",[327,338,339],{},"Drawer"," and ",[334,342,343],{"href":64},[327,344,345],{},"ActionSheet"," components build on it.",[348,349,350],"callout",{"icon":34},[324,351,352,353,355,356,359],{},"This is a vyui-original ",[327,354,31],{}," primitive (the snap\u002Fdrag pattern is adapted from ",[327,357,358],{},"lynx-ui","). Compose it directly when you need custom snap behavior; otherwise use the styled kit components.",[319,361,363],{"id":362},"anatomy","Anatomy",[365,366,371],"pre",{"className":367,"code":368,"language":369,"meta":370,"style":370},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CSheetRoot>\n  \u003CSheetTrigger \u002F>\n  \u003CSheetBackdrop \u002F>\n  \u003CSheetContent>\n    \u003CSheetHandle \u002F>\n    \u003C!-- sheet body -->\n  \u003C\u002FSheetContent>\n\u003C\u002FSheetRoot>\n","vue","",[327,372,373,389,396,402,408,414,420,426],{"__ignoreMap":370},[374,375,378,382,386],"span",{"class":376,"line":377},"line",1,[374,379,381],{"class":380},"sMK4o","\u003C",[374,383,385],{"class":384},"swJcz","SheetRoot",[374,387,388],{"class":380},">\n",[374,390,392],{"class":376,"line":391},2,[374,393,395],{"class":394},"sTEyZ","  \u003CSheetTrigger \u002F>\n",[374,397,399],{"class":376,"line":398},3,[374,400,401],{"class":394},"  \u003CSheetBackdrop \u002F>\n",[374,403,405],{"class":376,"line":404},4,[374,406,407],{"class":394},"  \u003CSheetContent>\n",[374,409,411],{"class":376,"line":410},5,[374,412,413],{"class":394},"    \u003CSheetHandle \u002F>\n",[374,415,417],{"class":376,"line":416},6,[374,418,419],{"class":394},"    \u003C!-- sheet body -->\n",[374,421,423],{"class":376,"line":422},7,[374,424,425],{"class":394},"  \u003C\u002FSheetContent>\n",[374,427,429,432,434],{"class":376,"line":428},8,[374,430,431],{"class":380},"\u003C\u002F",[374,433,385],{"class":384},[374,435,388],{"class":380},[319,437,439],{"id":438},"usage","Usage",[365,441,443],{"className":367,"code":442,"language":369,"meta":370,"style":370},"\u003Cscript setup lang=\"ts\">\nimport {\n  SheetBackdrop,\n  SheetContent,\n  SheetHandle,\n  SheetRoot,\n  SheetTrigger,\n} from '@vyui\u002Fcore'\n\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSheetRoot\n    v-model:open=\"open\"\n    side=\"bottom\"\n    :snap-points=\"[0.25, 0.5, 0.9]\"\n    :default-snap-index=\"1\"\n  >\n    \u003CSheetTrigger>\n      \u003Ctext>Open sheet\u003C\u002Ftext>\n    \u003C\u002FSheetTrigger>\n    \u003CSheetBackdrop \u002F>\n    \u003CSheetContent>\n      \u003CSheetHandle \u002F>\n      \u003Cview class=\"p-4\">\n        \u003Ctext>Drag the handle to snap between sizes.\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002FSheetContent>\n  \u003C\u002FSheetRoot>\n\u003C\u002Ftemplate>\n",[327,444,445,473,482,490,497,504,511,518,534,541,566,575,580,590,599,615,630,645,660,666,677,698,708,719,729,739,761,780,790,799,809],{"__ignoreMap":370},[374,446,447,449,452,456,459,462,465,469,471],{"class":376,"line":377},[374,448,381],{"class":380},[374,450,451],{"class":384},"script",[374,453,455],{"class":454},"spNyl"," setup",[374,457,458],{"class":454}," lang",[374,460,461],{"class":380},"=",[374,463,464],{"class":380},"\"",[374,466,468],{"class":467},"sfazB","ts",[374,470,464],{"class":380},[374,472,388],{"class":380},[374,474,475,479],{"class":376,"line":391},[374,476,478],{"class":477},"s7zQu","import",[374,480,481],{"class":380}," {\n",[374,483,484,487],{"class":376,"line":398},[374,485,486],{"class":394},"  SheetBackdrop",[374,488,489],{"class":380},",\n",[374,491,492,495],{"class":376,"line":404},[374,493,494],{"class":394},"  SheetContent",[374,496,489],{"class":380},[374,498,499,502],{"class":376,"line":410},[374,500,501],{"class":394},"  SheetHandle",[374,503,489],{"class":380},[374,505,506,509],{"class":376,"line":416},[374,507,508],{"class":394},"  SheetRoot",[374,510,489],{"class":380},[374,512,513,516],{"class":376,"line":422},[374,514,515],{"class":394},"  SheetTrigger",[374,517,489],{"class":380},[374,519,520,523,526,529,531],{"class":376,"line":428},[374,521,522],{"class":380},"}",[374,524,525],{"class":477}," from",[374,527,528],{"class":380}," '",[374,530,31],{"class":467},[374,532,533],{"class":380},"'\n",[374,535,537],{"class":376,"line":536},9,[374,538,540],{"emptyLinePlaceholder":539},true,"\n",[374,542,544,547,550,552,556,559,563],{"class":376,"line":543},10,[374,545,546],{"class":454},"const",[374,548,549],{"class":394}," open ",[374,551,461],{"class":380},[374,553,555],{"class":554},"s2Zo4"," ref",[374,557,558],{"class":394},"(",[374,560,562],{"class":561},"sfNiH","false",[374,564,565],{"class":394},")\n",[374,567,569,571,573],{"class":376,"line":568},11,[374,570,431],{"class":380},[374,572,451],{"class":384},[374,574,388],{"class":380},[374,576,578],{"class":376,"line":577},12,[374,579,540],{"emptyLinePlaceholder":539},[374,581,583,585,588],{"class":376,"line":582},13,[374,584,381],{"class":380},[374,586,587],{"class":384},"template",[374,589,388],{"class":380},[374,591,593,596],{"class":376,"line":592},14,[374,594,595],{"class":380},"  \u003C",[374,597,598],{"class":384},"SheetRoot\n",[374,600,602,605,607,609,612],{"class":376,"line":601},15,[374,603,604],{"class":454},"    v-model:open",[374,606,461],{"class":380},[374,608,464],{"class":380},[374,610,611],{"class":467},"open",[374,613,614],{"class":380},"\"\n",[374,616,618,621,623,625,628],{"class":376,"line":617},16,[374,619,620],{"class":454},"    side",[374,622,461],{"class":380},[374,624,464],{"class":380},[374,626,627],{"class":467},"bottom",[374,629,614],{"class":380},[374,631,633,636,638,640,643],{"class":376,"line":632},17,[374,634,635],{"class":454},"    :snap-points",[374,637,461],{"class":380},[374,639,464],{"class":380},[374,641,642],{"class":467},"[0.25, 0.5, 0.9]",[374,644,614],{"class":380},[374,646,648,651,653,655,658],{"class":376,"line":647},18,[374,649,650],{"class":454},"    :default-snap-index",[374,652,461],{"class":380},[374,654,464],{"class":380},[374,656,657],{"class":467},"1",[374,659,614],{"class":380},[374,661,663],{"class":376,"line":662},19,[374,664,665],{"class":380},"  >\n",[374,667,669,672,675],{"class":376,"line":668},20,[374,670,671],{"class":380},"    \u003C",[374,673,674],{"class":384},"SheetTrigger",[374,676,388],{"class":380},[374,678,680,683,686,689,692,694,696],{"class":376,"line":679},21,[374,681,682],{"class":380},"      \u003C",[374,684,685],{"class":384},"text",[374,687,688],{"class":380},">",[374,690,691],{"class":394},"Open sheet",[374,693,431],{"class":380},[374,695,685],{"class":384},[374,697,388],{"class":380},[374,699,701,704,706],{"class":376,"line":700},22,[374,702,703],{"class":380},"    \u003C\u002F",[374,705,674],{"class":384},[374,707,388],{"class":380},[374,709,711,713,716],{"class":376,"line":710},23,[374,712,671],{"class":380},[374,714,715],{"class":384},"SheetBackdrop",[374,717,718],{"class":380}," \u002F>\n",[374,720,722,724,727],{"class":376,"line":721},24,[374,723,671],{"class":380},[374,725,726],{"class":384},"SheetContent",[374,728,388],{"class":380},[374,730,732,734,737],{"class":376,"line":731},25,[374,733,682],{"class":380},[374,735,736],{"class":384},"SheetHandle",[374,738,718],{"class":380},[374,740,742,744,747,750,752,754,757,759],{"class":376,"line":741},26,[374,743,682],{"class":380},[374,745,746],{"class":384},"view",[374,748,749],{"class":454}," class",[374,751,461],{"class":380},[374,753,464],{"class":380},[374,755,756],{"class":467},"p-4",[374,758,464],{"class":380},[374,760,388],{"class":380},[374,762,764,767,769,771,774,776,778],{"class":376,"line":763},27,[374,765,766],{"class":380},"        \u003C",[374,768,685],{"class":384},[374,770,688],{"class":380},[374,772,773],{"class":394},"Drag the handle to snap between sizes.",[374,775,431],{"class":380},[374,777,685],{"class":384},[374,779,388],{"class":380},[374,781,783,786,788],{"class":376,"line":782},28,[374,784,785],{"class":380},"      \u003C\u002F",[374,787,746],{"class":384},[374,789,388],{"class":380},[374,791,793,795,797],{"class":376,"line":792},29,[374,794,703],{"class":380},[374,796,726],{"class":384},[374,798,388],{"class":380},[374,800,802,805,807],{"class":376,"line":801},30,[374,803,804],{"class":380},"  \u003C\u002F",[374,806,385],{"class":384},[374,808,388],{"class":380},[374,810,812,814,816],{"class":376,"line":811},31,[374,813,431],{"class":380},[374,815,587],{"class":384},[374,817,388],{"class":380},[319,819,821],{"id":820},"features-and-behavior","Features and behavior",[823,824,825,849,862,876,891,901],"ul",{},[826,827,828,831,832,835,836,835,839,841,842,845,846,848],"li",{},[327,829,830],{},"side"," controls the edge and drag axis: ",[327,833,834],{},"top",", ",[327,837,838],{},"right",[327,840,627],{},", or ",[327,843,844],{},"left","; default is ",[327,847,627],{},".",[826,850,851,854,855,857,858,861],{},[327,852,853],{},"snapPoints"," are fractions of viewport extent on that axis, low → high (e.g. ",[327,856,642],{},"); default is ",[327,859,860],{},"[1]"," (full height or width).",[826,863,864,867,868,871,872,875],{},[327,865,866],{},"snapIndex"," \u002F ",[327,869,870],{},"v-model:snapIndex"," controls the current snap (0 = most closed); ",[327,873,874],{},"defaultSnapIndex"," seeds it.",[826,877,878,879,882,883,886,887,890],{},"A fling projects a short coast and advances by a snap; outward flings past ",[327,880,881],{},"dismissVelocity"," dismiss when ",[327,884,885],{},"enableDragToClose"," (default ",[327,888,889],{},"true",").",[826,892,893,896,897,900],{},[327,894,895],{},"dragHandleOnly"," restricts dragging to ",[327,898,899],{},"\u003CSheetHandle>",", leaving the body non-interactive to touch.",[826,902,903,906,907,910],{},[327,904,905],{},"viewportHeight"," overrides the runtime height read; ",[327,908,909],{},"duration"," tunes the settle animation.",[319,912,914],{"id":913},"api","API",[916,917,919],"h3",{"id":918},"sheetroot",[327,920,385],{},[922,923],"component-props",{"name":385},[925,926],"component-emits",{"name":385},[916,928,930],{"id":929},"sheetcontent",[327,931,726],{},[922,933],{"name":726},[916,935,937],{"id":936},"sheettrigger",[327,938,674],{},[922,940],{"name":674},[916,942,944],{"id":943},"sheetbackdrop",[327,945,715],{},[922,947],{"name":715},[916,949,951],{"id":950},"sheethandle",[327,952,736],{},[922,954],{"name":736},[319,956,299],{"id":957},"accessibility",[823,959,960,963],{},[826,961,962],{},"Provide a visible label or handle affordance so the sheet is discoverable and draggable.",[826,964,965],{},"The backdrop dims and (by default) closes the sheet; ensure the open state is reflected to assistive tech via the content semantics.",[319,967,969],{"id":968},"platform-notes","Platform notes",[823,971,972,975],{},[826,973,974],{},"Drag tracking and bounce run through main-thread (MTS) touch worklets, so motion stays smooth off the background thread.",[826,976,977,980],{},[327,978,979],{},"id"," is required by the bounce system to select the container on the main thread; it is auto-generated when omitted.",[319,982,984],{"id":983},"related-components","Related components",[823,986,987,997,1004],{},[826,988,989,993,994,996],{},[334,990,991],{"href":336},[327,992,339],{}," — the styled ",[327,995,36],{}," sheet.",[826,998,999,1003],{},[334,1000,1001],{"href":64},[327,1002,345],{}," — a styled list-of-actions sheet.",[826,1005,1006,1010],{},[334,1007,1008],{"href":119},[327,1009,118],{}," — a centered modal alternative.",[1012,1013,1014],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":370,"searchDepth":377,"depth":391,"links":1016},[1017,1018,1019,1020,1021,1028,1029,1030],{"id":321,"depth":391,"text":322},{"id":362,"depth":391,"text":363},{"id":438,"depth":391,"text":439},{"id":820,"depth":391,"text":821},{"id":913,"depth":391,"text":914,"children":1022},[1023,1024,1025,1026,1027],{"id":918,"depth":398,"text":385},{"id":929,"depth":398,"text":726},{"id":936,"depth":398,"text":674},{"id":943,"depth":398,"text":715},{"id":950,"depth":398,"text":736},{"id":957,"depth":391,"text":299},{"id":968,"depth":391,"text":969},{"id":983,"depth":391,"text":984},"Headless drag-snappable edge sheet primitive with snap points, fling, and drag-to-dismiss.","md",[1034],{"label":1035,"icon":1036,"to":1037,"target":1038},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FSheet","_blank",{},{"icon":66},{"title":231,"description":1031},"dAJVJfN3dbDlBvU7-OobpZDeVTcd4hNUaNM4iD8XY8E",[1044,1046],{"title":226,"path":227,"stem":228,"description":1045,"icon":-1,"children":-1,"navigation":-1},"Visually divide content with an optional label or icon.",{"title":235,"path":236,"stem":237,"description":1047,"icon":-1,"children":-1,"navigation":-1},"Display a pulsing placeholder while content is loading.",1783464073284]