react-luna-form 0.0.26 → 0.0.27

package/dist/client/cjs/index.js

@@ -1 +1,2741 @@
-"use strict";var lo=Object.create;var ye=Object.defineProperty;var so=Object.getOwnPropertyDescriptor;var co=Object.getOwnPropertyNames;var uo=Object.getPrototypeOf,fo=Object.prototype.hasOwnProperty;var mo=(e,t)=>{for(var n in t)ye(e,n,{get:t[n],enumerable:!0})},mt=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of co(t))!fo.call(e,o)&&o!==n&&ye(e,o,{get:()=>t[o],enumerable:!(r=so(t,o))||r.enumerable});return e};var po=(e,t,n)=>(n=e!=null?lo(uo(e)):{},mt(t||!e||!e.__esModule?ye(n,"default",{value:e,enumerable:!0}):n,e)),go=e=>mt(ye({},"__esModule",{value:!0}),e);var Ai={};mo(Ai,{Form:()=>Qr});module.exports=go(Ai);var Xe=require("react/jsx-runtime");function pt(e){return!e.errors||e.errors.length===0?null:(0,Xe.jsx)("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)=>(0,Xe.jsx)("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}var be="input",gt="input/email",yt="input/number";var bt="textarea",xt="radio",ht="checkbox",Tt="select",Rt="select/month",St="select/year";var He="column";var At="label",q="value",xe="options",$e="email",Ct="number",Et="password",Ft="tel",le="text",Nt="aria-errormessage",vt="aria-invalid",kt="data-invalid",It="data-readonly",wt="aria",Pt="data",he="min",Te="max",Ot="minLength",Vt="maxLength",Z="$ref";var Dt="source",Lt="state",Re="http://luna.internal",P="vertical",W="horizontal";function d(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function Se(e){return e==null||e===""}function O(e){return typeof e=="string"||typeof e=="number"||typeof e=="boolean"}function F(e){return typeof e=="string"}function Mt(e){return d(e)&&"url"in e}var yo=/[^/]+$/;function _t(e,t=[],n=q){if(Array.isArray(t))return t.find(r=>{let o=qe(r,n);if(o!==void 0&&`${o}`===e)return r})??{value:e}}function qe(e,t=q){if(e!=null){if(O(e))return e;if(d(e)){let n=bo(e,t);if(O(n))return n}}}function bo(e,t){let n=R(e,t);if(O(n))return n}function Ut(e,t){if(Array.isArray(e))return e;let n=R(e,t);return Array.isArray(n)?n:null}function R(e,t){if(!t||!d(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(d(r)&&o in r)r=r[o];else return null;return r}function Bt(e,t={label:At,value:q}){return e.map(n=>{if(d(n)){let r=R(n,t.label),o=R(n,t.value);if(O(r)&&O(o))return{label:`${r}`,value:`${o}`}}return n})}function Gt(e=le){if(e){let t=e.match(yo);if(t){let[n]=t;if(n!==be)return n.trim().toLowerCase()}}return le}function Yt(e){let t={};for(let n of e.keys()){let r=e.getAll(n);t[n]=r.length>1?r:r[0]}return t}var xo=/\[([^\]]+)\]\(([^)]+)\)/g;function S(e,t={}){if(F(e))return ho(e,t);if(Array.isArray(e))return e.map(n=>S(n,t));if(d(e)){let n={};for(let r in e)n[r]=S(e[r],t);return n}return e}function M(e){return F(e)?/{([^}]+)}/.test(e):Array.isArray(e)?e.some(t=>M(t)):d(e)?Object.values(e).some(t=>M(t)):!1}function ho(e,t={}){return e.replace(/{([^}]+)}/g,(n,r)=>{let o=r.includes(".")?R(t,r):t[r];return O(o)?String(o):n})}function Xt(e,t){if(!e||e.trim().length===0)return null;let n,r=0,o=!1,i=[];for(;(n=xo.exec(e))!==null;){let[a,l,s]=n,c=n.index;o=!0,c>r&&i.push(e.substring(r,c));let u=t?t(c,s,l):a;i.push(u),r=c+a.length}return o?(r<e.length&&i.push(e.substring(r)),i):e}var se={error:(...e)=>{Ze()&&!We()&&Ae().error("[Luna Form]",...e)},warn:(...e)=>{Ze()&&!We()&&Ae().warn("[Luna Form]",...e)},info:(...e)=>{Ze()&&!We()&&Ae().info("[Luna Form]",...e)}},Ze=()=>typeof Ae()<"u",We=()=>!0,Ae=()=>globalThis.console;function Ht(e=[],t){let n=[],r=[],o=[];e.forEach(i=>{i.action===q&&n.push(i),i.action===Dt&&r.push(i),i.action===Lt&&o.push(i)}),t({sources:r,states:o,values:n})}function $t(e=null,t=[],n){t.forEach(r=>{let{target:o,source:i}=r;if(!e){n(o,void 0);return}if(Mt(i)){let a=S(i.url,e),l=i.body?S(i.body,e):i.body;n(o,{...i,url:a,body:l})}})}var ce={eq:Co,gt:vo,gte:ko,in:Fo,lt:Io,lte:wo,neq:Eo,nin:No},To=/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2})?/,qt=/^(\d{2})[/-](\d{2})[/-](\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/;function Ro(e){return typeof e=="string"&&To.test(e)}function So(e){return typeof e=="string"&&qt.test(e)}function Ao(e){let t=e.match(qt);if(t){let[,n,r,o,i,a,l]=t;return new Date(Number(o),Number(r)-1,Number(n),Number(i??0),Number(a??0),Number(l??0)).getTime()}return NaN}function V(e){return Ro(e)?new Date(e).getTime():So(e)?Ao(e):Number(e)}function Co(e,t){return e===t}function Eo(e,t){return e!==t}function Fo(e,t){return Array.isArray(t)&&t.includes(String(e))}function No(e,t){return Array.isArray(t)&&!t.includes(String(e))}function vo(e,t){return V(e)>V(t)}function ko(e,t){return V(e)>=V(t)}function Io(e,t){return V(e)<V(t)}function wo(e,t){return V(e)<=V(t)}function Zt(e=null,t=[],n){t.forEach(r=>{let{target:o,state:i,when:a}=r;if(!e){n(o);return}let l=Po(e,a);n(o,l?i:void 0)})}function Po(e,t){if(t===void 0)return!0;if(F(t))return ze(e,"value")===t;if(Array.isArray(t)){let n=ze(e,"value");return t.includes(String(n))}return Oo(e,t)}function Oo(e=null,t){let n=ze(e,t.field??"value"),{operator:r="eq",value:o}=t,i=ce[r];return i?i(n,o):!1}function ze(e,t){return d(e)?t.includes(".")?R(e,t):e[t]:e}function Wt(e=null,t=[],n){t.forEach(r=>{Object.entries(r.value).forEach(([o,i])=>{n(o,e?S(i,e):void 0)})})}var Ce=e=>A(Rt)(e),Ee=e=>A(St)(e),b=A(ht),Ke=A(be),N=A(xt),v=A(Tt),je=A(bt),zt=A(le,$e,Et,Ft),Kt=A(gt,$e),Fe=A(yt,Ct);function Ne(e){return N(e)||b(e)}function jt(e){return e.type===He}function Jt(e){return e.type!==He}function Qt(e){return v(e)||N(e)}function en(e){return Ke(e)||je(e)}function ue(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 tn(e,t={}){if(v(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&d(n))return[n]}}function nn(e){return N(e)||b(e)?W:e.advanced?.orientation??P}function rn(e){return b(e)?e.advanced?.reverse!==!1:!1}function on(e,t){let n=e.readonly??!1;return t||n}function an(e){if(N(e)||v(e)&&!e.disabled){let t=e.source;if(Array.isArray(t)||d(t)&&!(Z in t))return t}}var Vo=/^\d+$/;function ln(){return Array.from({length:12},(e,t)=>({value:(t+1).toString(),label:new Date(0,t).toLocaleString("default",{month:"long"})}))}function sn(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 Je(){return new Date().getFullYear()}function Qe(e,t){if(typeof e=="number")return e;let n=t??Je(),r=e.trim().toLowerCase();if(r.startsWith("current")){let o=r.match(/^current([+-])(\d+)$/);if(o){let[,i,a]=o,l=parseInt(a,10);if(!isNaN(l))return i==="+"?n+l:n-l}return n}return Vo.test(r)?parseInt(r,10):n}var ve=Je();function Do(e){if(v(e))return Lo(e)}function Lo(e){if(Ce(e))return ln();if(Ee(e)){let t=e.advanced?.length?.min??ve,n=e.advanced?.length?.max??ve+5;return sn(Qe(t,ve),Qe(n,ve))}}function cn(e,t=!1){let n={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return Ke(e)?{...n,...Mo(e)}:v(e)?{...n,..._o(e)}:je(e)?{...n,...Uo(e)}:n}function Mo(e){let t=Gt(e.type),n={...e,type:t};return{...un(e),...Bo(n),...zt(n)?dn(n):{},type:t}}function _o(e){let t=Do(e);return t?{options:t}:{}}function Uo(e){return{...un(e),...dn(e)}}function un(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function Bo(e){return Fe(e)?Go(e):{}}function dn(e){return fn(e,{min:Ot,max:Vt})}function Go(e){return fn(e,{min:he,max:Te})}function fn(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 mn(e,t){let n=an(e);return n||tn(e,t)}function Yo(e,t){let n=d(t)&&e.name in t?t[e.name]:t;return qe(n,e.advanced?.entity)}function Xo(e,t,n){return Qt(e)&&Array.isArray(n)?{...t,[xe]:n}:t}function Ho(e,t,n){if(e.required&&!ue(n)&&v(e)&&e.advanced?.preselected!==!1&&xe in t){let r=t[xe];if(Array.isArray(r)&&r.length===1)return r[0]}return n}function $o(e,t){return v(e)&&Array.isArray(t)?Bt(t,e.advanced?.options):t}function pn(e,t,n,r){let o=Yo(e,r),i=Array.isArray(n)?$o(e,n):n,a=Xo(e,t,i),l=Ho(e,a,o);return{commonPropsWithOptions:a,defaultValue:l}}function gn(e,t){return b(e)?{checked:ue(t)?t:!1}:{value:t??""}}var qo=/^#\/definition\//;function Ie(e=[],t){let n=ke(e,t);return Array.isArray(n)?n.sort((r,o)=>yn(r)-yn(o)):[]}function ke(e,t,n=new Map,r=new WeakSet){if(!Zo(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=>ke(i,t,n,r));if(Z in e&&F(e[Z])){let i=e[Z].replace(qo,""),a=R(t,i);return a!==null?ke(a,t,n,r):e}let o={};for(let[i,a]of Object.entries(e))o[i]=ke(a,t,n,r);return r.delete(e),n.set(e,o),o}function bn(e){return Object.entries(e??{})}function yn(e){return e.order??Number.MAX_VALUE}function Zo(e){return e!==void 0&&d(e)&&Object.keys(e).length>0}function xn(e,t){let n={};for(let[r,o]of bn(t))n[`${e}-${r}`]=o;return n}function Wo(e){return xn(wt,e)}function zo(e){return xn(Pt,e)}function hn(e,t){let n=Wo(e.advanced?.aria);return t&&t.length>0&&(n[vt]="true",n[Nt]=`${e.name}-error`),n}function Tn(e){return zo(e.advanced?.data)}var Rn={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},Sn={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function An(e,t=2){return Rn[e&&e in Rn?e:t]}function Cn(e){if(e&&e in Sn)return Sn[e]}var f=require("zod");function m(e,t){return e?t?t[e]??e:e:""}var Ko=[[Fe,ti],[Kt,jo],[Ee,ni],[Ce,ri],[b,Jo],[N,Qo]];function Fn(e,t=[],n){let r=f.z.object(e);return t.length===0?r:li(r,t,n)}function Nn(e){let t={},n=f.z.flattenError(e).fieldErrors;for(let[r,o]of Object.entries(n))o!==void 0&&(t[r]=o);return t}function vn(e,t){for(let[n,r]of Ko)if(n(e))return r(e,t);return ei(e,t)}function jo(e,t){let n=f.z.string().trim();if(e.required){let r=z(e,t),o=n.min(1,r).pipe(En(e,t));return f.z.preprocess(i=>Se(i)?"":i,o)}return n.pipe(En(e,t)).or(f.z.literal("")).nullable()}function Jo(e,t){let n=f.z.coerce.boolean();return e.required?(n=n.refine(r=>r===!0,{message:z(e,t)}),f.z.preprocess(r=>r===null?!1:r,n)):n.nullable()}function Qo(e,t){let n=f.z.coerce.string();return e.required?(n=n.min(1,z(e,t)),f.z.preprocess(r=>Se(r)?"":r,n)):n.or(f.z.literal("")).nullable()}function ei(e,t){let n=f.z.coerce.string().trim();return n=kn(n,e,t),e.required?(n=In(n,e,t),f.z.preprocess(r=>Se(r)?"":r,n)):n.nullable()}function ti(e,t){let n=f.z.coerce.number().int();return n=kn(n,e,t),e.required?(n=In(n,e,t),f.z.preprocess(r=>r===null?void 0:r,n)):n.nullable()}function ni(e,t){return e.required?f.z.preprocess(oi,f.z.coerce.number({message:z(e,t)}).int()):f.z.coerce.number().int().nullable()}function ri(e,t){let n=z(e,t),r=f.z.coerce.number().int().min(1,n).max(12,n);return e.required?r:r.nullable()}function oi(e){return e===null||e===""?void 0:e}function En(e,t){let n=e.validation?.email?m(e.validation?.email,t):void 0;return f.z.email(n)}function kn(e,t,n){return e=ii(e,t,n),e=ai(e,t,n),e}function In(e,t,n){let r=t.advanced?.length?.min;return r===void 0||r<1?e.min(1,z(t,n)):e}var ii=(e,t,n)=>wn(e,t,he,n),ai=(e,t,n)=>wn(e,t,Te,n);function wn(e,t,n,r){let o=t.advanced?.length?.[n];if(o!==void 0){let i=t.validation?.length?.[n]?m(t.validation?.length?.[n],r):void 0;return e[n](o,i)}return e}function li(e,t=[],n){let r=ci(t);return r.length===0?e:e.superRefine((o,i)=>{for(let{name:a,rule:l}of r)if(!si(o,a,l)){let s=m(l.message,n);i.addIssue({code:"custom",message:s,path:[a]})}})}function si(e,t,n){let r=n.operator??"eq",o=ce[r];return o?o(e[t],e[n.field]):!1}function ci(e){let t=[];for(let n of e){let r=n.validation?.custom;if(!r)continue;let o=Array.isArray(r)?r:[r];for(let i of o)t.push({name:n.name,rule:i})}return t}function Pn(e,t,n,r){let o=[],i=Array.isArray(t)?t:[t];for(let a of i){let l=a.operator??"eq",s=ce[l];if(s&&!s(e,n(a.field))&&a.message){let c=m(a.message,r);o.push(c)}}return o}function z(e,t){return e.validation?.required?m(e.validation?.required,t):void 0}function On(e,t){if(!t||!di(e))return!0;if(t.length===0)return!1;try{let n=new URL(e),r=n.protocol.replace(":",""),o=n.hostname,i=n.port||ui(r);return t.some(a=>!(a.protocol&&a.protocol!==r||a.hostname&&a.hostname!==o||a.port!==void 0&&String(a.port)!==i))}catch{return!1}}function ui(e){return e==="https"?"443":"80"}function di(e){return/^(https?:)?\/\//.test(e)}function Vn(e,t){try{if(!e)return t;if(!t)return e;let n=new URL(e,Re);new URL(t,Re).searchParams.forEach((i,a)=>{n.searchParams.set(a,i)});let o=n.toString();return e.startsWith("/")||!e.includes("://")?o.replace(Re,""):o}catch{return t||e}}function Dn(e){return!Array.isArray(e)||e.length===0?null:e.reduce((t,n)=>{let r=Vn(t.url,n.url),o=fi(t,n),i=mi(t,n);return{...t,...n,url:r,body:o,headers:i}})}function fi(e,t){return d(t.body)&&d(e?.body)?{...e.body,...t.body}:t.body??e?.body}function mi(e,t){return d(t.headers)&&d(e?.headers)?{...e.headers,...t.headers}:t.headers??e?.headers}function we(e,t){return{...e,...t}}var Ln=require("tailwind-merge"),Mn=require("react/jsx-runtime");function Pe(e){let t=e.errors&&e.errors.length>0;return(0,Mn.jsx)("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[kt]:"true"},...e.disabled&&{[It]:"true"},"data-orientation":e.orientation,className:(0,Ln.twMerge)("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})}var _n=require("tailwind-merge"),Bn=require("react/jsx-runtime");function Un(e){return(0,Bn.jsx)(Pe,{...e,orientation:P,className:(0,_n.twMerge)("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}var Gn=require("tailwind-merge"),Xn=require("react/jsx-runtime");function Yn(e){return(0,Xn.jsx)(Pe,{...e,orientation:W,className:(0,Gn.twMerge)("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})}var et=require("react/jsx-runtime");function Hn(e){let t=Ne(e.field),n=b(e.field),r=rn(e.field);return e.orientation===P?(0,et.jsx)(Un,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children}):(0,et.jsx)(Yn,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children})}function $n(e){if(!e.field.type)return null;let t=cn(e.field,e.disabled),n=Tn(e.field),r=hn(e.field,e.errors),o={...e.field,disabled:t.disabled};return e.children({ariaAttributes:r,commonProps:t,dataAttributes:n,field:o,orientation:e.orientation})}var qn=require("tailwind-merge"),K=require("react/jsx-runtime");function Zn(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{orientation:r}=we(e.style,{orientation:nn(e.field)}),o=on(e.field,e.disabled);return(0,K.jsxs)("div",{className:(0,qn.twMerge)("flex flex-col gap-3",Cn(t)),children:[(0,K.jsx)(Hn,{disabled:o,errors:n,field:e.field,orientation:r,children:(0,K.jsx)($n,{disabled:o,errors:n,field:e.field,orientation:r,children:e.children})}),(0,K.jsx)(pt,{errors:n,name:e.field.name})]})}var D=require("jotai"),tt=require("jotai-family"),Oe=require("fast-equals");function pi(e){return(0,tt.atomFamily)(t=>(0,D.atom)(n=>n(e)[t]??void 0,(n,r,o)=>{let i=n(e);if(o!=null){let a=i[t];(!a||!(0,Oe.deepEqual)(a,o))&&r(e,{...i,[t]:o})}else if(i[t]){let{[t]:a,...l}=i;r(e,l)}}))}function gi(e){return(0,D.atom)(null,(t,n)=>{let r=t(e);r&&Object.keys(r).length>0&&n(e,{})})}function yi(e){return(0,D.atom)(null,(t,n,r)=>{let i={...t(e)},a=!1;for(let l of r)i[l]&&(delete i[l],a=!0);a&&n(e,i)})}function bi(e){return(0,D.atom)(null,(t,n,r)=>{let o=t(e);(0,Oe.deepEqual)(o,r)||n(e,r)})}function Wn(e,t={}){let{merge:n,validateTarget:r}=t;return(0,tt.atomFamily)(o=>(0,D.atom)(i=>{let a=i(e)[o];if(a&&n)return n(Object.values(a))},(i,a,l,s)=>{if(r&&!r(l))return;let c=i(e),u={...c[l]??{}};if(s!=null){let y=u[o];(!y||!(0,Oe.deepEqual)(y,s))&&(u[o]=s,a(e,{...c,[l]:u}))}else if(u[o])if(delete u[o],Object.keys(u).length===0){let{[l]:y,...w}=c;a(e,w)}else a(e,{...c,[l]:u})}))}function zn(e){return(0,D.atom)(null,(t,n,r)=>{let i={...t(e)},a=!1;for(let l of r)i[l]&&(delete i[l],a=!0);for(let l in i){let s={...i[l]},c=!1;for(let u of r)s[u]&&(delete s[u],c=!0,a=!0);c&&(Object.keys(s).length===0?delete i[l]:i[l]=s)}a&&n(e,i)})}function j(e={}){let t=(0,D.atom)(e);return{atom:t,clearAll:gi(t),clear:yi(t),bulkReport:bi(t),report:pi(t)}}var nt=j(),Kn=nt.clear,jn=nt.bulkReport,Ve=nt.report;var Jn=require("jotai"),er=require("react/jsx-runtime");function Qn(e){return n=>{let r=(0,Jn.useAtomValue)(Ve(n.field.name));return(0,er.jsx)(e,{...n,errors:r?{[n.field.name]:r}:void 0})}}var tr=j(),nr=tr.atom,rr=tr.report;var or=require("jotai"),ar=require("react/jsx-runtime");function ir(e){return n=>{let r=(0,or.useAtomValue)(rr(n.field.name));if(r?.hidden??n.field.hidden??!1)return null;let i=r?.disabled??n.disabled;return(0,ar.jsx)(e,{...n,disabled:i})}}var lr=ir(Qn(Zn));var cr=require("react/jsx-runtime");function sr(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return(0,cr.jsx)("div",{"data-slot":"field-control",className:"w-full",children:t})}var De=require("react");var rt=require("react/jsx-runtime");function ur(e){return(0,rt.jsx)("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:(0,rt.jsx)("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 dr=require("react/jsx-runtime");function J(e){return(0,dr.jsx)("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})}var fr=require("react/jsx-runtime");function L(e){return Xt(e,(t,n,r)=>(0,fr.jsx)("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:r},`${n}-${t}`))}var _=require("react/jsx-runtime");function mr(e){return(0,_.jsxs)(_.Fragment,{children:[e.title&&(0,_.jsx)("legend",{className:"mb-3 font-medium text-slate-800 dark:text-slate-200",children:L(e.title)}),e.description&&(0,_.jsx)("p",{className:"-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:L(e.description)})]})}var p=require("react/jsx-runtime");function pr(e){let t=e.section.fields||[],[n,r]=(0,De.useState)(!1),{compact:o}=we(e.style,{compact:e.section.compact});return!e.section.title&&!e.section.description?(0,p.jsx)(J,{compact:o,children:e.children}):e.section.advanced?(0,p.jsxs)("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:[(0,p.jsx)("legend",{children:(0,p.jsxs)("button",{type:"button",onClick:()=>r(i=>!i),className:"flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",children:[(0,p.jsx)(ur,{expanded:n}),(0,p.jsx)("span",{children:L(e.section.title)})]})}),(0,p.jsx)(De.Activity,{mode:n?"visible":"hidden",children:(0,p.jsxs)("div",{className:"mt-3 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&&(0,p.jsx)("p",{className:"text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:L(e.section.description)}),(0,p.jsx)(J,{compact:o,children:e.children})]})})]}):(0,p.jsxs)("fieldset",{"data-slot":"field-set","data-empty":t.length===0,className:"flex flex-col data-[empty=false]:gap-6",id:e.section.id?.toString(),children:[(0,p.jsx)(mr,{description:e.section.description,title:e.section.title}),(0,p.jsx)(J,{compact:o,children:e.children})]})}var yr=require("react");var ot=require("react/jsx-runtime");function gr(){return(0,ot.jsx)("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:(0,ot.jsx)("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800"})})}var k=require("react/jsx-runtime");function br(e){let t=Ie(e.sections,e.definition);return(0,k.jsx)("div",{className:"h-full w-full",children:(0,k.jsx)("form",{noValidate:e.noValidate,action:e.action,children:(0,k.jsxs)(J,{children:[t.map((n,r)=>(0,k.jsxs)(yr.Fragment,{children:[(0,k.jsx)(pr,{section:n,style:e.config.style,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.separator&&(0,k.jsx)(gr,{})]},r)),e.control&&(0,k.jsx)(sr,{isPending:e.isPending,children:e.control})]})})})}var hr=require("react/jsx-runtime");function xr(e){return(0,hr.jsx)("p",{className:"-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400",children:e.children})}var Tr=require("react/jsx-runtime");function Le(e){let t=L(e.text);return t?(0,Tr.jsx)(xr,{children:t}):null}var Rr=require("tailwind-merge"),Me=require("react/jsx-runtime");function Sr(e){let t=e.style?.showOptionalLabel??!0,n=N(e.field)||b(e.field);return(0,Me.jsxs)("label",{"data-slot":"field-label","data-normal":n,className:(0,Rr.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:e.field.name,children:[e.children,t&&!e.field.required&&(0,Me.jsx)("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:m("(Optional)",e.translations)})]})}var de=require("react/jsx-runtime");function Ar(e){let t=M(e.field.label)?S(e.field.label,{context:e.context,env:e.config?.env}):e.field.label,n=M(e.field.description)?S(e.field.description,{context:e.context,env:e.config?.env}):e.field.description;return(0,de.jsxs)("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[(0,de.jsx)(Sr,{field:e.field,style:e.config?.style,translations:e.translations,children:m(t,e.translations)}),e.orientation===W&&(0,de.jsx)(Le,{text:m(n,e.translations)})]})}var U=require("react/jsx-runtime");function Cr(e){return(0,U.jsxs)(U.Fragment,{children:[e.field.name&&e.field.label&&(0,U.jsx)(Ar,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations}),e.children,e.orientation===P&&e.field.description&&(0,U.jsx)(Le,{text:m(e.field.description,e.translations)})]})}function _e(e,t){return e?t(e):null}var x=require("react");var Er=require("jotai");var xi=e=>{let t=Dn(e);if(t)return t},hi=e=>e.trim()!=="",Fr=(0,Er.atom)({}),Nr=Wn(Fr,{merge:xi,validateTarget:hi}),vr=zn(Fr);var wr=require("jotai");var kr=po(require("swr"),1);function Ir(e=null,t,n=!1){let{data:r,error:o}=(0,kr.default)(Ti(e,t,n),t.fetcher.provider);if(o&&se.error("Error fetching data source:",o),e){if(Array.isArray(e))return e;if(r)return Ut(r,e.namespace)}return null}function Ti(e=null,t,n=!1){if(e&&!Array.isArray(e)&&!n&&e.url&&!M(e.url)){if(On(e.url,t.fetcher.remotePatterns))return e;se.warn(`URL blocked by remotePatterns: ${e.url}. Check your luna.config.ts`)}return null}function Pr(e,t,n){let r=mn(e,n),[o,i]=(0,wr.useAtom)(Nr(e.name));return[Ir(o??r,t,e.disabled),i]}var B=require("react");function Or(e,t,n,r){let{name:o}=e,i=(0,B.useMemo)(()=>vn(e,r),[e,r]),a=(0,B.useEffectEvent)(s=>{s&&t(s,i,e)}),l=(0,B.useEffectEvent)(s=>{s&&n(s)});return(0,B.useEffect)(()=>(a(o),()=>{l(o)}),[o]),i}var te=require("jotai");var Q=require("react");function Vr(){let e=(0,Q.useRef)(null);(0,Q.useEffect)(()=>()=>{e.current&&clearTimeout(e.current)},[]);function t(){e.current&&(clearTimeout(e.current),e.current=null)}return(0,Q.useCallback)((r,o)=>{t(),e.current=setTimeout(r,o)},[])}var Ue=j(),Dr=Ue.atom,Lr=Ue.clearAll,Mr=Ue.clear,Be=Ue.report;var _r=require("jotai"),ee=require("react");function Ur(e,t){let{name:n}=e,r=(0,ee.useRef)(!1),[o,i]=(0,_r.useAtom)(Be(n));(0,ee.useEffect)(()=>{if(!t||!(n in t))return;let l=t[n];ue(l)&&(r.current=!0,i(l))},[n,t,i]);let a=(0,ee.useCallback)(()=>r.current?(r.current=!1,!0):!1,[]);return{setValue:i,shouldSkipOnChange:a,value:o}}var it=require("react/jsx-runtime");function Br(e){let t=e.field.advanced?.entity,n=(0,te.useStore)(),r=Vr(),[,o]=(0,x.useTransition)(),{setValue:i,shouldSkipOnChange:a,value:l}=Ur(e.field,e.value),s=(0,x.useRef)(l);s.current=l;let c=(0,x.useRef)(e.translations);c.current=e.translations;let u=en(e.field),y=Ne(e.field),w=(0,te.useSetAtom)(Dr),re=(0,te.useSetAtom)(nr),me=(0,te.useSetAtom)(Ve(e.field.name)),[oe,G]=Pr(e.field,e.config,l),E=Or(e.field,e.onMount,e.onUnmount,e.translations),ie=m(e.commonProps.placeholder,e.translations),h={...e.commonProps,placeholder:ie},{commonPropsWithOptions:eo,defaultValue:to}=pn(e.field,h,oe,l),dt=(0,x.useRef)(null);dt.current=g=>{i(g),e.onValueChange&&e.onValueChange({name:e.field.name,value:g})};let no=gn(e.field,to),pe=(0,x.useCallback)(g=>{let Y=E.safeParse(g).error?.issues.map(ae=>ae.message)??[],X=e.field.validation?.custom,Ye=X?Pn(g,X,ae=>n.get(Be(ae)),c.current):[];me([...Y,...Ye])},[e.field.validation?.custom,E,me,n]),ft=(0,x.useCallback)((g,T)=>{if(u){r(()=>{T({value:g})},500);return}let Y=_t(g,oe,t);T(Y)},[oe,t,u,r]),ro=(0,x.useCallback)(g=>{let T=g.target.value;if(!y&&a()&&(!u||T===s.current))return;dt.current?.(T),e.config.validation.change&&pe(T);let Y=e.field.event?.change;Y&&ft(T,X=>{Ht(Y,({sources:Ye,states:ae,values:io})=>{o(()=>{$t(X,Ye,(H,$)=>G(H,$)),Zt(X,ae,(H,$)=>{re(ge=>{if($)return{...ge,[H]:$};let{[H]:Ci,...ao}=ge;return ao})}),Wt(X,io,(H,$)=>{w(ge=>({...ge,[H]:$}))})})})})},[ft,y,u,e.config.validation.change,e.field.event?.change,re,G,w,a,pe]),oo=(0,x.useCallback)(g=>{if(!y){let T=g.target.value;e.config.validation.blur&&pe(T)}},[y,e.config.validation.blur,pe]);return _e(e.config.inputs[e.field.type],g=>(0,it.jsx)(Cr,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations,children:(0,it.jsx)(g,{...eo,...e.ariaAttributes,...e.dataAttributes,...no,onBlur:oo,onChange:ro})}))}var Gr=require("tailwind-merge"),at=require("react/jsx-runtime");function Yr(e){let t=An(e.column?.advanced?.cols);return(0,at.jsx)("div",{className:"flex w-full flex-col gap-4",children:(0,at.jsx)("div",{className:(0,Gr.twMerge)("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children})})}var Xr=require("react"),ne=require("react/jsx-runtime");function lt(e){let{column:t,field:n}=e.components;return Ie(e.fields).map((r,o)=>(0,ne.jsxs)(Xr.Fragment,{children:[jt(r)&&(0,ne.jsx)(t,{column:r,children:(0,ne.jsx)(lt,{...e,fields:r.fields})}),Jt(r)&&(0,ne.jsx)(n,{disabled:e.disabled,field:r,style:e.style,children:e.children})]},o))}var $r=require("react/jsx-runtime");function Hr(e){return n=>(0,$r.jsx)(lt,{...n,components:{column:Yr,field:e}})}var ct=require("jotai");var fe=require("react");function Zr(e,t,n){let{onSuccess:r,preserveValues:o=!1,validation:i=!0}=n??{},a=(0,ct.useSetAtom)(jn),l=(0,ct.useSetAtom)(Lr),s={data:null,error:null,success:!1},[c,u,y]=(0,fe.useActionState)(async(w,re)=>{let[me,oe]=e(),G=Fn(me,oe,n?.translations);if(i===!1)return t?await t(re,G):w;let E=Yt(re),ie=G.safeParse(E);if(!ie.success){let h=Nn(ie.error);return(0,fe.startTransition)(()=>{a(h)}),st(E,{description:"Please correct the errors and try again.",details:[],title:"There were validation errors submitting the form."})}if(t)try{let h=await t(E,G);return h.success?(r?.(h.data),o||(0,fe.startTransition)(()=>{l()}),qr(E,o)):st(E,h.error)}catch(h){return se.error("Error executing form action:",h),st(E,{title:"An unexpected error occurred submitting the form.",details:Ri(h)})}return qr(ie.data,o)},s);return[u,c,y]}function Ri(e){let t=e instanceof Error?e.message:["Unknown error"];return Array.isArray(t)?t:[t]}function qr(e,t=!1){return{data:t?e:null,error:null,success:!0}}function st(e,t){return{data:e,error:t,success:!1}}var I=require("react");var Wr=require("react"),Ge=require("jotai");function zr(){let e=(0,Ge.useSetAtom)(Kn),t=(0,Ge.useSetAtom)(vr),n=(0,Ge.useSetAtom)(Mr);return(0,Wr.useCallback)(r=>{let o=Array.isArray(r)?r:[r];e(o),t(o),n(o)},[e,t,n])}function Kr(){let e=zr(),t=(0,I.useRef)({}),n=(0,I.useRef)([]),r=(0,I.useRef)(new Set),o=(0,I.useCallback)((l,s,c)=>{l in t.current||(t.current[l]=s,n.current.push(c))},[]),i=(0,I.useCallback)(l=>{t.current[l]&&(delete t.current[l],n.current=n.current.filter(s=>s.name!==l),r.current.add(l),(0,I.startTransition)(()=>{r.current.size>0&&(e(Array.from(r.current)),r.current.clear())}))},[e]);function a(){return[t.current,n.current]}return[a,o,i]}var C=require("react/jsx-runtime"),Si=Hr(lr);function jr(e){let t=e.translations?.[e.lang??""],[n,r,o]=Kr(),[i,a,l]=Zr(n,e.action,{onSuccess:e.onSuccess,validation:e.config.validation.submit,translations:t}),s=e.config.validation.showError&&!a.success&&a.error,c=a.data??e.value;return(0,C.jsxs)(C.Fragment,{children:[s&&_e(e.config.alert,u=>(0,C.jsx)("div",{className:"mb-4 w-full",children:(0,C.jsx)(u,{description:a.error?.description,details:a.error?.details,title:a.error.title})})),(0,C.jsx)(br,{action:i,config:e.config,control:e.children,definition:e.definition,isPending:l,noValidate:!0,readOnly:e.readOnly,sections:e.sections,children:({disabled:u,fields:y})=>(0,C.jsx)(Si,{disabled:u,fields:y,style:e.config.style,children:w=>(0,C.jsx)(Br,{...w,config:e.config,context:e.context,onMount:r,onUnmount:o,onValueChange:e.onValueChange,translations:t,value:c})})})]})}var Jr=require("jotai"),ut=require("react/jsx-runtime");function Qr(e){return(0,ut.jsx)(Jr.Provider,{children:(0,ut.jsx)(jr,{...e})})}
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Form: () => Form2
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/component/control.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Control(props) {
+  const content = typeof props.children === "function" ? props.children({ isPending: props.isPending }) : props.children;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-slot": "field-control", className: "w-full", children: content });
+}
+
+// src/component/field/field-set-advanced.tsx
+var import_react = require("react");
+
+// src/component/chevron-icon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ChevronIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "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__ */ (0, import_jsx_runtime2.jsx)(
+        "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"
+        }
+      )
+    }
+  );
+}
+
+// ../luna-core/src/util/constant.ts
+var INPUT = "input";
+var INPUT_EMAIL = "input/email";
+var INPUT_NUMBER = "input/number";
+var TEXTAREA = "textarea";
+var RADIO = "radio";
+var CHECKBOX = "checkbox";
+var LIST = "list";
+var SELECT = "select";
+var SELECT_MONTH = "select/month";
+var SELECT_YEAR = "select/year";
+var COLUMN = "column";
+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 MIN = "min";
+var MAX = "max";
+var MIN_LENGTH = "minLength";
+var MAX_LENGTH = "maxLength";
+var $REF = "$ref";
+var SOURCE = "source";
+var STATE = "state";
+var COMMON_URL = "http://luna.internal";
+var VERTICAL = "vertical";
+var HORIZONTAL = "horizontal";
+var TYPE = "type";
+
+// ../luna-core/src/util/is-type.ts
+function isObject(value) {
+  return value !== null && Object.prototype.toString.call(value) === "[object Object]";
+}
+function isEmpty(value) {
+  return value === null || value === void 0 || value === "";
+}
+function isValue(value) {
+  return isString(value) || typeof value === "number" || isBoolean(value);
+}
+function isString(value) {
+  return typeof value === "string";
+}
+function isDataSource(value) {
+  return isObject(value) && "url" in value;
+}
+function isBoolean(value) {
+  return typeof value === "boolean";
+}
+
+// ../luna-core/src/util/extract.ts
+var REGEX_TYPE = /[^/]+$/;
+var REGEX_NUMERIC = /^\d+$/;
+function getEntity(selected, collection = [], entity = VALUE) {
+  if (Array.isArray(collection)) {
+    return collection.find((item) => {
+      const current = getCurrentValue(item, entity);
+      if (current !== void 0 && `${current}` === selected) {
+        return item;
+      }
+    }) ?? { value: selected };
+  }
+  return { value: selected };
+}
+function getCurrentValue(value, entity = VALUE) {
+  if (value !== null && value !== void 0) {
+    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 getArray(value, namespace) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  const result = extract(value, namespace);
+  if (Array.isArray(result)) {
+    return result;
+  }
+  return null;
+}
+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 = { 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)) {
+        return {
+          label: `${label}`,
+          value: `${value}`
+        };
+      }
+    }
+    return item;
+  });
+}
+function getType(value = TYPE_TEXT) {
+  if (value) {
+    const result = value.match(REGEX_TYPE);
+    if (result) {
+      const [type] = result;
+      if (type !== INPUT) {
+        return type.trim().toLowerCase();
+      }
+    }
+  }
+  return TYPE_TEXT;
+}
+function getFormData(formData) {
+  const data = {};
+  for (const key of formData.keys()) {
+    const values = formData.getAll(key);
+    data[key] = values.length > 1 ? values : values[0];
+  }
+  return data;
+}
+function unflatten(data) {
+  const result = {};
+  for (const key in data) {
+    const parts = key.split(".");
+    if (parts.length === 1) {
+      result[key] = data[key];
+      continue;
+    }
+    let current = result;
+    for (let i = 0; i < parts.length - 1; i++) {
+      const part = parts[i];
+      const next = parts[i + 1];
+      const isNextIndex = REGEX_NUMERIC.test(next);
+      if (!(part in current)) {
+        current[part] = isNextIndex ? [] : {};
+      }
+      current = current[part];
+    }
+    const last = parts[parts.length - 1];
+    current[last] = data[key];
+  }
+  compactArrays(result);
+  return result;
+}
+function compactArrays(obj) {
+  for (const key in obj) {
+    const value = obj[key];
+    if (Array.isArray(value)) {
+      const compacted = value.filter((item) => item !== void 0);
+      compacted.forEach((item) => {
+        if (item !== null && typeof item === "object" && !Array.isArray(item)) {
+          compactArrays(item);
+        }
+      });
+      obj[key] = compacted;
+    } else if (value !== null && typeof value === "object") {
+      compactArrays(value);
+    }
+  }
+}
+
+// ../luna-core/src/util/string.ts
+var REGEX_MARKDOWN_LINK = /\[([^\]]+)\]\(([^)]+)\)/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 /{([^}]+)}/.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(/{([^}]+)}/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 (!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/logger.ts
+var logger = {
+  error: (...args) => {
+    if (isConsoleAvailable() && !isProduction()) {
+      getConsole().error("[Luna Form]", ...args);
+    }
+  },
+  warn: (...args) => {
+    if (isConsoleAvailable() && !isProduction()) {
+      getConsole().warn("[Luna Form]", ...args);
+    }
+  },
+  info: (...args) => {
+    if (isConsoleAvailable() && !isProduction()) {
+      getConsole().info("[Luna Form]", ...args);
+    }
+  }
+};
+var isConsoleAvailable = () => typeof getConsole() !== "undefined";
+var isProduction = () => false;
+var getConsole = () => globalThis.console;
+
+// ../luna-core/src/handle/proxy-event.ts
+function handleProxyEvent(events = [], callback) {
+  const values = [];
+  const sources = [];
+  const states = [];
+  for (const event of events) {
+    if (event.action === VALUE) {
+      values.push(event);
+    }
+    if (event.action === SOURCE) {
+      sources.push(event);
+    }
+    if (event.action === STATE) {
+      states.push(event);
+    }
+  }
+  callback({ sources, states, values });
+}
+
+// ../luna-core/src/handle/source-event.ts
+function handleSourceEvent(selected = null, events = [], setSource) {
+  for (const event of events) {
+    const { target, source } = event;
+    if (!selected) {
+      setSource(target, void 0);
+      continue;
+    }
+    if (isDataSource(source)) {
+      const newUrl = interpolate(source.url, selected);
+      const newBody = source.body ? interpolate(source.body, selected) : source.body;
+      setSource(target, {
+        ...source,
+        url: newUrl,
+        body: newBody
+      });
+    }
+  }
+}
+
+// ../luna-core/src/util/operator.ts
+var operators = {
+  eq,
+  gt,
+  gte,
+  in: includes,
+  lt,
+  lte,
+  neq,
+  nin
+};
+var ISO_DATE_REGEX = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2})?/;
+var DMY_DATE_REGEX = /^(\d{2})[/-](\d{2})[/-](\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/;
+function isISODateString(value) {
+  return typeof value === "string" && ISO_DATE_REGEX.test(value);
+}
+function isDMYDateString(value) {
+  return typeof value === "string" && DMY_DATE_REGEX.test(value);
+}
+function parseDMYDate(value) {
+  const match = value.match(DMY_DATE_REGEX);
+  if (match) {
+    const [, day, month, year, hours, minutes, seconds] = match;
+    return new Date(
+      Number(year),
+      Number(month) - 1,
+      Number(day),
+      Number(hours ?? 0),
+      Number(minutes ?? 0),
+      Number(seconds ?? 0)
+    ).getTime();
+  }
+  return NaN;
+}
+function toComparableNumber(value) {
+  if (isISODateString(value)) {
+    return new Date(value).getTime();
+  }
+  if (isDMYDateString(value)) {
+    return parseDMYDate(value);
+  }
+  return Number(value);
+}
+function eq(current, value) {
+  return current === value;
+}
+function neq(current, value) {
+  return current !== value;
+}
+function includes(current, value) {
+  return Array.isArray(value) && value.includes(String(current));
+}
+function nin(current, value) {
+  return Array.isArray(value) && !value.includes(String(current));
+}
+function gt(current, value) {
+  return toComparableNumber(current) > toComparableNumber(value);
+}
+function gte(current, value) {
+  return toComparableNumber(current) >= toComparableNumber(value);
+}
+function lt(current, value) {
+  return toComparableNumber(current) < toComparableNumber(value);
+}
+function lte(current, value) {
+  return toComparableNumber(current) <= toComparableNumber(value);
+}
+
+// ../luna-core/src/handle/state-event.ts
+function handleStateEvent(selected = null, events = [], setState) {
+  for (const event of events) {
+    const { target, state, when } = event;
+    const targets = Array.isArray(target) ? target : [target];
+    if (!selected) {
+      setState(targets);
+      continue;
+    }
+    logger.info(`Selected value for state event: ${JSON.stringify(selected)}, evaluating condition: ${JSON.stringify(when)}`);
+    const matches = evaluateCondition(selected, when);
+    logger.info(`Condition evaluated to: ${matches}, setting state for targets: ${targets.join(", ")}`);
+    setState(targets, matches ? state : void 0);
+  }
+}
+function evaluateCondition(selected, when) {
+  if (when === void 0) {
+    return true;
+  }
+  if (isString(when)) {
+    logger.info(`Evaluating string condition: ${when} against selected value: ${JSON.stringify(selected)} using VALUE field`);
+    logger.info(`Extracted value for comparison: ${JSON.stringify(getValue2(selected, VALUE))}`);
+    logger.info(`Comparison result: ${getValue2(selected, VALUE) === when}`);
+    return getValue2(selected, VALUE) === when;
+  }
+  if (isBoolean(when)) {
+    return Boolean(getValue2(selected, VALUE)) === when;
+  }
+  if (Array.isArray(when)) {
+    return when.includes(String(getValue2(selected, VALUE)));
+  }
+  return evaluateOperator(selected, when);
+}
+function evaluateOperator(selected = null, condition) {
+  const current = getValue2(selected, condition.field ?? VALUE);
+  const { operator = "eq", value } = condition;
+  const operation = operators[operator];
+  if (operation) {
+    return operation(current, value);
+  }
+  return false;
+}
+function getValue2(selected, field) {
+  if (isObject(selected)) {
+    return extract(selected, field);
+  }
+  return selected;
+}
+
+// ../luna-core/src/handle/value-event.ts
+function handleValueEvent(selected = null, events = [], setValue) {
+  for (const event of events) {
+    for (const [target, value] of Object.entries(event.value)) {
+      setValue(target, selected ? interpolate(value, selected) : void 0);
+    }
+  }
+}
+
+// ../luna-core/src/util/is-input.ts
+var isSelectMonth = (field) => createTypeChecker(SELECT_MONTH)(field);
+var isSelectYear = (field) => createTypeChecker(SELECT_YEAR)(field);
+var isCheckbox = createTypeChecker(CHECKBOX);
+var isInput = createTypeChecker(INPUT);
+var isRadio = createTypeChecker(RADIO);
+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);
+}
+function isTextable(field) {
+  return isInput(field) || isTextArea(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 HORIZONTAL;
+  }
+  return field.advanced?.orientation ?? VERTICAL;
+}
+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) || 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
+var REGEX_DIGITS = /^\d+$/;
+function getMonth() {
+  return Array.from({ length: 12 }, (_, i) => ({
+    value: (i + 1).toString(),
+    label: new Date(0, i).toLocaleString("default", {
+      month: "long"
+    })
+  }));
+}
+function getYear(min2, max2) {
+  if (max2 >= min2) {
+    return Array.from({ length: max2 - min2 + 1 }, (_, i) => {
+      const year = min2 + i;
+      return {
+        value: year.toString(),
+        label: year.toString()
+      };
+    });
+  }
+  return [];
+}
+function getCurrentYear() {
+  return (/* @__PURE__ */ new Date()).getFullYear();
+}
+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;
+}
+
+// ../luna-core/src/helper/input.ts
+var now = getCurrentYear();
+function buildOptionSelect(field) {
+  if (isSelect(field)) {
+    return defineOption(field);
+  }
+}
+function defineOption(select) {
+  if (isSelectMonth(select)) {
+    return getMonth();
+  }
+  if (isSelectYear(select)) {
+    const min2 = select.advanced?.length?.min ?? now;
+    const max2 = select.advanced?.length?.max ?? now + 5;
+    return getYear(getConvert(min2, now), getConvert(max2, now));
+  }
+}
+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,
+      ...defineSelect(field)
+    };
+  }
+  if (isTextArea(field)) {
+    return {
+      ...commonProps,
+      ...defineTextArea(field)
+    };
+  }
+  return commonProps;
+}
+function defineInput(input) {
+  const type = getType(input.type);
+  const copy = { ...input, type };
+  return {
+    ...defineAutoComplete(input),
+    ...defineNumberLimits(copy),
+    ...isText(copy) ? defineLength(copy) : {},
+    type
+  };
+}
+function defineSelect(field) {
+  const options = buildOptionSelect(field);
+  if (options) {
+    return { options };
+  }
+  return {};
+}
+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 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;
+  return getCurrentValue(newValue, field.advanced?.entity);
+}
+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 (isSelect(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 prepareInputValue(field, value) {
+  if (isCheckbox(field)) {
+    return {
+      checked: isValidValue(value) ? value : false
+    };
+  }
+  return { value: value ?? "" };
+}
+
+// ../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 min2 = list.advanced?.length?.min ?? 1;
+  if (value) {
+    const data = extract(value, list.name);
+    if (Array.isArray(data)) {
+      return Math.max(data.length, min2);
+    }
+  }
+  return Math.max(min2, 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/schema.ts
+var import_zod = require("zod");
+
+// ../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/schema.ts
+var approach = [
+  [isNumber, getNumber],
+  [isEmail, getEmail],
+  [isSelectYear, getYearSchema],
+  [isSelectMonth, getMonthSchema],
+  [isCheckbox, getBoolean],
+  [isRadio, getRadio]
+];
+function buildSchema(schemas, fields = [], translations) {
+  const schema = import_zod.z.object(schemas);
+  if (fields.length === 0) {
+    return schema;
+  }
+  return applyCustomValidation(schema, fields, translations);
+}
+function flatten(error) {
+  const results = {};
+  const errors = import_zod.z.flattenError(error).fieldErrors;
+  for (const [key, value] of Object.entries(errors)) {
+    if (value !== void 0) {
+      results[key] = value;
+    }
+  }
+  return results;
+}
+function getSchema(input, translations) {
+  for (const [check, getSchema2] of approach) {
+    if (check(input)) {
+      return getSchema2(input, translations);
+    }
+  }
+  return getText(input, translations);
+}
+function getEmail(input, translations) {
+  const baseSchema = import_zod.z.string().trim();
+  if (input.required) {
+    const message = getRequiredMessage(input, translations);
+    const schema = baseSchema.min(1, message).pipe(applyEmail(input, translations));
+    return import_zod.z.preprocess((value) => isEmpty(value) ? "" : value, schema);
+  }
+  return baseSchema.pipe(applyEmail(input, translations)).or(import_zod.z.literal("")).nullable();
+}
+function getBoolean(input, translations) {
+  let schema = import_zod.z.coerce.boolean();
+  if (input.required) {
+    schema = schema.refine((value) => value === true, {
+      message: getRequiredMessage(input, translations)
+    });
+    return import_zod.z.preprocess((value) => value === null ? false : value, schema);
+  }
+  return schema.nullable();
+}
+function getRadio(input, translations) {
+  let schema = import_zod.z.coerce.string();
+  if (input.required) {
+    schema = schema.min(1, getRequiredMessage(input, translations));
+    return import_zod.z.preprocess((value) => isEmpty(value) ? "" : value, schema);
+  }
+  return schema.or(import_zod.z.literal("")).nullable();
+}
+function getText(input, translations) {
+  let schema = import_zod.z.coerce.string().trim();
+  schema = applyMinAndMax(schema, input, translations);
+  if (input.required) {
+    schema = applyRequired(schema, input, translations);
+    return import_zod.z.preprocess((value) => isEmpty(value) ? "" : value, schema);
+  }
+  return schema.nullable();
+}
+function getNumber(input, translations) {
+  let schema = import_zod.z.coerce.number().int();
+  schema = applyMinAndMax(schema, input, translations);
+  if (input.required) {
+    schema = applyRequired(schema, input, translations);
+    return import_zod.z.preprocess((value) => value === null ? void 0 : value, schema);
+  }
+  return schema.nullable();
+}
+function getYearSchema(input, translations) {
+  if (input.required) {
+    return import_zod.z.preprocess(
+      normalize,
+      import_zod.z.coerce.number({ message: getRequiredMessage(input, translations) }).int()
+    );
+  }
+  return import_zod.z.coerce.number().int().nullable();
+}
+function getMonthSchema(input, translations) {
+  const message = getRequiredMessage(input, translations);
+  const schema = import_zod.z.coerce.number().int().min(1, message).max(12, message);
+  return !input.required ? schema.nullable() : schema;
+}
+function normalize(value) {
+  return value === null || value === "" ? void 0 : value;
+}
+function applyEmail(input, translations) {
+  const message = input.validation?.email ? translate(input.validation?.email, translations) : void 0;
+  return import_zod.z.email(message);
+}
+function applyMinAndMax(schema, input, translations) {
+  schema = min(schema, input, translations);
+  schema = max(schema, input, translations);
+  return schema;
+}
+function applyRequired(schema, input, translations) {
+  const min2 = input.advanced?.length?.min;
+  if (min2 === void 0 || min2 < 1) {
+    return schema.min(1, getRequiredMessage(input, translations));
+  }
+  return schema;
+}
+var min = (schema, input, translations) => applyConstraint(schema, input, MIN, translations);
+var max = (schema, input, translations) => applyConstraint(schema, input, MAX, translations);
+function applyConstraint(schema, input, method, translations) {
+  const value = input.advanced?.length?.[method];
+  if (value !== void 0) {
+    const message = input.validation?.length?.[method] ? translate(input.validation?.length?.[method], translations) : void 0;
+    return schema[method](value, message);
+  }
+  return schema;
+}
+function applyCustomValidation(schema, fields = [], translations) {
+  const rules = getRules(fields);
+  if (rules.length === 0) {
+    return schema;
+  }
+  return schema.superRefine((data, context) => {
+    for (const { name, rule } of rules) {
+      if (!evaluate(data, name, rule)) {
+        const message = translate(rule.message, translations);
+        context.addIssue({
+          code: "custom",
+          message,
+          path: [name]
+        });
+      }
+    }
+  });
+}
+function evaluate(data, name, rule) {
+  const operator = rule.operator ?? "eq";
+  const operation = operators[operator];
+  if (operation) {
+    return operation(data[name], data[rule.field]);
+  }
+  return false;
+}
+function getRules(fields) {
+  const results = [];
+  for (const field of fields) {
+    const custom = field.validation?.custom;
+    if (!custom) {
+      continue;
+    }
+    const rules = Array.isArray(custom) ? custom : [custom];
+    for (const rule of rules) {
+      results.push({ name: field.name, rule });
+    }
+  }
+  return results;
+}
+function validateCustom(value, rules, getValue3, translations) {
+  const errors = [];
+  const collections = Array.isArray(rules) ? rules : [rules];
+  for (const rule of collections) {
+    const operator = rule.operator ?? "eq";
+    const operation = operators[operator];
+    if (operation && !operation(value, getValue3(rule.field))) {
+      if (rule.message) {
+        const message = translate(rule.message, translations);
+        errors.push(message);
+      }
+    }
+  }
+  return errors;
+}
+function getRequiredMessage(input, translations) {
+  return input.validation?.required ? translate(input.validation?.required, translations) : void 0;
+}
+
+// ../luna-core/src/util/url.ts
+function matchRemotePattern(urlStr, patterns) {
+  if (!patterns || !isExternalUrl(urlStr)) {
+    return true;
+  }
+  if (patterns.length === 0) {
+    return false;
+  }
+  try {
+    const url = new URL(urlStr);
+    const protocol = url.protocol.replace(":", "");
+    const hostname = url.hostname;
+    const port = url.port || getPort(protocol);
+    return patterns.some((pattern) => {
+      if (pattern.protocol && pattern.protocol !== protocol) {
+        return false;
+      }
+      if (pattern.hostname && pattern.hostname !== hostname) {
+        return false;
+      }
+      if (pattern.port !== void 0 && String(pattern.port) !== port) {
+        return false;
+      }
+      return true;
+    });
+  } catch {
+    return false;
+  }
+}
+function getPort(protocol) {
+  return protocol === "https" ? "443" : "80";
+}
+function isExternalUrl(url) {
+  return /^(https?:)?\/\//.test(url);
+}
+function mergeUrl(baseUrl, targetUrl) {
+  try {
+    if (!baseUrl) {
+      return targetUrl;
+    }
+    if (!targetUrl) {
+      return baseUrl;
+    }
+    const url1 = new URL(baseUrl, COMMON_URL);
+    const url2 = new URL(targetUrl, COMMON_URL);
+    url2.searchParams.forEach((value, key) => {
+      url1.searchParams.set(key, value);
+    });
+    const result = url1.toString();
+    return baseUrl.startsWith("/") || !baseUrl.includes("://") ? result.replace(COMMON_URL, "") : result;
+  } catch {
+    return targetUrl || baseUrl;
+  }
+}
+
+// ../luna-core/src/util/source.ts
+function mergeSource(sources) {
+  if (!Array.isArray(sources) || sources.length === 0) {
+    return null;
+  }
+  return sources.reduce((previous, current) => {
+    const url = mergeUrl(previous.url, current.url);
+    const body = getBody(previous, current);
+    const headers = getHeaders(previous, current);
+    return {
+      ...previous,
+      ...current,
+      url,
+      body,
+      headers
+    };
+  });
+}
+function getBody(previous, current) {
+  if (isObject(current.body) && isObject(previous?.body)) {
+    return {
+      ...previous.body,
+      ...current.body
+    };
+  }
+  return current.body ?? previous?.body;
+}
+function getHeaders(previous, current) {
+  if (isObject(current.headers) && isObject(previous?.headers)) {
+    return {
+      ...previous.headers,
+      ...current.headers
+    };
+  }
+  return current.headers ?? previous?.headers;
+}
+
+// ../luna-core/src/util/style.ts
+function mergeStyle(globalStyle, localStyle) {
+  return { ...globalStyle, ...localStyle };
+}
+
+// src/lib/string.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function formatMarkdown2(text) {
+  return formatMarkdown(
+    text,
+    (index, url, text2) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "a",
+        {
+          className: "underline",
+          href: url,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: text2
+        },
+        `${url}-${index}`
+      );
+    }
+  );
+}
+
+// src/component/field/field-set-advanced.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function FieldSetAdvanced(props) {
+  const { fields = [] } = props.section;
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const handleOpen = (0, import_react.useCallback)(() => setIsOpen((previous) => !previous), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.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__ */ (0, import_jsx_runtime4.jsx)("legend", { children: /* @__PURE__ */ (0, import_jsx_runtime4.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__ */ (0, import_jsx_runtime4.jsx)(ChevronIcon, { expanded: isOpen }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: formatMarkdown2(props.section.title) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.Activity, { mode: isOpen ? "visible" : "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.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__ */ (0, import_jsx_runtime4.jsx)("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
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Legend(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    props.title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("legend", { className: "mb-3 font-medium text-slate-800 dark:text-slate-200", children: formatMarkdown2(props.title) }),
+    props.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.description) })
+  ] });
+}
+
+// src/component/field/field-set-base.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function FieldSetBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      "data-empty": props.empty,
+      className: "flex flex-col data-[empty=false]:gap-6",
+      id: props.id,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Legend, { description: props.description, title: props.title }),
+        props.children
+      ]
+    }
+  );
+}
+
+// src/component/group.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Group(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "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
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function FieldSet(props) {
+  const { fields = [] } = props.section;
+  const { compact } = mergeStyle(props.style, {
+    compact: props.section.compact
+  });
+  const group = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Group, { compact, children: props.children });
+  if (!props.section.title && !props.section.description) {
+    return group;
+  }
+  if (props.section.advanced) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FieldSetAdvanced, { section: props.section, group });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    FieldSetBase,
+    {
+      description: props.section.description,
+      empty: fields.length === 0,
+      id: props.section.id?.toString(),
+      title: props.section.title,
+      children: group
+    }
+  );
+}
+
+// src/client/component/guard/visibility-guard.tsx
+var import_jotai2 = require("jotai");
+
+// src/client/lib/store-helper.ts
+var import_jotai = require("jotai");
+var import_jotai_family = require("jotai-family");
+var import_fast_equals = require("fast-equals");
+function createRecordAtomFamily(baseAtom) {
+  return (0, import_jotai_family.atomFamily)(
+    (name) => (0, import_jotai.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 (!currentValue || !(0, import_fast_equals.deepEqual)(currentValue, newValue)) {
+            set(baseAtom, { ...current, [name]: newValue });
+          }
+        } else if (current[name]) {
+          const { [name]: _unused, ...rest } = current;
+          set(baseAtom, rest);
+        }
+      }
+    )
+  );
+}
+function createClearAllAtom(baseAtom) {
+  return (0, import_jotai.atom)(null, (get, set) => {
+    const current = get(baseAtom);
+    if (current && Object.keys(current).length > 0) {
+      set(baseAtom, {});
+    }
+  });
+}
+function createClearAtom(baseAtom) {
+  return (0, import_jotai.atom)(null, (get, set, names) => {
+    const current = get(baseAtom);
+    const next = { ...current };
+    let hasChanges = false;
+    for (const name of names) {
+      if (next[name]) {
+        delete next[name];
+        hasChanges = true;
+      }
+    }
+    if (hasChanges) {
+      set(baseAtom, next);
+    }
+  });
+}
+function createBulkReportAtom(baseAtom) {
+  return (0, import_jotai.atom)(null, (get, set, newValue) => {
+    const current = get(baseAtom);
+    if (!(0, import_fast_equals.deepEqual)(current, newValue)) {
+      set(baseAtom, newValue);
+    }
+  });
+}
+function createNestedRecordAtomFamily(baseAtom, options = {}) {
+  const { merge: merge2, validateTarget } = options;
+  return (0, import_jotai_family.atomFamily)(
+    (contributorName) => (0, import_jotai.atom)(
+      (get) => {
+        const current = get(baseAtom)[contributorName];
+        if (current && merge2) {
+          return merge2(Object.values(current));
+        }
+        return void 0;
+      },
+      (get, set, target, value) => {
+        if (validateTarget && !validateTarget(target)) {
+          return;
+        }
+        const current = get(baseAtom);
+        const targetContributions = { ...current[target] ?? {} };
+        if (value !== void 0 && value !== null) {
+          const currentContribution = targetContributions[contributorName];
+          if (!currentContribution || !(0, import_fast_equals.deepEqual)(currentContribution, value)) {
+            targetContributions[contributorName] = value;
+            set(baseAtom, {
+              ...current,
+              [target]: targetContributions
+            });
+          }
+        } else if (targetContributions[contributorName]) {
+          delete targetContributions[contributorName];
+          if (Object.keys(targetContributions).length === 0) {
+            const { [target]: _unused, ...rest } = current;
+            set(baseAtom, rest);
+          } else {
+            set(baseAtom, {
+              ...current,
+              [target]: targetContributions
+            });
+          }
+        }
+      }
+    )
+  );
+}
+function createNestedClearAtom(baseAtom) {
+  return (0, import_jotai.atom)(null, (get, set, contributorNames) => {
+    const current = get(baseAtom);
+    const next = { ...current };
+    let hasChanges = false;
+    for (const name of contributorNames) {
+      if (next[name]) {
+        delete next[name];
+        hasChanges = true;
+      }
+    }
+    for (const target in next) {
+      const targetContributions = { ...next[target] };
+      let targetChanged = false;
+      for (const contributorName of contributorNames) {
+        if (targetContributions[contributorName]) {
+          delete targetContributions[contributorName];
+          targetChanged = true;
+          hasChanges = true;
+        }
+      }
+      if (targetChanged) {
+        if (Object.keys(targetContributions).length === 0) {
+          delete next[target];
+        } else {
+          next[target] = targetContributions;
+        }
+      }
+    }
+    if (hasChanges) {
+      set(baseAtom, next);
+    }
+  });
+}
+function createAtomStore(initialValue = {}) {
+  const baseAtom = (0, import_jotai.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 = (0, import_jotai2.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/separator.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Separator() {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-slot": "field-separator", className: "relative -my-2 h-5 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800" }) });
+}
+
+// src/component/form.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Form(props) {
+  const sections = prepare(props.sections, props.definition);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("form", { noValidate: props.noValidate, action: props.action, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Group, { children: [
+    sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(VisibilityGuard, { fields: section.fields ?? [], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FieldSet, { section, style: props.config.style, children: props.children({
+        disabled: props.readOnly,
+        fields: section.fields
+      }) }),
+      section.separator && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Separator, {})
+    ] }, index)),
+    props.control && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Control, { isPending: props.isPending, children: props.control })
+  ] }) }) });
+}
+
+// src/component/description.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Description(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function FormattedDescription(props) {
+  const content = formatMarkdown2(props.text);
+  if (content) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Description, { children: content });
+  }
+  return null;
+}
+
+// src/component/label.tsx
+var import_tailwind_merge = require("tailwind-merge");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Label(props) {
+  const showOptionalLabel = props.style?.showOptionalLabel ?? true;
+  const normal = isRadio(props.field) || isCheckbox(props.field);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "label",
+    {
+      "data-slot": "field-label",
+      "data-normal": normal,
+      className: (0, import_tailwind_merge.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__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: translate("(Optional)", props.translations) })
+      ]
+    }
+  );
+}
+
+// src/component/input-label.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function InputLabel(props) {
+  const interpolateOpts = {
+    context: props.context,
+    env: props.config?.env
+  };
+  const label = interpolateIfNeeded(props.field.label, interpolateOpts);
+  const description = interpolateIfNeeded(
+    props.field.description,
+    interpolateOpts
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: "flex w-full flex-1 flex-col gap-1.5 leading-snug",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          Label,
+          {
+            field: props.field,
+            style: props.config?.style,
+            translations: props.translations,
+            children: translate(label, props.translations)
+          }
+        ),
+        props.orientation === HORIZONTAL && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          FormattedDescription,
+          {
+            text: translate(description, props.translations)
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/component/input-group.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function InputGroup(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    props.field.name && props.field.label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      InputLabel,
+      {
+        config: props.config,
+        context: props.context,
+        field: props.field,
+        orientation: props.orientation,
+        translations: props.translations
+      }
+    ),
+    props.children,
+    props.orientation === VERTICAL && props.field.description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      FormattedDescription,
+      {
+        text: translate(props.field.description, props.translations)
+      }
+    )
+  ] });
+}
+
+// src/lib/render-If-exists.ts
+function renderIfExists(value, render) {
+  if (!value) {
+    return null;
+  }
+  return render(value);
+}
+
+// src/client/lib/error-store.ts
+var store2 = createAtomStore();
+var clearInputErrorAtom = store2.clear;
+var reportErrorAtom = store2.bulkReport;
+var reportInputErrorAtom = store2.report;
+
+// src/client/component/input.tsx
+var import_react5 = require("react");
+
+// src/client/lib/source-store.ts
+var import_jotai3 = require("jotai");
+var merge = (values) => {
+  const merged = mergeSource(values);
+  if (merged) {
+    return merged;
+  }
+  return void 0;
+};
+var validate = (target) => target.trim() !== "";
+var sourceAtom = (0, import_jotai3.atom)({});
+var reportSourceAtom = createNestedRecordAtomFamily(
+  sourceAtom,
+  {
+    merge,
+    validateTarget: validate
+  }
+);
+var clearInputSourceAtom = createNestedClearAtom(sourceAtom);
+
+// src/client/hook/use-data-source.ts
+var import_jotai4 = require("jotai");
+
+// src/client/hook/use-fetch.ts
+var import_swr = __toESM(require("swr"), 1);
+function useFetch(dataSource = null, config, disabled = false) {
+  const { data, error } = (0, import_swr.default)(
+    buildSource2(dataSource, config, disabled),
+    config.fetcher.provider
+  );
+  if (error) {
+    logger.error("Error fetching data source:", error);
+  }
+  if (dataSource) {
+    if (Array.isArray(dataSource)) {
+      return dataSource;
+    }
+    if (data) {
+      return getArray(data, dataSource.namespace);
+    }
+  }
+  return null;
+}
+function buildSource2(dataSource = null, config, disabled = false) {
+  if (dataSource && !Array.isArray(dataSource) && !disabled) {
+    if (dataSource.url) {
+      const interpolated = isInterpolated(dataSource.url);
+      if (!interpolated) {
+        const allowed = matchRemotePattern(
+          dataSource.url,
+          config.fetcher.remotePatterns
+        );
+        if (allowed) {
+          return dataSource;
+        }
+        logger.warn(
+          `URL blocked by remotePatterns: ${dataSource.url}. Check your luna.config.ts`
+        );
+      }
+    }
+  }
+  return null;
+}
+
+// src/client/hook/use-data-source.ts
+function useDataSource(field, config, value) {
+  const dataSource = resolveSource(field, value);
+  const [source, setSource] = (0, import_jotai4.useAtom)(reportSourceAtom(field.name));
+  const currentSource = source ?? dataSource;
+  const data = useFetch(currentSource, config, field.disabled);
+  return [data, setSource];
+}
+
+// src/client/hook/use-input.ts
+var import_react2 = require("react");
+function useInput(field, onMount, onUnmount, translations) {
+  const { name } = field;
+  const schema = (0, import_react2.useMemo)(
+    () => getSchema(field, translations),
+    [field, translations]
+  );
+  const onMountHandler = (0, import_react2.useEffectEvent)((name2) => {
+    if (name2) {
+      onMount(name2, schema, field);
+    }
+  });
+  const onUnmountHandler = (0, import_react2.useEffectEvent)((name2) => {
+    if (name2) {
+      onUnmount(name2);
+    }
+  });
+  (0, import_react2.useEffect)(() => {
+    onMountHandler(name);
+    return () => {
+      onUnmountHandler(name);
+    };
+  }, [name]);
+  return schema;
+}
+
+// src/client/component/input.tsx
+var import_jotai6 = require("jotai");
+
+// src/client/hook/use-timeout.ts
+var import_react3 = require("react");
+function useTimeout() {
+  const timeoutRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  const setTimeoutRef = (0, import_react3.useCallback)((callback, delay) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    timeoutRef.current = setTimeout(callback, delay);
+  }, []);
+  return setTimeoutRef;
+}
+
+// src/client/lib/value-store.ts
+var store3 = createAtomStore();
+var valueAtom = store3.atom;
+var clearAllValueAtom = store3.clearAll;
+var clearInputValueAtom = store3.clear;
+var reportValueAtom = store3.report;
+
+// src/client/hook/use-value.ts
+var import_jotai5 = require("jotai");
+var import_react4 = require("react");
+function useValue(field, currentValue) {
+  const { name } = field;
+  const skipNextOnChangeRef = (0, import_react4.useRef)(false);
+  const [value, setValue] = (0, import_jotai5.useAtom)(reportValueAtom(name));
+  const onCurrentValueChange = (0, import_react4.useEffectEvent)(
+    (currentValue2) => {
+      const newValue = resolveValue(name, currentValue2);
+      if (isValidValue(newValue)) {
+        skipNextOnChangeRef.current = true;
+        setValue(newValue);
+      }
+    }
+  );
+  (0, import_react4.useEffect)(() => {
+    if (!currentValue) {
+      return;
+    }
+    onCurrentValueChange(currentValue);
+  }, [currentValue]);
+  const shouldSkipOnChange = (0, import_react4.useCallback)(() => {
+    if (skipNextOnChangeRef.current) {
+      skipNextOnChangeRef.current = false;
+      return true;
+    }
+    return false;
+  }, []);
+  return {
+    setValue,
+    shouldSkipOnChange,
+    value
+  };
+}
+function resolveValue(name, currentValue) {
+  if (name in currentValue) {
+    return currentValue[name];
+  }
+  if (!name.includes(".")) {
+    return void 0;
+  }
+  const keys = name.split(".");
+  let result = currentValue;
+  for (const key of keys) {
+    if (result === null || result === void 0) {
+      return void 0;
+    }
+    if (Array.isArray(result)) {
+      const index = Number(key);
+      result = Number.isInteger(index) ? result[index] : void 0;
+    } else if (typeof result === "object") {
+      result = result[key];
+    } else {
+      return void 0;
+    }
+  }
+  return result;
+}
+
+// src/client/component/input.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Input(props) {
+  const entity = props.field.advanced?.entity;
+  const store4 = (0, import_jotai6.useStore)();
+  const setTimeoutRef = useTimeout();
+  const [, startTransition2] = (0, import_react5.useTransition)();
+  const { setValue, shouldSkipOnChange, value } = useValue(
+    props.field,
+    props.value
+  );
+  const valueRef = (0, import_react5.useRef)(value);
+  valueRef.current = value;
+  const translationsRef = (0, import_react5.useRef)(props.translations);
+  translationsRef.current = props.translations;
+  const hasTextable = isTextable(props.field);
+  const hasClickable = isClickable(props.field);
+  const setValues = (0, import_jotai6.useSetAtom)(valueAtom);
+  const setFieldStates = (0, import_jotai6.useSetAtom)(fieldStateAtom);
+  const setErrors = (0, import_jotai6.useSetAtom)(reportInputErrorAtom(props.field.name));
+  const [data, setSource] = useDataSource(props.field, props.config, value);
+  const schema = useInput(
+    props.field,
+    props.onMount,
+    props.onUnmount,
+    props.translations
+  );
+  const placeholder = translate(
+    props.commonProps.placeholder,
+    props.translations
+  );
+  const commonProps = {
+    ...props.commonProps,
+    placeholder
+  };
+  const { commonPropsWithOptions, defaultValue } = prepareInputProps(
+    props.field,
+    commonProps,
+    data,
+    value
+  );
+  const onValueChangeRef = (0, import_react5.useRef)(null);
+  onValueChangeRef.current = (value2) => {
+    setValue(value2);
+    if (props.onValueChange) {
+      props.onValueChange({ name: props.field.name, value: value2 });
+    }
+  };
+  const inputProps = prepareInputValue(props.field, defaultValue);
+  const validated = (0, import_react5.useCallback)(
+    (value2) => {
+      const results = schema.safeParse(value2);
+      const errors = results.error?.issues.map((issue) => issue.message) ?? [];
+      const custom = props.field.validation?.custom;
+      const customErrors = custom ? validateCustom(
+        value2,
+        custom,
+        (name) => store4.get(reportValueAtom(name)),
+        translationsRef.current
+      ) : [];
+      setErrors([...errors, ...customErrors]);
+    },
+    [props.field.validation?.custom, schema, setErrors, store4]
+  );
+  const handleTriggerEvent = (0, import_react5.useCallback)(
+    (value2, callback) => {
+      if (hasTextable) {
+        setTimeoutRef(() => {
+          callback({ value: value2 });
+        }, 500);
+        return;
+      }
+      callback(getEntity(value2, data, entity));
+    },
+    [data, entity, hasTextable, setTimeoutRef]
+  );
+  const onChange = (0, import_react5.useCallback)(
+    (event) => {
+      const inputValue = event.target.value;
+      if (!hasClickable && shouldSkipOnChange()) {
+        if (!hasTextable || inputValue === valueRef.current) {
+          return;
+        }
+      }
+      onValueChangeRef.current?.(inputValue);
+      if (props.config.validation.change) {
+        validated(inputValue);
+      }
+      const events = props.field.event?.change;
+      if (events) {
+        handleTriggerEvent(inputValue, (selected) => {
+          handleProxyEvent(events, ({ sources, states, values }) => {
+            startTransition2(() => {
+              handleSourceEvent(
+                selected,
+                sources,
+                (target, source) => setSource(target, source)
+              );
+              handleStateEvent(selected, states, (targets, state) => {
+                logger.info(
+                  `Setting field states for targets: ${targets.join(
+                    ", "
+                  )} with state: ${JSON.stringify(state)}`
+                );
+                setFieldStates((prev) => {
+                  if (state) {
+                    return targets.reduce(
+                      (acc, target) => ({
+                        ...acc,
+                        [target]: state
+                      }),
+                      prev
+                    );
+                  }
+                  return targets.reduce((acc, target) => {
+                    const { [target]: _removed, ...rest } = acc;
+                    return rest;
+                  }, prev);
+                });
+              });
+              handleValueEvent(selected, values, (target, value2) => {
+                setValues((prev) => ({
+                  ...prev,
+                  [target]: value2
+                }));
+              });
+            });
+          });
+        });
+      }
+    },
+    [
+      handleTriggerEvent,
+      hasClickable,
+      hasTextable,
+      props.config.validation.change,
+      props.field.event?.change,
+      setFieldStates,
+      setSource,
+      setValues,
+      shouldSkipOnChange,
+      validated
+    ]
+  );
+  const onBlur = (0, import_react5.useCallback)(
+    (event) => {
+      if (!hasClickable) {
+        const value2 = event.target.value;
+        if (props.config.validation.blur) {
+          validated(value2);
+        }
+      }
+    },
+    [hasClickable, props.config.validation.blur, validated]
+  );
+  return renderIfExists(props.config.inputs[props.field.type], (Component) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    InputGroup,
+    {
+      config: props.config,
+      context: props.context,
+      field: props.field,
+      orientation: props.orientation,
+      translations: props.translations,
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        Component,
+        {
+          ...commonPropsWithOptions,
+          ...props.ariaAttributes,
+          ...props.dataAttributes,
+          ...inputProps,
+          onBlur,
+          onChange
+        }
+      )
+    }
+  ));
+}
+
+// src/component/field/field-error.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function FieldError(props) {
+  if (!props.errors || props.errors.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "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__ */ (0, import_jsx_runtime17.jsx)("li", { children: error }, props.name ? `${props.name}-error-${index}` : index))
+    }
+  );
+}
+
+// src/component/field/field-base.tsx
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function FieldBase(props) {
+  const errors = props.errors && props.errors.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "field",
+      "data-clickable": props.isClickable ? "true" : "false",
+      ...errors && { [DATA_INVALID]: "true" },
+      ...props.disabled && { [DATA_READONLY]: "true" },
+      "data-orientation": props.orientation,
+      className: (0, import_tailwind_merge2.twMerge)(
+        "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
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function FieldVertical(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    FieldBase,
+    {
+      ...props,
+      orientation: VERTICAL,
+      className: (0, import_tailwind_merge3.twMerge)(
+        "gap-3 has-[>[data-slot=field-content]]:items-start",
+        !props.isClickable && "[&>*]:w-full"
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-horizontal.tsx
+var import_tailwind_merge4 = require("tailwind-merge");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function FieldHorizontal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    FieldBase,
+    {
+      ...props,
+      orientation: HORIZONTAL,
+      className: (0, import_tailwind_merge4.twMerge)(
+        "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
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function FieldGroup(props) {
+  const clickable = isClickable(props.field);
+  const checkbox = isCheckbox(props.field);
+  const reversed = buildReverse(props.field);
+  if (props.orientation === VERTICAL) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      FieldVertical,
+      {
+        disabled: props.disabled,
+        errors: props.errors,
+        isCheckbox: checkbox,
+        isReversed: reversed,
+        isClickable: clickable,
+        children: props.children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    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,
+    orientation: props.orientation
+  });
+}
+
+// src/component/field/field.tsx
+var import_tailwind_merge5 = require("tailwind-merge");
+var import_jsx_runtime22 = require("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 { orientation } = mergeStyle(props.style, {
+    orientation: buildOrientation(props.field)
+  });
+  const disabled = buildDisabled(props.field, props.disabled);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: (0, import_tailwind_merge5.twMerge)("flex flex-col gap-3", getSpan(cols2)), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      FieldGroup,
+      {
+        disabled,
+        errors,
+        field: props.field,
+        orientation,
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          InputBase,
+          {
+            disabled,
+            errors,
+            field: props.field,
+            orientation,
+            children: props.children
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldError, { errors, name: props.field.name })
+  ] });
+}
+
+// src/client/component/field/field-with-error.tsx
+var import_jotai7 = require("jotai");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function withError(Component) {
+  const WithError = (props) => {
+    const errors = (0, import_jotai7.useAtomValue)(reportInputErrorAtom(props.field.name));
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      Component,
+      {
+        ...props,
+        errors: errors ? { [props.field.name]: errors } : void 0
+      }
+    );
+  };
+  return WithError;
+}
+
+// src/client/component/field/field-with-state.tsx
+var import_jotai8 = require("jotai");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function withState(Component) {
+  const WithFieldState = (props) => {
+    const fieldState = (0, import_jotai8.useAtomValue)(reportFieldStateAtom(props.field.name));
+    const hidden = fieldState?.hidden ?? props.field.hidden ?? false;
+    if (hidden) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Component, { ...props, disabled: fieldState?.disabled ?? props.disabled });
+  };
+  return WithFieldState;
+}
+
+// src/client/component/field/field.tsx
+var Field2 = withState(withError(Field));
+
+// src/component/field/field-list-item.tsx
+var import_tailwind_merge6 = require("tailwind-merge");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function FieldListItem(props) {
+  function handleRemove() {
+    if (props.canRemove && props.onRemove) {
+      props.onRemove(props.index);
+    }
+  }
+  const removeButton = props.canRemove && props.onRemove != null && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "button",
+    {
+      "aria-label": `Remove ${props.label} item ${props.index + 1}`,
+      className: (0, import_tailwind_merge6.twMerge)(
+        "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__ */ (0, import_jsx_runtime25.jsx)("span", { "aria-hidden": "true", children: "\xD7" })
+    }
+  );
+  if (props.isMultiField) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "rounded-lg border border-slate-100 p-4 dark:border-slate-900", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "text-sm font-medium text-slate-400 dark:text-slate-500", children: [
+          props.label,
+          " ",
+          props.index + 1
+        ] }),
+        removeButton
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Group, { children: props.children })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Group, { children: props.children }),
+    removeButton && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0", children: removeButton })
+  ] });
+}
+
+// src/client/component/field/field-list.tsx
+var import_tailwind_merge7 = require("tailwind-merge");
+
+// src/client/hook/use-field-list.ts
+var import_jotai9 = require("jotai");
+var import_react6 = require("react");
+function useFieldList(field, value) {
+  const min2 = field.advanced?.length?.min ?? 1;
+  const max2 = field.advanced?.length?.max ?? Infinity;
+  const [items, setItems] = (0, import_react6.useState)(
+    () => getInitialList(field, value)
+  );
+  const nextId = (0, import_react6.useRef)(items.length);
+  const itemsRef = (0, import_react6.useRef)(items);
+  itemsRef.current = items;
+  const setValues = (0, import_jotai9.useSetAtom)(valueAtom);
+  const addItem = (0, import_react6.useCallback)(() => {
+    setItems((previous) => {
+      if (previous.length >= max2) {
+        return previous;
+      }
+      const id = nextId.current++;
+      return [...previous, id];
+    });
+  }, [max2]);
+  const handleRemove = (0, import_react6.useCallback)(
+    (index) => {
+      if (items.length <= min2) {
+        return;
+      }
+      const stableId = items[index];
+      setItems((previous) => {
+        if (previous.length <= min2) {
+          return previous;
+        }
+        return previous.filter((_, i) => i !== index);
+      });
+      setValues((current) => {
+        const next = { ...current };
+        const prefix = `${field.name}.`;
+        const leafNames = [];
+        for (const row of field.fields) {
+          if (isColumn(row)) {
+            for (const columnField of row.fields) {
+              leafNames.push(columnField.name);
+            }
+          } else {
+            leafNames.push(row.name);
+          }
+        }
+        for (const name of leafNames) {
+          delete next[`${prefix}${stableId}.${name}`];
+        }
+        return next;
+      });
+    },
+    [field.name, field.fields, items, min2, setValues]
+  );
+  const canAdd = items.length < max2;
+  const canRemove = items.length > min2;
+  return [items, addItem, handleRemove, canAdd, canRemove, max2];
+}
+
+// src/client/component/field/field-list.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function FieldList(props) {
+  const [items, addItem, handleRemove, canAdd, canRemove, max2] = useFieldList(
+    props.field,
+    props.value
+  );
+  const label = getLabel(props.field);
+  const action = props.field.advanced?.action ?? "Add item";
+  const hasLimit = max2 !== Infinity;
+  const isMultiField = isMultiFieldList(props.field);
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    items.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      FieldListItem,
+      {
+        canRemove,
+        index,
+        isMultiField,
+        label,
+        onRemove: handleRemove,
+        children: props.children(key)
+      },
+      key
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      "button",
+      {
+        "aria-disabled": !canAdd,
+        "aria-label": hasLimit ? `${action}, ${items.length} of ${max2}` : action,
+        className: (0, import_tailwind_merge7.twMerge)(
+          "flex w-full items-center gap-1.5 rounded py-1",
+          "text-sm font-medium text-slate-500",
+          "transition-colors duration-150",
+          "hover:text-slate-800",
+          "focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:outline-none",
+          "dark:text-slate-400 dark:hover:text-slate-200",
+          !canAdd && "cursor-not-allowed opacity-50 hover:text-slate-500 dark:hover:text-slate-400"
+        ),
+        disabled: !canAdd,
+        onClick: addItem,
+        type: "button",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", children: "+" }),
+          action,
+          hasLimit && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ml-auto text-slate-400 tabular-nums dark:text-slate-500",
+              children: [
+                items.length,
+                " / ",
+                max2
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/component/list.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function List(props) {
+  const empty = Array.isArray(props.field.fields) && props.field.fields.length === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    FieldSetBase,
+    {
+      description: props.field.description,
+      empty,
+      id: props.field.name,
+      title: props.field.label,
+      children: props.children
+    }
+  );
+}
+
+// src/client/component/guard/list-guard.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function ListGuard({ children, field, value }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(VisibilityGuard, { container: field, fields: field.fields, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(List, { field, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldList, { field, value, children }) }) });
+}
+
+// src/component/column.tsx
+var import_tailwind_merge8 = require("tailwind-merge");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function Column(props) {
+  const cols2 = getColumn(props.column?.advanced?.cols);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex w-full flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: (0, import_tailwind_merge8.twMerge)("grid grid-cols-1 gap-3 sm:gap-4", cols2), children: props.children }) });
+}
+
+// src/component/slot/slot-base.tsx
+var import_react7 = require("react");
+
+// src/component/slot/slot-list.tsx
+var import_jsx_runtime30 = require("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__ */ (0, import_jsx_runtime30.jsx)(
+    SlotBase,
+    {
+      children: props.children,
+      components: props.components,
+      disabled: props.disabled,
+      fields,
+      style: props.style,
+      value: props.value
+    }
+  );
+}
+
+// src/component/slot/slot-base.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function SlotBase(props) {
+  const { field: Field3, list: List2 } = props.components;
+  return prepare(props.fields).map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react7.Fragment, { children: [
+    isColumn(field) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Column, { column: field, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SlotBase, { ...props, fields: field.fields }) }),
+    isField(field) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Field3, { disabled: props.disabled, field, style: props.style, children: props.children }),
+    isList(field) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(List2, { field, value: props.value, children: (index2) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      SlotList,
+      {
+        children: props.children,
+        components: props.components,
+        disabled: props.disabled,
+        field,
+        index: index2,
+        style: props.style,
+        value: props.value
+      }
+    ) })
+  ] }, index));
+}
+
+// src/component/slot/slot-create.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function createSlot(components) {
+  const CreateSlot = (props) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SlotBase, { ...props, components });
+  return CreateSlot;
+}
+
+// src/client/component/slot/slot.tsx
+var Slot = createSlot({ field: Field2, list: ListGuard });
+
+// src/client/hook/use-form-action.ts
+var import_jotai10 = require("jotai");
+var import_react8 = require("react");
+function useFormState(getSchema2, action, options) {
+  const {
+    onSuccess,
+    preserveValues = false,
+    validation = true,
+    translations
+  } = options ?? {};
+  const setError = (0, import_jotai10.useSetAtom)(reportErrorAtom);
+  const clearValues = (0, import_jotai10.useSetAtom)(clearAllValueAtom);
+  const initialState = {
+    data: null,
+    error: null,
+    success: false
+  };
+  const [state, formAction, isPending] = (0, import_react8.useActionState)(
+    async (prevState, formData) => {
+      const [schemas, fields] = getSchema2();
+      const schema = buildSchema(schemas, fields, translations);
+      if (validation === false) {
+        if (action) {
+          return await action(formData, schema);
+        }
+        return prevState;
+      }
+      const form = getFormData(formData);
+      const validated = schema.safeParse(form);
+      if (!validated.success) {
+        const errors = flatten(validated.error);
+        (0, import_react8.startTransition)(() => {
+          setError(errors);
+        });
+        return failure(form, {
+          description: translate(
+            "Please correct the errors and try again.",
+            translations
+          ),
+          details: [],
+          title: translate(
+            "There were validation errors submitting the form.",
+            translations
+          )
+        });
+      }
+      const unflattened = unflatten(form);
+      if (action) {
+        try {
+          const result = await action(unflattened, schema);
+          if (!result.success) {
+            return failure(unflattened, result.error);
+          }
+          onSuccess?.(result.data);
+          if (!preserveValues) {
+            (0, import_react8.startTransition)(() => {
+              clearValues();
+            });
+          }
+          return success(unflattened, preserveValues);
+        } catch (error) {
+          logger.error("Error executing form action:", error);
+          return failure(unflattened, {
+            title: translate(
+              "An unexpected error occurred submitting the form.",
+              translations
+            ),
+            details: buildError(error, translations)
+          });
+        }
+      }
+      return success(validated.data, preserveValues);
+    },
+    initialState
+  );
+  return [formAction, state, isPending];
+}
+function buildError(error, translations) {
+  if (error instanceof Error) {
+    return [error.message];
+  }
+  return [translate("Unknown error", translations)];
+}
+function success(value, preserveValues = false) {
+  const data = preserveValues ? value : null;
+  return {
+    data,
+    error: null,
+    success: true
+  };
+}
+function failure(value, error) {
+  return {
+    data: value,
+    error,
+    success: false
+  };
+}
+
+// src/client/hook/use-schema.ts
+var import_react10 = require("react");
+
+// src/client/hook/use-store.ts
+var import_react9 = require("react");
+var import_jotai11 = require("jotai");
+function useStore2() {
+  const clearErrors = (0, import_jotai11.useSetAtom)(clearInputErrorAtom);
+  const clearValues = (0, import_jotai11.useSetAtom)(clearInputValueAtom);
+  const clearSources = (0, import_jotai11.useSetAtom)(clearInputSourceAtom);
+  return (0, import_react9.useCallback)(
+    (names) => {
+      const target = Array.isArray(names) ? names : [names];
+      clearErrors(target);
+      clearSources(target);
+      clearValues(target);
+    },
+    [clearErrors, clearSources, clearValues]
+  );
+}
+
+// src/client/hook/use-schema.ts
+function useSchema() {
+  const clear = useStore2();
+  const schemaRef = (0, import_react10.useRef)({});
+  const fieldsRef = (0, import_react10.useRef)([]);
+  const onMount = (0, import_react10.useCallback)((name, schema, field) => {
+    if (!(name in schemaRef.current)) {
+      schemaRef.current[name] = schema;
+      fieldsRef.current.push(field);
+    }
+  }, []);
+  const onUnmount = (0, import_react10.useCallback)(
+    (name) => {
+      if (schemaRef.current[name]) {
+        delete schemaRef.current[name];
+        fieldsRef.current = fieldsRef.current.filter((field) => {
+          return field.name !== name;
+        });
+        clear([name]);
+      }
+    },
+    [clear]
+  );
+  const getSchema2 = (0, import_react10.useCallback)(() => {
+    return [schemaRef.current, fieldsRef.current];
+  }, []);
+  return [getSchema2, onMount, onUnmount];
+}
+
+// src/client/component/form-content.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function FormContent(props) {
+  const translations = props.translations?.[props.lang ?? ""];
+  const [schema, onMount, onUnmount] = useSchema();
+  const [action, state, isPending] = useFormState(schema, props.action, {
+    onSuccess: props.onSuccess,
+    validation: props.config.validation.submit,
+    translations
+  });
+  const isShowingError = props.config.validation.showError && !state.success && state.error;
+  const value = state.data ?? props.value;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    isShowingError && renderIfExists(props.config.alert, (Alert) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mb-4 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Alert,
+      {
+        description: state.error?.description,
+        details: state.error?.details,
+        title: state.error.title
+      }
+    ) })),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Form,
+      {
+        action,
+        config: props.config,
+        control: props.children,
+        definition: props.definition,
+        isPending,
+        noValidate: true,
+        readOnly: props.readOnly,
+        sections: props.sections,
+        children: ({ disabled, fields }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          Slot,
+          {
+            disabled,
+            fields,
+            style: props.config.style,
+            value,
+            children: (internal) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              Input,
+              {
+                ...internal,
+                config: props.config,
+                context: props.context,
+                onMount,
+                onUnmount,
+                onValueChange: props.onValueChange,
+                translations,
+                value
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/client/component/form.tsx
+var import_jotai12 = require("jotai");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function Form2(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jotai12.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FormContent, { ...props }) });
+}