npm - @preply/ds-docs - Versions diffs - 2.0.0 → 2.1.0 - Mend

@preply/ds-docs 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (269) hide show

package/dist/assets/RootProvider-F-KPwN7Y.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as F,e as b}from"./index-Cb9e4tly.js";import{a as P}from"./index-BZcGM-EF.js";import{S,a as k,b as N,c as _,d as w}from"./useTheme-DpAUb62T.js";import{c as v,u as T}from"./useColorScheme-CS0Fs4Yl.js";import{g as p}from"./index-DdzHuZ-Y.js";import{l as O}from"./PortalElementProvider-BRcRijdp.js";import{c as E,f as R}from"./classNames-BUL1Zq7e.js";import{T as A,e as I}from"./constants-BgBLeZzp.js";import{C as U}from"./defaults-B1rzzf6M.js";function M(n,t){t===void 0&&(t={});var c=t.insertAt;if(!(!n||typeof document>"u")){var e=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",c==="top"&&e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}class o{constructor(t,c,e){this.styles=t,this.name=c,this.extend=e}getClassName(t){const c=this.extend||[],e=t!=null&&t.withBackground?o.BACKGROUND_CLASS_NAME:"";return[...c,this.name,e].filter(s=>!!s).map(s=>E(this.styles,`${o.PREFIX}scheme--${s}`)).join(" ")}getStyles(){return[this.styles]}getNames(){const t=this.extend||[];return[this.name,...t]}}o.PREFIX="ds-";o.BACKGROUND_CLASS_NAME="--bg";var g='.ds-scheme--base{--scheme-name:"base"}.ds-scheme--highlight{--scheme-name:"highlight"}.ds-scheme--banner{--scheme-name:"banner"}.ds-scheme--invert{--scheme-name:"invert"}',C={__id:"/home/runner/work/design-system/design-system/packages/web-core/src/color-scheme/styles/index.module.less",__css:g};M(g);Object.keys(v).forEach(n=>{C[`ds-scheme--${n}`]=`ds-scheme--${n}`,C["ds-scheme----bg"]="ds-scheme----bg"});const G=Object.entries(v).map(([n,t])=>new o(C,n,t==null?void 0:t.extend)),L=n=>{const t=F.useContext(S);t.setClassName&&t.setClassName(n)};class x{constructor(t,c,e=[],a){this.styles=t,this.name=c,this.extend=e,this.tokens=a}inheritedToken(t,c){let e;return this.extend.find(a=>(e=a.getToken(t,c),e!==void 0)),e}colorSchemeToken(t,c){const e=t[A],a=this.tokens&&this.tokens[`t${e}`];if(a){let s;return c.getNames().find(f=>(s=a[f],s!==void 0)),s}}getClassName(){const t=this.extend.map(e=>e.getClassName()),c=E(this.styles,x.PREFIX+this.name);return[...t,c].join(" ")}getStyles(){return[...R(this.extend.map(c=>c.getStyles()))||[],this.styles]}getToken(t,c){const e=t[A],a=t[I],s=this.tokens&&this.tokens[`t${e}`],f=a?this.colorSchemeToken(t,c):s;return f===void 0&&this.extend?this.inheritedToken(t,c):f}}x.PREFIX="ds-";const l="none",$=n=>{if(typeof n=="string"&&n!==l){if(typeof document>"u")throw new Error("Target prop is not available in SSR mode.");const t=document.getElementById(n);if(!t)throw new Error(`Target element not found: "${n}"`);return t}return n!==l?n:void 0},j=(n,t)=>{const c=t.split(" ");t&&c.length&&n.classList.remove(...c)},V=(n,t)=>{const c=t.split(" ");t&&c.length&&n.classList.add(...c)},B=({tag:n,target:t,dataSet:c,children:e})=>{const{theme:a}=k(),{colorScheme:s}=T(),[f,h]=F.useState(""),y=n||"div",d=F.useMemo(()=>[...a.getClassName().split(" "),...s.getClassName().split(" ")].join(" "),[s,a]);L(d);const i=F.useRef(p(c));return i.current=p(c),F.useEffect(()=>{const r=$(t);if(r){j(r,f),V(r,d);const m=p(i.current);for(const D in m)r.setAttribute(D,m[D].toString())}h(d)},[d,f,t]),t?b.createElement(b.Fragment,null,e):b.createElement(y,{className:d,...p(i.current)},e)};B.__docgenInfo={description:"",methods:[],displayName:"Root"};const H="tokyo-ui",K="Figtree-NotoSans",q="Figtree, Noto Sans, sans-serif",X="Platform-NotoSans",Z="Platform, Noto Sans, sans-serif",z={base:"#121117",banner:"#121117",invert:"#FFFFFF"},W={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Y="0px",J="4px",Q="8px",t1="16px",e1="24px",c1="32px",a1="64px",n1="96px",s1="#FFFFFF",b1="#F4F4F8",f1="transparent",o1="#EBEBF1",d1="#DCDCE5",r1="#C5C5D1",F1="#A8A8B6",p1="#6A697C",x1="#4D4C5C",i1="#D8F8F2",C1="#B4F3E7",m1="#7BEAD6",D1="#3DDABE",A1="#19AC91",l1="#D8F8F2",v1="#B4F3E7",E1="#7BEAD6",g1="#3DDABE",B1="#19AC91",u1="#FFF5C2",h1="#FFEF9E",y1="#FFE875",P1="#FFDF3D",S1="#F6C823",k1="#FFE2E0",N1="#FDC2BE",_1="#F87E77",w1="#F54238",T1="#C9160D",O1="#CCE2FF",R1="#99C5FF",I1="#57A0FF",U1="#2885FD",M1="#006AF5",G1="#FFDBE9",L1="#FFC2D9",$1="#FE9FC3",j1="#FF7AAC",V1="#D13D76",H1="Figtree-NotoSans",K1="Figtree, Noto Sans, sans-serif",q1="Platform-NotoSans-Medium",X1="Platform, Noto Sans, sans-serif",Z1="Figtree, Noto Sans, sans-serif",z1="14px",W1="20px",Y1="24px",J1="32px",Q1="48px",tt="48px",et="64px",ct="12px",at="12px",nt="14px",st="14px",bt="14px",ft="20px",ot="20px",dt="20px",rt="24px",Ft="20px",pt="32px",xt="32px",it="48px",Ct="64px",mt="0.001em",Dt="0.0025em",At="0.01em",lt="normal",vt="oblique 10deg",Et="normal",gt="'slnt' -10",Bt=400,ut=500,ht=700,yt="14px",Pt=1.4285714286,St="#FFFFFF",kt="#F4F4F8",Nt="#EBEBF1",_t="#121117",wt="#1C1B23",Tt="#302F3B",Ot="#FF7AAC",Rt="#FFEBF3",It="#D13D76",Ut="#D8F8F2",Mt="#067560",Gt="#CCE2FF",Lt="#0450B4",$t="#FFF5C2",jt="#966208",Vt="#FFE2E0",Ht="#A3120A",Kt="rgba(18, 17, 23, 0.56)",qt="#DCDCE5",Xt="#19AC91",Zt="#C5C5D1",zt={base:"#121117",banner:"#121117",invert:"#FFFFFF"},Wt={base:"#4D4C5C",banner:"#4D4C5C",invert:"#4D4C5C"},Yt={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Jt={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Qt={base:"#067560",banner:"#067560",invert:"#067560"},te={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},ee={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},ce={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},ae={base:"#966208",banner:"#966208",invert:"#966208"},ne={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},se={base:"#0450B4",banner:"#0450B4",invert:"#0450B4"},be={base:"#FFFFFF",banner:"#FFFFFF",invert:"#0450B4"},fe={base:"#D13D76",banner:"#D13D76",invert:"#D13D76"},oe={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},de={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},re={base:"#121117",banner:"#121117",invert:"#121117"},Fe={base:"#006AF5",banner:"#006AF5",invert:"#006AF5"},pe={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},xe={base:"#121117",banner:"#121117",invert:"#121117"},ie={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Ce={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},me={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},De={base:"#F4F4F8",banner:"#F4F4F8",invert:"#F4F4F8"},Ae="rgba(18, 17, 23, 0.56)",le="8px",ve="#6A697C",Ee="#DCDCE5",ge="#A8A8B6",Be="2px",ue="2px",he={base:"#006AF5",banner:"#006AF5",invert:"#006AF5"},ye="12px",Pe="4px",Se="#121117",ke="rgba(18, 17, 23, 0.06)",Ne="rgba(18, 17, 23, 0.12)",_e={base:"#121117",banner:"#121117",invert:"#121117"},we={base:"#121117",banner:"#121117",invert:"#121117"},Te={base:"#121117",banner:"#121117",invert:"#121117"},Oe={base:"#121117",banner:"#121117",invert:"#121117"},Re={base:"#121117",banner:"#121117",invert:"#121117"},Ie={base:"#121117",banner:"#121117",invert:"#121117"},Ue={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Me={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Ge={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Le={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},$e={base:"#121117",banner:"#121117",invert:"#121117"},je={base:"#121117",banner:"#121117",invert:"#121117"},Ve={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},He={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Ke={base:"#121117",banner:"#121117",invert:"#121117"},qe={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Xe={base:"transparent",banner:"transparent",invert:"transparent"},Ze={base:"transparent",banner:"transparent",invert:"transparent"},ze={base:"transparent",banner:"transparent",invert:"transparent"},We={base:"transparent",banner:"transparent",invert:"transparent"},Ye={base:"transparent",banner:"transparent",invert:"transparent"},Je={base:"#C9160D",banner:"#C9160D",invert:"#C9160D"},Qe={base:"#C9160D",banner:"#C9160D",invert:"#C9160D"},tc={base:"#121117",banner:"#121117",invert:"#121117"},ec={base:"rgba(18, 17, 23, 0.56)",banner:"rgba(18, 17, 23, 0.56)",invert:"rgba(18, 17, 23, 0.56)"},cc={base:"#57A0FF",banner:"#57A0FF",invert:"#57A0FF"},ac={base:"#3DDABE",banner:"#3DDABE",invert:"#3DDABE"},nc={base:"transparent",banner:"transparent",invert:"transparent"},sc={base:"#19AC91",banner:"#19AC91",invert:"#19AC91"},bc={base:"transparent",banner:"transparent",invert:"transparent"},fc={base:"#121117",banner:"#121117",invert:"#121117"},oc={base:"#121117",banner:"#121117",invert:"#121117"},dc={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},rc={base:"transparent",banner:"transparent",invert:"transparent"},Fc={base:"transparent",banner:"transparent",invert:"transparent"},pc={base:"#121117",banner:"#121117",invert:"#121117"},xc={base:"#63110D",banner:"#63110D",invert:"#63110D"},ic={base:"#63110D",banner:"#63110D",invert:"#63110D"},Cc={base:"#121117",banner:"#121117",invert:"#121117"},mc={base:"transparent",banner:"transparent",invert:"transparent"},Dc={base:"#121117",banner:"#121117",invert:"#121117"},Ac={base:"#121117",banner:"#121117",invert:"#121117"},lc={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},vc={base:"transparent",banner:"transparent",invert:"transparent"},Ec={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},gc={base:"#FE9FC3",banner:"#FE9FC3",invert:"#FE9FC3"},Bc={base:"rgba(18, 17, 23, 0.06)",banner:"rgba(18, 17, 23, 0.06)",invert:"rgba(18, 17, 23, 0.06)"},uc={base:"rgba(18, 17, 23, 0.06)",banner:"rgba(18, 17, 23, 0.06)",invert:"rgba(18, 17, 23, 0.06)"},hc={base:"rgba(18, 17, 23, 0.06)",banner:"rgba(18, 17, 23, 0.06)",invert:"rgba(18, 17, 23, 0.06)"},yc={base:"rgba(18, 17, 23, 0.06)",banner:"rgba(18, 17, 23, 0.06)",invert:"rgba(18, 17, 23, 0.06)"},Pc={base:"rgba(18, 17, 23, 0.06)",banner:"rgba(18, 17, 23, 0.06)",invert:"rgba(18, 17, 23, 0.06)"},Sc={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},kc={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},Nc={base:"#1C1B23",banner:"#1C1B23",invert:"#1C1B23"},_c={base:"rgba(18, 17, 23, 0.72)",banner:"rgba(18, 17, 23, 0.72)",invert:"rgba(18, 17, 23, 0.72)"},wc={base:"#99C5FF",banner:"#99C5FF",invert:"#99C5FF"},Tc={base:"#7BEAD6",banner:"#7BEAD6",invert:"#7BEAD6"},Oc={base:"rgba(18, 17, 23, 0.56)",banner:"rgba(18, 17, 23, 0.56)",invert:"rgba(18, 17, 23, 0.56)"},Rc={base:"#067560",banner:"#067560",invert:"#067560"},Ic={base:"rgba(18, 17, 23, 0.06)",banner:"rgba(18, 17, 23, 0.06)",invert:"rgba(18, 17, 23, 0.06)"},Uc={base:"#121117",banner:"#121117",invert:"#121117"},Mc={base:"rgba(18, 17, 23, 0.12)",banner:"rgba(18, 17, 23, 0.12)",invert:"rgba(18, 17, 23, 0.12)"},Gc={base:"rgba(18, 17, 23, 0.12)",banner:"rgba(18, 17, 23, 0.12)",invert:"rgba(18, 17, 23, 0.12)"},Lc={base:"rgba(18, 17, 23, 0.12)",banner:"rgba(18, 17, 23, 0.12)",invert:"rgba(18, 17, 23, 0.12)"},$c={base:"rgba(18, 17, 23, 0.12)",banner:"rgba(18, 17, 23, 0.12)",invert:"rgba(18, 17, 23, 0.12)"},jc={base:"rgba(18, 17, 23, 0.12)",banner:"rgba(18, 17, 23, 0.12)",invert:"rgba(18, 17, 23, 0.12)"},Vc={base:"#880D07",banner:"#880D07",invert:"#880D07"},Hc={base:"#880D07",banner:"#880D07",invert:"#880D07"},Kc={base:"#302F3B",banner:"#302F3B",invert:"#302F3B"},qc={base:"#121117",banner:"#121117",invert:"#121117"},Xc={base:"#121117",banner:"#121117",invert:"#121117"},Zc={base:"#121117",banner:"#121117",invert:"#121117"},zc={base:"#1C1B23",banner:"#1C1B23",invert:"#1C1B23"},Wc={base:"#0D594B",banner:"#0D594B",invert:"#0D594B"},Yc={base:"rgba(18, 17, 23, 0.12)",banner:"rgba(18, 17, 23, 0.12)",invert:"rgba(18, 17, 23, 0.12)"},Jc={base:"#121117",banner:"#121117",invert:"#121117"},Qc={base:"#121117",banner:"#121117",invert:"#121117"},ta={base:"#121117",banner:"#121117",invert:"#121117"},ea={base:"#121117",banner:"#121117",invert:"#121117"},ca={base:"#121117",banner:"#121117",invert:"#121117"},aa={base:"#121117",banner:"#121117",invert:"#121117"},na={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},sa={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},ba={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},fa={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},oa={base:"#121117",banner:"#121117",invert:"#121117"},da={base:"#121117",banner:"#121117",invert:"#121117"},ra={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Fa={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},pa={base:"#121117",banner:"#121117",invert:"#121117"},xa={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},ia={base:"#121117",banner:"#121117",invert:"#121117"},Ca={base:"#121117",banner:"#121117",invert:"#121117"},ma={base:"#121117",banner:"#121117",invert:"#121117"},Da={base:"#121117",banner:"#121117",invert:"#121117"},Aa={base:"#121117",banner:"#121117",invert:"#121117"},la={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},va={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Ea={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},ga={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Ba={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},ua={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},ha={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},ya={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Pa={base:"#121117",banner:"#121117",invert:"#121117"},Sa={base:"#121117",banner:"#121117",invert:"#121117"},ka={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Na={base:"#EBEBF1",banner:"#EBEBF1",invert:"#EBEBF1"},_a={base:"#EBEBF1",banner:"#EBEBF1",invert:"#EBEBF1"},wa={base:"#EBEBF1",banner:"#EBEBF1",invert:"#EBEBF1"},Ta={base:"transparent",banner:"transparent",invert:"transparent"},Oa="underline",Ra={base:"#121117",banner:"#121117",invert:"#FFFFFF"},Ia={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Ua={base:"#121117",banner:"#121117",invert:"#121117"},Ma={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Ga={base:"unset",banner:"unset",invert:"unset"},La={base:"#D13D76",banner:"#D13D76",invert:"#D13D76"},$a={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},ja={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Va={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Ha={base:"unset",banner:"unset",invert:"unset"},Ka={base:"#D13D76",banner:"#D13D76",invert:"#D13D76"},qa={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Xa={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Za={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},za={base:"unset",banner:"unset",invert:"unset"},Wa="40px",Ya="40px",Ja="48px",Qa="56px",tn="56px",en="56px",cn="48px",an="40px",nn="4px",sn="8px",bn="12px",fn="16px",on="16px",dn="16px",rn="12px",Fn="8px",pn="4px",xn="16px",Cn="24px",mn="32px",Dn="32px",An="32px",ln="24px",vn="16px",En="14px",gn="14px",Bn="18px",un="18px",hn="18px",yn="18px",Pn="18px",Sn="14px",kn="0.0125em",Nn="0.0125em",_n="0.005em",wn="0.005em",Tn="0.005em",On="0.005em",Rn="0.005em",In="0.0125em",Un="16px",Mn="16px",Gn="24px",Ln="24px",$n="24px",jn="24px",Vn="24px",Hn="16px",Kn="4px",qn="0.5px",Xn="rgba(18, 17, 23, 0.06)",Zn="4px",zn="24px",Wn="32px",Yn="48px",Jn="64px",Qn="96px",t0="160px",e0="24px",c0="32px",a0="48px",n0="64px",s0="96px",b0="160px",f0="8px",o0="8px",d0="12px",r0="16px",F0="12px",p0="12px",x0="16px",i0="2px",C0="2px",m0="4px",D0="8px",A0="4px",l0="4px",v0="8px",E0="2px",g0="2px",B0="#FFFFFF",u0="#C5C5D1",h0="#19AC91",y0="4px",P0="#121117",S0="#FFFFFF",k0="2px",N0="2px",_0="4px",w0="8px",T0="8px",O0="8px",R0="#FFEBF3",I0="#D8F8F2",U0="#FFE2E0",M0="#FFF5C2",G0="#CCE2FF",L0="#EBEBF1",$0="#D13D76",j0="#067560",V0="#A3120A",H0="#966208",K0="#0450B4",q0="#302F3B",X0="#121117",Z0="#121117",z0="#A3120A",W0="#121117",Y0="#121117",J0="#121117",Q0="#FFFFFF",t2="#FFFFFF",e2="#FFFFFF",c2="#FFFFFF",a2="#FFFFFF",n2="#FFFFFF",s2="24px",b2="32px",f2="#121117",o2="#FFFFFF",d2="0px",r2="16px",F2="24px",p2="2px",x2="4px",i2="8px",C2="0px",m2="12px",D2="16px",A2="24px",l2="32px",v2="48px",E2="64px",g2="96px",B2="160px",u2="0px 0px 8px rgba(9, 15, 25, 0.1)",h2="12px",y2="16px",P2="24px",S2="32px",k2="40px",N2="16px",_2="24px",w2="32px",T2="48px",O2="Platform",R2="Platform",I2="Platform",U2="Platform",M2="Platform",G2="Platform",L2=500,$2=500,j2=500,V2=500,H2=500,K2=500,q2="96px",X2="64px",Z2="48px",z2="32px",W2="24px",Y2="20px",J2="96px",Q2="68px",t7="52px",e7="36px",c7="32px",a7="24px",n7="-0.005em",s7="-0.005em",b7="0em",f7="0.01em",o7="0.0125em",d7="0.0175em",r7="64px",F7="48px",p7="32px",x7="24px",i7="20px",C7="64px",m7="48px",D7="32px",A7="24px",l7="20px",v7=500,E7=500,g7=500,B7=500,u7=500,h7="68px",y7="52px",P7="36px",S7="32px",k7="24px",N7="-0.005em",_7="0em",w7="0.01em",T7="0.0125em",O7="0.0175em",R7="64px",I7="48px",U7="32px",M7="24px",G7="20px",L7=500,$7=500,j7=500,V7=500,H7=500,K7="68px",q7="52px",X7="36px",Z7="32px",z7="24px",W7="-0.005em",Y7="0em",J7="0.01em",Q7="0.0125em",ts="0.0175em",es={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},cs="16px",as={base:"#C5C5D1",banner:"#121117",invert:"#FFFFFF"},ns="16px",ss="24px",bs="32px",fs="64px",os={base:"#121117",banner:"#121117",invert:"#FFFFFF"},ds={base:"#121117",banner:"#121117",invert:"#FFFFFF"},rs={base:"#121117",banner:"#121117",invert:"#FFFFFF"},Fs={base:"#4D4C5C",banner:"#4D4C5C",invert:"#4D4C5C"},ps={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},xs={base:"#121117",banner:"#121117",invert:"#FFFFFF"},is={base:"#067560",banner:"#067560",invert:"#067560"},Cs={base:"#0450B4",banner:"#0450B4",invert:"#0450B4"},ms={base:"#966208",banner:"#966208",invert:"#966208"},Ds={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},As={base:"#CCE2FF",banner:"#CCE2FF",invert:"#CCE2FF"},ls={base:"#D8F8F2",banner:"#D8F8F2",invert:"#D8F8F2"},vs={base:"#FFFFFF",banner:"#FFFFFF",invert:"#121117"},Es={base:"#F4F4F8",banner:"#F4F4F8",invert:"#1C1B23"},gs={base:"#EBEBF1",banner:"#EBEBF1",invert:"#302F3B"},Bs={base:"#FFEBF3",banner:"#FFEBF3",invert:"#D13D76"},us={base:"#D8F8F2",banner:"#D8F8F2",invert:"#067560"},hs={base:"#CCE2FF",banner:"#CCE2FF",invert:"#0450B4"},ys={base:"#FFF5C2",banner:"#FFF5C2",invert:"#966208"},Ps={base:"#FFE2E0",banner:"#FFE2E0",invert:"#A3120A"},Ss="4px",ks="4px",Ns="14px",_s="14px",ws="14px",Ts="16px",Os="20px",Rs="20px",Is="12px",Us="12px",Ms="14px",Gs="14px",Ls="14px",$s="14px",js="16px",Vs="16px",Hs="16px",Ks="16px",qs="20px",Xs="20px",Zs="20px",zs="20px",Ws="12px",Ys="12px",Js="14px",Qs="14px",t6="14px",e6="14px",c6="14px",a6="14px",n6="16px",s6="16px",b6="16px",f6="16px",o6="16px",d6="16px",r6="20px",F6="20px",p6="20px",x6="20px",i6="20px",C6="20px",m6="20px",D6="20px",A6=400,l6=600,v6=400,E6=400,g6=600,B6=600,u6=400,h6=400,y6=600,P6=600,S6=400,k6=400,N6=600,_6=600,w6=400,T6=600,O6=400,R6=400,I6=600,U6=600,M6=600,G6=600,L6=400,$6=400,j6=600,V6=600,H6=600,K6=600,q6=400,X6=400,Z6=600,z6=600,W6=400,Y6=400,J6=600,Q6=600,tb="16px",eb="16px",cb="20px",ab="20px",nb="20px",sb="20px",bb="24px",fb="24px",ob="24px",db="24px",rb="28px",Fb="28px",pb="28px",xb="28px",ib="16px",Cb="16px",mb="20px",Db="20px",Ab="20px",lb="20px",vb="20px",Eb="20px",gb="24px",Bb="24px",ub="24px",hb="24px",yb="24px",Pb="24px",Sb="28px",kb="28px",Nb="28px",_b="28px",wb="28px",Tb="28px",Ob="28px",Rb="28px",Ib="0.01em",Ub="0.01em",Mb="0.005em",Gb="0.005em",Lb="0.005em",$b="0.005em",jb="0em",Vb="0em",Hb="0em",Kb="0em",qb="-0.005em",Xb="-0.005em",Zb="-0.005em",zb="-0.0025em",Wb="0.01em",Yb="0.01em",Jb="0.005em",Qb="0.005em",tf="0.005em",ef="0.005em",cf="0.005em",af="0.005em",nf="0em",sf="0em",bf="0em",ff="0em",of="0em",df="0em",rf="-0.005em",Ff="-0.005em",pf="-0.005em",xf="-0.0025em",Cf="-0.005em",mf="-0.005em",Df="-0.005em",Af="-0.0025em",lf="normal",vf="normal",Ef="normal",gf="italic",Bf="normal",uf="italic",hf="normal",yf="italic",Pf="normal",Sf="italic",kf="normal",Nf="italic",_f="normal",wf="italic",Tf="normal",Of="normal",Rf="normal",If="italic",Uf="normal",Mf="italic",Gf="normal",Lf="italic",$f="normal",jf="italic",Vf="normal",Hf="italic",Kf="normal",qf="italic",Xf="normal",Zf="italic",zf="normal",Wf="italic",Yf="normal",Jf="italic",Qf="normal",t3="italic",e3="normal",c3="normal",a3="normal",n3="normal",s3="normal",b3="normal",f3="normal",o3="normal",d3="normal",r3="normal",F3="normal",p3="normal",x3="normal",i3="normal",C3="normal",m3="normal",D3="normal",A3="normal",l3="normal",v3="normal",E3="normal",g3="normal",B3="normal",u3="normal",h3="normal",y3="normal",P3="normal",S3="normal",k3="normal",N3="normal",_3="normal",w3="normal",T3="normal",O3="normal",R3="normal",I3="normal",U3=400,M3=400,G3=500,L3=700,$3=400,j3=500,V3=700,H3="#121117",K3="#FFFFFF",q3="#4D4C5C",X3="#6A697C",Z3="#A3120A",z3="#FFE2E0",W3="2px",Y3="8px",J3="16px",Q3=400,t5="24px",e5="0em",c5="normal",a5="0px",n5="2px",s5="4px",b5="8px",f5="12px",o5="16px",d5="24px",r5="32px",F5="48px",p5="64px",x5="96px",i5="160px",C5="0px",m5="2px",D5="4px",A5="12px",l5="16px",v5="24px",E5="#FFFFFF",g5="#F4F4F8",B5="#EBEBF1",u5="#DCDCE5",h5="#C5C5D1",y5="#A8A8B6",P5="#6A697C",S5="#4D4C5C",k5="#302F3B",N5="#1C1B23",_5="#121117",w5="rgba(18, 17, 23, 0.72)",T5="rgba(18, 17, 23, 0.56)",O5="rgba(18, 17, 23, 0.15)",R5="rgba(18, 17, 23, 0.12)",I5="rgba(18, 17, 23, 0.06)",U5="rgba(18, 17, 23, 0)",M5="#FFEBF3",G5="#FFDBE9",L5="#FFC2D9",$5="#FE9FC3",j5="#FF7AAC",V5="#D13D76",H5="#B32357",K5="#901443",q5="#760530",X5="#FFFCEB",Z5="#FFF5C2",z5="#FFEF9E",W5="#FFE875",Y5="#FFDF3D",J5="#F6C823",Q5="#D09C0B",t8="#966208",e8="#704C06",c8="#EBF3FF",a8="#CCE2FF",n8="#99C5FF",s8="#57A0FF",b8="#2885FD",f8="#006AF5",o8="#0450B4",d8="#033C87",r8="#052F66",F8="#EEFCFA",p8="#D8F8F2",x8="#B4F3E7",i8="#7BEAD6",C8="#3DDABE",m8="#19AC91",D8="#067560",A8="#0D594B",l8="#0E4037",v8="#FFECEB",E8="#FFE2E0",g8="#FDC2BE",B8="#F87E77",u8="#F54238",h8="#C9160D",y8="#A3120A",P8="#880D07",S8="#63110D",k8="#FFFFFF",N8="#F4F4F8",_8="#EBEBF1",w8="#DCDCE5",T8="#C5C5D1",O8="#A8A8B6",R8="#6A697C",I8="#4D4C5C",U8="#302F3B",M8="#1C1B23",G8="#121117",L8="rgba(18, 17, 23, 0.72)",$8="rgba(18, 17, 23, 0.56)",j8="rgba(18, 17, 23, 0.15)",V8="rgba(18, 17, 23, 0.12)",H8="rgba(18, 17, 23, 0.06)",K8="rgba(18, 17, 23, 0)",q8="#FFEBF3",X8="#FFDBE9",Z8="#FFC2D9",z8="#FE9FC3",W8="#FF7AAC",Y8="#D13D76",J8="#B32357",Q8="#901443",t4="#760530",e4="#FFFCEB",c4="#FFF5C2",a4="#FFEF9E",n4="#FFE875",s4="#FFDF3D",b4="#F6C823",f4="#D09C0B",o4="#966208",d4="#704C06",r4="#EBF3FF",F4="#CCE2FF",p4="#99C5FF",x4="#57A0FF",i4="#2885FD",C4="#006AF5",m4="#0450B4",D4="#033C87",A4="#052F66",l4="#EEFCFA",v4="#D8F8F2",E4="#B4F3E7",g4="#7BEAD6",B4="#3DDABE",u4="#19AC91",h4="#067560",y4="#0D594B",P4="#0E4037",S4="#FFECEB",k4="#FFE2E0",N4="#FDC2BE",_4="#F87E77",w4="#F54238",T4="#C9160D",O4="#A3120A",R4="#880D07",I4="#63110D",U4={base:"#121117",banner:"#121117",invert:"#FFFFFF"},M4={base:"#4D4C5C",banner:"#4D4C5C",invert:"#4D4C5C"},G4={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},L4={base:"#D13D76",banner:"#D13D76",invert:"#D13D76"},$4={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},j4={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},V4={base:"#067560",banner:"#067560",invert:"#067560"},H4={base:"#0450B4",banner:"#0450B4",invert:"#0450B4"},K4={base:"#966208",banner:"#966208",invert:"#966208"},q4={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},X4={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Z4={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},z4={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},W4={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Y4={base:"#D13D76",banner:"#D13D76",invert:"#D13D76"},J4={base:"#121117",banner:"#121117",invert:"#121117"},Q4={base:"#4D4C5C",banner:"#4D4C5C",invert:"#4D4C5C"},to={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},eo={base:"#067560",banner:"#067560",invert:"#067560"},co={base:"#0450B4",banner:"#0450B4",invert:"#0450B4"},ao={base:"#966208",banner:"#966208",invert:"#966208"},no={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},so={base:"#D13D76",banner:"#D13D76",invert:"#D13D76"},bo={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},fo={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},oo={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},ro={base:"#F4F4F8",banner:"#F4F4F8",invert:"#F4F4F8"},Fo={base:"#EBEBF1",banner:"#EBEBF1",invert:"#EBEBF1"},po={base:"rgba(18, 17, 23, 0.56)",banner:"rgba(18, 17, 23, 0.56)",invert:"rgba(18, 17, 23, 0.56)"},xo={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},io={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Co={base:"#57A0FF",banner:"#57A0FF",invert:"#57A0FF"},mo={base:"#FFEBF3",banner:"#FFEBF3",invert:"#FFEBF3"},Do={base:"#D13D76",banner:"#D13D76",invert:"#D13D76"},Ao={base:"#D8F8F2",banner:"#D8F8F2",invert:"#D8F8F2"},lo={base:"#067560",banner:"#067560",invert:"#067560"},vo={base:"#CCE2FF",banner:"#CCE2FF",invert:"#CCE2FF"},Eo={base:"#0450B4",banner:"#0450B4",invert:"#0450B4"},go={base:"#FFF5C2",banner:"#FFF5C2",invert:"#FFF5C2"},Bo={base:"#966208",banner:"#966208",invert:"#966208"},uo={base:"#FFE2E0",banner:"#FFE2E0",invert:"#FFE2E0"},ho={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},yo={base:"#19AC91",banner:"#19AC91",invert:"#19AC91"},Po={base:"#C5C5D1",banner:"#C5C5D1",invert:"#C5C5D1"},So={base:"#121117",banner:"#121117",invert:"#121117"},ko={base:"#1C1B23",banner:"#1C1B23",invert:"#1C1B23"},No={base:"#302F3B",banner:"#302F3B",invert:"#302F3B"},_o={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},wo={base:"#121117",banner:"#121117",invert:"#121117"},To={base:"rgba(18, 17, 23, 0.06)",banner:"rgba(18, 17, 23, 0.06)",invert:"rgba(18, 17, 23, 0.06)"},Oo={base:"#006AF5",banner:"#006AF5",invert:"#006AF5"},Ro={base:"#A3120A",banner:"#A3120A",invert:"#A3120A"},Io={base:"#F4F4F8",banner:"#F4F4F8",invert:"#F4F4F8"},Uo={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Mo={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Go={base:"#067560",banner:"#067560",invert:"#067560"},Lo={base:"#121117",banner:"#121117",invert:"#121117"},$o="#121117",jo="#121117",Vo="#121117",Ho="#121117",Ko="#121117",qo="#FFFFFF",Xo="#6A697C",Zo="#FFFFFF",zo="#FFFFFF",Wo="#121117",Yo="#121117",Jo="#FFFFFF",Qo="#FFFFFF",td="#121117",ed="#FFFFFF",cd="#FFFFFF",ad="#FFFFFF",nd="#6A697C",sd="#EBEBF1",bd="#EBEBF1",fd="#FF7AAC",od="transparent",dd="transparent",rd="transparent",Fd="transparent",pd="#C9160D",xd="#121117",id="rgba(18, 17, 23, 0.56)",Cd="#57A0FF",md="#3DDABE",Dd="transparent",Ad="#19AC91",ld="transparent",vd="#FE9FC3",Ed="rgba(18, 17, 23, 0.06)",gd="rgba(18, 17, 23, 0.06)",Bd="rgba(18, 17, 23, 0.06)",ud="rgba(18, 17, 23, 0.06)",hd="#A3120A",yd="#1C1B23",Pd="rgba(18, 17, 23, 0.72)",Sd="#99C5FF",kd="#7BEAD6",Nd="rgba(18, 17, 23, 0.56)",_d="#067560",wd="rgba(18, 17, 23, 0.06)",Td="#121117",Od="rgba(18, 17, 23, 0.12)",Rd="rgba(18, 17, 23, 0.12)",Id="rgba(18, 17, 23, 0.12)",Ud="rgba(18, 17, 23, 0.12)",Md="#880D07",Gd="#302F3B",Ld="#121117",$d="#121117",jd="#121117",Vd="#1C1B23",Hd="#0D594B",Kd="rgba(18, 17, 23, 0.12)",qd="#DCDCE5",Xd="#121117",Zd="#121117",zd="#DCDCE5",Wd="transparent",Yd="transparent",Jd="#63110D",Qd="#A8A8B6",t9="#FFFFFF",e9="transparent",c9="#121117",a9="#121117",n9="transparent",s9="#FF7AAC",b9="#C5C5D1",f9="#C5C5D1",o9="Platform",d9="Platform",r9="Platform",F9="Platform",p9="Platform",x9="Platform",i9="Figtree",C9="Figtree",m9="Figtree",D9="Figtree",A9="Figtree",l9="Figtree",v9="Figtree",E9="Figtree",g9="Figtree",B9="Figtree",u9="Figtree",h9="Figtree",y9="Figtree",P9="Figtree",S9="Figtree",k9="Figtree",N9=500,_9=500,w9=500,T9=500,O9=500,R9=500,I9=600,U9=600,M9=600,G9=600,L9=400,$9=400,j9=400,V9=400,H9=600,K9=600,q9=600,X9=600,Z9=600,z9=600,W9=600,Y9=400,J9="96px",Q9="64px",tr="48px",er="32px",cr="24px",ar="20px",nr="20px",sr="16px",br="14px",fr="12px",or="20px",dr="16px",rr="14px",Fr="12px",pr="20px",xr="16px",ir="14px",Cr="18px",mr="18px",Dr="18px",Ar="14px",lr="16px",vr="96px",Er="68px",gr="52px",Br="36px",ur="32px",hr="24px",yr="28px",Pr="24px",Sr="20px",kr="16px",Nr="28px",_r="24px",wr="20px",Tr="16px",Or="28px",Rr="22px",Ir="20px",Ur="24px",Mr="24px",Gr="24px",Lr="16px",$r="24px",jr="56px",Vr="48px",Hr="40px",Kr="2px",qr="16px",Xr="12px",Zr="8px",zr="32px",Wr="24px",Yr="16px",Jr="0.005em",Qr="0.005em",tF="0.005em",eF="0.0125em",cF="0em",aF="0px",nF="1px",sF="2px",bF="4px",fF="8px",oF="12px",dF="16px",rF="20px",FF="24px",pF="32px",xF="48px",iF="64px",CF="96px",mF="160px",DF="0px",AF="1px",lF="2px",vF="4px",EF="8px",gF="12px",BF="16px",uF="20px",hF="24px",yF="32px",PF="40px",SF="48px",kF="64px",NF="96px",_F="160px",wF="0px",TF="2px",OF="4px",RF="16px",IF="8px",UF="300px",MF="0px 4px 16px 0px rgba(18, 17, 23, 0.15)",GF="0px 8px 32px 0px rgba(18, 17, 23, 0.15)",LF="0px 16px 48px 0px rgba(18, 17, 23, 0.15)",$F="#121117",jF="#121117",VF="#121117",HF="0px",KF="0px",qF="0px",XF="4px",ZF="8px",zF="16px",WF="16px",YF="32px",JF="48px",QF=.15,tp=.15,ep=.15,cp=24,ap=20,np=16,sp="underline",bp="underline",fp="underline",op="unset",dp="unset",rp="unset",Fp="underline",pp="underline",xp="unset",ip="unset",Cp="unset",mp="unset",Dp="unset",Ap="unset",lp="unset",vp="unset",Ep="unset",gp="unset",Bp={base:"#121117",banner:"#121117",invert:"#121117"},up={base:"#121117",banner:"#121117",invert:"#121117"},hp={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},yp={base:"transparent",banner:"transparent",invert:"transparent"},Pp={base:"transparent",banner:"transparent",invert:"transparent"},Sp={base:"#121117",banner:"#121117",invert:"#121117"},kp={base:"#63110D",banner:"#63110D",invert:"#63110D"},Np={base:"#63110D",banner:"#63110D",invert:"#63110D"},_p={base:"#1C1B23",banner:"#1C1B23",invert:"#1C1B23"},wp={base:"transparent",banner:"transparent",invert:"transparent"},Tp={base:"#121117",banner:"#121117",invert:"#121117"},Op={base:"#121117",banner:"#121117",invert:"#121117"},Rp={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Ip={base:"transparent",banner:"transparent",invert:"transparent"},Up={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Mp={base:"#121117",banner:"#121117",invert:"#121117"},Gp={base:"#121117",banner:"#121117",invert:"#121117"},Lp={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},$p={base:"transparent",banner:"transparent",invert:"transparent"},jp={base:"rgba(18, 17, 23, 0.12)",banner:"rgba(18, 17, 23, 0.12)",invert:"rgba(18, 17, 23, 0.12)"},Vp={base:"#121117",banner:"#121117",invert:"#121117"},Hp={base:"#63110D",banner:"#63110D",invert:"#63110D"},Kp={base:"#63110D",banner:"#63110D",invert:"#63110D"},qp={base:"#302F3B",banner:"#302F3B",invert:"#302F3B"},Xp={base:"transparent",banner:"transparent",invert:"transparent"},Zp={base:"#121117",banner:"#121117",invert:"#121117"},zp={base:"#121117",banner:"#121117",invert:"#121117"},Wp={base:"#FFFFFF",banner:"#FFFFFF",invert:"#FFFFFF"},Yp={base:"transparent",banner:"transparent",invert:"transparent"},Jp={base:"#FF7AAC",banner:"#FF7AAC",invert:"#FF7AAC"},Qp={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},tx={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},ex={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},cx={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},ax={base:"transparent",banner:"transparent",invert:"transparent"},nx={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},sx={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},bx={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},fx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},ox={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},dx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},rx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Fx={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},px={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},xx={base:"#A8A8B6",banner:"#A8A8B6",invert:"#A8A8B6"},ix={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Cx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},mx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Dx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Ax={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},lx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},vx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Ex={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},gx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Bx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},ux={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},hx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},yx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Px={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},Sx={base:"#6A697C",banner:"#6A697C",invert:"#6A697C"},kx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Nx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},_x={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},wx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Tx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Ox={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Rx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Ix={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Ux={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Mx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Gx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Lx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},$x={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},jx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Vx={base:"#DCDCE5",banner:"#DCDCE5",invert:"#DCDCE5"},Hx="2px",Kx="48px",qx="40px",Xx="6px",Zx=`url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='2' d='M8 1h84a7 7 0 0 1 7 7v84a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7V8a7 7 0 0 1 7-7Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='20.27' x2='120.715' y1='125' y2='113.589' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FF7AAC'/%3e%3cstop offset='.367' stop-color='%23FF7AAC'/%3e%3cstop offset='.682' stop-color='%232885FD'/%3e%3cstop offset='1' stop-color='%233DDABE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 8 / 8px stretch`,zx=`url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3e%3cpath stroke='url(%23a)' stroke-width='2' d='M8 1h84a7 7 0 0 1 7 7v84a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7V8a7 7 0 0 1 7-7Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='20.27' x2='120.715' y1='125' y2='113.589' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FF7AAC'/%3e%3cstop offset='.367' stop-color='%23FF7AAC'/%3e%3cstop offset='.682' stop-color='%232885FD'/%3e%3cstop offset='1' stop-color='%233DDABE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 8 / 8px stretch`,Wx={t42e7c5:K,t51aa6f:q,t99b156:X,t94de40:Z,taface6:z,t786b9e:W,t74358d:Y,t6947b0:J,t1ba55a:Q,t477fda:t1,t743802:e1,t39ce90:c1,t28cff1:a1,t6acb58:n1,t145676:s1,t0e7287:b1,tf18763:f1,t55407f:o1,t8f1238:d1,tda403c:r1,t7c8c3c:F1,tc9575b:p1,t2fb6f7:x1,t54ed1d:i1,tb706bf:C1,t4adefb:m1,tde8a40:D1,t574543:A1,t1383a7:l1,t9f1066:v1,td4cf94:E1,tbbfa9f:g1,t5f8b30:B1,tc7d8be:u1,t17bab8:h1,tf017e5:y1,t2242ed:P1,te40de4:S1,tecb5d5:k1,t5b5cb0:N1,td55c71:_1,t4e47fe:w1,t3e7877:T1,t21906f:O1,t5d87f3:R1,t201e14:I1,te1c27c:U1,t6a1420:M1,t1a9963:G1,tb774df:L1,tf72cdd:$1,t6cbd80:j1,t5893e7:V1,t7068b6:H1,t0e3095:K1,tf5d1a5:q1,tbd44ae:X1,t5b7e08:Z1,t3056af:z1,tf8a468:W1,t804635:Y1,t6b62f0:J1,tad20b3:Q1,t3345fe:tt,t25e5ab:et,t9fea4c:ct,tcc496b:at,t38f57e:nt,t7df86d:st,te84bcd:bt,tc7d482:ft,tc89895:ot,t76b8d1:dt,t8be1e4:rt,tdcabc3:Ft,t6f1872:pt,tf339d3:xt,t00a28d:it,tb47519:Ct,tf3cb59:mt,t284290:Dt,t488ba5:At,t7bbf5b:lt,tdfb500:vt,tcbaa6c:Et,tbc1abc:gt,t2a8f54:Bt,td1c480:ut,ta25b20:ht,t8d63e4:yt,td4313c:Pt,t785e90:St,te69490:kt,t08d599:Nt,td509f9:_t,te76fbe:wt,t948fbe:Tt,t500977:Ot,t79b619:Rt,t4c36a1:It,t4655ff:Ut,tb672cf:Mt,tcb4237:Gt,t09357a:Lt,t2a7ee8:$t,t97d56d:jt,tfb576a:Vt,t6f622b:Ht,ta63697:Kt,t8a41f5:qt,tb599a6:Xt,t2c31d4:Zt,te41135:zt,t3d280d:Wt,t4dadf3:Yt,t7e78f7:Jt,t318747:Qt,t9167e9:te,tc35795:ee,tc37262:ce,t70eeac:ae,t27a7eb:ne,td66ba4:se,t206ee9:be,t2b2771:fe,ta056c3:oe,t29cd58:de,t0bd642:re,t398094:Fe,teaf4a3:pe,t7cbb9c:xe,t497c8d:ie,tbedf4f:Ce,t5b31a4:me,t5836cb:De,t410fb7:Ae,t8d5131:le,ta8b89c:ve,t04daeb:Ee,te05289:ge,t99d31f:Be,tc0b12c:ue,t603ec6:he,t0aee7b:ye,t5eeb28:Pe,tea1746:Se,t0bbea4:ke,t33e933:Ne,td2baa6:_e,t1614c9:we,t937543:Te,t9cf6ec:Oe,t255ddc:Re,t122a99:Ie,tefde5b:Ue,tf68030:Me,t96343f:Ge,t8d482c:Le,t4a94de:$e,tc93681:je,t81b7df:Ve,tad44c3:He,taa08fb:Ke,t508b34:qe,te56164:Xe,t28f3c1:Ze,te46449:ze,t64bffa:We,tbbb356:Ye,t118bda:Je,tfaae28:Qe,td64a99:tc,t7a038f:ec,t6c36b5:cc,t4aa1b1:ac,tc54155:nc,t7dbfce:sc,t1bdcc0:bc,t44bfe9:fc,tab736c:oc,t10556e:dc,t0e9e01:rc,t39e128:Fc,t0cad84:pc,tab5970:xc,tb357d0:ic,td2723c:Cc,t38faba:mc,t4a9eb5:Dc,tf103e9:Ac,tfe1378:lc,ta7eddc:vc,t8e8894:Ec,t902b50:gc,t0d124d:Bc,tec17be:uc,tafc176:hc,t3b749f:yc,tdf2aca:Pc,te0b0f4:Sc,t064c43:kc,t549e56:Nc,t077a93:_c,tdcdb32:wc,t46a009:Tc,t8a16b5:Oc,tdd2815:Rc,tf043dc:Ic,tc1c1ca:Uc,t33b439:Mc,tb0bf50:Gc,t2ee553:Lc,t6beb48:$c,t435fa5:jc,ta5eaa1:Vc,t152a7a:Hc,t936fce:Kc,t45d93a:qc,tfc3d8b:Xc,tdd5a43:Zc,tde59a1:zc,tb3e453:Wc,t5bba7d:Yc,tdf6151:Jc,t0d6ae2:Qc,t175a77:ta,t6609c6:ea,te69072:ca,t1265db:aa,t6f5d5d:na,tc3136e:sa,t145384:ba,t55bfda:fa,t3e45d7:oa,te91696:da,t79a09e:ra,tddcea1:Fa,t59b757:pa,t15cee1:xa,t22cb4c:ia,t8274ee:Ca,te9f226:ma,tddf285:Da,ta41624:Aa,t6b4e92:la,tf9fba8:va,tf772e8:Ea,tb62751:ga,tcb03bc:Ba,t58d992:ua,t77e945:ha,td4762b:ya,t349ae3:Pa,t5f5238:Sa,ta0b42b:ka,ta5cfbe:Na,t16a985:_a,t1ca8a8:wa,t15af87:Ta,tf13872:Oa,tc6b68f:Ra,t7cbffc:Ia,t19fdf0:Ua,t883d0f:Ma,te66f2a:Ga,t65e1ef:La,t47fcde:$a,tce5fb9:ja,t065570:Va,t468ceb:Ha,t179b80:Ka,t1253e2:qa,t1d39ac:Xa,tbe41c4:Za,ta5fc76:za,t50cc65:Wa,t2f2e00:Ya,tbcfcbc:Ja,t26156f:Qa,td6bfc9:tn,t3d8452:en,tc82a41:cn,t5eca09:an,tfec177:nn,t9a5737:sn,t3b9027:bn,t303c6e:fn,tda1881:on,t088917:dn,te1d8e9:rn,tda30a3:Fn,t29b033:pn,t65766b:xn,t0f2d7e:Cn,tb1c76a:mn,t88eefe:Dn,t79f043:An,taebd97:ln,td17b90:vn,t357dd0:En,tb47a67:gn,t89a358:Bn,ta899be:un,tf7be07:hn,t56d354:yn,tc84e20:Pn,tf20194:Sn,t027f88:kn,tfc5c61:Nn,t2e1239:_n,tc04d5d:wn,ta34be4:Tn,tdc9bea:On,tad1bd2:Rn,t9663af:In,tbc3431:Un,t41a1b8:Mn,tfa71e9:Gn,t803078:Ln,t6fb08e:$n,t4c2ede:jn,t5c2532:Vn,t50cd80:Hn,tdad9ec:Kn,tc4d145:qn,t54e6b5:Xn,t8517a6:Zn,td51f41:zn,tcfdb4f:Wn,t2dafbf:Yn,tb51334:Jn,td318a5:Qn,t6eb1c7:t0,t86aa8e:e0,t32bbec:c0,t950ab5:a0,tcc5dc7:n0,t796da2:s0,t329ba7:b0,t1cea5a:f0,t540610:o0,t8f1e94:d0,tbdf712:r0,t7d9a55:F0,t7d3ab7:p0,t523f7d:x0,t4b2086:i0,t20c0b1:C0,t705050:m0,t3b13f1:D0,t3e174a:A0,tbd3f63:l0,t23067e:v0,t0cf20e:E0,t4a76d7:g0,te5a39b:B0,ta95a51:u0,t62b71e:h0,t93d4a2:y0,t956cdb:P0,t6e40a7:S0,t8feee9:k0,t25e959:N0,t0d8aa3:_0,t62f094:w0,t796ab1:T0,t3d1d33:O0,teba8f8:R0,t694afa:I0,t22f022:U0,t02372a:M0,t7a1a33:G0,ta453d7:L0,t54c075:$0,t47c404:j0,tcdb1f6:V0,t08fa29:H0,tfa3428:K0,t50e919:q0,tdede3f:X0,t2a2719:Z0,t036159:z0,t84e571:W0,tf3be0c:Y0,td7e14c:J0,t732eb5:Q0,t30c365:t2,t90eeff:e2,t363237:c2,t506df4:a2,tab5158:n2,t9270b5:s2,t77547f:b2,t19bcb6:f2,t38413d:o2,t84e079:d2,t1c37d5:r2,t9e57e5:F2,t9817c7:p2,t7dcb5e:x2,t2071ea:i2,tadc668:C2,tc1925d:m2,tf3f949:D2,t67250f:A2,tfba602:l2,tf8b939:v2,t4d9939:E2,ta78cb4:g2,t439947:B2,ta814c9:u2,tb21f61:h2,t766f3b:y2,t7c1b1c:P2,t2152b7:S2,t8f525f:k2,t656bbc:N2,t81dc82:_2,t2a6452:w2,t03d2e4:T2,tb3726f:O2,t4a9e2c:R2,t27b01f:I2,t933031:U2,t389c59:M2,t22c5e1:G2,t8c9f05:L2,tb1d4f5:$2,t26b05f:j2,tbe9403:V2,t6b93f9:H2,te1e6cd:K2,tcd577e:q2,t890dda:X2,t0728b9:Z2,t5d91ee:z2,td4d05b:W2,t054730:Y2,t2e9eee:J2,ta1602a:Q2,taaf219:t7,tba6c7f:e7,ta7e8c0:c7,tced741:a7,td662ea:n7,t65a2cd:s7,tceac96:b7,t6408ce:f7,t3e1763:o7,tb63a2b:d7,t1801d5:r7,t814fe0:F7,tace690:p7,t3e1405:x7,taf282e:i7,td04d41:C7,t2bd50a:m7,t28917e:D7,t63dde9:A7,t4dbf89:l7,td41fd7:v7,ta8a528:E7,tf6b073:g7,taea9af:B7,t51bd6b:u7,t263a02:h7,t74d173:y7,t33f70d:P7,t2059ef:S7,t4f1030:k7,t08c118:N7,tac8be8:_7,t02dfa4:w7,tb56598:T7,t918f0a:O7,tda58b6:R7,t8a757b:I7,t422005:U7,tabc50d:M7,t3b1912:G7,t325764:L7,t000cce:$7,t809987:j7,t0e9c44:V7,t99df37:H7,ta165a9:K7,t657856:q7,t8c79b9:X7,t95bce6:Z7,t759bbd:z7,t921c8c:W7,t56bc01:Y7,t2f0fc3:J7,t45a275:Q7,t4400a4:ts,t7c8e61:es,tff4789:cs,t66a60c:as,te8082b:ns,tc87933:ss,t0c9f74:bs,t1d829e:fs,t68bd17:os,tc50238:ds,t977d1a:rs,t6c2ddf:Fs,t8da8cb:ps,t1da698:xs,tad48d7:is,t2be49e:Cs,t98c505:ms,t802584:Ds,t2d51ae:As,t292009:ls,tdf6b06:vs,te5b0a4:Es,taa7c4d:gs,t301ea7:Bs,ta2a233:us,t86df85:hs,td908ab:ys,t0c251f:Ps,t330e49:Ss,t58c1e5:ks,t451335:Ns,t619ce5:_s,t9f7286:ws,t081924:Ts,tda41aa:Os,t698b61:Rs,td3e233:Is,t4df4f0:Us,td4ea3f:Ms,t33b293:Gs,t97511e:Ls,t16878a:$s,t7f027e:js,t58dc82:Vs,t8098ff:Hs,t4f1e3c:Ks,t3cfa3f:qs,t3b44b6:Xs,t63f88d:Zs,t4afac4:zs,t4c9f68:Ws,t547b8f:Ys,ta7cfda:Js,t79c03c:Qs,t28e99e:t6,t0e0e62:e6,t69b27c:c6,t0afa8f:a6,t0c62d6:n6,taa6f00:s6,ta5b1e0:b6,ta9ad47:f6,t29e813:o6,t741af5:d6,t8d5beb:r6,tfeec74:F6,t0bcae9:p6,t007ce3:x6,tc338f3:i6,t734b0c:C6,t19e13e:m6,t88dc17:D6,t56c416:A6,t756814:l6,tc2057a:v6,tb38b97:E6,tfbec20:g6,t9d502c:B6,t59913e:u6,t55b888:h6,ta4fde7:y6,tea7bfd:P6,tf9dbd7:S6,t500731:k6,tc7a8eb:N6,t333137:_6,t71d69c:w6,t86a200:T6,tdc8b92:O6,t5127dd:R6,tca04c0:I6,tf9d4cc:U6,ta9bc9f:M6,t363b48:G6,tcb99be:L6,tfb4838:$6,t749dcd:j6,tfaf5f3:V6,t18f8ed:H6,tc521d5:K6,t0776b9:q6,t6e4501:X6,t149f7d:Z6,tfa9191:z6,tf8f482:W6,t0baf26:Y6,t6455e5:J6,tcc6f61:Q6,tbc6f38:tb,tf8ebff:eb,tff8dfa:cb,t5f3bbf:ab,ta8f0e2:nb,tbd5dd5:sb,t11f5c9:bb,td59274:fb,t2285fa:ob,tf70f04:db,t206b00:rb,tc18960:Fb,t942b2f:pb,tae63b1:xb,t543571:ib,te7e648:Cb,tc552e7:mb,taeb64b:Db,taf784d:Ab,t88c2d5:lb,t42f895:vb,t494462:Eb,t829b1e:gb,t33548f:Bb,t76f1ec:ub,t3bd2e0:hb,t3d432c:yb,tc47e7f:Pb,t1cd7aa:Sb,t1056e0:kb,t02fee9:Nb,t2c996d:_b,t2503fd:wb,te84231:Tb,t85e4ac:Ob,t904c1e:Rb,tbe8c45:Ib,t03e2b6:Ub,tcdd9f4:Mb,t40ba00:Gb,ta566de:Lb,tca673a:$b,tb2e406:jb,t40d520:Vb,t95d383:Hb,tf69e59:Kb,t2585de:qb,te4d866:Xb,t5b62c3:Zb,t64a0ba:zb,t29af86:Wb,td7a1ad:Yb,t4d1d51:Jb,ta50d8c:Qb,t015e8c:tf,tbc7f3e:ef,tc2692c:cf,t10dc5c:af,t035113:nf,t8330df:sf,t2a3820:bf,tfe4b24:ff,t6e9f29:of,t2e489a:df,tb5b330:rf,t421c23:Ff,t11ba2e:pf,t9705f8:xf,t4aff48:Cf,tc9c193:mf,te76960:Df,tcf0e2c:Af,tba54c4:lf,t782782:vf,t8dee8a:Ef,t02d236:gf,t92feb8:Bf,t7cc250:uf,t61e1de:hf,tb09e9d:yf,t82c3d5:Pf,tdd40d0:Sf,t1952bb:kf,tbed3e0:Nf,t9c1713:_f,tec8789:wf,t647b4d:Tf,tabe371:Of,tb8dd4e:Rf,tc89e06:If,te1d91f:Uf,t38a142:Mf,t070316:Gf,t36d923:Lf,ta833d1:$f,tb8b43c:jf,tb079f7:Vf,ta19ae7:Hf,tf02b45:Kf,t8c5771:qf,taf51c3:Xf,t2adf67:Zf,t03e30a:zf,t56d3fb:Wf,ta93d90:Yf,t0b0b05:Jf,t0a5e67:Qf,t6fc949:t3,t1f00e7:e3,ta1e375:c3,t51eeea:a3,t4c48ba:n3,ta1201a:s3,tf7661a:b3,t2d95ca:f3,t7dfa2c:o3,t51956c:d3,t19883f:r3,t0b4502:F3,ta4194d:p3,t42348d:x3,tf43b0b:i3,tafe759:C3,tf65ebc:m3,t93fedc:D3,t0557d4:A3,td7e46a:l3,t6a0033:v3,t676438:E3,tc0a734:g3,t5bcea1:B3,tf2721b:u3,t6fc943:h3,t858246:y3,t483ad1:P3,t00e7e3:S3,t0f6434:k3,tda82d0:N3,t42f863:_3,t362b90:w3,t4bba58:T3,t461ced:O3,tccf786:R3,t3233ee:I3,t5b0e00:U3,t73984e:M3,t6e9792:G3,td5337e:L3,t5ea101:$3,t2734e9:j3,t800787:V3,t41d493:H3,t211bc0:K3,td9209f:q3,tcbc724:X3,t7b0f41:Z3,t95df5b:z3,td9baa3:W3,tc4b051:Y3,t343d89:J3,tb44390:Q3,t360264:t5,tb8c41f:e5,t0ab3be:c5,tc12f10:a5,t389aa7:n5,t8848e0:s5,tcd0a2d:b5,t0b3ded:f5,t875b62:o5,tf02c4e:d5,t260b6e:r5,tb26698:F5,t53cdfb:p5,te37f12:x5,tf10eae:i5,t47c153:C5,t7fff29:m5,tbf855f:D5,tc3119b:A5,t75dce9:l5,t0397a1:v5,tf20dfa:E5,t80a5f3:g5,ta6a9d5:B5,t74a3af:u5,taf2e1d:h5,td5f871:y5,t8bfda5:P5,t0173a4:S5,t86b6a6:k5,t6bf658:N5,t4cafda:_5,t28b0ce:w5,tb445b1:T5,ta6b6d6:O5,t7e1290:R5,t12d28a:I5,t7462da:U5,t7cff10:M5,ta3fc38:G5,t0b843f:L5,t31cc7a:$5,tb9cbfe:j5,t41808e:V5,t7f3c2c:H5,ta18a09:K5,t1b751d:q5,tc7cf7d:X5,t22af46:Z5,tdd0191:z5,t31143a:W5,t3ea0e4:Y5,t5d05f5:J5,tbd99a5:Q5,t0bcf7c:t8,t6c5e74:e8,t54533d:c8,ta924f9:a8,tf666ce:n8,t06de71:s8,t7571cc:b8,t0e2c54:f8,t35becd:o8,td520e9:d8,t263dfb:r8,t84512d:F8,t31eaed:p8,tce63f5:x8,tf1be0c:i8,t61d300:C8,t415865:m8,t099ce2:D8,t004764:A8,td300ce:l8,tc4695c:v8,t51a6ac:E8,t9ef6e6:g8,tb659de:B8,t1a01c2:u8,tf99920:h8,t1a9540:y8,t37fd29:P8,t0a79dd:S8,td751dc:k8,td4e1b8:N8,te986ec:_8,t8a8cb8:w8,te7dcf4:T8,td48a93:O8,t9b582c:R8,tbd0a12:I8,t5540cb:U8,t3f9d59:M8,t0d2c1d:G8,t258d80:L8,te5323a:$8,tc7adf9:j8,t2caf2d:V8,tdd0d89:H8,t0fbb17:K8,t696262:q8,t2a8bdc:X8,t9c55fe:Z8,t55b1b2:z8,te2e617:W8,t28075b:Y8,t0d21bc:J8,tdcc28c:Q8,te2ccaa:t4,tf73f81:e4,t05c737:c4,t32d8a2:a4,t92f9a7:n4,t4db3c1:s4,t2d6e08:b4,t2db5c2:f4,tb31329:o4,t66ebdf:d4,t6ae6f0:r4,tb916ba:F4,tc6fc9c:p4,tb773b2:x4,te848c4:i4,te57766:C4,tfdf041:m4,tcd5904:D4,t440fc3:A4,t9fac3a:l4,t32b0b3:v4,t873ad3:E4,t202011:g4,t4f3eb4:B4,tc47d0d:u4,t985403:h4,t2c9147:y4,t0d9ea5:P4,tf951e9:S4,t3aa891:k4,tba4c34:N4,t943cfc:_4,t8af651:w4,tf5bfe7:T4,t1bd221:O4,t38cd90:R4,te9fcc6:I4,t628fb7:U4,ta2f1c8:M4,tc07ea8:G4,t690731:L4,t0bad98:$4,tc2b191:j4,t3e566f:V4,taad149:H4,td7c974:K4,t8ec9e5:q4,t7b5d23:X4,t9809d0:Z4,t9ba3b8:z4,t0a84f6:W4,t26a5ae:Y4,t95b129:J4,ta987e0:Q4,t684972:to,t7696fe:eo,tadb50a:co,t38e02f:ao,tdc4541:no,td74a90:so,te6a034:bo,t12f66e:fo,t3546c3:oo,t302ecf:ro,ta5c761:Fo,t02a0d5:po,t319b29:xo,tcd91ab:io,t706789:Co,t560eda:mo,te4c520:Do,t1836a4:Ao,tae7f1f:lo,t94a45e:vo,t79dffb:Eo,tb503b8:go,t34fc43:Bo,tf15644:uo,t87fcf8:ho,tcbc115:yo,t7ff085:Po,t4983fe:So,t19649f:ko,ta469f2:No,tc03289:_o,t11d206:wo,t6e162c:To,t5b4fe9:Oo,ta44465:Ro,tfede46:Io,t4bc397:Uo,t1b76a1:Mo,t725aa0:Go,t84f78b:Lo,t411986:$o,t347274:jo,t3485b3:Vo,t826199:Ho,t6045b5:Ko,t57195c:qo,t7f32d7:Xo,tf88582:Zo,t27aa3b:zo,t48c8a1:Wo,t3250df:Yo,t250d1b:Jo,t4aaaef:Qo,t7d366e:td,t480cdf:ed,tccca30:cd,t488097:ad,t9a7c6b:nd,t226406:sd,tff9376:bd,tcf27db:fd,tae8a27:od,t83c38a:dd,ta8903a:rd,t1147e4:Fd,tf99bbd:pd,t22605a:xd,t8c3891:id,t1c0876:Cd,td78653:md,t63afb0:Dd,t754e2b:Ad,t2033ec:ld,t3d8e0b:vd,t92d63b:Ed,t4d016b:gd,t77f2f6:Bd,t9aaafa:ud,t5cd326:hd,tb2e035:yd,t173f0d:Pd,tab3e6b:Sd,t689a70:kd,t4df5c9:Nd,td8c7e0:_d,te45436:wd,t5cd9cc:Td,t5a73d2:Od,t7b2a72:Rd,t391000:Id,t39f6f6:Ud,tbd5da9:Md,t7605f1:Gd,t003ddf:Ld,t6bda6d:$d,t608d83:jd,t5e5ef1:Vd,t3b4318:Hd,te96577:Kd,t65f18f:qd,t9637ca:Xd,tac18ee:Zd,t1b2716:zd,tc324de:Wd,td8d4a0:Yd,ta0106b:Jd,td4d142:Qd,tbfac34:t9,t9b0207:e9,t7e0dcd:c9,t15969b:a9,t0831da:n9,te6fc24:s9,t5a42a7:b9,t6ecc42:f9,t422252:o9,tccb2e6:d9,t796c06:r9,t8b3362:F9,t675ebe:p9,t755d9c:x9,t879f99:i9,t8ac7e2:C9,t22f891:m9,tb81b11:D9,tc7aad7:A9,t78b5e3:l9,t897342:v9,t40a058:E9,t2b2ae1:g9,t8907f2:B9,t2a1b47:u9,tbc6b83:h9,t30bf13:y9,tf28f91:P9,ta6a956:S9,t3604ec:k9,tb0be93:N9,t159ab0:_9,t720fdf:w9,t89b95f:T9,t39a2b3:O9,t1d1a85:R9,t17e721:I9,ta3f251:U9,t9643c1:M9,t8cd94c:G9,t972c8b:L9,t1bc44d:$9,t87a7e3:j9,t6ee694:V9,t3c5fe9:H9,t42bbea:K9,t0342bd:q9,t3381db:X9,t59d394:Z9,td61910:z9,t54ffae:W9,t026ea8:Y9,tbf8d53:J9,t3a5e2f:Q9,t817e05:tr,t4b4360:er,tf8fa20:cr,tbdd851:ar,td48fc4:nr,t475c79:sr,tfdb733:br,te3a55b:fr,t41f57b:or,t9c8f04:dr,tf7d879:rr,tbf49ba:Fr,t7447eb:pr,t303203:xr,t94ac84:ir,t456a0c:Cr,t6361c2:mr,t48baa1:Dr,t570d54:Ar,t3f1843:lr,t772bea:vr,te7b73e:Er,t43b169:gr,t59d312:Br,t8a818f:ur,t2ca391:hr,t3e10b3:yr,te33d9e:Pr,t754361:Sr,t732f40:kr,tc621fc:Nr,t3dd5bc:_r,t1cb31f:wr,tfcd839:Tr,t3630f6:Or,te6cb11:Rr,tfdcd31:Ir,tb54d51:Ur,t7e6bed:Mr,ta4f1d9:Gr,t6e1c88:Lr,t030292:$r,t099715:jr,tf462c6:Vr,t132408:Hr,ta56722:Kr,t54d505:qr,t042d7a:Xr,tec1249:Zr,t8eaeb1:zr,t79559d:Wr,tb190c9:Yr,t894bd7:Jr,tcf9a36:Qr,tabb4c9:tF,tb7aa0a:eF,tc142cd:cF,td434fb:aF,t109103:nF,t05dd73:sF,t590b8d:bF,t66b80b:fF,t813599:oF,t558c4c:dF,tb53873:rF,t1e685c:FF,tf1b498:pF,t08eb25:xF,t42fccf:iF,td2f1e9:CF,td42f82:mF,t15ac89:DF,tf3fdd6:AF,t26b8e3:lF,t53860b:vF,tc484d1:EF,t10649b:gF,t9866ee:BF,t76ac8f:uF,tf316e1:hF,t7789ee:yF,tece0fe:PF,t51a539:SF,t4c51a9:kF,t9fa3b4:NF,tf0bc49:_F,t565b6d:wF,te38d71:TF,t5e8be4:OF,t701685:RF,tfa4b1a:IF,taa6dcb:UF,t4d6aa3:MF,tecd97a:GF,tdf7dbb:LF,te719fa:$F,t3b13b3:jF,tde2ee3:VF,tc9cca6:HF,te8124b:KF,te8fcd2:qF,tb2d31a:XF,tb4ecf2:ZF,tf4d3f2:zF,t987abc:WF,tecae98:YF,t3b86b2:JF,t009604:QF,t302716:tp,t9952ce:ep,t369822:cp,t10844c:ap,t03df56:np,te19989:sp,t223210:bp,t6e2798:fp,t74cfa2:op,tc6c73d:dp,tce0e6a:rp,t5c0a2f:Fp,t31d455:pp,td2d32f:xp,t0bf14c:ip,t91f4fa:Cp,taf7137:mp,t4d5ea8:Dp,t6c9741:Ap,t6e7352:lp,tfb8624:vp,tfd7ece:Ep,tc82204:gp,t1e9600:Bp,t76310d:up,tbdfcc7:hp,t51977c:yp,t04cdaf:Pp,t082540:Sp,t4eff94:kp,t958f21:Np,t896b03:_p,t4a0597:wp,ta4c18c:Tp,t632796:Op,t19fa74:Rp,t98c0df:Ip,t2ecd73:Up,t9ddbb2:Mp,t9b7461:Gp,tdca6dc:Lp,tcaac97:$p,t64fa43:jp,t370fd8:Vp,t4c7bfb:Hp,tfb2597:Kp,t285db3:qp,t8307ea:Xp,t173e42:Zp,t412e8f:zp,t0d330c:Wp,t76758a:Yp,t6a507d:Jp,tf0720e:Qp,t3f0f51:tx,tfd08b7:ex,t3e2684:cx,taf2d26:ax,tc6b607:nx,t7deffa:sx,te117c7:bx,te1a214:fx,t659377:ox,te7f949:dx,tf6a20e:rx,te797f1:Fx,t7d2338:px,t6ac212:xx,tdfbd08:ix,t4dc516:Cx,t161e2d:mx,tc2913b:Dx,td746c0:Ax,t2f5174:lx,t3ed7a9:vx,tff8727:Ex,t2c5ff8:gx,t8415f2:Bx,ta6c6fb:ux,t5c2f26:hx,te0ef5a:yx,t412530:Px,t643228:Sx,t818487:kx,tce895b:Nx,ta8b810:_x,tb973db:wx,t625417:Tx,tc970d4:Ox,t8d2e23:Rx,t1ce20d:Ix,t720019:Ux,t249654:Mx,t8c7723:Gx,t07d682:Lx,tb1756a:$x,te8c509:jx,td35901:Vx,t0b1b71:Hx,td57208:Kx,t3caeb9:qx,t0191ea:Xx,td5f2ab:Zx,t0b0037:zx};function Yx(n,t){t===void 0&&(t={});var c=t.insertAt;if(!(typeof document>"u")){var e=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",c==="top"&&e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}var u=`.ds-tokyo-ui__PkpFv{--42e7c5:Figtree-NotoSans;--51aa6f:Figtree,Noto Sans,sans-serif;--99b156:Platform-NotoSans;--94de40:Platform,Noto Sans,sans-serif;--74358d:0px;--6947b0:4px;--1ba55a:8px;--477fda:16px;--743802:24px;--39ce90:32px;--28cff1:64px;--6acb58:96px;--145676:#fff;--0e7287:#f4f4f8;--f18763:transparent;--55407f:#ebebf1;--8f1238:#dcdce5;--da403c:#c5c5d1;--7c8c3c:#a8a8b6;--c9575b:#6a697c;--2fb6f7:#4d4c5c;--54ed1d:#d8f8f2;--b706bf:#b4f3e7;--4adefb:#7bead6;--de8a40:#3ddabe;--574543:#19ac91;--1383a7:#d8f8f2;--9f1066:#b4f3e7;--d4cf94:#7bead6;--bbfa9f:#3ddabe;--5f8b30:#19ac91;--c7d8be:#fff5c2;--17bab8:#ffef9e;--f017e5:#ffe875;--2242ed:#ffdf3d;--e40de4:#f6c823;--ecb5d5:#ffe2e0;--5b5cb0:#fdc2be;--d55c71:#f87e77;--4e47fe:#f54238;--3e7877:#c9160d;--21906f:#cce2ff;--5d87f3:#99c5ff;--201e14:#57a0ff;--e1c27c:#2885fd;--6a1420:#006af5;--1a9963:#ffdbe9;--b774df:#ffc2d9;--f72cdd:#fe9fc3;--6cbd80:#ff7aac;--5893e7:#d13d76;--7068b6:Figtree-NotoSans;--0e3095:Figtree,Noto Sans,sans-serif;--f5d1a5:Platform-NotoSans-Medium;--bd44ae:Platform,Noto Sans,sans-serif;--5b7e08:Figtree,Noto Sans,sans-serif;--3056af:14px;--f8a468:20px;--804635:24px;--6b62f0:32px;--ad20b3:48px;--3345fe:48px;--25e5ab:64px;--9fea4c:12px;--cc496b:12px;--38f57e:14px;--7df86d:14px;--e84bcd:14px;--c7d482:20px;--c89895:20px;--76b8d1:20px;--8be1e4:24px;--dcabc3:20px;--6f1872:32px;--f339d3:32px;--00a28d:48px;--b47519:64px;--f3cb59:0.001em;--284290:0.0025em;--488ba5:0.01em;--7bbf5b:normal;--dfb500:oblique 10deg;--cbaa6c:normal;--bc1abc:"slnt" -10;--2a8f54:400;--d1c480:500;--a25b20:700;--8d63e4:14px;--d4313c:1.42857143;--785e90:#fff;--e69490:#f4f4f8;--08d599:#ebebf1;--d509f9:#121117;--e76fbe:#1c1b23;--948fbe:#302f3b;--500977:#ff7aac;--79b619:#ffebf3;--4c36a1:#d13d76;--4655ff:#d8f8f2;--b672cf:#067560;--cb4237:#cce2ff;--09357a:#0450b4;--2a7ee8:#fff5c2;--97d56d:#966208;--fb576a:#ffe2e0;--6f622b:#a3120a;--a63697:rgba(18,17,23,.56);--8a41f5:#dcdce5;--b599a6:#19ac91;--2c31d4:#c5c5d1;--410fb7:rgba(18,17,23,.56);--8d5131:8px;--a8b89c:#6a697c;--04daeb:#dcdce5;--e05289:#a8a8b6;--99d31f:2px;--c0b12c:2px;--0aee7b:12px;--5eeb28:4px;--ea1746:#121117;--0bbea4:rgba(18,17,23,.06);--33e933:rgba(18,17,23,.12);--f13872:underline;--50cc65:40px;--2f2e00:40px;--bcfcbc:48px;--26156f:56px;--d6bfc9:56px;--3d8452:56px;--c82a41:48px;--5eca09:40px;--fec177:4px;--9a5737:8px;--3b9027:12px;--303c6e:16px;--da1881:16px;--088917:16px;--e1d8e9:12px;--da30a3:8px;--29b033:4px;--65766b:16px;--0f2d7e:24px;--b1c76a:32px;--88eefe:32px;--79f043:32px;--aebd97:24px;--d17b90:16px;--357dd0:14px;--b47a67:14px;--89a358:18px;--a899be:18px;--f7be07:18px;--56d354:18px;--c84e20:18px;--f20194:14px;--027f88:0.0125em;--fc5c61:0.0125em;--2e1239:0.005em;--c04d5d:0.005em;--a34be4:0.005em;--dc9bea:0.005em;--ad1bd2:0.005em;--9663af:0.0125em;--bc3431:16px;--41a1b8:16px;--fa71e9:24px;--803078:24px;--6fb08e:24px;--4c2ede:24px;--5c2532:24px;--50cd80:16px;--dad9ec:4px;--c4d145:0.5px;--54e6b5:rgba(18,17,23,.06);--8517a6:4px;--d51f41:24px;--cfdb4f:32px;--2dafbf:48px;--b51334:64px;--d318a5:96px;--6eb1c7:160px;--86aa8e:24px;--32bbec:32px;--950ab5:48px;--cc5dc7:64px;--796da2:96px;--329ba7:160px;--1cea5a:8px;--540610:8px;--8f1e94:12px;--bdf712:16px;--7d9a55:12px;--7d3ab7:12px;--523f7d:16px;--4b2086:2px;--20c0b1:2px;--705050:4px;--3b13f1:8px;--3e174a:4px;--bd3f63:4px;--23067e:8px;--0cf20e:2px;--4a76d7:2px;--e5a39b:#fff;--a95a51:#c5c5d1;--62b71e:#19ac91;--93d4a2:4px;--956cdb:#121117;--6e40a7:#fff;--8feee9:2px;--25e959:2px;--0d8aa3:4px;--62f094:8px;--796ab1:8px;--3d1d33:8px;--eba8f8:#ffebf3;--694afa:#d8f8f2;--22f022:#ffe2e0;--02372a:#fff5c2;--7a1a33:#cce2ff;--a453d7:#ebebf1;--54c075:#d13d76;--47c404:#067560;--cdb1f6:#a3120a;--08fa29:#966208;--fa3428:#0450b4;--50e919:#302f3b;--dede3f:#121117;--2a2719:#121117;--036159:#a3120a;--84e571:#121117;--f3be0c:#121117;--d7e14c:#121117;--732eb5:#fff;--30c365:#fff;--90eeff:#fff;--363237:#fff;--506df4:#fff;--ab5158:#fff;--9270b5:24px;--77547f:32px;--19bcb6:#121117;--38413d:#fff;--84e079:0px;--1c37d5:16px;--9e57e5:24px;--9817c7:2px;--7dcb5e:4px;--2071ea:8px;--adc668:0px;--c1925d:12px;--f3f949:16px;--67250f:24px;--fba602:32px;--f8b939:48px;--4d9939:64px;--a78cb4:96px;--439947:160px;--a814c9:0px 0px 8px rgba(9,15,25,.1);--b21f61:12px;--766f3b:16px;--7c1b1c:24px;--2152b7:32px;--8f525f:40px;--656bbc:16px;--81dc82:24px;--2a6452:32px;--03d2e4:48px;--b3726f:Platform;--4a9e2c:Platform;--27b01f:Platform;--933031:Platform;--389c59:Platform;--22c5e1:Platform;--8c9f05:500;--b1d4f5:500;--26b05f:500;--be9403:500;--6b93f9:500;--e1e6cd:500;--cd577e:96px;--890dda:64px;--0728b9:48px;--5d91ee:32px;--d4d05b:24px;--054730:20px;--2e9eee:96px;--a1602a:68px;--aaf219:52px;--ba6c7f:36px;--a7e8c0:32px;--ced741:24px;--d662ea:-0.005em;--65a2cd:-0.005em;--ceac96:0em;--6408ce:0.01em;--3e1763:0.0125em;--b63a2b:0.0175em;--1801d5:64px;--814fe0:48px;--ace690:32px;--3e1405:24px;--af282e:20px;--d04d41:64px;--2bd50a:48px;--28917e:32px;--63dde9:24px;--4dbf89:20px;--d41fd7:500;--a8a528:500;--f6b073:500;--aea9af:500;--51bd6b:500;--263a02:68px;--74d173:52px;--33f70d:36px;--2059ef:32px;--4f1030:24px;--08c118:-0.005em;--ac8be8:0em;--02dfa4:0.01em;--b56598:0.0125em;--918f0a:0.0175em;--da58b6:64px;--8a757b:48px;--422005:32px;--abc50d:24px;--3b1912:20px;--325764:500;--000cce:500;--809987:500;--0e9c44:500;--99df37:500;--a165a9:68px;--657856:52px;--8c79b9:36px;--95bce6:32px;--759bbd:24px;--921c8c:-0.005em;--56bc01:0em;--2f0fc3:0.01em;--45a275:0.0125em;--4400a4:0.0175em;--ff4789:16px;--e8082b:16px;--c87933:24px;--0c9f74:32px;--1d829e:64px;--330e49:4px;--58c1e5:4px;--451335:14px;--619ce5:14px;--9f7286:14px;--081924:16px;--da41aa:20px;--698b61:20px;--d3e233:12px;--4df4f0:12px;--d4ea3f:14px;--33b293:14px;--97511e:14px;--16878a:14px;--7f027e:16px;--58dc82:16px;--8098ff:16px;--4f1e3c:16px;--3cfa3f:20px;--3b44b6:20px;--63f88d:20px;--4afac4:20px;--4c9f68:12px;--547b8f:12px;--a7cfda:14px;--79c03c:14px;--28e99e:14px;--0e0e62:14px;--69b27c:14px;--0afa8f:14px;--0c62d6:16px;--aa6f00:16px;--a5b1e0:16px;--a9ad47:16px;--29e813:16px;--741af5:16px;--8d5beb:20px;--feec74:20px;--0bcae9:20px;--007ce3:20px;--c338f3:20px;--734b0c:20px;--19e13e:20px;--88dc17:20px;--56c416:400;--756814:600;--c2057a:400;--b38b97:400;--fbec20:600;--9d502c:600;--59913e:400;--55b888:400;--a4fde7:600;--ea7bfd:600;--f9dbd7:400;--500731:400;--c7a8eb:600;--333137:600;--71d69c:400;--86a200:600;--dc8b92:400;--5127dd:400;--ca04c0:600;--f9d4cc:600;--a9bc9f:600;--363b48:600;--cb99be:400;--fb4838:400;--749dcd:600;--faf5f3:600;--18f8ed:600;--c521d5:600;--0776b9:400;--6e4501:400;--149f7d:600;--fa9191:600;--f8f482:400;--0baf26:400;--6455e5:600;--cc6f61:600;--bc6f38:16px;--f8ebff:16px;--ff8dfa:20px;--5f3bbf:20px;--a8f0e2:20px;--bd5dd5:20px;--11f5c9:24px;--d59274:24px;--2285fa:24px;--f70f04:24px;--206b00:28px;--c18960:28px;--942b2f:28px;--ae63b1:28px;--543571:16px;--e7e648:16px;--c552e7:20px;--aeb64b:20px;--af784d:20px;--88c2d5:20px;--42f895:20px;--494462:20px;--829b1e:24px;--33548f:24px;--76f1ec:24px;--3bd2e0:24px;--3d432c:24px;--c47e7f:24px;--1cd7aa:28px;--1056e0:28px;--02fee9:28px;--2c996d:28px;--2503fd:28px;--e84231:28px;--85e4ac:28px;--904c1e:28px;--be8c45:0.01em;--03e2b6:0.01em;--cdd9f4:0.005em;--40ba00:0.005em;--a566de:0.005em;--ca673a:0.005em;--b2e406:0em;--40d520:0em;--95d383:0em;--f69e59:0em;--2585de:-0.005em;--e4d866:-0.005em;--5b62c3:-0.005em;--64a0ba:-0.0025em;--29af86:0.01em;--d7a1ad:0.01em;--4d1d51:0.005em;--a50d8c:0.005em;--015e8c:0.005em;--bc7f3e:0.005em;--c2692c:0.005em;--10dc5c:0.005em;--035113:0em;--8330df:0em;--2a3820:0em;--fe4b24:0em;--6e9f29:0em;--2e489a:0em;--b5b330:-0.005em;--421c23:-0.005em;--11ba2e:-0.005em;--9705f8:-0.0025em;--4aff48:-0.005em;--c9c193:-0.005em;--e76960:-0.005em;--cf0e2c:-0.0025em;--ba54c4:normal;--782782:normal;--8dee8a:normal;--02d236:italic;--92feb8:normal;--7cc250:italic;--61e1de:normal;--b09e9d:italic;--82c3d5:normal;--dd40d0:italic;--1952bb:normal;--bed3e0:italic;--9c1713:normal;--ec8789:italic;--647b4d:normal;--abe371:normal;--b8dd4e:normal;--c89e06:italic;--e1d91f:normal;--38a142:italic;--070316:normal;--36d923:italic;--a833d1:normal;--b8b43c:italic;--b079f7:normal;--a19ae7:italic;--f02b45:normal;--8c5771:italic;--af51c3:normal;--2adf67:italic;--03e30a:normal;--56d3fb:italic;--a93d90:normal;--0b0b05:italic;--0a5e67:normal;--6fc949:italic;--1f00e7:normal;--a1e375:normal;--51eeea:normal;--4c48ba:normal;--a1201a:normal;--f7661a:normal;--2d95ca:normal;--7dfa2c:normal;--51956c:normal;--19883f:normal;--0b4502:normal;--a4194d:normal;--42348d:normal;--f43b0b:normal;--afe759:normal;--f65ebc:normal;--93fedc:normal;--0557d4:normal;--d7e46a:normal;--6a0033:normal;--676438:normal;--c0a734:normal;--5bcea1:normal;--f2721b:normal;--6fc943:normal;--858246:normal;--483ad1:normal;--00e7e3:normal;--0f6434:normal;--da82d0:normal;--42f863:normal;--362b90:normal;--4bba58:normal;--461ced:normal;--ccf786:normal;--3233ee:normal;--5b0e00:400;--73984e:400;--6e9792:500;--d5337e:700;--5ea101:400;--2734e9:500;--800787:700;--41d493:#121117;--211bc0:#fff;--d9209f:#4d4c5c;--cbc724:#6a697c;--7b0f41:#a3120a;--95df5b:#ffe2e0;--d9baa3:2px;--c4b051:8px;--343d89:16px;--b44390:400;--360264:24px;--b8c41f:0em;--0ab3be:normal;--c12f10:0px;--389aa7:2px;--8848e0:4px;--cd0a2d:8px;--0b3ded:12px;--875b62:16px;--f02c4e:24px;--260b6e:32px;--b26698:48px;--53cdfb:64px;--e37f12:96px;--f10eae:160px;--47c153:0px;--7fff29:2px;--bf855f:4px;--c3119b:12px;--75dce9:16px;--0397a1:24px;--f20dfa:#fff;--80a5f3:#f4f4f8;--a6a9d5:#ebebf1;--74a3af:#dcdce5;--af2e1d:#c5c5d1;--d5f871:#a8a8b6;--8bfda5:#6a697c;--0173a4:#4d4c5c;--86b6a6:#302f3b;--6bf658:#1c1b23;--4cafda:#121117;--28b0ce:rgba(18,17,23,.72);--b445b1:rgba(18,17,23,.56);--a6b6d6:rgba(18,17,23,.15);--7e1290:rgba(18,17,23,.12);--12d28a:rgba(18,17,23,.06);--7462da:rgba(18,17,23,0);--7cff10:#ffebf3;--a3fc38:#ffdbe9;--0b843f:#ffc2d9;--31cc7a:#fe9fc3;--b9cbfe:#ff7aac;--41808e:#d13d76;--7f3c2c:#b32357;--a18a09:#901443;--1b751d:#760530;--c7cf7d:#fffceb;--22af46:#fff5c2;--dd0191:#ffef9e;--31143a:#ffe875;--3ea0e4:#ffdf3d;--5d05f5:#f6c823;--bd99a5:#d09c0b;--0bcf7c:#966208;--6c5e74:#704c06;--54533d:#ebf3ff;--a924f9:#cce2ff;--f666ce:#99c5ff;--06de71:#57a0ff;--7571cc:#2885fd;--0e2c54:#006af5;--35becd:#0450b4;--d520e9:#033c87;--263dfb:#052f66;--84512d:#eefcfa;--31eaed:#d8f8f2;--ce63f5:#b4f3e7;--f1be0c:#7bead6;--61d300:#3ddabe;--415865:#19ac91;--099ce2:#067560;--004764:#0d594b;--d300ce:#0e4037;--c4695c:#ffeceb;--51a6ac:#ffe2e0;--9ef6e6:#fdc2be;--b659de:#f87e77;--1a01c2:#f54238;--f99920:#c9160d;--1a9540:#a3120a;--37fd29:#880d07;--0a79dd:#63110d;--d751dc:#fff;--d4e1b8:#f4f4f8;--e986ec:#ebebf1;--8a8cb8:#dcdce5;--e7dcf4:#c5c5d1;--d48a93:#a8a8b6;--9b582c:#6a697c;--bd0a12:#4d4c5c;--5540cb:#302f3b;--3f9d59:#1c1b23;--0d2c1d:#121117;--258d80:rgba(18,17,23,.72);--e5323a:rgba(18,17,23,.56);--c7adf9:rgba(18,17,23,.15);--2caf2d:rgba(18,17,23,.12);--dd0d89:rgba(18,17,23,.06);--0fbb17:rgba(18,17,23,0);--696262:#ffebf3;--2a8bdc:#ffdbe9;--9c55fe:#ffc2d9;--55b1b2:#fe9fc3;--e2e617:#ff7aac;--28075b:#d13d76;--0d21bc:#b32357;--dcc28c:#901443;--e2ccaa:#760530;--f73f81:#fffceb;--05c737:#fff5c2;--32d8a2:#ffef9e;--92f9a7:#ffe875;--4db3c1:#ffdf3d;--2d6e08:#f6c823;--2db5c2:#d09c0b;--b31329:#966208;--66ebdf:#704c06;--6ae6f0:#ebf3ff;--b916ba:#cce2ff;--c6fc9c:#99c5ff;--b773b2:#57a0ff;--e848c4:#2885fd;--e57766:#006af5;--fdf041:#0450b4;--cd5904:#033c87;--440fc3:#052f66;--9fac3a:#eefcfa;--32b0b3:#d8f8f2;--873ad3:#b4f3e7;--202011:#7bead6;--4f3eb4:#3ddabe;--c47d0d:#19ac91;--985403:#067560;--2c9147:#0d594b;--0d9ea5:#0e4037;--f951e9:#ffeceb;--3aa891:#ffe2e0;--ba4c34:#fdc2be;--943cfc:#f87e77;--8af651:#f54238;--f5bfe7:#c9160d;--1bd221:#a3120a;--38cd90:#880d07;--e9fcc6:#63110d;--411986:#121117;--347274:#121117;--3485b3:#121117;--826199:#121117;--6045b5:#121117;--57195c:#fff;--7f32d7:#6a697c;--f88582:#fff;--27aa3b:#fff;--48c8a1:#121117;--3250df:#121117;--250d1b:#fff;--4aaaef:#fff;--7d366e:#121117;--480cdf:#fff;--ccca30:#fff;--488097:#fff;--9a7c6b:#6a697c;--226406:#ebebf1;--ff9376:#ebebf1;--cf27db:#ff7aac;--ae8a27:transparent;--83c38a:transparent;--a8903a:transparent;--1147e4:transparent;--f99bbd:#c9160d;--22605a:#121117;--8c3891:rgba(18,17,23,.56);--1c0876:#57a0ff;--d78653:#3ddabe;--63afb0:transparent;--754e2b:#19ac91;--2033ec:transparent;--3d8e0b:#fe9fc3;--92d63b:rgba(18,17,23,.06);--4d016b:rgba(18,17,23,.06);--77f2f6:rgba(18,17,23,.06);--9aaafa:rgba(18,17,23,.06);--5cd326:#a3120a;--b2e035:#1c1b23;--173f0d:rgba(18,17,23,.72);--ab3e6b:#99c5ff;--689a70:#7bead6;--4df5c9:rgba(18,17,23,.56);--d8c7e0:#067560;--e45436:rgba(18,17,23,.06);--5cd9cc:#121117;--5a73d2:rgba(18,17,23,.12);--7b2a72:rgba(18,17,23,.12);--391000:rgba(18,17,23,.12);--39f6f6:rgba(18,17,23,.12);--bd5da9:#880d07;--7605f1:#302f3b;--003ddf:#121117;--6bda6d:#121117;--608d83:#121117;--5e5ef1:#1c1b23;--3b4318:#0d594b;--e96577:rgba(18,17,23,.12);--65f18f:#dcdce5;--9637ca:#121117;--ac18ee:#121117;--1b2716:#dcdce5;--c324de:transparent;--d8d4a0:transparent;--a0106b:#63110d;--d4d142:#a8a8b6;--bfac34:#fff;--9b0207:transparent;--7e0dcd:#121117;--15969b:#121117;--0831da:transparent;--e6fc24:#ff7aac;--5a42a7:#c5c5d1;--6ecc42:#c5c5d1;--422252:Platform;--ccb2e6:Platform;--796c06:Platform;--8b3362:Platform;--675ebe:Platform;--755d9c:Platform;--879f99:Figtree;--8ac7e2:Figtree;--22f891:Figtree;--b81b11:Figtree;--c7aad7:Figtree;--78b5e3:Figtree;--897342:Figtree;--40a058:Figtree;--2b2ae1:Figtree;--8907f2:Figtree;--2a1b47:Figtree;--bc6b83:Figtree;--30bf13:Figtree;--f28f91:Figtree;--a6a956:Figtree;--3604ec:Figtree;--b0be93:500;--159ab0:500;--720fdf:500;--89b95f:500;--39a2b3:500;--1d1a85:500;--17e721:600;--a3f251:600;--9643c1:600;--8cd94c:600;--972c8b:400;--1bc44d:400;--87a7e3:400;--6ee694:400;--3c5fe9:600;--42bbea:600;--0342bd:600;--3381db:600;--59d394:600;--d61910:600;--54ffae:600;--026ea8:400;--bf8d53:96px;--3a5e2f:64px;--817e05:48px;--4b4360:32px;--f8fa20:24px;--bdd851:20px;--d48fc4:20px;--475c79:16px;--fdb733:14px;--e3a55b:12px;--41f57b:20px;--9c8f04:16px;--f7d879:14px;--bf49ba:12px;--7447eb:20px;--303203:16px;--94ac84:14px;--456a0c:18px;--6361c2:18px;--48baa1:18px;--570d54:14px;--3f1843:16px;--772bea:96px;--e7b73e:68px;--43b169:52px;--59d312:36px;--8a818f:32px;--2ca391:24px;--3e10b3:28px;--e33d9e:24px;--754361:20px;--732f40:16px;--c621fc:28px;--3dd5bc:24px;--1cb31f:20px;--fcd839:16px;--3630f6:28px;--e6cb11:22px;--fdcd31:20px;--b54d51:24px;--7e6bed:24px;--a4f1d9:24px;--6e1c88:16px;--030292:24px;--099715:56px;--f462c6:48px;--132408:40px;--a56722:2px;--54d505:16px;--042d7a:12px;--ec1249:8px;--8eaeb1:32px;--79559d:24px;--b190c9:16px;--894bd7:0.005em;--cf9a36:0.005em;--abb4c9:0.005em;--b7aa0a:0.0125em;--c142cd:0em;--d434fb:0px;--109103:1px;--05dd73:2px;--590b8d:4px;--66b80b:8px;--813599:12px;--558c4c:16px;--b53873:20px;--1e685c:24px;--f1b498:32px;--08eb25:48px;--42fccf:64px;--d2f1e9:96px;--d42f82:160px;--15ac89:0px;--f3fdd6:1px;--26b8e3:2px;--53860b:4px;--c484d1:8px;--10649b:12px;--9866ee:16px;--76ac8f:20px;--f316e1:24px;--7789ee:32px;--ece0fe:40px;--51a539:48px;--4c51a9:64px;--9fa3b4:96px;--f0bc49:160px;--565b6d:0px;--e38d71:2px;--5e8be4:4px;--701685:16px;--fa4b1a:8px;--aa6dcb:300px;--4d6aa3:0px 4px 16px 0px rgba(18,17,23,.15);--ecd97a:0px 8px 32px 0px rgba(18,17,23,.15);--df7dbb:0px 16px 48px 0px rgba(18,17,23,.15);--e719fa:#121117;--3b13b3:#121117;--de2ee3:#121117;--c9cca6:0px;--e8124b:0px;--e8fcd2:0px;--b2d31a:4px;--b4ecf2:8px;--f4d3f2:16px;--987abc:16px;--ecae98:32px;--3b86b2:48px;--009604:0.15;--302716:0.15;--9952ce:0.15;--369822:24;--10844c:20;--03df56:16;--e19989:underline;--223210:underline;--6e2798:underline;--74cfa2:unset;--c6c73d:unset;--ce0e6a:unset;--5c0a2f:underline;--31d455:underline;--d2d32f:unset;--0bf14c:unset;--91f4fa:unset;--af7137:unset;--4d5ea8:unset;--6c9741:unset;--6e7352:unset;--fb8624:unset;--fd7ece:unset;--c82204:unset;--0b1b71:2px;--d57208:48px;--3caeb9:40px;--0191ea:6px;--d5f2ab:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-width='2' d='M8 1h84a7 7 0 0 1 7 7v84a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7V8a7 7 0 0 1 7-7Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='20.27' x2='120.715' y1='125' y2='113.589' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7AAC'/%3E%3Cstop offset='.367' stop-color='%23FF7AAC'/%3E%3Cstop offset='.682' stop-color='%232885FD'/%3E%3Cstop offset='1' stop-color='%233DDABE'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 8 /8px stretch;--0b0037:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-width='2' d='M8 1h84a7 7 0 0 1 7 7v84a7 7 0 0 1-7 7H8a7 7 0 0 1-7-7V8a7 7 0 0 1 7-7Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='20.27' x2='120.715' y1='125' y2='113.589' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7AAC'/%3E%3Cstop offset='.367' stop-color='%23FF7AAC'/%3E%3Cstop offset='.682' stop-color='%232885FD'/%3E%3Cstop offset='1' stop-color='%233DDABE'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 8 /8px stretch}.ds-tokyo-ui__PkpFv.ds-scheme--base{--aface6:#121117;--786b9e:#fff;--e41135:#121117;--3d280d:#4d4c5c;--4dadf3:#ff7aac;--7e78f7:#ff7aac;--318747:#067560;--9167e9:#a3120a;--c35795:#6a697c;--c37262:#ff7aac;--70eeac:#966208;--27a7eb:#a3120a;--d66ba4:#0450b4;--206ee9:#fff;--2b2771:#d13d76;--a056c3:#6a697c;--29cd58:#dcdce5;--0bd642:#121117;--398094:#006af5;--eaf4a3:#a3120a;--7cbb9c:#121117;--497c8d:#dcdce5;--bedf4f:#dcdce5;--5b31a4:#dcdce5;--5836cb:#f4f4f8;--603ec6:#006af5;--d2baa6:#121117;--1614c9:#121117;--937543:#121117;--9cf6ec:#121117;--255ddc:#121117;--122a99:#121117;--efde5b:#fff;--f68030:#fff;--96343f:#fff;--8d482c:#fff;--4a94de:#121117;--c93681:#121117;--81b7df:#fff;--ad44c3:#fff;--aa08fb:#121117;--508b34:#ff7aac;--e56164:transparent;--28f3c1:transparent;--e46449:transparent;--64bffa:transparent;--bbb356:transparent;--118bda:#c9160d;--faae28:#c9160d;--d64a99:#121117;--7a038f:rgba(18,17,23,.56);--6c36b5:#57a0ff;--4aa1b1:#3ddabe;--c54155:transparent;--7dbfce:#19ac91;--1bdcc0:transparent;--44bfe9:#121117;--ab736c:#121117;--10556e:#dcdce5;--0e9e01:transparent;--39e128:transparent;--0cad84:#121117;--ab5970:#63110d;--b357d0:#63110d;--d2723c:#121117;--38faba:transparent;--4a9eb5:#121117;--f103e9:#121117;--fe1378:#fff;--a7eddc:transparent;--8e8894:#ff7aac;--902b50:#fe9fc3;--0d124d:rgba(18,17,23,.06);--ec17be:rgba(18,17,23,.06);--afc176:rgba(18,17,23,.06);--3b749f:rgba(18,17,23,.06);--df2aca:rgba(18,17,23,.06);--e0b0f4:#a3120a;--064c43:#a3120a;--549e56:#1c1b23;--077a93:rgba(18,17,23,.72);--dcdb32:#99c5ff;--46a009:#7bead6;--8a16b5:rgba(18,17,23,.56);--dd2815:#067560;--f043dc:rgba(18,17,23,.06);--c1c1ca:#121117;--33b439:rgba(18,17,23,.12);--b0bf50:rgba(18,17,23,.12);--2ee553:rgba(18,17,23,.12);--6beb48:rgba(18,17,23,.12);--435fa5:rgba(18,17,23,.12);--a5eaa1:#880d07;--152a7a:#880d07;--936fce:#302f3b;--45d93a:#121117;--fc3d8b:#121117;--dd5a43:#121117;--de59a1:#1c1b23;--b3e453:#0d594b;--5bba7d:rgba(18,17,23,.12);--df6151:#121117;--0d6ae2:#121117;--175a77:#121117;--6609c6:#121117;--e69072:#121117;--1265db:#121117;--6f5d5d:#fff;--c3136e:#fff;--145384:#fff;--55bfda:#fff;--3e45d7:#121117;--e91696:#121117;--79a09e:#fff;--ddcea1:#fff;--59b757:#121117;--15cee1:#fff;--22cb4c:#121117;--8274ee:#121117;--e9f226:#121117;--ddf285:#121117;--a41624:#121117;--6b4e92:#fff;--f9fba8:#fff;--f772e8:#fff;--b62751:#fff;--cb03bc:#fff;--58d992:#fff;--77e945:#fff;--d4762b:#fff;--349ae3:#121117;--5f5238:#121117;--a0b42b:#6a697c;--a5cfbe:#ebebf1;--16a985:#ebebf1;--1ca8a8:#ebebf1;--15af87:transparent;--c6b68f:#121117;--7cbffc:#fff;--19fdf0:#121117;--883d0f:#fff;--e66f2a:unset;--65e1ef:#d13d76;--47fcde:#ff7aac;--ce5fb9:#6a697c;--065570:#dcdce5;--468ceb:unset;--179b80:#d13d76;--1253e2:#ff7aac;--1d39ac:#6a697c;--be41c4:#dcdce5;--a5fc76:unset;--7c8e61:#fff;--66a60c:#c5c5d1;--68bd17:#121117;--c50238:#121117;--977d1a:#121117;--6c2ddf:#4d4c5c;--8da8cb:#6a697c;--1da698:#121117;--ad48d7:#067560;--2be49e:#0450b4;--98c505:#966208;--802584:#a3120a;--2d51ae:#cce2ff;--292009:#d8f8f2;--df6b06:#fff;--e5b0a4:#f4f4f8;--aa7c4d:#ebebf1;--301ea7:#ffebf3;--a2a233:#d8f8f2;--86df85:#cce2ff;--d908ab:#fff5c2;--0c251f:#ffe2e0;--628fb7:#121117;--a2f1c8:#4d4c5c;--c07ea8:#6a697c;--690731:#d13d76;--0bad98:#6a697c;--c2b191:#fff;--3e566f:#067560;--aad149:#0450b4;--d7c974:#966208;--8ec9e5:#a3120a;--7b5d23:#ff7aac;--9809d0:#a3120a;--9ba3b8:#ff7aac;--0a84f6:#6a697c;--26a5ae:#d13d76;--95b129:#121117;--a987e0:#4d4c5c;--684972:#6a697c;--7696fe:#067560;--adb50a:#0450b4;--38e02f:#966208;--dc4541:#a3120a;--d74a90:#d13d76;--e6a034:#fff;--12f66e:#6a697c;--3546c3:#fff;--302ecf:#f4f4f8;--a5c761:#ebebf1;--02a0d5:rgba(18,17,23,.56);--319b29:#dcdce5;--cd91ab:#ff7aac;--706789:#57a0ff;--560eda:#ffebf3;--e4c520:#d13d76;--1836a4:#d8f8f2;--ae7f1f:#067560;--94a45e:#cce2ff;--79dffb:#0450b4;--b503b8:#fff5c2;--34fc43:#966208;--f15644:#ffe2e0;--87fcf8:#a3120a;--cbc115:#19ac91;--7ff085:#c5c5d1;--4983fe:#121117;--19649f:#1c1b23;--a469f2:#302f3b;--c03289:#dcdce5;--11d206:#121117;--6e162c:rgba(18,17,23,.06);--5b4fe9:#006af5;--a44465:#a3120a;--fede46:#f4f4f8;--4bc397:#ff7aac;--1b76a1:#dcdce5;--725aa0:#067560;--84f78b:#121117;--1e9600:#121117;--76310d:#121117;--bdfcc7:#dcdce5;--51977c:transparent;--04cdaf:transparent;--082540:#121117;--4eff94:#63110d;--958f21:#63110d;--896b03:#1c1b23;--4a0597:transparent;--a4c18c:#121117;--632796:#121117;--19fa74:#fff;--98c0df:transparent;--2ecd73:#ff7aac;--9ddbb2:#121117;--9b7461:#121117;--dca6dc:#dcdce5;--caac97:transparent;--64fa43:rgba(18,17,23,.12);--370fd8:#121117;--4c7bfb:#63110d;--fb2597:#63110d;--285db3:#302f3b;--8307ea:transparent;--173e42:#121117;--412e8f:#121117;--0d330c:#fff;--76758a:transparent;--6a507d:#ff7aac;--f0720e:#a8a8b6;--3f0f51:#a8a8b6;--fd08b7:#a8a8b6;--3e2684:#a8a8b6;--af2d26:transparent;--c6b607:#a8a8b6;--7deffa:#a8a8b6;--e117c7:#a8a8b6;--e1a214:#dcdce5;--659377:#dcdce5;--e7f949:#dcdce5;--f6a20e:#dcdce5;--e797f1:#a8a8b6;--7d2338:#dcdce5;--6ac212:#a8a8b6;--dfbd08:#6a697c;--4dc516:#6a697c;--161e2d:#6a697c;--c2913b:#6a697c;--d746c0:#6a697c;--2f5174:#6a697c;--3ed7a9:#6a697c;--ff8727:#6a697c;--2c5ff8:#6a697c;--8415f2:#6a697c;--a6c6fb:#6a697c;--5c2f26:#6a697c;--e0ef5a:#6a697c;--412530:#6a697c;--643228:#6a697c;--818487:#dcdce5;--ce895b:#dcdce5;--a8b810:#dcdce5;--b973db:#dcdce5;--625417:#dcdce5;--c970d4:#dcdce5;--8d2e23:#dcdce5;--1ce20d:#dcdce5;--720019:#dcdce5;--249654:#dcdce5;--8c7723:#dcdce5;--07d682:#dcdce5;--b1756a:#dcdce5;--e8c509:#dcdce5;--d35901:#dcdce5;color:#121117}.ds-tokyo-ui__PkpFv .ds-scheme--base.ds-scheme----bg{background-color:#fff}.ds-tokyo-ui__PkpFv.ds-scheme--banner{--aface6:#121117;--786b9e:#fff;--e41135:#121117;--3d280d:#4d4c5c;--4dadf3:#ff7aac;--7e78f7:#ff7aac;--318747:#067560;--9167e9:#a3120a;--c35795:#6a697c;--c37262:#ff7aac;--70eeac:#966208;--27a7eb:#a3120a;--d66ba4:#0450b4;--206ee9:#fff;--2b2771:#d13d76;--a056c3:#6a697c;--29cd58:#dcdce5;--0bd642:#121117;--398094:#006af5;--eaf4a3:#a3120a;--7cbb9c:#121117;--497c8d:#dcdce5;--bedf4f:#dcdce5;--5b31a4:#dcdce5;--5836cb:#f4f4f8;--603ec6:#006af5;--d2baa6:#121117;--1614c9:#121117;--937543:#121117;--9cf6ec:#121117;--255ddc:#121117;--122a99:#121117;--efde5b:#fff;--f68030:#fff;--96343f:#fff;--8d482c:#fff;--4a94de:#121117;--c93681:#121117;--81b7df:#fff;--ad44c3:#fff;--aa08fb:#121117;--508b34:#ff7aac;--e56164:transparent;--28f3c1:transparent;--e46449:transparent;--64bffa:transparent;--bbb356:transparent;--118bda:#c9160d;--faae28:#c9160d;--d64a99:#121117;--7a038f:rgba(18,17,23,.56);--6c36b5:#57a0ff;--4aa1b1:#3ddabe;--c54155:transparent;--7dbfce:#19ac91;--1bdcc0:transparent;--44bfe9:#121117;--ab736c:#121117;--10556e:#dcdce5;--0e9e01:transparent;--39e128:transparent;--0cad84:#121117;--ab5970:#63110d;--b357d0:#63110d;--d2723c:#121117;--38faba:transparent;--4a9eb5:#121117;--f103e9:#121117;--fe1378:#fff;--a7eddc:transparent;--8e8894:#ff7aac;--902b50:#fe9fc3;--0d124d:rgba(18,17,23,.06);--ec17be:rgba(18,17,23,.06);--afc176:rgba(18,17,23,.06);--3b749f:rgba(18,17,23,.06);--df2aca:rgba(18,17,23,.06);--e0b0f4:#a3120a;--064c43:#a3120a;--549e56:#1c1b23;--077a93:rgba(18,17,23,.72);--dcdb32:#99c5ff;--46a009:#7bead6;--8a16b5:rgba(18,17,23,.56);--dd2815:#067560;--f043dc:rgba(18,17,23,.06);--c1c1ca:#121117;--33b439:rgba(18,17,23,.12);--b0bf50:rgba(18,17,23,.12);--2ee553:rgba(18,17,23,.12);--6beb48:rgba(18,17,23,.12);--435fa5:rgba(18,17,23,.12);--a5eaa1:#880d07;--152a7a:#880d07;--936fce:#302f3b;--45d93a:#121117;--fc3d8b:#121117;--dd5a43:#121117;--de59a1:#1c1b23;--b3e453:#0d594b;--5bba7d:rgba(18,17,23,.12);--df6151:#121117;--0d6ae2:#121117;--175a77:#121117;--6609c6:#121117;--e69072:#121117;--1265db:#121117;--6f5d5d:#fff;--c3136e:#fff;--145384:#fff;--55bfda:#fff;--3e45d7:#121117;--e91696:#121117;--79a09e:#fff;--ddcea1:#fff;--59b757:#121117;--15cee1:#fff;--22cb4c:#121117;--8274ee:#121117;--e9f226:#121117;--ddf285:#121117;--a41624:#121117;--6b4e92:#fff;--f9fba8:#fff;--f772e8:#fff;--b62751:#fff;--cb03bc:#fff;--58d992:#fff;--77e945:#fff;--d4762b:#fff;--349ae3:#121117;--5f5238:#121117;--a0b42b:#6a697c;--a5cfbe:#ebebf1;--16a985:#ebebf1;--1ca8a8:#ebebf1;--15af87:transparent;--c6b68f:#121117;--7cbffc:#fff;--19fdf0:#121117;--883d0f:#fff;--e66f2a:unset;--65e1ef:#d13d76;--47fcde:#ff7aac;--ce5fb9:#6a697c;--065570:#dcdce5;--468ceb:unset;--179b80:#d13d76;--1253e2:#ff7aac;--1d39ac:#6a697c;--be41c4:#dcdce5;--a5fc76:unset;--7c8e61:#fff;--66a60c:#121117;--68bd17:#121117;--c50238:#121117;--977d1a:#121117;--6c2ddf:#4d4c5c;--8da8cb:#6a697c;--1da698:#121117;--ad48d7:#067560;--2be49e:#0450b4;--98c505:#966208;--802584:#a3120a;--2d51ae:#cce2ff;--292009:#d8f8f2;--df6b06:#fff;--e5b0a4:#f4f4f8;--aa7c4d:#ebebf1;--301ea7:#ffebf3;--a2a233:#d8f8f2;--86df85:#cce2ff;--d908ab:#fff5c2;--0c251f:#ffe2e0;--628fb7:#121117;--a2f1c8:#4d4c5c;--c07ea8:#6a697c;--690731:#d13d76;--0bad98:#6a697c;--c2b191:#fff;--3e566f:#067560;--aad149:#0450b4;--d7c974:#966208;--8ec9e5:#a3120a;--7b5d23:#ff7aac;--9809d0:#a3120a;--9ba3b8:#ff7aac;--0a84f6:#6a697c;--26a5ae:#d13d76;--95b129:#121117;--a987e0:#4d4c5c;--684972:#6a697c;--7696fe:#067560;--adb50a:#0450b4;--38e02f:#966208;--dc4541:#a3120a;--d74a90:#d13d76;--e6a034:#fff;--12f66e:#6a697c;--3546c3:#fff;--302ecf:#f4f4f8;--a5c761:#ebebf1;--02a0d5:rgba(18,17,23,.56);--319b29:#dcdce5;--cd91ab:#ff7aac;--706789:#57a0ff;--560eda:#ffebf3;--e4c520:#d13d76;--1836a4:#d8f8f2;--ae7f1f:#067560;--94a45e:#cce2ff;--79dffb:#0450b4;--b503b8:#fff5c2;--34fc43:#966208;--f15644:#ffe2e0;--87fcf8:#a3120a;--cbc115:#19ac91;--7ff085:#c5c5d1;--4983fe:#121117;--19649f:#1c1b23;--a469f2:#302f3b;--c03289:#dcdce5;--11d206:#121117;--6e162c:rgba(18,17,23,.06);--5b4fe9:#006af5;--a44465:#a3120a;--fede46:#f4f4f8;--4bc397:#ff7aac;--1b76a1:#dcdce5;--725aa0:#067560;--84f78b:#121117;--1e9600:#121117;--76310d:#121117;--bdfcc7:#dcdce5;--51977c:transparent;--04cdaf:transparent;--082540:#121117;--4eff94:#63110d;--958f21:#63110d;--896b03:#1c1b23;--4a0597:transparent;--a4c18c:#121117;--632796:#121117;--19fa74:#fff;--98c0df:transparent;--2ecd73:#ff7aac;--9ddbb2:#121117;--9b7461:#121117;--dca6dc:#dcdce5;--caac97:transparent;--64fa43:rgba(18,17,23,.12);--370fd8:#121117;--4c7bfb:#63110d;--fb2597:#63110d;--285db3:#302f3b;--8307ea:transparent;--173e42:#121117;--412e8f:#121117;--0d330c:#fff;--76758a:transparent;--6a507d:#ff7aac;--f0720e:#a8a8b6;--3f0f51:#a8a8b6;--fd08b7:#a8a8b6;--3e2684:#a8a8b6;--af2d26:transparent;--c6b607:#a8a8b6;--7deffa:#a8a8b6;--e117c7:#a8a8b6;--e1a214:#dcdce5;--659377:#dcdce5;--e7f949:#dcdce5;--f6a20e:#dcdce5;--e797f1:#a8a8b6;--7d2338:#dcdce5;--6ac212:#a8a8b6;--dfbd08:#6a697c;--4dc516:#6a697c;--161e2d:#6a697c;--c2913b:#6a697c;--d746c0:#6a697c;--2f5174:#6a697c;--3ed7a9:#6a697c;--ff8727:#6a697c;--2c5ff8:#6a697c;--8415f2:#6a697c;--a6c6fb:#6a697c;--5c2f26:#6a697c;--e0ef5a:#6a697c;--412530:#6a697c;--643228:#6a697c;--818487:#dcdce5;--ce895b:#dcdce5;--a8b810:#dcdce5;--b973db:#dcdce5;--625417:#dcdce5;--c970d4:#dcdce5;--8d2e23:#dcdce5;--1ce20d:#dcdce5;--720019:#dcdce5;--249654:#dcdce5;--8c7723:#dcdce5;--07d682:#dcdce5;--b1756a:#dcdce5;--e8c509:#dcdce5;--d35901:#dcdce5;color:#121117}.ds-tokyo-ui__PkpFv .ds-scheme--banner.ds-scheme----bg{background-color:#fff}.ds-tokyo-ui__PkpFv.ds-scheme--invert{--aface6:#fff;--786b9e:#fff;--e41135:#fff;--3d280d:#4d4c5c;--4dadf3:#ff7aac;--7e78f7:#ff7aac;--318747:#067560;--9167e9:#a3120a;--c35795:#6a697c;--c37262:#ff7aac;--70eeac:#966208;--27a7eb:#a3120a;--d66ba4:#0450b4;--206ee9:#0450b4;--2b2771:#d13d76;--a056c3:#6a697c;--29cd58:#dcdce5;--0bd642:#121117;--398094:#006af5;--eaf4a3:#a3120a;--7cbb9c:#121117;--497c8d:#dcdce5;--bedf4f:#dcdce5;--5b31a4:#dcdce5;--5836cb:#f4f4f8;--603ec6:#006af5;--d2baa6:#121117;--1614c9:#121117;--937543:#121117;--9cf6ec:#121117;--255ddc:#121117;--122a99:#121117;--efde5b:#fff;--f68030:#fff;--96343f:#fff;--8d482c:#fff;--4a94de:#121117;--c93681:#121117;--81b7df:#fff;--ad44c3:#fff;--aa08fb:#121117;--508b34:#ff7aac;--e56164:transparent;--28f3c1:transparent;--e46449:transparent;--64bffa:transparent;--bbb356:transparent;--118bda:#c9160d;--faae28:#c9160d;--d64a99:#121117;--7a038f:rgba(18,17,23,.56);--6c36b5:#57a0ff;--4aa1b1:#3ddabe;--c54155:transparent;--7dbfce:#19ac91;--1bdcc0:transparent;--44bfe9:#121117;--ab736c:#121117;--10556e:#dcdce5;--0e9e01:transparent;--39e128:transparent;--0cad84:#121117;--ab5970:#63110d;--b357d0:#63110d;--d2723c:#121117;--38faba:transparent;--4a9eb5:#121117;--f103e9:#121117;--fe1378:#fff;--a7eddc:transparent;--8e8894:#ff7aac;--902b50:#fe9fc3;--0d124d:rgba(18,17,23,.06);--ec17be:rgba(18,17,23,.06);--afc176:rgba(18,17,23,.06);--3b749f:rgba(18,17,23,.06);--df2aca:rgba(18,17,23,.06);--e0b0f4:#a3120a;--064c43:#a3120a;--549e56:#1c1b23;--077a93:rgba(18,17,23,.72);--dcdb32:#99c5ff;--46a009:#7bead6;--8a16b5:rgba(18,17,23,.56);--dd2815:#067560;--f043dc:rgba(18,17,23,.06);--c1c1ca:#121117;--33b439:rgba(18,17,23,.12);--b0bf50:rgba(18,17,23,.12);--2ee553:rgba(18,17,23,.12);--6beb48:rgba(18,17,23,.12);--435fa5:rgba(18,17,23,.12);--a5eaa1:#880d07;--152a7a:#880d07;--936fce:#302f3b;--45d93a:#121117;--fc3d8b:#121117;--dd5a43:#121117;--de59a1:#1c1b23;--b3e453:#0d594b;--5bba7d:rgba(18,17,23,.12);--df6151:#121117;--0d6ae2:#121117;--175a77:#121117;--6609c6:#121117;--e69072:#121117;--1265db:#121117;--6f5d5d:#fff;--c3136e:#fff;--145384:#fff;--55bfda:#fff;--3e45d7:#121117;--e91696:#121117;--79a09e:#fff;--ddcea1:#fff;--59b757:#121117;--15cee1:#fff;--22cb4c:#121117;--8274ee:#121117;--e9f226:#121117;--ddf285:#121117;--a41624:#121117;--6b4e92:#fff;--f9fba8:#fff;--f772e8:#fff;--b62751:#fff;--cb03bc:#fff;--58d992:#fff;--77e945:#fff;--d4762b:#fff;--349ae3:#121117;--5f5238:#121117;--a0b42b:#6a697c;--a5cfbe:#ebebf1;--16a985:#ebebf1;--1ca8a8:#ebebf1;--15af87:transparent;--c6b68f:#fff;--7cbffc:#fff;--19fdf0:#121117;--883d0f:#fff;--e66f2a:unset;--65e1ef:#d13d76;--47fcde:#ff7aac;--ce5fb9:#6a697c;--065570:#dcdce5;--468ceb:unset;--179b80:#d13d76;--1253e2:#ff7aac;--1d39ac:#6a697c;--be41c4:#dcdce5;--a5fc76:unset;--7c8e61:#fff;--66a60c:#fff;--68bd17:#fff;--c50238:#fff;--977d1a:#fff;--6c2ddf:#4d4c5c;--8da8cb:#6a697c;--1da698:#fff;--ad48d7:#067560;--2be49e:#0450b4;--98c505:#966208;--802584:#a3120a;--2d51ae:#cce2ff;--292009:#d8f8f2;--df6b06:#121117;--e5b0a4:#1c1b23;--aa7c4d:#302f3b;--301ea7:#d13d76;--a2a233:#067560;--86df85:#0450b4;--d908ab:#966208;--0c251f:#a3120a;--628fb7:#fff;--a2f1c8:#4d4c5c;--c07ea8:#6a697c;--690731:#d13d76;--0bad98:#6a697c;--c2b191:#fff;--3e566f:#067560;--aad149:#0450b4;--d7c974:#966208;--8ec9e5:#a3120a;--7b5d23:#ff7aac;--9809d0:#a3120a;--9ba3b8:#ff7aac;--0a84f6:#6a697c;--26a5ae:#d13d76;--95b129:#121117;--a987e0:#4d4c5c;--684972:#6a697c;--7696fe:#067560;--adb50a:#0450b4;--38e02f:#966208;--dc4541:#a3120a;--d74a90:#d13d76;--e6a034:#fff;--12f66e:#6a697c;--3546c3:#fff;--302ecf:#f4f4f8;--a5c761:#ebebf1;--02a0d5:rgba(18,17,23,.56);--319b29:#dcdce5;--cd91ab:#ff7aac;--706789:#57a0ff;--560eda:#ffebf3;--e4c520:#d13d76;--1836a4:#d8f8f2;--ae7f1f:#067560;--94a45e:#cce2ff;--79dffb:#0450b4;--b503b8:#fff5c2;--34fc43:#966208;--f15644:#ffe2e0;--87fcf8:#a3120a;--cbc115:#19ac91;--7ff085:#c5c5d1;--4983fe:#121117;--19649f:#1c1b23;--a469f2:#302f3b;--c03289:#dcdce5;--11d206:#121117;--6e162c:rgba(18,17,23,.06);--5b4fe9:#006af5;--a44465:#a3120a;--fede46:#f4f4f8;--4bc397:#ff7aac;--1b76a1:#dcdce5;--725aa0:#067560;--84f78b:#121117;--1e9600:#121117;--76310d:#121117;--bdfcc7:#dcdce5;--51977c:transparent;--04cdaf:transparent;--082540:#121117;--4eff94:#63110d;--958f21:#63110d;--896b03:#1c1b23;--4a0597:transparent;--a4c18c:#121117;--632796:#121117;--19fa74:#fff;--98c0df:transparent;--2ecd73:#ff7aac;--9ddbb2:#121117;--9b7461:#121117;--dca6dc:#dcdce5;--caac97:transparent;--64fa43:rgba(18,17,23,.12);--370fd8:#121117;--4c7bfb:#63110d;--fb2597:#63110d;--285db3:#302f3b;--8307ea:transparent;--173e42:#121117;--412e8f:#121117;--0d330c:#fff;--76758a:transparent;--6a507d:#ff7aac;--f0720e:#a8a8b6;--3f0f51:#a8a8b6;--fd08b7:#a8a8b6;--3e2684:#a8a8b6;--af2d26:transparent;--c6b607:#a8a8b6;--7deffa:#a8a8b6;--e117c7:#a8a8b6;--e1a214:#dcdce5;--659377:#dcdce5;--e7f949:#dcdce5;--f6a20e:#dcdce5;--e797f1:#a8a8b6;--7d2338:#dcdce5;--6ac212:#a8a8b6;--dfbd08:#6a697c;--4dc516:#6a697c;--161e2d:#6a697c;--c2913b:#6a697c;--d746c0:#6a697c;--2f5174:#6a697c;--3ed7a9:#6a697c;--ff8727:#6a697c;--2c5ff8:#6a697c;--8415f2:#6a697c;--a6c6fb:#6a697c;--5c2f26:#6a697c;--e0ef5a:#6a697c;--412530:#6a697c;--643228:#6a697c;--818487:#dcdce5;--ce895b:#dcdce5;--a8b810:#dcdce5;--b973db:#dcdce5;--625417:#dcdce5;--c970d4:#dcdce5;--8d2e23:#dcdce5;--1ce20d:#dcdce5;--720019:#dcdce5;--249654:#dcdce5;--8c7723:#dcdce5;--07d682:#dcdce5;--b1756a:#dcdce5;--e8c509:#dcdce5;--d35901:#dcdce5;color:#fff}.ds-tokyo-ui__PkpFv .ds-scheme--invert.ds-scheme----bg{background-color:#fff}`,Jx={__id:"/home/runner/work/design-system/design-system/packages/web-root/src/generated/themes.module.less",__css:u,"ds-tokyo-ui":"ds-tokyo-ui__PkpFv"};Yx(u);const Qx=new x(Jx,H,[],Wx),ti=[Qx],ei=({theme:n="tokyo-ui",colorScheme:t=U,tag:c,target:e,dataSet:a,children:s})=>b.createElement(N,{themes:ti,colorSchemes:G},b.createElement(_,{theme:n},b.createElement(w,{colorScheme:t},b.createElement(B,{tag:c,target:e,dataSet:a},b.createElement(P,{delayDuration:700,skipDelayDuration:300},b.createElement(O,{theme:n},s))))));ei.__docgenInfo={description:"",methods:[],displayName:"RootProvider",props:{theme:{defaultValue:{value:"'tokyo-ui'",computed:!1},required:!1},colorScheme:{defaultValue:{value:"'base'",computed:!1},required:!1}}};export{o as C,ei as R,x as T,G as c,M as s,L as u};

package/dist/assets/SelectField-D3L7IkDZ.css ADDED Viewed

@@ -0,0 +1 @@

+ .SelectFieldLayout--input__ogrEq{position:relative;background-color:var(--302ecf);border-style:solid;color:var(--41d493);background-color:var(--211bc0);border-color:var(--29cd58);border-width:var(--d9baa3);border-radius:var(--c4b051)}@media (hover: hover) and (pointer: fine){.SelectFieldLayout--input__ogrEq:hover{border-color:var(--0bd642)}}.SelectFieldLayout--input__ogrEq select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;outline:none;font-size:var(--0c62d6);font-weight:var(--cb99be);line-height:var(--829b1e);letter-spacing:var(--035113);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);color:var(--d9209f);padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:calc(var(--1ba55a) + calc(var(--7c1b1c) + var(--1ba55a)))}.SelectFieldLayout--icon__ggHbN{position:absolute;top:calc(var(--d9baa3) + var(--1ba55a));left:calc(var(--477fda) - var(--d9baa3));height:var(--7c1b1c);font-size:0;pointer-events:none}.SelectFieldLayout--icon__ggHbN svg{color:var(--cbc724)}.SelectFieldLayout--dropdown-indicator__-xFg9{position:absolute;top:calc(var(--d9baa3) + var(--1ba55a));right:var(--1ba55a);height:var(--7c1b1c);font-size:0;pointer-events:none}.SelectFieldLayout--dropdown-indicator__-xFg9 svg{color:var(--cbc724)}.SelectFieldLayout--has-value__Touz2 .SelectFieldLayout--input__ogrEq select{color:var(--41d493)}.SelectFieldLayout--has-icon__Ned1T .SelectFieldLayout--input__ogrEq select{padding-left:calc(calc(var(--477fda) - var(--d9baa3)) + var(--7c1b1c) + var(--1ba55a))}.SelectFieldLayout--has-error__O7se1 .SelectFieldLayout--input__ogrEq{background-color:var(--95df5b);border-color:var(--eaf4a3)}.SelectFieldLayout--has-error__O7se1 .SelectFieldLayout--input__ogrEq input{color:var(--7b0f41)}.SelectFieldLayout--has-error__O7se1 .SelectFieldLayout--icon__ggHbN svg{color:var(--7b0f41)}.SelectFieldLayout--is-focused__RaJEM .SelectFieldLayout--input__ogrEq{border-color:var(--398094)}.SelectFieldLayout--is-disabled__s-zOz .SelectFieldLayout--input__ogrEq{background-color:var(--04daeb);border-color:transparent}.SelectField__3gpGp{display:flex}

package/dist/assets/SelectField.stories-BiKwJ7cJ.js ADDED Viewed

@@ -0,0 +1,182 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Cb9e4tly.js";import{a as c}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as k,u as Ce,w as Re}from"./index-BVDq5o4N.js";import{F as Le}from"./TokyoUILanguage-CLpo5Vdq.js";import{B as P}from"./Button-BlwReLw5.js";import{I as W}from"./Icon-Wpz7-Jvg.js";import{g as Be}from"./index-DdzHuZ-Y.js";import{w as o}from"./componentNames-Bwls0I02.js";import{u as De,I as Oe,s as Pe,F as We}from"./FieldLayoutBase-xV81xRaV.js";import{m as _e,a as b,b as f}from"./classNames-BUL1Zq7e.js";import{u as Ke}from"./useForcedRef--iGFM41p.js";import{u as Me}from"./useSelectField-Bfc5sABM.js";import{T as Je}from"./Text-BXZIkJPK.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BCfmDQ_b.js";import"./Spinner-B2C3RkCF.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./text-accent-DZDDtpIt.js";import"./FieldAdditionalText-BD8S7qnE.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"./text-centered-CznToR0o.js";const p=({...e})=>a.jsx("option",{...e,...Be(void 0,{preplyDsComponent:o.SelectFieldOption})});try{p.displayName="SelectFieldOption",p.__docgenInfo={description:"Use this as a child of `SelectField` to render a `select` option.",displayName:"SelectFieldOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}const Xe=({onChange:e,onValueChange:n,children:t,placeholder:l,...i},m)=>{const v=_e(Pe,o.Select),r=De(N=>N.target.value,e,n),{required:d}=i,s=typeof l<"u"?a.jsx("option",{value:"",disabled:d,"aria-hidden":!0,children:l}):null,T=a.jsxs(a.Fragment,{children:[s,t]});return a.jsx(Oe,{...i,ref:m,type:"select",className:v.join(" "),onChange:r,preplyDsComponent:o.Select,children:T})},B=u.forwardRef(Xe);try{B.displayName="Select",B.__docgenInfo={description:"",displayName:"Select",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"}},required:{defaultValue:null,description:"",name:"required",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"}]}},"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"}]}},"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"'}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},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>"}]}},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 S={"SelectFieldLayout--input":"SelectFieldLayout--input__ogrEq","SelectFieldLayout--icon":"SelectFieldLayout--icon__ggHbN","SelectFieldLayout--dropdown-indicator":"SelectFieldLayout--dropdown-indicator__-xFg9","SelectFieldLayout--has-value":"SelectFieldLayout--has-value__Touz2","SelectFieldLayout--has-icon":"SelectFieldLayout--has-icon__Ned1T","SelectFieldLayout--has-error":"SelectFieldLayout--has-error__O7se1","SelectFieldLayout--is-focused":"SelectFieldLayout--is-focused__RaJEM","SelectFieldLayout--is-disabled":"SelectFieldLayout--is-disabled__s-zOz"},Ae=({title:e,titleId:n,...t},l)=>u.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:l,"aria-labelledby":n,...t},e?u.createElement("title",{id:n},e):null,u.createElement("path",{fillRule:"evenodd",d:"m12 16-6-5.61L7.487 9 12 13.22 16.513 9 18 10.39 12 16Z",clipRule:"evenodd"})),Ue=u.forwardRef(Ae),ze=({id:e,className:n,input:t,icon:l,disabled:i,isFocused:m,hasError:v,inputHandle:r,onClick:d,hasValue:s,...T},N)=>{const h=u.useRef(null);u.useImperativeHandle(N,()=>({setFocus:()=>r==null?void 0:r.setFocus(),scrollIntoView:()=>{var g;return(g=h==null?void 0:h.current)==null?void 0:g.scrollIntoView()}}));const K=b(S,o.SelectFieldLayout,[f("is-disabled",void 0,i),f("is-focused",void 0,m),f("has-error",void 0,v),f("has-icon",void 0,!!l),f("has-value",void 0,s)]),je=n?[n,...K]:K,He=b(S,o.SelectFieldLayout,["input"]),ke=b(S,o.SelectFieldLayout,["icon"]),Te=b(S,o.SelectFieldLayout,["dropdown-indicator"]),Ne=g=>{r==null||r.setFocus(),d==null||d(g)};return a.jsx(We,{id:e,className:je.join(" "),disabled:i,isFocused:m,hasError:v,hasValue:s,...T,preplyDsComponent:o.SelectFieldLayout,ref:h,children:a.jsxs("div",{className:He.join(" "),onClick:Ne,children:[l&&a.jsx("span",{style:{lineHeight:"initial"},className:ke.join(" "),children:l}),t,a.jsx("span",{style:{lineHeight:"initial"},className:Te.join(" "),children:a.jsx(W,{svg:Ue})})]})})},D=u.forwardRef(ze);try{D.displayName="SelectFieldLayout",D.__docgenInfo={description:"",displayName:"SelectFieldLayout",props:{preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},label:{defaultValue:null,description:"",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"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},hideLabel:{defaultValue:null,description:"",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"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},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"}]}},isFocused:{defaultValue:null,description:"",name:"isFocused",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isTouched:{defaultValue:null,description:"",name:"isTouched",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isChanged:{defaultValue:null,description:"",name:"isChanged",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasValue:{defaultValue:null,description:"",name:"hasValue",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"}]}},input:{defaultValue:null,description:"An `<input>` element.",name:"input",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},inputHandle:{defaultValue:null,description:"A ref handle to the `<input>` element, used to manage focus when\nclicking on elements within the layout, such as the button and icon.",name:"inputHandle",required:!0,type:{name:"enum",value:[{value:"null"},{value:"InputImperativeHandle"}]}},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>"}]}},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 Ye="SelectField__3gpGp",$e={SelectField:Ye},Ge=({id:e,...n},t)=>{const l=u.useRef(null),i=Ke();u.useImperativeHandle(t,()=>({setFocus:()=>{var s;return(s=l==null?void 0:l.current)==null?void 0:s.setFocus()},scrollIntoView:()=>{var s;return(s=l==null?void 0:l.current)==null?void 0:s.scrollIntoView()}}));const{layoutProps:m,inputProps:v}=Me({id:e,...n},o.SelectField),r=_e($e,o.SelectField),d=a.jsx(B,{...v,ref:i});return a.jsx(D,{...m,className:r.join(" "),input:d,inputHandle:i.current,ref:l})},y=u.forwardRef(Ge);try{y.displayName="SelectField",y.__docgenInfo={description:"Use this with `SelectFieldOption`s to render a `select` dropdown.\n\nBy default, this field acts as a controlled field and expects the parent\ncomponent to manage the state, by reacting to user input via the `onChange` or\n`onValueChange` props, and providing the latest state via the `value` prop.\n\nAlternatively, you can use it as an uncontrolled field using the\n`defaultValue` prop instead of the `value` prop.",displayName:"SelectField",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"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},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"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},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>"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ReactElement<IconProps, string | JSXElementConstructor<any>>"}]}},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 La={title:"components/SelectField",component:y,subcomponents:{SelectFieldOption:p},args:{label:"Language",placeholder:"Select a language",defaultValue:"",inputDataset:{testid:"input"},onChange:c("onChange"),onBlur:c("onBlur"),onFocus:c("onFocus"),onClick:c("onClick"),onCopy:c("onCopy"),onKeyDown:c("onKeyDown"),onKeyUp:c("onKeyUp"),onPaste:c("onPaste"),onValueChange:c("onValueChange")},render:function(n){const t=u.useRef(null);return n.ref=t,a.jsxs(y,{...n,children:[a.jsx(p,{value:"english",children:"English"}),a.jsx(p,{value:"spanish",children:"Spanish"}),a.jsx(p,{value:"french",children:"French"})]})}},V={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},q={args:{defaultValue:"english"},play:async({canvas:e})=>{const n=e.getByTestId("input");return await k(n).toHaveValue("english"),await Ce.selectOptions(n,"spanish"),k(n).toHaveValue("spanish")}},x={args:{icon:a.jsx(W,{svg:Le})}},E={args:{additionalText:"This is additional text"}},w={args:{required:!0}},F={args:{required:!0,requiredLabel:a.jsx(Je,{accent:"critical",variant:"m-bold",children:"Needed"})}},I={args:{hideLabel:!0}},C={args:{hasError:!0}},R={args:{hasError:!0,errorMessage:"This is an error message"}},L={args:{disabled:!0}},_={decorators:[(e,{args:n})=>a.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[a.jsxs("p",{children:["You can"," ",a.jsx(P,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var t,l;return(l=(t=n.ref)==null?void 0:t.current)==null?void 0:l.setFocus()},children:"Focus"})," ","the input imperatively."]}),a.jsx(e,{})]})],play:async({args:e,canvas:n})=>{if(!O(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=n.getByTestId("input");await Ce.click(n.getByTestId("focus-button")),await Re(()=>k(t).toHaveFocus())}},j={decorators:[(e,{args:n})=>a.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[a.jsxs("p",{children:["You can"," ",a.jsx(P,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!O(n.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");n.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),a.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:a.jsx(e,{})})]})],play:async({args:e,canvas:n})=>{if(!O(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const t=n.getByTestId("input");e.ref.current.scrollIntoView(),await Re(()=>k(t).toBeVisible())}};function O(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const H={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `SelectField` with the `required` flag,\n`placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty, it:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(n){const[t,l]=u.useState(void 0),[i,m]=u.useState(!1),v=i&&!t&&"Please select an option",r=u.useRef(null),d=()=>{var s;m(!0),t||(s=r==null?void 0:r.current)==null||s.setFocus()};return a.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[a.jsxs(y,{...n,value:t,required:!0,icon:a.jsx(W,{svg:Le,label:"Student with a hat"}),placeholder:"Select a subject",additionalText:"We will use this to get a personalized choice of tutors",onValueChange:l,errorMessage:v,ref:r,children:[a.jsx(p,{value:"english",children:"English"}),a.jsx(p,{value:"spanish",children:"Spanish"}),a.jsx(p,{value:"french",children:"French"})]}),a.jsx(P,{onClick:()=>d(),children:"Submit"})]})}};var M,J,X;V.parameters={...V.parameters,docs:{...(M=V.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
+      }
+    }
+  }
+}`,...(X=(J=V.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var A,U,z;q.parameters={...q.parameters,docs:{...(A=q.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'english'
+  },
+  play: async ({
+    canvas
+  }) => {
+    const input = canvas.getByTestId('input');
+    await expect(input).toHaveValue('english');
+    await userEvent.selectOptions(input, 'spanish');
+    return expect(input).toHaveValue('spanish');
+  }
+}`,...(z=(U=q.parameters)==null?void 0:U.docs)==null?void 0:z.source}}};var Y,$,G;x.parameters={...x.parameters,docs:{...(Y=x.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  args: {
+    icon: <Icon svg={LanguageSvg} />
+  }
+}`,...(G=($=x.parameters)==null?void 0:$.docs)==null?void 0:G.source}}};var Z,Q,ee;E.parameters={...E.parameters,docs:{...(Z=E.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    additionalText: 'This is additional text'
+  }
+}`,...(ee=(Q=E.parameters)==null?void 0:Q.docs)==null?void 0:ee.source}}};var ae,ne,le;w.parameters={...w.parameters,docs:{...(ae=w.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    required: true
+  }
+}`,...(le=(ne=w.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var te,re,ue;F.parameters={...F.parameters,docs:{...(te=F.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  args: {
+    required: true,
+    requiredLabel: <Text accent="critical" variant="m-bold">
+                Needed
+            </Text>
+  }
+}`,...(ue=(re=F.parameters)==null?void 0:re.docs)==null?void 0:ue.source}}};var se,ie,oe;I.parameters={...I.parameters,docs:{...(se=I.parameters)==null?void 0:se.docs,source:{originalSource:`{
+  args: {
+    hideLabel: true
+  }
+}`,...(oe=(ie=I.parameters)==null?void 0:ie.docs)==null?void 0:oe.source}}};var de,ce,pe;C.parameters={...C.parameters,docs:{...(de=C.parameters)==null?void 0:de.docs,source:{originalSource:`{
+  args: {
+    hasError: true
+  }
+}`,...(pe=(ce=C.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,ve,fe;R.parameters={...R.parameters,docs:{...(me=R.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    hasError: true,
+    errorMessage: 'This is an error message'
+  }
+}`,...(fe=(ve=R.parameters)==null?void 0:ve.docs)==null?void 0:fe.source}}};var ye,he,ge;L.parameters={...L.parameters,docs:{...(ye=L.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  args: {
+    disabled: true
+  }
+}`,...(ge=(he=L.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};var be,Se,Ve;_.parameters={..._.parameters,docs:{...(be=_.parameters)==null?void 0:be.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());
+  }
+}`,...(Ve=(Se=_.parameters)==null?void 0:Se.docs)==null?void 0:Ve.source}}};var qe,xe,Ee;j.parameters={...j.parameters,docs:{...(qe=j.parameters)==null?void 0:qe.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());
+  }
+}`,...(Ee=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ee.source}}};var we,Fe,Ie;H.parameters={...H.parameters,docs:{...(we=H.parameters)==null?void 0:we.docs,source:{originalSource:`{
+  tags: ['!test'],
+  parameters: {
+    docs: {
+      description: {
+        story: \`
+The following code renders a \\\`SelectField\\\` with the \\\`required\\\` flag,
+\\\`placeholder\\\` and some \\\`additionalText\\\`.
+When you click the "Submit" button, and the input \\\`value\\\` is empty, it:
+- Displays feedback via the \\\`errorMessage\\\` prop;
+- Brings the focus back to the field.
+\`
+      }
+    },
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: function Story(args) {
+    const [value, setValue] = useState<string | undefined>(undefined);
+    const [submited, setSubmitted] = useState(false);
+    const errorMessage = submited && !value && 'Please select an option';
+    const fieldRef = useRef<InputImperativeHandle>(null);
+    const handleClick = () => {
+      setSubmitted(true);
+      if (!value) {
+        fieldRef?.current?.setFocus();
+      }
+    };
+    return <div style={{
+      maxWidth: '500px',
+      display: 'flex',
+      flexDirection: 'column'
+    }}>
+                <SelectField {...args} value={value} required icon={<Icon svg={LanguageSvg} label="Student with a hat" />} placeholder="Select a subject" additionalText="We will use this to get a personalized choice of tutors" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef}>
+                    <SelectFieldOption value="english">English</SelectFieldOption>
+                    <SelectFieldOption value="spanish">Spanish</SelectFieldOption>
+                    <SelectFieldOption value="french">French</SelectFieldOption>
+                </SelectField>
+                <Button onClick={() => handleClick()}>Submit</Button>
+            </div>;
+  }
+}`,...(Ie=(Fe=H.parameters)==null?void 0:Fe.docs)==null?void 0:Ie.source}}};const _a=["Basic","WithValue","WithIcon","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{V as Basic,L as Disabled,H as Example,C as HasError,R as HasErrorWithMessage,j as ImperativeScrollIntoView,_ as ImperativeSetFocus,w as Required,F as RequiredWithCustomLabel,E as WithAdditionalText,I as WithHiddenLabel,x as WithIcon,q as WithValue,_a as __namedExportsOrder,La as default};

package/dist/assets/{ShowOnIntersection.stories-BYz5GE4A.js → ShowOnIntersection.stories-D4B8EpSn.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{O as f}from"./ObserveIntersection-D396wl1Z.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./componentNames-Bwls0I02.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"div"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"p"'},{value:'"span"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const _={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Cb9e4tly.js";import{O as f}from"./ObserveIntersection-Ccn6ggRl.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./componentNames-Bwls0I02.js";const a=({onIntersect:e,once:u,threshold:c,tag:d,dataset:p,children:m})=>{const[l,v]=o.useState(!1),h=o.useCallback(()=>{l||v(!0),e==null||e()},[l,e]);return t.jsx(f,{onIntersect:h,once:e?u:!0,threshold:c,tag:d,dataset:p,children:l&&m})};try{a.displayName="ShowOnIntersection",a.__docgenInfo={description:"Only renders the wrapped components once it intersects with the viewport.\n\nNote that elements will not be detached from the DOM if the component is\nscrolled out of view again.\n\nYou can use `React.lazy` to lazy-load the wrapped components.\n\nAdditionally, an `onIntersect` callback can be provided. As with\n`ObserveIntersection`, this callback will be called every time the component\nintersects with the viewport, or only the first time if `once` is set to\n`true`.",displayName:"ShowOnIntersection",props:{onIntersect:{defaultValue:null,description:"",name:"onIntersect",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},once:{defaultValue:null,description:"",name:"once",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},threshold:{defaultValue:null,description:"",name:"threshold",required:!1,type:{name:"enum",value:[{value:"number"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"li"'},{value:'"fieldset"'},{value:'"table"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const _={title:"components/ShowOnIntersection",component:a,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},n=()=>t.jsx("div",{style:{height:"200px",overflowY:"scroll",position:"relative"},children:t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(a,{children:t.jsx("p",{children:"Intersected"})})})});n.storyName="ShowOnIntersection";var r,s,i;n.parameters={...n.parameters,docs:{...(r=n.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
   return <div style={{
     height: '200px',
     overflowY: 'scroll',

package/dist/assets/Spinner-B2C3RkCF.js ADDED Viewed

@@ -0,0 +1 @@

+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as e}from"./index-Cb9e4tly.js";import{m as o,s as m,a as p}from"./classNames-BUL1Zq7e.js";import{S as c}from"./defaults-B1rzzf6M.js";const u="Spinner__XvUpd",S="spin__iEg7N",l={Spinner:u,"Spinner--size-default":"Spinner--size-default__mYug6","Spinner--size-large":"Spinner--size-large__w-57e","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__Y1CEQ","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__10-GA","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__sGEJB","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__z3YD6","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__Gc7Yo","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__a1mSJ","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__n3cXu","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__kdEFZ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__44Cv-","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__uxzU7","Spinner--static":"Spinner--static__Jjv6L","Spinner--animated":"Spinner--animated__gi5FM",spin:S},_=({title:n,titleId:i,...r},s)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),f=e.forwardRef(_),z=({title:n,titleId:i,...r},s)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":i,...r},n?e.createElement("title",{id:i},n):null,e.createElement("g",{clipPath:"url(#clip0_1785_4234)"},e.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_1785_4234"},e.createElement("rect",{width:32,height:32,fill:"white"})))),g=e.forwardRef(z),t="Spinner",d=({size:n=c})=>{const i=o(l,t,[m("size",n)]),r=[...p(l,t,["animated"])],s=[...p(l,t,["static"])];return a.jsxs("span",{className:i.join(" "),children:[a.jsx("span",{className:r.join(" "),children:a.jsx(g,{})}),a.jsx("span",{className:s.join(" "),children:a.jsx(f,{})})]})};try{d.displayName="Spinner",d.__docgenInfo={description:"",displayName:"Spinner",props:{size:{defaultValue:{value:"default"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}}}}}catch{}export{d as S};

package/dist/assets/Spinner-CzIq-Vt3.css ADDED Viewed

@@ -0,0 +1 @@

+ @keyframes spin__iEg7N{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Spinner__XvUpd{display:inline-flex}.Spinner--size-default__mYug6>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--size-large__w-57e>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){.Spinner--narrow-l--size-default__Y1CEQ>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--narrow-l--size-large__10-GA>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){.Spinner--medium-s--size-default__sGEJB>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--medium-s--size-large__z3YD6>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){.Spinner--medium-l--size-default__Gc7Yo>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--medium-l--size-large__a1mSJ>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){.Spinner--wide-s--size-default__n3cXu>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--wide-s--size-large__kdEFZ>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){.Spinner--wide-l--size-default__44Cv->*{width:var(--9270b5);height:var(--9270b5)}.Spinner--wide-l--size-large__uxzU7>*{width:var(--77547f);height:var(--77547f)}}.Spinner--static__Jjv6L{display:none}.Spinner--static__Jjv6L svg{fill:currentColor}.Spinner--animated__gi5FM{display:inline-flex}.Spinner--animated__gi5FM svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;animation:spin__iEg7N 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){.Spinner--static__Jjv6L{display:inline-flex}.Spinner--animated__gi5FM{display:none}}

package/dist/assets/Steps-B_rpKUTa.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .steps__6mN2m[aria-busy=true]{cursor:wait}.steps__6mN2m>.content__t3rlv{margin-top:var(--558c4c)}.steps__6mN2m>.content__t3rlv>.header__hCorO{display:flex;flex-direction:column;gap:var(--66b80b);margin-bottom:var(--558c4c)}.steps__6mN2m>.content__t3rlv>.header__hCorO>.description__j42sQ{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);color:var(--3d280d);margin:0}

package/dist/assets/Steps-cwath_9x.js ADDED Viewed

@@ -0,0 +1,26 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{B as y}from"./Button-BlwReLw5.js";import"./index-D1pfvbUR.js";import{H as C}from"./Heading-Bj7LLgoH.js";import{P as I}from"./ProgressSteps-BdahNXrs.js";import{g as M}from"./index-DdzHuZ-Y.js";import{w as V}from"./componentNames-Bwls0I02.js";import{M as b}from"./message-B1DLZQ1U.js";const E="steps__6mN2m",q="content__t3rlv",A="header__hCorO",B="description__j42sQ",g={steps:E,content:q,header:A,description:B},N=i.createContext(void 0),P=()=>{const n=i.useContext(N);if(n===void 0)throw new Error("Steps navigation components must be used within a Steps component");return n||{}},O=i.forwardRef(function({onClick:t,disabled:p,variant:o="tertiary",...c},d){const{goToPreviousStep:s,currentStep:u,isNavigating:l,contentId:m}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:r=>{t==null||t(r),!r.defaultPrevented&&s()},disabled:u===1||l||p,"aria-controls":m,children:c.children||e.jsx(b,{id:"preply-ds.steps.previous",defaultMessage:"Previous",description:"Button used to navigate to the previous step"})})}),D=i.forwardRef(function({onClick:t,disabled:p,variant:o="primary",...c},d){const{goToNextStep:s,currentStep:u,totalSteps:l,isNavigating:m,contentId:r}=P();return e.jsx(y,{...c,ref:d,variant:o,onClick:S=>{t==null||t(S),!S.defaultPrevented&&s()},disabled:u===l||m||p,"aria-controls":r,children:c.children||e.jsx(b,{id:"preply-ds.steps.next",defaultMessage:"Next",description:"Button used to navigate to the next step"})})}),R=({children:n,"aria-label":t,initialStep:p=1,onStepChange:o,dataset:c})=>{const d=i.useId(),[s,u]=i.useState(p),[l,m]=i.useState(!1),r=[],S=[];n==null||n.forEach(a=>{i.isValidElement(a)&&a.type===T?r.push(a):S.push(a)});const h=r.length,w=M(c,{preplyDsComponent:V.Steps}),f=async a=>{const v=Math.min(Math.max(a,1),h);if(!o){u(v);return}m(!0);try{const _=await o(s,v);u(_??v)}finally{m(!1)}},j={goToPreviousStep:()=>f(s-1),goToNextStep:()=>f(s+1),goToStep:a=>f(a),currentStep:s,totalSteps:h,isNavigating:l,contentId:d};return e.jsxs("div",{...w,className:g.steps,id:d,"aria-live":"polite","aria-busy":l,children:[e.jsx(I,{currentStep:s,totalSteps:h,"aria-label":t}),e.jsx("div",{className:g.content,children:e.jsxs(N.Provider,{value:j,children:[r[s-1],S]})})]})},T=({title:n,description:t,children:p,hideHeader:o})=>e.jsxs(e.Fragment,{children:[!o&&e.jsxs("hgroup",{className:g.header,children:[e.jsx(C,{tag:"h3",variant:"medium",children:n}),t&&e.jsx("p",{className:g.description,children:t})]}),p]}),x=Object.assign(R,{Step:T,Previous:O,Next:D});try{x.displayName="Steps",x.__docgenInfo={description:"This component allows users to navigate through a series of steps, providing\na structured way to complete tasks or forms. It will also handle screen reader\nannouncements and progress indicators.\n\nTo create a step, wrap the content of each step in a `Steps.Step` component.\nAny non-`Steps.Step` children will be rendered outside of the steps flow,\nright after the currently active step.\n\nTo navigate between steps, use the `Steps.Previous` and `Steps.Next` components.\nAlternatively, you can use the `StepsContext` directly to call\n`goToPreviousStep`, `goToNextStep`, or `goToStep`.",displayName:"Steps",props:{"aria-label":{defaultValue:null,description:`A description of the step flow and its content for screen readers.
+@example 'Onboarding Steps', 'Checkout Steps', 'Survey Steps', etc.`,name:"aria-label",required:!0,type:{name:"string"}},initialStep:{defaultValue:{value:"1"},description:"The initial step to start at (from `1` to `children.length`).",name:"initialStep",required:!1,type:{name:"enum",value:[{value:"number"}]}},onStepChange:{defaultValue:null,description:`Optional callback to control navigation between steps.
+This is triggered either by using the \`Steps.Previous\` and \`Steps.Next\`
+components, or by calling \`goToPreviousStep\`, \`goToNextStep\`, or
+\`goToStep\` from the \`StepsContext\`.
+Can be used to:
+- Skip/redirect steps conditionally
+- Perform async process (e.g. validation) on step changes, marking the
+  element as busy/loading
+@param currentStep The current step (1-based)
+@param nextStep The next, incoming step
+@returns Promise that resolves to:
+- \`undefined\`: proceed with default navigation
+- \`number\`: override the destination step
+@example Add async validation
+const handleStepChange = async (current, next) => {
+await validateStep(current);
+return next;
+};
+@example Skip a step
+const handleStepChange = async (current, next) => {
+if (next === 2) return 3; // Skip step 2
+return next;
+};`,name:"onStepChange",required:!1,type:{name:"enum",value:[{value:"(currentStep: number, nextStep: number) => number | Promise<number | undefined> | undefined"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}export{x as S,P as u};

package/dist/assets/{Steps.stories-D3jWUCfp.js → Steps.stories-BKq08-vN.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as G}from"./index-Cb9e4tly.js";import{e as r,u as a,w as o}from"./index-BVDq5o4N.js";import{S as t,u as X}from"./Steps-CfdqlU3Q.js";import{L as h}from"./LayoutFlex-D2upWEjL.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-CWNujLtP.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-CJjNfOwu.js";import"./Spinner-Iaah9nUJ.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-DcJnmvUa.js";import"./text-accent-BMdpzlaC.js";import"./text-centered-VuFsr_qt.js";import"./ProgressSteps-7jb0rnSw.js";import"./message-B1DLZQ1U.js";import"./layout-relative.module-C63T27Fr.js";const je={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as G}from"./index-Cb9e4tly.js";import{e as r,u as a,w as o}from"./index-BVDq5o4N.js";import{S as t,u as X}from"./Steps-cwath_9x.js";import{L as h}from"./LayoutFlex-5ZDeW2G6.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./Button-BlwReLw5.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-BCfmDQ_b.js";import"./Spinner-B2C3RkCF.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./Heading-Bj7LLgoH.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./ProgressSteps-BdahNXrs.js";import"./message-B1DLZQ1U.js";import"./layout-relative.module-ed9bC4H4.js";const je={title:"Components/Steps",component:t,decorators:[s=>e.jsx("div",{style:{padding:"32px"},children:e.jsx(s,{})})]},i=e.jsx("div",{style:{width:"100%",height:"300px",backgroundColor:"#e0e0e0",marginBottom:"16px"}}),c={parameters:{docs:{description:{story:"Basic usage with header, controls, and content per step."}}},render:()=>e.jsxs(t,{dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"This is the description for step 1.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"This is the description for step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the description for step 3.",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]}),play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 1")).toBeVisible()})}},d={parameters:{docs:{description:{story:"Example with hidden headers and only content per step."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 2",hideHeader:!0,children:i}),e.jsx(t.Step,{title:"Step 3",hideHeader:!0,children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},l={parameters:{docs:{description:{story:"Example demonstrating the use of a custom `initialStep`."}}},render:()=>e.jsxs(t,{initialStep:2,"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Step 1 is skipped.",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Starting at step 2.",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This is the third step.",children:i})]})},S={parameters:{docs:{description:{story:"Example with only navigation controls, no headers or content."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",children:i}),e.jsx(t.Step,{title:"Step 2",children:i}),e.jsx(t.Step,{title:"Step 3",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},u={parameters:{docs:{description:{story:`Example with a 1-second async delay between steps.
 Navigation controls are disabled during transitions, with a cursor loading indicator.`}}},render:()=>{const s=async(p,n)=>(await new Promise(g=>setTimeout(g,1e3)),n);return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Navigation has a 1s delay",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Each navigation has async validation",children:i}),e.jsx(t.Step,{title:"Step 3",description:"Buttons are disabled during validation",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Final step",children:i}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{const p=s.getByTestId("steps");r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),r(p).toContainHTML('aria-busy="true"'),await o(()=>{r(p).toContainHTML('aria-busy="false"'),r(s.getByText("Step 2")).toBeVisible()})}},y={parameters:{docs:{description:{story:"You can override the navigation flow using `onStepChange`.\n\nThe following example skips step 3 and goes directly to step 4."}}},render:()=>{const s=async(p,n)=>n===3?p<3?4:2:n;return e.jsxs(t,{onStepChange:s,dataset:{testid:"steps"},"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Step 1",description:"Next goes to step 2",children:i}),e.jsx(t.Step,{title:"Step 2",description:"Step 3 will always be skipped",children:i}),e.jsx(t.Step,{title:"Step 3",description:"This step is not accessible",children:i}),e.jsx(t.Step,{title:"Step 4",description:"Previous goes to step 2",children:i}),e.jsxs(h,{justifyContent:"space-between",children:[e.jsx(t.Previous,{}),e.jsx(t.Next,{})]})]})},play:async({canvas:s})=>{r(s.getByText("Step 1")).toBeVisible(),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()}),await a.click(s.getByText("Next")),await o(()=>{r(s.getByText("Step 4")).toBeVisible()}),await a.click(s.getByText("Previous")),await o(()=>{r(s.getByText("Step 2")).toBeVisible()})}},x={parameters:{docs:{description:{story:"Although not a great UX, you can customize the placement of the navigation buttons."}}},render:()=>e.jsxs(t,{"aria-label":"Story Steps",children:[e.jsx(t.Step,{title:"Custom Buttons Location",description:"Navigation buttons can be placed anywhere",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(t.Previous,{variant:"secondary"}),e.jsx(t.Next,{})]}),i]})}),e.jsxs(t.Step,{title:"Customized Navigation",description:"Buttons can have custom text and styles",children:[i,e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},children:[e.jsx(t.Next,{variant:"secondary",children:"Continue"}),e.jsx(t.Previous,{variant:"tertiary",children:"Go Back"})]})]}),e.jsxs(t.Step,{title:"Final Step",description:"Only previous button is needed here",children:[i,e.jsx("div",{children:e.jsx(t.Previous,{children:"Return to previous step"})})]})]})},Y=()=>{const{goToPreviousStep:s,goToNextStep:p,goToStep:n,totalSteps:g,isNavigating:v}=X();return G.useEffect(()=>{const b=O=>{if(!v)switch(O.key){case"ArrowLeft":s();break;case"ArrowRight":p();break;case"1":n(1);break;case"2":n(2);break;case"3":n(3);break}};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[s,p,n,g,v]),e.jsxs("div",{style:{padding:"16px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsxs("p",{children:[e.jsx("strong",{children:"Keyboard Navigation:"})," Click here to focus, then use:"]}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("kbd",{children:"←"})," Previous step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"→"})," Next step"]}),e.jsxs("li",{children:[e.jsx("kbd",{children:"1"})," - ",e.jsx("kbd",{children:"3"})," Jump to step"]})]})]})},m={parameters:{docs:{description:{story:`This example demonstrates controlled navigation using the Steps context.