https://paysio.com/assets/settings-appearance-C0BOJwAG.js

1import{a4 as T,a5 as E,a6 as g,j as s,a7 as A,a8 as _,u as P}from"./index-C9VyRByS.js";import{r as o,al as R,bi as H,v as I}from"./icons-Dk9ia89R.js";import{C as O,a as G,b as z}from"./collapsible-Dx-K7pN4.js";import{S as $,a as x,b as m,f as M,c as j,g as D,h as B,i as K}from"./settings-ui-16BZExpj.js";import{i as V}from"./module-visibility-DF1Y21YK.js";import{i as F}from"./permissions-D1_K3_jf.js";import{g as J}from"./sidebar-nav-B9fLWvsz.js";import"./index-BXVX2Q8H.js";import"./switch-frdVQ2Np.js";import"./index-Bhv3eNQI.js";import"./index-SqWoeikz.js";function L({preview:e,selected:a}){return s.jsxs("span",{className:`flex h-7 w-9 shrink-0 flex-col overflow-hidden rounded-[5px] border transition-shadow ${a?"ring-2 ring-foreground ring-offset-2 ring-offset-card":""}`,style:{backgroundColor:e.bg,borderColor:e.line},children:[s.jsxs("span",{className:"flex items-center gap-[3px] border-b px-1 py-[3px]",style:{backgroundColor:e.surface,borderColor:e.line},children:[s.jsx("span",{className:"size-[3px] shrink-0 rounded-full",style:{backgroundColor:e.accent}}),s.jsx("span",{className:"h-[2px] w-3 rounded-full",style:{backgroundColor:e.line}})]}),s.jsxs("span",{className:"flex flex-1 flex-col justify-center gap-[3px] px-1",children:[s.jsx("span",{className:"block h-[2px] w-full rounded-full",style:{backgroundColor:e.surface}}),s.jsx("span",{className:"block h-[2px] w-2/3 rounded-full",style:{backgroundColor:e.surface}})]})]})}function U(){const{activeWorkspace:e,ghostWorkspace:a,authFetch:l,patchWorkspace:i}=P(),[d,n]=o.useState(null),[u,C]=o.useState(null),c=e==null?void 0:e.id,h=(e==null?void 0:e.sidebarHidden)??[],S=o.useCallback(async r=>{if(!c)return;const p=(e==null?void 0:e.sidebarHidden)??[];i(c,{sidebarHidden:r}),n(null);try{if(!(await l("/api/auth/sidebar",{method:"PUT",body:JSON.stringify({workspaceId:c,hiddenKeys:r})})).ok)throw new Error("save failed")}catch{i(c,{sidebarHidden:p}),n("Couldn't save that. Check your connection and try again.")}},[c,e==null?void 0:e.sidebarHidden,i,l]),b=J(r=>V(e==null?void 0:e.moduleVisibility,r)&&F(e==null?void 0:e.pagePermissions,r));return!e||a||b.length===0?null:s.jsx(x,{id:"set-sidebar",title:"Sidebar",description:d?s.jsx("span",{className:"text-destructive",children:d}):"Yours alone, on every device. Hidden pages stay reachable by link and search.",children:s.jsx(m,{children:b.map(r=>{const p=r.items.filter(t=>h.includes(t.key)).length,f=u===r.label;return s.jsx("div",{className:D,children:s.jsxs(O,{open:f,onOpenChange:t=>C(t?r.label:null),children:[s.jsx(G,{asChild:!0,children:s.jsxs("button",{type:"button",className:`${B} w-full ${K} text-left`,children:[s.jsx("span",{className:"min-w-0 flex-1 text-[13px] font-medium leading-tight",children:r.label}),s.jsx("span",{className:"shrink-0 text-[13px] text-muted-foreground",children:p===0?"All shown":`${p} hidden`}),s.jsx(I,{className:`size-4 shrink-0 text-muted-foreground/40 transition-transform duration-150 ${f?"rotate-180":""}`})]})}),s.jsx(z,{className:"overflow-hidden data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out]",children:s.jsx("div",{className:"pb-1 pt-0.5",children:r.items.map(t=>{const y=t.icon,k=!h.includes(t.key);return s.jsx(j,{icon:s.jsx(y,{}),label:t.label,checked:k,onCheckedChange:w=>S(w?h.filter(N=>N!==t.key):[...h,t.key])},t.key)})})})]})},r.label)})})})}function X(){const[e,a]=o.useState(A);return o.useEffect(()=>{_(e)},[e]),s.jsx(x,{id:"set-cursor",title:"Mouse cursor",description:"Applies to this browser only.",children:s.jsx(m,{children:s.jsx(j,{icon:s.jsx(H,{}),label:"Arrow cursor",description:"Keep the standard arrow over buttons and links instead of switching to the pointing hand.",checked:e==="arrow",onCheckedChange:l=>a(l?"arrow":"pointer")})})})}function ae(){const[e,a]=o.useState(T);o.useEffect(()=>{E(e)},[e]);const l=g.filter(n=>!n.dark),i=g.filter(n=>n.dark),d=n=>{const u=e===n.id;return s.jsx(M,{leading:s.jsx(L,{preview:n.preview,selected:u}),label:n.label,onClick:()=>a(n.id),trailing:u?s.jsx(R,{className:"size-4 shrink-0 text-foreground"}):s.jsx("span",{className:"size-4 shrink-0"})},n.id)};return s.jsxs("section",{className:$,children:[s.jsx(x,{id:"set-theme",title:"Light",description:"Applies to this browser only, not to everyone in the workspace.",children:s.jsx(m,{children:l.map(d)})}),s.jsx(x,{title:"Dark",children:s.jsx(m,{children:i.map(d)})}),s.jsx(X,{}),s.jsx(U,{})]})}

1export{ae as SettingsAppearancePage};