@preply/ds-docs 3.3.0 → 3.4.0

package/dist/assets/IntegrationWithReactHookForm.stories-DsRQlqVO.js

@@ -0,0 +1,274 @@
+import{j as w}from"./jsx-runtime-BYouaCF_.js";import{e as A}from"./index-B3evPFBL.js";import{f as qt,w as Nt,u as U,a as Qe,e as $}from"./index-DDyIDR-R.js";import{L as Xe}from"./LayoutFlex-BK2I--nP.js";import{H as Ut}from"./Heading-kRKueEJE.js";import{T as et}from"./TextField-C8z2d_Sb.js";import{N as Ht}from"./NumberField-DJpVBd26.js";import{S as It,a as Z}from"./SelectField-Txzefw7x.js";import{P as tt}from"./PasswordField-BKpD4wgB.js";import{T as Wt}from"./TextareaField-ADPg-loW.js";import{F as ke}from"./FormControl-CeIJk4_Z.js";import{S as $t}from"./Slider-6E9fmd7P.js";import{R as Jt}from"./RangeSlider-dSZs_gtw.js";import{C as zt}from"./Checkbox-BJCC-N-r.js";import{B as rt}from"./Button-ByGPH5mV.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-ed9bC4H4.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./index-DdzHuZ-Y.js";import"./componentNames-CpCJzpB9.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./Input-CfUiWyvo.js";import"./InputContainer-Bk0tgFnW.js";import"./TokyoUIExpand-DThzqohx.js";import"./Icon-ZIxauYsE.js";import"./render-icon-CVTdrNe-.js";import"./TokyoUIEye-BsOt8ZdC.js";import"./FieldButton-Bsa9_rJB.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./useMergeRefs-BKVZOB6R.js";import"./index-DRKYGVyc.js";import"./message-BraTJ16C.js";import"./index--DZ0VX4g.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./useMergeRefs-CeyIhNgY.js";import"./ButtonBase-B0KE_9xS.js";import"./Spinner-BCTJunNM.js";import"./useHostname-CH18gHFj.js";import"./index-CC6DAVyL.js";var be=e=>e.type==="checkbox",oe=e=>e instanceof Date,N=e=>e==null;const bt=e=>typeof e=="object";var B=e=>!N(e)&&!Array.isArray(e)&&bt(e)&&!oe(e),pt=e=>B(e)&&e.target?be(e.target)?e.target.checked:e.target.value:e,Yt=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,xt=(e,s)=>e.has(Yt(s)),Gt=e=>{const s=e.constructor&&e.constructor.prototype;return B(s)&&s.hasOwnProperty("isPrototypeOf")},Oe=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function H(e){let s;const t=Array.isArray(e),a=typeof FileList<"u"?e instanceof FileList:!1;if(e instanceof Date)s=new Date(e);else if(e instanceof Set)s=new Set(e);else if(!(Oe&&(e instanceof Blob||a))&&(t||B(e)))if(s=t?[]:{},!t&&!Gt(e))s=e;else for(const o in e)e.hasOwnProperty(o)&&(s[o]=H(e[o]));else return e;return s}var Se=e=>Array.isArray(e)?e.filter(Boolean):[],P=e=>e===void 0,f=(e,s,t)=>{if(!s||!B(e))return t;const a=Se(s.split(/[,[\].]+?/)).reduce((o,n)=>N(o)?o:o[n],e);return P(a)||a===e?P(e[s])?t:e[s]:a},Y=e=>typeof e=="boolean",je=e=>/^\w*$/.test(e),wt=e=>Se(e.replace(/["|']|\]/g,"").split(/\.|\[/)),S=(e,s,t)=>{let a=-1;const o=je(s)?[s]:wt(s),n=o.length,c=n-1;for(;++a<n;){const y=o[a];let p=t;if(a!==c){const R=e[y];p=B(R)||Array.isArray(R)?R:isNaN(+o[a+1])?{}:[]}if(y==="__proto__"||y==="constructor"||y==="prototype")return;e[y]=p,e=e[y]}return e};const Fe={BLUR:"blur",FOCUS_OUT:"focusout",CHANGE:"change"},K={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},re={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"},Kt=A.createContext(null),Me=()=>A.useContext(Kt);var Ft=(e,s,t,a=!0)=>{const o={defaultValues:s._defaultValues};for(const n in e)Object.defineProperty(o,n,{get:()=>{const c=n;return s._proxyFormState[c]!==K.all&&(s._proxyFormState[c]=!a||K.all),t&&(t[c]=!0),e[c]}});return o},I=e=>B(e)&&!Object.keys(e).length,_t=(e,s,t,a)=>{t(e);const{name:o,...n}=e;return I(n)||Object.keys(n).length>=Object.keys(s).length||Object.keys(n).find(c=>s[c]===(!a||K.all))},ve=e=>Array.isArray(e)?e:[e],At=(e,s,t)=>!e||!s||e===s||ve(e).some(a=>a&&(t?a===s:a.startsWith(s)||s.startsWith(a)));function qe(e){const s=A.useRef(e);s.current=e,A.useEffect(()=>{const t=!e.disabled&&s.current.subject&&s.current.subject.subscribe({next:s.current.next});return()=>{t&&t.unsubscribe()}},[e.disabled])}function Zt(e){const s=Me(),{control:t=s.control,disabled:a,name:o,exact:n}=e||{},[c,y]=A.useState(t._formState),p=A.useRef(!0),R=A.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1}),x=A.useRef(o);return x.current=o,qe({disabled:a,next:v=>p.current&&At(x.current,v.name,n)&&_t(v,R.current,t._updateFormState)&&y({...t._formState,...v}),subject:t._subjects.state}),A.useEffect(()=>(p.current=!0,R.current.isValid&&t._updateValid(!0),()=>{p.current=!1}),[t]),A.useMemo(()=>Ft(c,t,R.current,!1),[c,t])}var X=e=>typeof e=="string",Vt=(e,s,t,a,o)=>X(e)?(a&&s.watch.add(e),f(t,e,o)):Array.isArray(e)?e.map(n=>(a&&s.watch.add(n),f(t,n))):(a&&(s.watchAll=!0),t);function Qt(e){const s=Me(),{control:t=s.control,name:a,defaultValue:o,disabled:n,exact:c}=e||{},y=A.useRef(a);y.current=a,qe({disabled:n,subject:t._subjects.values,next:x=>{At(y.current,x.name,c)&&R(H(Vt(y.current,t._names,x.values||t._formValues,!1,o)))}});const[p,R]=A.useState(t._getWatch(a,o));return A.useEffect(()=>t._removeUnmounted()),p}function Xt(e){const s=Me(),{name:t,disabled:a,control:o=s.control,shouldUnregister:n}=e,c=xt(o._names.array,t),y=Qt({control:o,name:t,defaultValue:f(o._formValues,t,f(o._defaultValues,t,e.defaultValue)),exact:!0}),p=Zt({control:o,name:t,exact:!0}),R=A.useRef(o.register(t,{...e.rules,value:y,...Y(e.disabled)?{disabled:e.disabled}:{}})),x=A.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!f(p.errors,t)},isDirty:{enumerable:!0,get:()=>!!f(p.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!f(p.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!f(p.validatingFields,t)},error:{enumerable:!0,get:()=>f(p.errors,t)}}),[p,t]),v=A.useMemo(()=>({name:t,value:y,...Y(a)||p.disabled?{disabled:p.disabled||a}:{},onChange:E=>R.current.onChange({target:{value:pt(E),name:t},type:Fe.CHANGE}),onBlur:()=>R.current.onBlur({target:{value:f(o._formValues,t),name:t},type:Fe.BLUR}),ref:E=>{const W=f(o._fields,t);W&&E&&(W._f.ref={focus:()=>E.focus(),select:()=>E.select(),setCustomValidity:k=>E.setCustomValidity(k),reportValidity:()=>E.reportValidity()})}}),[t,o._formValues,a,p.disabled,y,o._fields]);return A.useEffect(()=>{const E=o._options.shouldUnregister||n,W=(k,T)=>{const V=f(o._fields,k);V&&V._f&&(V._f.mount=T)};if(W(t,!0),E){const k=H(f(o._options.defaultValues,t));S(o._defaultValues,t,k),P(f(o._formValues,t))&&S(o._formValues,t,k)}return!c&&o.register(t),()=>{(c?E&&!o._state.action:E)?o.unregister(t):W(t,!1)}},[t,o,c,n]),A.useEffect(()=>{o._updateDisabledField({disabled:a,fields:o._fields,name:t})},[a,t,o]),A.useMemo(()=>({field:v,formState:p,fieldState:x}),[v,p,x])}const st=e=>e.render(Xt(e));var er=(e,s,t,a,o)=>s?{...t[e],types:{...t[e]&&t[e].types?t[e].types:{},[a]:o||!0}}:{},at=e=>({isOnSubmit:!e||e===K.onSubmit,isOnBlur:e===K.onBlur,isOnChange:e===K.onChange,isOnAll:e===K.all,isOnTouch:e===K.onTouched}),it=(e,s,t)=>!t&&(s.watchAll||s.watch.has(e)||[...s.watch].some(a=>e.startsWith(a)&&/^\.\w+/.test(e.slice(a.length))));const he=(e,s,t,a)=>{for(const o of t||Object.keys(e)){const n=f(e,o);if(n){const{_f:c,...y}=n;if(c){if(c.refs&&c.refs[0]&&s(c.refs[0],o)&&!a)return!0;if(c.ref&&s(c.ref,c.name)&&!a)return!0;if(he(y,s))break}else if(B(y)&&he(y,s))break}}};var tr=(e,s,t)=>{const a=ve(f(e,t));return S(a,"root",s[t]),S(e,t,a),e},Ne=e=>e.type==="file",Q=e=>typeof e=="function",_e=e=>{if(!Oe)return!1;const s=e?e.ownerDocument:0;return e instanceof(s&&s.defaultView?s.defaultView.HTMLElement:HTMLElement)},we=e=>X(e),Ue=e=>e.type==="radio",Ae=e=>e instanceof RegExp;const ot={value:!1,isValid:!1},nt={value:!0,isValid:!0};var St=e=>{if(Array.isArray(e)){if(e.length>1){const s=e.filter(t=>t&&t.checked&&!t.disabled).map(t=>t.value);return{value:s,isValid:!!s.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!P(e[0].attributes.value)?P(e[0].value)||e[0].value===""?nt:{value:e[0].value,isValid:!0}:nt:ot}return ot};const lt={isValid:!1,value:null};var Rt=e=>Array.isArray(e)?e.reduce((s,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:s,lt):lt;function ut(e,s,t="validate"){if(we(e)||Array.isArray(e)&&e.every(we)||Y(e)&&!e)return{type:t,message:we(e)?e:"",ref:s}}var ue=e=>B(e)&&!Ae(e)?e:{value:e,message:""},ct=async(e,s,t,a,o,n)=>{const{ref:c,refs:y,required:p,maxLength:R,minLength:x,min:v,max:E,pattern:W,validate:k,name:T,valueAsNumber:V,mount:M}=e._f,F=f(t,T);if(!M||s.has(T))return{};const ee=y?y[0]:c,te=b=>{o&&ee.reportValidity&&(ee.setCustomValidity(Y(b)?"":b||""),ee.reportValidity())},C={},ne=Ue(c),pe=be(c),ie=ne||pe,le=(V||Ne(c))&&P(c.value)&&P(F)||_e(c)&&c.value===""||F===""||Array.isArray(F)&&!F.length,J=er.bind(null,T,a,C),xe=(b,_,L,q=re.maxLength,G=re.minLength)=>{const z=b?_:L;C[T]={type:b?q:G,message:z,ref:c,...J(b?q:G,z)}};if(n?!Array.isArray(F)||!F.length:p&&(!ie&&(le||N(F))||Y(F)&&!F||pe&&!St(y).isValid||ne&&!Rt(y).isValid)){const{value:b,message:_}=we(p)?{value:!!p,message:p}:ue(p);if(b&&(C[T]={type:re.required,message:_,ref:ee,...J(re.required,_)},!a))return te(_),C}if(!le&&(!N(v)||!N(E))){let b,_;const L=ue(E),q=ue(v);if(!N(F)&&!isNaN(F)){const G=c.valueAsNumber||F&&+F;N(L.value)||(b=G>L.value),N(q.value)||(_=G<q.value)}else{const G=c.valueAsDate||new Date(F),z=fe=>new Date(new Date().toDateString()+" "+fe),ce=c.type=="time",de=c.type=="week";X(L.value)&&F&&(b=ce?z(F)>z(L.value):de?F>L.value:G>new Date(L.value)),X(q.value)&&F&&(_=ce?z(F)<z(q.value):de?F<q.value:G<new Date(q.value))}if((b||_)&&(xe(!!b,L.message,q.message,re.max,re.min),!a))return te(C[T].message),C}if((R||x)&&!le&&(X(F)||n&&Array.isArray(F))){const b=ue(R),_=ue(x),L=!N(b.value)&&F.length>+b.value,q=!N(_.value)&&F.length<+_.value;if((L||q)&&(xe(L,b.message,_.message),!a))return te(C[T].message),C}if(W&&!le&&X(F)){const{value:b,message:_}=ue(W);if(Ae(b)&&!F.match(b)&&(C[T]={type:re.pattern,message:_,ref:c,...J(re.pattern,_)},!a))return te(_),C}if(k){if(Q(k)){const b=await k(F,t),_=ut(b,ee);if(_&&(C[T]={..._,...J(re.validate,_.message)},!a))return te(_.message),C}else if(B(k)){let b={};for(const _ in k){if(!I(b)&&!a)break;const L=ut(await k[_](F,t),ee,_);L&&(b={...L,...J(_,L.message)},te(L.message),a&&(C[T]=b))}if(!I(b)&&(C[T]={ref:ee,...b},!a))return C}}return te(!0),C};function rr(e,s){const t=s.slice(0,-1).length;let a=0;for(;a<t;)e=P(e)?a++:e[s[a++]];return e}function sr(e){for(const s in e)if(e.hasOwnProperty(s)&&!P(e[s]))return!1;return!0}function D(e,s){const t=Array.isArray(s)?s:je(s)?[s]:wt(s),a=t.length===1?e:rr(e,t),o=t.length-1,n=t[o];return a&&delete a[n],o!==0&&(B(a)&&I(a)||Array.isArray(a)&&sr(a))&&D(e,t.slice(0,-1)),e}var Ce=()=>{let e=[];return{get observers(){return e},next:o=>{for(const n of e)n.next&&n.next(o)},subscribe:o=>(e.push(o),{unsubscribe:()=>{e=e.filter(n=>n!==o)}}),unsubscribe:()=>{e=[]}}},Te=e=>N(e)||!bt(e);function ae(e,s){if(Te(e)||Te(s))return e===s;if(oe(e)&&oe(s))return e.getTime()===s.getTime();const t=Object.keys(e),a=Object.keys(s);if(t.length!==a.length)return!1;for(const o of t){const n=e[o];if(!a.includes(o))return!1;if(o!=="ref"){const c=s[o];if(oe(n)&&oe(c)||B(n)&&B(c)||Array.isArray(n)&&Array.isArray(c)?!ae(n,c):n!==c)return!1}}return!0}var Pt=e=>e.type==="select-multiple",ar=e=>Ue(e)||be(e),Le=e=>_e(e)&&e.isConnected,Bt=e=>{for(const s in e)if(Q(e[s]))return!0;return!1};function Ve(e,s={}){const t=Array.isArray(e);if(B(e)||t)for(const a in e)Array.isArray(e[a])||B(e[a])&&!Bt(e[a])?(s[a]=Array.isArray(e[a])?[]:{},Ve(e[a],s[a])):N(e[a])||(s[a]=!0);return s}function Et(e,s,t){const a=Array.isArray(e);if(B(e)||a)for(const o in e)Array.isArray(e[o])||B(e[o])&&!Bt(e[o])?P(s)||Te(t[o])?t[o]=Array.isArray(e[o])?Ve(e[o],[]):{...Ve(e[o])}:Et(e[o],N(s)?{}:s[o],t[o]):t[o]=!ae(e[o],s[o]);return t}var me=(e,s)=>Et(e,s,Ve(s)),kt=(e,{valueAsNumber:s,valueAsDate:t,setValueAs:a})=>P(e)?e:s?e===""?NaN:e&&+e:t&&X(e)?new Date(e):a?a(e):e;function De(e){const s=e.ref;return Ne(s)?s.files:Ue(s)?Rt(e.refs).value:Pt(s)?[...s.selectedOptions].map(({value:t})=>t):be(s)?St(e.refs).value:kt(P(s.value)?e.ref.value:s.value,e)}var ir=(e,s,t,a)=>{const o={};for(const n of e){const c=f(s,n);c&&S(o,n,c._f)}return{criteriaMode:t,names:[...e],fields:o,shouldUseNativeValidation:a}},ye=e=>P(e)?e:Ae(e)?e.source:B(e)?Ae(e.value)?e.value.source:e.value:e;const dt="AsyncFunction";var or=e=>!!e&&!!e.validate&&!!(Q(e.validate)&&e.validate.constructor.name===dt||B(e.validate)&&Object.values(e.validate).find(s=>s.constructor.name===dt)),nr=e=>e.mount&&(e.required||e.min||e.max||e.maxLength||e.minLength||e.pattern||e.validate);function ft(e,s,t){const a=f(e,t);if(a||je(t))return{error:a,name:t};const o=t.split(".");for(;o.length;){const n=o.join("."),c=f(s,n),y=f(e,n);if(c&&!Array.isArray(c)&&t!==n)return{name:t};if(y&&y.type)return{name:n,error:y};o.pop()}return{name:t}}var lr=(e,s,t,a,o)=>o.isOnAll?!1:!t&&o.isOnTouch?!(s||e):(t?a.isOnBlur:o.isOnBlur)?!e:(t?a.isOnChange:o.isOnChange)?e:!0,ur=(e,s)=>!Se(f(e,s)).length&&D(e,s);const cr={mode:K.onSubmit,reValidateMode:K.onChange,shouldFocusError:!0};function dr(e={}){let s={...cr,...e},t={submitCount:0,isDirty:!1,isLoading:Q(s.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:s.errors||{},disabled:s.disabled||!1},a={},o=B(s.defaultValues)||B(s.values)?H(s.defaultValues||s.values)||{}:{},n=s.shouldUnregister?{}:H(o),c={action:!1,mount:!1,watch:!1},y={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},p,R=0;const x={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1},v={values:Ce(),array:Ce(),state:Ce()},E=at(s.mode),W=at(s.reValidateMode),k=s.criteriaMode===K.all,T=r=>i=>{clearTimeout(R),R=setTimeout(r,i)},V=async r=>{if(!s.disabled&&(x.isValid||r)){const i=s.resolver?I((await ie()).errors):await J(a,!0);i!==t.isValid&&v.state.next({isValid:i})}},M=(r,i)=>{!s.disabled&&(x.isValidating||x.validatingFields)&&((r||Array.from(y.mount)).forEach(l=>{l&&(i?S(t.validatingFields,l,i):D(t.validatingFields,l))}),v.state.next({validatingFields:t.validatingFields,isValidating:!I(t.validatingFields)}))},F=(r,i=[],l,m,d=!0,u=!0)=>{if(m&&l&&!s.disabled){if(c.action=!0,u&&Array.isArray(f(a,r))){const g=l(f(a,r),m.argA,m.argB);d&&S(a,r,g)}if(u&&Array.isArray(f(t.errors,r))){const g=l(f(t.errors,r),m.argA,m.argB);d&&S(t.errors,r,g),ur(t.errors,r)}if(x.touchedFields&&u&&Array.isArray(f(t.touchedFields,r))){const g=l(f(t.touchedFields,r),m.argA,m.argB);d&&S(t.touchedFields,r,g)}x.dirtyFields&&(t.dirtyFields=me(o,n)),v.state.next({name:r,isDirty:b(r,i),dirtyFields:t.dirtyFields,errors:t.errors,isValid:t.isValid})}else S(n,r,i)},ee=(r,i)=>{S(t.errors,r,i),v.state.next({errors:t.errors})},te=r=>{t.errors=r,v.state.next({errors:t.errors,isValid:!1})},C=(r,i,l,m)=>{const d=f(a,r);if(d){const u=f(n,r,P(l)?f(o,r):l);P(u)||m&&m.defaultChecked||i?S(n,r,i?u:De(d._f)):q(r,u),c.mount&&V()}},ne=(r,i,l,m,d)=>{let u=!1,g=!1;const h={name:r};if(!s.disabled){const O=!!(f(a,r)&&f(a,r)._f&&f(a,r)._f.disabled);if(!l||m){x.isDirty&&(g=t.isDirty,t.isDirty=h.isDirty=b(),u=g!==h.isDirty);const j=O||ae(f(o,r),i);g=!!(!O&&f(t.dirtyFields,r)),j||O?D(t.dirtyFields,r):S(t.dirtyFields,r,!0),h.dirtyFields=t.dirtyFields,u=u||x.dirtyFields&&g!==!j}if(l){const j=f(t.touchedFields,r);j||(S(t.touchedFields,r,l),h.touchedFields=t.touchedFields,u=u||x.touchedFields&&j!==l)}u&&d&&v.state.next(h)}return u?h:{}},pe=(r,i,l,m)=>{const d=f(t.errors,r),u=x.isValid&&Y(i)&&t.isValid!==i;if(s.delayError&&l?(p=T(()=>ee(r,l)),p(s.delayError)):(clearTimeout(R),p=null,l?S(t.errors,r,l):D(t.errors,r)),(l?!ae(d,l):d)||!I(m)||u){const g={...m,...u&&Y(i)?{isValid:i}:{},errors:t.errors,name:r};t={...t,...g},v.state.next(g)}},ie=async r=>{M(r,!0);const i=await s.resolver(n,s.context,ir(r||y.mount,a,s.criteriaMode,s.shouldUseNativeValidation));return M(r),i},le=async r=>{const{errors:i}=await ie(r);if(r)for(const l of r){const m=f(i,l);m?S(t.errors,l,m):D(t.errors,l)}else t.errors=i;return i},J=async(r,i,l={valid:!0})=>{for(const m in r){const d=r[m];if(d){const{_f:u,...g}=d;if(u){const h=y.array.has(u.name),O=d._f&&or(d._f);O&&x.validatingFields&&M([m],!0);const j=await ct(d,y.disabled,n,k,s.shouldUseNativeValidation&&!i,h);if(O&&x.validatingFields&&M([m]),j[u.name]&&(l.valid=!1,i))break;!i&&(f(j,u.name)?h?tr(t.errors,j,u.name):S(t.errors,u.name,j[u.name]):D(t.errors,u.name))}!I(g)&&await J(g,i,l)}}return l.valid},xe=()=>{for(const r of y.unMount){const i=f(a,r);i&&(i._f.refs?i._f.refs.every(l=>!Le(l)):!Le(i._f.ref))&&Re(r)}y.unMount=new Set},b=(r,i)=>!s.disabled&&(r&&i&&S(n,r,i),!ae(He(),o)),_=(r,i,l)=>Vt(r,y,{...c.mount?n:P(i)?o:X(r)?{[r]:i}:i},l,i),L=r=>Se(f(c.mount?n:o,r,s.shouldUnregister?f(o,r,[]):[])),q=(r,i,l={})=>{const m=f(a,r);let d=i;if(m){const u=m._f;u&&(!u.disabled&&S(n,r,kt(i,u)),d=_e(u.ref)&&N(i)?"":i,Pt(u.ref)?[...u.ref.options].forEach(g=>g.selected=d.includes(g.value)):u.refs?be(u.ref)?u.refs.length>1?u.refs.forEach(g=>(!g.defaultChecked||!g.disabled)&&(g.checked=Array.isArray(d)?!!d.find(h=>h===g.value):d===g.value)):u.refs[0]&&(u.refs[0].checked=!!d):u.refs.forEach(g=>g.checked=g.value===d):Ne(u.ref)?u.ref.value="":(u.ref.value=d,u.ref.type||v.values.next({name:r,values:{...n}})))}(l.shouldDirty||l.shouldTouch)&&ne(r,d,l.shouldTouch,l.shouldDirty,!0),l.shouldValidate&&fe(r)},G=(r,i,l)=>{for(const m in i){const d=i[m],u=`${r}.${m}`,g=f(a,u);(y.array.has(r)||B(d)||g&&!g._f)&&!oe(d)?G(u,d,l):q(u,d,l)}},z=(r,i,l={})=>{const m=f(a,r),d=y.array.has(r),u=H(i);S(n,r,u),d?(v.array.next({name:r,values:{...n}}),(x.isDirty||x.dirtyFields)&&l.shouldDirty&&v.state.next({name:r,dirtyFields:me(o,n),isDirty:b(r,u)})):m&&!m._f&&!N(u)?G(r,u,l):q(r,u,l),it(r,y)&&v.state.next({...t}),v.values.next({name:c.mount?r:void 0,values:{...n}})},ce=async r=>{c.mount=!0;const i=r.target;let l=i.name,m=!0;const d=f(a,l),u=()=>i.type?De(d._f):pt(r),g=h=>{m=Number.isNaN(h)||oe(h)&&isNaN(h.getTime())||ae(h,f(n,l,h))};if(d){let h,O;const j=u(),se=r.type===Fe.BLUR||r.type===Fe.FOCUS_OUT,Ot=!nr(d._f)&&!s.resolver&&!f(t.errors,l)&&!d._f.deps||lr(se,f(t.touchedFields,l),t.isSubmitted,W,E),Be=it(l,y,se);S(n,l,j),se?(d._f.onBlur&&d._f.onBlur(r),p&&p(0)):d._f.onChange&&d._f.onChange(r);const Ee=ne(l,j,se,!1),jt=!I(Ee)||Be;if(!se&&v.values.next({name:l,type:r.type,values:{...n}}),Ot)return x.isValid&&(s.mode==="onBlur"&&se?V():se||V()),jt&&v.state.next({name:l,...Be?{}:Ee});if(!se&&Be&&v.state.next({...t}),s.resolver){const{errors:Ke}=await ie([l]);if(g(j),m){const Mt=ft(t.errors,a,l),Ze=ft(Ke,a,Mt.name||l);h=Ze.error,l=Ze.name,O=I(Ke)}}else M([l],!0),h=(await ct(d,y.disabled,n,k,s.shouldUseNativeValidation))[l],M([l]),g(j),m&&(h?O=!1:x.isValid&&(O=await J(a,!0)));m&&(d._f.deps&&fe(d._f.deps),pe(l,O,h,Ee))}},de=(r,i)=>{if(f(t.errors,i)&&r.focus)return r.focus(),1},fe=async(r,i={})=>{let l,m;const d=ve(r);if(s.resolver){const u=await le(P(r)?r:d);l=I(u),m=r?!d.some(g=>f(u,g)):l}else r?(m=(await Promise.all(d.map(async u=>{const g=f(a,u);return await J(g&&g._f?{[u]:g}:g)}))).every(Boolean),!(!m&&!t.isValid)&&V()):m=l=await J(a);return v.state.next({...!X(r)||x.isValid&&l!==t.isValid?{}:{name:r},...s.resolver||!r?{isValid:l}:{},errors:t.errors}),i.shouldFocus&&!m&&he(a,de,r?d:y.mount),m},He=r=>{const i={...c.mount?n:o};return P(r)?i:X(r)?f(i,r):r.map(l=>f(i,l))},Ie=(r,i)=>({invalid:!!f((i||t).errors,r),isDirty:!!f((i||t).dirtyFields,r),error:f((i||t).errors,r),isValidating:!!f(t.validatingFields,r),isTouched:!!f((i||t).touchedFields,r)}),Ct=r=>{r&&ve(r).forEach(i=>D(t.errors,i)),v.state.next({errors:r?t.errors:{}})},We=(r,i,l)=>{const m=(f(a,r,{_f:{}})._f||{}).ref,d=f(t.errors,r)||{},{ref:u,message:g,type:h,...O}=d;S(t.errors,r,{...O,...i,ref:m}),v.state.next({name:r,errors:t.errors,isValid:!1}),l&&l.shouldFocus&&m&&m.focus&&m.focus()},Lt=(r,i)=>Q(r)?v.values.subscribe({next:l=>r(_(void 0,i),l)}):_(r,i,!0),Re=(r,i={})=>{for(const l of r?ve(r):y.mount)y.mount.delete(l),y.array.delete(l),i.keepValue||(D(a,l),D(n,l)),!i.keepError&&D(t.errors,l),!i.keepDirty&&D(t.dirtyFields,l),!i.keepTouched&&D(t.touchedFields,l),!i.keepIsValidating&&D(t.validatingFields,l),!s.shouldUnregister&&!i.keepDefaultValue&&D(o,l);v.values.next({values:{...n}}),v.state.next({...t,...i.keepDirty?{isDirty:b()}:{}}),!i.keepIsValid&&V()},$e=({disabled:r,name:i,field:l,fields:m})=>{(Y(r)&&c.mount||r||y.disabled.has(i))&&(r?y.disabled.add(i):y.disabled.delete(i),ne(i,De(l?l._f:f(m,i)._f),!1,!1,!0))},Pe=(r,i={})=>{let l=f(a,r);const m=Y(i.disabled)||Y(s.disabled);return S(a,r,{...l||{},_f:{...l&&l._f?l._f:{ref:{name:r}},name:r,mount:!0,...i}}),y.mount.add(r),l?$e({field:l,disabled:Y(i.disabled)?i.disabled:s.disabled,name:r}):C(r,!0,i.value),{...m?{disabled:i.disabled||s.disabled}:{},...s.progressive?{required:!!i.required,min:ye(i.min),max:ye(i.max),minLength:ye(i.minLength),maxLength:ye(i.maxLength),pattern:ye(i.pattern)}:{},name:r,onChange:ce,onBlur:ce,ref:d=>{if(d){Pe(r,i),l=f(a,r);const u=P(d.value)&&d.querySelectorAll&&d.querySelectorAll("input,select,textarea")[0]||d,g=ar(u),h=l._f.refs||[];if(g?h.find(O=>O===u):u===l._f.ref)return;S(a,r,{_f:{...l._f,...g?{refs:[...h.filter(Le),u,...Array.isArray(f(o,r))?[{}]:[]],ref:{type:u.type,name:r}}:{ref:u}}}),C(r,!1,void 0,u)}else l=f(a,r,{}),l._f&&(l._f.mount=!1),(s.shouldUnregister||i.shouldUnregister)&&!(xt(y.array,r)&&c.action)&&y.unMount.add(r)}}},Je=()=>s.shouldFocusError&&he(a,de,y.mount),Dt=r=>{Y(r)&&(v.state.next({disabled:r}),he(a,(i,l)=>{const m=f(a,l);m&&(i.disabled=m._f.disabled||r,Array.isArray(m._f.refs)&&m._f.refs.forEach(d=>{d.disabled=m._f.disabled||r}))},0,!1))},ze=(r,i)=>async l=>{let m;l&&(l.preventDefault&&l.preventDefault(),l.persist&&l.persist());let d=H(n);if(y.disabled.size)for(const u of y.disabled)S(d,u,void 0);if(v.state.next({isSubmitting:!0}),s.resolver){const{errors:u,values:g}=await ie();t.errors=u,d=g}else await J(a);if(D(t.errors,"root"),I(t.errors)){v.state.next({errors:{}});try{await r(d,l)}catch(u){m=u}}else i&&await i({...t.errors},l),Je(),setTimeout(Je);if(v.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:I(t.errors)&&!m,submitCount:t.submitCount+1,errors:t.errors}),m)throw m},Tt=(r,i={})=>{f(a,r)&&(P(i.defaultValue)?z(r,H(f(o,r))):(z(r,i.defaultValue),S(o,r,H(i.defaultValue))),i.keepTouched||D(t.touchedFields,r),i.keepDirty||(D(t.dirtyFields,r),t.isDirty=i.defaultValue?b(r,H(f(o,r))):b()),i.keepError||(D(t.errors,r),x.isValid&&V()),v.state.next({...t}))},Ye=(r,i={})=>{const l=r?H(r):o,m=H(l),d=I(r),u=d?o:m;if(i.keepDefaultValues||(o=l),!i.keepValues){if(i.keepDirtyValues){const g=new Set([...y.mount,...Object.keys(me(o,n))]);for(const h of Array.from(g))f(t.dirtyFields,h)?S(u,h,f(n,h)):z(h,f(u,h))}else{if(Oe&&P(r))for(const g of y.mount){const h=f(a,g);if(h&&h._f){const O=Array.isArray(h._f.refs)?h._f.refs[0]:h._f.ref;if(_e(O)){const j=O.closest("form");if(j){j.reset();break}}}}a={}}n=s.shouldUnregister?i.keepDefaultValues?H(o):{}:H(u),v.array.next({values:{...u}}),v.values.next({values:{...u}})}y={mount:i.keepDirtyValues?y.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},c.mount=!x.isValid||!!i.keepIsValid||!!i.keepDirtyValues,c.watch=!!s.shouldUnregister,v.state.next({submitCount:i.keepSubmitCount?t.submitCount:0,isDirty:d?!1:i.keepDirty?t.isDirty:!!(i.keepDefaultValues&&!ae(r,o)),isSubmitted:i.keepIsSubmitted?t.isSubmitted:!1,dirtyFields:d?{}:i.keepDirtyValues?i.keepDefaultValues&&n?me(o,n):t.dirtyFields:i.keepDefaultValues&&r?me(o,r):i.keepDirty?t.dirtyFields:{},touchedFields:i.keepTouched?t.touchedFields:{},errors:i.keepErrors?t.errors:{},isSubmitSuccessful:i.keepIsSubmitSuccessful?t.isSubmitSuccessful:!1,isSubmitting:!1})},Ge=(r,i)=>Ye(Q(r)?r(n):r,i);return{control:{register:Pe,unregister:Re,getFieldState:Ie,handleSubmit:ze,setError:We,_executeSchema:ie,_getWatch:_,_getDirty:b,_updateValid:V,_removeUnmounted:xe,_updateFieldArray:F,_updateDisabledField:$e,_getFieldArray:L,_reset:Ye,_resetDefaultValues:()=>Q(s.defaultValues)&&s.defaultValues().then(r=>{Ge(r,s.resetOptions),v.state.next({isLoading:!1})}),_updateFormState:r=>{t={...t,...r}},_disableForm:Dt,_subjects:v,_proxyFormState:x,_setErrors:te,get _fields(){return a},get _formValues(){return n},get _state(){return c},set _state(r){c=r},get _defaultValues(){return o},get _names(){return y},set _names(r){y=r},get _formState(){return t},set _formState(r){t=r},get _options(){return s},set _options(r){s={...s,...r}}},trigger:fe,register:Pe,handleSubmit:ze,watch:Lt,setValue:z,getValues:He,reset:Ge,resetField:Tt,clearErrors:Ct,unregister:Re,setError:We,setFocus:(r,i={})=>{const l=f(a,r),m=l&&l._f;if(m){const d=m.refs?m.refs[0]:m.ref;d.focus&&(d.focus(),i.shouldSelect&&Q(d.select)&&d.select())}},getFieldState:Ie}}function fr(e={}){const s=A.useRef(void 0),t=A.useRef(void 0),[a,o]=A.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,defaultValues:Q(e.defaultValues)?void 0:e.defaultValues});s.current||(s.current={...dr(e),formState:a});const n=s.current.control;return n._options=e,qe({subject:n._subjects.state,next:c=>{_t(c,n._proxyFormState,n._updateFormState,!0)&&o({...n._formState})}}),A.useEffect(()=>n._disableForm(e.disabled),[n,e.disabled]),A.useEffect(()=>{if(n._proxyFormState.isDirty){const c=n._getDirty();c!==a.isDirty&&n._subjects.state.next({isDirty:c})}},[n,a.isDirty]),A.useEffect(()=>{e.values&&!ae(e.values,t.current)?(n._reset(e.values,n._options.resetOptions),t.current=e.values,o(c=>({...c}))):n._resetDefaultValues()},[e.values,n]),A.useEffect(()=>{e.errors&&n._setErrors(e.errors)},[e.errors,n]),A.useEffect(()=>{n._state.mount||(n._updateValid(),n._state.mount=!0),n._state.watch&&(n._state.watch=!1,n._subjects.state.next({...n._formState})),n._removeUnmounted()}),A.useEffect(()=>{e.shouldUnregister&&n._subjects.values.next({values:n._getWatch()})},[e.shouldUnregister,n]),s.current.formState=Ft(a,n),s.current}const ns={title:"Guides/Integration with React Hook Form",args:{onSubmit:qt(e=>{console.log("Form submitted:",e)})}},ge={render:function(s){const t=()=>{var p,R,x,v,E,W,k,T;const{register:a,handleSubmit:o,formState:{errors:n},reset:c,control:y}=fr({defaultValues:{fullName:"",email:"",age:void 0,country:"",password:"",confirmPassword:"",bio:"",privacyPolicyAccepted:!1,experienceLevel:50,priceRange:[25,75]}});return w.jsx("div",{style:{maxWidth:"600px",margin:"0 auto",padding:"20px"},children:w.jsxs(Xe,{direction:"column",gap:"16",children:[w.jsx(Ut,{variant:"extraLarge",tag:"h1",children:"User Registration Form"}),w.jsxs("form",{onSubmit:o(s.onSubmit),style:{display:"contents"},noValidate:!0,children:[w.jsx(et,{label:"Full Name",...a("fullName",{required:"Full name is required"}),error:(p=n.fullName)==null?void 0:p.message,required:!0}),w.jsx(et,{label:"Email",type:"email",...a("email",{required:"Email is required"}),error:(R=n.email)==null?void 0:R.message,required:!0}),w.jsx(Ht,{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:(x=n.age)==null?void 0:x.message,required:!0}),w.jsxs(It,{label:"Country",placeholder:"",...a("country",{required:"Country is required"}),error:(v=n.country)==null?void 0:v.message,required:!0,children:[w.jsx(Z,{value:"us",children:"United States"}),w.jsx(Z,{value:"ca",children:"Canada"}),w.jsx(Z,{value:"uk",children:"United Kingdom"}),w.jsx(Z,{value:"de",children:"Germany"}),w.jsx(Z,{value:"fr",children:"France"}),w.jsx(Z,{value:"it",children:"Italy"}),w.jsx(Z,{value:"es",children:"Spain"}),w.jsx(Z,{value:"au",children:"Australia"}),w.jsx(Z,{value:"jp",children:"Japan"}),w.jsx(Z,{value:"other",children:"Other"})]}),w.jsx(tt,{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:(E=n.password)==null?void 0:E.message,required:!0}),w.jsx(tt,{label:"Confirm Password",...a("confirmPassword",{required:"Please confirm your password",validate:(V,M)=>V===M.password||"Passwords do not match"}),error:(W=n.confirmPassword)==null?void 0:W.message,required:!0}),w.jsx(Wt,{label:"Bio",...a("bio",{maxLength:{value:500,message:"Bio must be less than 500 characters"}}),error:(k=n.bio)==null?void 0:k.message}),w.jsx(st,{name:"experienceLevel",control:y,rules:{validate:{minValue:V=>V<50?"Must be above 50":!0}},render:({field:V})=>{var M;return w.jsx(ke,{label:"Experience Level",error:(M=n.experienceLevel)==null?void 0:M.message,children:w.jsx($t,{value:V.value,onValueChange:V.onChange,min:0,max:100,"aria-label":"Experience Level"})})}}),w.jsx(st,{name:"priceRange",control:y,rules:{validate:{minValue:([V])=>V<=25?"Minimum must be above 25":!0,maxValue:([,V])=>V>=75?"Maximum must be below 75":!0}},render:({field:V})=>{var M;return w.jsx(ke,{label:"Price",error:(M=n.priceRange)==null?void 0:M.message,children:w.jsx(Jt,{value:V.value,onValueChange:V.onChange,min:0,max:100,"aria-label":"Price Range"})})}}),w.jsx(ke,{label:"Accept Privacy Policy",description:"I accept the Privacy Policy",error:(T=n.privacyPolicyAccepted)==null?void 0:T.message,hideLabel:!0,children:w.jsx(zt,{...a("privacyPolicyAccepted",{required:"You must accept the Privacy Policy"})})}),w.jsxs(Xe,{gap:"12",padding:["20","0","0"],justifyContent:"end",children:[w.jsx(rt,{onClick:()=>c(),variant:"secondary",children:"Reset"}),w.jsx(rt,{submitsForm:!0,children:"Submit"})]})]})]})})};return w.jsx(t,{})},play:async({args:e,canvasElement:s,step:t})=>{const a=Nt(s);await t("Fill all form fields",async()=>{console.log(await a.findAllByRole("textbox")),await U.type(a.getByRole("textbox",{name:"Full Name"}),"John Doe"),await U.type(a.getByRole("textbox",{name:"Email"}),"john.doe@example.com"),await U.clear(a.getByRole("spinbutton",{name:"Age"})),await U.type(a.getByRole("spinbutton",{name:"Age"}),"25"),await U.selectOptions(a.getByRole("combobox",{name:"Country"}),"us"),await U.type(a.getByLabelText(/^Password/),"TestPassword123!"),await U.type(a.getByLabelText(/^Confirm Password/),"TestPassword123!"),await U.type(a.getByRole("textbox",{name:"Bio"}),"I am a software engineer with 5 years of experience."),a.getByRole("slider",{name:"Experience Level"}).focus(),await U.keyboard("{ArrowRight}".repeat(5));const n=a.getByRole("slider",{name:"Minimum Price Range"}),c=a.getByRole("slider",{name:"Maximum Price Range"});n.focus(),await U.keyboard("{ArrowRight}".repeat(2)),c.focus(),await U.keyboard("{ArrowLeft}".repeat(2)),await U.click(a.getByRole("checkbox",{name:"Accept Privacy Policy"}))}),await t("Submit the form",async()=>{await U.click(a.getByRole("button",{name:"Submit"}))}),await t("Assert that onSubmit was called with correct data",async()=>{await Qe(()=>{$(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]},$.anything())})}),await t("Reset the form",async()=>{await U.click(a.getByRole("button",{name:"Reset"}))}),await t("Assert all fields are cleared",async()=>{await Qe(()=>{$(a.getByRole("textbox",{name:"Full Name"})).not.toHaveValue(),$(a.getByRole("textbox",{name:"Email"})).not.toHaveValue(),$(a.getByRole("spinbutton",{name:"Age"})).not.toHaveValue(),$(a.getByRole("combobox",{name:"Country"})).not.toHaveValue(),$(a.getByLabelText(/^Password/)).not.toHaveValue(),$(a.getByLabelText(/^Confirm Password/)).not.toHaveValue(),$(a.getByRole("textbox",{name:"Bio"})).not.toHaveValue(),$(a.getByRole("checkbox",{name:"Accept Privacy Policy"})).not.toBeChecked(),$(a.getByRole("slider",{name:"Experience Level"})).toHaveAttribute("aria-valuenow","50"),$(a.getByRole("slider",{name:"Minimum Price Range"})).toHaveAttribute("aria-valuenow","25"),$(a.getByRole("slider",{name:"Maximum Price Range"})).toHaveAttribute("aria-valuenow","75")})})}};var mt,yt,gt,vt,ht;ge.parameters={...ge.parameters,docs:{...(mt=ge.parameters)==null?void 0:mt.docs,source:{originalSource:`{
+  render: function Story(args) {
+    /**
+     * This \`Story\` component is a hacky workaround; without it, the
+     * react-hook-form \`Controller\` component causes a memory leak (and
+     * subsequent crash) on submit.
+     *
+     * We're not sure why yet, but it may have to do with the fact that the
+     * Storybook \`render\` function isn't actually a component, and so some
+     * code inside \`Controller\` runs in an unexpected context.
+     */
+    const Story = () => {
+      const {
+        register,
+        handleSubmit,
+        formState: {
+          errors
+        },
+        reset,
+        control
+      } = useForm<FormData>({
+        defaultValues: {
+          fullName: '',
+          email: '',
+          age: undefined,
+          country: '',
+          password: '',
+          confirmPassword: '',
+          bio: '',
+          privacyPolicyAccepted: false,
+          experienceLevel: 50,
+          priceRange: [25, 75]
+        }
+      });
+      return <div style={{
+        maxWidth: '600px',
+        margin: '0 auto',
+        padding: '20px'
+      }}>
+                    <LayoutFlex direction="column" gap="16">
+                        <Heading variant="extraLarge" tag="h1">
+                            User Registration Form
+                        </Heading>
+
+                        <form onSubmit={handleSubmit(args.onSubmit)} style={{
+            display: 'contents'
+          }}
+          // Since we're using react-hook-form, we can disable the default HTML5 validation
+          // to keep error messages visually consistent
+          noValidate>
+                            <TextField label="Full Name" {...register('fullName', {
+              required: 'Full name is required'
+            })} error={errors.fullName?.message} required />
+
+                            <TextField label="Email" type="email" {...register('email', {
+              required: 'Email is required'
+            })} error={errors.email?.message} required />
+
+                            <NumberField label="Age" {...register('age', {
+              valueAsNumber: true,
+              required: 'Age is required',
+              min: {
+                value: 18,
+                message: 'You must be at least 18 years old'
+              }
+            })} min={18} max={120} error={errors.age?.message} required />
+
+                            <SelectField label="Country" placeholder="" {...register('country', {
+              required: 'Country is required'
+            })} error={errors.country?.message} required>
+                                <SelectFieldOption value="us">United States</SelectFieldOption>
+                                <SelectFieldOption value="ca">Canada</SelectFieldOption>
+                                <SelectFieldOption value="uk">United Kingdom</SelectFieldOption>
+                                <SelectFieldOption value="de">Germany</SelectFieldOption>
+                                <SelectFieldOption value="fr">France</SelectFieldOption>
+                                <SelectFieldOption value="it">Italy</SelectFieldOption>
+                                <SelectFieldOption value="es">Spain</SelectFieldOption>
+                                <SelectFieldOption value="au">Australia</SelectFieldOption>
+                                <SelectFieldOption value="jp">Japan</SelectFieldOption>
+                                <SelectFieldOption value="other">Other</SelectFieldOption>
+                            </SelectField>
+
+                            <PasswordField label="Password" {...register('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={errors.password?.message} required />
+
+                            <PasswordField label="Confirm Password" {...register('confirmPassword', {
+              required: 'Please confirm your password',
+              validate: (value, formValues) => value === formValues.password || 'Passwords do not match'
+            })} error={errors.confirmPassword?.message} required />
+
+                            <TextareaField label="Bio" {...register('bio', {
+              maxLength: {
+                value: 500,
+                message: 'Bio must be less than 500 characters'
+              }
+            })} error={errors.bio?.message} />
+
+                            <Controller name="experienceLevel" control={control} rules={{
+              validate: {
+                minValue: value => {
+                  if (value < 50) {
+                    return 'Must be above 50';
+                  }
+                  return true;
+                }
+              }
+            }} render={({
+              field
+            }) => <FormControl label="Experience Level" error={errors.experienceLevel?.message}>
+                                        <Slider value={field.value} onValueChange={field.onChange} min={0} max={100} aria-label="Experience Level" />
+                                    </FormControl>} />
+
+                            <Controller name="priceRange" control={control} rules={{
+              validate: {
+                minValue: ([min]) => {
+                  if (min <= 25) {
+                    return 'Minimum must be above 25';
+                  }
+                  return true;
+                },
+                maxValue: ([, max]) => {
+                  if (max >= 75) {
+                    return 'Maximum must be below 75';
+                  }
+                  return true;
+                }
+              }
+            }} render={({
+              field
+            }) => <FormControl label="Price" error={errors.priceRange?.message}>
+                                        <RangeSlider value={field.value} onValueChange={field.onChange} min={0} max={100} aria-label="Price Range" />
+                                    </FormControl>} />
+
+                            <FormControl label="Accept Privacy Policy" description="I accept the Privacy Policy" error={errors.privacyPolicyAccepted?.message} hideLabel>
+                                <Checkbox {...register('privacyPolicyAccepted', {
+                required: 'You must accept the Privacy Policy'
+              })} />
+                            </FormControl>
+
+                            <LayoutFlex gap="12" padding={['20', '0', '0']} justifyContent="end">
+                                <Button onClick={() => reset()} variant="secondary">
+                                    Reset
+                                </Button>
+                                <Button submitsForm>Submit</Button>
+                            </LayoutFlex>
+                        </form>
+                    </LayoutFlex>
+                </div>;
+    };
+    return <Story />;
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step('Fill all form fields', async () => {
+      console.log(await canvas.findAllByRole('textbox'));
+      await userEvent.type(canvas.getByRole('textbox', {
+        name: 'Full Name'
+      }), 'John Doe');
+      await userEvent.type(canvas.getByRole('textbox', {
+        name: 'Email'
+      }), 'john.doe@example.com');
+      await userEvent.clear(canvas.getByRole('spinbutton', {
+        name: 'Age'
+      }));
+      await userEvent.type(canvas.getByRole('spinbutton', {
+        name: 'Age'
+      }), '25');
+      await userEvent.selectOptions(canvas.getByRole('combobox', {
+        name: 'Country'
+      }), 'us');
+
+      // Password fields doesn't have implicit role, so we need to use getByLabelText
+      await userEvent.type(canvas.getByLabelText(/^Password/), 'TestPassword123!');
+      await userEvent.type(canvas.getByLabelText(/^Confirm Password/), 'TestPassword123!');
+      await userEvent.type(canvas.getByRole('textbox', {
+        name: 'Bio'
+      }), 'I am a software engineer with 5 years of experience.');
+      const experienceSlider = canvas.getByRole('slider', {
+        name: 'Experience Level'
+      });
+      experienceSlider.focus();
+      await userEvent.keyboard('{ArrowRight}'.repeat(5));
+      const priceRangeMin = canvas.getByRole('slider', {
+        name: 'Minimum Price Range'
+      });
+      const priceRangeMax = canvas.getByRole('slider', {
+        name: 'Maximum Price Range'
+      });
+      priceRangeMin.focus();
+      await userEvent.keyboard('{ArrowRight}'.repeat(2));
+      priceRangeMax.focus();
+      await userEvent.keyboard('{ArrowLeft}'.repeat(2));
+      await userEvent.click(canvas.getByRole('checkbox', {
+        name: 'Accept Privacy Policy'
+      }));
+    });
+    await step('Submit the form', async () => {
+      await userEvent.click(canvas.getByRole('button', {
+        name: 'Submit'
+      }));
+    });
+    await step('Assert that onSubmit was called with correct data', async () => {
+      await waitFor(() => {
+        expect(args.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: true,
+          experienceLevel: 55,
+          priceRange: [27, 73]
+        }, expect.anything());
+      });
+    });
+    await step('Reset the form', async () => {
+      await userEvent.click(canvas.getByRole('button', {
+        name: 'Reset'
+      }));
+    });
+    await step('Assert all fields are cleared', async () => {
+      await waitFor(() => {
+        expect(canvas.getByRole('textbox', {
+          name: 'Full Name'
+        })).not.toHaveValue();
+        expect(canvas.getByRole('textbox', {
+          name: 'Email'
+        })).not.toHaveValue();
+        expect(canvas.getByRole('spinbutton', {
+          name: 'Age'
+        })).not.toHaveValue();
+        expect(canvas.getByRole('combobox', {
+          name: 'Country'
+        })).not.toHaveValue();
+
+        // Password fields doesn't have implicit role, so we need to use getByLabelText
+        expect(canvas.getByLabelText(/^Password/)).not.toHaveValue();
+        expect(canvas.getByLabelText(/^Confirm Password/)).not.toHaveValue();
+        expect(canvas.getByRole('textbox', {
+          name: 'Bio'
+        })).not.toHaveValue();
+        expect(canvas.getByRole('checkbox', {
+          name: 'Accept Privacy Policy'
+        })).not.toBeChecked();
+        expect(canvas.getByRole('slider', {
+          name: 'Experience Level'
+        })).toHaveAttribute('aria-valuenow', '50');
+        expect(canvas.getByRole('slider', {
+          name: 'Minimum Price Range'
+        })).toHaveAttribute('aria-valuenow', '25');
+        expect(canvas.getByRole('slider', {
+          name: 'Maximum Price Range'
+        })).toHaveAttribute('aria-valuenow', '75');
+      });
+    });
+  }
+}`,...(gt=(yt=ge.parameters)==null?void 0:yt.docs)==null?void 0:gt.source},description:{story:`This example demonstrates how to integrate design system fields with react-hook-form.
+
+See [react-hook-form docs](https://react-hook-form.com/docs) for more information.`,...(ht=(vt=ge.parameters)==null?void 0:vt.docs)==null?void 0:ht.description}}};const ls=["IntegrationWithReactHookForm"];export{ge as IntegrationWithReactHookForm,ls as __namedExportsOrder,ns as default};

package/dist/assets/{LayoutFlex-oRwI31fW.js → LayoutFlex-BK2I--nP.js}

@@ -1 +1 @@
-import{j as F}from"./jsx-runtime-BYouaCF_.js";import{r as N}from"./index-B3evPFBL.js";import{f as U}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as f,s as j,a as E,b as H}from"./layout-relative.module-ed9bC4H4.js";import{e as $,f as G,L as k}from"./defaults-B1rzzf6M.js";import{g as J}from"./index-DdzHuZ-Y.js";import{w as B}from"./componentNames-CVVyamkx.js";const t=void 0;function Y(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function M(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:$}:{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 z(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:G}: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 Q(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 Z(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ee={},m=N.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:R,relative:x,direction:P,alignItems:T,justifyContent:w,tag:S=k,..._}=e,d=[ee.LayoutFlex,j.LayoutGap,E.LayoutHide,H.LayoutRelative],D=z({gap:n}),b=Y({nowrap:g}),q=Z({relative:x}),V=Q({hide:l,inline:y}),I=X({alignItems:T}),O=W({justifyContent:w});let v=t,p=t;const i=M({direction:P,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:v=i.directionAttr;let c=t;const s=K({padding:L});s.applyThrough==="classnames"?d.push(...s.classNames):c=s.attr;const C={...U(_),ref:u,className:d.join(" "),"data-ds-gap":D,"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":O,...J(h,{preplyDsComponent:B.LayoutFlex})};return F.jsx(S,{...C,children:R})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A CSS `flex` wrapper.",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{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<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},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};
+import{j as F}from"./jsx-runtime-BYouaCF_.js";import{r as N}from"./index-B3evPFBL.js";import{f as U}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as f,s as j,a as E,b as H}from"./layout-relative.module-ed9bC4H4.js";import{e as $,f as G,L as k}from"./defaults-B1rzzf6M.js";import{g as J}from"./index-DdzHuZ-Y.js";import{w as B}from"./componentNames-CpCJzpB9.js";const t=void 0;function Y(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function M(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:$}:{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 z(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:G}: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 Q(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 Z(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ee={},m=N.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:R,relative:x,direction:P,alignItems:T,justifyContent:w,tag:S=k,..._}=e,d=[ee.LayoutFlex,j.LayoutGap,E.LayoutHide,H.LayoutRelative],D=z({gap:n}),b=Y({nowrap:g}),q=Z({relative:x}),V=Q({hide:l,inline:y}),I=X({alignItems:T}),O=W({justifyContent:w});let v=t,p=t;const i=M({direction:P,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:v=i.directionAttr;let c=t;const s=K({padding:L});s.applyThrough==="classnames"?d.push(...s.classNames):c=s.attr;const C={...U(_),ref:u,className:d.join(" "),"data-ds-gap":D,"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":O,...J(h,{preplyDsComponent:B.LayoutFlex})};return F.jsx(S,{...C,children:R})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A CSS `flex` wrapper.",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{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<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},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/{LayoutFlex-DsiZkqdg.js → LayoutFlex-Bhu4q65J.js}

@@ -1 +1 @@
-import{j}from"./jsx-runtime-BYouaCF_.js";import{r as z}from"./index-B3evPFBL.js";import{g as J,a as X,b as q}from"./text-centered-C0V1O_Sd.js";import{f as P}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as F,s as I,b as Z}from"./classNames-BUL1Zq7e.js";import{b as G,T as K,e as V,f as k,L as Y}from"./defaults-B1rzzf6M.js";import{w as N}from"./componentNames-CVVyamkx.js";import{g as E}from"./index-DdzHuZ-Y.js";import{g as U,s as H,a as Q,b as M}from"./layout-relative.module-1z75aSwo-DNAR_Nv2.js";const $="Text__uVacy",aa={Text:$,"Text--variant-caption-regular":"Text--variant-caption-regular__Qv2Ax","Text--variant-caption-semibold":"Text--variant-caption-semibold__qycaB","Text--variant-small-regular":"Text--variant-small-regular__YFauL","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__sGPGa","Text--variant-small-semibold":"Text--variant-small-semibold__wY3fp","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__ydWgK","Text--variant-default-regular":"Text--variant-default-regular__d6Rfb","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__adOeM","Text--variant-default-semibold":"Text--variant-default-semibold__UlmHo","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__9WbJJ","Text--variant-large-regular":"Text--variant-large-regular__zzp2H","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__gGcEV","Text--variant-large-semibold":"Text--variant-large-semibold__4S-U4","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__ZrpZw","Text--variant-xs":"Text--variant-xs__c1jMc","Text--variant-xs-medium":"Text--variant-xs-medium__00mnR","Text--variant-s":"Text--variant-s__WOyj2","Text--variant-s-italic":"Text--variant-s-italic__Nt5K-","Text--variant-s-medium":"Text--variant-s-medium__X7lyi","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__zXBH3","Text--variant-s-bold":"Text--variant-s-bold__UwkM8","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__rqDd2","Text--variant-m":"Text--variant-m__4cplh","Text--variant-m-italic":"Text--variant-m-italic__yY9z-","Text--variant-m-medium":"Text--variant-m-medium__L8ied","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__8SqNK","Text--variant-m-bold":"Text--variant-m-bold__0ymNQ","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__zWw0M","Text--variant-l":"Text--variant-l__S83xd","Text--variant-l-italic":"Text--variant-l-italic__7r0vJ","Text--variant-l-medium":"Text--variant-l-medium__OVrkZ","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__VlgDO","Text--variant-xl":"Text--variant-xl__XYwxx","Text--variant-xl-italic":"Text--variant-xl-italic__u-O7T","Text--variant-xl-medium":"Text--variant-xl-medium__t1mK-","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__UiH8b","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__62qXj","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__niLxy","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__JI9Mz","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__h38Hy","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__jqUJO","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__XCXW6","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__nCPnt","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__dKZEJ","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__6VGIy","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__giyrw","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__7uObP","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__iW3Nb","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__-R2qZ","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__VISYL","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__CLx0S","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__VaaYS","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__cdIX-","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__iiPSr","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__pk7I8","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__9Gr6f","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__KgT3N","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__94h9E","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__Kx4fZ","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__4gaDs","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__Ah1Q-","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__IAQAp","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__oIY3u","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__sKaTp","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__df3w7","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__63G6v","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__AXib0","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__-W2Fo","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__xOWG6","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__5jls9","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__ZlIDh","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__YI-z-","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__XEVQe","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__f0rdW","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__2dml2","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__GUOiJ","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__uQZGO","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__5Jqrk","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jLGVH","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__meFSk","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__V4BoL","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__wNC52","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__0WQ9H","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__-lOJl","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__qbJdo","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__OwChG","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__bSR5J","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__45YkZ","Text--medium-s--variant-s":"Text--medium-s--variant-s__qJRBN","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__POfqu","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__WNKvS","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__UL2YU","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__8Nl3-","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__wKpUs","Text--medium-s--variant-m":"Text--medium-s--variant-m__5vPWB","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__PFA3r","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__6kDXZ","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__-26j4","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__NB66k","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__xp5P-","Text--medium-s--variant-l":"Text--medium-s--variant-l__a6Tqk","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__Y-3Mw","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__mB4cK","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__w0OzN","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__titkD","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__EIci1","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__ZdONE","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__px-z1","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__mT3--","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__8-hkD","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__HO15d","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__i92C6","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__CjiKc","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__PJHhp","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__bWryq","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__eWPQy","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__DlFqw","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__1UrvG","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__Ur-1P","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__sZ7If","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__BPxlV","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__vTWZt","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__9D5QN","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__Ny1FH","Text--medium-l--variant-s":"Text--medium-l--variant-s__8rZ-3","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__InjTL","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__B3CTp","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__UR1v-","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__dOybB","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__9lmMM","Text--medium-l--variant-m":"Text--medium-l--variant-m__S79rn","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__CfQh3","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__5jzSI","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__fSq8f","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__YME4U","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Wlvfm","Text--medium-l--variant-l":"Text--medium-l--variant-l__K3O2j","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__RlXus","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__nVdnP","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__64VRQ","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__h8boX","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__9tLaR","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__flyfU","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__0WWL1","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__45qL-","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__ybSD2","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__pnI1L","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__zbEZJ","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__pBKrO","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__5xaMk","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__DEbnG","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__QPvW9","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__eOf2n","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__52kF0","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__nkIe1","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__Z9BlJ","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__hnlmr","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__-E52C","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__qdHJp","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__2KnLH","Text--wide-s--variant-s":"Text--wide-s--variant-s__uchkB","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__rojYZ","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__uWz69","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__OO-6-","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__wtVVc","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__Wy81n","Text--wide-s--variant-m":"Text--wide-s--variant-m__22h9H","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__0zUU4","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__yEC6K","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__XbG-I","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__-E6sG","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__TOqGZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__4POl2","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__-JXlt","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__QfBKZ","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__U-BNW","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__k3nuJ","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__5ZUpT","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__BSJjg","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__0i59X","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__A-258","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__Fkrc2","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jxxVQ","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__m4Blo","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__xpw7Q","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__AYnvO","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__ZB6T-","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__-kppq","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__-4aqX","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__aju5z","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__2LL-6","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__TIX-D","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__taO1N","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__7iaxB","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__KA6dL","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__XLeCc","Text--wide-l--variant-s":"Text--wide-l--variant-s__k4IbX","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__VQHTP","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__xT-ol","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__2B16C","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__-XKrV","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__R8YMD","Text--wide-l--variant-m":"Text--wide-l--variant-m__Rj0gO","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__hr4Sk","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__YIng1","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__OOeZa","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__ror8x","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__DRWgM","Text--wide-l--variant-l":"Text--wide-l--variant-l__F8Wzj","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__gbDnu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__w-gJq","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__exM86","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__REACb","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__sefuq","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__Jt4wO","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__XNOdD","Text--strong":"Text--strong__SiU3Y","Text--size-2xs":"Text--size-2xs__-NdKt","Text--size-xs":"Text--size-xs__RrH9I","Text--size-s":"Text--size-s__s5ts0","Text--size-m":"Text--size-m__99BrT","Text--size-l":"Text--size-l__-K9Pp","Text--size-xl":"Text--size-xl__xcjqs"},ia=z.forwardRef(function({children:a,variant:t,tag:l=K,size:e,accent:n,color:x,strong:T,centered:u,dataset:v,..._},o){const c=t||(e?void 0:G),w=t?void 0:e,g=t?void 0:T,b=F(aa,N.Text,[I("variant",c),I("size",w),Z("strong",void 0,g)]),d=n?void 0:x,s=J(!d,n),f=X(d),p=q(u),y=[...b,...s,...f,...p],A={...P(_),ref:o,className:y.join(" "),...E(v,{preplyDsComponent:N.Text})};return j.jsx(l,{...A,children:a})});ia.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};const r=void 0;function ta(i){const{nowrap:a}=i;return a?!0:r}function m(i){return JSON.stringify(i)}function ea(i){const{direction:a,column:t,reverse:l}=i;return a===void 0?!l&&!t?{applyThrough:"direction",directionAttr:V}:{applyThrough:"columnReverse",columnReverseAttr:`${t?"column":"row"}-${l?"rev":"fwd"}`}:typeof a=="string"?{applyThrough:"direction",directionAttr:a}:{applyThrough:"direction",directionAttr:m(a)}}function la(i){const{justifyContent:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function ra(i){const{alignItems:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function ma(i){const{gap:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function na(i){const{padding:a}=i;return a===void 0?{applyThrough:"attr",attr:k}:typeof a=="string"||typeof a=="number"?{applyThrough:"attr",attr:a}:Array.isArray(a)?{applyThrough:"classnames",classNames:U(a)}:m(a).includes("[")?{applyThrough:"classnames",classNames:U(a)}:{applyThrough:"attr",attr:JSON.stringify(a)}}function da(i){const{hide:a,inline:t}=i;if(a===void 0)return r;const l=t?"inline-flex":"flex";if(typeof a=="boolean")return a?"hide":l;let e=m(a);return e=e.replace(/true/g,'"hide"'),e=e.replace(/false/g,`"${l}"`),e}function sa(i){const{relative:a}=i;return a===void 0?r:a===!0?!0:a===!1?r:m(a)}const xa={},Ta=z.forwardRef(function(a,t){const{gap:l,hide:e,column:n,nowrap:x,inline:T,dataset:u,reverse:v,padding:_,children:o,relative:c,direction:w,alignItems:g,justifyContent:b,tag:d=Y,...C}=a,s=[xa.LayoutFlex,H.LayoutGap,Q.LayoutHide,M.LayoutRelative],f=ma({gap:l}),p=ta({nowrap:x}),y=sa({relative:c}),A=da({hide:e,inline:T}),S=ra({alignItems:g}),W=la({justifyContent:b});let L=r,D=r;const h=ea({direction:w,column:n,reverse:v});h.applyThrough==="columnReverse"?D=h.columnReverseAttr:L=h.directionAttr;let R=r;const O=na({padding:_});O.applyThrough==="classnames"?s.push(...O.classNames):R=O.attr;const B={...P(C),ref:t,className:s.join(" "),"data-ds-gap":f,"data-ds-nowrap":p,"data-ds-padding":R,"data-ds-display":A,"data-ds-relative":y,"data-ds-direction":L,"data-ds-alignitems":S,"data-ds-columnreverse":D,"data-ds-justifycontent":W,...E(u,{preplyDsComponent:N.LayoutFlex})};return j.jsx(d,{...B,children:o})});Ta.__docgenInfo={description:"",methods:[],displayName:"LayoutFlex"};export{Ta as L,ia as T};
+import{j}from"./jsx-runtime-BYouaCF_.js";import{r as z}from"./index-B3evPFBL.js";import{g as J,a as X,b as q}from"./text-centered-C0V1O_Sd.js";import{f as P}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as F,s as I,b as Z}from"./classNames-BUL1Zq7e.js";import{b as G,T as K,e as V,f as k,L as Y}from"./defaults-B1rzzf6M.js";import{w as N}from"./componentNames-CpCJzpB9.js";import{g as E}from"./index-DdzHuZ-Y.js";import{g as U,s as H,a as Q,b as M}from"./layout-relative.module-1z75aSwo-DNAR_Nv2.js";const $="Text__uVacy",aa={Text:$,"Text--variant-caption-regular":"Text--variant-caption-regular__Qv2Ax","Text--variant-caption-semibold":"Text--variant-caption-semibold__qycaB","Text--variant-small-regular":"Text--variant-small-regular__YFauL","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__sGPGa","Text--variant-small-semibold":"Text--variant-small-semibold__wY3fp","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__ydWgK","Text--variant-default-regular":"Text--variant-default-regular__d6Rfb","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__adOeM","Text--variant-default-semibold":"Text--variant-default-semibold__UlmHo","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__9WbJJ","Text--variant-large-regular":"Text--variant-large-regular__zzp2H","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__gGcEV","Text--variant-large-semibold":"Text--variant-large-semibold__4S-U4","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__ZrpZw","Text--variant-xs":"Text--variant-xs__c1jMc","Text--variant-xs-medium":"Text--variant-xs-medium__00mnR","Text--variant-s":"Text--variant-s__WOyj2","Text--variant-s-italic":"Text--variant-s-italic__Nt5K-","Text--variant-s-medium":"Text--variant-s-medium__X7lyi","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__zXBH3","Text--variant-s-bold":"Text--variant-s-bold__UwkM8","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__rqDd2","Text--variant-m":"Text--variant-m__4cplh","Text--variant-m-italic":"Text--variant-m-italic__yY9z-","Text--variant-m-medium":"Text--variant-m-medium__L8ied","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__8SqNK","Text--variant-m-bold":"Text--variant-m-bold__0ymNQ","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__zWw0M","Text--variant-l":"Text--variant-l__S83xd","Text--variant-l-italic":"Text--variant-l-italic__7r0vJ","Text--variant-l-medium":"Text--variant-l-medium__OVrkZ","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__VlgDO","Text--variant-xl":"Text--variant-xl__XYwxx","Text--variant-xl-italic":"Text--variant-xl-italic__u-O7T","Text--variant-xl-medium":"Text--variant-xl-medium__t1mK-","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__UiH8b","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__62qXj","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__niLxy","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__JI9Mz","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__h38Hy","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__jqUJO","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__XCXW6","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__nCPnt","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__dKZEJ","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__6VGIy","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__giyrw","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__7uObP","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__iW3Nb","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__-R2qZ","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__VISYL","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__CLx0S","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__VaaYS","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__cdIX-","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__iiPSr","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__pk7I8","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__9Gr6f","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__KgT3N","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__94h9E","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__Kx4fZ","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__4gaDs","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__Ah1Q-","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__IAQAp","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__oIY3u","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__sKaTp","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__df3w7","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__63G6v","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__AXib0","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__-W2Fo","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__xOWG6","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__5jls9","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__ZlIDh","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__YI-z-","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__XEVQe","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__f0rdW","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__2dml2","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__GUOiJ","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__uQZGO","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__5Jqrk","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jLGVH","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__meFSk","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__V4BoL","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__wNC52","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__0WQ9H","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__-lOJl","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__qbJdo","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__OwChG","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__bSR5J","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__45YkZ","Text--medium-s--variant-s":"Text--medium-s--variant-s__qJRBN","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__POfqu","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__WNKvS","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__UL2YU","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__8Nl3-","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__wKpUs","Text--medium-s--variant-m":"Text--medium-s--variant-m__5vPWB","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__PFA3r","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__6kDXZ","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__-26j4","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__NB66k","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__xp5P-","Text--medium-s--variant-l":"Text--medium-s--variant-l__a6Tqk","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__Y-3Mw","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__mB4cK","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__w0OzN","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__titkD","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__EIci1","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__ZdONE","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__px-z1","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__mT3--","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__8-hkD","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__HO15d","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__i92C6","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__CjiKc","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__PJHhp","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__bWryq","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__eWPQy","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__DlFqw","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__1UrvG","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__Ur-1P","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__sZ7If","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__BPxlV","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__vTWZt","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__9D5QN","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__Ny1FH","Text--medium-l--variant-s":"Text--medium-l--variant-s__8rZ-3","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__InjTL","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__B3CTp","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__UR1v-","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__dOybB","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__9lmMM","Text--medium-l--variant-m":"Text--medium-l--variant-m__S79rn","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__CfQh3","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__5jzSI","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__fSq8f","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__YME4U","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Wlvfm","Text--medium-l--variant-l":"Text--medium-l--variant-l__K3O2j","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__RlXus","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__nVdnP","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__64VRQ","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__h8boX","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__9tLaR","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__flyfU","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__0WWL1","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__45qL-","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__ybSD2","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__pnI1L","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__zbEZJ","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__pBKrO","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__5xaMk","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__DEbnG","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__QPvW9","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__eOf2n","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__52kF0","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__nkIe1","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__Z9BlJ","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__hnlmr","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__-E52C","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__qdHJp","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__2KnLH","Text--wide-s--variant-s":"Text--wide-s--variant-s__uchkB","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__rojYZ","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__uWz69","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__OO-6-","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__wtVVc","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__Wy81n","Text--wide-s--variant-m":"Text--wide-s--variant-m__22h9H","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__0zUU4","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__yEC6K","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__XbG-I","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__-E6sG","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__TOqGZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__4POl2","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__-JXlt","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__QfBKZ","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__U-BNW","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__k3nuJ","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__5ZUpT","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__BSJjg","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__0i59X","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__A-258","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__Fkrc2","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jxxVQ","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__m4Blo","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__xpw7Q","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__AYnvO","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__ZB6T-","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__-kppq","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__-4aqX","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__aju5z","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__2LL-6","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__TIX-D","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__taO1N","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__7iaxB","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__KA6dL","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__XLeCc","Text--wide-l--variant-s":"Text--wide-l--variant-s__k4IbX","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__VQHTP","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__xT-ol","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__2B16C","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__-XKrV","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__R8YMD","Text--wide-l--variant-m":"Text--wide-l--variant-m__Rj0gO","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__hr4Sk","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__YIng1","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__OOeZa","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__ror8x","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__DRWgM","Text--wide-l--variant-l":"Text--wide-l--variant-l__F8Wzj","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__gbDnu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__w-gJq","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__exM86","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__REACb","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__sefuq","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__Jt4wO","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__XNOdD","Text--strong":"Text--strong__SiU3Y","Text--size-2xs":"Text--size-2xs__-NdKt","Text--size-xs":"Text--size-xs__RrH9I","Text--size-s":"Text--size-s__s5ts0","Text--size-m":"Text--size-m__99BrT","Text--size-l":"Text--size-l__-K9Pp","Text--size-xl":"Text--size-xl__xcjqs"},ia=z.forwardRef(function({children:a,variant:t,tag:l=K,size:e,accent:n,color:x,strong:T,centered:u,dataset:v,..._},o){const c=t||(e?void 0:G),w=t?void 0:e,g=t?void 0:T,b=F(aa,N.Text,[I("variant",c),I("size",w),Z("strong",void 0,g)]),d=n?void 0:x,s=J(!d,n),f=X(d),p=q(u),y=[...b,...s,...f,...p],A={...P(_),ref:o,className:y.join(" "),...E(v,{preplyDsComponent:N.Text})};return j.jsx(l,{...A,children:a})});ia.__docgenInfo={description:"",methods:[],displayName:"Text",props:{tag:{defaultValue:{value:"'p'",computed:!1},required:!1}}};const r=void 0;function ta(i){const{nowrap:a}=i;return a?!0:r}function m(i){return JSON.stringify(i)}function ea(i){const{direction:a,column:t,reverse:l}=i;return a===void 0?!l&&!t?{applyThrough:"direction",directionAttr:V}:{applyThrough:"columnReverse",columnReverseAttr:`${t?"column":"row"}-${l?"rev":"fwd"}`}:typeof a=="string"?{applyThrough:"direction",directionAttr:a}:{applyThrough:"direction",directionAttr:m(a)}}function la(i){const{justifyContent:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function ra(i){const{alignItems:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function ma(i){const{gap:a}=i;return a===void 0?r:typeof a=="string"?a:m(a)}function na(i){const{padding:a}=i;return a===void 0?{applyThrough:"attr",attr:k}:typeof a=="string"||typeof a=="number"?{applyThrough:"attr",attr:a}:Array.isArray(a)?{applyThrough:"classnames",classNames:U(a)}:m(a).includes("[")?{applyThrough:"classnames",classNames:U(a)}:{applyThrough:"attr",attr:JSON.stringify(a)}}function da(i){const{hide:a,inline:t}=i;if(a===void 0)return r;const l=t?"inline-flex":"flex";if(typeof a=="boolean")return a?"hide":l;let e=m(a);return e=e.replace(/true/g,'"hide"'),e=e.replace(/false/g,`"${l}"`),e}function sa(i){const{relative:a}=i;return a===void 0?r:a===!0?!0:a===!1?r:m(a)}const xa={},Ta=z.forwardRef(function(a,t){const{gap:l,hide:e,column:n,nowrap:x,inline:T,dataset:u,reverse:v,padding:_,children:o,relative:c,direction:w,alignItems:g,justifyContent:b,tag:d=Y,...C}=a,s=[xa.LayoutFlex,H.LayoutGap,Q.LayoutHide,M.LayoutRelative],f=ma({gap:l}),p=ta({nowrap:x}),y=sa({relative:c}),A=da({hide:e,inline:T}),S=ra({alignItems:g}),W=la({justifyContent:b});let L=r,D=r;const h=ea({direction:w,column:n,reverse:v});h.applyThrough==="columnReverse"?D=h.columnReverseAttr:L=h.directionAttr;let R=r;const O=na({padding:_});O.applyThrough==="classnames"?s.push(...O.classNames):R=O.attr;const B={...P(C),ref:t,className:s.join(" "),"data-ds-gap":f,"data-ds-nowrap":p,"data-ds-padding":R,"data-ds-display":A,"data-ds-relative":y,"data-ds-direction":L,"data-ds-alignitems":S,"data-ds-columnreverse":D,"data-ds-justifycontent":W,...E(u,{preplyDsComponent:N.LayoutFlex})};return j.jsx(d,{...B,children:o})});Ta.__docgenInfo={description:"",methods:[],displayName:"LayoutFlex"};export{Ta as L,ia as T};

package/dist/assets/{LayoutFlexItem-RxfNp994.js → LayoutFlexItem-DeLvTHsT.js}

@@ -1 +1 @@
-import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as I}from"./index-B3evPFBL.js";import{g as _,a as F,b as g}from"./align-self-BM6l9H5Z.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as b,b as R}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-CVVyamkx.js";import{g as C}from"./index-DdzHuZ-Y.js";import{L as N}from"./defaults-B1rzzf6M.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=I.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},c){const d=b(q,e.LayoutFlexItem,R("stretch","no-stretch",u)),v=_(s),p=F(n),y=g(r),f=[...d,...v,...p,...y],L=o??N,h={...w(i),ref:c,className:f.join(" "),...C(m,{preplyDsComponent:e.LayoutFlexItem})};return x.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};
+import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as I}from"./index-B3evPFBL.js";import{g as _,a as F,b as g}from"./align-self-BM6l9H5Z.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as b,b as R}from"./classNames-BUL1Zq7e.js";import{w as e}from"./componentNames-CpCJzpB9.js";import{g as C}from"./index-DdzHuZ-Y.js";import{L as N}from"./defaults-B1rzzf6M.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=I.forwardRef(function({children:l,alignSelf:s,stretch:u=!1,tag:o,hide:n,relative:r,dataset:m,...i},c){const d=b(q,e.LayoutFlexItem,R("stretch","no-stretch",u)),v=_(s),p=F(n),y=g(r),f=[...d,...v,...p,...y],L=o??N,h={...w(i),ref:c,className:f.join(" "),...C(m,{preplyDsComponent:e.LayoutFlexItem})};return x.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};

package/dist/assets/{LayoutGrid-6cTmb1jX.js → LayoutGrid-DwWkjrQU.js}

@@ -1 +1 @@
-import{j as w}from"./jsx-runtime-BYouaCF_.js";import{r as g}from"./index-B3evPFBL.js";import{m as o,b as G,a as p,s as u}from"./classNames-BUL1Zq7e.js";import{B as b}from"./breakpoints-BfMlrtxE.js";import{a as h,b as A,s as C,g as N}from"./layout-relative.module-1z75aSwo-DNAR_Nv2.js";import{L as T}from"./constants-DYYVurUY.js";import{k as v,f as U,L as R}from"./defaults-B1rzzf6M.js";import{f as O}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{g as E}from"./index-DdzHuZ-Y.js";import{w as I}from"./componentNames-CVVyamkx.js";const k="LayoutHide",D=(t,i=T)=>o(h,k,[G("hide",i,t)]),x="LayoutRelative",Y=t=>o(A,x,[G("relative",void 0,t)]),Q="LayoutGrid__-dslt",_={LayoutGrid:Q,"LayoutGrid--justify-content-center":"LayoutGrid--justify-content-center__rwmoB","LayoutGrid--justify-content-start":"LayoutGrid--justify-content-start__7v-Km","LayoutGrid--justify-content-end":"LayoutGrid--justify-content-end__kG5-O","LayoutGrid--justify-content-space-between":"LayoutGrid--justify-content-space-between__OUUgn","LayoutGrid--justify-content-space-around":"LayoutGrid--justify-content-space-around__m3Ggq","LayoutGrid--justify-content-space-evenly":"LayoutGrid--justify-content-space-evenly__WWIsT","LayoutGrid--narrow-l--justify-content-center":"LayoutGrid--narrow-l--justify-content-center__m7jv9","LayoutGrid--narrow-l--justify-content-start":"LayoutGrid--narrow-l--justify-content-start__6tHPx","LayoutGrid--narrow-l--justify-content-end":"LayoutGrid--narrow-l--justify-content-end__afk9H","LayoutGrid--narrow-l--justify-content-space-between":"LayoutGrid--narrow-l--justify-content-space-between__RgYaV","LayoutGrid--narrow-l--justify-content-space-around":"LayoutGrid--narrow-l--justify-content-space-around__LJwHL","LayoutGrid--narrow-l--justify-content-space-evenly":"LayoutGrid--narrow-l--justify-content-space-evenly__RQJez","LayoutGrid--medium-s--justify-content-center":"LayoutGrid--medium-s--justify-content-center__-dA3F","LayoutGrid--medium-s--justify-content-start":"LayoutGrid--medium-s--justify-content-start__fmsIg","LayoutGrid--medium-s--justify-content-end":"LayoutGrid--medium-s--justify-content-end__pMkvR","LayoutGrid--medium-s--justify-content-space-between":"LayoutGrid--medium-s--justify-content-space-between__sOUof","LayoutGrid--medium-s--justify-content-space-around":"LayoutGrid--medium-s--justify-content-space-around__eJIi-","LayoutGrid--medium-s--justify-content-space-evenly":"LayoutGrid--medium-s--justify-content-space-evenly__jLcAz","LayoutGrid--medium-l--justify-content-center":"LayoutGrid--medium-l--justify-content-center__Q9TxM","LayoutGrid--medium-l--justify-content-start":"LayoutGrid--medium-l--justify-content-start__CzzxC","LayoutGrid--medium-l--justify-content-end":"LayoutGrid--medium-l--justify-content-end__FBAN7","LayoutGrid--medium-l--justify-content-space-between":"LayoutGrid--medium-l--justify-content-space-between__f5lsd","LayoutGrid--medium-l--justify-content-space-around":"LayoutGrid--medium-l--justify-content-space-around__ring-","LayoutGrid--medium-l--justify-content-space-evenly":"LayoutGrid--medium-l--justify-content-space-evenly__NZ5rM","LayoutGrid--wide-s--justify-content-center":"LayoutGrid--wide-s--justify-content-center__wqUGl","LayoutGrid--wide-s--justify-content-start":"LayoutGrid--wide-s--justify-content-start__XQkqA","LayoutGrid--wide-s--justify-content-end":"LayoutGrid--wide-s--justify-content-end__-tCcn","LayoutGrid--wide-s--justify-content-space-between":"LayoutGrid--wide-s--justify-content-space-between__kBkZm","LayoutGrid--wide-s--justify-content-space-around":"LayoutGrid--wide-s--justify-content-space-around__flpk0","LayoutGrid--wide-s--justify-content-space-evenly":"LayoutGrid--wide-s--justify-content-space-evenly__rSh2w","LayoutGrid--wide-l--justify-content-center":"LayoutGrid--wide-l--justify-content-center__b3scW","LayoutGrid--wide-l--justify-content-start":"LayoutGrid--wide-l--justify-content-start__N9skE","LayoutGrid--wide-l--justify-content-end":"LayoutGrid--wide-l--justify-content-end__7j5o6","LayoutGrid--wide-l--justify-content-space-between":"LayoutGrid--wide-l--justify-content-space-between__fLeCp","LayoutGrid--wide-l--justify-content-space-around":"LayoutGrid--wide-l--justify-content-space-around__mbpQE","LayoutGrid--wide-l--justify-content-space-evenly":"LayoutGrid--wide-l--justify-content-space-evenly__524dM","LayoutGrid--align-items-center":"LayoutGrid--align-items-center__RVwSt","LayoutGrid--align-items-start":"LayoutGrid--align-items-start__E8uxU","LayoutGrid--align-items-end":"LayoutGrid--align-items-end__4Nt2r","LayoutGrid--align-items-stretch":"LayoutGrid--align-items-stretch__A9ams","LayoutGrid--align-items-baseline":"LayoutGrid--align-items-baseline__0-yUW","LayoutGrid--narrow-l--align-items-center":"LayoutGrid--narrow-l--align-items-center__uwELy","LayoutGrid--narrow-l--align-items-start":"LayoutGrid--narrow-l--align-items-start__bgO2N","LayoutGrid--narrow-l--align-items-end":"LayoutGrid--narrow-l--align-items-end__Rswst","LayoutGrid--narrow-l--align-items-stretch":"LayoutGrid--narrow-l--align-items-stretch__j1L58","LayoutGrid--narrow-l--align-items-baseline":"LayoutGrid--narrow-l--align-items-baseline__kVArA","LayoutGrid--medium-s--align-items-center":"LayoutGrid--medium-s--align-items-center__fNix8","LayoutGrid--medium-s--align-items-start":"LayoutGrid--medium-s--align-items-start__UKPQt","LayoutGrid--medium-s--align-items-end":"LayoutGrid--medium-s--align-items-end__jaF0X","LayoutGrid--medium-s--align-items-stretch":"LayoutGrid--medium-s--align-items-stretch__jCz1x","LayoutGrid--medium-s--align-items-baseline":"LayoutGrid--medium-s--align-items-baseline__XE4bX","LayoutGrid--medium-l--align-items-center":"LayoutGrid--medium-l--align-items-center__VhrYE","LayoutGrid--medium-l--align-items-start":"LayoutGrid--medium-l--align-items-start__r8cjo","LayoutGrid--medium-l--align-items-end":"LayoutGrid--medium-l--align-items-end__s1gpS","LayoutGrid--medium-l--align-items-stretch":"LayoutGrid--medium-l--align-items-stretch__ItEfq","LayoutGrid--medium-l--align-items-baseline":"LayoutGrid--medium-l--align-items-baseline__nZ7fR","LayoutGrid--wide-s--align-items-center":"LayoutGrid--wide-s--align-items-center__mrOx2","LayoutGrid--wide-s--align-items-start":"LayoutGrid--wide-s--align-items-start__cQBTK","LayoutGrid--wide-s--align-items-end":"LayoutGrid--wide-s--align-items-end__mahG6","LayoutGrid--wide-s--align-items-stretch":"LayoutGrid--wide-s--align-items-stretch__0PTob","LayoutGrid--wide-s--align-items-baseline":"LayoutGrid--wide-s--align-items-baseline__3W7pd","LayoutGrid--wide-l--align-items-center":"LayoutGrid--wide-l--align-items-center__BOrH6","LayoutGrid--wide-l--align-items-start":"LayoutGrid--wide-l--align-items-start__4V23L","LayoutGrid--wide-l--align-items-end":"LayoutGrid--wide-l--align-items-end__zVwxu","LayoutGrid--wide-l--align-items-stretch":"LayoutGrid--wide-l--align-items-stretch__Jdna5","LayoutGrid--wide-l--align-items-baseline":"LayoutGrid--wide-l--align-items-baseline__02lpK","LayoutGrid--justify-items-stretch":"LayoutGrid--justify-items-stretch__U4vSC","LayoutGrid--justify-items-center":"LayoutGrid--justify-items-center__VARQR","LayoutGrid--justify-items-start":"LayoutGrid--justify-items-start__NLAeT","LayoutGrid--justify-items-end":"LayoutGrid--justify-items-end__w0moy","LayoutGrid--narrow-l--justify-items-stretch":"LayoutGrid--narrow-l--justify-items-stretch__hKJSX","LayoutGrid--narrow-l--justify-items-center":"LayoutGrid--narrow-l--justify-items-center__b7Xid","LayoutGrid--narrow-l--justify-items-start":"LayoutGrid--narrow-l--justify-items-start__6cBmQ","LayoutGrid--narrow-l--justify-items-end":"LayoutGrid--narrow-l--justify-items-end__1A84y","LayoutGrid--medium-s--justify-items-stretch":"LayoutGrid--medium-s--justify-items-stretch__V9kwQ","LayoutGrid--medium-s--justify-items-center":"LayoutGrid--medium-s--justify-items-center__ZWr9D","LayoutGrid--medium-s--justify-items-start":"LayoutGrid--medium-s--justify-items-start__NjFpt","LayoutGrid--medium-s--justify-items-end":"LayoutGrid--medium-s--justify-items-end__ERiPY","LayoutGrid--medium-l--justify-items-stretch":"LayoutGrid--medium-l--justify-items-stretch__O1l7k","LayoutGrid--medium-l--justify-items-center":"LayoutGrid--medium-l--justify-items-center__QDO0p","LayoutGrid--medium-l--justify-items-start":"LayoutGrid--medium-l--justify-items-start__2N9qj","LayoutGrid--medium-l--justify-items-end":"LayoutGrid--medium-l--justify-items-end__BSgLt","LayoutGrid--wide-s--justify-items-stretch":"LayoutGrid--wide-s--justify-items-stretch__QvGpc","LayoutGrid--wide-s--justify-items-center":"LayoutGrid--wide-s--justify-items-center__CbWJj","LayoutGrid--wide-s--justify-items-start":"LayoutGrid--wide-s--justify-items-start__tBgMR","LayoutGrid--wide-s--justify-items-end":"LayoutGrid--wide-s--justify-items-end__mgyU3","LayoutGrid--wide-l--justify-items-stretch":"LayoutGrid--wide-l--justify-items-stretch__x0UMz","LayoutGrid--wide-l--justify-items-center":"LayoutGrid--wide-l--justify-items-center__Q6DqC","LayoutGrid--wide-l--justify-items-start":"LayoutGrid--wide-l--justify-items-start__jIMRB","LayoutGrid--wide-l--justify-items-end":"LayoutGrid--wide-l--justify-items-end__gZTXq","LayoutGrid--columns":"LayoutGrid--columns__kFwZC","LayoutGrid--columns-narrow-l":"LayoutGrid--columns-narrow-l__7Vb8x","LayoutGrid--columns-medium-s":"LayoutGrid--columns-medium-s__V-iwq","LayoutGrid--columns-medium-l":"LayoutGrid--columns-medium-l__pzkhg","LayoutGrid--columns-wide-s":"LayoutGrid--columns-wide-s__4uJPp","LayoutGrid--columns-wide-l":"LayoutGrid--columns-wide-l__ZwkSC"},V="LayoutGrid",z=Object.keys(b),c=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),S=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[a,e])=>({...i,...e?{[a]:c(e)}:{}}),{_:c(t._)}):{_:c(t)},B=t=>{if(!t)return{classNames:[],style:{}};const i=S(t),a=z.filter(s=>i[s]),e=p(_,V,["columns",...a.map(s=>`columns-${s}`)]),n=a.reduce((s,r)=>({...s,[`--columns-${r}`]:i[r]}),{"--columns":i._});return{classNames:e,style:n}},F="LayoutGap",q=t=>o(C,F,[u("gap",t)]),P="LayoutGrid",$=(t,i)=>{const{gap:a=v,padding:e=U,justifyContent:n,alignItems:s,justifyItems:r,hide:d,relative:y}=i||{},m=o(_,P,[u("justify-content",n),u("align-items",s),u("justify-items",r)]),l=q(a),L=N(e),f=D(d,"grid"),j=Y(y);return[...m,...l,...L,...f,...j]},H=g.forwardRef(function({dataset:i,children:a,...e},n){const{tag:s=R,columns:r}=e,d=$("grid",e),{style:y,classNames:m}=B(r),l=[...d,...m],L={...O(e),ref:n,className:l.join(" "),style:y,...E(i,{preplyDsComponent:I.LayoutGrid})};return w.jsx(s,{...L,children:a})});H.__docgenInfo={description:"",methods:[],displayName:"LayoutGrid"};export{H as L,Y as a,D as g};
+import{j as w}from"./jsx-runtime-BYouaCF_.js";import{r as g}from"./index-B3evPFBL.js";import{m as o,b as G,a as p,s as u}from"./classNames-BUL1Zq7e.js";import{B as b}from"./breakpoints-BfMlrtxE.js";import{a as h,b as A,s as C,g as N}from"./layout-relative.module-1z75aSwo-DNAR_Nv2.js";import{L as T}from"./constants-DYYVurUY.js";import{k as v,f as U,L as R}from"./defaults-B1rzzf6M.js";import{f as O}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{g as E}from"./index-DdzHuZ-Y.js";import{w as I}from"./componentNames-CpCJzpB9.js";const k="LayoutHide",D=(t,i=T)=>o(h,k,[G("hide",i,t)]),x="LayoutRelative",Y=t=>o(A,x,[G("relative",void 0,t)]),Q="LayoutGrid__-dslt",_={LayoutGrid:Q,"LayoutGrid--justify-content-center":"LayoutGrid--justify-content-center__rwmoB","LayoutGrid--justify-content-start":"LayoutGrid--justify-content-start__7v-Km","LayoutGrid--justify-content-end":"LayoutGrid--justify-content-end__kG5-O","LayoutGrid--justify-content-space-between":"LayoutGrid--justify-content-space-between__OUUgn","LayoutGrid--justify-content-space-around":"LayoutGrid--justify-content-space-around__m3Ggq","LayoutGrid--justify-content-space-evenly":"LayoutGrid--justify-content-space-evenly__WWIsT","LayoutGrid--narrow-l--justify-content-center":"LayoutGrid--narrow-l--justify-content-center__m7jv9","LayoutGrid--narrow-l--justify-content-start":"LayoutGrid--narrow-l--justify-content-start__6tHPx","LayoutGrid--narrow-l--justify-content-end":"LayoutGrid--narrow-l--justify-content-end__afk9H","LayoutGrid--narrow-l--justify-content-space-between":"LayoutGrid--narrow-l--justify-content-space-between__RgYaV","LayoutGrid--narrow-l--justify-content-space-around":"LayoutGrid--narrow-l--justify-content-space-around__LJwHL","LayoutGrid--narrow-l--justify-content-space-evenly":"LayoutGrid--narrow-l--justify-content-space-evenly__RQJez","LayoutGrid--medium-s--justify-content-center":"LayoutGrid--medium-s--justify-content-center__-dA3F","LayoutGrid--medium-s--justify-content-start":"LayoutGrid--medium-s--justify-content-start__fmsIg","LayoutGrid--medium-s--justify-content-end":"LayoutGrid--medium-s--justify-content-end__pMkvR","LayoutGrid--medium-s--justify-content-space-between":"LayoutGrid--medium-s--justify-content-space-between__sOUof","LayoutGrid--medium-s--justify-content-space-around":"LayoutGrid--medium-s--justify-content-space-around__eJIi-","LayoutGrid--medium-s--justify-content-space-evenly":"LayoutGrid--medium-s--justify-content-space-evenly__jLcAz","LayoutGrid--medium-l--justify-content-center":"LayoutGrid--medium-l--justify-content-center__Q9TxM","LayoutGrid--medium-l--justify-content-start":"LayoutGrid--medium-l--justify-content-start__CzzxC","LayoutGrid--medium-l--justify-content-end":"LayoutGrid--medium-l--justify-content-end__FBAN7","LayoutGrid--medium-l--justify-content-space-between":"LayoutGrid--medium-l--justify-content-space-between__f5lsd","LayoutGrid--medium-l--justify-content-space-around":"LayoutGrid--medium-l--justify-content-space-around__ring-","LayoutGrid--medium-l--justify-content-space-evenly":"LayoutGrid--medium-l--justify-content-space-evenly__NZ5rM","LayoutGrid--wide-s--justify-content-center":"LayoutGrid--wide-s--justify-content-center__wqUGl","LayoutGrid--wide-s--justify-content-start":"LayoutGrid--wide-s--justify-content-start__XQkqA","LayoutGrid--wide-s--justify-content-end":"LayoutGrid--wide-s--justify-content-end__-tCcn","LayoutGrid--wide-s--justify-content-space-between":"LayoutGrid--wide-s--justify-content-space-between__kBkZm","LayoutGrid--wide-s--justify-content-space-around":"LayoutGrid--wide-s--justify-content-space-around__flpk0","LayoutGrid--wide-s--justify-content-space-evenly":"LayoutGrid--wide-s--justify-content-space-evenly__rSh2w","LayoutGrid--wide-l--justify-content-center":"LayoutGrid--wide-l--justify-content-center__b3scW","LayoutGrid--wide-l--justify-content-start":"LayoutGrid--wide-l--justify-content-start__N9skE","LayoutGrid--wide-l--justify-content-end":"LayoutGrid--wide-l--justify-content-end__7j5o6","LayoutGrid--wide-l--justify-content-space-between":"LayoutGrid--wide-l--justify-content-space-between__fLeCp","LayoutGrid--wide-l--justify-content-space-around":"LayoutGrid--wide-l--justify-content-space-around__mbpQE","LayoutGrid--wide-l--justify-content-space-evenly":"LayoutGrid--wide-l--justify-content-space-evenly__524dM","LayoutGrid--align-items-center":"LayoutGrid--align-items-center__RVwSt","LayoutGrid--align-items-start":"LayoutGrid--align-items-start__E8uxU","LayoutGrid--align-items-end":"LayoutGrid--align-items-end__4Nt2r","LayoutGrid--align-items-stretch":"LayoutGrid--align-items-stretch__A9ams","LayoutGrid--align-items-baseline":"LayoutGrid--align-items-baseline__0-yUW","LayoutGrid--narrow-l--align-items-center":"LayoutGrid--narrow-l--align-items-center__uwELy","LayoutGrid--narrow-l--align-items-start":"LayoutGrid--narrow-l--align-items-start__bgO2N","LayoutGrid--narrow-l--align-items-end":"LayoutGrid--narrow-l--align-items-end__Rswst","LayoutGrid--narrow-l--align-items-stretch":"LayoutGrid--narrow-l--align-items-stretch__j1L58","LayoutGrid--narrow-l--align-items-baseline":"LayoutGrid--narrow-l--align-items-baseline__kVArA","LayoutGrid--medium-s--align-items-center":"LayoutGrid--medium-s--align-items-center__fNix8","LayoutGrid--medium-s--align-items-start":"LayoutGrid--medium-s--align-items-start__UKPQt","LayoutGrid--medium-s--align-items-end":"LayoutGrid--medium-s--align-items-end__jaF0X","LayoutGrid--medium-s--align-items-stretch":"LayoutGrid--medium-s--align-items-stretch__jCz1x","LayoutGrid--medium-s--align-items-baseline":"LayoutGrid--medium-s--align-items-baseline__XE4bX","LayoutGrid--medium-l--align-items-center":"LayoutGrid--medium-l--align-items-center__VhrYE","LayoutGrid--medium-l--align-items-start":"LayoutGrid--medium-l--align-items-start__r8cjo","LayoutGrid--medium-l--align-items-end":"LayoutGrid--medium-l--align-items-end__s1gpS","LayoutGrid--medium-l--align-items-stretch":"LayoutGrid--medium-l--align-items-stretch__ItEfq","LayoutGrid--medium-l--align-items-baseline":"LayoutGrid--medium-l--align-items-baseline__nZ7fR","LayoutGrid--wide-s--align-items-center":"LayoutGrid--wide-s--align-items-center__mrOx2","LayoutGrid--wide-s--align-items-start":"LayoutGrid--wide-s--align-items-start__cQBTK","LayoutGrid--wide-s--align-items-end":"LayoutGrid--wide-s--align-items-end__mahG6","LayoutGrid--wide-s--align-items-stretch":"LayoutGrid--wide-s--align-items-stretch__0PTob","LayoutGrid--wide-s--align-items-baseline":"LayoutGrid--wide-s--align-items-baseline__3W7pd","LayoutGrid--wide-l--align-items-center":"LayoutGrid--wide-l--align-items-center__BOrH6","LayoutGrid--wide-l--align-items-start":"LayoutGrid--wide-l--align-items-start__4V23L","LayoutGrid--wide-l--align-items-end":"LayoutGrid--wide-l--align-items-end__zVwxu","LayoutGrid--wide-l--align-items-stretch":"LayoutGrid--wide-l--align-items-stretch__Jdna5","LayoutGrid--wide-l--align-items-baseline":"LayoutGrid--wide-l--align-items-baseline__02lpK","LayoutGrid--justify-items-stretch":"LayoutGrid--justify-items-stretch__U4vSC","LayoutGrid--justify-items-center":"LayoutGrid--justify-items-center__VARQR","LayoutGrid--justify-items-start":"LayoutGrid--justify-items-start__NLAeT","LayoutGrid--justify-items-end":"LayoutGrid--justify-items-end__w0moy","LayoutGrid--narrow-l--justify-items-stretch":"LayoutGrid--narrow-l--justify-items-stretch__hKJSX","LayoutGrid--narrow-l--justify-items-center":"LayoutGrid--narrow-l--justify-items-center__b7Xid","LayoutGrid--narrow-l--justify-items-start":"LayoutGrid--narrow-l--justify-items-start__6cBmQ","LayoutGrid--narrow-l--justify-items-end":"LayoutGrid--narrow-l--justify-items-end__1A84y","LayoutGrid--medium-s--justify-items-stretch":"LayoutGrid--medium-s--justify-items-stretch__V9kwQ","LayoutGrid--medium-s--justify-items-center":"LayoutGrid--medium-s--justify-items-center__ZWr9D","LayoutGrid--medium-s--justify-items-start":"LayoutGrid--medium-s--justify-items-start__NjFpt","LayoutGrid--medium-s--justify-items-end":"LayoutGrid--medium-s--justify-items-end__ERiPY","LayoutGrid--medium-l--justify-items-stretch":"LayoutGrid--medium-l--justify-items-stretch__O1l7k","LayoutGrid--medium-l--justify-items-center":"LayoutGrid--medium-l--justify-items-center__QDO0p","LayoutGrid--medium-l--justify-items-start":"LayoutGrid--medium-l--justify-items-start__2N9qj","LayoutGrid--medium-l--justify-items-end":"LayoutGrid--medium-l--justify-items-end__BSgLt","LayoutGrid--wide-s--justify-items-stretch":"LayoutGrid--wide-s--justify-items-stretch__QvGpc","LayoutGrid--wide-s--justify-items-center":"LayoutGrid--wide-s--justify-items-center__CbWJj","LayoutGrid--wide-s--justify-items-start":"LayoutGrid--wide-s--justify-items-start__tBgMR","LayoutGrid--wide-s--justify-items-end":"LayoutGrid--wide-s--justify-items-end__mgyU3","LayoutGrid--wide-l--justify-items-stretch":"LayoutGrid--wide-l--justify-items-stretch__x0UMz","LayoutGrid--wide-l--justify-items-center":"LayoutGrid--wide-l--justify-items-center__Q6DqC","LayoutGrid--wide-l--justify-items-start":"LayoutGrid--wide-l--justify-items-start__jIMRB","LayoutGrid--wide-l--justify-items-end":"LayoutGrid--wide-l--justify-items-end__gZTXq","LayoutGrid--columns":"LayoutGrid--columns__kFwZC","LayoutGrid--columns-narrow-l":"LayoutGrid--columns-narrow-l__7Vb8x","LayoutGrid--columns-medium-s":"LayoutGrid--columns-medium-s__V-iwq","LayoutGrid--columns-medium-l":"LayoutGrid--columns-medium-l__pzkhg","LayoutGrid--columns-wide-s":"LayoutGrid--columns-wide-s__4uJPp","LayoutGrid--columns-wide-l":"LayoutGrid--columns-wide-l__ZwkSC"},V="LayoutGrid",z=Object.keys(b),c=t=>typeof t=="number"?`repeat(${t}, 1fr)`:t.join(" "),S=t=>typeof t=="object"&&!Array.isArray(t)?Object.entries(t).reduce((i,[a,e])=>({...i,...e?{[a]:c(e)}:{}}),{_:c(t._)}):{_:c(t)},B=t=>{if(!t)return{classNames:[],style:{}};const i=S(t),a=z.filter(s=>i[s]),e=p(_,V,["columns",...a.map(s=>`columns-${s}`)]),n=a.reduce((s,r)=>({...s,[`--columns-${r}`]:i[r]}),{"--columns":i._});return{classNames:e,style:n}},F="LayoutGap",q=t=>o(C,F,[u("gap",t)]),P="LayoutGrid",$=(t,i)=>{const{gap:a=v,padding:e=U,justifyContent:n,alignItems:s,justifyItems:r,hide:d,relative:y}=i||{},m=o(_,P,[u("justify-content",n),u("align-items",s),u("justify-items",r)]),l=q(a),L=N(e),f=D(d,"grid"),j=Y(y);return[...m,...l,...L,...f,...j]},H=g.forwardRef(function({dataset:i,children:a,...e},n){const{tag:s=R,columns:r}=e,d=$("grid",e),{style:y,classNames:m}=B(r),l=[...d,...m],L={...O(e),ref:n,className:l.join(" "),style:y,...E(i,{preplyDsComponent:I.LayoutGrid})};return w.jsx(s,{...L,children:a})});H.__docgenInfo={description:"",methods:[],displayName:"LayoutGrid"};export{H as L,Y as a,D as g};