[{"data":1,"prerenderedAt":832},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-layout":273,"-colorffy-ui-components-layout-surround":827},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":79,"body":275,"description":820,"extension":821,"links":822,"meta":823,"navigation":824,"path":201,"seo":825,"stem":202,"__hash__":826},"docs\u002F3.colorffy-ui\u002F2.components\u002F14.layout.md",{"type":276,"value":277,"toc":814},"minimark",[278,290,295,491,495,553,557,714,731,735,810],[279,280,281,285,286,289],"p",{},[282,283,284],"code",{},"UiHeaderContent"," renders a page header (title, subtitle, optional back button and actions); ",[282,287,288],{},"UiPaneContent"," is a content container with a row\u002Fcolumn layout.",[291,292,294],"h2",{"id":293},"add-a-page-header","Add a page header",[296,297,302],"pre",{"className":298,"code":299,"language":300,"meta":301,"style":301},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUiHeaderContent\n    title=\"Projects\"\n    subtitle=\"Manage your team's work\"\n    actions\n    back-button\n    @click=\"goBack\"\n  >\n    \u003Ctemplate #actions>\n      \u003CUiButton variant=\"filled\" color=\"primary\" text=\"New\" \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FUiHeaderContent>\n\u003C\u002Ftemplate>\n","vue","",[282,303,304,320,329,349,364,370,376,391,397,413,461,471,481],{"__ignoreMap":301},[305,306,309,313,317],"span",{"class":307,"line":308},"line",1,[305,310,312],{"class":311},"sMK4o","\u003C",[305,314,316],{"class":315},"swJcz","template",[305,318,319],{"class":311},">\n",[305,321,323,326],{"class":307,"line":322},2,[305,324,325],{"class":311},"  \u003C",[305,327,328],{"class":315},"UiHeaderContent\n",[305,330,332,336,339,342,346],{"class":307,"line":331},3,[305,333,335],{"class":334},"spNyl","    title",[305,337,338],{"class":311},"=",[305,340,341],{"class":311},"\"",[305,343,345],{"class":344},"sfazB","Projects",[305,347,348],{"class":311},"\"\n",[305,350,352,355,357,359,362],{"class":307,"line":351},4,[305,353,354],{"class":334},"    subtitle",[305,356,338],{"class":311},[305,358,341],{"class":311},[305,360,361],{"class":344},"Manage your team's work",[305,363,348],{"class":311},[305,365,367],{"class":307,"line":366},5,[305,368,369],{"class":334},"    actions\n",[305,371,373],{"class":307,"line":372},6,[305,374,375],{"class":334},"    back-button\n",[305,377,379,382,384,386,389],{"class":307,"line":378},7,[305,380,381],{"class":334},"    @click",[305,383,338],{"class":311},[305,385,341],{"class":311},[305,387,388],{"class":344},"goBack",[305,390,348],{"class":311},[305,392,394],{"class":307,"line":393},8,[305,395,396],{"class":311},"  >\n",[305,398,400,403,405,408,411],{"class":307,"line":399},9,[305,401,402],{"class":311},"    \u003C",[305,404,316],{"class":315},[305,406,407],{"class":311}," #",[305,409,410],{"class":334},"actions",[305,412,319],{"class":311},[305,414,416,419,422,425,427,429,432,434,437,439,441,444,446,449,451,453,456,458],{"class":307,"line":415},10,[305,417,418],{"class":311},"      \u003C",[305,420,421],{"class":315},"UiButton",[305,423,424],{"class":334}," variant",[305,426,338],{"class":311},[305,428,341],{"class":311},[305,430,431],{"class":344},"filled",[305,433,341],{"class":311},[305,435,436],{"class":334}," color",[305,438,338],{"class":311},[305,440,341],{"class":311},[305,442,443],{"class":344},"primary",[305,445,341],{"class":311},[305,447,448],{"class":334}," text",[305,450,338],{"class":311},[305,452,341],{"class":311},[305,454,455],{"class":344},"New",[305,457,341],{"class":311},[305,459,460],{"class":311}," \u002F>\n",[305,462,464,467,469],{"class":307,"line":463},11,[305,465,466],{"class":311},"    \u003C\u002F",[305,468,316],{"class":315},[305,470,319],{"class":311},[305,472,474,477,479],{"class":307,"line":473},12,[305,475,476],{"class":311},"  \u003C\u002F",[305,478,284],{"class":315},[305,480,319],{"class":311},[305,482,484,487,489],{"class":307,"line":483},13,[305,485,486],{"class":311},"\u003C\u002F",[305,488,316],{"class":315},[305,490,319],{"class":311},[291,492,494],{"id":493},"wrap-content-in-a-pane","Wrap content in a pane",[296,496,498],{"className":298,"code":497,"language":300,"meta":301,"style":301},"\u003Ctemplate>\n  \u003CUiPaneContent is-full-height aria-label=\"Project list\">\n    \u003C!-- content -->\n  \u003C\u002FUiPaneContent>\n\u003C\u002Ftemplate>\n",[282,499,500,508,531,537,545],{"__ignoreMap":301},[305,501,502,504,506],{"class":307,"line":308},[305,503,312],{"class":311},[305,505,316],{"class":315},[305,507,319],{"class":311},[305,509,510,512,514,517,520,522,524,527,529],{"class":307,"line":322},[305,511,325],{"class":311},[305,513,288],{"class":315},[305,515,516],{"class":334}," is-full-height",[305,518,519],{"class":334}," aria-label",[305,521,338],{"class":311},[305,523,341],{"class":311},[305,525,526],{"class":344},"Project list",[305,528,341],{"class":311},[305,530,319],{"class":311},[305,532,533],{"class":307,"line":331},[305,534,536],{"class":535},"sHwdD","    \u003C!-- content -->\n",[305,538,539,541,543],{"class":307,"line":351},[305,540,476],{"class":311},[305,542,288],{"class":315},[305,544,319],{"class":311},[305,546,547,549,551],{"class":307,"line":366},[305,548,486],{"class":311},[305,550,316],{"class":315},[305,552,319],{"class":311},[291,554,556],{"id":555},"uiheadercontent-props","UiHeaderContent props",[558,559,560,579],"table",{},[561,562,563],"thead",{},[564,565,566,570,573,576],"tr",{},[567,568,569],"th",{},"Prop",[567,571,572],{},"Type",[567,574,575],{},"Default",[567,577,578],{},"Description",[580,581,582,601,617,640,659,677,697],"tbody",{},[564,583,584,590,595,598],{},[585,586,587],"td",{},[282,588,589],{},"title",[585,591,592],{},[282,593,594],{},"string | null",[585,596,597],{},"—",[585,599,600],{},"Header title.",[564,602,603,608,612,614],{},[585,604,605],{},[282,606,607],{},"subtitle",[585,609,610],{},[282,611,594],{},[585,613,597],{},[585,615,616],{},"Header subtitle.",[564,618,619,623,628,633],{},[585,620,621],{},[282,622,410],{},[585,624,625],{},[282,626,627],{},"boolean",[585,629,630],{},[282,631,632],{},"false",[585,634,635,636,639],{},"Show the ",[282,637,638],{},"#actions"," slot.",[564,641,642,647,651,656],{},[585,643,644],{},[282,645,646],{},"hideActionsOnMobile",[585,648,649],{},[282,650,627],{},[585,652,653],{},[282,654,655],{},"true",[585,657,658],{},"Hide actions on small screens.",[564,660,661,666,670,674],{},[585,662,663],{},[282,664,665],{},"backButton",[585,667,668],{},[282,669,627],{},[585,671,672],{},[282,673,632],{},[585,675,676],{},"Show a back button.",[564,678,679,684,689,694],{},[585,680,681],{},[282,682,683],{},"backButtonLabel",[585,685,686],{},[282,687,688],{},"string",[585,690,691],{},[282,692,693],{},"'Go back'",[585,695,696],{},"Back button tooltip.",[564,698,699,704,709,711],{},[585,700,701],{},[282,702,703],{},"containerClass",[585,705,706],{},[282,707,708],{},"string | string[]",[585,710,597],{},[585,712,713],{},"Extra classes.",[279,715,716,720,721,724,725,720,728,730],{},[717,718,719],"strong",{},"Emits:"," ",[282,722,723],{},"click"," (back button). ",[717,726,727],{},"Slots:",[282,729,638],{},".",[291,732,734],{"id":733},"uipanecontent-props","UiPaneContent props",[558,736,737,749],{},[561,738,739],{},[564,740,741,743,745,747],{},[567,742,569],{},[567,744,572],{},[567,746,575],{},[567,748,578],{},[580,750,751,769,788],{},[564,752,753,758,762,766],{},[585,754,755],{},[282,756,757],{},"isFullHeight",[585,759,760],{},[282,761,627],{},[585,763,764],{},[282,765,632],{},[585,767,768],{},"Expand to full height.",[564,770,771,779,784,786],{},[585,772,773,776,777],{},[282,774,775],{},"customClass"," \u002F ",[282,778,703],{},[585,780,781],{},[282,782,783],{},"string | string[] | null",[585,785,597],{},[585,787,713],{},[564,789,790,801,805,807],{},[585,791,792,776,795,776,798],{},[282,793,794],{},"ariaLabel",[282,796,797],{},"ariaLabelledby",[282,799,800],{},"ariaDescribedby",[585,802,803],{},[282,804,688],{},[585,806,597],{},[585,808,809],{},"ARIA wiring.",[811,812,813],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":301,"searchDepth":322,"depth":322,"links":815},[816,817,818,819],{"id":293,"depth":322,"text":294},{"id":493,"depth":322,"text":494},{"id":555,"depth":322,"text":556},{"id":733,"depth":322,"text":734},"Structure pages with header and pane content containers.","md",null,{},{"icon":203},{"title":79,"description":820},"v070JFGE6MM2eaUVNudHo92YZNdsuc_EBnieNcGdeDc",[828,830],{"title":196,"path":197,"stem":198,"description":829,"icon":199,"children":-1},"Collect user input with text, select, checkbox, radio, range, file, and color inputs.",{"title":205,"path":206,"stem":207,"description":831,"icon":208,"children":-1},"Display grouped items with UiListGroup and UiListItem.",1782196219260]