react-luna-form 0.0.22 → 0.0.24

package/dist/server/cjs/index.js

@@ -1 +1,1085 @@
-"use strict";var $=Object.defineProperty;var Zt=Object.getOwnPropertyDescriptor;var Jt=Object.getOwnPropertyNames;var Qt=Object.prototype.hasOwnProperty;var jt=(e,t)=>{for(var n in t)$(e,n,{get:t[n],enumerable:!0})},en=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Jt(t))!Qt.call(e,o)&&o!==n&&$(e,o,{get:()=>t[o],enumerable:!(r=Zt(t,o))||r.enumerable});return e};var tn=e=>en($({},"__esModule",{value:!0}),e);var hn={};jt(hn,{Fallback:()=>Wt,Form:()=>B});module.exports=tn(hn);var ie=require("react/jsx-runtime");function oe(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return(0,ie.jsx)("div",{"data-slot":"field-control",className:"w-full",children:t})}var le=require("react/jsx-runtime");function S(e){return(0,le.jsx)("div",{"data-slot":"field-group","data-compact":e.compact,className:"flex w-full flex-col gap-8 data-[compact=true]:gap-3",children:e.children})}var L="input",ae="input/email",se="input/number";var ce="textarea",de="radio",ue="checkbox",fe="select",me="select/month",pe="select/year";var H="column";var ge="label",K="value",D="options",W="email",xe="number",ye="password",be="tel",E="text",Re="aria-errormessage",Te="aria-invalid",Ae="data-invalid",Ce="data-readonly",he="aria",Ne="data",Fe="min",Se="max",Ee="minLength",Ie="maxLength",A="$ref";var f="vertical",C="horizontal";function l(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function m(e){return typeof e=="string"||typeof e=="number"||typeof e=="boolean"}function g(e){return typeof e=="string"}var nn=/[^/]+$/;function Oe(e,t=K){if(e!=null){if(m(e))return e;if(l(e)){let n=rn(e,t);if(m(n))return n}}}function rn(e,t){let n=x(e,t);if(m(n))return n}function x(e,t){if(!t||!l(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(l(r)&&o in r)r=r[o];else return null;return r}function ke(e,t={label:ge,value:K}){return e.map(n=>{if(l(n)){let r=x(n,t.label),o=x(n,t.value);if(m(r)&&m(o))return{label:`${r}`,value:`${o}`}}return n})}function Pe(e=E){if(e){let t=e.match(nn);if(t){let[n]=t;if(n!==L)return n.trim().toLowerCase()}}return E}var on=/\[([^\]]+)\]\(([^)]+)\)/g;function I(e,t={}){if(g(e))return ln(e,t);if(Array.isArray(e))return e.map(n=>I(n,t));if(l(e)){let n={};for(let r in e)n[r]=I(e[r],t);return n}return e}function O(e){return g(e)?/{([^}]+)}/.test(e):Array.isArray(e)?e.some(t=>O(t)):l(e)?Object.values(e).some(t=>O(t)):!1}function ln(e,t={}){return e.replace(/{([^}]+)}/g,(n,r)=>{let o=r.includes(".")?x(t,r):t[r];return m(o)?String(o):n})}function we(e,t){if(!e||e.trim().length===0)return null;let n,r=0,o=!1,i=[];for(;(n=on.exec(e))!==null;){let[a,p,qt]=n,w=n.index;o=!0,w>r&&i.push(e.substring(r,w));let zt=t?t(w,qt,p):a;i.push(zt),r=w+a.length}return o?(r<e.length&&i.push(e.substring(r)),i):e}var Le=e=>c(me)(e),De=e=>c(pe)(e),s=c(ue),_e=c(L),y=c(de),d=c(fe),ve=c(ce),Me=c(E,W,ye,be),Mn=c(ae,W),Ve=c(se,xe);function Ge(e){return y(e)||s(e)}function Xe(e){return e.type===H}function Ye(e){return e.type!==H}function Ue(e){return d(e)||y(e)}function q(e){return e!=null&&e!==""}function c(...e){return t=>{let n=g(t.type)?t.type:void 0;return n?e.some(r=>n===r||n?.startsWith(`${r}/`)):!1}}function Be(e,t={}){if(d(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&l(n))return[n]}}function $e(e){return y(e)||s(e)?C:e.advanced?.orientation??f}function He(e){return s(e)?e.advanced?.reverse!==!1:!1}function Ke(e,t){let n=e.readonly??!1;return t||n}function We(e){if(y(e)||d(e)&&!e.disabled){let t=e.source;if(Array.isArray(t)||l(t)&&!(A in t))return t}}var an=/^\d+$/;function qe(){return Array.from({length:12},(e,t)=>({value:(t+1).toString(),label:new Date(0,t).toLocaleString("default",{month:"long"})}))}function ze(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 z(){return new Date().getFullYear()}function Z(e,t){if(typeof e=="number")return e;let n=t??z(),r=e.trim().toLowerCase();if(r.startsWith("current")){let o=r.match(/^current([+-])(\d+)$/);if(o){let[,i,a]=o,p=parseInt(a,10);if(!isNaN(p))return i==="+"?n+p:n-p}return n}return an.test(r)?parseInt(r,10):n}var _=z();function sn(e){if(d(e))return cn(e)}function cn(e){if(Le(e))return qe();if(De(e)){let t=e.advanced?.length?.min??_,n=e.advanced?.length?.max??_+5;return ze(Z(t,_),Z(n,_))}}function Ze(e,t=!1){let n={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return _e(e)?{...n,...dn(e)}:d(e)?{...n,...un(e)}:ve(e)?{...n,...fn(e)}:n}function dn(e){let t=Pe(e.type),n={...e,type:t};return{...Je(e),...mn(n),...Me(n)?Qe(n):{},type:t}}function un(e){let t=sn(e);return t?{options:t}:{}}function fn(e){return{...Je(e),...Qe(e)}}function Je(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function mn(e){return Ve(e)?pn(e):{}}function Qe(e){return je(e,{min:Ee,max:Ie})}function pn(e){return je(e,{min:Fe,max:Se})}function je(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 et(e,t){let n=We(e);return n||Be(e,t)}function gn(e,t){let n=l(t)&&e.name in t?t[e.name]:t;return Oe(n,e.advanced?.entity)}function xn(e,t,n){return Ue(e)&&Array.isArray(n)?{...t,[D]:n}:t}function yn(e,t,n){if(e.required&&!q(n)&&d(e)&&e.advanced?.preselected!==!1&&D in t){let r=t[D];if(Array.isArray(r)&&r.length===1)return r[0]}return n}function bn(e,t){return d(e)&&Array.isArray(t)?ke(t,e.advanced?.options):t}function tt(e,t,n,r){let o=gn(e,r),i=Array.isArray(n)?bn(e,n):n,a=xn(e,t,i),p=yn(e,a,o);return{commonPropsWithOptions:a,defaultValue:p}}function nt(e,t){return s(e)?{defaultChecked:q(t)}:{defaultValue:t}}var Rn=/^#\/definition\//;function M(e=[],t){let n=v(e,t);return Array.isArray(n)?n.sort((r,o)=>rt(r)-rt(o)):[]}function v(e,t,n=new Map,r=new WeakSet){if(!Tn(t)||!e||typeof e!="object")return e;if(n.has(e))return n.get(e);if(r.has(e))return e;if(r.add(e),Array.isArray(e))return e.map(i=>v(i,t,n,r));if(A in e&&g(e[A])){let i=e[A].replace(Rn,""),a=x(t,i);return a!==null?v(a,t,n,r):e}let o={};for(let[i,a]of Object.entries(e))o[i]=v(a,t,n,r);return r.delete(e),n.set(e,o),o}function ot(e){return Object.entries(e??{})}function rt(e){return e.order??Number.MAX_VALUE}function Tn(e){return e!==void 0&&l(e)&&Object.keys(e).length>0}function it(e,t){let n={};for(let[r,o]of ot(t))n[`${e}-${r}`]=o;return n}function An(e){return it(he,e)}function Cn(e){return it(Ne,e)}function lt(e,t){let n=An(e.advanced?.aria);return t&&t.length>0&&(n[Te]="true",n[Re]=`${e.name}-error`),n}function at(e){return Cn(e.advanced?.data)}var st={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},ct={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function dt(e,t=2){return st[e&&e in st?e:t]}function ut(e){if(e&&e in ct)return ct[e]}function b(e,t){return e?t?t[e]??e:e:""}function V(e,t){return{...e,...t}}var ft=require("react/jsx-runtime");function k(e){return we(e,(t,n,r)=>(0,ft.jsx)("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:r},`${n}-${t}`))}var R=require("react/jsx-runtime");function mt(e){return(0,R.jsxs)(R.Fragment,{children:[e.title&&(0,R.jsx)("legend",{className:"mb-3 font-medium text-slate-800 dark:text-slate-200",children:k(e.title)}),e.description&&(0,R.jsx)("p",{className:"-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:k(e.description)})]})}var h=require("react/jsx-runtime");function pt(e){let t=e.section.fields||[],{compact:n}=V(e.style,{compact:e.section.compact});return!e.section.title&&!e.section.description?(0,h.jsx)(S,{compact:n,children:e.children}):(0,h.jsxs)("fieldset",{"data-slot":"field-set","data-empty":t.length===0,className:"flex flex-col data-[empty=false]:gap-6",id:e.section.id?.toString(),children:[(0,h.jsx)(mt,{description:e.section.description,title:e.section.title}),(0,h.jsx)(S,{compact:n,children:e.children})]})}var xt=require("react");var J=require("react/jsx-runtime");function gt(){return(0,J.jsx)("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:(0,J.jsx)("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800"})})}var u=require("react/jsx-runtime");function yt(e){let t=M(e.sections,e.definition);return(0,u.jsx)("div",{className:"h-full w-full",children:(0,u.jsx)("form",{noValidate:e.noValidate,action:e.action,children:(0,u.jsxs)(S,{children:[t.map((n,r)=>(0,u.jsxs)(xt.Fragment,{children:[(0,u.jsx)(pt,{section:n,style:e.config.style,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.separator&&(0,u.jsx)(gt,{})]},r)),e.control&&(0,u.jsx)(oe,{isPending:e.isPending,children:e.control})]})})})}var Rt=require("react/jsx-runtime");function bt(e){return(0,Rt.jsx)("p",{className:"-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400",children:e.children})}var Tt=require("react/jsx-runtime");function G(e){let t=k(e.text);return t?(0,Tt.jsx)(bt,{children:t}):null}var At=require("tailwind-merge"),X=require("react/jsx-runtime");function Ct(e){let t=e.style?.showOptionalLabel??!0,n=y(e.field)||s(e.field);return(0,X.jsxs)("label",{"data-slot":"field-label","data-normal":n,className:(0,At.twMerge)("flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none","data-[normal=true]:font-normal","group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"),htmlFor:e.field.name,children:[e.children,t&&!e.field.required&&(0,X.jsx)("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:b("(Optional)",e.translations)})]})}var P=require("react/jsx-runtime");function ht(e){let t=O(e.field.label)?I(e.field.label,{context:e.context,env:e.config?.env}):e.field.label,n=O(e.field.description)?I(e.field.description,{context:e.context,env:e.config?.env}):e.field.description;return(0,P.jsxs)("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[(0,P.jsx)(Ct,{field:e.field,style:e.config?.style,translations:e.translations,children:b(t,e.translations)}),e.orientation===C&&(0,P.jsx)(G,{text:b(n,e.translations)})]})}var T=require("react/jsx-runtime");function Nt(e){return(0,T.jsxs)(T.Fragment,{children:[e.field.name&&e.field.label&&(0,T.jsx)(ht,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations}),e.children,e.orientation===f&&e.field.description&&(0,T.jsx)(G,{text:b(e.field.description,e.translations)})]})}function Ft(e,t){return e?t(e):null}var Q=require("react/jsx-runtime");function St(e){let t=et(e.field,e.value),{commonPropsWithOptions:n,defaultValue:r}=tt(e.field,e.commonProps,t,e.value),o=nt(e.field,r);return Ft(e.config.inputs[e.field.type],i=>(0,Q.jsx)(Nt,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations,children:(0,Q.jsx)(i,{...e.ariaAttributes,...n,...e.dataAttributes,...o})}))}var j=require("react/jsx-runtime");function Et(e){return!e.errors||e.errors.length===0?null:(0,j.jsx)("ul",{className:"text-sm text-red-600 dark:text-red-500",id:e.name?`${e.name}-error`:void 0,children:e.errors?.map((t,n)=>(0,j.jsx)("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}var It=require("tailwind-merge"),Ot=require("react/jsx-runtime");function Y(e){let t=e.errors&&e.errors.length>0;return(0,Ot.jsx)("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[Ae]:"true"},...e.disabled&&{[Ce]:"true"},"data-orientation":e.orientation,className:(0,It.twMerge)("group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500","data-[clickable=true]:items-start",e.isCheckbox&&(e.isReversed?"flex-row-reverse!":"flex-row!"),"data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",e.className),children:e.children})}var kt=require("tailwind-merge"),wt=require("react/jsx-runtime");function Pt(e){return(0,wt.jsx)(Y,{...e,orientation:f,className:(0,kt.twMerge)("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}var Lt=require("tailwind-merge"),_t=require("react/jsx-runtime");function Dt(e){return(0,_t.jsx)(Y,{...e,orientation:C,className:(0,Lt.twMerge)("gap-2 md:flex-row md:gap-4","[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start","[&_[role=checkbox]]:mt-[1.5px]",e.isClickable&&"md:flex-col",!e.isClickable&&["md:justify-between","[&>*:not([data-slot=field-content])]:w-full","[&>*:not([data-slot=field-content])]:md:w-1/2","[&>*:not([data-slot=field-content])]:xl:w-2/5"]),children:e.children})}var ee=require("react/jsx-runtime");function vt(e){let t=Ge(e.field),n=s(e.field),r=He(e.field);return e.orientation===f?(0,ee.jsx)(Pt,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children}):(0,ee.jsx)(Dt,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:r,isClickable:t,children:e.children})}function Mt(e){if(!e.field.type)return null;let t=Ze(e.field,e.disabled),n=at(e.field),r=lt(e.field,e.errors),o={...e.field,disabled:t.disabled};return e.children({ariaAttributes:r,commonProps:t,dataAttributes:n,field:o,orientation:e.orientation})}var Vt=require("tailwind-merge"),N=require("react/jsx-runtime");function Gt(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{orientation:r}=V(e.style,{orientation:$e(e.field)}),o=Ke(e.field,e.disabled);return(0,N.jsxs)("div",{className:(0,Vt.twMerge)("flex flex-col gap-3",ut(t)),children:[(0,N.jsx)(vt,{disabled:o,errors:n,field:e.field,orientation:r,children:(0,N.jsx)(Mt,{disabled:o,errors:n,field:e.field,orientation:r,children:e.children})}),(0,N.jsx)(Et,{errors:n,name:e.field.name})]})}var Xt=require("tailwind-merge"),te=require("react/jsx-runtime");function Yt(e){let t=dt(e.column?.advanced?.cols);return(0,te.jsx)("div",{className:"flex w-full flex-col gap-4",children:(0,te.jsx)("div",{className:(0,Xt.twMerge)("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children})})}var Ut=require("react"),F=require("react/jsx-runtime");function ne(e){let{column:t,field:n}=e.components;return M(e.fields).map((r,o)=>(0,F.jsxs)(Ut.Fragment,{children:[Xe(r)&&(0,F.jsx)(t,{column:r,children:(0,F.jsx)(ne,{...e,fields:r.fields})}),Ye(r)&&(0,F.jsx)(n,{disabled:e.disabled,field:r,style:e.style,children:e.children})]},o))}var $t=require("react/jsx-runtime");function Bt(e){return n=>(0,$t.jsx)(ne,{...n,components:{column:Yt,field:e}})}var Ht=Bt(Gt);var U=require("react/jsx-runtime");function B(e){let t=e.translations?.[e.lang??""];return(0,U.jsx)(yt,{config:e.config,control:e.children,definition:e.definition,readOnly:e.readOnly,sections:e.sections,children:({disabled:n,fields:r})=>(0,U.jsx)(Ht,{disabled:n,fields:r,style:e.config.style,children:o=>(0,U.jsx)(St,{...o,config:e.config,context:e.context,translations:t,value:e.value})})})}var Kt=require("react");var re=require("react/jsx-runtime");function Wt(e){return(0,re.jsx)(Kt.Suspense,{fallback:(0,re.jsx)(B,{config:e.config,sections:e.sections,readOnly:!0}),children:e.children})}
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/server/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Fallback: () => Fallback,
+  Form: () => Form2
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/component/control.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Control(props) {
+  const content = typeof props.children === "function" ? props.children({ isPending: props.isPending }) : props.children;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-slot": "field-control", className: "w-full", children: content });
+}
+
+// src/component/group.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Group(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "field-group",
+      "data-compact": props.compact,
+      className: "flex w-full flex-col gap-8 data-[compact=true]:gap-3",
+      children: props.children
+    }
+  );
+}
+
+// ../luna-core/src/util/constant.ts
+var INPUT = "input";
+var INPUT_EMAIL = "input/email";
+var INPUT_NUMBER = "input/number";
+var TEXTAREA = "textarea";
+var RADIO = "radio";
+var CHECKBOX = "checkbox";
+var SELECT = "select";
+var SELECT_MONTH = "select/month";
+var SELECT_YEAR = "select/year";
+var COLUMN = "column";
+var LABEL = "label";
+var VALUE = "value";
+var OPTIONS = "options";
+var TYPE_EMAIL = "email";
+var TYPE_NUMBER = "number";
+var TYPE_PASSWORD = "password";
+var TYPE_TEL = "tel";
+var TYPE_TEXT = "text";
+var ARIA_ERROR_MESSAGE = "aria-errormessage";
+var ARIA_INVALID = "aria-invalid";
+var DATA_INVALID = "data-invalid";
+var DATA_READONLY = "data-readonly";
+var PREFIX_ARIA = "aria";
+var PREFIX_DATA = "data";
+var MIN = "min";
+var MAX = "max";
+var MIN_LENGTH = "minLength";
+var MAX_LENGTH = "maxLength";
+var $REF = "$ref";
+var VERTICAL = "vertical";
+var HORIZONTAL = "horizontal";
+
+// ../luna-core/src/util/is-type.ts
+function isObject(value) {
+  return value !== null && Object.prototype.toString.call(value) === "[object Object]";
+}
+function isValue(value) {
+  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+function isString(value) {
+  return typeof value === "string";
+}
+
+// ../luna-core/src/util/extract.ts
+var REGEX_TYPE = /[^/]+$/;
+function getCurrentValue(value, entity = VALUE) {
+  if (value !== null && value !== void 0) {
+    if (isValue(value)) {
+      return value;
+    }
+    if (isObject(value)) {
+      const result = getValue(value, entity);
+      if (isValue(result)) {
+        return result;
+      }
+    }
+  }
+}
+function getValue(value, namespace) {
+  const result = extract(value, namespace);
+  if (isValue(result)) {
+    return result;
+  }
+}
+function extract(value, namespace) {
+  if (!namespace || !isObject(value)) {
+    return null;
+  }
+  const keys = namespace.split(".").filter((key) => key !== "");
+  if (keys.length === 0) {
+    return null;
+  }
+  let result = value;
+  for (const key of keys) {
+    if (isObject(result) && key in result) {
+      const obj = result;
+      result = obj[key];
+    } else {
+      return null;
+    }
+  }
+  return result;
+}
+function toOptions(data, options = { label: LABEL, value: VALUE }) {
+  return data.map((item) => {
+    if (isObject(item)) {
+      const label = extract(item, options.label);
+      const value = extract(item, options.value);
+      if (isValue(label) && isValue(value)) {
+        return {
+          label: `${label}`,
+          value: `${value}`
+        };
+      }
+    }
+    return item;
+  });
+}
+function getType(value = TYPE_TEXT) {
+  if (value) {
+    const result = value.match(REGEX_TYPE);
+    if (result) {
+      const [type] = result;
+      if (type !== INPUT) {
+        return type.trim().toLowerCase();
+      }
+    }
+  }
+  return TYPE_TEXT;
+}
+
+// ../luna-core/src/util/string.ts
+var REGEX_MARKDOWN_LINK = /\[([^\]]+)\]\(([^)]+)\)/g;
+function interpolate(template, values = {}) {
+  if (isString(template)) {
+    return replacePlaceholders(template, values);
+  }
+  if (Array.isArray(template)) {
+    return template.map((item) => {
+      return interpolate(item, values);
+    });
+  }
+  if (isObject(template)) {
+    const results = {};
+    for (const key in template) {
+      results[key] = interpolate(template[key], values);
+    }
+    return results;
+  }
+  return template;
+}
+function isInterpolated(template) {
+  if (isString(template)) {
+    return /{([^}]+)}/.test(template);
+  }
+  if (Array.isArray(template)) {
+    return template.some((item) => isInterpolated(item));
+  }
+  if (isObject(template)) {
+    return Object.values(template).some((value) => isInterpolated(value));
+  }
+  return false;
+}
+function replacePlaceholders(template, values = {}) {
+  return template.replace(/{([^}]+)}/g, (match, key) => {
+    const value = key.includes(".") ? extract(values, key) : values[key];
+    if (isValue(value)) {
+      return String(value);
+    }
+    return match;
+  });
+}
+function formatMarkdown(text, callback) {
+  if (!text || text.trim().length === 0) {
+    return null;
+  }
+  let match;
+  let lastIndex = 0;
+  let hasMatch = false;
+  const parts = [];
+  while ((match = REGEX_MARKDOWN_LINK.exec(text)) !== null) {
+    const [fullMatch, linkText, url] = match;
+    const index = match.index;
+    hasMatch = true;
+    if (index > lastIndex) {
+      parts.push(text.substring(lastIndex, index));
+    }
+    const value = callback ? callback(index, url, linkText) : fullMatch;
+    parts.push(value);
+    lastIndex = index + fullMatch.length;
+  }
+  if (!hasMatch) {
+    return text;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.substring(lastIndex));
+  }
+  return parts;
+}
+
+// ../luna-core/src/util/is-input.ts
+var isSelectMonth = (field) => createTypeChecker(SELECT_MONTH)(field);
+var isSelectYear = (field) => createTypeChecker(SELECT_YEAR)(field);
+var isCheckbox = createTypeChecker(CHECKBOX);
+var isInput = createTypeChecker(INPUT);
+var isRadio = createTypeChecker(RADIO);
+var isSelect = createTypeChecker(SELECT);
+var isTextArea = createTypeChecker(TEXTAREA);
+var isText = createTypeChecker(
+  TYPE_TEXT,
+  TYPE_EMAIL,
+  TYPE_PASSWORD,
+  TYPE_TEL
+);
+var isEmail = createTypeChecker(INPUT_EMAIL, TYPE_EMAIL);
+var isNumber = createTypeChecker(INPUT_NUMBER, TYPE_NUMBER);
+function isClickable(field) {
+  return isRadio(field) || isCheckbox(field);
+}
+function isColumn(slot) {
+  return slot.type === COLUMN;
+}
+function isField(slot) {
+  return slot.type !== COLUMN;
+}
+function isOptions(field) {
+  return isSelect(field) || isRadio(field);
+}
+function isValidValue(value) {
+  return value !== void 0 && value !== null && value !== "";
+}
+function createTypeChecker(...types) {
+  return (field) => {
+    const inputType = isString(field.type) ? field.type : void 0;
+    if (!inputType) {
+      return false;
+    }
+    return types.some((type) => {
+      return inputType === type || inputType?.startsWith(`${type}/`);
+    });
+  };
+}
+
+// ../luna-core/src/util/build.ts
+function buildOptions(field, values = {}) {
+  if (isSelect(field) && field.disabled) {
+    const current = field.name ? values?.[field.name] : void 0;
+    if (current && isObject(current)) {
+      return [current];
+    }
+  }
+}
+function buildOrientation(field) {
+  if (isRadio(field) || isCheckbox(field)) {
+    return HORIZONTAL;
+  }
+  return field.advanced?.orientation ?? VERTICAL;
+}
+function buildReverse(field) {
+  if (!isCheckbox(field)) {
+    return false;
+  }
+  return field.advanced?.reverse !== false;
+}
+function buildDisabled(field, disabled) {
+  const readonly = field.readonly ?? false;
+  return disabled ? disabled : readonly;
+}
+function buildSource(field) {
+  if (isRadio(field) || isSelect(field) && !field.disabled) {
+    const source = field.source;
+    if (Array.isArray(source) || isObject(source) && !($REF in source)) {
+      return source;
+    }
+  }
+}
+
+// ../luna-core/src/util/date.ts
+var REGEX_DIGITS = /^\d+$/;
+function getMonth() {
+  return Array.from({ length: 12 }, (_, i) => ({
+    value: (i + 1).toString(),
+    label: new Date(0, i).toLocaleString("default", {
+      month: "long"
+    })
+  }));
+}
+function getYear(min, max) {
+  if (max >= min) {
+    return Array.from({ length: max - min + 1 }, (_, i) => {
+      const year = min + i;
+      return {
+        value: year.toString(),
+        label: year.toString()
+      };
+    });
+  }
+  return [];
+}
+function getCurrentYear() {
+  return (/* @__PURE__ */ new Date()).getFullYear();
+}
+function getConvert(value, current) {
+  if (typeof value === "number") {
+    return value;
+  }
+  const now2 = current ?? getCurrentYear();
+  const trimmed = value.trim().toLowerCase();
+  if (trimmed.startsWith("current")) {
+    const match = trimmed.match(/^current([+-])(\d+)$/);
+    if (match) {
+      const [, operator, offsetStr] = match;
+      const offset = parseInt(offsetStr, 10);
+      if (!isNaN(offset)) {
+        return operator === "+" ? now2 + offset : now2 - offset;
+      }
+    }
+    return now2;
+  }
+  if (REGEX_DIGITS.test(trimmed)) {
+    return parseInt(trimmed, 10);
+  }
+  return now2;
+}
+
+// ../luna-core/src/helper/input.ts
+var now = getCurrentYear();
+function buildOptionSelect(field) {
+  if (isSelect(field)) {
+    return defineOption(field);
+  }
+}
+function defineOption(select) {
+  if (isSelectMonth(select)) {
+    return getMonth();
+  }
+  if (isSelectYear(select)) {
+    const min = select.advanced?.length?.min ?? now;
+    const max = select.advanced?.length?.max ?? now + 5;
+    return getYear(getConvert(min, now), getConvert(max, now));
+  }
+}
+function buildCommon(field, disabled = false) {
+  const commonProps = {
+    disabled,
+    id: field.name,
+    name: field.name,
+    placeholder: field.placeholder,
+    required: field.required
+  };
+  if (isInput(field)) {
+    return {
+      ...commonProps,
+      ...defineInput(field)
+    };
+  }
+  if (isSelect(field)) {
+    return {
+      ...commonProps,
+      ...defineSelect(field)
+    };
+  }
+  if (isTextArea(field)) {
+    return {
+      ...commonProps,
+      ...defineTextArea(field)
+    };
+  }
+  return commonProps;
+}
+function defineInput(input) {
+  const type = getType(input.type);
+  const copy = { ...input, type };
+  return {
+    ...defineAutoComplete(input),
+    ...defineNumberLimits(copy),
+    ...isText(copy) ? defineLength(copy) : {},
+    type
+  };
+}
+function defineSelect(field) {
+  const options = buildOptionSelect(field);
+  if (options) {
+    return { options };
+  }
+  return {};
+}
+function defineTextArea(field) {
+  return {
+    ...defineAutoComplete(field),
+    ...defineLength(field)
+  };
+}
+function defineAutoComplete(input) {
+  const autoComplete = input.advanced?.autocomplete;
+  if (autoComplete) {
+    return { autoComplete };
+  }
+  return {};
+}
+function defineNumberLimits(input) {
+  if (isNumber(input)) {
+    return defineMinMax(input);
+  }
+  return {};
+}
+function defineLength(input) {
+  return defineConstraints(input, { min: MIN_LENGTH, max: MAX_LENGTH });
+}
+function defineMinMax(input) {
+  return defineConstraints(input, { min: MIN, max: MAX });
+}
+function defineConstraints(input, keys) {
+  const result = {};
+  const length = input.advanced?.length;
+  if (length) {
+    if (length.min !== void 0) {
+      result[keys.min] = length.min;
+    }
+    if (length.max !== void 0) {
+      result[keys.max] = length.max;
+    }
+  }
+  return result;
+}
+function resolveSource(field, value) {
+  const current = buildSource(field);
+  if (current) {
+    return current;
+  }
+  return buildOptions(field, value);
+}
+function getInputValue(field, value) {
+  const newValue = isObject(value) && field.name in value ? value[field.name] : value;
+  return getCurrentValue(newValue, field.advanced?.entity);
+}
+function mergeOptionsProps(field, commonProps, options) {
+  return isOptions(field) && Array.isArray(options) ? { ...commonProps, [OPTIONS]: options } : commonProps;
+}
+function getPreselectedValue(field, commonProps, value) {
+  if (field.required && !isValidValue(value)) {
+    if (isSelect(field)) {
+      if (field.advanced?.preselected !== false && OPTIONS in commonProps) {
+        const options = commonProps[OPTIONS];
+        if (Array.isArray(options) && options.length === 1) {
+          return options[0];
+        }
+      }
+    }
+  }
+  return value;
+}
+function getOptions(field, data) {
+  if (isSelect(field) && Array.isArray(data)) {
+    return toOptions(data, field.advanced?.options);
+  }
+  return data;
+}
+function prepareInputProps(field, commonProps, data, value) {
+  const currentValue = getInputValue(field, value);
+  const options = Array.isArray(data) ? getOptions(field, data) : data;
+  const commonPropsWithOptions = mergeOptionsProps(field, commonProps, options);
+  const defaultValue = getPreselectedValue(
+    field,
+    commonPropsWithOptions,
+    currentValue
+  );
+  return {
+    commonPropsWithOptions,
+    defaultValue
+  };
+}
+function prepareDefaultValue(field, value) {
+  if (isCheckbox(field)) {
+    return {
+      defaultChecked: isValidValue(value)
+    };
+  }
+  return { defaultValue: value };
+}
+
+// ../luna-core/src/util/prepare.ts
+var REGEX_REF = /^#\/definition\//;
+function prepare(base = [], definition) {
+  const resolved = resolveRefs(base, definition);
+  return Array.isArray(resolved) ? resolved.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;
+}
+
+// ../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/translate.ts
+function translate(key, dictionary) {
+  if (!key) {
+    return "";
+  }
+  if (!dictionary) {
+    return key;
+  }
+  return dictionary[key] ?? key;
+}
+
+// ../luna-core/src/util/style.ts
+function mergeStyle(globalStyle, localStyle) {
+  return { ...globalStyle, ...localStyle };
+}
+
+// src/lib/string.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function formatMarkdown2(text) {
+  return formatMarkdown(
+    text,
+    (index, url, text2) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "a",
+        {
+          className: "underline",
+          href: url,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: text2
+        },
+        `${url}-${index}`
+      );
+    }
+  );
+}
+
+// src/component/legend.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Legend(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    props.title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("legend", { className: "mb-3 font-medium text-slate-800 dark:text-slate-200", children: formatMarkdown2(props.title) }),
+    props.description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.description) })
+  ] });
+}
+
+// src/component/field/field-set.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function FieldSet(props) {
+  const fields = props.section.fields || [];
+  const { compact } = mergeStyle(props.style, {
+    compact: props.section.compact
+  });
+  if (!props.section.title && !props.section.description) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Group, { compact, children: props.children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      "data-empty": fields.length === 0,
+      className: "flex flex-col data-[empty=false]:gap-6",
+      id: props.section.id?.toString(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          Legend,
+          {
+            description: props.section.description,
+            title: props.section.title
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Group, { compact, children: props.children })
+      ]
+    }
+  );
+}
+
+// src/component/form.tsx
+var import_react = require("react");
+
+// src/component/separator.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Separator() {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-slot": "field-separator", className: "relative -my-2 h-5 text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800" }) });
+}
+
+// src/component/form.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Form(props) {
+  const sections = prepare(props.sections, props.definition);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("form", { noValidate: props.noValidate, action: props.action, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Group, { children: [
+    sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldSet, { section, style: props.config.style, children: props.children({
+        disabled: props.readOnly,
+        fields: section.fields
+      }) }),
+      section.separator && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Separator, {})
+    ] }, index)),
+    props.control && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Control, { isPending: props.isPending, children: props.control })
+  ] }) }) });
+}
+
+// src/component/description.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Description(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400", children: props.children });
+}
+
+// src/component/formatted-description.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function FormattedDescription(props) {
+  const content = formatMarkdown2(props.text);
+  if (content) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Description, { children: content });
+  }
+  return null;
+}
+
+// src/component/label.tsx
+var import_tailwind_merge = require("tailwind-merge");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Label(props) {
+  const showOptionalLabel = props.style?.showOptionalLabel ?? true;
+  const normal = isRadio(props.field) || isCheckbox(props.field);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "label",
+    {
+      "data-slot": "field-label",
+      "data-normal": normal,
+      className: (0, import_tailwind_merge.twMerge)(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none",
+        "data-[normal=true]:font-normal",
+        "group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"
+      ),
+      htmlFor: props.field.name,
+      children: [
+        props.children,
+        showOptionalLabel && !props.field.required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: translate("(Optional)", props.translations) })
+      ]
+    }
+  );
+}
+
+// src/component/input-label.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function InputLabel(props) {
+  const label = isInterpolated(props.field.label) ? interpolate(props.field.label, {
+    context: props.context,
+    env: props.config?.env
+  }) : props.field.label;
+  const description = isInterpolated(props.field.description) ? interpolate(props.field.description, {
+    context: props.context,
+    env: props.config?.env
+  }) : props.field.description;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: "flex w-full flex-1 flex-col gap-1.5 leading-snug",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          Label,
+          {
+            field: props.field,
+            style: props.config?.style,
+            translations: props.translations,
+            children: translate(label, props.translations)
+          }
+        ),
+        props.orientation === HORIZONTAL && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          FormattedDescription,
+          {
+            text: translate(description, props.translations)
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/component/input-group.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function InputGroup(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    props.field.name && props.field.label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      InputLabel,
+      {
+        config: props.config,
+        context: props.context,
+        field: props.field,
+        orientation: props.orientation,
+        translations: props.translations
+      }
+    ),
+    props.children,
+    props.orientation === VERTICAL && props.field.description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      FormattedDescription,
+      {
+        text: translate(props.field.description, props.translations)
+      }
+    )
+  ] });
+}
+
+// src/lib/render-If-exists.ts
+function renderIfExists(value, render) {
+  if (!value) {
+    return null;
+  }
+  return render(value);
+}
+
+// src/server/component/input.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Input(props) {
+  const source = resolveSource(props.field, props.value);
+  const { commonPropsWithOptions, defaultValue } = prepareInputProps(
+    props.field,
+    props.commonProps,
+    source,
+    props.value
+  );
+  const defaultProps = prepareDefaultValue(props.field, defaultValue);
+  return renderIfExists(props.config.inputs[props.field.type], (Component) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    InputGroup,
+    {
+      config: props.config,
+      context: props.context,
+      field: props.field,
+      orientation: props.orientation,
+      translations: props.translations,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        Component,
+        {
+          ...props.ariaAttributes,
+          ...commonPropsWithOptions,
+          ...props.dataAttributes,
+          ...defaultProps
+        }
+      )
+    }
+  ));
+}
+
+// src/component/field/field-error.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function FieldError(props) {
+  if (!props.errors || props.errors.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "ul",
+    {
+      className: "text-sm text-red-600 dark:text-red-500",
+      id: props.name ? `${props.name}-error` : void 0,
+      children: props.errors?.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: error }, props.name ? `${props.name}-error-${index}` : index))
+    }
+  );
+}
+
+// src/component/field/field-base.tsx
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function FieldBase(props) {
+  const errors = props.errors && props.errors.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    {
+      "data-slot": "field",
+      "data-clickable": props.isClickable ? "true" : "false",
+      ...errors && { [DATA_INVALID]: "true" },
+      ...props.disabled && { [DATA_READONLY]: "true" },
+      "data-orientation": props.orientation,
+      className: (0, import_tailwind_merge2.twMerge)(
+        "group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500",
+        "data-[clickable=true]:items-start",
+        props.isCheckbox && (props.isReversed ? "flex-row-reverse!" : "flex-row!"),
+        "data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",
+        props.className
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-vertical.tsx
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function FieldVertical(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    FieldBase,
+    {
+      ...props,
+      orientation: VERTICAL,
+      className: (0, import_tailwind_merge3.twMerge)(
+        "gap-3 has-[>[data-slot=field-content]]:items-start",
+        !props.isClickable && "[&>*]:w-full"
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-horizontal.tsx
+var import_tailwind_merge4 = require("tailwind-merge");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function FieldHorizontal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    FieldBase,
+    {
+      ...props,
+      orientation: HORIZONTAL,
+      className: (0, import_tailwind_merge4.twMerge)(
+        "gap-2 md:flex-row md:gap-4",
+        "[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start",
+        "[&_[role=checkbox]]:mt-[1.5px]",
+        props.isClickable && "md:flex-col",
+        !props.isClickable && [
+          "md:justify-between",
+          "[&>*:not([data-slot=field-content])]:w-full",
+          "[&>*:not([data-slot=field-content])]:md:w-1/2",
+          "[&>*:not([data-slot=field-content])]:xl:w-2/5"
+        ]
+      ),
+      children: props.children
+    }
+  );
+}
+
+// src/component/field/field-group.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function FieldGroup(props) {
+  const clickable = isClickable(props.field);
+  const checkbox = isCheckbox(props.field);
+  const reversed = buildReverse(props.field);
+  if (props.orientation === VERTICAL) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      FieldVertical,
+      {
+        disabled: props.disabled,
+        errors: props.errors,
+        isCheckbox: checkbox,
+        isReversed: reversed,
+        isClickable: clickable,
+        children: props.children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    FieldHorizontal,
+    {
+      disabled: props.disabled,
+      errors: props.errors,
+      isCheckbox: checkbox,
+      isReversed: reversed,
+      isClickable: clickable,
+      children: props.children
+    }
+  );
+}
+
+// src/component/input/input-base.tsx
+function InputBase(props) {
+  if (!props.field.type) {
+    return null;
+  }
+  const commonProps = buildCommon(props.field, props.disabled);
+  const dataAttributes = buildDataAttributes(props.field);
+  const ariaAttributes = buildAriaAttributes(props.field, props.errors);
+  const field = {
+    ...props.field,
+    disabled: commonProps.disabled
+  };
+  return props.children({
+    ariaAttributes,
+    commonProps,
+    dataAttributes,
+    field,
+    orientation: props.orientation
+  });
+}
+
+// src/component/field/field.tsx
+var import_tailwind_merge5 = require("tailwind-merge");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Field(props) {
+  const cols2 = props.field.advanced?.cols;
+  const errors = props.field.name ? props.errors?.[props.field.name] : void 0;
+  const { orientation } = mergeStyle(props.style, {
+    orientation: buildOrientation(props.field)
+  });
+  const disabled = buildDisabled(props.field, props.disabled);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: (0, import_tailwind_merge5.twMerge)("flex flex-col gap-3", getSpan(cols2)), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      FieldGroup,
+      {
+        disabled,
+        errors,
+        field: props.field,
+        orientation,
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          InputBase,
+          {
+            disabled,
+            errors,
+            field: props.field,
+            orientation,
+            children: props.children
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FieldError, { errors, name: props.field.name })
+  ] });
+}
+
+// src/component/column.tsx
+var import_tailwind_merge6 = require("tailwind-merge");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Column(props) {
+  const cols2 = getColumn(props.column?.advanced?.cols);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex w-full flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_tailwind_merge6.twMerge)("grid grid-cols-1 gap-3 sm:gap-4", cols2), children: props.children }) });
+}
+
+// src/component/slot/slot-base.tsx
+var import_react2 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function SlotBase(props) {
+  const { column: Column2, field: Field2 } = props.components;
+  return prepare(props.fields).map((field, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react2.Fragment, { children: [
+    isColumn(field) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Column2, { column: field, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SlotBase, { ...props, fields: field.fields }) }),
+    isField(field) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Field2, { disabled: props.disabled, field, style: props.style, children: props.children })
+  ] }, index));
+}
+
+// src/component/slot/slot-create.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function createSlot(Field2) {
+  const CreateSlot = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SlotBase, { ...props, components: { column: Column, field: Field2 } });
+  return CreateSlot;
+}
+
+// src/component/slot/slot.tsx
+var Slot = createSlot(Field);
+
+// src/server/component/form.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function Form2(props) {
+  const translations = props.translations?.[props.lang ?? ""];
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    Form,
+    {
+      config: props.config,
+      control: props.children,
+      definition: props.definition,
+      readOnly: props.readOnly,
+      sections: props.sections,
+      children: ({ disabled, fields }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Slot, { disabled, fields, style: props.config.style, children: (internal) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        Input,
+        {
+          ...internal,
+          config: props.config,
+          context: props.context,
+          translations,
+          value: props.value
+        }
+      ) })
+    }
+  );
+}
+
+// src/server/component/fallback.tsx
+var import_react3 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Fallback(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_react3.Suspense,
+    {
+      fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Form2, { config: props.config, sections: props.sections, readOnly: true }),
+      children: props.children
+    }
+  );
+}