@sqrzro/admin 2.1.0-bz.41 → 2.1.0-bz.42

package/dist/index.cjs

@@ -10,196 +10,1257 @@ var hooks = require('@sqrzro/hooks');
 var reactDom = require('react-dom');
 var google = require('next/font/google');
 
-var D={app:{name:"Square Zero",url:"http://localhost:8080"},navigation:[]};function L(e,t){return D={...e,logo:t},D}function E(){return D}async function h(){return Promise.resolve(headers.cookies().get("layout")?.value||"topbar")}async function te(e){return headers.cookies().set("layout",e.layout),Promise.resolve([!0,null])}async function y(e){if(process.env.APP_ENV!=="production"&&process.env.DANGEROUSLY_DISABLE_PERMISSIONS)return Promise.resolve(e);let t=headers.cookies().get("permissions")?.value;if(!t)return Promise.resolve([]);let r=[];try{r=JSON.parse(t);}catch{return Promise.resolve([])}return Promise.resolve(e.filter(({permission:o})=>o?(Array.isArray(o)?o:[o]).every(a=>r.includes(a)):!0))}function Ye(e,t){return t.filter(r=>r&&e.startsWith(`/${r.replace(/^\//u,"")}`)).sort((r,o)=>!r||!o?0:o.length-r.length)[0]||""}function Je(e,t){let[r,o]=react.useState(""),n=navigation.usePathname(),a=e.map(({href:i})=>utility.joinUrl(t?.basePath,i));return react.useEffect(()=>{o(Ye(n,a));},[n]),e.map(({href:i,label:m})=>({href:utility.joinUrl(t?.basePath,i),isActive:utility.joinUrl(t?.basePath,i)===r,label:m}))}var k=Je;function Ke({data:e,layout:t}){let r=k(e);return jsxRuntime.jsx("nav",{className:components.tw("h-full",t==="sidebar"?"w-full":"pl-6"),children:jsxRuntime.jsx("ul",{className:components.tw("flex h-full gap-2",t==="sidebar"?"flex-col items-start":"items-center"),children:r.map(({href:o,isActive:n,label:a})=>jsxRuntime.jsx("li",{className:components.tw(t==="sidebar"?null:"h-full"),children:jsxRuntime.jsx(components.Link,{className:components.tw("relative flex h-full items-center px-1 font-semibold",n?"before:bg-primary text-white before:absolute before:bottom-0 before:left-0 before:right-0 before:h-1":"text-white/80 hover:text-white"),href:o,children:a})},o))})})}var re=Ke;async function Ze({layout:e}){return jsxRuntime.jsx(re,{data:await y(E().navigation),layout:e})}var oe=Ze;function rt(){return jsxRuntime.jsxs("ul",{className:"flex gap-2 text-xs text-slate-300",children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(components.Link,{href:"/settings",children:"Settings"})}),jsxRuntime.jsx("li",{children:jsxRuntime.jsx(components.LogoutButton,{})})]})}var ae=rt;function nt({layout:e,user:t}){return jsxRuntime.jsxs("div",{className:components.tw("ml-auto flex items-center gap-3",e==="sidebar"?"flex-row-reverse":null),children:[jsxRuntime.jsxs("div",{className:"flex flex-col items-end gap-0.5 text-white",children:[jsxRuntime.jsx("strong",{children:t?.name}),jsxRuntime.jsx(ae,{})]}),jsxRuntime.jsx("div",{className:"h-9 w-9 flex-none rounded-full border-4 border-slate-500"})]})}var ie=nt;async function st({children:e,user:t}){let r=E(),o=await h();return jsxRuntime.jsxs("div",{className:components.tw("",o==="sidebar"?"grid grid-cols-[12rem_1fr]":null),children:[jsxRuntime.jsx("header",{className:"bg-slate-800",children:jsxRuntime.jsx(components.Container,{isFullWidth:!0,children:jsxRuntime.jsxs("div",{className:components.tw("flex items-center",o==="sidebar"?"-mx-4 h-screen flex-col py-4":"h-16 border-b border-slate-700"),children:[jsxRuntime.jsxs(components.Link,{className:components.tw(o==="sidebar"?"h-12 w-12":"h-9 w-9"),href:"/",children:[r.logo?.(),jsxRuntime.jsx("span",{className:"sr-only",children:r.app.name})]}),jsxRuntime.jsx(oe,{layout:o}),jsxRuntime.jsx(ie,{layout:o,user:t})]})})}),jsxRuntime.jsx("main",{className:"mb-10 block",children:e})]})}var mt=st;var pt={root:"bg-slate-800 gap-8",logo:"mx-auto flex h-12 w-32 items-end",panel:"rounded bg-white p-8 shadow-lg pb-10",title:"text-lg font-semibold mb-6 leading-none",link:"font-semibold text-link",actions:"pt-2 w-full",footer:"-mb-2"};function ct(e){return jsxRuntime.jsx(components.Auth,{...e,classNames:pt})}var ft=ct;var bt={danger:"bg-red-100 text-red-700",error:"bg-red-100 text-red-700",info:"bg-sky-100 text-sky-700",warning:"bg-yellow-100 text-yellow-700",success:"bg-green-100 text-green-700"},gt={danger:"fill-red-400",error:"fill-red-400",info:"fill-sky-400",warning:"fill-yellow-400",success:"fill-green-400"};function xt({children:e,variant:t}){return jsxRuntime.jsxs("strong",{className:components.tw("inline-flex items-center gap-1.5 rounded-full bg-slate-100 px-2 py-1 text-xs font-medium text-slate-600",t?bt[t]:null),children:[jsxRuntime.jsx("svg",{"aria-hidden":"true",className:components.tw("h-1.5 w-1.5 fill-slate-400",t?gt[t]:null),viewBox:"0 0 6 6",children:jsxRuntime.jsx("circle",{cx:"3",cy:"3",r:"3"})}),e]})}var ht=xt;function Pt({children:e,title:t}){return jsxRuntime.jsxs("div",{className:"py-8",children:[jsxRuntime.jsx("h1",{className:"mx-auto text-center text-4xl font-semibold",children:t}),e]})}var vt=Pt;function Ft({onClick:e}){return jsxRuntime.jsxs("button",{className:"absolute right-0 top-0 flex h-full w-10 select-none items-center justify-center",onClick:e,type:"button",children:[jsxRuntime.jsx("span",{className:"sr-only",children:"Remove"}),jsxRuntime.jsx("span",{className:"flex h-4 w-4 items-center justify-center rounded-full bg-white leading-none text-slate-800",children:"\xD7"})]})}var T=Ft;var de=[{id:"0",name:"No"},{id:"1",name:"Yes"}];function Lt({name:e,onChange:t,value:r}){return jsxRuntime.jsx(components.Dropdown,{data:de,name:e,onChange:t,value:r,isPanelOnly:!0})}function pe(e){return de.find(t=>t.id===e)?.name||""}var ce=Lt;function St({name:e,onChange:t,value:r}){return jsxRuntime.jsx(components.CalendarInput,{name:e,onChange:t,value:r,isPanelOnly:!0,isRange:!0})}function ue(e){return e||""}var At=4;function fe(e,t){let r=new Date(e);if(Number.isNaN(r.getTime()))return "";let o=r.getDate().toString().padStart(2,"0"),n=(r.getMonth()+1).toString().padStart(2,"0"),a=r.getFullYear();return `${o}/${n}${t?"":`/${a}`}`}function be(e){if(e.includes(",")){let r=e.split(",").map(o=>parseInt(o.substring(0,At),10));return e.split(",").map(o=>fe(o,r[0]===r[1]&&r[0]===new Date().getFullYear())).join(" - ")}return fe(e)}var ge=St;function Ot({data:e,name:t,onChange:r,value:o}){return jsxRuntime.jsx(components.Dropdown,{data:e,name:t,onChange:r,value:o,isPanelOnly:!0})}function xe(e,t){return t?.find(r=>r.id===e)?.name||""}var he=Ot;var jt={boolean:{component:ce,renderValue:pe},date:{component:ge,renderValue:be,size:"w-96",transformValue:ue},dropdown:{component:he,renderValue:xe}},Mt="w-56";function _t({data:e,label:t,name:r,onChange:o,type:n,value:a}){let i=react.useRef(null);function m(v){o(r,v.target.value),i.current?.hidePopover();}function l(){o(r,"");}let{component:c,renderValue:f,size:s,transformValue:x}=jt[n];return jsxRuntime.jsxs("li",{className:components.tw("relative inline-flex h-8 items-center gap-2 rounded-full border px-5 text-xs text-white",a?"border-solid border-slate-400":"border-dashed border-slate-400",a?"bg-slate-700 pr-10":"text-slate-300"),children:[jsxRuntime.jsx("p",{className:"",children:t}),a?jsxRuntime.jsx("p",{className:"border-l border-l-slate-300 pl-2 font-semibold",children:f(a,e)}):null,jsxRuntime.jsx("button",{className:components.tw("absolute left-0 top-0 h-full select-none text-transparent",a?"right-10":"right-0"),id:`${r}-control`,popovertarget:`${r}-target`,type:"button",children:"Edit"}),a?jsxRuntime.jsx(T,{onClick:l}):null,jsxRuntime.jsx("div",{ref:i,anchor:`${r}-control`,className:components.tw("show left-[anchor(left)] top-[anchor(bottom)] -ml-px mt-2 origin-top-left origin-top-left rounded bg-white shadow-lg",s||Mt),id:`${r}-target`,popover:"auto",children:jsxRuntime.jsx("div",{className:"py-1",role:"none",children:jsxRuntime.jsx(c,{data:e,name:r,onChange:m,value:x?x(a):a})})})]})}var ye=_t;function Ht({hasSearch:e,map:t}){let r=navigation.useRouter(),[o,n]=hooks.useFilters(),[a,i]=react.useState(o.get("search")||"");function m(s,x){n(s,x),r.refresh();}function l(s){i(s.target.value||"");}function c(){i(""),n("search","");}function f(s){s.key==="Enter"&&n("search",s.currentTarget.value);}return jsxRuntime.jsxs("ul",{className:"relative flex gap-2 before:absolute before:left-[calc(50%-50vw)] before:top-full before:h-24 before:w-screen before:bg-slate-800",children:[e?jsxRuntime.jsxs("li",{className:"relative",children:[jsxRuntime.jsx(components.TextInput,{classNames:{root:{default:components.tw("h-8 w-56 rounded-full border border-slate-400  px-3 text-xs text-white placeholder:text-slate-300",o.get("search")?"bg-slate-700":"bg-transparent focus:bg-slate-700")}},name:"search",onChange:l,onKeyDown:f,placeholder:"Search...",value:a}),o.get("search")?jsxRuntime.jsx(T,{onClick:c}):null]}):null,(t||[]).map(s=>jsxRuntime.jsx(ye,{onChange:m,value:o.get(s.name)||"",...s},s.name))]})}var U=Ht;function G(e){return e?Array.isArray(e)?jsxRuntime.jsx("ul",{className:"flex items-center gap-4 text-xs text-slate-600",children:e.map((t,r)=>jsxRuntime.jsx("li",{children:t},r))}):jsxRuntime.jsx("table",{className:"w-full text-xs",children:jsxRuntime.jsx("tbody",{children:Object.entries(e).map(([t,r])=>jsxRuntime.jsxs("tr",{className:"odd:bg-slate-100",children:[jsxRuntime.jsx("th",{className:"p-2 font-semibold",children:t}),jsxRuntime.jsx("td",{className:"p-2 text-right",children:r||"-"})]},t))})}):null}function Yt({actions:e,description:t,href:r,id:o,meta:n,title:a}){return jsxRuntime.jsx("li",{children:jsxRuntime.jsxs("article",{className:"bg-panel overflow-hidden rounded p-4 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]",children:[a?jsxRuntime.jsx("h2",{className:"text-lg font-semibold",children:r?jsxRuntime.jsx(components.Link,{href:r,children:a}):a}):null,t?jsxRuntime.jsx("div",{children:t}):null,n||e?jsxRuntime.jsxs("div",{className:"mt-4 flex items-center justify-between border-t border-slate-200 pt-3",children:[n?G(n):null,e?jsxRuntime.jsx(e,{id:o}):null]}):null]})})}var ve=Yt;function Jt({actions:e,href:t,id:r,image:o,imageHref:n,meta:a,subtitle:i,title:m}){return jsxRuntime.jsx("li",{children:jsxRuntime.jsxs("article",{className:"bg-panel overflow-hidden rounded p-4 shadow",children:[jsxRuntime.jsx("div",{className:"relative mb-4 h-64 rounded border border border-slate-300 bg-slate-50 p-4",children:o?jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("img",{alt:"",className:"h-full w-full object-contain",src:o}),n?jsxRuntime.jsx(components.Link,{className:"absolute inset-0",href:n,scroll:!1,children:jsxRuntime.jsx("span",{className:"sr-only",children:"Edit Image"})}):null]}):n?jsxRuntime.jsxs(components.Link,{className:"absolute inset-0 flex flex-col items-center justify-center gap-3 font-semibold text-slate-500",href:n,scroll:!1,children:[jsxRuntime.jsx("i",{className:"block h-12 w-12 rounded-full border-2 border-slate-300"}),"Add Image"]}):null}),jsxRuntime.jsx("h2",{className:"text-base font-semibold",children:t?jsxRuntime.jsx(components.Link,{href:t,children:m}):m}),i?jsxRuntime.jsx("p",{className:"text-xs text-slate-500",children:i}):null,a?jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("hr",{className:"my-4"}),jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:a?G(a):null})]}):null,t?jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("hr",{className:"my-4"}),jsxRuntime.jsx(components.Link,{href:t,scroll:!1,children:"Edit"})]}):null]})})}var Re=Jt;function Zt(){return {id:0,title:""}}var Qt=["action"];function er(e){return Array.from(e.entries()).some(([t,r])=>!Qt.includes(t)&&!!r)}async function tr({actions:e,columns:t,emptyMessageProps:r,filters:o,fn:n,hasSearch:a,isMinimal:i,params:m,renderItem:l=ve,transformer:c}){let f;try{let{headers:R}=await import('next/headers');f=new URLSearchParams(R().get("x-search-params")||"");}catch{f=new URLSearchParams;}let[s,x]=await n(m,f);if(!Array.isArray(s))throw new Error("Response is not an array. Did you forget to return an Errorable object in the function?");if(x)return jsxRuntime.jsx("div",{children:"Error"});let v=await y(s.map(c||Zt)),Q=er(f),Ue=Q?{children:"Try adjusting the filters above. If you think this is a mistake, please contact your site administrator.",title:"No results match the current filters"}:r;return jsxRuntime.jsxs(react.Fragment,{children:[(o||a)&&(v.length||Q)?jsxRuntime.jsx(U,{hasSearch:a,map:o}):null,v.length?jsxRuntime.jsx("ul",{className:components.tw("relative",t?"grid grid-cols-3 gap-6":"flex flex-col gap-4"),children:v.map(R=>jsxRuntime.jsx(react.Fragment,{children:l({actions:e,...R})},R.id))}):jsxRuntime.jsx(components.EmptyMessage,{...Ue,classNameProps:{isMinimal:i}})]})}var W=tr;function or(e){return jsxRuntime.jsx(W,{...e,columns:3,renderItem:Re})}var ar=or;var ir={danger:"bg-[url(/admin/images/danger.svg)]",info:"bg-[url(/admin/images/info.svg)]",success:"bg-[url(/admin/images/success.svg)]",warning:"bg-[url(/admin/images/warning.svg)]"},lr={danger:"bg-red-50 text-red-700",info:"bg-sky-50 text-sky-700",success:"bg-green-50 text-green-700",warning:"bg-yellow-50 text-yellow-700"};function sr({children:e,variant:t="info"}){return jsxRuntime.jsxs("aside",{className:components.tw("grid grid-cols-[1rem_auto] gap-4 rounded p-4",lr[t]),children:[jsxRuntime.jsx("i",{className:components.tw("aspect-square bg-contain bg-no-repeat",ir[t])}),jsxRuntime.jsx("div",{children:e})]})}var mr=sr;function cr({id:e,onClick:t,label:r,variant:o}){function n(){t(e);}return jsxRuntime.jsx(components.ConfirmableButton,{onClick:n,variant:o,isText:!0,children:r})}var Ce=cr;function br({actions:e,id:t}){let[r,o,n]=hooks.useClickOutside();function a(){o(!r);}return jsxRuntime.jsxs("div",{ref:n,className:"flex flex-row-reverse items-center gap-4",children:[jsxRuntime.jsxs("button",{className:"h-4 rotate-90 text-xs leading-[1em] tracking-tighter text-slate-500",onClick:a,type:"button",children:["\u2022\u2022\u2022",jsxRuntime.jsxs("span",{className:"sr-only",children:[r?"Close":"Open"," Actions"]})]}),r?jsxRuntime.jsx("ul",{className:"show relative flex origin-right gap-4 bg-white before:absolute before:-bottom-2 before:-top-2 before:left-[-999em] before:right-full before:bg-white/80",children:e.map(({label:i,onClick:m,variant:l})=>jsxRuntime.jsx("li",{children:jsxRuntime.jsx(Ce,{id:t,label:i,onClick:m,variant:l})},i))}):null]})}var gr=br;function yr({basePath:e="",data:t}){let r=k(t,{basePath:e});return jsxRuntime.jsx("nav",{children:jsxRuntime.jsx("ul",{className:"flex gap-4",children:r.map(({href:o,isActive:n,label:a})=>jsxRuntime.jsx("li",{children:jsxRuntime.jsx(components.Link,{className:components.tw("block border-b-4 border-transparent px-1 pb-2 font-semibold",n?"border-primary":"opacity-80 hover:opacity-100"),href:o,children:a})},o))})})}var Le=yr;async function vr({basePath:e,data:t}){return jsxRuntime.jsx(Le,{basePath:e,data:await y(utility.filterNull(t))})}var Ee=vr;async function Nr({basePath:e,children:t,isFullWidth:r,tabs:o,title:n}){let a=await h();return jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("header",{className:components.tw("",a==="sidebar"?"bg-slate-200":"bg-slate-800 pb-16 text-white"),children:jsxRuntime.jsxs(components.Container,{isFullWidth:a==="sidebar"||r,children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between py-10",children:[jsxRuntime.jsx("h1",{className:"min-h-10 text-3xl font-semibold",children:n}),jsxRuntime.jsx("div",{className:"flex gap-2",id:"page-actions"})]}),o?jsxRuntime.jsx("div",{className:components.tw("-mt-4",a==="sidebar"?"":"mb-8 border-b border-slate-700"),children:jsxRuntime.jsx(Ee,{basePath:e,data:utility.filterNull(o)})}):null]})}),jsxRuntime.jsx(components.Container,{isFullWidth:a==="sidebar"||r,children:jsxRuntime.jsx("div",{className:components.tw("flex flex-col gap-8",a==="sidebar"?"mt-8":"-mt-16"),children:t})})]})}var Z=Nr;function Lr({action:e,children:t,title:r}){return jsxRuntime.jsxs("article",{className:"bg-panel relative overflow-hidden rounded p-6 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]",children:[r?jsxRuntime.jsxs("header",{children:[jsxRuntime.jsx("h3",{className:"mb-4 border-b border-slate-200 pb-3 text-lg font-semibold leading-none",children:r}),e?jsxRuntime.jsx(components.Button,{href:e.href,children:e.label}):null]}):null,t]})}var Er=Lr;function Tr({children:e}){let t=react.useRef(null),[r,o]=react.useState(!1);return react.useEffect(()=>{t.current=document.getElementById("page-actions"),o(!0);},[]),r&&t.current?reactDom.createPortal(e,t.current):null}var Or=Tr;var Dr=components.twx({actionList:()=>({root:"flex gap-2"}),button:e=>({root:{danger:"border-red-500 bg-red-500 text-white",default:components.tw("text-md h-10 rounded border border-slate-300 bg-white px-5 text-slate-600",e?.isFullWidth?"w-full":null),primary:"bg-button-bg text-button-text border-none font-semibold"}}),calendar:()=>({root:"p-4 pb-3 text-sm text-slate-600",head:"pb-2 text-center text-xs text-slate-400",month:"w-full table-fixed",day:{default:"h-10 border border-slate-200",highlighted:"bg-slate-100",selected:"bg-slate-200"}}),calendarNavigation:()=>({root:"mb-6 flex items-center justify-between",title:"text-base font-semibold",control:"h-6 w-6 rounded-full border border-slate-300",previous:"-order-1"}),checkboxInput:e=>({root:components.tw("flex",e?.isInline?"gap-6":"flex-col gap-2"),icon:{default:"h-6 w-6 rounded border border-slate-300",checked:"bg-green-500"},label:"pl-2 font-semibold"}),codeInput:()=>({input:{default:"focus:border-primary h-10 rounded border border-slate-300 text-center",error:"border-red-500"}}),definitionList:()=>({root:"flex flex-col gap-4",row:"border-b border-slate-200 pb-4",term:"pb-1 text-slate-500"}),dropdown:()=>({list:"overflow-hidden rounded",item:{default:"block p-3 text-sm text-slate-700",selected:"bg-slate-100"},title:"block leading-none",meta:"mt-1 block text-xs leading-none text-slate-500",icon:"mr-2 h-5 w-5 bg-[url(/admin/images/chevron.svg)] bg-contain bg-center bg-no-repeat",clear:"mr-2 h-4 w-4 bg-[url(/admin/images/close.svg)] bg-contain bg-center bg-no-repeat"}),editableFieldset:()=>({root:"bg-panel grid grid-cols-[30%_1fr] gap-8 rounded p-8 shadow",title:"mb-8 text-lg font-semibold leading-none text-slate-700",description:"text-slate-600",actions:"flex justify-end gap-2 border-t border-slate-200 pt-4"}),editableFormField:()=>({root:"grid grid-cols-[25%_1fr] border-t border-slate-200 py-4",label:"flex items-center font-semibold leading-none",field:"flex min-h-10 items-center"}),emptyMessage:e=>({root:components.tw("relative mx-auto mt-4 w-full max-w-2xl p-16 text-center text-slate-500",e?.isMinimal?null:"rounded bg-white shadow before:pointer-events-none before:absolute before:inset-2 before:border-2 before:border-dashed"),title:"mb-2 text-pretty text-xl font-semibold leading-tight",description:"text-pretty",action:"mt-6 flex justify-center"}),fieldset:()=>({root:"rounded bg-white p-8 shadow",title:"mb-8 text-lg font-semibold leading-none text-slate-700"}),form:()=>({root:"flex flex-col gap-6"}),formField:e=>({root:{default:e?.isEditable?"grid grid-cols-[25%_1fr] border-t border-slate-200 py-4":""},label:components.tw("flex font-semibold leading-none",e?.isEditable?"items-center":"mb-2 justify-between"),details:"mb-2 text-xs font-normal leading-none text-slate-500",optional:"pl-2 text-xs font-normal leading-none text-slate-500",error:components.tw("mt-2 flex items-center gap-1.5 text-red-600 before:h-4 before:w-4 before:rounded-full before:bg-[url(/admin/images/danger.svg)] before:bg-contain",e?.isEditable?"col-start-2":"")}),imageInput:()=>({root:"h-64 rounded border border-slate-300 bg-slate-50 p-8",icon:"mx-auto mb-2 block h-12 w-12 rounded-full border-2 border-slate-300",title:"mb-1 font-semibold",description:"text-xs italic text-slate-700"}),inputPanel:()=>({root:"show my-1 origin-top rounded border border-slate-300 bg-white shadow-md"}),loadingModal:()=>({root:"open:backdrop:fade py-16 backdrop:bg-slate-700/50 backdrop:backdrop-blur-sm",panel:"text-center text-lg font-semibold text-white"}),modal:()=>({root:"open:backdrop:fade py-16 backdrop:bg-slate-700/50 backdrop:backdrop-blur-sm",panel:"show bg-panel row-start-2 mx-auto w-full max-w-lg rounded p-6 text-left shadow-xl",title:"mb-6 text-lg font-semibold",actions:"flex justify-end"}),multiInput:()=>({root:"flex flex-col gap-2 pt-2",row:"grid grid-cols-[1fr_auto] has-[>_button]:gap-2"}),objectInput:()=>({root:"flex flex-col gap-2"}),passwordInput:()=>({action:{default:"mr-2 h-6 w-6 overflow-hidden bg-[url(/admin/images/eye.svg)] bg-no-repeat indent-12",selected:"bg-bottom"}}),staticTextInput:()=>({root:{default:"text-md flex min-h-10 flex-col justify-center rounded border border-slate-300 bg-white p-3",error:"border-red-500"},label:"block leading-none",meta:"mt-1 block text-xs leading-none text-slate-500",placeholder:"block leading-none text-slate-500"}),switch:()=>({root:"flex gap-4",input:{default:"h-6 w-10 flex-none cursor-pointer rounded-full bg-slate-300 p-1 transition-colors",checked:"bg-green-500"},control:{default:"h-4 w-4 translate-x-0 transform rounded-full bg-white shadow-md transition-transform",checked:"translate-x-full"},label:"font-semibold",details:"block text-xs text-slate-500"}),textArea:()=>({root:{default:"text-md focus:border-primary rounded border border-slate-300 px-3 py-2",error:"border-red-500"}}),textButton:()=>({root:{danger:"text-red-600"}}),textInput:()=>({root:{default:"text-md focus:border-primary h-10 rounded border border-slate-300 px-3",error:"border-red-500"},prefix:{default:"peer-focus:border-primary relative -mr-1 rounded-l border border-slate-300 bg-white px-3 text-sm text-slate-600"}}),toast:()=>({root:{default:"rounded border px-4 py-2",success:"border-green-300 bg-green-100 text-green-700",error:"border-red-300 bg-red-100 text-red-700"}})}),Ie=Dr;function jr({data:e}){return e&&L(e),null}var Te=jr;var qr=google.Inter({subsets:["latin"],variable:"--font-inter"});function Ur({children:e,config:t,logo:r}){return t&&L(t,r),jsxRuntime.jsxs("html",{lang:"en",children:[jsxRuntime.jsx("head",{}),jsxRuntime.jsxs("body",{className:components.tw(qr.variable,"overflow-x-hidden overflow-y-scroll bg-slate-50 font-sans text-sm text-slate-800 has-[[data-modal][open]]:overflow-hidden"),children:[jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:"(function(d){var v=d.createElement('div'),t=d.createElement('style'),s=v.style;s.overflowY='scroll';s.width='50';s.height='50';d.body.append(v);t.innerHTML='body:has([data-modal][open]){padding-right:'+(v.offsetWidth-v.clientWidth)+'px}';d.body.append(t);v.remove()}(document))"}}),jsxRuntime.jsx(Te,{data:t}),jsxRuntime.jsx(components.ClassNames,{data:Ie}),e,jsxRuntime.jsx(components.Toaster,{})]})]})}var $r=Ur;var Be={sidebar:"Side bar",topbar:"Top bar"};function Jr({defaults:e}){let{fieldProps:t,formProps:r}=hooks.useEditableForm({defaults:e,onSubmit:te});return jsxRuntime.jsxs(components.EditableForm,{title:"Appearance",...r,children:[jsxRuntime.jsx(components.EditableRadioFormField,{...t("layout"),options:Be,renderValue:o=>o&&Be[o]||"-"}),jsxRuntime.jsx(components.EditableSwitchFormField,{...t("isDark"),label:"Dark mode"})]})}var je=Jr;async function Kr({children:e}){let t=await h();return jsxRuntime.jsx(Z,{title:"Settings",children:jsxRuntime.jsxs("div",{className:"flex flex-col gap-6",children:[jsxRuntime.jsx(je,{defaults:{layout:t}}),e]})})}var Zr=Kr;function ao(e,t,r){let o=new URLSearchParams({...Object.fromEntries(t),...r});return `${e}?${o.toString()}`}function no(e,t){return t&&e==="asc"?"desc":"asc"}function io(e,t,r){let o=no(t.get("dir"),t.get("sort")===r);return ao(e,t,{sort:r,dir:o})}function lo(e,t){return e.get("sort")===t?{dir:e.get("dir")}:{dir:null}}function so(e){return e.every(t=>typeof t=="string")}function mo(e){return e.length===0?[]:so(e)?e.map(t=>({key:t})):e}function po({columns:e,data:t}){let r=navigation.usePathname(),o=navigation.useSearchParams();react.useState([]);let i=mo(e),m=i.some(l=>l.title);return jsxRuntime.jsx("div",{className:"bg-white shadow-sm",children:jsxRuntime.jsxs("table",{className:"w-full",children:[m?jsxRuntime.jsx("thead",{children:jsxRuntime.jsx("tr",{children:i.map(l=>jsxRuntime.jsx("th",{className:components.tw("p-4",l.type==="number"?"text-right":"text-left"),children:l.title?jsxRuntime.jsxs(components.Link,{href:io(r,o,l.key),children:[l.title," "]}):null},l.key))})}):null,jsxRuntime.jsx("tbody",{children:t.map(l=>jsxRuntime.jsx("tr",{className:"odd:bg-slate-100",children:i.map(c=>jsxRuntime.jsx("td",{className:components.tw("border-x border-transparent p-4",lo(o,c.key).dir?"border-sky-300 bg-sky-300/10":"",c.type==="number"?"text-right":"text-left"),children:l[c.key]},c.key))},l.id))})]})})}var ze=po;function co(e){return {id:e.id,...e}}async function fo({columns:e,fn:t,searchParams:r}){let[o,n]=await t(r);if(n)return jsxRuntime.jsx("div",{children:"Error"});let a=o.map(co);return jsxRuntime.jsx(ze,{columns:e,data:a})}var uo=fo;
+// src/components/index.ts
+
+// src/services/ConfigService.ts
+var config = {
+  app: {
+    name: "Square Zero",
+    url: "http://localhost:8080"
+  },
+  navigation: []
+};
+function setConfig(cfg, logo) {
+  config = { ...cfg, logo };
+  return config;
+}
+function getConfig() {
+  return config;
+}
+async function getLayout() {
+  return Promise.resolve(headers.cookies().get("layout")?.value || "topbar");
+}
+async function submitSettingsForm(formData) {
+  headers.cookies().set("layout", formData.layout);
+  return Promise.resolve([true, null]);
+}
+async function filterList(list) {
+  if (process.env.APP_ENV !== "production" && process.env.DANGEROUSLY_DISABLE_PERMISSIONS) {
+    return Promise.resolve(list);
+  }
+  const cookie = headers.cookies().get("permissions")?.value;
+  if (!cookie) {
+    return Promise.resolve([]);
+  }
+  let value = [];
+  try {
+    value = JSON.parse(cookie);
+  } catch (err) {
+    return Promise.resolve([]);
+  }
+  return Promise.resolve(
+    list.filter(({ permission }) => {
+      if (!permission) {
+        return true;
+      }
+      const permissions = Array.isArray(permission) ? permission : [permission];
+      return permissions.every((item) => value.includes(item));
+    })
+  );
+}
+function getActiveHref(pathname, hrefs) {
+  return hrefs.filter((href) => href && pathname.startsWith(`/${href.replace(/^\//u, "")}`)).sort((first, second) => {
+    if (!first || !second) {
+      return 0;
+    }
+    return second.length - first.length;
+  })[0] || "";
+}
+function useNavigation(data2, options2) {
+  const [activeHref, setActiveHref] = react.useState("");
+  const pathname = navigation.usePathname();
+  const hrefs = data2.map(({ href }) => utility.joinUrl(options2?.basePath, href));
+  react.useEffect(() => {
+    setActiveHref(getActiveHref(pathname, hrefs));
+  }, [pathname]);
+  return data2.map(({ href, label }) => ({
+    href: utility.joinUrl(options2?.basePath, href),
+    isActive: utility.joinUrl(options2?.basePath, href) === activeHref,
+    label
+  }));
+}
+var useNavigation_default = useNavigation;
+function AppNavigationComponent({
+  data: data2,
+  layout
+}) {
+  const navigation = useNavigation_default(data2);
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: components.tw("h-full", layout === "sidebar" ? "w-full" : "pl-6"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      className: components.tw(
+        "flex h-full gap-2",
+        layout === "sidebar" ? "flex-col items-start" : "items-center"
+      ),
+      children: navigation.map(({ href, isActive, label }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: components.tw(layout === "sidebar" ? null : "h-full"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        components.Link,
+        {
+          className: components.tw(
+            "relative flex h-full items-center px-1 font-semibold",
+            isActive ? "before:bg-primary text-white before:absolute before:bottom-0 before:left-0 before:right-0 before:h-1" : "text-white/80 hover:text-white"
+          ),
+          href,
+          children: label
+        }
+      ) }, href))
+    }
+  ) });
+}
+var AppNavigationComponent_default = AppNavigationComponent;
+async function AppNavigation({
+  layout
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AppNavigationComponent_default, { data: await filterList(getConfig().navigation), layout });
+}
+var AppNavigation_default = AppNavigation;
+function MeActions() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex gap-2 text-xs text-slate-300", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href: "/settings", children: "Settings" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(components.LogoutButton, {}) })
+  ] });
+}
+var MeActions_default = MeActions;
+function MePanel({ layout, user }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: components.tw(
+        "ml-auto flex items-center gap-3",
+        layout === "sidebar" ? "flex-row-reverse" : null
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end gap-0.5 text-white", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: user?.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(MeActions_default, {})
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9 w-9 flex-none rounded-full border-4 border-slate-500" })
+      ]
+    }
+  );
+}
+var MePanel_default = MePanel;
+async function AppLayout({ children, user }) {
+  const config2 = getConfig();
+  const layout = await getLayout();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: components.tw("", layout === "sidebar" ? "grid grid-cols-[12rem_1fr]" : null), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "bg-slate-800", children: /* @__PURE__ */ jsxRuntime.jsx(components.Container, { isFullWidth: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: components.tw(
+          "flex items-center",
+          layout === "sidebar" ? "-mx-4 h-screen flex-col py-4" : "h-16 border-b border-slate-700"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            components.Link,
+            {
+              className: components.tw(layout === "sidebar" ? "h-12 w-12" : "h-9 w-9"),
+              href: "/",
+              children: [
+                config2.logo?.(),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: config2.app.name })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(AppNavigation_default, { layout }),
+          /* @__PURE__ */ jsxRuntime.jsx(MePanel_default, { layout, user })
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "mb-10 block", children })
+  ] });
+}
+var AppLayout_default = AppLayout;
+var classNames = {
+  root: "bg-slate-800 gap-8",
+  logo: "mx-auto flex h-12 w-32 items-end",
+  panel: "rounded bg-white p-8 shadow-lg pb-10",
+  title: "text-lg font-semibold mb-6 leading-none",
+  link: "font-semibold text-link",
+  actions: "pt-2 w-full",
+  footer: "-mb-2"
+};
+function Auth(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Auth, { ...props, classNames });
+}
+var Auth_default = Auth;
+var classMap = {
+  danger: "bg-red-100 text-red-700",
+  error: "bg-red-100 text-red-700",
+  info: "bg-sky-100 text-sky-700",
+  warning: "bg-yellow-100 text-yellow-700",
+  success: "bg-green-100 text-green-700"
+};
+var dotMap = {
+  danger: "fill-red-400",
+  error: "fill-red-400",
+  info: "fill-sky-400",
+  warning: "fill-yellow-400",
+  success: "fill-green-400"
+};
+function Badge({ children, variant }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "strong",
+    {
+      className: components.tw(
+        "inline-flex items-center gap-1.5 rounded-full bg-slate-100 px-2 py-1 text-xs font-medium text-slate-600",
+        variant ? classMap[variant] : null
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: components.tw("h-1.5 w-1.5 fill-slate-400", variant ? dotMap[variant] : null),
+            viewBox: "0 0 6 6",
+            children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "3", cy: "3", r: "3" })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+var Badge_default = Badge;
+function Dashboard({ children, title }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mx-auto text-center text-4xl font-semibold", children: title }),
+    children
+  ] });
+}
+var Dashboard_default = Dashboard;
+function FilterBarClearButton({
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      className: "absolute right-0 top-0 flex h-full w-10 select-none items-center justify-center",
+      onClick,
+      type: "button",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Remove" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-white leading-none text-slate-800", children: "\xD7" })
+      ]
+    }
+  );
+}
+var FilterBarClearButton_default = FilterBarClearButton;
+var data = [
+  {
+    id: "0",
+    name: "No"
+  },
+  {
+    id: "1",
+    name: "Yes"
+  }
+];
+function BooleanFilter({
+  name,
+  onChange,
+  value
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Dropdown, { data, name, onChange, value, isPanelOnly: true });
+}
+function renderBooleanValue(value) {
+  return data.find((item) => item.id === value)?.name || "";
+}
+var BooleanFilter_default = BooleanFilter;
+function DateFilter({ name, onChange, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.CalendarInput, { name, onChange, value, isPanelOnly: true, isRange: true });
+}
+function transformDateValue(value) {
+  return value || "";
+}
+var LENGTH_OF_YEAR = 4;
+function renderDateString(value, noYear) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return "";
+  }
+  const day = date.getDate().toString().padStart(2, "0");
+  const month = (date.getMonth() + 1).toString().padStart(2, "0");
+  const year = date.getFullYear();
+  return `${day}/${month}${noYear ? "" : `/${year}`}`;
+}
+function renderDateValue(value) {
+  if (value.includes(",")) {
+    const values = value.split(",");
+    const years = values.map((item) => parseInt(item.substring(0, LENGTH_OF_YEAR), 10));
+    return value.split(",").map(
+      (item) => renderDateString(
+        item,
+        years[0] === years[1] && years[0] === (/* @__PURE__ */ new Date()).getFullYear()
+      )
+    ).join(" - ");
+  }
+  return renderDateString(value);
+}
+var DateFilter_default = DateFilter;
+function DropdownFilter({
+  data: data2,
+  name,
+  onChange,
+  value
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Dropdown, { data: data2, name, onChange, value, isPanelOnly: true });
+}
+function renderDropdownValue(value, data2) {
+  return data2?.find((item) => item.id === value)?.name || "";
+}
+var DropdownFilter_default = DropdownFilter;
+var map = {
+  boolean: { component: BooleanFilter_default, renderValue: renderBooleanValue },
+  date: {
+    component: DateFilter_default,
+    renderValue: renderDateValue,
+    size: "w-96",
+    transformValue: transformDateValue
+  },
+  dropdown: { component: DropdownFilter_default, renderValue: renderDropdownValue }
+};
+var DEFAULT_SIZE = "w-56";
+function FilterBarItem({
+  data: data2,
+  label,
+  name,
+  onChange,
+  type,
+  value
+}) {
+  const panel = react.useRef(null);
+  function handleChange(event) {
+    onChange(name, event.target.value);
+    panel.current?.hidePopover();
+  }
+  function handleClear() {
+    onChange(name, "");
+  }
+  const { component: FilterComponent, renderValue, size, transformValue } = map[type];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      className: components.tw(
+        "relative inline-flex h-8 items-center gap-2 rounded-full border px-5 text-xs text-white",
+        value ? "border-solid border-slate-400" : "border-dashed border-slate-400",
+        value ? "bg-slate-700 pr-10" : "text-slate-300"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "", children: label }),
+        value ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-l border-l-slate-300 pl-2 font-semibold", children: renderValue(value, data2) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: components.tw(
+              "absolute left-0 top-0 h-full select-none text-transparent",
+              value ? "right-10" : "right-0"
+            ),
+            id: `${name}-control`,
+            popovertarget: `${name}-target`,
+            type: "button",
+            children: "Edit"
+          }
+        ),
+        value ? /* @__PURE__ */ jsxRuntime.jsx(FilterBarClearButton_default, { onClick: handleClear }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: panel,
+            anchor: `${name}-control`,
+            className: components.tw(
+              "show left-[anchor(left)] top-[anchor(bottom)] -ml-px mt-2 origin-top-left origin-top-left rounded bg-white shadow-lg",
+              size || DEFAULT_SIZE
+            ),
+            id: `${name}-target`,
+            popover: "auto",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", role: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+              FilterComponent,
+              {
+                data: data2,
+                name,
+                onChange: handleChange,
+                value: transformValue ? transformValue(value) : value
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+}
+var FilterBarItem_default = FilterBarItem;
+function FilterBar({ hasSearch, map: map2 }) {
+  const router = navigation.useRouter();
+  const [filters, setFilter] = hooks.useFilters();
+  const [search, setSearch] = react.useState(filters.get("search") || "");
+  function handleChange(name, value) {
+    setFilter(name, value);
+    router.refresh();
+  }
+  function handleSearchChange(event) {
+    setSearch(event.target.value || "");
+  }
+  function handleSearchClear() {
+    setSearch("");
+    setFilter("search", "");
+  }
+  function handleSearchKeyDown(event) {
+    if (event.key === "Enter") {
+      setFilter("search", event.currentTarget.value);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "relative flex gap-2 before:absolute before:left-[calc(50%-50vw)] before:top-full before:h-24 before:w-screen before:bg-slate-800", children: [
+    hasSearch ? /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        components.TextInput,
+        {
+          classNames: {
+            root: {
+              default: components.tw(
+                "h-8 w-56 rounded-full border border-slate-400  px-3 text-xs text-white placeholder:text-slate-300",
+                filters.get("search") ? "bg-slate-700" : "bg-transparent focus:bg-slate-700"
+              )
+            }
+          },
+          name: "search",
+          onChange: handleSearchChange,
+          onKeyDown: handleSearchKeyDown,
+          placeholder: "Search...",
+          value: search
+        }
+      ),
+      filters.get("search") ? /* @__PURE__ */ jsxRuntime.jsx(FilterBarClearButton_default, { onClick: handleSearchClear }) : null
+    ] }) : null,
+    (map2 || []).map((filter) => /* @__PURE__ */ jsxRuntime.jsx(
+      FilterBarItem_default,
+      {
+        onChange: handleChange,
+        value: filters.get(filter.name) || "",
+        ...filter
+      },
+      filter.name
+    ))
+  ] });
+}
+var FilterBar_default = FilterBar;
+function renderMeta(meta) {
+  if (!meta) {
+    return null;
+  }
+  if (Array.isArray(meta)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-4 text-xs text-slate-600", children: meta.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: item }, String(item))) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Object.entries(meta).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "odd:bg-slate-100", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "p-2 font-semibold", children: key }),
+    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-2 text-right", children: value || "-" })
+  ] }, key)) }) });
+}
+function ListItem({
+  actions: Actions,
+  // eslint-disable-line @typescript-eslint/naming-convention
+  description,
+  href,
+  id,
+  meta,
+  title
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "bg-panel overflow-hidden rounded p-4 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]", children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: href ? /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href, children: title }) : title }) : null,
+    description ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: description }) : null,
+    meta || Actions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-between border-t border-slate-200 pt-3", children: [
+      meta ? renderMeta(meta) : null,
+      Actions ? /* @__PURE__ */ jsxRuntime.jsx(Actions, { id }) : null
+    ] }) : null
+  ] }) });
+}
+var ListItem_default = ListItem;
+function GridListItem({
+  href,
+  image,
+  imageHref,
+  meta,
+  subtitle,
+  title
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "bg-panel overflow-hidden rounded p-4 shadow", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-4 h-64 rounded border border border-slate-300 bg-slate-50 p-4", children: image ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", className: "h-full w-full object-contain", src: image }),
+      imageHref ? /* @__PURE__ */ jsxRuntime.jsx(components.Link, { className: "absolute inset-0", href: imageHref, scroll: false, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit Image" }) }) : null
+    ] }) : imageHref ? /* @__PURE__ */ jsxRuntime.jsxs(
+      components.Link,
+      {
+        className: "absolute inset-0 flex flex-col items-center justify-center gap-3 font-semibold text-slate-500",
+        href: imageHref,
+        scroll: false,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("i", { className: "block h-12 w-12 rounded-full border-2 border-slate-300" }),
+          "Add Image"
+        ]
+      }
+    ) : null }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold", children: href ? /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href, children: title }) : title }),
+    subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500", children: subtitle }) : null,
+    meta ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "my-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: meta ? renderMeta(meta) : null })
+    ] }) : null,
+    href ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "my-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href, scroll: false, children: "Edit" })
+    ] }) : null
+  ] }) });
+}
+var GridListItem_default = GridListItem;
+function defaultTransformer() {
+  return {
+    id: 0,
+    title: ""
+  };
+}
+var reservedSearchParams = ["action"];
+function checkHasFilters(searchParams) {
+  return Array.from(searchParams.entries()).some(
+    ([key, value]) => !reservedSearchParams.includes(key) && Boolean(value)
+  );
+}
+async function List({
+  actions,
+  columns,
+  emptyMessageProps,
+  filters,
+  fn,
+  hasSearch,
+  isMinimal,
+  params,
+  renderItem = ListItem_default,
+  transformer
+}) {
+  let searchParams;
+  try {
+    const { headers } = await import('next/headers');
+    searchParams = new URLSearchParams(headers().get("x-search-params") || "");
+  } catch (err) {
+    searchParams = new URLSearchParams();
+  }
+  const [response, error] = await fn(params, searchParams);
+  if (!Array.isArray(response)) {
+    throw new Error(
+      "Response is not an array. Did you forget to return an Errorable object in the function?"
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Error" });
+  }
+  const data2 = await filterList(response.map(transformer || defaultTransformer));
+  const hasFilters = checkHasFilters(searchParams);
+  const componentEmptyMessageProps = hasFilters ? {
+    children: "Try adjusting the filters above. If you think this is a mistake, please contact your site administrator.",
+    title: "No results match the current filters"
+  } : emptyMessageProps;
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+    (filters || hasSearch) && (data2.length || hasFilters) ? /* @__PURE__ */ jsxRuntime.jsx(FilterBar_default, { hasSearch, map: filters }) : null,
+    data2.length ? /* @__PURE__ */ jsxRuntime.jsx(
+      "ul",
+      {
+        className: components.tw(
+          "relative",
+          columns ? "grid grid-cols-3 gap-6" : "flex flex-col gap-4"
+        ),
+        children: data2.map((item) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderItem({ actions, ...item }) }, item.id))
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(components.EmptyMessage, { ...componentEmptyMessageProps, classNameProps: { isMinimal } })
+  ] });
+}
+var List_default = List;
+function GridList(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(List_default, { ...props, columns: 3, renderItem: GridListItem_default });
+}
+var GridList_default = GridList;
+var iconClassMap = {
+  danger: "bg-[url(/admin/images/danger.svg)]",
+  info: "bg-[url(/admin/images/info.svg)]",
+  success: "bg-[url(/admin/images/success.svg)]",
+  warning: "bg-[url(/admin/images/warning.svg)]"
+};
+var classMap2 = {
+  danger: "bg-red-50 text-red-700",
+  info: "bg-sky-50 text-sky-700",
+  success: "bg-green-50 text-green-700",
+  warning: "bg-yellow-50 text-yellow-700"
+};
+function InfoPanel({ children, variant = "info" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: components.tw("grid grid-cols-[1rem_auto] gap-4 rounded p-4", classMap2[variant]), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("i", { className: components.tw("aspect-square bg-contain bg-no-repeat", iconClassMap[variant]) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children })
+  ] });
+}
+var InfoPanel_default = InfoPanel;
+function ListAction({
+  id,
+  onClick,
+  label,
+  variant
+}) {
+  function handleClick() {
+    onClick(id);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(components.ConfirmableButton, { onClick: handleClick, variant, isText: true, children: label });
+}
+var ListAction_default = ListAction;
+function ListActions({ actions, id }) {
+  const [isOpen, setIsOpen, ref] = hooks.useClickOutside();
+  function toggleIsOpen() {
+    setIsOpen(!isOpen);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "flex flex-row-reverse items-center gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        className: "h-4 rotate-90 text-xs leading-[1em] tracking-tighter text-slate-500",
+        onClick: toggleIsOpen,
+        type: "button",
+        children: [
+          "\u2022\u2022\u2022",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+            isOpen ? "Close" : "Open",
+            " Actions"
+          ] })
+        ]
+      }
+    ),
+    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "show relative flex origin-right gap-4 bg-white before:absolute before:-bottom-2 before:-top-2 before:left-[-999em] before:right-full before:bg-white/80", children: actions.map(({ label, onClick, variant }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ListAction_default, { id, label, onClick, variant }) }, label)) }) : null
+  ] });
+}
+var ListActions_default = ListActions;
+function TabsComponent({ basePath = "", data: data2 }) {
+  const navigation = useNavigation_default(data2, { basePath });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: navigation.map(({ href, isActive, label }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    components.Link,
+    {
+      className: components.tw(
+        "block border-b-4 border-transparent px-1 pb-2 font-semibold",
+        isActive ? "border-primary" : "opacity-80 hover:opacity-100"
+      ),
+      href,
+      children: label
+    }
+  ) }, href)) }) });
+}
+var TabsComponent_default = TabsComponent;
+async function Tabs({ basePath, data: data2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsComponent_default, { basePath, data: await filterList(utility.filterNull(data2)) });
+}
+var Tabs_default = Tabs;
+async function Page({
+  basePath,
+  children,
+  isFullWidth,
+  tabs,
+  title
+}) {
+  const layout = await getLayout();
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "header",
+      {
+        className: components.tw(
+          "",
+          layout === "sidebar" ? "bg-slate-200" : "bg-slate-800 pb-16 text-white"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(components.Container, { isFullWidth: layout === "sidebar" || isFullWidth, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "min-h-10 text-3xl font-semibold", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", id: "page-actions" })
+          ] }),
+          tabs ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: components.tw(
+                "-mt-4",
+                layout === "sidebar" ? "" : "mb-8 border-b border-slate-700"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Tabs_default, { basePath, data: utility.filterNull(tabs) })
+            }
+          ) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Container, { isFullWidth: layout === "sidebar" || isFullWidth, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: components.tw("flex flex-col gap-8", layout === "sidebar" ? "mt-8" : "-mt-16"),
+        children
+      }
+    ) })
+  ] });
+}
+var Page_default = Page;
+function Panel({ action, children, title }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "bg-panel relative overflow-hidden rounded p-6 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]", children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 border-b border-slate-200 pb-3 text-lg font-semibold leading-none", children: title }),
+      action ? /* @__PURE__ */ jsxRuntime.jsx(components.Button, { href: action.href, children: action.label }) : null
+    ] }) : null,
+    children
+  ] });
+}
+var Panel_default = Panel;
+function PageActions({ children }) {
+  const ref = react.useRef(null);
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => {
+    ref.current = document.getElementById("page-actions");
+    setMounted(true);
+  }, []);
+  return mounted && ref.current ? reactDom.createPortal(children, ref.current) : null;
+}
+var PageActions_default = PageActions;
+var classNames2 = components.twx({
+  actionList: () => ({
+    root: "flex gap-2"
+  }),
+  button: (props) => ({
+    root: {
+      danger: "border-red-500 bg-red-500 text-white",
+      default: components.tw(
+        "text-md h-10 rounded border border-slate-300 bg-white px-5 text-slate-600",
+        props?.isFullWidth ? "w-full" : null
+      ),
+      primary: "bg-button-bg text-button-text border-none font-semibold"
+    }
+  }),
+  calendar: () => ({
+    root: "p-4 pb-3 text-sm text-slate-600",
+    head: "pb-2 text-center text-xs text-slate-400",
+    month: "w-full table-fixed",
+    day: {
+      default: "h-10 border border-slate-200",
+      highlighted: "bg-slate-100",
+      selected: "bg-slate-200"
+    }
+  }),
+  calendarNavigation: () => ({
+    root: "mb-6 flex items-center justify-between",
+    title: "text-base font-semibold",
+    control: "h-6 w-6 rounded-full border border-slate-300",
+    previous: "-order-1"
+  }),
+  checkboxInput: (props) => ({
+    root: components.tw("flex", props?.isInline ? "gap-6" : "flex-col gap-2"),
+    icon: {
+      default: "h-6 w-6 rounded border border-slate-300",
+      checked: "bg-green-500"
+    },
+    label: "pl-2 font-semibold"
+  }),
+  codeInput: () => ({
+    input: {
+      default: "focus:border-primary h-10 rounded border border-slate-300 text-center",
+      error: "border-red-500"
+    }
+  }),
+  definitionList: () => ({
+    root: "flex flex-col gap-4",
+    row: "border-b border-slate-200 pb-4",
+    term: "pb-1 text-slate-500"
+  }),
+  dropdown: () => ({
+    list: "overflow-hidden rounded",
+    item: { default: "block p-3 text-sm text-slate-700", selected: "bg-slate-100" },
+    title: "block leading-none",
+    meta: "mt-1 block text-xs leading-none text-slate-500",
+    icon: "mr-2 h-5 w-5 bg-[url(/admin/images/chevron.svg)] bg-contain bg-center bg-no-repeat",
+    clear: "mr-2 h-4 w-4 bg-[url(/admin/images/close.svg)] bg-contain bg-center bg-no-repeat"
+  }),
+  editableFieldset: () => ({
+    root: "bg-panel grid grid-cols-[30%_1fr] gap-8 rounded p-8 shadow",
+    title: "mb-8 text-lg font-semibold leading-none text-slate-700",
+    description: "text-slate-600",
+    actions: "flex justify-end gap-2 border-t border-slate-200 pt-4"
+  }),
+  editableFormField: () => ({
+    root: "grid grid-cols-[25%_1fr] border-t border-slate-200 py-4",
+    label: "flex items-center font-semibold leading-none",
+    field: "flex min-h-10 items-center"
+  }),
+  emptyMessage: (props) => ({
+    root: components.tw(
+      "relative mx-auto mt-4 w-full max-w-2xl p-16 text-center text-slate-500",
+      props?.isMinimal ? null : "rounded bg-white shadow before:pointer-events-none before:absolute before:inset-2 before:border-2 before:border-dashed"
+    ),
+    title: "mb-2 text-pretty text-xl font-semibold leading-tight",
+    description: "text-pretty",
+    action: "mt-6 flex justify-center"
+  }),
+  fieldset: () => ({
+    root: "rounded bg-white p-8 shadow",
+    title: "mb-8 text-lg font-semibold leading-none text-slate-700"
+  }),
+  form: () => ({
+    root: "flex flex-col gap-6"
+  }),
+  formField: (props) => ({
+    root: {
+      default: props?.isEditable ? "grid grid-cols-[25%_1fr] border-t border-slate-200 py-4" : ""
+    },
+    label: components.tw(
+      "flex font-semibold leading-none",
+      props?.isEditable ? "items-center" : "mb-2 justify-between"
+    ),
+    details: "mb-2 text-xs font-normal leading-none text-slate-500",
+    optional: "pl-2 text-xs font-normal leading-none text-slate-500",
+    error: components.tw(
+      "mt-2 flex items-center gap-1.5 text-red-600 before:h-4 before:w-4 before:rounded-full before:bg-[url(/admin/images/danger.svg)] before:bg-contain",
+      props?.isEditable ? "col-start-2" : ""
+    )
+  }),
+  imageInput: () => ({
+    root: "h-64 rounded border border-slate-300 bg-slate-50 p-8",
+    icon: "mx-auto mb-2 block h-12 w-12 rounded-full border-2 border-slate-300",
+    title: "mb-1 font-semibold",
+    description: "text-xs italic text-slate-700"
+  }),
+  inputPanel: () => ({
+    root: "show my-1 origin-top rounded border border-slate-300 bg-white shadow-md"
+  }),
+  loadingModal: () => ({
+    root: "open:backdrop:fade py-16 backdrop:bg-slate-700/50 backdrop:backdrop-blur-sm",
+    panel: "text-center text-lg font-semibold text-white"
+  }),
+  modal: () => ({
+    root: "open:backdrop:fade py-16 backdrop:bg-slate-700/50 backdrop:backdrop-blur-sm",
+    panel: "show bg-panel row-start-2 mx-auto w-full max-w-lg rounded p-6 text-left shadow-xl",
+    title: "mb-6 text-lg font-semibold",
+    actions: "flex justify-end"
+  }),
+  multiInput: () => ({
+    root: "flex flex-col gap-2 pt-2",
+    row: "grid grid-cols-[1fr_auto] has-[>_button]:gap-2"
+  }),
+  objectInput: () => ({
+    root: "flex flex-col gap-2"
+  }),
+  passwordInput: () => ({
+    action: {
+      default: "mr-2 h-6 w-6 overflow-hidden bg-[url(/admin/images/eye.svg)] bg-no-repeat indent-12",
+      selected: "bg-bottom"
+    }
+  }),
+  staticTextInput: () => ({
+    root: {
+      default: "text-md flex min-h-10 flex-col justify-center rounded border border-slate-300 bg-white p-3",
+      error: "border-red-500"
+    },
+    label: "block leading-none",
+    meta: "mt-1 block text-xs leading-none text-slate-500",
+    placeholder: "block leading-none text-slate-500"
+  }),
+  switch: () => ({
+    root: "flex gap-4",
+    input: {
+      default: "h-6 w-10 flex-none cursor-pointer rounded-full bg-slate-300 p-1 transition-colors",
+      checked: "bg-green-500"
+    },
+    control: {
+      default: "h-4 w-4 translate-x-0 transform rounded-full bg-white shadow-md transition-transform",
+      checked: "translate-x-full"
+    },
+    label: "font-semibold",
+    details: "block text-xs text-slate-500"
+  }),
+  textArea: () => ({
+    root: {
+      default: "text-md focus:border-primary rounded border border-slate-300 px-3 py-2",
+      error: "border-red-500"
+    }
+  }),
+  textButton: () => ({
+    root: { danger: "text-red-600" }
+  }),
+  textInput: () => ({
+    root: {
+      default: "text-md focus:border-primary h-10 rounded border border-slate-300 px-3",
+      error: "border-red-500"
+    },
+    prefix: {
+      default: "peer-focus:border-primary relative -mr-1 rounded-l border border-slate-300 bg-white px-3 text-sm text-slate-600"
+    }
+  }),
+  toast: () => ({
+    root: {
+      default: "rounded border px-4 py-2",
+      success: "border-green-300 bg-green-100 text-green-700",
+      error: "border-red-300 bg-red-100 text-red-700"
+    }
+  })
+});
+var config_default = classNames2;
+
+// src/components/Config/index.tsx
+function Config({ data: data2 }) {
+  if (data2) {
+    setConfig(data2);
+  }
+  return null;
+}
+var Config_default = Config;
+var inter = google.Inter({
+  subsets: ["latin"],
+  variable: "--font-inter"
+});
+function RootLayout({ children, config: config2, logo }) {
+  if (config2) {
+    setConfig(config2, logo);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("html", { lang: "en", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("head", {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "body",
+      {
+        className: components.tw(
+          inter.variable,
+          "overflow-x-hidden overflow-y-scroll bg-slate-50 font-sans text-sm text-slate-800 has-[[data-modal][open]]:overflow-hidden"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "script",
+            {
+              dangerouslySetInnerHTML: {
+                __html: "(function(d){var v=d.createElement('div'),t=d.createElement('style'),s=v.style;s.overflowY='scroll';s.width='50';s.height='50';d.body.append(v);t.innerHTML='body:has([data-modal][open]){padding-right:'+(v.offsetWidth-v.clientWidth)+'px}';d.body.append(t);v.remove()}(document))"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Config_default, { data: config2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.ClassNames, { data: config_default }),
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(components.Toaster, {})
+        ]
+      }
+    )
+  ] });
+}
+var RootLayout_default = RootLayout;
+var options = { sidebar: "Side bar", topbar: "Top bar" };
+function SettingsForm({ defaults }) {
+  const { fieldProps, formProps } = hooks.useEditableForm({
+    defaults,
+    onSubmit: submitSettingsForm
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.EditableForm, { title: "Appearance", ...formProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.EditableRadioFormField,
+      {
+        ...fieldProps("layout"),
+        options,
+        renderValue: (value) => value ? options[value] || "-" : "-"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(components.EditableSwitchFormField, { ...fieldProps("isDark"), label: "Dark mode" })
+  ] });
+}
+var SettingsForm_default = SettingsForm;
+async function SettingsPage({
+  children
+}) {
+  const layout = await getLayout();
+  return /* @__PURE__ */ jsxRuntime.jsx(Page_default, { title: "Settings", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SettingsForm_default, { defaults: { layout } }),
+    children
+  ] }) });
+}
+var SettingsPage_default = SettingsPage;
+function createFilterLink(pathname, searchParams, filters) {
+  const updatedSearchParams = new URLSearchParams({
+    ...Object.fromEntries(searchParams),
+    ...filters
+  });
+  return `${pathname}?${updatedSearchParams.toString()}`;
+}
+function getDir(currentDir, isSortActive) {
+  if (isSortActive) {
+    return currentDir === "asc" ? "desc" : "asc";
+  }
+  return "asc";
+}
+function createSortLink(pathname, searchParams, sort) {
+  const dir = getDir(searchParams.get("dir"), searchParams.get("sort") === sort);
+  return createFilterLink(pathname, searchParams, { sort, dir });
+}
+function getSortIconProps(searchParams, sort) {
+  if (searchParams.get("sort") === sort) {
+    return { dir: searchParams.get("dir") };
+  }
+  return { dir: null };
+}
+function isStringArray(array) {
+  return array.every((item) => typeof item === "string");
+}
+function parseColumns(columns) {
+  if (columns.length === 0) {
+    return [];
+  }
+  if (isStringArray(columns)) {
+    return columns.map((key) => ({ key }));
+  }
+  return columns;
+}
+function TableClientComponent({
+  columns,
+  data: data2
+}) {
+  const pathname = navigation.usePathname();
+  const searchParams = navigation.useSearchParams();
+  const parsedColumns = parseColumns(columns);
+  const hasTitles = parsedColumns.some((column) => column.title);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full", children: [
+    hasTitles ? /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: parsedColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+      "th",
+      {
+        className: components.tw(
+          "p-4",
+          column.type === "number" ? "text-right" : "text-left"
+        ),
+        children: column.title ? /* @__PURE__ */ jsxRuntime.jsxs(
+          components.Link,
+          {
+            href: createSortLink(
+              pathname,
+              searchParams,
+              column.key
+            ),
+            children: [
+              column.title,
+              " "
+            ]
+          }
+        ) : null
+      },
+      column.key
+    )) }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: data2.map((item) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "odd:bg-slate-100", children: parsedColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+      "td",
+      {
+        className: components.tw(
+          "border-x border-transparent p-4",
+          getSortIconProps(searchParams, column.key).dir ? "border-sky-300 bg-sky-300/10" : "",
+          column.type === "number" ? "text-right" : "text-left"
+        ),
+        children: item[column.key]
+      },
+      column.key
+    )) }, item.id)) })
+  ] }) });
+}
+var TableClientComponent_default = TableClientComponent;
+function defaultTransformer2(item) {
+  return {
+    id: item.id,
+    ...item
+  };
+}
+async function Table({
+  columns,
+  fn,
+  searchParams
+}) {
+  const [response, error] = await fn(searchParams);
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Error" });
+  }
+  const data2 = response.map(defaultTransformer2);
+  return /* @__PURE__ */ jsxRuntime.jsx(TableClientComponent_default, { columns, data: data2 });
+}
+var Table_default = Table;
 
 Object.defineProperty(exports, "Autocomplete", {
-	enumerable: true,
-	get: function () { return components.Autocomplete; }
+  enumerable: true,
+  get: function () { return components.Autocomplete; }
 });
 Object.defineProperty(exports, "AutocompleteFormField", {
-	enumerable: true,
-	get: function () { return components.AutocompleteFormField; }
+  enumerable: true,
+  get: function () { return components.AutocompleteFormField; }
 });
 Object.defineProperty(exports, "Button", {
-	enumerable: true,
-	get: function () { return components.Button; }
+  enumerable: true,
+  get: function () { return components.Button; }
 });
 Object.defineProperty(exports, "CalendarInput", {
-	enumerable: true,
-	get: function () { return components.CalendarInput; }
+  enumerable: true,
+  get: function () { return components.CalendarInput; }
 });
 Object.defineProperty(exports, "CheckboxInput", {
-	enumerable: true,
-	get: function () { return components.CheckboxInput; }
+  enumerable: true,
+  get: function () { return components.CheckboxInput; }
 });
 Object.defineProperty(exports, "ConfirmableButton", {
-	enumerable: true,
-	get: function () { return components.ConfirmableButton; }
+  enumerable: true,
+  get: function () { return components.ConfirmableButton; }
 });
 Object.defineProperty(exports, "ConnectedDropdown", {
-	enumerable: true,
-	get: function () { return components.ConnectedDropdown; }
+  enumerable: true,
+  get: function () { return components.ConnectedDropdown; }
 });
 Object.defineProperty(exports, "ContentFormField", {
-	enumerable: true,
-	get: function () { return components.ContentFormField; }
+  enumerable: true,
+  get: function () { return components.ContentFormField; }
 });
 Object.defineProperty(exports, "DateFormField", {
-	enumerable: true,
-	get: function () { return components.DateFormField; }
+  enumerable: true,
+  get: function () { return components.DateFormField; }
 });
 Object.defineProperty(exports, "DateInput", {
-	enumerable: true,
-	get: function () { return components.DateInput; }
+  enumerable: true,
+  get: function () { return components.DateInput; }
 });
 Object.defineProperty(exports, "DefinitionList", {
-	enumerable: true,
-	get: function () { return components.DefinitionList; }
+  enumerable: true,
+  get: function () { return components.DefinitionList; }
 });
 Object.defineProperty(exports, "Dropdown", {
-	enumerable: true,
-	get: function () { return components.Dropdown; }
+  enumerable: true,
+  get: function () { return components.Dropdown; }
 });
 Object.defineProperty(exports, "DropdownFormField", {
-	enumerable: true,
-	get: function () { return components.DropdownFormField; }
+  enumerable: true,
+  get: function () { return components.DropdownFormField; }
 });
 Object.defineProperty(exports, "EditableDateFormField", {
-	enumerable: true,
-	get: function () { return components.EditableDateFormField; }
+  enumerable: true,
+  get: function () { return components.EditableDateFormField; }
 });
 Object.defineProperty(exports, "EditableDropdownFormField", {
-	enumerable: true,
-	get: function () { return components.EditableDropdownFormField; }
+  enumerable: true,
+  get: function () { return components.EditableDropdownFormField; }
 });
 Object.defineProperty(exports, "EditableForm", {
-	enumerable: true,
-	get: function () { return components.EditableForm; }
+  enumerable: true,
+  get: function () { return components.EditableForm; }
 });
 Object.defineProperty(exports, "EditableFormField", {
-	enumerable: true,
-	get: function () { return components.EditableFormField; }
+  enumerable: true,
+  get: function () { return components.EditableFormField; }
 });
 Object.defineProperty(exports, "EditableMultiFormField", {
-	enumerable: true,
-	get: function () { return components.EditableMultiFormField; }
+  enumerable: true,
+  get: function () { return components.EditableMultiFormField; }
 });
 Object.defineProperty(exports, "EditableNumberFormField", {
-	enumerable: true,
-	get: function () { return components.EditableNumberFormField; }
+  enumerable: true,
+  get: function () { return components.EditableNumberFormField; }
 });
 Object.defineProperty(exports, "EditableSwitchFormField", {
-	enumerable: true,
-	get: function () { return components.EditableSwitchFormField; }
+  enumerable: true,
+  get: function () { return components.EditableSwitchFormField; }
 });
 Object.defineProperty(exports, "EditableTextAreaFormField", {
-	enumerable: true,
-	get: function () { return components.EditableTextAreaFormField; }
+  enumerable: true,
+  get: function () { return components.EditableTextAreaFormField; }
 });
 Object.defineProperty(exports, "EditableTextFormField", {
-	enumerable: true,
-	get: function () { return components.EditableTextFormField; }
+  enumerable: true,
+  get: function () { return components.EditableTextFormField; }
 });
 Object.defineProperty(exports, "EmptyMessage", {
-	enumerable: true,
-	get: function () { return components.EmptyMessage; }
+  enumerable: true,
+  get: function () { return components.EmptyMessage; }
 });
 Object.defineProperty(exports, "Fieldset", {
-	enumerable: true,
-	get: function () { return components.Fieldset; }
+  enumerable: true,
+  get: function () { return components.Fieldset; }
 });
 Object.defineProperty(exports, "Form", {
-	enumerable: true,
-	get: function () { return components.Form; }
+  enumerable: true,
+  get: function () { return components.Form; }
 });
 Object.defineProperty(exports, "FormField", {
-	enumerable: true,
-	get: function () { return components.FormField; }
+  enumerable: true,
+  get: function () { return components.FormField; }
 });
 Object.defineProperty(exports, "FormSubmit", {
-	enumerable: true,
-	get: function () { return components.FormSubmit; }
+  enumerable: true,
+  get: function () { return components.FormSubmit; }
 });
 Object.defineProperty(exports, "ImageFormField", {
-	enumerable: true,
-	get: function () { return components.ImageFormField; }
+  enumerable: true,
+  get: function () { return components.ImageFormField; }
 });
 Object.defineProperty(exports, "ImageInput", {
-	enumerable: true,
-	get: function () { return components.ImageInput; }
+  enumerable: true,
+  get: function () { return components.ImageInput; }
 });
 Object.defineProperty(exports, "Link", {
-	enumerable: true,
-	get: function () { return components.Link; }
+  enumerable: true,
+  get: function () { return components.Link; }
 });
 Object.defineProperty(exports, "LoadingModal", {
-	enumerable: true,
-	get: function () { return components.LoadingModal; }
+  enumerable: true,
+  get: function () { return components.LoadingModal; }
 });
 Object.defineProperty(exports, "ModalForm", {
-	enumerable: true,
-	get: function () { return components.ModalForm; }
+  enumerable: true,
+  get: function () { return components.ModalForm; }
 });
 Object.defineProperty(exports, "MultiFormField", {
-	enumerable: true,
-	get: function () { return components.MultiFormField; }
+  enumerable: true,
+  get: function () { return components.MultiFormField; }
 });
 Object.defineProperty(exports, "NumberFormField", {
-	enumerable: true,
-	get: function () { return components.NumberFormField; }
+  enumerable: true,
+  get: function () { return components.NumberFormField; }
 });
 Object.defineProperty(exports, "NumberInput", {
-	enumerable: true,
-	get: function () { return components.NumberInput; }
+  enumerable: true,
+  get: function () { return components.NumberInput; }
 });
 Object.defineProperty(exports, "RadioInput", {
-	enumerable: true,
-	get: function () { return components.RadioInput; }
+  enumerable: true,
+  get: function () { return components.RadioInput; }
 });
 Object.defineProperty(exports, "Switch", {
-	enumerable: true,
-	get: function () { return components.Switch; }
+  enumerable: true,
+  get: function () { return components.Switch; }
 });
 Object.defineProperty(exports, "SwitchFormField", {
-	enumerable: true,
-	get: function () { return components.SwitchFormField; }
+  enumerable: true,
+  get: function () { return components.SwitchFormField; }
 });
 Object.defineProperty(exports, "TextArea", {
-	enumerable: true,
-	get: function () { return components.TextArea; }
+  enumerable: true,
+  get: function () { return components.TextArea; }
 });
 Object.defineProperty(exports, "TextAreaFormField", {
-	enumerable: true,
-	get: function () { return components.TextAreaFormField; }
+  enumerable: true,
+  get: function () { return components.TextAreaFormField; }
 });
 Object.defineProperty(exports, "TextFormField", {
-	enumerable: true,
-	get: function () { return components.TextFormField; }
+  enumerable: true,
+  get: function () { return components.TextFormField; }
 });
 Object.defineProperty(exports, "TextInput", {
-	enumerable: true,
-	get: function () { return components.TextInput; }
+  enumerable: true,
+  get: function () { return components.TextInput; }
 });
 Object.defineProperty(exports, "Toaster", {
-	enumerable: true,
-	get: function () { return components.Toaster; }
-});
-exports.AppLayout = mt;
-exports.Auth = ft;
-exports.Badge = ht;
-exports.Dashboard = vt;
-exports.FilterBar = U;
-exports.GridList = ar;
-exports.InfoPanel = mr;
-exports.List = W;
-exports.ListActions = gr;
-exports.Page = Z;
-exports.PageActions = Or;
-exports.Panel = Er;
-exports.RootLayout = $r;
-exports.SettingsPage = Zr;
-exports.Table = uo;
-exports.getConfig = E;
-exports.setConfig = L;
+  enumerable: true,
+  get: function () { return components.Toaster; }
+});
+exports.AppLayout = AppLayout_default;
+exports.Auth = Auth_default;
+exports.Badge = Badge_default;
+exports.Dashboard = Dashboard_default;
+exports.FilterBar = FilterBar_default;
+exports.GridList = GridList_default;
+exports.InfoPanel = InfoPanel_default;
+exports.List = List_default;
+exports.ListActions = ListActions_default;
+exports.Page = Page_default;
+exports.PageActions = PageActions_default;
+exports.Panel = Panel_default;
+exports.RootLayout = RootLayout_default;
+exports.SettingsPage = SettingsPage_default;
+exports.Table = Table_default;
+exports.getConfig = getConfig;
+exports.setConfig = setConfig;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map