admin-ui-starter-kit 0.1.3 → 0.1.4

package/dist/showcase/assets/forms-PsN5zTLx.js

@@ -0,0 +1,793 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Cr as i,Ir as a,Tr as o,gr as s,hr as c,mr as l,r as u,t as d}from"./example-C6-_Sy6B.js";import{t as f}from"./box-Dgy2Xc70.js";import{t as p}from"./circle-check-BCxORlAM.js";import{t as m}from"./circle-BBmNFtO8.js";import{t as h}from"./clock-Bn2R4aDX.js";import{t as g}from"./dropzone-OivkuTPF.js";import{t as _}from"./globe-47T22W56.js";import{t as v}from"./lock-DQcZ9cEj.js";import{t as y}from"./mail-yNXDtmNr.js";import{t as b}from"./minus-DvrDGcTv.js";import{t as x}from"./plus-C9kwz7rW.js";import{t as S}from"./shield-BD0Y8Jj3.js";import{t as C}from"./star-Dbtxr60S.js";import{t as w}from"./trash-2-_xF5j-Ya.js";import{t as T}from"./x-CE8oevyh.js";import{t as E}from"./zap-se3n2YVD.js";import{D,a as O,n as k,r as A}from"./index-B8DVXCmf.js";import{a as j,i as M,n as N,o as P,r as ee,t as F}from"./select-CF3cKjCo.js";import{t as te}from"./text-button-BWCgXGnr.js";import{t as ne}from"./props-table-CM_1cocj.js";import{t as I}from"./label-BmKD22pm.js";import{t as L}from"./text-link-TzuDnSCF.js";import{i as R,n as z,t as re}from"./form-sizing-B8jbL5tL.js";import{a as ie,i as ae,n as oe,r as se,t as ce}from"./RadioGroup-DAWaa26D.js";import{t as le}from"./switch-B4iRxZFU.js";import{t as B}from"./input-25epjsiD.js";import{t as ue}from"./textarea-CV5gNzXf.js";import{t as de}from"./switch-B_rnbXwy.js";import{r as fe,t as pe}from"./popover-T85aV4zW.js";import{t as me}from"./popover-DtnuOBgr.js";import{n as he,t as ge}from"./date-picker-BHbZa4ML.js";import{a as _e,c as ve,d as ye,f as be,i as xe,l as Se,n as Ce,p as we,r as Te,s as Ee,t as De}from"./sortable.esm-DVuzVA1U.js";var Oe=A(`camera`,[[`path`,{d:`M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z`,key:`18u6gg`}],[`circle`,{cx:`12`,cy:`13`,r:`3`,key:`1vg3eu`}]]),ke=A(`grip-vertical`,[[`circle`,{cx:`9`,cy:`12`,r:`1`,key:`1vctgf`}],[`circle`,{cx:`9`,cy:`5`,r:`1`,key:`hp0tcf`}],[`circle`,{cx:`9`,cy:`19`,r:`1`,key:`fkjjf6`}],[`circle`,{cx:`15`,cy:`12`,r:`1`,key:`1tmaij`}],[`circle`,{cx:`15`,cy:`5`,r:`1`,key:`19l28e`}],[`circle`,{cx:`15`,cy:`19`,r:`1`,key:`f4zoj3`}]]),V=t(n(),1),H=O(),Ae={placeholder:`Select an option`},je=`__select_empty__`,Me=e=>e===``||e===null?je:e??void 0,Ne=e=>{if(e!==je)return e},Pe=(0,V.memo)((0,V.forwardRef)(({options:e,placeholder:t,strings:n,allowClear:r=!1,invalid:i,size:s,className:c,onChange:l,disabled:u,defaultOpen:d,open:f,onOpenChange:p,name:m,required:h,value:g,defaultValue:_},v)=>{let y=D(Ae,n),{defaultControlSize:b}=a(),x=R(s,b),S=t??y.placeholder,C=(0,V.useMemo)(()=>{let t=e.map(e=>({...e,value:Me(e.value)??``}));return r&&(t.some(e=>e.value===je)||t.unshift({label:S,value:je})),t},[e,r,S]),w=(0,V.useMemo)(()=>Me(g),[g]),T=(0,V.useMemo)(()=>Me(_),[_]),E=(0,V.useMemo)(()=>{let e=w??T;if(e!==void 0)return C.find(t=>t.value===e)?.label},[T,C,w]),O=(0,V.useCallback)(e=>{e!==null&&l?.(Ne(e))},[l]),k=!!i;return(0,H.jsxs)(F,{onValueChange:e=>O(e),disabled:u,defaultOpen:d,open:f,onOpenChange:p,name:m,required:h,value:w,defaultValue:T,children:[(0,H.jsx)(j,{ref:v,"aria-invalid":k||void 0,className:o(`select--component`,`flex w-full items-center justify-between rounded-md border px-3 py-1 !shadow-none`,`transition-[color,box-shadow] outline-none`,z[x],`bg-transparent dark:bg-input/30`,`data-[placeholder]:text-muted-foreground`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,c),children:(0,H.jsx)(P,{placeholder:S,children:E})}),(0,H.jsx)(N,{children:(0,H.jsx)(ee,{children:C.map(e=>(0,H.jsxs)(M,{value:e.value,disabled:e.disabled,children:[!!e.icon&&(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(`span`,{className:`h-4 w-4 shrink-0`,children:e.icon}),e.label]}),!e.icon&&e.label]},e.value))})})]})}));Pe.displayName=`Select`;var Fe={decrement:`Decrement`,increment:`Increment`},Ie=(e,t,n)=>{if(!e)return``;let r=e;if(r=r.replace(/,/g,`.`),r=n?r.replace(/[^\d.-]/g,``):r.replace(/[^\d.]/g,``),n&&r.includes(`-`)){let e=r.startsWith(`-`);r=r.replace(/-/g,``),e&&(r=`-`+r)}let i=r.split(`.`);return i.length>2&&(r=i[0]+`.`+i.slice(1).join(``)),i.length===2&&i[1].length>t&&(r=i[0]+`.`+i[1].substring(0,t)),r},Le=(e,t,n)=>{if(!e||e===`-`)return!0;let r=parseFloat(e);return Number.isNaN(r)?!0:!(t!==void 0&&r<t||n!==void 0&&r>n)};function Re(e,t,n){let r=10**t,i=e*r;switch(n){case`floor`:return Math.floor(i)/r;case`ceil`:return Math.ceil(i)/r;case`half-even`:{let e=Math.floor(i),t=i-e;return t>.5?(e+1)/r:t<.5?e/r:(e%2==0?e:e+1)/r}default:return Math.round(i)/r}}function ze(e,t,n){let r=e;return t!==void 0&&(r=Math.max(t,r)),n!==void 0&&(r=Math.min(n,r)),r}function Be(e,t,n,r,i=`round`){let a=r??0,o=(e-a)/n,s=a+((i===`floor`?Math.floor(o):i===`ceil`?Math.ceil(o):Math.round(o))+t)*n;return Number(s.toFixed(12))}function Ve(e,t,n){n&&n({target:{...e,value:t},currentTarget:{...e,value:t},type:`change`,bubbles:!1,cancelable:!1})}var He={sm:`w-8`,base:`w-9`,lg:`w-10`};function Ue({decimalPlaces:e=2,min:t,max:n,allowNegative:r=!0,allowEmpty:i=!0,step:s,roundingMode:c=`round`,normalizeOnBlur:l=!0,onChange:u,onBlur:d,placeholder:f,className:p,value:m,defaultValue:h,disabled:g,size:_,strings:v,...y},S){let{defaultControlSize:C}=a(),w=R(_,C),T=D(Fe,v),E=Math.min(12,Math.max(0,e)),O=V.useRef(null),k=(0,V.useCallback)(e=>{let a=e.target.value;if(!a&&i){u?.(e);return}let o=Ie(a,E,r);if(Le(o,t,n))if(o!==a){let t={...e,target:{...e.target,value:o},currentTarget:{...e.currentTarget,value:o}};u?.(t)}else u?.(e)},[u,E,r,i,t,n]),A=(0,V.useCallback)(e=>{if(d?.(e),!l)return;let r=e.target.value;if(!r&&i)return;let a=Number.parseFloat(r.replace(`,`,`.`));if(!Number.isFinite(a))return;let o=Re(ze(a,t,n),E,c).toFixed(E);o!==r&&O.current&&Ve(O.current,o,u)},[d,u,l,i,t,n,E,c]),j=(0,V.useCallback)(e=>{if(g||s===void 0)return;let r=O.current;if(!r)return;let i=r.value,a=Number.parseFloat(i.replace(`,`,`.`));Ve(r,Re(ze(Be(Number.isFinite(a)?a:t??0,e,s,t,c),t,n),E,c).toFixed(E),u)},[g,s,t,n,c,E,u]),M=typeof s==`number`&&s>0,N=f??(E>0?`0.${`0`.repeat(E)}`:`0`);return M?(0,H.jsxs)(`div`,{className:o(`decimal-input--component`,`flex items-stretch overflow-hidden rounded-md border border-input bg-transparent`,`focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]`,y[`aria-invalid`]&&`border-destructive ring-destructive/20`,g&&`opacity-50 cursor-not-allowed`),children:[(0,H.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":T.decrement,disabled:g,onClick:()=>j(-1),className:o(`inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors`,He[w],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,H.jsx)(b,{className:`size-3.5`})}),(0,H.jsx)(B,{size:w,ref:e=>{O.current=e,typeof S==`function`?S(e):S&&(S.current=e)},type:`text`,inputMode:E>0?`decimal`:`numeric`,placeholder:N,onChange:k,onBlur:A,value:m,defaultValue:h,disabled:g,className:o(`flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0`,p),...y}),(0,H.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":T.increment,disabled:g,onClick:()=>j(1),className:o(`inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors`,He[w],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,H.jsx)(x,{className:`size-3.5`})})]}):(0,H.jsx)(B,{size:w,ref:e=>{O.current=e,typeof S==`function`?S(e):S&&(S.current=e)},type:`text`,inputMode:E>0?`decimal`:`numeric`,placeholder:N,onChange:k,onBlur:A,value:m,defaultValue:h,disabled:g,className:o(`tabular-nums text-end`,p),...y})}var We=V.forwardRef(Ue);We.displayName=`DecimalInput`;function Ge({label:e,description:t,hint:n,icon:r,name:a,value:s,defaultValue:c,onChange:l,disabled:u=!1,invalid:d,className:f}){let p=s!==void 0,[m,h]=(0,V.useState)(c??!1),g=p?s??!1:m,_=(0,V.useId)(),v=(0,V.useMemo)(()=>a??_,[a,_]),y=typeof t==`string`&&t.trim()!==``,b=y?`${v}-description`:void 0,x=(0,V.useCallback)(e=>{u||(p||h(e),l?.(e))},[u,p,l]),S=(0,V.useCallback)(e=>{e.target.closest(`[role="switch"]`)||x(!g)},[g,x]);return(0,H.jsxs)(`div`,{role:`button`,tabIndex:u?-1:0,"aria-invalid":d||void 0,onClick:S,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),x(!g))},className:o(`switch-card--component`,`group relative flex items-start gap-3 rounded-lg border bg-card p-4 transition-[background,border-color,box-shadow] duration-150`,`border-border`,g&&`border-primary bg-primary/[0.04]`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,!u&&`cursor-pointer hover:border-foreground/20 hover:bg-muted/30`,u&&`cursor-not-allowed opacity-50`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,f),children:[!!a&&(0,H.jsx)(`input`,{type:`hidden`,name:a,value:g?`1`:`0`,"aria-hidden":`true`}),!!r&&(0,H.jsx)(`span`,{className:o(`mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-md transition-colors`,g?`bg-primary/10 text-primary`:`bg-muted text-muted-foreground group-hover:text-foreground`),children:(0,H.jsx)(r,{className:`size-4`})}),(0,H.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-0.5`,children:[(0,H.jsx)(I,{htmlFor:v,className:o(`block font-semibold tracking-tight`,u?`cursor-not-allowed`:`cursor-pointer`),children:e}),!!y&&(0,H.jsx)(i,{type:`secondary`,className:`leading-snug`,children:t}),!!n&&(0,H.jsx)(i,{size:`xs`,type:`discrete`,className:`leading-snug`,children:n})]}),(0,H.jsx)(`div`,{className:`mt-1 flex shrink-0 items-center`,children:(0,H.jsx)(le,{id:v,checked:g,onCheckedChange:e=>x(e),disabled:u,"aria-label":e,"aria-describedby":b})}),!!y&&(0,H.jsx)(`span`,{id:`${v}-description`,className:`sr-only`,children:t})]})}Ge.displayName=`SwitchCard`;function Ke({label:e,description:t,kind:n=`switch`,value:r,defaultValue:a,onChange:s,disabled:c=!1,invalid:l=!1,name:u,className:d,controlPosition:f=`trailing`}){let p=r!==void 0,[m,h]=(0,V.useState)(a??!1),g=p?r??!1:m,_=(0,V.useId)(),v=(0,V.useCallback)(e=>{c||(p||h(e),s?.(e))},[c,p,s]),y=e=>{e.target.closest(`[role="switch"], [role="checkbox"], input[type="checkbox"]`)||v(!g)},b=n===`switch`?(0,H.jsx)(le,{id:_,name:u,checked:g,onCheckedChange:e=>v(e),disabled:c,"aria-invalid":l||void 0}):(0,H.jsx)(ie,{id:_,name:u,checked:g,onCheckedChange:e=>v(e===!0),disabled:c,"aria-invalid":l||void 0}),x=(0,H.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,H.jsx)(I,{htmlFor:_,className:o(`block leading-snug`,c?`cursor-not-allowed opacity-50`:`cursor-pointer`),children:e}),!!t&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5 leading-snug`,children:t})]});return(0,H.jsxs)(`div`,{role:`group`,onClick:y,className:o(`toggle-field--component`,`flex items-start gap-3 rounded-md py-1`,c&&`pointer-events-none`,d),children:[f===`leading`&&(0,H.jsx)(`div`,{className:`mt-0.5 flex shrink-0`,children:b}),x,f===`trailing`&&(0,H.jsx)(`div`,{className:`mt-0.5 flex shrink-0`,children:b})]})}Ke.displayName=`ToggleField`;var qe={placeholder:`Add a tag…`,emptyRecommendations:`No recommendations found.`,clearAll:`Clear all`,summary:(e,t)=>`${e} / ${t} tags`};function Je({value:e=[],onChange:t,placeholder:n,recommendations:a,maxTags:c,showMaxTags:l=!1,allowDuplicates:u=!1,validate:d,disabled:f=!1,showClearAll:p=!1,renderTag:m,delimiter:h=/[\n,]/,addOnBlur:g=!0,minLength:_=1,maxLength:v,emptyMessage:y,sortTags:b=!1,caseSensitive:x=!1,field:S,invalid:C,className:w,strings:E}){let O=D(qe,{...n?{placeholder:n}:{},...y?{emptyRecommendations:y}:{},...E}),[k,A]=(0,V.useState)(``),[j,M]=(0,V.useState)(!1),[N,P]=(0,V.useState)(-1),ee=(0,V.useRef)(null),F=(0,V.useCallback)(e=>{if(typeof e==`string`)return e;if(S&&typeof e==`object`&&e){let t=e[S];return typeof t==`string`?t:t==null?``:String(t)}return String(e)},[S]),ne=(0,V.useCallback)(t=>typeof e[0]==`string`||e.length===0?t:S?{[S]:t}:t,[S,e]),I=(0,V.useMemo)(()=>a?a.map(e=>e&&typeof e==`object`&&`value`in e&&`label`in e?e:{value:e,label:F(e)}):[],[a,F]),L=(0,V.useMemo)(()=>{if(!I.length||!k)return I;let t=x?k:k.toLowerCase(),n=new Set(e.map(e=>{let t=F(e);return x?t:t.toLowerCase()}));return I.filter(e=>{let r=x?e.label:e.label.toLowerCase(),i=F(e.value),a=x?i:i.toLowerCase();return(r.includes(t)||a.includes(t))&&(u||!n.has(a))})},[I,k,e,u,x,F]),R=(0,V.useMemo)(()=>b?[...e].sort((e,t)=>{let n=F(e),r=F(t);return n.localeCompare(r)}):e,[e,b,F]),z=(0,V.useCallback)(n=>{let r=typeof n==`string`?ne(n):n,i=F(r).trim();if(!i||i.length<_||v&&i.length>v||c&&e.length>=c||!u&&e.some(e=>{let t=F(e);return x?t===i:t.toLowerCase()===i.toLowerCase()})||d&&!d(r))return;let a=[...e,r];t?.(a),A(``),M(!1),P(-1)},[e,t,c,u,d,_,v,x,F,ne]),re=(0,V.useCallback)(n=>{let r=e.filter((e,t)=>t!==n);t?.(r)},[e,t]),ie=(0,V.useCallback)(e=>{let t=e.target.value;A(t),P(-1),a&&a.length>0&&M(!0)},[a]),ae=(0,V.useCallback)(t=>{f||(t.key===`Enter`?(t.preventDefault(),j&&N>=0&&N<L.length?(z(L[N].value),P(-1)):k.trim()&&z(k)):t.key===`Tab`?k&&(t.preventDefault(),z(k)):t.key===`ArrowDown`?(t.preventDefault(),j&&P(e=>e<L.length-1?e+1:e)):t.key===`ArrowUp`?(t.preventDefault(),j&&P(e=>e>0?e-1:0)):t.key===`Escape`?(M(!1),P(-1)):t.key===`Backspace`&&!k&&e.length>0&&re(e.length-1))},[f,j,N,L,k,z,re,e.length]),oe=(0,V.useCallback)(e=>{f||(e.preventDefault(),e.clipboardData.getData(`text`).split(h).map(e=>e.trim()).filter(Boolean).forEach(e=>z(e)))},[f,h,z]),se=(0,V.useCallback)(()=>{setTimeout(()=>{M(!1),g&&k&&z(k)},200)},[g,k,z]),ce=(0,V.useCallback)(()=>{t?.([]),A(``)},[t]),le=(0,V.useCallback)((e,t,n)=>{let r=`${F(e)}-${t}`;return(0,H.jsxs)(s,{variant:`secondary`,className:o(`tags-input--component`,`gap-1 pr-1 font-normal`),children:[F(e),(0,H.jsx)(`button`,{type:`button`,"aria-label":`Remove ${F(e)}`,className:o(`inline-flex size-3.5 items-center justify-center rounded-full`,`text-muted-foreground/70 hover:bg-foreground/10 hover:text-foreground`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`disabled:opacity-50 disabled:pointer-events-none`),onClick:()=>n(t),disabled:f,children:(0,H.jsx)(T,{className:`size-3`,"aria-hidden":`true`})})]},r)},[F,f]),ue=!!C;return(0,H.jsxs)(`div`,{className:o(`w-full relative`,w),children:[(0,H.jsxs)(`div`,{className:`relative`,children:[(0,H.jsx)(B,{ref:ee,type:`text`,placeholder:O.placeholder,value:k,onChange:ie,onKeyDown:ae,onPaste:oe,onBlur:se,onFocus:()=>{a&&L.length>0&&M(!0)},disabled:f||c!==void 0&&e.length>=c,invalid:ue,maxLength:v,className:`w-full`}),!!a&&!!j&&(0,H.jsx)(`div`,{className:`absolute top-full left-0 right-0 z-50 mt-1 max-h-[200px] overflow-y-auto rounded-md bg-popover text-popover-foreground p-1 text-sm shadow-md ring-1 ring-foreground/10`,children:L.length>0?L.map((t,n)=>{let i=F(t.value),a=e.some(e=>F(e)===F(t.value));return(0,H.jsxs)(`button`,{type:`button`,onMouseDown:e=>{e.preventDefault(),z(t.value),P(-1),ee.current?.focus()},onMouseEnter:()=>P(n),className:o(`relative flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-2 py-(--row-py) text-[length:var(--text-xs)]`,`hover:bg-accent hover:text-accent-foreground`,`focus-visible:outline-none`,N===n&&`bg-accent text-accent-foreground`),children:[(0,H.jsx)(`span`,{children:t.label}),(0,H.jsx)(r,{className:o(`ml-auto size-4`,a?`opacity-100`:`opacity-0`)})]},i)}):(0,H.jsx)(i,{tag:`div`,size:`xs`,type:`secondary`,className:`px-2 py-(--row-py)`,children:O.emptyRecommendations})})]}),R.length>0&&(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 mt-2`,children:[R.map((e,t)=>m?m(e,t,re):le(e,t,re)),!!p&&e.length>0&&!f&&(0,H.jsx)(te,{type:`button`,size:`sm`,onClick:ce,className:`ml-auto`,children:O.clearAll})]}),!!c&&!!l&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1`,children:O.summary(e.length,c)})]})}Je.displayName=`TagsInput`;var Ye={prefixPlaceholder:`Prefix`},Xe={US:{value:`+1`,label:`United States`,iso:`US`},CA:{value:`+1`,label:`Canada`,iso:`CA`},AU:{value:`+61`,label:`Australia`,iso:`AU`},BG:{value:`+359`,label:`Bulgaria`,iso:`BG`},GR:{value:`+30`,label:`Greece`,iso:`GR`},GB:{value:`+44`,label:`United Kingdom`,iso:`GB`},DE:{value:`+49`,label:`Germany`,iso:`DE`},FR:{value:`+33`,label:`France`,iso:`FR`},IT:{value:`+39`,label:`Italy`,iso:`IT`},ES:{value:`+34`,label:`Spain`,iso:`ES`},NL:{value:`+31`,label:`Netherlands`,iso:`NL`},BE:{value:`+32`,label:`Belgium`,iso:`BE`},AT:{value:`+43`,label:`Austria`,iso:`AT`},CH:{value:`+41`,label:`Switzerland`,iso:`CH`},PL:{value:`+48`,label:`Poland`,iso:`PL`},RO:{value:`+40`,label:`Romania`,iso:`RO`},RS:{value:`+381`,label:`Serbia`,iso:`RS`},HR:{value:`+385`,label:`Croatia`,iso:`HR`},SI:{value:`+386`,label:`Slovenia`,iso:`SI`},MK:{value:`+389`,label:`North Macedonia`,iso:`MK`},TR:{value:`+90`,label:`Turkey`,iso:`TR`},RU:{value:`+7`,label:`Russia`,iso:`RU`},UA:{value:`+380`,label:`Ukraine`,iso:`UA`},SK:{value:`+421`,label:`Slovakia`,iso:`SK`},CZ:{value:`+420`,label:`Czech Republic`,iso:`CZ`},HU:{value:`+36`,label:`Hungary`,iso:`HU`},PT:{value:`+351`,label:`Portugal`,iso:`PT`},IE:{value:`+353`,label:`Ireland`,iso:`IE`},SE:{value:`+46`,label:`Sweden`,iso:`SE`},NO:{value:`+47`,label:`Norway`,iso:`NO`},DK:{value:`+45`,label:`Denmark`,iso:`DK`},FI:{value:`+358`,label:`Finland`,iso:`FI`},CY:{value:`+357`,label:`Cyprus`,iso:`CY`},AL:{value:`+355`,label:`Albania`,iso:`AL`},ME:{value:`+382`,label:`Montenegro`,iso:`ME`},BA:{value:`+387`,label:`Bosnia and Herzegovina`,iso:`BA`},XK:{value:`+383`,label:`Kosovo`,iso:`XK`},MD:{value:`+373`,label:`Moldova`,iso:`MD`},BY:{value:`+375`,label:`Belarus`,iso:`BY`},LT:{value:`+370`,label:`Lithuania`,iso:`LT`},LV:{value:`+371`,label:`Latvia`,iso:`LV`},EE:{value:`+372`,label:`Estonia`,iso:`EE`}},Ze=[`US`,`CA`,`GB`,`DE`,`FR`,`IT`,`ES`,`AU`],Qe=e=>typeof e==`string`?Xe[e.toUpperCase()]??null:e,$e=e=>e.map(Qe).filter(e=>e!==null),et=(e,t)=>{let n=e.trim().replace(/\s+/g,` `).replace(/[^\d ()+-]/g,``);return t&&n.startsWith(t)&&(n=n.slice(t.length).replace(/^[\s-]+/,``)),t&&n.startsWith(`0`)&&(n=n.slice(1)),n},tt=(e,t)=>e?e.startsWith(`+`)?e:Xe[e.toUpperCase()]?.value??e:t[0]?.value??``;function nt({normalizeOnBlur:e=!0,onBlur:t,onChange:n,prefix:r,defaultPrefix:s,prefixes:c=Ze,onPrefixChange:l,disablePrefixSelector:u=!1,prefixPlaceholder:d,prefixWidth:f=`w-[120px]`,showCountryName:p=!0,showPrefixInDropdown:m=!0,invalid:h,disabled:g,className:_,size:v,strings:y,...b},x){let{defaultControlSize:S}=a(),C=R(v,S),w=D(Ye,y),T=(0,V.useMemo)(()=>$e(c),[c]),[E,O]=(0,V.useState)((0,V.useMemo)(()=>tt(s,T),[s,T])),k=r!==void 0,A=k?tt(r,T):E,te=(0,V.useMemo)(()=>T.find(e=>e.value===A),[T,A]),ne=(0,V.useCallback)(e=>{e!==null&&(k||O(e),l?.(e))},[k,l]),I=(0,V.useCallback)(e=>{if(!n)return;let t=e.target.value;if(A&&t.startsWith(A)){let r=t.slice(A.length).replace(/^[\s-]+/,``),i=r.startsWith(`0`)?r.slice(1):r;if(i!==t){n({...e,target:{...e.target,value:i},currentTarget:{...e.currentTarget,value:i}});return}}n(e)},[n,A]),L=(0,V.useCallback)(r=>{if(e&&typeof n==`function`){let e=et(r.target.value,A);e!==r.target.value&&n({...r,target:{...r.target,value:e},currentTarget:{...r.currentTarget,value:e}})}t?.(r)},[e,n,t,A]);if(T.length===0||u){let e=A||s;return e?(0,H.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,H.jsx)(`div`,{"aria-invalid":h||void 0,className:o(`flex items-center justify-center rounded-md border border-input bg-muted px-3`,z[C],g&&`opacity-50`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`),children:(0,H.jsx)(i,{tag:`span`,type:`secondary`,weight:`medium`,children:e})}),(0,H.jsx)(`div`,{className:`flex-1`,children:(0,H.jsx)(B,{ref:x,size:C,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:I,onBlur:L,invalid:h,disabled:g,className:_,...b})})]}):(0,H.jsx)(B,{ref:x,size:C,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:I,onBlur:L,invalid:h,disabled:g,className:o(`phone-input--component`,_),...b})}return(0,H.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,H.jsxs)(F,{value:A,onValueChange:e=>ne(e),disabled:g,children:[(0,H.jsx)(j,{"aria-invalid":h||void 0,className:o(`border-input bg-transparent shrink-0 !shadow-none`,z[C],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,f,g&&`opacity-50 cursor-not-allowed`),children:(0,H.jsx)(P,{placeholder:d??w.prefixPlaceholder,children:!!te&&(0,H.jsx)(i,{tag:`span`,children:te.value})})}),(0,H.jsx)(N,{children:(0,H.jsx)(ee,{children:T.map(e=>(0,H.jsx)(M,{value:e.value,children:(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!m&&(0,H.jsx)(i,{tag:`span`,weight:`medium`,className:`min-w-[50px]`,children:e.value}),!!p&&(0,H.jsx)(i,{tag:`span`,type:`secondary`,lineHeight:`tight`,children:e.label})]})},e.value))})})]}),(0,H.jsx)(`div`,{className:`flex-1`,children:(0,H.jsx)(B,{ref:x,size:C,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:I,onBlur:L,invalid:h,disabled:g,className:_,...b})})]})}var rt=(0,V.memo)(V.forwardRef(nt));rt.displayName=`PhoneInput`;var it=(0,V.forwardRef)(function({decimalPlaces:e=2,min:t=0,max:n=100,step:r,...i},a){return(0,H.jsx)(We,{className:`percentage-input--component`,ref:a,decimalPlaces:e,allowNegative:!1,min:t,max:n,step:r,endAddon:`%`,...i})});it.displayName=`PercentageInput`;function at({name:e,id:t,value:n,defaultValue:r,min:a=0,max:s=100,step:c=1,disabled:l=!1,invalid:u=!1,onChange:d,onValueChange:f,onValueCommitted:p,showValue:m=!1,formatValue:h,unit:g,className:_,orientation:v=`horizontal`},y){let b=(0,V.useId)(),x=t??`slider-${b}`,S=e??x,C=(0,V.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;f?.(t),d?.({target:{name:S,value:t}})},[S,d,f]),w=(0,V.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;p?.(t)},[p]),T=(0,V.useMemo)(()=>{if(!m)return null;let e=n??r??a;return h?h(e):g?`${e}${g}`:String(e)},[m,n,r,a,h,g]),E=n===void 0?void 0:[n],D=r===void 0?[a]:[r];return(0,H.jsxs)(`div`,{className:o(`slider--component`,`flex items-center gap-3`,_),children:[(0,H.jsx)(ae,{ref:y,id:x,value:E,defaultValue:D,min:a,max:s,step:c,disabled:l,orientation:v,onValueChange:C,onValueCommitted:w,"aria-invalid":u||void 0,className:o(`min-w-0 flex-1`,u&&`[&_[data-slot=slider-range]]:bg-destructive [&_[data-slot=slider-thumb]]:border-destructive`)}),!!m&&T!==null&&(0,H.jsx)(i,{tag:`span`,type:u?`error`:`secondary`,className:`min-w-[3ch] shrink-0 text-right tabular-nums`,children:T})]})}var ot=V.forwardRef(at);ot.displayName=`SliderField`;var st={sm:{padding:`p-3`,iconBox:`h-7 w-7`,iconSize:`size-3.5`,gap:`gap-1`},base:{padding:`p-4`,iconBox:`h-8 w-8`,iconSize:`size-4`,gap:`gap-1.5`},lg:{padding:`p-5`,iconBox:`h-10 w-10`,iconSize:`size-5`,gap:`gap-2`}},ct={sm:`h-7 px-2.5 text-xs`,base:`h-8 px-3 text-xs`,lg:`h-9 px-4 text-sm`},lt={sm:`px-3 py-2`,base:`px-4 py-3`,lg:`px-5 py-3.5`},ut={1:`grid grid-cols-1 gap-2`,2:`grid grid-cols-1 gap-2 sm:grid-cols-2`,3:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3`,4:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4`};function dt({options:e,value:t,defaultValue:n,onChange:r,name:s,columns:c=3,invalid:l,disabled:u,size:d,className:f}){let{defaultControlSize:m}=a(),h=R(d,m),g=t!==void 0,[_,v]=(0,V.useState)(n??[]),y=(0,V.useMemo)(()=>g?t??[]:_,[_,g,t]),b=st[h],x=(0,V.useCallback)(t=>{if(u||e.find(e=>e.value===t)?.disabled)return;let n=y.includes(t)?y.filter(e=>e!==t):[...y,t];g||v(n),r?.(n)},[u,e,y,g,r]);return(0,H.jsx)(`div`,{className:o(`card-checkbox-group--component`,ut[c],f),role:`group`,"aria-invalid":l||void 0,"aria-disabled":u||void 0,children:e.map(e=>{let t=e.icon,n=e.label??e.title,r=y.includes(e.value),a=u||e.disabled,c=!!s&&r;return(0,H.jsxs)(`div`,{className:`relative`,children:[(0,H.jsx)(`input`,{type:`hidden`,name:s?`${s}[]`:void 0,value:e.value,"aria-hidden":`true`,hidden:!0,disabled:!c}),(0,H.jsxs)(`button`,{type:`button`,"aria-pressed":r,"aria-invalid":l||void 0,onClick:()=>x(e.value),disabled:a,"data-selected":r,className:o(`group relative flex w-full flex-col items-start text-start outline-none cursor-pointer`,`rounded-md border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-input hover:border-foreground/30`,`focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[selected=true]:border-primary data-[selected=true]:ring-2 data-[selected=true]:ring-primary/20`,b.padding,b.gap,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`),children:[(0,H.jsx)(p,{className:o(`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`,!r&&`hidden`)}),!!t&&(0,H.jsx)(`span`,{className:o(`inline-flex items-center justify-center rounded-md bg-muted text-muted-foreground`,`group-data-[selected=true]:bg-primary/10 group-data-[selected=true]:text-primary`,b.iconBox),children:(0,H.jsx)(t,{className:b.iconSize})}),(0,H.jsx)(i,{tag:`span`,weight:`medium`,children:n}),!!e.description&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,children:e.description})]})]},e.value)})})}dt.displayName=`CardCheckboxGroup`;var ft={1:`grid grid-cols-1 gap-2`,2:`grid grid-cols-1 gap-2 sm:grid-cols-2`,3:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3`,4:`grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4`};function pt({options:e,value:t,defaultValue:n,onChange:r,name:s,columns:c=3,invalid:l,disabled:u,size:d,className:f}){let{defaultControlSize:m}=a(),h=st[R(d,m)],g=(0,V.useMemo)(()=>o(ft[c],f),[c,f]);return(0,H.jsx)(ce,{value:t,defaultValue:n,onValueChange:e=>e&&r?.(e),name:s,disabled:u,"aria-invalid":l||void 0,className:o(`card-radio-group--component`,g),children:e.map(e=>{let t=e.icon,n=e.label??e.title;return(0,H.jsxs)(se,{value:e.value,disabled:u||e.disabled,"aria-invalid":l||void 0,className:o(`relative group flex flex-col text-start outline-none cursor-pointer`,`rounded-md border bg-card transition-[color,box-shadow,background,border-color] duration-150`,`border-input hover:border-foreground/30`,`focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50`,`data-[checked]:border-primary data-[checked]:ring-2 data-[checked]:ring-primary/20`,h.padding,h.gap,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`),children:[(0,H.jsx)(oe,{render:(0,H.jsx)(p,{className:`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`})}),!!t&&(0,H.jsx)(`span`,{className:o(`inline-flex items-center justify-center rounded-md bg-muted text-muted-foreground`,`group-data-[checked]:bg-primary/10 group-data-[checked]:text-primary`,h.iconBox),children:(0,H.jsx)(t,{className:h.iconSize})}),(0,H.jsx)(i,{tag:`span`,weight:`medium`,children:n}),!!e.description&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,children:e.description})]},e.value)})})}var mt=(0,V.memo)(pt);mt.displayName=`CardRadioGroup`;function ht({options:e,value:t,defaultValue:n,onChange:r,name:s,invalid:c,disabled:l,size:u,className:d}){let{defaultControlSize:f}=a(),p=lt[R(u,f)];return(0,H.jsx)(ce,{value:t,defaultValue:n,onValueChange:e=>e&&r?.(e),name:s,disabled:l,"aria-invalid":c||void 0,className:o(`list-radio-group--component`,`overflow-hidden rounded-md border [&>[role=radio]~[role=radio]]:border-t`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,l&&`pointer-events-none opacity-50`,d),children:e.map(e=>(0,H.jsxs)(se,{value:e.value,disabled:l||e.disabled,className:o(`group flex w-full items-start gap-3 text-start outline-none cursor-pointer`,`transition-colors hover:bg-muted/40 focus-visible:bg-muted/40`,`data-[checked]:bg-primary/5`,`disabled:cursor-not-allowed disabled:opacity-50`,p),children:[(0,H.jsx)(`div`,{className:`mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-primary group-data-[checked]:border-primary group-not-data-[checked]:border-muted-foreground/50`,children:(0,H.jsx)(oe,{render:(0,H.jsx)(m,{className:`h-2.5 w-2.5 fill-primary text-primary`})})}),(0,H.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,H.jsx)(i,{tag:`span`,weight:`medium`,lineHeight:`tight`,className:`block`,children:e.label}),!!e.description&&(0,H.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`block mt-0.5`,children:e.description})]})]},e.value))})}ht.displayName=`ListRadioGroup`;var gt={USD:`$`,EUR:`€`,GBP:`£`,BGN:`лв`,JPY:`¥`,CNY:`¥`,CHF:`CHF`,CAD:`C$`,AUD:`A$`},_t=e=>!e||e.length===0?[]:e.map(e=>typeof e==`string`?{value:e,label:`${gt[e]||e} ${e}`}:e);function vt({currency:e,defaultCurrency:t,currencies:n,onCurrencyChange:r,currencyPosition:i=`start`,disableCurrencySelector:s=!1,currencyPlaceholder:c,currencyWidth:l=`w-28`,currencyLabel:u,invalid:d,disabled:f,onConfigError:p,size:m,...h},g){let{defaultControlSize:_}=a(),v=R(m,_),y=(0,V.useMemo)(()=>_t(n),[n]),[b,x]=(0,V.useState)(t??y[0]?.value??``),S=e!==void 0,C=S?e:b,w=(0,V.useCallback)(e=>{e!==null&&(S||x(e),r?.(e))},[S,r]),T=(0,V.useMemo)(()=>o(`border-input bg-transparent !shadow-none`,z[v],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,l,f&&`opacity-50 cursor-not-allowed`),[v,l,f]),E=(0,H.jsxs)(`div`,{className:`space-y-2`,children:[!!u&&(0,H.jsx)(I,{className:`leading-6`,children:u}),(0,H.jsxs)(F,{value:C,onValueChange:e=>w(e),disabled:f||s,children:[(0,H.jsx)(j,{"aria-invalid":d||void 0,className:T,children:(0,H.jsx)(P,{placeholder:c??``})}),(0,H.jsx)(N,{children:(0,H.jsx)(ee,{children:y.map(e=>(0,H.jsx)(M,{value:e.value,children:e.label},e.value))})})]})]});return(0,H.jsxs)(`div`,{className:o(`currency-input--component`,`flex items-start gap-2`),children:[i===`start`&&E,(0,H.jsx)(`div`,{className:`flex-1`,children:(0,H.jsx)(We,{ref:g,size:v,decimalPlaces:2,allowNegative:!1,disabled:f,invalid:d,...h})}),i===`end`&&E]})}var yt=(0,V.memo)((0,V.forwardRef)(vt));yt.displayName=`CurrencyInput`;var bt=[`USD`,`EUR`],xt=(0,V.forwardRef)(function({currencies:e=bt,onCurrencyChange:t,currency:n,defaultCurrency:r,...i},a){return(0,H.jsx)(yt,{className:`money-input--component`,ref:a,currencies:e,currency:n,defaultCurrency:r,onCurrencyChange:(0,V.useCallback)(e=>{t?.(e)},[t]),...i})});xt.displayName=`MoneyInput`;var St=[`floor`,`half_up`,`ceil`];function Ct({value:e,onChange:t,labels:n,placeholder:r,...i}){return(0,H.jsx)(Pe,{className:`rounding-mode-select--component`,options:(0,V.useMemo)(()=>St.map(e=>({value:e,label:n?.[e]??e})),[n]),value:e,onChange:(0,V.useCallback)(e=>{t?.(e)},[t]),placeholder:r,...i})}Ct.displayName=`RoundingModeSelect`;var wt={placeholder:`Select an item`},Tt=`__rich_select_empty__`,Et=(0,V.forwardRef)(({options:e,placeholder:t,strings:n,onChange:r,className:s,disabled:c,defaultOpen:l,open:u,onOpenChange:d,name:f,required:p,value:m,defaultValue:h,allowClear:g=!1,invalid:_,size:v},y)=>{let{defaultControlSize:b}=a(),x=R(v,b),S=D(wt,n),C=t??S.placeholder,w=(0,V.useCallback)(e=>{if(e!==Tt)return e===``||e==null?g?Tt:void 0:e},[g]),T=(0,V.useCallback)(e=>{if(e!==Tt)return e},[]),E=(0,V.useMemo)(()=>{let t=e.map(e=>({...e,value:w(e.value)??``}));return g&&(t.some(e=>e.label===C)||t.unshift({label:C,value:Tt})),t},[e,g,C,w]),O=(0,V.useMemo)(()=>w(m??void 0),[m,w]),k=(0,V.useMemo)(()=>w(h??void 0),[h,w]),A=m!==void 0,[te,ne]=(0,V.useState)(k),I=A?O:te,L=(0,V.useMemo)(()=>E.find(e=>e.value===I),[I,E]),ie=(0,V.useCallback)(e=>{e!=null&&(A||ne(e),r?.(T(e)))},[A,r,T]),ae=o(`border-input bg-transparent w-full rounded-md border outline-none transition-[color,box-shadow] !shadow-none`,z[x],re[x],`h-auto py-2`,`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive aria-invalid:text-destructive`,`disabled:cursor-not-allowed disabled:opacity-50`,s),oe=A?{value:O}:{};return(0,H.jsxs)(F,{onValueChange:e=>ie(e),disabled:c,defaultOpen:l,open:u,onOpenChange:d,name:f,required:p,defaultValue:k,...oe,children:[(0,H.jsx)(j,{ref:y,className:o(`rich-select--component`,ae),"aria-invalid":_,children:L?(0,H.jsx)(i,{tag:`span`,className:`text-left break-words whitespace-normal`,children:L.label}):(0,H.jsx)(P,{placeholder:C})}),(0,H.jsx)(N,{children:(0,H.jsx)(ee,{children:E.map(e=>(0,H.jsx)(M,{value:e.value,disabled:e.disabled,children:(0,H.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[!!e.icon&&(0,H.jsx)(`span`,{className:`w-4 h-4 shrink-0 flex items-center justify-center self-start mt-0.5`,children:e.icon}),(0,H.jsxs)(`div`,{className:`flex flex-col min-w-0 text-left flex-1`,children:[(0,H.jsx)(i,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,H.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,lineHeight:`tight`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]})},e.value))})})]})});Et.displayName=`RichSelect`;var Dt={width:`Width`,height:`Height`,depth:`Depth`,unit:`Unit`,widthPlaceholder:`0.00`,heightPlaceholder:`0.00`,depthPlaceholder:`0.00`},Ot=[{value:`g`,label:`g (grams)`},{value:`kg`,label:`kg (kilograms)`}],kt=(e,t)=>{if(!e)return{width:``,height:``,depth:``};if(t===`string`&&typeof e==`string`){let t=e.split(`x`).map(e=>e.trim());return{width:t[0]||``,height:t[1]||``,depth:t[2]||``}}return t===`object`&&typeof e==`object`?{width:e.width||``,height:e.height||``,depth:e.depth||``}:{width:``,height:``,depth:``}},At=(e,t,n,r)=>r===`string`?`${e}x${t}x${n}`:{width:e,height:t,depth:n};function jt({value:e,defaultValue:t,format:n=`string`,unit:r,defaultUnit:s=`g`,widthLabel:c,heightLabel:l,depthLabel:u,unitLabel:d,unitPlaceholder:f,widthPlaceholder:p,heightPlaceholder:m,depthPlaceholder:h,onChange:g,onUnitChange:_,decimalPlaces:v=2,min:y=0,max:b,showUnitSelector:x=!0,disableUnitSelector:S=!1,layout:C=`horizontal`,invalid:w,disabled:T=!1,className:E,size:O,strings:k}){let{defaultControlSize:A}=a(),te=R(O,A),ne=D(Dt,k),L=c??ne.width,re=l??ne.height,ie=u??ne.depth,ae=f??ne.unit,oe=p??ne.widthPlaceholder,se=m??ne.heightPlaceholder,ce=h??ne.depthPlaceholder,le=C===`horizontal`,B=C===`vertical`,ue=x===!0,de=(d??``).length>0,fe=B?L:``,pe=B?re:``,me=B?ie:``,he=e!==void 0,ge=r!==void 0,_e=kt(he?e:t,n),[ve,ye]=(0,V.useState)(_e.width),[be,xe]=(0,V.useState)(_e.height),[Se,Ce]=(0,V.useState)(_e.depth),[we,Te]=(0,V.useState)(r||s),Ee=kt(e,n),De=he?Ee.width:ve,Oe=he?Ee.height:be,ke=he?Ee.depth:Se,Ae=ge?r:we;(0,V.useEffect)(()=>{if(he){let t=kt(e,n);ye(t.width),xe(t.height),Ce(t.depth)}},[e,n,he]);let je=(0,V.useCallback)((e,t)=>{let r=De,i=Oe,a=ke;e===`width`&&(r=t),e===`height`&&(i=t),e===`depth`&&(a=t),he||(ye(r),xe(i),Ce(a));let o=At(r,i,a,n);g?.({target:{value:o}})},[De,Oe,ke,he,n,g]),Me=(0,V.useCallback)(e=>{if(e===null)return;let t=e;ge||Te(t),_?.(t)},[ge,_]),Ne=(0,H.jsxs)(`div`,{className:`space-y-2`,children:[!!de&&(0,H.jsx)(I,{className:`leading-6`,children:d}),(0,H.jsxs)(F,{value:Ae,onValueChange:e=>Me(e),disabled:T||S,children:[(0,H.jsx)(j,{"aria-invalid":w||void 0,className:o(`border-input bg-transparent !shadow-none`,z[te],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,`w-32`,T&&`opacity-50 cursor-not-allowed`),children:(0,H.jsx)(P,{placeholder:ae})}),(0,H.jsx)(N,{children:(0,H.jsx)(ee,{children:Ot.map(e=>(0,H.jsx)(M,{value:e.value,children:e.label},e.value))})})]})]});return(0,H.jsx)(`div`,{className:o(`dimensions-input--component`,`space-y-2`,E),children:(0,H.jsxs)(`div`,{className:o(`flex gap-2`,C===`vertical`?`flex-col`:`flex-row items-start`),children:[(0,H.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!B&&!!fe&&(0,H.jsx)(I,{children:fe}),(0,H.jsx)(We,{size:te,value:De,onChange:e=>je(`width`,e.target.value),placeholder:oe,decimalPlaces:v,min:y,max:b,disabled:T,invalid:w,"aria-label":L}),!!le&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,className:`text-center`,children:L})]}),C===`horizontal`&&(0,H.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,H.jsx)(i,{tag:`span`,type:`secondary`,children:`×`})}),(0,H.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!B&&!!pe&&(0,H.jsx)(I,{children:pe}),(0,H.jsx)(We,{size:te,value:Oe,onChange:e=>je(`height`,e.target.value),placeholder:se,decimalPlaces:v,min:y,max:b,disabled:T,invalid:w,"aria-label":re}),!!le&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,className:`text-center`,children:re})]}),C===`horizontal`&&(0,H.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,H.jsx)(i,{tag:`span`,type:`secondary`,children:`×`})}),(0,H.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!B&&!!me&&(0,H.jsx)(I,{children:me}),(0,H.jsx)(We,{size:te,value:ke,onChange:e=>je(`depth`,e.target.value),placeholder:ce,decimalPlaces:v,min:y,max:b,disabled:T,invalid:w,"aria-label":ie}),!!le&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,className:`text-center`,children:ie})]}),!!ue&&(0,H.jsxs)(`div`,{className:o(C===`vertical`?`w-full`:`w-32 pt-0`),children:[Ne,!!le&&!de&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1 text-center`,children:ae})]})]})})}jt.displayName=`DimensionsInput`;var Mt={unitLabel:``,unitPlaceholder:``},Nt=[{value:`g`,label:`g`},{value:`kg`,label:`kg`},{value:`lb`,label:`lb`},{value:`oz`,label:`oz`}];function Pt({value:e,defaultValue:t,unit:n,defaultUnit:r=`g`,onChange:i,onUnitChange:s,decimalPlaces:c=2,min:l=0,max:u,showUnitSelector:d=!0,disableUnitSelector:f=!1,unitLabel:p,unitPlaceholder:m,unitWidth:h=`w-24`,strings:g,invalid:_,disabled:v=!1,size:y,className:b}){let{defaultControlSize:x}=a(),S=R(y,x),C=D(Mt,{...p===void 0?{}:{unitLabel:p},...m===void 0?{}:{unitPlaceholder:m},...g}),w=e!==void 0,T=n!==void 0,[E,O]=(0,V.useState)(t??``),[k,A]=(0,V.useState)(n??r),te=w?e??``:E,ne=T?n??r:k,L=(0,V.useCallback)(e=>{w||O(e.target.value),i?.({target:{value:e.target.value}})},[w,i]),re=(0,V.useCallback)(e=>{if(e===null)return;let t=e;T||A(t),s?.(t)},[T,s]),ie=(0,V.useMemo)(()=>Nt,[]),ae=C.unitLabel!==``;return(0,H.jsxs)(`div`,{className:o(`weight-input--component`,`flex items-start gap-2`,b),children:[(0,H.jsx)(`div`,{className:`flex-1`,children:(0,H.jsx)(We,{size:S,value:te,onChange:L,decimalPlaces:c,allowNegative:!1,min:l,max:u,disabled:v,invalid:_})}),!!d&&(0,H.jsxs)(`div`,{className:`space-y-2`,children:[!!ae&&(0,H.jsx)(I,{className:`leading-6`,children:C.unitLabel}),(0,H.jsxs)(F,{value:ne,onValueChange:e=>re(e),disabled:v||f,children:[(0,H.jsx)(j,{"aria-invalid":_||void 0,className:o(`border-input bg-transparent !shadow-none`,z[S],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,(v||f)&&`opacity-50 cursor-not-allowed`,h),children:(0,H.jsx)(P,{placeholder:C.unitPlaceholder||void 0})}),(0,H.jsx)(N,{children:(0,H.jsx)(ee,{children:ie.map(e=>(0,H.jsx)(M,{value:e.value,children:e.label},e.value))})})]})]})]})}Pt.displayName=`WeightInput`;var Ft={latLabel:``,lngLabel:``,latPlaceholder:``,lngPlaceholder:``,previewLinkLabel:``},It=(e,t)=>{if(!e)return{lat:``,lng:``};if(t===`string`&&typeof e==`string`){let[t,n]=e.split(`,`).map(e=>e.trim());return{lat:t??``,lng:n??``}}return t===`object`&&typeof e==`object`?{lat:e.lat??``,lng:e.lng??``}:{lat:``,lng:``}},Lt=(e,t,n)=>n===`string`?`${e},${t}`:{lat:e,lng:t},Rt=(e,t,n)=>{if(!e)return!1;let r=Number(e);return Number.isFinite(r)&&r>=t&&r<=n};function zt({value:e,defaultValue:t,format:n=`object`,onChange:r,latLabel:i,lngLabel:a,latPlaceholder:s,lngPlaceholder:c,decimalPlaces:l=6,showPreviewLink:u=!0,previewLinkLabel:d,strings:f,invalid:p,className:m,disabled:h}){let g=D(Ft,{...i===void 0?{}:{latLabel:i},...a===void 0?{}:{lngLabel:a},...s===void 0?{}:{latPlaceholder:s},...c===void 0?{}:{lngPlaceholder:c},...d===void 0?{}:{previewLinkLabel:d},...f}),_=e!==void 0,v=It(_?e:t,n),[y,b]=(0,V.useState)(v.lat),[x,S]=(0,V.useState)(v.lng),C=It(e,n),w=_?C.lat:y,T=_?C.lng:x;(0,V.useEffect)(()=>{_&&(b(C.lat),S(C.lng))},[_,C.lat,C.lng]);let E=(0,V.useCallback)((e,t)=>{_||(b(e),S(t)),r?.({target:{value:Lt(e,t,n)}})},[_,r,n]),O=(0,V.useMemo)(()=>{let e=Rt(w,-90,90),t=Rt(T,-180,180);return!e||!t?null:`https://www.google.com/maps?q=${encodeURIComponent(`${w},${T}`)}`},[w,T]);return(0,H.jsxs)(`div`,{className:o(`coordinates-input--component`,`space-y-3`,m),children:[(0,H.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:[(0,H.jsxs)(`div`,{className:`space-y-2`,children:[!!g.latLabel&&(0,H.jsx)(I,{children:g.latLabel}),(0,H.jsx)(We,{placeholder:g.latPlaceholder||void 0,value:w,onChange:e=>E(e.target.value,T),decimalPlaces:l,allowNegative:!0,min:-90,max:90,invalid:p,disabled:h})]}),(0,H.jsxs)(`div`,{className:`space-y-2`,children:[!!g.lngLabel&&(0,H.jsx)(I,{children:g.lngLabel}),(0,H.jsx)(We,{placeholder:g.lngPlaceholder||void 0,value:T,onChange:e=>E(w,e.target.value),decimalPlaces:l,allowNegative:!0,min:-180,max:180,invalid:p,disabled:h})]})]}),!!u&&!!O&&!!g.previewLinkLabel&&(0,H.jsx)(L,{href:O,type:`secondary`,underline:!1,children:g.previewLinkLabel})]})}zt.displayName=`CoordinatesInput`;function Bt({value:e,onChange:t,placeholder:n,readableFormat:r=`dd-MM-yyyy HH:mm`,stepMinutes:i=30,modal:a=!0,invalid:o,disabled:s}){let c=e?new Date(e):void 0;return(0,H.jsx)(ge,{className:`date-time-input--component`,mode:`single`,disabled:s,error:o?` `:void 0,placeholder:n,value:c,onChange:(0,V.useCallback)(e=>{t?.(e.date?e.date.toISOString():void 0)},[t]),readableFormat:r,withTime:{enabled:!0,format:`24`,step:i},modal:a})}Bt.displayName=`DateTimeInput`;var Vt={placeholder:`Select time`,dialogTitle:`Select Time`,hours:`Hours`,minutes:`Minutes`,seconds:`Seconds`,now:`Now`,done:`Done`,hoursPlaceholder:`HH`,minutesPlaceholder:`MM`,secondsPlaceholder:`SS`,am:`AM`,pm:`PM`},Ht=e=>String(e).padStart(2,`0`),Ut=e=>{let t=e.trim();if(t===``)return null;let n=Number.parseInt(t,10);return Number.isFinite(n)?n:null},Wt=(e,t,n)=>Math.min(Math.max(e,t),n),Gt=e=>(e??``).replace(/\D/g,``).slice(0,2),Kt=(e,t)=>{if(!Number.isFinite(t)||t<=0||t===1)return e;let n=e%t,r=n>=Math.max(1,Math.floor(t*.8)),i=e-n,a=r?i+t:i;return a>=60?0:a};function qt({className:e,value:t=`00:00:00`,onChange:n,invalid:r,disabled:a,placeholder:s,dialogTitle:c,hoursLabel:l,minutesLabel:d,secondsLabel:f,nowLabel:p,doneLabel:m,format:g=`24`,minuteStep:_=5,showSeconds:v=!0,strings:y}){let b=(0,V.useId)(),x=D(Vt,{...s===void 0?{}:{placeholder:s},...c===void 0?{}:{dialogTitle:c},...l===void 0?{}:{hours:l},...d===void 0?{}:{minutes:d},...f===void 0?{}:{seconds:f},...p===void 0?{}:{now:p},...m===void 0?{}:{done:m},...y??{}}),S=(0,V.useCallback)((e,t)=>{let n=Ut(e??``)??0;return g===`12`?{hours:Ht(n>12?12:Wt(n===0?12:n,1,12)),meridiem:t}:{hours:Ht(n>24?24:Wt(n,0,24)),meridiem:t}},[g]),C=(0,V.useCallback)(e=>{let t=Ut(e??``)??0;return t>59&&(t=0),t=Kt(Wt(t,0,59),_),Ht(t)},[_]),w=(0,V.useCallback)(e=>{let t=Ut(e??``)??0;return t>59&&(t=0),t=Wt(t,0,59),Ht(t)},[]),T=(0,V.useCallback)((e,t,n,r)=>{let i=Ut(e)??0,a=Ut(t)??0;a>59&&(a=0),a=Kt(Wt(a,0,59),_);let o=v?Ut(n)??0:0;if(o>59&&(o=0),o=v?Wt(o,0,59):0,g===`12`){let e=i>12?12:Wt(i===0?12:i,1,12);return`${Ht(r===`AM`?e===12?0:e:e===12?12:e+12)}:${Ht(a)}:${Ht(o)}`}return`${Ht(i>24?24:Wt(i,0,24))}:${Ht(a)}:${Ht(o)}`},[g,_,v]),E=(0,V.useCallback)(e=>{let[t=`00`,n=`00`,r=`00`]=(e??``).split(`:`),i=v?r:`00`;return{hours:Gt(t),minutes:Gt(n),seconds:Gt(i)}},[v]),[O,k]=(0,V.useState)(!1),[A,j]=(0,V.useState)(()=>E(t)),[M,N]=(0,V.useState)(()=>{let[e=`00`]=(t??``).split(`:`);return(Ut(e)??0)>=12?`PM`:`AM`}),P=(0,V.useRef)({});(0,V.useEffect)(()=>{if(O)return;j(E(t));let[e=`00`]=(t??``).split(`:`);N((Ut(e)??0)>=12?`PM`:`AM`)},[O,E,t]);let ee=(e,t)=>{let r=Gt(t);j(t=>({...t,[e]:r})),P.current[e]&&window.clearTimeout(P.current[e]),P.current[e]=window.setTimeout(()=>{j(t=>{let r={...t};if(e===`hours`){let e=(r.hours??``).trim();e.length===1&&(r.hours=`0${e}`),(r.hours??``).trim().length===2&&(r.hours=S(r.hours,M).hours)}if(e===`minutes`){let e=(r.minutes??``).trim();e.length===1&&(r.minutes=`0${e}`),(r.minutes??``).trim().length===2&&(r.minutes=C(r.minutes))}if(e===`seconds`){let e=(r.seconds??``).trim();e.length===1&&(r.seconds=`0${e}`),(r.seconds??``).trim().length===2&&(r.seconds=w(r.seconds))}let i=T(r.hours,r.minutes,r.seconds,M);n?.(i);let[a=`00`,o=`00`,s=`00`]=i.split(`:`);return g===`12`?r.hours=Ht((Ut(a)??0)%12||12):r.hours=a,r.minutes=o,r.seconds=s,r})},400)},F=e=>{P.current[e]&&window.clearTimeout(P.current[e]),j(e=>{let t={...e};t.hours=S(t.hours,M).hours,t.minutes=C(t.minutes),t.seconds=w(t.seconds);let r=T(t.hours,t.minutes,t.seconds,M);n?.(r);let[i=`00`,a=`00`,o=`00`]=r.split(`:`);return{hours:g===`12`?Gt(String((Ut(i)??0)%12||12)):i,minutes:a,seconds:o}})},te=(0,V.useMemo)(()=>{let e=T(A.hours,A.minutes,A.seconds,M);if(!v){let[t=`00`,n=`00`]=e.split(`:`);return`${t}:${n}`}return e},[M,T,v,A.hours,A.minutes,A.seconds]);return(0,H.jsxs)(pe,{open:O,onOpenChange:k,children:[(0,H.jsx)(fe,{render:n=>(0,H.jsx)(u,{...n,id:b,variant:`secondary`,buttonStyle:`outline`,"aria-expanded":O,"aria-invalid":r,disabled:a,className:o(`time-picker--component`,he,`w-full justify-between text-left`,!t&&`!text-muted-foreground`,n.className,e),children:n.children}),children:(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(h,{className:`h-4 w-4`}),(0,H.jsx)(`span`,{children:te||x.placeholder})]})}),(0,H.jsx)(me,{className:`w-auto p-4`,align:`start`,children:(0,H.jsxs)(`div`,{className:`space-y-4`,children:[(0,H.jsx)(i,{tag:`div`,weight:`medium`,align:`center`,children:x.dialogTitle}),(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsxs)(`div`,{className:`text-center`,children:[(0,H.jsx)(I,{size:`xs`,className:`text-muted-foreground`,children:x.hours}),(0,H.jsx)(B,{inputMode:`numeric`,value:A.hours,onChange:e=>ee(`hours`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>F(`hours`),placeholder:x.hoursPlaceholder,className:`w-16 text-center`})]}),(0,H.jsx)(i,{tag:`div`,className:`text-2xl`,children:`:`}),(0,H.jsxs)(`div`,{className:`text-center`,children:[(0,H.jsx)(I,{size:`xs`,className:`text-muted-foreground`,children:x.minutes}),(0,H.jsx)(B,{inputMode:`numeric`,value:A.minutes,onChange:e=>ee(`minutes`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>F(`minutes`),placeholder:x.minutesPlaceholder,className:`w-16 text-center`})]}),!!v&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(i,{tag:`div`,className:`text-2xl`,children:`:`}),(0,H.jsxs)(`div`,{className:`text-center`,children:[(0,H.jsx)(I,{size:`xs`,className:`text-muted-foreground`,children:x.seconds}),(0,H.jsx)(B,{inputMode:`numeric`,value:A.seconds,onChange:e=>ee(`seconds`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>F(`seconds`),placeholder:x.secondsPlaceholder,className:`w-16 text-center`})]})]}),g===`12`&&(0,H.jsxs)(`div`,{className:`flex items-end gap-1 pb-0.5`,children:[(0,H.jsx)(u,{type:`button`,variant:M===`AM`?`primary`:`secondary`,buttonStyle:M===`AM`?`solid`:`outline`,onClick:()=>N(`AM`),children:x.am}),(0,H.jsx)(u,{type:`button`,variant:M===`PM`?`primary`:`secondary`,buttonStyle:M===`PM`?`solid`:`outline`,onClick:()=>N(`PM`),children:x.pm})]})]}),(0,H.jsxs)(`div`,{className:`flex gap-2`,children:[(0,H.jsx)(u,{variant:`secondary`,buttonStyle:`outline`,className:`flex-1`,onClick:()=>{let e=new Date,t={hours:String(g===`12`?e.getHours()%12||12:e.getHours()),minutes:String(e.getMinutes()),seconds:``};j(t),N(e.getHours()>=12?`PM`:`AM`),n?.(T(t.hours,t.minutes,t.seconds,e.getHours()>=12?`PM`:`AM`))},children:x.now}),(0,H.jsx)(u,{variant:`primary`,buttonStyle:`solid`,className:`flex-1`,onClick:()=>{n?.(T(A.hours,A.minutes,A.seconds,M)),k(!1)},children:x.done})]})]})})]})}qt.displayName=`TimePicker`;var Jt=e=>{if(e===0)return`0 Bytes`;let t=1024,n=[`Bytes`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return`${(e/t**r).toFixed(2)} ${n[r]}`},Yt=0,Xt=()=>`${Date.now().toString(36)}-${(Yt++).toString(36)}`,Zt=e=>{let[t,n]=(0,V.useState)([]),[r,i]=(0,V.useState)({}),a=(0,V.useCallback)(Jt,[]),o=(0,V.useCallback)(t=>{if(e?.minSize!==void 0&&t.size<e.minSize)return`Size (${Jt(t.size)}) is smaller than minimum (${Jt(e.minSize)}).`;if(e?.maxSize!==void 0&&t.size>e.maxSize)return`Size (${Jt(t.size)}) exceeds maximum (${Jt(e.maxSize)}).`;let n=t.name.split(`.`).pop()?.toLowerCase()||``;if(e?.allowedExtensions&&!e.allowedExtensions.map(e=>e.toLowerCase()).includes(n))return`Extension (.${n}) is not allowed.`;if(e?.customValidator){let n=e.customValidator(t);if(n!==!0)return typeof n==`string`?n:`Custom validation failed.`}return null},[e]),s=(0,V.useCallback)((t,r=!1)=>{let a=Array.isArray(t)?t:Array.from(t),s={};n(t=>{let n=r?[]:[...t];return a.forEach(t=>{let r=t.name.split(`.`).pop()?.toLowerCase()||``;if(n.some(e=>e.name===t.name&&e.size===t.size&&e.extension===r))return;let i=o(t);if(i){s[t.name]=i;return}if(e?.maxFiles!==void 0&&n.length+1>e.maxFiles){s[t.name]=`Cannot exceed max files limit of ${e.maxFiles}.`;return}let a={id:Xt(),file:t,name:t.name,size:t.size,formattedSize:Jt(t.size),type:t.type,extension:r,lastModified:t.lastModified};n.push(a)}),n}),i(s)},[e?.maxFiles,o]);return{files:t,addFiles:(0,V.useCallback)(e=>s(e,!1),[s]),setFiles:(0,V.useCallback)(e=>s(e,!0),[s]),remove:(0,V.useCallback)(e=>{n(t=>t.filter(t=>t.id!==e))},[]),removeAll:(0,V.useCallback)(()=>{n(e=>e.length===0?e:[]),i({})},[]),formatSize:a,validationErrors:r}},Qt={change:`Change photo`,remove:`Remove photo`,hint:`Click or drop an image`,dragOver:`Drop image to upload`},$t={sm:{box:`size-16`,icon:`size-4`,remove:`size-5`},base:{box:`size-24`,icon:`size-5`,remove:`size-6`},lg:{box:`size-32`,icon:`size-6`,remove:`size-7`}};function en({value:e,onChange:t,defaultPreviewUrl:n,accept:r=`.png,.jpg,.jpeg,.gif,.webp`,disabled:a=!1,invalid:s=!1,size:c=`base`,className:l,strings:u,initials:d},f){let p=D(Qt,u),m=(0,V.useId)(),h=(0,V.useRef)(null),[g,_]=(0,V.useState)(!1),v=$t[c],{files:y,setFiles:b,removeAll:x}=Zt({maxFiles:1,allowedExtensions:(0,V.useMemo)(()=>r.split(`,`).map(e=>e.trim().replace(/^\./,``).toLowerCase()).filter(Boolean),[r])});(0,V.useEffect)(()=>{e?b([e]):x()},[e]);let S=y[0],[C,w]=(0,V.useState)(void 0);(0,V.useEffect)(()=>{let t=S?.file??e;if(!t){w(void 0);return}let n=URL.createObjectURL(t);return w(n),()=>URL.revokeObjectURL(n)},[S,e]);let E=C??n,O=!!E,k=(0,V.useCallback)(e=>{let n=e.target.files;!n||n.length===0||(b(n),t?.(n[0]),h.current&&(h.current.value=``))},[t,b]),A=(0,V.useCallback)(()=>{a||h.current?.click()},[a]),j=(0,V.useCallback)(()=>{x(),t?.(void 0),h.current&&(h.current.value=``)},[t,x]),M=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),A())},N=(0,V.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),a||_(!0)},[a]),P=(0,V.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),_(!1)},[]),ee=(0,V.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),_(!1),a)return;let n=e.dataTransfer?.files;!n||n.length===0||(b(n),t?.(n[0]))},[a,t,b]);return(0,H.jsxs)(`div`,{className:o(`avatar-upload--component`,`inline-flex flex-col items-center gap-2`,l),children:[(0,H.jsxs)(`div`,{role:`button`,tabIndex:a?-1:0,"aria-label":p.change,"aria-disabled":a||void 0,"aria-invalid":s||void 0,onClick:A,onKeyDown:M,onDragEnter:N,onDragOver:N,onDragLeave:P,onDrop:ee,className:o(`group relative flex shrink-0 items-center justify-center overflow-hidden rounded-full`,`border border-dashed transition-colors duration-150 outline-none`,`focus-visible:ring-2 focus-visible:ring-ring/50`,O?`border-border/60 bg-muted/20`:o(`bg-muted/30 hover:border-primary hover:bg-primary/5`,s?`border-destructive`:`border-muted-foreground/40`),a&&`cursor-not-allowed opacity-50`,!a&&g&&`border-primary bg-primary/10`,v.box),children:[(0,H.jsx)(`input`,{id:m,ref:e=>{h.current=e,typeof f==`function`?f(e):f&&(f.current=e)},type:`file`,className:`sr-only`,"aria-label":p.change,accept:r,disabled:a,onChange:k}),O&&E?(0,H.jsx)(`img`,{src:E,alt:p.change,className:`absolute inset-0 size-full object-cover`}):d?(0,H.jsx)(i,{size:c===`lg`?`lg`:`base`,weight:`bold`,className:`leading-none`,children:d}):(0,H.jsx)(Oe,{className:o(v.icon,`text-muted-foreground`),"aria-hidden":`true`}),!a&&O&&(0,H.jsx)(`div`,{className:`pointer-events-none absolute inset-0 hidden items-center justify-center bg-black/40 text-white group-hover:flex`,"aria-hidden":`true`,children:(0,H.jsx)(Oe,{className:v.icon})}),!a&&O&&(0,H.jsx)(`button`,{type:`button`,"aria-label":p.remove,onClick:e=>{e.stopPropagation(),j()},className:o(`absolute right-0.5 top-0.5 inline-flex items-center justify-center rounded-full bg-card text-foreground shadow ring-1 ring-border`,`opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100`,v.remove),children:(0,H.jsx)(T,{className:`size-3`})}),!a&&!O&&g&&(0,H.jsx)(i,{size:`xxs`,weight:`medium`,className:`absolute inset-x-0 bottom-1.5 text-center text-primary`,children:p.dragOver})]}),!O&&(0,H.jsx)(i,{size:`xs`,type:`secondary`,children:p.hint})]})}var tn=V.forwardRef(en);tn.displayName=`AvatarUpload`;var nn={emptyState:`No items added yet.`,addItem:`Add item`,removeAriaLabel:`Remove item`},rn={emptyState:nn.emptyState,addButton:nn.addItem,removeAriaLabel:nn.removeAriaLabel,dragHandleAriaLabel:`Drag to reorder`};function an({item:e,index:t,sortable:n,rowVariant:r,removeVariant:i,hideRemove:a,disabled:s,strings:c,onRemove:l,renderRow:d}){let f=Te({id:e.id,disabled:s||!n}),p=n?f.isDragging:!1,m=n?{transform:we.Transform.toString(f.transform),transition:f.transition,opacity:p?.6:1}:void 0,h=n?f.setNodeRef:void 0,g=n?f.attributes:{},_=n?f.listeners:void 0,v=n?(0,H.jsx)(`button`,{type:`button`,"aria-label":c.dragHandleAriaLabel,className:o(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,`text-muted-foreground/50 hover:text-foreground hover:bg-muted`,`cursor-grab active:cursor-grabbing`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`,s&&`pointer-events-none opacity-50`),...g,..._,children:(0,H.jsx)(ke,{className:`size-4`,"aria-hidden":`true`})}):null,y=a?null:i===`icon-button`?(0,H.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,"aria-label":c.removeAriaLabel,disabled:s,onClick:()=>l(t),className:`shrink-0`,children:(0,H.jsx)(w,{className:`size-4`,"aria-hidden":`true`})}):(0,H.jsx)(`button`,{type:`button`,"aria-label":c.removeAriaLabel,disabled:s,onClick:()=>l(t),className:o(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,`text-muted-foreground/70 hover:bg-destructive/10 hover:text-destructive`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`transition-colors`,`disabled:pointer-events-none disabled:opacity-50`),children:(0,H.jsx)(T,{className:`size-4`,"aria-hidden":`true`})});return r===`card`?(0,H.jsx)(`div`,{ref:h,style:m,className:o(`repeater--component`,`relative rounded-md border border-input bg-card p-4`,n&&`pl-2`),children:(0,H.jsxs)(`div`,{className:`flex items-start gap-2`,children:[v,(0,H.jsx)(`div`,{className:`min-w-0 flex-1`,children:d(e,{index:t,isDragging:p})}),y]})}):(0,H.jsxs)(`div`,{ref:h,style:m,className:`flex items-start gap-2`,children:[v,(0,H.jsx)(`div`,{className:`min-w-0 flex-1`,children:d(e,{index:t,isDragging:p})}),y]})}function on({items:e,renderRow:t,onAdd:n,onRemove:r,onMove:a,sortable:s=!1,rowVariant:c=`inline`,removeVariant:l=`ghost`,hideRemove:d=!1,hideAdd:f=!1,disabled:p=!1,strings:m,className:h}){let g=D(rn,m),_=be(ye(ve,{activationConstraint:{distance:4}}),ye(Ee,{coordinateGetter:Ce})),v=(0,V.useCallback)(t=>{let{active:n,over:r}=t;if(!r||n.id===r.id)return;let i=e.findIndex(e=>e.id===n.id),o=e.findIndex(e=>e.id===r.id);i<0||o<0||a?.(i,o)},[e,a]),y=(0,V.useMemo)(()=>e.map(e=>e.id),[e]),b=(0,H.jsx)(`div`,{className:`space-y-2`,children:e.map((e,n)=>(0,H.jsx)(an,{item:e,index:n,sortable:s,rowVariant:c,removeVariant:l,hideRemove:d,disabled:p,strings:g,onRemove:r,renderRow:t},e.id))});return(0,H.jsxs)(`div`,{className:o(`space-y-3`,h),children:[e.length===0?(0,H.jsx)(`div`,{className:`rounded-md border border-dashed border-input p-4`,children:(0,H.jsx)(i,{type:`secondary`,children:g.emptyState})}):s?(0,H.jsx)(_e,{sensors:_,collisionDetection:Se,onDragEnd:v,children:(0,H.jsx)(De,{items:y,strategy:xe,children:b})}):b,!f&&(0,H.jsxs)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,disabled:p,onClick:n,children:[(0,H.jsx)(x,{className:`size-4 mr-1.5`}),g.addButton]})]})}on.displayName=`Repeater`;var sn={keyLabel:`Key`,valueLabel:`Value`,keyPlaceholder:`key`,valuePlaceholder:`value`,addButton:`Add row`,removeRowAriaLabel:`Remove row`,emptyState:`No rows yet.`},cn=()=>typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():Math.random().toString(36).slice(2,10),ln=(0,V.memo)(function({row:e,keyPlaceholder:t,valuePlaceholder:n,invalid:r,onKeyChange:i,onValueChange:a}){let{id:s,key:c,value:l}=e;return(0,H.jsxs)(`div`,{className:o(`key-value-editor--component`,`grid grid-cols-1 md:grid-cols-2 gap-2`),children:[(0,H.jsx)(B,{value:c??``,placeholder:t,onChange:e=>i(s,e.target.value),invalid:r}),(0,H.jsx)(B,{value:l??``,placeholder:n,onChange:e=>a(s,e.target.value),invalid:r})]})});function un({value:e,onChange:t,invalid:n,sortable:r=!1,keyPlaceholder:i,valuePlaceholder:a,keyLabel:s,valueLabel:c,addButtonText:l,strings:u}){let d=D(sn,{...i===void 0?{}:{keyPlaceholder:i},...a===void 0?{}:{valuePlaceholder:a},...s===void 0?{}:{keyLabel:s},...c===void 0?{}:{valueLabel:c},...l===void 0?{}:{addButton:l},...u}),f=(0,V.useRef)(!1),[p,m]=(0,V.useState)(()=>e&&Object.keys(e).length>0?Object.entries(e).map(([e,t])=>({id:cn(),key:e,value:String(t??``)})):[{id:cn(),key:``,value:``}]),h=(0,V.useCallback)(e=>{let n={};e.forEach(({key:e,value:t})=>{e.trim()!==``&&(n[e]=t??``)}),f.current=!0,t?.(n),queueMicrotask(()=>{f.current=!1})},[t]),g=(0,V.useCallback)((e,t)=>{m(n=>{let r=n.map(n=>n.id===e?{...n,key:t}:n);return h(r),r})},[h]),_=(0,V.useCallback)((e,t)=>{m(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return h(r),r})},[h]),v=(0,V.useCallback)(()=>{m(e=>{let t=[...e,{id:cn(),key:``,value:``}];return h(t),t})},[h]),y=(0,V.useCallback)(e=>{m(t=>{let n=t.filter((t,n)=>n!==e),r=n.length?n:[{id:cn(),key:``,value:``}];return h(r),r})},[h]),b=(0,V.useCallback)((e,t)=>{m(n=>{let r=[...n],[i]=r.splice(e,1);return r.splice(t,0,i),h(r),r})},[h]);return(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(!!d.keyLabel||!!d.valueLabel)&&(0,H.jsxs)(`div`,{className:o(`grid grid-cols-1 md:grid-cols-2 gap-2`,r?`pl-11`:``,`pr-11`),children:[!!d.keyLabel&&(0,H.jsx)(I,{className:`flex items-center`,children:d.keyLabel}),!!d.valueLabel&&(0,H.jsx)(I,{className:`flex items-center`,children:d.valueLabel})]}),(0,H.jsx)(on,{items:p,sortable:r,onAdd:v,onRemove:y,onMove:b,strings:{emptyState:d.emptyState,addButton:d.addButton,removeAriaLabel:d.removeRowAriaLabel},renderRow:e=>(0,H.jsx)(ln,{row:e,keyPlaceholder:d.keyPlaceholder,valuePlaceholder:d.valuePlaceholder,invalid:n,onKeyChange:g,onValueChange:_})})]})}un.displayName=`KeyValueEditor`;var dn=e=>e.type===`checkbox`,fn=e=>e instanceof Date,U=e=>e==null,pn=e=>typeof e==`object`,W=e=>!U(e)&&!Array.isArray(e)&&pn(e)&&!fn(e),mn=e=>W(e)&&e.target?dn(e.target)?e.target.checked:e.target.value:e,hn=(e,t)=>t.split(`.`).some((t,n,r)=>!isNaN(Number(t))&&e.has(r.slice(0,n).join(`.`))),gn=e=>{let t=e.constructor&&e.constructor.prototype;return W(t)&&t.hasOwnProperty(`isPrototypeOf`)},_n=typeof window<`u`&&window.HTMLElement!==void 0&&typeof document<`u`;function G(e){if(e instanceof Date)return new Date(e);let t=typeof FileList<`u`&&e instanceof FileList;if(_n&&(e instanceof Blob||t))return e;let n=Array.isArray(e);if(!n&&!(W(e)&&gn(e)))return e;let r=n?[]:Object.create(Object.getPrototypeOf(e));for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=G(e[t]));return r}var vn={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`,SUBMIT:`submit`,TRIGGER:`trigger`,VALID:`valid`},yn={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},bn={max:`max`,min:`min`,maxLength:`maxLength`,minLength:`minLength`,pattern:`pattern`,required:`required`,validate:`validate`},xn=`form`,Sn=`root`,Cn=[`__proto__`,`constructor`,`prototype`],wn=e=>/^\w*$/.test(e),K=e=>e===void 0,Tn=e=>e.split(/[.[\]'"]/g).filter(Boolean),q=(e,t,n)=>{if(!t||!W(e))return n;let r=wn(t)?[t]:Tn(t);if(r.some(e=>Cn.includes(e)))return n;let i=r.reduce((e,t)=>U(e)?void 0:e[t],e);return K(i)||i===e?K(e[t])?n:e[t]:i},En=e=>typeof e==`boolean`,J=e=>typeof e==`function`,Y=(e,t,n)=>{let r=-1,i=wn(t)?[t]:Tn(t),a=i.length,o=a-1;for(;++r<a;){let t=i[r],a=n;if(r!==o){let n=e[t];a=W(n)||Array.isArray(n)?n:isNaN(+i[r+1])?{}:[]}if(Cn.includes(t))return;e[t]=a,e=e[t]}},Dn=V.createContext(null);Dn.displayName=`HookFormControlContext`;var On=()=>V.useContext(Dn),kn=(e,t,n,r=!0)=>{let i={};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==yn.all&&(t._proxyFormState[i]=!r||yn.all),n&&(n[i]=!0),e[i]}});return i},An=_n?V.useLayoutEffect:V.useEffect;function jn(e){let t=On(),{control:n=t,disabled:r,name:i,exact:a}=e||{},[o,s]=V.useState(()=>({...n._formState,defaultValues:n._defaultValues})),c=V.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return An(()=>n._subscribe({name:i,formState:c.current,exact:a,callback:e=>{!r&&s({...n._formState,...e,defaultValues:n._defaultValues})}}),[i,r,a]),V.useEffect(()=>{c.current.isValid&&n._setValid(!0)},[n]),V.useMemo(()=>kn(o,n,c.current,!1),[o,n])}var Mn=e=>typeof e==`string`,Nn=(e,t,n,r,i)=>Mn(e)?(r&&t.watch.add(e),q(n,e,i)):Array.isArray(e)?e.map(e=>(r&&t.watch.add(e),q(n,e))):(r&&(t.watchAll=!0),n),Pn=e=>U(e)||!pn(e);function Fn(e,t,n=new WeakSet){if(e===t)return!0;if(Pn(e)||Pn(t))return Object.is(e,t);if(fn(e)&&fn(t))return Object.is(e.getTime(),t.getTime());let r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;if(n.has(e)||n.has(t))return!0;n.add(e),n.add(t);for(let i of r){let r=e[i];if(!(i in t))return!1;if(i!==`ref`){let e=t[i];if(fn(r)&&fn(e)||(W(r)||Array.isArray(r))&&(W(e)||Array.isArray(e))?!Fn(r,e,n):!Object.is(r,e))return!1}}return!0}function In(e){let t=On(),{control:n=t,name:r,defaultValue:i,disabled:a,exact:o,compute:s}=e||{},c=V.useRef(i),l=V.useRef(s),u=V.useRef(void 0),d=V.useRef(n),f=V.useRef(r);l.current=s;let[p,m]=V.useState(()=>{let e=n._getWatch(r,c.current);return l.current?l.current(e):e}),h=V.useCallback(e=>{let t=Nn(r,n._names,e||n._formValues,!1,c.current);return l.current?l.current(t):t},[n._formValues,n._names,r]),g=V.useCallback(e=>{if(!a){let t=Nn(r,n._names,e||n._formValues,!1,c.current);if(l.current){let e=l.current(t);Fn(e,u.current)||(m(e),u.current=e)}else m(t)}},[n._formValues,n._names,a,r]);An(()=>((d.current!==n||!Fn(f.current,r))&&(d.current=n,f.current=r,g()),n._subscribe({name:r,formState:{values:!0},exact:o,callback:e=>{g(e.values)}})),[n,o,r,g]),V.useEffect(()=>n._removeUnmounted());let _=d.current!==n,v=f.current,y=V.useMemo(()=>{if(a)return null;let e=!_&&!Fn(v,r);return _||e?h():null},[a,_,r,v,h]);return y===null?p:y}function Ln(e){let t=On(),{name:n,disabled:r,control:i=t,shouldUnregister:a,defaultValue:o,exact:s=!0}=e,c=hn(i._names.array,n),l=In({control:i,name:n,defaultValue:V.useMemo(()=>q(i._formValues,n,q(i._defaultValues,n,o)),[i,n,o]),exact:s}),u=jn({control:i,name:n,exact:s}),d=V.useRef(e),f=V.useRef(i.register(n,{...e.rules,value:l,...En(e.disabled)?{disabled:e.disabled}:{}}));d.current=e;let p=V.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!q(u.errors,n)},isDirty:{enumerable:!0,get:()=>!!q(u.dirtyFields,n)},isTouched:{enumerable:!0,get:()=>!!q(u.touchedFields,n)},isValidating:{enumerable:!0,get:()=>!!q(u.validatingFields,n)},error:{enumerable:!0,get:()=>q(u.errors,n)}}),[u,n]),m=V.useCallback(e=>f.current.onChange({target:{value:mn(e),name:n},type:vn.CHANGE}),[n]),h=V.useCallback(()=>f.current.onBlur({target:{value:q(i._formValues,n),name:n},type:vn.BLUR}),[n,i._formValues]),g=V.useCallback(e=>{let t=q(i._fields,n);t&&t._f&&e&&(t._f.ref={focus:()=>J(e.focus)&&e.focus(),select:()=>J(e.select)&&e.select(),setCustomValidity:t=>J(e.setCustomValidity)&&e.setCustomValidity(t),reportValidity:()=>J(e.reportValidity)&&e.reportValidity()})},[i._fields,n]),_=V.useMemo(()=>({name:n,value:l,...En(r)||u.disabled?{disabled:u.disabled||r}:{},onChange:m,onBlur:h,ref:g}),[n,r,u.disabled,m,h,g,l]);return V.useEffect(()=>{let e=i._options.shouldUnregister||a;i.register(n,{...d.current.rules,...En(d.current.disabled)?{disabled:d.current.disabled}:{}});let t=(e,t)=>{let n=q(i._fields,e);n&&n._f&&(n._f.mount=t)};if(t(n,!0),e){let e=G(q(i._defaultValues,n,q(i._options.defaultValues,n,d.current.defaultValue)));Y(i._defaultValues,n,e),K(q(i._formValues,n))&&Y(i._formValues,n,e)}return!c&&i.register(n),()=>{(c?e&&!i._state.action:e)?i.unregister(n):t(n,!1)}},[n,i,c,a]),V.useEffect(()=>{i._setDisabledField({disabled:r,name:n})},[r,n,i]),V.useMemo(()=>({field:_,formState:u,fieldState:p}),[_,u,p])}var Rn=e=>e.render(Ln(e)),zn=V.createContext(null);zn.displayName=`HookFormContext`;var Bn=()=>V.useContext(zn),Vn=({children:e,watch:t,getValues:n,getFieldState:r,setError:i,clearErrors:a,setValue:o,setValues:s,trigger:c,formState:l,resetField:u,reset:d,handleSubmit:f,unregister:p,control:m,register:h,setFocus:g,subscribe:_})=>{let v=V.useMemo(()=>({watch:t,getValues:n,getFieldState:r,setError:i,clearErrors:a,setValue:o,setValues:s,trigger:c,formState:l,resetField:u,reset:d,handleSubmit:f,unregister:p,control:m,register:h,setFocus:g,subscribe:_}),[a,m,l,r,n,f,h,d,u,i,g,o,s,_,c,p,t]);return V.createElement(zn.Provider,{value:v},V.createElement(Dn.Provider,{value:v.control},e))},Hn=(e,t,n,r,i)=>t?{...n[e],types:{...n[e]&&n[e].types?n[e].types:{},[r]:i||!0}}:{},Un=e=>Array.isArray(e)?e.filter(Boolean):[],Wn=e=>Array.isArray(e)?e:[e],Gn=()=>{let e=[];return{get observers(){return e},next:t=>{for(let n of e)n.next&&n.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter(e=>e!==t)}}),unsubscribe:()=>{e=[]}}};function Kn(e,t){let n={};for(let r in e)if(e.hasOwnProperty(r)){let i=e[r],a=t[r];if(i&&W(i)&&a){let e=Kn(i,a);W(e)&&(n[r]=e)}else e[r]&&(n[r]=a)}return n}var X=e=>W(e)&&!Object.keys(e).length,qn=e=>e.type===`file`,Jn=e=>{if(!_n)return!1;let t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},Yn=e=>e.type===`select-multiple`,Xn=e=>e.type===`radio`,Zn=e=>Xn(e)||dn(e),Qn=e=>Jn(e)&&e.isConnected;function $n(e,t){let n=t.slice(0,-1).length,r=0;for(;r<n;){if(U(e)){e=void 0;break}e=e[t[r]],r++}return e}function er(e){for(let t in e)if(e.hasOwnProperty(t)&&!K(e[t]))return!1;return!0}function Z(e,t){if(Mn(t)&&Object.prototype.hasOwnProperty.call(e,t))return delete e[t],e;let n=Array.isArray(t)?t:wn(t)?[t]:Tn(t),r=n.length===1?e:$n(e,n),i=n.length-1,a=n[i];return r&&delete r[a],i!==0&&(W(r)&&X(r)||Array.isArray(r)&&er(r))&&Z(e,n.slice(0,-1)),e}var tr=e=>{for(let t in e)if(J(e[t]))return!0;return!1};function nr(e){return Array.isArray(e)||W(e)&&!tr(e)}function rr(e,t={}){for(let n in e){let r=e[n];nr(r)?(t[n]=Array.isArray(r)?[]:{},rr(r,t[n])):K(r)||(t[n]=!0)}return t}function ir(e){if(e!==!1){if(e===!0)return!0;if(Array.isArray(e)){let t=e.map(e=>ir(e));return t.some(e=>e!==void 0)?t:void 0}if(W(e)){let t={};for(let n in e){let r=ir(e[n]);K(r)||(t[n]=r)}return Object.keys(t).length?t:void 0}}}function ar(e,t,n){n||=rr(t);for(let r in e){let i=e[r];if(nr(i))K(t)||Pn(n[r])?n[r]=rr(i,Array.isArray(i)?[]:{}):ar(i,U(t)?{}:t[r],n[r]);else{let e=t[r];n[r]=!Fn(i,e)}}return ir(n)||{}}var or={value:!1,isValid:!1},sr={value:!0,isValid:!0},cr=e=>{if(Array.isArray(e)){if(e.length>1){let t=e.filter(e=>e&&e.checked&&!e.disabled).map(e=>e.value);return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!K(e[0].attributes.value)?K(e[0].value)||e[0].value===``?sr:{value:e[0].value,isValid:!0}:sr:or}return or},lr=(e,{valueAsNumber:t,valueAsDate:n,setValueAs:r})=>K(e)?e:t?e===``?NaN:e&&+e:n&&Mn(e)?new Date(e):r?r(e):e,ur={isValid:!1,value:null},dr=e=>Array.isArray(e)?e.reduce((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e,ur):ur;function fr(e){let t=e.ref;return qn(t)?t.files:Xn(t)?dr(e.refs).value:Yn(t)?[...t.selectedOptions].map(({value:e})=>e):dn(t)?cr(e.refs).value:lr(K(t.value)?e.ref.value:t.value,e)}var pr=(e,t,n,r)=>{let i={};for(let n of e){let e=q(t,n);e&&Y(i,n,e._f)}return{criteriaMode:n,names:[...e],fields:i,shouldUseNativeValidation:r}},mr=e=>e instanceof RegExp,hr=e=>K(e)?e:mr(e)?e.source:W(e)?mr(e.value)?e.value.source:e.value:e,gr=e=>({isOnSubmit:!e||e===yn.onSubmit,isOnBlur:e===yn.onBlur,isOnChange:e===yn.onChange,isOnAll:e===yn.all,isOnTouch:e===yn.onTouched}),_r=`AsyncFunction`,vr=e=>!!e&&!!e.validate&&!!(J(e.validate)&&e.validate.constructor.name===_r||W(e.validate)&&Object.values(e.validate).find(e=>e.constructor.name===_r)),yr=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),br=(e,t,n)=>!n&&(t.watchAll||t.watch.has(e)||[...t.watch].some(t=>e.startsWith(`${t}.`))),xr=(e,t,n,r)=>{for(let i of n||Object.keys(e)){let n=q(e,i);if(n){let{_f:e,...a}=n;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],i)&&!r||e.ref&&t(e.ref,e.name)&&!r)return!0;if(xr(a,t))break}else if(W(a)&&xr(a,t))break}}};function Sr(e,t,n){let r=q(e,n);if(r||wn(n))return{error:r,name:n};let i=n.split(`.`);for(;i.length;){let r=i.join(`.`),a=q(t,r),o=q(e,r);if(a&&!Array.isArray(a)&&n!==r)return{name:n};if(o&&o.type)return{name:r,error:o};if(o&&o.root&&o.root.type)return{name:`${r}.root`,error:o.root};i.pop()}return{name:n}}var Cr=(e,t,n,r)=>{n(e);let{name:i,...a}=e;return X(a)||r&&Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find(e=>t[e]===(!r||yn.all))},wr=(e,t,n)=>!e||!t||e===t||Wn(e).some(e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))),Tr=(e,t,n,r,i)=>i.isOnAll?!1:!n&&i.isOnTouch?!(t||e):(n?r.isOnBlur:i.isOnBlur)?!e:(n?r.isOnChange:i.isOnChange)?e:!0,Er=(e,t)=>!Un(q(e,t)).length&&Z(e,t),Dr=(e,t,n)=>{let r=q(e,n),i=Array.isArray(r)?r:[];return Y(i,Sn,t[n]),Y(e,n,i),e};function Or(e,t,n=`validate`){if(Mn(e)||Array.isArray(e)&&e.every(Mn)||En(e)&&!e)return{type:n,message:Mn(e)?e:``,ref:t}}var kr=e=>W(e)&&!mr(e)?e:{value:e,message:``},Ar=async(e,t,n,r,i,a)=>{let{ref:o,refs:s,required:c,maxLength:l,minLength:u,min:d,max:f,pattern:p,validate:m,name:h,valueAsNumber:g,mount:_}=e._f,v=q(n,h);if(!_||t.has(h))return{};let y=s?s[0]:o,b=e=>{i&&y.reportValidity&&(y.setCustomValidity(En(e)?``:e||``),y.reportValidity())},x={},S=Xn(o),C=dn(o),w=S||C,T=(g||qn(o))&&K(o.value)&&K(v)||Jn(o)&&o.value===``||v===``||Array.isArray(v)&&!v.length,E=Hn.bind(null,h,r,x),D=(e,t,n,r=bn.maxLength,i=bn.minLength)=>{let a=e?t:n;x[h]={type:e?r:i,message:a,ref:o,...E(e?r:i,a)}};if(a?!Array.isArray(v)||!v.length:c&&(!w&&(T||U(v))||En(v)&&!v||C&&!cr(s).isValid||S&&!dr(s).isValid)){let{value:e,message:t}=Mn(c)?{value:!!c,message:c}:kr(c);if(e&&(x[h]={type:bn.required,message:t,ref:y,...E(bn.required,t)},!r))return b(t),x}if(!T&&(!U(d)||!U(f))){let e,t,n=kr(f),i=kr(d);if(!U(v)&&!isNaN(v)){let r=o.valueAsNumber||v&&+v;U(n.value)||(e=r>n.value),U(i.value)||(t=r<i.value)}else{let r=o.valueAsDate||new Date(v),a=e=>new Date(new Date().toDateString()+` `+e),s=o.type==`time`,c=o.type==`week`;Mn(n.value)&&v&&(e=s?a(v)>a(n.value):c?v>n.value:r>new Date(n.value)),Mn(i.value)&&v&&(t=s?a(v)<a(i.value):c?v<i.value:r<new Date(i.value))}if((e||t)&&(D(!!e,n.message,i.message,bn.max,bn.min),!r))return b(x[h].message),x}if((l||u)&&!T&&(Mn(v)||a&&Array.isArray(v))){let e=kr(l),t=kr(u),n=!U(e.value)&&v.length>+e.value,i=!U(t.value)&&v.length<+t.value;if((n||i)&&(D(n,e.message,t.message),!r))return b(x[h].message),x}if(p&&!T&&Mn(v)){let{value:e,message:t}=kr(p);if(mr(e)&&!v.match(e)&&(x[h]={type:bn.pattern,message:t,ref:o,...E(bn.pattern,t)},!r))return b(t),x}if(m){if(J(m)){let e=Or(await m(v,n),y);if(e&&(x[h]={...e,...E(bn.validate,e.message)},!r))return b(e.message),x}else if(W(m)){let e={};for(let t in m){if(!X(e)&&!r)break;let i=Or(await m[t](v,n),y,t);i&&(e={...i,...E(t,i.message)},b(i.message),r&&(x[h]=e))}if(!X(e)&&(x[h]={ref:y,...e},!r))return x}}return b(!0),x},jr={mode:yn.onSubmit,reValidateMode:yn.onChange,shouldFocusError:!0},Mr={submitCount:0,isDirty:!1,isReady:!1,isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{}};function Nr(e={}){let t={...jr,...e},n={...G(Mr),isLoading:J(t.defaultValues),errors:t.errors||{},disabled:t.disabled||!1},r={},i=(W(t.defaultValues)||W(t.values))&&G(t.defaultValues||t.values)||{},a=t.shouldUnregister?{}:G(i),o={action:!1,mount:!1,watch:!1,keepIsValid:!1},s={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set,registerName:new Set},c,l=0,u={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},d={...u},f={...d},p={array:Gn(),state:Gn()},m=t.criteriaMode===yn.all,h=e=>t=>{clearTimeout(l),l=setTimeout(e,t)},g=async e=>{if(!o.keepIsValid&&!t.disabled&&(d.isValid||f.isValid||e)){let e;t.resolver?(e=X((await E()).errors),_()):e=await k({fields:r,onlyCheckValid:!0,eventType:vn.VALID}),e!==n.isValid&&p.state.next({isValid:e})}},_=(e,r)=>{!t.disabled&&(d.isValidating||d.validatingFields||f.isValidating||f.validatingFields)&&((e||Array.from(s.mount)).forEach(e=>{e&&(r?Y(n.validatingFields,e,r):Z(n.validatingFields,e))}),p.state.next({validatingFields:n.validatingFields,isValidating:!X(n.validatingFields)}))},v=()=>{n.dirtyFields=ar(i,a)},y=(e,i=[],s,c,l=!0,u=!0)=>{if(c&&s&&!t.disabled){if(o.action=!0,u&&Array.isArray(q(r,e))){let t=s(q(r,e),c.argA,c.argB);l&&Y(r,e,t)}if(u&&Array.isArray(q(n.errors,e))){let t=s(q(n.errors,e),c.argA,c.argB);l&&Y(n.errors,e,t),Er(n.errors,e)}if((d.touchedFields||f.touchedFields)&&u&&Array.isArray(q(n.touchedFields,e))){let t=s(q(n.touchedFields,e),c.argA,c.argB);l&&Y(n.touchedFields,e,t)}(d.dirtyFields||f.dirtyFields)&&v(),p.state.next({name:e,isDirty:j(e,i),dirtyFields:n.dirtyFields,errors:n.errors,isValid:n.isValid})}else Y(a,e,i)},b=(e,t)=>{Y(n.errors,e,t),p.state.next({errors:n.errors})},x=e=>{n.errors=e,p.state.next({errors:n.errors,isValid:!1})},S=e=>{let t=wn(e)?[e]:Tn(e),n=a,r=i;for(let e=0;e<t.length-1;e++){let i=t[e];if(n=U(n)?n:n[i],r=U(r)?r:r[i],n===null&&r!==null)return!0}return!1},C=(e,t,s,c)=>{let l=q(r,e);if(l){if(S(e))return;let r=K(q(a,e)),u=q(a,e,K(s)?q(i,e):s);K(u)||c&&c.defaultChecked||t?Y(a,e,t?u:fr(l._f)):P(e,u),o.mount&&!o.action&&(g(),r&&n.isDirty&&(d.isDirty||f.isDirty)&&(j()||(n.isDirty=!1,p.state.next({...n}))))}},w=(e,r,o,s,c)=>{let l=!1,u=!1,m={name:e};if(!t.disabled){if(!o||s){(d.isDirty||f.isDirty)&&(u=n.isDirty,n.isDirty=m.isDirty=j(),l=u!==m.isDirty);let t=Fn(q(i,e),r);u=!!q(n.dirtyFields,e),t===n.isDirty?t?Z(n.dirtyFields,e):Y(n.dirtyFields,e,!0):n.dirtyFields=ar(i,a),m.dirtyFields=n.dirtyFields,l||=(d.dirtyFields||f.dirtyFields)&&u!==!t}if(o){let t=q(n.touchedFields,e);t||(Y(n.touchedFields,e,o),m.touchedFields=n.touchedFields,l||=(d.touchedFields||f.touchedFields)&&t!==o)}l&&c&&p.state.next(m)}return l?m:{}},T=(e,r,i,a)=>{let o=q(n.errors,e),s=(d.isValid||f.isValid)&&En(r)&&n.isValid!==r;if(t.delayError&&i?(c=h(()=>b(e,i)),c(t.delayError)):(clearTimeout(l),c=null,i?Y(n.errors,e,i):Z(n.errors,e)),(i?!Fn(o,i):o)||!X(a)||s){let t={...a,...s&&En(r)?{isValid:r}:{},errors:n.errors,name:e};n={...n,...t},p.state.next(t)}},E=async e=>(_(e,!0),await t.resolver(a,t.context,pr(e||s.mount,r,t.criteriaMode,t.shouldUseNativeValidation))),D=async e=>{let{errors:t}=await E(e);if(_(e),e)for(let r of e){let e=q(t,r);e?s.array.has(r)&&W(e)&&!Object.keys(e).some(e=>!Number.isNaN(Number(e)))?Dr(n.errors,{[r]:e},r):Y(n.errors,r,e):Z(n.errors,r)}else n.errors=t;return t},O=async({name:t,eventType:r})=>{if(e.validate){let i=await e.validate({formValues:a,formState:n,name:t,eventType:r});if(W(i))for(let e in i){let t=i[e];t&&ae(`${xn}.${e}`,{message:Mn(t.message)?t.message:``,type:t.type||bn.validate})}else Mn(i)||!i?ae(xn,{message:i||``,type:bn.validate}):ie(xn);return i}return!0},k=async({fields:r,onlyCheckValid:i,name:o,eventType:c,context:l={valid:!0,runRootValidation:!1}})=>{if(e.validate&&(l.runRootValidation=!0,!await O({name:o,eventType:c})&&(l.valid=!1,i)))return l.valid;for(let o in r){let u=r[o];if(u){let{_f:r,...p}=u;if(r){let o=s.array.has(r.name),c=u._f&&vr(u._f),p=d.validatingFields||d.isValidating||f.validatingFields||f.isValidating;c&&p&&_([r.name],!0);let h=await Ar(u,s.disabled,a,m,t.shouldUseNativeValidation&&!i,o);if(c&&p&&_([r.name]),h[r.name]&&(l.valid=!1,i)||(!i&&(q(h,r.name)?o?Dr(n.errors,h,r.name):Y(n.errors,r.name,h[r.name]):Z(n.errors,r.name)),e.shouldUseNativeValidation&&h[r.name]))break}!X(p)&&await k({context:l,onlyCheckValid:i,fields:p,name:o,eventType:c})}}return l.valid},A=()=>{for(let e of s.unMount){let t=q(r,e);t&&(t._f.refs?t._f.refs.every(e=>!Qn(e)):!Qn(t._f.ref))&&le(e)}s.unMount=new Set},j=(e,n)=>!t.disabled&&(e&&n&&Y(a,e,n),!Fn(z(),i)),M=(e,t,n)=>Nn(e,s,{...o.mount?a:K(t)?i:Mn(e)?{[e]:t}:t},n,t),N=e=>Un(q(o.mount?a:i,e,t.shouldUnregister?q(i,e,[]):[])),P=(e,t,n={},i=!1)=>{let o=q(r,e),s=t;if(o){let n=o._f;n&&(!n.disabled&&Y(a,e,lr(t,n)),s=Jn(n.ref)&&U(t)?``:t,Yn(n.ref)?[...n.ref.options].forEach(e=>e.selected=s.includes(e.value)):n.refs?dn(n.ref)?n.refs.forEach(e=>{(!e.defaultChecked||!e.disabled)&&(Array.isArray(s)?e.checked=!!s.find(t=>t===e.value):e.checked=s===e.value||!!s)}):n.refs.forEach(e=>e.checked=e.value===s):qn(n.ref)?n.ref.value=``:(n.ref.value=s,n.ref.type||p.state.next({name:e,values:i?a:G(a)})))}(n.shouldDirty||n.shouldTouch)&&w(e,s,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&R(e)},ee=(e,t,n,i=!1)=>{for(let a in t){if(!t.hasOwnProperty(a))return;let o=t[a],c=e+`.`+a,l=q(r,c);(s.array.has(e)||W(o)||l&&!l._f)&&!fn(o)?ee(c,o,n,i):P(c,o,n,i)}},F=(e,t,i,c)=>{let l=q(r,e),u=s.array.has(e),m=c?t:G(t),h=Fn(q(a,e),m);if(h||Y(a,e,m),u)p.array.next({name:e,values:c?a:G(a)}),(d.isDirty||d.dirtyFields||f.isDirty||f.dirtyFields)&&i.shouldDirty&&(v(),p.state.next({name:e,dirtyFields:n.dirtyFields,isDirty:j(e,m)}));else{let t=Array.isArray(m)&&!m.length||X(m);!l||l._f||U(m)||t?P(e,m,i,c):ee(e,m,i,c)}if(!h){let t=br(e,s),r=c?a:G(a);p.state.next({...t&&n,name:o.mount||t?e:void 0,values:r})}},te=(e,t,n={})=>F(e,t,n,!1),ne=(e,t={})=>{let r=J(e)?e(a):e;if(!Fn(a,r)){a={...a,...r};for(let e of s.mount)F(e,q(r,e),t,!0);p.state.next({...n,name:void 0,type:void 0,values:a}),t.shouldValidate&&g()}},I=async i=>{o.mount=!0;let l=i.target,u=l.name,h=!0,v=q(r,u),y=e=>{h=Number.isNaN(e)||fn(e)&&isNaN(e.getTime())||Fn(e,q(a,u,e))},b=gr(t.mode),x=gr(t.reValidateMode);if(v){let o,S,C=l.type?fr(v._f):mn(i),D=i.type===vn.BLUR||i.type===vn.FOCUS_OUT,A=!yr(v._f)&&!e.validate&&!t.resolver&&!q(n.errors,u)&&!v._f.deps||Tr(D,q(n.touchedFields,u),n.isSubmitted,x,b),j=br(u,s,D);Y(a,u,C),D?(!l||!l.readOnly)&&(v._f.onBlur&&v._f.onBlur(i),c&&c(0)):v._f.onChange&&v._f.onChange(i);let M=w(u,C,D),N=!X(M)||j;if(!D&&p.state.next({name:u,type:i.type,values:G(a)}),A)return(d.isValid||f.isValid)&&(t.mode===`onBlur`?D&&g():D||g()),N&&p.state.next({name:u,...j?{}:M});if(!t.resolver&&e.validate&&await O({name:u,eventType:i.type}),!D&&j&&p.state.next({...n}),t.resolver){let{errors:e}=await E([u]);if(_([u]),y(C),h){let t=Sr(n.errors,r,u),i=Sr(e,r,t.name||u);o=i.error,u=i.name,S=X(e)}}else _([u],!0),o=(await Ar(v,s.disabled,a,m,t.shouldUseNativeValidation))[u],_([u]),y(C),h&&(o?S=!1:(d.isValid||f.isValid)&&(S=await k({fields:r,onlyCheckValid:!0,name:u,eventType:i.type})));h&&(v._f.deps&&(!Array.isArray(v._f.deps)||v._f.deps.length>0)&&R(v._f.deps),T(u,S,o,M))}},L=(e,t)=>{if(q(n.errors,t)&&e.focus)return e.focus(),1},R=async(e,i={})=>{let a,o,c=Wn(e);if(t.resolver){let t=await D(K(e)?e:c);a=X(t),o=e?!c.some(e=>q(t,e)):a}else e?(o=(await Promise.all(c.map(async e=>{let t=q(r,e);return await k({fields:t&&t._f?{[e]:t}:t,eventType:vn.TRIGGER})}))).every(Boolean),!(!o&&!n.isValid)&&g()):o=a=await k({fields:r,name:e,eventType:vn.TRIGGER});return p.state.next({...!Mn(e)||(d.isValid||f.isValid)&&a!==n.isValid?{}:{name:e},...t.resolver||!e?{isValid:a}:{},errors:n.errors}),i.shouldFocus&&!o&&xr(r,L,e?c:s.mount),o},z=(e,t)=>{let r={...o.mount?a:i};return t&&(r=Kn(t.dirtyFields?n.dirtyFields:n.touchedFields,r)),K(e)?r:Mn(e)?q(r,e):e.map(e=>q(r,e))},re=(e,t)=>({invalid:!!q((t||n).errors,e),isDirty:!!q((t||n).dirtyFields,e),error:q((t||n).errors,e),isValidating:!!q(n.validatingFields,e),isTouched:!!q((t||n).touchedFields,e)}),ie=e=>{let t=e?Wn(e):void 0;t?.forEach(e=>Z(n.errors,e)),t?t.forEach(e=>{p.state.next({name:e,errors:n.errors})}):p.state.next({errors:{}})},ae=(e,t,i)=>{let a=(q(r,e,{_f:{}})._f||{}).ref,{ref:o,message:s,type:c,...l}=q(n.errors,e)||{};Y(n.errors,e,{...l,...t,ref:a}),p.state.next({name:e,errors:n.errors,isValid:!1}),i&&i.shouldFocus&&a&&a.focus&&a.focus()},oe=(e,t)=>J(e)?p.state.subscribe({next:n=>`values`in n&&e(n.values||M(void 0,t),n)}):M(e,t,!0),se=e=>p.state.subscribe({next:t=>{if(wr(e.name,t.name,e.exact)&&Cr(t,e.formState||d,ve,e.reRenderRoot)){let r={...a};e.callback({values:r,...n,...t,defaultValues:i})}}}).unsubscribe,ce=e=>(o.mount=!0,f={...f,...e.formState},se({...e,formState:{...u,...e.formState}})),le=(e,o={})=>{for(let c of e?Wn(e):s.mount)s.mount.delete(c),s.array.delete(c),o.keepValue||(Z(r,c),Z(a,c)),!o.keepError&&Z(n.errors,c),!o.keepDirty&&Z(n.dirtyFields,c),!o.keepTouched&&Z(n.touchedFields,c),!o.keepIsValidating&&Z(n.validatingFields,c),!t.shouldUnregister&&!o.keepDefaultValue&&Z(i,c);p.state.next({values:G(a)}),p.state.next({...n,...o.keepDirty?{isDirty:j()}:{}}),!o.keepIsValid&&g()},B=({disabled:e,name:t})=>{if(En(e)&&o.mount||e||s.disabled.has(t)){let n=s.disabled.has(t)!==!!e;e?s.disabled.add(t):s.disabled.delete(t),n&&o.mount&&!o.action&&g()}},ue=(e,n={})=>{let a=q(r,e),c=En(n.disabled)||En(t.disabled),l=!s.registerName.has(e)&&a&&a._f&&!a._f.mount;return Y(r,e,{...a||{},_f:{...a&&a._f?a._f:{ref:{name:e}},name:e,mount:!0,...n}}),s.mount.add(e),a&&!l?B({disabled:En(n.disabled)?n.disabled:t.disabled,name:e}):C(e,!0,n.value),{...c?{disabled:n.disabled||t.disabled}:{},...t.progressive?{required:!!n.required,min:hr(n.min),max:hr(n.max),minLength:hr(n.minLength),maxLength:hr(n.maxLength),pattern:hr(n.pattern)}:{},name:e,onChange:I,onBlur:I,ref:c=>{if(c){s.registerName.add(e),ue(e,n),s.registerName.delete(e),a=q(r,e);let t=K(c.value)&&c.querySelectorAll&&c.querySelectorAll(`input,select,textarea`)[0]||c,o=Zn(t),l=a._f.refs||[];if(o?l.find(e=>e===t):t===a._f.ref)return;Y(r,e,{_f:{...a._f,...o?{refs:[...l.filter(Qn),t,...Array.isArray(q(i,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),C(e,!1,void 0,t)}else a=q(r,e,{}),a._f&&(a._f.mount=!1),(t.shouldUnregister||n.shouldUnregister)&&!(hn(s.array,e)&&o.action)&&s.unMount.add(e)}}},de=()=>t.shouldFocusError&&!t.shouldUseNativeValidation&&xr(r,L,s.mount),fe=e=>{En(e)&&(p.state.next({disabled:e}),xr(r,(t,n)=>{let i=q(r,n);i&&(t.disabled=i._f.disabled||e,Array.isArray(i._f.refs)&&i._f.refs.forEach(t=>{t.disabled=i._f.disabled||e}))},0,!1))},pe=(e,i)=>async o=>{let c;o&&(o.preventDefault&&o.preventDefault(),o.persist&&o.persist());let l=G(a);if(p.state.next({isSubmitting:!0}),t.resolver){let{errors:e,values:t}=await E();_(),n.errors=e,l=G(t)}else await k({fields:r,eventType:vn.SUBMIT});if(s.disabled.size)for(let e of s.disabled)Z(l,e);if(Z(n.errors,Sn),X(n.errors)){p.state.next({errors:{}});try{await e(l,o)}catch(e){c=e}}else i&&await i({...n.errors},o),de(),setTimeout(de);if(p.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:X(n.errors)&&!c,submitCount:n.submitCount+1,errors:n.errors}),c)throw c},me=(e,t={})=>{q(r,e)&&(K(t.defaultValue)?te(e,G(q(i,e))):(te(e,t.defaultValue),Y(i,e,G(t.defaultValue))),t.keepTouched||Z(n.touchedFields,e),t.keepDirty||(Z(n.dirtyFields,e),n.isDirty=t.defaultValue?j(e,G(q(i,e))):j()),t.keepError||(Z(n.errors,e),d.isValid&&g()),p.state.next({...n}))},he=(e,c={})=>{let l=e?G(e):i,u=G(l),f=X(e),m=u;if(c.keepDefaultValues||(i=l),!c.keepValues){if(c.keepDirtyValues){let e=new Set([...s.mount,...Object.keys(ar(i,a))]);for(let t of Array.from(e)){let e=q(n.dirtyFields,t),r=q(a,t),i=q(m,t);e&&!K(r)?Y(m,t,r):!e&&!K(i)&&te(t,i)}}else{if(_n&&K(e))for(let e of s.mount){let t=q(r,e);if(t&&t._f){let e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(Jn(e)){let t=e.closest(`form`);if(t){t.reset();break}}}}if(c.keepFieldsRef)for(let e of s.mount)te(e,q(m,e));else r={}}if(t.shouldUnregister){if(a=c.keepDefaultValues?G(i):{},c.keepFieldsRef)for(let e of s.mount)Y(a,e,q(m,e))}else a=G(m);p.array.next({values:{...m}}),p.state.next({values:{...m}})}s={mount:c.keepDirtyValues?s.mount:new Set,unMount:new Set,array:new Set,registerName:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:``},o.mount=!d.isValid||!!c.keepIsValid||!!c.keepDirtyValues||!t.shouldUnregister&&!X(m),o.watch=!!t.shouldUnregister,o.keepIsValid=!!c.keepIsValid,o.action=!1,c.keepErrors||(n.errors={}),p.state.next({submitCount:c.keepSubmitCount?n.submitCount:0,isDirty:f?!1:c.keepDirty?n.isDirty:c.keepValues?j():!!(c.keepDefaultValues&&!Fn(e,i)),isSubmitted:c.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:f?{}:c.keepDirtyValues?c.keepDefaultValues&&a?ar(i,a):n.dirtyFields:c.keepDefaultValues&&e?ar(i,e):c.keepDirty?n.dirtyFields:{},touchedFields:c.keepTouched?n.touchedFields:{},errors:c.keepErrors?n.errors:{},isSubmitSuccessful:c.keepIsSubmitSuccessful?n.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:i})},ge=(e,n)=>he(J(e)?e(a):e,{...t.resetOptions,...n}),_e=(e,t={})=>{let n=q(r,e),i=n&&n._f;if(i){let e=i.refs?i.refs[0]:i.ref;e.focus&&setTimeout(()=>{e.focus(),t.shouldSelect&&J(e.select)&&e.select()})}},ve=e=>{n={...n,...e}},ye={control:{register:ue,unregister:le,getFieldState:re,handleSubmit:pe,setError:ae,_subscribe:se,_runSchema:E,_updateIsValidating:_,_focusError:de,_getWatch:M,_getDirty:j,_setValid:g,_setFieldArray:y,_setDisabledField:B,_setErrors:x,_getFieldArray:N,_reset:he,_resetDefaultValues:()=>J(t.defaultValues)&&t.defaultValues().then(e=>{ge(e,t.resetOptions),p.state.next({isLoading:!1})}),_removeUnmounted:A,_disableForm:fe,_subjects:p,_proxyFormState:d,get _fields(){return r},get _formValues(){return a},get _state(){return o},set _state(e){o=e},get _defaultValues(){return i},get _names(){return s},set _names(e){s=e},get _formState(){return n},get _options(){return t},set _options(e){t={...t,...e}}},subscribe:ce,trigger:R,register:ue,handleSubmit:pe,watch:oe,setValue:te,setValues:ne,getValues:z,reset:ge,resetField:me,resetDefaultValues:(e,t={})=>{if(i=G(e),!t.keepDirty){let e=ar(i,a);n.dirtyFields=e,n.isDirty=!X(e)}t.keepIsValid||g(),p.state.next({...n,defaultValues:i})},clearErrors:ie,unregister:le,setError:ae,setFocus:_e,getFieldState:re};return{...ye,formControl:ye}}var Pr=()=>{if(typeof crypto<`u`&&crypto.randomUUID)return crypto.randomUUID();let e=typeof performance>`u`?Date.now():performance.now()*1e3;return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,t=>{let n=(Math.random()*16+e)%16|0;return(t==`x`?n:n&3|8).toString(16)})},Fr=(e,t,n={})=>n.shouldFocus||K(n.shouldFocus)?n.focusName||`${e}.${K(n.focusIndex)?t:n.focusIndex}.`:``,Ir=(e,t)=>[...e,...Wn(t)],Lr=e=>Array.isArray(e)?e.map(()=>void 0):void 0;function Rr(e,t,n){return[...e.slice(0,t),...Wn(n),...e.slice(t)]}var zr=(e,t,n)=>Array.isArray(e)?(K(e[n])&&(e[n]=void 0),e.splice(n,0,e.splice(t,1)[0]),e):[],Br=(e,t)=>[...Wn(t),...Wn(e)];function Vr(e,t){let n=0,r=[...e];for(let e of t)r.splice(e-n,1),n++;return Un(r).length?r:[]}var Hr=(e,t)=>K(t)?[]:Vr(e,Wn(t).sort((e,t)=>e-t)),Ur=(e,t,n)=>{[e[t],e[n]]=[e[n],e[t]]},Wr=(e,t,n)=>(e[t]=n,e);function Gr(e){let t=On(),{control:n=t,name:r,keyName:i=`id`,shouldUnregister:a,rules:o}=e,[s,c]=V.useState(n._getFieldArray(r)),l=V.useRef(n._getFieldArray(r).map(Pr)),u=V.useRef(!1);n._names.array.add(r),V.useMemo(()=>o&&s.length>=0&&n.register(r,o),[n,r,s.length,o]),An(()=>n._subjects.array.subscribe({next:({values:e,name:t})=>{if(t===r||!t){let n=q(e,r);Array.isArray(n)?(c(n),l.current=n.map(Pr)):t||(c([]),l.current=[])}}}).unsubscribe,[n,r]);let d=V.useCallback(e=>{u.current=!0,n._setFieldArray(r,e)},[n,r]);return V.useEffect(()=>{n._state.action=!1,br(r,n._names)&&n._subjects.state.next({...n._formState});let e=gr(n._options.mode);if(u.current&&(!e.isOnSubmit||n._formState.isSubmitted)&&!gr(n._options.reValidateMode).isOnSubmit&&!e.isOnBlur)if(n._options.resolver)n._runSchema([r]).then(e=>{n._updateIsValidating([r]);let t=q(e.errors,r),i=q(n._formState.errors,r);(i?!t&&i.type||t&&(i.type!==t.type||i.message!==t.message):t&&t.type)&&(t?Y(n._formState.errors,r,t):Z(n._formState.errors,r),n._subjects.state.next({errors:n._formState.errors}))});else{let e=q(n._fields,r);e&&e._f&&!(gr(n._options.reValidateMode).isOnSubmit&&gr(n._options.mode).isOnSubmit)&&Ar(e,n._names.disabled,n._formValues,n._options.criteriaMode===yn.all,n._options.shouldUseNativeValidation,!0).then(e=>!X(e)&&n._subjects.state.next({errors:Dr(n._formState.errors,e,r)}))}n._subjects.state.next({name:r,values:G(n._formValues)}),n._names.focus&&xr(n._fields,(e,t)=>{if(n._names.focus&&t.startsWith(n._names.focus)&&e.focus)return e.focus(),1}),n._names.focus=``,n._setValid(),u.current=!1},[s,r,n]),V.useEffect(()=>(!q(n._formValues,r)&&n._setFieldArray(r),()=>{let e=!(n._options.shouldUnregister||a);u.current&&e&&n._subjects.state.next({name:r,values:G(n._formValues)}),e?((e,t)=>{let r=q(n._fields,e);r&&r._f&&(r._f.mount=t)})(r,!1):n.unregister(r)}),[r,n,i,a]),{swap:V.useCallback((e,t)=>{let i=n._getFieldArray(r);Ur(i,e,t),Ur(l.current,e,t),d(i),c(i),n._setFieldArray(r,i,Ur,{argA:e,argB:t},!1)},[d,r,n]),move:V.useCallback((e,t)=>{let i=n._getFieldArray(r);zr(i,e,t),zr(l.current,e,t),d(i),c(i),n._setFieldArray(r,i,zr,{argA:e,argB:t},!1)},[d,r,n]),prepend:V.useCallback((e,t)=>{let i=Wn(G(e)),a=Br(n._getFieldArray(r),i);n._names.focus=Fr(r,0,t),l.current=Br(l.current,i.map(Pr)),d(a),c(a),n._setFieldArray(r,a,Br,{argA:Lr(e)})},[d,r,n]),append:V.useCallback((e,t)=>{let i=Wn(G(e)),a=Ir(n._getFieldArray(r),i);n._names.focus=Fr(r,a.length-1,t),l.current=Ir(l.current,i.map(Pr)),d(a),c(a),n._setFieldArray(r,a,Ir,{argA:Lr(e)})},[d,r,n]),remove:V.useCallback(e=>{let t=Hr(n._getFieldArray(r),e);l.current=Hr(l.current,e),d(t),c(t),!Array.isArray(q(n._fields,r))&&Y(n._fields,r,void 0),n._setFieldArray(r,t,Hr,{argA:e})},[d,r,n]),insert:V.useCallback((e,t,i)=>{let a=Wn(G(t)),o=Rr(n._getFieldArray(r),e,a);n._names.focus=Fr(r,e,i),l.current=Rr(l.current,e,a.map(Pr)),d(o),c(o),n._setFieldArray(r,o,Rr,{argA:e,argB:Lr(t)})},[d,r,n]),update:V.useCallback((e,t)=>{let i=G(t),a=Wr(n._getFieldArray(r),e,i);l.current=[...a].map((t,n)=>!t||n===e?Pr():l.current[n]),d(a),c([...a]),n._setFieldArray(r,a,Wr,{argA:e,argB:i},!0,!1)},[d,r,n]),replace:V.useCallback(e=>{let t=Wn(G(e));l.current=t.map(Pr),d([...t]),c([...t]),n._setFieldArray(r,[...t],e=>e,{},!0,!1)},[d,r,n]),fields:V.useMemo(()=>s.map((e,t)=>({...e,[i]:l.current[t]||Pr()})),[s,i])}}function Kr(e={}){let t=V.useRef(void 0),n=V.useRef(void 0),[r,i]=V.useState(()=>({...G(Mr),isLoading:J(e.defaultValues),errors:e.errors||{},disabled:e.disabled||!1,defaultValues:J(e.defaultValues)?void 0:e.defaultValues}));if(!t.current)if(e.formControl)t.current={...e.formControl,formState:r},e.defaultValues&&!J(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{let{formControl:n,...i}=Nr(e);t.current={...i,formState:r}}let a=t.current.control;return a._options=e,An(()=>{let e=a._subscribe({formState:a._proxyFormState,callback:()=>i({...a._formState,defaultValues:a._defaultValues}),reRenderRoot:!0});return i(e=>({...e,isReady:!0})),a._formState.isReady=!0,e},[a]),V.useEffect(()=>a._disableForm(e.disabled),[a,e.disabled]),V.useEffect(()=>{e.mode&&(a._options.mode=e.mode),e.reValidateMode&&(a._options.reValidateMode=e.reValidateMode)},[a,e.mode,e.reValidateMode]),V.useEffect(()=>{e.errors&&(a._setErrors(e.errors),a._focusError())},[a,e.errors]),V.useEffect(()=>{e.shouldUnregister&&a._subjects.state.next({values:a._getWatch()})},[a,e.shouldUnregister]),V.useEffect(()=>{if(a._proxyFormState.isDirty){let e=a._getDirty();e!==r.isDirty&&a._subjects.state.next({isDirty:e})}},[a,r.isDirty]),V.useEffect(()=>{e.values&&!Fn(e.values,n.current)?(a._reset(e.values,{keepFieldsRef:!0,...a._options.resetOptions}),a._options.resetOptions?.keepIsValid||a._setValid(),n.current=e.values,i(e=>({...e}))):a._resetDefaultValues()},[a,e.values]),V.useEffect(()=>{a._state.mount||(a._setValid(),a._state.mount=!0),a._state.watch&&(a._state.watch=!1,a._subjects.state.next({...a._formState})),a._removeUnmounted()}),t.current.formState=V.useMemo(()=>kn(r,a),[a,r]),t.current}var qr={placeholder:`Enter value`,addButton:`Add item`,...nn};function Jr({name:e,placeholder:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:o}){let s=D(qr,{...t===void 0?{}:{placeholder:t},...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o}),{control:c,register:l}=Bn(),{fields:u,append:d,remove:f,move:p}=Gr({control:c,name:e});return(0,H.jsx)(on,{className:`string-repeater--component`,items:u,sortable:a,onAdd:()=>d(``),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel},renderRow:(t,{index:n})=>(0,H.jsx)(B,{...l(`${e}.${n}`),placeholder:s.placeholder,invalid:i})})}Jr.displayName=`StringRepeater`;function Yr({children:e,label:t,isRequired:n,required:r,hint:a,error:s,helperText:c,htmlFor:l,className:u}){let d=!!s,f=s||c||(d?void 0:a),p=!!f,m=n??r,h=V.useId(),g=V.isValidElement(e)?e.props.id:void 0,_=l??g??(t&&V.isValidElement(e)?`form-field-${h}`:void 0),v=_&&V.isValidElement(e)&&!g?V.cloneElement(e,{id:_}):e;return(0,H.jsxs)(`div`,{className:o(`form-field--component`,`space-y-1`,u),children:[!!t&&(0,H.jsxs)(I,{htmlFor:_,className:`flex items-center leading-6`,children:[t,!!m&&(0,H.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`})]}),v,!!p&&(0,H.jsx)(i,{tag:`p`,size:`xs`,type:d?`error`:`secondary`,...d?{role:`alert`,"aria-live":`polite`}:{},children:f})]})}function Xr({name:e,control:t,rules:n,error:r,children:i,...a}){return(0,H.jsx)(Rn,{name:e,control:t,rules:n,render:({field:t,fieldState:n})=>{let o=n.error?.message||(n.error?n.error.type===`required`?a.label?`${a.label} is required`:`This field is required`:`Invalid value`:void 0),s=r?.(e)||o||void 0,c=!!s;return(0,H.jsx)(Yr,{...a,error:s,htmlFor:e,children:i(t,s,c,n)})}})}Yr.displayName=`FormField`,Xr.displayName=`ControlledFormField`;var Zr={addButton:`Add item`,...nn};function Qr({name:e,fields:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:s}){let c=D(Zr,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...s}),{control:l,register:u}=Bn(),{fields:d,append:f,remove:p,move:m}=Gr({control:l,name:e}),h=(0,V.useCallback)(()=>t.reduce((e,t)=>(e[t.name]=``,e),{}),[t]);return(0,H.jsx)(on,{items:d,sortable:a,rowVariant:`card`,removeVariant:`ghost`,onAdd:()=>f(h()),onRemove:e=>p(e),onMove:(e,t)=>m(e,t),strings:{emptyState:c.emptyState,addButton:c.addButton,removeAriaLabel:c.removeAriaLabel},renderRow:(n,{index:r})=>(0,H.jsx)(`div`,{className:o(`object-repeater--component`,`space-y-3`),children:t.map(t=>{let n=`${e}.${r}.${t.name}`;return(0,H.jsx)(Yr,{label:t.label,required:t.required,hint:t.hint,htmlFor:n,children:t.type===`textarea`?(0,H.jsx)(ue,{...u(n),id:n,placeholder:t.placeholder,minRows:3,invalid:i}):(0,H.jsx)(B,{...u(n),id:n,type:t.type||`text`,placeholder:t.placeholder,invalid:i})},t.name)})})})}Qr.displayName=`ObjectRepeater`;var $r={addButton:`Add item`,emptyState:nn.emptyState,dragHandle:`Drag to reorder`,removeAriaLabel:nn.removeAriaLabel};function ei({name:e,placeholder:t,addButtonText:n,emptyMessage:r,disableSort:i=!1,invalid:a,strings:o}){let s=D($r,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o??{}}),{control:c,register:l}=Bn(),{fields:u,append:d,remove:f,move:p}=Gr({control:c,name:e});return(0,H.jsx)(on,{className:`list--component`,items:u,sortable:!i,onAdd:()=>d(``),onRemove:e=>f(e),onMove:(e,t)=>p(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel,dragHandleAriaLabel:s.dragHandle},renderRow:(n,{index:r})=>(0,H.jsx)(B,{...l(`${e}.${r}`),placeholder:t,invalid:a})})}ei.displayName=`List`;function ti({name:e,value:t,options:n,onChange:r,allowClear:i=!1,size:s,fullWidth:c=!1,disabled:l=!1,invalid:u=!1,className:d}){let{defaultControlSize:f}=a(),p=R(s,f),m=V.useCallback(e=>{e===t?i&&r(null):r(e)},[i,r,t]);return(0,H.jsx)(`div`,{"data-name":e,role:`radiogroup`,"aria-invalid":u||void 0,className:o(`pill-radio-group--component`,`border-input inline-flex items-center overflow-hidden rounded-lg border`,c&&`w-full`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,l&&`pointer-events-none opacity-50`,d),children:n.map((e,n)=>{let r=e.value===t,i=e.icon;return(0,H.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,"aria-label":(typeof e.label==`string`?e.label:void 0)||e.value,disabled:l||e.disabled,onClick:()=>m(e.value),className:o(`inline-flex select-none items-center justify-center font-medium transition-colors`,`focus-visible:ring-ring/50 outline-none focus-visible:z-10 focus-visible:ring-2`,`disabled:pointer-events-none disabled:opacity-50`,ct[p],c&&`flex-1`,n>0&&`border-input border-l`,r?`bg-primary text-primary-foreground`:`bg-background text-foreground hover:bg-muted`),children:[!!i&&(0,H.jsx)(i,{className:o(`size-3.5`,e.label&&`mr-1.5`)}),e.label]},e.value)})})}ti.displayName=`PillRadioGroup`;function ni({name:e,type:t=`text`,placeholder:n,primaryLocale:r,secondaryLocale:i,activeLocale:a,invalid:s,className:c}){let{register:l}=Bn(),u=`${e}.${a===`primary`?r:i}`;return t===`textarea`?(0,H.jsx)(ue,{...l(u),placeholder:n,minRows:3,invalid:s,className:o(`localized-string-field--component`,c)}):(0,H.jsx)(B,{...l(u),type:t===`number`?`number`:`text`,placeholder:n,invalid:s,className:c})}ni.displayName=`LocalizedStringField`;function ri({name:e,fields:t,primaryLocale:n,secondaryLocale:r,activeLocale:i,invalid:a,className:o}){let{register:s}=Bn(),c=i===`primary`?n:r;return(0,H.jsx)(`div`,{className:`w-full space-y-3 rounded-md border p-4 ${o??``}`,children:t.map(t=>{let n=`${e}.${c}.${t.name}`;return(0,H.jsxs)(`div`,{className:`w-full space-y-1.5`,children:[(0,H.jsxs)(I,{htmlFor:n,children:[t.label,!!t.required&&(0,H.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),t.type===`textarea`?(0,H.jsx)(ue,{...s(n),id:n,placeholder:t.placeholder,minRows:3,invalid:a}):(0,H.jsx)(B,{...s(n),id:n,type:t.type===`number`?`number`:`text`,placeholder:t.placeholder,invalid:a})]},t.name)})})}ri.displayName=`LocalizedObjectField`;var ii={placeholder:`Enter value`,addButton:nn.addItem,emptyState:nn.emptyState,removeAriaLabel:nn.removeAriaLabel};function ai({name:e,placeholder:t,addButtonText:n,emptyMessage:r,primaryLocale:i,secondaryLocale:a,activeLocale:o,invalid:s,sortable:c=!1,strings:l}){let u=D(ii,{...t===void 0?{}:{placeholder:t},...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...l??{}}),{control:d,register:f}=Bn(),p=`${e}.${o===`primary`?i:a}`,{fields:m,append:h,remove:g,move:_}=Gr({control:d,name:p});return(0,H.jsx)(on,{className:`localized-string-repeater--component`,items:m,sortable:c,onAdd:()=>h(``),onRemove:e=>g(e),onMove:(e,t)=>_(e,t),strings:{emptyState:u.emptyState,addButton:u.addButton,removeAriaLabel:u.removeAriaLabel},renderRow:(e,{index:t})=>(0,H.jsx)(ue,{...f(`${p}.${t}`),placeholder:u.placeholder,minRows:2,invalid:s})})}ai.displayName=`LocalizedStringRepeater`;var oi=e({AvatarUploadExample:()=>Ki,BasicField:()=>si,CardCheckboxGroupExample:()=>Mi,CardRadioGroupExample:()=>ji,CheckboxExample:()=>Ei,CoordinatesInputExample:()=>Ri,CurrencyInputExample:()=>vi,DateTimeInputExample:()=>Ni,DecimalInputExample:()=>gi,DimensionsInputExample:()=>xi,DropzoneExample:()=>qi,InputBasic:()=>ui,InputCharacterCount:()=>mi,InputClearableLoading:()=>pi,InputWithAddons:()=>fi,InputWithIcons:()=>di,KeyValueEditorExample:()=>Vi,ListExample:()=>Hi,ListRadioGroupExample:()=>Ai,LocalizedObjectFieldExample:()=>Wi,LocalizedStringFieldExample:()=>Ui,LocalizedStringRepeaterExample:()=>Gi,MoneyInputExample:()=>yi,ObjectRepeaterExample:()=>Bi,PercentageInputExample:()=>_i,PhoneInputExample:()=>Li,PillRadioGroupExample:()=>ki,RichSelectExample:()=>Ci,RoundingModeSelectExample:()=>wi,SelectExample:()=>Si,SliderExample:()=>Fi,StringRepeaterExample:()=>zi,SwitchCardExample:()=>Oi,SwitchExample:()=>Ti,TagsInputExample:()=>Ii,TextareaExample:()=>hi,TimePickerExample:()=>Pi,ToggleFieldExample:()=>Di,WeightInputExample:()=>bi,WholeForm:()=>Ji,WithError:()=>ci,WithHelperText:()=>li});function si(){let[e,t]=(0,V.useState)(``);return(0,H.jsx)(Yr,{label:`Full name`,hint:`As it appears on your ID`,required:!0,children:(0,H.jsx)(B,{value:e,onChange:e=>t(e.target.value),placeholder:`Sarah Smitha`})})}function ci(){return(0,H.jsx)(Yr,{label:`Email`,error:`That doesn't look like a valid email.`,required:!0,children:(0,H.jsx)(B,{defaultValue:`not-an-email`,invalid:!0})})}function li(){return(0,H.jsx)(Yr,{label:`API token`,helperText:`Stored encrypted at rest. Rotate every 90 days.`,children:(0,H.jsx)(B,{defaultValue:`sk_live_••••••••••••`})})}function ui(){return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,H.jsx)(B,{placeholder:`Type something…`}),(0,H.jsx)(B,{"aria-label":`Pre-filled value`,defaultValue:`Pre-filled value`}),(0,H.jsx)(B,{"aria-label":`Disabled example`,disabled:!0,defaultValue:`Disabled`})]})}function di(){return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,H.jsx)(B,{startIcon:k,placeholder:`Search orders…`}),(0,H.jsx)(B,{endIcon:y,placeholder:`you@example.com`}),(0,H.jsx)(B,{"aria-label":`Password`,startIcon:v,type:`password`,defaultValue:`hunter2`})]})}function fi(){return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,H.jsx)(B,{startAddon:`$`,placeholder:`0.00`}),(0,H.jsx)(B,{"aria-label":`Weight in kilograms`,endAddon:`kg`,defaultValue:`2.4`}),(0,H.jsx)(B,{"aria-label":`Amount in USD`,startAddon:`$`,endAddon:`USD`,defaultValue:`49.00`})]})}function pi(){let[e,t]=(0,V.useState)(`Click the × to clear`);return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,H.jsx)(B,{clearable:!0,"aria-label":`Clearable value`,value:e,onChange:e=>t(e.target.value),onClear:()=>t(``)}),(0,H.jsx)(B,{"aria-label":`Loading value`,isLoading:!0,defaultValue:`Loading…`}),(0,H.jsx)(B,{"aria-label":`Invalid value`,invalid:!0,defaultValue:`Invalid value`})]})}function mi(){let[e,t]=(0,V.useState)(`A short bio`);return(0,H.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,H.jsx)(B,{value:e,"aria-label":`Biography`,onChange:e=>t(e.target.value),maxLength:60,showCharacterCount:!0})})}function hi(){let[e,t]=(0,V.useState)(``);return(0,H.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,H.jsx)(Yr,{label:`Description`,hint:`Up to 200 characters.`,children:(0,H.jsx)(ue,{value:e,onChange:e=>t(e.target.value),placeholder:`Write a description…`,maxLength:200,showCharacterCount:!0})}),(0,H.jsx)(Yr,{label:`Read-only field`,children:(0,H.jsx)(ue,{defaultValue:`Read-only content the user cannot edit.`,disabled:!0,rows:2})}),(0,H.jsx)(Yr,{label:`Bio`,error:`Bio cannot be empty.`,required:!0,children:(0,H.jsx)(ue,{invalid:!0,placeholder:`Tell us about yourself…`,rows:2})})]})}function gi(){return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,H.jsx)(Yr,{label:`Free-form decimal`,children:(0,H.jsx)(We,{defaultValue:`1234.56`,decimalPlaces:2})}),(0,H.jsx)(Yr,{label:`With steppers (1–100)`,children:(0,H.jsx)(`div`,{className:`w-44`,children:(0,H.jsx)(We,{defaultValue:`10`,step:1,min:0,max:100})})}),(0,H.jsx)(Yr,{label:`Allows negative`,children:(0,H.jsx)(We,{placeholder:`0.00`,decimalPlaces:2,allowNegative:!0})})]})}function _i(){return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,H.jsx)(Yr,{label:`Discount`,children:(0,H.jsx)(it,{defaultValue:`12.5`})}),(0,H.jsx)(Yr,{label:`Tax rate (whole-number steppers)`,children:(0,H.jsx)(`div`,{className:`w-44`,children:(0,H.jsx)(it,{defaultValue:`20`,decimalPlaces:0,step:5})})})]})}function vi(){return(0,H.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,H.jsx)(yt,{defaultValue:`2450.00`,defaultCurrency:`USD`,currencies:[`USD`,`EUR`,`GBP`]})})}function yi(){return(0,H.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,H.jsx)(xt,{defaultValue:`49.99`,defaultCurrency:`USD`})})}function bi(){return(0,H.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,H.jsx)(Pt,{defaultValue:`2.4`,defaultUnit:`kg`})})}function xi(){return(0,H.jsx)(`div`,{className:`w-full max-w-md`,children:(0,H.jsx)(jt,{defaultValue:{width:`30`,height:`20`,depth:`10`},format:`object`,unit:`g`})})}function Si(){return(0,H.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,H.jsx)(Pe,{options:[{value:`paid`,label:`Paid`},{value:`pending`,label:`Pending`},{value:`overdue`,label:`Overdue`}],placeholder:`Pick a status…`,allowClear:!0})})}function Ci(){return(0,H.jsx)(`div`,{className:`w-full max-w-md`,children:(0,H.jsx)(Et,{options:[{value:`free`,label:`Free`,description:`Up to 3 projects, community support.`},{value:`pro`,label:`Pro`,description:`$12/mo — unlimited projects, email support.`},{value:`enterprise`,label:`Enterprise`,description:`Custom pricing, SAML SSO.`}],placeholder:`Choose a plan…`})})}function wi(){return(0,H.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,H.jsx)(Yr,{label:`Rounding mode`,children:(0,H.jsx)(Ct,{defaultValue:`half_up`,labels:{floor:`Round down (floor)`,half_up:`Round half up`,ceil:`Round up (ceil)`}})})})}function Ti(){let[e,t]=(0,V.useState)(!0);return(0,H.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,H.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,H.jsx)(de,{checked:e,onCheckedChange:e=>t(!!e.target.value)}),`Enable notifications`]}),(0,H.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,H.jsx)(de,{defaultChecked:!0,disabled:!0}),`Disabled (on)`]}),(0,H.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,H.jsx)(de,{invalid:!0}),`Invalid state`]})]})}function Ei(){return(0,H.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,H.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,H.jsx)(ie,{defaultChecked:!0}),`I agree to the terms`]}),(0,H.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,H.jsx)(ie,{}),`Subscribe to the newsletter`]}),(0,H.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,H.jsx)(ie,{disabled:!0,defaultChecked:!0}),`Disabled (checked)`]})]})}function Di(){return(0,H.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,H.jsx)(Ke,{label:`Email digest`,description:`Receive a weekly summary every Monday.`,defaultValue:!0}),(0,H.jsx)(Ke,{kind:`checkbox`,label:`Beta features`,description:`Opt in to in-progress experiments. May be unstable.`}),(0,H.jsx)(Ke,{label:`Leading control`,controlPosition:`leading`,defaultValue:!0})]})}function Oi(){return(0,H.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,H.jsx)(Ge,{icon:S,label:`Two-factor authentication`,description:`Require a one-time code on every sign-in.`,defaultValue:!0}),(0,H.jsx)(Ge,{icon:E,label:`Auto-deploy`,description:`Push to production on every merge to main.`})]})}function ki(){let[e,t]=(0,V.useState)(`week`);return(0,H.jsx)(ti,{name:`range`,value:e,onChange:t,options:[{value:`day`,label:`Day`},{value:`week`,label:`Week`},{value:`month`,label:`Month`},{value:`year`,label:`Year`}]})}function Ai(){return(0,H.jsx)(`div`,{className:`w-full max-w-md`,children:(0,H.jsx)(ht,{name:`delivery`,defaultValue:`standard`,options:[{value:`standard`,label:`Standard`,description:`5–7 business days · Free`},{value:`express`,label:`Express`,description:`2–3 business days · $9.99`},{value:`overnight`,label:`Overnight`,description:`Next business day · $24.99`}]})})}function ji(){return(0,H.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,H.jsx)(mt,{name:`plan`,defaultValue:`pro`,columns:3,options:[{value:`free`,label:`Free`,description:`3 projects`,icon:C},{value:`pro`,label:`Pro`,description:`Unlimited`,icon:E},{value:`team`,label:`Team`,description:`Workspaces`,icon:_}]})})}function Mi(){return(0,H.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,H.jsx)(dt,{name:`features`,defaultValue:[`analytics`],columns:3,options:[{value:`analytics`,label:`Analytics`,description:`Realtime dashboards`,icon:C},{value:`webhooks`,label:`Webhooks`,description:`Outbound events`,icon:E},{value:`sso`,label:`SSO`,description:`SAML & SCIM`,icon:S}]})})}function Ni(){let[e,t]=(0,V.useState)(void 0);return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,H.jsx)(Bt,{value:e,onChange:t,placeholder:`Pick a date…`}),(0,H.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e??`—`]})]})}function Pi(){let[e,t]=(0,V.useState)(`09:30:00`);return(0,H.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,H.jsx)(qt,{value:e,onChange:t}),(0,H.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function Fi(){let[e,t]=(0,V.useState)(40);return(0,H.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-2`,children:[(0,H.jsx)(ot,{value:e,onValueChange:t,min:0,max:100,step:5}),(0,H.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function Ii(){let[e,t]=(0,V.useState)([`design`,`systems`]);return(0,H.jsx)(`div`,{className:`w-full max-w-md`,children:(0,H.jsx)(Je,{value:e,onChange:t,placeholder:`Add a tag…`,recommendations:[`typography`,`tokens`,`figma`,`a11y`]})})}function Li(){let[e,t]=(0,V.useState)(`555 0100`);return(0,H.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,H.jsx)(rt,{"aria-label":`Phone number`,value:e,onChange:e=>t(e.target.value),defaultPrefix:`US`})})}function Ri(){return(0,H.jsx)(`div`,{className:`w-full max-w-md`,children:(0,H.jsx)(zt,{defaultValue:{lat:`37.7749`,lng:`-122.4194`},format:`object`})})}function zi(){return(0,H.jsx)(Vn,{...Kr({defaultValues:{tags:[`alpha`,`beta`]}}),children:(0,H.jsx)(`form`,{className:`w-full max-w-md`,children:(0,H.jsx)(Jr,{name:`tags`,placeholder:`Tag name`,addButtonText:`Add tag`})})})}function Bi(){return(0,H.jsx)(Vn,{...Kr({defaultValues:{contacts:[{name:`Sarah Smitha`,email:`sarah@example.com`}]}}),children:(0,H.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,H.jsx)(Qr,{name:`contacts`,fields:[{name:`name`,label:`Name`,placeholder:`Full name`},{name:`email`,label:`Email`,placeholder:`name@example.com`}]})})})}function Vi(){let[e,t]=(0,V.useState)({env:`production`,region:`eu-west-1`});return(0,H.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,H.jsx)(un,{value:e,onChange:t})})}function Hi(){return(0,H.jsx)(Vn,{...Kr({defaultValues:{aliases:[`acme`,`acme-corp`]}}),children:(0,H.jsx)(`form`,{className:`w-full max-w-md`,children:(0,H.jsx)(ei,{name:`aliases`,placeholder:`Add an alias…`})})})}function Ui(){return(0,H.jsx)(Vn,{...Kr({defaultValues:{title:{en:`Welcome`,bg:`Добре дошли`}}}),children:(0,H.jsx)(`form`,{className:`w-full max-w-md`,children:(0,H.jsx)(ni,{name:`title`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Page title`})})})}function Wi(){return(0,H.jsx)(Vn,{...Kr({defaultValues:{seo:{en:{title:`About`,description:`About our company.`},bg:{title:`За нас`,description:`За нашата компания.`}}}}),children:(0,H.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,H.jsx)(ri,{name:`seo`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,fields:[{name:`title`,label:`Title`},{name:`description`,label:`Description`,type:`textarea`}]})})})}function Gi(){return(0,H.jsx)(Vn,{...Kr({defaultValues:{tags:{en:[`systems`,`design`],bg:[`системи`,`дизайн`]}}}),children:(0,H.jsx)(`form`,{className:`w-full max-w-md`,children:(0,H.jsx)(ai,{name:`tags`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Tag`})})})}function Ki(){return(0,H.jsx)(tn,{defaultPreviewUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`})}function qi(){return(0,H.jsx)(`div`,{className:`w-full max-w-md`,children:(0,H.jsx)(g,{accept:`image/*`,onDrop:()=>{}})})}function Ji(){let e=Kr({defaultValues:{name:``,sku:``,price:``,currency:`USD`,description:``,category:``,published:!1}});return(0,H.jsxs)(`form`,{onSubmit:e.handleSubmit(()=>{}),className:`flex w-full max-w-xl flex-col gap-4 rounded-lg border border-border bg-card p-5`,children:[(0,H.jsx)(Xr,{control:e.control,name:`name`,label:`Product name`,required:!0,rules:{required:!0},children:e=>(0,H.jsx)(B,{...e,placeholder:`Vintage leather wallet`})}),(0,H.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:[(0,H.jsx)(Xr,{control:e.control,name:`sku`,label:`SKU`,hint:`Inventory keeping unit.`,children:e=>(0,H.jsx)(B,{...e,placeholder:`LW-0021`,startIcon:f})}),(0,H.jsx)(Xr,{control:e.control,name:`price`,label:`Price`,required:!0,rules:{required:!0},children:e=>(0,H.jsx)(xt,{value:e.value,onChange:t=>e.onChange(t.target.value),defaultCurrency:`USD`})})]}),(0,H.jsx)(Xr,{control:e.control,name:`category`,label:`Category`,children:e=>(0,H.jsx)(Pe,{options:[{value:`apparel`,label:`Apparel`},{value:`accessories`,label:`Accessories`},{value:`home`,label:`Home & living`}],value:e.value,onChange:e.onChange,placeholder:`Choose a category…`})}),(0,H.jsx)(Xr,{control:e.control,name:`description`,label:`Description`,children:e=>(0,H.jsx)(ue,{...e,rows:3,placeholder:`What makes it special?`})}),(0,H.jsx)(Xr,{control:e.control,name:`published`,label:`Visibility`,children:e=>(0,H.jsx)(Ke,{label:`Published`,description:`Visible in the storefront.`,value:!!e.value,onChange:e.onChange})}),(0,H.jsxs)(`div`,{className:`flex justify-end gap-2 pt-2`,children:[(0,H.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,children:`Cancel`}),(0,H.jsx)(u,{type:`submit`,variant:`primary`,children:`Save product`})]})]})}var Q=`import { useState } from 'react';
+import { useForm, FormProvider } from 'react-hook-form';
+import { Mail, Search, Lock, Star, Zap, Box, Globe, Shield } from 'lucide-react';
+
+import { FormField, ControlledFormField } from '@/components/base/forms';
+import {
+	Input,
+	Textarea,
+	Select,
+	Checkbox,
+	Switch,
+	SwitchCard,
+	ToggleField,
+	TagsInput,
+	PhoneInput,
+	PercentageInput,
+	SliderField,
+	CardCheckboxGroup,
+	CardRadioGroup,
+	ListRadioGroup,
+	PillRadioGroup,
+	CurrencyInput,
+	MoneyInput,
+	RoundingModeSelect,
+	RichSelect,
+	DimensionsInput,
+	WeightInput,
+	CoordinatesInput,
+	DateTimeInput,
+	TimePicker,
+	DecimalInput,
+	StringRepeater,
+	ObjectRepeater,
+	KeyValueEditor,
+	LocalizedStringField,
+	LocalizedObjectField,
+	LocalizedStringRepeater,
+	List,
+	AvatarUpload,
+	Dropzone,
+} from '@/components/base/forms/fields';
+import { Button } from '@/components/base/buttons';
+
+// ─────────────────────────────────────────────────────────────────────────────
+// FormField wrapper
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function BasicField() {
+	const [value, setValue] = useState('');
+	return (
+		<FormField label="Full name" hint="As it appears on your ID" required>
+			<Input
+				value={value}
+				onChange={(e) => setValue(e.target.value)}
+				placeholder="Sarah Smitha"
+			/>
+		</FormField>
+	);
+}
+
+export function WithError() {
+	return (
+		<FormField label="Email" error="That doesn't look like a valid email." required>
+			<Input defaultValue="not-an-email" invalid />
+		</FormField>
+	);
+}
+
+export function WithHelperText() {
+	return (
+		<FormField label="API token" helperText="Stored encrypted at rest. Rotate every 90 days.">
+			<Input defaultValue="sk_live_••••••••••••" />
+		</FormField>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Text inputs
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function InputBasic() {
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-3">
+			<Input placeholder="Type something…" />
+			<Input aria-label="Pre-filled value" defaultValue="Pre-filled value" />
+			<Input aria-label="Disabled example" disabled defaultValue="Disabled" />
+		</div>
+	);
+}
+
+export function InputWithIcons() {
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-3">
+			<Input startIcon={Search} placeholder="Search orders…" />
+			<Input endIcon={Mail} placeholder="you@example.com" />
+			<Input aria-label="Password" startIcon={Lock} type="password" defaultValue="hunter2" />
+		</div>
+	);
+}
+
+export function InputWithAddons() {
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-3">
+			<Input startAddon="$" placeholder="0.00" />
+			<Input aria-label="Weight in kilograms" endAddon="kg" defaultValue="2.4" />
+			<Input aria-label="Amount in USD" startAddon="$" endAddon="USD" defaultValue="49.00" />
+		</div>
+	);
+}
+
+export function InputClearableLoading() {
+	const [val, setVal] = useState('Click the × to clear');
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-3">
+			<Input
+				clearable
+				aria-label="Clearable value"
+				value={val}
+				onChange={(e) => setVal(e.target.value)}
+				onClear={() => setVal('')}
+			/>
+			<Input aria-label="Loading value" isLoading defaultValue="Loading…" />
+			<Input aria-label="Invalid value" invalid defaultValue="Invalid value" />
+		</div>
+	);
+}
+
+export function InputCharacterCount() {
+	const [val, setVal] = useState('A short bio');
+	return (
+		<div className="w-full max-w-sm">
+			<Input
+				value={val}
+				aria-label="Biography"
+				onChange={(e) => setVal(e.target.value)}
+				maxLength={60}
+				showCharacterCount
+			/>
+		</div>
+	);
+}
+
+export function TextareaExample() {
+	const [val, setVal] = useState('');
+	return (
+		<div className="flex w-full max-w-md flex-col gap-3">
+			<FormField label="Description" hint="Up to 200 characters.">
+				<Textarea
+					value={val}
+					onChange={(e) => setVal(e.target.value)}
+					placeholder="Write a description…"
+					maxLength={200}
+					showCharacterCount
+				/>
+			</FormField>
+			<FormField label="Read-only field">
+				<Textarea defaultValue="Read-only content the user cannot edit." disabled rows={2} />
+			</FormField>
+			<FormField label="Bio" error="Bio cannot be empty." required>
+				<Textarea invalid placeholder="Tell us about yourself…" rows={2} />
+			</FormField>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Numeric inputs
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function DecimalInputExample() {
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-3">
+			<FormField label="Free-form decimal">
+				<DecimalInput defaultValue="1234.56" decimalPlaces={2} />
+			</FormField>
+			<FormField label="With steppers (1–100)">
+				<div className="w-44">
+					<DecimalInput defaultValue="10" step={1} min={0} max={100} />
+				</div>
+			</FormField>
+			<FormField label="Allows negative">
+				<DecimalInput placeholder="0.00" decimalPlaces={2} allowNegative />
+			</FormField>
+		</div>
+	);
+}
+
+export function PercentageInputExample() {
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-3">
+			<FormField label="Discount">
+				<PercentageInput defaultValue="12.5" />
+			</FormField>
+			<FormField label="Tax rate (whole-number steppers)">
+				<div className="w-44">
+					<PercentageInput defaultValue="20" decimalPlaces={0} step={5} />
+				</div>
+			</FormField>
+		</div>
+	);
+}
+
+export function CurrencyInputExample() {
+	return (
+		<div className="w-full max-w-sm">
+			<CurrencyInput
+				defaultValue="2450.00"
+				defaultCurrency="USD"
+				currencies={['USD', 'EUR', 'GBP']}
+			/>
+		</div>
+	);
+}
+
+export function MoneyInputExample() {
+	return (
+		<div className="w-full max-w-sm">
+			<MoneyInput defaultValue="49.99" defaultCurrency="USD" />
+		</div>
+	);
+}
+
+export function WeightInputExample() {
+	return (
+		<div className="w-full max-w-sm">
+			<WeightInput defaultValue="2.4" defaultUnit="kg" />
+		</div>
+	);
+}
+
+export function DimensionsInputExample() {
+	return (
+		<div className="w-full max-w-md">
+			<DimensionsInput defaultValue={{ width: '30', height: '20', depth: '10' }} format="object" unit="g" />
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Selects
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function SelectExample() {
+	return (
+		<div className="w-full max-w-sm">
+			<Select
+				options={[
+					{ value: 'paid', label: 'Paid' },
+					{ value: 'pending', label: 'Pending' },
+					{ value: 'overdue', label: 'Overdue' },
+				]}
+				placeholder="Pick a status…"
+				allowClear
+			/>
+		</div>
+	);
+}
+
+export function RichSelectExample() {
+	return (
+		<div className="w-full max-w-md">
+			<RichSelect
+				options={[
+					{ value: 'free', label: 'Free', description: 'Up to 3 projects, community support.' },
+					{ value: 'pro', label: 'Pro', description: '$12/mo — unlimited projects, email support.' },
+					{ value: 'enterprise', label: 'Enterprise', description: 'Custom pricing, SAML SSO.' },
+				]}
+				placeholder="Choose a plan…"
+			/>
+		</div>
+	);
+}
+
+export function RoundingModeSelectExample() {
+	return (
+		<div className="w-full max-w-sm">
+			<FormField label="Rounding mode">
+				<RoundingModeSelect
+					defaultValue="half_up"
+					labels={{ floor: 'Round down (floor)', half_up: 'Round half up', ceil: 'Round up (ceil)' }}
+				/>
+			</FormField>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Toggles & checkboxes
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function SwitchExample() {
+	const [on, setOn] = useState(true);
+	return (
+		<div className="flex flex-col gap-3">
+			<label className="flex items-center gap-2 text-sm">
+				<Switch checked={on} onCheckedChange={(e) => setOn(Boolean(e.target.value))} />
+				Enable notifications
+			</label>
+			<label className="flex items-center gap-2 text-sm">
+				<Switch defaultChecked disabled />
+				Disabled (on)
+			</label>
+			<label className="flex items-center gap-2 text-sm">
+				<Switch invalid />
+				Invalid state
+			</label>
+		</div>
+	);
+}
+
+export function CheckboxExample() {
+	return (
+		<div className="flex flex-col gap-3">
+			<label className="flex items-center gap-2 text-sm">
+				<Checkbox defaultChecked />
+				I agree to the terms
+			</label>
+			<label className="flex items-center gap-2 text-sm">
+				<Checkbox />
+				Subscribe to the newsletter
+			</label>
+			<label className="flex items-center gap-2 text-sm">
+				<Checkbox disabled defaultChecked />
+				Disabled (checked)
+			</label>
+		</div>
+	);
+}
+
+export function ToggleFieldExample() {
+	return (
+		<div className="flex w-full max-w-md flex-col gap-3">
+			<ToggleField label="Email digest" description="Receive a weekly summary every Monday." defaultValue />
+			<ToggleField
+				kind="checkbox"
+				label="Beta features"
+				description="Opt in to in-progress experiments. May be unstable."
+			/>
+			<ToggleField label="Leading control" controlPosition="leading" defaultValue />
+		</div>
+	);
+}
+
+export function SwitchCardExample() {
+	return (
+		<div className="flex w-full max-w-md flex-col gap-3">
+			<SwitchCard
+				icon={Shield}
+				label="Two-factor authentication"
+				description="Require a one-time code on every sign-in."
+				defaultValue
+			/>
+			<SwitchCard
+				icon={Zap}
+				label="Auto-deploy"
+				description="Push to production on every merge to main."
+			/>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Choice groups
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function PillRadioGroupExample() {
+	const [val, setVal] = useState<string | null>('week');
+	return (
+		<PillRadioGroup
+			name="range"
+			value={val}
+			onChange={setVal}
+			options={[
+				{ value: 'day', label: 'Day' },
+				{ value: 'week', label: 'Week' },
+				{ value: 'month', label: 'Month' },
+				{ value: 'year', label: 'Year' },
+			]}
+		/>
+	);
+}
+
+export function ListRadioGroupExample() {
+	return (
+		<div className="w-full max-w-md">
+			<ListRadioGroup
+				name="delivery"
+				defaultValue="standard"
+				options={[
+					{ value: 'standard', label: 'Standard', description: '5–7 business days · Free' },
+					{ value: 'express', label: 'Express', description: '2–3 business days · $9.99' },
+					{ value: 'overnight', label: 'Overnight', description: 'Next business day · $24.99' },
+				]}
+			/>
+		</div>
+	);
+}
+
+export function CardRadioGroupExample() {
+	return (
+		<div className="w-full max-w-2xl">
+			<CardRadioGroup
+				name="plan"
+				defaultValue="pro"
+				columns={3}
+				options={[
+					{ value: 'free', label: 'Free', description: '3 projects', icon: Star },
+					{ value: 'pro', label: 'Pro', description: 'Unlimited', icon: Zap },
+					{ value: 'team', label: 'Team', description: 'Workspaces', icon: Globe },
+				]}
+			/>
+		</div>
+	);
+}
+
+export function CardCheckboxGroupExample() {
+	return (
+		<div className="w-full max-w-2xl">
+			<CardCheckboxGroup
+				name="features"
+				defaultValue={['analytics']}
+				columns={3}
+				options={[
+					{ value: 'analytics', label: 'Analytics', description: 'Realtime dashboards', icon: Star },
+					{ value: 'webhooks', label: 'Webhooks', description: 'Outbound events', icon: Zap },
+					{ value: 'sso', label: 'SSO', description: 'SAML & SCIM', icon: Shield },
+				]}
+			/>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Date & time
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function DateTimeInputExample() {
+	const [val, setVal] = useState<string | undefined>(undefined);
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-2">
+			<DateTimeInput value={val} onChange={setVal} placeholder="Pick a date…" />
+			<div className="text-xs text-muted-foreground">value: {val ?? '—'}</div>
+		</div>
+	);
+}
+
+export function TimePickerExample() {
+	const [val, setVal] = useState('09:30:00');
+	return (
+		<div className="flex w-full max-w-sm flex-col gap-2">
+			<TimePicker value={val} onChange={setVal} />
+			<div className="text-xs text-muted-foreground">value: {val}</div>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Other inputs
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function SliderExample() {
+	const [val, setVal] = useState(40);
+	return (
+		<div className="flex w-full max-w-md flex-col gap-2">
+			<SliderField value={val} onValueChange={setVal} min={0} max={100} step={5} />
+			<div className="text-xs text-muted-foreground">value: {val}</div>
+		</div>
+	);
+}
+
+export function TagsInputExample() {
+	const [tags, setTags] = useState<string[]>(['design', 'systems']);
+	return (
+		<div className="w-full max-w-md">
+			<TagsInput
+				value={tags}
+				onChange={setTags}
+				placeholder="Add a tag…"
+				recommendations={['typography', 'tokens', 'figma', 'a11y']}
+			/>
+		</div>
+	);
+}
+
+export function PhoneInputExample() {
+	const [val, setVal] = useState('555 0100');
+	return (
+		<div className="w-full max-w-sm">
+			<PhoneInput
+				aria-label="Phone number"
+				value={val}
+				onChange={(e) => setVal(e.target.value)}
+				defaultPrefix="US"
+			/>
+		</div>
+	);
+}
+
+export function CoordinatesInputExample() {
+	return (
+		<div className="w-full max-w-md">
+			<CoordinatesInput
+				defaultValue={{ lat: '37.7749', lng: '-122.4194' }}
+				format="object"
+			/>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Repeaters (RHF-coupled)
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function StringRepeaterExample() {
+	const form = useForm({ defaultValues: { tags: ['alpha', 'beta'] } });
+	return (
+		<FormProvider {...form}>
+			<form className="w-full max-w-md">
+				<StringRepeater name="tags" placeholder="Tag name" addButtonText="Add tag" />
+			</form>
+		</FormProvider>
+	);
+}
+
+export function ObjectRepeaterExample() {
+	const form = useForm({
+		defaultValues: {
+			contacts: [
+				{ name: 'Sarah Smitha', email: 'sarah@example.com' },
+			],
+		},
+	});
+	return (
+		<FormProvider {...form}>
+			<form className="w-full max-w-2xl">
+				<ObjectRepeater
+					name="contacts"
+					fields={[
+						{ name: 'name', label: 'Name', placeholder: 'Full name' },
+						{ name: 'email', label: 'Email', placeholder: 'name@example.com' },
+					]}
+				/>
+			</form>
+		</FormProvider>
+	);
+}
+
+export function KeyValueEditorExample() {
+	const [val, setVal] = useState<Record<string, string>>({ env: 'production', region: 'eu-west-1' });
+	return (
+		<div className="w-full max-w-2xl">
+			<KeyValueEditor value={val} onChange={setVal} />
+		</div>
+	);
+}
+
+export function ListExample() {
+	const form = useForm({ defaultValues: { aliases: ['acme', 'acme-corp'] } });
+	return (
+		<FormProvider {...form}>
+			<form className="w-full max-w-md">
+				<List name="aliases" placeholder="Add an alias…" />
+			</form>
+		</FormProvider>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Localized fields (RHF-coupled)
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function LocalizedStringFieldExample() {
+	const form = useForm({ defaultValues: { title: { en: 'Welcome', bg: 'Добре дошли' } } });
+	return (
+		<FormProvider {...form}>
+			<form className="w-full max-w-md">
+				<LocalizedStringField
+					name="title"
+					primaryLocale="en"
+					secondaryLocale="bg"
+					activeLocale="primary"
+					placeholder="Page title"
+				/>
+			</form>
+		</FormProvider>
+	);
+}
+
+export function LocalizedObjectFieldExample() {
+	const form = useForm({
+		defaultValues: {
+			seo: {
+				en: { title: 'About', description: 'About our company.' },
+				bg: { title: 'За нас', description: 'За нашата компания.' },
+			},
+		},
+	});
+	return (
+		<FormProvider {...form}>
+			<form className="w-full max-w-2xl">
+				<LocalizedObjectField
+					name="seo"
+					primaryLocale="en"
+					secondaryLocale="bg"
+					activeLocale="primary"
+					fields={[
+						{ name: 'title', label: 'Title' },
+						{ name: 'description', label: 'Description', type: 'textarea' },
+					]}
+				/>
+			</form>
+		</FormProvider>
+	);
+}
+
+export function LocalizedStringRepeaterExample() {
+	const form = useForm({
+		defaultValues: { tags: { en: ['systems', 'design'], bg: ['системи', 'дизайн'] } },
+	});
+	return (
+		<FormProvider {...form}>
+			<form className="w-full max-w-md">
+				<LocalizedStringRepeater
+					name="tags"
+					primaryLocale="en"
+					secondaryLocale="bg"
+					activeLocale="primary"
+					placeholder="Tag"
+				/>
+			</form>
+		</FormProvider>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Uploads (focused field-shapes — full upload subsystem lives in \`base/upload-tray\`)
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function AvatarUploadExample() {
+	return (
+		<AvatarUpload defaultPreviewUrl="https://api.dicebear.com/7.x/avataaars/svg?seed=sarah" />
+	);
+}
+
+export function DropzoneExample() {
+	return (
+		<div className="w-full max-w-md">
+			<Dropzone accept="image/*" onDrop={() => {}} />
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Whole form — react-hook-form + ControlledFormField
+// ─────────────────────────────────────────────────────────────────────────────
+
+type ProductFormValues = {
+	name: string;
+	sku: string;
+	price: string;
+	currency: string;
+	description: string;
+	category: string;
+	published: boolean;
+};
+
+export function WholeForm() {
+	const form = useForm<ProductFormValues>({
+		defaultValues: {
+			name: '',
+			sku: '',
+			price: '',
+			currency: 'USD',
+			description: '',
+			category: '',
+			published: false,
+		},
+	});
+
+	const onSubmit = form.handleSubmit(() => {
+		// no-op for showcase
+	});
+
+	return (
+		<form
+			onSubmit={onSubmit}
+			className="flex w-full max-w-xl flex-col gap-4 rounded-lg border border-border bg-card p-5"
+		>
+			<ControlledFormField
+				control={form.control}
+				name="name"
+				label="Product name"
+				required
+				rules={{ required: true }}
+			>
+				{(field) => <Input {...field} placeholder="Vintage leather wallet" />}
+			</ControlledFormField>
+
+			<div className="grid grid-cols-1 gap-4 md:grid-cols-2">
+				<ControlledFormField
+					control={form.control}
+					name="sku"
+					label="SKU"
+					hint="Inventory keeping unit."
+				>
+					{(field) => <Input {...field} placeholder="LW-0021" startIcon={Box} />}
+				</ControlledFormField>
+
+				<ControlledFormField
+					control={form.control}
+					name="price"
+					label="Price"
+					required
+					rules={{ required: true }}
+				>
+					{(field) => (
+						<MoneyInput
+							value={field.value}
+							onChange={(e) => field.onChange(e.target.value)}
+							defaultCurrency="USD"
+						/>
+					)}
+				</ControlledFormField>
+			</div>
+
+			<ControlledFormField
+				control={form.control}
+				name="category"
+				label="Category"
+			>
+				{(field) => (
+					<Select
+						options={[
+							{ value: 'apparel', label: 'Apparel' },
+							{ value: 'accessories', label: 'Accessories' },
+							{ value: 'home', label: 'Home & living' },
+						]}
+						value={field.value}
+						onChange={field.onChange}
+						placeholder="Choose a category…"
+					/>
+				)}
+			</ControlledFormField>
+
+			<ControlledFormField
+				control={form.control}
+				name="description"
+				label="Description"
+			>
+				{(field) => <Textarea {...field} rows={3} placeholder="What makes it special?" />}
+			</ControlledFormField>
+
+			<ControlledFormField
+				control={form.control}
+				name="published"
+				label="Visibility"
+			>
+				{(field) => (
+					<ToggleField
+						label="Published"
+						description="Visible in the storefront."
+						value={Boolean(field.value)}
+						onChange={field.onChange}
+					/>
+				)}
+			</ControlledFormField>
+
+			<div className="flex justify-end gap-2 pt-2">
+				<Button type="button" variant="secondary" buttonStyle="ghost">Cancel</Button>
+				<Button type="submit" variant="primary">Save product</Button>
+			</div>
+		</form>
+	);
+}
+`;function Yi(e){let t={a:`a`,code:`code`,p:`p`,...e.components};return oi||$(`Examples`,!1),Ki||$(`Examples.AvatarUploadExample`,!0),si||$(`Examples.BasicField`,!0),Mi||$(`Examples.CardCheckboxGroupExample`,!0),ji||$(`Examples.CardRadioGroupExample`,!0),Ei||$(`Examples.CheckboxExample`,!0),Ri||$(`Examples.CoordinatesInputExample`,!0),vi||$(`Examples.CurrencyInputExample`,!0),Ni||$(`Examples.DateTimeInputExample`,!0),gi||$(`Examples.DecimalInputExample`,!0),xi||$(`Examples.DimensionsInputExample`,!0),qi||$(`Examples.DropzoneExample`,!0),ui||$(`Examples.InputBasic`,!0),mi||$(`Examples.InputCharacterCount`,!0),pi||$(`Examples.InputClearableLoading`,!0),fi||$(`Examples.InputWithAddons`,!0),di||$(`Examples.InputWithIcons`,!0),Vi||$(`Examples.KeyValueEditorExample`,!0),Hi||$(`Examples.ListExample`,!0),Ai||$(`Examples.ListRadioGroupExample`,!0),Wi||$(`Examples.LocalizedObjectFieldExample`,!0),Ui||$(`Examples.LocalizedStringFieldExample`,!0),Gi||$(`Examples.LocalizedStringRepeaterExample`,!0),yi||$(`Examples.MoneyInputExample`,!0),Bi||$(`Examples.ObjectRepeaterExample`,!0),_i||$(`Examples.PercentageInputExample`,!0),Li||$(`Examples.PhoneInputExample`,!0),ki||$(`Examples.PillRadioGroupExample`,!0),Ci||$(`Examples.RichSelectExample`,!0),wi||$(`Examples.RoundingModeSelectExample`,!0),Si||$(`Examples.SelectExample`,!0),Fi||$(`Examples.SliderExample`,!0),zi||$(`Examples.StringRepeaterExample`,!0),Oi||$(`Examples.SwitchCardExample`,!0),Ti||$(`Examples.SwitchExample`,!0),Ii||$(`Examples.TagsInputExample`,!0),hi||$(`Examples.TextareaExample`,!0),Pi||$(`Examples.TimePickerExample`,!0),Di||$(`Examples.ToggleFieldExample`,!0),bi||$(`Examples.WeightInputExample`,!0),Ji||$(`Examples.WholeForm`,!0),ci||$(`Examples.WithError`,!0),li||$(`Examples.WithHelperText`,!0),(0,H.jsxs)(c,{title:`Forms`,description:`The full form scope — FormField wrapper plus every field component exported from base/forms/fields: text inputs, numeric, selects, toggles, choice groups, date/time, repeaters, localized fields, and uploads.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/forms`,children:[(0,H.jsxs)(l,{title:`Overview`,id:`overview`,children:[(0,H.jsxs)(t.p,{children:[`The `,(0,H.jsx)(t.code,{children:`forms/`}),` folder ships the canonical form-row wrapper (`,(0,H.jsx)(t.code,{children:`FormField`}),` /
+`,(0,H.jsx)(t.code,{children:`ControlledFormField`}),`) plus every input primitive — `,(0,H.jsx)(t.code,{children:`Input`}),`, `,(0,H.jsx)(t.code,{children:`Textarea`}),`,
+`,(0,H.jsx)(t.code,{children:`Select`}),`, numeric/money/dimension/weight inputs, choice groups, date & time
+pickers, sliders, tag/phone/coordinates inputs, three repeater families, and
+the localized field set. Most fields are framework-free and accept
+value/onChange directly. The repeater and localized-* families opt into
+`,(0,H.jsx)(t.code,{children:`react-hook-form`}),` — that coupling is intentional and contained to those files.`]}),(0,H.jsxs)(t.p,{children:[`Pair any field with `,(0,H.jsx)(t.code,{children:`FormField`}),` (or `,(0,H.jsx)(t.code,{children:`ControlledFormField`}),` for RHF) to inherit
+the standard label / required asterisk / error / hint rhythm. Pass `,(0,H.jsx)(t.code,{children:`invalid`}),`
+to the inner field to flip the destructive border + ring.`]})]}),(0,H.jsxs)(l,{title:`FormField wrapper`,id:`form-field`,children:[(0,H.jsx)(d,{name:`BasicField`,source:Q,children:(0,H.jsx)(si,{})}),(0,H.jsx)(d,{name:`WithError`,source:Q,children:(0,H.jsx)(ci,{})}),(0,H.jsx)(d,{name:`WithHelperText`,source:Q,children:(0,H.jsx)(li,{})})]}),(0,H.jsxs)(l,{title:`Text inputs`,id:`text-inputs`,children:[(0,H.jsx)(d,{name:`InputBasic`,source:Q,children:(0,H.jsx)(ui,{})}),(0,H.jsx)(d,{name:`InputWithIcons`,source:Q,children:(0,H.jsx)(di,{})}),(0,H.jsx)(d,{name:`InputWithAddons`,source:Q,children:(0,H.jsx)(fi,{})}),(0,H.jsx)(d,{name:`InputClearableLoading`,source:Q,children:(0,H.jsx)(pi,{})}),(0,H.jsx)(d,{name:`InputCharacterCount`,source:Q,children:(0,H.jsx)(mi,{})}),(0,H.jsx)(d,{name:`TextareaExample`,source:Q,children:(0,H.jsx)(hi,{})})]}),(0,H.jsxs)(l,{title:`Numeric inputs`,id:`numeric`,children:[(0,H.jsx)(d,{name:`DecimalInputExample`,source:Q,children:(0,H.jsx)(gi,{})}),(0,H.jsx)(d,{name:`PercentageInputExample`,source:Q,children:(0,H.jsx)(_i,{})}),(0,H.jsx)(d,{name:`CurrencyInputExample`,source:Q,children:(0,H.jsx)(vi,{})}),(0,H.jsx)(d,{name:`MoneyInputExample`,source:Q,children:(0,H.jsx)(yi,{})}),(0,H.jsx)(d,{name:`WeightInputExample`,source:Q,children:(0,H.jsx)(bi,{})}),(0,H.jsx)(d,{name:`DimensionsInputExample`,source:Q,children:(0,H.jsx)(xi,{})})]}),(0,H.jsxs)(l,{title:`Selects`,id:`selects`,children:[(0,H.jsx)(d,{name:`SelectExample`,source:Q,children:(0,H.jsx)(Si,{})}),(0,H.jsx)(d,{name:`RichSelectExample`,source:Q,children:(0,H.jsx)(Ci,{})}),(0,H.jsx)(d,{name:`RoundingModeSelectExample`,source:Q,children:(0,H.jsx)(wi,{})})]}),(0,H.jsxs)(l,{title:`Toggles & checkboxes`,id:`toggles`,children:[(0,H.jsx)(d,{name:`SwitchExample`,source:Q,children:(0,H.jsx)(Ti,{})}),(0,H.jsx)(d,{name:`CheckboxExample`,source:Q,children:(0,H.jsx)(Ei,{})}),(0,H.jsx)(d,{name:`ToggleFieldExample`,source:Q,children:(0,H.jsx)(Di,{})}),(0,H.jsx)(d,{name:`SwitchCardExample`,source:Q,children:(0,H.jsx)(Oi,{})})]}),(0,H.jsxs)(l,{title:`Choice groups`,id:`choice-groups`,children:[(0,H.jsx)(d,{name:`PillRadioGroupExample`,source:Q,children:(0,H.jsx)(ki,{})}),(0,H.jsx)(d,{name:`ListRadioGroupExample`,source:Q,children:(0,H.jsx)(Ai,{})}),(0,H.jsx)(d,{name:`CardRadioGroupExample`,source:Q,children:(0,H.jsx)(ji,{})}),(0,H.jsx)(d,{name:`CardCheckboxGroupExample`,source:Q,children:(0,H.jsx)(Mi,{})})]}),(0,H.jsxs)(l,{title:`Date & time`,id:`date-time`,children:[(0,H.jsx)(d,{name:`DateTimeInputExample`,source:Q,children:(0,H.jsx)(Ni,{})}),(0,H.jsx)(d,{name:`TimePickerExample`,source:Q,children:(0,H.jsx)(Pi,{})})]}),(0,H.jsxs)(l,{title:`Other inputs`,id:`other`,children:[(0,H.jsx)(d,{name:`SliderExample`,source:Q,children:(0,H.jsx)(Fi,{})}),(0,H.jsx)(d,{name:`TagsInputExample`,source:Q,children:(0,H.jsx)(Ii,{})}),(0,H.jsx)(d,{name:`PhoneInputExample`,source:Q,children:(0,H.jsx)(Li,{})}),(0,H.jsx)(d,{name:`CoordinatesInputExample`,source:Q,children:(0,H.jsx)(Ri,{})})]}),(0,H.jsxs)(l,{title:`Repeaters`,id:`repeaters`,children:[(0,H.jsxs)(t.p,{children:[`These four primitives — `,(0,H.jsx)(t.code,{children:`StringRepeater`}),`, `,(0,H.jsx)(t.code,{children:`ObjectRepeater`}),`, `,(0,H.jsx)(t.code,{children:`KeyValueEditor`}),`,
+and `,(0,H.jsx)(t.code,{children:`List`}),` — share the underlying `,(0,H.jsx)(t.code,{children:`<Repeater>`}),` primitive (drag-to-reorder,
+add/remove, empty state). They are the only fields here that hard-couple to
+react-hook-form.`]}),(0,H.jsx)(d,{name:`StringRepeaterExample`,source:Q,children:(0,H.jsx)(zi,{})}),(0,H.jsx)(d,{name:`ObjectRepeaterExample`,source:Q,children:(0,H.jsx)(Bi,{})}),(0,H.jsx)(d,{name:`KeyValueEditorExample`,source:Q,children:(0,H.jsx)(Vi,{})}),(0,H.jsx)(d,{name:`ListExample`,source:Q,children:(0,H.jsx)(Hi,{})})]}),(0,H.jsxs)(l,{title:`Localized fields`,id:`localized`,children:[(0,H.jsxs)(t.p,{children:[`The localized field family edits per-locale objects (e.g. `,(0,H.jsx)(t.code,{children:`{ en: '…', bg: '…' }`}),`)
+with a single field surface. Pass `,(0,H.jsx)(t.code,{children:`primaryLocale`}),` / `,(0,H.jsx)(t.code,{children:`secondaryLocale`}),` and the
+currently `,(0,H.jsx)(t.code,{children:`activeLocale`}),`. RHF-coupled.`]}),(0,H.jsx)(d,{name:`LocalizedStringFieldExample`,source:Q,children:(0,H.jsx)(Ui,{})}),(0,H.jsx)(d,{name:`LocalizedObjectFieldExample`,source:Q,children:(0,H.jsx)(Wi,{})}),(0,H.jsx)(d,{name:`LocalizedStringRepeaterExample`,source:Q,children:(0,H.jsx)(Gi,{})})]}),(0,H.jsxs)(l,{title:`Uploads`,id:`uploads`,children:[(0,H.jsxs)(t.p,{children:[`The full upload subsystem (`,(0,H.jsx)(t.code,{children:`UploadTray`}),`, `,(0,H.jsx)(t.code,{children:`MediaGallery`}),`, `,(0,H.jsx)(t.code,{children:`FileUpload`}),`,
+`,(0,H.jsx)(t.code,{children:`ImageUpload`}),`, `,(0,H.jsx)(t.code,{children:`UploadProgressList`}),`) lives on the dedicated
+`,(0,H.jsx)(t.a,{href:`/base/upload-tray`,children:(0,H.jsx)(t.code,{children:`base/upload-tray`})}),` page. The two field-shaped
+upload primitives appear here for completeness.`]}),(0,H.jsx)(d,{name:`AvatarUploadExample`,source:Q,children:(0,H.jsx)(Ki,{})}),(0,H.jsx)(d,{name:`DropzoneExample`,source:Q,children:(0,H.jsx)(qi,{})})]}),(0,H.jsxs)(l,{title:`Whole form`,id:`whole-form`,children:[(0,H.jsxs)(t.p,{children:[`A realistic product form combining `,(0,H.jsx)(t.code,{children:`Input`}),`, `,(0,H.jsx)(t.code,{children:`MoneyInput`}),`, `,(0,H.jsx)(t.code,{children:`Select`}),`,
+`,(0,H.jsx)(t.code,{children:`Textarea`}),`, and `,(0,H.jsx)(t.code,{children:`ToggleField`}),` behind `,(0,H.jsx)(t.code,{children:`ControlledFormField`}),` and
+`,(0,H.jsx)(t.code,{children:`react-hook-form`}),`.`]}),(0,H.jsx)(d,{name:`WholeForm`,source:Q,children:(0,H.jsx)(Ji,{})})]}),(0,H.jsx)(l,{title:`API`,id:`api`,children:(0,H.jsx)(ne,{component:`FormField`})})]})}function Xi(e={}){let{wrapper:t}=e.components||{};return t?(0,H.jsx)(t,{...e,children:(0,H.jsx)(Yi,{...e})}):Yi(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Xi as default};