@preply/ds-docs 2.2.2 → 2.3.0

package/dist/assets/{Text-QKoyPmSP.js → Text-B-XmjC5M.js}

@@ -1 +1 @@
-import{j as z}from"./jsx-runtime-BTJTZTIL.js";import{r as A}from"./index-Cb9e4tly.js";import{g as E,a as h}from"./text-accent-DZDDtpIt.js";import{g as U}from"./text-centered-CznToR0o.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as W,s as l,b as j}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Y1T_IIlY.js";import{g as C}from"./index-DdzHuZ-Y.js";import{T as G,b as L}from"./defaults-B1rzzf6M.js";const F="Text__BD7-C",k={Text:F,"Text--variant-caption-regular":"Text--variant-caption-regular__-ndGs","Text--variant-caption-semibold":"Text--variant-caption-semibold__-q81F","Text--variant-small-regular":"Text--variant-small-regular__V98UM","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__Ii9YT","Text--variant-small-semibold":"Text--variant-small-semibold__mTXWU","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__N2bGq","Text--variant-default-regular":"Text--variant-default-regular__GBkvP","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__h8iGC","Text--variant-default-semibold":"Text--variant-default-semibold__BREV0","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__0qH9S","Text--variant-large-regular":"Text--variant-large-regular__IFXFs","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__PBExC","Text--variant-large-semibold":"Text--variant-large-semibold__iyV1O","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__wKF6g","Text--variant-xs":"Text--variant-xs__-oA5D","Text--variant-xs-medium":"Text--variant-xs-medium__lJfcR","Text--variant-s":"Text--variant-s__xqH0U","Text--variant-s-italic":"Text--variant-s-italic__jUEl1","Text--variant-s-medium":"Text--variant-s-medium__waMrn","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__sLhV3","Text--variant-s-bold":"Text--variant-s-bold__tq4bK","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__GG7kG","Text--variant-m":"Text--variant-m__y2H-S","Text--variant-m-italic":"Text--variant-m-italic__Sslhm","Text--variant-m-medium":"Text--variant-m-medium__6RBW8","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__dWABZ","Text--variant-m-bold":"Text--variant-m-bold__5ZSGo","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__EA7SO","Text--variant-l":"Text--variant-l__kMF37","Text--variant-l-italic":"Text--variant-l-italic__O9IYe","Text--variant-l-medium":"Text--variant-l-medium__mlaL6","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__c-aUW","Text--variant-xl":"Text--variant-xl__mVHo2","Text--variant-xl-italic":"Text--variant-xl-italic__E-mAM","Text--variant-xl-medium":"Text--variant-xl-medium__oom4K","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__TE3Jt","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__nznL0","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__l0VQQ","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__VMmD6","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__nGADF","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__BQ1W4","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__7UUeq","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__pVzcT","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__RPEsW","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__AHeOG","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__Dhmq4","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__vY6mg","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__Jypdh","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__XaN0f","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__5DrpP","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__4uGu2","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__-CtgL","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__KqYpy","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__-gELi","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__utaTA","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__zkpxW","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__my0rm","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__-j36-","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__qcvbO","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__2guYD","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__R0Zn5","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__dbTJX","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__qG4uf","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__zQtJz","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__AXq1c","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__HGq6U","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__YwkyG","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__yFA2S","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__oBX0z","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__-zpWI","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__83EfM","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__XFZLh","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__QIFIm","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__qA3XV","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__Fujae","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__jaDXd","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__9pYQr","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__-ac-Q","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jyyg6","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__FzmWH","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__zfein","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__pwAKv","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__UQstF","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__BGPjz","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__ZTsh3","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__QsDHO","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__z3jXb","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__W652v","Text--medium-s--variant-s":"Text--medium-s--variant-s__7VRn-","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__BwgAM","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__GvQp3","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__FyNWz","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__21d9F","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__IGU-J","Text--medium-s--variant-m":"Text--medium-s--variant-m__Dn8L6","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__W45ct","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__l502U","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__Mn2Xv","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__udL4N","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__-JwlV","Text--medium-s--variant-l":"Text--medium-s--variant-l__enEs7","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__GWybE","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__OiUBT","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__E5PLY","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__WhyWE","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__quV4P","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__5w8u0","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__ZrCSq","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__neFtF","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__96Bxj","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__q832t","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__rh-C-","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__NyQYA","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__D8qtH","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__AZhpM","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__zLCku","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__3FVwk","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__dmKNV","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__4JxNh","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__wwnsG","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__WR7vo","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__lLaF0","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__Y6JFw","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__El12O","Text--medium-l--variant-s":"Text--medium-l--variant-s__FlmNU","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__5jiqZ","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__EAkmj","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__ucwOq","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__bgLyZ","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__1ov1K","Text--medium-l--variant-m":"Text--medium-l--variant-m__0iJWf","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__3Qg3q","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__KJ9Be","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__E11Pt","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__9zNb6","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Uhd8V","Text--medium-l--variant-l":"Text--medium-l--variant-l__sB-Yg","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__VFqnw","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__zrQ83","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__sdI6v","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__Y3-cI","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__SPEru","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__WoUQ5","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__WffJn","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__tfrra","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__pcHWg","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__qVuSz","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__paUwS","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__--T3V","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__YLx3p","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__7nbdM","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__ohsSu","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__-Q2Gu","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__v6oao","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__lrWEc","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__v55x9","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__FV1hE","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__8Xjhy","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__eeBxV","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__AENwl","Text--wide-s--variant-s":"Text--wide-s--variant-s__ZWFJx","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__IJH0P","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__w9kPs","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__mLEAh","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__mvwUE","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__X2TdA","Text--wide-s--variant-m":"Text--wide-s--variant-m__2VmLl","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__-cijk","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__1M-am","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__7mmlc","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__AiN1T","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__IeqkZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__3OwLa","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__kOKA0","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__fexUj","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__nljBU","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__U-I9z","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__Ezp9P","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__bm-qs","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__gd-Un","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__RmVMU","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__nWA4i","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jofJW","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__vt9vP","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__jSimt","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__CPy01","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__zGDH3","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__pj89w","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__AzL9L","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__4AXL6","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__iIUQK","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__OtyLZ","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__ZTrU9","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__UNwvX","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__jktTZ","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__Snw-d","Text--wide-l--variant-s":"Text--wide-l--variant-s__yhpAB","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__JEQga","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__t2Vrb","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__b4sif","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__a2thi","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__dKJ86","Text--wide-l--variant-m":"Text--wide-l--variant-m__kv0Xt","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__drCVx","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__Nklnx","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__dyKE3","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__nGadW","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__Qyayk","Text--wide-l--variant-l":"Text--wide-l--variant-l__X0Wqt","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__N9AMu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__sUOBO","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__LYJjd","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__0XyZB","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__fIE0o","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__P1SBX","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__wNV3Q","Text--strong":"Text--strong__ig9qo","Text--size-2xs":"Text--size-2xs__YlUqj","Text--size-xs":"Text--size-xs__GSGix","Text--size-s":"Text--size-s__WrxO0","Text--size-m":"Text--size-m__p4phq","Text--size-l":"Text--size-l__GI6Vj","Text--size-xl":"Text--size-xl__es-C8"},m=A.forwardRef(function({children:d,variant:a,tag:u=G,size:e,accent:i,color:v,strong:s,centered:x,dataset:T,..._},o){const c=a||(e?void 0:L),w=a?void 0:e,g=a?void 0:s,b=W(k,r.Text,[l("variant",c),l("size",w),j("strong",void 0,g)]),t=i?void 0:v,f=E(!t,i),p=h(t),y=U(x),V=[...b,...f,...p,...y],q={...N(_),ref:o,className:V.join(" "),...C(T,{preplyDsComponent:r.Text})};return z.jsx(u,{...q,children:d})});try{m.displayName="Text",m.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:'"xs-medium"'},{value:'"s-italic"'},{value:'"s-medium"'},{value:'"s-medium-italic"'},{value:'"s-bold"'},{value:'"s-bold-italic"'},{value:'"m-italic"'},{value:'"m-medium"'},{value:'"m-medium-italic"'},{value:'"m-bold"'},{value:'"m-bold-italic"'},{value:'"l-italic"'},{value:'"l-medium"'},{value:'"l-medium-italic"'},{value:'"xl-italic"'},{value:'"xl-medium"'},{value:'"xl-medium-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},size:{defaultValue:null,description:"@deprecated Use variant instead.",name:"size",required:!1,type:{name:"enum",value:[{value:'"2xs"'},{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},strong:{defaultValue:null,description:"@deprecated Text automatically sets the appropriate `font-weight` per variant",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",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"'}]}},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: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as T};
+import{j as z}from"./jsx-runtime-BTJTZTIL.js";import{r as A}from"./index-Cb9e4tly.js";import{g as E,a as h}from"./text-accent-DZDDtpIt.js";import{g as U}from"./text-centered-CznToR0o.js";import{f as N}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as W,s as l,b as j}from"./classNames-BUL1Zq7e.js";import{w as r}from"./componentNames-Y1T_IIlY.js";import{g as C}from"./index-DdzHuZ-Y.js";import{T as G,b as L}from"./defaults-B1rzzf6M.js";const F="Text__BD7-C",k={Text:F,"Text--variant-caption-regular":"Text--variant-caption-regular__-ndGs","Text--variant-caption-semibold":"Text--variant-caption-semibold__-q81F","Text--variant-small-regular":"Text--variant-small-regular__V98UM","Text--variant-small-regular-italic":"Text--variant-small-regular-italic__Ii9YT","Text--variant-small-semibold":"Text--variant-small-semibold__mTXWU","Text--variant-small-semibold-italic":"Text--variant-small-semibold-italic__N2bGq","Text--variant-default-regular":"Text--variant-default-regular__GBkvP","Text--variant-default-regular-italic":"Text--variant-default-regular-italic__h8iGC","Text--variant-default-semibold":"Text--variant-default-semibold__BREV0","Text--variant-default-semibold-italic":"Text--variant-default-semibold-italic__0qH9S","Text--variant-large-regular":"Text--variant-large-regular__IFXFs","Text--variant-large-regular-italic":"Text--variant-large-regular-italic__PBExC","Text--variant-large-semibold":"Text--variant-large-semibold__iyV1O","Text--variant-large-semibold-italic":"Text--variant-large-semibold-italic__wKF6g","Text--variant-xs":"Text--variant-xs__-oA5D","Text--variant-xs-medium":"Text--variant-xs-medium__lJfcR","Text--variant-s":"Text--variant-s__xqH0U","Text--variant-s-italic":"Text--variant-s-italic__jUEl1","Text--variant-s-medium":"Text--variant-s-medium__waMrn","Text--variant-s-medium-italic":"Text--variant-s-medium-italic__sLhV3","Text--variant-s-bold":"Text--variant-s-bold__tq4bK","Text--variant-s-bold-italic":"Text--variant-s-bold-italic__GG7kG","Text--variant-m":"Text--variant-m__y2H-S","Text--variant-m-italic":"Text--variant-m-italic__Sslhm","Text--variant-m-medium":"Text--variant-m-medium__6RBW8","Text--variant-m-medium-italic":"Text--variant-m-medium-italic__dWABZ","Text--variant-m-bold":"Text--variant-m-bold__5ZSGo","Text--variant-m-bold-italic":"Text--variant-m-bold-italic__EA7SO","Text--variant-l":"Text--variant-l__kMF37","Text--variant-l-italic":"Text--variant-l-italic__O9IYe","Text--variant-l-medium":"Text--variant-l-medium__mlaL6","Text--variant-l-medium-italic":"Text--variant-l-medium-italic__c-aUW","Text--variant-xl":"Text--variant-xl__mVHo2","Text--variant-xl-italic":"Text--variant-xl-italic__E-mAM","Text--variant-xl-medium":"Text--variant-xl-medium__oom4K","Text--variant-xl-medium-italic":"Text--variant-xl-medium-italic__TE3Jt","Text--narrow-l--variant-caption-regular":"Text--narrow-l--variant-caption-regular__nznL0","Text--narrow-l--variant-caption-semibold":"Text--narrow-l--variant-caption-semibold__l0VQQ","Text--narrow-l--variant-small-regular":"Text--narrow-l--variant-small-regular__VMmD6","Text--narrow-l--variant-small-regular-italic":"Text--narrow-l--variant-small-regular-italic__nGADF","Text--narrow-l--variant-small-semibold":"Text--narrow-l--variant-small-semibold__BQ1W4","Text--narrow-l--variant-small-semibold-italic":"Text--narrow-l--variant-small-semibold-italic__7UUeq","Text--narrow-l--variant-default-regular":"Text--narrow-l--variant-default-regular__pVzcT","Text--narrow-l--variant-default-regular-italic":"Text--narrow-l--variant-default-regular-italic__RPEsW","Text--narrow-l--variant-default-semibold":"Text--narrow-l--variant-default-semibold__AHeOG","Text--narrow-l--variant-default-semibold-italic":"Text--narrow-l--variant-default-semibold-italic__Dhmq4","Text--narrow-l--variant-large-regular":"Text--narrow-l--variant-large-regular__vY6mg","Text--narrow-l--variant-large-regular-italic":"Text--narrow-l--variant-large-regular-italic__Jypdh","Text--narrow-l--variant-large-semibold":"Text--narrow-l--variant-large-semibold__XaN0f","Text--narrow-l--variant-large-semibold-italic":"Text--narrow-l--variant-large-semibold-italic__5DrpP","Text--narrow-l--variant-xs":"Text--narrow-l--variant-xs__4uGu2","Text--narrow-l--variant-xs-medium":"Text--narrow-l--variant-xs-medium__-CtgL","Text--narrow-l--variant-s":"Text--narrow-l--variant-s__KqYpy","Text--narrow-l--variant-s-italic":"Text--narrow-l--variant-s-italic__-gELi","Text--narrow-l--variant-s-medium":"Text--narrow-l--variant-s-medium__utaTA","Text--narrow-l--variant-s-medium-italic":"Text--narrow-l--variant-s-medium-italic__zkpxW","Text--narrow-l--variant-s-bold":"Text--narrow-l--variant-s-bold__my0rm","Text--narrow-l--variant-s-bold-italic":"Text--narrow-l--variant-s-bold-italic__-j36-","Text--narrow-l--variant-m":"Text--narrow-l--variant-m__qcvbO","Text--narrow-l--variant-m-italic":"Text--narrow-l--variant-m-italic__2guYD","Text--narrow-l--variant-m-medium":"Text--narrow-l--variant-m-medium__R0Zn5","Text--narrow-l--variant-m-medium-italic":"Text--narrow-l--variant-m-medium-italic__dbTJX","Text--narrow-l--variant-m-bold":"Text--narrow-l--variant-m-bold__qG4uf","Text--narrow-l--variant-m-bold-italic":"Text--narrow-l--variant-m-bold-italic__zQtJz","Text--narrow-l--variant-l":"Text--narrow-l--variant-l__AXq1c","Text--narrow-l--variant-l-italic":"Text--narrow-l--variant-l-italic__HGq6U","Text--narrow-l--variant-l-medium":"Text--narrow-l--variant-l-medium__YwkyG","Text--narrow-l--variant-l-medium-italic":"Text--narrow-l--variant-l-medium-italic__yFA2S","Text--narrow-l--variant-xl":"Text--narrow-l--variant-xl__oBX0z","Text--narrow-l--variant-xl-italic":"Text--narrow-l--variant-xl-italic__-zpWI","Text--narrow-l--variant-xl-medium":"Text--narrow-l--variant-xl-medium__83EfM","Text--narrow-l--variant-xl-medium-italic":"Text--narrow-l--variant-xl-medium-italic__XFZLh","Text--medium-s--variant-caption-regular":"Text--medium-s--variant-caption-regular__QIFIm","Text--medium-s--variant-caption-semibold":"Text--medium-s--variant-caption-semibold__qA3XV","Text--medium-s--variant-small-regular":"Text--medium-s--variant-small-regular__Fujae","Text--medium-s--variant-small-regular-italic":"Text--medium-s--variant-small-regular-italic__jaDXd","Text--medium-s--variant-small-semibold":"Text--medium-s--variant-small-semibold__9pYQr","Text--medium-s--variant-small-semibold-italic":"Text--medium-s--variant-small-semibold-italic__-ac-Q","Text--medium-s--variant-default-regular":"Text--medium-s--variant-default-regular__jyyg6","Text--medium-s--variant-default-regular-italic":"Text--medium-s--variant-default-regular-italic__FzmWH","Text--medium-s--variant-default-semibold":"Text--medium-s--variant-default-semibold__zfein","Text--medium-s--variant-default-semibold-italic":"Text--medium-s--variant-default-semibold-italic__pwAKv","Text--medium-s--variant-large-regular":"Text--medium-s--variant-large-regular__UQstF","Text--medium-s--variant-large-regular-italic":"Text--medium-s--variant-large-regular-italic__BGPjz","Text--medium-s--variant-large-semibold":"Text--medium-s--variant-large-semibold__ZTsh3","Text--medium-s--variant-large-semibold-italic":"Text--medium-s--variant-large-semibold-italic__QsDHO","Text--medium-s--variant-xs":"Text--medium-s--variant-xs__z3jXb","Text--medium-s--variant-xs-medium":"Text--medium-s--variant-xs-medium__W652v","Text--medium-s--variant-s":"Text--medium-s--variant-s__7VRn-","Text--medium-s--variant-s-italic":"Text--medium-s--variant-s-italic__BwgAM","Text--medium-s--variant-s-medium":"Text--medium-s--variant-s-medium__GvQp3","Text--medium-s--variant-s-medium-italic":"Text--medium-s--variant-s-medium-italic__FyNWz","Text--medium-s--variant-s-bold":"Text--medium-s--variant-s-bold__21d9F","Text--medium-s--variant-s-bold-italic":"Text--medium-s--variant-s-bold-italic__IGU-J","Text--medium-s--variant-m":"Text--medium-s--variant-m__Dn8L6","Text--medium-s--variant-m-italic":"Text--medium-s--variant-m-italic__W45ct","Text--medium-s--variant-m-medium":"Text--medium-s--variant-m-medium__l502U","Text--medium-s--variant-m-medium-italic":"Text--medium-s--variant-m-medium-italic__Mn2Xv","Text--medium-s--variant-m-bold":"Text--medium-s--variant-m-bold__udL4N","Text--medium-s--variant-m-bold-italic":"Text--medium-s--variant-m-bold-italic__-JwlV","Text--medium-s--variant-l":"Text--medium-s--variant-l__enEs7","Text--medium-s--variant-l-italic":"Text--medium-s--variant-l-italic__GWybE","Text--medium-s--variant-l-medium":"Text--medium-s--variant-l-medium__OiUBT","Text--medium-s--variant-l-medium-italic":"Text--medium-s--variant-l-medium-italic__E5PLY","Text--medium-s--variant-xl":"Text--medium-s--variant-xl__WhyWE","Text--medium-s--variant-xl-italic":"Text--medium-s--variant-xl-italic__quV4P","Text--medium-s--variant-xl-medium":"Text--medium-s--variant-xl-medium__5w8u0","Text--medium-s--variant-xl-medium-italic":"Text--medium-s--variant-xl-medium-italic__ZrCSq","Text--medium-l--variant-caption-regular":"Text--medium-l--variant-caption-regular__neFtF","Text--medium-l--variant-caption-semibold":"Text--medium-l--variant-caption-semibold__96Bxj","Text--medium-l--variant-small-regular":"Text--medium-l--variant-small-regular__q832t","Text--medium-l--variant-small-regular-italic":"Text--medium-l--variant-small-regular-italic__rh-C-","Text--medium-l--variant-small-semibold":"Text--medium-l--variant-small-semibold__NyQYA","Text--medium-l--variant-small-semibold-italic":"Text--medium-l--variant-small-semibold-italic__D8qtH","Text--medium-l--variant-default-regular":"Text--medium-l--variant-default-regular__AZhpM","Text--medium-l--variant-default-regular-italic":"Text--medium-l--variant-default-regular-italic__zLCku","Text--medium-l--variant-default-semibold":"Text--medium-l--variant-default-semibold__3FVwk","Text--medium-l--variant-default-semibold-italic":"Text--medium-l--variant-default-semibold-italic__dmKNV","Text--medium-l--variant-large-regular":"Text--medium-l--variant-large-regular__4JxNh","Text--medium-l--variant-large-regular-italic":"Text--medium-l--variant-large-regular-italic__wwnsG","Text--medium-l--variant-large-semibold":"Text--medium-l--variant-large-semibold__WR7vo","Text--medium-l--variant-large-semibold-italic":"Text--medium-l--variant-large-semibold-italic__lLaF0","Text--medium-l--variant-xs":"Text--medium-l--variant-xs__Y6JFw","Text--medium-l--variant-xs-medium":"Text--medium-l--variant-xs-medium__El12O","Text--medium-l--variant-s":"Text--medium-l--variant-s__FlmNU","Text--medium-l--variant-s-italic":"Text--medium-l--variant-s-italic__5jiqZ","Text--medium-l--variant-s-medium":"Text--medium-l--variant-s-medium__EAkmj","Text--medium-l--variant-s-medium-italic":"Text--medium-l--variant-s-medium-italic__ucwOq","Text--medium-l--variant-s-bold":"Text--medium-l--variant-s-bold__bgLyZ","Text--medium-l--variant-s-bold-italic":"Text--medium-l--variant-s-bold-italic__1ov1K","Text--medium-l--variant-m":"Text--medium-l--variant-m__0iJWf","Text--medium-l--variant-m-italic":"Text--medium-l--variant-m-italic__3Qg3q","Text--medium-l--variant-m-medium":"Text--medium-l--variant-m-medium__KJ9Be","Text--medium-l--variant-m-medium-italic":"Text--medium-l--variant-m-medium-italic__E11Pt","Text--medium-l--variant-m-bold":"Text--medium-l--variant-m-bold__9zNb6","Text--medium-l--variant-m-bold-italic":"Text--medium-l--variant-m-bold-italic__Uhd8V","Text--medium-l--variant-l":"Text--medium-l--variant-l__sB-Yg","Text--medium-l--variant-l-italic":"Text--medium-l--variant-l-italic__VFqnw","Text--medium-l--variant-l-medium":"Text--medium-l--variant-l-medium__zrQ83","Text--medium-l--variant-l-medium-italic":"Text--medium-l--variant-l-medium-italic__sdI6v","Text--medium-l--variant-xl":"Text--medium-l--variant-xl__Y3-cI","Text--medium-l--variant-xl-italic":"Text--medium-l--variant-xl-italic__SPEru","Text--medium-l--variant-xl-medium":"Text--medium-l--variant-xl-medium__WoUQ5","Text--medium-l--variant-xl-medium-italic":"Text--medium-l--variant-xl-medium-italic__WffJn","Text--wide-s--variant-caption-regular":"Text--wide-s--variant-caption-regular__tfrra","Text--wide-s--variant-caption-semibold":"Text--wide-s--variant-caption-semibold__pcHWg","Text--wide-s--variant-small-regular":"Text--wide-s--variant-small-regular__qVuSz","Text--wide-s--variant-small-regular-italic":"Text--wide-s--variant-small-regular-italic__paUwS","Text--wide-s--variant-small-semibold":"Text--wide-s--variant-small-semibold__--T3V","Text--wide-s--variant-small-semibold-italic":"Text--wide-s--variant-small-semibold-italic__YLx3p","Text--wide-s--variant-default-regular":"Text--wide-s--variant-default-regular__7nbdM","Text--wide-s--variant-default-regular-italic":"Text--wide-s--variant-default-regular-italic__ohsSu","Text--wide-s--variant-default-semibold":"Text--wide-s--variant-default-semibold__-Q2Gu","Text--wide-s--variant-default-semibold-italic":"Text--wide-s--variant-default-semibold-italic__v6oao","Text--wide-s--variant-large-regular":"Text--wide-s--variant-large-regular__lrWEc","Text--wide-s--variant-large-regular-italic":"Text--wide-s--variant-large-regular-italic__v55x9","Text--wide-s--variant-large-semibold":"Text--wide-s--variant-large-semibold__FV1hE","Text--wide-s--variant-large-semibold-italic":"Text--wide-s--variant-large-semibold-italic__8Xjhy","Text--wide-s--variant-xs":"Text--wide-s--variant-xs__eeBxV","Text--wide-s--variant-xs-medium":"Text--wide-s--variant-xs-medium__AENwl","Text--wide-s--variant-s":"Text--wide-s--variant-s__ZWFJx","Text--wide-s--variant-s-italic":"Text--wide-s--variant-s-italic__IJH0P","Text--wide-s--variant-s-medium":"Text--wide-s--variant-s-medium__w9kPs","Text--wide-s--variant-s-medium-italic":"Text--wide-s--variant-s-medium-italic__mLEAh","Text--wide-s--variant-s-bold":"Text--wide-s--variant-s-bold__mvwUE","Text--wide-s--variant-s-bold-italic":"Text--wide-s--variant-s-bold-italic__X2TdA","Text--wide-s--variant-m":"Text--wide-s--variant-m__2VmLl","Text--wide-s--variant-m-italic":"Text--wide-s--variant-m-italic__-cijk","Text--wide-s--variant-m-medium":"Text--wide-s--variant-m-medium__1M-am","Text--wide-s--variant-m-medium-italic":"Text--wide-s--variant-m-medium-italic__7mmlc","Text--wide-s--variant-m-bold":"Text--wide-s--variant-m-bold__AiN1T","Text--wide-s--variant-m-bold-italic":"Text--wide-s--variant-m-bold-italic__IeqkZ","Text--wide-s--variant-l":"Text--wide-s--variant-l__3OwLa","Text--wide-s--variant-l-italic":"Text--wide-s--variant-l-italic__kOKA0","Text--wide-s--variant-l-medium":"Text--wide-s--variant-l-medium__fexUj","Text--wide-s--variant-l-medium-italic":"Text--wide-s--variant-l-medium-italic__nljBU","Text--wide-s--variant-xl":"Text--wide-s--variant-xl__U-I9z","Text--wide-s--variant-xl-italic":"Text--wide-s--variant-xl-italic__Ezp9P","Text--wide-s--variant-xl-medium":"Text--wide-s--variant-xl-medium__bm-qs","Text--wide-s--variant-xl-medium-italic":"Text--wide-s--variant-xl-medium-italic__gd-Un","Text--wide-l--variant-caption-regular":"Text--wide-l--variant-caption-regular__RmVMU","Text--wide-l--variant-caption-semibold":"Text--wide-l--variant-caption-semibold__nWA4i","Text--wide-l--variant-small-regular":"Text--wide-l--variant-small-regular__jofJW","Text--wide-l--variant-small-regular-italic":"Text--wide-l--variant-small-regular-italic__vt9vP","Text--wide-l--variant-small-semibold":"Text--wide-l--variant-small-semibold__jSimt","Text--wide-l--variant-small-semibold-italic":"Text--wide-l--variant-small-semibold-italic__CPy01","Text--wide-l--variant-default-regular":"Text--wide-l--variant-default-regular__zGDH3","Text--wide-l--variant-default-regular-italic":"Text--wide-l--variant-default-regular-italic__pj89w","Text--wide-l--variant-default-semibold":"Text--wide-l--variant-default-semibold__AzL9L","Text--wide-l--variant-default-semibold-italic":"Text--wide-l--variant-default-semibold-italic__4AXL6","Text--wide-l--variant-large-regular":"Text--wide-l--variant-large-regular__iIUQK","Text--wide-l--variant-large-regular-italic":"Text--wide-l--variant-large-regular-italic__OtyLZ","Text--wide-l--variant-large-semibold":"Text--wide-l--variant-large-semibold__ZTrU9","Text--wide-l--variant-large-semibold-italic":"Text--wide-l--variant-large-semibold-italic__UNwvX","Text--wide-l--variant-xs":"Text--wide-l--variant-xs__jktTZ","Text--wide-l--variant-xs-medium":"Text--wide-l--variant-xs-medium__Snw-d","Text--wide-l--variant-s":"Text--wide-l--variant-s__yhpAB","Text--wide-l--variant-s-italic":"Text--wide-l--variant-s-italic__JEQga","Text--wide-l--variant-s-medium":"Text--wide-l--variant-s-medium__t2Vrb","Text--wide-l--variant-s-medium-italic":"Text--wide-l--variant-s-medium-italic__b4sif","Text--wide-l--variant-s-bold":"Text--wide-l--variant-s-bold__a2thi","Text--wide-l--variant-s-bold-italic":"Text--wide-l--variant-s-bold-italic__dKJ86","Text--wide-l--variant-m":"Text--wide-l--variant-m__kv0Xt","Text--wide-l--variant-m-italic":"Text--wide-l--variant-m-italic__drCVx","Text--wide-l--variant-m-medium":"Text--wide-l--variant-m-medium__Nklnx","Text--wide-l--variant-m-medium-italic":"Text--wide-l--variant-m-medium-italic__dyKE3","Text--wide-l--variant-m-bold":"Text--wide-l--variant-m-bold__nGadW","Text--wide-l--variant-m-bold-italic":"Text--wide-l--variant-m-bold-italic__Qyayk","Text--wide-l--variant-l":"Text--wide-l--variant-l__X0Wqt","Text--wide-l--variant-l-italic":"Text--wide-l--variant-l-italic__N9AMu","Text--wide-l--variant-l-medium":"Text--wide-l--variant-l-medium__sUOBO","Text--wide-l--variant-l-medium-italic":"Text--wide-l--variant-l-medium-italic__LYJjd","Text--wide-l--variant-xl":"Text--wide-l--variant-xl__0XyZB","Text--wide-l--variant-xl-italic":"Text--wide-l--variant-xl-italic__fIE0o","Text--wide-l--variant-xl-medium":"Text--wide-l--variant-xl-medium__P1SBX","Text--wide-l--variant-xl-medium-italic":"Text--wide-l--variant-xl-medium-italic__wNV3Q","Text--strong":"Text--strong__ig9qo","Text--size-2xs":"Text--size-2xs__YlUqj","Text--size-xs":"Text--size-xs__GSGix","Text--size-s":"Text--size-s__WrxO0","Text--size-m":"Text--size-m__p4phq","Text--size-l":"Text--size-l__GI6Vj","Text--size-xl":"Text--size-xl__es-C8"},m=A.forwardRef(function({children:d,variant:a,tag:u=G,size:e,accent:i,color:v,strong:s,centered:x,dataset:T,..._},o){const c=a||(e?void 0:L),w=a?void 0:e,g=a?void 0:s,b=W(k,r.Text,[l("variant",c),l("size",w),j("strong",void 0,g)]),t=i?void 0:v,f=E(!t,i),p=h(t),y=U(x),V=[...b,...f,...p,...y],q={...N(_),ref:o,className:V.join(" "),...C(T,{preplyDsComponent:r.Text})};return z.jsx(u,{...q,children:d})});try{m.displayName="Text",m.__docgenInfo={description:"",displayName:"Text",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"caption-regular"'},{value:'"caption-semibold"'},{value:'"small-regular"'},{value:'"small-regular-italic"'},{value:'"small-semibold"'},{value:'"small-semibold-italic"'},{value:'"default-regular"'},{value:'"default-regular-italic"'},{value:'"default-semibold"'},{value:'"default-semibold-italic"'},{value:'"large-regular"'},{value:'"large-regular-italic"'},{value:'"large-semibold"'},{value:'"large-semibold-italic"'},{value:'"xs-medium"'},{value:'"s-italic"'},{value:'"s-medium"'},{value:'"s-medium-italic"'},{value:'"s-bold"'},{value:'"s-bold-italic"'},{value:'"m-italic"'},{value:'"m-medium"'},{value:'"m-medium-italic"'},{value:'"m-bold"'},{value:'"m-bold-italic"'},{value:'"l-italic"'},{value:'"l-medium"'},{value:'"l-medium-italic"'},{value:'"xl-italic"'},{value:'"xl-medium"'},{value:'"xl-medium-italic"'},{value:"ResponsiveProp<TextVariant>"}]}},size:{defaultValue:null,description:"@deprecated Use variant instead.",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},strong:{defaultValue:null,description:"@deprecated Text automatically sets the appropriate `font-weight` per variant",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},centered:{defaultValue:null,description:"",name:"centered",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"'}]}},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: HTMLParagraphElement | null) => void"},{value:"RefObject<HTMLParagraphElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as T};

package/dist/assets/{Text.stories-DGPV9-zq.js → Text.stories-DAgqHs-D.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as i}from"./Text-QKoyPmSP.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-Dn0Ts6qK.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-DXy5hgn5.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Y1T_IIlY.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const D={title:"components/Text",component:i,argTypes:{variant:{description:c},centered:{description:c}}},a=()=>e.jsx(i,{children:"Lorem ipsum"});a.tags=["!test"];a.parameters={chromatic:{disableSnapshot:!0}};const n=()=>{const r=S(k.background.primaryInverted);return e.jsx(e.Fragment,{children:f.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(i,{accent:t,children:t})},t))})},j=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],o=()=>e.jsx(e.Fragment,{children:j.map(r=>e.jsx(i,{variant:r,children:r},r))}),s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},size:{table:{disable:!0}},strong:{table:{disable:!0}},color:{table:{disable:!0}}}};var l,d,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(m=(d=a.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,u,g;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as i}from"./Text-B-XmjC5M.js";import{S as c}from"./consts-KAYct7Gj.js";import{T as f}from"./options-Dn0Ts6qK.js";import{g as S}from"./getTokenVar-DU_DEzTd.js";import{c as k}from"./tokens-DXy5hgn5.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./componentNames-Y1T_IIlY.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const D={title:"components/Text",component:i,argTypes:{variant:{description:c},centered:{description:c}}},a=()=>e.jsx(i,{children:"Lorem ipsum"});a.tags=["!test"];a.parameters={chromatic:{disableSnapshot:!0}};const n=()=>{const r=S(k.background.primaryInverted);return e.jsx(e.Fragment,{children:f.map(({id:t})=>e.jsx("div",{style:{backgroundColor:["inverted","branded","selected"].includes(t)?r:void 0},children:e.jsx(i,{accent:t,children:t})},t))})},j=["caption-regular","caption-semibold","small-regular","small-regular-italic","small-semibold","small-semibold-italic","default-regular","default-regular-italic","default-semibold","default-semibold-italic","large-regular","large-regular-italic","large-semibold","large-semibold-italic"],o=()=>e.jsx(e.Fragment,{children:j.map(r=>e.jsx(i,{variant:r,children:r},r))}),s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.accent==="inverted"?"black":void 0},children:r()})],args:{children:"Lorem ipsum dolor sit amet",variant:"default-regular",dataset:{qaid:"text"}},argTypes:{dataset:{control:"object"},children:{control:"text"},variant:{control:"select"},accent:{control:"select"},centered:{control:"boolean"},size:{table:{disable:!0}},strong:{table:{disable:!0}},color:{table:{disable:!0}}}};var l,d,m;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"() => <Text>Lorem ipsum</Text>",...(m=(d=a.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,u,g;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
   const grey = getTokenVar(color.background.primaryInverted);
   return <>
             {TEXT_ACCENT_OPTIONS.map(({

package/dist/assets/{TextField.stories-CNsyGMQ7.js → TextField.stories-Dw77MKSW.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as n}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as q,u as be,w as we}from"./index-BVDq5o4N.js";import{F as Ve,a as Fe}from"./TokyoUITextShort-B-mpUykT.js";import{B as R}from"./Button-Ua3wdhT5.js";import{F as qe}from"./FieldButton-CCz9-7Bu.js";import{I as Ee}from"./Icon-CsccYTZ-.js";import{F as Se}from"./FieldLayout-BTyC7lWj.js";import{I as Ce}from"./InputText-D9JhNXoc.js";import{u as He}from"./useForcedRef--iGFM41p.js";import{u as Re}from"./useTextField-CErcB8j4.js";import{m as ke}from"./classNames-BUL1Zq7e.js";import{w as C}from"./componentNames-Y1T_IIlY.js";import{F as Be}from"./constants-DL6gdbsq.js";import{T as je}from"./Text-QKoyPmSP.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D0ZIVzRq.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./text-accent-DZDDtpIt.js";import"./FieldLayoutBase-F3pRKFiA.js";import"./FieldAdditionalText-Du1TBs7a.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-centered-CznToR0o.js";const De="TextField__0TQjD",Le={TextField:De},We=({id:e,type:a=Be,...r},u)=>{const o=s.useRef(null),l=He();s.useImperativeHandle(u,()=>({setFocus:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=o==null?void 0:o.current)==null?void 0:d.scrollIntoView()}}));const i=Re({id:e,type:a,...r},C.TextField),{layoutProps:S,inputProps:p}=i,Ie=ke(Le,C.TextField),Te=t.jsx(Ce,{...p,ref:l});return t.jsx(Se,{...S,className:Ie.join(" "),input:Te,inputHandle:l.current,ref:o,preplyDsComponent:C.TextField})},c=s.forwardRef(We);try{c.displayName="TextField",c.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"email"'},{value:'"tel"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"off"'},{value:'"on"'},{value:'"email"'},{value:'"username"'},{value:'"language"'},{value:'"tel"'},{value:'"new-password"'},{value:'"current-password"'}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const wa={title:"components/TextField",component:c,args:{label:"Text",defaultValue:"",placeholder:"Enter a text",inputDataset:{testid:"input"},onChange:n("onChange"),onBlur:n("onBlur"),onFocus:n("onFocus"),onClick:n("onClick"),onCopy:n("onCopy"),onKeyDown:n("onKeyDown"),onKeyUp:n("onKeyUp"),onPaste:n("onPaste"),onValueChange:n("onValueChange")},render:function(a){const r=s.useRef(null);return a.ref=r,t.jsx(c,{...a})}},m={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},v={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await q(a).toHaveValue("Hey, you!"),await be.type(a," How's it going?"),q(a).toHaveValue("Hey, you! How's it going?")}},f={args:{icon:t.jsx(Ee,{svg:Ve})}},y={args:{additionalText:"This is additional text"}},g={args:{required:!0}},h={args:{required:!0,requiredLabel:t.jsx(je,{accent:"critical",variant:"m-bold",children:"Needed"})}},x={args:{hideLabel:!0}},b={args:{hasError:!0}},w={args:{hasError:!0,errorMessage:"This is an error message"}},V={args:{disabled:!0}},E={args:{readOnly:!0}},I={decorators:[(e,{args:a})=>t.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var r,u;return(u=(r=a.ref)==null?void 0:r.current)==null?void 0:u.setFocus()},children:"Focus"})," ","the input imperatively."]}),t.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");await be.click(a.getByTestId("focus-button")),await we(()=>q(r).toHaveFocus())}},T={decorators:[(e,{args:a})=>t.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!H(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),t.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:t.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");e.ref.current.scrollIntoView(),await we(()=>q(r).toBeVisible())}};function H(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const F={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextField` with the `required` flag, an\n`icon`, `button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,r]=s.useState(""),[u,o]=s.useState(!1),l=u&&!a&&"Please provide your full name",i=s.useRef(null),S=()=>{var p;o(!0),a||(p=i==null?void 0:i.current)==null||p.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(c,{value:a,label:"Full name",required:!0,icon:t.jsx(Ee,{svg:Ve,label:"The hat"}),placeholder:"e.g.: Mary Williams",button:t.jsx(qe,{svg:Fe,assistiveText:"Do the thing",onClick:n("field button clicked")}),additionalText:"Will be shown in your profile",onValueChange:r,errorMessage:l,ref:i}),t.jsx(R,{onClick:S,children:"Submit"})]})}};var k,B,j;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`{
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as n}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as q,u as be,w as we}from"./index-BVDq5o4N.js";import{F as Ve,a as Fe}from"./TokyoUITextShort-B-mpUykT.js";import{B as R}from"./Button-Cx-jVna3.js";import{F as qe}from"./FieldButton-CCz9-7Bu.js";import{I as Ee}from"./Icon-DOe6p1z1.js";import{F as Se}from"./FieldLayout-tSPPBTgl.js";import{I as Ce}from"./InputText-D8wriam3.js";import{u as He}from"./useForcedRef--iGFM41p.js";import{u as Re}from"./useTextField-CErcB8j4.js";import{m as ke}from"./classNames-BUL1Zq7e.js";import{w as C}from"./componentNames-Y1T_IIlY.js";import{F as Be}from"./constants-DL6gdbsq.js";import{T as je}from"./Text-B-XmjC5M.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D0ZIVzRq.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./text-accent-DZDDtpIt.js";import"./FieldLayoutBase-Db7AO67B.js";import"./FieldAdditionalText-Du1TBs7a.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-centered-CznToR0o.js";const De="TextField__0TQjD",Le={TextField:De},We=({id:e,type:a=Be,...r},u)=>{const o=s.useRef(null),l=He();s.useImperativeHandle(u,()=>({setFocus:()=>{var d;return(d=l==null?void 0:l.current)==null?void 0:d.setFocus()},scrollIntoView:()=>{var d;return(d=o==null?void 0:o.current)==null?void 0:d.scrollIntoView()}}));const i=Re({id:e,type:a,...r},C.TextField),{layoutProps:S,inputProps:p}=i,Ie=ke(Le,C.TextField),Te=t.jsx(Ce,{...p,ref:l});return t.jsx(Se,{...S,className:Ie.join(" "),input:Te,inputHandle:l.current,ref:o,preplyDsComponent:C.TextField})},c=s.forwardRef(We);try{c.displayName="TextField",c.__docgenInfo={description:"",displayName:"TextField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"search"'},{value:'"text"'},{value:'"email"'},{value:'"tel"'}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},button:{defaultValue:null,description:"",name:"button",required:!1,type:{name:"enum",value:[{value:"ReactElement<FieldButtonProps, string | JSXElementConstructor<any>>"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"name"'},{value:'"email"'},{value:'"tel"'},{value:'"off"'},{value:'"on"'},{value:'"username"'},{value:'"language"'},{value:'"new-password"'},{value:'"current-password"'}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const wa={title:"components/TextField",component:c,args:{label:"Text",defaultValue:"",placeholder:"Enter a text",inputDataset:{testid:"input"},onChange:n("onChange"),onBlur:n("onBlur"),onFocus:n("onFocus"),onClick:n("onClick"),onCopy:n("onCopy"),onKeyDown:n("onKeyDown"),onKeyUp:n("onKeyUp"),onPaste:n("onPaste"),onValueChange:n("onValueChange")},render:function(a){const r=s.useRef(null);return a.ref=r,t.jsx(c,{...a})}},m={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},v={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await q(a).toHaveValue("Hey, you!"),await be.type(a," How's it going?"),q(a).toHaveValue("Hey, you! How's it going?")}},f={args:{icon:t.jsx(Ee,{svg:Ve})}},y={args:{additionalText:"This is additional text"}},g={args:{required:!0}},h={args:{required:!0,requiredLabel:t.jsx(je,{accent:"critical",variant:"m-bold",children:"Needed"})}},x={args:{hideLabel:!0}},b={args:{hasError:!0}},w={args:{hasError:!0,errorMessage:"This is an error message"}},V={args:{disabled:!0}},E={args:{readOnly:!0}},I={decorators:[(e,{args:a})=>t.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var r,u;return(u=(r=a.ref)==null?void 0:r.current)==null?void 0:u.setFocus()},children:"Focus"})," ","the input imperatively."]}),t.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");await be.click(a.getByTestId("focus-button")),await we(()=>q(r).toHaveFocus())}},T={decorators:[(e,{args:a})=>t.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[t.jsxs("p",{children:["You can"," ",t.jsx(R,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!H(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),t.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:t.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!H(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const r=a.getByTestId("input");e.ref.current.scrollIntoView(),await we(()=>q(r).toBeVisible())}};function H(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const F={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextField` with the `required` flag, an\n`icon`, `button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,r]=s.useState(""),[u,o]=s.useState(!1),l=u&&!a&&"Please provide your full name",i=s.useRef(null),S=()=>{var p;o(!0),a||(p=i==null?void 0:i.current)==null||p.setFocus()};return t.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[t.jsx(c,{value:a,label:"Full name",required:!0,icon:t.jsx(Ee,{svg:Ve,label:"The hat"}),placeholder:"e.g.: Mary Williams",button:t.jsx(qe,{svg:Fe,assistiveText:"Do the thing",onClick:n("field button clicked")}),additionalText:"Will be shown in your profile",onValueChange:r,errorMessage:l,ref:i}),t.jsx(R,{onClick:S,children:"Submit"})]})}};var k,B,j;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {

package/dist/assets/{TextHighlighted.stories-CbkTjtVw.js → TextHighlighted.stories-B5-a61B-.js}

@@ -1,4 +1,4 @@
-import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as L}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as E,s as w}from"./classNames-BUL1Zq7e.js";import{w as h}from"./componentNames-Y1T_IIlY.js";import{g as I}from"./index-DdzHuZ-Y.js";import{h as N,i as S}from"./defaults-B1rzzf6M.js";import{T as D}from"./Text-QKoyPmSP.js";import{a as O}from"./options-Dn0Ts6qK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const q="TextHighlighted__ErxU-",G={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=E(G,h.TextHighlighted,[w("highlight",x)]),b={...L(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const W={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
+import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{f as L}from"./filterHTMLAttributes-DYdLqcvH.js";import{m as E,s as w}from"./classNames-BUL1Zq7e.js";import{w as h}from"./componentNames-Y1T_IIlY.js";import{g as I}from"./index-DdzHuZ-Y.js";import{h as N,i as S}from"./defaults-B1rzzf6M.js";import{T as D}from"./Text-B-XmjC5M.js";import{a as O}from"./options-Dn0Ts6qK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const q="TextHighlighted__ErxU-",G={TextHighlighted:q,"TextHighlighted--highlight-blue":"TextHighlighted--highlight-blue__3H-tS","TextHighlighted--highlight-green":"TextHighlighted--highlight-green__PXiKm","TextHighlighted--highlight-primary":"TextHighlighted--highlight-primary__cKWhc","TextHighlighted--highlight-secondary":"TextHighlighted--highlight-secondary__24A04","TextHighlighted--highlight-tertiary":"TextHighlighted--highlight-tertiary__gkbLj","TextHighlighted--highlight-accent":"TextHighlighted--highlight-accent__DsZKF","TextHighlighted--highlight-positive":"TextHighlighted--highlight-positive__Tag8x","TextHighlighted--highlight-info":"TextHighlighted--highlight-info__Qqv0l","TextHighlighted--highlight-warning":"TextHighlighted--highlight-warning__--U9g","TextHighlighted--highlight-critical":"TextHighlighted--highlight-critical__D9jbb"},a=j.forwardRef(function({children:T,highlight:x=S,tag:H=N,dataset:f,..._},v){const y=E(G,h.TextHighlighted,[w("highlight",x)]),b={...L(_),ref:v,className:y.join(" "),...I(f,{preplyDsComponent:h.TextHighlighted})};return i.jsx(H,{...b,children:T})});try{a.displayName="TextHighlighted",a.__docgenInfo={description:"",displayName:"TextHighlighted",props:{highlight:{defaultValue:{value:"green"},description:"",name:"highlight",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"accent"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"blue"'},{value:'"green"'}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const W={title:"components/TextHighlighted",component:a},t=()=>i.jsx(a,{children:"Lorem ipsum"});t.tags=["!test"];t.parameters={chromatic:{disableSnapshot:!0}};const r=()=>i.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem",width:"fit-content"},children:O.map(({id:e})=>i.jsx(a,{highlight:e,children:e},e))}),l={parameters:{chromatic:{disableSnapshot:!0}},render:e=>i.jsxs(D,{children:["Lorem ipsum ",i.jsx(a,{...e})]}),args:{children:"dolor sit amet",dataset:{qaid:"text-highlighted"}},argTypes:{dataset:{control:"object"}}};var n,g,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"() => <TextHighlighted>Lorem ipsum</TextHighlighted>",...(s=(g=t.parameters)==null?void 0:g.docs)==null?void 0:s.source}}};var o,d,c;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   flexDirection: 'column',
   gap: '0.25rem',

package/dist/assets/{TextInline.stories-DTtJTDzJ.js → TextInline.stories-D6hC46Kn.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{g as D,a as q}from"./text-accent-DZDDtpIt.js";import{m as p,s as L,b as V}from"./classNames-BUL1Zq7e.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{w as i}from"./componentNames-Y1T_IIlY.js";import{g as M}from"./index-DdzHuZ-Y.js";import{h as k,j as S}from"./defaults-B1rzzf6M.js";import{T as R}from"./Text-QKoyPmSP.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-centered-CznToR0o.js";const G="TextWeight__tMRbd",H={TextWeight:G,"TextWeight--weight-400":"TextWeight--weight-400__EopTe","TextWeight--weight-500":"TextWeight--weight-500__wlyrw","TextWeight--weight-700":"TextWeight--weight-700__sVSfY","TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},P="TextWeight",F=e=>p(H,P,[L("weight",e)]),O="TextInline__fMaqi",U={TextInline:O,"TextInline--italic":"TextInline--italic__yG-Qj"},l=j.forwardRef(function({children:g,accent:r,color:h,weight:T=S,italic:f=!1,tag:x=k,dataset:y,..._},w){const b=p(U,i.TextInline,[V("italic",void 0,f)]),s=r?void 0:h,I=D(!s,r),W=q(s),N=F(T),C=[...b,...I,...W,...N],E={...A(_),ref:w,className:C.join(" "),...M(y,{preplyDsComponent:i.TextInline})};return t.jsx(x,{...E,children:g})});try{l.displayName="TextInline",l.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"bold"'},{value:'"normal"'},{value:'"400"'},{value:'"500"'},{value:'"700"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ne={title:"components/TextInline",component:l},a=()=>t.jsxs("p",{children:["Lorem ",t.jsx(l,{children:"ipsum"})]});a.storyName="TextInline";const n={parameters:{chromatic:{disableSnapshot:!0}},render:e=>t.jsxs(R,{children:["Lorem ipsum ",t.jsx(l,{...e})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"},color:{table:{disable:!0}}}};var o,u,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <p>
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as j}from"./index-Cb9e4tly.js";import{g as D,a as q}from"./text-accent-DZDDtpIt.js";import{m as p,s as L,b as V}from"./classNames-BUL1Zq7e.js";import{f as A}from"./filterHTMLAttributes-DYdLqcvH.js";import{w as i}from"./componentNames-Y1T_IIlY.js";import{g as M}from"./index-DdzHuZ-Y.js";import{h as k,j as S}from"./defaults-B1rzzf6M.js";import{T as R}from"./Text-B-XmjC5M.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-centered-CznToR0o.js";const G="TextWeight__tMRbd",H={TextWeight:G,"TextWeight--weight-400":"TextWeight--weight-400__EopTe","TextWeight--weight-500":"TextWeight--weight-500__wlyrw","TextWeight--weight-700":"TextWeight--weight-700__sVSfY","TextWeight--weight-normal":"TextWeight--weight-normal__M5PxM","TextWeight--weight-medium":"TextWeight--weight-medium__8f3CD","TextWeight--weight-bold":"TextWeight--weight-bold__MG-yF"},P="TextWeight",F=e=>p(H,P,[L("weight",e)]),O="TextInline__fMaqi",U={TextInline:O,"TextInline--italic":"TextInline--italic__yG-Qj"},l=j.forwardRef(function({children:g,accent:r,color:h,weight:T=S,italic:f=!1,tag:x=k,dataset:y,..._},w){const b=p(U,i.TextInline,[V("italic",void 0,f)]),s=r?void 0:h,I=D(!s,r),W=q(s),N=F(T),C=[...b,...I,...W,...N],E={...A(_),ref:w,className:C.join(" "),...M(y,{preplyDsComponent:i.TextInline})};return t.jsx(x,{...E,children:g})});try{l.displayName="TextInline",l.__docgenInfo={description:"",displayName:"TextInline",props:{accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"critical"'},{value:'"inverted"'},{value:'"disabled"'},{value:'"selected"'},{value:'"accent"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"branded"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},weight:{defaultValue:{value:"normal"},description:"",name:"weight",required:!1,type:{name:"enum",value:[{value:'"medium"'},{value:'"normal"'},{value:'"bold"'},{value:'"400"'},{value:'"500"'},{value:'"700"'}]}},italic:{defaultValue:{value:"false"},description:"",name:"italic",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"strong"'},{value:'"span"'},{value:'"em"'}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const ne={title:"components/TextInline",component:l},a=()=>t.jsxs("p",{children:["Lorem ",t.jsx(l,{children:"ipsum"})]});a.storyName="TextInline";const n={parameters:{chromatic:{disableSnapshot:!0}},render:e=>t.jsxs(R,{children:["Lorem ipsum ",t.jsx(l,{...e})]}),args:{children:"dolor sit amet",accent:"accentDark",tag:"span",dataset:{qaid:"text-inline"}},argTypes:{dataset:{control:"object"},children:{control:"text"},italic:{control:"boolean"},color:{table:{disable:!0}}}};var o,u,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`() => <p>
         Lorem <TextInline>ipsum</TextInline>
     </p>`,...(c=(u=a.parameters)==null?void 0:u.docs)==null?void 0:c.source}}};var m,d,v;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
   parameters: {

package/dist/assets/TextareaField.stories-wEGaD6gW.js

@@ -0,0 +1,221 @@
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as r}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as i,u as Fe,w as Re}from"./index-BVDq5o4N.js";import{B as j}from"./Button-Cx-jVna3.js";import{F as Be}from"./FieldLayout-tSPPBTgl.js";import{s as ke,u as je,I as _e}from"./FieldLayoutBase-Db7AO67B.js";import{m as ze,s as De}from"./classNames-BUL1Zq7e.js";import{w as p}from"./componentNames-Y1T_IIlY.js";import{u as Le}from"./useForcedRef--iGFM41p.js";import{u as We}from"./useTextareaField-BP4f3uTe.js";import{T as Ke}from"./Text-B-XmjC5M.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D0ZIVzRq.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-SFH7Mw4x.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./FieldAdditionalText-Du1TBs7a.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";const z=({onChange:e,onValueChange:a,resize:t="vertical",...l},o)=>{const d=ze(ke,p.Textarea,[De("resize",t)]),u=je(c=>c.target.value,e,a);return n.jsx(_e,{...l,ref:o,type:"textarea",className:d.join(" "),onChange:u,preplyDsComponent:p.Textarea})},B=s.forwardRef(z);try{z.displayName="TextareaLocal",z.__docgenInfo={description:"",displayName:"TextareaLocal",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+@see aria-hidden
+@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
+@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}}}}}catch{}try{B.displayName="Textarea",B.__docgenInfo={description:"",displayName:"Textarea",props:{onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+@see aria-hidden
+@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
+@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ne="TextareaField__Wpx9P",Me={TextareaField:Ne},Pe=({id:e,...a},t)=>{const l=s.useRef(null),o=Le();s.useImperativeHandle(t,()=>({setFocus:()=>{var m;return(m=l==null?void 0:l.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=l==null?void 0:l.current)==null?void 0:m.scrollIntoView()}}));const{layoutProps:d,inputProps:u}=We({id:e,...a},p.TextareaField),c=ze(Me,p.TextareaField),f=n.jsx(B,{...u,ref:o});return n.jsx(Be,{...d,className:c.join(" "),input:f,inputHandle:o.current,ref:l,preplyDsComponent:p.TextareaField})},v=s.forwardRef(Pe);try{v.displayName="TextareaField",v.__docgenInfo={description:"",displayName:"TextareaField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},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: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ea={title:"components/TextareaField",component:v,args:{label:"Textarea",defaultValue:"",placeholder:"Enter text here",inputDataset:{testid:"input"},onChange:r("onChange"),onBlur:r("onBlur"),onFocus:r("onFocus"),onClick:r("onClick"),onCopy:r("onCopy"),onKeyDown:r("onKeyDown"),onKeyUp:r("onKeyUp"),onPaste:r("onPaste"),onValueChange:r("onValueChange")},render:function(a){const t=s.useRef(null);return a.ref=t,n.jsx(v,{...a})}},y={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},h={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await i(a).toHaveValue("Hey, you!"),await Fe.type(a," How's it going?"),i(a).toHaveValue("Hey, you! How's it going?")}},g={args:{defaultValue:"Hey, you!",resize:"both"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"both"})}},b={args:{defaultValue:"Hey, you!",resize:"vertical"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"vertical"})}},V={args:{defaultValue:"Hey, you!",resize:"horizontal"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"horizontal"})}},x={args:{additionalText:"This is additional text"}},q={args:{required:!0}},E={args:{required:!0,requiredLabel:n.jsx(Ke,{accent:"critical",variant:"m-bold",children:"Needed"})}},w={args:{hideLabel:!0}},H={args:{hasError:!0}},C={args:{hasError:!0,errorMessage:"This is an error message"}},I={args:{disabled:!0}},T={args:{readOnly:!0}},S={decorators:[(e,{args:a})=>n.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var t,l;return(l=(t=a.ref)==null?void 0:t.current)==null?void 0:l.setFocus()},children:"Focus"})," ","the input imperatively."]}),n.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=a.getByTestId("input");await Fe.click(a.getByTestId("focus-button")),await Re(()=>i(t).toHaveFocus())}},F={decorators:[(e,{args:a})=>n.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!k(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),n.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:n.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=a.getByTestId("input");e.ref.current.scrollIntoView(),await Re(()=>i(t).toBeVisible())}};function k(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const R={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextareaField` with the `required` flag, a\n`button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,t]=s.useState(""),[l,o]=s.useState(!1),d=l&&!a&&"Please provide your full name",u=s.useRef(null),c=()=>{var f;o(!0),a||(f=u==null?void 0:u.current)==null||f.setFocus()};return n.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[n.jsx(v,{value:a,label:"Full name",required:!0,placeholder:"e.g.: Mary Williams",additionalText:"Will be shown in your profile",onValueChange:t,errorMessage:d,ref:u,resize:"horizontal"}),n.jsx(j,{onClick:c,children:"Submit"})]})}};var _,D,L;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
+      }
+    }
+  }
+}`,...(L=(D=y.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var W,K,N;h.parameters={...h.parameters,docs:{...(W=h.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!'
+  },
+  play: async ({
+    canvas
+  }) => {
+    const input = canvas.getByTestId('input');
+    await expect(input).toHaveValue('Hey, you!');
+    await userEvent.type(input, " How's it going?");
+    return expect(input).toHaveValue("Hey, you! How's it going?");
+  }
+}`,...(N=(K=h.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var M,P,O;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!',
+    resize: 'both'
+  },
+  play: ({
+    canvas
+  }) => {
+    const textarea = canvas.getByTestId('input');
+    expect(textarea).toHaveStyle({
+      resize: 'both'
+    });
+  }
+}`,...(O=(P=g.parameters)==null?void 0:P.docs)==null?void 0:O.source}}};var U,A,J;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!',
+    resize: 'vertical'
+  },
+  play: ({
+    canvas
+  }) => {
+    const textarea = canvas.getByTestId('input');
+    expect(textarea).toHaveStyle({
+      resize: 'vertical'
+    });
+  }
+}`,...(J=(A=b.parameters)==null?void 0:A.docs)==null?void 0:J.source}}};var X,Y,$;V.parameters={...V.parameters,docs:{...(X=V.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!',
+    resize: 'horizontal'
+  },
+  play: ({
+    canvas
+  }) => {
+    const textarea = canvas.getByTestId('input');
+    expect(textarea).toHaveStyle({
+      resize: 'horizontal'
+    });
+  }
+}`,...($=(Y=V.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var G,Q,Z;x.parameters={...x.parameters,docs:{...(G=x.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    additionalText: 'This is additional text'
+  }
+}`,...(Z=(Q=x.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,ae,ne;q.parameters={...q.parameters,docs:{...(ee=q.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  args: {
+    required: true
+  }
+}`,...(ne=(ae=q.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var te,le,re;E.parameters={...E.parameters,docs:{...(te=E.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  args: {
+    required: true,
+    requiredLabel: <Text accent="critical" variant="m-bold">
+                Needed
+            </Text>
+  }
+}`,...(re=(le=E.parameters)==null?void 0:le.docs)==null?void 0:re.source}}};var ue,se,ie;w.parameters={...w.parameters,docs:{...(ue=w.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  args: {
+    hideLabel: true
+  }
+}`,...(ie=(se=w.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,de,ce;H.parameters={...H.parameters,docs:{...(oe=H.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  args: {
+    hasError: true
+  }
+}`,...(ce=(de=H.parameters)==null?void 0:de.docs)==null?void 0:ce.source}}};var me,pe,ve;C.parameters={...C.parameters,docs:{...(me=C.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    hasError: true,
+    errorMessage: 'This is an error message'
+  }
+}`,...(ve=(pe=C.parameters)==null?void 0:pe.docs)==null?void 0:ve.source}}};var fe,ye,he;I.parameters={...I.parameters,docs:{...(fe=I.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  args: {
+    disabled: true
+  }
+}`,...(he=(ye=I.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var ge,be,Ve;T.parameters={...T.parameters,docs:{...(ge=T.parameters)==null?void 0:ge.docs,source:{originalSource:`{
+  args: {
+    readOnly: true
+  }
+}`,...(Ve=(be=T.parameters)==null?void 0:be.docs)==null?void 0:Ve.source}}};var xe,qe,Ee;S.parameters={...S.parameters,docs:{...(xe=S.parameters)==null?void 0:xe.docs,source:{originalSource:`{
+  decorators: [(Story, {
+    args
+  }) => <div style={{
+    padding: '8px',
+    margin: '8px'
+  }}>
+                <p>
+                    You can{' '}
+                    <Button variant="secondary" dataset={{
+        testid: 'focus-button'
+      }} onClick={() =>
+      // @ts-expect-error - This will fail gracefully,
+      // and the \`play\` function will assert it properly
+      args.ref?.current?.setFocus()}>
+                        Focus
+                    </Button>{' '}
+                    the input imperatively.
+                </p>
+                <Story />
+            </div>],
+  play: async ({
+    args,
+    canvas
+  }) => {
+    if (!isImperativeHandleRef(args.ref)) {
+      throw new Error('Expected ref.current to be an InputImperativeHandle');
+    }
+    const input = canvas.getByTestId('input');
+    await userEvent.click(canvas.getByTestId('focus-button'));
+    await waitFor(() => expect(input).toHaveFocus());
+  }
+}`,...(Ee=(qe=S.parameters)==null?void 0:qe.docs)==null?void 0:Ee.source}}};var we,He,Ce;F.parameters={...F.parameters,docs:{...(we=F.parameters)==null?void 0:we.docs,source:{originalSource:`{
+  decorators: [(Story, {
+    args
+  }) => <div style={{
+    height: '300px',
+    overflow: 'scroll',
+    padding: '8px',
+    margin: '8px'
+  }}>
+                <p>
+                    You can{' '}
+                    <Button variant="secondary" dataset={{
+        testid: 'scroll-button'
+      }} onClick={() => {
+        if (!isImperativeHandleRef(args.ref)) {
+          throw new Error('Expected ref.current to be an InputImperativeHandle');
+        }
+        args.ref.current.scrollIntoView();
+      }}>
+                        Scroll
+                    </Button>{' '}
+                    the input into view imperatively.
+                </p>
+                <div style={{
+      height: '1000px',
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'end',
+      border: '2px dashed lightgray',
+      padding: '16px'
+    }}>
+                    <Story />
+                </div>
+            </div>],
+  play: async ({
+    args,
+    canvas
+  }) => {
+    if (!isImperativeHandleRef(args.ref)) {
+      throw new Error('Expected ref.current to be an InputImperativeHandle');
+    }
+    const input = canvas.getByTestId('input');
+    args.ref.current.scrollIntoView();
+    await waitFor(() => expect(input).toBeVisible());
+  }
+}`,...(Ce=(He=F.parameters)==null?void 0:He.docs)==null?void 0:Ce.source}}};var Ie,Te,Se;R.parameters={...R.parameters,docs:{...(Ie=R.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
+  tags: ['!test'],
+  parameters: {
+    docs: {
+      description: {
+        story: \`
+The following code renders a \\\`TextareaField\\\` with the \\\`required\\\` flag, a
+\\\`button\\\`, \\\`placeholder\\\` and some \\\`additionalText\\\`.
+
+When you click the "Submit" button, and the input \\\`value\\\` is empty:
+
+- Displays feedback via the \\\`errorMessage\\\` prop;
+- Brings the focus back to the field.
+\`
+      }
+    },
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: function Story() {
+    const [value, setValue] = useState('');
+    const [submited, setSubmitted] = useState(false);
+    const errorMessage = submited && !value && 'Please provide your full name';
+    const fieldRef = useRef<InputImperativeHandle>(null);
+    const handleClick = () => {
+      setSubmitted(true);
+      if (!value) {
+        fieldRef?.current?.setFocus();
+      }
+    };
+    return <div style={{
+      maxWidth: '500px',
+      display: 'flex',
+      flexDirection: 'column'
+    }}>
+                <TextareaField value={value} label="Full name" required placeholder="e.g.: Mary Williams" additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} resize="horizontal" />
+                <Button onClick={handleClick}>Submit</Button>
+            </div>;
+  }
+}`,...(Se=(Te=R.parameters)==null?void 0:Te.docs)==null?void 0:Se.source}}};const wa=["Basic","WithValue","WithResize","WithVerticalResize","WithHorizontalResize","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{y as Basic,I as Disabled,R as Example,H as HasError,C as HasErrorWithMessage,F as ImperativeScrollIntoView,S as ImperativeSetFocus,T as ReadOnly,q as Required,E as RequiredWithCustomLabel,x as WithAdditionalText,w as WithHiddenLabel,V as WithHorizontalResize,g as WithResize,h as WithValue,b as WithVerticalResize,wa as __namedExportsOrder,Ea as default};