[{"data":1,"prerenderedAt":1562},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fforms\u002Fcolor-picker":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":267,"aside":651,"body":652,"collapse":10,"description":1558,"editLink":651,"extension":1460,"icon":9,"meta":1559,"navBadges":9,"navigation":9,"order":270,"path":268,"prevNext":651,"seo":1560,"stem":269,"toc":651,"__hash__":1561},"docs\u002Fcomponents\u002Fforms\u002Fcolor-picker.md",true,{"type":653,"value":654,"toc":1544},"minimark",[655,660,676,680,804,809,822,825,863,867,872,875,938,941,947,950,980,984,987,1068,1072,1086,1089,1093,1098,1178,1204,1211,1217,1221,1225,1491,1495,1540],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,667,668,671,672,675],"p",{},[664,665,666],"code",{},"v-model"," is a hex color string (",[664,669,670],{},"#rrggbb",", or ",[664,673,674],{},"#rrggbbaa"," once alpha\ndrops below 1) - the trigger shows a live swatch preview plus the hex\nvalue, and opens a popover with a saturation\u002Fbrightness area, a hue\nslider, an alpha slider, and a hex text field:",[677,678],"component-example",{"name":679},"color-picker-basic",[681,682,687],"pre",{"className":683,"code":684,"language":685,"meta":686,"style":686},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst color = ref('#7c3aed')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSColorPicker v-model=\"color\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[664,688,689,718,744,754,760,770,795],{"__ignoreMap":686},[690,691,693,697,701,705,708,711,715],"span",{"class":692,"line":8},"line",[690,694,696],{"class":695},"sVt8B","\u003C",[690,698,700],{"class":699},"s9eBZ","script",[690,702,704],{"class":703},"sScJk"," setup",[690,706,707],{"class":703}," lang",[690,709,710],{"class":695},"=",[690,712,714],{"class":713},"sZZnC","\"ts\"",[690,716,717],{"class":695},">\n",[690,719,721,725,729,732,735,738,741],{"class":692,"line":720},2,[690,722,724],{"class":723},"szBVR","const",[690,726,728],{"class":727},"sj4cs"," color",[690,730,731],{"class":723}," =",[690,733,734],{"class":703}," ref",[690,736,737],{"class":695},"(",[690,739,740],{"class":713},"'#7c3aed'",[690,742,743],{"class":695},")\n",[690,745,747,750,752],{"class":692,"line":746},3,[690,748,749],{"class":695},"\u003C\u002F",[690,751,700],{"class":699},[690,753,717],{"class":695},[690,755,757],{"class":692,"line":756},4,[690,758,759],{"emptyLinePlaceholder":651},"\n",[690,761,763,765,768],{"class":692,"line":762},5,[690,764,696],{"class":695},[690,766,767],{"class":699},"template",[690,769,717],{"class":695},[690,771,773,776,779,782,784,787,790,792],{"class":692,"line":772},6,[690,774,775],{"class":695},"  \u003C",[690,777,778],{"class":699},"SColorPicker",[690,780,781],{"class":703}," v-model",[690,783,710],{"class":695},[690,785,786],{"class":713},"\"",[690,788,789],{"class":695},"color",[690,791,786],{"class":713},[690,793,794],{"class":695}," \u002F>\n",[690,796,798,800,802],{"class":692,"line":797},7,[690,799,749],{"class":695},[690,801,767],{"class":699},[690,803,717],{"class":695},[805,806,808],"h3",{"id":807},"alpha","Alpha",[661,810,811,813,814,817,818,821],{},[664,812,807],{}," (default ",[664,815,816],{},"true",") shows the opacity slider. Set it to ",[664,819,820],{},"false","\nfor a consumer that only ever wants an opaque color:",[677,823],{"name":824},"color-picker-no-alpha",[681,826,830],{"className":827,"code":828,"language":829,"meta":686,"style":686},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSColorPicker v-model=\"color\" :alpha=\"false\" \u002F>\n","vue-html",[664,831,832],{"__ignoreMap":686},[690,833,834,836,838,840,842,844,846,848,851,853,855,857,859,861],{"class":692,"line":8},[690,835,696],{"class":695},[690,837,778],{"class":699},[690,839,781],{"class":703},[690,841,710],{"class":695},[690,843,786],{"class":713},[690,845,789],{"class":695},[690,847,786],{"class":713},[690,849,850],{"class":695}," :",[690,852,807],{"class":703},[690,854,710],{"class":695},[690,856,786],{"class":713},[690,858,820],{"class":727},[690,860,786],{"class":713},[690,862,794],{"class":695},[805,864,866],{"id":865},"swatches","Swatches",[661,868,869,871],{},[664,870,865],{}," renders a row of preset colors below the hex field - omitted\nentirely unless given. Clicking one sets that exact color (including its\nown alpha, if it has one):",[677,873],{"name":874},"color-picker-swatches",[681,876,878],{"className":827,"code":877,"language":829,"meta":686,"style":686},"\u003CSColorPicker v-model=\"color\" :swatches=\"['#ef4444', '#f97316', '#eab308', '#22c55e', '#3b82f6']\" \u002F>\n",[664,879,880],{"__ignoreMap":686},[690,881,882,884,886,888,890,892,894,896,898,900,902,904,907,910,913,916,918,921,923,926,928,931,934,936],{"class":692,"line":8},[690,883,696],{"class":695},[690,885,778],{"class":699},[690,887,781],{"class":703},[690,889,710],{"class":695},[690,891,786],{"class":713},[690,893,789],{"class":695},[690,895,786],{"class":713},[690,897,850],{"class":695},[690,899,865],{"class":703},[690,901,710],{"class":695},[690,903,786],{"class":713},[690,905,906],{"class":695},"[",[690,908,909],{"class":713},"'#ef4444'",[690,911,912],{"class":695},", ",[690,914,915],{"class":713},"'#f97316'",[690,917,912],{"class":695},[690,919,920],{"class":713},"'#eab308'",[690,922,912],{"class":695},[690,924,925],{"class":713},"'#22c55e'",[690,927,912],{"class":695},[690,929,930],{"class":713},"'#3b82f6'",[690,932,933],{"class":695},"]",[690,935,786],{"class":713},[690,937,794],{"class":695},[805,939,940],{"id":789},"Color",[661,942,943,944,946],{},"Controls the trigger's own focus-ring color, same scope as every other\nform control's ",[664,945,789],{}," prop - it has no effect on the color being\npicked:",[677,948],{"name":949},"color-picker-color",[681,951,953],{"className":827,"code":952,"language":829,"meta":686,"style":686},"\u003CSColorPicker v-model=\"color\" color=\"danger\" \u002F>\n",[664,954,955],{"__ignoreMap":686},[690,956,957,959,961,963,965,967,969,971,973,975,978],{"class":692,"line":8},[690,958,696],{"class":695},[690,960,778],{"class":699},[690,962,781],{"class":703},[690,964,710],{"class":695},[690,966,786],{"class":713},[690,968,789],{"class":695},[690,970,786],{"class":713},[690,972,728],{"class":703},[690,974,710],{"class":695},[690,976,977],{"class":713},"\"danger\"",[690,979,794],{"class":695},[805,981,983],{"id":982},"size","Size",[677,985],{"name":986},"color-picker-size",[681,988,990],{"className":827,"code":989,"language":829,"meta":686,"style":686},"\u003CSColorPicker v-model=\"color\" size=\"sm\" \u002F>\n\u003CSColorPicker v-model=\"color\" size=\"md\" \u002F>\n\u003CSColorPicker v-model=\"color\" size=\"lg\" \u002F>\n",[664,991,992,1018,1043],{"__ignoreMap":686},[690,993,994,996,998,1000,1002,1004,1006,1008,1011,1013,1016],{"class":692,"line":8},[690,995,696],{"class":695},[690,997,778],{"class":699},[690,999,781],{"class":703},[690,1001,710],{"class":695},[690,1003,786],{"class":713},[690,1005,789],{"class":695},[690,1007,786],{"class":713},[690,1009,1010],{"class":703}," size",[690,1012,710],{"class":695},[690,1014,1015],{"class":713},"\"sm\"",[690,1017,794],{"class":695},[690,1019,1020,1022,1024,1026,1028,1030,1032,1034,1036,1038,1041],{"class":692,"line":720},[690,1021,696],{"class":695},[690,1023,778],{"class":699},[690,1025,781],{"class":703},[690,1027,710],{"class":695},[690,1029,786],{"class":713},[690,1031,789],{"class":695},[690,1033,786],{"class":713},[690,1035,1010],{"class":703},[690,1037,710],{"class":695},[690,1039,1040],{"class":713},"\"md\"",[690,1042,794],{"class":695},[690,1044,1045,1047,1049,1051,1053,1055,1057,1059,1061,1063,1066],{"class":692,"line":746},[690,1046,696],{"class":695},[690,1048,778],{"class":699},[690,1050,781],{"class":703},[690,1052,710],{"class":695},[690,1054,786],{"class":713},[690,1056,789],{"class":695},[690,1058,786],{"class":713},[690,1060,1010],{"class":703},[690,1062,710],{"class":695},[690,1064,1065],{"class":713},"\"lg\"",[690,1067,794],{"class":695},[805,1069,1071],{"id":1070},"adaptive-presentation","Adaptive presentation",[661,1073,1074,1075,1078,1079,1082,1083,1085],{},"Below your configured adaptive breakpoint, ",[664,1076,1077],{},"adaptive"," presents the popover as\na centered ",[1080,1081,370],"a",{"href":371}," instead of a small anchored\npanel. It is opt-in (defaults ",[664,1084,820],{},") and follows the shared adaptive\ncontract:",[677,1087],{"name":1088},"color-picker-adaptive",[805,1090,1092],{"id":1091},"arrow","Arrow",[661,1094,1095,1097],{},[664,1096,1091],{}," adds a pointer between the anchored picker and its trigger. It is off\nby default and has no effect on the adaptive modal.",[681,1099,1101],{"className":827,"code":1100,"language":829,"meta":686,"style":686},"\u003CSColorPicker v-model=\"color\" arrow \u002F>\n\u003CSColorPicker v-model=\"color\" :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\" \u002F>\n",[664,1102,1103,1124],{"__ignoreMap":686},[690,1104,1105,1107,1109,1111,1113,1115,1117,1119,1122],{"class":692,"line":8},[690,1106,696],{"class":695},[690,1108,778],{"class":699},[690,1110,781],{"class":703},[690,1112,710],{"class":695},[690,1114,786],{"class":713},[690,1116,789],{"class":695},[690,1118,786],{"class":713},[690,1120,1121],{"class":703}," arrow",[690,1123,794],{"class":695},[690,1125,1126,1128,1130,1132,1134,1136,1138,1140,1142,1144,1146,1148,1151,1154,1157,1160,1163,1165,1168,1171,1174,1176],{"class":692,"line":720},[690,1127,696],{"class":695},[690,1129,778],{"class":699},[690,1131,781],{"class":703},[690,1133,710],{"class":695},[690,1135,786],{"class":713},[690,1137,789],{"class":695},[690,1139,786],{"class":713},[690,1141,850],{"class":695},[690,1143,1091],{"class":703},[690,1145,710],{"class":695},[690,1147,786],{"class":713},[690,1149,1150],{"class":695},"{ width: ",[690,1152,1153],{"class":727},"16",[690,1155,1156],{"class":695},", height: ",[690,1158,1159],{"class":727},"8",[690,1161,1162],{"class":695},", rounded: ",[690,1164,816],{"class":727},[690,1166,1167],{"class":695},", padding: ",[690,1169,1170],{"class":727},"12",[690,1172,1173],{"class":695}," }",[690,1175,786],{"class":713},[690,1177,794],{"class":695},[661,1179,1180,1181,1184,1185,1188,1189,1191,1192,1195,1196,1199,1200,1203],{},"Use ",[664,1182,1183],{},"positioning"," to place the anchored picker and ",[664,1186,1187],{},"portal"," to render it\ninline (",[664,1190,820],{},") or teleport it to a CSS selector or ",[664,1193,1194],{},"HTMLElement",". The\ndefault portal target is the document body. These props apply to the anchored\npopover, which starts aligned with its trigger by default; the adaptive modal\nhas its own layout. Set ",[664,1197,1198],{},"positioning.align"," to override the alignment.\n",[664,1201,1202],{},"ui.content"," styles the panel.",[805,1205,1207,1208],{"id":1206},"custom-ui","Custom ",[664,1209,1210],{},":ui",[661,1212,1213,1214,1216],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[664,1215,267],{},"'s own theme file:",[1218,1219],"theme-source",{"name":1220},"color-picker",[656,1222,1224],{"id":1223},"props","Props",[1226,1227,1228,1244],"table",{},[1229,1230,1231],"thead",{},[1232,1233,1234,1238,1241],"tr",{},[1235,1236,1237],"th",{},"Prop",[1235,1239,1240],{},"Type",[1235,1242,1243],{},"Default",[1245,1246,1247,1263,1276,1289,1302,1316,1331,1346,1360,1373,1386,1400,1415,1429,1445,1461,1477],"tbody",{},[1232,1248,1249,1255,1260],{},[1250,1251,1252],"td",{},[664,1253,1254],{},"name",[1250,1256,1257],{},[664,1258,1259],{},"string",[1250,1261,1262],{},"-",[1232,1264,1265,1270,1274],{},[1250,1266,1267],{},[664,1268,1269],{},"form",[1250,1271,1272],{},[664,1273,1259],{},[1250,1275,1262],{},[1232,1277,1278,1283,1287],{},[1250,1279,1280],{},[664,1281,1282],{},"modelValue",[1250,1284,1285],{},[664,1286,1259],{},[1250,1288,1262],{},[1232,1290,1291,1296,1300],{},[1250,1292,1293],{},[664,1294,1295],{},"defaultValue",[1250,1297,1298],{},[664,1299,1259],{},[1250,1301,1262],{},[1232,1303,1304,1309,1314],{},[1250,1305,1306],{},[664,1307,1308],{},"open",[1250,1310,1311],{},[664,1312,1313],{},"boolean",[1250,1315,1262],{},[1232,1317,1318,1323,1327],{},[1250,1319,1320],{},[664,1321,1322],{},"defaultOpen",[1250,1324,1325],{},[664,1326,1313],{},[1250,1328,1329],{},[664,1330,820],{},[1232,1332,1333,1338,1342],{},[1250,1334,1335],{},[664,1336,1337],{},"disabled",[1250,1339,1340],{},[664,1341,1313],{},[1250,1343,1344],{},[664,1345,820],{},[1232,1347,1348,1352,1356],{},[1250,1349,1350],{},[664,1351,807],{},[1250,1353,1354],{},[664,1355,1313],{},[1250,1357,1358],{},[664,1359,816],{},[1232,1361,1362,1366,1371],{},[1250,1363,1364],{},[664,1365,865],{},[1250,1367,1368],{},[664,1369,1370],{},"string[]",[1250,1372,1262],{},[1232,1374,1375,1380,1384],{},[1250,1376,1377],{},[664,1378,1379],{},"placeholder",[1250,1381,1382],{},[664,1383,1259],{},[1250,1385,1262],{},[1232,1387,1388,1392,1396],{},[1250,1389,1390],{},[664,1391,1077],{},[1250,1393,1394],{},[664,1395,1313],{},[1250,1397,1398],{},[664,1399,820],{},[1232,1401,1402,1406,1411],{},[1250,1403,1404],{},[664,1405,1091],{},[1250,1407,1408],{},[664,1409,1410],{},"boolean | RoundedArrowConfig",[1250,1412,1413],{},[664,1414,820],{},[1232,1416,1417,1421,1426],{},[1250,1418,1419],{},[664,1420,1183],{},[1250,1422,1423],{},[664,1424,1425],{},"OverlayPositioning",[1250,1427,1428],{},"anchored picker defaults",[1232,1430,1431,1435,1440],{},[1250,1432,1433],{},[664,1434,1187],{},[1250,1436,1437],{},[664,1438,1439],{},"boolean | string | HTMLElement",[1250,1441,1442,1444],{},[664,1443,816],{}," (document body)",[1232,1446,1447,1451,1456],{},[1250,1448,1449],{},[664,1450,982],{},[1250,1452,1453],{},[664,1454,1455],{},"'sm' | 'md' | 'lg'",[1250,1457,1458],{},[664,1459,1460],{},"md",[1232,1462,1463,1467,1472],{},[1250,1464,1465],{},[664,1466,789],{},[1250,1468,1469],{},[664,1470,1471],{},"'primary' | 'neutral' | 'secondary' | 'success' | 'danger' | 'info' | 'warning'",[1250,1473,1474],{},[664,1475,1476],{},"primary",[1232,1478,1479,1484,1489],{},[1250,1480,1481],{},[664,1482,1483],{},"ui",[1250,1485,1486],{},[664,1487,1488],{},"Partial\u003CRecord\u003CColorPickerSlot, string | object>>",[1250,1490,1262],{},[656,1492,1494],{"id":1493},"events","Events",[1226,1496,1497,1510],{},[1229,1498,1499],{},[1232,1500,1501,1504,1507],{},[1235,1502,1503],{},"Event",[1235,1505,1506],{},"Payload",[1235,1508,1509],{},"Description",[1245,1511,1512,1526],{},[1232,1513,1514,1519,1523],{},[1250,1515,1516],{},[664,1517,1518],{},"update:open",[1250,1520,1521],{},[664,1522,1313],{},[1250,1524,1525],{},"Fires when the picker requests opening or closing",[1232,1527,1528,1533,1537],{},[1250,1529,1530],{},[664,1531,1532],{},"update:modelValue",[1250,1534,1535],{},[664,1536,1259],{},[1250,1538,1539],{},"Fires whenever the color changes - dragging the area\u002Fsliders, typing (and committing) the hex field, or picking a swatch",[1541,1542,1543],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":686,"searchDepth":746,"depth":746,"links":1545},[1546,1556,1557],{"id":658,"depth":720,"text":659,"children":1547},[1548,1549,1550,1551,1552,1553,1554],{"id":807,"depth":746,"text":808},{"id":865,"depth":746,"text":866},{"id":789,"depth":746,"text":940},{"id":982,"depth":746,"text":983},{"id":1070,"depth":746,"text":1071},{"id":1091,"depth":746,"text":1092},{"id":1206,"depth":746,"text":1555},"Custom :ui",{"id":1223,"depth":720,"text":1224},{"id":1493,"depth":720,"text":1494},"A trigger-and-popover control for picking a color, built on five independent Reka UI color primitives sharing one hex value.",{},{"title":267,"description":1558},"ahWJbNkk2LLP4iyAhWt3IbKm6MbnY_o9DbhusNar-mM",1792056124937]