[{"data":1,"prerenderedAt":1942},["ShallowReactive",2],{"docs-nav:docs_en":3,"\u002Fen\u002Fcomponents\u002Fcolor-picker":1047,"surround:\u002Fen\u002Fcomponents\u002Fcolor-picker":1936,"demo-code:color-picker\u002Fbasic":1941},[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":376,"body":1049,"description":1930,"extension":1931,"meta":1932,"navigation":1933,"path":377,"seo":1934,"stem":378,"__hash__":1935},"docs_en\u002Fen\u002F02.components\u002F40.color-picker.md",{"type":1050,"value":1051,"toc":1895},"minimark",[1052,1057,1061,1065,1070,1074,1078,1080,1084,1143,1147,1195,1199,1201,1205,1207,1211,1213,1217,1219,1223,1268,1272,1274,1278,1280,1284,1286,1290,1292,1296,1298,1302,1304,1308,1310,1314,1316,1320,1663,1667,1669,1673,1675,1679,1728,1732,1778,1782,1813,1817,1819,1823,1825,1829,1860,1864],[1053,1054,1056],"h2",{"id":1055},"basic-usage","Basic usage",[1058,1059],"component-demo",{"name":1060},"color-picker\u002Fbasic",[1053,1062,1064],{"id":1063},"props","Props",[1066,1067,1069],"h3",{"id":1068},"areabackground","AreaBackground",[1071,1072,1073],"p",{},"A styled part — no props of its own; it takes the anatomy's shared styling.",[1066,1075,1077],{"id":1076},"areathumb","AreaThumb",[1071,1079,1073],{},[1066,1081,1083],{"id":1082},"area","Area",[1085,1086,1087,1106],"table",{},[1088,1089,1090],"thead",{},[1091,1092,1093,1097,1100,1103],"tr",{},[1094,1095,1096],"th",{},"Prop",[1094,1098,1099],{},"Type",[1094,1101,1102],{},"Default",[1094,1104,1105],{},"Description",[1107,1108,1109,1128],"tbody",{},[1091,1110,1111,1118,1123,1125],{},[1112,1113,1114],"td",{},[1115,1116,1117],"code",{},"xChannel",[1112,1119,1120],{},[1115,1121,1122],{},"ColorChannel | undefined",[1112,1124],{},[1112,1126,1127],{},"—",[1091,1129,1130,1135,1139,1141],{},[1112,1131,1132],{},[1115,1133,1134],{},"yChannel",[1112,1136,1137],{},[1115,1138,1122],{},[1112,1140],{},[1112,1142,1127],{},[1066,1144,1146],{"id":1145},"channelinput","ChannelInput",[1085,1148,1149,1161],{},[1088,1150,1151],{},[1091,1152,1153,1155,1157,1159],{},[1094,1154,1096],{},[1094,1156,1099],{},[1094,1158,1102],{},[1094,1160,1105],{},[1107,1162,1163,1179],{},[1091,1164,1165,1170,1175,1177],{},[1112,1166,1167],{},[1115,1168,1169],{},"channel",[1112,1171,1172],{},[1115,1173,1174],{},"ExtendedColorChannel",[1112,1176],{},[1112,1178,1127],{},[1091,1180,1181,1186,1191,1193],{},[1112,1182,1183],{},[1115,1184,1185],{},"orientation",[1112,1187,1188],{},[1115,1189,1190],{},"Orientation | undefined",[1112,1192],{},[1112,1194,1127],{},[1066,1196,1198],{"id":1197},"channelsliderlabel","ChannelSliderLabel",[1071,1200,1073],{},[1066,1202,1204],{"id":1203},"channelsliderthumb","ChannelSliderThumb",[1071,1206,1073],{},[1066,1208,1210],{"id":1209},"channelslidertrack","ChannelSliderTrack",[1071,1212,1073],{},[1066,1214,1216],{"id":1215},"channelslidervaluetext","ChannelSliderValueText",[1071,1218,1073],{},[1066,1220,1222],{"id":1221},"channelslider","ChannelSlider",[1085,1224,1225,1237],{},[1088,1226,1227],{},[1091,1228,1229,1231,1233,1235],{},[1094,1230,1096],{},[1094,1232,1099],{},[1094,1234,1102],{},[1094,1236,1105],{},[1107,1238,1239,1254],{},[1091,1240,1241,1245,1250,1252],{},[1112,1242,1243],{},[1115,1244,1169],{},[1112,1246,1247],{},[1115,1248,1249],{},"ColorChannel",[1112,1251],{},[1112,1253,1127],{},[1091,1255,1256,1260,1264,1266],{},[1112,1257,1258],{},[1115,1259,1185],{},[1112,1261,1262],{},[1115,1263,1190],{},[1112,1265],{},[1112,1267,1127],{},[1066,1269,1271],{"id":1270},"content","Content",[1071,1273,1073],{},[1066,1275,1277],{"id":1276},"control","Control",[1071,1279,1073],{},[1066,1281,1283],{"id":1282},"eyedroppertrigger","EyeDropperTrigger",[1071,1285,1073],{},[1066,1287,1289],{"id":1288},"formatselect","FormatSelect",[1071,1291,1073],{},[1066,1293,1295],{"id":1294},"formattrigger","FormatTrigger",[1071,1297,1073],{},[1066,1299,1301],{"id":1300},"hiddeninput","HiddenInput",[1071,1303,1073],{},[1066,1305,1307],{"id":1306},"label","Label",[1071,1309,1073],{},[1066,1311,1313],{"id":1312},"positioner","Positioner",[1071,1315,1073],{},[1066,1317,1319],{"id":1318},"root","Root",[1085,1321,1322,1334],{},[1088,1323,1324],{},[1091,1325,1326,1328,1330,1332],{},[1094,1327,1096],{},[1094,1329,1099],{},[1094,1331,1102],{},[1094,1333,1105],{},[1107,1335,1336,1356,1376,1396,1412,1432,1448,1464,1481,1498,1515,1531,1547,1563,1579,1595,1614,1631,1647],{},[1091,1337,1338,1343,1348,1353],{},[1112,1339,1340],{},[1115,1341,1342],{},"size",[1112,1344,1345],{},[1115,1346,1347],{},"String as PropType\u003C\"sm\" | \"md\" | \"lg\">",[1112,1349,1350],{},[1115,1351,1352],{},"\"md\"",[1112,1354,1355],{},"One rung of the control-height ladder for the swatch seal.",[1091,1357,1358,1363,1368,1373],{},[1112,1359,1360],{},[1115,1361,1362],{},"closeOnSelect",[1112,1364,1365],{},[1115,1366,1367],{},"boolean",[1112,1369,1370],{},[1115,1371,1372],{},"false",[1112,1374,1375],{},"Whether to close the color picker when a swatch is selected",[1091,1377,1378,1383,1388,1393],{},[1112,1379,1380],{},[1115,1381,1382],{},"defaultFormat",[1112,1384,1385],{},[1115,1386,1387],{},"colorPicker.ColorFormat",[1112,1389,1390],{},[1115,1391,1392],{},"\"rgba\"",[1112,1394,1395],{},"The initial color format when rendered. Use when you don't need to control the color format of the color picker.",[1091,1397,1398,1403,1407,1409],{},[1112,1399,1400],{},[1115,1401,1402],{},"defaultOpen",[1112,1404,1405],{},[1115,1406,1367],{},[1112,1408],{},[1112,1410,1411],{},"The initial open state of the color picker when rendered. Use when you don't need to control the open state of the color picker.",[1091,1413,1414,1419,1424,1429],{},[1112,1415,1416],{},[1115,1417,1418],{},"defaultValue",[1112,1420,1421],{},[1115,1422,1423],{},"colorPicker.Color",[1112,1425,1426],{},[1115,1427,1428],{},"#000000",[1112,1430,1431],{},"The initial color value when rendered. Use when you don't need to control the color value of the color picker.",[1091,1433,1434,1439,1443,1445],{},[1112,1435,1436],{},[1115,1437,1438],{},"disabled",[1112,1440,1441],{},[1115,1442,1367],{},[1112,1444],{},[1112,1446,1447],{},"Whether the color picker is disabled",[1091,1449,1450,1455,1459,1461],{},[1112,1451,1452],{},[1115,1453,1454],{},"format",[1112,1456,1457],{},[1115,1458,1387],{},[1112,1460],{},[1112,1462,1463],{},"The controlled color format to use",[1091,1465,1466,1471,1476,1478],{},[1112,1467,1468],{},[1115,1469,1470],{},"id",[1112,1472,1473],{},[1115,1474,1475],{},"string",[1112,1477],{},[1112,1479,1480],{},"The unique identifier of the machine.",[1091,1482,1483,1488,1493,1495],{},[1112,1484,1485],{},[1115,1486,1487],{},"ids",[1112,1489,1490],{},[1115,1491,1492],{},"Partial\u003C{ root: string; control: string; trigger: string; label: string; input: string; hiddenInput: string; content: string; area: string; areaGradient: string; positioner: string; formatSelect: string; areaThumb: string; channelInput(id: string): string; channelSliderTrack(id: colorPicker.ColorChannel): string; channelSliderThumb(id: colorPicker.ColorChannel): string; }>",[1112,1494],{},[1112,1496,1497],{},"The ids of the elements in the color picker. Useful for composition.",[1091,1499,1500,1505,1510,1512],{},[1112,1501,1502],{},[1115,1503,1504],{},"initialFocusEl",[1112,1506,1507],{},[1115,1508,1509],{},"() => HTMLElement | null",[1112,1511],{},[1112,1513,1514],{},"The initial focus element when the color picker is opened.",[1091,1516,1517,1522,1526,1528],{},[1112,1518,1519],{},[1115,1520,1521],{},"inline",[1112,1523,1524],{},[1115,1525,1367],{},[1112,1527],{},[1112,1529,1530],{},"Whether the color picker is inline",[1091,1532,1533,1538,1542,1544],{},[1112,1534,1535],{},[1115,1536,1537],{},"invalid",[1112,1539,1540],{},[1115,1541,1367],{},[1112,1543],{},[1112,1545,1546],{},"Whether the color picker is invalid",[1091,1548,1549,1554,1558,1560],{},[1112,1550,1551],{},[1115,1552,1553],{},"modelValue",[1112,1555,1556],{},[1115,1557,1423],{},[1112,1559],{},[1112,1561,1562],{},"The v-model value of the color picker",[1091,1564,1565,1570,1574,1576],{},[1112,1566,1567],{},[1115,1568,1569],{},"name",[1112,1571,1572],{},[1115,1573,1475],{},[1112,1575],{},[1112,1577,1578],{},"The name for the form input",[1091,1580,1581,1586,1590,1592],{},[1112,1582,1583],{},[1115,1584,1585],{},"open",[1112,1587,1588],{},[1115,1589,1367],{},[1112,1591],{},[1112,1593,1594],{},"The controlled open state of the color picker",[1091,1596,1597,1602,1606,1611],{},[1112,1598,1599],{},[1115,1600,1601],{},"openAutoFocus",[1112,1603,1604],{},[1115,1605,1367],{},[1112,1607,1608],{},[1115,1609,1610],{},"true",[1112,1612,1613],{},"Whether to auto focus the color picker when it is opened",[1091,1615,1616,1621,1626,1628],{},[1112,1617,1618],{},[1115,1619,1620],{},"positioning",[1112,1622,1623],{},[1115,1624,1625],{},"colorPicker.PositioningOptions",[1112,1627],{},[1112,1629,1630],{},"The positioning options for the color picker",[1091,1632,1633,1638,1642,1644],{},[1112,1634,1635],{},[1115,1636,1637],{},"readOnly",[1112,1639,1640],{},[1115,1641,1367],{},[1112,1643],{},[1112,1645,1646],{},"Whether the color picker is read-only",[1091,1648,1649,1654,1658,1660],{},[1112,1650,1651],{},[1115,1652,1653],{},"required",[1112,1655,1656],{},[1115,1657,1367],{},[1112,1659],{},[1112,1661,1662],{},"Whether the color picker is required",[1066,1664,1666],{"id":1665},"swatchgroup","SwatchGroup",[1071,1668,1073],{},[1066,1670,1672],{"id":1671},"swatchindicator","SwatchIndicator",[1071,1674,1073],{},[1066,1676,1678],{"id":1677},"swatchtrigger","SwatchTrigger",[1085,1680,1681,1693],{},[1088,1682,1683],{},[1091,1684,1685,1687,1689,1691],{},[1094,1686,1096],{},[1094,1688,1099],{},[1094,1690,1102],{},[1094,1692,1105],{},[1107,1694,1695,1711],{},[1091,1696,1697,1701,1706,1708],{},[1112,1698,1699],{},[1115,1700,1438],{},[1112,1702,1703],{},[1115,1704,1705],{},"boolean | undefined",[1112,1707],{},[1112,1709,1710],{},"Whether the swatch trigger is disabled",[1091,1712,1713,1718,1723,1725],{},[1112,1714,1715],{},[1115,1716,1717],{},"value",[1112,1719,1720],{},[1115,1721,1722],{},"string | Color",[1112,1724],{},[1112,1726,1727],{},"The color value",[1066,1729,1731],{"id":1730},"swatch","Swatch",[1085,1733,1734,1746],{},[1088,1735,1736],{},[1091,1737,1738,1740,1742,1744],{},[1094,1739,1096],{},[1094,1741,1099],{},[1094,1743,1102],{},[1094,1745,1105],{},[1107,1747,1748,1764],{},[1091,1749,1750,1755,1759,1761],{},[1112,1751,1752],{},[1115,1753,1754],{},"respectAlpha",[1112,1756,1757],{},[1115,1758,1705],{},[1112,1760],{},[1112,1762,1763],{},"Whether to include the alpha channel in the color",[1091,1765,1766,1770,1774,1776],{},[1112,1767,1768],{},[1115,1769,1717],{},[1112,1771,1772],{},[1115,1773,1722],{},[1112,1775],{},[1112,1777,1727],{},[1066,1779,1781],{"id":1780},"transparencygrid","TransparencyGrid",[1085,1783,1784,1796],{},[1088,1785,1786],{},[1091,1787,1788,1790,1792,1794],{},[1094,1789,1096],{},[1094,1791,1099],{},[1094,1793,1102],{},[1094,1795,1105],{},[1107,1797,1798],{},[1091,1799,1800,1804,1809,1811],{},[1112,1801,1802],{},[1115,1803,1342],{},[1112,1805,1806],{},[1115,1807,1808],{},"string | undefined",[1112,1810],{},[1112,1812,1127],{},[1066,1814,1816],{"id":1815},"trigger","Trigger",[1071,1818,1073],{},[1066,1820,1822],{"id":1821},"valueswatch","ValueSwatch",[1071,1824,1073],{},[1066,1826,1828],{"id":1827},"valuetext","ValueText",[1085,1830,1831,1843],{},[1088,1832,1833],{},[1091,1834,1835,1837,1839,1841],{},[1094,1836,1096],{},[1094,1838,1099],{},[1094,1840,1102],{},[1094,1842,1105],{},[1107,1844,1845],{},[1091,1846,1847,1851,1856,1858],{},[1112,1848,1849],{},[1115,1850,1454],{},[1112,1852,1853],{},[1115,1854,1855],{},"ColorStringFormat",[1112,1857],{},[1112,1859,1127],{},[1066,1861,1863],{"id":1862},"view","View",[1085,1865,1866,1878],{},[1088,1867,1868],{},[1091,1869,1870,1872,1874,1876],{},[1094,1871,1096],{},[1094,1873,1099],{},[1094,1875,1102],{},[1094,1877,1105],{},[1107,1879,1880],{},[1091,1881,1882,1886,1891,1893],{},[1112,1883,1884],{},[1115,1885,1454],{},[1112,1887,1888],{},[1115,1889,1890],{},"ColorFormat",[1112,1892],{},[1112,1894,1127],{},{"title":1896,"searchDepth":1897,"depth":1897,"links":1898},"",2,[1899,1900],{"id":1055,"depth":1897,"text":1056},{"id":1063,"depth":1897,"text":1064,"children":1901},[1902,1904,1905,1906,1907,1908,1909,1910,1911,1912,1913,1914,1915,1916,1917,1918,1919,1920,1921,1922,1923,1924,1925,1926,1927,1928,1929],{"id":1068,"depth":1903,"text":1069},3,{"id":1076,"depth":1903,"text":1077},{"id":1082,"depth":1903,"text":1083},{"id":1145,"depth":1903,"text":1146},{"id":1197,"depth":1903,"text":1198},{"id":1203,"depth":1903,"text":1204},{"id":1209,"depth":1903,"text":1210},{"id":1215,"depth":1903,"text":1216},{"id":1221,"depth":1903,"text":1222},{"id":1270,"depth":1903,"text":1271},{"id":1276,"depth":1903,"text":1277},{"id":1282,"depth":1903,"text":1283},{"id":1288,"depth":1903,"text":1289},{"id":1294,"depth":1903,"text":1295},{"id":1300,"depth":1903,"text":1301},{"id":1306,"depth":1903,"text":1307},{"id":1312,"depth":1903,"text":1313},{"id":1318,"depth":1903,"text":1319},{"id":1665,"depth":1903,"text":1666},{"id":1671,"depth":1903,"text":1672},{"id":1677,"depth":1903,"text":1678},{"id":1730,"depth":1903,"text":1731},{"id":1780,"depth":1903,"text":1781},{"id":1815,"depth":1903,"text":1816},{"id":1821,"depth":1903,"text":1822},{"id":1827,"depth":1903,"text":1828},{"id":1862,"depth":1903,"text":1863},"ColorPicker, dressed in the paper-and-ink system: a seal-sized swatch on the paper, opening into an area and channel sliders where pigment is picked. The parts — Root, Label, Control, Trigger, Positioner, Content, Area, AreaThumb, AreaBackground, ValueText, ValueSwatch, ChannelSlider, ChannelSliderLabel, ChannelSliderTrack, ChannelSliderThumb, ChannelSliderValueText, ChannelInput, TransparencyGrid, SwatchGroup, SwatchTrigger, SwatchIndicator, Swatch, EyeDropperTrigger, FormatTrigger, FormatSelect, HiddenInput, Context.","md",{},{"section":95},{"title":376,"description":1930},"lbkmQ7qdQl875Ox4gIiY_kgOkBTSxmO9elS8vxkIiko",[1937,1939],{"title":372,"path":373,"stem":374,"description":1938,"section":162,"children":-1},"The list and tree collections the machine-facing components compose alongside their namespace exports.",{"title":380,"path":381,"stem":382,"description":1940,"section":95,"children":-1},"Combobox, dressed in the paper-and-ink system: the field carries the control recipe and its matches dissolve open as a paper vessel, the checked row taking the flat ink fill. The parts — Root, Label, Control, Input, Trigger, ClearTrigger, Positioner, Content, List, Empty, Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel.","\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> { parseColor } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@ark-ui\u002Fvue\u002Fcolor-picker"\u003C\u002Fspan>;\n\u003Cspan class=\"th-token th-keyword\">import\u003C\u002Fspan> { \u003Cspan class=\"th-token th-type\">ColorPicker\u003C\u002Fspan> } \u003Cspan class=\"th-token th-keyword\">from\u003C\u002Fspan> \u003Cspan class=\"th-token th-string\">"@bysages\u002Fvue"\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\">ColorPicker.Root\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">:default-value\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"parseColor('#1e5aa8')"\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">ColorPicker.Label\u003C\u002Fspan>>Ink color<\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.Label\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">ColorPicker.Control\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">ColorPicker.ChannelInput\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">channel\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"hex"\u003C\u002Fspan> \u002F>\n      <\u003Cspan class=\"th-token th-tag\">ColorPicker.Trigger\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">ColorPicker.ValueSwatch\u003C\u002Fspan> \u002F>\n      <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.Trigger\u003C\u002Fspan>>\n    <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.Control\u003C\u002Fspan>>\n    <\u003Cspan class=\"th-token th-tag\">ColorPicker.Positioner\u003C\u002Fspan>>\n      <\u003Cspan class=\"th-token th-tag\">ColorPicker.Content\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">ColorPicker.Area\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">ColorPicker.AreaBackground\u003C\u002Fspan> \u002F>\n          <\u003Cspan class=\"th-token th-tag\">ColorPicker.AreaThumb\u003C\u002Fspan> \u002F>\n        <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.Area\u003C\u002Fspan>>\n        <\u003Cspan class=\"th-token th-tag\">ColorPicker.ChannelSlider\u003C\u002Fspan> \u003Cspan class=\"th-token th-attr\">channel\u003C\u002Fspan>=\u003Cspan class=\"th-token th-string\">"hue"\u003C\u002Fspan>>\n          <\u003Cspan class=\"th-token th-tag\">ColorPicker.ChannelSliderTrack\u003C\u002Fspan>>\n            <\u003Cspan class=\"th-token th-tag\">ColorPicker.ChannelSliderThumb\u003C\u002Fspan> \u002F>\n          <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.ChannelSliderTrack\u003C\u002Fspan>>\n        <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.ChannelSlider\u003C\u002Fspan>>\n      <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.Content\u003C\u002Fspan>>\n    <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.Positioner\u003C\u002Fspan>>\n  <\u002F\u003Cspan class=\"th-token th-tag\">ColorPicker.Root\u003C\u002Fspan>>\n<\u002F\u003Cspan class=\"th-token th-tag\">template\u003C\u002Fspan>>\n\u003C\u002Fcode>\u003C\u002Fpre>",1790878641689]