@preply/ds-docs 10.0.0 → 11.0.0

package/dist/assets/{IntegrationWithReactHookForm.stories-BstJWvGF.js → IntegrationWithReactHookForm.stories-9EImL3zR.js}

@@ -1,4 +1,4 @@
-import{R as x,j as y}from"./iframe-DjYTJz7A.js";import{s as Jt,R as Yt}from"./RatingInput.stories-DWxrhIwu.js";import{L as rt}from"./LayoutFlex-p_p7LCCd.js";import{H as zt}from"./Heading-BPJGe0Bg.js";import{T as it}from"./TextField--Ctd_eHi.js";import{N as Kt}from"./NumberField-FWK2ErPL.js";import{b as Gt,a as re}from"./SelectField-BRicVVj7.js";import{P as at}from"./PasswordField-Bp2beBoD.js";import{T as Zt}from"./TextareaField-DDEIieQg.js";import{F as oe}from"./FormControl-DgD7Nr_L.js";import{S as Qt}from"./Slider-CVM0huNa.js";import{R as Xt}from"./RangeSlider-BKIG-XfV.js";import{S as er}from"./Switch-DJROHOKs.js";import{a as tr,S as fe}from"./SingleSelectChips-B1d9MkC-.js";import{a as rr,M as Re}from"./MultiSelectChips-CVg9kaKd.js";import{a as ir,D as st}from"./DismissibleChips-X4A9KOxs.js";import{C as ar}from"./Checkbox-Cmmcg7FL.js";import{B as lt}from"./Button-DS2bg8PO.js";import"./preload-helper-Dp1pzeXC.js";import"./Stars-St7ZRTZK.js";import"./index-CUvrBGJo.js";import"./TokyoUIStarFilled-Cj894376.js";import"./render-icon-DZ6hllTG.js";import"./useControllableState-DQg81cp5.js";import"./useStableCallback-662ysKf2.js";import"./componentNames-hc9KR2nX.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-BM7yIsEb.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";import"./Input-Cp2OkxN8.js";import"./InputContainer-BlXlJbfJ.js";import"./TokyoUIChevronDown-CqAWFBEe.js";import"./TokyoUICheckmark-CPDgq6wU.js";import"./Icon-kphbe0CE.js";import"./breakpoints-BfMlrtxE.js";import"./index-C_O4jEc0.js";import"./index-DOwxXd3L.js";import"./TokyoUIEye-BRl8T4Ci.js";import"./FieldButton-CYcQXg37.js";import"./useMergeRefs-jFGYKOXz.js";import"./message-DiUVdAQd.js";import"./createRequiredContext-5BPDYgIa.js";import"./CountryFlag-BKEpYyWK.js";import"./TokyoUIClose-DoJfpCh8.js";import"./VisuallyHidden-GZBFKPVs.js";import"./shared-strings-ZccoNgto.js";import"./useMergeRefs-CL5DIjXV.js";import"./ButtonBase-sV1YoG7h.js";import"./Spinner-BG27lVzS.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";var Se=e=>e.type==="checkbox",me=e=>e instanceof Date,J=e=>e==null;const Ct=e=>typeof e=="object";var T=e=>!J(e)&&!Array.isArray(e)&&Ct(e)&&!me(e),kt=e=>T(e)&&e.target?Se(e.target)?e.target.checked:e.target.value:e,sr=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,Rt=(e,i)=>e.has(sr(i)),lr=e=>{const i=e.constructor&&e.constructor.prototype;return T(i)&&i.hasOwnProperty("isPrototypeOf")},Oe=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function O(e){let i;const t=Array.isArray(e),a=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)i=new Date(e);else if(!(Oe&&(e instanceof Blob||a))&&(t||T(e)))if(i=t?[]:Object.create(Object.getPrototypeOf(e)),!t&&!lr(e))i=e;else for(const o in e)e.hasOwnProperty(o)&&(i[o]=O(e[o]));else return e;return i}var _e=e=>/^\w*$/.test(e),L=e=>e===void 0,Ie=e=>Array.isArray(e)?e.filter(Boolean):[],Ne=e=>Ie(e.replace(/["|']|\]/g,"").split(/\.|\[/)),m=(e,i,t)=>{if(!i||!T(e))return t;const a=(_e(i)?[i]:Ne(i)).reduce((o,l)=>J(o)?o:o[l],e);return L(a)||a===e?L(e[i])?t:e[i]:a},Y=e=>typeof e=="boolean",_=(e,i,t)=>{let a=-1;const o=_e(i)?[i]:Ne(i),l=o.length,u=l-1;for(;++a<l;){const c=o[a];let k=t;if(a!==u){const R=e[c];k=T(R)||Array.isArray(R)?R:isNaN(+o[a+1])?{}:[]}if(c==="__proto__"||c==="constructor"||c==="prototype")return;e[c]=k,e=e[c]}};const Ve={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change"},Z={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},ae={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"},Vt=x.createContext(null);Vt.displayName="HookFormContext";const He=()=>x.useContext(Vt);var Et=(e,i,t,a=!0)=>{const o={defaultValues:i._defaultValues};for(const l in e)Object.defineProperty(o,l,{get:()=>{const u=l;return i._proxyFormState[u]!==Z.all&&(i._proxyFormState[u]=!a||Z.all),t&&(t[u]=!0),e[u]}});return o};const Ue=typeof window<"u"?x.useLayoutEffect:x.useEffect;function nr(e){const i=He(),{control:t=i.control,disabled:a,name:o,exact:l}=e||{},[u,c]=x.useState(t._formState),k=x.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return Ue(()=>t._subscribe({name:o,formState:k.current,exact:l,callback:R=>{!a&&c({...t._formState,...R})}}),[o,a,l]),x.useEffect(()=>{k.current.isValid&&t._setValid(!0)},[t]),x.useMemo(()=>Et(u,t,k.current,!1),[u,t])}var z=e=>typeof e=="string",At=(e,i,t,a,o)=>z(e)?(a&&i.watch.add(e),m(t,e,o)):Array.isArray(e)?e.map(l=>(a&&i.watch.add(l),m(t,l))):(a&&(i.watchAll=!0),t),je=e=>J(e)||!Ct(e);function le(e,i,t=new WeakSet){if(je(e)||je(i))return e===i;if(me(e)&&me(i))return e.getTime()===i.getTime();const a=Object.keys(e),o=Object.keys(i);if(a.length!==o.length)return!1;if(t.has(e)||t.has(i))return!0;t.add(e),t.add(i);for(const l of a){const u=e[l];if(!o.includes(l))return!1;if(l!=="ref"){const c=i[l];if(me(u)&&me(c)||T(u)&&T(c)||Array.isArray(u)&&Array.isArray(c)?!le(u,c,t):u!==c)return!1}}return!0}function or(e){const i=He(),{control:t=i.control,name:a,defaultValue:o,disabled:l,exact:u,compute:c}=e||{},k=x.useRef(o),R=x.useRef(c),b=x.useRef(void 0);R.current=c;const F=x.useMemo(()=>t._getWatch(a,k.current),[t,a]),[p,U]=x.useState(R.current?R.current(F):F);return Ue(()=>t._subscribe({name:a,formState:{values:!0},exact:u,callback:N=>{if(!l){const h=At(a,t._names,N.values||t._formValues,!1,k.current);if(R.current){const S=R.current(h);le(S,b.current)||(U(S),b.current=S)}else U(h)}}}),[t,l,a,u]),x.useEffect(()=>t._removeUnmounted()),p}function ur(e){const i=He(),{name:t,disabled:a,control:o=i.control,shouldUnregister:l,defaultValue:u}=e,c=Rt(o._names.array,t),k=x.useMemo(()=>m(o._formValues,t,m(o._defaultValues,t,u)),[o,t,u]),R=or({control:o,name:t,defaultValue:k,exact:!0}),b=nr({control:o,name:t,exact:!0}),F=x.useRef(e),p=x.useRef(void 0),U=x.useRef(o.register(t,{...e.rules,value:R,...Y(e.disabled)?{disabled:e.disabled}:{}}));F.current=e;const N=x.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!m(b.errors,t)},isDirty:{enumerable:!0,get:()=>!!m(b.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!m(b.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!m(b.validatingFields,t)},error:{enumerable:!0,get:()=>m(b.errors,t)}}),[b,t]),h=x.useCallback(P=>U.current.onChange({target:{value:kt(P),name:t},type:Ve.CHANGE}),[t]),S=x.useCallback(()=>U.current.onBlur({target:{value:m(o._formValues,t),name:t},type:Ve.BLUR}),[t,o._formValues]),ge=x.useCallback(P=>{const I=m(o._fields,t);I&&P&&(I._f.ref={focus:()=>P.focus&&P.focus(),select:()=>P.select&&P.select(),setCustomValidity:B=>P.setCustomValidity(B),reportValidity:()=>P.reportValidity()})},[o._fields,t]),w=x.useMemo(()=>({name:t,value:R,...Y(a)||b.disabled?{disabled:b.disabled||a}:{},onChange:h,onBlur:S,ref:ge}),[t,a,b.disabled,h,S,ge,R]);return x.useEffect(()=>{const P=o._options.shouldUnregister||l,I=p.current;I&&I!==t&&!c&&o.unregister(I),o.register(t,{...F.current.rules,...Y(F.current.disabled)?{disabled:F.current.disabled}:{}});const B=(ie,X)=>{const ce=m(o._fields,ie);ce&&ce._f&&(ce._f.mount=X)};if(B(t,!0),P){const ie=O(m(o._options.defaultValues,t,F.current.defaultValue));_(o._defaultValues,t,ie),L(m(o._formValues,t))&&_(o._formValues,t,ie)}return!c&&o.register(t),p.current=t,()=>{(c?P&&!o._state.action:P)?o.unregister(t):B(t,!1)}},[t,o,c,l]),x.useEffect(()=>{o._setDisabledField({disabled:a,name:t})},[a,t,o]),x.useMemo(()=>({field:w,formState:b,fieldState:N}),[w,b,N])}const ue=e=>e.render(ur(e));var cr=(e,i,t,a,o)=>i?{...t[e],types:{...t[e]&&t[e].types?t[e].types:{},[a]:o||!0}}:{},we=e=>Array.isArray(e)?e:[e],nt=()=>{let e=[];return{get observers(){return e},next:o=>{for(const l of e)l.next&&l.next(o)},subscribe:o=>(e.push(o),{unsubscribe:()=>{e=e.filter(l=>l!==o)}}),unsubscribe:()=>{e=[]}}};function _t(e,i){const t={};for(const a in e)if(e.hasOwnProperty(a)){const o=e[a],l=i[a];if(o&&T(o)&&l){const u=_t(o,l);T(u)&&(t[a]=u)}else e[a]&&(t[a]=l)}return t}var $=e=>T(e)&&!Object.keys(e).length,We=e=>e.type==="file",Q=e=>typeof e=="function",Ee=e=>{if(!Oe)return!1;const i=e?e.ownerDocument:0;return e instanceof(i&&i.defaultView?i.defaultView.HTMLElement:HTMLElement)},Bt=e=>e.type==="select-multiple",$e=e=>e.type==="radio",dr=e=>$e(e)||Se(e),Te=e=>Ee(e)&&e.isConnected;function fr(e,i){const t=i.slice(0,-1).length;let a=0;for(;a<t;)e=L(e)?a++:e[i[a++]];return e}function mr(e){for(const i in e)if(e.hasOwnProperty(i)&&!L(e[i]))return!1;return!0}function D(e,i){const t=Array.isArray(i)?i:_e(i)?[i]:Ne(i),a=t.length===1?e:fr(e,t),o=t.length-1,l=t[o];return a&&delete a[l],o!==0&&(T(a)&&$(a)||Array.isArray(a)&&mr(a))&&D(e,t.slice(0,-1)),e}var gr=e=>{for(const i in e)if(Q(e[i]))return!0;return!1};function Pt(e){return Array.isArray(e)||T(e)&&!gr(e)}function qe(e,i={}){for(const t in e)Pt(e[t])?(i[t]=Array.isArray(e[t])?[]:{},qe(e[t],i[t])):L(e[t])||(i[t]=!0);return i}function ve(e,i,t){t||(t=qe(i));for(const a in e)Pt(e[a])?L(i)||je(t[a])?t[a]=qe(e[a],Array.isArray(e[a])?[]:{}):ve(e[a],J(i)?{}:i[a],t[a]):t[a]=!le(e[a],i[a]);return t}const ot={value:!1,isValid:!1},ut={value:!0,isValid:!0};var Lt=e=>{if(Array.isArray(e)){if(e.length>1){const i=e.filter(t=>t&&t.checked&&!t.disabled).map(t=>t.value);return{value:i,isValid:!!i.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!L(e[0].attributes.value)?L(e[0].value)||e[0].value===""?ut:{value:e[0].value,isValid:!0}:ut:ot}return ot},Mt=(e,{valueAsNumber:i,valueAsDate:t,setValueAs:a})=>L(e)?e:i?e===""?NaN:e&&+e:t&&z(e)?new Date(e):a?a(e):e;const ct={isValid:!1,value:null};var Dt=e=>Array.isArray(e)?e.reduce((i,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:i,ct):ct;function dt(e){const i=e.ref;return We(i)?i.files:$e(i)?Dt(e.refs).value:Bt(i)?[...i.selectedOptions].map(({value:t})=>t):Se(i)?Lt(e.refs).value:Mt(L(i.value)?e.ref.value:i.value,e)}var yr=(e,i,t,a)=>{const o={};for(const l of e){const u=m(i,l);u&&_(o,l,u._f)}return{criteriaMode:t,names:[...e],fields:o,shouldUseNativeValidation:a}},Ae=e=>e instanceof RegExp,be=e=>L(e)?e:Ae(e)?e.source:T(e)?Ae(e.value)?e.value.source:e.value:e,ft=e=>({isOnSubmit:!e||e===Z.onSubmit,isOnBlur:e===Z.onBlur,isOnChange:e===Z.onChange,isOnAll:e===Z.all,isOnTouch:e===Z.onTouched});const mt="AsyncFunction";var hr=e=>!!e&&!!e.validate&&!!(Q(e.validate)&&e.validate.constructor.name===mt||T(e.validate)&&Object.values(e.validate).find(i=>i.constructor.name===mt)),vr=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),gt=(e,i,t)=>!t&&(i.watchAll||i.watch.has(e)||[...i.watch].some(a=>e.startsWith(a)&&/^\.\w+/.test(e.slice(a.length))));const Fe=(e,i,t,a)=>{for(const o of t||Object.keys(e)){const l=m(e,o);if(l){const{_f:u,...c}=l;if(u){if(u.refs&&u.refs[0]&&i(u.refs[0],o)&&!a)return!0;if(u.ref&&i(u.ref,u.name)&&!a)return!0;if(Fe(c,i))break}else if(T(c)&&Fe(c,i))break}}};function yt(e,i,t){const a=m(e,t);if(a||_e(t))return{error:a,name:t};const o=t.split(".");for(;o.length;){const l=o.join("."),u=m(i,l),c=m(e,l);if(u&&!Array.isArray(u)&&t!==l)return{name:t};if(c&&c.type)return{name:l,error:c};if(c&&c.root&&c.root.type)return{name:`${l}.root`,error:c.root};o.pop()}return{name:t}}var pr=(e,i,t,a)=>{t(e);const{name:o,...l}=e;return $(l)||Object.keys(l).length>=Object.keys(i).length||Object.keys(l).find(u=>i[u]===(!a||Z.all))},br=(e,i,t)=>!e||!i||e===i||we(e).some(a=>a&&(t?a===i:a.startsWith(i)||i.startsWith(a))),xr=(e,i,t,a,o)=>o.isOnAll?!1:!t&&o.isOnTouch?!(i||e):(t?a.isOnBlur:o.isOnBlur)?!e:(t?a.isOnChange:o.isOnChange)?e:!0,wr=(e,i)=>!Ie(m(e,i)).length&&D(e,i),Fr=(e,i,t)=>{const a=we(m(e,t));return _(a,"root",i[t]),_(e,t,a),e};function ht(e,i,t="validate"){if(z(e)||Array.isArray(e)&&e.every(z)||Y(e)&&!e)return{type:t,message:z(e)?e:"",ref:i}}var he=e=>T(e)&&!Ae(e)?e:{value:e,message:""},vt=async(e,i,t,a,o,l)=>{const{ref:u,refs:c,required:k,maxLength:R,minLength:b,min:F,max:p,pattern:U,validate:N,name:h,valueAsNumber:S,mount:ge}=e._f,w=m(t,h);if(!ge||i.has(h))return{};const P=c?c[0]:u,I=C=>{o&&P.reportValidity&&(P.setCustomValidity(Y(C)?"":C||""),P.reportValidity())},B={},ie=$e(u),X=Se(u),ce=ie||X,G=(S||We(u))&&L(u.value)&&L(w)||Ee(u)&&u.value===""||w===""||Array.isArray(w)&&!w.length,de=cr.bind(null,h,a,B),ee=(C,E,M,H=ae.maxLength,W=ae.minLength)=>{const te=C?E:M;B[h]={type:C?H:W,message:te,ref:u,...de(C?H:W,te)}};if(l?!Array.isArray(w)||!w.length:k&&(!ce&&(G||J(w))||Y(w)&&!w||X&&!Lt(c).isValid||ie&&!Dt(c).isValid)){const{value:C,message:E}=z(k)?{value:!!k,message:k}:he(k);if(C&&(B[h]={type:ae.required,message:E,ref:P,...de(ae.required,E)},!a))return I(E),B}if(!G&&(!J(F)||!J(p))){let C,E;const M=he(p),H=he(F);if(!J(w)&&!isNaN(w)){const W=u.valueAsNumber||w&&+w;J(M.value)||(C=W>M.value),J(H.value)||(E=W<H.value)}else{const W=u.valueAsDate||new Date(w),te=Ce=>new Date(new Date().toDateString()+" "+Ce),pe=u.type=="time",ye=u.type=="week";z(M.value)&&w&&(C=pe?te(w)>te(M.value):ye?w>M.value:W>new Date(M.value)),z(H.value)&&w&&(E=pe?te(w)<te(H.value):ye?w<H.value:W<new Date(H.value))}if((C||E)&&(ee(!!C,M.message,H.message,ae.max,ae.min),!a))return I(B[h].message),B}if((R||b)&&!G&&(z(w)||l&&Array.isArray(w))){const C=he(R),E=he(b),M=!J(C.value)&&w.length>+C.value,H=!J(E.value)&&w.length<+E.value;if((M||H)&&(ee(M,C.message,E.message),!a))return I(B[h].message),B}if(U&&!G&&z(w)){const{value:C,message:E}=he(U);if(Ae(C)&&!w.match(C)&&(B[h]={type:ae.pattern,message:E,ref:u,...de(ae.pattern,E)},!a))return I(E),B}if(N){if(Q(N)){const C=await N(w,t),E=ht(C,P);if(E&&(B[h]={...E,...de(ae.validate,E.message)},!a))return I(E.message),B}else if(T(N)){let C={};for(const E in N){if(!$(C)&&!a)break;const M=ht(await N[E](w,t),P,E);M&&(C={...M,...de(E,M.message)},I(M.message),a&&(B[h]=C))}if(!$(C)&&(B[h]={ref:P,...C},!a))return B}}return I(!0),B};const Sr={mode:Z.onSubmit,reValidateMode:Z.onChange,shouldFocusError:!0};function Cr(e={}){let i={...Sr,...e},t={submitCount:0,isDirty:!1,isReady:!1,isLoading:Q(i.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:i.errors||{},disabled:i.disabled||!1},a={},o=T(i.defaultValues)||T(i.values)?O(i.defaultValues||i.values)||{}:{},l=i.shouldUnregister?{}:O(o),u={action:!1,mount:!1,watch:!1},c={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},k,R=0;const b={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1};let F={...b};const p={array:nt(),state:nt()},U=i.criteriaMode===Z.all,N=r=>s=>{clearTimeout(R),R=setTimeout(r,s)},h=async r=>{if(!i.disabled&&(b.isValid||F.isValid||r)){const s=i.resolver?$((await X()).errors):await G(a,!0);s!==t.isValid&&p.state.next({isValid:s})}},S=(r,s)=>{!i.disabled&&(b.isValidating||b.validatingFields||F.isValidating||F.validatingFields)&&((r||Array.from(c.mount)).forEach(n=>{n&&(s?_(t.validatingFields,n,s):D(t.validatingFields,n))}),p.state.next({validatingFields:t.validatingFields,isValidating:!$(t.validatingFields)}))},ge=(r,s=[],n,g,f=!0,d=!0)=>{if(g&&n&&!i.disabled){if(u.action=!0,d&&Array.isArray(m(a,r))){const v=n(m(a,r),g.argA,g.argB);f&&_(a,r,v)}if(d&&Array.isArray(m(t.errors,r))){const v=n(m(t.errors,r),g.argA,g.argB);f&&_(t.errors,r,v),wr(t.errors,r)}if((b.touchedFields||F.touchedFields)&&d&&Array.isArray(m(t.touchedFields,r))){const v=n(m(t.touchedFields,r),g.argA,g.argB);f&&_(t.touchedFields,r,v)}(b.dirtyFields||F.dirtyFields)&&(t.dirtyFields=ve(o,l)),p.state.next({name:r,isDirty:ee(r,s),dirtyFields:t.dirtyFields,errors:t.errors,isValid:t.isValid})}else _(l,r,s)},w=(r,s)=>{_(t.errors,r,s),p.state.next({errors:t.errors})},P=r=>{t.errors=r,p.state.next({errors:t.errors,isValid:!1})},I=(r,s,n,g)=>{const f=m(a,r);if(f){const d=m(l,r,L(n)?m(o,r):n);L(d)||g&&g.defaultChecked||s?_(l,r,s?d:dt(f._f)):M(r,d),u.mount&&h()}},B=(r,s,n,g,f)=>{let d=!1,v=!1;const V={name:r};if(!i.disabled){if(!n||g){(b.isDirty||F.isDirty)&&(v=t.isDirty,t.isDirty=V.isDirty=ee(),d=v!==V.isDirty);const A=le(m(o,r),s);v=!!m(t.dirtyFields,r),A?D(t.dirtyFields,r):_(t.dirtyFields,r,!0),V.dirtyFields=t.dirtyFields,d=d||(b.dirtyFields||F.dirtyFields)&&v!==!A}if(n){const A=m(t.touchedFields,r);A||(_(t.touchedFields,r,n),V.touchedFields=t.touchedFields,d=d||(b.touchedFields||F.touchedFields)&&A!==n)}d&&f&&p.state.next(V)}return d?V:{}},ie=(r,s,n,g)=>{const f=m(t.errors,r),d=(b.isValid||F.isValid)&&Y(s)&&t.isValid!==s;if(i.delayError&&n?(k=N(()=>w(r,n)),k(i.delayError)):(clearTimeout(R),k=null,n?_(t.errors,r,n):D(t.errors,r)),(n?!le(f,n):f)||!$(g)||d){const v={...g,...d&&Y(s)?{isValid:s}:{},errors:t.errors,name:r};t={...t,...v},p.state.next(v)}},X=async r=>{S(r,!0);const s=await i.resolver(l,i.context,yr(r||c.mount,a,i.criteriaMode,i.shouldUseNativeValidation));return S(r),s},ce=async r=>{const{errors:s}=await X(r);if(r)for(const n of r){const g=m(s,n);g?_(t.errors,n,g):D(t.errors,n)}else t.errors=s;return s},G=async(r,s,n={valid:!0})=>{for(const g in r){const f=r[g];if(f){const{_f:d,...v}=f;if(d){const V=c.array.has(d.name),A=f._f&&hr(f._f);A&&b.validatingFields&&S([d.name],!0);const K=await vt(f,c.disabled,l,U,i.shouldUseNativeValidation&&!s,V);if(A&&b.validatingFields&&S([d.name]),K[d.name]&&(n.valid=!1,s))break;!s&&(m(K,d.name)?V?Fr(t.errors,K,d.name):_(t.errors,d.name,K[d.name]):D(t.errors,d.name))}!$(v)&&await G(v,s,n)}}return n.valid},de=()=>{for(const r of c.unMount){const s=m(a,r);s&&(s._f.refs?s._f.refs.every(n=>!Te(n)):!Te(s._f.ref))&&Be(r)}c.unMount=new Set},ee=(r,s)=>!i.disabled&&(r&&s&&_(l,r,s),!le(Ce(),o)),C=(r,s,n)=>At(r,c,{...u.mount?l:L(s)?o:z(r)?{[r]:s}:s},n,s),E=r=>Ie(m(u.mount?l:o,r,i.shouldUnregister?m(o,r,[]):[])),M=(r,s,n={})=>{const g=m(a,r);let f=s;if(g){const d=g._f;d&&(!d.disabled&&_(l,r,Mt(s,d)),f=Ee(d.ref)&&J(s)?"":s,Bt(d.ref)?[...d.ref.options].forEach(v=>v.selected=f.includes(v.value)):d.refs?Se(d.ref)?d.refs.forEach(v=>{(!v.defaultChecked||!v.disabled)&&(Array.isArray(f)?v.checked=!!f.find(V=>V===v.value):v.checked=f===v.value||!!f)}):d.refs.forEach(v=>v.checked=v.value===f):We(d.ref)?d.ref.value="":(d.ref.value=f,d.ref.type||p.state.next({name:r,values:O(l)})))}(n.shouldDirty||n.shouldTouch)&&B(r,f,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&ye(r)},H=(r,s,n)=>{for(const g in s){if(!s.hasOwnProperty(g))return;const f=s[g],d=r+"."+g,v=m(a,d);(c.array.has(r)||T(f)||v&&!v._f)&&!me(f)?H(d,f,n):M(d,f,n)}},W=(r,s,n={})=>{const g=m(a,r),f=c.array.has(r),d=O(s);_(l,r,d),f?(p.array.next({name:r,values:O(l)}),(b.isDirty||b.dirtyFields||F.isDirty||F.dirtyFields)&&n.shouldDirty&&p.state.next({name:r,dirtyFields:ve(o,l),isDirty:ee(r,d)})):g&&!g._f&&!J(d)?H(r,d,n):M(r,d,n),gt(r,c)&&p.state.next({...t,name:r}),p.state.next({name:u.mount?r:void 0,values:O(l)})},te=async r=>{u.mount=!0;const s=r.target;let n=s.name,g=!0;const f=m(a,n),d=A=>{g=Number.isNaN(A)||me(A)&&isNaN(A.getTime())||le(A,m(l,n,A))},v=ft(i.mode),V=ft(i.reValidateMode);if(f){let A,K;const ke=s.type?dt(f._f):kt(r),ne=r.type===Ve.BLUR||r.type===Ve.FOCUS_OUT,Ut=!vr(f._f)&&!i.resolver&&!m(t.errors,n)&&!f._f.deps||xr(ne,m(t.touchedFields,n),t.isSubmitted,V,v),Me=gt(n,c,ne);_(l,n,ke),ne?(!s||!s.readOnly)&&(f._f.onBlur&&f._f.onBlur(r),k&&k(0)):f._f.onChange&&f._f.onChange(r);const De=B(n,ke,ne),Wt=!$(De)||Me;if(!ne&&p.state.next({name:n,type:r.type,values:O(l)}),Ut)return(b.isValid||F.isValid)&&(i.mode==="onBlur"?ne&&h():ne||h()),Wt&&p.state.next({name:n,...Me?{}:De});if(!ne&&Me&&p.state.next({...t}),i.resolver){const{errors:et}=await X([n]);if(d(ke),g){const $t=yt(t.errors,a,n),tt=yt(et,a,$t.name||n);A=tt.error,n=tt.name,K=$(et)}}else S([n],!0),A=(await vt(f,c.disabled,l,U,i.shouldUseNativeValidation))[n],S([n]),d(ke),g&&(A?K=!1:(b.isValid||F.isValid)&&(K=await G(a,!0)));g&&(f._f.deps&&(!Array.isArray(f._f.deps)||f._f.deps.length>0)&&ye(f._f.deps),ie(n,K,A,De))}},pe=(r,s)=>{if(m(t.errors,s)&&r.focus)return r.focus(),1},ye=async(r,s={})=>{let n,g;const f=we(r);if(i.resolver){const d=await ce(L(r)?r:f);n=$(d),g=r?!f.some(v=>m(d,v)):n}else r?(g=(await Promise.all(f.map(async d=>{const v=m(a,d);return await G(v&&v._f?{[d]:v}:v)}))).every(Boolean),!(!g&&!t.isValid)&&h()):g=n=await G(a);return p.state.next({...!z(r)||(b.isValid||F.isValid)&&n!==t.isValid?{}:{name:r},...i.resolver||!r?{isValid:n}:{},errors:t.errors}),s.shouldFocus&&!g&&Fe(a,pe,r?f:c.mount),g},Ce=(r,s)=>{let n={...u.mount?l:o};return s&&(n=_t(s.dirtyFields?t.dirtyFields:t.touchedFields,n)),L(r)?n:z(r)?m(n,r):r.map(g=>m(n,g))},Je=(r,s)=>({invalid:!!m((s||t).errors,r),isDirty:!!m((s||t).dirtyFields,r),error:m((s||t).errors,r),isValidating:!!m(t.validatingFields,r),isTouched:!!m((s||t).touchedFields,r)}),Tt=r=>{r&&we(r).forEach(s=>D(t.errors,s)),p.state.next({errors:r?t.errors:{}})},Ye=(r,s,n)=>{const g=(m(a,r,{_f:{}})._f||{}).ref,f=m(t.errors,r)||{},{ref:d,message:v,type:V,...A}=f;_(t.errors,r,{...A,...s,ref:g}),p.state.next({name:r,errors:t.errors,isValid:!1}),n&&n.shouldFocus&&g&&g.focus&&g.focus()},jt=(r,s)=>Q(r)?p.state.subscribe({next:n=>"values"in n&&r(C(void 0,s),n)}):C(r,s,!0),ze=r=>p.state.subscribe({next:s=>{br(r.name,s.name,r.exact)&&pr(s,r.formState||b,Ht,r.reRenderRoot)&&r.callback({values:{...l},...t,...s,defaultValues:o})}}).unsubscribe,qt=r=>(u.mount=!0,F={...F,...r.formState},ze({...r,formState:F})),Be=(r,s={})=>{for(const n of r?we(r):c.mount)c.mount.delete(n),c.array.delete(n),s.keepValue||(D(a,n),D(l,n)),!s.keepError&&D(t.errors,n),!s.keepDirty&&D(t.dirtyFields,n),!s.keepTouched&&D(t.touchedFields,n),!s.keepIsValidating&&D(t.validatingFields,n),!i.shouldUnregister&&!s.keepDefaultValue&&D(o,n);p.state.next({values:O(l)}),p.state.next({...t,...s.keepDirty?{isDirty:ee()}:{}}),!s.keepIsValid&&h()},Ke=({disabled:r,name:s})=>{(Y(r)&&u.mount||r||c.disabled.has(s))&&(r?c.disabled.add(s):c.disabled.delete(s))},Pe=(r,s={})=>{let n=m(a,r);const g=Y(s.disabled)||Y(i.disabled);return _(a,r,{...n||{},_f:{...n&&n._f?n._f:{ref:{name:r}},name:r,mount:!0,...s}}),c.mount.add(r),n?Ke({disabled:Y(s.disabled)?s.disabled:i.disabled,name:r}):I(r,!0,s.value),{...g?{disabled:s.disabled||i.disabled}:{},...i.progressive?{required:!!s.required,min:be(s.min),max:be(s.max),minLength:be(s.minLength),maxLength:be(s.maxLength),pattern:be(s.pattern)}:{},name:r,onChange:te,onBlur:te,ref:f=>{if(f){Pe(r,s),n=m(a,r);const d=L(f.value)&&f.querySelectorAll&&f.querySelectorAll("input,select,textarea")[0]||f,v=dr(d),V=n._f.refs||[];if(v?V.find(A=>A===d):d===n._f.ref)return;_(a,r,{_f:{...n._f,...v?{refs:[...V.filter(Te),d,...Array.isArray(m(o,r))?[{}]:[]],ref:{type:d.type,name:r}}:{ref:d}}}),I(r,!1,void 0,d)}else n=m(a,r,{}),n._f&&(n._f.mount=!1),(i.shouldUnregister||s.shouldUnregister)&&!(Rt(c.array,r)&&u.action)&&c.unMount.add(r)}}},Le=()=>i.shouldFocusError&&Fe(a,pe,c.mount),Ot=r=>{Y(r)&&(p.state.next({disabled:r}),Fe(a,(s,n)=>{const g=m(a,n);g&&(s.disabled=g._f.disabled||r,Array.isArray(g._f.refs)&&g._f.refs.forEach(f=>{f.disabled=g._f.disabled||r}))},0,!1))},Ge=(r,s)=>async n=>{let g;n&&(n.preventDefault&&n.preventDefault(),n.persist&&n.persist());let f=O(l);if(p.state.next({isSubmitting:!0}),i.resolver){const{errors:d,values:v}=await X();t.errors=d,f=O(v)}else await G(a);if(c.disabled.size)for(const d of c.disabled)D(f,d);if(D(t.errors,"root"),$(t.errors)){p.state.next({errors:{}});try{await r(f,n)}catch(d){g=d}}else s&&await s({...t.errors},n),Le(),setTimeout(Le);if(p.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:$(t.errors)&&!g,submitCount:t.submitCount+1,errors:t.errors}),g)throw g},It=(r,s={})=>{m(a,r)&&(L(s.defaultValue)?W(r,O(m(o,r))):(W(r,s.defaultValue),_(o,r,O(s.defaultValue))),s.keepTouched||D(t.touchedFields,r),s.keepDirty||(D(t.dirtyFields,r),t.isDirty=s.defaultValue?ee(r,O(m(o,r))):ee()),s.keepError||(D(t.errors,r),b.isValid&&h()),p.state.next({...t}))},Ze=(r,s={})=>{const n=r?O(r):o,g=O(n),f=$(r),d=f?o:g;if(s.keepDefaultValues||(o=n),!s.keepValues){if(s.keepDirtyValues){const v=new Set([...c.mount,...Object.keys(ve(o,l))]);for(const V of Array.from(v))m(t.dirtyFields,V)?_(d,V,m(l,V)):W(V,m(d,V))}else{if(Oe&&L(r))for(const v of c.mount){const V=m(a,v);if(V&&V._f){const A=Array.isArray(V._f.refs)?V._f.refs[0]:V._f.ref;if(Ee(A)){const K=A.closest("form");if(K){K.reset();break}}}}if(s.keepFieldsRef)for(const v of c.mount)W(v,m(d,v));else a={}}l=i.shouldUnregister?s.keepDefaultValues?O(o):{}:O(d),p.array.next({values:{...d}}),p.state.next({values:{...d}})}c={mount:s.keepDirtyValues?c.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},u.mount=!b.isValid||!!s.keepIsValid||!!s.keepDirtyValues,u.watch=!!i.shouldUnregister,p.state.next({submitCount:s.keepSubmitCount?t.submitCount:0,isDirty:f?!1:s.keepDirty?t.isDirty:!!(s.keepDefaultValues&&!le(r,o)),isSubmitted:s.keepIsSubmitted?t.isSubmitted:!1,dirtyFields:f?{}:s.keepDirtyValues?s.keepDefaultValues&&l?ve(o,l):t.dirtyFields:s.keepDefaultValues&&r?ve(o,r):s.keepDirty?t.dirtyFields:{},touchedFields:s.keepTouched?t.touchedFields:{},errors:s.keepErrors?t.errors:{},isSubmitSuccessful:s.keepIsSubmitSuccessful?t.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:o})},Qe=(r,s)=>Ze(Q(r)?r(l):r,s),Nt=(r,s={})=>{const n=m(a,r),g=n&&n._f;if(g){const f=g.refs?g.refs[0]:g.ref;f.focus&&(f.focus(),s.shouldSelect&&Q(f.select)&&f.select())}},Ht=r=>{t={...t,...r}},Xe={control:{register:Pe,unregister:Be,getFieldState:Je,handleSubmit:Ge,setError:Ye,_subscribe:ze,_runSchema:X,_focusError:Le,_getWatch:C,_getDirty:ee,_setValid:h,_setFieldArray:ge,_setDisabledField:Ke,_setErrors:P,_getFieldArray:E,_reset:Ze,_resetDefaultValues:()=>Q(i.defaultValues)&&i.defaultValues().then(r=>{Qe(r,i.resetOptions),p.state.next({isLoading:!1})}),_removeUnmounted:de,_disableForm:Ot,_subjects:p,_proxyFormState:b,get _fields(){return a},get _formValues(){return l},get _state(){return u},set _state(r){u=r},get _defaultValues(){return o},get _names(){return c},set _names(r){c=r},get _formState(){return t},get _options(){return i},set _options(r){i={...i,...r}}},subscribe:qt,trigger:ye,register:Pe,handleSubmit:Ge,watch:jt,setValue:W,getValues:Ce,reset:Qe,resetField:It,clearErrors:Tt,unregister:Be,setError:Ye,setFocus:Nt,getFieldState:Je};return{...Xe,formControl:Xe}}function kr(e={}){const i=x.useRef(void 0),t=x.useRef(void 0),[a,o]=x.useState({isDirty:!1,isValidating:!1,isLoading:Q(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:Q(e.defaultValues)?void 0:e.defaultValues});if(!i.current)if(e.formControl)i.current={...e.formControl,formState:a},e.defaultValues&&!Q(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{const{formControl:u,...c}=Cr(e);i.current={...c,formState:a}}const l=i.current.control;return l._options=e,Ue(()=>{const u=l._subscribe({formState:l._proxyFormState,callback:()=>o({...l._formState}),reRenderRoot:!0});return o(c=>({...c,isReady:!0})),l._formState.isReady=!0,u},[l]),x.useEffect(()=>l._disableForm(e.disabled),[l,e.disabled]),x.useEffect(()=>{e.mode&&(l._options.mode=e.mode),e.reValidateMode&&(l._options.reValidateMode=e.reValidateMode)},[l,e.mode,e.reValidateMode]),x.useEffect(()=>{e.errors&&(l._setErrors(e.errors),l._focusError())},[l,e.errors]),x.useEffect(()=>{e.shouldUnregister&&l._subjects.state.next({values:l._getWatch()})},[l,e.shouldUnregister]),x.useEffect(()=>{if(l._proxyFormState.isDirty){const u=l._getDirty();u!==a.isDirty&&l._subjects.state.next({isDirty:u})}},[l,a.isDirty]),x.useEffect(()=>{e.values&&!le(e.values,t.current)?(l._reset(e.values,{keepFieldsRef:!0,...l._options.resetOptions}),t.current=e.values,o(u=>({...u}))):l._resetDefaultValues()},[l,e.values]),x.useEffect(()=>{l._state.mount||(l._setValid(),l._state.mount=!0),l._state.watch&&(l._state.watch=!1,l._subjects.state.next({...l._formState})),l._removeUnmounted()}),i.current.formState=Et(a,l),i.current}const{userEvent:j,expect:q,within:se,waitFor:pt,fn:Rr}=__STORYBOOK_MODULE_TEST__,Ri={title:"Guides/Integration with React Hook Form",args:{onSubmit:Rr()}},xe={render:function(i){const t=()=>{var k,R,b,F,p,U,N;const{register:a,handleSubmit:o,formState:{errors:l},reset:u,control:c}=kr({defaultValues:{fullName:"",email:"",age:void 0,country:"",password:"",confirmPassword:"",bio:"",privacyPolicyAccepted:!1,experienceLevel:50,priceRange:[25,75],emailNotifications:!0,englishLevel:null,skills:[],marketing:["emails","push"],registrationExperience:0}});return y.jsx("div",{style:{maxWidth:"600px",margin:"0 auto",padding:"20px"},children:y.jsxs(rt,{direction:"column",gap:"16",children:[y.jsx(zt,{variant:"extraLarge",tag:"h1",children:"User Registration Form"}),y.jsxs("form",{onSubmit:o(i.onSubmit),style:{display:"contents"},noValidate:!0,children:[y.jsx(it,{label:"Full Name",...a("fullName",{required:"Full name is required"}),error:(k=l.fullName)==null?void 0:k.message,required:!0}),y.jsx(it,{label:"Email",type:"email",...a("email",{required:"Email is required"}),error:(R=l.email)==null?void 0:R.message,required:!0}),y.jsx(Kt,{label:"Age",...a("age",{valueAsNumber:!0,required:"Age is required",min:{value:18,message:"You must be at least 18 years old"}}),min:18,max:120,error:(b=l.age)==null?void 0:b.message,required:!0}),y.jsx(ue,{name:"country",control:c,rules:{required:"Country is required"},render:({field:h})=>{var S;return y.jsxs(Gt,{ref:h.ref,label:"Country",placeholder:"",error:(S=l.country)==null?void 0:S.message,required:!0,disabled:h.disabled,value:h.value,onBlur:h.onBlur,onValueChange:h.onChange,children:[y.jsx(re,{value:"us",children:"United States"}),y.jsx(re,{value:"ca",children:"Canada"}),y.jsx(re,{value:"uk",children:"United Kingdom"}),y.jsx(re,{value:"de",children:"Germany"}),y.jsx(re,{value:"fr",children:"France"}),y.jsx(re,{value:"it",children:"Italy"}),y.jsx(re,{value:"es",children:"Spain"}),y.jsx(re,{value:"au",children:"Australia"}),y.jsx(re,{value:"jp",children:"Japan"}),y.jsx(re,{value:"other",children:"Other"})]})}}),y.jsx(at,{label:"Password",...a("password",{required:"Password is required",minLength:{value:8,message:"Password must be at least 8 characters"},pattern:{value:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,message:"Password must contain at least one uppercase letter, one lowercase letter, one number, and one special character"}}),error:(F=l.password)==null?void 0:F.message,required:!0}),y.jsx(at,{label:"Confirm Password",...a("confirmPassword",{required:"Please confirm your password",validate:(h,S)=>h===S.password||"Passwords do not match"}),error:(p=l.confirmPassword)==null?void 0:p.message,required:!0}),y.jsx(Zt,{label:"Bio",...a("bio",{maxLength:{value:500,message:"Bio must be less than 500 characters"}}),error:(U=l.bio)==null?void 0:U.message}),y.jsx(ue,{name:"experienceLevel",control:c,rules:{validate:{minValue:h=>h<50?"Must be above 50":!0}},render:({field:h})=>{var S;return y.jsx(oe,{label:"Experience Level",error:(S=l.experienceLevel)==null?void 0:S.message,children:y.jsx(Qt,{value:h.value,onValueChange:h.onChange,min:0,max:100,"aria-label":"Experience Level"})})}}),y.jsx(ue,{name:"priceRange",control:c,rules:{validate:{minValue:([h])=>h<=25?"Minimum must be above 25":!0,maxValue:([,h])=>h>=75?"Maximum must be below 75":!0}},render:({field:h})=>{var S;return y.jsx(oe,{label:"Price",error:(S=l.priceRange)==null?void 0:S.message,children:y.jsx(Xt,{value:h.value,onValueChange:h.onChange,min:0,max:100,"aria-label":"Price Range"})})}}),y.jsx(ue,{name:"emailNotifications",control:c,render:({field:h})=>{var S;return y.jsx(oe,{label:"Email Notifications",description:"Receive updates and newsletters via email",error:(S=l.emailNotifications)==null?void 0:S.message,children:y.jsx(er,{checked:h.value,onCheckedChange:h.onChange,"aria-label":"Email Notifications"})})}}),y.jsx(ue,{control:c,name:"englishLevel",rules:{required:"English level is required"},render:({field:h})=>y.jsx(oe,{label:"English Level",required:!0,children:y.jsxs(tr,{"aria-label":"English Level",value:h.value,onValueChange:h.onChange,children:[y.jsx(fe,{value:"a0",children:"A0"}),y.jsx(fe,{value:"a1",children:"A1"}),y.jsx(fe,{value:"a2",children:"A2"}),y.jsx(fe,{value:"b1",children:"B1"}),y.jsx(fe,{value:"b2",children:"B2"}),y.jsx(fe,{value:"c1",children:"C1"}),y.jsx(fe,{value:"c2",children:"C2"})]})})}),y.jsx(ue,{control:c,name:"skills",rules:{required:"Skills are required"},render:({field:h})=>y.jsx(oe,{label:"Skills",required:!0,children:y.jsxs(rr,{"aria-label":"Skills",value:h.value,onValueChange:h.onChange,children:[y.jsx(Re,{value:"vocabulary",children:"Vocabulary"}),y.jsx(Re,{value:"speaking",children:"Speaking"}),y.jsx(Re,{value:"listening",children:"Listening"}),y.jsx(Re,{value:"reading",children:"Reading"})]})})}),y.jsx(ue,{control:c,name:"marketing",rules:{required:"Marketing is required"},render:({field:h})=>y.jsx(oe,{label:"Marketing",description:"How do you want to receive marketing communications?",required:!0,children:y.jsxs(ir,{"aria-label":"Marketing",value:h.value,onValueChange:h.onChange,children:[y.jsx(st,{value:"emails",children:"Marketing emails"}),y.jsx(st,{value:"push",children:"Push notifications"})]})})}),y.jsx(oe,{label:"Accept Privacy Policy",description:"I accept the Privacy Policy",error:(N=l.privacyPolicyAccepted)==null?void 0:N.message,hideLabel:!0,children:y.jsx(ar,{...a("privacyPolicyAccepted",{required:"You must accept the Privacy Policy"})})}),y.jsx(ue,{name:"registrationExperience",control:c,render:({field:h})=>{var S;return y.jsx(oe,{label:"Rate the registration experience",description:"Was the form easy to understand?",error:(S=l.registrationExperience)==null?void 0:S.message,id:"registrationExperienceField",children:y.jsx(Yt,{value:h.value,onValueChange:h.onChange})})}}),y.jsxs(rt,{gap:"12",padding:["20","0","0"],justifyContent:"end",children:[y.jsx(lt,{onClick:()=>u(),variant:"secondary",children:"Reset"}),y.jsx(lt,{submitsForm:!0,children:"Submit"})]})]})]})})};return y.jsx(t,{})},play:async({args:e,canvasElement:i,step:t})=>{const a=se(i);await t("Fill full name field",async()=>{await j.type(a.getByRole("textbox",{name:"Full Name"}),"John Doe")}),await t("Fill email field",async()=>{await j.type(a.getByRole("textbox",{name:"Email"}),"john.doe@example.com")}),await t("Fill age field",async()=>{await j.clear(a.getByRole("spinbutton",{name:"Age"})),await j.type(a.getByRole("spinbutton",{name:"Age"}),"25")}),await t("Fill country field",async()=>{a.getByRole("combobox",{name:"Country"}).focus(),await j.keyboard("{Enter}".repeat(2))}),await t("Fill password field",async()=>{await j.type(a.getByLabelText(/^Password/),"TestPassword123!")}),await t("Fill confirm password field",async()=>{await j.type(a.getByLabelText(/^Confirm Password/),"TestPassword123!")}),await t("Fill bio field",async()=>{await j.type(a.getByRole("textbox",{name:"Bio"}),"I am a software engineer with 5 years of experience.")}),await t("Move experience level slider",async()=>{a.getByRole("slider",{name:"Experience Level"}).focus(),await j.keyboard("{ArrowRight}".repeat(5))}),await t("Move price range slider minimum",async()=>{a.getByRole("slider",{name:"Minimum Price Range"}).focus(),await j.keyboard("{ArrowRight}".repeat(2))}),await t("Move price range slider maximum",async()=>{a.getByRole("slider",{name:"Maximum Price Range"}).focus(),await j.keyboard("{ArrowLeft}".repeat(2))}),await t("Select english level",async()=>{const l=a.getByRole("listbox",{name:"English Level"}),u=se(l).getByRole("option",{name:"B2"});await j.click(u)}),await t("Select reading skill",async()=>{const l=a.getByRole("listbox",{name:"Skills"}),u=se(l).getByRole("option",{name:"Reading"});await j.click(u)}),await t("Select listening skill",async()=>{const l=a.getByRole("listbox",{name:"Skills"}),u=se(l).getByRole("option",{name:"Listening"});await j.click(u)}),await t("Dismiss push notifications",async()=>{const l=a.getByRole("list",{name:"Marketing"}),u=se(l).getByRole("button",{name:"Remove Push notifications"});await j.click(u)}),await t("Accept privacy policy",async()=>{const l=a.getByRole("checkbox",{name:"Accept Privacy Policy"});await j.click(l)}),await t("Toggle email notifications",async()=>{await j.click(a.getByRole("switch",{name:"Email Notifications"}))});const o=i.querySelector("#registrationExperienceField");if(!o)throw new Error("#registrationExperienceField is not in the canvas");if(!(o instanceof HTMLElement))throw new Error("#registrationExperienceField is not a valid HTMLElement");await t("Rate the registration form",async()=>{await Jt({value:5,rating:o})}),await t("Submit the form",async()=>{await j.click(a.getByRole("button",{name:"Submit"}))}),await t("Assert that onSubmit was called with correct data",async()=>{await pt(()=>{q(e.onSubmit).toHaveBeenCalledWith({fullName:"John Doe",email:"john.doe@example.com",age:25,country:"us",password:"TestPassword123!",confirmPassword:"TestPassword123!",bio:"I am a software engineer with 5 years of experience.",privacyPolicyAccepted:!0,experienceLevel:55,priceRange:[27,73],emailNotifications:!1,englishLevel:"b2",skills:["reading","listening"],marketing:["emails"],registrationExperience:5},q.anything())})}),await t("Reset the form",async()=>{await j.click(a.getByRole("button",{name:"Reset"}))}),await t("Assert all fields are cleared",async()=>{await pt(()=>{q(a.getByRole("textbox",{name:"Full Name"})).not.toHaveValue(),q(a.getByRole("textbox",{name:"Email"})).not.toHaveValue(),q(a.getByRole("spinbutton",{name:"Age"})).not.toHaveValue(),q(a.getByRole("combobox",{name:"Country"})).not.toHaveValue(),q(a.getByLabelText(/^Password/)).not.toHaveValue(),q(a.getByLabelText(/^Confirm Password/)).not.toHaveValue(),q(a.getByRole("textbox",{name:"Bio"})).not.toHaveValue(),q(a.getByRole("checkbox",{name:"Accept Privacy Policy"})).not.toBeChecked(),q(a.getByRole("switch",{name:"Email Notifications"})).toHaveAttribute("aria-checked","true"),q(a.getByRole("slider",{name:"Experience Level"})).toHaveAttribute("aria-valuenow","50"),q(a.getByRole("slider",{name:"Minimum Price Range"})).toHaveAttribute("aria-valuenow","25"),q(a.getByRole("slider",{name:"Maximum Price Range"})).toHaveAttribute("aria-valuenow","75");const l=a.getByRole("listbox",{name:"English Level"});se(l).getAllByRole("option").forEach(R=>{q(R).toHaveAttribute("aria-selected","false")});const u=a.getByRole("listbox",{name:"Skills"});se(u).getAllByRole("option").forEach(R=>{q(R).toHaveAttribute("aria-selected","false")});const c=a.getByRole("list",{name:"Marketing"});q(se(c).getByRole("button",{name:"Remove Marketing emails"})).toBeVisible(),q(se(c).getByRole("button",{name:"Remove Push notifications"})).toBeVisible();const k=i.querySelector("#registrationExperienceField");if(!k)throw new Error("#registrationExperienceField is not in the canvas");if(!(k instanceof HTMLElement))throw new Error("#registrationExperienceField is not a valid HTMLElement");q(k).toHaveAttribute("aria-valuetext","0 out of 5")})})}};var bt,xt,wt,Ft,St;xe.parameters={...xe.parameters,docs:{...(bt=xe.parameters)==null?void 0:bt.docs,source:{originalSource:`{
+import{R as x,j as y}from"./iframe-B_74HtSc.js";import{s as Jt,R as Yt}from"./RatingInput.stories-BKAXF4Qv.js";import{L as rt}from"./LayoutFlex-DXRMJ9FH.js";import{H as zt}from"./Heading-Cj8Si45g.js";import{T as it}from"./TextField-BSJgR_zK.js";import{N as Kt}from"./NumberField-klmIiQAi.js";import{b as Gt,a as re}from"./SelectField-DU60q2LU.js";import{P as at}from"./PasswordField-BjqiXySY.js";import{T as Zt}from"./TextareaField-DUqOyVK5.js";import{F as oe}from"./FormControl-Zqf1cIwP.js";import{S as Qt}from"./Slider-B8ndK7PX.js";import{R as Xt}from"./RangeSlider-MZqvjtBp.js";import{S as er}from"./Switch-Dyoj_Z1P.js";import{a as tr,S as fe}from"./SingleSelectChips-CDtny-H7.js";import{a as rr,M as Re}from"./MultiSelectChips-CBnEtn4N.js";import{a as ir,D as st}from"./DismissibleChips-YCE2ttV-.js";import{C as ar}from"./Checkbox-U8uzIr-e.js";import{B as lt}from"./Button-C0Um_QuO.js";import"./preload-helper-Dp1pzeXC.js";import"./Stars-BSTkfC0i.js";import"./index-DIqvfT2b.js";import"./TokyoUIStarFilled-CF0iG37X.js";import"./render-icon-MT6RlyNs.js";import"./useControllableState-BB4EHwEp.js";import"./useStableCallback-D5P5kDx5.js";import"./componentNames-hc9KR2nX.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-BIZVul8q.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";import"./Input-DuW1_5SG.js";import"./InputContainer-Cmdo_xyq.js";import"./TokyoUIChevronDown-DiBNbDdz.js";import"./TokyoUICheckmark-BHJrELn_.js";import"./Icon-CC0yjdx9.js";import"./breakpoints-BfMlrtxE.js";import"./index-Cnv20V_M.js";import"./index-W3BB_3go.js";import"./TokyoUIEye-oyrTN--k.js";import"./FieldButton-DpHF49o_.js";import"./useMergeRefs-CFhXCqbA.js";import"./message-DJT5rp5J.js";import"./createRequiredContext-B3Arn9-D.js";import"./CountryFlag-D40CtNEa.js";import"./TokyoUIClose-BfMyMrDa.js";import"./VisuallyHidden-fvo3PSUE.js";import"./shared-strings-ThL9KyH0.js";import"./useMergeRefs-Caz9hOck.js";import"./ButtonBase-HkSfLFbE.js";import"./Spinner-8-RB4YZR.js";import"./useHostname-CbpnzdHv.js";import"./index-CC6DAVyL.js";var Se=e=>e.type==="checkbox",me=e=>e instanceof Date,J=e=>e==null;const Ct=e=>typeof e=="object";var T=e=>!J(e)&&!Array.isArray(e)&&Ct(e)&&!me(e),kt=e=>T(e)&&e.target?Se(e.target)?e.target.checked:e.target.value:e,sr=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,Rt=(e,i)=>e.has(sr(i)),lr=e=>{const i=e.constructor&&e.constructor.prototype;return T(i)&&i.hasOwnProperty("isPrototypeOf")},Oe=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function O(e){let i;const t=Array.isArray(e),a=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)i=new Date(e);else if(!(Oe&&(e instanceof Blob||a))&&(t||T(e)))if(i=t?[]:Object.create(Object.getPrototypeOf(e)),!t&&!lr(e))i=e;else for(const o in e)e.hasOwnProperty(o)&&(i[o]=O(e[o]));else return e;return i}var _e=e=>/^\w*$/.test(e),L=e=>e===void 0,Ie=e=>Array.isArray(e)?e.filter(Boolean):[],Ne=e=>Ie(e.replace(/["|']|\]/g,"").split(/\.|\[/)),m=(e,i,t)=>{if(!i||!T(e))return t;const a=(_e(i)?[i]:Ne(i)).reduce((o,l)=>J(o)?o:o[l],e);return L(a)||a===e?L(e[i])?t:e[i]:a},Y=e=>typeof e=="boolean",_=(e,i,t)=>{let a=-1;const o=_e(i)?[i]:Ne(i),l=o.length,u=l-1;for(;++a<l;){const c=o[a];let k=t;if(a!==u){const R=e[c];k=T(R)||Array.isArray(R)?R:isNaN(+o[a+1])?{}:[]}if(c==="__proto__"||c==="constructor"||c==="prototype")return;e[c]=k,e=e[c]}};const Ve={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change"},Z={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},ae={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"},Vt=x.createContext(null);Vt.displayName="HookFormContext";const He=()=>x.useContext(Vt);var Et=(e,i,t,a=!0)=>{const o={defaultValues:i._defaultValues};for(const l in e)Object.defineProperty(o,l,{get:()=>{const u=l;return i._proxyFormState[u]!==Z.all&&(i._proxyFormState[u]=!a||Z.all),t&&(t[u]=!0),e[u]}});return o};const Ue=typeof window<"u"?x.useLayoutEffect:x.useEffect;function nr(e){const i=He(),{control:t=i.control,disabled:a,name:o,exact:l}=e||{},[u,c]=x.useState(t._formState),k=x.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return Ue(()=>t._subscribe({name:o,formState:k.current,exact:l,callback:R=>{!a&&c({...t._formState,...R})}}),[o,a,l]),x.useEffect(()=>{k.current.isValid&&t._setValid(!0)},[t]),x.useMemo(()=>Et(u,t,k.current,!1),[u,t])}var z=e=>typeof e=="string",At=(e,i,t,a,o)=>z(e)?(a&&i.watch.add(e),m(t,e,o)):Array.isArray(e)?e.map(l=>(a&&i.watch.add(l),m(t,l))):(a&&(i.watchAll=!0),t),je=e=>J(e)||!Ct(e);function le(e,i,t=new WeakSet){if(je(e)||je(i))return e===i;if(me(e)&&me(i))return e.getTime()===i.getTime();const a=Object.keys(e),o=Object.keys(i);if(a.length!==o.length)return!1;if(t.has(e)||t.has(i))return!0;t.add(e),t.add(i);for(const l of a){const u=e[l];if(!o.includes(l))return!1;if(l!=="ref"){const c=i[l];if(me(u)&&me(c)||T(u)&&T(c)||Array.isArray(u)&&Array.isArray(c)?!le(u,c,t):u!==c)return!1}}return!0}function or(e){const i=He(),{control:t=i.control,name:a,defaultValue:o,disabled:l,exact:u,compute:c}=e||{},k=x.useRef(o),R=x.useRef(c),b=x.useRef(void 0);R.current=c;const F=x.useMemo(()=>t._getWatch(a,k.current),[t,a]),[p,U]=x.useState(R.current?R.current(F):F);return Ue(()=>t._subscribe({name:a,formState:{values:!0},exact:u,callback:N=>{if(!l){const h=At(a,t._names,N.values||t._formValues,!1,k.current);if(R.current){const S=R.current(h);le(S,b.current)||(U(S),b.current=S)}else U(h)}}}),[t,l,a,u]),x.useEffect(()=>t._removeUnmounted()),p}function ur(e){const i=He(),{name:t,disabled:a,control:o=i.control,shouldUnregister:l,defaultValue:u}=e,c=Rt(o._names.array,t),k=x.useMemo(()=>m(o._formValues,t,m(o._defaultValues,t,u)),[o,t,u]),R=or({control:o,name:t,defaultValue:k,exact:!0}),b=nr({control:o,name:t,exact:!0}),F=x.useRef(e),p=x.useRef(void 0),U=x.useRef(o.register(t,{...e.rules,value:R,...Y(e.disabled)?{disabled:e.disabled}:{}}));F.current=e;const N=x.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!m(b.errors,t)},isDirty:{enumerable:!0,get:()=>!!m(b.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!m(b.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!m(b.validatingFields,t)},error:{enumerable:!0,get:()=>m(b.errors,t)}}),[b,t]),h=x.useCallback(P=>U.current.onChange({target:{value:kt(P),name:t},type:Ve.CHANGE}),[t]),S=x.useCallback(()=>U.current.onBlur({target:{value:m(o._formValues,t),name:t},type:Ve.BLUR}),[t,o._formValues]),ge=x.useCallback(P=>{const I=m(o._fields,t);I&&P&&(I._f.ref={focus:()=>P.focus&&P.focus(),select:()=>P.select&&P.select(),setCustomValidity:B=>P.setCustomValidity(B),reportValidity:()=>P.reportValidity()})},[o._fields,t]),w=x.useMemo(()=>({name:t,value:R,...Y(a)||b.disabled?{disabled:b.disabled||a}:{},onChange:h,onBlur:S,ref:ge}),[t,a,b.disabled,h,S,ge,R]);return x.useEffect(()=>{const P=o._options.shouldUnregister||l,I=p.current;I&&I!==t&&!c&&o.unregister(I),o.register(t,{...F.current.rules,...Y(F.current.disabled)?{disabled:F.current.disabled}:{}});const B=(ie,X)=>{const ce=m(o._fields,ie);ce&&ce._f&&(ce._f.mount=X)};if(B(t,!0),P){const ie=O(m(o._options.defaultValues,t,F.current.defaultValue));_(o._defaultValues,t,ie),L(m(o._formValues,t))&&_(o._formValues,t,ie)}return!c&&o.register(t),p.current=t,()=>{(c?P&&!o._state.action:P)?o.unregister(t):B(t,!1)}},[t,o,c,l]),x.useEffect(()=>{o._setDisabledField({disabled:a,name:t})},[a,t,o]),x.useMemo(()=>({field:w,formState:b,fieldState:N}),[w,b,N])}const ue=e=>e.render(ur(e));var cr=(e,i,t,a,o)=>i?{...t[e],types:{...t[e]&&t[e].types?t[e].types:{},[a]:o||!0}}:{},we=e=>Array.isArray(e)?e:[e],nt=()=>{let e=[];return{get observers(){return e},next:o=>{for(const l of e)l.next&&l.next(o)},subscribe:o=>(e.push(o),{unsubscribe:()=>{e=e.filter(l=>l!==o)}}),unsubscribe:()=>{e=[]}}};function _t(e,i){const t={};for(const a in e)if(e.hasOwnProperty(a)){const o=e[a],l=i[a];if(o&&T(o)&&l){const u=_t(o,l);T(u)&&(t[a]=u)}else e[a]&&(t[a]=l)}return t}var $=e=>T(e)&&!Object.keys(e).length,We=e=>e.type==="file",Q=e=>typeof e=="function",Ee=e=>{if(!Oe)return!1;const i=e?e.ownerDocument:0;return e instanceof(i&&i.defaultView?i.defaultView.HTMLElement:HTMLElement)},Bt=e=>e.type==="select-multiple",$e=e=>e.type==="radio",dr=e=>$e(e)||Se(e),Te=e=>Ee(e)&&e.isConnected;function fr(e,i){const t=i.slice(0,-1).length;let a=0;for(;a<t;)e=L(e)?a++:e[i[a++]];return e}function mr(e){for(const i in e)if(e.hasOwnProperty(i)&&!L(e[i]))return!1;return!0}function D(e,i){const t=Array.isArray(i)?i:_e(i)?[i]:Ne(i),a=t.length===1?e:fr(e,t),o=t.length-1,l=t[o];return a&&delete a[l],o!==0&&(T(a)&&$(a)||Array.isArray(a)&&mr(a))&&D(e,t.slice(0,-1)),e}var gr=e=>{for(const i in e)if(Q(e[i]))return!0;return!1};function Pt(e){return Array.isArray(e)||T(e)&&!gr(e)}function qe(e,i={}){for(const t in e)Pt(e[t])?(i[t]=Array.isArray(e[t])?[]:{},qe(e[t],i[t])):L(e[t])||(i[t]=!0);return i}function ve(e,i,t){t||(t=qe(i));for(const a in e)Pt(e[a])?L(i)||je(t[a])?t[a]=qe(e[a],Array.isArray(e[a])?[]:{}):ve(e[a],J(i)?{}:i[a],t[a]):t[a]=!le(e[a],i[a]);return t}const ot={value:!1,isValid:!1},ut={value:!0,isValid:!0};var Lt=e=>{if(Array.isArray(e)){if(e.length>1){const i=e.filter(t=>t&&t.checked&&!t.disabled).map(t=>t.value);return{value:i,isValid:!!i.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!L(e[0].attributes.value)?L(e[0].value)||e[0].value===""?ut:{value:e[0].value,isValid:!0}:ut:ot}return ot},Mt=(e,{valueAsNumber:i,valueAsDate:t,setValueAs:a})=>L(e)?e:i?e===""?NaN:e&&+e:t&&z(e)?new Date(e):a?a(e):e;const ct={isValid:!1,value:null};var Dt=e=>Array.isArray(e)?e.reduce((i,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:i,ct):ct;function dt(e){const i=e.ref;return We(i)?i.files:$e(i)?Dt(e.refs).value:Bt(i)?[...i.selectedOptions].map(({value:t})=>t):Se(i)?Lt(e.refs).value:Mt(L(i.value)?e.ref.value:i.value,e)}var yr=(e,i,t,a)=>{const o={};for(const l of e){const u=m(i,l);u&&_(o,l,u._f)}return{criteriaMode:t,names:[...e],fields:o,shouldUseNativeValidation:a}},Ae=e=>e instanceof RegExp,be=e=>L(e)?e:Ae(e)?e.source:T(e)?Ae(e.value)?e.value.source:e.value:e,ft=e=>({isOnSubmit:!e||e===Z.onSubmit,isOnBlur:e===Z.onBlur,isOnChange:e===Z.onChange,isOnAll:e===Z.all,isOnTouch:e===Z.onTouched});const mt="AsyncFunction";var hr=e=>!!e&&!!e.validate&&!!(Q(e.validate)&&e.validate.constructor.name===mt||T(e.validate)&&Object.values(e.validate).find(i=>i.constructor.name===mt)),vr=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate),gt=(e,i,t)=>!t&&(i.watchAll||i.watch.has(e)||[...i.watch].some(a=>e.startsWith(a)&&/^\.\w+/.test(e.slice(a.length))));const Fe=(e,i,t,a)=>{for(const o of t||Object.keys(e)){const l=m(e,o);if(l){const{_f:u,...c}=l;if(u){if(u.refs&&u.refs[0]&&i(u.refs[0],o)&&!a)return!0;if(u.ref&&i(u.ref,u.name)&&!a)return!0;if(Fe(c,i))break}else if(T(c)&&Fe(c,i))break}}};function yt(e,i,t){const a=m(e,t);if(a||_e(t))return{error:a,name:t};const o=t.split(".");for(;o.length;){const l=o.join("."),u=m(i,l),c=m(e,l);if(u&&!Array.isArray(u)&&t!==l)return{name:t};if(c&&c.type)return{name:l,error:c};if(c&&c.root&&c.root.type)return{name:`${l}.root`,error:c.root};o.pop()}return{name:t}}var pr=(e,i,t,a)=>{t(e);const{name:o,...l}=e;return $(l)||Object.keys(l).length>=Object.keys(i).length||Object.keys(l).find(u=>i[u]===(!a||Z.all))},br=(e,i,t)=>!e||!i||e===i||we(e).some(a=>a&&(t?a===i:a.startsWith(i)||i.startsWith(a))),xr=(e,i,t,a,o)=>o.isOnAll?!1:!t&&o.isOnTouch?!(i||e):(t?a.isOnBlur:o.isOnBlur)?!e:(t?a.isOnChange:o.isOnChange)?e:!0,wr=(e,i)=>!Ie(m(e,i)).length&&D(e,i),Fr=(e,i,t)=>{const a=we(m(e,t));return _(a,"root",i[t]),_(e,t,a),e};function ht(e,i,t="validate"){if(z(e)||Array.isArray(e)&&e.every(z)||Y(e)&&!e)return{type:t,message:z(e)?e:"",ref:i}}var he=e=>T(e)&&!Ae(e)?e:{value:e,message:""},vt=async(e,i,t,a,o,l)=>{const{ref:u,refs:c,required:k,maxLength:R,minLength:b,min:F,max:p,pattern:U,validate:N,name:h,valueAsNumber:S,mount:ge}=e._f,w=m(t,h);if(!ge||i.has(h))return{};const P=c?c[0]:u,I=C=>{o&&P.reportValidity&&(P.setCustomValidity(Y(C)?"":C||""),P.reportValidity())},B={},ie=$e(u),X=Se(u),ce=ie||X,G=(S||We(u))&&L(u.value)&&L(w)||Ee(u)&&u.value===""||w===""||Array.isArray(w)&&!w.length,de=cr.bind(null,h,a,B),ee=(C,E,M,H=ae.maxLength,W=ae.minLength)=>{const te=C?E:M;B[h]={type:C?H:W,message:te,ref:u,...de(C?H:W,te)}};if(l?!Array.isArray(w)||!w.length:k&&(!ce&&(G||J(w))||Y(w)&&!w||X&&!Lt(c).isValid||ie&&!Dt(c).isValid)){const{value:C,message:E}=z(k)?{value:!!k,message:k}:he(k);if(C&&(B[h]={type:ae.required,message:E,ref:P,...de(ae.required,E)},!a))return I(E),B}if(!G&&(!J(F)||!J(p))){let C,E;const M=he(p),H=he(F);if(!J(w)&&!isNaN(w)){const W=u.valueAsNumber||w&&+w;J(M.value)||(C=W>M.value),J(H.value)||(E=W<H.value)}else{const W=u.valueAsDate||new Date(w),te=Ce=>new Date(new Date().toDateString()+" "+Ce),pe=u.type=="time",ye=u.type=="week";z(M.value)&&w&&(C=pe?te(w)>te(M.value):ye?w>M.value:W>new Date(M.value)),z(H.value)&&w&&(E=pe?te(w)<te(H.value):ye?w<H.value:W<new Date(H.value))}if((C||E)&&(ee(!!C,M.message,H.message,ae.max,ae.min),!a))return I(B[h].message),B}if((R||b)&&!G&&(z(w)||l&&Array.isArray(w))){const C=he(R),E=he(b),M=!J(C.value)&&w.length>+C.value,H=!J(E.value)&&w.length<+E.value;if((M||H)&&(ee(M,C.message,E.message),!a))return I(B[h].message),B}if(U&&!G&&z(w)){const{value:C,message:E}=he(U);if(Ae(C)&&!w.match(C)&&(B[h]={type:ae.pattern,message:E,ref:u,...de(ae.pattern,E)},!a))return I(E),B}if(N){if(Q(N)){const C=await N(w,t),E=ht(C,P);if(E&&(B[h]={...E,...de(ae.validate,E.message)},!a))return I(E.message),B}else if(T(N)){let C={};for(const E in N){if(!$(C)&&!a)break;const M=ht(await N[E](w,t),P,E);M&&(C={...M,...de(E,M.message)},I(M.message),a&&(B[h]=C))}if(!$(C)&&(B[h]={ref:P,...C},!a))return B}}return I(!0),B};const Sr={mode:Z.onSubmit,reValidateMode:Z.onChange,shouldFocusError:!0};function Cr(e={}){let i={...Sr,...e},t={submitCount:0,isDirty:!1,isReady:!1,isLoading:Q(i.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:i.errors||{},disabled:i.disabled||!1},a={},o=T(i.defaultValues)||T(i.values)?O(i.defaultValues||i.values)||{}:{},l=i.shouldUnregister?{}:O(o),u={action:!1,mount:!1,watch:!1},c={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},k,R=0;const b={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1};let F={...b};const p={array:nt(),state:nt()},U=i.criteriaMode===Z.all,N=r=>s=>{clearTimeout(R),R=setTimeout(r,s)},h=async r=>{if(!i.disabled&&(b.isValid||F.isValid||r)){const s=i.resolver?$((await X()).errors):await G(a,!0);s!==t.isValid&&p.state.next({isValid:s})}},S=(r,s)=>{!i.disabled&&(b.isValidating||b.validatingFields||F.isValidating||F.validatingFields)&&((r||Array.from(c.mount)).forEach(n=>{n&&(s?_(t.validatingFields,n,s):D(t.validatingFields,n))}),p.state.next({validatingFields:t.validatingFields,isValidating:!$(t.validatingFields)}))},ge=(r,s=[],n,g,f=!0,d=!0)=>{if(g&&n&&!i.disabled){if(u.action=!0,d&&Array.isArray(m(a,r))){const v=n(m(a,r),g.argA,g.argB);f&&_(a,r,v)}if(d&&Array.isArray(m(t.errors,r))){const v=n(m(t.errors,r),g.argA,g.argB);f&&_(t.errors,r,v),wr(t.errors,r)}if((b.touchedFields||F.touchedFields)&&d&&Array.isArray(m(t.touchedFields,r))){const v=n(m(t.touchedFields,r),g.argA,g.argB);f&&_(t.touchedFields,r,v)}(b.dirtyFields||F.dirtyFields)&&(t.dirtyFields=ve(o,l)),p.state.next({name:r,isDirty:ee(r,s),dirtyFields:t.dirtyFields,errors:t.errors,isValid:t.isValid})}else _(l,r,s)},w=(r,s)=>{_(t.errors,r,s),p.state.next({errors:t.errors})},P=r=>{t.errors=r,p.state.next({errors:t.errors,isValid:!1})},I=(r,s,n,g)=>{const f=m(a,r);if(f){const d=m(l,r,L(n)?m(o,r):n);L(d)||g&&g.defaultChecked||s?_(l,r,s?d:dt(f._f)):M(r,d),u.mount&&h()}},B=(r,s,n,g,f)=>{let d=!1,v=!1;const V={name:r};if(!i.disabled){if(!n||g){(b.isDirty||F.isDirty)&&(v=t.isDirty,t.isDirty=V.isDirty=ee(),d=v!==V.isDirty);const A=le(m(o,r),s);v=!!m(t.dirtyFields,r),A?D(t.dirtyFields,r):_(t.dirtyFields,r,!0),V.dirtyFields=t.dirtyFields,d=d||(b.dirtyFields||F.dirtyFields)&&v!==!A}if(n){const A=m(t.touchedFields,r);A||(_(t.touchedFields,r,n),V.touchedFields=t.touchedFields,d=d||(b.touchedFields||F.touchedFields)&&A!==n)}d&&f&&p.state.next(V)}return d?V:{}},ie=(r,s,n,g)=>{const f=m(t.errors,r),d=(b.isValid||F.isValid)&&Y(s)&&t.isValid!==s;if(i.delayError&&n?(k=N(()=>w(r,n)),k(i.delayError)):(clearTimeout(R),k=null,n?_(t.errors,r,n):D(t.errors,r)),(n?!le(f,n):f)||!$(g)||d){const v={...g,...d&&Y(s)?{isValid:s}:{},errors:t.errors,name:r};t={...t,...v},p.state.next(v)}},X=async r=>{S(r,!0);const s=await i.resolver(l,i.context,yr(r||c.mount,a,i.criteriaMode,i.shouldUseNativeValidation));return S(r),s},ce=async r=>{const{errors:s}=await X(r);if(r)for(const n of r){const g=m(s,n);g?_(t.errors,n,g):D(t.errors,n)}else t.errors=s;return s},G=async(r,s,n={valid:!0})=>{for(const g in r){const f=r[g];if(f){const{_f:d,...v}=f;if(d){const V=c.array.has(d.name),A=f._f&&hr(f._f);A&&b.validatingFields&&S([d.name],!0);const K=await vt(f,c.disabled,l,U,i.shouldUseNativeValidation&&!s,V);if(A&&b.validatingFields&&S([d.name]),K[d.name]&&(n.valid=!1,s))break;!s&&(m(K,d.name)?V?Fr(t.errors,K,d.name):_(t.errors,d.name,K[d.name]):D(t.errors,d.name))}!$(v)&&await G(v,s,n)}}return n.valid},de=()=>{for(const r of c.unMount){const s=m(a,r);s&&(s._f.refs?s._f.refs.every(n=>!Te(n)):!Te(s._f.ref))&&Be(r)}c.unMount=new Set},ee=(r,s)=>!i.disabled&&(r&&s&&_(l,r,s),!le(Ce(),o)),C=(r,s,n)=>At(r,c,{...u.mount?l:L(s)?o:z(r)?{[r]:s}:s},n,s),E=r=>Ie(m(u.mount?l:o,r,i.shouldUnregister?m(o,r,[]):[])),M=(r,s,n={})=>{const g=m(a,r);let f=s;if(g){const d=g._f;d&&(!d.disabled&&_(l,r,Mt(s,d)),f=Ee(d.ref)&&J(s)?"":s,Bt(d.ref)?[...d.ref.options].forEach(v=>v.selected=f.includes(v.value)):d.refs?Se(d.ref)?d.refs.forEach(v=>{(!v.defaultChecked||!v.disabled)&&(Array.isArray(f)?v.checked=!!f.find(V=>V===v.value):v.checked=f===v.value||!!f)}):d.refs.forEach(v=>v.checked=v.value===f):We(d.ref)?d.ref.value="":(d.ref.value=f,d.ref.type||p.state.next({name:r,values:O(l)})))}(n.shouldDirty||n.shouldTouch)&&B(r,f,n.shouldTouch,n.shouldDirty,!0),n.shouldValidate&&ye(r)},H=(r,s,n)=>{for(const g in s){if(!s.hasOwnProperty(g))return;const f=s[g],d=r+"."+g,v=m(a,d);(c.array.has(r)||T(f)||v&&!v._f)&&!me(f)?H(d,f,n):M(d,f,n)}},W=(r,s,n={})=>{const g=m(a,r),f=c.array.has(r),d=O(s);_(l,r,d),f?(p.array.next({name:r,values:O(l)}),(b.isDirty||b.dirtyFields||F.isDirty||F.dirtyFields)&&n.shouldDirty&&p.state.next({name:r,dirtyFields:ve(o,l),isDirty:ee(r,d)})):g&&!g._f&&!J(d)?H(r,d,n):M(r,d,n),gt(r,c)&&p.state.next({...t,name:r}),p.state.next({name:u.mount?r:void 0,values:O(l)})},te=async r=>{u.mount=!0;const s=r.target;let n=s.name,g=!0;const f=m(a,n),d=A=>{g=Number.isNaN(A)||me(A)&&isNaN(A.getTime())||le(A,m(l,n,A))},v=ft(i.mode),V=ft(i.reValidateMode);if(f){let A,K;const ke=s.type?dt(f._f):kt(r),ne=r.type===Ve.BLUR||r.type===Ve.FOCUS_OUT,Ut=!vr(f._f)&&!i.resolver&&!m(t.errors,n)&&!f._f.deps||xr(ne,m(t.touchedFields,n),t.isSubmitted,V,v),Me=gt(n,c,ne);_(l,n,ke),ne?(!s||!s.readOnly)&&(f._f.onBlur&&f._f.onBlur(r),k&&k(0)):f._f.onChange&&f._f.onChange(r);const De=B(n,ke,ne),Wt=!$(De)||Me;if(!ne&&p.state.next({name:n,type:r.type,values:O(l)}),Ut)return(b.isValid||F.isValid)&&(i.mode==="onBlur"?ne&&h():ne||h()),Wt&&p.state.next({name:n,...Me?{}:De});if(!ne&&Me&&p.state.next({...t}),i.resolver){const{errors:et}=await X([n]);if(d(ke),g){const $t=yt(t.errors,a,n),tt=yt(et,a,$t.name||n);A=tt.error,n=tt.name,K=$(et)}}else S([n],!0),A=(await vt(f,c.disabled,l,U,i.shouldUseNativeValidation))[n],S([n]),d(ke),g&&(A?K=!1:(b.isValid||F.isValid)&&(K=await G(a,!0)));g&&(f._f.deps&&(!Array.isArray(f._f.deps)||f._f.deps.length>0)&&ye(f._f.deps),ie(n,K,A,De))}},pe=(r,s)=>{if(m(t.errors,s)&&r.focus)return r.focus(),1},ye=async(r,s={})=>{let n,g;const f=we(r);if(i.resolver){const d=await ce(L(r)?r:f);n=$(d),g=r?!f.some(v=>m(d,v)):n}else r?(g=(await Promise.all(f.map(async d=>{const v=m(a,d);return await G(v&&v._f?{[d]:v}:v)}))).every(Boolean),!(!g&&!t.isValid)&&h()):g=n=await G(a);return p.state.next({...!z(r)||(b.isValid||F.isValid)&&n!==t.isValid?{}:{name:r},...i.resolver||!r?{isValid:n}:{},errors:t.errors}),s.shouldFocus&&!g&&Fe(a,pe,r?f:c.mount),g},Ce=(r,s)=>{let n={...u.mount?l:o};return s&&(n=_t(s.dirtyFields?t.dirtyFields:t.touchedFields,n)),L(r)?n:z(r)?m(n,r):r.map(g=>m(n,g))},Je=(r,s)=>({invalid:!!m((s||t).errors,r),isDirty:!!m((s||t).dirtyFields,r),error:m((s||t).errors,r),isValidating:!!m(t.validatingFields,r),isTouched:!!m((s||t).touchedFields,r)}),Tt=r=>{r&&we(r).forEach(s=>D(t.errors,s)),p.state.next({errors:r?t.errors:{}})},Ye=(r,s,n)=>{const g=(m(a,r,{_f:{}})._f||{}).ref,f=m(t.errors,r)||{},{ref:d,message:v,type:V,...A}=f;_(t.errors,r,{...A,...s,ref:g}),p.state.next({name:r,errors:t.errors,isValid:!1}),n&&n.shouldFocus&&g&&g.focus&&g.focus()},jt=(r,s)=>Q(r)?p.state.subscribe({next:n=>"values"in n&&r(C(void 0,s),n)}):C(r,s,!0),ze=r=>p.state.subscribe({next:s=>{br(r.name,s.name,r.exact)&&pr(s,r.formState||b,Ht,r.reRenderRoot)&&r.callback({values:{...l},...t,...s,defaultValues:o})}}).unsubscribe,qt=r=>(u.mount=!0,F={...F,...r.formState},ze({...r,formState:F})),Be=(r,s={})=>{for(const n of r?we(r):c.mount)c.mount.delete(n),c.array.delete(n),s.keepValue||(D(a,n),D(l,n)),!s.keepError&&D(t.errors,n),!s.keepDirty&&D(t.dirtyFields,n),!s.keepTouched&&D(t.touchedFields,n),!s.keepIsValidating&&D(t.validatingFields,n),!i.shouldUnregister&&!s.keepDefaultValue&&D(o,n);p.state.next({values:O(l)}),p.state.next({...t,...s.keepDirty?{isDirty:ee()}:{}}),!s.keepIsValid&&h()},Ke=({disabled:r,name:s})=>{(Y(r)&&u.mount||r||c.disabled.has(s))&&(r?c.disabled.add(s):c.disabled.delete(s))},Pe=(r,s={})=>{let n=m(a,r);const g=Y(s.disabled)||Y(i.disabled);return _(a,r,{...n||{},_f:{...n&&n._f?n._f:{ref:{name:r}},name:r,mount:!0,...s}}),c.mount.add(r),n?Ke({disabled:Y(s.disabled)?s.disabled:i.disabled,name:r}):I(r,!0,s.value),{...g?{disabled:s.disabled||i.disabled}:{},...i.progressive?{required:!!s.required,min:be(s.min),max:be(s.max),minLength:be(s.minLength),maxLength:be(s.maxLength),pattern:be(s.pattern)}:{},name:r,onChange:te,onBlur:te,ref:f=>{if(f){Pe(r,s),n=m(a,r);const d=L(f.value)&&f.querySelectorAll&&f.querySelectorAll("input,select,textarea")[0]||f,v=dr(d),V=n._f.refs||[];if(v?V.find(A=>A===d):d===n._f.ref)return;_(a,r,{_f:{...n._f,...v?{refs:[...V.filter(Te),d,...Array.isArray(m(o,r))?[{}]:[]],ref:{type:d.type,name:r}}:{ref:d}}}),I(r,!1,void 0,d)}else n=m(a,r,{}),n._f&&(n._f.mount=!1),(i.shouldUnregister||s.shouldUnregister)&&!(Rt(c.array,r)&&u.action)&&c.unMount.add(r)}}},Le=()=>i.shouldFocusError&&Fe(a,pe,c.mount),Ot=r=>{Y(r)&&(p.state.next({disabled:r}),Fe(a,(s,n)=>{const g=m(a,n);g&&(s.disabled=g._f.disabled||r,Array.isArray(g._f.refs)&&g._f.refs.forEach(f=>{f.disabled=g._f.disabled||r}))},0,!1))},Ge=(r,s)=>async n=>{let g;n&&(n.preventDefault&&n.preventDefault(),n.persist&&n.persist());let f=O(l);if(p.state.next({isSubmitting:!0}),i.resolver){const{errors:d,values:v}=await X();t.errors=d,f=O(v)}else await G(a);if(c.disabled.size)for(const d of c.disabled)D(f,d);if(D(t.errors,"root"),$(t.errors)){p.state.next({errors:{}});try{await r(f,n)}catch(d){g=d}}else s&&await s({...t.errors},n),Le(),setTimeout(Le);if(p.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:$(t.errors)&&!g,submitCount:t.submitCount+1,errors:t.errors}),g)throw g},It=(r,s={})=>{m(a,r)&&(L(s.defaultValue)?W(r,O(m(o,r))):(W(r,s.defaultValue),_(o,r,O(s.defaultValue))),s.keepTouched||D(t.touchedFields,r),s.keepDirty||(D(t.dirtyFields,r),t.isDirty=s.defaultValue?ee(r,O(m(o,r))):ee()),s.keepError||(D(t.errors,r),b.isValid&&h()),p.state.next({...t}))},Ze=(r,s={})=>{const n=r?O(r):o,g=O(n),f=$(r),d=f?o:g;if(s.keepDefaultValues||(o=n),!s.keepValues){if(s.keepDirtyValues){const v=new Set([...c.mount,...Object.keys(ve(o,l))]);for(const V of Array.from(v))m(t.dirtyFields,V)?_(d,V,m(l,V)):W(V,m(d,V))}else{if(Oe&&L(r))for(const v of c.mount){const V=m(a,v);if(V&&V._f){const A=Array.isArray(V._f.refs)?V._f.refs[0]:V._f.ref;if(Ee(A)){const K=A.closest("form");if(K){K.reset();break}}}}if(s.keepFieldsRef)for(const v of c.mount)W(v,m(d,v));else a={}}l=i.shouldUnregister?s.keepDefaultValues?O(o):{}:O(d),p.array.next({values:{...d}}),p.state.next({values:{...d}})}c={mount:s.keepDirtyValues?c.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},u.mount=!b.isValid||!!s.keepIsValid||!!s.keepDirtyValues,u.watch=!!i.shouldUnregister,p.state.next({submitCount:s.keepSubmitCount?t.submitCount:0,isDirty:f?!1:s.keepDirty?t.isDirty:!!(s.keepDefaultValues&&!le(r,o)),isSubmitted:s.keepIsSubmitted?t.isSubmitted:!1,dirtyFields:f?{}:s.keepDirtyValues?s.keepDefaultValues&&l?ve(o,l):t.dirtyFields:s.keepDefaultValues&&r?ve(o,r):s.keepDirty?t.dirtyFields:{},touchedFields:s.keepTouched?t.touchedFields:{},errors:s.keepErrors?t.errors:{},isSubmitSuccessful:s.keepIsSubmitSuccessful?t.isSubmitSuccessful:!1,isSubmitting:!1,defaultValues:o})},Qe=(r,s)=>Ze(Q(r)?r(l):r,s),Nt=(r,s={})=>{const n=m(a,r),g=n&&n._f;if(g){const f=g.refs?g.refs[0]:g.ref;f.focus&&(f.focus(),s.shouldSelect&&Q(f.select)&&f.select())}},Ht=r=>{t={...t,...r}},Xe={control:{register:Pe,unregister:Be,getFieldState:Je,handleSubmit:Ge,setError:Ye,_subscribe:ze,_runSchema:X,_focusError:Le,_getWatch:C,_getDirty:ee,_setValid:h,_setFieldArray:ge,_setDisabledField:Ke,_setErrors:P,_getFieldArray:E,_reset:Ze,_resetDefaultValues:()=>Q(i.defaultValues)&&i.defaultValues().then(r=>{Qe(r,i.resetOptions),p.state.next({isLoading:!1})}),_removeUnmounted:de,_disableForm:Ot,_subjects:p,_proxyFormState:b,get _fields(){return a},get _formValues(){return l},get _state(){return u},set _state(r){u=r},get _defaultValues(){return o},get _names(){return c},set _names(r){c=r},get _formState(){return t},get _options(){return i},set _options(r){i={...i,...r}}},subscribe:qt,trigger:ye,register:Pe,handleSubmit:Ge,watch:jt,setValue:W,getValues:Ce,reset:Qe,resetField:It,clearErrors:Tt,unregister:Be,setError:Ye,setFocus:Nt,getFieldState:Je};return{...Xe,formControl:Xe}}function kr(e={}){const i=x.useRef(void 0),t=x.useRef(void 0),[a,o]=x.useState({isDirty:!1,isValidating:!1,isLoading:Q(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:Q(e.defaultValues)?void 0:e.defaultValues});if(!i.current)if(e.formControl)i.current={...e.formControl,formState:a},e.defaultValues&&!Q(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions);else{const{formControl:u,...c}=Cr(e);i.current={...c,formState:a}}const l=i.current.control;return l._options=e,Ue(()=>{const u=l._subscribe({formState:l._proxyFormState,callback:()=>o({...l._formState}),reRenderRoot:!0});return o(c=>({...c,isReady:!0})),l._formState.isReady=!0,u},[l]),x.useEffect(()=>l._disableForm(e.disabled),[l,e.disabled]),x.useEffect(()=>{e.mode&&(l._options.mode=e.mode),e.reValidateMode&&(l._options.reValidateMode=e.reValidateMode)},[l,e.mode,e.reValidateMode]),x.useEffect(()=>{e.errors&&(l._setErrors(e.errors),l._focusError())},[l,e.errors]),x.useEffect(()=>{e.shouldUnregister&&l._subjects.state.next({values:l._getWatch()})},[l,e.shouldUnregister]),x.useEffect(()=>{if(l._proxyFormState.isDirty){const u=l._getDirty();u!==a.isDirty&&l._subjects.state.next({isDirty:u})}},[l,a.isDirty]),x.useEffect(()=>{e.values&&!le(e.values,t.current)?(l._reset(e.values,{keepFieldsRef:!0,...l._options.resetOptions}),t.current=e.values,o(u=>({...u}))):l._resetDefaultValues()},[l,e.values]),x.useEffect(()=>{l._state.mount||(l._setValid(),l._state.mount=!0),l._state.watch&&(l._state.watch=!1,l._subjects.state.next({...l._formState})),l._removeUnmounted()}),i.current.formState=Et(a,l),i.current}const{userEvent:j,expect:q,within:se,waitFor:pt,fn:Rr}=__STORYBOOK_MODULE_TEST__,Ri={title:"Guides/Integration with React Hook Form",args:{onSubmit:Rr()}},xe={render:function(i){const t=()=>{var k,R,b,F,p,U,N;const{register:a,handleSubmit:o,formState:{errors:l},reset:u,control:c}=kr({defaultValues:{fullName:"",email:"",age:void 0,country:"",password:"",confirmPassword:"",bio:"",privacyPolicyAccepted:!1,experienceLevel:50,priceRange:[25,75],emailNotifications:!0,englishLevel:null,skills:[],marketing:["emails","push"],registrationExperience:0}});return y.jsx("div",{style:{maxWidth:"600px",margin:"0 auto",padding:"20px"},children:y.jsxs(rt,{direction:"column",gap:"16",children:[y.jsx(zt,{variant:"extraLarge",tag:"h1",children:"User Registration Form"}),y.jsxs("form",{onSubmit:o(i.onSubmit),style:{display:"contents"},noValidate:!0,children:[y.jsx(it,{label:"Full Name",...a("fullName",{required:"Full name is required"}),error:(k=l.fullName)==null?void 0:k.message,required:!0}),y.jsx(it,{label:"Email",type:"email",...a("email",{required:"Email is required"}),error:(R=l.email)==null?void 0:R.message,required:!0}),y.jsx(Kt,{label:"Age",...a("age",{valueAsNumber:!0,required:"Age is required",min:{value:18,message:"You must be at least 18 years old"}}),min:18,max:120,error:(b=l.age)==null?void 0:b.message,required:!0}),y.jsx(ue,{name:"country",control:c,rules:{required:"Country is required"},render:({field:h})=>{var S;return y.jsxs(Gt,{ref:h.ref,label:"Country",placeholder:"",error:(S=l.country)==null?void 0:S.message,required:!0,disabled:h.disabled,value:h.value,onBlur:h.onBlur,onValueChange:h.onChange,children:[y.jsx(re,{value:"us",children:"United States"}),y.jsx(re,{value:"ca",children:"Canada"}),y.jsx(re,{value:"uk",children:"United Kingdom"}),y.jsx(re,{value:"de",children:"Germany"}),y.jsx(re,{value:"fr",children:"France"}),y.jsx(re,{value:"it",children:"Italy"}),y.jsx(re,{value:"es",children:"Spain"}),y.jsx(re,{value:"au",children:"Australia"}),y.jsx(re,{value:"jp",children:"Japan"}),y.jsx(re,{value:"other",children:"Other"})]})}}),y.jsx(at,{label:"Password",...a("password",{required:"Password is required",minLength:{value:8,message:"Password must be at least 8 characters"},pattern:{value:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,message:"Password must contain at least one uppercase letter, one lowercase letter, one number, and one special character"}}),error:(F=l.password)==null?void 0:F.message,required:!0}),y.jsx(at,{label:"Confirm Password",...a("confirmPassword",{required:"Please confirm your password",validate:(h,S)=>h===S.password||"Passwords do not match"}),error:(p=l.confirmPassword)==null?void 0:p.message,required:!0}),y.jsx(Zt,{label:"Bio",...a("bio",{maxLength:{value:500,message:"Bio must be less than 500 characters"}}),error:(U=l.bio)==null?void 0:U.message}),y.jsx(ue,{name:"experienceLevel",control:c,rules:{validate:{minValue:h=>h<50?"Must be above 50":!0}},render:({field:h})=>{var S;return y.jsx(oe,{label:"Experience Level",error:(S=l.experienceLevel)==null?void 0:S.message,children:y.jsx(Qt,{value:h.value,onValueChange:h.onChange,min:0,max:100,"aria-label":"Experience Level"})})}}),y.jsx(ue,{name:"priceRange",control:c,rules:{validate:{minValue:([h])=>h<=25?"Minimum must be above 25":!0,maxValue:([,h])=>h>=75?"Maximum must be below 75":!0}},render:({field:h})=>{var S;return y.jsx(oe,{label:"Price",error:(S=l.priceRange)==null?void 0:S.message,children:y.jsx(Xt,{value:h.value,onValueChange:h.onChange,min:0,max:100,"aria-label":"Price Range"})})}}),y.jsx(ue,{name:"emailNotifications",control:c,render:({field:h})=>{var S;return y.jsx(oe,{label:"Email Notifications",description:"Receive updates and newsletters via email",error:(S=l.emailNotifications)==null?void 0:S.message,children:y.jsx(er,{checked:h.value,onCheckedChange:h.onChange,"aria-label":"Email Notifications"})})}}),y.jsx(ue,{control:c,name:"englishLevel",rules:{required:"English level is required"},render:({field:h})=>y.jsx(oe,{label:"English Level",required:!0,children:y.jsxs(tr,{"aria-label":"English Level",value:h.value,onValueChange:h.onChange,children:[y.jsx(fe,{value:"a0",children:"A0"}),y.jsx(fe,{value:"a1",children:"A1"}),y.jsx(fe,{value:"a2",children:"A2"}),y.jsx(fe,{value:"b1",children:"B1"}),y.jsx(fe,{value:"b2",children:"B2"}),y.jsx(fe,{value:"c1",children:"C1"}),y.jsx(fe,{value:"c2",children:"C2"})]})})}),y.jsx(ue,{control:c,name:"skills",rules:{required:"Skills are required"},render:({field:h})=>y.jsx(oe,{label:"Skills",required:!0,children:y.jsxs(rr,{"aria-label":"Skills",value:h.value,onValueChange:h.onChange,children:[y.jsx(Re,{value:"vocabulary",children:"Vocabulary"}),y.jsx(Re,{value:"speaking",children:"Speaking"}),y.jsx(Re,{value:"listening",children:"Listening"}),y.jsx(Re,{value:"reading",children:"Reading"})]})})}),y.jsx(ue,{control:c,name:"marketing",rules:{required:"Marketing is required"},render:({field:h})=>y.jsx(oe,{label:"Marketing",description:"How do you want to receive marketing communications?",required:!0,children:y.jsxs(ir,{"aria-label":"Marketing",value:h.value,onValueChange:h.onChange,children:[y.jsx(st,{value:"emails",children:"Marketing emails"}),y.jsx(st,{value:"push",children:"Push notifications"})]})})}),y.jsx(oe,{label:"Accept Privacy Policy",description:"I accept the Privacy Policy",error:(N=l.privacyPolicyAccepted)==null?void 0:N.message,hideLabel:!0,children:y.jsx(ar,{...a("privacyPolicyAccepted",{required:"You must accept the Privacy Policy"})})}),y.jsx(ue,{name:"registrationExperience",control:c,render:({field:h})=>{var S;return y.jsx(oe,{label:"Rate the registration experience",description:"Was the form easy to understand?",error:(S=l.registrationExperience)==null?void 0:S.message,id:"registrationExperienceField",children:y.jsx(Yt,{value:h.value,onValueChange:h.onChange})})}}),y.jsxs(rt,{gap:"12",padding:["20","0","0"],justifyContent:"end",children:[y.jsx(lt,{onClick:()=>u(),variant:"secondary",children:"Reset"}),y.jsx(lt,{submitsForm:!0,children:"Submit"})]})]})]})})};return y.jsx(t,{})},play:async({args:e,canvasElement:i,step:t})=>{const a=se(i);await t("Fill full name field",async()=>{await j.type(a.getByRole("textbox",{name:"Full Name"}),"John Doe")}),await t("Fill email field",async()=>{await j.type(a.getByRole("textbox",{name:"Email"}),"john.doe@example.com")}),await t("Fill age field",async()=>{await j.clear(a.getByRole("spinbutton",{name:"Age"})),await j.type(a.getByRole("spinbutton",{name:"Age"}),"25")}),await t("Fill country field",async()=>{a.getByRole("combobox",{name:"Country"}).focus(),await j.keyboard("{Enter}".repeat(2))}),await t("Fill password field",async()=>{await j.type(a.getByLabelText(/^Password/),"TestPassword123!")}),await t("Fill confirm password field",async()=>{await j.type(a.getByLabelText(/^Confirm Password/),"TestPassword123!")}),await t("Fill bio field",async()=>{await j.type(a.getByRole("textbox",{name:"Bio"}),"I am a software engineer with 5 years of experience.")}),await t("Move experience level slider",async()=>{a.getByRole("slider",{name:"Experience Level"}).focus(),await j.keyboard("{ArrowRight}".repeat(5))}),await t("Move price range slider minimum",async()=>{a.getByRole("slider",{name:"Minimum Price Range"}).focus(),await j.keyboard("{ArrowRight}".repeat(2))}),await t("Move price range slider maximum",async()=>{a.getByRole("slider",{name:"Maximum Price Range"}).focus(),await j.keyboard("{ArrowLeft}".repeat(2))}),await t("Select english level",async()=>{const l=a.getByRole("listbox",{name:"English Level"}),u=se(l).getByRole("option",{name:"B2"});await j.click(u)}),await t("Select reading skill",async()=>{const l=a.getByRole("listbox",{name:"Skills"}),u=se(l).getByRole("option",{name:"Reading"});await j.click(u)}),await t("Select listening skill",async()=>{const l=a.getByRole("listbox",{name:"Skills"}),u=se(l).getByRole("option",{name:"Listening"});await j.click(u)}),await t("Dismiss push notifications",async()=>{const l=a.getByRole("list",{name:"Marketing"}),u=se(l).getByRole("button",{name:"Remove Push notifications"});await j.click(u)}),await t("Accept privacy policy",async()=>{const l=a.getByRole("checkbox",{name:"Accept Privacy Policy"});await j.click(l)}),await t("Toggle email notifications",async()=>{await j.click(a.getByRole("switch",{name:"Email Notifications"}))});const o=i.querySelector("#registrationExperienceField");if(!o)throw new Error("#registrationExperienceField is not in the canvas");if(!(o instanceof HTMLElement))throw new Error("#registrationExperienceField is not a valid HTMLElement");await t("Rate the registration form",async()=>{await Jt({value:5,rating:o})}),await t("Submit the form",async()=>{await j.click(a.getByRole("button",{name:"Submit"}))}),await t("Assert that onSubmit was called with correct data",async()=>{await pt(()=>{q(e.onSubmit).toHaveBeenCalledWith({fullName:"John Doe",email:"john.doe@example.com",age:25,country:"us",password:"TestPassword123!",confirmPassword:"TestPassword123!",bio:"I am a software engineer with 5 years of experience.",privacyPolicyAccepted:!0,experienceLevel:55,priceRange:[27,73],emailNotifications:!1,englishLevel:"b2",skills:["reading","listening"],marketing:["emails"],registrationExperience:5},q.anything())})}),await t("Reset the form",async()=>{await j.click(a.getByRole("button",{name:"Reset"}))}),await t("Assert all fields are cleared",async()=>{await pt(()=>{q(a.getByRole("textbox",{name:"Full Name"})).not.toHaveValue(),q(a.getByRole("textbox",{name:"Email"})).not.toHaveValue(),q(a.getByRole("spinbutton",{name:"Age"})).not.toHaveValue(),q(a.getByRole("combobox",{name:"Country"})).not.toHaveValue(),q(a.getByLabelText(/^Password/)).not.toHaveValue(),q(a.getByLabelText(/^Confirm Password/)).not.toHaveValue(),q(a.getByRole("textbox",{name:"Bio"})).not.toHaveValue(),q(a.getByRole("checkbox",{name:"Accept Privacy Policy"})).not.toBeChecked(),q(a.getByRole("switch",{name:"Email Notifications"})).toHaveAttribute("aria-checked","true"),q(a.getByRole("slider",{name:"Experience Level"})).toHaveAttribute("aria-valuenow","50"),q(a.getByRole("slider",{name:"Minimum Price Range"})).toHaveAttribute("aria-valuenow","25"),q(a.getByRole("slider",{name:"Maximum Price Range"})).toHaveAttribute("aria-valuenow","75");const l=a.getByRole("listbox",{name:"English Level"});se(l).getAllByRole("option").forEach(R=>{q(R).toHaveAttribute("aria-selected","false")});const u=a.getByRole("listbox",{name:"Skills"});se(u).getAllByRole("option").forEach(R=>{q(R).toHaveAttribute("aria-selected","false")});const c=a.getByRole("list",{name:"Marketing"});q(se(c).getByRole("button",{name:"Remove Marketing emails"})).toBeVisible(),q(se(c).getByRole("button",{name:"Remove Push notifications"})).toBeVisible();const k=i.querySelector("#registrationExperienceField");if(!k)throw new Error("#registrationExperienceField is not in the canvas");if(!(k instanceof HTMLElement))throw new Error("#registrationExperienceField is not a valid HTMLElement");q(k).toHaveAttribute("aria-valuetext","0 out of 5")})})}};var bt,xt,wt,Ft,St;xe.parameters={...xe.parameters,docs:{...(bt=xe.parameters)==null?void 0:bt.docs,source:{originalSource:`{
   render: function Story(args) {
     /**
      * This \`Story\` component is a hacky workaround; without it, the

package/dist/assets/{IntlFormattedCurrency.stories-CXBsKa8I.js → IntlFormattedCurrency.stories-j1D4xFto.js}

@@ -1,4 +1,4 @@
-import{ao as Q,j as e,r as h,R as X}from"./iframe-DjYTJz7A.js";import"./index-CUvrBGJo.js";import{a as Y,b as Z,L as ee,W as A,T as te,c as ne,l as q,d as R,e as ae,f as S,I as re,u as ie}from"./constants-Cwb-3GQ_.js";import{T as U}from"./Text-C8DrHLQF.js";import{N as j}from"./NumberField-FWK2ErPL.js";import{L as O}from"./LayoutFlex-p_p7LCCd.js";import{L as se}from"./LayoutGrid-eROIp1sZ.js";import{H as oe}from"./Heading-BPJGe0Bg.js";import{B as ue}from"./Button-DS2bg8PO.js";import{C as de}from"./Checkbox-Cmmcg7FL.js";import"./preload-helper-Dp1pzeXC.js";import"./styled-components.browser.esm-3T8u8x7l.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./getTokenVar-B8jDl0Ui.js";import"./tokens-Cp4gIGSO.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./FormControl-DgD7Nr_L.js";import"./message-DiUVdAQd.js";import"./Input-Cp2OkxN8.js";import"./InputContainer-BlXlJbfJ.js";import"./layout-relative.module-BM7yIsEb.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-DQF7VcUK.js";import"./constants-DYYVurUY.js";import"./render-icon-DZ6hllTG.js";import"./ButtonBase-sV1YoG7h.js";import"./Spinner-BG27lVzS.js";import"./useMergeRefs-CL5DIjXV.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";const le={rounded:{currencyDisplay:"narrowSymbol",maximumFractionDigits:0},short:{currencyDisplay:"narrowSymbol"},explicit:{currencyDisplay:"code",compactDisplay:"long"}},B=({currency:a,variant:n})=>({...{style:"currency",currency:a,currencySign:"standard",numberingSystem:"latn"},...le[n]}),z={id:"-",ja:"～",ko:"~",th:" – ",zh:"–"},ce="–",v=({formattedString:a,locale:n,showPlusSign:s})=>{const c=s?Y(a):a;return ee.includes(n)?Z(c):c},k=()=>{const{formatNumber:a,locale:n}=Q(),s=({value:r,currency:o,showPlusSign:u=!1})=>{const i=a(r,B({currency:o,variant:"short"}));return v({formattedString:i,locale:n,showPlusSign:u})},c=({value:r,currency:o,showPlusSign:u=!1})=>{const i=a(r,B({currency:o,variant:"rounded"}));return v({formattedString:i,locale:n,showPlusSign:u})},m=({value:r,currency:o,showPlusSign:u=!1})=>{const i=a(r,B({currency:o,variant:"explicit"}));return v({formattedString:i,locale:n,showPlusSign:u})},f=({value:r,currency:o,variant:u="short",showPlusSign:i=!1})=>{switch(u){case"rounded":return c({value:r,currency:o,showPlusSign:i});case"explicit":return m({value:r,currency:o,showPlusSign:i});case"short":default:return s({value:r,currency:o,showPlusSign:i})}},p=({startValue:r,endValue:o,currency:u,variant:i="short",showPlusSign:l=!1})=>{if(r===o)return f({value:r,currency:u,variant:i,showPlusSign:l});const y=Object.keys(z).includes(n)?z[n]:ce,w=f({value:r,currency:u,variant:i}),b=f({value:o,currency:u,variant:i}),V=`${w}${y}${b}`;return v({formattedString:V,locale:n,showPlusSign:l})};return{formatCurrencyShort:s,formatCurrencyRounded:c,formatCurrencyExplicit:m,formatCurrencyRange:({startValue:r,endValue:o,currency:u,variant:i="short",showPlusSign:l=!1})=>{const y=B({currency:u,variant:i});if("formatRange"in Intl.NumberFormat.prototype){const b=new Intl.NumberFormat(n,y).formatRange(r,o);return v({formattedString:b,locale:n,showPlusSign:l})}return p({startValue:r,endValue:o,currency:u,variant:i,showPlusSign:l})}}};function E(...a){const{formatCurrencyShort:n}=k(),s=n(...a);return e.jsx(A,{children:s})}function L(...a){const{formatCurrencyRounded:n}=k(),s=n(...a);return e.jsx(A,{children:s})}function _(...a){const{formatCurrencyExplicit:n}=k(),s=n(...a);return e.jsx(A,{children:s})}function F(...a){const{formatCurrencyRange:n}=k(),s=n(...a);return e.jsx(A,{children:s})}const I={CurrencyShort:E,CurrencyRounded:L,CurrencyExplicit:_,CurrencyRange:F};try{E.displayName="CurrencyShort",E.__docgenInfo={description:"",displayName:"CurrencyShort",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyBaseOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
+import{ao as Q,j as e,r as h,R as X}from"./iframe-B_74HtSc.js";import"./index-DIqvfT2b.js";import{a as Y,b as Z,L as ee,W as A,T as te,c as ne,l as q,d as R,e as ae,f as S,I as re,u as ie}from"./constants-DDJ2G0OO.js";import{T as U}from"./Text-DvShrljd.js";import{N as j}from"./NumberField-klmIiQAi.js";import{L as O}from"./LayoutFlex-DXRMJ9FH.js";import{L as se}from"./LayoutGrid-SAztDD7Z.js";import{H as oe}from"./Heading-Cj8Si45g.js";import{B as ue}from"./Button-C0Um_QuO.js";import{C as de}from"./Checkbox-U8uzIr-e.js";import"./preload-helper-Dp1pzeXC.js";import"./styled-components.browser.esm-BHxIJD2_.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./getTokenVar-CVkrm5Qs.js";import"./tokens-im-qJUCZ.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./FormControl-Zqf1cIwP.js";import"./message-DJT5rp5J.js";import"./Input-DuW1_5SG.js";import"./InputContainer-Cmdo_xyq.js";import"./layout-relative.module-BIZVul8q.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative-B9CiYPwj.js";import"./constants-DYYVurUY.js";import"./render-icon-MT6RlyNs.js";import"./ButtonBase-HkSfLFbE.js";import"./Spinner-8-RB4YZR.js";import"./useMergeRefs-Caz9hOck.js";import"./useHostname-CbpnzdHv.js";import"./index-CC6DAVyL.js";const le={rounded:{currencyDisplay:"narrowSymbol",maximumFractionDigits:0},short:{currencyDisplay:"narrowSymbol"},explicit:{currencyDisplay:"code",compactDisplay:"long"}},B=({currency:a,variant:n})=>({...{style:"currency",currency:a,currencySign:"standard",numberingSystem:"latn"},...le[n]}),z={id:"-",ja:"～",ko:"~",th:" – ",zh:"–"},ce="–",v=({formattedString:a,locale:n,showPlusSign:s})=>{const c=s?Y(a):a;return ee.includes(n)?Z(c):c},k=()=>{const{formatNumber:a,locale:n}=Q(),s=({value:r,currency:o,showPlusSign:u=!1})=>{const i=a(r,B({currency:o,variant:"short"}));return v({formattedString:i,locale:n,showPlusSign:u})},c=({value:r,currency:o,showPlusSign:u=!1})=>{const i=a(r,B({currency:o,variant:"rounded"}));return v({formattedString:i,locale:n,showPlusSign:u})},m=({value:r,currency:o,showPlusSign:u=!1})=>{const i=a(r,B({currency:o,variant:"explicit"}));return v({formattedString:i,locale:n,showPlusSign:u})},f=({value:r,currency:o,variant:u="short",showPlusSign:i=!1})=>{switch(u){case"rounded":return c({value:r,currency:o,showPlusSign:i});case"explicit":return m({value:r,currency:o,showPlusSign:i});case"short":default:return s({value:r,currency:o,showPlusSign:i})}},p=({startValue:r,endValue:o,currency:u,variant:i="short",showPlusSign:l=!1})=>{if(r===o)return f({value:r,currency:u,variant:i,showPlusSign:l});const y=Object.keys(z).includes(n)?z[n]:ce,w=f({value:r,currency:u,variant:i}),b=f({value:o,currency:u,variant:i}),V=`${w}${y}${b}`;return v({formattedString:V,locale:n,showPlusSign:l})};return{formatCurrencyShort:s,formatCurrencyRounded:c,formatCurrencyExplicit:m,formatCurrencyRange:({startValue:r,endValue:o,currency:u,variant:i="short",showPlusSign:l=!1})=>{const y=B({currency:u,variant:i});if("formatRange"in Intl.NumberFormat.prototype){const b=new Intl.NumberFormat(n,y).formatRange(r,o);return v({formattedString:b,locale:n,showPlusSign:l})}return p({startValue:r,endValue:o,currency:u,variant:i,showPlusSign:l})}}};function E(...a){const{formatCurrencyShort:n}=k(),s=n(...a);return e.jsx(A,{children:s})}function L(...a){const{formatCurrencyRounded:n}=k(),s=n(...a);return e.jsx(A,{children:s})}function _(...a){const{formatCurrencyExplicit:n}=k(),s=n(...a);return e.jsx(A,{children:s})}function F(...a){const{formatCurrencyRange:n}=k(),s=n(...a);return e.jsx(A,{children:s})}const I={CurrencyShort:E,CurrencyRounded:L,CurrencyExplicit:_,CurrencyRange:F};try{E.displayName="CurrencyShort",E.__docgenInfo={description:"",displayName:"CurrencyShort",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyBaseOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
 If the array is empty, undefined is returned and the array is not modified.`,name:"pop",required:!0,type:{name:"() => CurrencyBaseOptions | undefined"}},push:{defaultValue:null,description:`Appends new elements to the end of an array, and returns the new length of the array.
 @param items New elements to add to the array.`,name:"push",required:!0,type:{name:"(...items: CurrencyBaseOptions[]) => number"}},concat:{defaultValue:null,description:`Combines two or more arrays.
 This method returns a new array without modifying any existing arrays.
@@ -117,8 +117,8 @@ of the array.
 @param index The index of the value to overwrite. If the index is
 negative, then it replaces from the end of the array.
 @param value The value to write into the copied array.
-@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@364":{defaultValue:null,description:"Iterator",name:"__@iterator@364",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@581":{defaultValue:null,description:`Is an object whose properties have the value 'true'
-when they will be absent when used in a 'with' statement.`,name:"__@unscopables@581",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{L.displayName="CurrencyRounded",L.__docgenInfo={description:"",displayName:"CurrencyRounded",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyBaseOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
+@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@179":{defaultValue:null,description:"Iterator",name:"__@iterator@179",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@238":{defaultValue:null,description:`Is an object whose properties have the value 'true'
+when they will be absent when used in a 'with' statement.`,name:"__@unscopables@238",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{L.displayName="CurrencyRounded",L.__docgenInfo={description:"",displayName:"CurrencyRounded",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyBaseOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
 If the array is empty, undefined is returned and the array is not modified.`,name:"pop",required:!0,type:{name:"() => CurrencyBaseOptions | undefined"}},push:{defaultValue:null,description:`Appends new elements to the end of an array, and returns the new length of the array.
 @param items New elements to add to the array.`,name:"push",required:!0,type:{name:"(...items: CurrencyBaseOptions[]) => number"}},concat:{defaultValue:null,description:`Combines two or more arrays.
 This method returns a new array without modifying any existing arrays.
@@ -237,8 +237,8 @@ of the array.
 @param index The index of the value to overwrite. If the index is
 negative, then it replaces from the end of the array.
 @param value The value to write into the copied array.
-@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@364":{defaultValue:null,description:"Iterator",name:"__@iterator@364",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@581":{defaultValue:null,description:`Is an object whose properties have the value 'true'
-when they will be absent when used in a 'with' statement.`,name:"__@unscopables@581",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{_.displayName="CurrencyExplicit",_.__docgenInfo={description:"",displayName:"CurrencyExplicit",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyBaseOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
+@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@179":{defaultValue:null,description:"Iterator",name:"__@iterator@179",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@238":{defaultValue:null,description:`Is an object whose properties have the value 'true'
+when they will be absent when used in a 'with' statement.`,name:"__@unscopables@238",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{_.displayName="CurrencyExplicit",_.__docgenInfo={description:"",displayName:"CurrencyExplicit",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyBaseOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
 If the array is empty, undefined is returned and the array is not modified.`,name:"pop",required:!0,type:{name:"() => CurrencyBaseOptions | undefined"}},push:{defaultValue:null,description:`Appends new elements to the end of an array, and returns the new length of the array.
 @param items New elements to add to the array.`,name:"push",required:!0,type:{name:"(...items: CurrencyBaseOptions[]) => number"}},concat:{defaultValue:null,description:`Combines two or more arrays.
 This method returns a new array without modifying any existing arrays.
@@ -357,8 +357,8 @@ of the array.
 @param index The index of the value to overwrite. If the index is
 negative, then it replaces from the end of the array.
 @param value The value to write into the copied array.
-@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@364":{defaultValue:null,description:"Iterator",name:"__@iterator@364",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@581":{defaultValue:null,description:`Is an object whose properties have the value 'true'
-when they will be absent when used in a 'with' statement.`,name:"__@unscopables@581",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{F.displayName="CurrencyRange",F.__docgenInfo={description:"",displayName:"CurrencyRange",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyRangeFormatOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
+@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@179":{defaultValue:null,description:"Iterator",name:"__@iterator@179",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@238":{defaultValue:null,description:`Is an object whose properties have the value 'true'
+when they will be absent when used in a 'with' statement.`,name:"__@unscopables@238",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{F.displayName="CurrencyRange",F.__docgenInfo={description:"",displayName:"CurrencyRange",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"CurrencyRangeFormatOptions"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
 If the array is empty, undefined is returned and the array is not modified.`,name:"pop",required:!0,type:{name:"() => CurrencyBaseOptions | undefined"}},push:{defaultValue:null,description:`Appends new elements to the end of an array, and returns the new length of the array.
 @param items New elements to add to the array.`,name:"push",required:!0,type:{name:"(...items: CurrencyBaseOptions[]) => number"}},concat:{defaultValue:null,description:`Combines two or more arrays.
 This method returns a new array without modifying any existing arrays.
@@ -477,5 +477,5 @@ of the array.
 @param index The index of the value to overwrite. If the index is
 negative, then it replaces from the end of the array.
 @param value The value to write into the copied array.
-@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@364":{defaultValue:null,description:"Iterator",name:"__@iterator@364",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@581":{defaultValue:null,description:`Is an object whose properties have the value 'true'
-when they will be absent when used in a 'with' statement.`,name:"__@unscopables@581",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}const N=["rounded","short","explicit","range"],M=["BRL","GBP","EUR","PLN","USD","UAH"],H=()=>{const[a,n]=h.useState(""),[s,c]=h.useState(""),[m,f]=h.useState(!1),[p,D]=h.useState(12.34),[r,o]=h.useState(10),[u,i]=h.useState(20),[l,y]=h.useState(!1),w=t=>{t!==void 0&&D(t)},b=t=>{t!==void 0&&o(t)},V=t=>{t!==void 0&&i(t)},G=(t,d)=>t==="range"?e.jsx(I.CurrencyRange,{currency:d,startValue:r,endValue:u,variant:"short",showPlusSign:l}):t==="rounded"?e.jsx(I.CurrencyRounded,{currency:d,value:p,showPlusSign:l}):t==="explicit"?e.jsx(I.CurrencyExplicit,{currency:d,value:p,showPlusSign:l}):e.jsx(I.CurrencyShort,{currency:d,value:p,showPlusSign:l}),J=({variant:t,currency:d,isEvenGroup:g,isFirstRow:T})=>e.jsxs("tr",{onMouseEnter:()=>c(`${t}-${d}`),children:[T?e.jsx(S,{"data-iscentered":!0,"data-isevengroup":g,rowSpan:N.length,"data-ishighlighted":s.includes(d),children:e.jsx(U,{variant:"large-semibold",children:d})}):null,e.jsx(S,{"data-isevengroup":g,"data-ishighlighted":`${t}-${d}`===s,children:t}),q.map(x=>e.jsx(S,{onMouseEnter:()=>{n(x),c(`${t}-${d}`)},"data-ishighlighted":x===a||`${t}-${d}`===s,"data-isevengroup":g,children:e.jsx(re,{textComponent:"span",locale:ie[x],children:G(t,d)})},`${t}-${d}-${x}`))]},`${t}-${d}`),K=()=>e.jsxs(e.Fragment,{children:[e.jsxs("tr",{children:[e.jsx(R,{}),e.jsx(R,{}),q.map(t=>e.jsx(R,{onMouseEnter:()=>n(t),children:t},t))]}),M.map((t,d)=>e.jsxs(X.Fragment,{children:[N.map((g,T)=>J({variant:g,currency:t,isEvenGroup:d%2===1,isFirstRow:T===0})),d<M.length-1&&e.jsx("tr",{children:e.jsx(ae,{colSpan:q.length+2})})]},t))]});return e.jsxs(se,{padding:"12",gap:"16",columns:["1fr"],children:[e.jsx(oe,{variant:"medium",tag:"h3",children:"Currency formatting using Intl.NumberFormat"}),e.jsxs(O,{direction:"row",gap:"12",alignItems:"center",children:[e.jsx(j,{label:"Value",value:p,onValueChange:w,useLegacyRequiredLabel:!0}),e.jsx(j,{label:"Range start",value:r,onValueChange:b,useLegacyRequiredLabel:!0}),e.jsx(j,{label:"Range end",value:u,onValueChange:V,useLegacyRequiredLabel:!0})]}),e.jsxs(O,{direction:"row",gap:"12",alignItems:"center",children:[e.jsx(de,{checked:l,onCheckedChange:()=>y(!l)}),e.jsx("label",{htmlFor:"show-plus-sign",children:e.jsx(U,{variant:"default-semibold",accent:"primary",children:'Show "+" sign'})})]}),e.jsx(O,{direction:"row",children:e.jsx(ue,{size:"small",onClick:()=>f(!m),children:m?"Hide Options":"Show my browser options"})}),m?e.jsx("pre",{children:JSON.stringify(new Intl.NumberFormat().resolvedOptions(),null,2)}):null,e.jsx(O,{direction:"column",gap:"4",children:e.jsx(te,{children:e.jsx(ne,{onMouseLeave:()=>{n(""),c("")},children:e.jsx("tbody",{children:K()})})})})]})},He={title:"IntlFormatted/IntlFormattedCurrency",component:H,parameters:{layout:"fullscreen",chromatic:{disableSnapshot:!0}}},he=()=>e.jsx(H,{}),C=he.bind({});C.tags=["!autodocs","!a11y-test"];var $,W,P;C.parameters={...C.parameters,docs:{...($=C.parameters)==null?void 0:$.docs,source:{originalSource:"() => <CurrencyTable />",...(P=(W=C.parameters)==null?void 0:W.docs)==null?void 0:P.source}}};const Ge=["Default"];export{C as Default,Ge as __namedExportsOrder,He as default};
+@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: CurrencyBaseOptions) => CurrencyBaseOptions[]"}},"__@iterator@179":{defaultValue:null,description:"Iterator",name:"__@iterator@179",required:!0,type:{name:"() => IterableIterator<CurrencyBaseOptions>"}},"__@unscopables@238":{defaultValue:null,description:`Is an object whose properties have the value 'true'
+when they will be absent when used in a 'with' statement.`,name:"__@unscopables@238",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}const N=["rounded","short","explicit","range"],M=["BRL","GBP","EUR","PLN","USD","UAH"],H=()=>{const[a,n]=h.useState(""),[s,c]=h.useState(""),[m,f]=h.useState(!1),[p,D]=h.useState(12.34),[r,o]=h.useState(10),[u,i]=h.useState(20),[l,y]=h.useState(!1),w=t=>{t!==void 0&&D(t)},b=t=>{t!==void 0&&o(t)},V=t=>{t!==void 0&&i(t)},G=(t,d)=>t==="range"?e.jsx(I.CurrencyRange,{currency:d,startValue:r,endValue:u,variant:"short",showPlusSign:l}):t==="rounded"?e.jsx(I.CurrencyRounded,{currency:d,value:p,showPlusSign:l}):t==="explicit"?e.jsx(I.CurrencyExplicit,{currency:d,value:p,showPlusSign:l}):e.jsx(I.CurrencyShort,{currency:d,value:p,showPlusSign:l}),J=({variant:t,currency:d,isEvenGroup:g,isFirstRow:T})=>e.jsxs("tr",{onMouseEnter:()=>c(`${t}-${d}`),children:[T?e.jsx(S,{"data-iscentered":!0,"data-isevengroup":g,rowSpan:N.length,"data-ishighlighted":s.includes(d),children:e.jsx(U,{variant:"large-semibold",children:d})}):null,e.jsx(S,{"data-isevengroup":g,"data-ishighlighted":`${t}-${d}`===s,children:t}),q.map(x=>e.jsx(S,{onMouseEnter:()=>{n(x),c(`${t}-${d}`)},"data-ishighlighted":x===a||`${t}-${d}`===s,"data-isevengroup":g,children:e.jsx(re,{textComponent:"span",locale:ie[x],children:G(t,d)})},`${t}-${d}-${x}`))]},`${t}-${d}`),K=()=>e.jsxs(e.Fragment,{children:[e.jsxs("tr",{children:[e.jsx(R,{}),e.jsx(R,{}),q.map(t=>e.jsx(R,{onMouseEnter:()=>n(t),children:t},t))]}),M.map((t,d)=>e.jsxs(X.Fragment,{children:[N.map((g,T)=>J({variant:g,currency:t,isEvenGroup:d%2===1,isFirstRow:T===0})),d<M.length-1&&e.jsx("tr",{children:e.jsx(ae,{colSpan:q.length+2})})]},t))]});return e.jsxs(se,{padding:"12",gap:"16",columns:["1fr"],children:[e.jsx(oe,{variant:"medium",tag:"h3",children:"Currency formatting using Intl.NumberFormat"}),e.jsxs(O,{direction:"row",gap:"12",alignItems:"center",children:[e.jsx(j,{label:"Value",value:p,onValueChange:w,useLegacyRequiredLabel:!0}),e.jsx(j,{label:"Range start",value:r,onValueChange:b,useLegacyRequiredLabel:!0}),e.jsx(j,{label:"Range end",value:u,onValueChange:V,useLegacyRequiredLabel:!0})]}),e.jsxs(O,{direction:"row",gap:"12",alignItems:"center",children:[e.jsx(de,{checked:l,onCheckedChange:()=>y(!l)}),e.jsx("label",{htmlFor:"show-plus-sign",children:e.jsx(U,{variant:"default-semibold",accent:"primary",children:'Show "+" sign'})})]}),e.jsx(O,{direction:"row",children:e.jsx(ue,{size:"small",onClick:()=>f(!m),children:m?"Hide Options":"Show my browser options"})}),m?e.jsx("pre",{children:JSON.stringify(new Intl.NumberFormat().resolvedOptions(),null,2)}):null,e.jsx(O,{direction:"column",gap:"4",children:e.jsx(te,{children:e.jsx(ne,{onMouseLeave:()=>{n(""),c("")},children:e.jsx("tbody",{children:K()})})})})]})},He={title:"IntlFormatted/IntlFormattedCurrency",component:H,parameters:{layout:"fullscreen",chromatic:{disableSnapshot:!0}}},he=()=>e.jsx(H,{}),C=he.bind({});C.tags=["!autodocs","!a11y-test"];var $,W,P;C.parameters={...C.parameters,docs:{...($=C.parameters)==null?void 0:$.docs,source:{originalSource:"() => <CurrencyTable />",...(P=(W=C.parameters)==null?void 0:W.docs)==null?void 0:P.source}}};const Ge=["Default"];export{C as Default,Ge as __namedExportsOrder,He as default};

package/dist/assets/{IntlFormattedDateTime.stories-m5rFuyxv.js → IntlFormattedDateTime.stories-BCwbTrw1.js}

@@ -1,4 +1,4 @@
-import{_ as n}from"./preload-helper-Dp1pzeXC.js";import{ao as he,ap as fe,j as t,r as y,R as D}from"./iframe-DjYTJz7A.js";import{L as pe,b as ge,g as ye,W as H,h as Y,i as Z,j as J,k as Q,T as be,c as ve,m as we,l as q,d as S,f as _e,I as xe,u as Ie,C as Te,t as Ae,n as E,o as j}from"./constants-Cwb-3GQ_.js";import{T as I}from"./Text-C8DrHLQF.js";import{L as Ce}from"./LayoutGrid-eROIp1sZ.js";import{H as ze}from"./Heading-BPJGe0Bg.js";import{L as z}from"./LayoutFlex-p_p7LCCd.js";import{T as Ve}from"./TextField--Ctd_eHi.js";import{b as L,a as V}from"./SelectField-BRicVVj7.js";import{N as ke}from"./NumberField-FWK2ErPL.js";import{C as Re}from"./Checkbox-Cmmcg7FL.js";import{L as De}from"./Link-BHV5DCu-.js";import"./index-CUvrBGJo.js";import"./styled-components.browser.esm-3T8u8x7l.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./getTokenVar-B8jDl0Ui.js";import"./tokens-Cp4gIGSO.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-BM7yIsEb.js";import"./layout-relative-DQF7VcUK.js";import"./constants-DYYVurUY.js";import"./FormControl-DgD7Nr_L.js";import"./message-DiUVdAQd.js";import"./Input-Cp2OkxN8.js";import"./InputContainer-BlXlJbfJ.js";import"./TokyoUIChevronDown-CqAWFBEe.js";import"./TokyoUICheckmark-CPDgq6wU.js";import"./Icon-kphbe0CE.js";import"./render-icon-DZ6hllTG.js";import"./index-C_O4jEc0.js";import"./index-DOwxXd3L.js";import"./useMergeRefs-CL5DIjXV.js";import"./useHostname-By9vNKnQ.js";const F=fe({dateAndTime:{id:"preply-ds.intl_formatted.date_and_time.v3.text",defaultMessage:"{date} • {time}",description:"Formerly intl_formatted.date_and_time.v3.text"},dateAndTimeRange:{id:"preply-ds.intl_formatted.date_and_time_range.v3.text",defaultMessage:"{date} • {timeRange}",description:"Formerly intl_formatted.date_and_time_range.v3.text"},dateTimeAndDateTime:{id:"preply-ds.intl_formatted.date_time_and_date_time.text",defaultMessage:"{dateTimeStart} - {dateTimeEnd}",description:"Formerly intl_formatted.date_time_and_date_time.text"}}),O=({formattedDate:e,locale:a,isCapitalized:i})=>pe.includes(a)?ge(e):i?ye(e):e,k=()=>{const{formatMessage:e,locale:a}=he();return{formatDateAndTime:({date:o,time:l,isCapitalized:u})=>{const s=e(F.dateAndTime,{date:o,time:l});return O({formattedDate:s,locale:a,isCapitalized:u})},formatDateAndTimeRange:({date:o,timeRange:l,isCapitalized:u})=>{const s=e(F.dateAndTimeRange,{date:o,timeRange:l});return O({formattedDate:s,locale:a,isCapitalized:u})},formatDateTimeAndDateTime:({dateTimeStart:o,dateTimeEnd:l,isCapitalized:u})=>{const s=e(F.dateTimeAndDateTime,{dateTimeStart:o,dateTimeEnd:l});return O({formattedDate:s,locale:a,isCapitalized:u})}}};function N(...e){const{formatDateAndTime:a}=k(),i=a(...e);return t.jsx(H,{children:i})}function P(...e){const{formatDateAndTimeRange:a}=k(),i=a(...e);return t.jsx(H,{children:i})}function U(...e){const{formatDateTimeAndDateTime:a}=k(),i=a(...e);return t.jsx(H,{children:i})}const M={DateAndTime:N,DateAndTimeRange:P,DateTimeAndDateTime:U};try{N.displayName="DateAndTime",N.__docgenInfo={description:"",displayName:"DateAndTime",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"{ date: string; time: string; isCapitalized: boolean; }"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
+import{_ as n}from"./preload-helper-Dp1pzeXC.js";import{ao as he,ap as fe,j as t,r as y,R as D}from"./iframe-B_74HtSc.js";import{L as pe,b as ge,g as ye,W as H,h as Y,i as Z,j as J,k as Q,T as be,c as ve,m as we,l as q,d as S,f as _e,I as xe,u as Ie,C as Te,t as Ae,n as E,o as j}from"./constants-DDJ2G0OO.js";import{T as I}from"./Text-DvShrljd.js";import{L as Ce}from"./LayoutGrid-SAztDD7Z.js";import{H as ze}from"./Heading-Cj8Si45g.js";import{L as z}from"./LayoutFlex-DXRMJ9FH.js";import{T as Ve}from"./TextField-BSJgR_zK.js";import{b as L,a as V}from"./SelectField-DU60q2LU.js";import{N as ke}from"./NumberField-klmIiQAi.js";import{C as Re}from"./Checkbox-U8uzIr-e.js";import{L as De}from"./Link-BAFCJR3T.js";import"./index-DIqvfT2b.js";import"./styled-components.browser.esm-BHxIJD2_.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./getTokenVar-CVkrm5Qs.js";import"./tokens-im-qJUCZ.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-BIZVul8q.js";import"./layout-relative-B9CiYPwj.js";import"./constants-DYYVurUY.js";import"./FormControl-Zqf1cIwP.js";import"./message-DJT5rp5J.js";import"./Input-DuW1_5SG.js";import"./InputContainer-Cmdo_xyq.js";import"./TokyoUIChevronDown-DiBNbDdz.js";import"./TokyoUICheckmark-BHJrELn_.js";import"./Icon-CC0yjdx9.js";import"./render-icon-MT6RlyNs.js";import"./index-Cnv20V_M.js";import"./index-W3BB_3go.js";import"./useMergeRefs-Caz9hOck.js";import"./useHostname-CbpnzdHv.js";const F=fe({dateAndTime:{id:"preply-ds.intl_formatted.date_and_time.v3.text",defaultMessage:"{date} • {time}",description:"Formerly intl_formatted.date_and_time.v3.text"},dateAndTimeRange:{id:"preply-ds.intl_formatted.date_and_time_range.v3.text",defaultMessage:"{date} • {timeRange}",description:"Formerly intl_formatted.date_and_time_range.v3.text"},dateTimeAndDateTime:{id:"preply-ds.intl_formatted.date_time_and_date_time.text",defaultMessage:"{dateTimeStart} - {dateTimeEnd}",description:"Formerly intl_formatted.date_time_and_date_time.text"}}),O=({formattedDate:e,locale:a,isCapitalized:i})=>pe.includes(a)?ge(e):i?ye(e):e,k=()=>{const{formatMessage:e,locale:a}=he();return{formatDateAndTime:({date:o,time:l,isCapitalized:u})=>{const s=e(F.dateAndTime,{date:o,time:l});return O({formattedDate:s,locale:a,isCapitalized:u})},formatDateAndTimeRange:({date:o,timeRange:l,isCapitalized:u})=>{const s=e(F.dateAndTimeRange,{date:o,timeRange:l});return O({formattedDate:s,locale:a,isCapitalized:u})},formatDateTimeAndDateTime:({dateTimeStart:o,dateTimeEnd:l,isCapitalized:u})=>{const s=e(F.dateTimeAndDateTime,{dateTimeStart:o,dateTimeEnd:l});return O({formattedDate:s,locale:a,isCapitalized:u})}}};function N(...e){const{formatDateAndTime:a}=k(),i=a(...e);return t.jsx(H,{children:i})}function P(...e){const{formatDateAndTimeRange:a}=k(),i=a(...e);return t.jsx(H,{children:i})}function U(...e){const{formatDateTimeAndDateTime:a}=k(),i=a(...e);return t.jsx(H,{children:i})}const M={DateAndTime:N,DateAndTimeRange:P,DateTimeAndDateTime:U};try{N.displayName="DateAndTime",N.__docgenInfo={description:"",displayName:"DateAndTime",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"{ date: string; time: string; isCapitalized: boolean; }"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
 If the array is empty, undefined is returned and the array is not modified.`,name:"pop",required:!0,type:{name:"() => { date: string; time: string; isCapitalized: boolean; } | undefined"}},push:{defaultValue:null,description:`Appends new elements to the end of an array, and returns the new length of the array.
 @param items New elements to add to the array.`,name:"push",required:!0,type:{name:"(...items: { date: string; time: string; isCapitalized: boolean; }[]) => number"}},concat:{defaultValue:null,description:`Combines two or more arrays.
 This method returns a new array without modifying any existing arrays.
@@ -117,8 +117,8 @@ of the array.
 @param index The index of the value to overwrite. If the index is
 negative, then it replaces from the end of the array.
 @param value The value to write into the copied array.
-@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: { date: string; time: string; isCapitalized: boolean; }) => { date: string; time: string; isCapitalized: boolean; }[]"}},"__@iterator@364":{defaultValue:null,description:"Iterator",name:"__@iterator@364",required:!0,type:{name:"() => IterableIterator<{ date: string; time: string; isCapitalized: boolean; }>"}},"__@unscopables@581":{defaultValue:null,description:`Is an object whose properties have the value 'true'
-when they will be absent when used in a 'with' statement.`,name:"__@unscopables@581",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{P.displayName="DateAndTimeRange",P.__docgenInfo={description:"",displayName:"DateAndTimeRange",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"{ date: string; timeRange: string; isCapitalized: boolean; }"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
+@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: { date: string; time: string; isCapitalized: boolean; }) => { date: string; time: string; isCapitalized: boolean; }[]"}},"__@iterator@179":{defaultValue:null,description:"Iterator",name:"__@iterator@179",required:!0,type:{name:"() => IterableIterator<{ date: string; time: string; isCapitalized: boolean; }>"}},"__@unscopables@238":{defaultValue:null,description:`Is an object whose properties have the value 'true'
+when they will be absent when used in a 'with' statement.`,name:"__@unscopables@238",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{P.displayName="DateAndTimeRange",P.__docgenInfo={description:"",displayName:"DateAndTimeRange",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"{ date: string; timeRange: string; isCapitalized: boolean; }"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
 If the array is empty, undefined is returned and the array is not modified.`,name:"pop",required:!0,type:{name:"() => { date: string; time: string; isCapitalized: boolean; } | undefined"}},push:{defaultValue:null,description:`Appends new elements to the end of an array, and returns the new length of the array.
 @param items New elements to add to the array.`,name:"push",required:!0,type:{name:"(...items: { date: string; time: string; isCapitalized: boolean; }[]) => number"}},concat:{defaultValue:null,description:`Combines two or more arrays.
 This method returns a new array without modifying any existing arrays.
@@ -237,8 +237,8 @@ of the array.
 @param index The index of the value to overwrite. If the index is
 negative, then it replaces from the end of the array.
 @param value The value to write into the copied array.
-@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: { date: string; time: string; isCapitalized: boolean; }) => { date: string; time: string; isCapitalized: boolean; }[]"}},"__@iterator@364":{defaultValue:null,description:"Iterator",name:"__@iterator@364",required:!0,type:{name:"() => IterableIterator<{ date: string; time: string; isCapitalized: boolean; }>"}},"__@unscopables@581":{defaultValue:null,description:`Is an object whose properties have the value 'true'
-when they will be absent when used in a 'with' statement.`,name:"__@unscopables@581",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{U.displayName="DateTimeAndDateTime",U.__docgenInfo={description:"",displayName:"DateTimeAndDateTime",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"{ dateTimeStart: string; dateTimeEnd: string; isCapitalized: boolean; }"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
+@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: { date: string; time: string; isCapitalized: boolean; }) => { date: string; time: string; isCapitalized: boolean; }[]"}},"__@iterator@179":{defaultValue:null,description:"Iterator",name:"__@iterator@179",required:!0,type:{name:"() => IterableIterator<{ date: string; time: string; isCapitalized: boolean; }>"}},"__@unscopables@238":{defaultValue:null,description:`Is an object whose properties have the value 'true'
+when they will be absent when used in a 'with' statement.`,name:"__@unscopables@238",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}try{U.displayName="DateTimeAndDateTime",U.__docgenInfo={description:"",displayName:"DateTimeAndDateTime",props:{0:{defaultValue:null,description:"",name:"0",required:!0,type:{name:"{ dateTimeStart: string; dateTimeEnd: string; isCapitalized: boolean; }"}},length:{defaultValue:null,description:"",name:"length",required:!0,type:{name:"1"}},toString:{defaultValue:null,description:"Returns a string representation of an array.",name:"toString",required:!1,type:{name:"() => string"}},toLocaleString:{defaultValue:null,description:"Returns a string representation of an array. The elements are converted to string using their toLocaleString methods.",name:"toLocaleString",required:!1,type:{name:"() => string"}},pop:{defaultValue:null,description:`Removes the last element from an array and returns it.
 If the array is empty, undefined is returned and the array is not modified.`,name:"pop",required:!0,type:{name:"() => { date: string; time: string; isCapitalized: boolean; } | undefined"}},push:{defaultValue:null,description:`Appends new elements to the end of an array, and returns the new length of the array.
 @param items New elements to add to the array.`,name:"push",required:!0,type:{name:"(...items: { date: string; time: string; isCapitalized: boolean; }[]) => number"}},concat:{defaultValue:null,description:`Combines two or more arrays.
 This method returns a new array without modifying any existing arrays.
@@ -357,5 +357,5 @@ of the array.
 @param index The index of the value to overwrite. If the index is
 negative, then it replaces from the end of the array.
 @param value The value to write into the copied array.
-@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: { date: string; time: string; isCapitalized: boolean; }) => { date: string; time: string; isCapitalized: boolean; }[]"}},"__@iterator@364":{defaultValue:null,description:"Iterator",name:"__@iterator@364",required:!0,type:{name:"() => IterableIterator<{ date: string; time: string; isCapitalized: boolean; }>"}},"__@unscopables@581":{defaultValue:null,description:`Is an object whose properties have the value 'true'
-when they will be absent when used in a 'with' statement.`,name:"__@unscopables@581",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}const qe=60,Se=60*1e3,Ee="https://preply.atlassian.net/wiki/spaces/PKB/pages/4410572869/How+to+format+a+date+and+time+in+the+WEB",je=[{Formatter:({date:e,dateStart:a,dateEnd:i,countryCode:c,isCapitalized:r,dateFormatterName:o,timeFormatterName:l})=>{const u=E(),s=j(),f=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),v=s[l??""]({date:e,dateStart:a,dateEnd:i,countryCode:c});return t.jsx(M.DateAndTime,{date:f,time:v,isCapitalized:r})},labels:["DateAndTime","formatDateAndTime"],tags:["✅ all-usages"],timeFormatterName:"formatTime"},{Formatter:({date:e,dateStart:a,dateEnd:i,countryCode:c,isCapitalized:r,dateFormatterName:o,timeFormatterName:l})=>{const u=E(),s=j(),f=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),v=s[l??""]({date:e,dateStart:a,dateEnd:i,countryCode:c});return t.jsx(M.DateAndTimeRange,{date:f,timeRange:v,isCapitalized:r})},labels:["DateAndTimeRange","formatDateAndTimeRange"],tags:["✅ all-usages"],timeFormatterName:"formatTimeRange"},{Formatter:({date:e,dateStart:a,dateEnd:i,countryCode:c,isCapitalized:r,dateFormatterName:o,timeFormatterName:l})=>{const u=E(),s=j(),{formatDateAndTime:f}=k(),v=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),x=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),R=s[l??""]({date:e,countryCode:c}),T=s[l??""]({date:i,countryCode:c}),w=f({date:v,time:R,isCapitalized:r}),A=f({date:x,time:T,isCapitalized:r});return t.jsx(M.DateTimeAndDateTime,{dateTimeStart:w,dateTimeEnd:A,isCapitalized:r})},labels:["DateTimeAndDateTime","formatDateTimeAndDateTime"],tags:["✅ all-usages"],timeFormatterName:"formatTime"}],Le=e=>!Number.isNaN(e.getTime()),X=(e,a)=>new Date(e.getTime()+a*qe*Se),ee=e=>/^[A-Z]/.test(e),Fe={en:async()=>(await n(async()=>{const{default:e}=await import("./en-DmA3N6t9.js");return{default:e}},[],import.meta.url)).default,es:async()=>(await n(async()=>{const{default:e}=await import("./es-C4sqCVWL.js");return{default:e}},[],import.meta.url)).default,fr:async()=>(await n(async()=>{const{default:e}=await import("./fr-BxUkVECU.js");return{default:e}},[],import.meta.url)).default,de:async()=>(await n(async()=>{const{default:e}=await import("./de-CWLDjtzP.js");return{default:e}},[],import.meta.url)).default,it:async()=>(await n(async()=>{const{default:e}=await import("./it-kJJ1S0qv.js");return{default:e}},[],import.meta.url)).default,ua:async()=>(await n(async()=>{const{default:e}=await import("./ua-rcge5Swp.js");return{default:e}},[],import.meta.url)).default,pl:async()=>(await n(async()=>{const{default:e}=await import("./pl-B4SjM4RJ.js");return{default:e}},[],import.meta.url)).default,pt:async()=>(await n(async()=>{const{default:e}=await import("./pt-B_cv-Bbz.js");return{default:e}},[],import.meta.url)).default,tr:async()=>(await n(async()=>{const{default:e}=await import("./tr-ByOPzs3p.js");return{default:e}},[],import.meta.url)).default,id:async()=>(await n(async()=>{const{default:e}=await import("./id-BUwhaEpp.js");return{default:e}},[],import.meta.url)).default,zh:async()=>(await n(async()=>{const{default:e}=await import("./zh-B9zAtuTc.js");return{default:e}},[],import.meta.url)).default,ja:async()=>(await n(async()=>{const{default:e}=await import("./ja-CThSHCIs.js");return{default:e}},[],import.meta.url)).default,ko:async()=>(await n(async()=>{const{default:e}=await import("./ko-B1qhOecF.js");return{default:e}},[],import.meta.url)).default,ar:async()=>(await n(async()=>{const{default:e}=await import("./ar-D1Y8jKvF.js");return{default:e}},[],import.meta.url)).default,nl:async()=>(await n(async()=>{const{default:e}=await import("./nl-CEfRou2e.js");return{default:e}},[],import.meta.url)).default,ro:async()=>(await n(async()=>{const{default:e}=await import("./ro-Wp2i1-uz.js");return{default:e}},[],import.meta.url)).default,ru:async()=>(await n(async()=>{const{default:e}=await import("./ru-C9RPHSvh.js");return{default:e}},[],import.meta.url)).default,sv:async()=>(await n(async()=>{const{default:e}=await import("./sv-BV70iAZ6.js");return{default:e}},[],import.meta.url)).default,th:async()=>(await n(async()=>{const{default:e}=await import("./th-DQ6Pn590.js");return{default:e}},[],import.meta.url)).default,cs:async()=>(await n(async()=>{const{default:e}=await import("./cs-CamDwf-r.js");return{default:e}},[],import.meta.url)).default,tw:async()=>(await n(async()=>{const{default:e}=await import("./tw-CamDwf-r.js");return{default:e}},[],import.meta.url)).default,hk:async()=>(await n(async()=>{const{default:e}=await import("./hk-CamDwf-r.js");return{default:e}},[],import.meta.url)).default},ie=()=>{const[e,a]=y.useState(""),[i,c]=y.useState(""),[r,o]=y.useState({en:{},es:{},fr:{},de:{},it:{},uk:{},pl:{},pt:{},tr:{},id:{},zh:{},ja:{},ko:{},ar:{},nl:{},ro:{},ru:{},sv:{},th:{},cs:{},"zh-TW":{},"zh-HK":{}});y.useEffect(()=>{(async()=>{try{const h=await Promise.all(Object.entries(Fe).map(async([p,b])=>{const g=await b();return[p,g]}));o(Object.fromEntries(h))}catch(h){console.error("Failed to load locale messages:",h)}})()},[]);const l=Object.keys(r.en).length!==0,s=new Date().toISOString().slice(0,16),f=1,v=Y,[x,R]=y.useState(s),T=Le(new Date(x)),w=new Date(T?x:s),[A,re]=y.useState(f),B=A??f,se=X(w,B),[W,de]=y.useState(v),oe=W===Q?Te[0]:"",[$,le]=y.useState(!1),[G,ue]=y.useState("formatDateShort"),me=[...Z.flatMap(m=>m.labels.filter(h=>!ee(h))),...J.flatMap(m=>m.labels.filter(h=>!ee(h)))],ce=m=>{var K;const h=B===f&&((K=m.extraData)!=null&&K.defaultDurationHours)?X(w,m.extraData.defaultDurationHours):se,p=m.labels,b=p[0],g=m.timeFormatterName;return t.jsxs("tr",{onMouseEnter:()=>c(b),children:[t.jsxs(S,{children:[p.map(d=>t.jsxs(D.Fragment,{children:[t.jsx(I,{variant:"small-regular-italic",children:d}),t.jsx("br",{})]},d)),t.jsx(I,{variant:"small-regular",children:m.tags.map(d=>t.jsxs(D.Fragment,{children:[d,t.jsx("br",{})]},d))}),g?t.jsxs(D.Fragment,{children:[t.jsx(L,{label:"Date formatter",value:G,onValueChange:ue,children:me.map(d=>t.jsx(V,{value:d,children:d},d))}),t.jsx(L,{label:"Time formatter",value:g,children:t.jsx(V,{value:g,children:g},g)})]},`${b}-${g}`):null]}),q.map(d=>t.jsx(_e,{onMouseEnter:()=>{a(d),c(b)},"data-ishighlighted":d===e||b===i,"data-iscentered":!0,children:t.jsx(xe,{locale:Ie[d],messages:r[d],textComponent:"span",children:t.jsx(m.Formatter,{date:w,dateEnd:h,dateStart:w,countryCode:oe,isCapitalized:$,dateFormatterName:G,timeFormatterName:g})})},`${b}-${d}`))]},b)},C=({title:m,variations:h})=>t.jsxs(t.Fragment,{children:[t.jsx("tr",{children:t.jsx(we,{colSpan:q.length+1,children:t.jsx(I,{variant:"large-semibold",children:m})})}),t.jsxs("tr",{children:[t.jsx(S,{}),q.map(p=>t.jsx(S,{onMouseEnter:()=>a(p),children:p},p))]}),h.map(p=>ce(p))]});return l?t.jsxs(Ce,{padding:"12",gap:"16",columns:["1fr"],children:[t.jsx(ze,{variant:"medium",tag:"h3",children:"Date and Time formatting tool"}),t.jsxs(z,{direction:"row",gap:"12",children:[t.jsx(Ve,{label:"Date time",value:x,onValueChange:R,hasError:!T,useLegacyRequiredLabel:!0}),t.jsx(ke,{label:"Range duration (hours)",value:A,onValueChange:re,useLegacyRequiredLabel:!0}),t.jsxs(L,{label:"Time Format",value:W,onValueChange:de,useLegacyRequiredLabel:!0,children:[t.jsx(V,{value:Q,children:"12h format (AM/PM)"}),t.jsx(V,{value:Y,children:"24h format"})]}),t.jsxs(z,{direction:"column",gap:"16",children:[t.jsx(I,{variant:"default-regular",children:"Is Capitalized?"}),t.jsx(Re,{checked:$,onCheckedChange:le})]})]}),t.jsx(z,{direction:"row",children:t.jsx(De,{href:Ee,opensInNewTab:!0,children:t.jsx(I,{variant:"default-semibold",accent:"info",children:"Confluence article with more examples and rules"})})}),t.jsx(z,{direction:"column",gap:"4",children:t.jsx(be,{children:t.jsx(ve,{onMouseLeave:()=>{a(""),c("")},children:t.jsxs("tbody",{children:[C({title:"Abbreviated Dates (IntlFormattedDate)",variations:Z}),C({title:"Extended Dates (IntlFormattedDate)",variations:J}),C({title:"Time (IntlFormattedTime)",variations:Ae}),C({title:"Date and Time Aggregators (IntlFormattedAggregatedDateTime)",variations:je})]})})})})]}):"Loading..."},xt={title:"IntlFormatted/IntlFormattedDateTime",component:ie,parameters:{layout:"fullscreen",chromatic:{disableSnapshot:!0}}},Oe=()=>t.jsx(ie,{}),_=Oe.bind({});_.args={};_.tags=["!autodocs","!a11y-test"];var te,ae,ne;_.parameters={..._.parameters,docs:{...(te=_.parameters)==null?void 0:te.docs,source:{originalSource:"() => <DateTable />",...(ne=(ae=_.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};const It=["Default"];export{_ as Default,It as __namedExportsOrder,xt as default};
+@returns The copied array with the updated value.`,name:"with",required:!0,type:{name:"(index: number, value: { date: string; time: string; isCapitalized: boolean; }) => { date: string; time: string; isCapitalized: boolean; }[]"}},"__@iterator@179":{defaultValue:null,description:"Iterator",name:"__@iterator@179",required:!0,type:{name:"() => IterableIterator<{ date: string; time: string; isCapitalized: boolean; }>"}},"__@unscopables@238":{defaultValue:null,description:`Is an object whose properties have the value 'true'
+when they will be absent when used in a 'with' statement.`,name:"__@unscopables@238",required:!0,type:{name:"{ [x: number]: boolean | undefined; length?: boolean | undefined; toString?: boolean | undefined; toLocaleString?: boolean | undefined; pop?: boolean | undefined; push?: boolean | undefined; ... 35 more ...; readonly [Symbol.unscopables]?: boolean | undefined; }"}}}}}catch{}const qe=60,Se=60*1e3,Ee="https://preply.atlassian.net/wiki/spaces/PKB/pages/4410572869/How+to+format+a+date+and+time+in+the+WEB",je=[{Formatter:({date:e,dateStart:a,dateEnd:i,countryCode:c,isCapitalized:r,dateFormatterName:o,timeFormatterName:l})=>{const u=E(),s=j(),f=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),v=s[l??""]({date:e,dateStart:a,dateEnd:i,countryCode:c});return t.jsx(M.DateAndTime,{date:f,time:v,isCapitalized:r})},labels:["DateAndTime","formatDateAndTime"],tags:["✅ all-usages"],timeFormatterName:"formatTime"},{Formatter:({date:e,dateStart:a,dateEnd:i,countryCode:c,isCapitalized:r,dateFormatterName:o,timeFormatterName:l})=>{const u=E(),s=j(),f=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),v=s[l??""]({date:e,dateStart:a,dateEnd:i,countryCode:c});return t.jsx(M.DateAndTimeRange,{date:f,timeRange:v,isCapitalized:r})},labels:["DateAndTimeRange","formatDateAndTimeRange"],tags:["✅ all-usages"],timeFormatterName:"formatTimeRange"},{Formatter:({date:e,dateStart:a,dateEnd:i,countryCode:c,isCapitalized:r,dateFormatterName:o,timeFormatterName:l})=>{const u=E(),s=j(),{formatDateAndTime:f}=k(),v=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),x=u[o??""]({date:e,dateStart:a,dateEnd:i,isCapitalized:r}),R=s[l??""]({date:e,countryCode:c}),T=s[l??""]({date:i,countryCode:c}),w=f({date:v,time:R,isCapitalized:r}),A=f({date:x,time:T,isCapitalized:r});return t.jsx(M.DateTimeAndDateTime,{dateTimeStart:w,dateTimeEnd:A,isCapitalized:r})},labels:["DateTimeAndDateTime","formatDateTimeAndDateTime"],tags:["✅ all-usages"],timeFormatterName:"formatTime"}],Le=e=>!Number.isNaN(e.getTime()),X=(e,a)=>new Date(e.getTime()+a*qe*Se),ee=e=>/^[A-Z]/.test(e),Fe={en:async()=>(await n(async()=>{const{default:e}=await import("./en-DmA3N6t9.js");return{default:e}},[],import.meta.url)).default,es:async()=>(await n(async()=>{const{default:e}=await import("./es-C4sqCVWL.js");return{default:e}},[],import.meta.url)).default,fr:async()=>(await n(async()=>{const{default:e}=await import("./fr-BxUkVECU.js");return{default:e}},[],import.meta.url)).default,de:async()=>(await n(async()=>{const{default:e}=await import("./de-CWLDjtzP.js");return{default:e}},[],import.meta.url)).default,it:async()=>(await n(async()=>{const{default:e}=await import("./it-kJJ1S0qv.js");return{default:e}},[],import.meta.url)).default,ua:async()=>(await n(async()=>{const{default:e}=await import("./ua-rcge5Swp.js");return{default:e}},[],import.meta.url)).default,pl:async()=>(await n(async()=>{const{default:e}=await import("./pl-B4SjM4RJ.js");return{default:e}},[],import.meta.url)).default,pt:async()=>(await n(async()=>{const{default:e}=await import("./pt-B_cv-Bbz.js");return{default:e}},[],import.meta.url)).default,tr:async()=>(await n(async()=>{const{default:e}=await import("./tr-ByOPzs3p.js");return{default:e}},[],import.meta.url)).default,id:async()=>(await n(async()=>{const{default:e}=await import("./id-BUwhaEpp.js");return{default:e}},[],import.meta.url)).default,zh:async()=>(await n(async()=>{const{default:e}=await import("./zh-B9zAtuTc.js");return{default:e}},[],import.meta.url)).default,ja:async()=>(await n(async()=>{const{default:e}=await import("./ja-CThSHCIs.js");return{default:e}},[],import.meta.url)).default,ko:async()=>(await n(async()=>{const{default:e}=await import("./ko-B1qhOecF.js");return{default:e}},[],import.meta.url)).default,ar:async()=>(await n(async()=>{const{default:e}=await import("./ar-D1Y8jKvF.js");return{default:e}},[],import.meta.url)).default,nl:async()=>(await n(async()=>{const{default:e}=await import("./nl-CEfRou2e.js");return{default:e}},[],import.meta.url)).default,ro:async()=>(await n(async()=>{const{default:e}=await import("./ro-Wp2i1-uz.js");return{default:e}},[],import.meta.url)).default,ru:async()=>(await n(async()=>{const{default:e}=await import("./ru-C9RPHSvh.js");return{default:e}},[],import.meta.url)).default,sv:async()=>(await n(async()=>{const{default:e}=await import("./sv-BV70iAZ6.js");return{default:e}},[],import.meta.url)).default,th:async()=>(await n(async()=>{const{default:e}=await import("./th-DQ6Pn590.js");return{default:e}},[],import.meta.url)).default,cs:async()=>(await n(async()=>{const{default:e}=await import("./cs-CamDwf-r.js");return{default:e}},[],import.meta.url)).default,tw:async()=>(await n(async()=>{const{default:e}=await import("./tw-CamDwf-r.js");return{default:e}},[],import.meta.url)).default,hk:async()=>(await n(async()=>{const{default:e}=await import("./hk-CamDwf-r.js");return{default:e}},[],import.meta.url)).default},ie=()=>{const[e,a]=y.useState(""),[i,c]=y.useState(""),[r,o]=y.useState({en:{},es:{},fr:{},de:{},it:{},uk:{},pl:{},pt:{},tr:{},id:{},zh:{},ja:{},ko:{},ar:{},nl:{},ro:{},ru:{},sv:{},th:{},cs:{},"zh-TW":{},"zh-HK":{}});y.useEffect(()=>{(async()=>{try{const h=await Promise.all(Object.entries(Fe).map(async([p,b])=>{const g=await b();return[p,g]}));o(Object.fromEntries(h))}catch(h){console.error("Failed to load locale messages:",h)}})()},[]);const l=Object.keys(r.en).length!==0,s=new Date().toISOString().slice(0,16),f=1,v=Y,[x,R]=y.useState(s),T=Le(new Date(x)),w=new Date(T?x:s),[A,re]=y.useState(f),B=A??f,se=X(w,B),[W,de]=y.useState(v),oe=W===Q?Te[0]:"",[$,le]=y.useState(!1),[G,ue]=y.useState("formatDateShort"),me=[...Z.flatMap(m=>m.labels.filter(h=>!ee(h))),...J.flatMap(m=>m.labels.filter(h=>!ee(h)))],ce=m=>{var K;const h=B===f&&((K=m.extraData)!=null&&K.defaultDurationHours)?X(w,m.extraData.defaultDurationHours):se,p=m.labels,b=p[0],g=m.timeFormatterName;return t.jsxs("tr",{onMouseEnter:()=>c(b),children:[t.jsxs(S,{children:[p.map(d=>t.jsxs(D.Fragment,{children:[t.jsx(I,{variant:"small-regular-italic",children:d}),t.jsx("br",{})]},d)),t.jsx(I,{variant:"small-regular",children:m.tags.map(d=>t.jsxs(D.Fragment,{children:[d,t.jsx("br",{})]},d))}),g?t.jsxs(D.Fragment,{children:[t.jsx(L,{label:"Date formatter",value:G,onValueChange:ue,children:me.map(d=>t.jsx(V,{value:d,children:d},d))}),t.jsx(L,{label:"Time formatter",value:g,children:t.jsx(V,{value:g,children:g},g)})]},`${b}-${g}`):null]}),q.map(d=>t.jsx(_e,{onMouseEnter:()=>{a(d),c(b)},"data-ishighlighted":d===e||b===i,"data-iscentered":!0,children:t.jsx(xe,{locale:Ie[d],messages:r[d],textComponent:"span",children:t.jsx(m.Formatter,{date:w,dateEnd:h,dateStart:w,countryCode:oe,isCapitalized:$,dateFormatterName:G,timeFormatterName:g})})},`${b}-${d}`))]},b)},C=({title:m,variations:h})=>t.jsxs(t.Fragment,{children:[t.jsx("tr",{children:t.jsx(we,{colSpan:q.length+1,children:t.jsx(I,{variant:"large-semibold",children:m})})}),t.jsxs("tr",{children:[t.jsx(S,{}),q.map(p=>t.jsx(S,{onMouseEnter:()=>a(p),children:p},p))]}),h.map(p=>ce(p))]});return l?t.jsxs(Ce,{padding:"12",gap:"16",columns:["1fr"],children:[t.jsx(ze,{variant:"medium",tag:"h3",children:"Date and Time formatting tool"}),t.jsxs(z,{direction:"row",gap:"12",children:[t.jsx(Ve,{label:"Date time",value:x,onValueChange:R,hasError:!T,useLegacyRequiredLabel:!0}),t.jsx(ke,{label:"Range duration (hours)",value:A,onValueChange:re,useLegacyRequiredLabel:!0}),t.jsxs(L,{label:"Time Format",value:W,onValueChange:de,useLegacyRequiredLabel:!0,children:[t.jsx(V,{value:Q,children:"12h format (AM/PM)"}),t.jsx(V,{value:Y,children:"24h format"})]}),t.jsxs(z,{direction:"column",gap:"16",children:[t.jsx(I,{variant:"default-regular",children:"Is Capitalized?"}),t.jsx(Re,{checked:$,onCheckedChange:le})]})]}),t.jsx(z,{direction:"row",children:t.jsx(De,{href:Ee,opensInNewTab:!0,children:t.jsx(I,{variant:"default-semibold",accent:"info",children:"Confluence article with more examples and rules"})})}),t.jsx(z,{direction:"column",gap:"4",children:t.jsx(be,{children:t.jsx(ve,{onMouseLeave:()=>{a(""),c("")},children:t.jsxs("tbody",{children:[C({title:"Abbreviated Dates (IntlFormattedDate)",variations:Z}),C({title:"Extended Dates (IntlFormattedDate)",variations:J}),C({title:"Time (IntlFormattedTime)",variations:Ae}),C({title:"Date and Time Aggregators (IntlFormattedAggregatedDateTime)",variations:je})]})})})})]}):"Loading..."},xt={title:"IntlFormatted/IntlFormattedDateTime",component:ie,parameters:{layout:"fullscreen",chromatic:{disableSnapshot:!0}}},Oe=()=>t.jsx(ie,{}),_=Oe.bind({});_.args={};_.tags=["!autodocs","!a11y-test"];var te,ae,ne;_.parameters={..._.parameters,docs:{...(te=_.parameters)==null?void 0:te.docs,source:{originalSource:"() => <DateTable />",...(ne=(ae=_.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};const It=["Default"];export{_ as Default,It as __namedExportsOrder,xt as default};

package/dist/assets/{LayoutFlex-Drgj-jqd.js → LayoutFlex-CTH6ELdm.js}

@@ -1 +1 @@
-import{am as j,an as E,r as S,L as $,g as b,j as G}from"./iframe-DjYTJz7A.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{g,s as H,a as J,l as Y,b as W}from"./layout-relative.module-1z75aSwo-CsvB7_pT.js";import{w as X}from"./componentNames-hc9KR2nX.js";const r=void 0;function k(e){const{nowrap:t}=e;return t?!0:r}function i(e){return JSON.stringify(e)}function q(e){const{direction:t,column:a,reverse:n}=e;return t===void 0?!n&&!a?{applyThrough:"direction",directionAttr:j}:{applyThrough:"columnReverse",columnReverseAttr:`${a?"column":"row"}-${n?"rev":"fwd"}`}:typeof t=="string"?{applyThrough:"direction",directionAttr:t}:{applyThrough:"direction",directionAttr:i(t)}}function z(e){const{justifyContent:t}=e;return t===void 0?r:typeof t=="string"?t:i(t)}function K(e){const{alignItems:t}=e;return t===void 0?r:typeof t=="string"?t:i(t)}function M(e){const{gap:t}=e;return t===void 0?r:typeof t=="string"?t:i(t)}function Q(e){const{padding:t}=e;return t===void 0?{applyThrough:"attr",attr:E}:typeof t=="string"||typeof t=="number"?{applyThrough:"attr",attr:t}:Array.isArray(t)?{applyThrough:"classnames",classNames:g(t)}:i(t).includes("[")?{applyThrough:"classnames",classNames:g(t)}:{applyThrough:"attr",attr:JSON.stringify(t)}}function V(e){const{hide:t,inline:a}=e;if(t===void 0)return r;const n=a?"inline-flex":"flex";if(typeof t=="boolean")return t?"hide":n;let s=i(t);return s=s.replace(/true/g,'"hide"'),s=s.replace(/false/g,`"${n}"`),s}function Z(e){const{relative:t}=e;return t===void 0?r:t===!0?!0:t===!1?r:i(t)}const tt={},et=S.forwardRef(function(t,a){const{gap:n,hide:s,column:l,nowrap:y,inline:m,dataset:A,reverse:h,padding:v,children:T,relative:R,direction:L,alignItems:x,justifyContent:D,tag:w=$,..._}=t,d=[tt.LayoutFlex,H.LayoutGap,J.LayoutHide,Y.layoutPadding,W.LayoutRelative],N=M({gap:n}),O=k({nowrap:y}),F=Z({relative:R}),I=V({hide:s,inline:m}),P=K({alignItems:x}),U=z({justifyContent:D});let c=r,p=r;const o=q({direction:L,column:l,reverse:h});o.applyThrough==="columnReverse"?p=o.columnReverseAttr:c=o.directionAttr;let f=r;const u=Q({padding:v});u.applyThrough==="classnames"?d.push(...u.classNames):f=u.attr;const C={...B(_),ref:a,className:d.join(" "),"data-ds-gap":N,"data-ds-nowrap":O,"data-ds-padding":f,"data-ds-display":I,"data-ds-relative":F,"data-ds-direction":c,"data-ds-alignitems":P,"data-ds-columnreverse":p,"data-ds-justifycontent":U,...b(A,{preplyDsComponent:X.LayoutFlex})};return G.jsx(w,{...C,children:T})});et.__docgenInfo={description:"",methods:[],displayName:"LayoutFlex"};export{et as L};
+import{am as j,an as E,r as S,L as $,g as b,j as G}from"./iframe-B_74HtSc.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{g,s as H,a as J,l as Y,b as W}from"./layout-relative.module-1z75aSwo-Dcy7i8oK.js";import{w as X}from"./componentNames-hc9KR2nX.js";const r=void 0;function k(e){const{nowrap:t}=e;return t?!0:r}function i(e){return JSON.stringify(e)}function q(e){const{direction:t,column:a,reverse:n}=e;return t===void 0?!n&&!a?{applyThrough:"direction",directionAttr:j}:{applyThrough:"columnReverse",columnReverseAttr:`${a?"column":"row"}-${n?"rev":"fwd"}`}:typeof t=="string"?{applyThrough:"direction",directionAttr:t}:{applyThrough:"direction",directionAttr:i(t)}}function z(e){const{justifyContent:t}=e;return t===void 0?r:typeof t=="string"?t:i(t)}function K(e){const{alignItems:t}=e;return t===void 0?r:typeof t=="string"?t:i(t)}function M(e){const{gap:t}=e;return t===void 0?r:typeof t=="string"?t:i(t)}function Q(e){const{padding:t}=e;return t===void 0?{applyThrough:"attr",attr:E}:typeof t=="string"||typeof t=="number"?{applyThrough:"attr",attr:t}:Array.isArray(t)?{applyThrough:"classnames",classNames:g(t)}:i(t).includes("[")?{applyThrough:"classnames",classNames:g(t)}:{applyThrough:"attr",attr:JSON.stringify(t)}}function V(e){const{hide:t,inline:a}=e;if(t===void 0)return r;const n=a?"inline-flex":"flex";if(typeof t=="boolean")return t?"hide":n;let s=i(t);return s=s.replace(/true/g,'"hide"'),s=s.replace(/false/g,`"${n}"`),s}function Z(e){const{relative:t}=e;return t===void 0?r:t===!0?!0:t===!1?r:i(t)}const tt={},et=S.forwardRef(function(t,a){const{gap:n,hide:s,column:l,nowrap:y,inline:m,dataset:A,reverse:h,padding:v,children:T,relative:R,direction:L,alignItems:x,justifyContent:D,tag:w=$,..._}=t,d=[tt.LayoutFlex,H.LayoutGap,J.LayoutHide,Y.layoutPadding,W.LayoutRelative],N=M({gap:n}),O=k({nowrap:y}),F=Z({relative:R}),I=V({hide:s,inline:m}),P=K({alignItems:x}),U=z({justifyContent:D});let c=r,p=r;const o=q({direction:L,column:l,reverse:h});o.applyThrough==="columnReverse"?p=o.columnReverseAttr:c=o.directionAttr;let f=r;const u=Q({padding:v});u.applyThrough==="classnames"?d.push(...u.classNames):f=u.attr;const C={...B(_),ref:a,className:d.join(" "),"data-ds-gap":N,"data-ds-nowrap":O,"data-ds-padding":f,"data-ds-display":I,"data-ds-relative":F,"data-ds-direction":c,"data-ds-alignitems":P,"data-ds-columnreverse":p,"data-ds-justifycontent":U,...b(A,{preplyDsComponent:X.LayoutFlex})};return G.jsx(w,{...C,children:T})});et.__docgenInfo={description:"",methods:[],displayName:"LayoutFlex"};export{et as L};

package/dist/assets/{LayoutFlex-p_p7LCCd.js → LayoutFlex-DXRMJ9FH.js}

@@ -1 +1 @@
-import{am as F,an as U,r as C,L as j,g as E,j as $}from"./iframe-DjYTJz7A.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as f,b as G,s as H,l as J,a as B}from"./layout-relative.module-BM7yIsEb.js";import{w as Y}from"./componentNames-hc9KR2nX.js";const t=void 0;function M(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function z(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:F}:{applyThrough:"columnReverse",columnReverseAttr:`${u?"column":"row"}-${n?"rev":"fwd"}`}:typeof e=="string"?{applyThrough:"direction",directionAttr:e}:{applyThrough:"direction",directionAttr:r(e)}}function W(a){const{justifyContent:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function X(a){const{alignItems:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function Q(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:U}:typeof e=="string"||typeof e=="number"?{applyThrough:"attr",attr:e}:Array.isArray(e)?{applyThrough:"classnames",classNames:f(e)}:r(e).includes("[")?{applyThrough:"classnames",classNames:f(e)}:{applyThrough:"attr",attr:JSON.stringify(e)}}function Z(a){const{hide:e,inline:u}=a;if(e===void 0)return t;const n=u?"inline-flex":"flex";if(typeof e=="boolean")return e?"hide":n;let l=r(e);return l=l.replace(/true/g,'"hide"'),l=l.replace(/false/g,`"${n}"`),l}function ee(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ae={},m=C.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:P,relative:R,direction:T,alignItems:w,justifyContent:x,tag:_=j,...D}=e,d=[ae.LayoutFlex,G.LayoutGap,H.LayoutHide,J.layoutPadding,B.LayoutRelative],S=K({gap:n}),b=M({nowrap:g}),q=ee({relative:R}),V=Z({hide:l,inline:y}),I=X({alignItems:w}),N=W({justifyContent:x});let v=t,p=t;const i=z({direction:T,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:v=i.directionAttr;let c=t;const s=Q({padding:L});s.applyThrough==="classnames"?d.push(...s.classNames):c=s.attr;const O={...k(D),ref:u,className:d.join(" "),"data-ds-gap":S,"data-ds-nowrap":b,"data-ds-padding":c,"data-ds-display":V,"data-ds-relative":q,"data-ds-direction":v,"data-ds-alignitems":I,"data-ds-columnreverse":p,"data-ds-justifycontent":N,...E(h,{preplyDsComponent:Y.LayoutFlex})};return $.jsx(_,{...O,children:P})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A component for rendering flex layout",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"The `gap` property is used to set the spacing between flex items.\n\nNumeric values correspond to the `px` unit.\n\nT-shirt size values like `xs`, `sm`, `md`, `lg`, `xl` are deprecated.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"6"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"ResponsiveProp<LayoutGap>"},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"6"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:'ResponsiveProp<"24" | "32" | "48" | "64" | "96" | "160" | "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | [LayoutPadding, LayoutPadding] | [LayoutPadding, LayoutPadding, LayoutPadding] | [...] | [...] | [...] | [...]>'}]}},nowrap:{defaultValue:null,description:"",name:"nowrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"column",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"reverse",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"column"'},{value:'"row"'},{value:'"row-reverse"'},{value:'"column-reverse"'},{value:"ResponsiveProp<LayoutFlexDirection>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"caption"'},{value:'"div"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"header"'},{value:'"li"'},{value:'"main"'},{value:'"ol"'},{value:'"p"'},{value:'"section"'},{value:'"span"'},{value:'"table"'},{value:'"tbody"'},{value:'"td"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"tr"'},{value:'"ul"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as L};
+import{am as F,an as U,r as C,L as j,g as E,j as $}from"./iframe-B_74HtSc.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as f,b as G,s as H,l as J,a as B}from"./layout-relative.module-BIZVul8q.js";import{w as Y}from"./componentNames-hc9KR2nX.js";const t=void 0;function M(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function z(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:F}:{applyThrough:"columnReverse",columnReverseAttr:`${u?"column":"row"}-${n?"rev":"fwd"}`}:typeof e=="string"?{applyThrough:"direction",directionAttr:e}:{applyThrough:"direction",directionAttr:r(e)}}function W(a){const{justifyContent:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function X(a){const{alignItems:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function Q(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:U}:typeof e=="string"||typeof e=="number"?{applyThrough:"attr",attr:e}:Array.isArray(e)?{applyThrough:"classnames",classNames:f(e)}:r(e).includes("[")?{applyThrough:"classnames",classNames:f(e)}:{applyThrough:"attr",attr:JSON.stringify(e)}}function Z(a){const{hide:e,inline:u}=a;if(e===void 0)return t;const n=u?"inline-flex":"flex";if(typeof e=="boolean")return e?"hide":n;let l=r(e);return l=l.replace(/true/g,'"hide"'),l=l.replace(/false/g,`"${n}"`),l}function ee(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ae={},m=C.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:P,relative:R,direction:T,alignItems:w,justifyContent:x,tag:_=j,...D}=e,d=[ae.LayoutFlex,G.LayoutGap,H.LayoutHide,J.layoutPadding,B.LayoutRelative],S=K({gap:n}),b=M({nowrap:g}),q=ee({relative:R}),V=Z({hide:l,inline:y}),I=X({alignItems:w}),N=W({justifyContent:x});let v=t,p=t;const i=z({direction:T,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:v=i.directionAttr;let c=t;const s=Q({padding:L});s.applyThrough==="classnames"?d.push(...s.classNames):c=s.attr;const O={...k(D),ref:u,className:d.join(" "),"data-ds-gap":S,"data-ds-nowrap":b,"data-ds-padding":c,"data-ds-display":V,"data-ds-relative":q,"data-ds-direction":v,"data-ds-alignitems":I,"data-ds-columnreverse":p,"data-ds-justifycontent":N,...E(h,{preplyDsComponent:Y.LayoutFlex})};return $.jsx(_,{...O,children:P})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A component for rendering flex layout",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"The `gap` property is used to set the spacing between flex items.\n\nNumeric values correspond to the `px` unit.\n\nT-shirt size values like `xs`, `sm`, `md`, `lg`, `xl` are deprecated.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"16"'},{value:'"1"'},{value:'"6"'},{value:'"12"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<LayoutGap>"},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"16"'},{value:'"1"'},{value:'"6"'},{value:'"12"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:'ResponsiveProp<"0" | "2" | "4" | "8" | "16" | "1" | "6" | "12" | "20" | "24" | "32" | "48" | "64" | "96" | "160" | [LayoutPadding, LayoutPadding] | [LayoutPadding, LayoutPadding, LayoutPadding] | [...] | [...] | [...] | [...]>'}]}},nowrap:{defaultValue:null,description:"",name:"nowrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"column",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"reverse",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"column"'},{value:'"row"'},{value:'"row-reverse"'},{value:'"column-reverse"'},{value:"ResponsiveProp<LayoutFlexDirection>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as L};

package/dist/assets/{LayoutFlexItem-DrxhQlf5.js → LayoutFlexItem-lmgCv4Y9.js}

@@ -1 +1 @@
-import{r as x,u as I,w as _,g as F,j as g,L as w}from"./iframe-DjYTJz7A.js";import{g as b}from"./align-self-D0ug8REo.js";import{g as R,a as C}from"./layout-relative-DQF7VcUK.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-hc9KR2nX.js";const A="LayoutFlexItem__dKOq-",q={LayoutFlexItem:A,"LayoutFlexItem--stretch":"LayoutFlexItem--stretch__iab5M","LayoutFlexItem--no-stretch":"LayoutFlexItem--no-stretch__-1TuH","LayoutFlexItem--narrow-l--stretch":"LayoutFlexItem--narrow-l--stretch__3ll6c","LayoutFlexItem--narrow-l--no-stretch":"LayoutFlexItem--narrow-l--no-stretch__ObDkL","LayoutFlexItem--medium-s--stretch":"LayoutFlexItem--medium-s--stretch__3Ry1a","LayoutFlexItem--medium-s--no-stretch":"LayoutFlexItem--medium-s--no-stretch__KB7hy","LayoutFlexItem--medium-l--stretch":"LayoutFlexItem--medium-l--stretch__roskH","LayoutFlexItem--medium-l--no-stretch":"LayoutFlexItem--medium-l--no-stretch__g5WGB","LayoutFlexItem--wide-s--stretch":"LayoutFlexItem--wide-s--stretch__xMSyv","LayoutFlexItem--wide-s--no-stretch":"LayoutFlexItem--wide-s--no-stretch__3voIB","LayoutFlexItem--wide-l--stretch":"LayoutFlexItem--wide-l--stretch__AfLMQ","LayoutFlexItem--wide-l--no-stretch":"LayoutFlexItem--wide-l--no-stretch__LA45O"},t=x.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},c){const d=I(q,e.LayoutFlexItem,_("stretch","no-stretch",u)),v=b(s),y=R(n),p=C(r),f=[...d,...v,...y,...p],L=o??w,h={...N(i),ref:c,className:f.join(" "),...F(m,{preplyDsComponent:e.LayoutFlexItem})};return g.jsx(L,{...h,children:l})});try{t.displayName="LayoutFlexItem",t.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"caption"'},{value:'"div"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"header"'},{value:'"li"'},{value:'"main"'},{value:'"ol"'},{value:'"p"'},{value:'"section"'},{value:'"span"'},{value:'"table"'},{value:'"tbody"'},{value:'"td"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"tr"'},{value:'"ul"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as L};
+import{r as x,u as I,w as _,g as F,j as g,L as w}from"./iframe-B_74HtSc.js";import{g as b}from"./align-self-BYi8giLn.js";import{g as R,a as C}from"./layout-relative-B9CiYPwj.js";import{f as N}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-hc9KR2nX.js";const A="LayoutFlexItem__dKOq-",q={LayoutFlexItem:A,"LayoutFlexItem--stretch":"LayoutFlexItem--stretch__iab5M","LayoutFlexItem--no-stretch":"LayoutFlexItem--no-stretch__-1TuH","LayoutFlexItem--narrow-l--stretch":"LayoutFlexItem--narrow-l--stretch__3ll6c","LayoutFlexItem--narrow-l--no-stretch":"LayoutFlexItem--narrow-l--no-stretch__ObDkL","LayoutFlexItem--medium-s--stretch":"LayoutFlexItem--medium-s--stretch__3Ry1a","LayoutFlexItem--medium-s--no-stretch":"LayoutFlexItem--medium-s--no-stretch__KB7hy","LayoutFlexItem--medium-l--stretch":"LayoutFlexItem--medium-l--stretch__roskH","LayoutFlexItem--medium-l--no-stretch":"LayoutFlexItem--medium-l--no-stretch__g5WGB","LayoutFlexItem--wide-s--stretch":"LayoutFlexItem--wide-s--stretch__xMSyv","LayoutFlexItem--wide-s--no-stretch":"LayoutFlexItem--wide-s--no-stretch__3voIB","LayoutFlexItem--wide-l--stretch":"LayoutFlexItem--wide-l--stretch__AfLMQ","LayoutFlexItem--wide-l--no-stretch":"LayoutFlexItem--wide-l--no-stretch__LA45O"},t=x.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},c){const d=I(q,e.LayoutFlexItem,_("stretch","no-stretch",u)),v=b(s),y=R(n),p=C(r),f=[...d,...v,...y,...p],L=o??w,h={...N(i),ref:c,className:f.join(" "),...F(m,{preplyDsComponent:e.LayoutFlexItem})};return g.jsx(L,{...h,children:l})});try{t.displayName="LayoutFlexItem",t.__docgenInfo={description:"",displayName:"LayoutFlexItem",props:{alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:"ResponsiveProp<LayoutAlignSelf>"}]}},stretch:{defaultValue:{value:"false"},description:"",name:"stretch",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as L};