react-luna-form 0.0.43 → 0.0.45

package/dist/server/esm/index.js

@@ -1 +1,1799 @@
-import{jsx as _n}from"react/jsx-runtime";function pe(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return _n("div",{"data-slot":"field-control",className:"w-full",children:t})}import{Activity as yr,useCallback as xr,useState as br}from"react";import{jsx as ge}from"react/jsx-runtime";function ye(e){return ge("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:`size-4 transition-transform duration-200 ${e.expanded?"rotate-90":""}`,children:ge("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})})}var D="input",xe="input/date",be="input/email",Te="input/number";var he="input/time";var Re="textarea",Fe="radio",Se="checkbox",Z="list";var Ae="select",Ne="select/day",Ce="select/month",Ie="select/timezone",Ee="select/year";var ve="chips",ke="chips/day",Le="chips/month",A="column",Pe="description",K="fields",De="label",W="value",w="options",q="email",we="number",Oe="password",Me="tel",N="text",_e="aria-errormessage",Ve="aria-invalid",He="data-invalid",ze="data-readonly",Ge="aria",$e="data",Be="max",Ue="maxLength",Ye="min",Xe="minLength",h="$ref";var Ze="type",Ke={Africa:"Africa",America:"Americas",Asia:"Asia / Pacific",Atlantic:"Atlantic",Australia:"Asia / Pacific",Europe:"Europe",Indian:"Asia / Pacific",Pacific:"Asia / Pacific"};function s(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function m(e){return f(e)||typeof e=="number"||Vn(e)}function f(e){return typeof e=="string"}function Vn(e){return typeof e=="boolean"}function We(e,t=W){if(e!=null){if(Array.isArray(e)&&e.every(m)||m(e))return e;if(s(e)){let n=Hn(e,t);if(m(n))return n}}}function Hn(e,t){let n=p(e,t);if(m(n))return n}function p(e,t){if(!t||!s(e))return null;let n=t.split(".").filter(o=>o!=="");if(n.length===0)return null;let r=e;for(let o of n)if(s(r)&&o in r)r=r[o];else return null;return r}function qe(e,t={description:Pe,label:De,value:W}){return e.map(n=>{if(s(n)){let r=p(n,t.label),o=p(n,t.value);if(m(r)&&m(o)){let i=p(n,t.description);return{label:`${r}`,value:`${o}`,...m(i)&&{description:`${i}`}}}}return n})}function Je(e=N){let t=e.lastIndexOf("/"),n=t===-1?e:e.slice(t+1);return n&&n!==D?n.trim().toLowerCase():N}var zn=/\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g;function J(e,t={}){if(f(e))return Gn(e,t);if(Array.isArray(e))return e.map(n=>J(n,t));if(s(e)){let n={};for(let r in e)n[r]=J(e[r],t);return n}return e}function O(e,t={}){return Q(e)?J(e,t):e}function Q(e){return f(e)?/{([^}]{1,200})}/.test(e):Array.isArray(e)?e.some(t=>Q(t)):s(e)?Object.values(e).some(t=>Q(t)):!1}function Gn(e,t={}){return e.replace(/{([^}]{1,200})}/g,(n,r)=>{let o=r.includes(".")?p(t,r):t[r];return m(o)?String(o):n})}function Qe(e,t){if(!f(e)||!e||e.trim().length===0)return null;let n,r=0,o=!1,i=[];for(;(n=zn.exec(e))!==null;){let[l,c,d]=n,u=n.index;o=!0,u>r&&i.push(e.substring(r,u));let S=t?t(u,d,c):l;i.push(S),r=u+l.length}return o?(r<e.length&&i.push(e.substring(r)),i):e}var je=e=>a(Ne)(e),et=e=>a(Ce)(e),tt=e=>a(Ee)(e),nt=e=>a(Ie)(e),rt=e=>a(ke)(e),ot=e=>a(Le)(e),it=a(xe),j=a(he),g=a(Se),ee=a(ve),b=a(Fe),lt=a(D),y=a(Ae),at=a(Re),st=a(N,q,Oe,Me),Ro=a(be,q),ct=a(Te,we);function dt(e){return b(e)||g(e)}function ut(e){return e.type===Z}function R(e){return e.type===A}function M(e){return e.type!==A&&e.type!==Z}function te(e){return y(e)||b(e)}function C(e){return e!=null&&e!==""}function a(...e){return t=>{let n=f(t.type)?t.type:void 0;return n?e.some(r=>n===r||n?.startsWith(`${r}/`)):!1}}function ft(e,t={}){if(y(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&s(n))return[n]}}function mt(e){return b(e)||g(e)?!0:e.advanced?.horizontal??!1}function pt(e){return g(e)?e.advanced?.reverse!==!1:!1}function gt(e,t){let n=e.readonly??!1;return t||n}function yt(e){if(b(e)||y(e)&&!e.disabled){let t=e.source;if(Array.isArray(t)||s(t)&&!(h in t))return t}}import{isValid as Tt,parse as ht,format as Rt}from"date-fns";var $n=/^\d+$/,Ft=new Date(2e3,0,1),Bn=()=>"supportedValuesOf"in Intl?Intl.supportedValuesOf("timeZone"):[];function ne(){return Array.from({length:12},(e,t)=>({value:(t+1).toString(),label:new Date(0,t).toLocaleString("default",{month:"long"})}))}function re(){return Array.from({length:7},(e,t)=>({value:t.toString(),label:new Date(2e3,0,2+t).toLocaleString("default",{weekday:"long"})}))}function St(e,t){return t>=e?Array.from({length:t-e+1},(n,r)=>{let o=e+r;return{value:o.toString(),label:o.toString()}}):[]}function oe(){return new Date().getFullYear()}function Un(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function Yn(e){let t=e.indexOf("/"),n=t===-1?e:e.slice(0,t);return Ke[n]??"Other"}function Xn(e,t){return(e.find(r=>r.type==="timeZoneName")?.value??t).replace(/\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,"")}function xt(e,t){let n=new Intl.DateTimeFormat("en",{timeZone:e,timeZoneName:"longOffset"}).formatToParts(t),r=new Intl.DateTimeFormat("en",{timeZone:e,timeZoneName:"long"}).formatToParts(t),i=(n.find(c=>c.type==="timeZoneName")?.value??"GMT+00:00").replace("GMT","UTC"),l=Xn(r,e);return{offset:i,longName:l}}function bt(e){return e.slice(e.lastIndexOf("/")+1).replace(/_/g," ")}function At(){let e=new Date,t=Un(),n=new Map,r=bt(t),{offset:o,longName:i}=xt(t,e),l={value:t,label:`${r} - ${i} (${o})`};for(let d of Bn()){if(d===t)continue;let u=bt(d),{offset:S,longName:Mn}=xt(d,e),fe={value:d,label:`${u} - ${Mn} (${S})`},X=Yn(d);if(X==="Other")continue;let me=n.get(X);me?me.push(fe):n.set(X,[fe])}for(let d of n.values())d.sort((u,S)=>u.label.localeCompare(S.label));let c=Array.from(n.entries()).sort(([d],[u])=>d.localeCompare(u)).map(([d,u])=>({label:d,items:u}));return[{label:"Suggested",items:[l]},...c]}function ie(e,t){if(typeof e=="number")return e;let n=t??oe(),r=e.trim().toLowerCase();if(r.startsWith("current")){let o=r.match(/^current([+-])(\d+)$/);if(o){let[,i,l]=o,c=parseInt(l,10);if(!isNaN(c))return i==="+"?n+c:n-c}return n}return $n.test(r)?parseInt(r,10):n}function Nt(e,t){if(!e)return"";try{let n=ht(e,t,Ft);return Tt(n)?Rt(n,"yyyy-MM-dd"):""}catch{return""}}function Ct(e,t){if(!e)return"";try{let n=ht(e,t,Ft);return Tt(n)?Rt(n,"HH:mm:ss"):""}catch{return""}}function le(e){return e.advanced?.format??"HH:mm"}function It(e){return e.advanced?.format??"MMMM d, yyyy"}var _=oe();function Zn(e){if(ee(e))return Kn(e)}function Kn(e){if(rt(e))return re();if(ot(e))return ne()}function Wn(e){if(y(e))return qn(e)}function qn(e){if(je(e))return re();if(et(e))return ne();if(tt(e)){let t=e.advanced?.length?.min??_,n=e.advanced?.length?.max??_+5;return St(ie(t,_),ie(n,_))}if(nt(e))return At()}function Et(e,t=!1){let n={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return lt(e)?{...n,...Jn(e)}:y(e)?{...n,...vt(e,Wn)}:at(e)?{...n,...jn(e)}:ee(e)?{...n,...Qn(e)}:n}function Jn(e){let t=Je(e.type),n={...e,type:t};return{...tr(e),...kt(e),...er(n),...st(n)?Lt(n):{},type:t}}function vt(e,t){let n=t(e);return n?{options:n}:{}}function Qn(e){let t=vt(e,Zn),n=e.advanced?.multiple??!0;return{...t,multiple:n}}function jn(e){return{...kt(e),...Lt(e)}}function kt(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function er(e){return ct(e)?nr(e):{}}function tr(e){if(j(e)){let t=le(e);return{step:t==="HH:mm:ss"||t==="hh:mm:ss a"?"1":"60"}}return{}}function Lt(e){return Pt(e,{min:Xe,max:Ue})}function nr(e){return Pt(e,{min:Ye,max:Be})}function Pt(e,t){let n={},r=e.advanced?.length;return r&&(r.min!==void 0&&(n[t.min]=r.min),r.max!==void 0&&(n[t.max]=r.max)),n}function Dt(e,t){let n=yt(e);return n||ft(e,t)}function rr(e,t){let n=s(t)&&e.name in t?t[e.name]:t,r=We(n,e.advanced?.entity);return j(e)&&C(r)?or(e,r):it(e)&&C(r)?sr(e,r):r}function or(e,t){let n=le(e);return f(t)?Ct(t,n):t}function ir(e,t,n){return te(e)&&Array.isArray(n)?{...t,[w]:n}:t}function lr(e,t,n){if(e.required&&!C(n)&&y(e)&&e.advanced?.preselected!==!1&&w in t){let r=t[w];if(Array.isArray(r)&&r.length===1)return r[0]}return n}function ar(e,t){return te(e)&&Array.isArray(t)?qe(t,e.advanced?.options):t}function wt(e,t,n,r){let o=rr(e,r),i=Array.isArray(n)?ar(e,n):n,l=ir(e,t,i),c=lr(e,l,o);return{commonPropsWithOptions:l,defaultValue:c}}function Ot(e,t){return g(e)?{defaultChecked:C(t)}:{defaultValue:t}}function sr(e,t){let n=It(e);return f(t)?Nt(t,n):t}var cr=/^#\/definition\//;function H(e=[],t){let n=V(e,t);return Array.isArray(n)?n.filter(ur).sort((r,o)=>Mt(r)-Mt(o)):[]}function V(e,t,n=new Map,r=new WeakSet){if(!dr(t)||!e||typeof e!="object")return e;if(n.has(e))return n.get(e);if(r.has(e))return e;if(r.add(e),Array.isArray(e))return e.map(i=>V(i,t,n,r));if(h in e&&f(e[h])){let i=e[h].replace(cr,""),l=p(t,i);return l!==null?V(l,t,n,r):e}let o={};for(let[i,l]of Object.entries(e))o[i]=V(l,t,n,r);return r.delete(e),n.set(e,o),o}function _t(e){return Object.entries(e??{})}function Mt(e){return e.order??Number.MAX_VALUE}function dr(e){return e!==void 0&&s(e)&&Object.keys(e).length>0}function ur(e){return Ze in e?!0:Array.isArray(e[K])?e[K].length>0:!0}function Vt(e,t){let n={};for(let[r,o]of _t(t))n[`${e}-${r}`]=o;return n}function fr(e){return Vt(Ge,e)}function mr(e){return Vt($e,e)}function Ht(e,t){let n=fr(e.advanced?.aria);return t&&t.length>0&&(n[Ve]="true",n[_e]=`${e.name}-error`),n}function zt(e){return mr(e.advanced?.data)}var Gt={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},$t={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function Bt(e,t=2){return Gt[e&&e in Gt?e:t]}function Ut(e){if(e&&e in $t)return $t[e]}function pr(e,t){let n=e.advanced?.length?.min??1;if(t){let r=p(t,e.name);if(Array.isArray(r))return Math.max(r.length,n)}return Math.max(n,0)}function Yt(e){return!Array.isArray(e.fields)||e.fields.length===0?!1:e.fields.length>1||e.fields[0].type===A}function Xt(e,t){let n=pr(e,t);return Array.from({length:n},(r,o)=>o)}function Zt(e){return e.label??e.name}function F(e,t){return e?t?t[e]??e:e:""}function z(e,t){return{...e,...t}}import{jsx as gr}from"react/jsx-runtime";function x(e){return Qe(e,(t,n,r)=>gr("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:r},`${n}-${t}`))}import{jsx as I,jsxs as ae}from"react/jsx-runtime";function Kt(e){let{fields:t=[]}=e.section,[n,r]=br(!1),o=xr(()=>r(i=>!i),[]);return ae("fieldset",{"data-slot":"field-set","data-advanced":"true","data-expanded":n,"data-empty":t.length===0,className:"flex flex-col",id:e.section.id?.toString(),children:[I("legend",{children:ae("button",{className:"flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",onClick:o,type:"button",children:[I(ye,{expanded:n}),I("span",{children:x(e.section.title)})]})}),I(yr,{mode:n?"visible":"hidden",children:ae("div",{className:"mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600","data-slot":"field-set-content",children:[e.section.description&&I("p",{className:"text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:x(e.section.description)}),e.group]})})]})}import{Fragment as Tr,jsx as Wt,jsxs as hr}from"react/jsx-runtime";function qt(e){return hr(Tr,{children:[e.title&&Wt("legend",{className:"mb-3 font-medium text-slate-800 dark:text-slate-200",children:x(e.title)}),e.description&&Wt("p",{className:"-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:x(e.description)})]})}import{jsx as Rr,jsxs as Fr}from"react/jsx-runtime";function G(e){return Fr("fieldset",{"data-slot":"field-set","data-empty":e.empty,className:"flex flex-col data-[empty=false]:gap-6",id:e.id,children:[Rr(qt,{description:e.description,title:e.title}),e.children]})}import{jsx as Sr}from"react/jsx-runtime";function T(e){return Sr("div",{"data-slot":"field-group","data-compact":e.compact,className:"flex w-full flex-col gap-8 data-[compact=true]:gap-3",children:e.children})}import{jsx as se}from"react/jsx-runtime";function Jt(e){let{fields:t=[]}=e.section,{compact:n}=z(e.style,{compact:e.section.compact}),r=se(T,{compact:n,children:e.children});return!e.section.title&&!e.section.description?r:e.section.advanced?se(Kt,{section:e.section,group:r}):se(G,{description:e.section.description,empty:t.length===0,id:e.section.id?.toString(),title:e.section.title,children:r})}import{useAtomValue as kr}from"jotai";import{atom as E}from"jotai";import{atomFamily as Ar}from"jotai-family";import{deepEqual as Qt}from"fast-equals";function Nr(e,t){let{[t]:n,...r}=e;return r}function Cr(e){return Ar(t=>E(n=>n(e)[t]??void 0,(n,r,o)=>{let i=n(e);if(o!=null){let l=i[t];Qt(l,o)||r(e,{...i,[t]:o})}else t in i&&r(e,Nr(i,t))}))}function Ir(e){return E(null,(t,n)=>{let r=t(e);r&&Object.keys(r).length>0&&n(e,{})})}function Er(e){return E(null,(t,n,r)=>{let i={...t(e)},l=!1;for(let c of r)c in i&&(delete i[c],l=!0);l&&n(e,i)})}function vr(e){return E(null,(t,n,r)=>{let o=t(e);Qt(o,r)||n(e,r)})}function jt(e={}){let t=E(e);return{atom:t,clearAll:Ir(t),clear:Er(t),bulkReport:vr(t),report:Cr(t)}}var en=jt(),tn=en.atom,Ai=en.report;function Lr(e,t){return e.fields.every(n=>nn(n,t))}function nn(e,t){return t[e.name]?.hidden??e.hidden??!1}function Pr(e,t){return R(e)?Lr(e,t):nn(e,t)}function rn(e){let t=kr(tn);return e.container&&(t[e.container.name]?.hidden??e.container.hidden??!1)||e.fields.length===0||e.fields.every(r=>Pr(r,t))?null:e.children}import{jsx as on}from"react/jsx-runtime";function ln(){return on("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:on("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800"})})}import{jsx as v,jsxs as an}from"react/jsx-runtime";function sn(e){let t=H(e.sections,e.definition);return v("div",{className:"h-full w-full",children:v("form",{noValidate:e.noValidate,action:e.action,children:an(T,{children:[t.map((n,r)=>an(rn,{fields:n.fields??[],children:[v(Jt,{section:n,style:e.config.style,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.separator&&v(ln,{})]},r)),e.control&&v(pe,{isPending:e.isPending,children:e.control})]})})})}import{jsx as Dr}from"react/jsx-runtime";function $(e){return Dr("p",{className:"-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400",children:e.children})}import{jsx as wr}from"react/jsx-runtime";function B(e){let t={context:e.context,env:e.config?.env},n=F(O(e.text,t),e.translations),r=x(n);return r?wr($,{children:r}):null}import{twMerge as Or}from"tailwind-merge";import{jsx as Mr,jsxs as _r}from"react/jsx-runtime";function cn(e){let t=e.style?.showOptionalLabel??!0,n=b(e.field)||g(e.field);return _r("label",{"data-slot":"field-label","data-normal":n,className:Or("flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none","data-[normal=true]:font-normal","group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"),htmlFor:e.field.name,children:[e.children,t&&!e.field.required&&Mr("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:F("(Optional)",e.translations)})]})}import{jsx as dn,jsxs as Vr}from"react/jsx-runtime";function un(e){let t={context:e.context,env:e.config?.env},n=O(e.field.label,t);return Vr("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[dn(cn,{field:e.field,style:e.config?.style,translations:e.translations,children:F(n,e.translations)}),e.horizontal===!0&&dn(B,{config:e.config,context:e.context,text:e.field.description,translations:e.translations})]})}import{Fragment as Hr,jsx as fn,jsxs as zr}from"react/jsx-runtime";function mn(e){return zr(Hr,{children:[e.field.name&&e.field.label&&fn(un,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations}),e.children,e.horizontal===!1&&fn(B,{config:e.config,context:e.context,text:e.field.description,translations:e.translations})]})}function pn(e,t){return e?t(e):null}import{jsx as gn}from"react/jsx-runtime";function yn(e){let t=Dt(e.field,e.value),{commonPropsWithOptions:n,defaultValue:r}=wt(e.field,e.commonProps,t,e.value),o=Ot(e.field,r);return pn(e.config.inputs[e.field.type],i=>gn(mn,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations,children:gn(i,{...e.ariaAttributes,...n,...e.dataAttributes,...o})}))}import{jsx as xn}from"react/jsx-runtime";function bn(e){return!e.errors||e.errors.length===0?null:xn("ul",{className:"text-sm text-red-600 dark:text-red-500",id:e.name?`${e.name}-error`:void 0,children:e.errors?.map((t,n)=>xn("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}import{twMerge as Gr}from"tailwind-merge";import{jsx as $r}from"react/jsx-runtime";function U(e){let t=e.errors&&e.errors.length>0;return $r("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[He]:"true"},...e.disabled&&{[ze]:"true"},"data-orientation":e.orientation,className:Gr("group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500","data-[clickable=true]:items-start",e.isCheckbox&&(e.isReversed?"flex-row-reverse!":"flex-row!"),"data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",e.className),children:e.children})}import{twMerge as Br}from"tailwind-merge";import{jsx as Ur}from"react/jsx-runtime";function Tn(e){return Ur(U,{...e,orientation:"vertical",className:Br("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}import{twMerge as Yr}from"tailwind-merge";import{jsx as Xr}from"react/jsx-runtime";function hn(e){return Xr(U,{...e,orientation:"horizontal",className:Yr("gap-2 md:flex-row md:gap-4","[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start","[&_[role=checkbox]]:mt-[1.5px]",e.isClickable&&"md:flex-col",!e.isClickable&&["md:justify-between","[&>*:not([data-slot=field-content])]:w-full","[&>*:not([data-slot=field-content])]:md:w-1/2","[&>*:not([data-slot=field-content])]:xl:w-2/5"]),children:e.children})}import{jsx as Rn}from"react/jsx-runtime";function Fn(e){let t=dt(e.field),n=g(e.field),r=pt(e.field);return e.horizontal?Rn(hn,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children}):Rn(Tn,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children})}function Sn(e){if(!e.field.type)return null;let t=Et(e.field,e.disabled),n=zt(e.field),r=Ht(e.field,e.errors),o={...e.field,disabled:t.disabled};return e.children({ariaAttributes:r,commonProps:t,dataAttributes:n,field:o,horizontal:e.horizontal})}import{twMerge as Zr}from"tailwind-merge";import{jsx as ce,jsxs as Kr}from"react/jsx-runtime";function An(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{horizontal:r}=z(e.style,{horizontal:mt(e.field)}),o=gt(e.field,e.disabled);return Kr("div",{className:Zr("flex flex-col gap-3",Ut(t)),children:[ce(Fn,{disabled:o,errors:n,field:e.field,horizontal:r,children:ce(Sn,{disabled:o,errors:n,field:e.field,horizontal:r,children:e.children})}),ce(bn,{errors:n,name:e.field.name})]})}import{twMerge as Wr}from"tailwind-merge";import{jsx as k,jsxs as Y}from"react/jsx-runtime";function Nn(e){function t(){e.canRemove&&e.onRemove&&e.onRemove(e.index)}let n=e.canRemove&&e.onRemove!=null&&k("button",{"aria-label":`Remove ${e.label} item ${e.index+1}`,className:Wr("rounded p-1 text-xl text-slate-400","transition-colors duration-150","hover:text-red-500","focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none","dark:text-slate-500 dark:hover:text-red-400"),onClick:t,type:"button",children:k("span",{"aria-hidden":"true",children:"\xD7"})});return e.isMultiField?Y("div",{className:"rounded-lg border border-slate-100 p-4 dark:border-slate-900",children:[Y("div",{className:"mb-3 flex items-center justify-between",children:[Y("span",{className:"text-sm font-medium text-slate-400 dark:text-slate-500",children:[e.label," ",e.index+1]}),n]}),k(T,{children:e.children})]}):Y("div",{className:"flex items-start gap-2",children:[k(T,{children:e.children}),n&&k("div",{className:"shrink-0",children:n})]})}import{jsx as qr}from"react/jsx-runtime";function Cn(e){let t=Zt(e.field),n=Yt(e.field);return Xt(e.field,e.value).map(r=>qr(Nn,{index:r,isMultiField:n,label:t,children:e.children(r)},r))}import{jsx as Jr}from"react/jsx-runtime";function In(e){let t=Array.isArray(e.field.fields)&&e.field.fields.length===0;return Jr(G,{description:e.field.description,empty:t,id:e.field.name,title:e.field.label,children:e.children})}import{jsx as En}from"react/jsx-runtime";function vn({children:e,field:t,value:n}){return En(In,{field:t,children:En(Cn,{field:t,value:n,children:e})})}import{twMerge as Qr}from"tailwind-merge";import{jsx as kn,jsxs as jr}from"react/jsx-runtime";function Ln(e){let t=Bt(e.column?.advanced?.cols);return jr("div",{className:"flex w-full flex-col gap-4",children:[kn("div",{className:Qr("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children}),e.column?.description&&kn($,{children:e.column.description})]})}import{Fragment as to}from"react";import{jsx as eo}from"react/jsx-runtime";function Pn(e){let t=Array.isArray(e.field.fields)?e.field.fields.map(n=>M(n)?{...n,name:`${e.field.name}.${e.index}.${n.name}`}:R(n)?{...n,fields:n.fields.map(r=>({...r,name:`${e.field.name}.${e.index}.${r.name}`}))}:n):[];return eo(L,{children:e.children,components:e.components,disabled:e.disabled,fields:t,style:e.style,value:e.value})}import{jsx as P,jsxs as no}from"react/jsx-runtime";function L(e){let{field:t,list:n}=e.components;return H(e.fields).map((r,o)=>no(to,{children:[R(r)&&P(Ln,{column:r,children:P(L,{...e,fields:r.fields})}),M(r)&&P(t,{disabled:e.disabled,field:r,style:e.style,children:e.children}),ut(r)&&P(n,{field:r,value:e.value,children:i=>P(Pn,{children:e.children,components:e.components,disabled:e.disabled,field:r,index:i,style:e.style,value:e.value})})]},o))}import{jsx as ro}from"react/jsx-runtime";function Dn(e){return n=>ro(L,{...n,components:e})}var wn=Dn({field:An,list:vn});import{jsx as de}from"react/jsx-runtime";function ue(e){let t=e.translations?.[e.lang??""];return de(sn,{config:e.config,control:e.children,definition:e.definition,readOnly:e.readOnly,sections:e.sections,children:({disabled:n,fields:r})=>de(wn,{disabled:n,fields:r,style:e.config.style,children:o=>de(yn,{...o,config:e.config,context:e.context,translations:t,value:e.value})})})}import{Suspense as oo}from"react";import{jsx as On}from"react/jsx-runtime";function io(e){return On(oo,{fallback:On(ue,{config:e.config,sections:e.sections,readOnly:!0}),children:e.children})}export{io as Fallback,ue as Form};
+// src/component/control.tsx
+import { jsx } from "react/jsx-runtime";
+function Control(props) {
+  const content = typeof props.children === "function" ? props.children({ isPending: props.isPending }) : props.children;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "field-control", className: "w-full", children: content });
+}
+
+// src/component/chevron-icon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ChevronIcon(props) {
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className: `size-4 transition-transform duration-200 ${props.expanded ? "rotate-90" : ""}`,
+      children: /* @__PURE__ */ jsx2(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+
+// src/component/collapsible.tsx
+import { Activity } from "react";
+
+// src/client/context/keep-value-context.tsx
+import { createContext } from "react";
+var KeepValueContext = createContext(false);
+
+// src/component/collapsible.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Collapsible({
+  children,
+  visible
+}) {
+  return /* @__PURE__ */ jsx3(Activity, { mode: visible ? "visible" : "hidden", children: /* @__PURE__ */ jsx3(KeepValueContext, { value: true, children }) });
+}
+
+// ../luna-core/src/util/constant.ts
+var INPUT = "input";
+var INPUT_DATE = "input/date";
+var INPUT_EMAIL = "input/email";
+var INPUT_NUMBER = "input/number";
+var INPUT_TIME = "input/time";
+var TEXTAREA = "textarea";
+var RADIO = "radio";
+var CHECKBOX = "checkbox";
+var LIST = "list";
+var SELECT = "select";
+var SELECT_DAY = "select/day";
+var SELECT_MONTH = "select/month";
+var SELECT_TIMEZONE = "select/timezone";
+var SELECT_YEAR = "select/year";
+var CHIPS = "chips";
+var CHIPS_DAYS = "chips/day";
+var CHIPS_MONTHS = "chips/month";
+var COLUMN = "column";
+var DESCRIPTION = "description";
+var FIELDS = "fields";
+var LABEL = "label";
+var VALUE = "value";
+var OPTIONS = "options";
+var TYPE_EMAIL = "email";
+var TYPE_NUMBER = "number";
+var TYPE_PASSWORD = "password";
+var TYPE_TEL = "tel";
+var TYPE_TEXT = "text";
+var ARIA_ERROR_MESSAGE = "aria-errormessage";
+var ARIA_INVALID = "aria-invalid";
+var DATA_INVALID = "data-invalid";
+var DATA_READONLY = "data-readonly";
+var PREFIX_ARIA = "aria";
+var PREFIX_DATA = "data";
+var MAX = "max";
+var MAX_LENGTH = "maxLength";
+var MIN = "min";
+var MIN_LENGTH = "minLength";
+var $REF = "$ref";
+var TYPE = "type";
+var TIMEZONE_REGIONS = {
+  Africa: "Africa",
+  America: "Americas",
+  Asia: "Asia / Pacific",
+  Atlantic: "Atlantic",
+  Australia: "Asia / Pacific",
+  Europe: "Europe",
+  Indian: "Asia / Pacific",
+  Pacific: "Asia / Pacific"
+};
+
+// ../luna-core/src/util/is-type.ts
+function isObject(value) {
+  return value !== null && Object.prototype.toString.call(value) === "[object Object]";
+}
+function isValue(value) {
+  return isString(value) || typeof value === "number" || isBoolean(value);
+}
+function isString(value) {
+  return typeof value === "string";
+}
+function isBoolean(value) {
+  return typeof value === "boolean";
+}
+
+// ../luna-core/src/util/extract.ts
+function getCurrentValue(value, entity = VALUE) {
+  if (value != null) {
+    if (Array.isArray(value) && value.every(isValue)) {
+      return value;
+    }
+    if (isValue(value)) {
+      return value;
+    }
+    if (isObject(value)) {
+      const result = getValue(value, entity);
+      if (isValue(result)) {
+        return result;
+      }
+    }
+  }
+}
+function getValue(value, namespace) {
+  const result = extract(value, namespace);
+  if (isValue(result)) {
+    return result;
+  }
+}
+function extract(value, namespace) {
+  if (!namespace || !isObject(value)) {
+    return null;
+  }
+  const keys = namespace.split(".").filter((key) => key !== "");
+  if (keys.length === 0) {
+    return null;
+  }
+  let result = value;
+  for (const key of keys) {
+    if (isObject(result) && key in result) {
+      const obj = result;
+      result = obj[key];
+    } else {
+      return null;
+    }
+  }
+  return result;
+}
+function toOptions(data, options = {
+  description: DESCRIPTION,
+  label: LABEL,
+  value: VALUE
+}) {
+  return data.map((item) => {
+    if (isObject(item)) {
+      const label = extract(item, options.label);
+      const value = extract(item, options.value);
+      if (isValue(label) && isValue(value)) {
+        const description = extract(item, options.description);
+        return {
+          label: `${label}`,
+          value: `${value}`,
+          ...isValue(description) && { description: `${description}` }
+        };
+      }
+    }
+    return item;
+  });
+}
+function getType(value = TYPE_TEXT) {
+  const lastSlash = value.lastIndexOf("/");
+  const type = lastSlash === -1 ? value : value.slice(lastSlash + 1);
+  if (type && type !== INPUT) {
+    return type.trim().toLowerCase();
+  }
+  return TYPE_TEXT;
+}
+
+// ../luna-core/src/util/string.ts
+var REGEX_MARKDOWN_LINK = /\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g;
+function interpolate(template, values = {}) {
+  if (isString(template)) {
+    return replacePlaceholders(template, values);
+  }
+  if (Array.isArray(template)) {
+    return template.map((item) => {
+      return interpolate(item, values);
+    });
+  }
+  if (isObject(template)) {
+    const results = {};
+    for (const key in template) {
+      results[key] = interpolate(template[key], values);
+    }
+    return results;
+  }
+  return template;
+}
+function interpolateIfNeeded(template, values = {}) {
+  return isInterpolated(template) ? interpolate(template, values) : template;
+}
+function isInterpolated(template) {
+  if (isString(template)) {
+    return /{([^}]{1,200})}/.test(template);
+  }
+  if (Array.isArray(template)) {
+    return template.some((item) => isInterpolated(item));
+  }
+  if (isObject(template)) {
+    return Object.values(template).some((value) => isInterpolated(value));
+  }
+  return false;
+}
+function replacePlaceholders(template, values = {}) {
+  return template.replace(/{([^}]{1,200})}/g, (match, key) => {
+    const value = key.includes(".") ? extract(values, key) : values[key];
+    if (isValue(value)) {
+      return String(value);
+    }
+    return match;
+  });
+}
+function formatMarkdown(text, callback) {
+  if (!isString(text)) {
+    return null;
+  }
+  if (!text || text.trim().length === 0) {
+    return null;
+  }
+  let match;
+  let lastIndex = 0;
+  let hasMatch = false;
+  const parts = [];
+  while ((match = REGEX_MARKDOWN_LINK.exec(text)) !== null) {
+    const [fullMatch, linkText, url] = match;
+    const index = match.index;
+    hasMatch = true;
+    if (index > lastIndex) {
+      parts.push(text.substring(lastIndex, index));
+    }
+    const value = callback ? callback(index, url, linkText) : fullMatch;
+    parts.push(value);
+    lastIndex = index + fullMatch.length;
+  }
+  if (!hasMatch) {
+    return text;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.substring(lastIndex));
+  }
+  return parts;
+}
+
+// ../luna-core/src/util/is-input.ts
+var isSelectDay = (field) => createTypeChecker(SELECT_DAY)(field);
+var isSelectMonth = (field) => createTypeChecker(SELECT_MONTH)(field);
+var isSelectYear = (field) => createTypeChecker(SELECT_YEAR)(field);
+var isSelectTimezone = (field) => createTypeChecker(SELECT_TIMEZONE)(field);
+var isChipsDays = (field) => createTypeChecker(CHIPS_DAYS)(field);
+var isChipsMonths = (field) => createTypeChecker(CHIPS_MONTHS)(field);
+var isDate = createTypeChecker(INPUT_DATE);
+var isTime = createTypeChecker(INPUT_TIME);
+var isCheckbox = createTypeChecker(CHECKBOX);
+var isChips = createTypeChecker(CHIPS);
+var isRadio = createTypeChecker(RADIO);
+var isInput = createTypeChecker(INPUT);
+var isSelect = createTypeChecker(SELECT);
+var isTextArea = createTypeChecker(TEXTAREA);
+var isText = createTypeChecker(
+  TYPE_TEXT,
+  TYPE_EMAIL,
+  TYPE_PASSWORD,
+  TYPE_TEL
+);
+var isEmail = createTypeChecker(INPUT_EMAIL, TYPE_EMAIL);
+var isNumber = createTypeChecker(INPUT_NUMBER, TYPE_NUMBER);
+function isClickable(field) {
+  return isRadio(field) || isCheckbox(field);
+}
+function isList(slot) {
+  return slot.type === LIST;
+}
+function isColumn(slot) {
+  return slot.type === COLUMN;
+}
+function isField(slot) {
+  return slot.type !== COLUMN && slot.type !== LIST;
+}
+function isOptions(field) {
+  return isSelect(field) || isRadio(field) || isChips(field);
+}
+function isValidValue(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function createTypeChecker(...types) {
+  return (field) => {
+    const inputType = isString(field.type) ? field.type : void 0;
+    if (!inputType) {
+      return false;
+    }
+    return types.some((type) => {
+      return inputType === type || inputType?.startsWith(`${type}/`);
+    });
+  };
+}
+
+// ../luna-core/src/util/build.ts
+function buildOptions(field, values = {}) {
+  if (isSelect(field) && field.disabled) {
+    const current = field.name ? values?.[field.name] : void 0;
+    if (current && isObject(current)) {
+      return [current];
+    }
+  }
+}
+function buildOrientation(field) {
+  if (isRadio(field) || isCheckbox(field)) {
+    return true;
+  }
+  return field.advanced?.horizontal ?? false;
+}
+function buildReverse(field) {
+  if (!isCheckbox(field)) {
+    return false;
+  }
+  return field.advanced?.reverse !== false;
+}
+function buildDisabled(field, disabled) {
+  const readonly = field.readonly ?? false;
+  return disabled ? disabled : readonly;
+}
+function buildSource(field) {
+  if (isRadio(field) || isChips(field) || isSelect(field) && !field.disabled) {
+    const source = field.source;
+    if (Array.isArray(source) || isObject(source) && !($REF in source)) {
+      return source;
+    }
+  }
+}
+
+// ../luna-core/src/util/date.ts
+import { isValid, parse, format as fnsFormat } from "date-fns";
+var REGEX_DIGITS = /^\d+$/;
+var REF = new Date(2e3, 0, 1);
+var getSupportedTimezones = () => "supportedValuesOf" in Intl ? Intl.supportedValuesOf("timeZone") : [];
+function getMonth() {
+  return Array.from({ length: 12 }, (_, i) => ({
+    value: (i + 1).toString(),
+    label: new Date(0, i).toLocaleString("default", {
+      month: "long"
+    })
+  }));
+}
+function getWeekDays() {
+  return Array.from({ length: 7 }, (_, i) => ({
+    value: i.toString(),
+    label: new Date(2e3, 0, 2 + i).toLocaleString("default", {
+      weekday: "long"
+    })
+  }));
+}
+function getYear(min, max) {
+  if (max >= min) {
+    return Array.from({ length: max - min + 1 }, (_, i) => {
+      const year = min + i;
+      return {
+        value: year.toString(),
+        label: year.toString()
+      };
+    });
+  }
+  return [];
+}
+function getCurrentYear() {
+  return (/* @__PURE__ */ new Date()).getFullYear();
+}
+function getUserTimezone() {
+  return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+function getTimezoneRegion(tz) {
+  const slash = tz.indexOf("/");
+  const prefix = slash === -1 ? tz : tz.slice(0, slash);
+  return TIMEZONE_REGIONS[prefix] ?? "Other";
+}
+function getTimeZoneName(longNameParts, defaultTimeZone) {
+  const fullName = longNameParts.find((part) => {
+    return part.type === "timeZoneName";
+  })?.value ?? defaultTimeZone;
+  return fullName.replace(
+    /\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,
+    ""
+  );
+}
+function getTimezoneInfo(tz, date) {
+  const offsetParts = new Intl.DateTimeFormat("en", {
+    timeZone: tz,
+    timeZoneName: "longOffset"
+  }).formatToParts(date);
+  const longNameParts = new Intl.DateTimeFormat("en", {
+    timeZone: tz,
+    timeZoneName: "long"
+  }).formatToParts(date);
+  const raw = offsetParts.find((part) => {
+    return part.type === "timeZoneName";
+  })?.value ?? "GMT+00:00";
+  const offset = raw.replace("GMT", "UTC");
+  const longName = getTimeZoneName(longNameParts, tz);
+  return { offset, longName };
+}
+function getTimezoneCity(tz) {
+  return tz.slice(tz.lastIndexOf("/") + 1).replace(/_/g, " ");
+}
+function getTimezones() {
+  const date = /* @__PURE__ */ new Date();
+  const detectedTimezone = getUserTimezone();
+  const groupMap = /* @__PURE__ */ new Map();
+  const detectedCity = getTimezoneCity(detectedTimezone);
+  const { offset: detectedOffset, longName: detectedLongName } = getTimezoneInfo(detectedTimezone, date);
+  const detectedItem = {
+    value: detectedTimezone,
+    label: `${detectedCity} - ${detectedLongName} (${detectedOffset})`
+  };
+  for (const tz of getSupportedTimezones()) {
+    if (tz === detectedTimezone) {
+      continue;
+    }
+    const city = getTimezoneCity(tz);
+    const { offset, longName } = getTimezoneInfo(tz, date);
+    const item = {
+      value: tz,
+      label: `${city} - ${longName} (${offset})`
+    };
+    const region = getTimezoneRegion(tz);
+    if (region === "Other") {
+      continue;
+    }
+    const existing = groupMap.get(region);
+    if (existing) {
+      existing.push(item);
+    } else {
+      groupMap.set(region, [item]);
+    }
+  }
+  for (const items of groupMap.values()) {
+    items.sort((a, b) => a.label.localeCompare(b.label));
+  }
+  const sortedGroups = Array.from(groupMap.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([label, items]) => ({ label, items }));
+  return [{ label: "Suggested", items: [detectedItem] }, ...sortedGroups];
+}
+function getConvert(value, current) {
+  if (typeof value === "number") {
+    return value;
+  }
+  const now2 = current ?? getCurrentYear();
+  const trimmed = value.trim().toLowerCase();
+  if (trimmed.startsWith("current")) {
+    const match = trimmed.match(/^current([+-])(\d+)$/);
+    if (match) {
+      const [, operator, offsetStr] = match;
+      const offset = parseInt(offsetStr, 10);
+      if (!isNaN(offset)) {
+        return operator === "+" ? now2 + offset : now2 - offset;
+      }
+    }
+    return now2;
+  }
+  if (REGEX_DIGITS.test(trimmed)) {
+    return parseInt(trimmed, 10);
+  }
+  return now2;
+}
+function toNativeDate(value, fromFormat) {
+  if (!value) {
+    return "";
+  }
+  try {
+    const date = parse(value, fromFormat, REF);
+    return isValid(date) ? fnsFormat(date, "yyyy-MM-dd") : "";
+  } catch {
+    return "";
+  }
+}
+function toNativeTime(value, fromFormat) {
+  if (!value) {
+    return "";
+  }
+  try {
+    const date = parse(value, fromFormat, REF);
+    return isValid(date) ? fnsFormat(date, "HH:mm:ss") : "";
+  } catch {
+    return "";
+  }
+}
+function getTimeFormat(field) {
+  return field.advanced?.format ?? "HH:mm";
+}
+function getDateFormat(field) {
+  return field.advanced?.format ?? "MMMM d, yyyy";
+}
+
+// ../luna-core/src/helper/input.ts
+var now = getCurrentYear();
+function buildOptionChips(field) {
+  if (isChips(field)) {
+    return defineOptionChips(field);
+  }
+}
+function defineOptionChips(field) {
+  if (isChipsDays(field)) {
+    return getWeekDays();
+  }
+  if (isChipsMonths(field)) {
+    return getMonth();
+  }
+}
+function buildOptionSelect(field) {
+  if (isSelect(field)) {
+    return defineOptionSelect(field);
+  }
+}
+function defineOptionSelect(select) {
+  if (isSelectDay(select)) {
+    return getWeekDays();
+  }
+  if (isSelectMonth(select)) {
+    return getMonth();
+  }
+  if (isSelectYear(select)) {
+    const min = select.advanced?.length?.min ?? now;
+    const max = select.advanced?.length?.max ?? now + 5;
+    return getYear(getConvert(min, now), getConvert(max, now));
+  }
+  if (isSelectTimezone(select)) {
+    return getTimezones();
+  }
+}
+function buildCommon(field, disabled = false) {
+  const commonProps = {
+    disabled,
+    id: field.name,
+    name: field.name,
+    placeholder: field.placeholder,
+    required: field.required
+  };
+  if (isInput(field)) {
+    return {
+      ...commonProps,
+      ...defineInput(field)
+    };
+  }
+  if (isSelect(field)) {
+    return {
+      ...commonProps,
+      ...defineWithOptions(field, buildOptionSelect)
+    };
+  }
+  if (isTextArea(field)) {
+    return {
+      ...commonProps,
+      ...defineTextArea(field)
+    };
+  }
+  if (isChips(field)) {
+    return {
+      ...commonProps,
+      ...defineChips(field)
+    };
+  }
+  return commonProps;
+}
+function defineInput(input) {
+  const type = getType(input.type);
+  const copy = { ...input, type };
+  return {
+    ...defineTime(input),
+    ...defineAutoComplete(input),
+    ...defineNumberLimits(copy),
+    ...isText(copy) ? defineLength(copy) : {},
+    type
+  };
+}
+function defineWithOptions(field, builder) {
+  const options = builder(field);
+  if (options) {
+    return { options };
+  }
+  return {};
+}
+function defineChips(field) {
+  const withOptions = defineWithOptions(field, buildOptionChips);
+  const multiple = field.advanced?.multiple ?? true;
+  return { ...withOptions, multiple };
+}
+function defineTextArea(field) {
+  return {
+    ...defineAutoComplete(field),
+    ...defineLength(field)
+  };
+}
+function defineAutoComplete(input) {
+  const autoComplete = input.advanced?.autocomplete;
+  if (autoComplete) {
+    return { autoComplete };
+  }
+  return {};
+}
+function defineNumberLimits(input) {
+  if (isNumber(input)) {
+    return defineMinMax(input);
+  }
+  return {};
+}
+function defineTime(field) {
+  if (isTime(field)) {
+    const format = getTimeFormat(field);
+    const withSeconds = format === "HH:mm:ss" || format === "hh:mm:ss a";
+    return {
+      step: withSeconds ? "1" : "60"
+    };
+  }
+  return {};
+}
+function defineLength(input) {
+  return defineConstraints(input, { min: MIN_LENGTH, max: MAX_LENGTH });
+}
+function defineMinMax(input) {
+  return defineConstraints(input, { min: MIN, max: MAX });
+}
+function defineConstraints(input, keys) {
+  const result = {};
+  const length = input.advanced?.length;
+  if (length) {
+    if (length.min !== void 0) {
+      result[keys.min] = length.min;
+    }
+    if (length.max !== void 0) {
+      result[keys.max] = length.max;
+    }
+  }
+  return result;
+}
+function resolveSource(field, value) {
+  const current = buildSource(field);
+  if (current) {
+    return current;
+  }
+  return buildOptions(field, value);
+}
+function getInputValue(field, value) {
+  const newValue = isObject(value) && field.name in value ? value[field.name] : value;
+  const currentValue = getCurrentValue(newValue, field.advanced?.entity);
+  if (isTime(field) && isValidValue(currentValue)) {
+    return getTimeValue(field, currentValue);
+  }
+  if (isDate(field) && isValidValue(currentValue)) {
+    return getDateValue(field, currentValue);
+  }
+  return currentValue;
+}
+function getTimeValue(field, currentValue) {
+  const format = getTimeFormat(field);
+  return isString(currentValue) ? toNativeTime(currentValue, format) : currentValue;
+}
+function mergeOptionsProps(field, commonProps, options) {
+  return isOptions(field) && Array.isArray(options) ? { ...commonProps, [OPTIONS]: options } : commonProps;
+}
+function getPreselectedValue(field, commonProps, value) {
+  if (field.required && !isValidValue(value)) {
+    if (isSelect(field)) {
+      if (field.advanced?.preselected !== false && OPTIONS in commonProps) {
+        const options = commonProps[OPTIONS];
+        if (Array.isArray(options) && options.length === 1) {
+          return options[0];
+        }
+      }
+    }
+  }
+  return value;
+}
+function getOptions(field, data) {
+  if (isOptions(field) && Array.isArray(data)) {
+    return toOptions(data, field.advanced?.options);
+  }
+  return data;
+}
+function prepareInputProps(field, commonProps, data, value) {
+  const currentValue = getInputValue(field, value);
+  const options = Array.isArray(data) ? getOptions(field, data) : data;
+  const commonPropsWithOptions = mergeOptionsProps(field, commonProps, options);
+  const defaultValue = getPreselectedValue(
+    field,
+    commonPropsWithOptions,
+    currentValue
+  );
+  return {
+    commonPropsWithOptions,
+    defaultValue
+  };
+}
+function prepareDefaultValue(field, value) {
+  if (isCheckbox(field)) {
+    return {
+      defaultChecked: isValidValue(value)
+    };
+  }
+  return { defaultValue: value };
+}
+function getDateValue(field, currentValue) {
+  const format = getDateFormat(field);
+  return isString(currentValue) ? toNativeDate(currentValue, format) : currentValue;
+}
+
+// ../luna-core/src/util/prepare.ts
+var REGEX_REF = /^#\/definition\//;
+function prepare(base = [], definition) {
+  const resolved = resolveRefs(base, definition);
+  return Array.isArray(resolved) ? resolved.filter(filter).sort((a, b) => getOrder(a) - getOrder(b)) : [];
+}
+function resolveRefs(base, definition, cache = /* @__PURE__ */ new Map(), visited = /* @__PURE__ */ new WeakSet()) {
+  if (!isDefinition(definition) || !base || typeof base !== "object") {
+    return base;
+  }
+  if (cache.has(base)) {
+    return cache.get(base);
+  }
+  if (visited.has(base)) {
+    return base;
+  }
+  visited.add(base);
+  if (Array.isArray(base)) {
+    return base.map((item) => resolveRefs(item, definition, cache, visited));
+  }
+  if ($REF in base && isString(base[$REF])) {
+    const path = base[$REF].replace(REGEX_REF, "");
+    const resolved = extract(definition, path);
+    if (resolved !== null) {
+      return resolveRefs(resolved, definition, cache, visited);
+    }
+    return base;
+  }
+  const result = {};
+  for (const [key, value] of Object.entries(base)) {
+    result[key] = resolveRefs(value, definition, cache, visited);
+  }
+  visited.delete(base);
+  cache.set(base, result);
+  return result;
+}
+function entries(values) {
+  return Object.entries(values ?? {});
+}
+function getOrder(item) {
+  return item.order ?? Number.MAX_VALUE;
+}
+function isDefinition(definition) {
+  return definition !== void 0 && isObject(definition) && Object.keys(definition).length > 0;
+}
+function filter(base) {
+  if (TYPE in base) {
+    return true;
+  }
+  if (Array.isArray(base[FIELDS])) {
+    return base[FIELDS].length > 0;
+  }
+  return true;
+}
+
+// ../luna-core/src/util/attributes.ts
+function getPrefixedAttributes(prefix, record) {
+  const attrs = {};
+  for (const [key, value] of entries(record)) {
+    attrs[`${prefix}-${key}`] = value;
+  }
+  return attrs;
+}
+function getAriaAttributes(record) {
+  return getPrefixedAttributes(PREFIX_ARIA, record);
+}
+function getDataAttributes(record) {
+  return getPrefixedAttributes(PREFIX_DATA, record);
+}
+function buildAriaAttributes(field, errors) {
+  const ariaAttributes = getAriaAttributes(field.advanced?.aria);
+  if (errors && errors.length > 0) {
+    ariaAttributes[ARIA_INVALID] = "true";
+    ariaAttributes[ARIA_ERROR_MESSAGE] = `${field.name}-error`;
+  }
+  return ariaAttributes;
+}
+function buildDataAttributes(field) {
+  return getDataAttributes(field.advanced?.data);
+}
+
+// ../luna-core/src/util/column.ts
+var cols = {
+  1: "md:grid-cols-1",
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-3"
+};
+var span = {
+  1: "md:col-span-1",
+  2: "md:col-span-2",
+  3: "md:col-span-3"
+};
+function getColumn(value, defaultCols = 2) {
+  return cols[value && value in cols ? value : defaultCols];
+}
+function getSpan(value) {
+  if (value && value in span) {
+    return span[value];
+  }
+}
+
+// ../luna-core/src/util/list.ts
+function getInitialCount(list, value) {
+  const min = list.advanced?.length?.min ?? 1;
+  if (value) {
+    const data = extract(value, list.name);
+    if (Array.isArray(data)) {
+      return Math.max(data.length, min);
+    }
+  }
+  return Math.max(min, 0);
+}
+function isMultiFieldList(list) {
+  if (!Array.isArray(list.fields) || list.fields.length === 0) {
+    return false;
+  }
+  return list.fields.length > 1 || list.fields[0].type === COLUMN;
+}
+function getInitialList(list, value) {
+  const count = getInitialCount(list, value);
+  return Array.from({ length: count }, (_, index) => index);
+}
+function getLabel(list) {
+  return list.label ?? list.name;
+}
+
+// ../luna-core/src/util/translate.ts
+function translate(key, dictionary) {
+  if (!key) {
+    return "";
+  }
+  if (!dictionary) {
+    return key;
+  }
+  return dictionary[key] ?? key;
+}
+
+// ../luna-core/src/util/style.ts
+function mergeStyle(globalStyle, localStyle) {
+  return { ...globalStyle, ...localStyle };
+}
+
+// src/lib/string.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function formatMarkdown2(text) {
+  return formatMarkdown(
+    text,
+    (index, url, text2) => {
+      return /* @__PURE__ */ jsx4(
+        "a",
+        {
+          className: "underline",
+          href: url,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: text2
+        },
+        `${url}-${index}`
+      );
+    }
+  );
+}
+
+// src/component/field/field-set-advanced.tsx
+import { useCallback, useState } from "react";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+function FieldSetAdvanced(props) {
+  const { fields = [] } = props.section;
+  const [isOpen, setIsOpen] = useState(false);
+  const handleOpen = useCallback(() => setIsOpen((previous) => !previous), []);
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      "data-advanced": "true",
+      "data-expanded": isOpen,
+      "data-empty": fields.length === 0,
+      className: "flex flex-col",
+      id: props.section.id?.toString(),
+      children: [
+        /* @__PURE__ */ jsx5("legend", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",
+            onClick: handleOpen,
+            type: "button",
+            children: [
+              /* @__PURE__ */ jsx5(ChevronIcon, { expanded: isOpen }),
+              /* @__PURE__ */ jsx5("span", { children: formatMarkdown2(props.section.title) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx5(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600",
+            "data-slot": "field-set-content",
+            children: [
+              props.section.description && /* @__PURE__ */ jsx5("p", { className: "text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.section.description) }),
+              props.group
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/component/legend.tsx
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function Legend(props) {
+  const content = /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
+    props.title && /* @__PURE__ */ jsx6("legend", { className: "mb-3 font-medium text-slate-800 dark:text-slate-200", children: formatMarkdown2(props.title) }),
+    props.description && /* @__PURE__ */ jsx6("p", { className: "-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.description) })
+  ] });
+  if (props.step) {
+    return /* @__PURE__ */ jsxs2("div", { className: "flex flex-row items-start gap-4", children: [
+      /* @__PURE__ */ jsx6("div", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx6("span", { className: "text-sm font-bold", children: props.step }) }),
+      content
+    ] });
+  }
+  return content;
+}
+
+// src/component/field/field-set-base.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function FieldSetBase(props) {
+  return /* @__PURE__ */ jsxs3(
+    "fieldset",
+    {
+      className: "flex flex-col data-[empty=false]:gap-6",
+      "data-empty": props.empty,
+      "data-slot": "field-set",
+      id: props.id,
+      children: [
+        /* @__PURE__ */ jsx7(
+          Legend,
+          {
+            description: props.description,
+            step: props.step,
+            title: props.title
+          }
+        ),
+        props.children
+      ]
+    }
+  );
+}
+
+// src/component/group.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Group(props) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-slot": "field-group",
+      "data-compact": props.compact,
+      className: "flex w-full flex-col gap-8 data-[compact=true]:gap-3",
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-set.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function FieldSet(props) {
+  const { fields = [] } = props.section;
+  const step = props.advanced?.step ? props.step : void 0;
+  const { compact } = mergeStyle(props.style, {
+    compact: props.section.advanced?.compact
+  });
+  const group = /* @__PURE__ */ jsx9(Group, { compact, children: props.children });
+  if (!props.section.title && !props.section.description) {
+    return group;
+  }
+  if (props.section.advanced?.collapsible) {
+    return /* @__PURE__ */ jsx9(FieldSetAdvanced, { section: props.section, group });
+  }
+  return /* @__PURE__ */ jsx9(
+    FieldSetBase,
+    {
+      description: props.section.description,
+      empty: fields.length === 0,
+      id: props.section.id?.toString(),
+      step,
+      title: props.section.title,
+      children: group
+    }
+  );
+}
+
+// src/component/separator.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Separator() {
+  return /* @__PURE__ */ jsx10("div", { "data-slot": "field-separator", className: "relative -my-2 h-5 text-sm", children: /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800" }) });
+}
+
+// src/client/component/guard/visibility-guard.tsx
+import { useAtomValue } from "jotai";
+
+// src/client/lib/store-helper.ts
+import { atom } from "jotai";
+import { atomFamily } from "jotai-family";
+import { deepEqual } from "fast-equals";
+function omitKey(obj, key) {
+  const { [key]: _removed, ...rest } = obj;
+  return rest;
+}
+function createRecordAtomFamily(baseAtom) {
+  return atomFamily(
+    (name) => atom(
+      (get) => {
+        return get(baseAtom)[name] ?? void 0;
+      },
+      (get, set, newValue) => {
+        const current = get(baseAtom);
+        if (newValue !== void 0 && newValue !== null) {
+          const currentValue = current[name];
+          if (!deepEqual(currentValue, newValue)) {
+            set(baseAtom, { ...current, [name]: newValue });
+          }
+        } else if (name in current) {
+          set(baseAtom, omitKey(current, name));
+        }
+      }
+    )
+  );
+}
+function createClearAllAtom(baseAtom) {
+  return atom(null, (get, set) => {
+    const current = get(baseAtom);
+    if (current && Object.keys(current).length > 0) {
+      set(baseAtom, {});
+    }
+  });
+}
+function createClearAtom(baseAtom) {
+  return atom(null, (get, set, names) => {
+    const current = get(baseAtom);
+    const next = { ...current };
+    let hasChanges = false;
+    for (const name of names) {
+      if (name in next) {
+        delete next[name];
+        hasChanges = true;
+      }
+    }
+    if (hasChanges) {
+      set(baseAtom, next);
+    }
+  });
+}
+function createBulkReportAtom(baseAtom) {
+  return atom(null, (get, set, newValue) => {
+    const current = get(baseAtom);
+    if (!deepEqual(current, newValue)) {
+      set(baseAtom, newValue);
+    }
+  });
+}
+function createAtomStore(initialValue = {}) {
+  const baseAtom = atom(initialValue);
+  return {
+    atom: baseAtom,
+    clearAll: createClearAllAtom(baseAtom),
+    clear: createClearAtom(baseAtom),
+    bulkReport: createBulkReportAtom(baseAtom),
+    report: createRecordAtomFamily(baseAtom)
+  };
+}
+
+// src/client/lib/state-store.ts
+var store = createAtomStore();
+var fieldStateAtom = store.atom;
+var reportFieldStateAtom = store.report;
+
+// src/client/component/guard/visibility-guard.tsx
+function isColumnHidden(column, states) {
+  return column.fields.every((field) => isFieldHidden(field, states));
+}
+function isFieldHidden(field, states) {
+  return states[field.name]?.hidden ?? field.hidden ?? false;
+}
+function isEntryHidden(entry, states) {
+  return isColumn(entry) ? isColumnHidden(entry, states) : isFieldHidden(entry, states);
+}
+function VisibilityGuard(props) {
+  const states = useAtomValue(fieldStateAtom);
+  if (props.container) {
+    const hidden = states[props.container.name]?.hidden ?? props.container.hidden ?? false;
+    if (hidden) {
+      return null;
+    }
+  }
+  if (props.fields.length === 0) {
+    return null;
+  }
+  const allHidden = props.fields.every((entry) => isEntryHidden(entry, states));
+  if (allHidden) {
+    return null;
+  }
+  return props.children;
+}
+
+// src/component/form.tsx
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+function Form(props) {
+  const sections = prepare(props.sections, props.definition);
+  return /* @__PURE__ */ jsx11("div", { className: "h-full w-full", children: /* @__PURE__ */ jsx11("form", { noValidate: props.noValidate, action: props.action, children: /* @__PURE__ */ jsxs4(Group, { children: [
+    sections.map((section, index) => /* @__PURE__ */ jsxs4(
+      VisibilityGuard,
+      {
+        fields: section.fields ?? [],
+        children: [
+          /* @__PURE__ */ jsx11(
+            FieldSet,
+            {
+              advanced: props.advanced,
+              section,
+              step: index + 1,
+              style: props.config.style,
+              children: props.children({
+                disabled: props.readOnly,
+                fields: section.fields
+              })
+            }
+          ),
+          section.advanced?.separator && /* @__PURE__ */ jsx11(Separator, {})
+        ]
+      },
+      `key-${section.id}-${index}`
+    )),
+    props.control && /* @__PURE__ */ jsx11(Control, { isPending: props.isPending, children: props.control })
+  ] }) }) });
+}
+
+// src/component/description.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Description(props) {
+  return /* @__PURE__ */ jsx12("p", { className: "-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400", children: props.children });
+}
+
+// src/component/formatted-description.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+function FormattedDescription(props) {
+  const interpolateOpts = {
+    context: props.context,
+    env: props.config?.env
+  };
+  const [isExpanded, setIsExpanded] = useState2(() => {
+    if (isObject(props.text) && "collapsed" in props.text) {
+      return !props.text.collapsed;
+    }
+    return true;
+  });
+  const handleExpandToggle = () => setIsExpanded((previous) => !previous);
+  const title = isObject(props.text) && isString(props.text.title) ? formatMarkdown2(
+    translate(
+      interpolateIfNeeded(props.text.title, interpolateOpts),
+      props.translations
+    )
+  ) : void 0;
+  const message = formatMarkdown2(
+    translate(
+      interpolateIfNeeded(
+        isString(props.text) ? props.text : props.text?.message,
+        interpolateOpts
+      ),
+      props.translations
+    )
+  );
+  if (message) {
+    return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+      title && /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          className: "flex items-center gap-1 text-left text-xs font-medium text-slate-700 hover:text-slate-900 dark:text-slate-300 dark:hover:text-slate-100",
+          onClick: handleExpandToggle,
+          type: "button",
+          children: [
+            title,
+            /* @__PURE__ */ jsx13(ChevronIcon, { expanded: isExpanded })
+          ]
+        }
+      ),
+      isExpanded && /* @__PURE__ */ jsx13(Description, { children: message })
+    ] });
+  }
+  return null;
+}
+
+// src/component/label.tsx
+import { twMerge } from "tailwind-merge";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+function Label(props) {
+  const showOptionalLabel = props.style?.showOptionalLabel ?? true;
+  const normal = isRadio(props.field) || isCheckbox(props.field);
+  return /* @__PURE__ */ jsxs6(
+    "label",
+    {
+      "data-slot": "field-label",
+      "data-normal": normal,
+      className: twMerge(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none",
+        "data-[normal=true]:font-normal",
+        "group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"
+      ),
+      htmlFor: props.field.name,
+      children: [
+        props.children,
+        showOptionalLabel && !props.field.required && /* @__PURE__ */ jsx14("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: translate("(Optional)", props.translations) })
+      ]
+    }
+  );
+}
+
+// src/component/input-label.tsx
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+function InputLabel(props) {
+  const interpolateOpts = {
+    context: props.context,
+    env: props.config?.env
+  };
+  const label = interpolateIfNeeded(props.field.label, interpolateOpts);
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: "flex w-full flex-1 flex-col gap-1.5 leading-snug",
+      children: [
+        /* @__PURE__ */ jsx15(
+          Label,
+          {
+            field: props.field,
+            style: props.config?.style,
+            translations: props.translations,
+            children: translate(label, props.translations)
+          }
+        ),
+        props.horizontal === true && /* @__PURE__ */ jsx15(
+          FormattedDescription,
+          {
+            config: props.config,
+            context: props.context,
+            text: props.field.description,
+            translations: props.translations
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/component/input-group.tsx
+import { Fragment, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+function InputGroup(props) {
+  return /* @__PURE__ */ jsxs8(Fragment, { children: [
+    props.field.name && props.field.label && /* @__PURE__ */ jsx16(
+      InputLabel,
+      {
+        config: props.config,
+        context: props.context,
+        field: props.field,
+        horizontal: props.horizontal,
+        translations: props.translations
+      }
+    ),
+    props.children,
+    props.horizontal === false && /* @__PURE__ */ jsx16(
+      FormattedDescription,
+      {
+        config: props.config,
+        context: props.context,
+        text: props.field.description,
+        translations: props.translations
+      }
+    )
+  ] });
+}
+
+// src/lib/render-If-exists.ts
+function renderIfExists(value, render) {
+  if (!value) {
+    return null;
+  }
+  return render(value);
+}
+
+// src/server/component/input.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Input(props) {
+  const source = resolveSource(props.field, props.value);
+  const { commonPropsWithOptions, defaultValue } = prepareInputProps(
+    props.field,
+    props.commonProps,
+    source,
+    props.value
+  );
+  const defaultProps = prepareDefaultValue(props.field, defaultValue);
+  return renderIfExists(props.config.inputs[props.field.type], (Component) => /* @__PURE__ */ jsx17(
+    InputGroup,
+    {
+      config: props.config,
+      context: props.context,
+      field: props.field,
+      horizontal: props.horizontal,
+      translations: props.translations,
+      children: /* @__PURE__ */ jsx17(
+        Component,
+        {
+          ...props.ariaAttributes,
+          ...commonPropsWithOptions,
+          ...props.dataAttributes,
+          ...defaultProps
+        }
+      )
+    }
+  ));
+}
+
+// src/component/field/field-error.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function FieldError(props) {
+  if (!props.errors || props.errors.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx18(
+    "ul",
+    {
+      className: "text-sm text-red-600 dark:text-red-500",
+      id: props.name ? `${props.name}-error` : void 0,
+      children: props.errors?.map((error, index) => /* @__PURE__ */ jsx18("li", { children: error }, props.name ? `${props.name}-error-${index}` : index))
+    }
+  );
+}
+
+// src/component/field/field-base.tsx
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function FieldBase(props) {
+  const errors = props.errors && props.errors.length > 0;
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "field",
+      "data-clickable": props.isClickable ? "true" : "false",
+      ...errors && { [DATA_INVALID]: "true" },
+      ...props.disabled && { [DATA_READONLY]: "true" },
+      "data-orientation": props.orientation,
+      className: twMerge2(
+        "group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500",
+        "data-[clickable=true]:items-start",
+        props.isCheckbox && (props.isReversed ? "flex-row-reverse!" : "flex-row!"),
+        "data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",
+        props.className
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-vertical.tsx
+import { twMerge as twMerge3 } from "tailwind-merge";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function FieldVertical(props) {
+  return /* @__PURE__ */ jsx20(
+    FieldBase,
+    {
+      ...props,
+      orientation: "vertical",
+      className: twMerge3(
+        "gap-3 has-[>[data-slot=field-content]]:items-start",
+        !props.isClickable && "[&>*]:w-full"
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-horizontal.tsx
+import { twMerge as twMerge4 } from "tailwind-merge";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function FieldHorizontal(props) {
+  return /* @__PURE__ */ jsx21(
+    FieldBase,
+    {
+      ...props,
+      orientation: "horizontal",
+      className: twMerge4(
+        "gap-2 md:flex-row md:gap-4",
+        "[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start",
+        "[&_[role=checkbox]]:mt-[1.5px]",
+        props.isClickable && "md:flex-col",
+        !props.isClickable && [
+          "md:justify-between",
+          "[&>*:not([data-slot=field-content])]:w-full",
+          "[&>*:not([data-slot=field-content])]:md:w-1/2",
+          "[&>*:not([data-slot=field-content])]:xl:w-2/5"
+        ]
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-group.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+function FieldGroup(props) {
+  const clickable = isClickable(props.field);
+  const checkbox = isCheckbox(props.field);
+  const reversed = buildReverse(props.field);
+  if (!props.horizontal) {
+    return /* @__PURE__ */ jsx22(
+      FieldVertical,
+      {
+        disabled: props.disabled,
+        errors: props.errors,
+        isCheckbox: checkbox,
+        isReversed: reversed,
+        isClickable: clickable,
+        children: props.children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx22(
+    FieldHorizontal,
+    {
+      disabled: props.disabled,
+      errors: props.errors,
+      isCheckbox: checkbox,
+      isReversed: reversed,
+      isClickable: clickable,
+      children: props.children
+    }
+  );
+}
+
+// src/component/input/input-base.tsx
+function InputBase(props) {
+  if (!props.field.type) {
+    return null;
+  }
+  const commonProps = buildCommon(props.field, props.disabled);
+  const dataAttributes = buildDataAttributes(props.field);
+  const ariaAttributes = buildAriaAttributes(props.field, props.errors);
+  const field = {
+    ...props.field,
+    disabled: commonProps.disabled
+  };
+  return props.children({
+    ariaAttributes,
+    commonProps,
+    dataAttributes,
+    field,
+    horizontal: props.horizontal
+  });
+}
+
+// src/component/field/field.tsx
+import { twMerge as twMerge5 } from "tailwind-merge";
+import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
+function Field(props) {
+  const cols2 = props.field.advanced?.cols;
+  const errors = props.field.name ? props.errors?.[props.field.name] : void 0;
+  const { horizontal } = mergeStyle(props.style, {
+    horizontal: buildOrientation(props.field)
+  });
+  const disabled = buildDisabled(props.field, props.disabled);
+  return /* @__PURE__ */ jsxs9("div", { className: twMerge5("flex flex-col gap-3", getSpan(cols2)), children: [
+    /* @__PURE__ */ jsx23(
+      FieldGroup,
+      {
+        disabled,
+        errors,
+        field: props.field,
+        horizontal,
+        children: /* @__PURE__ */ jsx23(
+          InputBase,
+          {
+            disabled,
+            errors,
+            field: props.field,
+            horizontal,
+            children: props.children
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx23(FieldError, { errors, name: props.field.name })
+  ] });
+}
+
+// src/component/field/field-list-item.tsx
+import { twMerge as twMerge6 } from "tailwind-merge";
+import { useState as useState3 } from "react";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+function FieldListItem(props) {
+  const [isOpen, setIsOpen] = useState3(
+    props.collapsible ? !props.collapsed : true
+  );
+  function handleRemove() {
+    if (props.canRemove && props.onRemove) {
+      props.onRemove(props.index);
+    }
+  }
+  function handleToggle() {
+    setIsOpen((previous) => !previous);
+  }
+  const removeButton = props.canRemove && props.onRemove != null && /* @__PURE__ */ jsx24(
+    "button",
+    {
+      "aria-label": `Remove ${props.label} item ${props.index + 1}`,
+      className: twMerge6(
+        "rounded p-1 text-xl text-slate-400",
+        "transition-colors duration-150",
+        "hover:text-red-500",
+        "focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none",
+        "dark:text-slate-500 dark:hover:text-red-400"
+      ),
+      onClick: handleRemove,
+      type: "button",
+      children: /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", children: "\xD7" })
+    }
+  );
+  if (props.isMultiField) {
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        "data-slot": "list-item-card",
+        className: "rounded-lg border border-slate-100 p-4 dark:border-slate-900",
+        children: [
+          /* @__PURE__ */ jsxs10("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+              props.collapsible && /* @__PURE__ */ jsx24(
+                "button",
+                {
+                  "aria-label": isOpen ? "Collapse" : "Expand",
+                  className: twMerge6(
+                    "rounded p-1 text-slate-400 hover:bg-slate-50",
+                    "transition-colors duration-150",
+                    "dark:text-slate-500 dark:hover:bg-slate-800"
+                  ),
+                  onClick: handleToggle,
+                  type: "button",
+                  children: /* @__PURE__ */ jsx24(ChevronIcon, { expanded: isOpen })
+                }
+              ),
+              /* @__PURE__ */ jsxs10("span", { className: "text-sm font-medium text-slate-300 dark:text-slate-400", children: [
+                props.label,
+                " ",
+                props.index + 1,
+                !isOpen && props.preview && /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap text-slate-400 dark:text-slate-500", children: props.preview })
+              ] })
+            ] }),
+            removeButton
+          ] }),
+          /* @__PURE__ */ jsx24(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsx24(Group, { children: props.children }) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
+    props.collapsible && /* @__PURE__ */ jsx24(
+      "button",
+      {
+        "aria-label": isOpen ? "Collapse" : "Expand",
+        className: twMerge6(
+          "rounded p-1 text-slate-400 hover:bg-slate-50",
+          "transition-colors duration-150",
+          "dark:text-slate-500 dark:hover:bg-slate-800",
+          isOpen && "mt-7"
+        ),
+        onClick: handleToggle,
+        type: "button",
+        children: /* @__PURE__ */ jsx24(ChevronIcon, { expanded: isOpen })
+      }
+    ),
+    /* @__PURE__ */ jsx24("div", { className: "flex grow flex-col", children: /* @__PURE__ */ jsx24(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsx24(Group, { children: props.children }) }) }),
+    removeButton && /* @__PURE__ */ jsx24("div", { className: twMerge6("shrink-0", isOpen && "mt-7"), children: removeButton })
+  ] });
+}
+
+// src/component/field/field-list.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function FieldList(props) {
+  const label = getLabel(props.field);
+  const isMultiField = isMultiFieldList(props.field);
+  return getInitialList(props.field, props.value).map((index) => /* @__PURE__ */ jsx25(
+    FieldListItem,
+    {
+      collapsed: props.field.advanced?.collapsed,
+      collapsible: props.field.advanced?.collapsible,
+      index,
+      isMultiField,
+      label,
+      children: props.children(index)
+    },
+    index
+  ));
+}
+
+// src/component/list.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+function List(props) {
+  const empty = Array.isArray(props.field.fields) && props.field.fields.length === 0;
+  return /* @__PURE__ */ jsx26(
+    FieldSetBase,
+    {
+      description: props.field.description,
+      empty,
+      id: props.field.name,
+      title: props.field.label,
+      children: props.children
+    }
+  );
+}
+
+// src/component/slot/list-slot.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+function ListSlot({ children, field, value }) {
+  return /* @__PURE__ */ jsx27(List, { field, children: /* @__PURE__ */ jsx27(FieldList, { field, value, children }) });
+}
+
+// src/component/column.tsx
+import { twMerge as twMerge7 } from "tailwind-merge";
+import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
+function Column(props) {
+  const cols2 = getColumn(props.column?.advanced?.cols);
+  return /* @__PURE__ */ jsxs11("div", { className: "flex w-full flex-col gap-4", children: [
+    /* @__PURE__ */ jsx28("div", { className: twMerge7("grid grid-cols-1 gap-3 sm:gap-4", cols2), children: props.children }),
+    props.column?.description && /* @__PURE__ */ jsx28(
+      FormattedDescription,
+      {
+        config: props.config,
+        context: props.context,
+        text: props.column.description,
+        translations: props.translations
+      }
+    )
+  ] });
+}
+
+// src/component/slot/slot-base.tsx
+import { Fragment as Fragment2 } from "react";
+
+// src/component/slot/slot-list.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+function SlotList(props) {
+  const fields = Array.isArray(props.field.fields) ? props.field.fields.map((field) => {
+    if (isField(field)) {
+      return {
+        ...field,
+        name: `${props.field.name}.${props.index}.${field.name}`
+      };
+    }
+    if (isColumn(field)) {
+      return {
+        ...field,
+        fields: field.fields.map((columnField) => ({
+          ...columnField,
+          name: `${props.field.name}.${props.index}.${columnField.name}`
+        }))
+      };
+    }
+    return field;
+  }) : [];
+  return /* @__PURE__ */ jsx29(
+    SlotBase,
+    {
+      children: props.children,
+      components: props.components,
+      config: props.config,
+      context: props.context,
+      disabled: props.disabled,
+      fields,
+      style: props.style,
+      translations: props.translations,
+      value: props.value
+    }
+  );
+}
+
+// src/component/slot/slot-base.tsx
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+function SlotBase(props) {
+  const { field: Field2, list: List2 } = props.components;
+  return prepare(props.fields).map((field, index) => /* @__PURE__ */ jsxs12(Fragment2, { children: [
+    isColumn(field) && /* @__PURE__ */ jsx30(
+      Column,
+      {
+        column: field,
+        config: props.config,
+        context: props.context,
+        translations: props.translations,
+        children: /* @__PURE__ */ jsx30(SlotBase, { ...props, fields: field.fields })
+      }
+    ),
+    isField(field) && /* @__PURE__ */ jsx30(Field2, { disabled: props.disabled, field, style: props.style, children: props.children }),
+    isList(field) && /* @__PURE__ */ jsx30(List2, { field, value: props.value, children: (index2) => /* @__PURE__ */ jsx30(
+      SlotList,
+      {
+        children: props.children,
+        components: props.components,
+        config: props.config,
+        context: props.context,
+        disabled: props.disabled,
+        field,
+        index: index2,
+        style: props.style,
+        translations: props.translations,
+        value: props.value
+      }
+    ) })
+  ] }, index));
+}
+
+// src/component/slot/slot-create.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+function createSlot(components) {
+  const CreateSlot = (props) => /* @__PURE__ */ jsx31(SlotBase, { ...props, components });
+  return CreateSlot;
+}
+
+// src/component/slot/slot.tsx
+var Slot = createSlot({ field: Field, list: ListSlot });
+
+// src/server/component/form.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Form2(props) {
+  const translations = props.translations?.[props.lang ?? ""];
+  return /* @__PURE__ */ jsx32(
+    Form,
+    {
+      advanced: props.advanced,
+      config: props.config,
+      control: props.children,
+      definition: props.definition,
+      readOnly: props.readOnly,
+      sections: props.sections,
+      children: ({ disabled, fields }) => /* @__PURE__ */ jsx32(
+        Slot,
+        {
+          config: props.config,
+          context: props.context,
+          disabled,
+          fields,
+          style: props.config.style,
+          translations,
+          value: props.value,
+          children: (internal) => /* @__PURE__ */ jsx32(
+            Input,
+            {
+              ...internal,
+              config: props.config,
+              context: props.context,
+              translations,
+              value: props.value
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/server/component/fallback.tsx
+import { Suspense } from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+function Fallback(props) {
+  return /* @__PURE__ */ jsx33(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx33(Form2, { config: props.config, sections: props.sections, readOnly: true }),
+      children: props.children
+    }
+  );
+}
+export {
+  Fallback,
+  Form2 as Form
+};