https://liquidbounce.net/assets/layout-mx9UZTF4.js

1import{w as y}from"./with-props-vtQc_wNI.js";import{u as z,r as n,j as e,N as f,O}from"./chunk-D4RADZKF-D0gu-VYz.js";import{A as S}from"./AdComponent-D9R_1AGK.js";import{g as j}from"./docs-BIU_UjUM.js";import{u as P}from"./useTranslation-CsMSWKx5.js";import{C as L}from"./chevron-down-CwVYTnvb.js";import{C as M}from"./chevron-right-CVCC5XT_.js";import{c as x}from"./utils-CytzSlOG.js";import{b as D,c as E}from"./Page-BuxAnfAT.js";import{B as A}from"./Button-UA12rkTk.js";import{X as B}from"./x-BXyHBhPb.js";import{M as R}from"./menu-wilTkBWV.js";import{C as q,a as F}from"./Card-C0CiM9C7.js";import"./context-1KWA3Y7j.js";import"./index-BWhTIxce.js";const se=y(function(){const{manifest:r,activeCategoryKey:h,error:p}=z(),{t:u}=P(),[o,g]=n.useState(!1),[c,N]=n.useState({}),b=n.useCallback(s=>{N(a=>({...a,[s]:!a[s]}))},[]),m=n.useCallback(s=>s in c?c[s]:s===h,[c,h]),v=n.useCallback(()=>Object.entries(r).map(([s,a])=>e.jsxs("div",{className:"mb-2",children:[e.jsxs("button",{type:"button",onClick:()=>b(s),className:"flex items-center w-full p-2 rounded-md hover:bg-background-alt transition-colors text-left text-foreground-primary",children:[m(s)?e.jsx(L,{className:"w-4 h-4 mr-1"}):e.jsx(M,{className:"w-4 h-4 mr-1"}),e.jsx("span",{className:"font-medium",children:s})]}),m(s)&&e.jsx("div",{className:"ml-2 pl-2 border-l border-border",children:Object.entries(a).map(([i,t])=>{if(typeof t=="string"){const d=j(r,t);return e.jsx(f,{to:d||"#",className:({isActive:l})=>x("block w-full text-left p-2 text-sm text-foreground-secondary rounded-md transition-colors",l?"bg-brand font-medium text-white":"hover:bg-brand/70 hover:text-white"),children:i},i)}return typeof t=="object"&&t!==null?e.jsxs("div",{className:"mb-1",children:[e.jsx("div",{className:"p-2 text-sm font-medium text-foreground-primary",children:i}),e.jsx("div",{className:"ml-2 pl-2 border-l border-border",children:Object.entries(t).map(([d,l])=>{if(typeof l=="string"){const w=j(r,l);return e.jsx(f,{to:w||"#",className:({isActive:C})=>x("block w-full text-left p-2 text-sm text-foreground-secondary rounded-md transition-colors",C?"bg-brand font-medium text-white":"hover:bg-brand/70 hover:text-white"),children:d},d)}return null})})]},i):null})})]},s)),[r,m,b]),k=()=>e.jsx("div",{className:"animate-pulse space-y-4",children:[...Array(5)].map((s,a)=>e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"h-6 bg-zinc-200 dark:bg-zinc-800 rounded w-3/4"}),e.jsxs("div",{className:"pl-4 space-y-2",children:[e.jsx("div",{className:"h-4 bg-zinc-200 dark:bg-zinc-800 rounded w-5/6"}),e.jsx("div",{className:"h-4 bg-zinc-200 dark:bg-zinc-800 rounded w-4/6"}),e.jsx("div",{className:"h-4 bg-zinc-200 dark:bg-zinc-800 rounded w-5/6"})]})]},a))});return e.jsxs("div",{className:"flex flex-col min-h-screen bg-background",children:[e.jsx(D,{background:"blue-gradient",paddingY:"py-32 pb-16",className:"overflow-hidden",children:e.jsxs("header",{className:"flex flex-col gap-2",children:[e.jsx("h1",{className:"text-3xl md:text-4xl font-bold tracking-tight",children:u("docs.title","Documentation")}),e.jsx("p",{className:"text-zinc-300",children:u("docs.description","Learn how to install and use LiquidBounce with our comprehensive guides")})]})}),e.jsx(E,{className:"py-8 flex-grow bg-background-alt",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"flex flex-col md:flex-row gap-8",children:[e.jsx("div",{className:"block md:hidden mb-4",children:e.jsxs(A,{variant:"outline",size:"sm",onClick:()=>g(!o),className:"flex items-center gap-2",children:[o?e.jsx(B,{size:16}):e.jsx(R,{size:16}),o?"Close Menu":"Open Menu"]})}),e.jsx("div",{className:x("md:w-72 flex-shrink-0",o?"block":"hidden md:block"),children:e.jsx(q,{className:"sticky top-24",children:e.jsx(F,{className:"p-4",children:p?e.jsx("div",{className:"text-red-500 p-4",children:p}):Object.keys(r).length===0?e.jsx(k,{}):e.jsx("div",{className:"max-h-[calc(100vh-220px)] overflow-auto pr-2",children:v()})})})}),e.jsxs("div",{className:"flex-grow min-w-0",children:[e.jsx(O,{context:{manifest:r}}),e.jsx("div",{className:"mt-6",children:e.jsx(S,{slot:"docs-sidebar"})})]})]})})})]})});export{se as default};