admin-ui-starter-kit 0.1.0 → 0.1.2

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

@@ -0,0 +1,790 @@
+import{n as e,r as t}from"./chunk-CilyBKbf.js";import{Cr as n,cr as r,gr as i,kr as a,lr as o,r as s,sr as c,t as l,vr as u}from"./example-6phCHGsN.js";import{t as d}from"./box-BNND3M2m.js";import{t as f}from"./circle-check-DlA6zidQ.js";import{t as p}from"./circle-BrCPAmDA.js";import{t as m}from"./clock-D1nKQzQo.js";import{t as h}from"./dropzone-Co1uhsDn.js";import{t as g}from"./globe-gzw45GU2.js";import{t as _}from"./lock-CHurDI0n.js";import{t as v}from"./mail-DZ1o1RLW.js";import{t as y}from"./minus-C6eBW-2t.js";import{t as b}from"./plus-D2JuXYLg.js";import{t as x}from"./shield-DwLjF5ch.js";import{t as S}from"./star-NsPNO9gR.js";import{t as C}from"./trash-2-C-FAptQP.js";import{t as w}from"./x-B156Wr-5.js";import{t as T}from"./zap-B3iByjNV.js";import{D as E,a as D,k as O,n as k,r as A}from"./index-B4ubXfly.js";import{a as j,i as M,n as N,o as P,r as F,t as I}from"./select-BoWQDtUf.js";import{t as ee}from"./text-button-BgcutPuu.js";import{t as te}from"./props-table-uDY4eIzt.js";import{t as L}from"./label-Dx4WO-fg.js";import{t as R}from"./text-link-CS9thOWL.js";import{r as ne,t as z}from"./popover-DNT9755r.js";import{t as re}from"./popover-KvGgcPNg.js";import{n as ie,t as ae}from"./date-picker-BQeBGL7T.js";import{i as oe,n as se,t as ce}from"./form-sizing-Bb5hiM45.js";import{a as le,i as ue,n as de,r as fe,t as pe}from"./RadioGroup-CcDmbxOw.js";import{t as me}from"./switch-CYQcinJZ.js";import{t as B}from"./input-OrUzpI55.js";import{t as V}from"./textarea-BOBx4EM6.js";import{t as he}from"./switch-C62S4U2o.js";import{a as ge,c as _e,d as ve,f as ye,i as be,l as xe,n as Se,p as Ce,r as we,s as Te,t as Ee}from"./sortable.esm-BDcEOHT7.js";var De=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`}]]),Oe=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`}]]),H=t(O(),1),U=D(),ke={placeholder:`Select an option`},Ae=`__select_empty__`,je=e=>e===``||e===null?Ae:e??void 0,Me=e=>{if(e!==Ae)return e},Ne=(0,H.memo)((0,H.forwardRef)(({options:e,placeholder:t,strings:n,allowClear:r=!1,invalid:i,size:o,className:s,onChange:c,disabled:l,defaultOpen:d,open:f,onOpenChange:p,name:m,required:h,value:g,defaultValue:_},v)=>{let y=E(ke,n),{defaultControlSize:b}=a(),x=oe(o,b),S=t??y.placeholder,C=(0,H.useMemo)(()=>{let t=e.map(e=>({...e,value:je(e.value)??``}));return r&&(t.some(e=>e.value===Ae)||t.unshift({label:S,value:Ae})),t},[e,r,S]),w=(0,H.useMemo)(()=>je(g),[g]),T=(0,H.useMemo)(()=>je(_),[_]),D=(0,H.useMemo)(()=>{let e=w??T;if(e!==void 0)return C.find(t=>t.value===e)?.label},[T,C,w]),O=(0,H.useCallback)(e=>{e!==null&&c?.(Me(e))},[c]),k=!!i;return(0,U.jsxs)(I,{onValueChange:e=>O(e),disabled:l,defaultOpen:d,open:f,onOpenChange:p,name:m,required:h,value:w,defaultValue:T,children:[(0,U.jsx)(j,{ref:v,"aria-invalid":k||void 0,className:u(`select--component`,`flex w-full items-center justify-between rounded-md border px-3 py-1 !shadow-none`,`transition-[color,box-shadow] outline-none`,se[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`,s),children:(0,U.jsx)(P,{placeholder:S,children:D})}),(0,U.jsx)(N,{children:(0,U.jsx)(F,{children:C.map(e=>(0,U.jsxs)(M,{value:e.value,disabled:e.disabled,children:[!!e.icon&&(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`span`,{className:`h-4 w-4 shrink-0`,children:e.icon}),e.label]}),!e.icon&&e.label]},e.value))})})]})}));Ne.displayName=`Select`;var Pe={decrement:`Decrement`,increment:`Increment`},Fe=(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},Ie=(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 Le(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 Re(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 ze(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 Be(e,t,n){n&&n({target:{...e,value:t},currentTarget:{...e,value:t},type:`change`,bubbles:!1,cancelable:!1})}var Ve={sm:`w-8`,base:`w-9`,lg:`w-10`};function He({decimalPlaces:e=2,min:t,max:n,allowNegative:r=!0,allowEmpty:i=!0,step:o,roundingMode:s=`round`,normalizeOnBlur:c=!0,onChange:l,onBlur:d,placeholder:f,className:p,value:m,defaultValue:h,disabled:g,size:_,strings:v,...x},S){let{defaultControlSize:C}=a(),w=oe(_,C),T=E(Pe,v),D=Math.min(12,Math.max(0,e)),O=H.useRef(null),k=(0,H.useCallback)(e=>{let a=e.target.value;if(!a&&i){l?.(e);return}let o=Fe(a,D,r);if(Ie(o,t,n))if(o!==a){let t={...e,target:{...e.target,value:o},currentTarget:{...e.currentTarget,value:o}};l?.(t)}else l?.(e)},[l,D,r,i,t,n]),A=(0,H.useCallback)(e=>{if(d?.(e),!c)return;let r=e.target.value;if(!r&&i)return;let a=Number.parseFloat(r.replace(`,`,`.`));if(!Number.isFinite(a))return;let o=Le(Re(a,t,n),D,s).toFixed(D);o!==r&&O.current&&Be(O.current,o,l)},[d,l,c,i,t,n,D,s]),j=(0,H.useCallback)(e=>{if(g||o===void 0)return;let r=O.current;if(!r)return;let i=r.value,a=Number.parseFloat(i.replace(`,`,`.`));Be(r,Le(Re(ze(Number.isFinite(a)?a:t??0,e,o,t,s),t,n),D,s).toFixed(D),l)},[g,o,t,n,s,D,l]),M=typeof o==`number`&&o>0,N=f??(D>0?`0.${`0`.repeat(D)}`:`0`);return M?(0,U.jsxs)(`div`,{className:u(`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]`,x[`aria-invalid`]&&`border-destructive ring-destructive/20`,g&&`opacity-50 cursor-not-allowed`),children:[(0,U.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":T.decrement,disabled:g,onClick:()=>j(-1),className:u(`inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors`,Ve[w],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,U.jsx)(y,{className:`size-3.5`})}),(0,U.jsx)(B,{size:w,ref:e=>{O.current=e,typeof S==`function`?S(e):S&&(S.current=e)},type:`text`,inputMode:D>0?`decimal`:`numeric`,placeholder:N,onChange:k,onBlur:A,value:m,defaultValue:h,disabled:g,className:u(`flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0`,p),...x}),(0,U.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":T.increment,disabled:g,onClick:()=>j(1),className:u(`inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors`,Ve[w],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,U.jsx)(b,{className:`size-3.5`})})]}):(0,U.jsx)(B,{size:w,ref:e=>{O.current=e,typeof S==`function`?S(e):S&&(S.current=e)},type:`text`,inputMode:D>0?`decimal`:`numeric`,placeholder:N,onChange:k,onBlur:A,value:m,defaultValue:h,disabled:g,className:u(`tabular-nums text-end`,p),...x})}var Ue=H.forwardRef(He);Ue.displayName=`DecimalInput`;function We({label:e,description:t,hint:n,icon:r,name:a,value:o,defaultValue:s,onChange:c,disabled:l=!1,invalid:d,className:f}){let p=o!==void 0,[m,h]=(0,H.useState)(s??!1),g=p?o??!1:m,_=(0,H.useId)(),v=(0,H.useMemo)(()=>a??_,[a,_]),y=typeof t==`string`&&t.trim()!==``,b=y?`${v}-description`:void 0,x=(0,H.useCallback)(e=>{l||(p||h(e),c?.(e))},[l,p,c]),S=(0,H.useCallback)(e=>{e.target.closest(`[role="switch"]`)||x(!g)},[g,x]);return(0,U.jsxs)(`div`,{role:`button`,tabIndex:l?-1:0,"aria-invalid":d||void 0,onClick:S,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),x(!g))},className:u(`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`,!l&&`cursor-pointer hover:border-foreground/20 hover:bg-muted/30`,l&&`cursor-not-allowed opacity-50`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,f),children:[!!a&&(0,U.jsx)(`input`,{type:`hidden`,name:a,value:g?`1`:`0`,"aria-hidden":`true`}),!!r&&(0,U.jsx)(`span`,{className:u(`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,U.jsx)(r,{className:`size-4`})}),(0,U.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-0.5`,children:[(0,U.jsx)(L,{htmlFor:v,className:u(`block font-semibold tracking-tight`,l?`cursor-not-allowed`:`cursor-pointer`),children:e}),!!y&&(0,U.jsx)(i,{type:`secondary`,className:`leading-snug`,children:t}),!!n&&(0,U.jsx)(i,{size:`xs`,type:`discrete`,className:`leading-snug`,children:n})]}),(0,U.jsx)(`div`,{className:`mt-1 flex shrink-0 items-center`,children:(0,U.jsx)(me,{id:v,checked:g,onCheckedChange:e=>x(e),disabled:l,"aria-label":e,"aria-describedby":b})}),!!y&&(0,U.jsx)(`span`,{id:`${v}-description`,className:`sr-only`,children:t})]})}We.displayName=`SwitchCard`;function Ge({label:e,description:t,kind:n=`switch`,value:r,defaultValue:a,onChange:o,disabled:s=!1,invalid:c=!1,name:l,className:d,controlPosition:f=`trailing`}){let p=r!==void 0,[m,h]=(0,H.useState)(a??!1),g=p?r??!1:m,_=(0,H.useId)(),v=(0,H.useCallback)(e=>{s||(p||h(e),o?.(e))},[s,p,o]),y=e=>{e.target.closest(`[role="switch"], [role="checkbox"], input[type="checkbox"]`)||v(!g)},b=n===`switch`?(0,U.jsx)(me,{id:_,name:l,checked:g,onCheckedChange:e=>v(e),disabled:s,"aria-invalid":c||void 0}):(0,U.jsx)(le,{id:_,name:l,checked:g,onCheckedChange:e=>v(e===!0),disabled:s,"aria-invalid":c||void 0}),x=(0,U.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,U.jsx)(L,{htmlFor:_,className:u(`block leading-snug`,s?`cursor-not-allowed opacity-50`:`cursor-pointer`),children:e}),!!t&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5 leading-snug`,children:t})]});return(0,U.jsxs)(`div`,{role:`group`,onClick:y,className:u(`toggle-field--component`,`flex items-start gap-3 rounded-md py-1`,s&&`pointer-events-none`,d),children:[f===`leading`&&(0,U.jsx)(`div`,{className:`mt-0.5 flex shrink-0`,children:b}),x,f===`trailing`&&(0,U.jsx)(`div`,{className:`mt-0.5 flex shrink-0`,children:b})]})}Ge.displayName=`ToggleField`;var Ke={placeholder:`Add a tag…`,emptyRecommendations:`No recommendations found.`,clearAll:`Clear all`,summary:(e,t)=>`${e} / ${t} tags`};function qe({value:e=[],onChange:t,placeholder:r,recommendations:a,maxTags:s,showMaxTags:c=!1,allowDuplicates:l=!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:T,strings:D}){let O=E(Ke,{...r?{placeholder:r}:{},...y?{emptyRecommendations:y}:{},...D}),[k,A]=(0,H.useState)(``),[j,M]=(0,H.useState)(!1),[N,P]=(0,H.useState)(-1),F=(0,H.useRef)(null),I=(0,H.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]),te=(0,H.useCallback)(t=>typeof e[0]==`string`||e.length===0?t:S?{[S]:t}:t,[S,e]),L=(0,H.useMemo)(()=>a?a.map(e=>e&&typeof e==`object`&&`value`in e&&`label`in e?e:{value:e,label:I(e)}):[],[a,I]),R=(0,H.useMemo)(()=>{if(!L.length||!k)return L;let t=x?k:k.toLowerCase(),n=new Set(e.map(e=>{let t=I(e);return x?t:t.toLowerCase()}));return L.filter(e=>{let r=x?e.label:e.label.toLowerCase(),i=I(e.value),a=x?i:i.toLowerCase();return(r.includes(t)||a.includes(t))&&(l||!n.has(a))})},[L,k,e,l,x,I]),ne=(0,H.useMemo)(()=>b?[...e].sort((e,t)=>{let n=I(e),r=I(t);return n.localeCompare(r)}):e,[e,b,I]),z=(0,H.useCallback)(n=>{let r=typeof n==`string`?te(n):n,i=I(r).trim();if(!i||i.length<_||v&&i.length>v||s&&e.length>=s||!l&&e.some(e=>{let t=I(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,s,l,d,_,v,x,I,te]),re=(0,H.useCallback)(n=>{let r=e.filter((e,t)=>t!==n);t?.(r)},[e,t]),ie=(0,H.useCallback)(e=>{let t=e.target.value;A(t),P(-1),a&&a.length>0&&M(!0)},[a]),ae=(0,H.useCallback)(t=>{f||(t.key===`Enter`?(t.preventDefault(),j&&N>=0&&N<R.length?(z(R[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<R.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,R,k,z,re,e.length]),oe=(0,H.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,H.useCallback)(()=>{setTimeout(()=>{M(!1),g&&k&&z(k)},200)},[g,k,z]),ce=(0,H.useCallback)(()=>{t?.([]),A(``)},[t]),le=(0,H.useCallback)((e,t,n)=>{let r=`${I(e)}-${t}`;return(0,U.jsxs)(o,{variant:`secondary`,className:u(`tags-input--component`,`gap-1 pr-1 font-normal`),children:[I(e),(0,U.jsx)(`button`,{type:`button`,"aria-label":`Remove ${I(e)}`,className:u(`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,U.jsx)(w,{className:`size-3`,"aria-hidden":`true`})})]},r)},[I,f]),ue=!!C;return(0,U.jsxs)(`div`,{className:u(`w-full relative`,T),children:[(0,U.jsxs)(`div`,{className:`relative`,children:[(0,U.jsx)(B,{ref:F,type:`text`,placeholder:O.placeholder,value:k,onChange:ie,onKeyDown:ae,onPaste:oe,onBlur:se,onFocus:()=>{a&&R.length>0&&M(!0)},disabled:f||s!==void 0&&e.length>=s,invalid:ue,maxLength:v,className:`w-full`}),!!a&&!!j&&(0,U.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:R.length>0?R.map((t,r)=>{let i=I(t.value),a=e.some(e=>I(e)===I(t.value));return(0,U.jsxs)(`button`,{type:`button`,onMouseDown:e=>{e.preventDefault(),z(t.value),P(-1),F.current?.focus()},onMouseEnter:()=>P(r),className:u(`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===r&&`bg-accent text-accent-foreground`),children:[(0,U.jsx)(`span`,{children:t.label}),(0,U.jsx)(n,{className:u(`ml-auto size-4`,a?`opacity-100`:`opacity-0`)})]},i)}):(0,U.jsx)(i,{tag:`div`,size:`xs`,type:`secondary`,className:`px-2 py-(--row-py)`,children:O.emptyRecommendations})})]}),ne.length>0&&(0,U.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 mt-2`,children:[ne.map((e,t)=>m?m(e,t,re):le(e,t,re)),!!p&&e.length>0&&!f&&(0,U.jsx)(ee,{type:`button`,size:`sm`,onClick:ce,className:`ml-auto`,children:O.clearAll})]}),!!s&&!!c&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1`,children:O.summary(e.length,s)})]})}qe.displayName=`TagsInput`;var Je={prefixPlaceholder:`Prefix`},Ye={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`}},Xe=[`US`,`CA`,`GB`,`DE`,`FR`,`IT`,`ES`,`AU`],Ze=e=>typeof e==`string`?Ye[e.toUpperCase()]??null:e,Qe=e=>e.map(Ze).filter(e=>e!==null),$e=(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},et=(e,t)=>e?e.startsWith(`+`)?e:Ye[e.toUpperCase()]?.value??e:t[0]?.value??``;function tt({normalizeOnBlur:e=!0,onBlur:t,onChange:n,prefix:r,defaultPrefix:o,prefixes:s=Xe,onPrefixChange:c,disablePrefixSelector:l=!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=oe(v,S),w=E(Je,y),T=(0,H.useMemo)(()=>Qe(s),[s]),[D,O]=(0,H.useState)((0,H.useMemo)(()=>et(o,T),[o,T])),k=r!==void 0,A=k?et(r,T):D,ee=(0,H.useMemo)(()=>T.find(e=>e.value===A),[T,A]),te=(0,H.useCallback)(e=>{e!==null&&(k||O(e),c?.(e))},[k,c]),L=(0,H.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]),R=(0,H.useCallback)(r=>{if(e&&typeof n==`function`){let e=$e(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||l){let e=A||o;return e?(0,U.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,U.jsx)(`div`,{"aria-invalid":h||void 0,className:u(`flex items-center justify-center rounded-md border border-input bg-muted px-3`,se[C],g&&`opacity-50`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`),children:(0,U.jsx)(i,{tag:`span`,type:`secondary`,weight:`medium`,children:e})}),(0,U.jsx)(`div`,{className:`flex-1`,children:(0,U.jsx)(B,{ref:x,size:C,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:L,onBlur:R,invalid:h,disabled:g,className:_,...b})})]}):(0,U.jsx)(B,{ref:x,size:C,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:L,onBlur:R,invalid:h,disabled:g,className:u(`phone-input--component`,_),...b})}return(0,U.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,U.jsxs)(I,{value:A,onValueChange:e=>te(e),disabled:g,children:[(0,U.jsx)(j,{"aria-invalid":h||void 0,className:u(`border-input bg-transparent shrink-0 !shadow-none`,se[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,U.jsx)(P,{placeholder:d??w.prefixPlaceholder,children:!!ee&&(0,U.jsx)(i,{tag:`span`,children:ee.value})})}),(0,U.jsx)(N,{children:(0,U.jsx)(F,{children:T.map(e=>(0,U.jsx)(M,{value:e.value,children:(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!!m&&(0,U.jsx)(i,{tag:`span`,weight:`medium`,className:`min-w-[50px]`,children:e.value}),!!p&&(0,U.jsx)(i,{tag:`span`,type:`secondary`,lineHeight:`tight`,children:e.label})]})},e.value))})})]}),(0,U.jsx)(`div`,{className:`flex-1`,children:(0,U.jsx)(B,{ref:x,size:C,type:`tel`,autoComplete:`tel`,inputMode:`tel`,onChange:L,onBlur:R,invalid:h,disabled:g,className:_,...b})})]})}var nt=(0,H.memo)(H.forwardRef(tt));nt.displayName=`PhoneInput`;var rt=(0,H.forwardRef)(function({decimalPlaces:e=2,min:t=0,max:n=100,step:r,...i},a){return(0,U.jsx)(Ue,{className:`percentage-input--component`,ref:a,decimalPlaces:e,allowNegative:!1,min:t,max:n,step:r,endAddon:`%`,...i})});rt.displayName=`PercentageInput`;function it({name:e,id:t,value:n,defaultValue:r,min:a=0,max:o=100,step:s=1,disabled:c=!1,invalid:l=!1,onChange:d,onValueChange:f,onValueCommitted:p,showValue:m=!1,formatValue:h,unit:g,className:_,orientation:v=`horizontal`},y){let b=(0,H.useId)(),x=t??`slider-${b}`,S=e??x,C=(0,H.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;f?.(t),d?.({target:{name:S,value:t}})},[S,d,f]),w=(0,H.useCallback)(e=>{let t=Array.isArray(e)?e[0]:e;p?.(t)},[p]),T=(0,H.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,U.jsxs)(`div`,{className:u(`slider--component`,`flex items-center gap-3`,_),children:[(0,U.jsx)(ue,{ref:y,id:x,value:E,defaultValue:D,min:a,max:o,step:s,disabled:c,orientation:v,onValueChange:C,onValueCommitted:w,"aria-invalid":l||void 0,className:u(`min-w-0 flex-1`,l&&`[&_[data-slot=slider-range]]:bg-destructive [&_[data-slot=slider-thumb]]:border-destructive`)}),!!m&&T!==null&&(0,U.jsx)(i,{tag:`span`,type:l?`error`:`secondary`,className:`min-w-[3ch] shrink-0 text-right tabular-nums`,children:T})]})}var at=H.forwardRef(it);at.displayName=`SliderField`;var ot={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`}},st={sm:`h-7 px-2.5 text-xs`,base:`h-8 px-3 text-xs`,lg:`h-9 px-4 text-sm`},ct={sm:`px-3 py-2`,base:`px-4 py-3`,lg:`px-5 py-3.5`},lt={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 ut({options:e,value:t,defaultValue:n,onChange:r,name:o,columns:s=3,invalid:c,disabled:l,size:d,className:p}){let{defaultControlSize:m}=a(),h=oe(d,m),g=t!==void 0,[_,v]=(0,H.useState)(n??[]),y=(0,H.useMemo)(()=>g?t??[]:_,[_,g,t]),b=ot[h],x=(0,H.useCallback)(t=>{if(l||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)},[l,e,y,g,r]);return(0,U.jsx)(`div`,{className:u(`card-checkbox-group--component`,lt[s],p),role:`group`,"aria-invalid":c||void 0,"aria-disabled":l||void 0,children:e.map(e=>{let t=e.icon,n=e.label??e.title,r=y.includes(e.value),a=l||e.disabled,s=!!o&&r;return(0,U.jsxs)(`div`,{className:`relative`,children:[(0,U.jsx)(`input`,{type:`hidden`,name:o?`${o}[]`:void 0,value:e.value,"aria-hidden":`true`,hidden:!0,disabled:!s}),(0,U.jsxs)(`button`,{type:`button`,"aria-pressed":r,"aria-invalid":c||void 0,onClick:()=>x(e.value),disabled:a,"data-selected":r,className:u(`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,U.jsx)(f,{className:u(`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`,!r&&`hidden`)}),!!t&&(0,U.jsx)(`span`,{className:u(`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,U.jsx)(t,{className:b.iconSize})}),(0,U.jsx)(i,{tag:`span`,weight:`medium`,children:n}),!!e.description&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,children:e.description})]})]},e.value)})})}ut.displayName=`CardCheckboxGroup`;var dt={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 ft({options:e,value:t,defaultValue:n,onChange:r,name:o,columns:s=3,invalid:c,disabled:l,size:d,className:p}){let{defaultControlSize:m}=a(),h=ot[oe(d,m)],g=(0,H.useMemo)(()=>u(dt[s],p),[s,p]);return(0,U.jsx)(pe,{value:t,defaultValue:n,onValueChange:e=>e&&r?.(e),name:o,disabled:l,"aria-invalid":c||void 0,className:u(`card-radio-group--component`,g),children:e.map(e=>{let t=e.icon,n=e.label??e.title;return(0,U.jsxs)(fe,{value:e.value,disabled:l||e.disabled,"aria-invalid":c||void 0,className:u(`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,U.jsx)(de,{render:(0,U.jsx)(f,{className:`absolute top-2 right-2 size-4 text-primary-foreground fill-primary stroke-primary-foreground`})}),!!t&&(0,U.jsx)(`span`,{className:u(`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,U.jsx)(t,{className:h.iconSize})}),(0,U.jsx)(i,{tag:`span`,weight:`medium`,children:n}),!!e.description&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,children:e.description})]},e.value)})})}var pt=(0,H.memo)(ft);pt.displayName=`CardRadioGroup`;function mt({options:e,value:t,defaultValue:n,onChange:r,name:o,invalid:s,disabled:c,size:l,className:d}){let{defaultControlSize:f}=a(),m=ct[oe(l,f)];return(0,U.jsx)(pe,{value:t,defaultValue:n,onValueChange:e=>e&&r?.(e),name:o,disabled:c,"aria-invalid":s||void 0,className:u(`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`,c&&`pointer-events-none opacity-50`,d),children:e.map(e=>(0,U.jsxs)(fe,{value:e.value,disabled:c||e.disabled,className:u(`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`,m),children:[(0,U.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,U.jsx)(de,{render:(0,U.jsx)(p,{className:`h-2.5 w-2.5 fill-primary text-primary`})})}),(0,U.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,U.jsx)(i,{tag:`span`,weight:`medium`,lineHeight:`tight`,className:`block`,children:e.label}),!!e.description&&(0,U.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,className:`block mt-0.5`,children:e.description})]})]},e.value))})}mt.displayName=`ListRadioGroup`;var ht={USD:`$`,EUR:`€`,GBP:`£`,BGN:`лв`,JPY:`¥`,CNY:`¥`,CHF:`CHF`,CAD:`C$`,AUD:`A$`},gt=e=>!e||e.length===0?[]:e.map(e=>typeof e==`string`?{value:e,label:`${ht[e]||e} ${e}`}:e);function _t({currency:e,defaultCurrency:t,currencies:n,onCurrencyChange:r,currencyPosition:i=`start`,disableCurrencySelector:o=!1,currencyPlaceholder:s,currencyWidth:c=`w-28`,currencyLabel:l,invalid:d,disabled:f,onConfigError:p,size:m,...h},g){let{defaultControlSize:_}=a(),v=oe(m,_),y=(0,H.useMemo)(()=>gt(n),[n]),[b,x]=(0,H.useState)(t??y[0]?.value??``),S=e!==void 0,C=S?e:b,w=(0,H.useCallback)(e=>{e!==null&&(S||x(e),r?.(e))},[S,r]),T=(0,H.useMemo)(()=>u(`border-input bg-transparent !shadow-none`,se[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`,c,f&&`opacity-50 cursor-not-allowed`),[v,c,f]),E=(0,U.jsxs)(`div`,{className:`space-y-2`,children:[!!l&&(0,U.jsx)(L,{className:`leading-6`,children:l}),(0,U.jsxs)(I,{value:C,onValueChange:e=>w(e),disabled:f||o,children:[(0,U.jsx)(j,{"aria-invalid":d||void 0,className:T,children:(0,U.jsx)(P,{placeholder:s??``})}),(0,U.jsx)(N,{children:(0,U.jsx)(F,{children:y.map(e=>(0,U.jsx)(M,{value:e.value,children:e.label},e.value))})})]})]});return(0,U.jsxs)(`div`,{className:u(`currency-input--component`,`flex items-start gap-2`),children:[i===`start`&&E,(0,U.jsx)(`div`,{className:`flex-1`,children:(0,U.jsx)(Ue,{ref:g,size:v,decimalPlaces:2,allowNegative:!1,disabled:f,invalid:d,...h})}),i===`end`&&E]})}var vt=(0,H.memo)((0,H.forwardRef)(_t));vt.displayName=`CurrencyInput`;var yt=[`USD`,`EUR`],bt=(0,H.forwardRef)(function({currencies:e=yt,onCurrencyChange:t,currency:n,defaultCurrency:r,...i},a){return(0,U.jsx)(vt,{className:`money-input--component`,ref:a,currencies:e,currency:n,defaultCurrency:r,onCurrencyChange:(0,H.useCallback)(e=>{t?.(e)},[t]),...i})});bt.displayName=`MoneyInput`;var xt=[`floor`,`half_up`,`ceil`];function St({value:e,onChange:t,labels:n,placeholder:r,...i}){return(0,U.jsx)(Ne,{className:`rounding-mode-select--component`,options:(0,H.useMemo)(()=>xt.map(e=>({value:e,label:n?.[e]??e})),[n]),value:e,onChange:(0,H.useCallback)(e=>{t?.(e)},[t]),placeholder:r,...i})}St.displayName=`RoundingModeSelect`;var Ct={placeholder:`Select an item`},wt=`__rich_select_empty__`,Tt=(0,H.forwardRef)(({options:e,placeholder:t,strings:n,onChange:r,className:o,disabled:s,defaultOpen:c,open:l,onOpenChange:d,name:f,required:p,value:m,defaultValue:h,allowClear:g=!1,invalid:_,size:v},y)=>{let{defaultControlSize:b}=a(),x=oe(v,b),S=E(Ct,n),C=t??S.placeholder,w=(0,H.useCallback)(e=>{if(e!==wt)return e===``||e==null?g?wt:void 0:e},[g]),T=(0,H.useCallback)(e=>{if(e!==wt)return e},[]),D=(0,H.useMemo)(()=>{let t=e.map(e=>({...e,value:w(e.value)??``}));return g&&(t.some(e=>e.label===C)||t.unshift({label:C,value:wt})),t},[e,g,C,w]),O=(0,H.useMemo)(()=>w(m??void 0),[m,w]),k=(0,H.useMemo)(()=>w(h??void 0),[h,w]),A=m!==void 0,[ee,te]=(0,H.useState)(k),L=A?O:ee,R=(0,H.useMemo)(()=>D.find(e=>e.value===L),[L,D]),ne=(0,H.useCallback)(e=>{e!=null&&(A||te(e),r?.(T(e)))},[A,r,T]),z=u(`border-input bg-transparent w-full rounded-md border outline-none transition-[color,box-shadow] !shadow-none`,se[x],ce[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`,o),re=A?{value:O}:{};return(0,U.jsxs)(I,{onValueChange:e=>ne(e),disabled:s,defaultOpen:c,open:l,onOpenChange:d,name:f,required:p,defaultValue:k,...re,children:[(0,U.jsx)(j,{ref:y,className:u(`rich-select--component`,z),"aria-invalid":_,children:R?(0,U.jsx)(i,{tag:`span`,className:`text-left break-words whitespace-normal`,children:R.label}):(0,U.jsx)(P,{placeholder:C})}),(0,U.jsx)(N,{children:(0,U.jsx)(F,{children:D.map(e=>(0,U.jsx)(M,{value:e.value,disabled:e.disabled,children:(0,U.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[!!e.icon&&(0,U.jsx)(`span`,{className:`w-4 h-4 shrink-0 flex items-center justify-center self-start mt-0.5`,children:e.icon}),(0,U.jsxs)(`div`,{className:`flex flex-col min-w-0 text-left flex-1`,children:[(0,U.jsx)(i,{tag:`span`,weight:`medium`,children:e.label}),!!e.description&&(0,U.jsx)(i,{tag:`span`,size:`xs`,type:`secondary`,lineHeight:`tight`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]})},e.value))})})]})});Tt.displayName=`RichSelect`;var Et={width:`Width`,height:`Height`,depth:`Depth`,unit:`Unit`,widthPlaceholder:`0.00`,heightPlaceholder:`0.00`,depthPlaceholder:`0.00`},Dt=[{value:`g`,label:`g (grams)`},{value:`kg`,label:`kg (kilograms)`}],Ot=(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:``}},kt=(e,t,n,r)=>r===`string`?`${e}x${t}x${n}`:{width:e,height:t,depth:n};function At({value:e,defaultValue:t,format:n=`string`,unit:r,defaultUnit:o=`g`,widthLabel:s,heightLabel:c,depthLabel:l,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:D,size:O,strings:k}){let{defaultControlSize:A}=a(),ee=oe(O,A),te=E(Et,k),R=s??te.width,ne=c??te.height,z=l??te.depth,re=f??te.unit,ie=p??te.widthPlaceholder,ae=m??te.heightPlaceholder,ce=h??te.depthPlaceholder,le=C===`horizontal`,ue=C===`vertical`,de=x===!0,fe=(d??``).length>0,pe=ue?R:``,me=ue?ne:``,B=ue?z:``,V=e!==void 0,he=r!==void 0,ge=Ot(V?e:t,n),[_e,ve]=(0,H.useState)(ge.width),[ye,be]=(0,H.useState)(ge.height),[xe,Se]=(0,H.useState)(ge.depth),[Ce,we]=(0,H.useState)(r||o),Te=Ot(e,n),Ee=V?Te.width:_e,De=V?Te.height:ye,Oe=V?Te.depth:xe,ke=he?r:Ce;(0,H.useEffect)(()=>{if(V){let t=Ot(e,n);ve(t.width),be(t.height),Se(t.depth)}},[e,n,V]);let Ae=(0,H.useCallback)((e,t)=>{let r=Ee,i=De,a=Oe;e===`width`&&(r=t),e===`height`&&(i=t),e===`depth`&&(a=t),V||(ve(r),be(i),Se(a));let o=kt(r,i,a,n);g?.({target:{value:o}})},[Ee,De,Oe,V,n,g]),je=(0,H.useCallback)(e=>{if(e===null)return;let t=e;he||we(t),_?.(t)},[he,_]),Me=(0,U.jsxs)(`div`,{className:`space-y-2`,children:[!!fe&&(0,U.jsx)(L,{className:`leading-6`,children:d}),(0,U.jsxs)(I,{value:ke,onValueChange:e=>je(e),disabled:T||S,children:[(0,U.jsx)(j,{"aria-invalid":w||void 0,className:u(`border-input bg-transparent !shadow-none`,se[ee],`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,U.jsx)(P,{placeholder:re})}),(0,U.jsx)(N,{children:(0,U.jsx)(F,{children:Dt.map(e=>(0,U.jsx)(M,{value:e.value,children:e.label},e.value))})})]})]});return(0,U.jsx)(`div`,{className:u(`dimensions-input--component`,`space-y-2`,D),children:(0,U.jsxs)(`div`,{className:u(`flex gap-2`,C===`vertical`?`flex-col`:`flex-row items-start`),children:[(0,U.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!ue&&!!pe&&(0,U.jsx)(L,{children:pe}),(0,U.jsx)(Ue,{size:ee,value:Ee,onChange:e=>Ae(`width`,e.target.value),placeholder:ie,decimalPlaces:v,min:y,max:b,disabled:T,invalid:w,"aria-label":R}),!!le&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`text-center`,children:R})]}),C===`horizontal`&&(0,U.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,U.jsx)(i,{tag:`span`,type:`secondary`,children:`×`})}),(0,U.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!ue&&!!me&&(0,U.jsx)(L,{children:me}),(0,U.jsx)(Ue,{size:ee,value:De,onChange:e=>Ae(`height`,e.target.value),placeholder:ae,decimalPlaces:v,min:y,max:b,disabled:T,invalid:w,"aria-label":ne}),!!le&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`text-center`,children:ne})]}),C===`horizontal`&&(0,U.jsx)(`div`,{className:`flex items-center pt-2`,children:(0,U.jsx)(i,{tag:`span`,type:`secondary`,children:`×`})}),(0,U.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[!!ue&&!!B&&(0,U.jsx)(L,{children:B}),(0,U.jsx)(Ue,{size:ee,value:Oe,onChange:e=>Ae(`depth`,e.target.value),placeholder:ce,decimalPlaces:v,min:y,max:b,disabled:T,invalid:w,"aria-label":z}),!!le&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`text-center`,children:z})]}),!!de&&(0,U.jsxs)(`div`,{className:u(C===`vertical`?`w-full`:`w-32 pt-0`),children:[Me,!!le&&!fe&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-1 text-center`,children:re})]})]})})}At.displayName=`DimensionsInput`;var jt={unitLabel:``,unitPlaceholder:``},Mt=[{value:`g`,label:`g`},{value:`kg`,label:`kg`},{value:`lb`,label:`lb`},{value:`oz`,label:`oz`}];function Nt({value:e,defaultValue:t,unit:n,defaultUnit:r=`g`,onChange:i,onUnitChange:o,decimalPlaces:s=2,min:c=0,max:l,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=oe(y,x),C=E(jt,{...p===void 0?{}:{unitLabel:p},...m===void 0?{}:{unitPlaceholder:m},...g}),w=e!==void 0,T=n!==void 0,[D,O]=(0,H.useState)(t??``),[k,A]=(0,H.useState)(n??r),ee=w?e??``:D,te=T?n??r:k,R=(0,H.useCallback)(e=>{w||O(e.target.value),i?.({target:{value:e.target.value}})},[w,i]),ne=(0,H.useCallback)(e=>{if(e===null)return;let t=e;T||A(t),o?.(t)},[T,o]),z=(0,H.useMemo)(()=>Mt,[]),re=C.unitLabel!==``;return(0,U.jsxs)(`div`,{className:u(`weight-input--component`,`flex items-start gap-2`,b),children:[(0,U.jsx)(`div`,{className:`flex-1`,children:(0,U.jsx)(Ue,{size:S,value:ee,onChange:R,decimalPlaces:s,allowNegative:!1,min:c,max:l,disabled:v,invalid:_})}),!!d&&(0,U.jsxs)(`div`,{className:`space-y-2`,children:[!!re&&(0,U.jsx)(L,{className:`leading-6`,children:C.unitLabel}),(0,U.jsxs)(I,{value:te,onValueChange:e=>ne(e),disabled:v||f,children:[(0,U.jsx)(j,{"aria-invalid":_||void 0,className:u(`border-input bg-transparent !shadow-none`,se[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,U.jsx)(P,{placeholder:C.unitPlaceholder||void 0})}),(0,U.jsx)(N,{children:(0,U.jsx)(F,{children:z.map(e=>(0,U.jsx)(M,{value:e.value,children:e.label},e.value))})})]})]})]})}Nt.displayName=`WeightInput`;var Pt={latLabel:``,lngLabel:``,latPlaceholder:``,lngPlaceholder:``,previewLinkLabel:``},Ft=(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:``}},It=(e,t,n)=>n===`string`?`${e},${t}`:{lat:e,lng:t},Lt=(e,t,n)=>{if(!e)return!1;let r=Number(e);return Number.isFinite(r)&&r>=t&&r<=n};function Rt({value:e,defaultValue:t,format:n=`object`,onChange:r,latLabel:i,lngLabel:a,latPlaceholder:o,lngPlaceholder:s,decimalPlaces:c=6,showPreviewLink:l=!0,previewLinkLabel:d,strings:f,invalid:p,className:m,disabled:h}){let g=E(Pt,{...i===void 0?{}:{latLabel:i},...a===void 0?{}:{lngLabel:a},...o===void 0?{}:{latPlaceholder:o},...s===void 0?{}:{lngPlaceholder:s},...d===void 0?{}:{previewLinkLabel:d},...f}),_=e!==void 0,v=Ft(_?e:t,n),[y,b]=(0,H.useState)(v.lat),[x,S]=(0,H.useState)(v.lng),C=Ft(e,n),w=_?C.lat:y,T=_?C.lng:x;(0,H.useEffect)(()=>{_&&(b(C.lat),S(C.lng))},[_,C.lat,C.lng]);let D=(0,H.useCallback)((e,t)=>{_||(b(e),S(t)),r?.({target:{value:It(e,t,n)}})},[_,r,n]),O=(0,H.useMemo)(()=>{let e=Lt(w,-90,90),t=Lt(T,-180,180);return!e||!t?null:`https://www.google.com/maps?q=${encodeURIComponent(`${w},${T}`)}`},[w,T]);return(0,U.jsxs)(`div`,{className:u(`coordinates-input--component`,`space-y-3`,m),children:[(0,U.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 md:grid-cols-2`,children:[(0,U.jsxs)(`div`,{className:`space-y-2`,children:[!!g.latLabel&&(0,U.jsx)(L,{children:g.latLabel}),(0,U.jsx)(Ue,{placeholder:g.latPlaceholder||void 0,value:w,onChange:e=>D(e.target.value,T),decimalPlaces:c,allowNegative:!0,min:-90,max:90,invalid:p,disabled:h})]}),(0,U.jsxs)(`div`,{className:`space-y-2`,children:[!!g.lngLabel&&(0,U.jsx)(L,{children:g.lngLabel}),(0,U.jsx)(Ue,{placeholder:g.lngPlaceholder||void 0,value:T,onChange:e=>D(w,e.target.value),decimalPlaces:c,allowNegative:!0,min:-180,max:180,invalid:p,disabled:h})]})]}),!!l&&!!O&&!!g.previewLinkLabel&&(0,U.jsx)(R,{href:O,type:`secondary`,underline:!1,children:g.previewLinkLabel})]})}Rt.displayName=`CoordinatesInput`;function zt({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,U.jsx)(ae,{className:`date-time-input--component`,mode:`single`,disabled:s,error:o?` `:void 0,placeholder:n,value:c,onChange:(0,H.useCallback)(e=>{t?.(e.date?e.date.toISOString():void 0)},[t]),readableFormat:r,withTime:{enabled:!0,format:`24`,step:i},modal:a})}zt.displayName=`DateTimeInput`;var Bt={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`},Vt=e=>String(e).padStart(2,`0`),Ht=e=>{let t=e.trim();if(t===``)return null;let n=Number.parseInt(t,10);return Number.isFinite(n)?n:null},Ut=(e,t,n)=>Math.min(Math.max(e,t),n),Wt=e=>(e??``).replace(/\D/g,``).slice(0,2),Gt=(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 Kt({className:e,value:t=`00:00:00`,onChange:n,invalid:r,disabled:a,placeholder:o,dialogTitle:c,hoursLabel:l,minutesLabel:d,secondsLabel:f,nowLabel:p,doneLabel:h,format:g=`24`,minuteStep:_=5,showSeconds:v=!0,strings:y}){let b=(0,H.useId)(),x=E(Bt,{...o===void 0?{}:{placeholder:o},...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},...h===void 0?{}:{done:h},...y??{}}),S=(0,H.useCallback)((e,t)=>{let n=Ht(e??``)??0;return g===`12`?{hours:Vt(n>12?12:Ut(n===0?12:n,1,12)),meridiem:t}:{hours:Vt(n>24?24:Ut(n,0,24)),meridiem:t}},[g]),C=(0,H.useCallback)(e=>{let t=Ht(e??``)??0;return t>59&&(t=0),t=Gt(Ut(t,0,59),_),Vt(t)},[_]),w=(0,H.useCallback)(e=>{let t=Ht(e??``)??0;return t>59&&(t=0),t=Ut(t,0,59),Vt(t)},[]),T=(0,H.useCallback)((e,t,n,r)=>{let i=Ht(e)??0,a=Ht(t)??0;a>59&&(a=0),a=Gt(Ut(a,0,59),_);let o=v?Ht(n)??0:0;if(o>59&&(o=0),o=v?Ut(o,0,59):0,g===`12`){let e=i>12?12:Ut(i===0?12:i,1,12);return`${Vt(r===`AM`?e===12?0:e:e===12?12:e+12)}:${Vt(a)}:${Vt(o)}`}return`${Vt(i>24?24:Ut(i,0,24))}:${Vt(a)}:${Vt(o)}`},[g,_,v]),D=(0,H.useCallback)(e=>{let[t=`00`,n=`00`,r=`00`]=(e??``).split(`:`),i=v?r:`00`;return{hours:Wt(t),minutes:Wt(n),seconds:Wt(i)}},[v]),[O,k]=(0,H.useState)(!1),[A,j]=(0,H.useState)(()=>D(t)),[M,N]=(0,H.useState)(()=>{let[e=`00`]=(t??``).split(`:`);return(Ht(e)??0)>=12?`PM`:`AM`}),P=(0,H.useRef)({});(0,H.useEffect)(()=>{if(O)return;j(D(t));let[e=`00`]=(t??``).split(`:`);N((Ht(e)??0)>=12?`PM`:`AM`)},[O,D,t]);let F=(e,t)=>{let r=Wt(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=Vt((Ht(a)??0)%12||12):r.hours=a,r.minutes=o,r.seconds=s,r})},400)},I=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`?Wt(String((Ht(i)??0)%12||12)):i,minutes:a,seconds:o}})},ee=(0,H.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,U.jsxs)(z,{open:O,onOpenChange:k,children:[(0,U.jsx)(ne,{render:n=>(0,U.jsx)(s,{...n,id:b,variant:`secondary`,buttonStyle:`outline`,"aria-expanded":O,"aria-invalid":r,disabled:a,className:u(`time-picker--component`,ie,`w-full justify-between text-left`,!t&&`!text-muted-foreground`,n.className,e),children:n.children}),children:(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(m,{className:`h-4 w-4`}),(0,U.jsx)(`span`,{children:ee||x.placeholder})]})}),(0,U.jsx)(re,{className:`w-auto p-4`,align:`start`,children:(0,U.jsxs)(`div`,{className:`space-y-4`,children:[(0,U.jsx)(i,{tag:`div`,weight:`medium`,align:`center`,children:x.dialogTitle}),(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsxs)(`div`,{className:`text-center`,children:[(0,U.jsx)(L,{size:`xs`,className:`text-muted-foreground`,children:x.hours}),(0,U.jsx)(B,{inputMode:`numeric`,value:A.hours,onChange:e=>F(`hours`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>I(`hours`),placeholder:x.hoursPlaceholder,className:`w-16 text-center`})]}),(0,U.jsx)(i,{tag:`div`,className:`text-2xl`,children:`:`}),(0,U.jsxs)(`div`,{className:`text-center`,children:[(0,U.jsx)(L,{size:`xs`,className:`text-muted-foreground`,children:x.minutes}),(0,U.jsx)(B,{inputMode:`numeric`,value:A.minutes,onChange:e=>F(`minutes`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>I(`minutes`),placeholder:x.minutesPlaceholder,className:`w-16 text-center`})]}),!!v&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(i,{tag:`div`,className:`text-2xl`,children:`:`}),(0,U.jsxs)(`div`,{className:`text-center`,children:[(0,U.jsx)(L,{size:`xs`,className:`text-muted-foreground`,children:x.seconds}),(0,U.jsx)(B,{inputMode:`numeric`,value:A.seconds,onChange:e=>F(`seconds`,e.target.value),onFocus:e=>e.currentTarget.select(),onClick:e=>e.currentTarget.select(),onBlur:()=>I(`seconds`),placeholder:x.secondsPlaceholder,className:`w-16 text-center`})]})]}),g===`12`&&(0,U.jsxs)(`div`,{className:`flex items-end gap-1 pb-0.5`,children:[(0,U.jsx)(s,{type:`button`,variant:M===`AM`?`primary`:`secondary`,buttonStyle:M===`AM`?`solid`:`outline`,onClick:()=>N(`AM`),children:x.am}),(0,U.jsx)(s,{type:`button`,variant:M===`PM`?`primary`:`secondary`,buttonStyle:M===`PM`?`solid`:`outline`,onClick:()=>N(`PM`),children:x.pm})]})]}),(0,U.jsxs)(`div`,{className:`flex gap-2`,children:[(0,U.jsx)(s,{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,U.jsx)(s,{variant:`primary`,buttonStyle:`solid`,className:`flex-1`,onClick:()=>{n?.(T(A.hours,A.minutes,A.seconds,M)),k(!1)},children:x.done})]})]})})]})}Kt.displayName=`TimePicker`;var qt=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]}`},Jt=0,Yt=()=>`${Date.now().toString(36)}-${(Jt++).toString(36)}`,Xt=e=>{let[t,n]=(0,H.useState)([]),[r,i]=(0,H.useState)({}),a=(0,H.useCallback)(qt,[]),o=(0,H.useCallback)(t=>{if(e?.minSize!==void 0&&t.size<e.minSize)return`Size (${qt(t.size)}) is smaller than minimum (${qt(e.minSize)}).`;if(e?.maxSize!==void 0&&t.size>e.maxSize)return`Size (${qt(t.size)}) exceeds maximum (${qt(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,H.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:Yt(),file:t,name:t.name,size:t.size,formattedSize:qt(t.size),type:t.type,extension:r,lastModified:t.lastModified};n.push(a)}),n}),i(s)},[e?.maxFiles,o]);return{files:t,addFiles:(0,H.useCallback)(e=>s(e,!1),[s]),setFiles:(0,H.useCallback)(e=>s(e,!0),[s]),remove:(0,H.useCallback)(e=>{n(t=>t.filter(t=>t.id!==e))},[]),removeAll:(0,H.useCallback)(()=>{n(e=>e.length===0?e:[]),i({})},[]),formatSize:a,validationErrors:r}},Zt={change:`Change photo`,remove:`Remove photo`,hint:`Click or drop an image`,dragOver:`Drop image to upload`},Qt={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 $t({value:e,onChange:t,defaultPreviewUrl:n,accept:r=`.png,.jpg,.jpeg,.gif,.webp`,disabled:a=!1,invalid:o=!1,size:s=`base`,className:c,strings:l,initials:d},f){let p=E(Zt,l),m=(0,H.useId)(),h=(0,H.useRef)(null),[g,_]=(0,H.useState)(!1),v=Qt[s],{files:y,setFiles:b,removeAll:x}=Xt({maxFiles:1,allowedExtensions:(0,H.useMemo)(()=>r.split(`,`).map(e=>e.trim().replace(/^\./,``).toLowerCase()).filter(Boolean),[r])});(0,H.useEffect)(()=>{e?b([e]):x()},[e]);let S=y[0],[C,T]=(0,H.useState)(void 0);(0,H.useEffect)(()=>{let t=S?.file??e;if(!t){T(void 0);return}let n=URL.createObjectURL(t);return T(n),()=>URL.revokeObjectURL(n)},[S,e]);let D=C??n,O=!!D,k=(0,H.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,H.useCallback)(()=>{a||h.current?.click()},[a]),j=(0,H.useCallback)(()=>{x(),t?.(void 0),h.current&&(h.current.value=``)},[t,x]),M=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),A())},N=(0,H.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),a||_(!0)},[a]),P=(0,H.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),_(!1)},[]),F=(0,H.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,U.jsxs)(`div`,{className:u(`avatar-upload--component`,`inline-flex flex-col items-center gap-2`,c),children:[(0,U.jsxs)(`div`,{role:`button`,tabIndex:a?-1:0,"aria-disabled":a||void 0,"aria-invalid":o||void 0,onClick:A,onKeyDown:M,onDragEnter:N,onDragOver:N,onDragLeave:P,onDrop:F,className:u(`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`:u(`bg-muted/30 hover:border-primary hover:bg-primary/5`,o?`border-destructive`:`border-muted-foreground/40`),a&&`cursor-not-allowed opacity-50`,!a&&g&&`border-primary bg-primary/10`,v.box),children:[(0,U.jsx)(`input`,{id:m,ref:e=>{h.current=e,typeof f==`function`?f(e):f&&(f.current=e)},type:`file`,className:`sr-only`,accept:r,disabled:a,onChange:k}),O&&D?(0,U.jsx)(`img`,{src:D,alt:p.change,className:`absolute inset-0 size-full object-cover`}):d?(0,U.jsx)(i,{size:s===`lg`?`lg`:`base`,weight:`bold`,className:`leading-none`,children:d}):(0,U.jsx)(De,{className:u(v.icon,`text-muted-foreground`),"aria-hidden":`true`}),!a&&O&&(0,U.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,U.jsx)(De,{className:v.icon})}),!a&&O&&(0,U.jsx)(`button`,{type:`button`,"aria-label":p.remove,onClick:e=>{e.stopPropagation(),j()},className:u(`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,U.jsx)(w,{className:`size-3`})}),!a&&!O&&g&&(0,U.jsx)(i,{size:`xxs`,weight:`medium`,className:`absolute inset-x-0 bottom-1.5 text-center text-primary`,children:p.dragOver})]}),!O&&(0,U.jsx)(i,{size:`xs`,type:`secondary`,children:p.hint})]})}var en=H.forwardRef($t);en.displayName=`AvatarUpload`;var tn={emptyState:`No items added yet.`,addItem:`Add item`,removeAriaLabel:`Remove item`},nn={emptyState:tn.emptyState,addButton:tn.addItem,removeAriaLabel:tn.removeAriaLabel,dragHandleAriaLabel:`Drag to reorder`};function rn({item:e,index:t,sortable:n,rowVariant:r,removeVariant:i,hideRemove:a,disabled:o,strings:c,onRemove:l,renderRow:d}){let f=we({id:e.id,disabled:o||!n}),p=n?f.isDragging:!1,m=n?{transform:Ce.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,U.jsx)(`button`,{type:`button`,"aria-label":c.dragHandleAriaLabel,className:u(`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`,o&&`pointer-events-none opacity-50`),...g,..._,children:(0,U.jsx)(Oe,{className:`size-4`,"aria-hidden":`true`})}):null,y=a?null:i===`icon-button`?(0,U.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,"aria-label":c.removeAriaLabel,disabled:o,onClick:()=>l(t),className:`shrink-0`,children:(0,U.jsx)(C,{className:`size-4`,"aria-hidden":`true`})}):(0,U.jsx)(`button`,{type:`button`,"aria-label":c.removeAriaLabel,disabled:o,onClick:()=>l(t),className:u(`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,U.jsx)(w,{className:`size-4`,"aria-hidden":`true`})});return r===`card`?(0,U.jsx)(`div`,{ref:h,style:m,className:u(`repeater--component`,`relative rounded-md border border-input bg-card p-4`,n&&`pl-2`),children:(0,U.jsxs)(`div`,{className:`flex items-start gap-2`,children:[v,(0,U.jsx)(`div`,{className:`min-w-0 flex-1`,children:d(e,{index:t,isDragging:p})}),y]})}):(0,U.jsxs)(`div`,{ref:h,style:m,className:`flex items-start gap-2`,children:[v,(0,U.jsx)(`div`,{className:`min-w-0 flex-1`,children:d(e,{index:t,isDragging:p})}),y]})}function an({items:e,renderRow:t,onAdd:n,onRemove:r,onMove:a,sortable:o=!1,rowVariant:c=`inline`,removeVariant:l=`ghost`,hideRemove:d=!1,hideAdd:f=!1,disabled:p=!1,strings:m,className:h}){let g=E(nn,m),_=ye(ve(_e,{activationConstraint:{distance:4}}),ve(Te,{coordinateGetter:Se})),v=(0,H.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,H.useMemo)(()=>e.map(e=>e.id),[e]),x=(0,U.jsx)(`div`,{className:`space-y-2`,children:e.map((e,n)=>(0,U.jsx)(rn,{item:e,index:n,sortable:o,rowVariant:c,removeVariant:l,hideRemove:d,disabled:p,strings:g,onRemove:r,renderRow:t},e.id))});return(0,U.jsxs)(`div`,{className:u(`space-y-3`,h),children:[e.length===0?(0,U.jsx)(`div`,{className:`rounded-md border border-dashed border-input p-4`,children:(0,U.jsx)(i,{type:`secondary`,children:g.emptyState})}):o?(0,U.jsx)(ge,{sensors:_,collisionDetection:xe,onDragEnd:v,children:(0,U.jsx)(Ee,{items:y,strategy:be,children:x})}):x,!f&&(0,U.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,size:`sm`,disabled:p,onClick:n,children:[(0,U.jsx)(b,{className:`size-4 mr-1.5`}),g.addButton]})]})}an.displayName=`Repeater`;var on={keyLabel:`Key`,valueLabel:`Value`,keyPlaceholder:`key`,valuePlaceholder:`value`,addButton:`Add row`,removeRowAriaLabel:`Remove row`,emptyState:`No rows yet.`},sn=()=>typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():Math.random().toString(36).slice(2,10),cn=(0,H.memo)(function({row:e,keyPlaceholder:t,valuePlaceholder:n,invalid:r,onKeyChange:i,onValueChange:a}){let{id:o,key:s,value:c}=e;return(0,U.jsxs)(`div`,{className:u(`key-value-editor--component`,`grid grid-cols-1 md:grid-cols-2 gap-2`),children:[(0,U.jsx)(B,{value:s??``,placeholder:t,onChange:e=>i(o,e.target.value),invalid:r}),(0,U.jsx)(B,{value:c??``,placeholder:n,onChange:e=>a(o,e.target.value),invalid:r})]})});function ln({value:e,onChange:t,invalid:n,sortable:r=!1,keyPlaceholder:i,valuePlaceholder:a,keyLabel:o,valueLabel:s,addButtonText:c,strings:l}){let d=E(on,{...i===void 0?{}:{keyPlaceholder:i},...a===void 0?{}:{valuePlaceholder:a},...o===void 0?{}:{keyLabel:o},...s===void 0?{}:{valueLabel:s},...c===void 0?{}:{addButton:c},...l}),f=(0,H.useRef)(!1),[p,m]=(0,H.useState)(()=>e&&Object.keys(e).length>0?Object.entries(e).map(([e,t])=>({id:sn(),key:e,value:String(t??``)})):[{id:sn(),key:``,value:``}]),h=(0,H.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,H.useCallback)((e,t)=>{m(n=>{let r=n.map(n=>n.id===e?{...n,key:t}:n);return h(r),r})},[h]),_=(0,H.useCallback)((e,t)=>{m(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return h(r),r})},[h]),v=(0,H.useCallback)(()=>{m(e=>{let t=[...e,{id:sn(),key:``,value:``}];return h(t),t})},[h]),y=(0,H.useCallback)(e=>{m(t=>{let n=t.filter((t,n)=>n!==e),r=n.length?n:[{id:sn(),key:``,value:``}];return h(r),r})},[h]),b=(0,H.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,U.jsxs)(`div`,{className:`space-y-2`,children:[(!!d.keyLabel||!!d.valueLabel)&&(0,U.jsxs)(`div`,{className:u(`grid grid-cols-1 md:grid-cols-2 gap-2`,r?`pl-11`:``,`pr-11`),children:[!!d.keyLabel&&(0,U.jsx)(L,{className:`flex items-center`,children:d.keyLabel}),!!d.valueLabel&&(0,U.jsx)(L,{className:`flex items-center`,children:d.valueLabel})]}),(0,U.jsx)(an,{items:p,sortable:r,onAdd:v,onRemove:y,onMove:b,strings:{emptyState:d.emptyState,addButton:d.addButton,removeAriaLabel:d.removeRowAriaLabel},renderRow:e=>(0,U.jsx)(cn,{row:e,keyPlaceholder:d.keyPlaceholder,valuePlaceholder:d.valuePlaceholder,invalid:n,onKeyChange:g,onValueChange:_})})]})}ln.displayName=`KeyValueEditor`;var un=e=>e.type===`checkbox`,dn=e=>e instanceof Date,fn=e=>e==null,pn=e=>typeof e==`object`,W=e=>!fn(e)&&!Array.isArray(e)&&pn(e)&&!dn(e),mn=e=>W(e)&&e.target?un(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=e=>/^\w*$/.test(e),K=e=>e===void 0,yn=e=>Array.isArray(e)?e.filter(Boolean):[],bn=e=>yn(e.replace(/["|']|\]/g,``).split(/\.|\[/)),q=(e,t,n)=>{if(!t||!W(e))return n;let r=(vn(t)?[t]:bn(t)).reduce((e,t)=>fn(e)?void 0:e[t],e);return K(r)||r===e?K(e[t])?n:e[t]:r},xn=e=>typeof e==`boolean`,J=e=>typeof e==`function`,Y=(e,t,n)=>{let r=-1,i=vn(t)?[t]:bn(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(t===`__proto__`||t===`constructor`||t===`prototype`)return;e[t]=a,e=e[t]}},Sn={BLUR:`blur`,FOCUS_OUT:`focusout`,CHANGE:`change`,SUBMIT:`submit`,TRIGGER:`trigger`,VALID:`valid`},Cn={onBlur:`onBlur`,onChange:`onChange`,onSubmit:`onSubmit`,onTouched:`onTouched`,all:`all`},wn={max:`max`,min:`min`,maxLength:`maxLength`,minLength:`minLength`,pattern:`pattern`,required:`required`,validate:`validate`},Tn=`form`,En=`root`,Dn=H.createContext(null);Dn.displayName=`HookFormControlContext`;var On=()=>H.useContext(Dn),kn=(e,t,n,r=!0)=>{let i={defaultValues:t._defaultValues};for(let a in e)Object.defineProperty(i,a,{get:()=>{let i=a;return t._proxyFormState[i]!==Cn.all&&(t._proxyFormState[i]=!r||Cn.all),n&&(n[i]=!0),e[i]}});return i},An=typeof window<`u`?H.useLayoutEffect:H.useEffect;function jn(e){let t=On(),{control:n=t,disabled:r,name:i,exact:a}=e||{},[o,s]=H.useState(n._formState),c=H.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})}}),[i,r,a]),H.useEffect(()=>{c.current.isValid&&n._setValid(!0)},[n]),H.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=>fn(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(dn(e)&&dn(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(dn(r)&&dn(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=H.useRef(i),l=H.useRef(s),u=H.useRef(void 0),d=H.useRef(n),f=H.useRef(r);l.current=s;let[p,m]=H.useState(()=>{let e=n._getWatch(r,c.current);return l.current?l.current(e):e}),h=H.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=H.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]),H.useEffect(()=>n._removeUnmounted());let _=d.current!==n,v=f.current,y=H.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:H.useMemo(()=>q(i._formValues,n,q(i._defaultValues,n,o)),[i,n,o]),exact:s}),u=jn({control:i,name:n,exact:s}),d=H.useRef(e),f=H.useRef(i.register(n,{...e.rules,value:l,...xn(e.disabled)?{disabled:e.disabled}:{}}));d.current=e;let p=H.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=H.useCallback(e=>f.current.onChange({target:{value:mn(e),name:n},type:Sn.CHANGE}),[n]),h=H.useCallback(()=>f.current.onBlur({target:{value:q(i._formValues,n),name:n},type:Sn.BLUR}),[n,i._formValues]),g=H.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]),_=H.useMemo(()=>({name:n,value:l,...xn(r)||u.disabled?{disabled:u.disabled||r}:{},onChange:m,onBlur:h,ref:g}),[n,r,u.disabled,m,h,g,l]);return H.useEffect(()=>{let e=i._options.shouldUnregister||a;i.register(n,{...d.current.rules,...xn(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._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]),H.useEffect(()=>{i._setDisabledField({disabled:r,name:n})},[r,n,i]),H.useMemo(()=>({field:_,formState:u,fieldState:p}),[_,u,p])}var Rn=e=>e.render(Ln(e)),zn=H.createContext(null);zn.displayName=`HookFormContext`;var Bn=()=>H.useContext(zn),Vn=e=>{let{children:t,watch:n,getValues:r,getFieldState:i,setError:a,clearErrors:o,setValue:s,trigger:c,formState:l,resetField:u,reset:d,handleSubmit:f,unregister:p,control:m,register:h,setFocus:g,subscribe:_}=e,v=H.useMemo(()=>({watch:n,getValues:r,getFieldState:i,setError:a,clearErrors:o,setValue:s,trigger:c,formState:l,resetField:u,reset:d,handleSubmit:f,unregister:p,control:m,register:h,setFocus:g,subscribe:_}),[o,m,l,i,r,f,h,d,u,a,g,s,_,c,p,n]);return H.createElement(zn.Provider,{value:v},H.createElement(Dn.Provider,{value:v.control},t))},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:[e],Wn=()=>{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 Gn(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=Gn(i,a);W(e)&&(n[r]=e)}else e[r]&&(n[r]=a)}return n}var X=e=>W(e)&&!Object.keys(e).length,Kn=e=>e.type===`file`,qn=e=>{if(!_n)return!1;let t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},Jn=e=>e.type===`select-multiple`,Yn=e=>e.type===`radio`,Xn=e=>Yn(e)||un(e),Zn=e=>qn(e)&&e.isConnected;function Qn(e,t){let n=t.slice(0,-1).length,r=0;for(;r<n;){if(fn(e)){e=void 0;break}e=e[t[r]],r++}return e}function $n(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:vn(t)?[t]:bn(t),r=n.length===1?e:Qn(e,n),i=n.length-1,a=n[i];return r&&delete r[a],i!==0&&(W(r)&&X(r)||Array.isArray(r)&&$n(r))&&Z(e,n.slice(0,-1)),e}var er=e=>{for(let t in e)if(J(e[t]))return!0;return!1};function tr(e){return Array.isArray(e)||W(e)&&!er(e)}function nr(e,t={}){for(let n in e){let r=e[n];tr(r)?(t[n]=Array.isArray(r)?[]:{},nr(r,t[n])):K(r)||(t[n]=!0)}return t}function rr(e,t,n){n||=nr(t);for(let r in e){let i=e[r];if(tr(i))K(t)||Pn(n[r])?n[r]=nr(i,Array.isArray(i)?[]:{}):rr(i,fn(t)?{}:t[r],n[r]);else{let e=t[r];n[r]=!Fn(i,e)}}return n}var ir={value:!1,isValid:!1},ar={value:!0,isValid:!0},or=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===``?ar:{value:e[0].value,isValid:!0}:ar:ir}return ir},sr=(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,cr={isValid:!1,value:null},lr=e=>Array.isArray(e)?e.reduce((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e,cr):cr;function ur(e){let t=e.ref;return Kn(t)?t.files:Yn(t)?lr(e.refs).value:Jn(t)?[...t.selectedOptions].map(({value:e})=>e):un(t)?or(e.refs).value:sr(K(t.value)?e.ref.value:t.value,e)}var dr=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,fr=(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}},pr=e=>e instanceof RegExp,mr=e=>K(e)?e:pr(e)?e.source:W(e)?pr(e.value)?e.value.source:e.value:e,hr=e=>({isOnSubmit:!e||e===Cn.onSubmit,isOnBlur:e===Cn.onBlur,isOnChange:e===Cn.onChange,isOnAll:e===Cn.all,isOnTouch:e===Cn.onTouched}),gr=`AsyncFunction`,_r=e=>!!e&&!!e.validate&&!!(J(e.validate)&&e.validate.constructor.name===gr||W(e.validate)&&Object.values(e.validate).find(e=>e.constructor.name===gr)),vr=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),yr=(e,t,n)=>!n&&(t.watchAll||t.watch.has(e)||[...t.watch].some(t=>e.startsWith(t)&&/^\.\w+/.test(e.slice(t.length)))),br=(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(br(a,t))break}else if(W(a)&&br(a,t))break}}};function xr(e,t,n){let r=q(e,n);if(r||vn(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 Sr=(e,t,n,r)=>{n(e);let{name:i,...a}=e;return X(a)||Object.keys(a).length>=Object.keys(t).length||Object.keys(a).find(e=>t[e]===(!r||Cn.all))},Cr=(e,t,n)=>!e||!t||e===t||Un(e).some(e=>e&&(n?e===t:e.startsWith(t)||t.startsWith(e))),wr=(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,Tr=(e,t)=>!yn(q(e,t)).length&&Z(e,t),Er=(e,t,n)=>{let r=Un(q(e,n));return Y(r,En,t[n]),Y(e,n,r),e};function Dr(e,t,n=`validate`){if(Mn(e)||Array.isArray(e)&&e.every(Mn)||xn(e)&&!e)return{type:n,message:Mn(e)?e:``,ref:t}}var Or=e=>W(e)&&!pr(e)?e:{value:e,message:``},kr=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(xn(e)?``:e||``),y.reportValidity())},x={},S=Yn(o),C=un(o),w=S||C,T=(g||Kn(o))&&K(o.value)&&K(v)||qn(o)&&o.value===``||v===``||Array.isArray(v)&&!v.length||g&&typeof v==`number`&&isNaN(v),E=Hn.bind(null,h,r,x),D=(e,t,n,r=wn.maxLength,i=wn.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||fn(v))||xn(v)&&!v||C&&!or(s).isValid||S&&!lr(s).isValid)){let{value:e,message:t}=Mn(c)?{value:!!c,message:c}:Or(c);if(e&&(x[h]={type:wn.required,message:t,ref:y,...E(wn.required,t)},!r))return b(t),x}if(!T&&(!fn(d)||!fn(f))){let e,t,n=Or(f),i=Or(d);if(!fn(v)&&!isNaN(v)){let r=o.valueAsNumber||v&&+v;fn(n.value)||(e=r>n.value),fn(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,wn.max,wn.min),!r))return b(x[h].message),x}if((l||u)&&!T&&(Mn(v)||a&&Array.isArray(v))){let e=Or(l),t=Or(u),n=!fn(e.value)&&v.length>+e.value,i=!fn(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}=Or(p);if(pr(e)&&!v.match(e)&&(x[h]={type:wn.pattern,message:t,ref:o,...E(wn.pattern,t)},!r))return b(t),x}if(m){if(J(m)){let e=Dr(await m(v,n),y);if(e&&(x[h]={...e,...E(wn.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=Dr(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},Ar={mode:Cn.onSubmit,reValidateMode:Cn.onChange,shouldFocusError:!0};function jr(e={}){let t={...Ar,...e},n={submitCount:0,isDirty:!1,isReady:!1,isLoading:J(t.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},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:Wn(),state:Wn()},m=t.criteriaMode===Cn.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 T()).errors),_()):e=await O({fields:r,onlyCheckValid:!0,eventType:Sn.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=e=>{let t=rr(i,a),r=dr(e);Y(n.dirtyFields,r,q(t,r))},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),Tr(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(e),p.state.next({name:e,isDirty:A(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,t,n,s)=>{let c=q(r,e);if(c){let r=q(a,e,K(n)?q(i,e):n);K(r)||s&&s.defaultChecked||t?Y(a,e,t?r:ur(c._f)):N(e,r),o.mount&&!o.action&&g()}},C=(e,r,a,o,s)=>{let c=!1,l=!1,u={name:e};if(!t.disabled){if(!a||o){(d.isDirty||f.isDirty)&&(l=n.isDirty,n.isDirty=u.isDirty=A(),c=l!==u.isDirty);let t=Fn(q(i,e),r);l=!!q(n.dirtyFields,e),t?Z(n.dirtyFields,e):Y(n.dirtyFields,e,!0),u.dirtyFields=n.dirtyFields,c||=(d.dirtyFields||f.dirtyFields)&&l!==!t}if(a){let t=q(n.touchedFields,e);t||(Y(n.touchedFields,e,a),u.touchedFields=n.touchedFields,c||=(d.touchedFields||f.touchedFields)&&t!==a)}c&&s&&p.state.next(u)}return c?u:{}},w=(e,r,i,a)=>{let o=q(n.errors,e),s=(d.isValid||f.isValid)&&xn(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&&xn(r)?{isValid:r}:{},errors:n.errors,name:e};n={...n,...t},p.state.next(t)}},T=async e=>(_(e,!0),await t.resolver(a,t.context,fr(e||s.mount,r,t.criteriaMode,t.shouldUseNativeValidation))),E=async e=>{let{errors:t}=await T(e);if(_(e),e)for(let r of e){let e=q(t,r);e?Y(n.errors,r,e):Z(n.errors,r)}else n.errors=t;return t},D=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)i[e]&&re(`${Tn}.${e}`,{message:Mn(i.message)?i.message:``,type:wn.validate});else Mn(i)||!i?re(Tn,{message:i||``,type:wn.validate}):z(Tn);return i}return!0},O=async({fields:r,onlyCheckValid:i,name:o,eventType:c,context:l={valid:!0,runRootValidation:!1}})=>{if(e.validate&&(l.runRootValidation=!0,!await D({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,...f}=u;if(r){let o=s.array.has(r.name),c=u._f&&_r(u._f);c&&d.validatingFields&&_([r.name],!0);let f=await kr(u,s.disabled,a,m,t.shouldUseNativeValidation&&!i,o);if(c&&d.validatingFields&&_([r.name]),f[r.name]&&(l.valid=!1,i)||(!i&&(q(f,r.name)?o?Er(n.errors,f,r.name):Y(n.errors,r.name,f[r.name]):Z(n.errors,r.name)),e.shouldUseNativeValidation&&f[r.name]))break}!X(f)&&await O({context:l,onlyCheckValid:i,fields:f,name:o,eventType:c})}}return l.valid},k=()=>{for(let e of s.unMount){let t=q(r,e);t&&(t._f.refs?t._f.refs.every(e=>!Zn(e)):!Zn(t._f.ref))&&se(e)}s.unMount=new Set},A=(e,n)=>!t.disabled&&(e&&n&&Y(a,e,n),!Fn(R(),i)),j=(e,t,n)=>Nn(e,s,{...o.mount?a:K(t)?i:Mn(e)?{[e]:t}:t},n,t),M=e=>yn(q(o.mount?a:i,e,t.shouldUnregister?q(i,e,[]):[])),N=(e,t,n={})=>{let i=q(r,e),o=t;if(i){let n=i._f;n&&(!n.disabled&&Y(a,e,sr(t,n)),o=qn(n.ref)&&fn(t)?``:t,Jn(n.ref)?[...n.ref.options].forEach(e=>e.selected=o.includes(e.value)):n.refs?un(n.ref)?n.refs.forEach(e=>{(!e.defaultChecked||!e.disabled)&&(Array.isArray(o)?e.checked=!!o.find(t=>t===e.value):e.checked=o===e.value||!!o)}):n.refs.forEach(e=>e.checked=e.value===o):Kn(n.ref)?n.ref.value=``:(n.ref.value=o,n.ref.type||p.state.next({name:e,values:G(a)})))}(n.shouldDirty||n.shouldTouch)&&C(e,o,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&L(e)},P=(e,t,n)=>{for(let i in t){if(!t.hasOwnProperty(i))return;let a=t[i],o=e+`.`+i,c=q(r,o);(s.array.has(e)||W(a)||c&&!c._f)&&!dn(a)?P(o,a,n):N(o,a,n)}},F=(e,t,i={})=>{let c=q(r,e),l=s.array.has(e),u=G(t),d=Fn(q(a,e),u);if(Y(a,e,u),l)p.array.next({name:e,values:G(a)}),i.shouldDirty&&(v(e),p.state.next({name:e,dirtyFields:n.dirtyFields,isDirty:A(e,u)}));else{let t=Array.isArray(u)&&!u.length||X(u);!c||c._f||fn(u)||t?N(e,u,i):P(e,u,i)}d||(yr(e,s)?p.state.next({...n,name:e,values:G(a)}):p.state.next({name:o.mount?e:void 0,values:G(a)}))},I=e=>{let t=J(e)?e(a):e;Fn(a,t)||(a={...a,...t},p.state.next({...n,values:a}))},ee=async i=>{o.mount=!0;let l=i.target,u=l.name,h=!0,v=q(r,u),y=e=>{h=Number.isNaN(e)||dn(e)&&isNaN(e.getTime())||Fn(e,q(a,u,e))},b=hr(t.mode),x=hr(t.reValidateMode);if(v){let o,S,E=l.type?ur(v._f):mn(i),k=i.type===Sn.BLUR||i.type===Sn.FOCUS_OUT,A=!vr(v._f)&&!e.validate&&!t.resolver&&!q(n.errors,u)&&!v._f.deps||wr(k,q(n.touchedFields,u),n.isSubmitted,x,b),j=yr(u,s,k);Y(a,u,E),k?(!l||!l.readOnly)&&(v._f.onBlur&&v._f.onBlur(i),c&&c(0)):v._f.onChange&&v._f.onChange(i);let M=C(u,E,k),N=!X(M)||j;if(!k&&p.state.next({name:u,type:i.type,values:G(a)}),A)return(d.isValid||f.isValid)&&(t.mode===`onBlur`?k&&g():k||g()),N&&p.state.next({name:u,...j?{}:M});if(!t.resolver&&e.validate&&await D({name:u,eventType:i.type}),!k&&j&&p.state.next({...n}),t.resolver){let{errors:e}=await T([u]);if(_([u]),y(E),h){let t=xr(n.errors,r,u),i=xr(e,r,t.name||u);o=i.error,u=i.name,S=X(e)}}else _([u],!0),o=(await kr(v,s.disabled,a,m,t.shouldUseNativeValidation))[u],_([u]),y(E),h&&(o?S=!1:(d.isValid||f.isValid)&&(S=await O({fields:r,onlyCheckValid:!0,name:u,eventType:i.type})));h&&(v._f.deps&&(!Array.isArray(v._f.deps)||v._f.deps.length>0)&&L(v._f.deps),w(u,S,o,M))}},te=(e,t)=>{if(q(n.errors,t)&&e.focus)return e.focus(),1},L=async(e,i={})=>{let a,o,c=Un(e);if(t.resolver){let t=await E(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 O({fields:t&&t._f?{[e]:t}:t,eventType:Sn.TRIGGER})}))).every(Boolean),!(!o&&!n.isValid)&&g()):o=a=await O({fields:r,name:e,eventType:Sn.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&&br(r,te,e?c:s.mount),o},R=(e,t)=>{let r={...o.mount?a:i};return t&&(r=Gn(t.dirtyFields?n.dirtyFields:n.touchedFields,r)),K(e)?r:Mn(e)?q(r,e):e.map(e=>q(r,e))},ne=(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)}),z=e=>{let t=e?Un(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:{}})},re=(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()},ie=(e,t)=>J(e)?p.state.subscribe({next:n=>`values`in n&&e(n.values||j(void 0,t),n)}):j(e,t,!0),ae=e=>p.state.subscribe({next:t=>{if(Cr(e.name,t.name,e.exact)&&Sr(t,e.formState||d,he,e.reRenderRoot)){let r={...a};e.callback({values:r,...n,...t,defaultValues:i})}}}).unsubscribe,oe=e=>(o.mount=!0,f={...f,...e.formState},ae({...e,formState:{...u,...e.formState}})),se=(e,o={})=>{for(let c of e?Un(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:A()}:{}}),!o.keepIsValid&&g()},ce=({disabled:e,name:t})=>{if(xn(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()}},le=(e,n={})=>{let a=q(r,e),c=xn(n.disabled)||xn(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?ce({disabled:xn(n.disabled)?n.disabled:t.disabled,name:e}):S(e,!0,n.value),{...c?{disabled:n.disabled||t.disabled}:{},...t.progressive?{required:!!n.required,min:mr(n.min),max:mr(n.max),minLength:mr(n.minLength),maxLength:mr(n.maxLength),pattern:mr(n.pattern)}:{},name:e,onChange:ee,onBlur:ee,ref:c=>{if(c){s.registerName.add(e),le(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=Xn(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(Zn),t,...Array.isArray(q(i,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),S(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)}}},ue=()=>t.shouldFocusError&&br(r,te,s.mount),de=e=>{xn(e)&&(p.state.next({disabled:e}),br(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))},fe=(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 T();_(),n.errors=e,l=G(t)}else await O({fields:r,eventType:Sn.SUBMIT});if(s.disabled.size)for(let e of s.disabled)Z(l,e);if(Z(n.errors,En),X(n.errors)){p.state.next({errors:{}});try{await e(l,o)}catch(e){c=e}}else i&&await i({...n.errors},o),ue(),setTimeout(ue);if(p.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:X(n.errors)&&!c,submitCount:n.submitCount+1,errors:n.errors}),c)throw c},pe=(e,t={})=>{q(r,e)&&(K(t.defaultValue)?F(e,G(q(i,e))):(F(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?A(e,G(q(i,e))):A()),t.keepError||(Z(n.errors,e),d.isValid&&g()),p.state.next({...n}))},me=(e,c={})=>{let l=e?G(e):i,u=G(l),f=X(e),m=f?i:u;if(c.keepDefaultValues||(i=l),!c.keepValues){if(c.keepDirtyValues){let e=new Set([...s.mount,...Object.keys(rr(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)&&F(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(qn(e)){let t=e.closest(`form`);if(t){t.reset();break}}}}if(c.keepFieldsRef)for(let e of s.mount)F(e,q(m,e));else r={}}a=t.shouldUnregister?c.keepDefaultValues?G(i):{}: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.keepDefaultValues&&!Fn(e,i)),isSubmitted:c.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:f?{}:c.keepDirtyValues?c.keepDefaultValues&&a?rr(i,a):n.dirtyFields:c.keepDefaultValues&&e?rr(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})},B=(e,n)=>me(J(e)?e(a):e,{...t.resetOptions,...n}),V=(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()})}},he=e=>{n={...n,...e}},ge={control:{register:le,unregister:se,getFieldState:ne,handleSubmit:fe,setError:re,_subscribe:ae,_runSchema:T,_updateIsValidating:_,_focusError:ue,_getWatch:j,_getDirty:A,_setValid:g,_setFieldArray:y,_setDisabledField:ce,_setErrors:x,_getFieldArray:M,_reset:me,_resetDefaultValues:()=>J(t.defaultValues)&&t.defaultValues().then(e=>{B(e,t.resetOptions),p.state.next({isLoading:!1})}),_removeUnmounted:k,_disableForm:de,_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:oe,trigger:L,register:le,handleSubmit:fe,watch:ie,setValue:F,setValues:I,getValues:R,reset:B,resetField:pe,clearErrors:z,unregister:se,setError:re,setFocus:V,getFieldState:ne};return{...ge,formControl:ge}}var Mr=()=>{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)})},Nr=(e,t,n={})=>n.shouldFocus||K(n.shouldFocus)?n.focusName||`${e}.${K(n.focusIndex)?t:n.focusIndex}.`:``,Pr=(e,t)=>[...e,...Un(t)],Fr=e=>Array.isArray(e)?e.map(()=>void 0):void 0;function Ir(e,t,n){return[...e.slice(0,t),...Un(n),...e.slice(t)]}var Lr=(e,t,n)=>Array.isArray(e)?(K(e[n])&&(e[n]=void 0),e.splice(n,0,e.splice(t,1)[0]),e):[],Rr=(e,t)=>[...Un(t),...Un(e)];function zr(e,t){let n=0,r=[...e];for(let e of t)r.splice(e-n,1),n++;return yn(r).length?r:[]}var Br=(e,t)=>K(t)?[]:zr(e,Un(t).sort((e,t)=>e-t)),Vr=(e,t,n)=>{[e[t],e[n]]=[e[n],e[t]]},Hr=(e,t,n)=>(e[t]=n,e);function Ur(e){let t=On(),{control:n=t,name:r,keyName:i=`id`,shouldUnregister:a,rules:o}=e,[s,c]=H.useState(n._getFieldArray(r)),l=H.useRef(n._getFieldArray(r).map(Mr)),u=H.useRef(!1);n._names.array.add(r),H.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 t=q(e,r);Array.isArray(t)&&(c(t),l.current=t.map(Mr))}}}).unsubscribe,[n,r]);let d=H.useCallback(e=>{u.current=!0,n._setFieldArray(r,e)},[n,r]);return H.useEffect(()=>{n._state.action=!1,yr(r,n._names)&&n._subjects.state.next({...n._formState});let e=hr(n._options.mode);if(u.current&&(!e.isOnSubmit||n._formState.isSubmitted)&&!hr(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&&!(hr(n._options.reValidateMode).isOnSubmit&&hr(n._options.mode).isOnSubmit)&&kr(e,n._names.disabled,n._formValues,n._options.criteriaMode===Cn.all,n._options.shouldUseNativeValidation,!0).then(e=>!X(e)&&n._subjects.state.next({errors:Er(n._formState.errors,e,r)}))}n._subjects.state.next({name:r,values:G(n._formValues)}),n._names.focus&&br(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]),H.useEffect(()=>(!q(n._formValues,r)&&n._setFieldArray(r),()=>{n._options.shouldUnregister||a?n.unregister(r):((e,t)=>{let r=q(n._fields,e);r&&r._f&&(r._f.mount=t)})(r,!1)}),[r,n,i,a]),{swap:H.useCallback((e,t)=>{let i=n._getFieldArray(r);Vr(i,e,t),Vr(l.current,e,t),d(i),c(i),n._setFieldArray(r,i,Vr,{argA:e,argB:t},!1)},[d,r,n]),move:H.useCallback((e,t)=>{let i=n._getFieldArray(r);Lr(i,e,t),Lr(l.current,e,t),d(i),c(i),n._setFieldArray(r,i,Lr,{argA:e,argB:t},!1)},[d,r,n]),prepend:H.useCallback((e,t)=>{let i=Un(G(e)),a=Rr(n._getFieldArray(r),i);n._names.focus=Nr(r,0,t),l.current=Rr(l.current,i.map(Mr)),d(a),c(a),n._setFieldArray(r,a,Rr,{argA:Fr(e)})},[d,r,n]),append:H.useCallback((e,t)=>{let i=Un(G(e)),a=Pr(n._getFieldArray(r),i);n._names.focus=Nr(r,a.length-1,t),l.current=Pr(l.current,i.map(Mr)),d(a),c(a),n._setFieldArray(r,a,Pr,{argA:Fr(e)})},[d,r,n]),remove:H.useCallback(e=>{let t=Br(n._getFieldArray(r),e);l.current=Br(l.current,e),d(t),c(t),!Array.isArray(q(n._fields,r))&&Y(n._fields,r,void 0),n._setFieldArray(r,t,Br,{argA:e})},[d,r,n]),insert:H.useCallback((e,t,i)=>{let a=Un(G(t)),o=Ir(n._getFieldArray(r),e,a);n._names.focus=Nr(r,e,i),l.current=Ir(l.current,e,a.map(Mr)),d(o),c(o),n._setFieldArray(r,o,Ir,{argA:e,argB:Fr(t)})},[d,r,n]),update:H.useCallback((e,t)=>{let i=G(t),a=Hr(n._getFieldArray(r),e,i);l.current=[...a].map((t,n)=>!t||n===e?Mr():l.current[n]),d(a),c([...a]),n._setFieldArray(r,a,Hr,{argA:e,argB:i},!0,!1)},[d,r,n]),replace:H.useCallback(e=>{let t=Un(G(e));l.current=t.map(Mr),d([...t]),c([...t]),n._setFieldArray(r,[...t],e=>e,{},!0,!1)},[d,r,n]),fields:H.useMemo(()=>s.map((e,t)=>({...e,[i]:l.current[t]||Mr()})),[s,i])}}function Wr(e={}){let t=H.useRef(void 0),n=H.useRef(void 0),[r,i]=H.useState({isDirty:!1,isValidating:!1,isLoading:J(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,isReady:!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}=jr(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}),reRenderRoot:!0});return i(e=>({...e,isReady:!0})),a._formState.isReady=!0,e},[a]),H.useEffect(()=>a._disableForm(e.disabled),[a,e.disabled]),H.useEffect(()=>{e.mode&&(a._options.mode=e.mode),e.reValidateMode&&(a._options.reValidateMode=e.reValidateMode)},[a,e.mode,e.reValidateMode]),H.useEffect(()=>{e.errors&&(a._setErrors(e.errors),a._focusError())},[a,e.errors]),H.useEffect(()=>{e.shouldUnregister&&a._subjects.state.next({values:a._getWatch()})},[a,e.shouldUnregister]),H.useEffect(()=>{if(a._proxyFormState.isDirty){let e=a._getDirty();e!==r.isDirty&&a._subjects.state.next({isDirty:e})}},[a,r.isDirty]),H.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]),H.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=H.useMemo(()=>kn(r,a),[a,r]),t.current}var Gr={placeholder:`Enter value`,addButton:`Add item`,...tn};function Kr({name:e,placeholder:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:o}){let s=E(Gr,{...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}=Ur({control:c,name:e});return(0,U.jsx)(an,{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,U.jsx)(B,{...l(`${e}.${n}`),placeholder:s.placeholder,invalid:i})})}Kr.displayName=`StringRepeater`;function qr({children:e,label:t,isRequired:n,required:r,hint:a,error:o,helperText:s,htmlFor:c,className:l}){let d=!!o,f=o||s||(d?void 0:a),p=!!f,m=n??r;return(0,U.jsxs)(`div`,{className:u(`form-field--component`,`space-y-1`,l),children:[!!t&&(0,U.jsxs)(L,{htmlFor:c,className:`flex items-center leading-6`,children:[t,!!m&&(0,U.jsx)(`span`,{className:`ml-1 text-destructive`,children:`*`})]}),e,!!p&&(0,U.jsx)(i,{tag:`p`,size:`xs`,type:d?`error`:`secondary`,...d?{role:`alert`,"aria-live":`polite`}:{},children:f})]})}function Jr({name:e,control:t,rules:n,error:r,children:i,...a}){return(0,U.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,U.jsx)(qr,{...a,error:s,htmlFor:e,children:i(t,s,c,n)})}})}qr.displayName=`FormField`,Jr.displayName=`ControlledFormField`;var Yr={addButton:`Add item`,...tn};function Xr({name:e,fields:t,addButtonText:n,emptyMessage:r,invalid:i,sortable:a=!1,strings:o}){let s=E(Yr,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o}),{control:c,register:l}=Bn(),{fields:d,append:f,remove:p,move:m}=Ur({control:c,name:e}),h=(0,H.useCallback)(()=>t.reduce((e,t)=>(e[t.name]=``,e),{}),[t]);return(0,U.jsx)(an,{items:d,sortable:a,rowVariant:`card`,removeVariant:`ghost`,onAdd:()=>f(h()),onRemove:e=>p(e),onMove:(e,t)=>m(e,t),strings:{emptyState:s.emptyState,addButton:s.addButton,removeAriaLabel:s.removeAriaLabel},renderRow:(n,{index:r})=>(0,U.jsx)(`div`,{className:u(`object-repeater--component`,`space-y-3`),children:t.map(t=>{let n=`${e}.${r}.${t.name}`;return(0,U.jsx)(qr,{label:t.label,required:t.required,hint:t.hint,htmlFor:n,children:t.type===`textarea`?(0,U.jsx)(V,{...l(n),id:n,placeholder:t.placeholder,minRows:3,invalid:i}):(0,U.jsx)(B,{...l(n),id:n,type:t.type||`text`,placeholder:t.placeholder,invalid:i})},t.name)})})})}Xr.displayName=`ObjectRepeater`;var Zr={addButton:`Add item`,emptyState:tn.emptyState,dragHandle:`Drag to reorder`,removeAriaLabel:tn.removeAriaLabel};function Qr({name:e,placeholder:t,addButtonText:n,emptyMessage:r,disableSort:i=!1,invalid:a,strings:o}){let s=E(Zr,{...n===void 0?{}:{addButton:n},...r===void 0?{}:{emptyState:r},...o??{}}),{control:c,register:l}=Bn(),{fields:u,append:d,remove:f,move:p}=Ur({control:c,name:e});return(0,U.jsx)(an,{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,U.jsx)(B,{...l(`${e}.${r}`),placeholder:t,invalid:a})})}Qr.displayName=`List`;function $r({name:e,value:t,options:n,onChange:r,allowClear:i=!1,size:o,fullWidth:s=!1,disabled:c=!1,invalid:l=!1,className:d}){let{defaultControlSize:f}=a(),p=oe(o,f),m=H.useCallback(e=>{e===t?i&&r(null):r(e)},[i,r,t]);return(0,U.jsx)(`div`,{"data-name":e,role:`radiogroup`,"aria-invalid":l||void 0,className:u(`pill-radio-group--component`,`border-input inline-flex items-center overflow-hidden rounded-lg border`,s&&`w-full`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,c&&`pointer-events-none opacity-50`,d),children:n.map((e,n)=>{let r=e.value===t,i=e.icon;return(0,U.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":r,"aria-label":(typeof e.label==`string`?e.label:void 0)||e.value,disabled:c||e.disabled,onClick:()=>m(e.value),className:u(`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`,st[p],s&&`flex-1`,n>0&&`border-input border-l`,r?`bg-primary text-primary-foreground`:`bg-background text-foreground hover:bg-muted`),children:[!!i&&(0,U.jsx)(i,{className:u(`size-3.5`,e.label&&`mr-1.5`)}),e.label]},e.value)})})}$r.displayName=`PillRadioGroup`;function ei({name:e,type:t=`text`,placeholder:n,primaryLocale:r,secondaryLocale:i,activeLocale:a,invalid:o,className:s}){let{register:c}=Bn(),l=`${e}.${a===`primary`?r:i}`;return t===`textarea`?(0,U.jsx)(V,{...c(l),placeholder:n,minRows:3,invalid:o,className:u(`localized-string-field--component`,s)}):(0,U.jsx)(B,{...c(l),type:t===`number`?`number`:`text`,placeholder:n,invalid:o,className:s})}ei.displayName=`LocalizedStringField`;function ti({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,U.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,U.jsxs)(`div`,{className:`w-full space-y-1.5`,children:[(0,U.jsxs)(L,{htmlFor:n,children:[t.label,!!t.required&&(0,U.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),t.type===`textarea`?(0,U.jsx)(V,{...s(n),placeholder:t.placeholder,minRows:3,invalid:a}):(0,U.jsx)(B,{...s(n),type:t.type===`number`?`number`:`text`,placeholder:t.placeholder,invalid:a})]},t.name)})})}ti.displayName=`LocalizedObjectField`;var ni={placeholder:`Enter value`,addButton:tn.addItem,emptyState:tn.emptyState,removeAriaLabel:tn.removeAriaLabel};function ri({name:e,placeholder:t,addButtonText:n,emptyMessage:r,primaryLocale:i,secondaryLocale:a,activeLocale:o,invalid:s,sortable:c=!1,strings:l}){let u=E(ni,{...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:_}=Ur({control:d,name:p});return(0,U.jsx)(an,{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,U.jsx)(V,{...f(`${p}.${t}`),placeholder:u.placeholder,minRows:2,invalid:s})})}ri.displayName=`LocalizedStringRepeater`;var ii=e({AvatarUploadExample:()=>Wi,BasicField:()=>ai,CardCheckboxGroupExample:()=>Ai,CardRadioGroupExample:()=>ki,CheckboxExample:()=>wi,CoordinatesInputExample:()=>Ii,CurrencyInputExample:()=>gi,DateTimeInputExample:()=>ji,DecimalInputExample:()=>mi,DimensionsInputExample:()=>yi,DropzoneExample:()=>Gi,InputBasic:()=>ci,InputCharacterCount:()=>fi,InputClearableLoading:()=>di,InputWithAddons:()=>ui,InputWithIcons:()=>li,KeyValueEditorExample:()=>zi,ListExample:()=>Bi,ListRadioGroupExample:()=>Oi,LocalizedObjectFieldExample:()=>Hi,LocalizedStringFieldExample:()=>Vi,LocalizedStringRepeaterExample:()=>Ui,MoneyInputExample:()=>_i,ObjectRepeaterExample:()=>Ri,PercentageInputExample:()=>hi,PhoneInputExample:()=>Fi,PillRadioGroupExample:()=>Di,RichSelectExample:()=>xi,RoundingModeSelectExample:()=>Si,SelectExample:()=>bi,SliderExample:()=>Ni,StringRepeaterExample:()=>Li,SwitchCardExample:()=>Ei,SwitchExample:()=>Ci,TagsInputExample:()=>Pi,TextareaExample:()=>pi,TimePickerExample:()=>Mi,ToggleFieldExample:()=>Ti,WeightInputExample:()=>vi,WholeForm:()=>Ki,WithError:()=>oi,WithHelperText:()=>si});function ai(){let[e,t]=(0,H.useState)(``);return(0,U.jsx)(qr,{label:`Full name`,hint:`As it appears on your ID`,required:!0,children:(0,U.jsx)(B,{value:e,onChange:e=>t(e.target.value),placeholder:`Sarah Smitha`})})}function oi(){return(0,U.jsx)(qr,{label:`Email`,error:`That doesn't look like a valid email.`,required:!0,children:(0,U.jsx)(B,{defaultValue:`not-an-email`,invalid:!0})})}function si(){return(0,U.jsx)(qr,{label:`API token`,helperText:`Stored encrypted at rest. Rotate every 90 days.`,children:(0,U.jsx)(B,{defaultValue:`sk_live_••••••••••••`})})}function ci(){return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,U.jsx)(B,{placeholder:`Type something…`}),(0,U.jsx)(B,{defaultValue:`Pre-filled value`}),(0,U.jsx)(B,{disabled:!0,defaultValue:`Disabled`})]})}function li(){return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,U.jsx)(B,{startIcon:k,placeholder:`Search orders…`}),(0,U.jsx)(B,{endIcon:v,placeholder:`you@example.com`}),(0,U.jsx)(B,{startIcon:_,type:`password`,defaultValue:`hunter2`})]})}function ui(){return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,U.jsx)(B,{startAddon:`$`,placeholder:`0.00`}),(0,U.jsx)(B,{endAddon:`kg`,defaultValue:`2.4`}),(0,U.jsx)(B,{startAddon:`$`,endAddon:`USD`,defaultValue:`49.00`})]})}function di(){let[e,t]=(0,H.useState)(`Click the × to clear`);return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,U.jsx)(B,{clearable:!0,value:e,onChange:e=>t(e.target.value),onClear:()=>t(``)}),(0,U.jsx)(B,{isLoading:!0,defaultValue:`Loading…`}),(0,U.jsx)(B,{invalid:!0,defaultValue:`Invalid value`})]})}function fi(){let[e,t]=(0,H.useState)(`A short bio`);return(0,U.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,U.jsx)(B,{value:e,onChange:e=>t(e.target.value),maxLength:60,showCharacterCount:!0})})}function pi(){let[e,t]=(0,H.useState)(``);return(0,U.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,U.jsx)(qr,{label:`Description`,hint:`Up to 200 characters.`,children:(0,U.jsx)(V,{value:e,onChange:e=>t(e.target.value),placeholder:`Write a description…`,maxLength:200,showCharacterCount:!0})}),(0,U.jsx)(qr,{label:`Read-only field`,children:(0,U.jsx)(V,{defaultValue:`Read-only content the user cannot edit.`,disabled:!0,rows:2})}),(0,U.jsx)(qr,{label:`Bio`,error:`Bio cannot be empty.`,required:!0,children:(0,U.jsx)(V,{invalid:!0,placeholder:`Tell us about yourself…`,rows:2})})]})}function mi(){return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,U.jsx)(qr,{label:`Free-form decimal`,children:(0,U.jsx)(Ue,{defaultValue:`1234.56`,decimalPlaces:2})}),(0,U.jsx)(qr,{label:`With steppers (1–100)`,children:(0,U.jsx)(`div`,{className:`w-44`,children:(0,U.jsx)(Ue,{defaultValue:`10`,step:1,min:0,max:100})})}),(0,U.jsx)(qr,{label:`Allows negative`,children:(0,U.jsx)(Ue,{placeholder:`0.00`,decimalPlaces:2,allowNegative:!0})})]})}function hi(){return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-3`,children:[(0,U.jsx)(qr,{label:`Discount`,children:(0,U.jsx)(rt,{defaultValue:`12.5`})}),(0,U.jsx)(qr,{label:`Tax rate (whole-number steppers)`,children:(0,U.jsx)(`div`,{className:`w-44`,children:(0,U.jsx)(rt,{defaultValue:`20`,decimalPlaces:0,step:5})})})]})}function gi(){return(0,U.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,U.jsx)(vt,{defaultValue:`2450.00`,defaultCurrency:`USD`,currencies:[`USD`,`EUR`,`GBP`]})})}function _i(){return(0,U.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,U.jsx)(bt,{defaultValue:`49.99`,defaultCurrency:`USD`})})}function vi(){return(0,U.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,U.jsx)(Nt,{defaultValue:`2.4`,defaultUnit:`kg`})})}function yi(){return(0,U.jsx)(`div`,{className:`w-full max-w-md`,children:(0,U.jsx)(At,{defaultValue:{width:`30`,height:`20`,depth:`10`},format:`object`,unit:`g`})})}function bi(){return(0,U.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,U.jsx)(Ne,{options:[{value:`paid`,label:`Paid`},{value:`pending`,label:`Pending`},{value:`overdue`,label:`Overdue`}],placeholder:`Pick a status…`,allowClear:!0})})}function xi(){return(0,U.jsx)(`div`,{className:`w-full max-w-md`,children:(0,U.jsx)(Tt,{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 Si(){return(0,U.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,U.jsx)(qr,{label:`Rounding mode`,children:(0,U.jsx)(St,{defaultValue:`half_up`,labels:{floor:`Round down (floor)`,half_up:`Round half up`,ceil:`Round up (ceil)`}})})})}function Ci(){let[e,t]=(0,H.useState)(!0);return(0,U.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,U.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,U.jsx)(he,{checked:e,onCheckedChange:e=>t(!!e.target.value)}),`Enable notifications`]}),(0,U.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,U.jsx)(he,{defaultChecked:!0,disabled:!0}),`Disabled (on)`]}),(0,U.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,U.jsx)(he,{invalid:!0}),`Invalid state`]})]})}function wi(){return(0,U.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,U.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,U.jsx)(le,{defaultChecked:!0}),`I agree to the terms`]}),(0,U.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,U.jsx)(le,{}),`Subscribe to the newsletter`]}),(0,U.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,U.jsx)(le,{disabled:!0,defaultChecked:!0}),`Disabled (checked)`]})]})}function Ti(){return(0,U.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,U.jsx)(Ge,{label:`Email digest`,description:`Receive a weekly summary every Monday.`,defaultValue:!0}),(0,U.jsx)(Ge,{kind:`checkbox`,label:`Beta features`,description:`Opt in to in-progress experiments. May be unstable.`}),(0,U.jsx)(Ge,{label:`Leading control`,controlPosition:`leading`,defaultValue:!0})]})}function Ei(){return(0,U.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-3`,children:[(0,U.jsx)(We,{icon:x,label:`Two-factor authentication`,description:`Require a one-time code on every sign-in.`,defaultValue:!0}),(0,U.jsx)(We,{icon:T,label:`Auto-deploy`,description:`Push to production on every merge to main.`})]})}function Di(){let[e,t]=(0,H.useState)(`week`);return(0,U.jsx)($r,{name:`range`,value:e,onChange:t,options:[{value:`day`,label:`Day`},{value:`week`,label:`Week`},{value:`month`,label:`Month`},{value:`year`,label:`Year`}]})}function Oi(){return(0,U.jsx)(`div`,{className:`w-full max-w-md`,children:(0,U.jsx)(mt,{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 ki(){return(0,U.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,U.jsx)(pt,{name:`plan`,defaultValue:`pro`,columns:3,options:[{value:`free`,label:`Free`,description:`3 projects`,icon:S},{value:`pro`,label:`Pro`,description:`Unlimited`,icon:T},{value:`team`,label:`Team`,description:`Workspaces`,icon:g}]})})}function Ai(){return(0,U.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,U.jsx)(ut,{name:`features`,defaultValue:[`analytics`],columns:3,options:[{value:`analytics`,label:`Analytics`,description:`Realtime dashboards`,icon:S},{value:`webhooks`,label:`Webhooks`,description:`Outbound events`,icon:T},{value:`sso`,label:`SSO`,description:`SAML & SCIM`,icon:x}]})})}function ji(){let[e,t]=(0,H.useState)(void 0);return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,U.jsx)(zt,{value:e,onChange:t,placeholder:`Pick a date…`}),(0,U.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e??`—`]})]})}function Mi(){let[e,t]=(0,H.useState)(`09:30:00`);return(0,U.jsxs)(`div`,{className:`flex w-full max-w-sm flex-col gap-2`,children:[(0,U.jsx)(Kt,{value:e,onChange:t}),(0,U.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function Ni(){let[e,t]=(0,H.useState)(40);return(0,U.jsxs)(`div`,{className:`flex w-full max-w-md flex-col gap-2`,children:[(0,U.jsx)(at,{value:e,onValueChange:t,min:0,max:100,step:5}),(0,U.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`value: `,e]})]})}function Pi(){let[e,t]=(0,H.useState)([`design`,`systems`]);return(0,U.jsx)(`div`,{className:`w-full max-w-md`,children:(0,U.jsx)(qe,{value:e,onChange:t,placeholder:`Add a tag…`,recommendations:[`typography`,`tokens`,`figma`,`a11y`]})})}function Fi(){let[e,t]=(0,H.useState)(`555 0100`);return(0,U.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,U.jsx)(nt,{value:e,onChange:e=>t(e.target.value),defaultPrefix:`US`})})}function Ii(){return(0,U.jsx)(`div`,{className:`w-full max-w-md`,children:(0,U.jsx)(Rt,{defaultValue:{lat:`37.7749`,lng:`-122.4194`},format:`object`})})}function Li(){return(0,U.jsx)(Vn,{...Wr({defaultValues:{tags:[`alpha`,`beta`]}}),children:(0,U.jsx)(`form`,{className:`w-full max-w-md`,children:(0,U.jsx)(Kr,{name:`tags`,placeholder:`Tag name`,addButtonText:`Add tag`})})})}function Ri(){return(0,U.jsx)(Vn,{...Wr({defaultValues:{contacts:[{name:`Sarah Smitha`,email:`sarah@example.com`}]}}),children:(0,U.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,U.jsx)(Xr,{name:`contacts`,fields:[{name:`name`,label:`Name`,placeholder:`Full name`},{name:`email`,label:`Email`,placeholder:`name@example.com`}]})})})}function zi(){let[e,t]=(0,H.useState)({env:`production`,region:`eu-west-1`});return(0,U.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,U.jsx)(ln,{value:e,onChange:t})})}function Bi(){return(0,U.jsx)(Vn,{...Wr({defaultValues:{aliases:[`acme`,`acme-corp`]}}),children:(0,U.jsx)(`form`,{className:`w-full max-w-md`,children:(0,U.jsx)(Qr,{name:`aliases`,placeholder:`Add an alias…`})})})}function Vi(){return(0,U.jsx)(Vn,{...Wr({defaultValues:{title:{en:`Welcome`,bg:`Добре дошли`}}}),children:(0,U.jsx)(`form`,{className:`w-full max-w-md`,children:(0,U.jsx)(ei,{name:`title`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Page title`})})})}function Hi(){return(0,U.jsx)(Vn,{...Wr({defaultValues:{seo:{en:{title:`About`,description:`About our company.`},bg:{title:`За нас`,description:`За нашата компания.`}}}}),children:(0,U.jsx)(`form`,{className:`w-full max-w-2xl`,children:(0,U.jsx)(ti,{name:`seo`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,fields:[{name:`title`,label:`Title`},{name:`description`,label:`Description`,type:`textarea`}]})})})}function Ui(){return(0,U.jsx)(Vn,{...Wr({defaultValues:{tags:{en:[`systems`,`design`],bg:[`системи`,`дизайн`]}}}),children:(0,U.jsx)(`form`,{className:`w-full max-w-md`,children:(0,U.jsx)(ri,{name:`tags`,primaryLocale:`en`,secondaryLocale:`bg`,activeLocale:`primary`,placeholder:`Tag`})})})}function Wi(){return(0,U.jsx)(en,{defaultPreviewUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`})}function Gi(){return(0,U.jsx)(`div`,{className:`w-full max-w-md`,children:(0,U.jsx)(h,{accept:`image/*`,onDrop:()=>{}})})}function Ki(){let e=Wr({defaultValues:{name:``,sku:``,price:``,currency:`USD`,description:``,category:``,published:!1}});return(0,U.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,U.jsx)(Jr,{control:e.control,name:`name`,label:`Product name`,required:!0,rules:{required:!0},children:e=>(0,U.jsx)(B,{...e,placeholder:`Vintage leather wallet`})}),(0,U.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:[(0,U.jsx)(Jr,{control:e.control,name:`sku`,label:`SKU`,hint:`Inventory keeping unit.`,children:e=>(0,U.jsx)(B,{...e,placeholder:`LW-0021`,startIcon:d})}),(0,U.jsx)(Jr,{control:e.control,name:`price`,label:`Price`,required:!0,rules:{required:!0},children:e=>(0,U.jsx)(bt,{value:e.value,onChange:t=>e.onChange(t.target.value),defaultCurrency:`USD`})})]}),(0,U.jsx)(Jr,{control:e.control,name:`category`,label:`Category`,children:e=>(0,U.jsx)(Ne,{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,U.jsx)(Jr,{control:e.control,name:`description`,label:`Description`,children:e=>(0,U.jsx)(V,{...e,rows:3,placeholder:`What makes it special?`})}),(0,U.jsx)(Jr,{control:e.control,name:`published`,label:`Visibility`,children:e=>(0,U.jsx)(Ge,{label:`Published`,description:`Visible in the storefront.`,value:!!e.value,onChange:e.onChange})}),(0,U.jsxs)(`div`,{className:`flex justify-end gap-2 pt-2`,children:[(0,U.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,children:`Cancel`}),(0,U.jsx)(s,{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 defaultValue="Pre-filled value" />
+			<Input 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 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 endAddon="kg" defaultValue="2.4" />
+			<Input 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
+				value={val}
+				onChange={(e) => setVal(e.target.value)}
+				onClear={() => setVal('')}
+			/>
+			<Input isLoading defaultValue="Loading…" />
+			<Input 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}
+				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
+				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 qi(e){let t={a:`a`,code:`code`,p:`p`,...e.components};return ii||$(`Examples`,!1),Wi||$(`Examples.AvatarUploadExample`,!0),ai||$(`Examples.BasicField`,!0),Ai||$(`Examples.CardCheckboxGroupExample`,!0),ki||$(`Examples.CardRadioGroupExample`,!0),wi||$(`Examples.CheckboxExample`,!0),Ii||$(`Examples.CoordinatesInputExample`,!0),gi||$(`Examples.CurrencyInputExample`,!0),ji||$(`Examples.DateTimeInputExample`,!0),mi||$(`Examples.DecimalInputExample`,!0),yi||$(`Examples.DimensionsInputExample`,!0),Gi||$(`Examples.DropzoneExample`,!0),ci||$(`Examples.InputBasic`,!0),fi||$(`Examples.InputCharacterCount`,!0),di||$(`Examples.InputClearableLoading`,!0),ui||$(`Examples.InputWithAddons`,!0),li||$(`Examples.InputWithIcons`,!0),zi||$(`Examples.KeyValueEditorExample`,!0),Bi||$(`Examples.ListExample`,!0),Oi||$(`Examples.ListRadioGroupExample`,!0),Hi||$(`Examples.LocalizedObjectFieldExample`,!0),Vi||$(`Examples.LocalizedStringFieldExample`,!0),Ui||$(`Examples.LocalizedStringRepeaterExample`,!0),_i||$(`Examples.MoneyInputExample`,!0),Ri||$(`Examples.ObjectRepeaterExample`,!0),hi||$(`Examples.PercentageInputExample`,!0),Fi||$(`Examples.PhoneInputExample`,!0),Di||$(`Examples.PillRadioGroupExample`,!0),xi||$(`Examples.RichSelectExample`,!0),Si||$(`Examples.RoundingModeSelectExample`,!0),bi||$(`Examples.SelectExample`,!0),Ni||$(`Examples.SliderExample`,!0),Li||$(`Examples.StringRepeaterExample`,!0),Ei||$(`Examples.SwitchCardExample`,!0),Ci||$(`Examples.SwitchExample`,!0),Pi||$(`Examples.TagsInputExample`,!0),pi||$(`Examples.TextareaExample`,!0),Mi||$(`Examples.TimePickerExample`,!0),Ti||$(`Examples.ToggleFieldExample`,!0),vi||$(`Examples.WeightInputExample`,!0),Ki||$(`Examples.WholeForm`,!0),oi||$(`Examples.WithError`,!0),si||$(`Examples.WithHelperText`,!0),(0,U.jsxs)(r,{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,U.jsxs)(c,{title:`Overview`,id:`overview`,children:[(0,U.jsxs)(t.p,{children:[`The `,(0,U.jsx)(t.code,{children:`forms/`}),` folder ships the canonical form-row wrapper (`,(0,U.jsx)(t.code,{children:`FormField`}),` /
+`,(0,U.jsx)(t.code,{children:`ControlledFormField`}),`) plus every input primitive — `,(0,U.jsx)(t.code,{children:`Input`}),`, `,(0,U.jsx)(t.code,{children:`Textarea`}),`,
+`,(0,U.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,U.jsx)(t.code,{children:`react-hook-form`}),` — that coupling is intentional and contained to those files.`]}),(0,U.jsxs)(t.p,{children:[`Pair any field with `,(0,U.jsx)(t.code,{children:`FormField`}),` (or `,(0,U.jsx)(t.code,{children:`ControlledFormField`}),` for RHF) to inherit
+the standard label / required asterisk / error / hint rhythm. Pass `,(0,U.jsx)(t.code,{children:`invalid`}),`
+to the inner field to flip the destructive border + ring.`]})]}),(0,U.jsxs)(c,{title:`FormField wrapper`,id:`form-field`,children:[(0,U.jsx)(l,{name:`BasicField`,source:Q,children:(0,U.jsx)(ai,{})}),(0,U.jsx)(l,{name:`WithError`,source:Q,children:(0,U.jsx)(oi,{})}),(0,U.jsx)(l,{name:`WithHelperText`,source:Q,children:(0,U.jsx)(si,{})})]}),(0,U.jsxs)(c,{title:`Text inputs`,id:`text-inputs`,children:[(0,U.jsx)(l,{name:`InputBasic`,source:Q,children:(0,U.jsx)(ci,{})}),(0,U.jsx)(l,{name:`InputWithIcons`,source:Q,children:(0,U.jsx)(li,{})}),(0,U.jsx)(l,{name:`InputWithAddons`,source:Q,children:(0,U.jsx)(ui,{})}),(0,U.jsx)(l,{name:`InputClearableLoading`,source:Q,children:(0,U.jsx)(di,{})}),(0,U.jsx)(l,{name:`InputCharacterCount`,source:Q,children:(0,U.jsx)(fi,{})}),(0,U.jsx)(l,{name:`TextareaExample`,source:Q,children:(0,U.jsx)(pi,{})})]}),(0,U.jsxs)(c,{title:`Numeric inputs`,id:`numeric`,children:[(0,U.jsx)(l,{name:`DecimalInputExample`,source:Q,children:(0,U.jsx)(mi,{})}),(0,U.jsx)(l,{name:`PercentageInputExample`,source:Q,children:(0,U.jsx)(hi,{})}),(0,U.jsx)(l,{name:`CurrencyInputExample`,source:Q,children:(0,U.jsx)(gi,{})}),(0,U.jsx)(l,{name:`MoneyInputExample`,source:Q,children:(0,U.jsx)(_i,{})}),(0,U.jsx)(l,{name:`WeightInputExample`,source:Q,children:(0,U.jsx)(vi,{})}),(0,U.jsx)(l,{name:`DimensionsInputExample`,source:Q,children:(0,U.jsx)(yi,{})})]}),(0,U.jsxs)(c,{title:`Selects`,id:`selects`,children:[(0,U.jsx)(l,{name:`SelectExample`,source:Q,children:(0,U.jsx)(bi,{})}),(0,U.jsx)(l,{name:`RichSelectExample`,source:Q,children:(0,U.jsx)(xi,{})}),(0,U.jsx)(l,{name:`RoundingModeSelectExample`,source:Q,children:(0,U.jsx)(Si,{})})]}),(0,U.jsxs)(c,{title:`Toggles & checkboxes`,id:`toggles`,children:[(0,U.jsx)(l,{name:`SwitchExample`,source:Q,children:(0,U.jsx)(Ci,{})}),(0,U.jsx)(l,{name:`CheckboxExample`,source:Q,children:(0,U.jsx)(wi,{})}),(0,U.jsx)(l,{name:`ToggleFieldExample`,source:Q,children:(0,U.jsx)(Ti,{})}),(0,U.jsx)(l,{name:`SwitchCardExample`,source:Q,children:(0,U.jsx)(Ei,{})})]}),(0,U.jsxs)(c,{title:`Choice groups`,id:`choice-groups`,children:[(0,U.jsx)(l,{name:`PillRadioGroupExample`,source:Q,children:(0,U.jsx)(Di,{})}),(0,U.jsx)(l,{name:`ListRadioGroupExample`,source:Q,children:(0,U.jsx)(Oi,{})}),(0,U.jsx)(l,{name:`CardRadioGroupExample`,source:Q,children:(0,U.jsx)(ki,{})}),(0,U.jsx)(l,{name:`CardCheckboxGroupExample`,source:Q,children:(0,U.jsx)(Ai,{})})]}),(0,U.jsxs)(c,{title:`Date & time`,id:`date-time`,children:[(0,U.jsx)(l,{name:`DateTimeInputExample`,source:Q,children:(0,U.jsx)(ji,{})}),(0,U.jsx)(l,{name:`TimePickerExample`,source:Q,children:(0,U.jsx)(Mi,{})})]}),(0,U.jsxs)(c,{title:`Other inputs`,id:`other`,children:[(0,U.jsx)(l,{name:`SliderExample`,source:Q,children:(0,U.jsx)(Ni,{})}),(0,U.jsx)(l,{name:`TagsInputExample`,source:Q,children:(0,U.jsx)(Pi,{})}),(0,U.jsx)(l,{name:`PhoneInputExample`,source:Q,children:(0,U.jsx)(Fi,{})}),(0,U.jsx)(l,{name:`CoordinatesInputExample`,source:Q,children:(0,U.jsx)(Ii,{})})]}),(0,U.jsxs)(c,{title:`Repeaters`,id:`repeaters`,children:[(0,U.jsxs)(t.p,{children:[`These four primitives — `,(0,U.jsx)(t.code,{children:`StringRepeater`}),`, `,(0,U.jsx)(t.code,{children:`ObjectRepeater`}),`, `,(0,U.jsx)(t.code,{children:`KeyValueEditor`}),`,
+and `,(0,U.jsx)(t.code,{children:`List`}),` — share the underlying `,(0,U.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,U.jsx)(l,{name:`StringRepeaterExample`,source:Q,children:(0,U.jsx)(Li,{})}),(0,U.jsx)(l,{name:`ObjectRepeaterExample`,source:Q,children:(0,U.jsx)(Ri,{})}),(0,U.jsx)(l,{name:`KeyValueEditorExample`,source:Q,children:(0,U.jsx)(zi,{})}),(0,U.jsx)(l,{name:`ListExample`,source:Q,children:(0,U.jsx)(Bi,{})})]}),(0,U.jsxs)(c,{title:`Localized fields`,id:`localized`,children:[(0,U.jsxs)(t.p,{children:[`The localized field family edits per-locale objects (e.g. `,(0,U.jsx)(t.code,{children:`{ en: '…', bg: '…' }`}),`)
+with a single field surface. Pass `,(0,U.jsx)(t.code,{children:`primaryLocale`}),` / `,(0,U.jsx)(t.code,{children:`secondaryLocale`}),` and the
+currently `,(0,U.jsx)(t.code,{children:`activeLocale`}),`. RHF-coupled.`]}),(0,U.jsx)(l,{name:`LocalizedStringFieldExample`,source:Q,children:(0,U.jsx)(Vi,{})}),(0,U.jsx)(l,{name:`LocalizedObjectFieldExample`,source:Q,children:(0,U.jsx)(Hi,{})}),(0,U.jsx)(l,{name:`LocalizedStringRepeaterExample`,source:Q,children:(0,U.jsx)(Ui,{})})]}),(0,U.jsxs)(c,{title:`Uploads`,id:`uploads`,children:[(0,U.jsxs)(t.p,{children:[`The full upload subsystem (`,(0,U.jsx)(t.code,{children:`UploadTray`}),`, `,(0,U.jsx)(t.code,{children:`MediaGallery`}),`, `,(0,U.jsx)(t.code,{children:`FileUpload`}),`,
+`,(0,U.jsx)(t.code,{children:`ImageUpload`}),`, `,(0,U.jsx)(t.code,{children:`UploadProgressList`}),`) lives on the dedicated
+`,(0,U.jsx)(t.a,{href:`/base/upload-tray`,children:(0,U.jsx)(t.code,{children:`base/upload-tray`})}),` page. The two field-shaped
+upload primitives appear here for completeness.`]}),(0,U.jsx)(l,{name:`AvatarUploadExample`,source:Q,children:(0,U.jsx)(Wi,{})}),(0,U.jsx)(l,{name:`DropzoneExample`,source:Q,children:(0,U.jsx)(Gi,{})})]}),(0,U.jsxs)(c,{title:`Whole form`,id:`whole-form`,children:[(0,U.jsxs)(t.p,{children:[`A realistic product form combining `,(0,U.jsx)(t.code,{children:`Input`}),`, `,(0,U.jsx)(t.code,{children:`MoneyInput`}),`, `,(0,U.jsx)(t.code,{children:`Select`}),`,
+`,(0,U.jsx)(t.code,{children:`Textarea`}),`, and `,(0,U.jsx)(t.code,{children:`ToggleField`}),` behind `,(0,U.jsx)(t.code,{children:`ControlledFormField`}),` and
+`,(0,U.jsx)(t.code,{children:`react-hook-form`}),`.`]}),(0,U.jsx)(l,{name:`WholeForm`,source:Q,children:(0,U.jsx)(Ki,{})})]}),(0,U.jsx)(c,{title:`API`,id:`api`,children:(0,U.jsx)(te,{component:`FormField`})})]})}function Ji(e={}){let{wrapper:t}=e.components||{};return t?(0,U.jsx)(t,{...e,children:(0,U.jsx)(qi,{...e})}):qi(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Ji as default};