[{"data":1,"prerenderedAt":816},["ShallowReactive",2],{"navigation_docs":3,"-guide-panels":83,"-guide-panels-surround-resolved":808,"daily-note-surround--guide-panels":85},[4,9,53,73,78],{"title":5,"path":6,"stem":5,"icon":7,"order":8},"Home","/home","i-lucide-home",0,{"title":10,"icon":11,"order":12,"path":13,"stem":14,"children":15,"page":52},"Guide","i-lucide-book-open",1,"/guide","1.guide",[16,22,28,34,40,46],{"title":17,"path":18,"stem":19,"icon":20,"order":21},"Installation","/guide/installation","1.guide/1.installation","i-lucide-download",10,{"title":23,"path":24,"stem":25,"icon":26,"order":27},"Shell State","/guide/shell-state","1.guide/2.shell-state","i-lucide-sliders-horizontal",20,{"title":29,"path":30,"stem":31,"icon":32,"order":33},"Defining Panels","/guide/panels","1.guide/3.panels","i-lucide-puzzle",30,{"title":35,"path":36,"stem":37,"icon":38,"order":39},"Appearance","/guide/appearance","1.guide/4.appearance","i-lucide-sparkles",40,{"title":41,"path":42,"stem":43,"icon":44,"order":45},"Keyboard Shortcuts","/guide/keybindings","1.guide/5.keybindings","i-lucide-keyboard",50,{"title":47,"path":48,"stem":49,"icon":50,"order":51},"Demo App","/guide/demo","1.guide/6.demo","i-lucide-monitor",60,false,{"title":54,"icon":55,"order":56,"path":57,"stem":58,"children":59,"page":52},"API Reference","i-lucide-code",2,"/api","2.api",[60,65,69],{"title":61,"path":62,"stem":63,"icon":64,"order":21},"KelyphosShellView","/api/kelyphos-shell-view","2.api/1.kelyphos-shell-view","i-lucide-layout-panel-left",{"title":66,"path":67,"stem":68,"icon":26,"order":27},"KelyphosShellState","/api/kelyphos-shell-state","2.api/2.kelyphos-shell-state",{"title":70,"path":71,"stem":72,"icon":32,"order":33},"KelyphosPanel","/api/kelyphos-panel","2.api/3.kelyphos-panel",{"title":74,"path":75,"stem":74,"icon":76,"order":77},"Changelog","/changelog","i-lucide-history",98,{"title":79,"path":80,"stem":79,"icon":81,"order":82},"About","/about","i-lucide-info",99,{"id":84,"title":29,"aliases":85,"body":86,"concluded":85,"date":85,"description":802,"documentation":85,"extension":803,"isBase":52,"links":85,"meta":804,"mtime":85,"navigation":805,"order":33,"outcome":85,"path":30,"project":85,"repository":85,"seo":806,"started":85,"status":85,"stem":31,"tags":85,"team":85,"type":85,"__hash__":807},"docs/1.guide/3.panels.md",null,{"type":87,"value":88,"toc":797},"minimark",[89,97,102,457,461,467,663,667,673,793],[90,91,92,93,96],"p",{},"Panel tabs are defined as enums conforming to ",[94,95,70],"code",{},". This gives you type-safe, switchable panels with SF Symbols icons and built-in keyboard shortcut support.",[98,99,101],"h2",{"id":100},"navigator-tabs","Navigator Tabs",[103,104,109],"pre",{"className":105,"code":106,"language":107,"meta":108,"style":108},"language-swift shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","enum MyNavigatorTab: String, KelyphosPanel, CaseIterable {\n    case files, search, bookmarks\n\n    nonisolated var id: String { rawValue }\n\n    nonisolated var title: String {\n        switch self {\n        case .files: \"Files\"\n        case .search: \"Search\"\n        case .bookmarks: \"Bookmarks\"\n        }\n    }\n\n    nonisolated var systemImage: String {\n        switch self {\n        case .files: \"folder\"\n        case .search: \"magnifyingglass\"\n        case .bookmarks: \"bookmark\"\n        }\n    }\n\n    var body: some View {\n        switch self {\n        case .files: FilesNavigatorView()\n        case .search: SearchNavigatorView()\n        case .bookmarks: BookmarksNavigatorView()\n        }\n    }\n}\n","swift","",[94,110,111,144,152,159,184,189,204,216,237,254,270,276,282,287,301,310,326,342,358,363,367,372,389,398,414,428,442,447,452],{"__ignoreMap":108},[112,113,115,119,123,127,130,134,136,138,141],"span",{"class":114,"line":12},"line",[112,116,118],{"class":117},"spNyl","enum",[112,120,122],{"class":121},"sBMFI"," MyNavigatorTab",[112,124,126],{"class":125},"sMK4o",":",[112,128,129],{"class":121}," String",[112,131,133],{"class":132},"sTEyZ",", ",[112,135,70],{"class":121},[112,137,133],{"class":132},[112,139,140],{"class":121},"CaseIterable ",[112,142,143],{"class":125},"{\n",[112,145,146,149],{"class":114,"line":56},[112,147,148],{"class":117},"    case",[112,150,151],{"class":132}," files, search, bookmarks\n",[112,153,155],{"class":114,"line":154},3,[112,156,158],{"emptyLinePlaceholder":157},true,"\n",[112,160,162,165,169,172,175,178,181],{"class":114,"line":161},4,[112,163,164],{"class":117},"    nonisolated",[112,166,168],{"class":167},"sbssI"," var",[112,170,171],{"class":132}," id: ",[112,173,174],{"class":121},"String",[112,176,177],{"class":125}," {",[112,179,180],{"class":132}," rawValue ",[112,182,183],{"class":125},"}\n",[112,185,187],{"class":114,"line":186},5,[112,188,158],{"emptyLinePlaceholder":157},[112,190,192,194,196,199,201],{"class":114,"line":191},6,[112,193,164],{"class":117},[112,195,168],{"class":167},[112,197,198],{"class":132}," title: ",[112,200,174],{"class":121},[112,202,203],{"class":125}," {\n",[112,205,207,211,214],{"class":114,"line":206},7,[112,208,210],{"class":209},"s7zQu","        switch",[112,212,213],{"class":132}," self ",[112,215,143],{"class":125},[112,217,219,222,225,227,230,234],{"class":114,"line":218},8,[112,220,221],{"class":209},"        case",[112,223,224],{"class":132}," .files",[112,226,126],{"class":125},[112,228,229],{"class":125}," \"",[112,231,233],{"class":232},"sfazB","Files",[112,235,236],{"class":125},"\"\n",[112,238,240,242,245,247,249,252],{"class":114,"line":239},9,[112,241,221],{"class":209},[112,243,244],{"class":132}," .search",[112,246,126],{"class":125},[112,248,229],{"class":125},[112,250,251],{"class":232},"Search",[112,253,236],{"class":125},[112,255,256,258,261,263,265,268],{"class":114,"line":21},[112,257,221],{"class":209},[112,259,260],{"class":132}," .bookmarks",[112,262,126],{"class":125},[112,264,229],{"class":125},[112,266,267],{"class":232},"Bookmarks",[112,269,236],{"class":125},[112,271,273],{"class":114,"line":272},11,[112,274,275],{"class":125},"        }\n",[112,277,279],{"class":114,"line":278},12,[112,280,281],{"class":125},"    }\n",[112,283,285],{"class":114,"line":284},13,[112,286,158],{"emptyLinePlaceholder":157},[112,288,290,292,294,297,299],{"class":114,"line":289},14,[112,291,164],{"class":117},[112,293,168],{"class":167},[112,295,296],{"class":132}," systemImage: ",[112,298,174],{"class":121},[112,300,203],{"class":125},[112,302,304,306,308],{"class":114,"line":303},15,[112,305,210],{"class":209},[112,307,213],{"class":132},[112,309,143],{"class":125},[112,311,313,315,317,319,321,324],{"class":114,"line":312},16,[112,314,221],{"class":209},[112,316,224],{"class":132},[112,318,126],{"class":125},[112,320,229],{"class":125},[112,322,323],{"class":232},"folder",[112,325,236],{"class":125},[112,327,329,331,333,335,337,340],{"class":114,"line":328},17,[112,330,221],{"class":209},[112,332,244],{"class":132},[112,334,126],{"class":125},[112,336,229],{"class":125},[112,338,339],{"class":232},"magnifyingglass",[112,341,236],{"class":125},[112,343,345,347,349,351,353,356],{"class":114,"line":344},18,[112,346,221],{"class":209},[112,348,260],{"class":132},[112,350,126],{"class":125},[112,352,229],{"class":125},[112,354,355],{"class":232},"bookmark",[112,357,236],{"class":125},[112,359,361],{"class":114,"line":360},19,[112,362,275],{"class":125},[112,364,365],{"class":114,"line":27},[112,366,281],{"class":125},[112,368,370],{"class":114,"line":369},21,[112,371,158],{"emptyLinePlaceholder":157},[112,373,375,378,381,384,387],{"class":114,"line":374},22,[112,376,377],{"class":167},"    var",[112,379,380],{"class":132}," body: ",[112,382,383],{"class":167},"some",[112,385,386],{"class":132}," View ",[112,388,143],{"class":125},[112,390,392,394,396],{"class":114,"line":391},23,[112,393,210],{"class":209},[112,395,213],{"class":132},[112,397,143],{"class":125},[112,399,401,403,405,407,411],{"class":114,"line":400},24,[112,402,221],{"class":209},[112,404,224],{"class":132},[112,406,126],{"class":125},[112,408,410],{"class":409},"s2Zo4"," FilesNavigatorView",[112,412,413],{"class":125},"()\n",[112,415,417,419,421,423,426],{"class":114,"line":416},25,[112,418,221],{"class":209},[112,420,244],{"class":132},[112,422,126],{"class":125},[112,424,425],{"class":409}," SearchNavigatorView",[112,427,413],{"class":125},[112,429,431,433,435,437,440],{"class":114,"line":430},26,[112,432,221],{"class":209},[112,434,260],{"class":132},[112,436,126],{"class":125},[112,438,439],{"class":409}," BookmarksNavigatorView",[112,441,413],{"class":125},[112,443,445],{"class":114,"line":444},27,[112,446,275],{"class":125},[112,448,450],{"class":114,"line":449},28,[112,451,281],{"class":125},[112,453,455],{"class":114,"line":454},29,[112,456,183],{"class":125},[98,458,460],{"id":459},"inspector-and-utility-tabs","Inspector and Utility Tabs",[90,462,463,464,466],{},"Inspector and utility tabs follow the same ",[94,465,70],{}," pattern:",[103,468,470],{"className":105,"code":469,"language":107,"meta":108,"style":108},"enum MyInspectorTab: String, KelyphosPanel, CaseIterable {\n    case details, properties\n\n    nonisolated var id: String { rawValue }\n    nonisolated var title: String { rawValue.capitalized }\n\n    nonisolated var systemImage: String {\n        switch self {\n        case .details: \"info.circle\"\n        case .properties: \"slider.horizontal.3\"\n        }\n    }\n\n    var body: some View {\n        switch self {\n        case .details: DetailsInspectorView()\n        case .properties: PropertiesInspectorView()\n        }\n    }\n}\n",[94,471,472,493,500,504,520,537,541,553,561,577,593,597,601,605,617,625,638,651,655,659],{"__ignoreMap":108},[112,473,474,476,479,481,483,485,487,489,491],{"class":114,"line":12},[112,475,118],{"class":117},[112,477,478],{"class":121}," MyInspectorTab",[112,480,126],{"class":125},[112,482,129],{"class":121},[112,484,133],{"class":132},[112,486,70],{"class":121},[112,488,133],{"class":132},[112,490,140],{"class":121},[112,492,143],{"class":125},[112,494,495,497],{"class":114,"line":56},[112,496,148],{"class":117},[112,498,499],{"class":132}," details, properties\n",[112,501,502],{"class":114,"line":154},[112,503,158],{"emptyLinePlaceholder":157},[112,505,506,508,510,512,514,516,518],{"class":114,"line":161},[112,507,164],{"class":117},[112,509,168],{"class":167},[112,511,171],{"class":132},[112,513,174],{"class":121},[112,515,177],{"class":125},[112,517,180],{"class":132},[112,519,183],{"class":125},[112,521,522,524,526,528,530,532,535],{"class":114,"line":186},[112,523,164],{"class":117},[112,525,168],{"class":167},[112,527,198],{"class":132},[112,529,174],{"class":121},[112,531,177],{"class":125},[112,533,534],{"class":132}," rawValue.capitalized ",[112,536,183],{"class":125},[112,538,539],{"class":114,"line":191},[112,540,158],{"emptyLinePlaceholder":157},[112,542,543,545,547,549,551],{"class":114,"line":206},[112,544,164],{"class":117},[112,546,168],{"class":167},[112,548,296],{"class":132},[112,550,174],{"class":121},[112,552,203],{"class":125},[112,554,555,557,559],{"class":114,"line":218},[112,556,210],{"class":209},[112,558,213],{"class":132},[112,560,143],{"class":125},[112,562,563,565,568,570,572,575],{"class":114,"line":239},[112,564,221],{"class":209},[112,566,567],{"class":132}," .details",[112,569,126],{"class":125},[112,571,229],{"class":125},[112,573,574],{"class":232},"info.circle",[112,576,236],{"class":125},[112,578,579,581,584,586,588,591],{"class":114,"line":21},[112,580,221],{"class":209},[112,582,583],{"class":132}," .properties",[112,585,126],{"class":125},[112,587,229],{"class":125},[112,589,590],{"class":232},"slider.horizontal.3",[112,592,236],{"class":125},[112,594,595],{"class":114,"line":272},[112,596,275],{"class":125},[112,598,599],{"class":114,"line":278},[112,600,281],{"class":125},[112,602,603],{"class":114,"line":284},[112,604,158],{"emptyLinePlaceholder":157},[112,606,607,609,611,613,615],{"class":114,"line":289},[112,608,377],{"class":167},[112,610,380],{"class":132},[112,612,383],{"class":167},[112,614,386],{"class":132},[112,616,143],{"class":125},[112,618,619,621,623],{"class":114,"line":303},[112,620,210],{"class":209},[112,622,213],{"class":132},[112,624,143],{"class":125},[112,626,627,629,631,633,636],{"class":114,"line":312},[112,628,221],{"class":209},[112,630,567],{"class":132},[112,632,126],{"class":125},[112,634,635],{"class":409}," DetailsInspectorView",[112,637,413],{"class":125},[112,639,640,642,644,646,649],{"class":114,"line":328},[112,641,221],{"class":209},[112,643,583],{"class":132},[112,645,126],{"class":125},[112,647,648],{"class":409}," PropertiesInspectorView",[112,650,413],{"class":125},[112,652,653],{"class":114,"line":344},[112,654,275],{"class":125},[112,656,657],{"class":114,"line":360},[112,658,281],{"class":125},[112,660,661],{"class":114,"line":27},[112,662,183],{"class":125},[98,664,666],{"id":665},"assembling-the-shell","Assembling the Shell",[90,668,669,670,126],{},"Pass all panel arrays to ",[94,671,672],{},"KelyphosShellConfiguration",[103,674,676],{"className":105,"code":675,"language":107,"meta":108,"style":108},"KelyphosShellView(\n    state: shellState,\n    configuration: KelyphosShellConfiguration(\n        navigatorTabs: Array(MyNavigatorTab.allCases),\n        inspectorTabs: Array(MyInspectorTab.allCases),\n        utilityTabs: Array(MyUtilityTab.allCases),\n        detail: { MyDetailView() }\n    )\n)\n",[94,677,678,685,695,707,729,747,765,783,788],{"__ignoreMap":108},[112,679,680,682],{"class":114,"line":12},[112,681,61],{"class":409},[112,683,684],{"class":125},"(\n",[112,686,687,690,692],{"class":114,"line":56},[112,688,689],{"class":409},"    state",[112,691,126],{"class":125},[112,693,694],{"class":132}," shellState,\n",[112,696,697,700,702,705],{"class":114,"line":154},[112,698,699],{"class":409},"    configuration",[112,701,126],{"class":125},[112,703,704],{"class":409}," KelyphosShellConfiguration",[112,706,684],{"class":125},[112,708,709,712,714,717,720,723,726],{"class":114,"line":161},[112,710,711],{"class":409},"        navigatorTabs",[112,713,126],{"class":125},[112,715,716],{"class":121}," Array",[112,718,719],{"class":125},"(",[112,721,722],{"class":132},"MyNavigatorTab.allCases",[112,724,725],{"class":125},")",[112,727,728],{"class":132},",\n",[112,730,731,734,736,738,740,743,745],{"class":114,"line":186},[112,732,733],{"class":409},"        inspectorTabs",[112,735,126],{"class":125},[112,737,716],{"class":121},[112,739,719],{"class":125},[112,741,742],{"class":132},"MyInspectorTab.allCases",[112,744,725],{"class":125},[112,746,728],{"class":132},[112,748,749,752,754,756,758,761,763],{"class":114,"line":191},[112,750,751],{"class":409},"        utilityTabs",[112,753,126],{"class":125},[112,755,716],{"class":121},[112,757,719],{"class":125},[112,759,760],{"class":132},"MyUtilityTab.allCases",[112,762,725],{"class":125},[112,764,728],{"class":132},[112,766,767,770,772,774,777,780],{"class":114,"line":206},[112,768,769],{"class":409},"        detail",[112,771,126],{"class":125},[112,773,177],{"class":125},[112,775,776],{"class":409}," MyDetailView",[112,778,779],{"class":125},"()",[112,781,782],{"class":125}," }\n",[112,784,785],{"class":114,"line":218},[112,786,787],{"class":125},"    )\n",[112,789,790],{"class":114,"line":239},[112,791,792],{"class":125},")\n",[794,795,796],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":108,"searchDepth":154,"depth":154,"links":798},[799,800,801],{"id":100,"depth":56,"text":101},{"id":459,"depth":56,"text":460},{"id":665,"depth":56,"text":666},"Creating navigator, inspector, and utility tabs with KelyphosPanel","md",{"icon":32},{"title":29,"icon":32,"order":33},{"title":29,"description":802},"YS0SS8fOcMyyzjLrvMU-5NfbaDKB1BWKBs_wZhWyOEE",[809,812],{"title":23,"description":810,"path":24,"navigation":811},"Using KelyphosShellState to drive the shell",{"title":23,"icon":26,"order":27},{"title":813,"description":814,"path":36,"navigation":815},"Appearance & Vibrancy","Configuring Liquid Glass materials, color themes, and appearance presets",{"title":35,"icon":38,"order":39},1775245605808]