[{"data":1,"prerenderedAt":1141},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fsheet":406,"\u002Fcomponents\u002Fsheet-surround":1136},[4,34,51,301,327,332,337],{"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",{"id":407,"title":239,"body":408,"description":1124,"extension":1125,"links":1126,"meta":1132,"navigation":1133,"package":79,"path":240,"seo":1134,"stem":241,"__hash__":1135},"docs\u002F3.components\u002Fsheet.md",{"type":409,"value":410,"toc":1108},"minimark",[411,416,440,453,457,529,533,911,915,1004,1008,1014,1017,1020,1025,1027,1032,1034,1039,1041,1046,1048,1051,1059,1063,1074,1078,1104],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,422,423,425,426,433,434,439],"p",{},[420,421,239],"code",{}," is a headless ",[420,424,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 ",[427,428,430],"a",{"href":429},"\u002Fcomponents\u002Fdrawer",[420,431,432],{},"Drawer"," and ",[427,435,436],{"href":67},[420,437,438],{},"ActionSheet"," components build on it.",[441,442,443],"callout",{"icon":44},[417,444,445,446,448,449,452],{},"This is a vyui-original ",[420,447,41],{}," primitive (the snap\u002Fdrag pattern is adapted from ",[420,450,451],{},"lynx-ui","). Compose it directly when you need custom snap behavior; otherwise use the styled kit components.",[412,454,456],{"id":455},"anatomy","Anatomy",[458,459,464],"pre",{"className":460,"code":461,"language":462,"meta":463,"style":463},"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","",[420,465,466,482,489,495,501,507,513,519],{"__ignoreMap":463},[467,468,471,475,479],"span",{"class":469,"line":470},"line",1,[467,472,474],{"class":473},"sMK4o","\u003C",[467,476,478],{"class":477},"swJcz","SheetRoot",[467,480,481],{"class":473},">\n",[467,483,485],{"class":469,"line":484},2,[467,486,488],{"class":487},"sTEyZ","  \u003CSheetTrigger \u002F>\n",[467,490,492],{"class":469,"line":491},3,[467,493,494],{"class":487},"  \u003CSheetBackdrop \u002F>\n",[467,496,498],{"class":469,"line":497},4,[467,499,500],{"class":487},"  \u003CSheetContent>\n",[467,502,504],{"class":469,"line":503},5,[467,505,506],{"class":487},"    \u003CSheetHandle \u002F>\n",[467,508,510],{"class":469,"line":509},6,[467,511,512],{"class":487},"    \u003C!-- sheet body -->\n",[467,514,516],{"class":469,"line":515},7,[467,517,518],{"class":487},"  \u003C\u002FSheetContent>\n",[467,520,522,525,527],{"class":469,"line":521},8,[467,523,524],{"class":473},"\u003C\u002F",[467,526,478],{"class":477},[467,528,481],{"class":473},[412,530,532],{"id":531},"usage","Usage",[458,534,536],{"className":460,"code":535,"language":462,"meta":463,"style":463},"\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",[420,537,538,566,575,583,590,597,604,611,627,634,659,668,673,683,692,708,723,738,753,759,770,791,801,812,822,832,854,873,883,892,902],{"__ignoreMap":463},[467,539,540,542,545,549,552,555,558,562,564],{"class":469,"line":470},[467,541,474],{"class":473},[467,543,544],{"class":477},"script",[467,546,548],{"class":547},"spNyl"," setup",[467,550,551],{"class":547}," lang",[467,553,554],{"class":473},"=",[467,556,557],{"class":473},"\"",[467,559,561],{"class":560},"sfazB","ts",[467,563,557],{"class":473},[467,565,481],{"class":473},[467,567,568,572],{"class":469,"line":484},[467,569,571],{"class":570},"s7zQu","import",[467,573,574],{"class":473}," {\n",[467,576,577,580],{"class":469,"line":491},[467,578,579],{"class":487},"  SheetBackdrop",[467,581,582],{"class":473},",\n",[467,584,585,588],{"class":469,"line":497},[467,586,587],{"class":487},"  SheetContent",[467,589,582],{"class":473},[467,591,592,595],{"class":469,"line":503},[467,593,594],{"class":487},"  SheetHandle",[467,596,582],{"class":473},[467,598,599,602],{"class":469,"line":509},[467,600,601],{"class":487},"  SheetRoot",[467,603,582],{"class":473},[467,605,606,609],{"class":469,"line":515},[467,607,608],{"class":487},"  SheetTrigger",[467,610,582],{"class":473},[467,612,613,616,619,622,624],{"class":469,"line":521},[467,614,615],{"class":473},"}",[467,617,618],{"class":570}," from",[467,620,621],{"class":473}," '",[467,623,41],{"class":560},[467,625,626],{"class":473},"'\n",[467,628,630],{"class":469,"line":629},9,[467,631,633],{"emptyLinePlaceholder":632},true,"\n",[467,635,637,640,643,645,649,652,656],{"class":469,"line":636},10,[467,638,639],{"class":547},"const",[467,641,642],{"class":487}," open ",[467,644,554],{"class":473},[467,646,648],{"class":647},"s2Zo4"," ref",[467,650,651],{"class":487},"(",[467,653,655],{"class":654},"sfNiH","false",[467,657,658],{"class":487},")\n",[467,660,662,664,666],{"class":469,"line":661},11,[467,663,524],{"class":473},[467,665,544],{"class":477},[467,667,481],{"class":473},[467,669,671],{"class":469,"line":670},12,[467,672,633],{"emptyLinePlaceholder":632},[467,674,676,678,681],{"class":469,"line":675},13,[467,677,474],{"class":473},[467,679,680],{"class":477},"template",[467,682,481],{"class":473},[467,684,686,689],{"class":469,"line":685},14,[467,687,688],{"class":473},"  \u003C",[467,690,691],{"class":477},"SheetRoot\n",[467,693,695,698,700,702,705],{"class":469,"line":694},15,[467,696,697],{"class":547},"    v-model:open",[467,699,554],{"class":473},[467,701,557],{"class":473},[467,703,704],{"class":560},"open",[467,706,707],{"class":473},"\"\n",[467,709,711,714,716,718,721],{"class":469,"line":710},16,[467,712,713],{"class":547},"    side",[467,715,554],{"class":473},[467,717,557],{"class":473},[467,719,720],{"class":560},"bottom",[467,722,707],{"class":473},[467,724,726,729,731,733,736],{"class":469,"line":725},17,[467,727,728],{"class":547},"    :snap-points",[467,730,554],{"class":473},[467,732,557],{"class":473},[467,734,735],{"class":560},"[0.25, 0.5, 0.9]",[467,737,707],{"class":473},[467,739,741,744,746,748,751],{"class":469,"line":740},18,[467,742,743],{"class":547},"    :default-snap-index",[467,745,554],{"class":473},[467,747,557],{"class":473},[467,749,750],{"class":560},"1",[467,752,707],{"class":473},[467,754,756],{"class":469,"line":755},19,[467,757,758],{"class":473},"  >\n",[467,760,762,765,768],{"class":469,"line":761},20,[467,763,764],{"class":473},"    \u003C",[467,766,767],{"class":477},"SheetTrigger",[467,769,481],{"class":473},[467,771,773,776,779,782,785,787,789],{"class":469,"line":772},21,[467,774,775],{"class":473},"      \u003C",[467,777,778],{"class":477},"text",[467,780,781],{"class":473},">",[467,783,784],{"class":487},"Open sheet",[467,786,524],{"class":473},[467,788,778],{"class":477},[467,790,481],{"class":473},[467,792,794,797,799],{"class":469,"line":793},22,[467,795,796],{"class":473},"    \u003C\u002F",[467,798,767],{"class":477},[467,800,481],{"class":473},[467,802,804,806,809],{"class":469,"line":803},23,[467,805,764],{"class":473},[467,807,808],{"class":477},"SheetBackdrop",[467,810,811],{"class":473}," \u002F>\n",[467,813,815,817,820],{"class":469,"line":814},24,[467,816,764],{"class":473},[467,818,819],{"class":477},"SheetContent",[467,821,481],{"class":473},[467,823,825,827,830],{"class":469,"line":824},25,[467,826,775],{"class":473},[467,828,829],{"class":477},"SheetHandle",[467,831,811],{"class":473},[467,833,835,837,840,843,845,847,850,852],{"class":469,"line":834},26,[467,836,775],{"class":473},[467,838,839],{"class":477},"view",[467,841,842],{"class":547}," class",[467,844,554],{"class":473},[467,846,557],{"class":473},[467,848,849],{"class":560},"p-4",[467,851,557],{"class":473},[467,853,481],{"class":473},[467,855,857,860,862,864,867,869,871],{"class":469,"line":856},27,[467,858,859],{"class":473},"        \u003C",[467,861,778],{"class":477},[467,863,781],{"class":473},[467,865,866],{"class":487},"Drag the handle to snap between sizes.",[467,868,524],{"class":473},[467,870,778],{"class":477},[467,872,481],{"class":473},[467,874,876,879,881],{"class":469,"line":875},28,[467,877,878],{"class":473},"      \u003C\u002F",[467,880,839],{"class":477},[467,882,481],{"class":473},[467,884,886,888,890],{"class":469,"line":885},29,[467,887,796],{"class":473},[467,889,819],{"class":477},[467,891,481],{"class":473},[467,893,895,898,900],{"class":469,"line":894},30,[467,896,897],{"class":473},"  \u003C\u002F",[467,899,478],{"class":477},[467,901,481],{"class":473},[467,903,905,907,909],{"class":469,"line":904},31,[467,906,524],{"class":473},[467,908,680],{"class":477},[467,910,481],{"class":473},[412,912,914],{"id":913},"features-and-behavior","Features and behavior",[916,917,918,942,955,969,984,994],"ul",{},[919,920,921,924,925,928,929,928,932,934,935,938,939,941],"li",{},[420,922,923],{},"side"," controls the edge and drag axis: ",[420,926,927],{},"top",", ",[420,930,931],{},"right",[420,933,720],{},", or ",[420,936,937],{},"left","; default is ",[420,940,720],{},".",[919,943,944,947,948,950,951,954],{},[420,945,946],{},"snapPoints"," are fractions of viewport extent on that axis, low → high (e.g. ",[420,949,735],{},"); default is ",[420,952,953],{},"[1]"," (full height or width).",[919,956,957,960,961,964,965,968],{},[420,958,959],{},"snapIndex"," \u002F ",[420,962,963],{},"v-model:snapIndex"," controls the current snap (0 = most closed); ",[420,966,967],{},"defaultSnapIndex"," seeds it.",[919,970,971,972,975,976,979,980,983],{},"A fling projects a short coast and advances by a snap; outward flings past ",[420,973,974],{},"dismissVelocity"," dismiss when ",[420,977,978],{},"enableDragToClose"," (default ",[420,981,982],{},"true",").",[919,985,986,989,990,993],{},[420,987,988],{},"dragHandleOnly"," restricts dragging to ",[420,991,992],{},"\u003CSheetHandle>",", leaving the body non-interactive to touch.",[919,995,996,999,1000,1003],{},[420,997,998],{},"viewportHeight"," overrides the runtime height read; ",[420,1001,1002],{},"duration"," tunes the settle animation.",[412,1005,1007],{"id":1006},"api","API",[1009,1010,1012],"h3",{"id":1011},"sheetroot",[420,1013,478],{},[1015,1016],"component-props",{"name":478},[1018,1019],"component-emits",{"name":478},[1009,1021,1023],{"id":1022},"sheetcontent",[420,1024,819],{},[1015,1026],{"name":819},[1009,1028,1030],{"id":1029},"sheettrigger",[420,1031,767],{},[1015,1033],{"name":767},[1009,1035,1037],{"id":1036},"sheetbackdrop",[420,1038,808],{},[1015,1040],{"name":808},[1009,1042,1044],{"id":1043},"sheethandle",[420,1045,829],{},[1015,1047],{"name":829},[412,1049,328],{"id":1050},"accessibility",[916,1052,1053,1056],{},[919,1054,1055],{},"Provide a visible label or handle affordance so the sheet is discoverable and draggable.",[919,1057,1058],{},"The backdrop dims and (by default) closes the sheet; ensure the open state is reflected to assistive tech via the content semantics.",[412,1060,1062],{"id":1061},"platform-notes","Platform notes",[916,1064,1065,1068],{},[919,1066,1067],{},"Drag tracking and bounce run through main-thread (MTS) touch worklets, so motion stays smooth off the background thread.",[919,1069,1070,1073],{},[420,1071,1072],{},"id"," is required by the bounce system to select the container on the main thread; it is auto-generated when omitted.",[412,1075,1077],{"id":1076},"related-components","Related components",[916,1079,1080,1090,1097],{},[919,1081,1082,1086,1087,1089],{},[427,1083,1084],{"href":429},[420,1085,432],{}," — the styled ",[420,1088,46],{}," sheet.",[919,1091,1092,1096],{},[427,1093,1094],{"href":67},[420,1095,438],{}," — a styled list-of-actions sheet.",[919,1098,1099,1103],{},[427,1100,1101],{"href":127},[420,1102,126],{}," — a centered modal alternative.",[1105,1106,1107],"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":463,"searchDepth":470,"depth":484,"links":1109},[1110,1111,1112,1113,1114,1121,1122,1123],{"id":414,"depth":484,"text":415},{"id":455,"depth":484,"text":456},{"id":531,"depth":484,"text":532},{"id":913,"depth":484,"text":914},{"id":1006,"depth":484,"text":1007,"children":1115},[1116,1117,1118,1119,1120],{"id":1011,"depth":491,"text":478},{"id":1022,"depth":491,"text":819},{"id":1029,"depth":491,"text":767},{"id":1036,"depth":491,"text":808},{"id":1043,"depth":491,"text":829},{"id":1050,"depth":484,"text":328},{"id":1061,"depth":484,"text":1062},{"id":1076,"depth":484,"text":1077},"Headless drag-snappable edge sheet primitive with snap points, fling, and drag-to-dismiss.","md",[1127],{"label":1128,"icon":1129,"to":1130,"target":1131},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FSheet","_blank",{},{"icon":69},{"title":239,"description":1124},"dAJVJfN3dbDlBvU7-OobpZDeVTcd4hNUaNM4iD8XY8E",[1137,1139],{"title":234,"path":235,"stem":236,"description":1138,"icon":-1,"children":-1,"navigation":-1},"Visually divide content with an optional label or icon.",{"title":243,"path":244,"stem":245,"description":1140,"icon":-1,"children":-1,"navigation":-1},"Display a pulsing placeholder while content is loading.",1783534415502]