[{"data":1,"prerenderedAt":1707},["ShallowReactive",2],{"docs-nav:docs_en":3,"\u002Fen\u002Fcomponents\u002Ffloating-panel":1047,"surround:\u002Fen\u002Fcomponents\u002Ffloating-panel":1701,"demo-code:floating-panel\u002Fbasic":1706},[4],{"title":5,"path":6,"stem":7,"children":8,"page":614},"En","\u002Fen","en",[9,32,615],{"title":10,"icon":11,"path":12,"stem":13,"children":14},"Guide","i-lucide-book-open","\u002Fen\u002Fguide","en\u002F01.guide\u002Findex",[15,16,20,24,28],{"title":10,"path":12,"stem":13},{"title":17,"path":18,"stem":19},"Introduction","\u002Fen\u002Fguide\u002Fintroduction","en\u002F01.guide\u002F01.introduction",{"title":21,"path":22,"stem":23},"Installation","\u002Fen\u002Fguide\u002Finstallation","en\u002F01.guide\u002F02.installation",{"title":25,"path":26,"stem":27},"Theming","\u002Fen\u002Fguide\u002Ftheming","en\u002F01.guide\u002F03.theming",{"title":29,"path":30,"stem":31},"AI Integration","\u002Fen\u002Fguide\u002Fai","en\u002F01.guide\u002F04.ai",{"title":33,"icon":34,"path":35,"stem":36,"children":37,"page":614},"Components","i-lucide-component","\u002Fen\u002Fcomponents","en\u002F02.components",[38,43,48,53,57,61,65,69,73,77,81,86,91,96,100,104,108,112,116,121,125,129,133,137,141,146,150,154,158,163,167,171,174,178,182,186,190,194,198,202,206,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375,379,383,387,391,395,399,403,407,411,415,419,423,427,431,435,439,443,447,451,455,459,463,467,471,475,479,483,487,491,495,499,503,507,511,515,519,523,527,531,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610],{"title":39,"path":40,"stem":41,"section":42},"Accordion","\u002Fen\u002Fcomponents\u002Faccordion","en\u002F02.components\u002F01.accordion","Layout",{"title":44,"path":45,"stem":46,"section":47},"Affix","\u002Fen\u002Fcomponents\u002Faffix","en\u002F02.components\u002F02.affix","Navigation",{"title":49,"path":50,"stem":51,"section":52},"AI Action","\u002Fen\u002Fcomponents\u002Fai-action","en\u002F02.components\u002F03.ai-action","AI",{"title":54,"path":55,"stem":56,"section":52},"AI Attachments","\u002Fen\u002Fcomponents\u002Fai-attachments","en\u002F02.components\u002F04.ai-attachments",{"title":58,"path":59,"stem":60,"section":52},"AI Message","\u002Fen\u002Fcomponents\u002Fai-message","en\u002F02.components\u002F05.ai-message",{"title":62,"path":63,"stem":64,"section":52},"AI Prompt Input","\u002Fen\u002Fcomponents\u002Fai-prompt-input","en\u002F02.components\u002F06.ai-prompt-input",{"title":66,"path":67,"stem":68,"section":52},"AI Reasoning","\u002Fen\u002Fcomponents\u002Fai-reasoning","en\u002F02.components\u002F07.ai-reasoning",{"title":70,"path":71,"stem":72,"section":52},"AI Response","\u002Fen\u002Fcomponents\u002Fai-response","en\u002F02.components\u002F08.ai-response",{"title":74,"path":75,"stem":76,"section":52},"AI Source","\u002Fen\u002Fcomponents\u002Fai-source","en\u002F02.components\u002F09.ai-source",{"title":78,"path":79,"stem":80,"section":52},"AI Suggestion","\u002Fen\u002Fcomponents\u002Fai-suggestion","en\u002F02.components\u002F10.ai-suggestion",{"title":82,"path":83,"stem":84,"section":85},"Progress","\u002Fen\u002Fcomponents\u002Fprogress","en\u002F02.components\u002F100.progress","Feedback",{"title":87,"path":88,"stem":89,"section":90},"QR Code","\u002Fen\u002Fcomponents\u002Fqr-code","en\u002F02.components\u002F101.qr-code","Media",{"title":92,"path":93,"stem":94,"section":95},"Radio Group","\u002Fen\u002Fcomponents\u002Fradio-group","en\u002F02.components\u002F102.radio-group","Forms",{"title":97,"path":98,"stem":99,"section":95},"Rating Group","\u002Fen\u002Fcomponents\u002Frating-group","en\u002F02.components\u002F103.rating-group",{"title":101,"path":102,"stem":103,"section":85},"Result","\u002Fen\u002Fcomponents\u002Fresult","en\u002F02.components\u002F104.result",{"title":105,"path":106,"stem":107,"section":42},"Scroll Area","\u002Fen\u002Fcomponents\u002Fscroll-area","en\u002F02.components\u002F105.scroll-area",{"title":109,"path":110,"stem":111,"section":95},"Segment Group","\u002Fen\u002Fcomponents\u002Fsegment-group","en\u002F02.components\u002F106.segment-group",{"title":113,"path":114,"stem":115,"section":95},"Select","\u002Fen\u002Fcomponents\u002Fselect","en\u002F02.components\u002F107.select",{"title":117,"path":118,"stem":119,"section":120},"Separator","\u002Fen\u002Fcomponents\u002Fseparator","en\u002F02.components\u002F108.separator","Elements",{"title":122,"path":123,"stem":124,"section":95},"Signature Pad","\u002Fen\u002Fcomponents\u002Fsignature-pad","en\u002F02.components\u002F109.signature-pad",{"title":126,"path":127,"stem":128,"section":52},"AI Tool","\u002Fen\u002Fcomponents\u002Fai-tool","en\u002F02.components\u002F11.ai-tool",{"title":130,"path":131,"stem":132,"section":85},"Skeleton","\u002Fen\u002Fcomponents\u002Fskeleton","en\u002F02.components\u002F110.skeleton",{"title":134,"path":135,"stem":136,"section":95},"Slider","\u002Fen\u002Fcomponents\u002Fslider","en\u002F02.components\u002F111.slider",{"title":138,"path":139,"stem":140,"section":85},"Spinner","\u002Fen\u002Fcomponents\u002Fspinner","en\u002F02.components\u002F112.spinner",{"title":142,"path":143,"stem":144,"section":145},"Split Button","\u002Fen\u002Fcomponents\u002Fsplit-button","en\u002F02.components\u002F113.split-button","Actions",{"title":147,"path":148,"stem":149,"section":42},"Splitter","\u002Fen\u002Fcomponents\u002Fsplitter","en\u002F02.components\u002F114.splitter",{"title":151,"path":152,"stem":153,"section":42},"Spotlight","\u002Fen\u002Fcomponents\u002Fspotlight","en\u002F02.components\u002F115.spotlight",{"title":155,"path":156,"stem":157,"section":42},"Stack","\u002Fen\u002Fcomponents\u002Fstack","en\u002F02.components\u002F116.stack",{"title":159,"path":160,"stem":161,"section":162},"Stat","\u002Fen\u002Fcomponents\u002Fstat","en\u002F02.components\u002F117.stat","Data",{"title":164,"path":165,"stem":166,"section":47},"Steps","\u002Fen\u002Fcomponents\u002Fsteps","en\u002F02.components\u002F118.steps",{"title":168,"path":169,"stem":170,"section":145},"Swap","\u002Fen\u002Fcomponents\u002Fswap","en\u002F02.components\u002F119.swap",{"title":52,"path":172,"stem":173,"section":52},"\u002Fen\u002Fcomponents\u002Fai","en\u002F02.components\u002F12.ai",{"title":175,"path":176,"stem":177,"section":95},"Switch","\u002Fen\u002Fcomponents\u002Fswitch","en\u002F02.components\u002F120.switch",{"title":179,"path":180,"stem":181,"section":162},"Table","\u002Fen\u002Fcomponents\u002Ftable","en\u002F02.components\u002F121.table",{"title":183,"path":184,"stem":185,"section":47},"Tabs","\u002Fen\u002Fcomponents\u002Ftabs","en\u002F02.components\u002F122.tabs",{"title":187,"path":188,"stem":189,"section":95},"Tags Input","\u002Fen\u002Fcomponents\u002Ftags-input","en\u002F02.components\u002F123.tags-input",{"title":191,"path":192,"stem":193,"section":162},"Terminal","\u002Fen\u002Fcomponents\u002Fterminal","en\u002F02.components\u002F124.terminal",{"title":195,"path":196,"stem":197,"section":95},"Textarea","\u002Fen\u002Fcomponents\u002Ftextarea","en\u002F02.components\u002F125.textarea",{"title":199,"path":200,"stem":201,"section":162},"Timeline","\u002Fen\u002Fcomponents\u002Ftimeline","en\u002F02.components\u002F126.timeline",{"title":203,"path":204,"stem":205,"section":162},"Timer","\u002Fen\u002Fcomponents\u002Ftimer","en\u002F02.components\u002F127.timer",{"title":207,"path":208,"stem":209,"section":210},"Toast","\u002Fen\u002Fcomponents\u002Ftoast","en\u002F02.components\u002F128.toast","Overlay",{"title":212,"path":213,"stem":214,"section":47},"Toc","\u002Fen\u002Fcomponents\u002Ftoc","en\u002F02.components\u002F129.toc",{"title":216,"path":217,"stem":218,"section":85},"Alert","\u002Fen\u002Fcomponents\u002Falert","en\u002F02.components\u002F13.alert",{"title":220,"path":221,"stem":222,"section":145},"Toggle Group","\u002Fen\u002Fcomponents\u002Ftoggle-group","en\u002F02.components\u002F130.toggle-group",{"title":224,"path":225,"stem":226,"section":145},"Toggle","\u002Fen\u002Fcomponents\u002Ftoggle","en\u002F02.components\u002F131.toggle",{"title":228,"path":229,"stem":230,"section":145},"Toolbar","\u002Fen\u002Fcomponents\u002Ftoolbar","en\u002F02.components\u002F132.toolbar",{"title":232,"path":233,"stem":234,"section":210},"Tooltip","\u002Fen\u002Fcomponents\u002Ftooltip","en\u002F02.components\u002F133.tooltip",{"title":236,"path":237,"stem":238,"section":210},"Tour","\u002Fen\u002Fcomponents\u002Ftour","en\u002F02.components\u002F134.tour",{"title":240,"path":241,"stem":242,"section":162},"Transfer","\u002Fen\u002Fcomponents\u002Ftransfer","en\u002F02.components\u002F135.transfer",{"title":244,"path":245,"stem":246,"section":95},"Tree Select","\u002Fen\u002Fcomponents\u002Ftree-select","en\u002F02.components\u002F136.tree-select",{"title":248,"path":249,"stem":250,"section":162},"Tree View","\u002Fen\u002Fcomponents\u002Ftree-view","en\u002F02.components\u002F137.tree-view",{"title":252,"path":253,"stem":254,"section":42},"Typography","\u002Fen\u002Fcomponents\u002Ftypography","en\u002F02.components\u002F138.typography",{"title":256,"path":257,"stem":258,"section":120},"User","\u002Fen\u002Fcomponents\u002Fuser","en\u002F02.components\u002F139.user",{"title":260,"path":261,"stem":262,"section":95},"Angle Slider","\u002Fen\u002Fcomponents\u002Fangle-slider","en\u002F02.components\u002F14.angle-slider",{"title":264,"path":265,"stem":266,"section":162},"Virtual List","\u002Fen\u002Fcomponents\u002Fvirtual-list","en\u002F02.components\u002F140.virtual-list",{"title":268,"path":269,"stem":270,"section":90},"Watermark","\u002Fen\u002Fcomponents\u002Fwatermark","en\u002F02.components\u002F141.watermark",{"title":272,"path":273,"stem":274,"section":162},"Workflow","\u002Fen\u002Fcomponents\u002Fworkflow","en\u002F02.components\u002F142.workflow",{"title":276,"path":277,"stem":278,"section":42},"Aspect Ratio","\u002Fen\u002Fcomponents\u002Faspect-ratio","en\u002F02.components\u002F15.aspect-ratio",{"title":280,"path":281,"stem":282,"section":95},"Autocomplete","\u002Fen\u002Fcomponents\u002Fautocomplete","en\u002F02.components\u002F16.autocomplete",{"title":284,"path":285,"stem":286,"section":120},"Avatar Group","\u002Fen\u002Fcomponents\u002Favatar-group","en\u002F02.components\u002F17.avatar-group",{"title":288,"path":289,"stem":290,"section":120},"Avatar","\u002Fen\u002Fcomponents\u002Favatar","en\u002F02.components\u002F18.avatar",{"title":292,"path":293,"stem":294,"section":47},"Back Top","\u002Fen\u002Fcomponents\u002Fback-top","en\u002F02.components\u002F19.back-top",{"title":296,"path":297,"stem":298,"section":120},"Badge","\u002Fen\u002Fcomponents\u002Fbadge","en\u002F02.components\u002F20.badge",{"title":300,"path":301,"stem":302,"section":85},"Banner","\u002Fen\u002Fcomponents\u002Fbanner","en\u002F02.components\u002F21.banner",{"title":304,"path":305,"stem":306,"section":42},"Bento","\u002Fen\u002Fcomponents\u002Fbento","en\u002F02.components\u002F22.bento",{"title":308,"path":309,"stem":310,"section":85},"Block Ui","\u002Fen\u002Fcomponents\u002Fblock-ui","en\u002F02.components\u002F23.block-ui",{"title":312,"path":313,"stem":314,"section":47},"Breadcrumb","\u002Fen\u002Fcomponents\u002Fbreadcrumb","en\u002F02.components\u002F24.breadcrumb",{"title":316,"path":317,"stem":318,"section":90},"Browser","\u002Fen\u002Fcomponents\u002Fbrowser","en\u002F02.components\u002F25.browser",{"title":320,"path":321,"stem":322,"section":120},"Button Group","\u002Fen\u002Fcomponents\u002Fbutton-group","en\u002F02.components\u002F26.button-group",{"title":324,"path":325,"stem":326,"section":120},"Button","\u002Fen\u002Fcomponents\u002Fbutton","en\u002F02.components\u002F27.button",{"title":328,"path":329,"stem":330,"section":95},"Calendar","\u002Fen\u002Fcomponents\u002Fcalendar","en\u002F02.components\u002F28.calendar",{"title":332,"path":333,"stem":334,"section":120},"Card","\u002Fen\u002Fcomponents\u002Fcard","en\u002F02.components\u002F29.card",{"title":336,"path":337,"stem":338,"section":90},"Carousel","\u002Fen\u002Fcomponents\u002Fcarousel","en\u002F02.components\u002F30.carousel",{"title":340,"path":341,"stem":342,"section":95},"Cascade Select","\u002Fen\u002Fcomponents\u002Fcascade-select","en\u002F02.components\u002F31.cascade-select",{"title":344,"path":345,"stem":346,"section":162},"Chart","\u002Fen\u002Fcomponents\u002Fchart","en\u002F02.components\u002F32.chart",{"title":348,"path":349,"stem":350,"section":95},"Checkbox Group","\u002Fen\u002Fcomponents\u002Fcheckbox-group","en\u002F02.components\u002F33.checkbox-group",{"title":352,"path":353,"stem":354,"section":95},"Checkbox","\u002Fen\u002Fcomponents\u002Fcheckbox","en\u002F02.components\u002F34.checkbox",{"title":356,"path":357,"stem":358,"section":120},"Chip","\u002Fen\u002Fcomponents\u002Fchip","en\u002F02.components\u002F35.chip",{"title":360,"path":361,"stem":362,"section":120},"Client Only","\u002Fen\u002Fcomponents\u002Fclient-only","en\u002F02.components\u002F36.client-only",{"title":364,"path":365,"stem":366,"section":145},"Clipboard","\u002Fen\u002Fcomponents\u002Fclipboard","en\u002F02.components\u002F37.clipboard",{"title":368,"path":369,"stem":370,"section":42},"Collapsible","\u002Fen\u002Fcomponents\u002Fcollapsible","en\u002F02.components\u002F38.collapsible",{"title":372,"path":373,"stem":374,"section":162},"Collection","\u002Fen\u002Fcomponents\u002Fcollection","en\u002F02.components\u002F39.collection",{"title":376,"path":377,"stem":378,"section":95},"Color Picker","\u002Fen\u002Fcomponents\u002Fcolor-picker","en\u002F02.components\u002F40.color-picker",{"title":380,"path":381,"stem":382,"section":95},"Combobox","\u002Fen\u002Fcomponents\u002Fcombobox","en\u002F02.components\u002F41.combobox",{"title":384,"path":385,"stem":386,"section":210},"Command","\u002Fen\u002Fcomponents\u002Fcommand","en\u002F02.components\u002F42.command",{"title":388,"path":389,"stem":390,"section":162},"Comment","\u002Fen\u002Fcomponents\u002Fcomment","en\u002F02.components\u002F43.comment",{"title":392,"path":393,"stem":394,"section":120},"Config Provider","\u002Fen\u002Fcomponents\u002Fconfig-provider","en\u002F02.components\u002F44.config-provider",{"title":396,"path":397,"stem":398,"section":42},"Container","\u002Fen\u002Fcomponents\u002Fcontainer","en\u002F02.components\u002F45.container",{"title":400,"path":401,"stem":402,"section":162},"Data View","\u002Fen\u002Fcomponents\u002Fdata-view","en\u002F02.components\u002F46.data-view",{"title":404,"path":405,"stem":406,"section":95},"Date Input","\u002Fen\u002Fcomponents\u002Fdate-input","en\u002F02.components\u002F47.date-input",{"title":408,"path":409,"stem":410,"section":95},"Date Picker","\u002Fen\u002Fcomponents\u002Fdate-picker","en\u002F02.components\u002F48.date-picker",{"title":412,"path":413,"stem":414,"section":120},"Deferred Content","\u002Fen\u002Fcomponents\u002Fdeferred-content","en\u002F02.components\u002F49.deferred-content",{"title":416,"path":417,"stem":418,"section":162},"Descriptions","\u002Fen\u002Fcomponents\u002Fdescriptions","en\u002F02.components\u002F50.descriptions",{"title":420,"path":421,"stem":422,"section":210},"Dialog","\u002Fen\u002Fcomponents\u002Fdialog","en\u002F02.components\u002F51.dialog",{"title":424,"path":425,"stem":426,"section":145},"Dock","\u002Fen\u002Fcomponents\u002Fdock","en\u002F02.components\u002F52.dock",{"title":428,"path":429,"stem":430,"section":145},"Download Trigger","\u002Fen\u002Fcomponents\u002Fdownload-trigger","en\u002F02.components\u002F53.download-trigger",{"title":432,"path":433,"stem":434,"section":210},"Drawer","\u002Fen\u002Fcomponents\u002Fdrawer","en\u002F02.components\u002F54.drawer",{"title":436,"path":437,"stem":438,"section":95},"Dynamic Input","\u002Fen\u002Fcomponents\u002Fdynamic-input","en\u002F02.components\u002F55.dynamic-input",{"title":440,"path":441,"stem":442,"section":95},"Editable","\u002Fen\u002Fcomponents\u002Feditable","en\u002F02.components\u002F56.editable",{"title":444,"path":445,"stem":446,"section":42},"Ellipsis","\u002Fen\u002Fcomponents\u002Fellipsis","en\u002F02.components\u002F57.ellipsis",{"title":448,"path":449,"stem":450,"section":85},"Empty","\u002Fen\u002Fcomponents\u002Fempty","en\u002F02.components\u002F58.empty",{"title":452,"path":453,"stem":454,"section":95},"Field","\u002Fen\u002Fcomponents\u002Ffield","en\u002F02.components\u002F59.field",{"title":456,"path":457,"stem":458,"section":95},"Fieldset","\u002Fen\u002Fcomponents\u002Ffieldset","en\u002F02.components\u002F60.fieldset",{"title":460,"path":461,"stem":462,"section":95},"File Upload","\u002Fen\u002Fcomponents\u002Ffile-upload","en\u002F02.components\u002F61.file-upload",{"title":464,"path":465,"stem":466,"section":145},"Float Button","\u002Fen\u002Fcomponents\u002Ffloat-button","en\u002F02.components\u002F62.float-button",{"title":468,"path":469,"stem":470,"section":210},"Floating Panel","\u002Fen\u002Fcomponents\u002Ffloating-panel","en\u002F02.components\u002F63.floating-panel",{"title":472,"path":473,"stem":474,"section":210},"Focus Trap","\u002Fen\u002Fcomponents\u002Ffocus-trap","en\u002F02.components\u002F64.focus-trap",{"title":476,"path":477,"stem":478,"section":95},"Form","\u002Fen\u002Fcomponents\u002Fform","en\u002F02.components\u002F65.form",{"title":480,"path":481,"stem":482,"section":120},"Format","\u002Fen\u002Fcomponents\u002Fformat","en\u002F02.components\u002F66.format",{"title":484,"path":485,"stem":486,"section":42},"Frame","\u002Fen\u002Fcomponents\u002Fframe","en\u002F02.components\u002F67.frame",{"title":488,"path":489,"stem":490,"section":42},"Grid","\u002Fen\u002Fcomponents\u002Fgrid","en\u002F02.components\u002F68.grid",{"title":492,"path":493,"stem":494,"section":120},"Highlight","\u002Fen\u002Fcomponents\u002Fhighlight","en\u002F02.components\u002F69.highlight",{"title":496,"path":497,"stem":498,"section":210},"Hover Card","\u002Fen\u002Fcomponents\u002Fhover-card","en\u002F02.components\u002F70.hover-card",{"title":500,"path":501,"stem":502,"section":120},"Icon","\u002Fen\u002Fcomponents\u002Ficon","en\u002F02.components\u002F71.icon",{"title":504,"path":505,"stem":506,"section":90},"Image Cropper","\u002Fen\u002Fcomponents\u002Fimage-cropper","en\u002F02.components\u002F72.image-cropper",{"title":508,"path":509,"stem":510,"section":90},"Image Viewer","\u002Fen\u002Fcomponents\u002Fimage-viewer","en\u002F02.components\u002F73.image-viewer",{"title":512,"path":513,"stem":514,"section":90},"Image","\u002Fen\u002Fcomponents\u002Fimage","en\u002F02.components\u002F74.image",{"title":516,"path":517,"stem":518,"section":95},"Input Group","\u002Fen\u002Fcomponents\u002Finput-group","en\u002F02.components\u002F75.input-group",{"title":520,"path":521,"stem":522,"section":95},"Input","\u002Fen\u002Fcomponents\u002Finput","en\u002F02.components\u002F76.input",{"title":524,"path":525,"stem":526,"section":162},"Json Tree View","\u002Fen\u002Fcomponents\u002Fjson-tree-view","en\u002F02.components\u002F77.json-tree-view",{"title":528,"path":529,"stem":530,"section":120},"Kbd","\u002Fen\u002Fcomponents\u002Fkbd","en\u002F02.components\u002F78.kbd",{"title":42,"path":532,"stem":533,"section":42},"\u002Fen\u002Fcomponents\u002Flayout","en\u002F02.components\u002F79.layout",{"title":535,"path":536,"stem":537,"section":47},"Link","\u002Fen\u002Fcomponents\u002Flink","en\u002F02.components\u002F80.link",{"title":539,"path":540,"stem":541,"section":162},"List","\u002Fen\u002Fcomponents\u002Flist","en\u002F02.components\u002F81.list",{"title":543,"path":544,"stem":545,"section":95},"Listbox","\u002Fen\u002Fcomponents\u002Flistbox","en\u002F02.components\u002F82.listbox",{"title":547,"path":548,"stem":549,"section":90},"Marquee","\u002Fen\u002Fcomponents\u002Fmarquee","en\u002F02.components\u002F83.marquee",{"title":551,"path":552,"stem":553,"section":42},"Masonry","\u002Fen\u002Fcomponents\u002Fmasonry","en\u002F02.components\u002F84.masonry",{"title":555,"path":556,"stem":557,"section":95},"Mentions","\u002Fen\u002Fcomponents\u002Fmentions","en\u002F02.components\u002F85.mentions",{"title":559,"path":560,"stem":561,"section":210},"Menu","\u002Fen\u002Fcomponents\u002Fmenu","en\u002F02.components\u002F86.menu",{"title":563,"path":564,"stem":565,"section":47},"Menubar","\u002Fen\u002Fcomponents\u002Fmenubar","en\u002F02.components\u002F87.menubar",{"title":567,"path":568,"stem":569,"section":85},"Meter","\u002Fen\u002Fcomponents\u002Fmeter","en\u002F02.components\u002F88.meter",{"title":571,"path":572,"stem":573,"section":47},"Navigation Menu","\u002Fen\u002Fcomponents\u002Fnavigation-menu","en\u002F02.components\u002F89.navigation-menu",{"title":575,"path":576,"stem":577,"section":95},"Number Input","\u002Fen\u002Fcomponents\u002Fnumber-input","en\u002F02.components\u002F90.number-input",{"title":579,"path":580,"stem":581,"section":162},"Order List","\u002Fen\u002Fcomponents\u002Forder-list","en\u002F02.components\u002F91.order-list",{"title":583,"path":584,"stem":585,"section":42},"Page Header","\u002Fen\u002Fcomponents\u002Fpage-header","en\u002F02.components\u002F92.page-header",{"title":587,"path":588,"stem":589,"section":47},"Pagination","\u002Fen\u002Fcomponents\u002Fpagination","en\u002F02.components\u002F93.pagination",{"title":591,"path":592,"stem":593,"section":95},"Password Input","\u002Fen\u002Fcomponents\u002Fpassword-input","en\u002F02.components\u002F94.password-input",{"title":595,"path":596,"stem":597,"section":95},"Pin Input","\u002Fen\u002Fcomponents\u002Fpin-input","en\u002F02.components\u002F95.pin-input",{"title":599,"path":600,"stem":601,"section":210},"Popconfirm","\u002Fen\u002Fcomponents\u002Fpopconfirm","en\u002F02.components\u002F96.popconfirm",{"title":603,"path":604,"stem":605,"section":210},"Popover","\u002Fen\u002Fcomponents\u002Fpopover","en\u002F02.components\u002F97.popover",{"title":607,"path":608,"stem":609,"section":120},"Presence","\u002Fen\u002Fcomponents\u002Fpresence","en\u002F02.components\u002F98.presence",{"title":611,"path":612,"stem":613,"section":85},"Progress Group","\u002Fen\u002Fcomponents\u002Fprogress-group","en\u002F02.components\u002F99.progress-group",false,{"title":616,"icon":617,"path":618,"stem":619,"children":620,"page":614},"Reference","i-lucide-book-marked","\u002Fen\u002Freference","en\u002F03.reference",[621,624,627,630,633,636,639,642,645,648,651,654,657,660,663,666,669,672,675,678,681,684,687,690,693,696,699,702,705,708,711,714,717,720,723,726,729,732,735,738,741,744,747,750,753,756,759,762,765,768,771,774,777,780,783,786,789,792,795,798,801,804,807,810,813,816,819,822,825,828,831,834,837,840,843,846,849,852,855,858,861,864,867,870,873,876,879,882,885,888,891,894,897,900,903,906,909,912,915,918,921,924,927,930,933,936,939,942,945,948,951,954,957,960,963,966,969,972,975,978,981,984,987,990,993,996,999,1002,1005,1008,1011,1014,1017,1020,1023,1026,1029,1032,1035,1038,1041,1044],{"title":39,"path":622,"stem":623,"section":42},"\u002Fen\u002Freference\u002Faccordion","en\u002F03.reference\u002F01.accordion",{"title":44,"path":625,"stem":626,"section":47},"\u002Fen\u002Freference\u002Faffix","en\u002F03.reference\u002F02.affix",{"title":49,"path":628,"stem":629,"section":52},"\u002Fen\u002Freference\u002Fai-action","en\u002F03.reference\u002F03.ai-action",{"title":54,"path":631,"stem":632,"section":52},"\u002Fen\u002Freference\u002Fai-attachments","en\u002F03.reference\u002F04.ai-attachments",{"title":58,"path":634,"stem":635,"section":52},"\u002Fen\u002Freference\u002Fai-message","en\u002F03.reference\u002F05.ai-message",{"title":62,"path":637,"stem":638,"section":52},"\u002Fen\u002Freference\u002Fai-prompt-input","en\u002F03.reference\u002F06.ai-prompt-input",{"title":66,"path":640,"stem":641,"section":52},"\u002Fen\u002Freference\u002Fai-reasoning","en\u002F03.reference\u002F07.ai-reasoning",{"title":70,"path":643,"stem":644,"section":52},"\u002Fen\u002Freference\u002Fai-response","en\u002F03.reference\u002F08.ai-response",{"title":74,"path":646,"stem":647,"section":52},"\u002Fen\u002Freference\u002Fai-source","en\u002F03.reference\u002F09.ai-source",{"title":78,"path":649,"stem":650,"section":52},"\u002Fen\u002Freference\u002Fai-suggestion","en\u002F03.reference\u002F10.ai-suggestion",{"title":82,"path":652,"stem":653,"section":85},"\u002Fen\u002Freference\u002Fprogress","en\u002F03.reference\u002F100.progress",{"title":87,"path":655,"stem":656,"section":90},"\u002Fen\u002Freference\u002Fqr-code","en\u002F03.reference\u002F101.qr-code",{"title":92,"path":658,"stem":659,"section":95},"\u002Fen\u002Freference\u002Fradio-group","en\u002F03.reference\u002F102.radio-group",{"title":97,"path":661,"stem":662,"section":95},"\u002Fen\u002Freference\u002Frating-group","en\u002F03.reference\u002F103.rating-group",{"title":101,"path":664,"stem":665,"section":85},"\u002Fen\u002Freference\u002Fresult","en\u002F03.reference\u002F104.result",{"title":105,"path":667,"stem":668,"section":42},"\u002Fen\u002Freference\u002Fscroll-area","en\u002F03.reference\u002F105.scroll-area",{"title":109,"path":670,"stem":671,"section":95},"\u002Fen\u002Freference\u002Fsegment-group","en\u002F03.reference\u002F106.segment-group",{"title":113,"path":673,"stem":674,"section":95},"\u002Fen\u002Freference\u002Fselect","en\u002F03.reference\u002F107.select",{"title":117,"path":676,"stem":677,"section":120},"\u002Fen\u002Freference\u002Fseparator","en\u002F03.reference\u002F108.separator",{"title":122,"path":679,"stem":680,"section":95},"\u002Fen\u002Freference\u002Fsignature-pad","en\u002F03.reference\u002F109.signature-pad",{"title":126,"path":682,"stem":683,"section":52},"\u002Fen\u002Freference\u002Fai-tool","en\u002F03.reference\u002F11.ai-tool",{"title":130,"path":685,"stem":686,"section":85},"\u002Fen\u002Freference\u002Fskeleton","en\u002F03.reference\u002F110.skeleton",{"title":134,"path":688,"stem":689,"section":95},"\u002Fen\u002Freference\u002Fslider","en\u002F03.reference\u002F111.slider",{"title":138,"path":691,"stem":692,"section":85},"\u002Fen\u002Freference\u002Fspinner","en\u002F03.reference\u002F112.spinner",{"title":142,"path":694,"stem":695,"section":145},"\u002Fen\u002Freference\u002Fsplit-button","en\u002F03.reference\u002F113.split-button",{"title":147,"path":697,"stem":698,"section":42},"\u002Fen\u002Freference\u002Fsplitter","en\u002F03.reference\u002F114.splitter",{"title":151,"path":700,"stem":701,"section":42},"\u002Fen\u002Freference\u002Fspotlight","en\u002F03.reference\u002F115.spotlight",{"title":155,"path":703,"stem":704,"section":42},"\u002Fen\u002Freference\u002Fstack","en\u002F03.reference\u002F116.stack",{"title":159,"path":706,"stem":707,"section":162},"\u002Fen\u002Freference\u002Fstat","en\u002F03.reference\u002F117.stat",{"title":164,"path":709,"stem":710,"section":47},"\u002Fen\u002Freference\u002Fsteps","en\u002F03.reference\u002F118.steps",{"title":168,"path":712,"stem":713,"section":145},"\u002Fen\u002Freference\u002Fswap","en\u002F03.reference\u002F119.swap",{"title":52,"path":715,"stem":716,"section":52},"\u002Fen\u002Freference\u002Fai","en\u002F03.reference\u002F12.ai",{"title":175,"path":718,"stem":719,"section":95},"\u002Fen\u002Freference\u002Fswitch","en\u002F03.reference\u002F120.switch",{"title":179,"path":721,"stem":722,"section":162},"\u002Fen\u002Freference\u002Ftable","en\u002F03.reference\u002F121.table",{"title":183,"path":724,"stem":725,"section":47},"\u002Fen\u002Freference\u002Ftabs","en\u002F03.reference\u002F122.tabs",{"title":187,"path":727,"stem":728,"section":95},"\u002Fen\u002Freference\u002Ftags-input","en\u002F03.reference\u002F123.tags-input",{"title":191,"path":730,"stem":731,"section":162},"\u002Fen\u002Freference\u002Fterminal","en\u002F03.reference\u002F124.terminal",{"title":195,"path":733,"stem":734,"section":95},"\u002Fen\u002Freference\u002Ftextarea","en\u002F03.reference\u002F125.textarea",{"title":199,"path":736,"stem":737,"section":162},"\u002Fen\u002Freference\u002Ftimeline","en\u002F03.reference\u002F126.timeline",{"title":203,"path":739,"stem":740,"section":162},"\u002Fen\u002Freference\u002Ftimer","en\u002F03.reference\u002F127.timer",{"title":207,"path":742,"stem":743,"section":210},"\u002Fen\u002Freference\u002Ftoast","en\u002F03.reference\u002F128.toast",{"title":212,"path":745,"stem":746,"section":47},"\u002Fen\u002Freference\u002Ftoc","en\u002F03.reference\u002F129.toc",{"title":216,"path":748,"stem":749,"section":85},"\u002Fen\u002Freference\u002Falert","en\u002F03.reference\u002F13.alert",{"title":220,"path":751,"stem":752,"section":145},"\u002Fen\u002Freference\u002Ftoggle-group","en\u002F03.reference\u002F130.toggle-group",{"title":224,"path":754,"stem":755,"section":145},"\u002Fen\u002Freference\u002Ftoggle","en\u002F03.reference\u002F131.toggle",{"title":228,"path":757,"stem":758,"section":145},"\u002Fen\u002Freference\u002Ftoolbar","en\u002F03.reference\u002F132.toolbar",{"title":232,"path":760,"stem":761,"section":210},"\u002Fen\u002Freference\u002Ftooltip","en\u002F03.reference\u002F133.tooltip",{"title":236,"path":763,"stem":764,"section":210},"\u002Fen\u002Freference\u002Ftour","en\u002F03.reference\u002F134.tour",{"title":240,"path":766,"stem":767,"section":162},"\u002Fen\u002Freference\u002Ftransfer","en\u002F03.reference\u002F135.transfer",{"title":244,"path":769,"stem":770,"section":95},"\u002Fen\u002Freference\u002Ftree-select","en\u002F03.reference\u002F136.tree-select",{"title":248,"path":772,"stem":773,"section":162},"\u002Fen\u002Freference\u002Ftree-view","en\u002F03.reference\u002F137.tree-view",{"title":252,"path":775,"stem":776,"section":42},"\u002Fen\u002Freference\u002Ftypography","en\u002F03.reference\u002F138.typography",{"title":256,"path":778,"stem":779,"section":120},"\u002Fen\u002Freference\u002Fuser","en\u002F03.reference\u002F139.user",{"title":260,"path":781,"stem":782,"section":95},"\u002Fen\u002Freference\u002Fangle-slider","en\u002F03.reference\u002F14.angle-slider",{"title":264,"path":784,"stem":785,"section":162},"\u002Fen\u002Freference\u002Fvirtual-list","en\u002F03.reference\u002F140.virtual-list",{"title":268,"path":787,"stem":788,"section":90},"\u002Fen\u002Freference\u002Fwatermark","en\u002F03.reference\u002F141.watermark",{"title":272,"path":790,"stem":791,"section":162},"\u002Fen\u002Freference\u002Fworkflow","en\u002F03.reference\u002F142.workflow",{"title":276,"path":793,"stem":794,"section":42},"\u002Fen\u002Freference\u002Faspect-ratio","en\u002F03.reference\u002F15.aspect-ratio",{"title":280,"path":796,"stem":797,"section":95},"\u002Fen\u002Freference\u002Fautocomplete","en\u002F03.reference\u002F16.autocomplete",{"title":284,"path":799,"stem":800,"section":120},"\u002Fen\u002Freference\u002Favatar-group","en\u002F03.reference\u002F17.avatar-group",{"title":288,"path":802,"stem":803,"section":120},"\u002Fen\u002Freference\u002Favatar","en\u002F03.reference\u002F18.avatar",{"title":292,"path":805,"stem":806,"section":47},"\u002Fen\u002Freference\u002Fback-top","en\u002F03.reference\u002F19.back-top",{"title":296,"path":808,"stem":809,"section":120},"\u002Fen\u002Freference\u002Fbadge","en\u002F03.reference\u002F20.badge",{"title":300,"path":811,"stem":812,"section":85},"\u002Fen\u002Freference\u002Fbanner","en\u002F03.reference\u002F21.banner",{"title":304,"path":814,"stem":815,"section":42},"\u002Fen\u002Freference\u002Fbento","en\u002F03.reference\u002F22.bento",{"title":308,"path":817,"stem":818,"section":85},"\u002Fen\u002Freference\u002Fblock-ui","en\u002F03.reference\u002F23.block-ui",{"title":312,"path":820,"stem":821,"section":47},"\u002Fen\u002Freference\u002Fbreadcrumb","en\u002F03.reference\u002F24.breadcrumb",{"title":316,"path":823,"stem":824,"section":90},"\u002Fen\u002Freference\u002Fbrowser","en\u002F03.reference\u002F25.browser",{"title":320,"path":826,"stem":827,"section":120},"\u002Fen\u002Freference\u002Fbutton-group","en\u002F03.reference\u002F26.button-group",{"title":324,"path":829,"stem":830,"section":120},"\u002Fen\u002Freference\u002Fbutton","en\u002F03.reference\u002F27.button",{"title":328,"path":832,"stem":833,"section":95},"\u002Fen\u002Freference\u002Fcalendar","en\u002F03.reference\u002F28.calendar",{"title":332,"path":835,"stem":836,"section":120},"\u002Fen\u002Freference\u002Fcard","en\u002F03.reference\u002F29.card",{"title":336,"path":838,"stem":839,"section":90},"\u002Fen\u002Freference\u002Fcarousel","en\u002F03.reference\u002F30.carousel",{"title":340,"path":841,"stem":842,"section":95},"\u002Fen\u002Freference\u002Fcascade-select","en\u002F03.reference\u002F31.cascade-select",{"title":344,"path":844,"stem":845,"section":162},"\u002Fen\u002Freference\u002Fchart","en\u002F03.reference\u002F32.chart",{"title":348,"path":847,"stem":848,"section":95},"\u002Fen\u002Freference\u002Fcheckbox-group","en\u002F03.reference\u002F33.checkbox-group",{"title":352,"path":850,"stem":851,"section":95},"\u002Fen\u002Freference\u002Fcheckbox","en\u002F03.reference\u002F34.checkbox",{"title":356,"path":853,"stem":854,"section":120},"\u002Fen\u002Freference\u002Fchip","en\u002F03.reference\u002F35.chip",{"title":360,"path":856,"stem":857,"section":120},"\u002Fen\u002Freference\u002Fclient-only","en\u002F03.reference\u002F36.client-only",{"title":364,"path":859,"stem":860,"section":145},"\u002Fen\u002Freference\u002Fclipboard","en\u002F03.reference\u002F37.clipboard",{"title":368,"path":862,"stem":863,"section":42},"\u002Fen\u002Freference\u002Fcollapsible","en\u002F03.reference\u002F38.collapsible",{"title":372,"path":865,"stem":866,"section":162},"\u002Fen\u002Freference\u002Fcollection","en\u002F03.reference\u002F39.collection",{"title":376,"path":868,"stem":869,"section":95},"\u002Fen\u002Freference\u002Fcolor-picker","en\u002F03.reference\u002F40.color-picker",{"title":380,"path":871,"stem":872,"section":95},"\u002Fen\u002Freference\u002Fcombobox","en\u002F03.reference\u002F41.combobox",{"title":384,"path":874,"stem":875,"section":210},"\u002Fen\u002Freference\u002Fcommand","en\u002F03.reference\u002F42.command",{"title":388,"path":877,"stem":878,"section":162},"\u002Fen\u002Freference\u002Fcomment","en\u002F03.reference\u002F43.comment",{"title":392,"path":880,"stem":881,"section":120},"\u002Fen\u002Freference\u002Fconfig-provider","en\u002F03.reference\u002F44.config-provider",{"title":396,"path":883,"stem":884,"section":42},"\u002Fen\u002Freference\u002Fcontainer","en\u002F03.reference\u002F45.container",{"title":400,"path":886,"stem":887,"section":162},"\u002Fen\u002Freference\u002Fdata-view","en\u002F03.reference\u002F46.data-view",{"title":404,"path":889,"stem":890,"section":95},"\u002Fen\u002Freference\u002Fdate-input","en\u002F03.reference\u002F47.date-input",{"title":408,"path":892,"stem":893,"section":95},"\u002Fen\u002Freference\u002Fdate-picker","en\u002F03.reference\u002F48.date-picker",{"title":412,"path":895,"stem":896,"section":120},"\u002Fen\u002Freference\u002Fdeferred-content","en\u002F03.reference\u002F49.deferred-content",{"title":416,"path":898,"stem":899,"section":162},"\u002Fen\u002Freference\u002Fdescriptions","en\u002F03.reference\u002F50.descriptions",{"title":420,"path":901,"stem":902,"section":210},"\u002Fen\u002Freference\u002Fdialog","en\u002F03.reference\u002F51.dialog",{"title":424,"path":904,"stem":905,"section":145},"\u002Fen\u002Freference\u002Fdock","en\u002F03.reference\u002F52.dock",{"title":428,"path":907,"stem":908,"section":145},"\u002Fen\u002Freference\u002Fdownload-trigger","en\u002F03.reference\u002F53.download-trigger",{"title":432,"path":910,"stem":911,"section":210},"\u002Fen\u002Freference\u002Fdrawer","en\u002F03.reference\u002F54.drawer",{"title":436,"path":913,"stem":914,"section":95},"\u002Fen\u002Freference\u002Fdynamic-input","en\u002F03.reference\u002F55.dynamic-input",{"title":440,"path":916,"stem":917,"section":95},"\u002Fen\u002Freference\u002Feditable","en\u002F03.reference\u002F56.editable",{"title":444,"path":919,"stem":920,"section":42},"\u002Fen\u002Freference\u002Fellipsis","en\u002F03.reference\u002F57.ellipsis",{"title":448,"path":922,"stem":923,"section":85},"\u002Fen\u002Freference\u002Fempty","en\u002F03.reference\u002F58.empty",{"title":452,"path":925,"stem":926,"section":95},"\u002Fen\u002Freference\u002Ffield","en\u002F03.reference\u002F59.field",{"title":456,"path":928,"stem":929,"section":95},"\u002Fen\u002Freference\u002Ffieldset","en\u002F03.reference\u002F60.fieldset",{"title":460,"path":931,"stem":932,"section":95},"\u002Fen\u002Freference\u002Ffile-upload","en\u002F03.reference\u002F61.file-upload",{"title":464,"path":934,"stem":935,"section":145},"\u002Fen\u002Freference\u002Ffloat-button","en\u002F03.reference\u002F62.float-button",{"title":468,"path":937,"stem":938,"section":210},"\u002Fen\u002Freference\u002Ffloating-panel","en\u002F03.reference\u002F63.floating-panel",{"title":472,"path":940,"stem":941,"section":210},"\u002Fen\u002Freference\u002Ffocus-trap","en\u002F03.reference\u002F64.focus-trap",{"title":476,"path":943,"stem":944,"section":95},"\u002Fen\u002Freference\u002Fform","en\u002F03.reference\u002F65.form",{"title":480,"path":946,"stem":947,"section":120},"\u002Fen\u002Freference\u002Fformat","en\u002F03.reference\u002F66.format",{"title":484,"path":949,"stem":950,"section":42},"\u002Fen\u002Freference\u002Fframe","en\u002F03.reference\u002F67.frame",{"title":488,"path":952,"stem":953,"section":42},"\u002Fen\u002Freference\u002Fgrid","en\u002F03.reference\u002F68.grid",{"title":492,"path":955,"stem":956,"section":120},"\u002Fen\u002Freference\u002Fhighlight","en\u002F03.reference\u002F69.highlight",{"title":496,"path":958,"stem":959,"section":210},"\u002Fen\u002Freference\u002Fhover-card","en\u002F03.reference\u002F70.hover-card",{"title":500,"path":961,"stem":962,"section":120},"\u002Fen\u002Freference\u002Ficon","en\u002F03.reference\u002F71.icon",{"title":504,"path":964,"stem":965,"section":90},"\u002Fen\u002Freference\u002Fimage-cropper","en\u002F03.reference\u002F72.image-cropper",{"title":508,"path":967,"stem":968,"section":90},"\u002Fen\u002Freference\u002Fimage-viewer","en\u002F03.reference\u002F73.image-viewer",{"title":512,"path":970,"stem":971,"section":90},"\u002Fen\u002Freference\u002Fimage","en\u002F03.reference\u002F74.image",{"title":516,"path":973,"stem":974,"section":95},"\u002Fen\u002Freference\u002Finput-group","en\u002F03.reference\u002F75.input-group",{"title":520,"path":976,"stem":977,"section":95},"\u002Fen\u002Freference\u002Finput","en\u002F03.reference\u002F76.input",{"title":524,"path":979,"stem":980,"section":162},"\u002Fen\u002Freference\u002Fjson-tree-view","en\u002F03.reference\u002F77.json-tree-view",{"title":528,"path":982,"stem":983,"section":120},"\u002Fen\u002Freference\u002Fkbd","en\u002F03.reference\u002F78.kbd",{"title":42,"path":985,"stem":986,"section":42},"\u002Fen\u002Freference\u002Flayout","en\u002F03.reference\u002F79.layout",{"title":535,"path":988,"stem":989,"section":47},"\u002Fen\u002Freference\u002Flink","en\u002F03.reference\u002F80.link",{"title":539,"path":991,"stem":992,"section":162},"\u002Fen\u002Freference\u002Flist","en\u002F03.reference\u002F81.list",{"title":543,"path":994,"stem":995,"section":95},"\u002Fen\u002Freference\u002Flistbox","en\u002F03.reference\u002F82.listbox",{"title":547,"path":997,"stem":998,"section":90},"\u002Fen\u002Freference\u002Fmarquee","en\u002F03.reference\u002F83.marquee",{"title":551,"path":1000,"stem":1001,"section":42},"\u002Fen\u002Freference\u002Fmasonry","en\u002F03.reference\u002F84.masonry",{"title":555,"path":1003,"stem":1004,"section":95},"\u002Fen\u002Freference\u002Fmentions","en\u002F03.reference\u002F85.mentions",{"title":559,"path":1006,"stem":1007,"section":210},"\u002Fen\u002Freference\u002Fmenu","en\u002F03.reference\u002F86.menu",{"title":563,"path":1009,"stem":1010,"section":47},"\u002Fen\u002Freference\u002Fmenubar","en\u002F03.reference\u002F87.menubar",{"title":567,"path":1012,"stem":1013,"section":85},"\u002Fen\u002Freference\u002Fmeter","en\u002F03.reference\u002F88.meter",{"title":571,"path":1015,"stem":1016,"section":47},"\u002Fen\u002Freference\u002Fnavigation-menu","en\u002F03.reference\u002F89.navigation-menu",{"title":575,"path":1018,"stem":1019,"section":95},"\u002Fen\u002Freference\u002Fnumber-input","en\u002F03.reference\u002F90.number-input",{"title":579,"path":1021,"stem":1022,"section":162},"\u002Fen\u002Freference\u002Forder-list","en\u002F03.reference\u002F91.order-list",{"title":583,"path":1024,"stem":1025,"section":42},"\u002Fen\u002Freference\u002Fpage-header","en\u002F03.reference\u002F92.page-header",{"title":587,"path":1027,"stem":1028,"section":47},"\u002Fen\u002Freference\u002Fpagination","en\u002F03.reference\u002F93.pagination",{"title":591,"path":1030,"stem":1031,"section":95},"\u002Fen\u002Freference\u002Fpassword-input","en\u002F03.reference\u002F94.password-input",{"title":595,"path":1033,"stem":1034,"section":95},"\u002Fen\u002Freference\u002Fpin-input","en\u002F03.reference\u002F95.pin-input",{"title":599,"path":1036,"stem":1037,"section":210},"\u002Fen\u002Freference\u002Fpopconfirm","en\u002F03.reference\u002F96.popconfirm",{"title":603,"path":1039,"stem":1040,"section":210},"\u002Fen\u002Freference\u002Fpopover","en\u002F03.reference\u002F97.popover",{"title":607,"path":1042,"stem":1043,"section":120},"\u002Fen\u002Freference\u002Fpresence","en\u002F03.reference\u002F98.presence",{"title":611,"path":1045,"stem":1046,"section":85},"\u002Fen\u002Freference\u002Fprogress-group","en\u002F03.reference\u002F99.progress-group",{"id":1048,"title":468,"body":1049,"description":1695,"extension":1696,"meta":1697,"navigation":1698,"path":469,"seo":1699,"stem":470,"__hash__":1700},"docs_en\u002Fen\u002F02.components\u002F63.floating-panel.md",{"type":1050,"value":1051,"toc":1675},"minimark",[1052,1057,1061,1065,1070,1074,1078,1080,1084,1086,1090,1092,1096,1098,1102,1104,1108,1110,1114,1158,1162,1626,1630,1663,1667,1669,1673],[1053,1054,1056],"h2",{"id":1055},"basic-usage","Basic usage",[1058,1059],"component-demo",{"name":1060},"floating-panel\u002Fbasic",[1053,1062,1064],{"id":1063},"props","Props",[1066,1067,1069],"h3",{"id":1068},"body","Body",[1071,1072,1073],"p",{},"A styled part — no props of its own; it takes the anatomy's shared styling.",[1066,1075,1077],{"id":1076},"closetrigger","CloseTrigger",[1071,1079,1073],{},[1066,1081,1083],{"id":1082},"content","Content",[1071,1085,1073],{},[1066,1087,1089],{"id":1088},"control","Control",[1071,1091,1073],{},[1066,1093,1095],{"id":1094},"dragtrigger","DragTrigger",[1071,1097,1073],{},[1066,1099,1101],{"id":1100},"header","Header",[1071,1103,1073],{},[1066,1105,1107],{"id":1106},"positioner","Positioner",[1071,1109,1073],{},[1066,1111,1113],{"id":1112},"resizetrigger","ResizeTrigger",[1115,1116,1117,1136],"table",{},[1118,1119,1120],"thead",{},[1121,1122,1123,1127,1130,1133],"tr",{},[1124,1125,1126],"th",{},"Prop",[1124,1128,1129],{},"Type",[1124,1131,1132],{},"Default",[1124,1134,1135],{},"Description",[1137,1138,1139],"tbody",{},[1121,1140,1141,1148,1153,1155],{},[1142,1143,1144],"td",{},[1145,1146,1147],"code",{},"axis",[1142,1149,1150],{},[1145,1151,1152],{},"ResizeTriggerAxis",[1142,1154],{},[1142,1156,1157],{},"The axis of the resize handle",[1066,1159,1161],{"id":1160},"root","Root",[1115,1163,1164,1176],{},[1118,1165,1166],{},[1121,1167,1168,1170,1172,1174],{},[1124,1169,1126],{},[1124,1171,1129],{},[1124,1173,1132],{},[1124,1175,1135],{},[1137,1177,1178,1198,1214,1233,1250,1267,1287,1303,1321,1338,1355,1371,1391,1408,1425,1441,1457,1473,1489,1505,1521,1537,1555,1573,1589,1609],{},[1121,1179,1180,1185,1190,1195],{},[1142,1181,1182],{},[1145,1183,1184],{},"allowOverflow",[1142,1186,1187],{},[1145,1188,1189],{},"boolean",[1142,1191,1192],{},[1145,1193,1194],{},"true",[1142,1196,1197],{},"Whether the panel should be strictly contained within the boundary when dragging",[1121,1199,1200,1205,1209,1211],{},[1142,1201,1202],{},[1145,1203,1204],{},"closeOnEscape",[1142,1206,1207],{},[1145,1208,1189],{},[1142,1210],{},[1142,1212,1213],{},"Whether the panel should close when the escape key is pressed",[1121,1215,1216,1221,1225,1230],{},[1142,1217,1218],{},[1145,1219,1220],{},"defaultOpen",[1142,1222,1223],{},[1145,1224,1189],{},[1142,1226,1227],{},[1145,1228,1229],{},"false",[1142,1231,1232],{},"The initial open state of the panel when rendered. Use when you don't need to control the open state of the panel.",[1121,1234,1235,1240,1245,1247],{},[1142,1236,1237],{},[1145,1238,1239],{},"defaultPosition",[1142,1241,1242],{},[1145,1243,1244],{},"Point",[1142,1246],{},[1142,1248,1249],{},"The initial position of the panel when rendered. Use when you don't need to control the position of the panel.",[1121,1251,1252,1257,1262,1264],{},[1142,1253,1254],{},[1145,1255,1256],{},"defaultSize",[1142,1258,1259],{},[1145,1260,1261],{},"Size",[1142,1263],{},[1142,1265,1266],{},"The default size of the panel",[1121,1268,1269,1274,1279,1284],{},[1142,1270,1271],{},[1145,1272,1273],{},"dir",[1142,1275,1276],{},[1145,1277,1278],{},"'ltr' | 'rtl'",[1142,1280,1281],{},[1145,1282,1283],{},"\"ltr\"",[1142,1285,1286],{},"The document's text\u002Fwriting direction.",[1121,1288,1289,1294,1298,1300],{},[1142,1290,1291],{},[1145,1292,1293],{},"disabled",[1142,1295,1296],{},[1145,1297,1189],{},[1142,1299],{},[1142,1301,1302],{},"Whether the panel is disabled",[1121,1304,1305,1310,1314,1318],{},[1142,1306,1307],{},[1145,1308,1309],{},"draggable",[1142,1311,1312],{},[1145,1313,1189],{},[1142,1315,1316],{},[1145,1317,1194],{},[1142,1319,1320],{},"Whether the panel is draggable",[1121,1322,1323,1328,1333,1335],{},[1142,1324,1325],{},[1145,1326,1327],{},"finalFocusEl",[1142,1329,1330],{},[1145,1331,1332],{},"() => HTMLElement | null",[1142,1334],{},[1142,1336,1337],{},"The element to receive focus when the panel closes",[1121,1339,1340,1345,1350,1352],{},[1142,1341,1342],{},[1145,1343,1344],{},"getAnchorPosition",[1142,1346,1347],{},[1145,1348,1349],{},"(details: floatingPanel.AnchorPositionDetails) => Point",[1142,1351],{},[1142,1353,1354],{},"Function that returns the initial position of the panel when it is opened. If provided, will be used instead of the default position.",[1121,1356,1357,1362,1366,1368],{},[1142,1358,1359],{},[1145,1360,1361],{},"getBoundaryEl",[1142,1363,1364],{},[1145,1365,1332],{},[1142,1367],{},[1142,1369,1370],{},"The boundary of the panel. Useful for recalculating the boundary rect when the it is resized.",[1121,1372,1373,1378,1383,1388],{},[1142,1374,1375],{},[1145,1376,1377],{},"gridSize",[1142,1379,1380],{},[1145,1381,1382],{},"number",[1142,1384,1385],{},[1145,1386,1387],{},"1",[1142,1389,1390],{},"The snap grid for the panel",[1121,1392,1393,1398,1403,1405],{},[1142,1394,1395],{},[1145,1396,1397],{},"id",[1142,1399,1400],{},[1145,1401,1402],{},"string",[1142,1404],{},[1142,1406,1407],{},"The unique identifier of the machine.",[1121,1409,1410,1415,1420,1422],{},[1142,1411,1412],{},[1145,1413,1414],{},"ids",[1142,1416,1417],{},[1145,1418,1419],{},"Partial\u003C{ trigger: string; positioner: string; content: string; title: string; header: string; }>",[1142,1421],{},[1142,1423,1424],{},"The ids of the elements in the floating panel. Useful for composition.",[1121,1426,1427,1432,1436,1438],{},[1142,1428,1429],{},[1145,1430,1431],{},"initialFocusEl",[1142,1433,1434],{},[1145,1435,1332],{},[1142,1437],{},[1142,1439,1440],{},"The element to receive focus when the panel opens",[1121,1442,1443,1448,1452,1454],{},[1142,1444,1445],{},[1145,1446,1447],{},"lockAspectRatio",[1142,1449,1450],{},[1145,1451,1189],{},[1142,1453],{},[1142,1455,1456],{},"Whether the panel is locked to its aspect ratio",[1121,1458,1459,1464,1468,1470],{},[1142,1460,1461],{},[1145,1462,1463],{},"maxSize",[1142,1465,1466],{},[1145,1467,1261],{},[1142,1469],{},[1142,1471,1472],{},"The maximum size of the panel",[1121,1474,1475,1480,1484,1486],{},[1142,1476,1477],{},[1145,1478,1479],{},"minSize",[1142,1481,1482],{},[1145,1483,1261],{},[1142,1485],{},[1142,1487,1488],{},"The minimum size of the panel",[1121,1490,1491,1496,1500,1502],{},[1142,1492,1493],{},[1145,1494,1495],{},"open",[1142,1497,1498],{},[1145,1499,1189],{},[1142,1501],{},[1142,1503,1504],{},"The controlled open state of the panel",[1121,1506,1507,1512,1516,1518],{},[1142,1508,1509],{},[1145,1510,1511],{},"persistRect",[1142,1513,1514],{},[1145,1515,1189],{},[1142,1517],{},[1142,1519,1520],{},"Whether the panel size and position should be preserved when it is closed",[1121,1522,1523,1528,1532,1534],{},[1142,1524,1525],{},[1145,1526,1527],{},"position",[1142,1529,1530],{},[1145,1531,1244],{},[1142,1533],{},[1142,1535,1536],{},"The controlled position of the panel",[1121,1538,1539,1544,1548,1552],{},[1142,1540,1541],{},[1145,1542,1543],{},"resizable",[1142,1545,1546],{},[1145,1547,1189],{},[1142,1549,1550],{},[1145,1551,1194],{},[1142,1553,1554],{},"Whether the panel is resizable",[1121,1556,1557,1562,1566,1570],{},[1142,1558,1559],{},[1145,1560,1561],{},"restoreFocus",[1142,1563,1564],{},[1145,1565,1189],{},[1142,1567,1568],{},[1145,1569,1194],{},[1142,1571,1572],{},"Whether to restore focus to the trigger element when the panel closes",[1121,1574,1575,1580,1584,1586],{},[1142,1576,1577],{},[1145,1578,1579],{},"size",[1142,1581,1582],{},[1145,1583,1261],{},[1142,1585],{},[1142,1587,1588],{},"The size of the panel",[1121,1590,1591,1596,1601,1606],{},[1142,1592,1593],{},[1145,1594,1595],{},"strategy",[1142,1597,1598],{},[1145,1599,1600],{},"'absolute' | 'fixed'",[1142,1602,1603],{},[1145,1604,1605],{},"\"absolute\"",[1142,1607,1608],{},"The strategy to use for positioning",[1121,1610,1611,1616,1621,1623],{},[1142,1612,1613],{},[1145,1614,1615],{},"translations",[1142,1617,1618],{},[1145,1619,1620],{},"floatingPanel.IntlTranslations",[1142,1622],{},[1142,1624,1625],{},"The translations for the floating panel.",[1066,1627,1629],{"id":1628},"stagetrigger","StageTrigger",[1115,1631,1632,1644],{},[1118,1633,1634],{},[1121,1635,1636,1638,1640,1642],{},[1124,1637,1126],{},[1124,1639,1129],{},[1124,1641,1132],{},[1124,1643,1135],{},[1137,1645,1646],{},[1121,1647,1648,1653,1658,1660],{},[1142,1649,1650],{},[1145,1651,1652],{},"stage",[1142,1654,1655],{},[1145,1656,1657],{},"Stage",[1142,1659],{},[1142,1661,1662],{},"The stage of the panel",[1066,1664,1666],{"id":1665},"title","Title",[1071,1668,1073],{},[1066,1670,1672],{"id":1671},"trigger","Trigger",[1071,1674,1073],{},{"title":1676,"searchDepth":1677,"depth":1677,"links":1678},"",2,[1679,1680],{"id":1055,"depth":1677,"text":1056},{"id":1063,"depth":1677,"text":1064,"children":1681},[1682,1684,1685,1686,1687,1688,1689,1690,1691,1692,1693,1694],{"id":1068,"depth":1683,"text":1069},3,{"id":1076,"depth":1683,"text":1077},{"id":1082,"depth":1683,"text":1083},{"id":1088,"depth":1683,"text":1089},{"id":1094,"depth":1683,"text":1095},{"id":1100,"depth":1683,"text":1101},{"id":1106,"depth":1683,"text":1107},{"id":1112,"depth":1683,"text":1113},{"id":1160,"depth":1683,"text":1161},{"id":1628,"depth":1683,"text":1629},{"id":1665,"depth":1683,"text":1666},{"id":1671,"depth":1683,"text":1672},"FloatingPanel, dressed in the paper-and-ink system: the shared popup vessel let loose — a draggable, resizable sheet whose header is the handle. The parts — Root, Trigger, Positioner, Content, Header, Title, Control, DragTrigger, StageTrigger, CloseTrigger, ResizeTrigger, Body.","md",{},{"section":210},{"title":468,"description":1695},"8eFECbJ425xav0X5Hbm52IRRKJvGcN9WmZrVp6RbBe0",[1702,1704],{"title":464,"path":465,"stem":466,"description":1703,"section":145,"children":-1},"The group's openness, shared from the mooring to its parts.",{"title":472,"path":473,"stem":474,"description":1705,"section":210,"children":-1},"Trap focus within a subtree — for containers that live outside the dialog machine but still owe the keyboard a boundary. Headless, like the rest of Ark's utilities.","\u003Cpre class=\"th-code th-code--vue\" data-language=\"vue\">\u003Ccode><\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan> setup \u003Cspan class=\"th-token th-attr\">lang\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"ts"\u003C\u002Fspan>>\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { minus, x } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@bysages\u002Ficons"\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { \u003Cspan class=\"th-token th-type\">FloatingPanel\u003C\u002Fspan>, \u003Cspan class=\"th-token th-type\">Icon\u003C\u002Fspan> } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@bysages\u002Fvue"\u003C\u002Fspan>;\n\n\u003Cspan class=\"th-token th-keyword\">const\u003C\u002Fspan> axes = [\u003Cspan class=\"th-token th-string\">"n"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-string\">"e"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-string\">"s"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-string\">"w"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-string\">"ne"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-string\">"se"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-string\">"sw"\u003C\u002Fspan>, \u003Cspan class=\"th-token th-string\">"nw"\u003C\u002Fspan>] \u003Cspan class=\"th-token th-keyword\">as\u003C\u002Fspan> \u003Cspan class=\"th-token th-keyword\">const\u003C\u002Fspan>;\n<\u002F\u003Cspan class=\"th-token th-tag\">script\u003C\u002Fspan>>\n\n<\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>>\n  <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Root\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Trigger\u003C\u002Fspan>>Open panel<\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Trigger\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Positioner\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Content\u003C\u002Fspan>>\n        \u003Cspan class=\"th-token th-comment\"><!-- The drag trigger is the header's own box — the blank middle\n             of the bar must tow the sheet, not just the title text. -->\u003C\u002Fspan>\n        <\u003Cspan class=\"th-token th-tag\">FloatingPanel.DragTrigger\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Header\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Title\u003C\u002Fspan>>Notes<\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Title\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Control\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">FloatingPanel.StageTrigger\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">stage\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"minimized"\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"minus"\u003C\u002Fspan> \u002F>\n              <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.StageTrigger\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">FloatingPanel.StageTrigger\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">stage\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"maximized"\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">svg\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">viewBox\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"0 0 24 24"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">fill\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"none"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">stroke\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"currentColor"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">stroke-width\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"1.5"\u003C\u002Fspan>>\n                  <\u003Cspan class=\"th-token th-tag\">path\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">d\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"M4 9V4h5M20 15v5h-5"\u003C\u002Fspan> \u002F>\n                <\u002F\u003Cspan class=\"th-token th-tag\">svg\u003C\u002Fspan>>\n              <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.StageTrigger\u003C\u002Fspan>>\n              <\u003Cspan class=\"th-token th-tag\">FloatingPanel.CloseTrigger\u003C\u002Fspan>>\n                <\u003Cspan class=\"th-token th-tag\">Icon\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:glyph\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"x"\u003C\u002Fspan> \u002F>\n              <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.CloseTrigger\u003C\u002Fspan>>\n            <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Control\u003C\u002Fspan>>\n          <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Header\u003C\u002Fspan>>\n        <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.DragTrigger\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">FloatingPanel.Body\u003C\u002Fspan>> Drag the header to move; pull an edge to resize. <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Body\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">FloatingPanel.ResizeTrigger\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">v-for\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"axis in axes"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:key\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"axis"\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:axis\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"axis"\u003C\u002Fspan> \u002F>\n      <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Content\u003C\u002Fspan>>\n    <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Positioner\u003C\u002Fspan>>\n  <\u002F\u003Cspan class=\"th-token th-tag\">FloatingPanel.Root\u003C\u002Fspan>>\n<\u002F\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>>\n\u003C\u002Fcode>\u003C\u002Fpre>",1790878648278]