react-luna-form 0.0.43 → 0.0.45

package/dist/client/esm/index.js

@@ -1 +1,3366 @@
-import{jsx as Bo}from"react/jsx-runtime";function wt(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return Bo("div",{"data-slot":"field-control",className:"w-full",children:t})}import{Activity as ea,useCallback as ta,useState as na}from"react";import{jsx as Pt}from"react/jsx-runtime";function Dt(e){return Pt("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:Pt("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 ge="input",Lt="input/date",Ot="input/email",Vt="input/number";var Mt="input/time";var _t="textarea",zt="radio",Gt="checkbox",ot="list";var Ht="select",$t="select/day",Bt="select/month",Ut="select/timezone",Yt="select/year";var Xt="chips",Zt="chips/day",qt="chips/month",ne="column",Wt="description",it="fields",Kt="label",L="value",ye="options",at="email",Jt="number",Qt="password",jt="tel",re="text",en="aria-errormessage",tn="aria-invalid",nn="data-invalid",rn="data-readonly",on="aria",an="data",be="max",ln="maxLength",he="min",sn="minLength",J="$ref";var un="source",cn="state",xe="http://luna.internal";var dn="type",mn={Africa:"Africa",America:"Americas",Asia:"Asia / Pacific",Atlantic:"Atlantic",Australia:"Asia / Pacific",Europe:"Europe",Indian:"Asia / Pacific",Pacific:"Asia / Pacific"};function d(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function Te(e){return e==null||e===""}function M(e){return R(e)||typeof e=="number"||lt(e)}function R(e){return typeof e=="string"}function fn(e){return d(e)&&"url"in e}function lt(e){return typeof e=="boolean"}var Uo=/^\d+$/;function ut(e,t=[],n=L){return Array.isArray(t)?t.find(r=>{let o=ct(r,n);if(o!==void 0&&`${o}`===e)return r})??{value:e}:{value:e}}function ct(e,t=L){if(e!=null){if(Array.isArray(e)&&e.every(M)||M(e))return e;if(d(e)){let n=Yo(e,t);if(M(n))return n}}}function Yo(e,t){let n=A(e,t);if(M(n))return n}function pn(e,t){if(Array.isArray(e))return e;let n=A(e,t);return Array.isArray(n)?n:null}function A(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 gn(e,t={description:Wt,label:Kt,value:L}){return e.map(n=>{if(d(n)){let r=A(n,t.label),o=A(n,t.value);if(M(r)&&M(o)){let i=A(n,t.description);return{label:`${r}`,value:`${o}`,...M(i)&&{description:`${i}`}}}}return n})}function yn(e=re){let t=e.lastIndexOf("/"),n=t===-1?e:e.slice(t+1);return n&&n!==ge?n.trim().toLowerCase():re}function bn(e){let t={};for(let n of e.keys()){let r=e.getAll(n);t[n]=r.length>1?r:r[0]}return t}function hn(e){let t={};for(let n of Object.keys(e)){let r=n.split(".");if(r.length===1){t[n]=e[n];continue}let o=t;for(let a=0;a<r.length-1;a++){let l=r[a],s=r[a+1],u=Uo.test(s);l in o||(o[l]=u?[]:{}),o=o[l]}let i=r[r.length-1];o[i]=e[n]}return st(t),t}function st(e){for(let t of Object.keys(e)){let n=e[t];if(Array.isArray(n)){let r=n.filter(o=>o!==void 0);for(let o of r)d(o)&&st(o);e[t]=r}else d(n)&&st(n)}}var Xo=/\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g;function $(e,t={}){if(R(e))return Zo(e,t);if(Array.isArray(e))return e.map(n=>$(n,t));if(d(e)){let n={};for(let r in e)n[r]=$(e[r],t);return n}return e}function Se(e,t={}){return oe(e)?$(e,t):e}function oe(e){return R(e)?/{([^}]{1,200})}/.test(e):Array.isArray(e)?e.some(t=>oe(t)):d(e)?Object.values(e).some(t=>oe(t)):!1}function Zo(e,t={}){return e.replace(/{([^}]{1,200})}/g,(n,r)=>{let o=r.includes(".")?A(t,r):t[r];return M(o)?String(o):n})}function xn(e,t){if(!R(e)||!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,u=n.index;o=!0,u>r&&i.push(e.substring(r,u));let c=t?t(u,s,l):a;i.push(c),r=u+a.length}return o?(r<e.length&&i.push(e.substring(r)),i):e}var ie={error:(...e)=>{dt()&&!mt()&&Re().error("[Luna Form]",...e)},warn:(...e)=>{dt()&&!mt()&&Re().warn("[Luna Form]",...e)},info:(...e)=>{dt()&&!mt()&&Re().info("[Luna Form]",...e)}},dt=()=>typeof Re()<"u",mt=()=>!0,Re=()=>globalThis.console;function Tn(e=[],t){let n=[],r=[],o=[];for(let i of e)i.action===L&&n.push(i),i.action===un&&r.push(i),i.action===cn&&o.push(i);t({sources:r,states:o,values:n})}function Sn(e=null,t=[],n){for(let r of t){let{target:o,source:i}=r;if(!e){n(o,void 0);continue}if(fn(i)){let a=$(i.url,e),l=i.body?$(i.body,e):i.body;n(o,{...i,url:a,body:l})}}}var ae={eq:Qo,gt:ni,gte:ri,in:ei,lt:oi,lte:ii,neq:jo,nin:ti},qo=/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2})?/,Rn=/^(\d{2})[/-](\d{2})[/-](\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/;function Wo(e){return typeof e=="string"&&qo.test(e)}function Ko(e){return typeof e=="string"&&Rn.test(e)}function Jo(e){let t=e.match(Rn);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 B(e){return Wo(e)?new Date(e).getTime():Ko(e)?Jo(e):Number(e)}function Qo(e,t){return e===t}function jo(e,t){return e!==t}function ei(e,t){return Array.isArray(t)&&t.includes(String(e))}function ti(e,t){return Array.isArray(t)&&!t.includes(String(e))}function ni(e,t){return B(e)>B(t)}function ri(e,t){return B(e)>=B(t)}function oi(e,t){return B(e)<B(t)}function ii(e,t){return B(e)<=B(t)}function Fn(e=null,t=[],n){for(let r of t){let{target:o,state:i,when:a}=r,l=Array.isArray(o)?o:[o];if(!e){n(l);continue}let s=ai(e,a);n(l,s?i:void 0)}}function ai(e,t){return t===void 0?!0:R(t)?Fe(e,L)===t:lt(t)?!!Fe(e,L)===t:Array.isArray(t)?t.includes(String(Fe(e,L))):li(e,t)}function li(e=null,t){let n=Fe(e,t.field??L),{operator:r="eq",value:o}=t,i=ae[r];return i?i(n,o):!1}function Fe(e,t){return d(e)?A(e,t):e}function Cn(e=null,t=[],n){for(let r of t)for(let[o,i]of Object.entries(r.value))n(o,e?$(i,e):void 0)}var An=e=>y($t)(e),Ce=e=>y(Bt)(e),Ae=e=>y(Yt)(e),vn=e=>y(Ut)(e),Nn=e=>y(Zt)(e),In=e=>y(qt)(e),O=y(Lt),z=y(Mt),I=y(Gt),ve=y(Xt),G=y(zt),ft=y(ge),U=y(Ht),pt=y(_t),En=y(re,at,Qt,jt),kn=y(Ot,at),Ne=y(Vt,Jt);function Ie(e){return G(e)||I(e)}function wn(e){return e.type===ot}function Y(e){return e.type===ne}function Ee(e){return e.type!==ne&&e.type!==ot}function le(e){return U(e)||G(e)}function Pn(e){return ft(e)||pt(e)}function x(e){return e!=null&&e!==""}function y(...e){return t=>{let n=R(t.type)?t.type:void 0;return n?e.some(r=>n===r||n?.startsWith(`${r}/`)):!1}}function Dn(e,t={}){if(U(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&d(n))return[n]}}function Ln(e){return G(e)||I(e)?!0:e.advanced?.horizontal??!1}function On(e){return I(e)?e.advanced?.reverse!==!1:!1}function Vn(e,t){let n=e.readonly??!1;return t||n}function Mn(e){if(G(e)||U(e)&&!e.disabled){let t=e.source;if(Array.isArray(t)||d(t)&&!(J in t))return t}}import{isValid as ke,parse as we,format as Pe}from"date-fns";var si=/^\d+$/,De=new Date(2e3,0,1),ui=()=>"supportedValuesOf"in Intl?Intl.supportedValuesOf("timeZone"):[];function gt(){return Array.from({length:12},(e,t)=>({value:(t+1).toString(),label:new Date(0,t).toLocaleString("default",{month:"long"})}))}function yt(){return Array.from({length:7},(e,t)=>({value:t.toString(),label:new Date(2e3,0,2+t).toLocaleString("default",{weekday:"long"})}))}function Gn(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 bt(){return new Date().getFullYear()}function ci(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function di(e){let t=e.indexOf("/"),n=t===-1?e:e.slice(0,t);return mn[n]??"Other"}function mi(e,t){return(e.find(r=>r.type==="timeZoneName")?.value??t).replace(/\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,"")}function _n(e,t){let n=new Intl.DateTimeFormat("en",{timeZone:e,timeZoneName:"longOffset"}).formatToParts(t),r=new Intl.DateTimeFormat("en",{timeZone:e,timeZoneName:"long"}).formatToParts(t),i=(n.find(l=>l.type==="timeZoneName")?.value??"GMT+00:00").replace("GMT","UTC"),a=mi(r,e);return{offset:i,longName:a}}function zn(e){return e.slice(e.lastIndexOf("/")+1).replace(/_/g," ")}function Hn(){let e=new Date,t=ci(),n=new Map,r=zn(t),{offset:o,longName:i}=_n(t,e),a={value:t,label:`${r} - ${i} (${o})`};for(let s of ui()){if(s===t)continue;let u=zn(s),{offset:c,longName:m}=_n(s,e),b={value:s,label:`${u} - ${m} (${c})`},f=di(s);if(f==="Other")continue;let C=n.get(f);C?C.push(b):n.set(f,[b])}for(let s of n.values())s.sort((u,c)=>u.label.localeCompare(c.label));let l=Array.from(n.entries()).sort(([s],[u])=>s.localeCompare(u)).map(([s,u])=>({label:s,items:u}));return[{label:"Suggested",items:[a]},...l]}function ht(e,t){if(typeof e=="number")return e;let n=t??bt(),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 si.test(r)?parseInt(r,10):n}function Le(e,t){if(!e)return"";try{let n=we(e,t,De);return ke(n)?Pe(n,"yyyy-MM-dd"):""}catch{return""}}function $n(e,t){if(!e)return"";try{let n=we(e,t,De);return ke(n)?Pe(n,"HH:mm:ss"):""}catch{return""}}function Bn(e,t="HH:mm"){if(!e)return"";try{let n=e.split(":").length===3?"HH:mm:ss":"HH:mm",r=we(e,n,De);return ke(r)?Pe(r,t):""}catch{return""}}function Oe(e,t="MMMM d, yyyy"){if(!e)return"";try{let n=we(e,"yyyy-MM-dd",De);return ke(n)?Pe(n,t):""}catch{return""}}function Z(e){return e.advanced?.format??"HH:mm"}function H(e){return e.advanced?.format??"MMMM d, yyyy"}var Ve=bt();function fi(e){if(ve(e))return pi(e)}function pi(e){if(Nn(e))return yt();if(In(e))return gt()}function gi(e){if(U(e))return yi(e)}function yi(e){if(An(e))return yt();if(Ce(e))return gt();if(Ae(e)){let t=e.advanced?.length?.min??Ve,n=e.advanced?.length?.max??Ve+5;return Gn(ht(t,Ve),ht(n,Ve))}if(vn(e))return Hn()}function Un(e,t=!1){let n={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return ft(e)?{...n,...bi(e)}:U(e)?{...n,...Yn(e,gi)}:pt(e)?{...n,...xi(e)}:ve(e)?{...n,...hi(e)}:n}function bi(e){let t=yn(e.type),n={...e,type:t};return{...Si(e),...Xn(e),...Ti(n),...En(n)?Zn(n):{},type:t}}function Yn(e,t){let n=t(e);return n?{options:n}:{}}function hi(e){let t=Yn(e,fi),n=e.advanced?.multiple??!0;return{...t,multiple:n}}function xi(e){return{...Xn(e),...Zn(e)}}function Xn(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function Ti(e){return Ne(e)?Ri(e):{}}function Si(e){if(z(e)){let t=Z(e);return{step:t==="HH:mm:ss"||t==="hh:mm:ss a"?"1":"60"}}return{}}function Zn(e){return qn(e,{min:sn,max:ln})}function Ri(e){return qn(e,{min:he,max:be})}function qn(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 Wn(e,t){let n=Mn(e);return n||Dn(e,t)}function Fi(e,t){let n=d(t)&&e.name in t?t[e.name]:t,r=ct(n,e.advanced?.entity);return z(e)&&x(r)?Ci(e,r):O(e)&&x(r)?Ii(e,r):r}function Ci(e,t){let n=Z(e);return R(t)?$n(t,n):t}function Ai(e,t,n){return le(e)&&Array.isArray(n)?{...t,[ye]:n}:t}function vi(e,t,n){if(e.required&&!x(n)&&U(e)&&e.advanced?.preselected!==!1&&ye in t){let r=t[ye];if(Array.isArray(r)&&r.length===1)return r[0]}return n}function Ni(e,t){return le(e)&&Array.isArray(t)?gn(t,e.advanced?.options):t}function Kn(e,t,n,r){let o=Fi(e,r),i=Array.isArray(n)?Ni(e,n):n,a=Ai(e,t,i),l=vi(e,a,o);return{commonPropsWithOptions:a,defaultValue:l}}function Jn(e,t){return I(e)?{checked:x(t)?t:!1}:ve(e)?{value:Array.isArray(t)?t:[]}:O(e)&&R(t)&&x(t)?{value:Oe(t,H(e))}:{value:t??""}}function Ii(e,t){let n=H(e);return R(t)?Le(t,n):t}function Qn(e,t){let n=e??t;return n?{"data-format":n}:{}}var Ei=/^#\/definition\//;function _e(e=[],t){let n=Me(e,t);return Array.isArray(n)?n.filter(wi).sort((r,o)=>jn(r)-jn(o)):[]}function Me(e,t,n=new Map,r=new WeakSet){if(!ki(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=>Me(i,t,n,r));if(J in e&&R(e[J])){let i=e[J].replace(Ei,""),a=A(t,i);return a!==null?Me(a,t,n,r):e}let o={};for(let[i,a]of Object.entries(e))o[i]=Me(a,t,n,r);return r.delete(e),n.set(e,o),o}function er(e){return Object.entries(e??{})}function jn(e){return e.order??Number.MAX_VALUE}function ki(e){return e!==void 0&&d(e)&&Object.keys(e).length>0}function wi(e){return dn in e?!0:Array.isArray(e[it])?e[it].length>0:!0}function tr(e,t){let n={};for(let[r,o]of er(t))n[`${e}-${r}`]=o;return n}function Pi(e){return tr(on,e)}function Di(e){return tr(an,e)}function nr(e,t){let n=Pi(e.advanced?.aria);return t&&t.length>0&&(n[tn]="true",n[en]=`${e.name}-error`),n}function rr(e){return Di(e.advanced?.data)}var or={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},ir={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function ar(e,t=2){return or[e&&e in or?e:t]}function lr(e){if(e&&e in ir)return ir[e]}function Li(e,t){let n=e.advanced?.length?.min??1;if(t){let r=A(t,e.name);if(Array.isArray(r))return Math.max(r.length,n)}return Math.max(n,0)}function sr(e){return!Array.isArray(e.fields)||e.fields.length===0?!1:e.fields.length>1||e.fields[0].type===ne}function ur(e,t){let n=Li(e,t);return Array.from({length:n},(r,o)=>o)}function cr(e){return e.label??e.name}import{z as g}from"zod";function p(e,t){return e?t?t[e]??e:e:""}var Oi=[[Ne,Gi],[kn,Vi],[Ae,Hi],[Ce,$i],[I,Mi],[G,_i]];function mr(e,t=[],n){let r=g.object(e);return t.length===0?r:Xi(r,t,n)}function fr(e){let t={},n=g.flattenError(e).fieldErrors;for(let[r,o]of Object.entries(n))o!==void 0&&(t[r]=o);return t}function pr(e,t){for(let[n,r]of Oi)if(n(e))return r(e,t);return zi(e,t)}function Vi(e,t){let n=g.string().trim();if(e.required){let r=Q(e,t),o=n.min(1,r).pipe(dr(e,t));return g.preprocess(i=>Te(i)?"":i,o)}return n.pipe(dr(e,t)).or(g.literal("")).nullable()}function Mi(e,t){let n=g.coerce.boolean();return e.required?(n=n.refine(r=>r===!0,{message:Q(e,t)}),g.preprocess(r=>r===null?!1:r,n)):n.nullable()}function _i(e,t){let n=g.coerce.string();return e.required?(n=n.min(1,Q(e,t)),g.preprocess(r=>Te(r)?"":r,n)):n.or(g.literal("")).nullable()}function zi(e,t){let n=g.coerce.string().trim();return n=gr(n,e,t),e.required?(n=yr(n,e,t),g.preprocess(r=>Te(r)?"":r,n)):n.nullable()}function Gi(e,t){let n=g.coerce.number().int();return n=gr(n,e,t),e.required?(n=yr(n,e,t),g.preprocess(r=>r===null?void 0:r,n)):n.nullable()}function Hi(e,t){return e.required?g.preprocess(Bi,g.coerce.number({message:Q(e,t)}).int()):g.coerce.number().int().nullable()}function $i(e,t){let n=Q(e,t),r=g.coerce.number().int().min(1,n).max(12,n);return e.required?r:r.nullable()}function Bi(e){return e===null||e===""?void 0:e}function dr(e,t){let n=e.validation?.email?p(e.validation?.email,t):void 0;return g.email(n)}function gr(e,t,n){return e=Ui(e,t,n),e=Yi(e,t,n),e}function yr(e,t,n){let r=t.advanced?.length?.min;return r===void 0||r<1?e.min(1,Q(t,n)):e}var Ui=(e,t,n)=>br(e,t,he,n),Yi=(e,t,n)=>br(e,t,be,n);function br(e,t,n,r){let o=t.advanced?.length?.[n];if(o!==void 0){let i=t.validation?.length?.[n]?p(t.validation?.length?.[n],r):void 0;return e[n](o,i)}return e}function Xi(e,t=[],n){let r=qi(t);return r.length===0?e:e.superRefine((o,i)=>{for(let{name:a,rule:l}of r)if(!Zi(o,a,l)){let s=p(l.message,n);i.addIssue({code:"custom",message:s,path:[a]})}})}function Zi(e,t,n){let r=n.operator??"eq",o=ae[r];return o?o(e[t],e[n.field]):!1}function qi(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 hr(e,t,n,r){let o=[],i=Array.isArray(t)?t:[t];for(let a of i){let l=a.operator??"eq",s=ae[l];if(s&&!s(e,n(a.field))&&a.message){let u=p(a.message,r);o.push(u)}}return o}function Q(e,t){return e.validation?.required?p(e.validation?.required,t):void 0}function xr(e,t){if(!t||!Ki(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||Wi(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 Wi(e){return e==="https"?"443":"80"}function Ki(e){return/^(https?:)?\/\//.test(e)}function Tr(e,t){try{if(!e)return t;if(!t)return e;let n=new URL(e,xe);new URL(t,xe).searchParams.forEach((i,a)=>{n.searchParams.set(a,i)});let o=n.toString();return e.startsWith("/")||!e.includes("://")?o.replace(xe,""):o}catch{return t||e}}function Sr(e){return!Array.isArray(e)||e.length===0?null:e.reduce((t,n)=>{let r=Tr(t.url,n.url),o=Ji(t,n),i=Qi(t,n);return{...t,...n,url:r,body:o,headers:i}})}function Ji(e,t){return d(t.body)&&d(e?.body)?{...e.body,...t.body}:t.body??e?.body}function Qi(e,t){return d(t.headers)&&d(e?.headers)?{...e.headers,...t.headers}:t.headers??e?.headers}function ze(e,t){return{...e,...t}}import{jsx as ji}from"react/jsx-runtime";function X(e){return xn(e,(t,n,r)=>ji("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:r},`${n}-${t}`))}import{jsx as se,jsxs as xt}from"react/jsx-runtime";function Rr(e){let{fields:t=[]}=e.section,[n,r]=na(!1),o=ta(()=>r(i=>!i),[]);return xt("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:[se("legend",{children:xt("button",{className:"flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",onClick:o,type:"button",children:[se(Dt,{expanded:n}),se("span",{children:X(e.section.title)})]})}),se(ea,{mode:n?"visible":"hidden",children:xt("div",{className:"mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600","data-slot":"field-set-content",children:[e.section.description&&se("p",{className:"text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:X(e.section.description)}),e.group]})})]})}import{Fragment as ra,jsx as Fr,jsxs as oa}from"react/jsx-runtime";function Cr(e){return oa(ra,{children:[e.title&&Fr("legend",{className:"mb-3 font-medium text-slate-800 dark:text-slate-200",children:X(e.title)}),e.description&&Fr("p",{className:"-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:X(e.description)})]})}import{jsx as ia,jsxs as aa}from"react/jsx-runtime";function Ge(e){return aa("fieldset",{"data-slot":"field-set","data-empty":e.empty,className:"flex flex-col data-[empty=false]:gap-6",id:e.id,children:[ia(Cr,{description:e.description,title:e.title}),e.children]})}import{jsx as la}from"react/jsx-runtime";function q(e){return la("div",{"data-slot":"field-group","data-compact":e.compact,className:"flex w-full flex-col gap-8 data-[compact=true]:gap-3",children:e.children})}import{jsx as Tt}from"react/jsx-runtime";function Ar(e){let{fields:t=[]}=e.section,{compact:n}=ze(e.style,{compact:e.section.compact}),r=Tt(q,{compact:n,children:e.children});return!e.section.title&&!e.section.description?r:e.section.advanced?Tt(Rr,{section:e.section,group:r}):Tt(Ge,{description:e.section.description,empty:t.length===0,id:e.section.id?.toString(),title:e.section.title,children:r})}import{useAtomValue as ma}from"jotai";import{atom as W}from"jotai";import{atomFamily as vr}from"jotai-family";import{deepEqual as St}from"fast-equals";function He(e,t){let{[t]:n,...r}=e;return r}function sa(e){return vr(t=>W(n=>n(e)[t]??void 0,(n,r,o)=>{let i=n(e);if(o!=null){let a=i[t];St(a,o)||r(e,{...i,[t]:o})}else t in i&&r(e,He(i,t))}))}function ua(e){return W(null,(t,n)=>{let r=t(e);r&&Object.keys(r).length>0&&n(e,{})})}function ca(e){return W(null,(t,n,r)=>{let i={...t(e)},a=!1;for(let l of r)l in i&&(delete i[l],a=!0);a&&n(e,i)})}function da(e){return W(null,(t,n,r)=>{let o=t(e);St(o,r)||n(e,r)})}function Nr(e,t={}){let{merge:n,validateTarget:r}=t;return vr(o=>W(i=>{let a=i(e)[o];if(a&&n)return n(Object.values(a))},(i,a,l,s)=>{if(r&&!r(l))return;let u=i(e),c={...u[l]??{}};if(s!=null){let m=c[o];(!m||!St(m,s))&&(c[o]=s,a(e,{...u,[l]:c}))}else o in c&&(delete c[o],Object.keys(c).length===0?a(e,He(u,l)):a(e,{...u,[l]:c}))}))}function Ir(e){return W(null,(t,n,r)=>{let i={...t(e)},a=!1;for(let l of r)l in i&&(delete i[l],a=!0);for(let l in i){let s={...i[l]},u=!1;for(let c of r)c in s&&(delete s[c],u=!0,a=!0);u&&(Object.keys(s).length===0?delete i[l]:i[l]=s)}a&&n(e,i)})}function j(e={}){let t=W(e);return{atom:t,clearAll:ua(t),clear:ca(t),bulkReport:da(t),report:sa(t)}}var Er=j(),$e=Er.atom,kr=Er.report;function fa(e,t){return e.fields.every(n=>wr(n,t))}function wr(e,t){return t[e.name]?.hidden??e.hidden??!1}function pa(e,t){return Y(e)?fa(e,t):wr(e,t)}function Be(e){let t=ma($e);return e.container&&(t[e.container.name]?.hidden??e.container.hidden??!1)||e.fields.length===0||e.fields.every(r=>pa(r,t))?null:e.children}import{jsx as Pr}from"react/jsx-runtime";function Dr(){return Pr("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:Pr("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800"})})}import{jsx as ue,jsxs as Lr}from"react/jsx-runtime";function Or(e){let t=_e(e.sections,e.definition);return ue("div",{className:"h-full w-full",children:ue("form",{noValidate:e.noValidate,action:e.action,children:Lr(q,{children:[t.map((n,r)=>Lr(Be,{fields:n.fields??[],children:[ue(Ar,{section:n,style:e.config.style,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.separator&&ue(Dr,{})]},r)),e.control&&ue(wt,{isPending:e.isPending,children:e.control})]})})})}import{jsx as ga}from"react/jsx-runtime";function Ue(e){return ga("p",{className:"-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400",children:e.children})}import{jsx as ya}from"react/jsx-runtime";function Ye(e){let t={context:e.context,env:e.config?.env},n=p(Se(e.text,t),e.translations),r=X(n);return r?ya(Ue,{children:r}):null}import{twMerge as ba}from"tailwind-merge";import{jsx as ha,jsxs as xa}from"react/jsx-runtime";function Vr(e){let t=e.style?.showOptionalLabel??!0,n=G(e.field)||I(e.field);return xa("label",{"data-slot":"field-label","data-normal":n,className:ba("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&&ha("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:p("(Optional)",e.translations)})]})}import{jsx as Mr,jsxs as Ta}from"react/jsx-runtime";function _r(e){let t={context:e.context,env:e.config?.env},n=Se(e.field.label,t);return Ta("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[Mr(Vr,{field:e.field,style:e.config?.style,translations:e.translations,children:p(n,e.translations)}),e.horizontal===!0&&Mr(Ye,{config:e.config,context:e.context,text:e.field.description,translations:e.translations})]})}import{Fragment as Sa,jsx as zr,jsxs as Ra}from"react/jsx-runtime";function Gr(e){return Ra(Sa,{children:[e.field.name&&e.field.label&&zr(_r,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations}),e.children,e.horizontal===!1&&zr(Ye,{config:e.config,context:e.context,text:e.field.description,translations:e.translations})]})}function Xe(e,t){return e?t(e):null}import{useCallback as Ma,useEffect as _a,useRef as za}from"react";var Rt=j(),Hr=Rt.clear,$r=Rt.bulkReport,Ze=Rt.report;var qe=j(),We=qe.atom,Br=qe.clearAll,Ur=qe.clear,Ke=qe.report;import{useCallback as qr,useRef as Je,useTransition as Ia}from"react";import{useEffect as Fa,useEffectEvent as Yr,useMemo as Ca}from"react";function Xr(e,t,n,r){let{name:o}=e,i=Ca(()=>pr(e,r),[e,r]),a=Yr(s=>{s&&t(s,i,e)}),l=Yr(s=>{s&&n(s)});return Fa(()=>(a(o),()=>{l(o)}),[o]),i}import{useSetAtom as Ft,useStore as Ea}from"jotai";import{useCallback as Aa,useEffect as va,useRef as Na}from"react";function Zr(){let e=Na(null);return va(()=>()=>{e.current&&clearTimeout(e.current)},[]),Aa((n,r)=>{e.current&&(clearTimeout(e.current),e.current=null),e.current=setTimeout(n,r)},[])}function Wr(e,t){let n=Ea(),r=e.field.advanced?.entity,o=Zr(),[,i]=Ia(),{setValue:a,shouldSkipOnChange:l,value:s,setSource:u}=t,c=Je(s);c.current=s;let m=Je(e.translations);m.current=e.translations;let b=Ie(e.field),f=Ft(We),C=Ft($e),T=Ft(Ze(e.field.name)),v=Xr(e.field,e.onMount,e.onUnmount,e.translations),E=p(e.commonProps.placeholder,e.translations),k={...e.commonProps,placeholder:E},F=Je(null);F.current=S=>{if(a(S),e.onValueChange){let V=e.dataAttributes??{};e.onValueChange({data:Object.keys(V).length>0?V:void 0,name:e.field.name,type:e.field.type,value:S})}};let w=Je(null);w.current=S=>{let V=e.field.event?.change;V&&Tn(V,({sources:_,states:K,values:te})=>{i(()=>{Sn(S,_,(h,D)=>u(h,D)),Fn(S,K,(h,D)=>{C(pe=>D?h.reduce((nt,rt)=>({...nt,[rt]:D}),pe):h.reduce((nt,rt)=>He(nt,rt),pe))}),Cn(S,te,(h,D)=>{f(pe=>({...pe,[h]:D}))})})})};let P=qr(S=>{let _=v.safeParse(S).error?.issues.map(h=>h.message)??[],K=e.field.validation?.custom,te=K?hr(S,K,h=>n.get(Ke(h)),m.current):[];T([..._,...te])},[e.field.validation?.custom,v,T,n]),N=qr(S=>{if(!b){let V=S.target.value;e.config.validation.blur&&P(V)}},[b,e.config.validation.blur,P]);return{applyChangeEventsRef:w,commonProps:k,entity:r,hasClickable:b,onBlur:N,onValueChangeRef:F,setTimeoutRef:o,shouldSkipOnChange:l,validated:P,valueRef:c}}import{deepEqual as ka}from"fast-equals";import{useAtom as wa}from"jotai";import{useCallback as Pa,useEffect as Da,useRef as La,useEffectEvent as Oa}from"react";function Kr(e,t){let{name:n}=e,r=La(!1),[o,i]=wa(Ke(n)),a=Oa(s=>{let u=Va(n,s);x(u)&&(ka(o,u)||(r.current=!0),i(u))});Da(()=>{t&&a(t)},[t]);let l=Pa(()=>r.current?(r.current=!1,!0):!1,[]);return{setValue:i,shouldSkipOnChange:l,value:o}}function Va(e,t){if(e in t)return t[e];if(!e.includes("."))return;let n=e.split("."),r=t;for(let o of n){if(r==null)return;if(Array.isArray(r)){let i=Number(o);r=Number.isInteger(i)?r[i]:void 0}else if(typeof r=="object")r=r[o];else return}return r}import{jsx as Jr}from"react/jsx-runtime";function Qr(e){let{useSource:t,useExtraProps:n,getValue:r,shouldSkipChange:o,dispatchChange:i,buildInitialSelected:a,isInitialReady:l}=e.strategies,{setValue:s,shouldSkipOnChange:u,value:c}=Kr(e.field,e.value),{data:m,setSource:b}=t(e.field,e.config,c),{applyChangeEventsRef:f,commonProps:C,entity:T,hasClickable:v,onBlur:E,onValueChangeRef:k,setTimeoutRef:F,validated:w,valueRef:P}=Wr(e,{setValue:s,shouldSkipOnChange:u,value:c,setSource:b}),N=n?.(e.field),S=za(!1),{commonPropsWithOptions:V,defaultValue:_}=Kn(e.field,C,m,c),K=Jn(e.field,_);_a(()=>{if(S.current||!e.value)return;if(!e.field.event?.change){S.current=!0;return}if(!x(_)||!l(e.field,_,m))return;S.current=!0;let h=a(_,m,T);f.current?.(h)},[f,a,m,_,T,l,e.field,e.value]);let te=Ma(h=>{let D=r(h,e.field);o({shouldSkipOnChange:u,hasClickable:v,inputValue:D,valueRef:P})||(k.current?.(D),e.config.validation.change&&w(D),e.field.event?.change&&i({applyChangeEventsRef:f,data:m,entity:T,inputValue:D,setTimeoutRef:F}))},[f,m,i,T,r,v,k,e.config.validation.change,e.field,F,o,u,w,P]);return Xe(e.config.inputs[e.field.type],h=>Jr(Gr,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations,children:Jr(h,{...V,...e.ariaAttributes,...e.dataAttributes,...N,...K,onBlur:E,onChange:te})}))}import{jsx as Ga}from"react/jsx-runtime";function ee(e){return function(n){return Ga(Qr,{...n,strategies:e})}}function jr(e){let t=O(e)?H(e):null,n=z(e)?Z(e):null;return{dateFormat:t,timeFormat:n}}import{atom as Ha}from"jotai";var $a=e=>{let t=Sr(e);if(t)return t},Ba=e=>e.trim()!=="",eo=Ha({}),Qe=Nr(eo,{merge:$a,validateTarget:Ba}),to=Ir(eo);import{useSetAtom as Ua}from"jotai";function je(e){return{data:null,setSource:Ua(Qe(e.name))}}var no=ee({useSource:je,useExtraProps:e=>{let{dateFormat:t,timeFormat:n}=jr(e);return Qn(t,n)},getValue:(e,t)=>{let n=e.target.value,r=z(t)?Z(t):null;if(r!==null)return Bn(n,r);let o=O(t)?H(t):null;return o!==null&&Oe(n,o)||n},shouldSkipChange:({shouldSkipOnChange:e,inputValue:t,valueRef:n})=>e()&&t===n.current,dispatchChange:({applyChangeEventsRef:e,inputValue:t,setTimeoutRef:n})=>{n(()=>{e.current?.({value:t})},300)},buildInitialSelected:e=>({value:String(e)}),isInitialReady:(e,t)=>x(t)});import{useAtom as Za}from"jotai";import Ya from"swr";function ro(e=null,t,n=!1){let{data:r,error:o}=Ya(Xa(e,t,n),t.fetcher.provider);if(o&&ie.error("Error fetching data source:",o),e){if(Array.isArray(e))return e;if(r)return pn(r,e.namespace)}return null}function Xa(e=null,t,n=!1){if(e&&!Array.isArray(e)&&!n&&e.url&&!oe(e.url)){if(xr(e.url,t.fetcher.remotePatterns))return e;ie.warn(`URL blocked by remotePatterns: ${e.url}. Check your luna.config.ts`)}return null}function oo(e,t,n){let r=Wn(e,n),[o,i]=Za(Qe(e.name));return[ro(o??r,t,e.disabled),i]}function qa(e,t,n){let[r,o]=oo(e,t,n);return{data:r,setSource:o}}var io=ee({useSource:qa,getValue:e=>e.target.value,shouldSkipChange:({shouldSkipOnChange:e,hasClickable:t})=>!t&&e(),dispatchChange:({applyChangeEventsRef:e,data:t,entity:n,inputValue:r})=>{e.current?.(ut(r,t,n))},buildInitialSelected:(e,t,n)=>ut(String(e),t,n),isInitialReady:(e,t,n)=>(!le(e)||!!n&&n.length>0)&&x(t)});var ao=ee({useSource:je,getValue:e=>e.target.value,shouldSkipChange:({shouldSkipOnChange:e,inputValue:t,valueRef:n})=>e()&&t===n.current,dispatchChange:({applyChangeEventsRef:e,inputValue:t,setTimeoutRef:n})=>{n(()=>{e.current?.({value:t})},300)},buildInitialSelected:e=>({value:String(e)}),isInitialReady:(e,t)=>x(t)});import{jsx as Ct}from"react/jsx-runtime";function lo(e){return O(e.field)||z(e.field)?Ct(no,{...e}):Pn(e.field)?Ct(ao,{...e}):Ct(io,{...e})}import{jsx as so}from"react/jsx-runtime";function uo(e){return!e.errors||e.errors.length===0?null:so("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)=>so("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}import{twMerge as Wa}from"tailwind-merge";import{jsx as Ka}from"react/jsx-runtime";function et(e){let t=e.errors&&e.errors.length>0;return Ka("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[nn]:"true"},...e.disabled&&{[rn]:"true"},"data-orientation":e.orientation,className:Wa("group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500","data-[clickable=true]:items-start",e.isCheckbox&&(e.isReversed?"flex-row-reverse!":"flex-row!"),"data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",e.className),children:e.children})}import{twMerge as Ja}from"tailwind-merge";import{jsx as Qa}from"react/jsx-runtime";function co(e){return Qa(et,{...e,orientation:"vertical",className:Ja("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}import{twMerge as ja}from"tailwind-merge";import{jsx as el}from"react/jsx-runtime";function mo(e){return el(et,{...e,orientation:"horizontal",className:ja("gap-2 md:flex-row md:gap-4","[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start","[&_[role=checkbox]]:mt-[1.5px]",e.isClickable&&"md:flex-col",!e.isClickable&&["md:justify-between","[&>*:not([data-slot=field-content])]:w-full","[&>*:not([data-slot=field-content])]:md:w-1/2","[&>*:not([data-slot=field-content])]:xl:w-2/5"]),children:e.children})}import{jsx as fo}from"react/jsx-runtime";function po(e){let t=Ie(e.field),n=I(e.field),r=On(e.field);return e.horizontal?fo(mo,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children}):fo(co,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children})}function go(e){if(!e.field.type)return null;let t=Un(e.field,e.disabled),n=rr(e.field),r=nr(e.field,e.errors),o={...e.field,disabled:t.disabled};return e.children({ariaAttributes:r,commonProps:t,dataAttributes:n,field:o,horizontal:e.horizontal})}import{twMerge as tl}from"tailwind-merge";import{jsx as At,jsxs as nl}from"react/jsx-runtime";function yo(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{horizontal:r}=ze(e.style,{horizontal:Ln(e.field)}),o=Vn(e.field,e.disabled);return nl("div",{className:tl("flex flex-col gap-3",lr(t)),children:[At(po,{disabled:o,errors:n,field:e.field,horizontal:r,children:At(go,{disabled:o,errors:n,field:e.field,horizontal:r,children:e.children})}),At(uo,{errors:n,name:e.field.name})]})}import{useAtomValue as rl}from"jotai";import{jsx as al}from"react/jsx-runtime";function bo(e){return(t,n)=>o=>{let i=rl(e(o.field.name)),a=n(i,o);return a===null?null:al(t,{...o,...a})}}var ol=bo(Ze);function ho(e){return ol(e,(t,n)=>({errors:t?{[n.field.name]:t}:void 0}))}var il=bo(kr);function xo(e){return il(e,(t,n)=>t?.hidden??n.field.hidden??!1?null:{disabled:t?.disabled??n.disabled})}var To=xo(ho(yo));import{twMerge as ll}from"tailwind-merge";import{jsx as ce,jsxs as tt}from"react/jsx-runtime";function So(e){function t(){e.canRemove&&e.onRemove&&e.onRemove(e.index)}let n=e.canRemove&&e.onRemove!=null&&ce("button",{"aria-label":`Remove ${e.label} item ${e.index+1}`,className:ll("rounded p-1 text-xl text-slate-400","transition-colors duration-150","hover:text-red-500","focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none","dark:text-slate-500 dark:hover:text-red-400"),onClick:t,type:"button",children:ce("span",{"aria-hidden":"true",children:"\xD7"})});return e.isMultiField?tt("div",{className:"rounded-lg border border-slate-100 p-4 dark:border-slate-900",children:[tt("div",{className:"mb-3 flex items-center justify-between",children:[tt("span",{className:"text-sm font-medium text-slate-400 dark:text-slate-500",children:[e.label," ",e.index+1]}),n]}),ce(q,{children:e.children})]}):tt("div",{className:"flex items-start gap-2",children:[ce(q,{children:e.children}),n&&ce("div",{className:"shrink-0",children:n})]})}import{twMerge as dl}from"tailwind-merge";import{useSetAtom as sl}from"jotai";import{useCallback as Ro,useLayoutEffect as ul,useRef as Fo,useState as cl}from"react";function Co(e,t){let n=e.advanced?.length?.min??1,r=e.advanced?.length?.max??1/0,[o,i]=cl(()=>ur(e,t)),a=Fo(o.length),l=Fo(o);ul(()=>{l.current=o});let s=sl(We),u=Ro(()=>{i(f=>{if(f.length>=r)return f;let C=a.current++;return[...f,C]})},[r]),c=Ro(f=>{if(l.current.length<=n)return;let C=l.current[f];i(T=>T.length<=n?T:T.filter((v,E)=>E!==f)),s(T=>{let v={...T},E=`${e.name}.`,k=[];for(let F of e.fields)if(Y(F))for(let w of F.fields)k.push(w.name);else k.push(F.name);for(let F of k)delete v[`${E}${C}.${F}`];return v})},[e.name,e.fields,n,s]),m=o.length<r,b=o.length>n;return[o,u,c,m,b,r]}import{Fragment as ml,jsx as Ao,jsxs as vt}from"react/jsx-runtime";function vo(e){let[t,n,r,o,i,a]=Co(e.field,e.value),l=cr(e.field),s=e.field.advanced?.action??"Add item",u=a!==1/0,c=sr(e.field);return vt(ml,{children:[t.map((m,b)=>Ao(So,{canRemove:i,index:b,isMultiField:c,label:l,onRemove:r,children:e.children(m)},m)),vt("button",{"aria-disabled":!o,"aria-label":u?`${s}, ${t.length} of ${a}`:s,className:dl("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",!o&&"cursor-not-allowed opacity-50 hover:text-slate-500 dark:hover:text-slate-400"),disabled:!o,onClick:n,type:"button",children:[Ao("span",{"aria-hidden":"true",children:"+"}),s,u&&vt("span",{"aria-hidden":"true",className:"ml-auto text-slate-400 tabular-nums dark:text-slate-500",children:[t.length," / ",a]})]})]})}import{jsx as fl}from"react/jsx-runtime";function No(e){let t=Array.isArray(e.field.fields)&&e.field.fields.length===0;return fl(Ge,{description:e.field.description,empty:t,id:e.field.name,title:e.field.label,children:e.children})}import{jsx as Nt}from"react/jsx-runtime";function Io({children:e,field:t,value:n}){return Nt(Be,{container:t,fields:t.fields,children:Nt(No,{field:t,children:Nt(vo,{field:t,value:n,children:e})})})}import{twMerge as pl}from"tailwind-merge";import{jsx as Eo,jsxs as gl}from"react/jsx-runtime";function ko(e){let t=ar(e.column?.advanced?.cols);return gl("div",{className:"flex w-full flex-col gap-4",children:[Eo("div",{className:pl("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children}),e.column?.description&&Eo(Ue,{children:e.column.description})]})}import{Fragment as bl}from"react";import{jsx as yl}from"react/jsx-runtime";function wo(e){let t=Array.isArray(e.field.fields)?e.field.fields.map(n=>Ee(n)?{...n,name:`${e.field.name}.${e.index}.${n.name}`}:Y(n)?{...n,fields:n.fields.map(r=>({...r,name:`${e.field.name}.${e.index}.${r.name}`}))}:n):[];return yl(de,{children:e.children,components:e.components,disabled:e.disabled,fields:t,style:e.style,value:e.value})}import{jsx as me,jsxs as hl}from"react/jsx-runtime";function de(e){let{field:t,list:n}=e.components;return _e(e.fields).map((r,o)=>hl(bl,{children:[Y(r)&&me(ko,{column:r,children:me(de,{...e,fields:r.fields})}),Ee(r)&&me(t,{disabled:e.disabled,field:r,style:e.style,children:e.children}),wn(r)&&me(n,{field:r,value:e.value,children:i=>me(wo,{children:e.children,components:e.components,disabled:e.disabled,field:r,index:i,style:e.style,value:e.value})})]},o))}import{jsx as xl}from"react/jsx-runtime";function Po(e){return n=>xl(de,{...n,components:e})}var Do=Po({field:To,list:Io});import{useSetAtom as Lo}from"jotai";import{startTransition as Oo,useActionState as Tl}from"react";function Mo(e,t,n){let{onSuccess:r,preserveValues:o=!1,validation:i=!0,translations:a}=n??{},l=Lo($r),s=Lo(Br),u={data:null,error:null,success:!1},[c,m,b]=Tl(async(f,C)=>{let[T,v]=e(),E=mr(T,v,a);if(i===!1)return t?await t(C,E):f;let k=bn(C),F=Rl(k,v),w=E.safeParse(F);if(!w.success){let N=fr(w.error);return Oo(()=>{l(N)}),It(k,{description:p("Please correct the errors and try again.",a),details:[],title:p("There were validation errors submitting the form.",a)})}let P=hn(F);if(t)try{let N=await t(P,E);return N.success?(r?.(N.data),o||Oo(()=>{s()}),Vo(P,o)):It(P,N.error)}catch(N){return ie.error("Error executing form action:",N),It(P,{title:p("An unexpected error occurred submitting the form.",a),details:Sl(N,a)})}return Vo(w.data,o)},u);return[m,c,b]}function Sl(e,t){return e instanceof Error?[e.message]:[p("Unknown error",t)]}function Vo(e,t=!1){return{data:t?e:null,error:null,success:!0}}function It(e,t){return{data:e,error:t,success:!1}}function Rl(e,t){let n={...e};for(let r of t)if(O(r)&&typeof n[r.name]=="string"&&n[r.name]){let o=Le(n[r.name],H(r));o&&(n[r.name]=o)}return n}import{useCallback as kt,useRef as zo}from"react";import{useCallback as Fl}from"react";import{useSetAtom as Et}from"jotai";function _o(){let e=Et(Hr),t=Et(Ur),n=Et(to);return Fl(r=>{let o=Array.isArray(r)?r:[r];e(o),n(o),t(o)},[e,n,t])}function Go(){let e=_o(),t=zo({}),n=zo([]),r=kt((a,l,s)=>{a in t.current||(t.current[a]=l,n.current.push(s))},[]),o=kt(a=>{t.current[a]&&(delete t.current[a],n.current=n.current.filter(l=>l.name!==a),e([a]))},[e]);return[kt(()=>[t.current,n.current],[]),r,o]}import{Fragment as Cl,jsx as fe,jsxs as Al}from"react/jsx-runtime";function Ho(e){let t=e.translations?.[e.lang??""],[n,r,o]=Go(),[i,a,l]=Mo(n,e.action,{onSuccess:e.onSuccess,validation:e.config.validation.submit,translations:t}),s=e.config.validation.showError&&!a.success&&a.error,u=a.data??e.value;return Al(Cl,{children:[s&&Xe(e.config.alert,c=>fe("div",{className:"mb-4 w-full",children:fe(c,{description:a.error?.description,details:a.error?.details,title:a.error.title})})),fe(Or,{action:i,config:e.config,control:e.children,definition:e.definition,isPending:l,noValidate:!0,readOnly:e.readOnly,sections:e.sections,children:({disabled:c,fields:m})=>fe(Do,{disabled:c,fields:m,style:e.config.style,value:u,children:b=>fe(lo,{...b,config:e.config,context:e.context,onMount:r,onUnmount:o,onValueChange:e.onValueChange,translations:t,value:u})})})]})}import{Provider as vl}from"jotai";import{jsx as $o}from"react/jsx-runtime";function Nl(e){return $o(vl,{children:$o(Ho,{...e})})}export{Nl as Form};
+// src/component/control.tsx
+import { jsx } from "react/jsx-runtime";
+function Control(props) {
+  const content = typeof props.children === "function" ? props.children({ isPending: props.isPending }) : props.children;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "field-control", className: "w-full", children: content });
+}
+
+// src/component/chevron-icon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ChevronIcon(props) {
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className: `size-4 transition-transform duration-200 ${props.expanded ? "rotate-90" : ""}`,
+      children: /* @__PURE__ */ jsx2(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+
+// src/component/collapsible.tsx
+import { Activity } from "react";
+
+// src/client/context/keep-value-context.tsx
+import { createContext } from "react";
+var KeepValueContext = createContext(false);
+
+// src/component/collapsible.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Collapsible({
+  children,
+  visible
+}) {
+  return /* @__PURE__ */ jsx3(Activity, { mode: visible ? "visible" : "hidden", children: /* @__PURE__ */ jsx3(KeepValueContext, { value: true, children }) });
+}
+
+// ../luna-core/src/util/constant.ts
+var INPUT = "input";
+var INPUT_DATE = "input/date";
+var INPUT_EMAIL = "input/email";
+var INPUT_NUMBER = "input/number";
+var INPUT_TIME = "input/time";
+var TEXTAREA = "textarea";
+var RADIO = "radio";
+var CHECKBOX = "checkbox";
+var LIST = "list";
+var SELECT = "select";
+var SELECT_DAY = "select/day";
+var SELECT_MONTH = "select/month";
+var SELECT_TIMEZONE = "select/timezone";
+var SELECT_YEAR = "select/year";
+var CHIPS = "chips";
+var CHIPS_DAYS = "chips/day";
+var CHIPS_MONTHS = "chips/month";
+var COLUMN = "column";
+var DESCRIPTION = "description";
+var FIELDS = "fields";
+var LABEL = "label";
+var VALUE = "value";
+var OPTIONS = "options";
+var TYPE_EMAIL = "email";
+var TYPE_NUMBER = "number";
+var TYPE_PASSWORD = "password";
+var TYPE_TEL = "tel";
+var TYPE_TEXT = "text";
+var ARIA_ERROR_MESSAGE = "aria-errormessage";
+var ARIA_INVALID = "aria-invalid";
+var DATA_INVALID = "data-invalid";
+var DATA_READONLY = "data-readonly";
+var PREFIX_ARIA = "aria";
+var PREFIX_DATA = "data";
+var MAX = "max";
+var MAX_LENGTH = "maxLength";
+var MIN = "min";
+var MIN_LENGTH = "minLength";
+var $REF = "$ref";
+var SOURCE = "source";
+var STATE = "state";
+var COMMON_URL = "http://luna.internal";
+var TYPE = "type";
+var TIMEZONE_REGIONS = {
+  Africa: "Africa",
+  America: "Americas",
+  Asia: "Asia / Pacific",
+  Atlantic: "Atlantic",
+  Australia: "Asia / Pacific",
+  Europe: "Europe",
+  Indian: "Asia / Pacific",
+  Pacific: "Asia / Pacific"
+};
+
+// ../luna-core/src/util/is-type.ts
+function isObject(value) {
+  return value !== null && Object.prototype.toString.call(value) === "[object Object]";
+}
+function 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_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) {
+    if (Array.isArray(value) && value.every(isValue)) {
+      return value;
+    }
+    if (isValue(value)) {
+      return value;
+    }
+    if (isObject(value)) {
+      const result = getValue(value, entity);
+      if (isValue(result)) {
+        return result;
+      }
+    }
+  }
+}
+function getValue(value, namespace) {
+  const result = extract(value, namespace);
+  if (isValue(result)) {
+    return result;
+  }
+}
+function 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 = {
+  description: DESCRIPTION,
+  label: LABEL,
+  value: VALUE
+}) {
+  return data.map((item) => {
+    if (isObject(item)) {
+      const label = extract(item, options.label);
+      const value = extract(item, options.value);
+      if (isValue(label) && isValue(value)) {
+        const description = extract(item, options.description);
+        return {
+          label: `${label}`,
+          value: `${value}`,
+          ...isValue(description) && { description: `${description}` }
+        };
+      }
+    }
+    return item;
+  });
+}
+function getType(value = TYPE_TEXT) {
+  const lastSlash = value.lastIndexOf("/");
+  const type = lastSlash === -1 ? value : value.slice(lastSlash + 1);
+  if (type && type !== INPUT) {
+    return type.trim().toLowerCase();
+  }
+  return TYPE_TEXT;
+}
+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 of Object.keys(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 of Object.keys(obj)) {
+    const value = obj[key];
+    if (Array.isArray(value)) {
+      const compacted = value.filter((item) => item !== void 0);
+      for (const item of compacted) {
+        if (isObject(item)) {
+          compactArrays(item);
+        }
+      }
+      obj[key] = compacted;
+    } else if (isObject(value)) {
+      compactArrays(value);
+    }
+  }
+}
+
+// ../luna-core/src/util/string.ts
+var REGEX_MARKDOWN_LINK = /\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g;
+function interpolate(template, values = {}) {
+  if (isString(template)) {
+    return replacePlaceholders(template, values);
+  }
+  if (Array.isArray(template)) {
+    return template.map((item) => {
+      return interpolate(item, values);
+    });
+  }
+  if (isObject(template)) {
+    const results = {};
+    for (const key in template) {
+      results[key] = interpolate(template[key], values);
+    }
+    return results;
+  }
+  return template;
+}
+function interpolateIfNeeded(template, values = {}) {
+  return isInterpolated(template) ? interpolate(template, values) : template;
+}
+function isInterpolated(template) {
+  if (isString(template)) {
+    return /{([^}]{1,200})}/.test(template);
+  }
+  if (Array.isArray(template)) {
+    return template.some((item) => isInterpolated(item));
+  }
+  if (isObject(template)) {
+    return Object.values(template).some((value) => isInterpolated(value));
+  }
+  return false;
+}
+function replacePlaceholders(template, values = {}) {
+  return template.replace(/{([^}]{1,200})}/g, (match, key) => {
+    const value = key.includes(".") ? extract(values, key) : values[key];
+    if (isValue(value)) {
+      return String(value);
+    }
+    return match;
+  });
+}
+function formatMarkdown(text, callback) {
+  if (!isString(text)) {
+    return null;
+  }
+  if (!text || text.trim().length === 0) {
+    return null;
+  }
+  let match;
+  let lastIndex = 0;
+  let hasMatch = false;
+  const parts = [];
+  while ((match = REGEX_MARKDOWN_LINK.exec(text)) !== null) {
+    const [fullMatch, linkText, url] = match;
+    const index = match.index;
+    hasMatch = true;
+    if (index > lastIndex) {
+      parts.push(text.substring(lastIndex, index));
+    }
+    const value = callback ? callback(index, url, linkText) : fullMatch;
+    parts.push(value);
+    lastIndex = index + fullMatch.length;
+  }
+  if (!hasMatch) {
+    return text;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.substring(lastIndex));
+  }
+  return parts;
+}
+
+// ../luna-core/src/util/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;
+    }
+    const matches = evaluateCondition(selected, when);
+    setState(targets, matches ? state : void 0);
+  }
+}
+function evaluateCondition(selected, when) {
+  if (when === void 0) {
+    return true;
+  }
+  if (isString(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 isSelectDay = (field) => createTypeChecker(SELECT_DAY)(field);
+var isSelectMonth = (field) => createTypeChecker(SELECT_MONTH)(field);
+var isSelectYear = (field) => createTypeChecker(SELECT_YEAR)(field);
+var isSelectTimezone = (field) => createTypeChecker(SELECT_TIMEZONE)(field);
+var isChipsDays = (field) => createTypeChecker(CHIPS_DAYS)(field);
+var isChipsMonths = (field) => createTypeChecker(CHIPS_MONTHS)(field);
+var isDate = createTypeChecker(INPUT_DATE);
+var isTime = createTypeChecker(INPUT_TIME);
+var isCheckbox = createTypeChecker(CHECKBOX);
+var isChips = createTypeChecker(CHIPS);
+var isRadio = createTypeChecker(RADIO);
+var isInput = createTypeChecker(INPUT);
+var isSelect = createTypeChecker(SELECT);
+var isTextArea = createTypeChecker(TEXTAREA);
+var isText = createTypeChecker(
+  TYPE_TEXT,
+  TYPE_EMAIL,
+  TYPE_PASSWORD,
+  TYPE_TEL
+);
+var isEmail = createTypeChecker(INPUT_EMAIL, TYPE_EMAIL);
+var isNumber = createTypeChecker(INPUT_NUMBER, TYPE_NUMBER);
+function isClickable(field) {
+  return isRadio(field) || isCheckbox(field);
+}
+function isList(slot) {
+  return slot.type === LIST;
+}
+function isColumn(slot) {
+  return slot.type === COLUMN;
+}
+function isField(slot) {
+  return slot.type !== COLUMN && slot.type !== LIST;
+}
+function isOptions(field) {
+  return isSelect(field) || isRadio(field) || isChips(field);
+}
+function 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 true;
+  }
+  return field.advanced?.horizontal ?? false;
+}
+function buildReverse(field) {
+  if (!isCheckbox(field)) {
+    return false;
+  }
+  return field.advanced?.reverse !== false;
+}
+function buildDisabled(field, disabled) {
+  const readonly = field.readonly ?? false;
+  return disabled ? disabled : readonly;
+}
+function buildSource(field) {
+  if (isRadio(field) || isChips(field) || isSelect(field) && !field.disabled) {
+    const source = field.source;
+    if (Array.isArray(source) || isObject(source) && !($REF in source)) {
+      return source;
+    }
+  }
+}
+
+// ../luna-core/src/util/date.ts
+import { isValid, parse, format as fnsFormat } from "date-fns";
+var REGEX_DIGITS = /^\d+$/;
+var REF = new Date(2e3, 0, 1);
+var getSupportedTimezones = () => "supportedValuesOf" in Intl ? Intl.supportedValuesOf("timeZone") : [];
+function getMonth() {
+  return Array.from({ length: 12 }, (_, i) => ({
+    value: (i + 1).toString(),
+    label: new Date(0, i).toLocaleString("default", {
+      month: "long"
+    })
+  }));
+}
+function getWeekDays() {
+  return Array.from({ length: 7 }, (_, i) => ({
+    value: i.toString(),
+    label: new Date(2e3, 0, 2 + i).toLocaleString("default", {
+      weekday: "long"
+    })
+  }));
+}
+function getYear(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 getUserTimezone() {
+  return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+function getTimezoneRegion(tz) {
+  const slash = tz.indexOf("/");
+  const prefix = slash === -1 ? tz : tz.slice(0, slash);
+  return TIMEZONE_REGIONS[prefix] ?? "Other";
+}
+function getTimeZoneName(longNameParts, defaultTimeZone) {
+  const fullName = longNameParts.find((part) => {
+    return part.type === "timeZoneName";
+  })?.value ?? defaultTimeZone;
+  return fullName.replace(
+    /\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,
+    ""
+  );
+}
+function getTimezoneInfo(tz, date) {
+  const offsetParts = new Intl.DateTimeFormat("en", {
+    timeZone: tz,
+    timeZoneName: "longOffset"
+  }).formatToParts(date);
+  const longNameParts = new Intl.DateTimeFormat("en", {
+    timeZone: tz,
+    timeZoneName: "long"
+  }).formatToParts(date);
+  const raw = offsetParts.find((part) => {
+    return part.type === "timeZoneName";
+  })?.value ?? "GMT+00:00";
+  const offset = raw.replace("GMT", "UTC");
+  const longName = getTimeZoneName(longNameParts, tz);
+  return { offset, longName };
+}
+function getTimezoneCity(tz) {
+  return tz.slice(tz.lastIndexOf("/") + 1).replace(/_/g, " ");
+}
+function getTimezones() {
+  const date = /* @__PURE__ */ new Date();
+  const detectedTimezone = getUserTimezone();
+  const groupMap = /* @__PURE__ */ new Map();
+  const detectedCity = getTimezoneCity(detectedTimezone);
+  const { offset: detectedOffset, longName: detectedLongName } = getTimezoneInfo(detectedTimezone, date);
+  const detectedItem = {
+    value: detectedTimezone,
+    label: `${detectedCity} - ${detectedLongName} (${detectedOffset})`
+  };
+  for (const tz of getSupportedTimezones()) {
+    if (tz === detectedTimezone) {
+      continue;
+    }
+    const city = getTimezoneCity(tz);
+    const { offset, longName } = getTimezoneInfo(tz, date);
+    const item = {
+      value: tz,
+      label: `${city} - ${longName} (${offset})`
+    };
+    const region = getTimezoneRegion(tz);
+    if (region === "Other") {
+      continue;
+    }
+    const existing = groupMap.get(region);
+    if (existing) {
+      existing.push(item);
+    } else {
+      groupMap.set(region, [item]);
+    }
+  }
+  for (const items of groupMap.values()) {
+    items.sort((a, b) => a.label.localeCompare(b.label));
+  }
+  const sortedGroups = Array.from(groupMap.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([label, items]) => ({ label, items }));
+  return [{ label: "Suggested", items: [detectedItem] }, ...sortedGroups];
+}
+function getConvert(value, current) {
+  if (typeof value === "number") {
+    return value;
+  }
+  const now2 = current ?? getCurrentYear();
+  const trimmed = value.trim().toLowerCase();
+  if (trimmed.startsWith("current")) {
+    const match = trimmed.match(/^current([+-])(\d+)$/);
+    if (match) {
+      const [, operator, offsetStr] = match;
+      const offset = parseInt(offsetStr, 10);
+      if (!isNaN(offset)) {
+        return operator === "+" ? now2 + offset : now2 - offset;
+      }
+    }
+    return now2;
+  }
+  if (REGEX_DIGITS.test(trimmed)) {
+    return parseInt(trimmed, 10);
+  }
+  return now2;
+}
+function toNativeDate(value, fromFormat) {
+  if (!value) {
+    return "";
+  }
+  try {
+    const date = parse(value, fromFormat, REF);
+    return isValid(date) ? fnsFormat(date, "yyyy-MM-dd") : "";
+  } catch {
+    return "";
+  }
+}
+function toNativeTime(value, fromFormat) {
+  if (!value) {
+    return "";
+  }
+  try {
+    const date = parse(value, fromFormat, REF);
+    return isValid(date) ? fnsFormat(date, "HH:mm:ss") : "";
+  } catch {
+    return "";
+  }
+}
+function fromNativeTime(native, toFormat = "HH:mm") {
+  if (!native) {
+    return "";
+  }
+  try {
+    const format = native.split(":").length === 3 ? "HH:mm:ss" : "HH:mm";
+    const date = parse(native, format, REF);
+    return isValid(date) ? fnsFormat(date, toFormat) : "";
+  } catch {
+    return "";
+  }
+}
+function fromNativeDate(native, toFormat = "MMMM d, yyyy") {
+  if (!native) {
+    return "";
+  }
+  try {
+    const date = parse(native, "yyyy-MM-dd", REF);
+    return isValid(date) ? fnsFormat(date, toFormat) : "";
+  } catch {
+    return "";
+  }
+}
+function getTimeFormat(field) {
+  return field.advanced?.format ?? "HH:mm";
+}
+function getDateFormat(field) {
+  return field.advanced?.format ?? "MMMM d, yyyy";
+}
+
+// ../luna-core/src/helper/input.ts
+var now = getCurrentYear();
+function buildOptionChips(field) {
+  if (isChips(field)) {
+    return defineOptionChips(field);
+  }
+}
+function defineOptionChips(field) {
+  if (isChipsDays(field)) {
+    return getWeekDays();
+  }
+  if (isChipsMonths(field)) {
+    return getMonth();
+  }
+}
+function buildOptionSelect(field) {
+  if (isSelect(field)) {
+    return defineOptionSelect(field);
+  }
+}
+function defineOptionSelect(select) {
+  if (isSelectDay(select)) {
+    return getWeekDays();
+  }
+  if (isSelectMonth(select)) {
+    return getMonth();
+  }
+  if (isSelectYear(select)) {
+    const min2 = select.advanced?.length?.min ?? now;
+    const max2 = select.advanced?.length?.max ?? now + 5;
+    return getYear(getConvert(min2, now), getConvert(max2, now));
+  }
+  if (isSelectTimezone(select)) {
+    return getTimezones();
+  }
+}
+function buildCommon(field, disabled = false) {
+  const commonProps = {
+    disabled,
+    id: field.name,
+    name: field.name,
+    placeholder: field.placeholder,
+    required: field.required
+  };
+  if (isInput(field)) {
+    return {
+      ...commonProps,
+      ...defineInput(field)
+    };
+  }
+  if (isSelect(field)) {
+    return {
+      ...commonProps,
+      ...defineWithOptions(field, buildOptionSelect)
+    };
+  }
+  if (isTextArea(field)) {
+    return {
+      ...commonProps,
+      ...defineTextArea(field)
+    };
+  }
+  if (isChips(field)) {
+    return {
+      ...commonProps,
+      ...defineChips(field)
+    };
+  }
+  return commonProps;
+}
+function defineInput(input) {
+  const type = getType(input.type);
+  const copy = { ...input, type };
+  return {
+    ...defineTime(input),
+    ...defineAutoComplete(input),
+    ...defineNumberLimits(copy),
+    ...isText(copy) ? defineLength(copy) : {},
+    type
+  };
+}
+function defineWithOptions(field, builder) {
+  const options = builder(field);
+  if (options) {
+    return { options };
+  }
+  return {};
+}
+function defineChips(field) {
+  const withOptions = defineWithOptions(field, buildOptionChips);
+  const multiple = field.advanced?.multiple ?? true;
+  return { ...withOptions, multiple };
+}
+function defineTextArea(field) {
+  return {
+    ...defineAutoComplete(field),
+    ...defineLength(field)
+  };
+}
+function defineAutoComplete(input) {
+  const autoComplete = input.advanced?.autocomplete;
+  if (autoComplete) {
+    return { autoComplete };
+  }
+  return {};
+}
+function defineNumberLimits(input) {
+  if (isNumber(input)) {
+    return defineMinMax(input);
+  }
+  return {};
+}
+function defineTime(field) {
+  if (isTime(field)) {
+    const format = getTimeFormat(field);
+    const withSeconds = format === "HH:mm:ss" || format === "hh:mm:ss a";
+    return {
+      step: withSeconds ? "1" : "60"
+    };
+  }
+  return {};
+}
+function defineLength(input) {
+  return defineConstraints(input, { min: MIN_LENGTH, max: MAX_LENGTH });
+}
+function defineMinMax(input) {
+  return defineConstraints(input, { min: MIN, max: MAX });
+}
+function defineConstraints(input, keys) {
+  const result = {};
+  const length = input.advanced?.length;
+  if (length) {
+    if (length.min !== void 0) {
+      result[keys.min] = length.min;
+    }
+    if (length.max !== void 0) {
+      result[keys.max] = length.max;
+    }
+  }
+  return result;
+}
+function resolveSource(field, value) {
+  const current = buildSource(field);
+  if (current) {
+    return current;
+  }
+  return buildOptions(field, value);
+}
+function getInputValue(field, value) {
+  const newValue = isObject(value) && field.name in value ? value[field.name] : value;
+  const currentValue = getCurrentValue(newValue, field.advanced?.entity);
+  if (isTime(field) && isValidValue(currentValue)) {
+    return getTimeValue(field, currentValue);
+  }
+  if (isDate(field) && isValidValue(currentValue)) {
+    return getDateValue(field, currentValue);
+  }
+  return currentValue;
+}
+function getTimeValue(field, currentValue) {
+  const format = getTimeFormat(field);
+  return isString(currentValue) ? toNativeTime(currentValue, format) : currentValue;
+}
+function mergeOptionsProps(field, commonProps, options) {
+  return isOptions(field) && Array.isArray(options) ? { ...commonProps, [OPTIONS]: options } : commonProps;
+}
+function getPreselectedValue(field, commonProps, value) {
+  if (field.required && !isValidValue(value)) {
+    if (isSelect(field)) {
+      if (field.advanced?.preselected !== false && OPTIONS in commonProps) {
+        const options = commonProps[OPTIONS];
+        if (Array.isArray(options) && options.length === 1) {
+          return options[0];
+        }
+      }
+    }
+  }
+  return value;
+}
+function getOptions(field, data) {
+  if (isOptions(field) && Array.isArray(data)) {
+    return toOptions(data, field.advanced?.options);
+  }
+  return data;
+}
+function prepareInputProps(field, commonProps, data, value) {
+  const currentValue = getInputValue(field, value);
+  const options = Array.isArray(data) ? getOptions(field, data) : data;
+  const commonPropsWithOptions = mergeOptionsProps(field, commonProps, options);
+  const defaultValue = getPreselectedValue(
+    field,
+    commonPropsWithOptions,
+    currentValue
+  );
+  return {
+    commonPropsWithOptions,
+    defaultValue
+  };
+}
+function prepareInputValue(field, value) {
+  if (isCheckbox(field)) {
+    return {
+      checked: isValidValue(value) ? value : false
+    };
+  }
+  if (isChips(field)) {
+    return { value: Array.isArray(value) ? value : [] };
+  }
+  if (isDate(field)) {
+    if (isString(value) && isValidValue(value)) {
+      return { value: fromNativeDate(value, getDateFormat(field)) };
+    }
+  }
+  return { value: value ?? "" };
+}
+function getDateValue(field, currentValue) {
+  const format = getDateFormat(field);
+  return isString(currentValue) ? toNativeDate(currentValue, format) : currentValue;
+}
+function getFormatProps(dateFormat, timeFormat) {
+  const format = dateFormat ?? timeFormat;
+  return format ? { "data-format": format } : {};
+}
+
+// ../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
+import { z } from "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 = z.object(schemas);
+  if (fields.length === 0) {
+    return schema;
+  }
+  return applyCustomValidation(schema, fields, translations);
+}
+function flatten(error) {
+  const results = {};
+  const errors = 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 = z.string().trim();
+  if (input.required) {
+    const message = getRequiredMessage(input, translations);
+    const schema = baseSchema.min(1, message).pipe(applyEmail(input, translations));
+    return z.preprocess((value) => isEmpty(value) ? "" : value, schema);
+  }
+  return baseSchema.pipe(applyEmail(input, translations)).or(z.literal("")).nullable();
+}
+function getBoolean(input, translations) {
+  let schema = z.coerce.boolean();
+  if (input.required) {
+    schema = schema.refine((value) => value === true, {
+      message: getRequiredMessage(input, translations)
+    });
+    return z.preprocess((value) => value === null ? false : value, schema);
+  }
+  return schema.nullable();
+}
+function getRadio(input, translations) {
+  let schema = z.coerce.string();
+  if (input.required) {
+    schema = schema.min(1, getRequiredMessage(input, translations));
+    return z.preprocess((value) => isEmpty(value) ? "" : value, schema);
+  }
+  return schema.or(z.literal("")).nullable();
+}
+function getText(input, translations) {
+  let schema = z.coerce.string().trim();
+  schema = applyMinAndMax(schema, input, translations);
+  if (input.required) {
+    schema = applyRequired(schema, input, translations);
+    return z.preprocess((value) => isEmpty(value) ? "" : value, schema);
+  }
+  return schema.nullable();
+}
+function getNumber(input, translations) {
+  let schema = z.coerce.number().int();
+  schema = applyMinAndMax(schema, input, translations);
+  if (input.required) {
+    schema = applyRequired(schema, input, translations);
+    return z.preprocess((value) => value === null ? void 0 : value, schema);
+  }
+  return schema.nullable();
+}
+function getYearSchema(input, translations) {
+  if (input.required) {
+    return z.preprocess(
+      normalize,
+      z.coerce.number({ message: getRequiredMessage(input, translations) }).int()
+    );
+  }
+  return z.coerce.number().int().nullable();
+}
+function getMonthSchema(input, translations) {
+  const message = getRequiredMessage(input, translations);
+  const schema = 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 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
+import { jsx as jsx4 } from "react/jsx-runtime";
+function formatMarkdown2(text) {
+  return formatMarkdown(
+    text,
+    (index, url, text2) => {
+      return /* @__PURE__ */ jsx4(
+        "a",
+        {
+          className: "underline",
+          href: url,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: text2
+        },
+        `${url}-${index}`
+      );
+    }
+  );
+}
+
+// src/component/field/field-set-advanced.tsx
+import { useCallback, useState } from "react";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+function FieldSetAdvanced(props) {
+  const { fields = [] } = props.section;
+  const [isOpen, setIsOpen] = useState(false);
+  const handleOpen = useCallback(() => setIsOpen((previous) => !previous), []);
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      "data-advanced": "true",
+      "data-expanded": isOpen,
+      "data-empty": fields.length === 0,
+      className: "flex flex-col",
+      id: props.section.id?.toString(),
+      children: [
+        /* @__PURE__ */ jsx5("legend", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",
+            onClick: handleOpen,
+            type: "button",
+            children: [
+              /* @__PURE__ */ jsx5(ChevronIcon, { expanded: isOpen }),
+              /* @__PURE__ */ jsx5("span", { children: formatMarkdown2(props.section.title) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx5(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600",
+            "data-slot": "field-set-content",
+            children: [
+              props.section.description && /* @__PURE__ */ jsx5("p", { className: "text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.section.description) }),
+              props.group
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/component/legend.tsx
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function Legend(props) {
+  const content = /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
+    props.title && /* @__PURE__ */ jsx6("legend", { className: "mb-3 font-medium text-slate-800 dark:text-slate-200", children: formatMarkdown2(props.title) }),
+    props.description && /* @__PURE__ */ jsx6("p", { className: "-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.description) })
+  ] });
+  if (props.step) {
+    return /* @__PURE__ */ jsxs2("div", { className: "flex flex-row items-start gap-4", children: [
+      /* @__PURE__ */ jsx6("div", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx6("span", { className: "text-sm font-bold", children: props.step }) }),
+      content
+    ] });
+  }
+  return content;
+}
+
+// src/component/field/field-set-base.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function FieldSetBase(props) {
+  return /* @__PURE__ */ jsxs3(
+    "fieldset",
+    {
+      className: "flex flex-col data-[empty=false]:gap-6",
+      "data-empty": props.empty,
+      "data-slot": "field-set",
+      id: props.id,
+      children: [
+        /* @__PURE__ */ jsx7(
+          Legend,
+          {
+            description: props.description,
+            step: props.step,
+            title: props.title
+          }
+        ),
+        props.children
+      ]
+    }
+  );
+}
+
+// src/component/group.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Group(props) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-slot": "field-group",
+      "data-compact": props.compact,
+      className: "flex w-full flex-col gap-8 data-[compact=true]:gap-3",
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-set.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function FieldSet(props) {
+  const { fields = [] } = props.section;
+  const step = props.advanced?.step ? props.step : void 0;
+  const { compact } = mergeStyle(props.style, {
+    compact: props.section.advanced?.compact
+  });
+  const group = /* @__PURE__ */ jsx9(Group, { compact, children: props.children });
+  if (!props.section.title && !props.section.description) {
+    return group;
+  }
+  if (props.section.advanced?.collapsible) {
+    return /* @__PURE__ */ jsx9(FieldSetAdvanced, { section: props.section, group });
+  }
+  return /* @__PURE__ */ jsx9(
+    FieldSetBase,
+    {
+      description: props.section.description,
+      empty: fields.length === 0,
+      id: props.section.id?.toString(),
+      step,
+      title: props.section.title,
+      children: group
+    }
+  );
+}
+
+// src/component/separator.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Separator() {
+  return /* @__PURE__ */ jsx10("div", { "data-slot": "field-separator", className: "relative -my-2 h-5 text-sm", children: /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800" }) });
+}
+
+// src/client/component/guard/visibility-guard.tsx
+import { useAtomValue } from "jotai";
+
+// src/client/lib/store-helper.ts
+import { atom } from "jotai";
+import { atomFamily } from "jotai-family";
+import { deepEqual } from "fast-equals";
+function omitKey(obj, key) {
+  const { [key]: _removed, ...rest } = obj;
+  return rest;
+}
+function createRecordAtomFamily(baseAtom) {
+  return atomFamily(
+    (name) => atom(
+      (get) => {
+        return get(baseAtom)[name] ?? void 0;
+      },
+      (get, set, newValue) => {
+        const current = get(baseAtom);
+        if (newValue !== void 0 && newValue !== null) {
+          const currentValue = current[name];
+          if (!deepEqual(currentValue, newValue)) {
+            set(baseAtom, { ...current, [name]: newValue });
+          }
+        } else if (name in current) {
+          set(baseAtom, omitKey(current, name));
+        }
+      }
+    )
+  );
+}
+function createClearAllAtom(baseAtom) {
+  return atom(null, (get, set) => {
+    const current = get(baseAtom);
+    if (current && Object.keys(current).length > 0) {
+      set(baseAtom, {});
+    }
+  });
+}
+function createClearAtom(baseAtom) {
+  return atom(null, (get, set, names) => {
+    const current = get(baseAtom);
+    const next = { ...current };
+    let hasChanges = false;
+    for (const name of names) {
+      if (name in next) {
+        delete next[name];
+        hasChanges = true;
+      }
+    }
+    if (hasChanges) {
+      set(baseAtom, next);
+    }
+  });
+}
+function createBulkReportAtom(baseAtom) {
+  return atom(null, (get, set, newValue) => {
+    const current = get(baseAtom);
+    if (!deepEqual(current, newValue)) {
+      set(baseAtom, newValue);
+    }
+  });
+}
+function createNestedRecordAtomFamily(baseAtom, options = {}) {
+  const { merge: merge2, validateTarget } = options;
+  return atomFamily(
+    (contributorName) => 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 || !deepEqual(currentContribution, value)) {
+            targetContributions[contributorName] = value;
+            set(baseAtom, {
+              ...current,
+              [target]: targetContributions
+            });
+          }
+        } else if (contributorName in targetContributions) {
+          delete targetContributions[contributorName];
+          if (Object.keys(targetContributions).length === 0) {
+            set(baseAtom, omitKey(current, target));
+          } else {
+            set(baseAtom, {
+              ...current,
+              [target]: targetContributions
+            });
+          }
+        }
+      }
+    )
+  );
+}
+function createNestedClearAtom(baseAtom) {
+  return atom(null, (get, set, contributorNames) => {
+    const current = get(baseAtom);
+    const next = { ...current };
+    let hasChanges = false;
+    for (const name of contributorNames) {
+      if (name in next) {
+        delete next[name];
+        hasChanges = true;
+      }
+    }
+    for (const target in next) {
+      const targetContributions = { ...next[target] };
+      let targetChanged = false;
+      for (const contributorName of contributorNames) {
+        if (contributorName in targetContributions) {
+          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 = atom(initialValue);
+  return {
+    atom: baseAtom,
+    clearAll: createClearAllAtom(baseAtom),
+    clear: createClearAtom(baseAtom),
+    bulkReport: createBulkReportAtom(baseAtom),
+    report: createRecordAtomFamily(baseAtom)
+  };
+}
+
+// src/client/lib/state-store.ts
+var store = createAtomStore();
+var fieldStateAtom = store.atom;
+var reportFieldStateAtom = store.report;
+
+// src/client/component/guard/visibility-guard.tsx
+function isColumnHidden(column, states) {
+  return column.fields.every((field) => isFieldHidden(field, states));
+}
+function isFieldHidden(field, states) {
+  return states[field.name]?.hidden ?? field.hidden ?? false;
+}
+function isEntryHidden(entry, states) {
+  return isColumn(entry) ? isColumnHidden(entry, states) : isFieldHidden(entry, states);
+}
+function VisibilityGuard(props) {
+  const states = useAtomValue(fieldStateAtom);
+  if (props.container) {
+    const hidden = states[props.container.name]?.hidden ?? props.container.hidden ?? false;
+    if (hidden) {
+      return null;
+    }
+  }
+  if (props.fields.length === 0) {
+    return null;
+  }
+  const allHidden = props.fields.every((entry) => isEntryHidden(entry, states));
+  if (allHidden) {
+    return null;
+  }
+  return props.children;
+}
+
+// src/component/form.tsx
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+function Form(props) {
+  const sections = prepare(props.sections, props.definition);
+  return /* @__PURE__ */ jsx11("div", { className: "h-full w-full", children: /* @__PURE__ */ jsx11("form", { noValidate: props.noValidate, action: props.action, children: /* @__PURE__ */ jsxs4(Group, { children: [
+    sections.map((section, index) => /* @__PURE__ */ jsxs4(
+      VisibilityGuard,
+      {
+        fields: section.fields ?? [],
+        children: [
+          /* @__PURE__ */ jsx11(
+            FieldSet,
+            {
+              advanced: props.advanced,
+              section,
+              step: index + 1,
+              style: props.config.style,
+              children: props.children({
+                disabled: props.readOnly,
+                fields: section.fields
+              })
+            }
+          ),
+          section.advanced?.separator && /* @__PURE__ */ jsx11(Separator, {})
+        ]
+      },
+      `key-${section.id}-${index}`
+    )),
+    props.control && /* @__PURE__ */ jsx11(Control, { isPending: props.isPending, children: props.control })
+  ] }) }) });
+}
+
+// src/component/description.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Description(props) {
+  return /* @__PURE__ */ jsx12("p", { className: "-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400", children: props.children });
+}
+
+// src/component/formatted-description.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+function FormattedDescription(props) {
+  const interpolateOpts = {
+    context: props.context,
+    env: props.config?.env
+  };
+  const [isExpanded, setIsExpanded] = useState2(() => {
+    if (isObject(props.text) && "collapsed" in props.text) {
+      return !props.text.collapsed;
+    }
+    return true;
+  });
+  const handleExpandToggle = () => setIsExpanded((previous) => !previous);
+  const title = isObject(props.text) && isString(props.text.title) ? formatMarkdown2(
+    translate(
+      interpolateIfNeeded(props.text.title, interpolateOpts),
+      props.translations
+    )
+  ) : void 0;
+  const message = formatMarkdown2(
+    translate(
+      interpolateIfNeeded(
+        isString(props.text) ? props.text : props.text?.message,
+        interpolateOpts
+      ),
+      props.translations
+    )
+  );
+  if (message) {
+    return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+      title && /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          className: "flex items-center gap-1 text-left text-xs font-medium text-slate-700 hover:text-slate-900 dark:text-slate-300 dark:hover:text-slate-100",
+          onClick: handleExpandToggle,
+          type: "button",
+          children: [
+            title,
+            /* @__PURE__ */ jsx13(ChevronIcon, { expanded: isExpanded })
+          ]
+        }
+      ),
+      isExpanded && /* @__PURE__ */ jsx13(Description, { children: message })
+    ] });
+  }
+  return null;
+}
+
+// src/component/label.tsx
+import { twMerge } from "tailwind-merge";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+function Label(props) {
+  const showOptionalLabel = props.style?.showOptionalLabel ?? true;
+  const normal = isRadio(props.field) || isCheckbox(props.field);
+  return /* @__PURE__ */ jsxs6(
+    "label",
+    {
+      "data-slot": "field-label",
+      "data-normal": normal,
+      className: twMerge(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none",
+        "data-[normal=true]:font-normal",
+        "group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"
+      ),
+      htmlFor: props.field.name,
+      children: [
+        props.children,
+        showOptionalLabel && !props.field.required && /* @__PURE__ */ jsx14("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: translate("(Optional)", props.translations) })
+      ]
+    }
+  );
+}
+
+// src/component/input-label.tsx
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+function InputLabel(props) {
+  const interpolateOpts = {
+    context: props.context,
+    env: props.config?.env
+  };
+  const label = interpolateIfNeeded(props.field.label, interpolateOpts);
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: "flex w-full flex-1 flex-col gap-1.5 leading-snug",
+      children: [
+        /* @__PURE__ */ jsx15(
+          Label,
+          {
+            field: props.field,
+            style: props.config?.style,
+            translations: props.translations,
+            children: translate(label, props.translations)
+          }
+        ),
+        props.horizontal === true && /* @__PURE__ */ jsx15(
+          FormattedDescription,
+          {
+            config: props.config,
+            context: props.context,
+            text: props.field.description,
+            translations: props.translations
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/component/input-group.tsx
+import { Fragment, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+function InputGroup(props) {
+  return /* @__PURE__ */ jsxs8(Fragment, { children: [
+    props.field.name && props.field.label && /* @__PURE__ */ jsx16(
+      InputLabel,
+      {
+        config: props.config,
+        context: props.context,
+        field: props.field,
+        horizontal: props.horizontal,
+        translations: props.translations
+      }
+    ),
+    props.children,
+    props.horizontal === false && /* @__PURE__ */ jsx16(
+      FormattedDescription,
+      {
+        config: props.config,
+        context: props.context,
+        text: props.field.description,
+        translations: props.translations
+      }
+    )
+  ] });
+}
+
+// src/lib/render-If-exists.ts
+function renderIfExists(value, render) {
+  if (!value) {
+    return null;
+  }
+  return render(value);
+}
+
+// src/client/component/input-base.tsx
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef4 } from "react";
+
+// src/client/lib/error-store.ts
+var store2 = createAtomStore();
+var clearInputErrorAtom = store2.clear;
+var reportErrorAtom = store2.bulkReport;
+var reportInputErrorAtom = store2.report;
+
+// 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-input-core.ts
+import { useCallback as useCallback3, useRef as useRef2, useTransition } from "react";
+
+// src/client/hook/use-input.ts
+import { useContext, useEffect, useEffectEvent, useMemo } from "react";
+function useInput(field, onMount, onUnmount, translations) {
+  const { name } = field;
+  const schema = useMemo(
+    () => getSchema(field, translations),
+    [field, translations]
+  );
+  const keepValue = useContext(KeepValueContext);
+  const onMountHandler = useEffectEvent((name2) => {
+    if (name2) {
+      onMount(name2, schema, field);
+    }
+  });
+  const onUnmountHandler = useEffectEvent((name2) => {
+    if (name2) {
+      onUnmount(name2, {
+        keepValue
+      });
+    }
+  });
+  useEffect(() => {
+    onMountHandler(name);
+    return () => {
+      onUnmountHandler(name);
+    };
+  }, [name]);
+  return schema;
+}
+
+// src/client/hook/use-input-core.ts
+import { useSetAtom, useStore } from "jotai";
+
+// src/client/hook/use-timeout.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useRef } from "react";
+function useTimeout() {
+  const timeoutRef = useRef(null);
+  useEffect2(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  const setTimeoutRef = useCallback2((callback, delay) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    timeoutRef.current = setTimeout(callback, delay);
+  }, []);
+  return setTimeoutRef;
+}
+
+// src/client/hook/use-input-core.ts
+function useInputCore(props, deps) {
+  const store4 = useStore();
+  const entity = props.field.advanced?.entity;
+  const setTimeoutRef = useTimeout();
+  const [, startTransition2] = useTransition();
+  const { setValue, shouldSkipOnChange, value, setSource } = deps;
+  const valueRef = useRef2(value);
+  valueRef.current = value;
+  const translationsRef = useRef2(props.translations);
+  translationsRef.current = props.translations;
+  const hasClickable = isClickable(props.field);
+  const setValues = useSetAtom(valueAtom);
+  const setFieldStates = useSetAtom(fieldStateAtom);
+  const setErrors = useSetAtom(reportInputErrorAtom(props.field.name));
+  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 onValueChangeRef = useRef2(null);
+  onValueChangeRef.current = (value2) => {
+    setValue(value2);
+    if (props.onValueChange) {
+      const attributes = props.dataAttributes ?? {};
+      props.onValueChange({
+        data: Object.keys(attributes).length > 0 ? attributes : void 0,
+        name: props.field.name,
+        type: props.field.type,
+        value: value2
+      });
+    }
+  };
+  const applyChangeEventsRef = useRef2(
+    null
+  );
+  applyChangeEventsRef.current = (selected) => {
+    const events = props.field.event?.change;
+    if (!events) {
+      return;
+    }
+    handleProxyEvent(events, ({ sources, states, values }) => {
+      startTransition2(() => {
+        handleSourceEvent(
+          selected,
+          sources,
+          (target, source) => setSource(target, source)
+        );
+        handleStateEvent(selected, states, (targets, state) => {
+          setFieldStates((previous) => {
+            if (state) {
+              return targets.reduce(
+                (acc, target) => ({
+                  ...acc,
+                  [target]: state
+                }),
+                previous
+              );
+            }
+            return targets.reduce(
+              (acc, target) => omitKey(acc, target),
+              previous
+            );
+          });
+          if (state?.hidden === true) {
+            setValues((previous) => {
+              let changed = false;
+              const next = { ...previous };
+              for (const key of Object.keys(previous)) {
+                if (targets.some(
+                  (target) => key === target || key.startsWith(`${target}.`)
+                )) {
+                  delete next[key];
+                  changed = true;
+                }
+              }
+              return changed ? next : previous;
+            });
+          }
+        });
+        handleValueEvent(selected, values, (target, value2) => {
+          setValues((previous) => ({
+            ...previous,
+            [target]: value2
+          }));
+        });
+      });
+    });
+  };
+  const validated = useCallback3(
+    (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 onBlur = useCallback3(
+    (event) => {
+      if (!hasClickable) {
+        const value2 = event.target.value;
+        if (props.config.validation.blur) {
+          validated(value2);
+        }
+      }
+    },
+    [hasClickable, props.config.validation.blur, validated]
+  );
+  return {
+    applyChangeEventsRef,
+    commonProps,
+    entity,
+    hasClickable,
+    onBlur,
+    onValueChangeRef,
+    setTimeoutRef,
+    shouldSkipOnChange,
+    validated,
+    valueRef
+  };
+}
+
+// src/client/hook/use-value.ts
+import { deepEqual as deepEqual2 } from "fast-equals";
+import { useAtom } from "jotai";
+import { useCallback as useCallback4, useEffect as useEffect3, useRef as useRef3, useEffectEvent as useEffectEvent2 } from "react";
+function useValue(field, currentValue) {
+  const { name } = field;
+  const skipNextOnChangeRef = useRef3(false);
+  const [value, setValue] = useAtom(reportValueAtom(name));
+  const onCurrentValueChange = useEffectEvent2(
+    (currentValue2) => {
+      const newValue = resolveValue(name, currentValue2);
+      if (isValidValue(newValue)) {
+        if (!deepEqual2(value, newValue)) {
+          skipNextOnChangeRef.current = true;
+        }
+        setValue(newValue);
+      }
+    }
+  );
+  useEffect3(() => {
+    if (!currentValue) {
+      return;
+    }
+    onCurrentValueChange(currentValue);
+  }, [currentValue]);
+  const shouldSkipOnChange = useCallback4(() => {
+    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-base.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function InputBase(props) {
+  const {
+    useSource,
+    useExtraProps,
+    getValue: getValue3,
+    shouldSkipChange,
+    dispatchChange,
+    buildInitialSelected,
+    isInitialReady
+  } = props.strategies;
+  const { setValue, shouldSkipOnChange, value } = useValue(
+    props.field,
+    props.value
+  );
+  const { data, setSource } = useSource(props.field, props.config, value);
+  const {
+    applyChangeEventsRef,
+    commonProps,
+    entity,
+    hasClickable,
+    onBlur,
+    onValueChangeRef,
+    setTimeoutRef,
+    validated,
+    valueRef
+  } = useInputCore(props, { setValue, shouldSkipOnChange, value, setSource });
+  const extraProps = useExtraProps?.(props.field);
+  const initialEventsProcessedRef = useRef4(false);
+  const { commonPropsWithOptions, defaultValue } = prepareInputProps(
+    props.field,
+    commonProps,
+    data,
+    value
+  );
+  const inputProps = prepareInputValue(props.field, defaultValue);
+  useEffect4(() => {
+    if (initialEventsProcessedRef.current || !props.value) {
+      return;
+    }
+    if (!props.field.event?.change) {
+      initialEventsProcessedRef.current = true;
+      return;
+    }
+    if (!isValidValue(defaultValue)) {
+      return;
+    }
+    if (!isInitialReady(props.field, defaultValue, data)) {
+      return;
+    }
+    initialEventsProcessedRef.current = true;
+    const selected = buildInitialSelected(defaultValue, data, entity);
+    applyChangeEventsRef.current?.(selected);
+  }, [
+    applyChangeEventsRef,
+    buildInitialSelected,
+    data,
+    defaultValue,
+    entity,
+    isInitialReady,
+    props.field,
+    props.value
+  ]);
+  const onChange = useCallback5(
+    (event) => {
+      const inputValue = getValue3(event, props.field);
+      if (shouldSkipChange({
+        shouldSkipOnChange,
+        hasClickable,
+        inputValue,
+        valueRef
+      })) {
+        return;
+      }
+      onValueChangeRef.current?.(inputValue);
+      if (props.config.validation.change) {
+        validated(inputValue);
+      }
+      if (props.field.event?.change) {
+        dispatchChange({
+          applyChangeEventsRef,
+          data,
+          entity,
+          inputValue,
+          setTimeoutRef
+        });
+      }
+    },
+    [
+      applyChangeEventsRef,
+      data,
+      dispatchChange,
+      entity,
+      getValue3,
+      hasClickable,
+      onValueChangeRef,
+      props.config.validation.change,
+      props.field,
+      setTimeoutRef,
+      shouldSkipChange,
+      shouldSkipOnChange,
+      validated,
+      valueRef
+    ]
+  );
+  return renderIfExists(props.config.inputs[props.field.type], (Component) => /* @__PURE__ */ jsx17(
+    InputGroup,
+    {
+      config: props.config,
+      context: props.context,
+      field: props.field,
+      horizontal: props.horizontal,
+      translations: props.translations,
+      children: /* @__PURE__ */ jsx17(
+        Component,
+        {
+          ...commonPropsWithOptions,
+          ...props.ariaAttributes,
+          ...props.dataAttributes,
+          ...extraProps,
+          ...inputProps,
+          onBlur,
+          onChange
+        }
+      )
+    }
+  ));
+}
+
+// src/client/component/input-create.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function createInput(strategies) {
+  return function CreateInput(props) {
+    return /* @__PURE__ */ jsx18(InputBase, { ...props, strategies });
+  };
+}
+
+// src/client/hook/use-format.ts
+function useFormat(field) {
+  const dateFormat = isDate(field) ? getDateFormat(field) : null;
+  const timeFormat = isTime(field) ? getTimeFormat(field) : null;
+  return {
+    dateFormat,
+    timeFormat
+  };
+}
+
+// src/client/lib/source-store.ts
+import { atom as atom2 } from "jotai";
+var merge = (values) => {
+  const merged = mergeSource(values);
+  if (merged) {
+    return merged;
+  }
+  return void 0;
+};
+var validate = (target) => target.trim() !== "";
+var sourceAtom = atom2({});
+var reportSourceAtom = createNestedRecordAtomFamily(
+  sourceAtom,
+  {
+    merge,
+    validateTarget: validate
+  }
+);
+var clearInputSourceAtom = createNestedClearAtom(sourceAtom);
+
+// src/client/hook/use-write-only-source.tsx
+import { useSetAtom as useSetAtom2 } from "jotai";
+function useWriteOnlySource(field) {
+  const setSource = useSetAtom2(reportSourceAtom(field.name));
+  return { data: null, setSource };
+}
+
+// src/client/component/input-dateable.tsx
+var InputDateable = createInput({
+  useSource: useWriteOnlySource,
+  useExtraProps: (field) => {
+    const { dateFormat, timeFormat } = useFormat(field);
+    return getFormatProps(dateFormat, timeFormat);
+  },
+  getValue: (event, field) => {
+    const raw = event.target.value;
+    const timeFormat = isTime(field) ? getTimeFormat(field) : null;
+    if (timeFormat !== null) {
+      return fromNativeTime(raw, timeFormat);
+    }
+    const dateFormat = isDate(field) ? getDateFormat(field) : null;
+    if (dateFormat !== null) {
+      const converted = fromNativeDate(raw, dateFormat);
+      return converted || raw;
+    }
+    return raw;
+  },
+  shouldSkipChange: ({ shouldSkipOnChange, inputValue, valueRef }) => shouldSkipOnChange() && inputValue === valueRef.current,
+  dispatchChange: ({ applyChangeEventsRef, inputValue, setTimeoutRef }) => {
+    setTimeoutRef(() => {
+      applyChangeEventsRef.current?.({ value: inputValue });
+    }, 300);
+  },
+  buildInitialSelected: (defaultValue) => ({ value: String(defaultValue) }),
+  isInitialReady: (_field, defaultValue) => isValidValue(defaultValue)
+});
+
+// src/client/hook/use-data-source.ts
+import { useAtom as useAtom2 } from "jotai";
+
+// src/client/hook/use-fetch.ts
+import useSWR from "swr";
+function useFetch(dataSource = null, config, disabled = false) {
+  const { data, error } = useSWR(
+    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] = useAtom2(reportSourceAtom(field.name));
+  const currentSource = source ?? dataSource;
+  const data = useFetch(currentSource, config, field.disabled);
+  return [data, setSource];
+}
+
+// src/client/component/input-selectable.tsx
+function useSelectableSource(field, config, value) {
+  const [data, setSource] = useDataSource(field, config, value);
+  return { data, setSource };
+}
+var InputSelectable = createInput({
+  useSource: useSelectableSource,
+  getValue: (event) => event.target.value,
+  shouldSkipChange: ({ shouldSkipOnChange, hasClickable }) => !hasClickable && shouldSkipOnChange(),
+  dispatchChange: ({ applyChangeEventsRef, data, entity, inputValue }) => {
+    applyChangeEventsRef.current?.(getEntity(inputValue, data, entity));
+  },
+  buildInitialSelected: (defaultValue, data, entity) => getEntity(String(defaultValue), data, entity),
+  isInitialReady: (field, defaultValue, data) => (!isOptions(field) || !!data && data.length > 0) && isValidValue(defaultValue)
+});
+
+// src/client/component/input-textable.tsx
+var InputTextable = createInput({
+  useSource: useWriteOnlySource,
+  getValue: (event) => event.target.value,
+  shouldSkipChange: ({ shouldSkipOnChange, inputValue, valueRef }) => shouldSkipOnChange() && inputValue === valueRef.current,
+  dispatchChange: ({ applyChangeEventsRef, inputValue, setTimeoutRef }) => {
+    setTimeoutRef(() => {
+      applyChangeEventsRef.current?.({ value: inputValue });
+    }, 300);
+  },
+  buildInitialSelected: (defaultValue) => ({ value: String(defaultValue) }),
+  isInitialReady: (_field, defaultValue) => isValidValue(defaultValue)
+});
+
+// src/client/component/input.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Input(props) {
+  if (isDate(props.field) || isTime(props.field)) {
+    return /* @__PURE__ */ jsx19(InputDateable, { ...props });
+  }
+  if (isTextable(props.field)) {
+    return /* @__PURE__ */ jsx19(InputTextable, { ...props });
+  }
+  return /* @__PURE__ */ jsx19(InputSelectable, { ...props });
+}
+
+// src/component/field/field-error.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function FieldError(props) {
+  if (!props.errors || props.errors.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx20(
+    "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__ */ jsx20("li", { children: error }, props.name ? `${props.name}-error-${index}` : index))
+    }
+  );
+}
+
+// src/component/field/field-base.tsx
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function FieldBase(props) {
+  const errors = props.errors && props.errors.length > 0;
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      "data-slot": "field",
+      "data-clickable": props.isClickable ? "true" : "false",
+      ...errors && { [DATA_INVALID]: "true" },
+      ...props.disabled && { [DATA_READONLY]: "true" },
+      "data-orientation": props.orientation,
+      className: twMerge2(
+        "group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500",
+        "data-[clickable=true]:items-start",
+        props.isCheckbox && (props.isReversed ? "flex-row-reverse!" : "flex-row!"),
+        "data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",
+        props.className
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-vertical.tsx
+import { twMerge as twMerge3 } from "tailwind-merge";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function FieldVertical(props) {
+  return /* @__PURE__ */ jsx22(
+    FieldBase,
+    {
+      ...props,
+      orientation: "vertical",
+      className: twMerge3(
+        "gap-3 has-[>[data-slot=field-content]]:items-start",
+        !props.isClickable && "[&>*]:w-full"
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-horizontal.tsx
+import { twMerge as twMerge4 } from "tailwind-merge";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function FieldHorizontal(props) {
+  return /* @__PURE__ */ jsx23(
+    FieldBase,
+    {
+      ...props,
+      orientation: "horizontal",
+      className: twMerge4(
+        "gap-2 md:flex-row md:gap-4",
+        "[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start",
+        "[&_[role=checkbox]]:mt-[1.5px]",
+        props.isClickable && "md:flex-col",
+        !props.isClickable && [
+          "md:justify-between",
+          "[&>*:not([data-slot=field-content])]:w-full",
+          "[&>*:not([data-slot=field-content])]:md:w-1/2",
+          "[&>*:not([data-slot=field-content])]:xl:w-2/5"
+        ]
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-group.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+function FieldGroup(props) {
+  const clickable = isClickable(props.field);
+  const checkbox = isCheckbox(props.field);
+  const reversed = buildReverse(props.field);
+  if (!props.horizontal) {
+    return /* @__PURE__ */ jsx24(
+      FieldVertical,
+      {
+        disabled: props.disabled,
+        errors: props.errors,
+        isCheckbox: checkbox,
+        isReversed: reversed,
+        isClickable: clickable,
+        children: props.children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx24(
+    FieldHorizontal,
+    {
+      disabled: props.disabled,
+      errors: props.errors,
+      isCheckbox: checkbox,
+      isReversed: reversed,
+      isClickable: clickable,
+      children: props.children
+    }
+  );
+}
+
+// src/component/input/input-base.tsx
+function InputBase2(props) {
+  if (!props.field.type) {
+    return null;
+  }
+  const commonProps = buildCommon(props.field, props.disabled);
+  const dataAttributes = buildDataAttributes(props.field);
+  const ariaAttributes = buildAriaAttributes(props.field, props.errors);
+  const field = {
+    ...props.field,
+    disabled: commonProps.disabled
+  };
+  return props.children({
+    ariaAttributes,
+    commonProps,
+    dataAttributes,
+    field,
+    horizontal: props.horizontal
+  });
+}
+
+// src/component/field/field.tsx
+import { twMerge as twMerge5 } from "tailwind-merge";
+import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
+function Field(props) {
+  const cols2 = props.field.advanced?.cols;
+  const errors = props.field.name ? props.errors?.[props.field.name] : void 0;
+  const { horizontal } = mergeStyle(props.style, {
+    horizontal: buildOrientation(props.field)
+  });
+  const disabled = buildDisabled(props.field, props.disabled);
+  return /* @__PURE__ */ jsxs9("div", { className: twMerge5("flex flex-col gap-3", getSpan(cols2)), children: [
+    /* @__PURE__ */ jsx25(
+      FieldGroup,
+      {
+        disabled,
+        errors,
+        field: props.field,
+        horizontal,
+        children: /* @__PURE__ */ jsx25(
+          InputBase2,
+          {
+            disabled,
+            errors,
+            field: props.field,
+            horizontal,
+            children: props.children
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx25(FieldError, { errors, name: props.field.name })
+  ] });
+}
+
+// src/client/component/field/field-with-state.tsx
+import { useAtomValue as useAtomValue2 } from "jotai";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function createFieldHOC(atomFamily2) {
+  return (Component, apply) => {
+    const WithField = (props) => {
+      const value = useAtomValue2(atomFamily2(props.field.name));
+      const patch = apply(value, props);
+      if (patch === null) return null;
+      return /* @__PURE__ */ jsx26(Component, { ...props, ...patch });
+    };
+    return WithField;
+  };
+}
+var applyError = createFieldHOC(reportInputErrorAtom);
+function withError(Component) {
+  return applyError(
+    Component,
+    (errors, props) => ({
+      errors: errors ? { [props.field.name]: errors } : void 0
+    })
+  );
+}
+var applyState = createFieldHOC(reportFieldStateAtom);
+function withState(Component) {
+  return applyState(Component, (fieldState, props) => {
+    const hidden = fieldState?.hidden ?? props.field.hidden ?? false;
+    if (hidden) return null;
+    return { disabled: fieldState?.disabled ?? props.disabled };
+  });
+}
+
+// src/client/component/field/field.tsx
+var Field2 = withState(withError(Field));
+
+// src/component/field/field-list-item.tsx
+import { twMerge as twMerge6 } from "tailwind-merge";
+import { useState as useState3 } from "react";
+import { jsx as jsx27, jsxs as jsxs10 } from "react/jsx-runtime";
+function FieldListItem(props) {
+  const [isOpen, setIsOpen] = useState3(
+    props.collapsible ? !props.collapsed : true
+  );
+  function handleRemove() {
+    if (props.canRemove && props.onRemove) {
+      props.onRemove(props.index);
+    }
+  }
+  function handleToggle() {
+    setIsOpen((previous) => !previous);
+  }
+  const removeButton = props.canRemove && props.onRemove != null && /* @__PURE__ */ jsx27(
+    "button",
+    {
+      "aria-label": `Remove ${props.label} item ${props.index + 1}`,
+      className: twMerge6(
+        "rounded p-1 text-xl text-slate-400",
+        "transition-colors duration-150",
+        "hover:text-red-500",
+        "focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none",
+        "dark:text-slate-500 dark:hover:text-red-400"
+      ),
+      onClick: handleRemove,
+      type: "button",
+      children: /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", children: "\xD7" })
+    }
+  );
+  if (props.isMultiField) {
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        "data-slot": "list-item-card",
+        className: "rounded-lg border border-slate-100 p-4 dark:border-slate-900",
+        children: [
+          /* @__PURE__ */ jsxs10("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+              props.collapsible && /* @__PURE__ */ jsx27(
+                "button",
+                {
+                  "aria-label": isOpen ? "Collapse" : "Expand",
+                  className: twMerge6(
+                    "rounded p-1 text-slate-400 hover:bg-slate-50",
+                    "transition-colors duration-150",
+                    "dark:text-slate-500 dark:hover:bg-slate-800"
+                  ),
+                  onClick: handleToggle,
+                  type: "button",
+                  children: /* @__PURE__ */ jsx27(ChevronIcon, { expanded: isOpen })
+                }
+              ),
+              /* @__PURE__ */ jsxs10("span", { className: "text-sm font-medium text-slate-300 dark:text-slate-400", children: [
+                props.label,
+                " ",
+                props.index + 1,
+                !isOpen && props.preview && /* @__PURE__ */ jsx27("div", { className: "flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap text-slate-400 dark:text-slate-500", children: props.preview })
+              ] })
+            ] }),
+            removeButton
+          ] }),
+          /* @__PURE__ */ jsx27(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsx27(Group, { children: props.children }) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
+    props.collapsible && /* @__PURE__ */ jsx27(
+      "button",
+      {
+        "aria-label": isOpen ? "Collapse" : "Expand",
+        className: twMerge6(
+          "rounded p-1 text-slate-400 hover:bg-slate-50",
+          "transition-colors duration-150",
+          "dark:text-slate-500 dark:hover:bg-slate-800",
+          isOpen && "mt-7"
+        ),
+        onClick: handleToggle,
+        type: "button",
+        children: /* @__PURE__ */ jsx27(ChevronIcon, { expanded: isOpen })
+      }
+    ),
+    /* @__PURE__ */ jsx27("div", { className: "flex grow flex-col", children: /* @__PURE__ */ jsx27(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsx27(Group, { children: props.children }) }) }),
+    removeButton && /* @__PURE__ */ jsx27("div", { className: twMerge6("shrink-0", isOpen && "mt-7"), children: removeButton })
+  ] });
+}
+
+// src/client/component/field/field-preview-item.tsx
+import { useAtomValue as useAtomValue3 } from "jotai";
+import { Fragment as Fragment2, jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
+function FieldPreviewItem({
+  name,
+  separator
+}) {
+  const value = useAtomValue3(reportValueAtom(name));
+  if (value == null || value === "") {
+    return null;
+  }
+  if (isObject(value) || Array.isArray(value)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
+    separator && /* @__PURE__ */ jsx28("span", { className: "text-xs text-slate-300 dark:text-slate-600", children: "\xB7" }),
+    /* @__PURE__ */ jsx28("span", { className: "max-w-[150px] overflow-hidden text-xs text-ellipsis", children: `${value}` })
+  ] });
+}
+
+// src/client/component/field/field-preview.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+function FieldPreview({
+  name,
+  previews
+}) {
+  return /* @__PURE__ */ jsx29("div", { className: "flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap", children: previews.map((preview, index) => /* @__PURE__ */ jsx29(
+    FieldPreviewItem,
+    {
+      name: `${name}.${preview}`,
+      separator: index > 0
+    },
+    preview
+  )) });
+}
+
+// src/client/component/field/field-list.tsx
+import { twMerge as twMerge7 } from "tailwind-merge";
+
+// src/client/hook/use-field-list.ts
+import { useSetAtom as useSetAtom3 } from "jotai";
+import { useCallback as useCallback6, useLayoutEffect, useRef as useRef5, useState as useState4 } from "react";
+function useFieldList(field, value) {
+  const min2 = field.advanced?.length?.min ?? 1;
+  const max2 = field.advanced?.length?.max ?? Infinity;
+  const [items, setItems] = useState4(
+    () => getInitialList(field, value)
+  );
+  const nextId = useRef5(items.length);
+  const itemsRef = useRef5(items);
+  useLayoutEffect(() => {
+    itemsRef.current = items;
+  });
+  const setValues = useSetAtom3(valueAtom);
+  const addItem = useCallback6(() => {
+    setItems((previous) => {
+      if (previous.length >= max2) {
+        return previous;
+      }
+      const id = nextId.current++;
+      return [...previous, id];
+    });
+  }, [max2]);
+  const handleRemove = useCallback6(
+    (index) => {
+      if (itemsRef.current.length <= min2) {
+        return;
+      }
+      const stableId = itemsRef.current[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, 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
+import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs12 } from "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);
+  const previews = props.field.advanced?.preview;
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    items.map((key, index) => /* @__PURE__ */ jsx30(
+      FieldListItem,
+      {
+        canRemove,
+        collapsible: props.field.advanced?.collapsible,
+        collapsed: props.field.advanced?.collapsed,
+        index,
+        isMultiField,
+        label,
+        onRemove: handleRemove,
+        preview: previews && /* @__PURE__ */ jsx30(
+          FieldPreview,
+          {
+            name: `${props.field.name}.${key}`,
+            previews
+          }
+        ),
+        children: props.children(key)
+      },
+      key
+    )),
+    /* @__PURE__ */ jsxs12(
+      "button",
+      {
+        "aria-disabled": !canAdd,
+        "aria-label": hasLimit ? `${action}, ${items.length} of ${max2}` : action,
+        className: twMerge7(
+          "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__ */ jsx30("span", { "aria-hidden": "true", children: "+" }),
+          action,
+          hasLimit && /* @__PURE__ */ jsxs12(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ml-auto text-slate-400 tabular-nums dark:text-slate-500",
+              children: [
+                items.length,
+                " / ",
+                max2
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+// src/component/list.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+function List(props) {
+  const empty = Array.isArray(props.field.fields) && props.field.fields.length === 0;
+  return /* @__PURE__ */ jsx31(
+    FieldSetBase,
+    {
+      description: props.field.description,
+      empty,
+      id: props.field.name,
+      title: props.field.label,
+      children: props.children
+    }
+  );
+}
+
+// src/client/component/guard/list-guard.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function ListGuard({ children, field, value }) {
+  return /* @__PURE__ */ jsx32(VisibilityGuard, { container: field, fields: field.fields, children: /* @__PURE__ */ jsx32(List, { field, children: /* @__PURE__ */ jsx32(FieldList, { field, value, children }) }) });
+}
+
+// src/component/column.tsx
+import { twMerge as twMerge8 } from "tailwind-merge";
+import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+function Column(props) {
+  const cols2 = getColumn(props.column?.advanced?.cols);
+  return /* @__PURE__ */ jsxs13("div", { className: "flex w-full flex-col gap-4", children: [
+    /* @__PURE__ */ jsx33("div", { className: twMerge8("grid grid-cols-1 gap-3 sm:gap-4", cols2), children: props.children }),
+    props.column?.description && /* @__PURE__ */ jsx33(
+      FormattedDescription,
+      {
+        config: props.config,
+        context: props.context,
+        text: props.column.description,
+        translations: props.translations
+      }
+    )
+  ] });
+}
+
+// src/component/slot/slot-base.tsx
+import { Fragment as Fragment4 } from "react";
+
+// src/component/slot/slot-list.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function SlotList(props) {
+  const fields = Array.isArray(props.field.fields) ? props.field.fields.map((field) => {
+    if (isField(field)) {
+      return {
+        ...field,
+        name: `${props.field.name}.${props.index}.${field.name}`
+      };
+    }
+    if (isColumn(field)) {
+      return {
+        ...field,
+        fields: field.fields.map((columnField) => ({
+          ...columnField,
+          name: `${props.field.name}.${props.index}.${columnField.name}`
+        }))
+      };
+    }
+    return field;
+  }) : [];
+  return /* @__PURE__ */ jsx34(
+    SlotBase,
+    {
+      children: props.children,
+      components: props.components,
+      config: props.config,
+      context: props.context,
+      disabled: props.disabled,
+      fields,
+      style: props.style,
+      translations: props.translations,
+      value: props.value
+    }
+  );
+}
+
+// src/component/slot/slot-base.tsx
+import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+function SlotBase(props) {
+  const { field: Field3, list: List2 } = props.components;
+  return prepare(props.fields).map((field, index) => /* @__PURE__ */ jsxs14(Fragment4, { children: [
+    isColumn(field) && /* @__PURE__ */ jsx35(
+      Column,
+      {
+        column: field,
+        config: props.config,
+        context: props.context,
+        translations: props.translations,
+        children: /* @__PURE__ */ jsx35(SlotBase, { ...props, fields: field.fields })
+      }
+    ),
+    isField(field) && /* @__PURE__ */ jsx35(Field3, { disabled: props.disabled, field, style: props.style, children: props.children }),
+    isList(field) && /* @__PURE__ */ jsx35(List2, { field, value: props.value, children: (index2) => /* @__PURE__ */ jsx35(
+      SlotList,
+      {
+        children: props.children,
+        components: props.components,
+        config: props.config,
+        context: props.context,
+        disabled: props.disabled,
+        field,
+        index: index2,
+        style: props.style,
+        translations: props.translations,
+        value: props.value
+      }
+    ) })
+  ] }, index));
+}
+
+// src/component/slot/slot-create.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+function createSlot(components) {
+  const CreateSlot = (props) => /* @__PURE__ */ jsx36(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
+import { useSetAtom as useSetAtom4 } from "jotai";
+import { startTransition, useActionState } from "react";
+function useFormState(getSchema2, action, options) {
+  const {
+    onSuccess,
+    preserveValues = false,
+    validation = true,
+    translations
+  } = options ?? {};
+  const setError = useSetAtom4(reportErrorAtom);
+  const clearValues = useSetAtom4(clearAllValueAtom);
+  const initialState = {
+    data: null,
+    error: null,
+    success: false
+  };
+  const [state, formAction, isPending] = 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 normalized = normalizeDateFields(form, fields);
+      const validated = schema.safeParse(normalized);
+      if (!validated.success) {
+        const errors = flatten(validated.error);
+        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(normalized);
+      if (action) {
+        try {
+          const result = await action(unflattened, schema);
+          if (!result.success) {
+            return failure(unflattened, result.error);
+          }
+          onSuccess?.(result.data);
+          if (!preserveValues) {
+            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
+  };
+}
+function normalizeDateFields(form, fields) {
+  const result = { ...form };
+  for (const field of fields) {
+    if (isDate(field) && typeof result[field.name] === "string" && result[field.name]) {
+      const native = toNativeDate(
+        result[field.name],
+        getDateFormat(field)
+      );
+      if (native) {
+        result[field.name] = native;
+      }
+    }
+  }
+  return result;
+}
+
+// src/client/hook/use-schema.ts
+import { useCallback as useCallback8, useRef as useRef6 } from "react";
+
+// src/client/hook/use-store.ts
+import { useCallback as useCallback7 } from "react";
+import { useSetAtom as useSetAtom5 } from "jotai";
+function useStore2() {
+  const clearErrors = useSetAtom5(clearInputErrorAtom);
+  const clearValues = useSetAtom5(clearInputValueAtom);
+  const clearSources = useSetAtom5(clearInputSourceAtom);
+  return useCallback7(
+    (names, options) => {
+      const target = Array.isArray(names) ? names : [names];
+      clearErrors(target);
+      clearSources(target);
+      if (!options?.keepValue) {
+        clearValues(target);
+      }
+    },
+    [clearErrors, clearSources, clearValues]
+  );
+}
+
+// src/client/hook/use-schema.ts
+function useSchema() {
+  const clear = useStore2();
+  const schemaRef = useRef6({});
+  const fieldsRef = useRef6([]);
+  const onMount = useCallback8((name, schema, field) => {
+    if (!(name in schemaRef.current)) {
+      schemaRef.current[name] = schema;
+      fieldsRef.current.push(field);
+    }
+  }, []);
+  const onUnmount = useCallback8(
+    (name, options) => {
+      if (schemaRef.current[name]) {
+        delete schemaRef.current[name];
+        fieldsRef.current = fieldsRef.current.filter((field) => {
+          return field.name !== name;
+        });
+        clear([name], {
+          keepValue: options?.keepValue
+        });
+      }
+    },
+    [clear]
+  );
+  const getSchema2 = useCallback8(() => {
+    return [schemaRef.current, fieldsRef.current];
+  }, []);
+  return [getSchema2, onMount, onUnmount];
+}
+
+// src/client/component/form-content.tsx
+import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs15 } from "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__ */ jsxs15(Fragment5, { children: [
+    isShowingError && renderIfExists(props.config.alert, (Alert) => /* @__PURE__ */ jsx37("div", { className: "mb-4 w-full", children: /* @__PURE__ */ jsx37(
+      Alert,
+      {
+        description: state.error?.description,
+        details: state.error?.details,
+        title: state.error.title
+      }
+    ) })),
+    /* @__PURE__ */ jsx37(
+      Form,
+      {
+        action,
+        advanced: props.advanced,
+        config: props.config,
+        control: props.children,
+        definition: props.definition,
+        isPending,
+        noValidate: true,
+        readOnly: props.readOnly,
+        sections: props.sections,
+        children: ({ disabled, fields }) => /* @__PURE__ */ jsx37(
+          Slot,
+          {
+            config: props.config,
+            context: props.context,
+            disabled,
+            fields,
+            style: props.config.style,
+            translations,
+            value,
+            children: (internal) => /* @__PURE__ */ jsx37(
+              Input,
+              {
+                ...internal,
+                config: props.config,
+                context: props.context,
+                onMount,
+                onUnmount,
+                onValueChange: props.onValueChange,
+                translations,
+                value
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/client/component/form.tsx
+import { Provider } from "jotai";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function Form2(props) {
+  return /* @__PURE__ */ jsx38(Provider, { children: /* @__PURE__ */ jsx38(FormContent, { ...props }) });
+}
+export {
+  Form2 as Form
+};