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