[{"data":1,"prerenderedAt":933},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fdraggable":406,"\u002Fcomponents\u002Fdraggable-surround":928},[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":131,"body":408,"description":916,"extension":917,"links":918,"meta":924,"navigation":925,"package":79,"path":132,"seo":926,"stem":133,"__hash__":927},"docs\u002F3.components\u002Fdraggable.md",{"type":409,"value":410,"toc":904},"minimark",[411,416,432,441,445,733,737,813,817,822,825,829,832,856,859,864,868,873,877,900],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,422,423,425,426,431],"p",{},[420,421,131],"code",{}," is a headless ",[420,424,41],{}," primitive that turns its child into a draggable element via a main-thread pan gesture. It is the building block behind ",[427,428,429],"a",{"href":253},[420,430,252],{}," and other drag-driven interactions, and tracks the finger natively for smooth motion.",[433,434,435],"callout",{"icon":44},[417,436,437,438,440],{},"This is a vyui-original ",[420,439,41],{}," primitive — a 2D pan gesture over Lynx main-thread touch events. Behavior only, no styles.",[412,442,444],{"id":443},"usage","Usage",[446,447,452],"pre",{"className":448,"code":449,"language":450,"meta":451,"style":451},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Draggable } from '@vyui\u002Fcore'\n\nfunction onEnd(payload) {\n  console.log('settled at', payload.x, payload.y)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CDraggable\n    axis=\"both\"\n    :bounds=\"{ left: -120, right: 120, top: -80, bottom: 80 }\"\n    reset-on-end\n    @drag-end=\"onEnd\"\n  >\n    \u003Cview class=\"size-16 rounded-xl bg-primary\" \u002F>\n  \u003C\u002FDraggable>\n\u003C\u002Ftemplate>\n","vue","",[420,453,454,489,517,524,547,592,598,608,613,623,632,648,663,669,684,690,714,724],{"__ignoreMap":451},[455,456,459,463,467,471,474,477,480,484,486],"span",{"class":457,"line":458},"line",1,[455,460,462],{"class":461},"sMK4o","\u003C",[455,464,466],{"class":465},"swJcz","script",[455,468,470],{"class":469},"spNyl"," setup",[455,472,473],{"class":469}," lang",[455,475,476],{"class":461},"=",[455,478,479],{"class":461},"\"",[455,481,483],{"class":482},"sfazB","ts",[455,485,479],{"class":461},[455,487,488],{"class":461},">\n",[455,490,492,496,499,503,506,509,512,514],{"class":457,"line":491},2,[455,493,495],{"class":494},"s7zQu","import",[455,497,498],{"class":461}," {",[455,500,502],{"class":501},"sTEyZ"," Draggable",[455,504,505],{"class":461}," }",[455,507,508],{"class":494}," from",[455,510,511],{"class":461}," '",[455,513,41],{"class":482},[455,515,516],{"class":461},"'\n",[455,518,520],{"class":457,"line":519},3,[455,521,523],{"emptyLinePlaceholder":522},true,"\n",[455,525,527,530,534,537,541,544],{"class":457,"line":526},4,[455,528,529],{"class":469},"function",[455,531,533],{"class":532},"s2Zo4"," onEnd",[455,535,536],{"class":461},"(",[455,538,540],{"class":539},"sHdIc","payload",[455,542,543],{"class":461},")",[455,545,546],{"class":461}," {\n",[455,548,550,553,556,559,561,564,567,569,572,575,577,580,582,584,586,589],{"class":457,"line":549},5,[455,551,552],{"class":501},"  console",[455,554,555],{"class":461},".",[455,557,558],{"class":532},"log",[455,560,536],{"class":465},[455,562,563],{"class":461},"'",[455,565,566],{"class":482},"settled at",[455,568,563],{"class":461},[455,570,571],{"class":461},",",[455,573,574],{"class":501}," payload",[455,576,555],{"class":461},[455,578,579],{"class":501},"x",[455,581,571],{"class":461},[455,583,574],{"class":501},[455,585,555],{"class":461},[455,587,588],{"class":501},"y",[455,590,591],{"class":465},")\n",[455,593,595],{"class":457,"line":594},6,[455,596,597],{"class":461},"}\n",[455,599,601,604,606],{"class":457,"line":600},7,[455,602,603],{"class":461},"\u003C\u002F",[455,605,466],{"class":465},[455,607,488],{"class":461},[455,609,611],{"class":457,"line":610},8,[455,612,523],{"emptyLinePlaceholder":522},[455,614,616,618,621],{"class":457,"line":615},9,[455,617,462],{"class":461},[455,619,620],{"class":465},"template",[455,622,488],{"class":461},[455,624,626,629],{"class":457,"line":625},10,[455,627,628],{"class":461},"  \u003C",[455,630,631],{"class":465},"Draggable\n",[455,633,635,638,640,642,645],{"class":457,"line":634},11,[455,636,637],{"class":469},"    axis",[455,639,476],{"class":461},[455,641,479],{"class":461},[455,643,644],{"class":482},"both",[455,646,647],{"class":461},"\"\n",[455,649,651,654,656,658,661],{"class":457,"line":650},12,[455,652,653],{"class":469},"    :bounds",[455,655,476],{"class":461},[455,657,479],{"class":461},[455,659,660],{"class":482},"{ left: -120, right: 120, top: -80, bottom: 80 }",[455,662,647],{"class":461},[455,664,666],{"class":457,"line":665},13,[455,667,668],{"class":469},"    reset-on-end\n",[455,670,672,675,677,679,682],{"class":457,"line":671},14,[455,673,674],{"class":469},"    @drag-end",[455,676,476],{"class":461},[455,678,479],{"class":461},[455,680,681],{"class":482},"onEnd",[455,683,647],{"class":461},[455,685,687],{"class":457,"line":686},15,[455,688,689],{"class":461},"  >\n",[455,691,693,696,699,702,704,706,709,711],{"class":457,"line":692},16,[455,694,695],{"class":461},"    \u003C",[455,697,698],{"class":465},"view",[455,700,701],{"class":469}," class",[455,703,476],{"class":461},[455,705,479],{"class":461},[455,707,708],{"class":482},"size-16 rounded-xl bg-primary",[455,710,479],{"class":461},[455,712,713],{"class":461}," \u002F>\n",[455,715,717,720,722],{"class":457,"line":716},17,[455,718,719],{"class":461},"  \u003C\u002F",[455,721,131],{"class":465},[455,723,488],{"class":461},[455,725,727,729,731],{"class":457,"line":726},18,[455,728,603],{"class":461},[455,730,620],{"class":465},[455,732,488],{"class":461},[412,734,736],{"id":735},"features-and-behavior","Features and behavior",[738,739,740,759,765,779,795],"ul",{},[741,742,743,746,747,750,751,754,755,758],"li",{},[420,744,745],{},"axis"," locks dragging to ",[420,748,749],{},"'x'",", ",[420,752,753],{},"'y'",", or ",[420,756,757],{},"'both'"," (free 2D pan).",[741,760,761,764],{},[420,762,763],{},"bounds"," constrains the drag in px relative to the origin; an omitted side is unbounded.",[741,766,767,770,771,774,775,778],{},[420,768,769],{},"resetOnEnd"," animates back to ",[420,772,773],{},"(0, 0)"," on release (",[420,776,777],{},"duration"," tunes the animation).",[741,780,781,784,785,787,788,790,791,794],{},[420,782,783],{},"momentum"," carries release velocity into a decelerating coast (clamped to ",[420,786,763],{},"); ignored when ",[420,789,769],{}," is set. ",[420,792,793],{},"momentumDecel"," controls how quickly the fling stops.",[741,796,797,800,801,804,805,808,809,812],{},[420,798,799],{},"emitMove"," opts into a ",[420,802,803],{},"drag-move"," event on every touchmove; ",[420,806,807],{},"drag-start"," and ",[420,810,811],{},"drag-end"," always fire.",[412,814,816],{"id":815},"api","API",[818,819,821],"h3",{"id":820},"props","Props",[823,824],"component-props",{"name":131},[818,826,828],{"id":827},"emits","Emits",[830,831],"component-emits",{"name":131},[417,833,834,835,837,838,841,842,845,846,848,849,841,852,855],{},"The ",[420,836,803],{}," payload adds ",[420,839,840],{},"dx"," \u002F ",[420,843,844],{},"dy"," (delta from touchstart); ",[420,847,811],{}," additionally carries ",[420,850,851],{},"vx",[420,853,854],{},"vy"," release velocity in px\u002Fs.",[412,857,328],{"id":858},"accessibility",[738,860,861],{},[741,862,863],{},"Pointer dragging has no keyboard equivalent — provide an alternative control path for keyboard and assistive-tech users where the interaction is essential.",[412,865,867],{"id":866},"platform-notes","Platform notes",[738,869,870],{},[741,871,872],{},"The gesture is implemented with main-thread (MTS) touch worklets, so tracking stays smooth independent of the background thread.",[412,874,876],{"id":875},"related-components","Related components",[738,878,879,886,893],{},[741,880,881,885],{},[427,882,883],{"href":253},[420,884,252],{}," — reorderable lists built on this primitive.",[741,887,888,892],{},[427,889,890],{"href":268},[420,891,267],{}," — paged horizontal swiping.",[741,894,895,899],{},[427,896,897],{"href":240},[420,898,239],{}," — snap\u002Fdrag bottom sheet.",[901,902,903],"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 pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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);}",{"title":451,"searchDepth":458,"depth":491,"links":905},[906,907,908,909,913,914,915],{"id":414,"depth":491,"text":415},{"id":443,"depth":491,"text":444},{"id":735,"depth":491,"text":736},{"id":815,"depth":491,"text":816,"children":910},[911,912],{"id":820,"depth":519,"text":821},{"id":827,"depth":519,"text":828},{"id":858,"depth":491,"text":328},{"id":866,"depth":491,"text":867},{"id":875,"depth":491,"text":876},"Headless 2D pan-gesture primitive with axis locking, bounds, momentum, and reset.","md",[919],{"label":920,"icon":921,"to":922,"target":923},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FDraggable","_blank",{},{"icon":134},{"title":131,"description":916},"IGc0xgxXu5pUvMB9K0xkPlvo1o3mT8N3CDdqC90AJ7M",[929,931],{"title":126,"path":127,"stem":128,"description":930,"icon":-1,"children":-1,"navigation":-1},"Headless modal\u002Fnon-modal dialog primitive — trigger, portal, overlay, and content with full focus and dismiss behavior.",{"title":136,"path":137,"stem":138,"description":932,"icon":-1,"children":-1,"navigation":-1},"A form container that tracks values, runs validators, and emits submit.",1783534419920]