https://securoxen.io/assets/page-BxroGeVi.js

1import{j as e,c as f,ck as S,aM as k,cf as C,Q as z,cl as T,cm as N}from"./index-0qbe4j-K.js";import{b as w}from"./react-vendor-CuqwDvgQ.js";import{C as u,a as g,c as p,d as b,b as j}from"./card-DYAlVeWP.js";import{S as E,a as D,b as I,c as L,d as y}from"./select-CAlCKj4Y.js";import{u as M}from"./sidebar-CkKgxlKr.js";import{S as P,a as F,b as H}from"./settings-section-CQjic8__.js";import"./index-D17hSi50.js";import"./index-fQbr3YLv.js";import"./index-DTk4Cdmh.js";import"./index-DjQahpwR.js";import"./index-D9-iGJLB.js";import"./index-Cpz9K9gG.js";import"./index-DRrqZmx6.js";import"./index-BnrtL--L.js";import"./sheet-C6SrAI_i.js";import"./tooltip-CyqT2N0J.js";import"./use-spring-D9a5Y3Ix.js";function x({label:s,description:r,options:l,value:m,onChange:a,columns:h=3}){return e.jsxs("fieldset",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("legend",{className:"text-sm font-medium",children:s}),r&&e.jsx("p",{className:"text-muted-foreground text-sm",children:r})]}),e.jsx("div",{role:"radiogroup","aria-label":s,className:f("grid gap-3",h===2?"grid-cols-2":"grid-cols-2 sm:grid-cols-3"),children:l.map(i=>{const o=i.value===m;return e.jsxs("button",{type:"button",role:"radio","aria-checked":o,onClick:()=>a(i.value),className:f("focus-visible:ring-ring/50 rounded-lg border p-3 text-left transition-colors focus-visible:ring-[3px] focus-visible:outline-none",o?"border-primary bg-primary/5":"border-border hover:border-foreground

1/20 hover:bg-muted/40"),children:[e.jsx("div",{className:"mb-2.5",children:i.preview}),e.jsx("p",{className:"text-sm leading-none font-medium",children:i.label}),i.hint&&e.jsx("p",{className:"text-muted-foreground mt-1 text-xs",children:i.hint})]},i.value)})})]})}function d({children:s,tone:r="bg-background"}){return e.jsx("div",{className:`flex h-12 rounded border ${r}`,children:s})}function c({className:s=""}){return e.jsxs("div",{className:`flex flex-col gap-0.5 bg-muted p-1 ${s}`,children:[e.jsx("div",{className:"h-0.5 w-full rounded bg-foreground/60"}),e.jsx("div",{className:"h-0.5 w-3/4 rounded bg-foreground/50"}),e.jsx("div",{className:"h-0.5 w-2/3 rounded bg-foreground/40"}),e.jsx("div",{className:"h-0.5 w-3/4 rounded bg-foreground/30"})]})}function t({className:s="",children:r}){return e.jsx("div",{className:`m-1 flex-1 rounded-sm border border-dashed border-muted-foreground/20 bg-background/50 ${s}`,children:r})}function O(){const{config:s,updateConfig:r}=S(),{toggleSidebar:l,state:m}=M();return e.jsxs("div",{className:"grid divide-y lg:grid-cols-3 lg:divide-x lg:divide-y-0",children:[e.jsx("div",{className:"pb-6 first:pt-0 last:pb-0 lg:px-6 lg:pb-0 lg:first:pl-0 lg:last:pr-0",children:e.jsx(x,{label:"Sidebar style",description:"How the navigation sits against the page.",value:s.variant,onChange:a=>r({variant:a}),options:[{value:"sidebar",label:"Standard",hint:"Flush to the edge",preview:e.jsxs(d,{children:[e.jsx(c,{className:"w-3 shrink-0 border-r"}),e.jsx(t,{})]})},{value:"floating",label:"Floating",hint:"Sits on the page",preview:e.jsxs(d,{children:[e.jsx(c,{className:"m-1 w-3 shrink-0 rounded border-r"}),e.jsx(t,{})]})},{value:"inset",label:"Inset",hint:"Page is a rounded card",preview:e.jsxs(d,{tone:"bg-muted",children:[e.jsx(c,{className:"m-1 ms-0 w-3 shrink-0 rounded bg-muted/80"}),e.jsx(t,{className:"bg-background"})]})}]})}),e.jsx("div",{className:"pb-6 first:pt-0 last:pb-0 lg:px-6 lg:pb-0 lg:first:pl-0 lg:last:pr-0",children:e.jsx(x,{label:"When collapsed",description:"What the toggle in the header does.",value:s.collapsible,onChange:a=>{r({collapsible:a}),a==="icon"&&m==="expanded"&&l()},options:[{value:"offcanvas",label:"Slide away",hint:"Hides completely",preview:e.jsx(d,{children:e.jsx(t,{className:"flex items-center justify-start pl-2",children:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx("div",{className:"h-0.5 w-3 rounded bg-foreground

1/60"}),e.jsx("div",{className:"h-0.5 w-3 rounded bg-foreground/60"}),e.jsx("div",{className:"h-0.5 w-3 rounded bg-foreground/60"})]})})})},{value:"icon",label:"Icons only",hint:"Keeps a narrow rail",preview:e.jsxs(d,{children:[e.jsxs("div",{className:"flex w-4 shrink-0 flex-col items-center gap-1 border-r bg-muted p-1",children:[e.jsx("div",{className:"size-2 rounded-sm bg-foreground/60"}),e.jsx("div",{className:"size-2 rounded-sm bg-foreground/40"}),e.jsx("div",{className:"size-2 rounded-sm bg-foreground/30"})]}),e.jsx(t,{})]})},{value:"none",label:"Always visible",hint:"Never collapses",preview:e.jsxs(d,{children:[e.jsx(c,{className:"w-6 shrink-0 border-r"}),e.jsx(t,{})]})}]})}),e.jsx("div",{className:"pb-6 first:pt-0 last:pb-0 lg:px-6 lg:pb-0 lg:first:pl-0 lg:last:pr-0",children:e.jsx(x,{label:"Position",description:"Which side the navigation lives on.",columns:2,value:s.side,onChange:a=>r({side:a}),options:[{value:"left",label:"Left",preview:e.jsxs(d,{children:[e.jsx(c,{className:"w-6 shrink-0 border-r"}),e.jsx(t,{})]})},{value:"right",label:"Right",preview:e.jsxs(d,{children:[e.jsx(t,{}),e.jsx(c,{className:"w-6 shrink-0 border-l"})]})}]})})]})}function se(){const{theme:s,setTheme:r}=k(),{timezone:l,setTimezone:m,formatDateTime:a}=C(),[h,i]=w.useState(()=>new Date);w.useEffect(()=>{const n=setInterval(()=>i(new Date),3e4);return()=>clearInterval(n)},[]);let o;try{o=a(h,"EEEE d MMMM, h:mm a")}catch{o=h.toLocaleString()}return e.jsx(P,{children:e.jsxs(F,{children:[e.jsxs(u,{children:[e.jsxs(g,{children:[e.jsx(p,{children:"Theme"}),e.jsx(b,{children:"Applies as soon as you pick one."})]}),e.jsx(j,{children:e.jsx(x,{label:"Colour theme",value:s,onChange:n=>{r(n)},options:[{value:"light",label:"Light",preview:e.jsx("div",{className:"h-12 rounded border bg-white"})},{value:"dark",label:"Dark",preview:e.jsx("div",{className:"h-12 rounded border bg-zinc-950"})},{value:"system",label:"System",hint:"Follows your device",preview:e.jsx("div",{className:"h-12 rounded border bg-gradient-to-r from-white to-zinc-950"})}]})})]}),e.jsxs(u,{children:[e.jsxs(g,{children:[e.jsx(p,{children:"Date and time"}),e.jsx(b,{children:"Every time shown in the portal is in this timezone."})]}),e.jsxs(j,{className:"flex flex-1 flex-col justify-between gap-6",children:[e.jsxs("div",{className:"max-w-sm space-y-2",children:[e.jsx(z,{htmlFor:"timezone-select",children:"Timezone"}),e.jsxs(E,{value:l,onValueChange:n=>{m(n)},children:[e.jsx(D,{id:"timezone-select",className:"w-full",children:e.jsx(I,{placeholder:"Select timezone",children:T(l)})}),e.jsxs(L,{children:[!N.some(n=>n.value===l)&&e.jsx(y,{value:l,children:l}),N.map(({label:n,value:v})=>e.jsx(y,{value:v,children:n},v))]})]}),e.jsx("p",{className:"text-muted-foreground text-xs",children:"Set from your browser when you first signed in."})]}),e.jsxs("div",{className:"bg-muted/40 rounded-lg border px-4 py-3",children:[e.jsx("p",{className:"text-muted-foreground text-xs",children:"Times in the portal look like this"}),e.jsx("p",{className:"mt-0.5 text-lg font-medium tabular-nums",children:o})]})]})]}),e.jsx(H,{children:e.jsxs(u,{children:[e.jsxs(g,{children:[e.jsx(p,{children:"Navigation"}),e.jsx(b,{children:"How the sidebar looks and behaves on a computer."})]}),e.jsx(j,{children:e.jsx(O,{})})]})})]})})}export{se as default};