@preply/ds-docs 0.97.3 → 0.97.4

package/dist/assets/SelectField.stories-BDoBCrB9.js

@@ -1,28 +0,0 @@
-import{j as e}from"./jsx-runtime-Bxcv0yjW.js";import{F as ne}from"./TokyoUIStudy-Bf_sbLdW.js";import{r as s}from"./index-mfbfsM12.js";import{B as re}from"./Button-CsD80zLl.js";import{I as Z}from"./Icon-CNtrVm52.js";import{g as ce,w as p}from"./componentNames-BAR5iJaT.js";import{s as P,u as de,I as ue,F as pe}from"./FieldLayoutBase-Dbqo_URw.js";import{u as k}from"./useStyleExtract-nWieKQF4.js";import{m as G,a as _,b as j}from"./classNames-RlyrdfpN.js";import{m as he,u as me}from"./useForcedRef-nvdR-8Xt.js";import{m as Se}from"./getInputProps-C2L1DtDZ.js";import{S as Fe}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ButtonBase-kKJbXmkq.js";import"./Spinner-CjcnFiyL.js";import"./useHostname-xnO3cZkD.js";import"./index-CC6DAVyL.js";import"./useTextAccentClassnames-iB7PeFbR.js";import"./style-inject.es-O-YsppCx.js";import"./FieldAdditionalText-CL5iCCLi.js";import"./constants-DL6gdbsq.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";const fe=(l,a)=>{const{id:c,value:t,label:n,hideLabel:i,wrapLabel:d,preserveSpace:o,required:u,requiredLabel:r,additionalText:m,disabled:S,hasError:F,errorMessage:v,icon:I,onFocus:g,onBlur:x,onChange:b,inputDataset:E,dataset:f,placeholder:J,defaultValue:O,...K}=l,N=c||he(),[Q,R]=s.useState(!1),[U,X]=s.useState(!1),[Y,ee]=s.useState(!1),[te,D]=s.useState(!!(t||O)),se=s.useCallback(y=>{R(!0),X(!0),g==null||g(y)},[]),le=s.useCallback(y=>{R(!1),x==null||x(y)},[]),oe=s.useCallback(y=>{ee(!0),D(!!y.target.value),b==null||b(y)},[]),T=!!t;s.useEffect(()=>{O||D(T)},[T]);const V=F||!!v,ae=v||m,ie=V||m?Se(N):void 0;return{layoutProps:{id:N,label:n,hideLabel:i,wrapLabel:d,required:u,requiredLabel:r,additionalText:ae,preserveSpace:o,disabled:S,isFocused:Q,isTouched:U,isChanged:Y,hasValue:te,hasError:V,icon:I,dataset:f,preplyDsComponent:a},inputProps:{id:N,value:t,onFocus:se,onBlur:le,onChange:oe,required:u,disabled:S,hasError:V,dataset:E,"aria-describedby":ie,placeholder:J,defaultValue:O,...K}}},h=({...l})=>e.jsx("option",{...l,...ce({preplyDsComponent:p.SelectFieldOption})}),ye=({onChange:l,onValueChange:a,children:c,placeholder:t,...n},i)=>{k(P);const d=G(P,p.Select),o=de(S=>S.target.value,l,a),{required:u}=n,r=typeof t<"u"?e.jsx("option",{value:"",disabled:u,"aria-hidden":!0,children:t}):null,m=e.jsxs(e.Fragment,{children:[r,c]});return e.jsx(ue,{...n,ref:i,type:"select",className:d.join(" "),onChange:o,preplyDsComponent:p.Select,children:m})},ve=s.forwardRef(ye),L={"SelectFieldLayout--input":"_SelectFieldLayout--input_9ye5r_5","SelectFieldLayout--icon":"_SelectFieldLayout--icon_9ye5r_37","SelectFieldLayout--dropdown-indicator":"_SelectFieldLayout--dropdown-indicator_9ye5r_48","SelectFieldLayout--has-value":"_SelectFieldLayout--has-value_9ye5r_59","SelectFieldLayout--has-icon":"_SelectFieldLayout--has-icon_9ye5r_62","SelectFieldLayout--has-error":"_SelectFieldLayout--has-error_9ye5r_65","SelectFieldLayout--is-focused":"_SelectFieldLayout--is-focused_9ye5r_75","SelectFieldLayout--is-disabled":"_SelectFieldLayout--is-disabled_9ye5r_78"},ge=({title:l,titleId:a,...c},t)=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...c},l?s.createElement("title",{id:a},l):null,s.createElement("path",{d:"m12.65 15.442 4.298-3.683c.704-.604.277-1.759-.651-1.759H7.703c-.928 0-1.355 1.155-.65 1.76l4.296 3.682a1 1 0 0 0 1.302 0Z"})),xe=s.forwardRef(ge),be=({id:l,className:a,input:c,icon:t,disabled:n,isFocused:i,hasError:d,inputHandle:o,onClick:u,hasValue:r,...m},S)=>{k(L);const F=s.useRef(null);s.useImperativeHandle(S,()=>({setFocus:()=>o==null?void 0:o.setFocus(),scrollIntoView:()=>{var f;return(f=F==null?void 0:F.current)==null?void 0:f.scrollIntoView()}}));const v=_(L,p.SelectFieldLayout,[j("is-disabled",void 0,n),j("is-focused",void 0,i),j("has-error",void 0,d),j("has-icon",void 0,!!t),j("has-value",void 0,r)]),I=a?[a,...v]:v,g=_(L,p.SelectFieldLayout,["input"]),x=_(L,p.SelectFieldLayout,["icon"]),b=_(L,p.SelectFieldLayout,["dropdown-indicator"]),E=f=>{o==null||o.setFocus(),u==null||u(f)};return e.jsx(pe,{id:l,className:I.join(" "),disabled:n,isFocused:i,hasError:d,hasValue:r,...m,preplyDsComponent:p.SelectFieldLayout,ref:F,children:e.jsxs("div",{className:g.join(" "),onClick:E,children:[t&&e.jsx("span",{style:{lineHeight:"initial"},className:x.join(" "),children:t}),c,e.jsx("span",{style:{lineHeight:"initial"},className:b.join(" "),children:e.jsx(Z,{svg:xe})})]})})},je=s.forwardRef(be),Le="_SelectField_182ji_1",W={SelectField:Le},Ce=({id:l,...a},c)=>{k(W);const t=s.useRef(null),n=me();s.useImperativeHandle(c,()=>({setFocus:()=>{var r;return(r=t==null?void 0:t.current)==null?void 0:r.setFocus()},scrollIntoView:()=>{var r;return(r=t==null?void 0:t.current)==null?void 0:r.scrollIntoView()}}));const{layoutProps:i,inputProps:d}=fe({id:l,...a},p.SelectField),o=G(W,p.SelectField),u=e.jsx(ve,{...d,ref:n});return e.jsx(je,{...i,className:o.join(" "),input:u,inputHandle:n.current,ref:t})},B=s.forwardRef(Ce),Xe={title:"components/SelectField",component:B,subcomponents:{SelectFieldOption:h},decorators:[l=>e.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:e.jsx(Fe,{theme:"tokyo-ui",children:l()})})]},w=()=>e.jsxs(B,{label:"Language",defaultValue:"english",children:[e.jsx(h,{value:"english",children:"English"}),e.jsx(h,{value:"spanish",children:"Spanish"}),e.jsx(h,{value:"french",children:"French"})]}),C=()=>{const[l,a]=s.useState(void 0),[c,t]=s.useState(!1),n=c&&!l&&"Please select an option",i=s.useRef(null),d=()=>{var o;t(!0),l||(o=i==null?void 0:i.current)==null||o.setFocus()};return e.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[e.jsxs(B,{value:l,label:"Subject",required:!0,icon:e.jsx(Z,{svg:ne,label:"Student with a hat"}),placeholder:"Select a subject",additionalText:"We will use this to get a personalized choice of tutors",onValueChange:a,errorMessage:n,ref:i,children:[e.jsx(h,{value:"english",children:"English"}),e.jsx(h,{value:"spanish",children:"Spanish"}),e.jsx(h,{value:"french",children:"French"})]}),e.jsx(re,{onClick:()=>d(),children:"Submit"})]})};C.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'}}};var q,M,$;w.parameters={...w.parameters,docs:{...(q=w.parameters)==null?void 0:q.docs,source:{originalSource:`() => <SelectField label="Language" defaultValue="english">
-        <SelectFieldOption value="english">English</SelectFieldOption>
-        <SelectFieldOption value="spanish">Spanish</SelectFieldOption>
-        <SelectFieldOption value="french">French</SelectFieldOption>
-    </SelectField>`,...($=(M=w.parameters)==null?void 0:M.docs)==null?void 0:$.source}}};var H,z,A;C.parameters={...C.parameters,docs:{...(H=C.parameters)==null?void 0:H.docs,source:{originalSource:`() => {
-  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 value={value} label="Subject" required icon={<Icon svg={StudySvg} 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>;
-}`,...(A=(z=C.parameters)==null?void 0:z.docs)==null?void 0:A.source}}};const Ye=["Basic","Example"];export{w as Basic,C as Example,Ye as __namedExportsOrder,Xe as default};

package/dist/assets/ShowOnIntersection.stories-D5ybqJmO.js

@@ -1,17 +0,0 @@
-import{j as t}from"./jsx-runtime-Bxcv0yjW.js";import{r as s}from"./index-mfbfsM12.js";import{O as S}from"./ObserveIntersection-3A5JnM6d.js";import{S as v}from"./StoryContextDSWeb-CQCIj3Y9.js";import"./_commonjsHelpers-BosuxZz1.js";import"./componentNames-BAR5iJaT.js";import"./useStyleExtract-nWieKQF4.js";import"./StorybookGlobalStyle-C0X2e0mN.js";import"./styled-components.browser.esm-BppVzN7H.js";import"./RootProvider-DbgEixHa.js";import"./useTheme-D6du8lDT.js";import"./useColorScheme-CRstX5qq.js";import"./classNames-RlyrdfpN.js";import"./style-inject.es-O-YsppCx.js";const a=({onIntersect:e,once:l,threshold:c,tag:m,dataset:d,children:h})=>{const[r,x]=s.useState(!1),u=s.useCallback(()=>{r||x(!0),e==null||e()},[r,e]);return t.jsx(S,{onIntersect:u,once:e?l:!0,threshold:c,tag:m,dataset:d,children:r&&h})},D={title:"components/ShowOnIntersection",component:a,decorators:[e=>t.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:t.jsx(v,{theme:"tokyo-ui",children:e()})})]},o=()=>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"})})})});o.storyName="ShowOnIntersection";var n,i,p;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`() => {
-  return <div style={{
-    height: '200px',
-    overflowY: 'scroll',
-    position: 'relative'
-  }}>
-            <div style={{
-      height: '400px',
-      display: 'flex',
-      alignItems: 'end'
-    }}>
-                <ShowOnIntersection>
-                    <p>Intersected</p>
-                </ShowOnIntersection>
-            </div>
-        </div>;
-}`,...(p=(i=o.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};const N=["Base"];export{o as Base,N as __namedExportsOrder,D as default};

package/dist/assets/Spinner-BkHOsRl5.css

@@ -1 +0,0 @@
-@keyframes _spin_jrrjk_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._Spinner_jrrjk_12{display:inline-flex}._Spinner--size-default_jrrjk_15>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--size-large_jrrjk_19>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){._Spinner--narrow-l--size-default_jrrjk_24>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--narrow-l--size-large_jrrjk_28>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){._Spinner--medium-s--size-default_jrrjk_34>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-s--size-large_jrrjk_38>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){._Spinner--medium-l--size-default_jrrjk_44>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--medium-l--size-large_jrrjk_48>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){._Spinner--wide-s--size-default_jrrjk_54>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-s--size-large_jrrjk_58>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){._Spinner--wide-l--size-default_jrrjk_64>*{width:var(--9270b5);height:var(--9270b5)}._Spinner--wide-l--size-large_jrrjk_68>*{width:var(--77547f);height:var(--77547f)}}._Spinner--static_jrrjk_73{display:none}._Spinner--static_jrrjk_73 svg{fill:currentColor}._Spinner--animated_jrrjk_79{display:inline-flex}._Spinner--animated_jrrjk_79 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;animation:_spin_jrrjk_1 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._Spinner--static_jrrjk_73{display:inline-flex}._Spinner--animated_jrrjk_79{display:none}}

package/dist/assets/Spinner-CjcnFiyL.js

@@ -1 +0,0 @@
-import{j as a}from"./jsx-runtime-Bxcv0yjW.js";import{r as e}from"./index-mfbfsM12.js";import{u as d,S as m}from"./useStyleExtract-nWieKQF4.js";import{m as o,s as _,a as p}from"./classNames-RlyrdfpN.js";const c="_Spinner_jrrjk_12",j="_spin_jrrjk_1",l={Spinner:c,"Spinner--size-default":"_Spinner--size-default_jrrjk_15","Spinner--size-large":"_Spinner--size-large_jrrjk_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_jrrjk_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_jrrjk_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_jrrjk_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_jrrjk_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_jrrjk_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_jrrjk_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_jrrjk_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_jrrjk_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_jrrjk_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_jrrjk_68","Spinner--static":"_Spinner--static_jrrjk_73","Spinner--animated":"_Spinner--animated_jrrjk_79",spin:j},S=({title:r,titleId:n,...i},s)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":n,...i},r?e.createElement("title",{id:n},r):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"})),u=e.forwardRef(S),w=({title:r,titleId:n,...i},s)=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":n,...i},r?e.createElement("title",{id:n},r):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"})))),f=e.forwardRef(w),t="Spinner",h=({size:r=m})=>{d(l);const n=o(l,t,[_("size",r)]),i=[...p(l,t,["animated"])],s=[...p(l,t,["static"])];return a.jsxs("span",{className:n.join(" "),children:[a.jsx("span",{className:i.join(" "),children:a.jsx(f,{})}),a.jsx("span",{className:s.join(" "),children:a.jsx(u,{})})]})};export{h as S};

package/dist/assets/StorybookGlobalStyle-C0X2e0mN.js

@@ -1,485 +0,0 @@
-import{s as a,c as te}from"./styled-components.browser.esm-BppVzN7H.js";import{r as p,R as i}from"./index-mfbfsM12.js";class oe{constructor(t,n){this.assets=t,this.error=n}getError(){return this.error}searchAssets(t){return this.assets?this.assets.filter(n=>t.app&&n.project!==t.app||t.library&&n.project!==t.library?!1:n.name.match(t.terms||"")):[]}static getAssetPath(t){return`${t.path}/${t.source}`}}class F{constructor(t,n){this.features=t,this.error=n}getError(){return this.error}getFeature(t,n){if(this.features)return this.features.find(r=>r.project===t&&r.name===n)}}class B{constructor(t,n){this.icons=t,this.error=n}getError(){return this.error}searchIcons(t){if(!this.icons)return[];const n=t.terms?t.terms.toLowerCase():"";return this.icons.filter(r=>{var d;return r.name.toLowerCase().match(n)||((d=r.description)===null||d===void 0?void 0:d.toLowerCase().match(n))})}static getIconPath(t){return`${t.path}/${t.source}`}}const ne="/assets",se=/(.*):(.*)/,re=s=>s.replace(/^\.\//,"");class z{constructor(t,n){this.projects=t,this.error=n}parseModule(t){const n=t.match(se),r=n&&this.getProject(n[1])||void 0,d=re(n&&n[2]||t);return{project:r,path:d}}getError(){return this.error}getProject(t,n){var r;if(this.projects)return(r=this.projects)===null||r===void 0?void 0:r.find(d=>d.name===t&&(!n||d.type===n))}getModuleUrl(t,n){const{project:r,path:d}=this.parseModule(t.module),l=r||this.getProject(n);if(l)return`${l.repo}/tree/master/${l.path}/${d}`}getAssetBasePath(t){if(!this.projects)return;const n=this.getProject(t.name);return n&&`${ne}/${n.name}`}}class ae{constructor(t){this.stacks=t}getStackLabel(t){const n=this.stacks.find(r=>r.key===t);return n?n.label:t}}const ce=(s,t)=>s.module>t.module?1:-1;function I(s,t){const n={};return s.forEach(r=>{n[t(r)]=r}),Object.values(n)}function M(s){const t=s.reduce((n,r)=>(n[r.app]=n[r.app]||[],n[r.app].push(r),n),{});return Object.keys(t).forEach(n=>{t[n]=t[n].sort(ce)}),t}class A{constructor(t,n){this.usedByMap=t,this.error=n}all(){return Object.values(this.usedByMap||{}).flatMap(t=>t)}getError(){return this.error}findUses(t){return this.usedByMap?this.usedByMap[`${t.project}:${t.name}`]||[]:[]}findUsesGroupedByApp(t){const n=this.findUses(t);return M(n)}allUsesByFeature(){return this.usedByMap||{}}allUses(){return this.all()}allModules(){return I(this.all(),t=>t.module)}modulesByApp(){const t=M(this.all());return Object.keys(t).forEach(n=>{t[n]=I(t[n],r=>r.module)}),t}}class P{constructor(t,n){this.validations=t,this.error=n}all(){return[...this.validations||[]]}getError(){return this.error}allValidations(){return this.all()}getExperimentalComponentValidation(t){var n;return(n=this.validations)===null||n===void 0?void 0:n.find(r=>r.type==="component"&&r.subject[0]===t&&r.template==="experimental")}getDeprecatedComponentValidation(t){var n;return(n=this.validations)===null||n===void 0?void 0:n.find(r=>r.type==="component"&&r.subject[0]===t&&(!r.template||r.template==="deprecated"))}getDeprecatedPropValidation(t,n){var r;return(r=this.validations)===null||r===void 0?void 0:r.find(d=>d.type==="prop"&&d.subject[0]===t&&d.subject[1]===n&&(!d.template||d.template==="deprecated"))}getExperimentalPropValidation(t,n){var r;return(r=this.validations)===null||r===void 0?void 0:r.find(d=>d.type==="prop"&&d.subject[0]===t&&d.subject[1]===n&&d.template==="experimental")}getMandatoryPropValidation(t,n){var r;return(r=this.validations)===null||r===void 0?void 0:r.find(d=>d.type==="prop"&&d.subject[0]===t&&d.subject[1]===n&&d.template==="mandatory")}getExperimentalPropOptionValidation(t,n,r){var d;return(d=this.validations)===null||d===void 0?void 0:d.find(l=>l.type==="option"&&l.subject[0]===t&&l.subject[1]===n&&l.subject[2]===r&&l.template==="experimental")}getDeprecatedPropOptionValidation(t,n,r){var d;return(d=this.validations)===null||d===void 0?void 0:d.find(l=>l.type==="option"&&l.subject[0]===t&&l.subject[1]===n&&l.subject[2]===r&&(!l.template||l.template==="deprecated"))}getExperimentalTokenValidation(t){var n;return(n=this.validations)===null||n===void 0?void 0:n.find(r=>r.type==="token"&&r.subject[0]===t&&r.template==="experimental")}getDeprecatedTokenValidation(t){var n;return(n=this.validations)===null||n===void 0?void 0:n.find(r=>r.type==="token"&&r.subject[0]===t&&(!r.template||r.template==="deprecated"))}}const ie=[{key:"react",label:"React"},{key:"react-sc",label:"React + Styled Components"},{key:"react-less",label:"React + CSS Modules (Less)"},{key:"react-native",label:"React + CSS Modules (Less)"}],k="global/docs/static/data",N=p.createContext({}),y=s=>fetch(s).then(t=>t.json()),de=({children:s})=>{const[t,n]=p.useState(void 0),[r,d]=p.useState(void 0),[l,g]=p.useState(void 0),[b,Y]=p.useState(void 0),[Q,_]=p.useState(void 0),[X,S]=p.useState(void 0),[ee,j]=p.useState(void 0);return p.useEffect(()=>{n(new ae(ie)),y(`${k}/projects.json`).then(f=>d(new z(f))).catch(f=>d(new z(void 0,f))),y(`${k}/features.json`).then(f=>g(new F(f))).catch(f=>g(new F(void 0,f))),Y(new oe([])),y(`${k}/used-by.json`).then(f=>_(new A(f))).catch(f=>_(new A(void 0,f))),y(`${k}/validations.json`).then(f=>S(new P(f))).catch(f=>S(new P(void 0,f))),y(`${k}/icons.json`).then(f=>j(new B(f))).catch(f=>j(new B(void 0,f)))},[]),i.createElement(N.Provider,{value:{projects:r,features:l,assets:b,usedBy:Q,validations:X,stacks:t,icons:ee}},s)};de.__docgenInfo={description:"",methods:[],displayName:"DocMetadataProvider"};const R=()=>p.useContext(N);p.createContext({terms:"",size:"huge",background:"white",results:[],setSize:()=>null,setBackground:()=>null,setSearchTerms:()=>null});const le={tiny:"16px",small:"24px",base:"32px",medium:"48px",big:"64px",huge:"128px","- maximum":"90%","- auto":"unset"},pe={white:"#ffffff","ui-p-dark":"#384047","ui-gray-g1":"#6F757B","ui-gray-g5":"#E3E5E6","ui-p-green":"#50BF16","ui-p-blue":"#3BB3BD","edu-blue-400":"#3BB3BD","edu-blue-300":"#9DD9DE","edu-blue-200":"#E8F6F7","edu-red-400":"#FF574D","edu-red-300":"#FFABA6","edu-red-200":"#FFECEB","edu-green-400":"#24BB36","edu-green-300":"#91DD9A","edu-green-200":"#E1FAE3","edu-yellow-400":"#FEC64D","edu-yellow-300":"#FEE2A5","edu-yellow-200":"#FFEFCC","edu-orange-400":"#FFA24D","edu-orange-300":"#FFD0A5","edu-orange-200":"#FFECDB","edu-violet-400":"#6483dd","edu-grey-950":"#1D1E20","edu-grey-900":"#3C4447","edu-grey-800":"#737678","edu-grey-700":"#989C9E","edu-grey-600":"#B4BBBE","edu-grey-500":"#CBD0D3","edu-grey-400":"#DCE0E1","edu-grey-300":"#E9EBEB","edu-grey-200":"#F3F3F3","edu-grey-100":"#F8F8F8"};a.form`
-    display: flex;
-    align-items: flex-start;
-    gap: 20px;
-    margin: 0 0 20px;
-`;a.input`
-    width: 100%;
-    height: 32px;
-    padding: 5px 20px;
-    font-size: 16px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-
-    ::placeholder {
-        font-size: 14px;
-        color: #666;
-        font-style: italic;
-    }
-`;a.select`
-    width: 100%;
-    height: 32px;
-    padding: 5px 20px;
-    font-size: 16px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-`;a.p`
-    font-style: italic;
-    margin: 0 0 20px;
-`;a.article`
-    margin: 0 0 20px;
-    padding: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-`;a.picture`
-    display: block;
-    padding: 20px;
-    margin: 0 0 10px;
-    background-color: ${({background:s})=>pe[s]};
-`;a.img`
-    display: block;
-    ${({size:s})=>s==="- auto"?"max-width: 80%":`width: ${le[s]}`};
-    margin: 0 auto;
-    ${({background:s})=>s==="white"&&"border: 1px dotted #ccc;"}
-`;a.p`
-    font-size 14px;
-    text-align: right;
-`;const w={note:"#eae6ff",warning:"#fffae6",error:"#ffebe6"},fe=s=>s&&s in w?w[s]:w.note,ue=a.div`
-    padding: 15px 45px;
-    margin-bottom: 16px;
-    ${({type:s})=>`background: ${fe(s)};`};
-    border-radius: 4px;
-
-    a {
-        font-weight: bold;
-        color: #0077b3;
-        text-decoration: none;
-    }
-
-    strong {
-        font-weight: bold;
-    }
-`,U=({children:s,type:t="note"})=>i.createElement(ue,{type:t},s);U.__docgenInfo={description:"",methods:[],displayName:"StoryNote",props:{type:{defaultValue:{value:"'note'",computed:!1},required:!1}}};const be=a.h2`
-    margin-bottom: 10px;
-    color: #cc0000;
-    font-size: 20px;
-`,ge=a.p`
-    margin: 0 0 10px;
-`,me=a.span`
-    color: #cc0000;
-`,v=({error:s,label:t})=>i.createElement(ge,null,i.createElement("strong",null,`${t}:`),i.createElement(me,null,s.message)),he=()=>{const{projects:s,features:t,assets:n,icons:r}=R(),d=s&&s.getError(),l=t&&t.getError(),g=n&&n.getError(),b=r&&r.getError();return i.createElement(i.Fragment,null,i.createElement(U,{type:"error"},i.createElement(be,null,"At least some metadata is not available."),d&&i.createElement(v,{error:d,label:"projects"}),l&&i.createElement(v,{error:l,label:"features"}),g&&i.createElement(v,{error:g,label:"assets"}),b&&i.createElement(v,{error:b,label:"icons"}),i.createElement("p",null,i.createElement(i.Fragment,null,"Did you execute",i.createElement("code",null,"yarn metadata:copy"),"in repository root? "),i.createElement("a",{href:"https://github.com/preply/design-system/blob/main/support/tools/src/tool/metadata/README.md"},"Read more"))))};he.__docgenInfo={description:"",methods:[],displayName:"DocMetadataError"};a.details`
-    margin-bottom: 10px;
-`;a.summary`
-    font-weight: bold;
-    color: #00adff;
-    cursor: pointer;
-`;a.div`
-    margin: 0 0 20px;
-    padding: 10px 0 0;
-`;a.h3`
-    margin: 0 0 10px;
-    font-size: 16px;
-`;a.ul`
-    overflow: auto;
-    padding: 0;
-    list-style: none;
-`;a.li`
-    margin: 0 0 10px;
-`;a.p`
-    margin: 0 0 10px;
-    font-weight: bold;
-    font-size: 14px;
-`;a.ul`
-    padding: 0 0 0 10px;
-    padding: 0;
-    list-style: none;
-    font-size: 12px;
-`;a.li`
-    margin: 0 0 2px;
-`;a.p`
-    margin: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 12px;
-`;a.p`
-    font-size: 16px;
-    margin: 0 0 20px;
-`;a.code`
-    font-size: 14px;
-`;a.span`
-    font-style: italic;
-`;const xe=p.createContext({terms:"",results:[],setSearchTerms:()=>null}),ke=({children:s})=>{const{icons:t}=R(),[n,r]=p.useState(""),[d,l]=p.useState([]),g=p.useCallback(b=>r(b),[r]);return p.useEffect(()=>{if(t){const b=t.searchIcons({terms:n});l(b)}},[t,n]),i.createElement(xe.Provider,{value:{terms:n,results:d,setSearchTerms:g}},s)};ke.__docgenInfo={description:"",methods:[],displayName:"IconSearchProvider"};const E={do:{bg:"#e4ffdf",fg:"#00a47c"},dont:{bg:"#fff6f4",fg:"#d81d0c"}},H=a.div`
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    margin-top: 32px;
-    padding: 16px;
-    font-size: 13px;
-    line-height: 18px;
-    border-radius: 4px;
-`,G=a.h4`
-    margin: 0;
-    font-size: 18px;
-`,ye=a(H)`
-    background: ${E.do.bg};
-
-    > h4 {
-        color: ${E.do.fg};
-    }
-`,ve=a(H)`
-    background: ${E.dont.bg};
-
-    > h4 {
-        color: ${E.dont.fg};
-    }
-`,Ee=()=>i.createElement(ye,null,i.createElement(G,null,"Do")),we=()=>i.createElement(ve,null,i.createElement(G,null,"Don't"));Ee.__docgenInfo={description:"",methods:[],displayName:"CodeDo"};we.__docgenInfo={description:"",methods:[],displayName:"CodeDont"};a.p`
-    text-align: center;
-    font-family: monospace;
-    font-weight: bold;
-    font-size: 14px;
-`;const Ce=a.a`
-    font-weight: bold;
-    color: #00adff;
-`,$=({validation:s})=>i.createElement(i.Fragment,null,s.hint&&i.createElement(i.Fragment,null," ",s.hint,"."),s.docs&&i.createElement(i.Fragment,null," ","(",i.createElement(Ce,{href:s.docs},"docs"),")")),De=({validation:s})=>i.createElement(i.Fragment,null,"Experimental. Likely to change soon.",i.createElement($,{validation:s})),$e=({validation:s})=>i.createElement(i.Fragment,null,"Deprecated. Will be removed at some point.",i.createElement($,{validation:s}));$e.__docgenInfo={description:"",methods:[],displayName:"DeprecatedMessage"};De.__docgenInfo={description:"",methods:[],displayName:"ExperimentalMessage"};$.__docgenInfo={description:"",methods:[],displayName:"ValidationMessageCommon"};var O,T;function C(){return C=Object.assign?Object.assign.bind():function(s){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(s[r]=n[r])}return s},C.apply(null,arguments)}var q=function(t){return p.createElement("svg",C({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 60.4 122.88"},t),O||(O=p.createElement("path",{d:"M52.42 18.87v81.78a22.23 22.23 0 0 1-44.45 0V18.87H3.28a3.27 3.27 0 0 1-2.32-1 3 3 0 0 1-.25-.28 3.32 3.32 0 0 1-.71-2V3.28A3.22 3.22 0 0 1 1 1a3.26 3.26 0 0 1 2.3-1h53.81a3.25 3.25 0 0 1 2.31 1 3.3 3.3 0 0 1 1 2.32v12.27a3.3 3.3 0 0 1-1 2.32 2 2 0 0 1-.32.27 3.24 3.24 0 0 1-2 .69Zm-5.13 45.29h-7.15a2.57 2.57 0 0 1 0-5.13h7.15v-7.28h-12.8a2.56 2.56 0 1 1 0-5.12h12.79v-7.28h-7.15a2.57 2.57 0 0 1 0-5.13h7.15V16.31a2.57 2.57 0 0 1 2.57-2.56h5.41V5.13H5.13v8.62h5.41a2.56 2.56 0 0 1 2.56 2.56v84.34a17.09 17.09 0 0 0 34.18 0V64.16Z"})),T||(T=p.createElement("path",{fill:"#ff5d00",d:"M41.93 70.41v28.06a11.77 11.77 0 0 1-11.74 11.74 11.77 11.77 0 0 1-11.74-11.74V70.41Z"})))};q.__docgenInfo={description:"",methods:[],displayName:"SvgExperimental"};var V;function D(){return D=Object.assign?Object.assign.bind():function(s){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(s[r]=n[r])}return s},D.apply(null,arguments)}var K=function(t){return p.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25.138 25.138"},t),V||(V=p.createElement("path",{fill:"#ff5d00",d:"M12.568.001C5.627.001 0 5.628 0 12.569c0 6.943 5.627 12.568 12.568 12.568 6.943 0 12.57-5.625 12.57-12.568C25.139 5.628 19.512.001 12.568.001m8.752 12.568a8.7 8.7 0 0 1-1.365 4.686L7.885 5.183a8.7 8.7 0 0 1 4.684-1.367c4.826-.001 8.751 3.925 8.751 8.753m-17.502 0a8.7 8.7 0 0 1 1.363-4.686l12.072 12.072a8.73 8.73 0 0 1-4.686 1.365c-4.825.001-8.749-3.926-8.749-8.751"})))};K.__docgenInfo={description:"",methods:[],displayName:"SvgForbidden"};a.div`
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    margin: 0 0 8px;
-    color: #333333;
-
-    h1 {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-        margin: 0;
-        font-size: 32px;
-        font-weight: 900;
-    }
-
-    p {
-        margin: 0 0 0 11px;
-        padding: 0 0 0 18px;
-        font-size: 16px;
-        font-weight: bold;
-        border-left: 3px solid #ff5d00;
-    }
-`;a.span`
-    display: inline-block;
-    width: 24px;
-    height: 24px;
-
-    svg {
-        width: 24px;
-        height: 24px;
-    }
-`;const _e=2e3,Se=s=>{const[t,n]=p.useState(!1);return[()=>{if(!t){n(!0),navigator&&navigator.clipboard.writeText(s);const d=setTimeout(()=>{n(!1)},_e);return()=>clearTimeout(d)}},t]},J=s=>`
-    @media (hover: hover) and (pointer: fine) {
-        &:hover {
-            ${s}
-        }
-    }
-`,je=a.code`
-    font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
-        monospace;
-    display: block;
-    white-space: pre-wrap;
-    overflow-wrap: break-word;
-    font-size: 12px;
-    line-height: 1.6;
-`,Fe=a.pre`
-    cursor: text;
-    display: block;
-    margin: 0;
-    padding: 10px;
-`,Be=a.div`
-    border-radius: 4px;
-    background: #f5f2f0;
-    color: darkslategray;
-`,ze=a.div`
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: 1px solid #ccc;
-    font-size: 12px;
-    p {
-        margin: 0;
-        padding: 8px 10px 6px;
-    }
-`,Ie=a.button`
-    all: unset;
-    padding: 4px 6px;
-    border-radius: 2px;
-    ${J(`
-        background-color: #e4e2e0;
-    `)}
-    ${({didJustCopy:s})=>s?`font-weight: 600;
-            background-color: #e4e2e0
-              `:""}
-`,Me=a.div`
-    padding-right: 10px;
-    color: #7b7a7a;
-`;function Z({code:s}){const[t,n]=Se(s);return i.createElement(Me,null,i.createElement(Ie,{didJustCopy:n,onClick:t,"aria-label":"Copy to clipboard"},n?"Copied":"Copy"))}const Ae=({code:s,header:t})=>i.createElement(Be,null,i.createElement(ze,null,i.createElement("p",null,t),i.createElement(Z,{code:s})),i.createElement(Fe,null,i.createElement(je,null,s)));Z.__docgenInfo={description:"",methods:[],displayName:"CopyButton"};Ae.__docgenInfo={description:"",methods:[],displayName:"CopyCodeBlock"};const e="base",Pe=1,c=!0,o=!1;function u(s){return`var(--${s[Pe]})`}const Oe=[e,"74358d",o],Te=[e,"6947b0",o],Ve=[e,"1ba55a",o],Le=[e,"477fda",o],Ne=[e,"743802",o],Re=[e,"39ce90",o],Ue=[e,"28cff1",o],He=[e,"6acb58",o],Ge=[e,"145676",o],qe=[e,"0e7287",o],Ke=[e,"f18763",o],Je=[e,"55407f",o],Ze=[e,"8f1238",o],We=[e,"da403c",o],Ye=[e,"7c8c3c",o],Qe=[e,"c9575b",o],Xe=[e,"2fb6f7",o],et=[e,"54ed1d",o],tt=[e,"b706bf",o],ot=[e,"4adefb",o],nt=[e,"de8a40",o],st=[e,"574543",o],rt=[e,"1383a7",o],at=[e,"9f1066",o],ct=[e,"d4cf94",o],it=[e,"bbfa9f",o],dt=[e,"5f8b30",o],lt=[e,"c7d8be",o],pt=[e,"17bab8",o],ft=[e,"f017e5",o],ut=[e,"2242ed",o],bt=[e,"e40de4",o],gt=[e,"ecb5d5",o],mt=[e,"5b5cb0",o],ht=[e,"d55c71",o],xt=[e,"4e47fe",o],kt=[e,"3e7877",o],yt=[e,"21906f",o],vt=[e,"5d87f3",o],Et=[e,"201e14",o],wt=[e,"e1c27c",o],Ct=[e,"6a1420",o],Dt=[e,"1a9963",o],$t=[e,"b774df",o],_t=[e,"f72cdd",o],St=[e,"6cbd80",o],jt=[e,"5893e7",o],Ft=[e,"7068b6",o],Bt=[e,"0e3095",o],zt=[e,"f5d1a5",o],It=[e,"bd44ae",o],Mt=[e,"5b7e08",o],At=[e,"3056af",o],Pt=[e,"f8a468",o],Ot=[e,"804635",o],Tt=[e,"6b62f0",o],Vt=[e,"ad20b3",o],Lt=[e,"3345fe",o],Nt=[e,"25e5ab",o],Rt=[e,"9fea4c",o],Ut=[e,"cc496b",o],Ht=[e,"38f57e",o],Gt=[e,"7df86d",o],qt=[e,"e84bcd",o],Kt=[e,"c7d482",o],Jt=[e,"c89895",o],Zt=[e,"76b8d1",o],Wt=[e,"8be1e4",o],Yt=[e,"dcabc3",o],Qt=[e,"6f1872",o],Xt=[e,"f339d3",o],eo=[e,"00a28d",o],to=[e,"b47519",o],oo=[e,"f3cb59",o],no=[e,"284290",o],so=[e,"488ba5",o],ro=[e,"7bbf5b",o],ao=[e,"dfb500",o],co=[e,"cbaa6c",o],io=[e,"bc1abc",o],lo=[e,"2a8f54",o],po=[e,"d1c480",o],fo=[e,"a25b20",o],uo=[e,"8d63e4",o],bo=[e,"d4313c",o],go=[e,"c12f10",o],mo=[e,"389aa7",o],ho=[e,"8848e0",o],xo=[e,"cd0a2d",o],ko=[e,"0b3ded",o],yo=[e,"875b62",o],vo=[e,"f02c4e",o],Eo=[e,"260b6e",o],wo=[e,"b26698",o],Co=[e,"53cdfb",o],Do=[e,"e37f12",o],$o=[e,"f10eae",o],_o=[e,"47c153",o],So=[e,"7fff29",o],jo=[e,"bf855f",o],Fo=[e,"c3119b",o],Bo=[e,"75dce9",o],zo=[e,"0397a1",o],Io=[e,"628fb7",c],Mo=[e,"a2f1c8",c],Ao=[e,"c07ea8",c],Po=[e,"690731",c],Oo=[e,"0bad98",c],To=[e,"c2b191",c],Vo=[e,"3e566f",c],Lo=[e,"aad149",c],No=[e,"d7c974",c],Ro=[e,"8ec9e5",c],Uo=[e,"7b5d23",c],Ho=[e,"9809d0",c],Go=[e,"9ba3b8",c],qo=[e,"0a84f6",c],Ko=[e,"26a5ae",c],Jo=[e,"95b129",c],Zo=[e,"a987e0",c],Wo=[e,"684972",c],Yo=[e,"7696fe",c],Qo=[e,"adb50a",c],Xo=[e,"38e02f",c],en=[e,"dc4541",c],tn=[e,"d74a90",c],on=[e,"e6a034",c],nn=[e,"12f66e",c],sn=[e,"3546c3",c],rn=[e,"302ecf",c],an=[e,"a5c761",c],cn=[e,"02a0d5",c],dn=[e,"319b29",c],ln=[e,"cd91ab",c],pn=[e,"706789",c],fn=[e,"560eda",c],un=[e,"e4c520",c],bn=[e,"1836a4",c],gn=[e,"ae7f1f",c],mn=[e,"94a45e",c],hn=[e,"79dffb",c],xn=[e,"b503b8",c],kn=[e,"34fc43",c],yn=[e,"f15644",c],vn=[e,"87fcf8",c],En=[e,"cbc115",c],wn=[e,"7ff085",c],Cn=[e,"4983fe",c],Dn=[e,"19649f",c],$n=[e,"a469f2",c],_n=[e,"c03289",c],Sn=[e,"11d206",c],jn=[e,"6e162c",c],Fn=[e,"5b4fe9",c],Bn=[e,"a44465",c],zn=[e,"fede46",c],In=[e,"4bc397",c],Mn=[e,"1b76a1",c],An=[e,"725aa0",c],Pn=[e,"84f78b",c],On=[e,"d5f2ab",o],h={space:{none:Oe,"3xs":Te,"2xs":Ve,xs:Le,s:Ne,m:Re,l:Ue,xl:He},palette:{white:Ge,ivory:qe,transparent:Ke,gray:{100:Je,200:Ze,300:We,400:Ye,500:Qe,600:Xe},teal:{100:et,200:tt,300:ot,400:nt,500:st},green:{100:rt,200:at,300:ct,400:it,500:dt},yellow:{100:lt,200:pt,300:ft,400:ut,500:bt},red:{100:gt,200:mt,300:ht,400:xt,500:kt},blue:{100:yt,200:vt,300:Et,400:wt,500:Ct},magenta:{100:Dt,200:$t,300:_t,400:St,500:jt}},text:{base:{typeface:Ft,fontFamily:Bt,variable:{fontFamily:Mt},fontSize:uo,lineHeight:bo},height:{200:At,400:Pt,600:Ot,1e3:Tt,1600:Vt,2e3:Lt,2800:Nt},size:{70:Rt,80:Ut,90:Ht,100:Gt,200:qt,300:Kt,400:Jt,500:Zt,600:Wt,800:Yt,1e3:Qt,1200:Xt,1800:eo,2400:to},spacing:{tight:oo,regular:no,loose:so},style:{normal:ro,italic:ao},variation:{normal:co,italic:io},weight:{400:lo,500:po,700:fo}},heading:{base:{typeface:zt,fontFamily:It}},size:{25:mo,50:ho,100:xo,150:ko,200:yo,300:vo,400:Eo,500:wo,600:Co,800:Do,1e3:$o,none:go},radius:{none:_o,xs:So,s:jo,m:Fo,l:Bo,xl:zo}},m={text:{primary:Io,secondary:Mo,tertiary:Ao,accentDark:Po,placeholder:Oo,inverted:To,positive:Vo,info:Lo,warning:No,critical:Ro,branded:Uo,error:Ho,selected:Go,disabled:qo,accent:Ko},icon:{primary:Jo,secondary:Zo,tertiary:Wo,positive:Yo,info:Qo,warning:Xo,critical:en,accentDark:tn,inverted:on,disabled:nn},background:{primary:sn,secondary:rn,tertiary:an,overlay:cn,disabled:dn,brand:ln,brandB2b:pn,accentLight:fn,accentDark:un,positiveLight:bn,positiveDark:gn,infoLight:mn,infoDark:hn,warningLight:xn,warningDark:kn,criticalLight:yn,criticalDark:vn,statusOnline:En,statusOffline:wn,primaryInverted:Cn,secondaryInverted:Dn,tertiaryInverted:$n},border:{primary:_n,secondary:Sn,"secondary-opacity":jn,focus:Fn,critical:Bn,tertiary:zn,brand:In,disabled:Mn,positive:An,ai:{borderImage:On}},field:{userInput:Pn}};a.div`
-    display: flex;
-    flex-direction: column;
-    gap: ${u(h.space.s)};
-    min-height: 300px;
-    min-width: 300px;
-    width: 100%;
-    height: 100%;
-    padding: ${u(h.space.xl)};
-    background-color: ${u(h.palette.ivory)};
-`;a.form`
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-`;a.p`
-    color: #ccc;
-`;const W=a.span`
-    display: inline-block;
-    width: ${({size:s})=>`${s}px`};
-    height: ${({size:s})=>`${s}px`};
-
-    svg {
-        width: ${({size:s})=>`${s}px`};
-        height: ${({size:s})=>`${s}px`};
-    }
-`,Tn=({size:s=24})=>i.createElement(W,{size:s},i.createElement(K,{title:"Deprecated"})),Vn=({size:s=24})=>i.createElement(W,{size:s},i.createElement(q,{title:"Experimental"}));Tn.__docgenInfo={description:"",methods:[],displayName:"DeprecatedIcon",props:{size:{defaultValue:{value:"24",computed:!1},required:!1}}};Vn.__docgenInfo={description:"",methods:[],displayName:"ExperimentalIcon",props:{size:{defaultValue:{value:"24",computed:!1},required:!1}}};const Ln=a.div`
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    margin: 0 0 8px -20px;
-    padding-left: 20px;
-    color: #333333;
-    h1,
-    h3,
-    h4 {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 4px;
-        margin: 0;
-    }
-
-    h1 {
-        font-size: 32px;
-    }
-
-    h3 {
-        margin-top: 24px;
-        font-size: 20px;
-    }
-
-    h4 {
-        font-size: 16px;
-    }
-
-    p {
-        margin: 0 0 0 11px;
-        padding: 0 0 0 15px;
-        font-size: 16px;
-        font-weight: bold;
-        border-left: 1px solid #ff5d00;
-    }
-
-    .anchor {
-        visibility: hidden;
-        position: absolute;
-        left: 0px;
-        width: 16px;
-        padding-top: 60px;
-        margin-top: -60px;
-        color: inherit;
-    }
-
-    ${J(`
-        .anchor {
-            visibility: visible;
-        }
-    `)}
-`;a(Ln)`
-    margin: 0 0 20px -20px;
-
-    h3 {
-        margin: 0;
-        font-size: 16px;
-    }
-
-    h4 {
-        margin: 0px;
-        font-size: 16px;
-    }
-
-    p {
-        font-weight: normal;
-        padding: 0 0 0 11px;
-    }
-
-    span {
-        margin-top: 3px;
-    }
-
-    p {
-        margin: 0 0 0 8px;
-        font-size: 14px;
-        font-weight: normal;
-    }
-`;a.a`
-    font-weight: bold;
-    color: #0077b3;
-`;a.ul`
-    list-style: none;
-    margin: 0 0 44px;
-    padding-inline-start: 1px;
-`;a.div`
-    a {
-        color: #0077b3;
-    }
-`;const Nn=({color:s})=>({backgroundColor:s}),Rn=({borderRadius:s})=>({borderRadius:s});a.div`
-    width: 100%;
-    height: 200px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: white;
-    font-size: 20px;
-    font-weight: bold;
-    ${Nn}
-    ${Rn}
-`;a.div`
-    display: flex;
-    padding: ${u(h.space.xl)};
-    background-color: ${u(h.palette.white)};
-    border-radius: ${u(h.radius.l)};
-`;const L={"narrow-l":400,"medium-s":700,"medium-l":880,"wide-s":1200,"wide-l":1900};a.div`
-    margin: 16px 0 0;
-`;a.div`
-    display: flex;
-    align-items: center;
-    gap: 16px;
-`;a.div`
-    position: absolute;
-    left: 0;
-    width: 100%;
-    padding-left: ${({value:s})=>L[s]-2}px;
-    display: none;
-
-    @media (min-width: ${({value:s})=>L[s]}px) {
-        display: block;
-    }
-`;a.div`
-    position: relative;
-    width: 1px;
-    height: 24px;
-    font-size: 12px;
-    border-right: 1px solid #aaa;
-
-    code {
-        position: absolute;
-        right: 8px;
-        width: max-content;
-    }
-`;a.div`
-    height: 1px;
-`;a.p`
-    margin: 0;
-    font-style: italic;
-`;const x={do:{bg:u(m.background.positiveLight),fg:u(m.background.positiveDark)},dont:{bg:u(m.background.criticalLight),fg:u(m.background.criticalDark)},warn:{bg:u(m.background.warningLight),fg:u(m.background.warningDark)}};a.h4`
-    font-size: 18px;
-    margin: 0;
-`;const Un=a.div`
-    background: ${x.do.bg};
-
-    > h4 {
-        color: ${x.do.fg};
-    }
-`,Hn=a.div`
-    background: ${x.dont.bg};
-
-    > h4 {
-        color: ${x.dont.fg};
-    }
-`,Gn=a.div`
-    background: ${x.warn.bg};
-
-    > h4 {
-        color: ${x.warn.fg};
-    }
-`;a.div`
-    display: grid;
-    gap: 24px;
-    grid-template-columns: 1fr 1fr;
-    font-size: 13px;
-    line-height: 18px;
-    border-radius: 4px;
-
-    ${Un},
-    ${Hn},
-    ${Gn} {
-        padding: 16px;
-        border-radius: 4px;
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-        font-size: 13px;
-        line-height: 18px;
-
-        .sbdocs {
-            margin: 10px 0 5px;
-            padding: 0;
-        }
-
-        pre div {
-            margin: 0;
-        }
-    }
-`;a.div`
-    display: ${({columns:s})=>s?"grid":"flex"};
-    grid-template-columns: ${({columns:s})=>s&&(Array.isArray(s)?s==null?void 0:s.join(" "):`repeat(${s}, 1fr)`)};
-    flex-wrap: wrap;
-    align-items: flex-start;
-    gap: 20px;
-    margin-bottom: 20px;
-`;const Jn=te`
-    @import url('https://static.preply.com/ds/global.css');
-
-    * {
-        box-sizing: border-box;
-    }
-
-    *:before,
-    *:after {
-        box-sizing: border-box;
-    }
-    html {
-        font-size: 14px;
-        line-height: 1.42857143;
-        -webkit-font-smoothing: antialiased;
-        text-rendering: optimizeLegibility;
-    }
-
-    .sbdocs.sbdocs-p, .sbdocs.sbdocs-h1, .sbdocs.sbdocs-h2, .sbdocs.sbdocs-h3, .sbdocs.sbdocs-h4, .sbdocs.sbdocs-li, .sbdocs.sbdocs-a {
-        font-family: inherit;
-    }
-
-    .sbdocs.sbdocs-wrapper {
-        padding-top: 64px;
-    }
-
-    .sbdocs.sbdocs-preview {
-        margin: 25px 0 25px;
-    }
-
-    .sbdocs.sbdocs-h2 {
-        border-bottom: 0;
-    }
-
-    .sbdocs.sbdocs-p.tight {
-        margin: 0;
-    }
-
-    .sbdocs.sbdocs-hr.extra {
-        margin-top: 32px;
-    }
-`;export{we as C,de as D,Vn as E,ke as I,Jn as S,Ee as a,De as b,Tn as c,$e as d,xe as e,Ae as f,he as g,R as u};