react-luna-form 0.0.83 → 0.0.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{jsx as Rr}from"react/jsx-runtime";function ke(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return Rr("div",{"data-slot":"field-control",className:"w-full",children:t})}import{jsx as Le}from"react/jsx-runtime";function C(e){return Le("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:Le("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"})})}import{Activity as Tr}from"react";import{createContext as hr}from"react";var Ee=hr(!1);import{jsx as Oe}from"react/jsx-runtime";function I({children:e,visible:t}){return Oe(Tr,{mode:t?"visible":"hidden",children:Oe(Ee,{value:!0,children:e})})}var H="input",De="input/date",Pe="input/email",Me="input/number",_e="input/time";var ze="textarea",Ve="radio",Be="checkbox",ae="list",He="select",Ge="select/active",Ue="select/day",$e="select/month",Ye="select/timezone",Xe="select/year";var Ke="chips",We="chips/day",Ze="chips/month",k="column",qe="description",se="fields",Je="label",ce="value",G="options",de="email",Qe="number",je="password",et="tel",L="text",tt="aria-errormessage",nt="aria-invalid",rt="data-invalid",ot="data-readonly",it="aria",lt="data",at="max",st="maxLength",ct="min",dt="minLength",S="$ref";var ut="type",ft={Africa:"Africa",America:"Americas",Asia:"Asia / Pacific",Atlantic:"Atlantic",Australia:"Asia / Pacific",Europe:"Europe",Indian:"Asia / Pacific",Pacific:"Asia / Pacific"};import{format as Fr,formatDistanceToNow as gt,formatDuration as Cr,intervalToDuration as Sr,isValid as U,parseISO as Nr}from"date-fns";import{enUS as pt,es as ue}from"date-fns/locale";function u(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function p(e){return c(e)||typeof e=="number"||Ar(e)}function mt(e){return Array.isArray(e)&&e.every(p)}function c(e){return typeof e=="string"}function Ar(e){return typeof e=="boolean"}var xt={en:pt,"en-US":pt,es:ue,"es-ES":ue,"es-MX":ue},vr={short:"M/d/yy",medium:"MMM d, yyyy",long:"MMMM d, yyyy",full:"EEEE, MMMM d, yyyy"},wr={ms:1,s:1e3,min:6e4,h:36e5,d:864e5};function yt(e){if(e)return xt[e]??xt[e.split("-")[0]]}function $(e){if(typeof e=="number"&&!Number.isNaN(e))return e;if(c(e)&&e.trim()!==""){let t=Number(e);return Number.isNaN(t)?null:t}return null}function bt(e,t,n){let r=wr[t];if(r===void 0)return String(e);let o=e*r,i=Sr({start:0,end:o});return Cr(i,{locale:n})}function Rt(e){if(e instanceof Date)return U(e)?e:null;if(c(e)){let t=Nr(e);if(U(t))return t;let n=new Date(e);return U(n)?n:null}if(typeof e=="number"){let t=new Date(e);return U(t)?t:null}return null}var Ir={currency:(e,t,n)=>{let r=$(e);if(r===null)return String(e);let o=t[0]??"USD";return new Intl.NumberFormat(n.locale,{style:"currency",currency:o}).format(r)},percent:(e,t,n)=>{let r=$(e);return r===null?String(e):new Intl.NumberFormat(n.locale,{style:"percent"}).format(r)},number:(e,t,n)=>{let r=$(e);return r===null?String(e):new Intl.NumberFormat(n.locale).format(r)},date:(e,t,n)=>{let r=Rt(e);if(!r)return String(e);let o=t[0]??"short",i=yt(n.locale);if(o==="relative")return gt(r,{addSuffix:!0,locale:i});let l=vr[o]??o;return Fr(r,l,{locale:i})},duration:(e,t,n)=>{let r=yt(n.locale);if(typeof e=="number")return bt(e,t[0]??"ms",r);if(c(e)){let i=$(e);if(i!==null)return bt(i,t[0]??"ms",r)}let o=Rt(e);return o?gt(o,{addSuffix:!0,locale:r}):String(e)}};function ht(e,t,n){let r=t.split(":").map(a=>a.trim()).filter(a=>a.length>0);if(r.length===0)return;let[o,...i]=r,l=Ir[o];if(l)return l(e,i,n)}function Tt(e,t=ce){if(e!=null){if(mt(e)||p(e))return e;if(u(e)){let n=kr(e,t);if(p(n))return n}}}function kr(e,t){let n=x(e,t);if(p(n))return n}function x(e,t){if(!t||!u(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(u(r)&&o in r)r=r[o];else if(Array.isArray(r)){let i=Number(o);if(!Number.isInteger(i)||i<0||i>=r.length)return null;r=r[i]}else return null;return r}function At(e,t={description:qe,label:Je,value:ce}){return e.map(n=>{if(u(n)){let r=x(n,t.label),o=x(n,t.value);if(p(r)&&p(o)){let i=x(n,t.description);return{label:`${r}`,value:`${o}`,...p(i)&&{description:`${i}`}}}}return n})}function Ft(e=L){let t=e.lastIndexOf("/"),n=t===-1?e:e.slice(t+1);return n&&n!==H?n.trim().toLowerCase():L}var Lr=/\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g,Er=/{([^}]{1,200})}/,Or=/{([^}]{1,200})}/g;function E(e,t={},n={}){if(c(e))return Pr(e,t,n);if(Array.isArray(e))return e.map(r=>E(r,t,n));if(u(e)){let r={};for(let o in e)r[o]=E(e[o],t,n);return r}return e}function O(e,t={},n={}){return fe(e)?E(e,t,n):e}function fe(e){return c(e)?Er.test(e):Array.isArray(e)?e.some(t=>fe(t)):u(e)?Object.values(e).some(t=>fe(t)):!1}function Dr(e,t){return t.includes(".")?x(e,t):e[t]}function Pr(e,t={},n={}){return e.replace(Or,(r,o)=>{let i=String(o).split("|").map(m=>m.trim()),[l,...a]=i;if(!l)return r;let s=Dr(t,l);if(a.length===0)return p(s)?String(s):r;if(s==null)return r;let d=s;for(let m of a){let B=ht(d,m,{locale:n.locale});if(B===void 0)return r;d=B}return String(d)})}function Ct(e,t){if(!c(e)||!e||e.trim().length===0)return null;let n,r=0,o=!1,i=[];for(;(n=Lr.exec(e))!==null;){let[l,a,s]=n,d=n.index;o=!0,d>r&&i.push(e.substring(r,d));let m=t?t(d,s,a):l;i.push(m),r=d+l.length}return o?(r<e.length&&i.push(e.substring(r)),i):e}var St=e=>f(Ge)(e),Nt=e=>f(Ue)(e),vt=e=>f($e)(e),wt=e=>f(Xe)(e),It=e=>f(Ye)(e),kt=e=>f(We)(e),Lt=e=>f(Ze)(e),Et=f(De),me=f(_e),y=f(Be),N=f(Ke),F=f(Ve),Ot=f(H),h=f(He),Dt=f(ze),Pt=f(L,de,je,et),Ii=f(Pe,de),Mt=f(Me,Qe);function _t(e){return F(e)||y(e)}function Y(e){return e.type===ae}function v(e){return e.type===k}function X(e){return e.type!==k&&e.type!==ae}function ge(e){return h(e)||F(e)||N(e)}function D(e){return e!=null&&e!==""}function f(...e){return t=>{let n=c(t.type)?t.type:void 0;return n?e.some(r=>n===r||n?.startsWith(`${r}/`)):!1}}function zt(e,t={}){if(h(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&u(n))return[n]}}function Vt(e){return F(e)||y(e)?!0:e.advanced?.horizontal??!1}function Bt(e){return y(e)?e.advanced?.reverse!==!1:!1}function Ht(e,t){let n=e.readonly??!1;return t||n}function pe(e){if(Mr(e)){let t=e.source;if(Array.isArray(t)||u(t)&&!(S in t))return t}}function Gt(e){return Array.isArray(pe(e))}function Mr(e){return F(e)||N(e)||h(e)&&!e.disabled}import{isValid as Yt,parse as Xt,format as Kt}from"date-fns";var _r=/^\d+$/,Wt=new Date(2e3,0,1),zr=()=>"supportedValuesOf"in Intl?Intl.supportedValuesOf("timeZone"):[],xe="default";function Zt(e){if(!e)return xe;try{return Intl.getCanonicalLocales(e)[0]??xe}catch{return xe}}function ye(e){let t=Zt(e);return Array.from({length:12},(n,r)=>({value:(r+1).toString(),label:new Date(0,r).toLocaleString(t,{month:"long"})}))}function be(e){let t=Zt(e);return Array.from({length:7},(n,r)=>({value:r.toString(),label:new Date(2e3,0,2+r).toLocaleString(t,{weekday:"long"})}))}function qt(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 Re(){return new Date().getFullYear()}function Vr(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function Br(e){let t=e.indexOf("/"),n=t===-1?e:e.slice(0,t);return ft[n]??"Other"}function Hr(e,t){return(e.find(r=>r.type==="timeZoneName")?.value??t).replace(/\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,"")}function Ut(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(a=>a.type==="timeZoneName")?.value??"GMT+00:00").replace("GMT","UTC"),l=Hr(r,e);return{offset:i,longName:l}}function $t(e){return e.slice(e.lastIndexOf("/")+1).replace(/_/g," ")}function Jt(){let e=new Date,t=Vr(),n=new Map,r=$t(t),{offset:o,longName:i}=Ut(t,e),l={value:t,label:`${r} - ${i} (${o})`};for(let s of zr()){if(s===t)continue;let d=$t(s),{offset:m,longName:B}=Ut(s,e),we={value:s,label:`${d} - ${B} (${m})`},le=Br(s);if(le==="Other")continue;let Ie=n.get(le);Ie?Ie.push(we):n.set(le,[we])}for(let s of n.values())s.sort((d,m)=>d.label.localeCompare(m.label));let a=Array.from(n.entries()).sort(([s],[d])=>s.localeCompare(d)).map(([s,d])=>({label:s,items:d}));return[{label:"Suggested",items:[l]},...a]}function he(e,t){if(typeof e=="number")return e;let n=t??Re(),r=e.trim().toLowerCase();if(r.startsWith("current")){let o=r.match(/^current([+-])(\d+)$/);if(o){let[,i,l]=o,a=parseInt(l,10);if(!isNaN(a))return i==="+"?n+a:n-a}return n}return _r.test(r)?parseInt(r,10):n}function Qt(e,t){if(!e)return"";try{let n=Xt(e,t,Wt);return Yt(n)?Kt(n,"yyyy-MM-dd"):""}catch{return""}}function jt(e,t){if(!e)return"";try{let n=Xt(e,t,Wt);return Yt(n)?Kt(n,"HH:mm:ss"):""}catch{return""}}function Te(e){return e.advanced?.format??"HH:mm"}function en(e){return e.advanced?.format??"MMMM d, yyyy"}var Gr={es:{"(Optional)":"(Opcional)","Add item":"A\xF1adir elemento","An unexpected error occurred submitting the form.":"Ocurri\xF3 un error inesperado al enviar el formulario.","Collapse {label} {index}":"Contraer {label} {index}","Expand {label} {index}":"Expandir {label} {index}","Please correct the errors and try again.":"Corrige los errores e int\xE9ntalo de nuevo.","Remove {label} item {index}":"Eliminar {label} {index}","There were validation errors submitting the form.":"Se encontraron errores de validaci\xF3n al enviar el formulario.","Unknown error":"Error desconocido",No:"No",Yes:"S\xED"}};function K(e,t){return b(e,t)}function nn(e,t){let n=t?.[e??""],r=e?Gr[Ur(e)]:void 0;return r?n?{...r,...n}:r:n}function Ur(e){return e.toLowerCase().split(/[-_]/)[0]}function b(e,t){return e?t?t[e]??e:e:""}function w(e,t){return e?b(e,t):void 0}function W(e,t){if(!t)return e;let n=!1,r=e.map(o=>{let i=$r(o,t);return i!==o&&(n=!0),i});return n?r:e}function $r(e,t){if(!u(e))return e;let n=tn(e.label,t),r=e.items;if(Array.isArray(r)){let i=W(r,t);return i===r&&n===e.label?e:{...e,...n!==void 0&&{label:n},items:i}}let o=tn(e.description,t);return n===e.label&&o===e.description?e:{...e,...n!==void 0&&{label:n},...o!==void 0&&{description:o}}}function tn(e,t){return c(e)?b(e,t):e}var Z=Re();function Yr(e,t){if(N(e))return Xr(e,t?.lang)}function Xr(e,t){if(kt(e))return be(t);if(Lt(e))return ye(t)}function Kr(e,t){if(h(e))return Wr(e,t)}function Wr(e,t){let{lang:n,translations:r}=t??{};if(Nt(e))return be(n);if(vt(e))return ye(n);if(wt(e)){let o=e.advanced?.length?.min??Z,i=e.advanced?.length?.max??Z+5;return qt(he(o,Z),he(i,Z))}if(It(e))return Jt();if(St(e))return W([{value:"true",label:"Yes"},{value:"false",label:"No"}],r)}function rn(e,t=!1,n){let r={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return Ot(e)?{...r,...Zr(e)}:h(e)?{...r,...on(Kr(e,n))}:Dt(e)?{...r,...Jr(e)}:N(e)?{...r,...qr(e,n)}:r}function Zr(e){let t=Ft(e.type),n={...e,type:t};return{...jr(e),...ln(e),...Qr(n),...Pt(n)?an(n):{},type:t}}function on(e){return e?{options:e}:{}}function qr(e,t){let n=on(Yr(e,t)),r=e.advanced?.multiple??!0;return{...n,multiple:r}}function Jr(e){return{...ln(e),...an(e)}}function ln(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function Qr(e){return Mt(e)?eo(e):{}}function jr(e){if(me(e)){let t=Te(e);return{step:t==="HH:mm:ss"||t==="hh:mm:ss a"?"1":"60"}}return{}}function an(e){return sn(e,{min:dt,max:st})}function eo(e){return sn(e,{min:ct,max:at})}function sn(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 cn(e,t){let n=pe(e);return n||zt(e,t)}function to(e,t){let n=u(t)&&e.name in t?t[e.name]:t,r=Tt(n,e.advanced?.entity),o=D(r)?r:e.defaultValue;return me(e)&&D(o)?no(e,o):Et(e)&&D(o)?lo(e,o):o}function no(e,t){let n=Te(e);return c(t)?jt(t,n):t}function ro(e,t,n){return ge(e)&&Array.isArray(n)?{...t,[G]:n}:t}function oo(e,t,n){if(e.required&&!D(n)&&h(e)&&e.advanced?.preselected!==!1&&G in t){let r=t[G];if(Array.isArray(r)&&r.length===1)return r[0]}return n}function io(e,t,n){if(ge(e)&&Array.isArray(t)){let r=At(t,e.advanced?.options);return Gt(e)?W(r,n):r}return t}function dn(e,t,n,r,o){let i=to(e,r),l=Array.isArray(n)?io(e,n,o):n,a=ro(e,t,l),s=oo(e,a,i);return{commonPropsWithOptions:a,defaultValue:s}}function un(e,t){return y(e)?{defaultChecked:!!t}:{defaultValue:t}}function lo(e,t){let n=en(e);return c(t)?Qt(t,n):t}var ao=/^#\/definition\//;function J(e=[],t){let n=q(e,t);return Array.isArray(n)?n.filter(co).sort((r,o)=>fn(r)-fn(o)):[]}function q(e,t,n=new Map,r=new WeakSet){if(!so(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=>q(i,t,n,r));if(S in e&&c(e[S])){let i=e[S].replace(ao,""),l=x(t,i);return l!==null?q(l,t,n,r):e}let o={};for(let[i,l]of Object.entries(e))o[i]=q(l,t,n,r);return r.delete(e),n.set(e,o),o}function mn(e){return Object.entries(e??{})}function fn(e){return e.order??Number.MAX_VALUE}function so(e){return e!==void 0&&u(e)&&Object.keys(e).length>0}function co(e){return ut in e?!0:Array.isArray(e[se])?e[se].length>0:!0}function gn(e,t){let n={};for(let[r,o]of mn(t))n[`${e}-${r}`]=o;return n}function uo(e){return gn(it,e)}function fo(e){return gn(lt,e)}function pn(e,t){let n=uo(e.advanced?.aria);return t&&t.length>0&&(n[nt]="true",n[tt]=`${e.name}-error`),n}function xn(e){return fo(e.advanced?.data)}var yn={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},bn={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function Rn(e,t=2){return yn[e&&e in yn?e:t]}function hn(e){if(e&&e in bn)return bn[e]}function mo(e){return{min:e.advanced?.length?.min??1,max:e.advanced?.length?.max??1/0}}function go(e,t){let n=t?x(t,e.name):null;return po(e,Array.isArray(n)?n.length:0)}function Tn(e){return!Array.isArray(e.fields)||e.fields.length===0?!1:e.fields.length>1||e.fields[0].type===k}function An(e,t){let n=go(e,t);return Array.from({length:n},(r,o)=>o)}function Fn(e){return e.advanced?.title??e.label??e.name}function po(e,t){let{min:n,max:r}=mo(e);return Math.min(Math.max(t,n),r)}function Q(e,t){return{...e,...t}}import{jsx as xo}from"react/jsx-runtime";function R(e){return Ct(e,(t,n,r)=>xo("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:r},`${n}-${t}`))}import{useCallback as yo,useState as bo}from"react";import{jsx as P,jsxs as Ae}from"react/jsx-runtime";function Cn(e){let{fields:t=[]}=e.section,[n,r]=bo(!1),o=yo(()=>r(i=>!i),[]);return Ae("fieldset",{"data-slot":"field-set","data-advanced":"true","data-expanded":n,"data-empty":t.length===0,className:"flex flex-col",id:e.section.id?.toString(),children:[P("legend",{children:Ae("button",{className:"flex cursor-pointer items-center gap-2 text-base font-medium text-zinc-600 dark:text-zinc-400",onClick:o,type:"button",children:[P(C,{expanded:n}),P("span",{children:R(e.title)})]})}),P(I,{visible:n,children:Ae("div",{className:"mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-zinc-300 pl-4 dark:border-zinc-600","data-slot":"field-set-content",children:[e.description&&P("p",{className:"text-sm leading-normal font-normal text-zinc-600 dark:text-zinc-400",children:R(e.description)}),e.group]})})]})}import{jsx as j,jsxs as Sn}from"react/jsx-runtime";function Nn(e){let t=Sn("div",{className:"flex flex-col",children:[e.title&&j("legend",{className:"mb-3 font-medium text-zinc-800 dark:text-zinc-200",children:R(e.title)}),e.description&&j("p",{className:"-mt-2 text-sm leading-normal font-normal text-zinc-600 dark:text-zinc-400",children:R(e.description)})]});return e.step?Sn("div",{className:"flex flex-row items-start gap-4",children:[j("div",{className:"bg-primary text-primary-foreground flex size-6 shrink-0 items-center justify-center rounded-full",children:j("span",{className:"text-sm font-bold",children:e.step})}),t]}):t}import{jsx as vn,jsxs as Ro}from"react/jsx-runtime";function ee(e){return Ro("fieldset",{className:"flex w-full min-w-0 flex-col data-[empty=false]:gap-6","data-empty":e.empty,"data-slot":"field-set",id:e.id,children:[vn(Nn,{description:e.description,step:e.step,title:e.title}),vn("div",{className:"w-full min-w-0",children:e.children})]})}import{jsx as ho}from"react/jsx-runtime";function T(e){return ho("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 Fe}from"react/jsx-runtime";function wn(e){let{fields:t=[]}=e.section,n=e.advanced?.step?e.step:void 0,{compact:r}=Q(e.style,{compact:e.section.advanced?.compact}),o=Fe(T,{compact:r,children:e.children});if(!e.section.title&&!e.section.description)return o;let i=w(e.section.title,e.translations),l=w(e.section.description,e.translations);return e.section.advanced?.collapsible?Fe(Cn,{description:l,group:o,section:e.section,title:i}):Fe(ee,{description:l,empty:t.length===0,id:e.section.id?.toString(),step:n,title:i,children:o})}import{jsx as In}from"react/jsx-runtime";function kn(){return In("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:In("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-zinc-200 dark:bg-zinc-800"})})}import{useAtomValue as vo}from"jotai";import{atom as M}from"jotai";import{atomFamily as To}from"jotai-family";import{deepEqual as Ln}from"fast-equals";function Ao(e,t){let{[t]:n,...r}=e;return r}function Fo(e){return To(t=>M(n=>n(e)[t]??void 0,(n,r,o)=>{let i=n(e);if(o!=null){let l=i[t];Ln(l,o)||r(e,{...i,[t]:o})}else t in i&&r(e,Ao(i,t))}))}function Co(e){return M(null,(t,n)=>{let r=t(e);r&&Object.keys(r).length>0&&n(e,{})})}function So(e){return M(null,(t,n,r)=>{let i={...t(e)},l=!1;for(let a of r)a in i&&(delete i[a],l=!0);l&&n(e,i)})}function No(e){return M(null,(t,n,r)=>{let o=t(e);Ln(o,r)||n(e,r)})}function te(e={}){let t=M(e);return{atom:t,clearAll:Co(t),clear:So(t),bulkReport:No(t),report:Fo(t)}}var En=te(),On=En.atom,Dn=En.report;function wo(e,t){return e.fields.every(n=>Pn(n,t))}function Pn(e,t){return t[e.name]?.hidden??e.hidden??!1}function Io(e,t){return v(e)?wo(e,t):Pn(e,t)}function Mn(e){let t=vo(On);return e.container&&(t[e.container.name]?.hidden??e.container.hidden??!1)||e.fields.length===0||e.fields.every(r=>Io(r,t))?null:e.children}import{jsx as _,jsxs as _n}from"react/jsx-runtime";function zn(e){let t=J(e.sections,e.definition);return _("div",{className:"h-full w-full",children:_("form",{noValidate:e.noValidate,action:e.action,children:_n(T,{children:[t.map((n,r)=>_n(Mn,{fields:n.fields??[],children:[_(wn,{advanced:e.advanced,section:n,step:r+1,style:e.config.style,translations:e.translations,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.advanced?.separator&&_(kn,{})]},`key-${n.id}-${r}`)),e.control&&_(ke,{isPending:e.isPending,children:e.control})]})})})}import{jsx as ko}from"react/jsx-runtime";function Vn(e){return ko("p",{className:"-mt-2 text-xs leading-normal font-normal text-zinc-600 dark:text-zinc-400 [[data-slot=column]_&]:md:line-clamp-2",title:e.title,children:e.children})}import{useState as Lo}from"react";import{jsx as Bn,jsxs as Hn}from"react/jsx-runtime";function ne(e){let t={context:e.context,env:e.config?.env,value:e.value},r={locale:e.config?.env?.locale},[o,i]=Lo(()=>u(e.text)&&"collapsed"in e.text?!e.text.collapsed:!0),l=()=>i(m=>!m),a=u(e.text)&&c(e.text.title)?R(b(O(e.text.title,t,r),e.translations)):void 0,s=b(O(c(e.text)?e.text:e.text?.message,t,r),e.translations),d=R(s);return d?Hn("div",{className:"flex flex-col gap-2",children:[a&&Hn("button",{className:"flex items-center gap-1 text-left text-xs font-medium text-zinc-700 hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100",onClick:l,type:"button",children:[a,Bn(C,{expanded:o})]}),o&&Bn(Vn,{title:s,children:d})]}):null}import{atom as Gn}from"jotai";var re=te(),aa=re.atom,sa=re.clearAll,ca=re.clear,Un=re.report,da=Gn({}),ua=Gn(null);import{useAtomValue as $n}from"jotai";import{jsx as Eo}from"react/jsx-runtime";function oe(e){let t=$n(Un(e.field.name)),r=$n(Dn(e.field.name))?.description??e.field.description;return Eo(ne,{config:e.config,context:e.context,text:r,translations:e.translations,value:t})}import{twMerge as Oo}from"tailwind-merge";import{jsx as Yn,jsxs as Do}from"react/jsx-runtime";function Xn(e){let t=e.style?.showOptionalLabel??!0,n=F(e.field)||y(e.field);return Do("label",{"data-slot":"field-label","data-normal":n,className:Oo("flex w-fit items-center text-sm leading-snug font-medium select-none","data-[normal=true]:font-normal [[data-slot=column]_&]:md:w-full","group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"),htmlFor:e.field.name,title:c(e.children)?e.children:void 0,children:[Yn("span",{className:"[[data-slot=column]_&]:md:truncate",children:e.children}),t&&!e.field.required&&Yn("span",{className:"ml-2 flex-shrink-0 text-sm text-zinc-600 dark:text-zinc-400",children:K("(Optional)",e.translations)})]})}import{jsx as Kn,jsxs as Po}from"react/jsx-runtime";function Wn(e){let t={context:e.context,env:e.config?.env},n=O(e.field.label,t);return Po("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[Kn(Xn,{field:e.field,style:e.config?.style,translations:e.translations,children:b(n,e.translations)}),e.horizontal===!0&&Kn(oe,{config:e.config,context:e.context,field:e.field,translations:e.translations})]})}import{Fragment as Mo,jsx as Zn,jsxs as _o}from"react/jsx-runtime";function qn(e){return _o(Mo,{children:[e.field.name&&e.field.label&&Zn(Wn,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations}),e.children,e.horizontal===!1&&Zn(oe,{config:e.config,context:e.context,field:e.field,translations:e.translations})]})}function Jn(e,t){return e?t(e):null}import{jsx as Qn}from"react/jsx-runtime";function jn(e){let t=cn(e.field,e.value),{commonPropsWithOptions:n,defaultValue:r}=dn(e.field,e.commonProps,t,e.value,e.translations),o=un(e.field,r);return Jn(e.config.inputs[e.field.type],i=>Qn(qn,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations,children:Qn(i,{...e.ariaAttributes,...n,...e.dataAttributes,...o})}))}import{jsx as er}from"react/jsx-runtime";function tr(e){return!e.errors||e.errors.length===0?null:er("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)=>er("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}import{twMerge as zo}from"tailwind-merge";import{jsx as Vo}from"react/jsx-runtime";function ie(e){let t=e.errors&&e.errors.length>0;return Vo("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[rt]:"true"},...e.disabled&&{[ot]:"true"},"data-orientation":e.orientation,className:zo("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 Bo}from"tailwind-merge";import{jsx as Ho}from"react/jsx-runtime";function nr(e){return Ho(ie,{...e,orientation:"vertical",className:Bo("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}import{twMerge as Go}from"tailwind-merge";import{jsx as Uo}from"react/jsx-runtime";function rr(e){return Uo(ie,{...e,orientation:"horizontal",className:Go("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 or}from"react/jsx-runtime";function ir(e){let t=_t(e.field),n=y(e.field),r=Bt(e.field);return e.horizontal?or(rr,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children}):or(nr,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children})}function lr(e){if(!e.field.type)return null;let t=rn(e.field,e.disabled,{lang:e.lang,translations:e.translations}),n=xn(e.field),r=pn(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 $o}from"tailwind-merge";import{jsx as Ce,jsxs as Yo}from"react/jsx-runtime";function ar(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{horizontal:r}=Q(e.style,{horizontal:Vt(e.field)}),o=Ht(e.field,e.disabled);return Yo("div",{className:$o("flex flex-col gap-3",hn(t)),children:[Ce(ir,{disabled:o,errors:n,field:e.field,horizontal:r,children:Ce(lr,{disabled:o,errors:n,field:e.field,horizontal:r,lang:e.lang,translations:e.translations,children:e.children})}),Ce(tr,{errors:n,name:e.field.name})]})}import{twMerge as Se}from"tailwind-merge";import{useState as Xo}from"react";import{Fragment as Ko,jsx as g,jsxs as A}from"react/jsx-runtime";function sr(e){let t=e.isMultiField||e.collapsed!=null,[n,r]=Xo(t?!e.collapsed:!0);function o(){e.canRemove&&e.onRemove&&e.onRemove(e.index)}function i(){r(m=>!m)}let l=m=>E(K(m,e.translations),{index:e.index+1,label:e.label}),a=e.canRemove&&e.onRemove!=null&&g("button",{"aria-label":l("Remove {label} item {index}"),className:Se("flex size-6 items-center justify-center rounded text-xl leading-none text-zinc-400","transition-colors duration-150","hover:text-red-500","focus-visible:ring-2 focus-visible:ring-zinc-400 focus-visible:outline-none","dark:text-zinc-500 dark:hover:text-red-400"),onClick:o,type:"button",children:g("span",{"aria-hidden":"true",className:"leading-none",children:"\xD7"})}),s=A("div",{className:"flex min-w-0 flex-col font-medium text-zinc-700 dark:text-zinc-400",children:[g("span",{className:"text-base",children:e.previewLabel??A(Ko,{children:[e.label," ",e.index+1]})}),!n&&e.previewTags&&g("div",{className:"flex items-center gap-2 overflow-hidden text-xs font-normal text-ellipsis whitespace-nowrap text-zinc-500 dark:text-zinc-500",children:e.previewTags})]}),d=A("div",{className:Se("flex items-center justify-between gap-2",e.isMultiField&&n&&"mb-3"),children:[t?A("div",{className:"flex min-w-0 grow items-center gap-2",children:[A("button",{"aria-expanded":n,"aria-label":l(n?"Collapse {label} {index}":"Expand {label} {index}"),className:Se("group flex grow items-center gap-2 rounded p-1 text-left text-zinc-400","focus-visible:ring-2 focus-visible:ring-zinc-400 focus-visible:outline-none","dark:text-zinc-500"),onClick:i,type:"button",children:[g(C,{expanded:n}),s]}),!n&&e.previewBadge&&g("div",{className:"ml-auto shrink-0",children:e.previewBadge})]}):s,a]});return e.isMultiField?A("div",{"data-slot":"list-item-card",className:"box-border w-full min-w-0 rounded-lg border border-zinc-100 p-4 dark:border-zinc-900",children:[d,g(I,{visible:n,children:g(T,{children:e.children})})]}):t?A("div",{className:"box-border flex w-full min-w-0 flex-col gap-2",children:[d,g(I,{visible:n,children:g(T,{children:e.children})})]}):A("div",{className:"box-border flex w-full min-w-0 items-start gap-2",children:[g("div",{className:"flex min-w-0 grow flex-col",children:g(T,{children:e.children})}),a&&g("div",{className:"shrink-0",children:a})]})}import{jsx as Wo}from"react/jsx-runtime";function cr(e){let t=b(Fn(e.field),e.translations),n=Tn(e.field);return An(e.field,e.value).map(r=>Wo(sr,{collapsed:e.field.advanced?.collapsed,index:r,isMultiField:n,label:t,translations:e.translations,children:e.children(r)},r))}import{jsx as Zo}from"react/jsx-runtime";function dr(e){let t=Array.isArray(e.field.fields)&&e.field.fields.length===0,n=w(e.field.label,e.translations),r=w(e.field.description,e.translations);return Zo(ee,{description:r,empty:t,id:e.field.name,title:n,children:e.children})}import{jsx as ur}from"react/jsx-runtime";function fr({children:e,field:t,lang:n,translations:r,value:o}){return ur(dr,{field:t,translations:r,children:ur(cr,{field:t,lang:n,translations:r,value:o,children:e})})}import{twMerge as qo}from"tailwind-merge";import{jsx as mr,jsxs as Jo}from"react/jsx-runtime";function gr(e){let t=Rn(e.column?.advanced?.cols);return Jo("div",{className:"flex w-full flex-col gap-4",children:[mr("div",{"data-slot":"column",className:qo("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children}),e.column?.description&&mr(ne,{config:e.config,context:e.context,text:e.column.description,translations:e.translations})]})}import{Fragment as jo}from"react";import{jsx as Qo}from"react/jsx-runtime";function pr(e){let t=Array.isArray(e.field.fields)?e.field.fields.map(n=>X(n)||Y(n)?{...n,name:`${e.field.name}.${e.index}.${n.name}`}:v(n)?{...n,fields:n.fields.map(r=>({...r,name:`${e.field.name}.${e.index}.${r.name}`}))}:n):[];return Qo(z,{components:e.components,config:e.config,context:e.context,disabled:e.disabled,fields:t,lang:e.lang,onValueChange:e.onValueChange,style:e.style,translations:e.translations,value:e.value,children:e.children})}import{jsx as V,jsxs as ei}from"react/jsx-runtime";function z(e){let{field:t,list:n}=e.components;return J(e.fields).map((r,o)=>ei(jo,{children:[v(r)&&V(gr,{column:r,config:e.config,context:e.context,translations:e.translations,children:V(z,{...e,fields:r.fields})}),X(r)&&V(t,{disabled:e.disabled,field:r,lang:e.lang,style:e.style,translations:e.translations,children:e.children}),Y(r)&&V(n,{field:r,lang:e.lang,onValueChange:e.onValueChange,translations:e.translations,value:e.value,children:i=>V(pr,{components:e.components,config:e.config,context:e.context,disabled:e.disabled,field:r,index:i,lang:e.lang,onValueChange:e.onValueChange,style:e.style,translations:e.translations,value:e.value,children:e.children})})]},o))}import{jsx as ti}from"react/jsx-runtime";function xr(e){return n=>ti(z,{...n,components:e})}var yr=xr({field:ar,list:fr});import{jsx as Ne}from"react/jsx-runtime";function ve(e){let t=nn(e.lang,e.translations);return Ne(zn,{advanced:e.advanced,config:e.config,control:e.children,definition:e.definition,readOnly:e.readOnly,sections:e.sections,translations:t,children:({disabled:n,fields:r})=>Ne(yr,{config:e.config,context:e.context,disabled:n,fields:r,lang:e.lang,style:e.config.style,translations:t,value:e.value,children:o=>Ne(jn,{...o,config:e.config,context:e.context,translations:t,value:e.value})})})}import{Suspense as ni}from"react";import{jsx as br}from"react/jsx-runtime";function ri(e){return br(ni,{fallback:br(ve,{config:e.config,sections:e.sections,readOnly:!0}),children:e.children})}export{ri as Fallback,ve as Form};
1
+ import{jsx as Rr}from"react/jsx-runtime";function ke(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return Rr("div",{"data-slot":"field-control",className:"w-full",children:t})}import{jsx as Le}from"react/jsx-runtime";function C(e){return Le("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:Le("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"})})}import{Activity as Tr}from"react";import{createContext as hr}from"react";var Ee=hr(!1);import{jsx as Oe}from"react/jsx-runtime";function I({children:e,visible:t}){return Oe(Tr,{mode:t?"visible":"hidden",children:Oe(Ee,{value:!0,children:e})})}var H="input",De="input/date",Pe="input/email",Me="input/number",_e="input/time";var ze="textarea",Ve="radio",Be="checkbox",ae="list",He="select",Ge="select/active",Ue="select/day",$e="select/month",Ye="select/timezone",Xe="select/year";var Ke="chips",We="chips/day",Ze="chips/month",k="column",qe="description",se="fields",Je="label",ce="value",G="options",de="email",Qe="number",je="password",et="tel",L="text",tt="aria-errormessage",nt="aria-invalid",rt="data-invalid",ot="data-readonly",it="aria",lt="data",at="max",st="maxLength",ct="min",dt="minLength",S="$ref";var ut="type",ft={Africa:"Africa",America:"Americas",Asia:"Asia / Pacific",Atlantic:"Atlantic",Australia:"Asia / Pacific",Europe:"Europe",Indian:"Asia / Pacific",Pacific:"Asia / Pacific"};import{format as Fr,formatDistanceToNow as gt,formatDuration as Cr,intervalToDuration as Sr,isValid as U,parseISO as Nr}from"date-fns";import{enUS as pt,es as ue}from"date-fns/locale";function u(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function p(e){return c(e)||typeof e=="number"||Ar(e)}function mt(e){return Array.isArray(e)&&e.every(p)}function c(e){return typeof e=="string"}function Ar(e){return typeof e=="boolean"}var yt={en:pt,"en-US":pt,es:ue,"es-ES":ue,"es-MX":ue},vr={short:"M/d/yy",medium:"MMM d, yyyy",long:"MMMM d, yyyy",full:"EEEE, MMMM d, yyyy"},wr={ms:1,s:1e3,min:6e4,h:36e5,d:864e5};function xt(e){if(e)return yt[e]??yt[e.split("-")[0]]}function $(e){if(typeof e=="number"&&!Number.isNaN(e))return e;if(c(e)&&e.trim()!==""){let t=Number(e);return Number.isNaN(t)?null:t}return null}function bt(e,t,n){let r=wr[t];if(r===void 0)return String(e);let o=e*r,i=Sr({start:0,end:o});return Cr(i,{locale:n})}function Rt(e){if(e instanceof Date)return U(e)?e:null;if(c(e)){let t=Nr(e);if(U(t))return t;let n=new Date(e);return U(n)?n:null}if(typeof e=="number"){let t=new Date(e);return U(t)?t:null}return null}var Ir={currency:(e,t,n)=>{let r=$(e);if(r===null)return String(e);let o=t[0]??"USD";return new Intl.NumberFormat(n.locale,{style:"currency",currency:o}).format(r)},percent:(e,t,n)=>{let r=$(e);return r===null?String(e):new Intl.NumberFormat(n.locale,{style:"percent"}).format(r)},number:(e,t,n)=>{let r=$(e);return r===null?String(e):new Intl.NumberFormat(n.locale).format(r)},date:(e,t,n)=>{let r=Rt(e);if(!r)return String(e);let o=t[0]??"short",i=xt(n.locale);if(o==="relative")return gt(r,{addSuffix:!0,locale:i});let l=vr[o]??o;return Fr(r,l,{locale:i})},duration:(e,t,n)=>{let r=xt(n.locale);if(typeof e=="number")return bt(e,t[0]??"ms",r);if(c(e)){let i=$(e);if(i!==null)return bt(i,t[0]??"ms",r)}let o=Rt(e);return o?gt(o,{addSuffix:!0,locale:r}):String(e)}};function ht(e,t,n){let r=t.split(":").map(a=>a.trim()).filter(a=>a.length>0);if(r.length===0)return;let[o,...i]=r,l=Ir[o];if(l)return l(e,i,n)}function Tt(e,t=ce){if(e!=null){if(mt(e)||p(e))return e;if(u(e)){let n=kr(e,t);if(p(n))return n}}}function kr(e,t){let n=y(e,t);if(p(n))return n}function y(e,t){if(!t||!u(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(u(r)&&o in r)r=r[o];else if(Array.isArray(r)){let i=Number(o);if(!Number.isInteger(i)||i<0||i>=r.length)return null;r=r[i]}else return null;return r}function At(e,t={description:qe,label:Je,value:ce}){return e.map(n=>{if(u(n)){let r=y(n,t.label),o=y(n,t.value);if(p(r)&&p(o)){let i=y(n,t.description);return{label:`${r}`,value:`${o}`,...p(i)&&{description:`${i}`}}}}return n})}function Ft(e=L){let t=e.lastIndexOf("/"),n=t===-1?e:e.slice(t+1);return n&&n!==H?n.trim().toLowerCase():L}var Lr=/\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g,Er=/{([^}]{1,200})}/,Or=/{([^}]{1,200})}/g;function E(e,t={},n={}){if(c(e))return Pr(e,t,n);if(Array.isArray(e))return e.map(r=>E(r,t,n));if(u(e)){let r={};for(let o in e)r[o]=E(e[o],t,n);return r}return e}function O(e,t={},n={}){return fe(e)?E(e,t,n):e}function fe(e){return c(e)?Er.test(e):Array.isArray(e)?e.some(t=>fe(t)):u(e)?Object.values(e).some(t=>fe(t)):!1}function Dr(e,t){return t.includes(".")?y(e,t):e[t]}function Pr(e,t={},n={}){return e.replace(Or,(r,o)=>{let i=String(o).split("|").map(m=>m.trim()),[l,...a]=i;if(!l)return r;let s=Dr(t,l);if(a.length===0)return p(s)?String(s):r;if(s==null)return r;let d=s;for(let m of a){let B=ht(d,m,{locale:n.locale});if(B===void 0)return r;d=B}return String(d)})}function Ct(e,t){if(!c(e)||!e||e.trim().length===0)return null;let n,r=0,o=!1,i=[];for(;(n=Lr.exec(e))!==null;){let[l,a,s]=n,d=n.index;o=!0,d>r&&i.push(e.substring(r,d));let m=t?t(d,s,a):l;i.push(m),r=d+l.length}return o?(r<e.length&&i.push(e.substring(r)),i):e}var St=e=>f(Ge)(e),Nt=e=>f(Ue)(e),vt=e=>f($e)(e),wt=e=>f(Xe)(e),It=e=>f(Ye)(e),kt=e=>f(We)(e),Lt=e=>f(Ze)(e),Et=f(De),me=f(_e),x=f(Be),N=f(Ke),F=f(Ve),Ot=f(H),h=f(He),Dt=f(ze),Pt=f(L,de,je,et),Ii=f(Pe,de),Mt=f(Me,Qe);function _t(e){return F(e)||x(e)}function Y(e){return e.type===ae}function v(e){return e.type===k}function X(e){return e.type!==k&&e.type!==ae}function ge(e){return h(e)||F(e)||N(e)}function D(e){return e!=null&&e!==""}function f(...e){return t=>{let n=c(t.type)?t.type:void 0;return n?e.some(r=>n===r||n?.startsWith(`${r}/`)):!1}}function zt(e,t={}){if(h(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&u(n))return[n]}}function Vt(e){return F(e)||x(e)?!0:e.advanced?.horizontal}function Bt(e){return x(e)?e.advanced?.reverse!==!1:!1}function Ht(e,t){let n=e.readonly??!1;return t||n}function pe(e){if(Mr(e)){let t=e.source;if(Array.isArray(t)||u(t)&&!(S in t))return t}}function Gt(e){return Array.isArray(pe(e))}function Mr(e){return F(e)||N(e)||h(e)&&!e.disabled}import{isValid as Yt,parse as Xt,format as Kt}from"date-fns";var _r=/^\d+$/,Wt=new Date(2e3,0,1),zr=()=>"supportedValuesOf"in Intl?Intl.supportedValuesOf("timeZone"):[],ye="default";function Zt(e){if(!e)return ye;try{return Intl.getCanonicalLocales(e)[0]??ye}catch{return ye}}function xe(e){let t=Zt(e);return Array.from({length:12},(n,r)=>({value:(r+1).toString(),label:new Date(0,r).toLocaleString(t,{month:"long"})}))}function be(e){let t=Zt(e);return Array.from({length:7},(n,r)=>({value:r.toString(),label:new Date(2e3,0,2+r).toLocaleString(t,{weekday:"long"})}))}function qt(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 Re(){return new Date().getFullYear()}function Vr(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function Br(e){let t=e.indexOf("/"),n=t===-1?e:e.slice(0,t);return ft[n]??"Other"}function Hr(e,t){return(e.find(r=>r.type==="timeZoneName")?.value??t).replace(/\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,"")}function Ut(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(a=>a.type==="timeZoneName")?.value??"GMT+00:00").replace("GMT","UTC"),l=Hr(r,e);return{offset:i,longName:l}}function $t(e){return e.slice(e.lastIndexOf("/")+1).replace(/_/g," ")}function Jt(){let e=new Date,t=Vr(),n=new Map,r=$t(t),{offset:o,longName:i}=Ut(t,e),l={value:t,label:`${r} - ${i} (${o})`};for(let s of zr()){if(s===t)continue;let d=$t(s),{offset:m,longName:B}=Ut(s,e),we={value:s,label:`${d} - ${B} (${m})`},le=Br(s);if(le==="Other")continue;let Ie=n.get(le);Ie?Ie.push(we):n.set(le,[we])}for(let s of n.values())s.sort((d,m)=>d.label.localeCompare(m.label));let a=Array.from(n.entries()).sort(([s],[d])=>s.localeCompare(d)).map(([s,d])=>({label:s,items:d}));return[{label:"Suggested",items:[l]},...a]}function he(e,t){if(typeof e=="number")return e;let n=t??Re(),r=e.trim().toLowerCase();if(r.startsWith("current")){let o=r.match(/^current([+-])(\d+)$/);if(o){let[,i,l]=o,a=parseInt(l,10);if(!isNaN(a))return i==="+"?n+a:n-a}return n}return _r.test(r)?parseInt(r,10):n}function Qt(e,t){if(!e)return"";try{let n=Xt(e,t,Wt);return Yt(n)?Kt(n,"yyyy-MM-dd"):""}catch{return""}}function jt(e,t){if(!e)return"";try{let n=Xt(e,t,Wt);return Yt(n)?Kt(n,"HH:mm:ss"):""}catch{return""}}function Te(e){return e.advanced?.format??"HH:mm"}function en(e){return e.advanced?.format??"MMMM d, yyyy"}var Gr={es:{"(Optional)":"(Opcional)","Add item":"A\xF1adir elemento","An unexpected error occurred submitting the form.":"Ocurri\xF3 un error inesperado al enviar el formulario.","Collapse {label} {index}":"Contraer {label} {index}","Expand {label} {index}":"Expandir {label} {index}","Please correct the errors and try again.":"Corrige los errores e int\xE9ntalo de nuevo.","Remove {label} item {index}":"Eliminar {label} {index}","There were validation errors submitting the form.":"Se encontraron errores de validaci\xF3n al enviar el formulario.","Unknown error":"Error desconocido",No:"No",Yes:"S\xED"}};function K(e,t){return b(e,t)}function nn(e,t){let n=t?.[e??""],r=e?Gr[Ur(e)]:void 0;return r?n?{...r,...n}:r:n}function Ur(e){return e.toLowerCase().split(/[-_]/)[0]}function b(e,t){return e?t?t[e]??e:e:""}function w(e,t){return e?b(e,t):void 0}function W(e,t){if(!t)return e;let n=!1,r=e.map(o=>{let i=$r(o,t);return i!==o&&(n=!0),i});return n?r:e}function $r(e,t){if(!u(e))return e;let n=tn(e.label,t),r=e.items;if(Array.isArray(r)){let i=W(r,t);return i===r&&n===e.label?e:{...e,...n!==void 0&&{label:n},items:i}}let o=tn(e.description,t);return n===e.label&&o===e.description?e:{...e,...n!==void 0&&{label:n},...o!==void 0&&{description:o}}}function tn(e,t){return c(e)?b(e,t):e}var Z=Re();function Yr(e,t){if(N(e))return Xr(e,t?.lang)}function Xr(e,t){if(kt(e))return be(t);if(Lt(e))return xe(t)}function Kr(e,t){if(h(e))return Wr(e,t)}function Wr(e,t){let{lang:n,translations:r}=t??{};if(Nt(e))return be(n);if(vt(e))return xe(n);if(wt(e)){let o=e.advanced?.length?.min??Z,i=e.advanced?.length?.max??Z+5;return qt(he(o,Z),he(i,Z))}if(It(e))return Jt();if(St(e))return W([{value:"true",label:"Yes"},{value:"false",label:"No"}],r)}function rn(e,t=!1,n){let r={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return Ot(e)?{...r,...Zr(e)}:h(e)?{...r,...on(Kr(e,n))}:Dt(e)?{...r,...Jr(e)}:N(e)?{...r,...qr(e,n)}:r}function Zr(e){let t=Ft(e.type),n={...e,type:t};return{...jr(e),...ln(e),...Qr(n),...Pt(n)?an(n):{},type:t}}function on(e){return e?{options:e}:{}}function qr(e,t){let n=on(Yr(e,t)),r=e.advanced?.multiple??!0;return{...n,multiple:r}}function Jr(e){return{...ln(e),...an(e)}}function ln(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function Qr(e){return Mt(e)?eo(e):{}}function jr(e){if(me(e)){let t=Te(e);return{step:t==="HH:mm:ss"||t==="hh:mm:ss a"?"1":"60"}}return{}}function an(e){return sn(e,{min:dt,max:st})}function eo(e){return sn(e,{min:ct,max:at})}function sn(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 cn(e,t){let n=pe(e);return n||zt(e,t)}function to(e,t){let n=u(t)&&e.name in t?t[e.name]:t,r=Tt(n,e.advanced?.entity),o=D(r)?r:e.defaultValue;return me(e)&&D(o)?no(e,o):Et(e)&&D(o)?lo(e,o):o}function no(e,t){let n=Te(e);return c(t)?jt(t,n):t}function ro(e,t,n){return ge(e)&&Array.isArray(n)?{...t,[G]:n}:t}function oo(e,t,n){if(e.required&&!D(n)&&h(e)&&e.advanced?.preselected!==!1&&G in t){let r=t[G];if(Array.isArray(r)&&r.length===1)return r[0]}return n}function io(e,t,n){if(ge(e)&&Array.isArray(t)){let r=At(t,e.advanced?.options);return Gt(e)?W(r,n):r}return t}function dn(e,t,n,r,o){let i=to(e,r),l=Array.isArray(n)?io(e,n,o):n,a=ro(e,t,l),s=oo(e,a,i);return{commonPropsWithOptions:a,defaultValue:s}}function un(e,t){return x(e)?{defaultChecked:!!t}:{defaultValue:t}}function lo(e,t){let n=en(e);return c(t)?Qt(t,n):t}var ao=/^#\/definition\//;function J(e=[],t){let n=q(e,t);return Array.isArray(n)?n.filter(co).sort((r,o)=>fn(r)-fn(o)):[]}function q(e,t,n=new Map,r=new WeakSet){if(!so(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=>q(i,t,n,r));if(S in e&&c(e[S])){let i=e[S].replace(ao,""),l=y(t,i);return l!==null?q(l,t,n,r):e}let o={};for(let[i,l]of Object.entries(e))o[i]=q(l,t,n,r);return r.delete(e),n.set(e,o),o}function mn(e){return Object.entries(e??{})}function fn(e){return e.order??Number.MAX_VALUE}function so(e){return e!==void 0&&u(e)&&Object.keys(e).length>0}function co(e){return ut in e?!0:Array.isArray(e[se])?e[se].length>0:!0}function gn(e,t){let n={};for(let[r,o]of mn(t))n[`${e}-${r}`]=o;return n}function uo(e){return gn(it,e)}function fo(e){return gn(lt,e)}function pn(e,t){let n=uo(e.advanced?.aria);return t&&t.length>0&&(n[nt]="true",n[tt]=`${e.name}-error`),n}function yn(e){return fo(e.advanced?.data)}var xn={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},bn={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function Rn(e,t=2){return xn[e&&e in xn?e:t]}function hn(e){if(e&&e in bn)return bn[e]}function mo(e){return{min:e.advanced?.length?.min??1,max:e.advanced?.length?.max??1/0}}function go(e,t){let n=t?y(t,e.name):null;return po(e,Array.isArray(n)?n.length:0)}function Tn(e){return!Array.isArray(e.fields)||e.fields.length===0?!1:e.fields.length>1||e.fields[0].type===k}function An(e,t){let n=go(e,t);return Array.from({length:n},(r,o)=>o)}function Fn(e){return e.advanced?.title??e.label??e.name}function po(e,t){let{min:n,max:r}=mo(e);return Math.min(Math.max(t,n),r)}function Q(e,t){let n={...e};for(let r of Object.keys(t??{})){let o=t?.[r];o!==void 0&&(n[r]=o)}return n}import{jsx as yo}from"react/jsx-runtime";function R(e){return Ct(e,(t,n,r)=>yo("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:r},`${n}-${t}`))}import{useCallback as xo,useState as bo}from"react";import{jsx as P,jsxs as Ae}from"react/jsx-runtime";function Cn(e){let{fields:t=[]}=e.section,[n,r]=bo(!1),o=xo(()=>r(i=>!i),[]);return Ae("fieldset",{"data-slot":"field-set","data-advanced":"true","data-expanded":n,"data-empty":t.length===0,className:"flex flex-col",id:e.section.id?.toString(),children:[P("legend",{children:Ae("button",{className:"flex cursor-pointer items-center gap-2 text-base font-medium text-zinc-600 dark:text-zinc-400",onClick:o,type:"button",children:[P(C,{expanded:n}),P("span",{children:R(e.title)})]})}),P(I,{visible:n,children:Ae("div",{className:"mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-zinc-300 pl-4 dark:border-zinc-600","data-slot":"field-set-content",children:[e.description&&P("p",{className:"text-sm leading-normal font-normal text-zinc-600 dark:text-zinc-400",children:R(e.description)}),e.group]})})]})}import{jsx as j,jsxs as Sn}from"react/jsx-runtime";function Nn(e){let t=Sn("div",{className:"flex flex-col",children:[e.title&&j("legend",{className:"mb-3 font-medium text-zinc-800 dark:text-zinc-200",children:R(e.title)}),e.description&&j("p",{className:"-mt-2 text-sm leading-normal font-normal text-zinc-600 dark:text-zinc-400",children:R(e.description)})]});return e.step?Sn("div",{className:"flex flex-row items-start gap-4",children:[j("div",{className:"bg-primary text-primary-foreground flex size-6 shrink-0 items-center justify-center rounded-full",children:j("span",{className:"text-sm font-bold",children:e.step})}),t]}):t}import{jsx as vn,jsxs as Ro}from"react/jsx-runtime";function ee(e){return Ro("fieldset",{className:"flex w-full min-w-0 flex-col data-[empty=false]:gap-6","data-empty":e.empty,"data-slot":"field-set",id:e.id,children:[vn(Nn,{description:e.description,step:e.step,title:e.title}),vn("div",{className:"w-full min-w-0",children:e.children})]})}import{jsx as ho}from"react/jsx-runtime";function T(e){return ho("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 Fe}from"react/jsx-runtime";function wn(e){let{fields:t=[]}=e.section,n=e.advanced?.step?e.step:void 0,{compact:r}=Q(e.style,{compact:e.section.advanced?.compact}),o=Fe(T,{compact:r,children:e.children});if(!e.section.title&&!e.section.description)return o;let i=w(e.section.title,e.translations),l=w(e.section.description,e.translations);return e.section.advanced?.collapsible?Fe(Cn,{description:l,group:o,section:e.section,title:i}):Fe(ee,{description:l,empty:t.length===0,id:e.section.id?.toString(),step:n,title:i,children:o})}import{jsx as In}from"react/jsx-runtime";function kn(){return In("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:In("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-zinc-200 dark:bg-zinc-800"})})}import{useAtomValue as vo}from"jotai";import{atom as M}from"jotai";import{atomFamily as To}from"jotai-family";import{deepEqual as Ln}from"fast-equals";function Ao(e,t){let{[t]:n,...r}=e;return r}function Fo(e){return To(t=>M(n=>n(e)[t]??void 0,(n,r,o)=>{let i=n(e);if(o!=null){let l=i[t];Ln(l,o)||r(e,{...i,[t]:o})}else t in i&&r(e,Ao(i,t))}))}function Co(e){return M(null,(t,n)=>{let r=t(e);r&&Object.keys(r).length>0&&n(e,{})})}function So(e){return M(null,(t,n,r)=>{let i={...t(e)},l=!1;for(let a of r)a in i&&(delete i[a],l=!0);l&&n(e,i)})}function No(e){return M(null,(t,n,r)=>{let o=t(e);Ln(o,r)||n(e,r)})}function te(e={}){let t=M(e);return{atom:t,clearAll:Co(t),clear:So(t),bulkReport:No(t),report:Fo(t)}}var En=te(),On=En.atom,Dn=En.report;function wo(e,t){return e.fields.every(n=>Pn(n,t))}function Pn(e,t){return t[e.name]?.hidden??e.hidden??!1}function Io(e,t){return v(e)?wo(e,t):Pn(e,t)}function Mn(e){let t=vo(On);return e.container&&(t[e.container.name]?.hidden??e.container.hidden??!1)||e.fields.length===0||e.fields.every(r=>Io(r,t))?null:e.children}import{jsx as _,jsxs as _n}from"react/jsx-runtime";function zn(e){let t=J(e.sections,e.definition);return _("div",{className:"h-full w-full",children:_("form",{noValidate:e.noValidate,action:e.action,children:_n(T,{children:[t.map((n,r)=>_n(Mn,{fields:n.fields??[],children:[_(wn,{advanced:e.advanced,section:n,step:r+1,style:e.config.style,translations:e.translations,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.advanced?.separator&&_(kn,{})]},`key-${n.id}-${r}`)),e.control&&_(ke,{isPending:e.isPending,children:e.control})]})})})}import{jsx as ko}from"react/jsx-runtime";function Vn(e){return ko("p",{className:"-mt-2 text-xs leading-normal font-normal text-zinc-600 dark:text-zinc-400 [[data-slot=column]_&]:md:line-clamp-2",title:e.title,children:e.children})}import{useState as Lo}from"react";import{jsx as Bn,jsxs as Hn}from"react/jsx-runtime";function ne(e){let t={context:e.context,env:e.config?.env,value:e.value},r={locale:e.config?.env?.locale},[o,i]=Lo(()=>u(e.text)&&"collapsed"in e.text?!e.text.collapsed:!0),l=()=>i(m=>!m),a=u(e.text)&&c(e.text.title)?R(b(O(e.text.title,t,r),e.translations)):void 0,s=b(O(c(e.text)?e.text:e.text?.message,t,r),e.translations),d=R(s);return d?Hn("div",{className:"flex flex-col gap-2",children:[a&&Hn("button",{className:"flex items-center gap-1 text-left text-xs font-medium text-zinc-700 hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100",onClick:l,type:"button",children:[a,Bn(C,{expanded:o})]}),o&&Bn(Vn,{title:s,children:d})]}):null}import{atom as Gn}from"jotai";var re=te(),aa=re.atom,sa=re.clearAll,ca=re.clear,Un=re.report,da=Gn({}),ua=Gn(null);import{useAtomValue as $n}from"jotai";import{jsx as Eo}from"react/jsx-runtime";function oe(e){let t=$n(Un(e.field.name)),r=$n(Dn(e.field.name))?.description??e.field.description;return Eo(ne,{config:e.config,context:e.context,text:r,translations:e.translations,value:t})}import{twMerge as Oo}from"tailwind-merge";import{jsx as Yn,jsxs as Do}from"react/jsx-runtime";function Xn(e){let t=e.style?.showOptionalLabel??!0,n=F(e.field)||x(e.field);return Do("label",{"data-slot":"field-label","data-normal":n,className:Oo("flex w-fit items-center text-sm leading-snug font-medium select-none","data-[normal=true]:font-normal [[data-slot=column]_&]:md:w-full","group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"),htmlFor:e.field.name,title:c(e.children)?e.children:void 0,children:[Yn("span",{className:"[[data-slot=column]_&]:md:truncate",children:e.children}),t&&!e.field.required&&Yn("span",{className:"ml-2 flex-shrink-0 text-sm text-zinc-600 dark:text-zinc-400",children:K("(Optional)",e.translations)})]})}import{jsx as Kn,jsxs as Po}from"react/jsx-runtime";function Wn(e){let t={context:e.context,env:e.config?.env},n=e.config?.env?.locale,r=O(e.field.label,t,{locale:n});return Po("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[Kn(Xn,{field:e.field,style:e.config?.style,translations:e.translations,children:b(r,e.translations)}),e.horizontal===!0&&Kn(oe,{config:e.config,context:e.context,field:e.field,translations:e.translations})]})}import{Fragment as Mo,jsx as Zn,jsxs as _o}from"react/jsx-runtime";function qn(e){return _o(Mo,{children:[e.field.name&&e.field.label&&Zn(Wn,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations}),e.children,e.horizontal===!1&&Zn(oe,{config:e.config,context:e.context,field:e.field,translations:e.translations})]})}function Jn(e,t){return e?t(e):null}import{jsx as Qn}from"react/jsx-runtime";function jn(e){let t=cn(e.field,e.value),{commonPropsWithOptions:n,defaultValue:r}=dn(e.field,e.commonProps,t,e.value,e.translations),o=un(e.field,r);return Jn(e.config.inputs[e.field.type],i=>Qn(qn,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations,children:Qn(i,{...e.ariaAttributes,...n,...e.dataAttributes,...o})}))}import{jsx as er}from"react/jsx-runtime";function tr(e){return!e.errors||e.errors.length===0?null:er("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)=>er("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}import{twMerge as zo}from"tailwind-merge";import{jsx as Vo}from"react/jsx-runtime";function ie(e){let t=e.errors&&e.errors.length>0;return Vo("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[rt]:"true"},...e.disabled&&{[ot]:"true"},"data-orientation":e.orientation,className:zo("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 Bo}from"tailwind-merge";import{jsx as Ho}from"react/jsx-runtime";function nr(e){return Ho(ie,{...e,orientation:"vertical",className:Bo("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}import{twMerge as Go}from"tailwind-merge";import{jsx as Uo}from"react/jsx-runtime";function rr(e){return Uo(ie,{...e,orientation:"horizontal",className:Go("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 or}from"react/jsx-runtime";function ir(e){let t=_t(e.field),n=x(e.field),r=Bt(e.field);return e.horizontal?or(rr,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children}):or(nr,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children})}function lr(e){if(!e.field.type)return null;let t=rn(e.field,e.disabled,{lang:e.lang,translations:e.translations}),n=yn(e.field),r=pn(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 $o}from"tailwind-merge";import{jsx as Ce,jsxs as Yo}from"react/jsx-runtime";function ar(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{horizontal:r=!1}=Q(e.style,{horizontal:Vt(e.field)}),o=Ht(e.field,e.disabled);return Yo("div",{className:$o("flex flex-col gap-3",hn(t)),children:[Ce(ir,{disabled:o,errors:n,field:e.field,horizontal:r,children:Ce(lr,{disabled:o,errors:n,field:e.field,horizontal:r,lang:e.lang,translations:e.translations,children:e.children})}),Ce(tr,{errors:n,name:e.field.name})]})}import{twMerge as Se}from"tailwind-merge";import{useState as Xo}from"react";import{Fragment as Ko,jsx as g,jsxs as A}from"react/jsx-runtime";function sr(e){let t=e.isMultiField||e.collapsed!=null,[n,r]=Xo(t?!e.collapsed:!0);function o(){e.canRemove&&e.onRemove&&e.onRemove(e.index)}function i(){r(m=>!m)}let l=m=>E(K(m,e.translations),{index:e.index+1,label:e.label}),a=e.canRemove&&e.onRemove!=null&&g("button",{"aria-label":l("Remove {label} item {index}"),className:Se("flex size-6 items-center justify-center rounded text-xl leading-none text-zinc-400","transition-colors duration-150","hover:text-red-500","focus-visible:ring-2 focus-visible:ring-zinc-400 focus-visible:outline-none","dark:text-zinc-500 dark:hover:text-red-400"),onClick:o,type:"button",children:g("span",{"aria-hidden":"true",className:"leading-none",children:"\xD7"})}),s=A("div",{className:"flex min-w-0 flex-col font-medium text-zinc-700 dark:text-zinc-400",children:[g("span",{className:"text-base",children:e.previewLabel??A(Ko,{children:[e.label," ",e.index+1]})}),!n&&e.previewTags&&g("div",{className:"flex items-center gap-2 overflow-hidden text-xs font-normal text-ellipsis whitespace-nowrap text-zinc-500 dark:text-zinc-500",children:e.previewTags})]}),d=A("div",{className:Se("flex items-center justify-between gap-2",e.isMultiField&&n&&"mb-3"),children:[t?A("div",{className:"flex min-w-0 grow items-center gap-2",children:[A("button",{"aria-expanded":n,"aria-label":l(n?"Collapse {label} {index}":"Expand {label} {index}"),className:Se("group flex grow items-center gap-2 rounded p-1 text-left text-zinc-400","focus-visible:ring-2 focus-visible:ring-zinc-400 focus-visible:outline-none","dark:text-zinc-500"),onClick:i,type:"button",children:[g(C,{expanded:n}),s]}),!n&&e.previewBadge&&g("div",{className:"ml-auto shrink-0",children:e.previewBadge})]}):s,a]});return e.isMultiField?A("div",{"data-slot":"list-item-card",className:"box-border w-full min-w-0 rounded-lg border border-zinc-100 p-4 dark:border-zinc-900",children:[d,g(I,{visible:n,children:g(T,{children:e.children})})]}):t?A("div",{className:"box-border flex w-full min-w-0 flex-col gap-2",children:[d,g(I,{visible:n,children:g(T,{children:e.children})})]}):A("div",{className:"box-border flex w-full min-w-0 items-start gap-2",children:[g("div",{className:"flex min-w-0 grow flex-col",children:g(T,{children:e.children})}),a&&g("div",{className:"shrink-0",children:a})]})}import{jsx as Wo}from"react/jsx-runtime";function cr(e){let t=b(Fn(e.field),e.translations),n=Tn(e.field);return An(e.field,e.value).map(r=>Wo(sr,{collapsed:e.field.advanced?.collapsed,index:r,isMultiField:n,label:t,translations:e.translations,children:e.children(r)},r))}import{jsx as Zo}from"react/jsx-runtime";function dr(e){let t=Array.isArray(e.field.fields)&&e.field.fields.length===0,n=w(e.field.label,e.translations),r=w(e.field.description,e.translations);return Zo(ee,{description:r,empty:t,id:e.field.name,title:n,children:e.children})}import{jsx as ur}from"react/jsx-runtime";function fr({children:e,field:t,lang:n,translations:r,value:o}){return ur(dr,{field:t,translations:r,children:ur(cr,{field:t,lang:n,translations:r,value:o,children:e})})}import{twMerge as qo}from"tailwind-merge";import{jsx as mr,jsxs as Jo}from"react/jsx-runtime";function gr(e){let t=Rn(e.column?.advanced?.cols);return Jo("div",{className:"flex w-full flex-col gap-4",children:[mr("div",{"data-slot":"column",className:qo("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children}),e.column?.description&&mr(ne,{config:e.config,context:e.context,text:e.column.description,translations:e.translations})]})}import{Fragment as jo}from"react";import{jsx as Qo}from"react/jsx-runtime";function pr(e){let t=Array.isArray(e.field.fields)?e.field.fields.map(n=>X(n)||Y(n)?{...n,name:`${e.field.name}.${e.index}.${n.name}`}:v(n)?{...n,fields:n.fields.map(r=>({...r,name:`${e.field.name}.${e.index}.${r.name}`}))}:n):[];return Qo(z,{components:e.components,config:e.config,context:e.context,disabled:e.disabled,fields:t,lang:e.lang,onValueChange:e.onValueChange,style:e.style,translations:e.translations,value:e.value,children:e.children})}import{jsx as V,jsxs as ei}from"react/jsx-runtime";function z(e){let{field:t,list:n}=e.components;return J(e.fields).map((r,o)=>ei(jo,{children:[v(r)&&V(gr,{column:r,config:e.config,context:e.context,translations:e.translations,children:V(z,{...e,fields:r.fields})}),X(r)&&V(t,{disabled:e.disabled,field:r,lang:e.lang,style:e.style,translations:e.translations,children:e.children}),Y(r)&&V(n,{field:r,lang:e.lang,onValueChange:e.onValueChange,translations:e.translations,value:e.value,children:i=>V(pr,{components:e.components,config:e.config,context:e.context,disabled:e.disabled,field:r,index:i,lang:e.lang,onValueChange:e.onValueChange,style:e.style,translations:e.translations,value:e.value,children:e.children})})]},o))}import{jsx as ti}from"react/jsx-runtime";function yr(e){return n=>ti(z,{...n,components:e})}var xr=yr({field:ar,list:fr});import{jsx as Ne}from"react/jsx-runtime";function ve(e){let t=nn(e.lang,e.translations);return Ne(zn,{advanced:e.advanced,config:e.config,control:e.children,definition:e.definition,readOnly:e.readOnly,sections:e.sections,translations:t,children:({disabled:n,fields:r})=>Ne(xr,{config:e.config,context:e.context,disabled:n,fields:r,lang:e.lang,style:e.config.style,translations:t,value:e.value,children:o=>Ne(jn,{...o,config:e.config,context:e.context,translations:t,value:e.value})})})}import{Suspense as ni}from"react";import{jsx as br}from"react/jsx-runtime";function ri(e){return br(ni,{fallback:br(ve,{config:e.config,sections:e.sections,readOnly:!0}),children:e.children})}export{ri as Fallback,ve as Form};
@@ -1,5 +1,5 @@
1
1
  import type { core, z, ZodObject } from 'zod';
2
- export type Schema = z.ZodTypeAny;
2
+ export type Schema = z.ZodType;
3
3
  export type Schemas = Record<string, Schema>;
4
4
  export type ZodSchema = ZodObject<{
5
5
  [x: string]: Schema;
@@ -31,6 +31,22 @@ type Orderable = {
31
31
  };
32
32
  type Hideable = {
33
33
  hidden?: boolean;
34
+ /**
35
+ * Whether hiding this field leaves its value behind instead of taking it.
36
+ *
37
+ * Hiding a field normally clears what it held, and says so, because on a
38
+ * controlled form a value the host still carries comes back the moment the
39
+ * field is shown again -- so a clear nobody was told about undoes itself.
40
+ * That is the right default: a field nobody can see is usually a field whose
41
+ * data no longer applies.
42
+ *
43
+ * It is the wrong default for a field that is put away rather than dropped --
44
+ * two views of the same thing, where hiding one is a change of scenery and
45
+ * not a change of mind. Declared on the FIELD and not on the rule that hides
46
+ * it: a field either survives being put away or it does not, and which of
47
+ * several rules happened to hide it this time says nothing about that.
48
+ */
49
+ keepValue?: boolean;
34
50
  };
35
51
  export type Sections = Section[];
36
52
  export type Multiple = readonly (string | number | boolean)[];
@@ -1,6 +1,6 @@
1
1
  import type { Field, Nullable } from '../type';
2
2
  export declare function buildOptions(field: Field, values?: Nullable<Record<string, unknown>>): Record<string, unknown>[] | undefined;
3
- export declare function buildOrientation(field: Field): boolean;
3
+ export declare function buildOrientation(field: Field): boolean | undefined;
4
4
  export declare function buildReverse(field: Field): boolean;
5
5
  export declare function buildDisabled(field: Field, disabled?: boolean): boolean;
6
6
  export declare function buildSource(field: Field): import("..").DataSource | unknown[] | undefined;
@@ -3,10 +3,10 @@ import type { CustomValidation, Definition, Field, Input, Schemas, Sections, Zod
3
3
  export declare function buildSchema(schemas: Schemas, fields?: Field[], translations?: Record<string, string>): ZodSchema;
4
4
  export declare function flatten(error: z.ZodError<Record<string, unknown>>): Record<string, string[]>;
5
5
  export declare function getSchema(input: Input, translations?: Record<string, string>): z.ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>;
6
- export declare function getEmail(input: Input, translations?: Record<string, string>): z.ZodPreprocess<z.ZodPipe<z.ZodString, z.ZodEmail>> | z.ZodNullable<z.ZodUnion<[z.ZodPipe<z.ZodString, z.ZodEmail>, z.ZodLiteral<"">]>>;
7
- export declare function getText(input: Input, translations?: Record<string, string>): z.ZodPreprocess<z.ZodCoercedString<unknown>> | z.ZodNullable<z.ZodCoercedString<unknown>>;
8
- export declare function getNumber(input: Input, translations?: Record<string, string>): z.ZodNullable<z.ZodCoercedNumber<unknown>> | z.ZodPreprocess<z.ZodCoercedNumber<unknown>>;
9
- export declare function getYearSchema(input: Input, translations?: Record<string, string>): z.ZodNullable<z.ZodCoercedNumber<unknown>> | z.ZodPreprocess<z.ZodCoercedNumber<unknown>>;
6
+ export declare function getEmail(input: Input, translations?: Record<string, string>): z.ZodPreprocess<z.ZodPipe<z.ZodString, z.ZodEmail>, unknown> | z.ZodNullable<z.ZodUnion<[z.ZodPipe<z.ZodString, z.ZodEmail>, z.ZodLiteral<"">]>>;
7
+ export declare function getText(input: Input, translations?: Record<string, string>): z.ZodPreprocess<z.ZodCoercedString<unknown>, unknown> | z.ZodNullable<z.ZodCoercedString<unknown>>;
8
+ export declare function getNumber(input: Input, translations?: Record<string, string>): z.ZodNullable<z.ZodCoercedNumber<unknown>> | z.ZodPreprocess<z.ZodCoercedNumber<unknown>, unknown>;
9
+ export declare function getYearSchema(input: Input, translations?: Record<string, string>): z.ZodNullable<z.ZodCoercedNumber<unknown>> | z.ZodPreprocess<z.ZodCoercedNumber<unknown>, unknown>;
10
10
  export declare function getMonthSchema(input: Input, translations?: Record<string, string>): z.ZodCoercedNumber<unknown> | z.ZodNullable<z.ZodCoercedNumber<unknown>>;
11
11
  export declare function applyCustomValidation(schema: ZodSchema, fields?: Field[], translations?: Record<string, string>): ZodSchema;
12
12
  export declare function validateCustom(value: unknown, rules: CustomValidation | Array<CustomValidation>, getValue: (name: string) => unknown, translations?: Record<string, string>): string[];
@@ -1,6 +1,2 @@
1
1
  import type { Style } from '../type';
2
- export declare function mergeStyle(globalStyle?: Style, localStyle?: Style): {
3
- compact?: boolean;
4
- horizontal?: boolean;
5
- showOptionalLabel?: boolean;
6
- };
2
+ export declare function mergeStyle(globalStyle?: Style, localStyle?: Style): Style;
@@ -12,6 +12,23 @@ export declare const reportPendingListRowsAtom: import("jotai-family").AtomFamil
12
12
  export type MountedList = {
13
13
  items: readonly number[];
14
14
  leafNames: readonly string[];
15
+ /**
16
+ * The list's own `hidden`, as its definition declares it.
17
+ *
18
+ * Here rather than looked up, because there is nowhere to look it up: the
19
+ * schema registry `getSchema` answers from is filled by `onMount` on the
20
+ * input path, and a container never goes through it. That gap is what let a
21
+ * list keep its values through a hide -- the branch that clears a target
22
+ * reverting to its static hidden asked only that registry, found nothing,
23
+ * and skipped the list, while an explicit `hidden: true` cleared it. Same
24
+ * declaration, two outcomes. See `tests/e2e/hidden-clear.spec.ts`.
25
+ *
26
+ * A list that is not on screen has no entry, and that is the right answer
27
+ * rather than a gap: the only target worth clearing is one that was showing.
28
+ */
29
+ hidden?: boolean;
30
+ /** The list's own `keepValue`, published for the same reason as `hidden`. */
31
+ keepValue?: boolean;
15
32
  };
16
33
  export declare const mountedListsAtom: import("jotai").PrimitiveAtom<Record<string, MountedList>> & {
17
34
  init: Record<string, MountedList>;
@@ -10,6 +10,8 @@ In many actions (like `value`, `source`, and `state`), you may want to use the v
10
10
 
11
11
  Placeholders also support format filters with pipe syntax (`{value | filter:arg}`) for locale-aware formatting of currency, dates, percentages, and durations. See [Format Filters](../interpolation/format-filters.md) for the full reference.
12
12
 
13
+ What a placeholder can reach in an event payload is the selected option and only that; the rules, and the different set a label or a description resolves against, are in [Interpolation](../interpolation/overview.md).
14
+
13
15
  ### Passing a structure rather than text
14
16
 
15
17
  A placeholder is normally replaced _inside_ a string, so what comes out is text. When the template is **nothing but one placeholder** and the value behind it is an object or an array, the `value` action hands that value over untouched instead:
@@ -188,13 +190,80 @@ The `state` action modifies the interactive state or visibility of other fields
188
190
  - `target` (string | array of strings): The field name, or an array of field names, that the state modifications should be applied to.
189
191
  - `state` (object): An object containing the new state to apply. Properties are independent of field names — the form may safely contain a field whose `name` is `"description"`, `"disabled"` or `"hidden"`; `target` identifies the field, the keys inside `state` configure it.
190
192
  - `disabled` (boolean, optional): Whether the field should be disabled.
191
- - `hidden` (boolean, optional): Whether the field should be hidden from view. **Note:** When a field becomes hidden (`hidden: true`), its current value is automatically cleared from the form state to ensure no non-applicable data is submitted.
193
+ - `hidden` (boolean, optional): Whether the field should be hidden from view. **Note:** When a field becomes hidden (`hidden: true`), its current value is automatically cleared from the form state to ensure no non-applicable data is submitted. See [What clearing a hidden target means](#what-clearing-a-hidden-target-means).
192
194
  - `description` (string | object, optional): A new description to render for the target field. Supports interpolation, format filters, and **Markdown** (specifically links). e.g. `"Check our [terms](https://example.com) for details."`.
193
195
  - `when` (string | array of strings | [Condition object](#the-condition-object), optional): A condition that specifies when this state should be applied.
194
196
  - If a **string** is provided, it matches exactly against the field's new value.
195
197
  - If an **array of strings** is provided, it performs an **OR match** (the state is applied if the field's new value matches _any_ string in the array).
196
198
  - If a **Condition object** is provided, it evaluates complex logic.
197
199
 
200
+ #### What clearing a hidden target means
201
+
202
+ The clear is reported, not only applied. Every field the clear empties is
203
+ announced through `onValueChange` with `value: undefined`, the same way a
204
+ `value` action announces what it writes.
205
+
206
+ That is what makes the clear stick on a **controlled** form — one that holds
207
+ the values in its own state and feeds them back through the `value` prop.
208
+ Hiding a field unmounts it, so the form's own copy goes away with it; if the
209
+ host were not told, its copy would remain, and the next time the target was
210
+ shown the field would read the host's `value` and put the old data straight
211
+ back. The value would be gone from the form and still be in the consumer,
212
+ which is the one place it could return from.
213
+
214
+ So the rule reads the same from both sides: once a `state` action hides a
215
+ field, the value is gone. Showing the field again gives an empty field, never
216
+ the old data, and a host that mirrors `onValueChange` into its own state stays
217
+ in step without doing anything special.
218
+
219
+ ```json
220
+ {
221
+ "action": "state",
222
+ "target": ["advanced_body"],
223
+ "state": { "hidden": true },
224
+ "when": "none"
225
+ }
226
+ ```
227
+
228
+ Selecting `none` hides `advanced_body`, drops its value, and reports
229
+ `advanced_body` as `undefined`. Selecting anything else shows the field empty.
230
+
231
+ A target that holds nothing is not announced — there is nothing to clear —
232
+ and a target that keeps its own values under compound names (a `group`, a
233
+ `list`) has each of those cleared and reported in its own right.
234
+
235
+ It does not matter how the form phrases the hiding. A rule whose state is
236
+ `hidden: true`, and a rule that reveals with `hidden: false` and stops matching
237
+ so the field falls back to its own `hidden`, are the same act and clear the
238
+ same values -- containers included.
239
+
240
+ #### Keeping a value through a hide
241
+
242
+ A field that declares `keepValue: true` is put away rather than dropped: hiding
243
+ it leaves what it held, showing it again gives it back, and the consumer is
244
+ told nothing because nothing was taken.
245
+
246
+ ```json
247
+ {
248
+ "label": "Raw text",
249
+ "name": "raw",
250
+ "type": "textarea",
251
+ "hidden": true,
252
+ "keepValue": true
253
+ }
254
+ ```
255
+
256
+ It is declared on the FIELD and not on the rule, for the same reason the clear
257
+ does not care how the hiding was phrased: a field either survives being put
258
+ away or it does not, and which of several rules happened to hide it this time
259
+ says nothing about that. A `list` may declare it too, and then it covers every
260
+ value its rows hold.
261
+
262
+ Reach for it where two fields are two views of the same thing and the form
263
+ swaps between them -- there, hiding one is a change of scenery, not a change of
264
+ mind. Leave it off everywhere else: a value the user cannot see and cannot
265
+ correct is one that still gets submitted.
266
+
198
267
  #### What `when` compares against for a `chips` field
199
268
 
200
269
  A `chips` field [holds an array](../fields/select.md#a-chips-value-is-always-an-array),
@@ -316,6 +385,12 @@ below run before the user has touched anything.
316
385
  Two details:
317
386
 
318
387
  - **It happens once.** Re-rendering does not fire it again.
388
+ - **It waits for the whole form.** What a `value` or a `source` action writes is
389
+ addressed to another field, and a field declared after the one carrying the
390
+ event has not mounted when that field does. So the run is held until the form
391
+ is complete, and only then are the targets filled and the sources fetched.
392
+ This is still before anything is painted: nothing flashes in between, and
393
+ target order in the definition does not change what happens.
319
394
  - **A select waits for its options.** For a field whose options come from a
320
395
  `source`, the initial run is held until the data has loaded, so an action
321
396
  keyed on the selected entity sees the entity rather than a bare value. Text
@@ -378,7 +453,7 @@ In the `state` action (and potentially other areas), the `when` property can be
378
453
  - `"lt"`: Less than
379
454
  - `"lte"`: Less than or equal
380
455
  - `value` (string | number | array): The target value to compare against the field's current value.
381
- - `field` (string, optional): If specified, the condition evaluates the value of _another_ field instead of the field that triggered the change event.
456
+ - `field` (string, optional): Reads a different key of the **selected option** instead of its value. It is not a reference to another field in the form: a change event carries the option behind the selection and nothing else, so `field` reaches `{ "value": "cl", "dial": "+56" }`'s `dial`, not a sibling input. On a text or date field, whose event carries only `{ value }`, any other key resolves to nothing and the condition fails. See [Event payloads](../interpolation/overview.md#event-payloads).
382
457
 
383
458
  ### Examples of Conditions
384
459
 
@@ -0,0 +1,113 @@
1
+ # Data Sources
2
+
3
+ The options of a `select`, `radio` or `chips` can be written in the schema or
4
+ fetched. This page is the fetched half: the shape of a `DataSource`, when a
5
+ request is actually made, and what happens when one is not.
6
+
7
+ Declaring options inline is covered in [select.md](select.md#1-static-options),
8
+ and mapping a fetched row onto `{ label, value }` in
9
+ [Property Mapping Reference](select.md#property-mapping-reference).
10
+
11
+ ## The shape
12
+
13
+ ```json
14
+ {
15
+ "name": "country",
16
+ "type": "select",
17
+ "label": "Country",
18
+ "source": {
19
+ "url": "/api/countries",
20
+ "method": "GET",
21
+ "namespace": "data.results",
22
+ "headers": { "X-Tenant": "acme" },
23
+ "cache": "no-store"
24
+ }
25
+ }
26
+ ```
27
+
28
+ | Key | Type | Does |
29
+ | ----------- | -------------------- | -------------------------------------------------- |
30
+ | `url` | `string`, required | relative or absolute |
31
+ | `method` | `string` | defaults to `GET` |
32
+ | `namespace` | `string` | dot path to the array inside the response |
33
+ | `headers` | `HeadersInit` | merged over `Accept: application/json` |
34
+ | `body` | `object \| BodyInit` | query parameters on a `GET`, a JSON body otherwise |
35
+ | `cache` | `RequestCache` | passed through to `fetch` |
36
+
37
+ ## `body` changes meaning with the method
38
+
39
+ On a `GET`, each key of `body` is appended to the URL as a query parameter, and
40
+ keys holding `undefined` are dropped rather than sent as the string
41
+ `"undefined"`. On anything else the body is serialized as JSON and
42
+ `Content-Type: application/json` is added for you.
43
+
44
+ ## `namespace` reaches into the response
45
+
46
+ An API that answers with the array itself needs nothing. One that wraps it needs
47
+ the dot path to it:
48
+
49
+ ```json
50
+ { "url": "/api/countries", "namespace": "data.results" }
51
+ ```
52
+
53
+ If the response is already an array, `namespace` is ignored. If the path does
54
+ not lead to an array, the field renders with no options — the same outcome as an
55
+ empty response.
56
+
57
+ ## When a request is made, and when it is not
58
+
59
+ Four ways to end up with an empty field and no request:
60
+
61
+ - **The source is an array.** Inline options are used as they are.
62
+ - **The URL still holds a placeholder.** A cascading source keyed on another
63
+ field is not fetched until that placeholder resolves. This is deliberate and
64
+ it is also what a typo produces — see
65
+ [Interpolation](../interpolation/overview.md#an-unresolved-placeholder-cancels-a-request).
66
+ - **The URL is blocked** by [`fetcher.remotePatterns`](../setup.md#fetcherremotepatterns).
67
+ This one is logged; the others are silent. Relative URLs are internal and
68
+ always allowed.
69
+ - **The field is disabled.** Nothing is fetched, and a disabled `select` whose
70
+ value is an object renders that object as its only option — so a saved
71
+ selection is still readable on a form that cannot be edited.
72
+
73
+ Requests are keyed by the source itself, so two fields declaring the same one
74
+ share a single request and its cache entry.
75
+
76
+ ## Failures
77
+
78
+ A non-2xx response throws with the parsed body, and the error is logged rather
79
+ than rendered: the field shows an empty list. A response that is not JSON fails
80
+ the same way, since the body is always parsed as JSON.
81
+
82
+ A URL containing the literal `null` or `undefined` in a path or query segment is
83
+ rejected before the request goes out — the usual sign that a placeholder
84
+ resolved to nothing.
85
+
86
+ ## Changing a source at run time
87
+
88
+ A [`source` change event](../events/change.md#3-source-action-sourceevent)
89
+ installs a new `DataSource` on another field, with `{value}` and the rest of the
90
+ selected option interpolated into its `url` and `body`.
91
+
92
+ Several events aimed at the same target **merge** rather than replace: query
93
+ parameters from each URL are combined, `body` and `headers` are merged key by
94
+ key, and for anything else the most recent event wins. Two fields can each
95
+ contribute a parameter to one dependent source that way.
96
+
97
+ Options that arrive from a source are data, not authored copy, so they are not
98
+ resolved against the dictionary — see
99
+ [Translating Options](select.md#translating-options).
100
+
101
+ ## Sharing one source between fields
102
+
103
+ A source used in more than one place belongs in a
104
+ [definition](../structure/definition.md), named once and referenced:
105
+
106
+ ```json
107
+ {
108
+ "source": { "$ref": "#/definition/sources.countries" }
109
+ }
110
+ ```
111
+
112
+ A reference that does not resolve is left as written, and a `source` that is
113
+ still a `$ref` is never fetched.
@@ -31,6 +31,7 @@ Luna Form's input fields inherit the standard logical properties available to al
31
31
  - **`disabled`** _(boolean, optional)_: If `true`, the field is non-interactive and blocked from events.
32
32
  - **`readonly`** _(boolean, optional)_: If `true`, the field's value is locked and cannot be modified by the user.
33
33
  - **`hidden`** _(boolean, optional)_: If `true`, the field is hidden from the user interface.
34
+ - **`keepValue`** _(boolean, optional)_: If `true`, hiding the field leaves its value behind instead of taking it. See [What clearing a hidden target means](../events/change.md#what-clearing-a-hidden-target-means).
34
35
  - **`order`** _(number, optional)_: A numeric order determining the field's position relative to adjacent fields.
35
36
 
36
37
  ---
@@ -44,7 +45,7 @@ The `advanced` property dictates finer HTML details, interactive structures, and
44
45
  - **`autocomplete`** _(string)_: Standard HTML autocomplete attribute (e.g., `"username"`, `"off"`).
45
46
  - **`cols`** _(number)_: Layout column span for CSS grid alignment.
46
47
  - **`horizontal`** _(boolean)_: Overrides configuration layout to render label and input horizontally.
47
- - **`reverse`** _(boolean)_: If `true`, reverses the flex direction.
48
+ - **`reverse`** _(boolean)_: `checkbox` only, and it exists to turn a default **off**. A checkbox renders its box first and its label after it; `reverse: false` swaps them, `true` changes nothing, and on any other field type the key is not read. See [Layout](../structure/layout.md#advancedreverse-checkbox-only).
48
49
  - **`aria`** _(object)_: Map of specific ARIA attributes for screen readers (e.g., `{ "aria-label": "Custom label" }`).
49
50
  - **`data`** _(object)_: Map of specific HTML data attributes (e.g., `{ "data-test-id": "my-field" }`).
50
51
  - **`transient`** _(boolean)_: If `true`, the field fires its change events and keeps nothing of its own — it is neither stored nor reported to the consumer. For a control whose whole job is to write to _another_ field. See [Transient controls](../events/change.md#transient-controls).
@@ -18,6 +18,9 @@ The `list` field type in Luna Form acts as an iterative array structure, enablin
18
18
 
19
19
  The `advanced` property customizes structural interaction rules and layout rendering for the collection container.
20
20
 
21
+ - **`title`** _(string)_: Names one item of the collection. The header of the second row then reads `Contact 2` and its controls announce `Collapse Contact 2` and `Remove Contact 2`.
22
+ It falls back to the list's `label`, and then to its `name`, so a list called `contacts` with neither captions its rows `contacts 1`. A [`preview.label`](#collapsed-previews-preview-object) replaces the caption where it resolves; this stays the fallback for the rows where it does not.
23
+ Like `action`, it is copy the form declares, so it is translated through the dictionary — see [Localization](#localization).
21
24
  - **`action`** _(string)_: A custom label applied strictly to the generic "Add item" button rendering at the end of the collection (e.g. `"Add email address"`).
22
25
  A custom label has to be translated by the form; the built-in `Add item` default is already translated by the library — see [Localization](#localization).
23
26
  - **`length`** _({ min?: number, max?: number })_: Configures restrictions on how many items can be generated. Enforces boundary conditions where minimum instances ensure permanent default items and maximum instances automatically disable insertion toggles. The matching error messages are declared under the list's `validation.length` — see the [Validation reference](../validation/overview.md#list-length).
@@ -65,7 +68,7 @@ For example, if you want a field inside the list to update another field **in th
65
68
  {
66
69
  "name": "role",
67
70
  "type": "select",
68
- "options": [
71
+ "source": [
69
72
  { "value": "admin", "label": "Admin" },
70
73
  { "value": "user", "label": "User" }
71
74
  ],
@@ -215,7 +218,7 @@ Left untranslated, the template fills in to the same English text it replaced.
215
218
  {
216
219
  "name": "status",
217
220
  "type": "select",
218
- "options": [
221
+ "source": [
219
222
  { "value": "active", "label": "Currently Employed" },
220
223
  { "value": "past", "label": "Past Job" }
221
224
  ]
@@ -36,7 +36,7 @@ Each option consists of:
36
36
 
37
37
  ### 2. Remote Data Source
38
38
 
39
- You can fetch options from a remote API by providing a `DataSource` configuration.
39
+ You can fetch options from a remote API by providing a `DataSource` configuration. Its full shape, and when a request is and is not made, are in [data-source.md](data-source.md).
40
40
 
41
41
  ```json
42
42
  "source": {
@@ -79,6 +79,52 @@ Inside `advanced.options`, you can map:
79
79
 
80
80
  ---
81
81
 
82
+ ### `advanced.entity`
83
+
84
+ `advanced.options` decides what the user sees and what the field submits.
85
+ `advanced.entity` decides how a value is matched **back** to the row it came
86
+ from, and it defaults to `value`.
87
+
88
+ That default is right for options shaped `{ label, value }` and wrong for
89
+ everything else, which is why it belongs next to `options`: whenever
90
+ `options.value` names a key other than `value`, `entity` has to name the same
91
+ key.
92
+
93
+ ```json
94
+ {
95
+ "name": "user_selection",
96
+ "type": "select",
97
+ "source": { "url": "/api/users" },
98
+ "advanced": {
99
+ "entity": "id",
100
+ "options": { "value": "id", "label": "name" }
101
+ },
102
+ "event": {
103
+ "change": [{ "action": "value", "value": { "contact_email": "{email}" } }]
104
+ }
105
+ }
106
+ ```
107
+
108
+ It does two things, both of them a lookup by that key:
109
+
110
+ - **A change event gets the whole row.** The library finds the source row whose
111
+ `entity` key equals the current selection and hands that object to the
112
+ event, which is what makes `{email}` — a key that is neither the label nor
113
+ the value — resolvable. Without `entity` the lookup matches nothing, the
114
+ event falls back to `{ value }`, and every other placeholder is left literal.
115
+ See [Event payloads](../interpolation/overview.md#event-payloads).
116
+ - **An object value is read through it.** A form whose value for this field is
117
+ the whole record rather than the id — `{ "id": 101, "name": "John" }` — shows
118
+ the right option, because `entity` says which key of that object is the
119
+ value. Without it the field looks for a `value` key, finds none, and mounts
120
+ empty.
121
+
122
+ The comparison is made on the text of both sides, so a numeric `id` in the
123
+ source matches the string the select reports.
124
+
125
+ `entity` is not read for `chips`: an array selection answers to no single row,
126
+ so a `chips` change carries the array itself.
127
+
82
128
  ## Translating Options
83
129
 
84
130
  When the options are declared inline as an array, `label` and `description` are resolved against the form dictionary, exactly like a field's own `label`. Missing keys fall back to the key itself.
@@ -139,6 +185,8 @@ Specialized selectors carry their own built-in labels and are not resolved again
139
185
  - **`multiple`** _(boolean, optional)_: (Available for `chips`) Allows selecting more than one option. Defaults to `true`.
140
186
  - **`preselected`** _(boolean, optional)_: For specialized selectors like `select/month`, determines if the current value (e.g., current month) should be selected by default.
141
187
  - **`horizontal`** _(boolean, optional)_: Renders the options or selector horizontally.
188
+ - **`entity`** _(string, optional)_: The key that identifies an option row, defaulting to `value`. Set it whenever `options.value` names a different key — see [`advanced.entity`](#advancedentity).
189
+ - **`options`** _({ label, value, description }, optional)_: Maps the keys of a remote row onto the option shape — see [Property Mapping Reference](#property-mapping-reference).
142
190
 
143
191
  ### A chips value is always an array
144
192