@gmcode/forms 0.0.7 → 0.0.9

package/dist/index.mjs

@@ -1,2 +1,905 @@
-import{t as e}from"./en-CnkPOj-4.mjs";import{createInstance as t}from"i18next";import{Button as n,Calendar as r,Checkbox as i,Field as a,FieldDescription as o,FieldError as s,FieldLabel as c,FieldSet as l,Input as u,InputGroup as d,InputGroupAddon as f,InputGroupButton as p,InputGroupInput as m,Label as h,RadioGroup as g,RadioGroupItem as _,Select as v,SelectContent as y,SelectItem as b,SelectTrigger as x,SelectValue as S,Spinner as C,Switch as w,TextareaAutosize as T,cn as E,flash as ee}from"@gmcode/react-ui";import{Controller as D,useForm as O}from"react-hook-form";import{c as k}from"react/compiler-runtime";import{I18nextProvider as te,useTranslation as A}from"react-i18next";import{Fragment as ne,jsx as j,jsxs as M}from"react/jsx-runtime";import{useTsvResolver as re,useTsvResolver as N}from"@gmcode/tsv-hookform";import{useEffect as P,useState as F}from"react";import{useForm as I}from"@inertiajs/react";import{Minus as L,Plus as R,X as z}from"lucide-react";import{InputCheckboxRule as B,InputColorRule as V,InputEmailRule as H,InputNumberRule as U,InputRule as W,InputSelectRule as G,InputTextRule as K,Message as q,Schema as J}from"@gmcode/tsv-input";const Y=t({fallbackLng:`en`,interpolation:{escapeValue:!1},resources:{en:e}});Y.init();function X(e){return`${e.getFullYear()}-${(e.getMonth()+1+``).padStart(2,`0`)}-${(e.getDate()+``).padStart(2,`0`)}`}function ie(e){if(!e)return;let t=new Date(e);if(!isNaN(t.getFullYear()))return t}function Z(e){let t=k(9);if(t[0]!==`e1e2461c713ca647286d0fc423569ef83087dbc1e837bfd11a46d13a4019c79a`){for(let e=0;e<9;e+=1)t[e]=Symbol.for(`react.memo_cache_sentinel`);t[0]=`e1e2461c713ca647286d0fc423569ef83087dbc1e837bfd11a46d13a4019c79a`}let{error:n}=e,{t:r}=A();if(!n?.message)return null;if(r){let e;t[1]!==n.message||t[2]!==n.params||t[3]!==r?(e=r(n.message,n.params),t[1]=n.message,t[2]=n.params,t[3]=r,t[4]=e):e=t[4];let i;return t[5]===e?i=t[6]:(i=j(s,{errors:{message:e}}),t[5]=e,t[6]=i),i}let i;return t[7]===n?i=t[8]:(i=j(s,{errors:n}),t[7]=n,t[8]=i),i}function ae({control:e,dateToString:t=X,disabled:n,inputId:i,inputName:o,label:s,locale:l,stringToDate:u=ie,...d}){return j(D,{name:o,control:e,render:({field:e,fieldState:f})=>M(a,{"data-invalid":f.invalid,...d,children:[s&&j(c,{htmlFor:i??o,children:s}),j(r,{"aria-invalid":f.invalid,className:`w-full rounded-md border`,disabled:n,fixedWeeks:!0,id:i??(s?o:void 0),locale:l,mode:`single`,onSelect:n=>e.onChange(n?t(n):``),selected:u(e.value)}),j(Z,{error:f.error})]})})}function oe({control:e,disabled:t,inputId:n,inputName:r,label:o,onCheckedChange:s,orientation:l=`horizontal`,readOnly:u,uncheckedValue:d=``,value:f=`true`,...p}){return j(D,{control:e,disabled:t,name:r,render:({field:e,fieldState:t})=>M(a,{"data-invalid":t.invalid,orientation:l,...p,children:[j(i,{"aria-invalid":t.invalid,"aria-readonly":u,checked:e.value===f,className:`aria-readonly:opacity-50`,disabled:e.disabled,id:n??(o?r:void 0),name:e.name,onBlur:e.onBlur,onCheckedChange:t=>{u||(e.onChange(t===!0?f:d),s&&s(t,e))},ref:e.ref,value:f}),o&&j(c,{htmlFor:n??r,children:o}),j(Z,{error:t.error})]})})}function Q(e){let t=k(26);if(t[0]!==`7501af4e40fae6de51379fcd69a5dbf630a70539ba636a47e077920376e26910`){for(let e=0;e<26;e+=1)t[e]=Symbol.for(`react.memo_cache_sentinel`);t[0]=`7501af4e40fae6de51379fcd69a5dbf630a70539ba636a47e077920376e26910`}let n,r,i,o,s,l,d,f,p,m;t[1]===e?(n=t[2],r=t[3],i=t[4],o=t[5],s=t[6],l=t[7],d=t[8],f=t[9],p=t[10],m=t[11]):({autoComplete:n,control:r,disabled:i,inputId:o,inputName:s,label:l,placeholder:d,readOnly:p,type:m,...f}=e,t[1]=e,t[2]=n,t[3]=r,t[4]=i,t[5]=o,t[6]=s,t[7]=l,t[8]=d,t[9]=f,t[10]=p,t[11]=m);let h;t[12]!==n||t[13]!==o||t[14]!==s||t[15]!==l||t[16]!==d||t[17]!==f||t[18]!==p||t[19]!==m?(h=e=>{let{field:t,fieldState:r}=e;return M(a,{"data-invalid":r.invalid,...f,children:[l&&j(c,{htmlFor:o??s,children:l}),j(u,{"aria-invalid":r.invalid,autoComplete:n,id:o??(l?s:void 0),placeholder:d,readOnly:p,type:m,...t}),j(Z,{error:r.error})]})},t[12]=n,t[13]=o,t[14]=s,t[15]=l,t[16]=d,t[17]=f,t[18]=p,t[19]=m,t[20]=h):h=t[20];let g;return t[21]!==r||t[22]!==i||t[23]!==s||t[24]!==h?(g=j(D,{control:r,disabled:i,name:s,render:h}),t[21]=r,t[22]=i,t[23]=s,t[24]=h,t[25]=g):g=t[25],g}function se({autoComplete:e=`on`,type:t=`email`,...n}){return j(Q,{autoComplete:e,type:t,...n})}function ce(e){let t=k(24);if(t[0]!==`f049c21be78fb6540f3470521dce48b055b196c1dc09159c5c6b5f5d2dcbc0b9`){for(let e=0;e<24;e+=1)t[e]=Symbol.for(`react.memo_cache_sentinel`);t[0]=`f049c21be78fb6540f3470521dce48b055b196c1dc09159c5c6b5f5d2dcbc0b9`}let n,r,i,a,s,u,d,f,p;t[1]===e?(n=t[2],r=t[3],i=t[4],a=t[5],s=t[6],u=t[7],d=t[8],f=t[9],p=t[10]):({control:n,defaultValue:r,description:i,disabled:a,groupId:s,inputName:u,label:d,options:f,...p}=e,t[1]=e,t[2]=n,t[3]=r,t[4]=i,t[5]=a,t[6]=s,t[7]=u,t[8]=d,t[9]=f,t[10]=p);let m;t[11]!==r||t[12]!==i||t[13]!==s||t[14]!==u||t[15]!==d||t[16]!==f||t[17]!==p?(m=e=>{let{field:t,fieldState:n}=e;return M(l,{"data-invalid":n.invalid,...p,children:[d&&j(c,{htmlFor:s??u,children:d}),i&&j(o,{children:i}),j(Z,{error:n.error}),j(g,{defaultValue:r,disabled:t.disabled,id:s??(d?u:void 0),name:t.name,onBlur:t.onBlur,onValueChange:t.onChange,ref:t.ref,children:f.map(le)})]})},t[11]=r,t[12]=i,t[13]=s,t[14]=u,t[15]=d,t[16]=f,t[17]=p,t[18]=m):m=t[18];let h;return t[19]!==n||t[20]!==a||t[21]!==u||t[22]!==m?(h=j(D,{control:n,disabled:a,name:u,render:m}),t[19]=n,t[20]=a,t[21]=u,t[22]=m,t[23]=h):h=t[23],h}function le(e){return j(h,{className:`rounded-md border ring-ring/50 transition-all hover:bg-accent/50 has-focus-visible:ring-[3px]`,"data-slot":`field-label`,children:M(`div`,{className:`flex w-full items-center gap-3 rounded-md p-3 transition-all has-aria-checked:border-l-8 has-aria-checked:border-ring`,children:[j(_,{className:`sr-only`,id:e.id,value:e.value}),e.Icon&&j(e.Icon,{}),e.label]})},e.key??e.id??e.value)}function ue({children:e,className:t,defaults:n={},rootError:r=`flash`,onBefore:i,onBeforeUpdate:a,onCancel:o,onCancelToken:s,onError:c,onFinish:l,onFlash:u,onPrefetched:d,onPrefetching:f,onProgress:p,onStart:m,onSuccess:h,preserveScroll:g=!0,resetOnSuccess:_=!0,route:v,schema:y,setDefaultsOnSuccess:b=!1}){let[x,S]=F(),C=Object.fromEntries(Object.keys(y.ruleset).map(e=>[e,n[e]??``])),w=O({defaultValues:C,resolver:N(y)}),T=I(C);function D(e){e.root&&(r===`flash`?ee({level:`error`,title:e.root}):r===`monitor`&&S({message:e.root})),c&&c(e)}function k(e){b&&(T.setDefaults(),w.reset(w.getValues())),_&&(T.reset(),w.reset()),h&&h(e)}function A(e){T.transform(()=>e),T[v.method](v.url,{onBefore:i,onBeforeUpdate:a,onCancel:o,onCancelToken:s,onError:D,onFinish:l,onFlash:u,onPrefetched:d,onPrefetching:f,onProgress:p,onStart:m,onSuccess:k,preserveScroll:g})}return P(()=>{for(let[e,t]of Object.entries(T.errors))t&&w.setError(e,{message:t,type:`inertia`})},[T.errors,w]),j(te,{i18n:Y,children:M(`form`,{action:v.url,className:E(`grid gap-6`,t),method:v.method,onSubmit:w.handleSubmit(A),children:[j(ne,{children:e({errors:T.errors,form:w,loading:T.processing})}),r===`monitor`&&j(Z,{error:x})]})})}function de({autoComplete:e=`off`,className:t,type:n=`hidden`,...r}){return j(Q,{autoComplete:e,className:E(`hidden`,t),type:n,...r})}function fe({children:e,className:t,control:n,disabled:r,inputId:o,inputName:s,label:c,onCheckedChange:l,orientation:u=`horizontal`,readOnly:d,text:f,uncheckedValue:p=``,value:m=`true`,...g}){return j(D,{control:n,disabled:r,name:s,render:({field:n,fieldState:r})=>j(a,{className:E(`block`,t),"data-invalid":r.invalid,orientation:u,...g,children:M(h,{className:`flex items-start gap-3 rounded-lg border p-3 hover:bg-accent/50 has-aria-checked:border-info-foreground has-aria-checked:bg-info`,"data-slot":`field-label`,children:[j(i,{"aria-invalid":r.invalid,"aria-readonly":d,checked:n.value===m,className:`aria-readonly:opacity-50 data-[state=checked]:border-info-foreground data-[state=checked]:bg-info-foreground data-[state=checked]:text-white dark:data-[state=checked]:border-info-foreground dark:data-[state=checked]:bg-info-foreground`,disabled:n.disabled,id:o,name:n.name,onBlur:n.onBlur,onCheckedChange:e=>{d||(n.onChange(e===!0?m:p),l&&l(e,n))},ref:n.ref,value:m}),M(`div`,{className:`grid gap-1.5 font-normal`,children:[j(`p`,{className:`text-sm leading-none font-medium`,children:c}),f?j(`p`,{className:`text-sm text-muted-foreground`,children:f}):e,j(Z,{error:r.error})]})]})})})}function pe(e){let t=k(29);if(t[0]!==`aef79d6bb8014bb7e50376596fc0ae9e5294086f70390531e20fce8a0095eeca`){for(let e=0;e<29;e+=1)t[e]=Symbol.for(`react.memo_cache_sentinel`);t[0]=`aef79d6bb8014bb7e50376596fc0ae9e5294086f70390531e20fce8a0095eeca`}let r,i,s,l,u,d,f,p,m,h,g;t[1]===e?(r=t[2],i=t[3],s=t[4],l=t[5],u=t[6],d=t[7],f=t[8],p=t[9],m=t[10],h=t[11],g=t[12]):({autoComplete:r,control:i,description:s,disabled:l,inputId:u,inputName:d,label:f,options:p,placeholder:m,setValue:g,...h}=e,t[1]=e,t[2]=r,t[3]=i,t[4]=s,t[5]=l,t[6]=u,t[7]=d,t[8]=f,t[9]=p,t[10]=m,t[11]=h,t[12]=g);let{t:_}=A(),b;t[13]!==r||t[14]!==s||t[15]!==u||t[16]!==d||t[17]!==f||t[18]!==p||t[19]!==m||t[20]!==h||t[21]!==g||t[22]!==_?(b=e=>{let{field:t,fieldState:i}=e;return M(a,{"data-invalid":i.invalid,...h,children:[f&&j(c,{htmlFor:u??d,children:f}),M(`div`,{className:`flex items-end gap-4`,children:[M(v,{autoComplete:r,disabled:t.disabled,name:t.name,onValueChange:t.onChange,value:t.value,children:[j(x,{"aria-invalid":i.invalid,className:`flex-1 overflow-hidden`,id:u??(f?d:void 0),children:j(S,{placeholder:m})}),j(y,{children:p.map(me)})]}),j(n,{"aria-label":_($),className:`flex-none`,onClick:()=>g(d,``),type:`button`,variant:`outline`,children:j(z,{})})]}),s&&j(o,{children:s}),j(Z,{error:i.error})]})},t[13]=r,t[14]=s,t[15]=u,t[16]=d,t[17]=f,t[18]=p,t[19]=m,t[20]=h,t[21]=g,t[22]=_,t[23]=b):b=t[23];let C;return t[24]!==i||t[25]!==l||t[26]!==d||t[27]!==b?(C=j(D,{control:i,disabled:l,name:d,render:b}),t[24]=i,t[25]=l,t[26]=d,t[27]=b,t[28]=C):C=t[28],C}function $(e){return e.reset}function me(e){return j(b,{id:e.id,value:e.value,children:e.label},e.key??e.id??e.value)}function he(e,t,n,r,i){let a=Number(e);return isNaN(a)?``:(t?a+=n===void 0?1:n:a-=n===void 0?1:n,r!==void 0&&(a=Math.max(a,r)),i!==void 0&&(a=Math.min(a,i)),a.toString())}function ge({autoComplete:e,control:t,disabled:n,inputId:r,inputMode:i=`numeric`,inputName:o,label:s,placeholder:l,type:u,ui:h,...g}){let{t:_}=A();function v(e,t){h?.setValue&&h.setValue(o,he(e,t,h.step,h.min,h.max),{shouldValidate:!0})}return j(D,{control:t,disabled:n,name:o,render:({field:t,fieldState:y})=>M(a,{"data-invalid":y.invalid,...g,children:[s&&j(c,{htmlFor:r??o,children:s}),M(d,{children:[j(m,{"aria-invalid":y.invalid,autoComplete:e,id:r??(s?o:void 0),inputMode:i,placeholder:l,type:u,...t}),h&&M(f,{align:`inline-end`,children:[j(p,{"aria-label":_(e=>e.decrease),disabled:n,onClick:()=>v(t.value,!1),size:`icon-xs`,children:j(L,{})}),j(p,{"aria-label":_(e=>e.increase),disabled:n,onClick:()=>v(t.value,!0),size:`icon-xs`,children:j(R,{})})]})]}),j(Z,{error:y.error})]})})}function _e({autoComplete:e=`off`,type:t=`password`,...n}){return j(Q,{autoComplete:e,type:t,...n})}function ve(e){let t=k(26);if(t[0]!==`17d768ca562ec97c16bcafe5b5f4a7680b17a9911e26839427dd0f20be4d3e30`){for(let e=0;e<26;e+=1)t[e]=Symbol.for(`react.memo_cache_sentinel`);t[0]=`17d768ca562ec97c16bcafe5b5f4a7680b17a9911e26839427dd0f20be4d3e30`}let n,r,i,s,l,u,d,f,p,m;t[1]===e?(n=t[2],r=t[3],i=t[4],s=t[5],l=t[6],u=t[7],d=t[8],f=t[9],p=t[10],m=t[11]):({autoComplete:n,control:r,description:i,disabled:s,inputId:l,inputName:u,label:d,options:f,placeholder:p,...m}=e,t[1]=e,t[2]=n,t[3]=r,t[4]=i,t[5]=s,t[6]=l,t[7]=u,t[8]=d,t[9]=f,t[10]=p,t[11]=m);let h;t[12]!==n||t[13]!==i||t[14]!==l||t[15]!==u||t[16]!==d||t[17]!==f||t[18]!==p||t[19]!==m?(h=e=>{let{field:t,fieldState:r}=e;return M(a,{"data-invalid":r.invalid,...m,children:[d&&j(c,{htmlFor:l??u,children:d}),M(v,{autoComplete:n,disabled:t.disabled,name:t.name,onValueChange:t.onChange,value:t.value,children:[j(x,{"aria-invalid":r.invalid,id:l??(d?u:void 0),children:j(S,{placeholder:p})}),j(y,{children:f.map(ye)})]}),i&&j(o,{children:i}),j(Z,{error:r.error})]})},t[12]=n,t[13]=i,t[14]=l,t[15]=u,t[16]=d,t[17]=f,t[18]=p,t[19]=m,t[20]=h):h=t[20];let g;return t[21]!==r||t[22]!==s||t[23]!==u||t[24]!==h?(g=j(D,{control:r,disabled:s,name:u,render:h}),t[21]=r,t[22]=s,t[23]=u,t[24]=h,t[25]=g):g=t[25],g}function ye(e){return j(b,{id:e.id,value:e.value,children:e.label},e.key??e.id??e.value)}function be({label:e,loading:t=!1,type:r=`submit`,...i}){let{t:a}=A();return j(n,{disabled:t,type:r,...i,children:M(`div`,{className:`relative`,children:[j(`span`,{className:E({invisible:t}),children:e??a(e=>e.submit)}),j(C,{className:E(`trans absolute top-1/2 left-1/2 hidden -translate-x-1/2 -translate-y-1/2`,{block:t})})]})})}function xe({control:e,disabled:t,inputId:n,inputName:r,label:i,onCheckedChange:o,orientation:s=`horizontal`,readOnly:l,uncheckedValue:u=``,value:d=`true`,...f}){return j(D,{control:e,disabled:t,name:r,render:({field:e,fieldState:t})=>M(a,{"data-invalid":t.invalid,orientation:s,...f,children:[j(w,{"aria-invalid":t.invalid,"aria-readonly":l,checked:e.value===d,className:`aria-readonly:opacity-50`,disabled:e.disabled,id:n??(i?r:void 0),name:e.name,onBlur:e.onBlur,onCheckedChange:t=>{l||(e.onChange(t===!0?d:u),o&&o(t,e))},ref:e.ref,value:d}),i&&j(c,{htmlFor:n??r,children:i}),j(Z,{error:t.error})]})})}function Se({autoComplete:e=`on`,type:t=`text`,...n}){return j(Q,{autoComplete:e,type:t,...n})}function Ce({cacheMeasurements:e,control:t,inputId:n,inputName:r,label:i,maxRows:o,minRows:s,onHeightChange:l,placeholder:u,resize:d=`none`,...f}){return j(D,{name:r,control:t,render:({field:t,fieldState:p})=>M(a,{"data-invalid":p.invalid,...f,children:[i&&j(c,{htmlFor:n??r,children:i}),j(T,{"aria-invalid":p.invalid,autoComplete:`off`,cacheMeasurements:e,className:E({resize:d===`both`,"resize-none":d===`none`,"resize-x":d===`x`,"resize-y":d===`y`}),id:n??(i?r:void 0),maxRows:o,minRows:s,onHeightChange:l,placeholder:u,...t}),j(Z,{error:p.error})]})})}export{ae as CalendarField,oe as CheckboxField,se as EmailField,Z as ErrorMonitor,ce as FancyRadioField,ue as Form,de as HiddenField,fe as InfoCheckboxField,B as InputCheckboxRule,V as InputColorRule,H as InputEmailRule,Q as InputField,U as InputNumberRule,W as InputRule,G as InputSelectRule,K as InputTextRule,q as Message,pe as NullableSelectField,ge as NumericField,_e as PasswordField,J as Schema,ve as SelectField,be as Submit,xe as SwitchField,Se as TextField,Ce as TextareaField,Y as i18n,re as useTsvResolver};
+import { t as en_default } from "./en-Bw2ceTNi.mjs";
+import { createInstance } from "i18next";
+import { Button, Calendar, Checkbox, Field, FieldDescription, FieldError, FieldLabel, FieldSet, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, Label, RadioGroup, RadioGroupItem, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Spinner, Switch, TextareaAutosize, cn, flash } from "@gmcode/react-ui";
+import { Controller, useForm } from "react-hook-form";
+import { c } from "react/compiler-runtime";
+import { I18nextProvider, useTranslation } from "react-i18next";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTsvResolver, useTsvResolver as useTsvResolver$1 } from "@gmcode/tsv-hookform";
+import { useForm as useForm$1 } from "@inertiajs/react";
+import { useEffect, useState } from "react";
+import { Minus, Plus, X } from "lucide-react";
+import { InputCheckboxRule, InputColorRule, InputEmailRule, InputNumberRule, InputRule, InputSelectRule, InputTextRule, Message, Schema } from "@gmcode/tsv-input";
+
+//#region src/i18n.ts
+const i18n = createInstance({
+	fallbackLng: "en",
+	interpolation: { escapeValue: false },
+	resources: { en: en_default }
+});
+i18n.init();
+
+//#endregion
+//#region src/components/error-monitor.tsx
+function ErrorMonitor(t0) {
+	const $ = c(9);
+	if ($[0] !== "c1152b8b10c8eb9b2d5487945cb5eb86f0f91985c5c6904e6837c158e73942d1") {
+		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c1152b8b10c8eb9b2d5487945cb5eb86f0f91985c5c6904e6837c158e73942d1";
+	}
+	const { error } = t0;
+	const { t } = useTranslation();
+	if (!error?.message) return null;
+	if (t.name === "notReadyT") {
+		let t1;
+		if ($[1] !== error) {
+			t1 = /* @__PURE__ */ jsx(FieldError, { errors: error });
+			$[1] = error;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	}
+	let t1;
+	if ($[3] !== error.message || $[4] !== error.params || $[5] !== t) {
+		t1 = t(error.message, error.params);
+		$[3] = error.message;
+		$[4] = error.params;
+		$[5] = t;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(FieldError, { errors: { message: t1 } });
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+}
+
+//#endregion
+//#region src/lib/utils.ts
+/**
+* Convert a javascript `Date` object to a string with the format `aaaa-mm-dd`.
+*/
+function dateToString(date) {
+	return `${date.getFullYear()}-${(date.getMonth() + 1 + "").padStart(2, "0")}-${(date.getDate() + "").padStart(2, "0")}`;
+}
+/**
+* Convert a string to a javascript `Date` object or undefined if the string is
+* not a valid date.
+*/
+function stringToDate(string) {
+	if (!string) return;
+	const date = new Date(string);
+	if (isNaN(date.getFullYear())) return;
+	return date;
+}
+
+//#endregion
+//#region src/components/calendar-field.tsx
+function CalendarField({ control, dateToString: dateToString$1 = dateToString, disabled, inputId, inputName, label, locale, stringToDate: stringToDate$1 = stringToDate, ...props }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		control,
+		name: inputName,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": fieldState.invalid,
+			...props,
+			children: [
+				label && /* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: inputId ?? inputName,
+					children: label
+				}),
+				/* @__PURE__ */ jsx(Calendar, {
+					"aria-invalid": fieldState.invalid,
+					className: "w-full rounded-md border",
+					disabled,
+					fixedWeeks: true,
+					id: inputId ?? (label ? inputName : void 0),
+					locale,
+					mode: "single",
+					onSelect: (date) => field.onChange(date ? dateToString$1(date) : ""),
+					selected: stringToDate$1(field.value)
+				}),
+				/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/checkbox-field.tsx
+function CheckboxField({ control, disabled, inputId, inputName, label, onCheckedChange, orientation = "horizontal", readOnly, uncheckedValue = "", value = "true", ...props }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		control,
+		disabled,
+		name: inputName,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": fieldState.invalid,
+			orientation,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(Checkbox, {
+					"aria-invalid": fieldState.invalid,
+					"aria-readonly": readOnly,
+					checked: field.value === value,
+					className: "aria-readonly:opacity-50",
+					disabled: field.disabled,
+					id: inputId ?? (label ? inputName : void 0),
+					name: field.name,
+					onBlur: field.onBlur,
+					onCheckedChange: (checked) => {
+						if (!readOnly) {
+							field.onChange(checked === true ? value : uncheckedValue);
+							if (onCheckedChange) onCheckedChange(checked, field);
+						}
+					},
+					ref: field.ref,
+					value
+				}),
+				label && /* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: inputId ?? inputName,
+					children: label
+				}),
+				/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/input-field.tsx
+function InputField(t0) {
+	const $ = c(26);
+	if ($[0] !== "eb6b897d20af47d2fa5513291ad28dc03dd5944c0cdad844bd9abb66dc900d34") {
+		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "eb6b897d20af47d2fa5513291ad28dc03dd5944c0cdad844bd9abb66dc900d34";
+	}
+	let autoComplete;
+	let control;
+	let disabled;
+	let inputId;
+	let inputName;
+	let label;
+	let placeholder;
+	let props;
+	let readOnly;
+	let type;
+	if ($[1] !== t0) {
+		({autoComplete, control, disabled, inputId, inputName, label, placeholder, readOnly, type, ...props} = t0);
+		$[1] = t0;
+		$[2] = autoComplete;
+		$[3] = control;
+		$[4] = disabled;
+		$[5] = inputId;
+		$[6] = inputName;
+		$[7] = label;
+		$[8] = placeholder;
+		$[9] = props;
+		$[10] = readOnly;
+		$[11] = type;
+	} else {
+		autoComplete = $[2];
+		control = $[3];
+		disabled = $[4];
+		inputId = $[5];
+		inputName = $[6];
+		label = $[7];
+		placeholder = $[8];
+		props = $[9];
+		readOnly = $[10];
+		type = $[11];
+	}
+	let t1;
+	if ($[12] !== autoComplete || $[13] !== inputId || $[14] !== inputName || $[15] !== label || $[16] !== placeholder || $[17] !== props || $[18] !== readOnly || $[19] !== type) {
+		t1 = (t2) => {
+			const { field, fieldState } = t2;
+			return /* @__PURE__ */ jsxs(Field, {
+				"data-invalid": fieldState.invalid,
+				...props,
+				children: [
+					label && /* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: inputId ?? inputName,
+						children: label
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						"aria-invalid": fieldState.invalid,
+						autoComplete,
+						id: inputId ?? (label ? inputName : void 0),
+						placeholder,
+						readOnly,
+						type,
+						...field
+					}),
+					/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+				]
+			});
+		};
+		$[12] = autoComplete;
+		$[13] = inputId;
+		$[14] = inputName;
+		$[15] = label;
+		$[16] = placeholder;
+		$[17] = props;
+		$[18] = readOnly;
+		$[19] = type;
+		$[20] = t1;
+	} else t1 = $[20];
+	let t2;
+	if ($[21] !== control || $[22] !== disabled || $[23] !== inputName || $[24] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			control,
+			disabled,
+			name: inputName,
+			render: t1
+		});
+		$[21] = control;
+		$[22] = disabled;
+		$[23] = inputName;
+		$[24] = t1;
+		$[25] = t2;
+	} else t2 = $[25];
+	return t2;
+}
+
+//#endregion
+//#region src/components/email-field.tsx
+function EmailField({ autoComplete = "on", type = "email", ...props }) {
+	return /* @__PURE__ */ jsx(InputField, {
+		autoComplete,
+		type,
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/fancy-radio-field.tsx
+function FancyRadioField(t0) {
+	const $ = c(24);
+	if ($[0] !== "7a4979d82af7419e1bc9831eb290204811c7a1a15ab9a1058ace533faf000995") {
+		for (let $i = 0; $i < 24; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "7a4979d82af7419e1bc9831eb290204811c7a1a15ab9a1058ace533faf000995";
+	}
+	let control;
+	let defaultValue;
+	let description;
+	let disabled;
+	let groupId;
+	let inputName;
+	let label;
+	let options;
+	let props;
+	if ($[1] !== t0) {
+		({control, defaultValue, description, disabled, groupId, inputName, label, options, ...props} = t0);
+		$[1] = t0;
+		$[2] = control;
+		$[3] = defaultValue;
+		$[4] = description;
+		$[5] = disabled;
+		$[6] = groupId;
+		$[7] = inputName;
+		$[8] = label;
+		$[9] = options;
+		$[10] = props;
+	} else {
+		control = $[2];
+		defaultValue = $[3];
+		description = $[4];
+		disabled = $[5];
+		groupId = $[6];
+		inputName = $[7];
+		label = $[8];
+		options = $[9];
+		props = $[10];
+	}
+	let t1;
+	if ($[11] !== defaultValue || $[12] !== description || $[13] !== groupId || $[14] !== inputName || $[15] !== label || $[16] !== options || $[17] !== props) {
+		t1 = (t2) => {
+			const { field, fieldState } = t2;
+			return /* @__PURE__ */ jsxs(FieldSet, {
+				"data-invalid": fieldState.invalid,
+				...props,
+				children: [
+					label && /* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: groupId ?? inputName,
+						children: label
+					}),
+					description && /* @__PURE__ */ jsx(FieldDescription, { children: description }),
+					/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error }),
+					/* @__PURE__ */ jsx(RadioGroup, {
+						defaultValue,
+						disabled: field.disabled,
+						id: groupId ?? (label ? inputName : void 0),
+						name: field.name,
+						onBlur: field.onBlur,
+						onValueChange: field.onChange,
+						ref: field.ref,
+						children: options.map(_temp$2)
+					})
+				]
+			});
+		};
+		$[11] = defaultValue;
+		$[12] = description;
+		$[13] = groupId;
+		$[14] = inputName;
+		$[15] = label;
+		$[16] = options;
+		$[17] = props;
+		$[18] = t1;
+	} else t1 = $[18];
+	let t2;
+	if ($[19] !== control || $[20] !== disabled || $[21] !== inputName || $[22] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			control,
+			disabled,
+			name: inputName,
+			render: t1
+		});
+		$[19] = control;
+		$[20] = disabled;
+		$[21] = inputName;
+		$[22] = t1;
+		$[23] = t2;
+	} else t2 = $[23];
+	return t2;
+}
+function _temp$2(option) {
+	return /* @__PURE__ */ jsx(Label, {
+		className: "rounded-md border ring-ring/50 transition-all hover:bg-accent/50 has-focus-visible:ring-[3px]",
+		"data-slot": "field-label",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full items-center gap-3 rounded-md p-3 transition-all has-aria-checked:border-l-8 has-aria-checked:border-ring",
+			children: [
+				/* @__PURE__ */ jsx(RadioGroupItem, {
+					className: "sr-only",
+					id: option.id,
+					value: option.value
+				}),
+				option.Icon && /* @__PURE__ */ jsx(option.Icon, {}),
+				option.label
+			]
+		})
+	}, option.key ?? option.id ?? option.value);
+}
+
+//#endregion
+//#region src/components/form.tsx
+function Form({ children, className, defaults = {}, onBefore, onBeforeUpdate, onCancel, onCancelToken, onError, onFinish, onFlash, onPrefetched, onPrefetching, onProgress, onStart, onSuccess, preserveScroll = true, resetOnSuccess = true, rootError: displayRootError = "flash", route, schema, setDefaultsOnSuccess = false }) {
+	const [rootError, setRootError] = useState();
+	const defaultValues = Object.fromEntries(Object.keys(schema.ruleset).map((field) => [field, defaults[field] ?? ""]));
+	const reactForm = useForm({
+		defaultValues,
+		resolver: useTsvResolver$1(schema)
+	});
+	const inertiaForm = useForm$1(defaultValues);
+	function onErrorWithToast(errors) {
+		if (errors.root) {
+			if (displayRootError === "flash") flash({
+				level: "error",
+				title: errors.root
+			});
+			else if (displayRootError === "monitor") setRootError({ message: errors.root });
+		}
+		if (onError) onError(errors);
+	}
+	function onSuccessWithReset(page) {
+		if (setDefaultsOnSuccess) {
+			inertiaForm.setDefaults();
+			reactForm.reset(reactForm.getValues());
+		}
+		if (resetOnSuccess) {
+			inertiaForm.reset();
+			reactForm.reset();
+		}
+		if (onSuccess) onSuccess(page);
+	}
+	function onSubmit(values) {
+		inertiaForm.transform(() => values);
+		inertiaForm[route.method](route.url, {
+			onBefore,
+			onBeforeUpdate,
+			onCancel,
+			onCancelToken,
+			onError: onErrorWithToast,
+			onFinish,
+			onFlash,
+			onPrefetched,
+			onPrefetching,
+			onProgress,
+			onStart,
+			onSuccess: onSuccessWithReset,
+			preserveScroll
+		});
+	}
+	useEffect(() => {
+		for (const [key, error] of Object.entries(inertiaForm.errors)) if (error) reactForm.setError(key, {
+			message: error,
+			type: "inertia"
+		});
+	}, [inertiaForm.errors, reactForm]);
+	return /* @__PURE__ */ jsx(I18nextProvider, {
+		i18n,
+		children: /* @__PURE__ */ jsxs("form", {
+			action: route.url,
+			className: cn("grid gap-6", className),
+			method: route.method,
+			onSubmit: reactForm.handleSubmit(onSubmit),
+			children: [/* @__PURE__ */ jsx(Fragment, { children: children({
+				errors: inertiaForm.errors,
+				form: reactForm,
+				loading: inertiaForm.processing
+			}) }), displayRootError === "monitor" && /* @__PURE__ */ jsx(ErrorMonitor, { error: rootError })]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/hidden-field.tsx
+function HiddenField({ autoComplete = "off", className, type = "hidden", ...props }) {
+	return /* @__PURE__ */ jsx(InputField, {
+		autoComplete,
+		className: cn("hidden", className),
+		type,
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/info-checkbox-field.tsx
+function InfoCheckboxField({ children, className, control, disabled, inputId, inputName, label, onCheckedChange, orientation = "horizontal", readOnly, text, uncheckedValue = "", value = "true", ...props }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		control,
+		disabled,
+		name: inputName,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsx(Field, {
+			className: cn("block", className),
+			"data-invalid": fieldState.invalid,
+			orientation,
+			...props,
+			children: /* @__PURE__ */ jsxs(Label, {
+				className: "flex items-start gap-3 rounded-lg border p-3 hover:bg-accent/50 has-aria-checked:border-info-foreground has-aria-checked:bg-info",
+				"data-slot": "field-label",
+				children: [/* @__PURE__ */ jsx(Checkbox, {
+					"aria-invalid": fieldState.invalid,
+					"aria-readonly": readOnly,
+					checked: field.value === value,
+					className: "aria-readonly:opacity-50 data-[state=checked]:border-info-foreground data-[state=checked]:bg-info-foreground data-[state=checked]:text-white dark:data-[state=checked]:border-info-foreground dark:data-[state=checked]:bg-info-foreground",
+					disabled: field.disabled,
+					id: inputId,
+					name: field.name,
+					onBlur: field.onBlur,
+					onCheckedChange: (checked) => {
+						if (!readOnly) {
+							field.onChange(checked === true ? value : uncheckedValue);
+							if (onCheckedChange) onCheckedChange(checked, field);
+						}
+					},
+					ref: field.ref,
+					value
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "grid gap-1.5 font-normal",
+					children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm leading-none font-medium",
+							children: label
+						}),
+						text ? /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-muted-foreground",
+							children: text
+						}) : children,
+						/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+					]
+				})]
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/components/nullable-select-field.tsx
+function NullableSelectField(t0) {
+	const $ = c(29);
+	if ($[0] !== "fa464e82ea599f229aec23b6d5f7a56a07f7b4011320bb3b2b9ddd2f6ed96f93") {
+		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fa464e82ea599f229aec23b6d5f7a56a07f7b4011320bb3b2b9ddd2f6ed96f93";
+	}
+	let autoComplete;
+	let control;
+	let description;
+	let disabled;
+	let inputId;
+	let inputName;
+	let label;
+	let options;
+	let placeholder;
+	let props;
+	let setValue;
+	if ($[1] !== t0) {
+		({autoComplete, control, description, disabled, inputId, inputName, label, options, placeholder, setValue, ...props} = t0);
+		$[1] = t0;
+		$[2] = autoComplete;
+		$[3] = control;
+		$[4] = description;
+		$[5] = disabled;
+		$[6] = inputId;
+		$[7] = inputName;
+		$[8] = label;
+		$[9] = options;
+		$[10] = placeholder;
+		$[11] = props;
+		$[12] = setValue;
+	} else {
+		autoComplete = $[2];
+		control = $[3];
+		description = $[4];
+		disabled = $[5];
+		inputId = $[6];
+		inputName = $[7];
+		label = $[8];
+		options = $[9];
+		placeholder = $[10];
+		props = $[11];
+		setValue = $[12];
+	}
+	const { t } = useTranslation();
+	let t1;
+	if ($[13] !== autoComplete || $[14] !== description || $[15] !== inputId || $[16] !== inputName || $[17] !== label || $[18] !== options || $[19] !== placeholder || $[20] !== props || $[21] !== setValue || $[22] !== t) {
+		t1 = (t2) => {
+			const { field, fieldState } = t2;
+			return /* @__PURE__ */ jsxs(Field, {
+				"data-invalid": fieldState.invalid,
+				...props,
+				children: [
+					label && /* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: inputId ?? inputName,
+						children: label
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-end gap-4",
+						children: [/* @__PURE__ */ jsxs(Select, {
+							autoComplete,
+							disabled: field.disabled,
+							name: field.name,
+							onValueChange: field.onChange,
+							value: field.value,
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								"aria-invalid": fieldState.invalid,
+								className: "flex-1 overflow-hidden",
+								id: inputId ?? (label ? inputName : void 0),
+								children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+							}), /* @__PURE__ */ jsx(SelectContent, { children: options.map(_temp$1) })]
+						}), /* @__PURE__ */ jsx(Button, {
+							"aria-label": t(_temp2),
+							className: "flex-none",
+							onClick: () => setValue(inputName, ""),
+							type: "button",
+							variant: "outline",
+							children: /* @__PURE__ */ jsx(X, {})
+						})]
+					}),
+					description && /* @__PURE__ */ jsx(FieldDescription, { children: description }),
+					/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+				]
+			});
+		};
+		$[13] = autoComplete;
+		$[14] = description;
+		$[15] = inputId;
+		$[16] = inputName;
+		$[17] = label;
+		$[18] = options;
+		$[19] = placeholder;
+		$[20] = props;
+		$[21] = setValue;
+		$[22] = t;
+		$[23] = t1;
+	} else t1 = $[23];
+	let t2;
+	if ($[24] !== control || $[25] !== disabled || $[26] !== inputName || $[27] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			control,
+			disabled,
+			name: inputName,
+			render: t1
+		});
+		$[24] = control;
+		$[25] = disabled;
+		$[26] = inputName;
+		$[27] = t1;
+		$[28] = t2;
+	} else t2 = $[28];
+	return t2;
+}
+function _temp2($) {
+	return $.reset;
+}
+function _temp$1(option) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		id: option.id,
+		value: option.value,
+		children: option.label
+	}, option.key ?? option.id ?? option.value);
+}
+
+//#endregion
+//#region src/components/numeric-field.tsx
+function stepInput(original, add, step, min, max) {
+	let parsed = Number(original);
+	if (isNaN(parsed)) return "";
+	if (add) parsed += step === void 0 ? 1 : step;
+	else parsed -= step === void 0 ? 1 : step;
+	if (min !== void 0) parsed = Math.max(parsed, min);
+	if (max !== void 0) parsed = Math.min(parsed, max);
+	return parsed.toString();
+}
+function NumericField({ autoComplete, control, disabled, inputId, inputMode = "numeric", inputName, label, placeholder, type, ui, ...props }) {
+	const { t } = useTranslation();
+	function stepValue(value, add) {
+		if (ui?.setValue) ui.setValue(inputName, stepInput(value, add, ui.step, ui.min, ui.max), { shouldValidate: true });
+	}
+	return /* @__PURE__ */ jsx(Controller, {
+		control,
+		disabled,
+		name: inputName,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": fieldState.invalid,
+			...props,
+			children: [
+				label && /* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: inputId ?? inputName,
+					children: label
+				}),
+				/* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupInput, {
+					"aria-invalid": fieldState.invalid,
+					autoComplete,
+					id: inputId ?? (label ? inputName : void 0),
+					inputMode,
+					placeholder,
+					type,
+					...field
+				}), ui && /* @__PURE__ */ jsxs(InputGroupAddon, {
+					align: "inline-end",
+					children: [/* @__PURE__ */ jsx(InputGroupButton, {
+						"aria-label": t(($) => $.decrease),
+						disabled,
+						onClick: () => stepValue(field.value, false),
+						size: "icon-xs",
+						children: /* @__PURE__ */ jsx(Minus, {})
+					}), /* @__PURE__ */ jsx(InputGroupButton, {
+						"aria-label": t(($_0) => $_0.increase),
+						disabled,
+						onClick: () => stepValue(field.value, true),
+						size: "icon-xs",
+						children: /* @__PURE__ */ jsx(Plus, {})
+					})]
+				})] }),
+				/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/password-field.tsx
+function PasswordField({ autoComplete = "off", type = "password", ...props }) {
+	return /* @__PURE__ */ jsx(InputField, {
+		autoComplete,
+		type,
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/select-field.tsx
+function SelectField(t0) {
+	const $ = c(26);
+	if ($[0] !== "5ff5d5548794cbeba39c824ca84a0abfecd4ad7cd87afe79eb9406ec981a0164") {
+		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "5ff5d5548794cbeba39c824ca84a0abfecd4ad7cd87afe79eb9406ec981a0164";
+	}
+	let autoComplete;
+	let control;
+	let description;
+	let disabled;
+	let inputId;
+	let inputName;
+	let label;
+	let options;
+	let placeholder;
+	let props;
+	if ($[1] !== t0) {
+		({autoComplete, control, description, disabled, inputId, inputName, label, options, placeholder, ...props} = t0);
+		$[1] = t0;
+		$[2] = autoComplete;
+		$[3] = control;
+		$[4] = description;
+		$[5] = disabled;
+		$[6] = inputId;
+		$[7] = inputName;
+		$[8] = label;
+		$[9] = options;
+		$[10] = placeholder;
+		$[11] = props;
+	} else {
+		autoComplete = $[2];
+		control = $[3];
+		description = $[4];
+		disabled = $[5];
+		inputId = $[6];
+		inputName = $[7];
+		label = $[8];
+		options = $[9];
+		placeholder = $[10];
+		props = $[11];
+	}
+	let t1;
+	if ($[12] !== autoComplete || $[13] !== description || $[14] !== inputId || $[15] !== inputName || $[16] !== label || $[17] !== options || $[18] !== placeholder || $[19] !== props) {
+		t1 = (t2) => {
+			const { field, fieldState } = t2;
+			return /* @__PURE__ */ jsxs(Field, {
+				"data-invalid": fieldState.invalid,
+				...props,
+				children: [
+					label && /* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: inputId ?? inputName,
+						children: label
+					}),
+					/* @__PURE__ */ jsxs(Select, {
+						autoComplete,
+						disabled: field.disabled,
+						name: field.name,
+						onValueChange: field.onChange,
+						value: field.value,
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							"aria-invalid": fieldState.invalid,
+							id: inputId ?? (label ? inputName : void 0),
+							children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+						}), /* @__PURE__ */ jsx(SelectContent, { children: options.map(_temp) })]
+					}),
+					description && /* @__PURE__ */ jsx(FieldDescription, { children: description }),
+					/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+				]
+			});
+		};
+		$[12] = autoComplete;
+		$[13] = description;
+		$[14] = inputId;
+		$[15] = inputName;
+		$[16] = label;
+		$[17] = options;
+		$[18] = placeholder;
+		$[19] = props;
+		$[20] = t1;
+	} else t1 = $[20];
+	let t2;
+	if ($[21] !== control || $[22] !== disabled || $[23] !== inputName || $[24] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Controller, {
+			control,
+			disabled,
+			name: inputName,
+			render: t1
+		});
+		$[21] = control;
+		$[22] = disabled;
+		$[23] = inputName;
+		$[24] = t1;
+		$[25] = t2;
+	} else t2 = $[25];
+	return t2;
+}
+function _temp(option) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		id: option.id,
+		value: option.value,
+		children: option.label
+	}, option.key ?? option.id ?? option.value);
+}
+
+//#endregion
+//#region src/components/submit.tsx
+function Submit({ label, loading = false, type = "submit", ...props }) {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(Button, {
+		disabled: loading,
+		type,
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: cn({ invisible: loading }),
+				children: label ?? t(($) => $.submit)
+			}), /* @__PURE__ */ jsx(Spinner, { className: cn("trans absolute top-1/2 left-1/2 hidden -translate-x-1/2 -translate-y-1/2", { block: loading }) })]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/switch-field.tsx
+function SwitchField({ control, disabled, inputId, inputName, label, onCheckedChange, orientation = "horizontal", readOnly, uncheckedValue = "", value = "true", ...props }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		control,
+		disabled,
+		name: inputName,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": fieldState.invalid,
+			orientation,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(Switch, {
+					"aria-invalid": fieldState.invalid,
+					"aria-readonly": readOnly,
+					checked: field.value === value,
+					className: "aria-readonly:opacity-50",
+					disabled: field.disabled,
+					id: inputId ?? (label ? inputName : void 0),
+					name: field.name,
+					onBlur: field.onBlur,
+					onCheckedChange: (checked) => {
+						if (!readOnly) {
+							field.onChange(checked === true ? value : uncheckedValue);
+							if (onCheckedChange) onCheckedChange(checked, field);
+						}
+					},
+					ref: field.ref,
+					value
+				}),
+				label && /* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: inputId ?? inputName,
+					children: label
+				}),
+				/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+			]
+		})
+	});
+}
+
+//#endregion
+//#region src/components/text-field.tsx
+function TextField({ autoComplete = "on", type = "text", ...props }) {
+	return /* @__PURE__ */ jsx(InputField, {
+		autoComplete,
+		type,
+		...props
+	});
+}
+
+//#endregion
+//#region src/components/textarea-field.tsx
+function TextareaField({ cacheMeasurements, control, inputId, inputName, label, maxRows, minRows, onHeightChange, placeholder, resize = "none", ...props }) {
+	return /* @__PURE__ */ jsx(Controller, {
+		control,
+		name: inputName,
+		render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(Field, {
+			"data-invalid": fieldState.invalid,
+			...props,
+			children: [
+				label && /* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: inputId ?? inputName,
+					children: label
+				}),
+				/* @__PURE__ */ jsx(TextareaAutosize, {
+					"aria-invalid": fieldState.invalid,
+					autoComplete: "off",
+					cacheMeasurements,
+					className: cn({
+						resize: resize === "both",
+						"resize-none": resize === "none",
+						"resize-x": resize === "x",
+						"resize-y": resize === "y"
+					}),
+					id: inputId ?? (label ? inputName : void 0),
+					maxRows,
+					minRows,
+					onHeightChange,
+					placeholder,
+					...field
+				}),
+				/* @__PURE__ */ jsx(ErrorMonitor, { error: fieldState.error })
+			]
+		})
+	});
+}
+
+//#endregion
+export { CalendarField, CheckboxField, EmailField, ErrorMonitor, FancyRadioField, Form, HiddenField, InfoCheckboxField, InputCheckboxRule, InputColorRule, InputEmailRule, InputField, InputNumberRule, InputRule, InputSelectRule, InputTextRule, Message, NullableSelectField, NumericField, PasswordField, Schema, SelectField, Submit, SwitchField, TextField, TextareaField, i18n, useTsvResolver };
 //# sourceMappingURL=index.mjs.map