[{"data":1,"prerenderedAt":840},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fdraggable":313,"\u002Fcomponents\u002Fdraggable-surround":835},[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":123,"body":315,"description":823,"extension":824,"links":825,"meta":831,"navigation":832,"package":76,"path":124,"seo":833,"stem":125,"__hash__":834},"docs\u002F3.components\u002Fdraggable.md",{"type":316,"value":317,"toc":811},"minimark",[318,323,339,348,352,640,644,720,724,729,732,736,739,763,766,771,775,780,784,807],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,329,330,332,333,338],"p",{},[327,328,123],"code",{}," is a headless ",[327,331,31],{}," primitive that turns its child into a draggable element via a main-thread pan gesture. It is the building block behind ",[334,335,336],"a",{"href":245},[327,337,244],{}," and other drag-driven interactions, and tracks the finger natively for smooth motion.",[340,341,342],"callout",{"icon":34},[324,343,344,345,347],{},"This is a vyui-original ",[327,346,31],{}," primitive — a 2D pan gesture over Lynx main-thread touch events. Behavior only, no styles.",[319,349,351],{"id":350},"usage","Usage",[353,354,359],"pre",{"className":355,"code":356,"language":357,"meta":358,"style":358},"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","",[327,360,361,396,424,431,454,499,505,515,520,530,539,555,570,576,591,597,621,631],{"__ignoreMap":358},[362,363,366,370,374,378,381,384,387,391,393],"span",{"class":364,"line":365},"line",1,[362,367,369],{"class":368},"sMK4o","\u003C",[362,371,373],{"class":372},"swJcz","script",[362,375,377],{"class":376},"spNyl"," setup",[362,379,380],{"class":376}," lang",[362,382,383],{"class":368},"=",[362,385,386],{"class":368},"\"",[362,388,390],{"class":389},"sfazB","ts",[362,392,386],{"class":368},[362,394,395],{"class":368},">\n",[362,397,399,403,406,410,413,416,419,421],{"class":364,"line":398},2,[362,400,402],{"class":401},"s7zQu","import",[362,404,405],{"class":368}," {",[362,407,409],{"class":408},"sTEyZ"," Draggable",[362,411,412],{"class":368}," }",[362,414,415],{"class":401}," from",[362,417,418],{"class":368}," '",[362,420,31],{"class":389},[362,422,423],{"class":368},"'\n",[362,425,427],{"class":364,"line":426},3,[362,428,430],{"emptyLinePlaceholder":429},true,"\n",[362,432,434,437,441,444,448,451],{"class":364,"line":433},4,[362,435,436],{"class":376},"function",[362,438,440],{"class":439},"s2Zo4"," onEnd",[362,442,443],{"class":368},"(",[362,445,447],{"class":446},"sHdIc","payload",[362,449,450],{"class":368},")",[362,452,453],{"class":368}," {\n",[362,455,457,460,463,466,468,471,474,476,479,482,484,487,489,491,493,496],{"class":364,"line":456},5,[362,458,459],{"class":408},"  console",[362,461,462],{"class":368},".",[362,464,465],{"class":439},"log",[362,467,443],{"class":372},[362,469,470],{"class":368},"'",[362,472,473],{"class":389},"settled at",[362,475,470],{"class":368},[362,477,478],{"class":368},",",[362,480,481],{"class":408}," payload",[362,483,462],{"class":368},[362,485,486],{"class":408},"x",[362,488,478],{"class":368},[362,490,481],{"class":408},[362,492,462],{"class":368},[362,494,495],{"class":408},"y",[362,497,498],{"class":372},")\n",[362,500,502],{"class":364,"line":501},6,[362,503,504],{"class":368},"}\n",[362,506,508,511,513],{"class":364,"line":507},7,[362,509,510],{"class":368},"\u003C\u002F",[362,512,373],{"class":372},[362,514,395],{"class":368},[362,516,518],{"class":364,"line":517},8,[362,519,430],{"emptyLinePlaceholder":429},[362,521,523,525,528],{"class":364,"line":522},9,[362,524,369],{"class":368},[362,526,527],{"class":372},"template",[362,529,395],{"class":368},[362,531,533,536],{"class":364,"line":532},10,[362,534,535],{"class":368},"  \u003C",[362,537,538],{"class":372},"Draggable\n",[362,540,542,545,547,549,552],{"class":364,"line":541},11,[362,543,544],{"class":376},"    axis",[362,546,383],{"class":368},[362,548,386],{"class":368},[362,550,551],{"class":389},"both",[362,553,554],{"class":368},"\"\n",[362,556,558,561,563,565,568],{"class":364,"line":557},12,[362,559,560],{"class":376},"    :bounds",[362,562,383],{"class":368},[362,564,386],{"class":368},[362,566,567],{"class":389},"{ left: -120, right: 120, top: -80, bottom: 80 }",[362,569,554],{"class":368},[362,571,573],{"class":364,"line":572},13,[362,574,575],{"class":376},"    reset-on-end\n",[362,577,579,582,584,586,589],{"class":364,"line":578},14,[362,580,581],{"class":376},"    @drag-end",[362,583,383],{"class":368},[362,585,386],{"class":368},[362,587,588],{"class":389},"onEnd",[362,590,554],{"class":368},[362,592,594],{"class":364,"line":593},15,[362,595,596],{"class":368},"  >\n",[362,598,600,603,606,609,611,613,616,618],{"class":364,"line":599},16,[362,601,602],{"class":368},"    \u003C",[362,604,605],{"class":372},"view",[362,607,608],{"class":376}," class",[362,610,383],{"class":368},[362,612,386],{"class":368},[362,614,615],{"class":389},"size-16 rounded-xl bg-primary",[362,617,386],{"class":368},[362,619,620],{"class":368}," \u002F>\n",[362,622,624,627,629],{"class":364,"line":623},17,[362,625,626],{"class":368},"  \u003C\u002F",[362,628,123],{"class":372},[362,630,395],{"class":368},[362,632,634,636,638],{"class":364,"line":633},18,[362,635,510],{"class":368},[362,637,527],{"class":372},[362,639,395],{"class":368},[319,641,643],{"id":642},"features-and-behavior","Features and behavior",[645,646,647,666,672,686,702],"ul",{},[648,649,650,653,654,657,658,661,662,665],"li",{},[327,651,652],{},"axis"," locks dragging to ",[327,655,656],{},"'x'",", ",[327,659,660],{},"'y'",", or ",[327,663,664],{},"'both'"," (free 2D pan).",[648,667,668,671],{},[327,669,670],{},"bounds"," constrains the drag in px relative to the origin; an omitted side is unbounded.",[648,673,674,677,678,681,682,685],{},[327,675,676],{},"resetOnEnd"," animates back to ",[327,679,680],{},"(0, 0)"," on release (",[327,683,684],{},"duration"," tunes the animation).",[648,687,688,691,692,694,695,697,698,701],{},[327,689,690],{},"momentum"," carries release velocity into a decelerating coast (clamped to ",[327,693,670],{},"); ignored when ",[327,696,676],{}," is set. ",[327,699,700],{},"momentumDecel"," controls how quickly the fling stops.",[648,703,704,707,708,711,712,715,716,719],{},[327,705,706],{},"emitMove"," opts into a ",[327,709,710],{},"drag-move"," event on every touchmove; ",[327,713,714],{},"drag-start"," and ",[327,717,718],{},"drag-end"," always fire.",[319,721,723],{"id":722},"api","API",[725,726,728],"h3",{"id":727},"props","Props",[730,731],"component-props",{"name":123},[725,733,735],{"id":734},"emits","Emits",[737,738],"component-emits",{"name":123},[324,740,741,742,744,745,748,749,752,753,755,756,748,759,762],{},"The ",[327,743,710],{}," payload adds ",[327,746,747],{},"dx"," \u002F ",[327,750,751],{},"dy"," (delta from touchstart); ",[327,754,718],{}," additionally carries ",[327,757,758],{},"vx",[327,760,761],{},"vy"," release velocity in px\u002Fs.",[319,764,299],{"id":765},"accessibility",[645,767,768],{},[648,769,770],{},"Pointer dragging has no keyboard equivalent — provide an alternative control path for keyboard and assistive-tech users where the interaction is essential.",[319,772,774],{"id":773},"platform-notes","Platform notes",[645,776,777],{},[648,778,779],{},"The gesture is implemented with main-thread (MTS) touch worklets, so tracking stays smooth independent of the background thread.",[319,781,783],{"id":782},"related-components","Related components",[645,785,786,793,800],{},[648,787,788,792],{},[334,789,790],{"href":245},[327,791,244],{}," — reorderable lists built on this primitive.",[648,794,795,799],{},[334,796,797],{"href":260},[327,798,259],{}," — paged horizontal swiping.",[648,801,802,806],{},[334,803,804],{"href":232},[327,805,231],{}," — snap\u002Fdrag bottom sheet.",[808,809,810],"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":358,"searchDepth":365,"depth":398,"links":812},[813,814,815,816,820,821,822],{"id":321,"depth":398,"text":322},{"id":350,"depth":398,"text":351},{"id":642,"depth":398,"text":643},{"id":722,"depth":398,"text":723,"children":817},[818,819],{"id":727,"depth":426,"text":728},{"id":734,"depth":426,"text":735},{"id":765,"depth":398,"text":299},{"id":773,"depth":398,"text":774},{"id":782,"depth":398,"text":783},"Headless 2D pan-gesture primitive with axis locking, bounds, momentum, and reset.","md",[826],{"label":827,"icon":828,"to":829,"target":830},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FDraggable","_blank",{},{"icon":126},{"title":123,"description":823},"IGc0xgxXu5pUvMB9K0xkPlvo1o3mT8N3CDdqC90AJ7M",[836,838],{"title":118,"path":119,"stem":120,"description":837,"icon":-1,"children":-1,"navigation":-1},"Headless modal\u002Fnon-modal dialog primitive — trigger, portal, overlay, and content with full focus and dismiss behavior.",{"title":128,"path":129,"stem":130,"description":839,"icon":-1,"children":-1,"navigation":-1},"A form container that tracks values, runs validators, and emits submit.",1783464078345]