@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/FieldButton-CDW5AvHN.css

@@ -1 +0,0 @@
-.FieldButton__ZIYKf{display:flex;justify-content:center;align-items:center;min-width:var(--d57208);height:var(--3caeb9);border-width:1px;border-style:solid;border-radius:var(--0191ea);border-color:var(--ea1746);background:none;border:none;cursor:pointer;transition:background-color var(--018058);-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.FieldButton__ZIYKf:hover{background-color:var(--0bbea4)}}.FieldButton__ZIYKf:active{background-color:var(--33e933)}.FieldButton__ZIYKf:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.FieldButton__ZIYKf svg{width:var(--f316e1);height:var(--f316e1)}

package/dist/assets/FieldButton-DpHF49o_.js

@@ -1 +0,0 @@
-import{r as f,u as v,g as y,j as n}from"./iframe-B_74HtSc.js";import{f as g}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as a}from"./componentNames-hc9KR2nX.js";const B="FieldButton__ZIYKf",b={FieldButton:B},l=f.forwardRef(function({svg:u,assistiveText:o,onClick:e,dataset:r,...i},d){const m=v(b,a.FieldButton),c=t=>{t.stopPropagation(),e==null||e(t)},p={...g(i),...y(r,{preplyDsComponent:a.FieldButton}),className:m.join(" "),title:o,onClick:c,ref:d};return n.jsx("button",{...p,type:"button",children:n.jsx(u,{"aria-hidden":"true",focusable:"false"})})});try{l.displayName="FieldButton",l.__docgenInfo={description:"",displayName:"FieldButton",props:{svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{l as F};

package/dist/assets/FieldButton.stories-C7v9WweE.js

@@ -1 +0,0 @@
-import{j as i}from"./iframe-B_74HtSc.js";import{F as m}from"./TokyoUILibraryExplore-DvvKpWd6.js";import{F as r}from"./FieldButton-DpHF49o_.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";const l={title:"components/FieldButton",component:r},o=()=>i.jsx(r,{svg:m,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var e,t,s;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(s=(t=o.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const x=["Base"];export{o as Base,x as __namedExportsOrder,l as default};

package/dist/assets/FormControl-BBqp99uJ.css

@@ -1 +0,0 @@
-.container__g46MP{--ds-input-scroll-margin-top: var(--d434fb);display:flex;flex-direction:column;gap:var(--590b8d);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container__g46MP:has(.label__dGrlk:not([data-hidden=true])){--ds-input-scroll-margin-top: calc(var(--590b8d) + var(--360264))}.label__dGrlk{color:var(--628fb7);font-size:var(--343d89);font-weight:var(--b44390);line-height:var(--360264);letter-spacing:var(--b8c41f)}.label__dGrlk[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.label__dGrlk .required__w9EwB{white-space:nowrap;color:var(--a2f1c8)}.description__AST5n,.error__uRqiU{margin:var(--d434fb);font-weight:var(--c2057a);font-size:var(--d4ea3f);line-height:var(--ff8dfa);letter-spacing:var(--cdd9f4);color:var(--a2f1c8)}.error__uRqiU{color:var(--8ec9e5)}

package/dist/assets/FormControl-Zqf1cIwP.js

@@ -1,7 +0,0 @@
-import{r as q,g as x,j as a,K as C}from"./iframe-B_74HtSc.js";import"./index-DIqvfT2b.js";import{M as u}from"./message-DJT5rp5J.js";import{w as _}from"./componentNames-hc9KR2nX.js";const w="container__g46MP",E="label__dGrlk",F="required__w9EwB",N="description__AST5n",R="error__uRqiU",r={container:w,label:E,required:F,description:N,error:R};function j({id:t,error:n,description:s,hasError:l}){const e={};return l&&(e["aria-invalid"]=!0),n&&(e["aria-invalid"]=!0,e["aria-errormessage"]=`${t}-error`),s&&(e["aria-describedby"]=`${t}-description`),e}const p=({id:t,label:n,hideLabel:s,description:l,error:e,hasError:c,children:m,required:o,dataset:f,onClick:v,preplyDsComponent:h=_.FormControl,useLegacyRequiredLabel:d=!1})=>{const b=q.useId(),i=t||b,y=j({id:i,error:e,description:l,hasError:c}),g=x(f,{preplyDsComponent:h});return a.jsxs("div",{className:r.container,...g,onClick:v,children:[a.jsxs("label",{htmlFor:i,className:r.label,"data-hidden":s||!n,"data-testid":"label",children:[n,!!d&&o&&a.jsxs("span",{"aria-hidden":!0,className:r.required,children:[" • ",a.jsx(u,{id:"preply-ds.fieldLabel.required",defaultMessage:"Required",description:"Form field required label"})]}),!d&&!o&&a.jsxs("span",{"aria-hidden":!0,className:r.required,children:[" • ",a.jsx(u,{id:"preply-ds.fieldLabel.optional",defaultMessage:"Optional",description:"Form field optional label"})]})]}),a.jsx(C,{id:i,required:o,...y,children:m}),e?a.jsx("p",{className:r.error,role:"alert",id:`${i}-error`,"data-testid":"error",children:e}):l?a.jsx("p",{className:r.description,id:`${i}-description`,"data-testid":"description",children:l}):null]})};try{p.displayName="FormControl",p.__docgenInfo={description:"FormControl component provides a consistent layout and accessibility\nfor the form fields. You can use it to create custom fields not supported\nby the DS yet.\n\nNote that FormControl will implicitly provide some props to the child component:\n\n- `id` forwarded from FormControl props or will be generated automatically for accessibility purposes;\n- `aria-invalid` and `aria-errormessage` when `error` is provided;\n- `aria-describedby` when `description` is provided;\n- `required` when FormControl's `required` is true;",displayName:"FormControl",props:{id:{defaultValue:null,description:`The id to be passed to the input element.
-If not provided, will be generated for accessibility purposes.`,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"}]}},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"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
-to provide more context or instructions to the user.`,name:"description",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"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",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"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
-indicator next to the label.`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement>"}]}},preplyDsComponent:{defaultValue:{value:"webComponentNames.FormControl"},description:`@deprecated The attribute is meant for internal usage only
-@ignore`,name:"preplyDsComponent",required:!1,type:{name:"enum",value:[{value:"string"}]}},useLegacyRequiredLabel:{defaultValue:{value:"false"},description:`When true, adds a "Required" indicator next to the label for the required fields.
-When false, adds a "Optional" indicator next to the label for the optional fields instead.
-@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{p as F};

package/dist/assets/FormControl.stories-D4xKaMaA.js

@@ -1,42 +0,0 @@
-import{j as t,r as I}from"./iframe-B_74HtSc.js";import{F as x}from"./FormControl-Zqf1cIwP.js";import{d as a}from"./styled-components.browser.esm-BHxIJD2_.js";import{I as T}from"./Icon-CC0yjdx9.js";import{F as j}from"./TokyoUIUpload-CrasJ02A.js";import{T as v}from"./Text-DvShrljd.js";import{g as o}from"./getTokenVar-CVkrm5Qs.js";import{c as p,s as d,r as L}from"./tokens-im-qJUCZ.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DIqvfT2b.js";import"./message-DJT5rp5J.js";import"./componentNames-hc9KR2nX.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./text-accent-BQ9POoE5.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-MT6RlyNs.js";import"./text-centered-BEaaxMgl.js";const K={title:"Components/FormControl",component:x,parameters:{layout:"padded"}},S=a.input.attrs({type:"file"})`
-    visibility: hidden;
-    position: absolute;
-    width: 0;
-    height: 0;
-    opacity: 0;
-`,k=a.label`
-    background: ${o(p.background.secondary)};
-    padding: ${o(d[24])} ${o(d[16])};
-    border-radius: ${o(L[8])};
-    cursor: pointer;
-
-    &:has(input[aria-invalid='true']) {
-        background: ${o(p.background.criticalLight)};
-    }
-`,E=a.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-`,r=()=>{const b=e=>{const[C,y]=I.useState("Select file to upload"),n=e["aria-invalid"]?"critical":"secondary",F=i=>{var s,l,c;y(((l=(s=i.target.files)==null?void 0:s[0])==null?void 0:l.name)||"Select file to upload"),(c=e.onChange)==null||c.call(e,i)};return t.jsxs(k,{children:[t.jsx(S,{...e,onChange:F}),t.jsxs(E,{children:[t.jsx(T,{size:"32",svg:j,accent:n}),t.jsx(v,{variant:"default-regular",accent:n,children:C})]})]})};return t.jsx(x,{label:"Upload photo",description:"Your photo will be displayed in your profile",children:t.jsx(b,{})})};var m,u,h,g,f;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
-  const FileInput = (props: HTMLAttributes<HTMLInputElement>) => {
-    const [text, setText] = useState('Select file to upload');
-    const accent = props['aria-invalid'] ? 'critical' : 'secondary';
-    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
-      setText(e.target.files?.[0]?.name || 'Select file to upload');
-      props.onChange?.(e);
-    };
-    return <Label>
-                <Input {...props} onChange={handleChange} />
-                <Inner>
-                    <Icon size="32" svg={TokyoUIUpload} accent={accent} />
-                    <Text variant="default-regular" accent={accent}>
-                        {text}
-                    </Text>
-                </Inner>
-            </Label>;
-  };
-  return <FormControl label="Upload photo" description="Your photo will be displayed in your profile">
-            <FileInput />
-        </FormControl>;
-}`,...(h=(u=r.parameters)==null?void 0:u.docs)==null?void 0:h.source},description:{story:"This example demonstrates how to use the FormControl to create a custom input field.",...(f=(g=r.parameters)==null?void 0:g.docs)==null?void 0:f.description}}};const N=["CustomFormField"];export{r as CustomFormField,N as __namedExportsOrder,K as default};

package/dist/assets/Heading-BTHqyLcz.css

@@ -1 +0,0 @@
-.Heading__Erkb1{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--f7d879);line-height:var(--1cb31f);margin:0}.Heading--variant-massive__JFGji{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--variant-huge__47FQz{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--variant-extraLarge__xRrqx{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--variant-large__wNK6S{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--variant-medium__bCNZ-{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--variant-small__308Nb{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}@media (min-width: 400px){.Heading--narrow-l--variant-massive__yg4AJ{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--narrow-l--variant-huge__y9b4N{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--narrow-l--variant-extraLarge__XgyJu{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--narrow-l--variant-large__tzTo6{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--narrow-l--variant-medium__iP3sG{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--narrow-l--variant-small__KeKjn{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 700px){.Heading--medium-s--variant-massive__L-b4J{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--medium-s--variant-huge__2o5EA{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--medium-s--variant-extraLarge__eHmYu{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--medium-s--variant-large__AI3KL{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--medium-s--variant-medium__t5dUK{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--medium-s--variant-small__fCdNa{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 880px){.Heading--medium-l--variant-massive__jI3FW{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--medium-l--variant-huge__k0UpW{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--medium-l--variant-extraLarge__yfai7{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--medium-l--variant-large__65QTG{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--medium-l--variant-medium__UvxHB{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--medium-l--variant-small__QI2p2{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1200px){.Heading--wide-s--variant-massive__B1S84{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--wide-s--variant-huge__KvYrn{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--wide-s--variant-extraLarge__TJs8l{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--wide-s--variant-large__Wcc0E{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--wide-s--variant-medium__mONpk{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--wide-s--variant-small__oRKSN{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@media (min-width: 1900px){.Heading--wide-l--variant-massive__twgw-{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--wide-l--variant-huge__DBuNF{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--wide-l--variant-extraLarge__H9nEI{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--wide-l--variant-large__kJarT{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--wide-l--variant-medium__VN27E{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--wide-l--variant-small__Skmxk{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}

package/dist/assets/Heading-Cj8Si45g.js

@@ -1 +0,0 @@
-import{r as w,u as h,v as y,g as x,j as N}from"./iframe-B_74HtSc.js";import{g as L}from"./text-accent-BQ9POoE5.js";import{g as C}from"./text-centered-BEaaxMgl.js";import{f as b}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-hc9KR2nX.js";const V="Heading__Erkb1",k={Heading:V,"Heading--variant-massive":"Heading--variant-massive__JFGji","Heading--variant-huge":"Heading--variant-huge__47FQz","Heading--variant-extraLarge":"Heading--variant-extraLarge__xRrqx","Heading--variant-large":"Heading--variant-large__wNK6S","Heading--variant-medium":"Heading--variant-medium__bCNZ-","Heading--variant-small":"Heading--variant-small__308Nb","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__yg4AJ","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__y9b4N","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__XgyJu","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__tzTo6","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__iP3sG","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__KeKjn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__L-b4J","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__2o5EA","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__eHmYu","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__AI3KL","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__t5dUK","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__fCdNa","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__jI3FW","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__k0UpW","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__yfai7","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__65QTG","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__UvxHB","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__QI2p2","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__B1S84","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__KvYrn","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__TJs8l","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__Wcc0E","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__mONpk","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__oRKSN","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__twgw-","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__DBuNF","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__H9nEI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__kJarT","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__VN27E","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__Skmxk"},i=w.forwardRef(function({children:r,variant:t,accent:a,tag:l,centered:d,dataset:s,id:u,className:m,...g},v){const o=l||"h1",H=h(k,e.Heading,y("variant",t)),_=C(d),c=L(!a,a),p=[...H,..._,...c,m],f={...b(g),className:p.join(" "),...x(s,{preplyDsComponent:e.Heading}),id:u,ref:v};return N.jsx(o,{...f,children:r})});try{i.displayName="Heading",i.__docgenInfo={description:"",displayName:"Heading",props:{strong:{defaultValue:null,description:"@deprecated The appropriate `font-weight` is automatically set",name:"strong",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'}]}},centered:{defaultValue:null,description:"",name:"centered",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!0,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"massive"'},{value:'"huge"'},{value:'"extraLarge"'},{value:"ResponsiveProp<HeadingVariant>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!0,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"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: HTMLHeadingElement | null) => void"},{value:"RefObject<HTMLHeadingElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{i as H};

package/dist/assets/Heading.stories-BG_kLNJz.js

@@ -1,67 +0,0 @@
-import{j as a}from"./iframe-B_74HtSc.js";import{H as e}from"./Heading-Cj8Si45g.js";import{S as s}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";const y={title:"components/Heading",component:e,argTypes:{centered:{description:s},variant:{description:s}}},r=()=>a.jsxs("div",{style:{padding:"16px",display:"grid",gridTemplateColumns:"auto 3fr",alignItems:"center",gap:"16px"},children:[a.jsx("span",{children:"h1 / massive"}),a.jsx(e,{tag:"h1",variant:"massive",children:"Lorem ipsum"}),a.jsx("span",{children:"h2 / huge"}),a.jsx(e,{tag:"h2",variant:"huge",children:"Lorem ipsum"}),a.jsx("span",{children:"h3 / extraLarge"}),a.jsx(e,{tag:"h3",variant:"extraLarge",children:"Lorem ipsum"}),a.jsx("span",{children:"h4 / large"}),a.jsx(e,{tag:"h4",variant:"large",children:"Lorem ipsum"}),a.jsx("span",{children:"h5 / medium"}),a.jsx(e,{tag:"h5",variant:"medium",children:"Lorem ipsum"}),a.jsx("span",{children:"p / small"}),a.jsx(e,{tag:"p",variant:"small",children:"Lorem ipsum"})]}),n={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(g,{args:l})=>a.jsx("div",{style:{backgroundColor:l.accent==="inverted"?"black":void 0},children:g()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}}}};var t,i,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`() => <div style={{
-  padding: '16px',
-  display: 'grid',
-  gridTemplateColumns: 'auto 3fr',
-  alignItems: 'center',
-  gap: '16px'
-}}>
-        <span>h1 / massive</span>
-        <Heading tag="h1" variant="massive">
-            Lorem ipsum
-        </Heading>
-        <span>h2 / huge</span>
-        <Heading tag="h2" variant="huge">
-            Lorem ipsum
-        </Heading>
-        <span>h3 / extraLarge</span>
-        <Heading tag="h3" variant="extraLarge">
-            Lorem ipsum
-        </Heading>
-        <span>h4 / large</span>
-        <Heading tag="h4" variant="large">
-            Lorem ipsum
-        </Heading>
-        <span>h5 / medium</span>
-        <Heading tag="h5" variant="medium">
-            Lorem ipsum
-        </Heading>
-        <span>p / small</span>
-        <Heading tag="p" variant="small">
-            Lorem ipsum
-        </Heading>
-    </div>`,...(o=(i=r.parameters)==null?void 0:i.docs)==null?void 0:o.source}}};var d,p,m;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  decorators: [(story, {
-    args
-  }) => <div style={{
-    backgroundColor: args.accent === 'inverted' ? 'black' : undefined
-  }}>
-                {story()}
-            </div>],
-  args: {
-    tag: 'h1',
-    variant: 'massive',
-    children: 'Lorem ipsum',
-    dataset: {
-      qaid: 'heading'
-    }
-  },
-  argTypes: {
-    centered: {
-      control: 'boolean'
-    },
-    dataset: {
-      control: 'object'
-    },
-    // Disable deprecated props
-    strong: {
-      table: {
-        disable: true
-      }
-    }
-  }
-}`,...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const H=["Typeset","Playground"];export{n as Playground,r as Typeset,H as __namedExportsOrder,y as default};

package/dist/assets/Icon-CC0yjdx9.js

@@ -1,8 +0,0 @@
-import{u as x,v as d,r as y,g as m,j as g,av as f}from"./iframe-B_74HtSc.js";import{g as w}from"./text-accent-BQ9POoE5.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{r as b}from"./render-icon-MT6RlyNs.js";import{w as p}from"./componentNames-hc9KR2nX.js";const I="Icon__EP3Vh",h={Icon:I,"Icon--size-16":"Icon--size-16__P716Z","Icon--size-24":"Icon--size-24__uOdtd","Icon--size-32":"Icon--size-32__zP8We","Icon--size-48":"Icon--size-48__-KHYK"},N="ExpColor__fSHBe",V={ExpColor:N,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__IQ8rz","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__4wU8k","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__idyQR","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__bSfXM","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__TAgB4","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__8AFVk","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__fFByn","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__gRj6N","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__3iGwa","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__on7RX","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__9T1OC","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__3o0cC","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__yBJxi","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__Zff-J","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__wWr90","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__-C3Dw","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__Kpw6U","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__g4tqI","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__5lL8W","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__JdCoO","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__x4D1V","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__Mp3-h","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__dr309","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__4eqgg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7KEax","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__YFTaH","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__uioue","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__APgN0","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__iqZ5l","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__9YSjB","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__msV5Z","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__0-B47","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__kBuCR","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__rug3Y","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__1zhad","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__INDau","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__nKtQ-","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__AWAr2","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__7QmhW","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__YLRdY","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__aUMwT","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__wI000","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__uVmEI","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__HM2LK","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__0PlFD","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__FVY4B","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__2dQ3c","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__k0fHb","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__PuJbY","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__cumh2","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__dUiEM","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__DBCU8","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__lIF6t","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__NNabI","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__9Tz3v","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__HCek3"},T="ExpColor",z=o=>x(V,T,[d("exp-color",o)]),a=y.forwardRef(function({svg:e,size:c=f,accent:l,expColor:n,label:r,dataset:t,...u},s){const i=x(h,p.Icon,[`size-${c}`]),C=w(!1,l),_=l?[]:z(n),E=[...i,...C,..._],v={...k(u),className:E.join(" "),...m(t,{preplyDsComponent:p.Icon}),ref:s};if(!e)throw new Error("Icon prop svg is mandatory");return g.jsx("span",{...v,role:"img","aria-hidden":!r,"aria-label":r,children:b(e,{"aria-hidden":"true",focusable:"false"})})});try{a.displayName="Icon",a.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
-@example import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
-
-<Icon svg={TokyoUINotesWithPad} />
-@example <caption>Using as react server component</caption>
-import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
-
-<Icon svg={<TokyoUINotesWithPad />} />`,name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},size:{defaultValue:{value:"24"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:"expColor",required:!1,type:{name:"enum",value:[{value:'"grey-0"'},{value:'"grey-50"'},{value:'"grey-100"'},{value:'"grey-200"'},{value:'"grey-300"'},{value:'"grey-400"'},{value:'"grey-500"'},{value:'"grey-600"'},{value:'"grey-700"'},{value:'"grey-800"'},{value:'"grey-900"'},{value:'"pink-50"'},{value:'"pink-100"'},{value:'"pink-200"'},{value:'"pink-300"'},{value:'"pink-400"'},{value:'"pink-500"'},{value:'"pink-600"'},{value:'"pink-700"'},{value:'"pink-800"'},{value:'"yellow-50"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"yellow-600"'},{value:'"yellow-700"'},{value:'"yellow-800"'},{value:'"blue-50"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"blue-600"'},{value:'"blue-700"'},{value:'"blue-800"'},{value:'"teal-50"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"teal-600"'},{value:'"teal-700"'},{value:'"teal-800"'},{value:'"red-50"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"red-600"'},{value:'"red-700"'},{value:'"red-800"'}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:"label",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{a as I};

package/dist/assets/Icon-RSC-Cl0H44C3.js

@@ -1,6 +0,0 @@
-import{j as e,M as s,S as c}from"./iframe-B_74HtSc.js";import{useMDXComponents as r}from"./index-DWFFXgf1.js";import{ServerComponent as m}from"./Icon.stories-DAIYY4Bp.js";import"./preload-helper-Dp1pzeXC.js";import"./TokyoUINotesWithPad-CG0gLTYm.js";import"./Icon-CC0yjdx9.js";import"./text-accent-BQ9POoE5.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-MT6RlyNs.js";import"./componentNames-hc9KR2nX.js";import"./options-jUub4JL1.js";function t(n){const o={code:"code",h1:"h1",p:"p",pre:"pre",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"components/Icon/Server Component"}),`
-`,e.jsx(o.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
-`,e.jsxs(o.p,{children:["To use Icon as react server component, provide ",e.jsx(o.code,{children:"svg"})," as element:"]}),`
-`,e.jsx(c,{of:m}),`
-`,e.jsx(o.pre,{children:e.jsx(o.code,{className:"language-jsx",children:`<Icon svg={<TokyoUINotesWithPad />} />
-`})})]})}function M(n={}){const{wrapper:o}={...r(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(t,{...n})}):t(n)}export{M as default};

package/dist/assets/Icon.stories-DAIYY4Bp.js

@@ -1,45 +0,0 @@
-import{j as s}from"./iframe-B_74HtSc.js";import{F as e}from"./TokyoUINotesWithPad-CG0gLTYm.js";import{I as o}from"./Icon-CC0yjdx9.js";import{E as h}from"./options-jUub4JL1.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-BQ9POoE5.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-MT6RlyNs.js";import"./componentNames-hc9KR2nX.js";const O={title:"components/Icon",component:o,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>s.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[s.jsx(o,{svg:e,size:"16"}),s.jsx(o,{svg:e,size:"24"}),s.jsx(o,{svg:e,size:"32"}),s.jsx(o,{svg:e,size:"48"})]}),n=()=>s.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>s.jsxs("div",{style:{display:"flex",gap:16},children:[s.jsx(o,{svg:e,expColor:a.id},a.id),s.jsx("span",{children:a.id})]},a.id))}),r=()=>s.jsx(o,{svg:s.jsx(e,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:e,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
-  display: 'flex',
-  alignItems: 'end',
-  gap: '4px'
-}}>
-        <Icon svg={TokyoUINotesWithPad} size="16" />
-        <Icon svg={TokyoUINotesWithPad} size="24" />
-        <Icon svg={TokyoUINotesWithPad} size="32" />
-        <Icon svg={TokyoUINotesWithPad} size="48" />
-    </div>`,...(d=(c=t.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,m,g;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`() => <div style={{
-  display: 'flex',
-  flexDirection: 'column',
-  gap: '4px'
-}}>
-        {EXP_COLOR_NAME_OPTIONS.map(expColor => <div key={expColor.id} style={{
-    display: 'flex',
-    gap: 16
-  }}>
-                <Icon svg={TokyoUINotesWithPad} key={expColor.id} expColor={expColor.id} />
-                <span>{expColor.id}</span>
-            </div>)}
-    </div>`,...(g=(m=n.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var x,v,y;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.docs,source:{originalSource:"() => <Icon svg={<TokyoUINotesWithPad />} />",...(y=(v=r.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var u,I,f;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  args: {
-    svg: TokyoUINotesWithPad,
-    dataset: {
-      qaid: 'icon'
-    }
-  },
-  argTypes: {
-    svg: {
-      control: false
-    },
-    dataset: {
-      control: 'object'
-    },
-    label: {
-      control: 'text'
-    }
-  }
-}`,...(f=(I=i.parameters)==null?void 0:I.docs)==null?void 0:f.source}}};const b=["Sizes","ExpColors","ServerComponent","Playground"];export{n as ExpColors,i as Playground,r as ServerComponent,t as Sizes,b as __namedExportsOrder,O as default};

package/dist/assets/IconButton-BpjNyYgD.js

@@ -1,8 +0,0 @@
-import{r as d,j as m,z as v,D as c}from"./iframe-B_74HtSc.js";import{r as p}from"./render-icon-MT6RlyNs.js";import{B as f}from"./ButtonBase-HkSfLFbE.js";import{w as y}from"./componentNames-hc9KR2nX.js";const b="bubbleCounter__IIv-p",V="childTargetOverlay__7xCVK",g="cutout__ooHoK",q={bubbleCounter:b,"size-small":"size-small__eLF8T","size-medium":"size-medium__UY-G5","size-large":"size-large__qs1m8","variant-dark":"variant-dark__OzCSP","variant-light":"variant-light__vwrDe",childTargetOverlay:V,cutout:g},_="IconButton__sj2x5",h={IconButton:_},e=d.forwardRef(function({variant:n=c,size:l=v,url:u,a11yLabel:t,svg:r,...o},s){const i=[h.IconButton,q.cutout].join(" ");return m.jsx(f,{...o,ref:s,className:i,isIconButton:!0,variant:n,size:l,url:u,a11yLabel:t,preplyDsComponent:y.IconButton,children:p(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
-
-Allows rendering the button using a different React element or component.
-This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
-@example // Render as a react router link component
-import { Link } from 'react-router-dom';
-
-<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, 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: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{e as I,q as b};

package/dist/assets/IconButton-COydvoLU.css

@@ -1 +0,0 @@
-.bubbleCounter__IIv-p{display:inline-flex;justify-content:center;align-items:center;width:fit-content;border-radius:var(--aa6dcb);font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40);letter-spacing:var(--03e2b6);flex-shrink:0}.bubbleCounter__IIv-p.size-small__eLF8T{height:var(--558c4c);min-width:var(--558c4c);padding-inline:var(--590b8d)}.bubbleCounter__IIv-p.size-medium__UY-G5{height:var(--b53873);min-width:var(--b53873);padding-inline:var(--f30851)}.bubbleCounter__IIv-p.size-large__qs1m8{height:var(--1e685c);min-width:var(--1e685c);padding-inline:var(--66b80b)}.bubbleCounter__IIv-p.variant-dark__OzCSP{background:var(--4983fe);color:var(--c2b191)}.bubbleCounter__IIv-p.variant-light__vwrDe{background:var(--a5c761);color:var(--628fb7)}.childTargetOverlay__7xCVK{position:relative;isolation:isolate;width:fit-content}.childTargetOverlay__7xCVK>.bubbleCounter__IIv-p{position:absolute;z-index:1;top:0;right:0;--offset: var(--ds-bubblecounter-target-offset, 50%);translate:var(--offset) calc(-1 * var(--offset));outline:var(--05dd73) solid var(--ds-bubblecounter-outline-color, transparent)}.childTargetOverlay__7xCVK:has(.cutout__ooHoK)>.bubbleCounter__IIv-p{--ds-bubblecounter-outline-color: var(--3546c3)}.IconButton__sj2x5{flex-shrink:0}

package/dist/assets/IconTile-CAnlU9ss.js

@@ -1 +0,0 @@
-import{r as c,u as m,j as a,g as p}from"./iframe-B_74HtSc.js";import{I as d}from"./Icon-CC0yjdx9.js";import{w as l}from"./componentNames-hc9KR2nX.js";const v="IconTile__XlzW3",f={IconTile:v,"IconTile--size-small":"IconTile--size-small__brJck","IconTile--size-base":"IconTile--size-base__gPIDE","IconTile--size-medium":"IconTile--size-medium__gAwOs","IconTile--size-large":"IconTile--size-large__M35fc","IconTile--tone-neutral":"IconTile--tone-neutral__IVJ2Y","IconTile--tone-info":"IconTile--tone-info__o2x-M","IconTile--tone-ai":"IconTile--tone-ai__dJp9n","IconTile--tone-positive":"IconTile--tone-positive__yJsa9","IconTile--tone-warning":"IconTile--tone-warning__q8yaj","IconTile--tone-critical":"IconTile--tone-critical__iAjl0"};function I(e){switch(e){case"small":return"16";case"medium":return"32";case"large":return"48"}return"24"}const t=c.forwardRef(function({size:n="base",tone:i="neutral",dataset:o,...s},r){const u=m(f,l.IconTile,[`size-${n}`,`tone-${i}`]);return a.jsx("span",{className:u.join(" "),...p(o,{preplyDsComponent:l.IconTile}),children:a.jsx(d,{...s,accent:"primary",size:I(n),ref:r})})});try{t.displayName="IconTile",t.__docgenInfo={description:"",displayName:"IconTile",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},label:{defaultValue:null,description:"If using the icon without any adjacent descriptive text, use this prop to\nprovide an `aria-label` for assistive technologies.",name:"label",required:!1,type:{name:"enum",value:[{value:"string"}]}},svg:{defaultValue:null,description:"",name:"svg",required:!0,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"}]}},size:{defaultValue:{value:"base"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"base"'}]}},tone:{defaultValue:{value:"neutral"},description:"",name:"tone",required:!1,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"ai"'},{value:'"neutral"'}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{t as I};

package/dist/assets/IconTile-DDvHA75S.css

@@ -1 +0,0 @@
-.IconTile__XlzW3{display:inline-flex;border-radius:var(--5e8be4)}.IconTile--size-small__brJck{padding:var(--590b8d);min-width:calc(var(--656bbc) + var(--590b8d) * 2);max-width:calc(var(--656bbc) + var(--590b8d) * 2)}.IconTile--size-base__gPIDE{padding:var(--590b8d);min-width:calc(var(--81dc82) + var(--590b8d) * 2);max-width:calc(var(--81dc82) + var(--590b8d) * 2)}.IconTile--size-medium__gAwOs{padding:var(--66b80b);min-width:calc(var(--2a6452) + var(--66b80b) * 2);max-width:calc(var(--2a6452) + var(--66b80b) * 2)}.IconTile--size-large__M35fc{padding:var(--66b80b);min-width:calc(var(--03d2e4) + var(--66b80b) * 2);max-width:calc(var(--03d2e4) + var(--66b80b) * 2)}.IconTile--tone-neutral__IVJ2Y{background-color:var(--a5c761)}.IconTile--tone-info__o2x-M{background-color:var(--94a45e)}.IconTile--tone-ai__dJp9n{background:var(--decc79)}.IconTile--tone-positive__yJsa9{background-color:var(--1836a4)}.IconTile--tone-warning__q8yaj{background-color:var(--b503b8)}.IconTile--tone-critical__iAjl0{background-color:var(--f15644)}

package/dist/assets/IconTile.stories-DnUYn3Id.js

@@ -1,88 +0,0 @@
-import{j as t}from"./iframe-B_74HtSc.js";import{F as e}from"./TokyoUINotesWithPad-CG0gLTYm.js";import{I as s}from"./IconTile-CAnlU9ss.js";import"./preload-helper-Dp1pzeXC.js";import"./Icon-CC0yjdx9.js";import"./text-accent-BQ9POoE5.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-MT6RlyNs.js";import"./componentNames-hc9KR2nX.js";const f={title:"components/IconTile",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},o=()=>t.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"small"}),t.jsx("th",{children:"base"}),t.jsx("th",{children:"medium"}),t.jsx("th",{children:"large"})]})}),t.jsx("tbody",{children:t.jsxs("tr",{children:[t.jsx("td",{children:t.jsx(s,{svg:e,size:"small"})}),t.jsx("td",{children:t.jsx(s,{svg:e,size:"base"})}),t.jsx("td",{children:t.jsx(s,{svg:e,size:"medium"})}),t.jsx("td",{children:t.jsx(s,{svg:e,size:"large"})})]})})]}),r=()=>t.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"neutral"}),t.jsx("th",{children:"info"}),t.jsx("th",{children:"ai"}),t.jsx("th",{children:"positive"}),t.jsx("th",{children:"warning"}),t.jsx("th",{children:"critical"})]})}),t.jsx("tbody",{children:t.jsxs("tr",{children:[t.jsx("td",{children:t.jsx(s,{svg:e,tone:"neutral"})}),t.jsx("td",{children:t.jsx(s,{svg:e,tone:"info"})}),t.jsx("td",{children:t.jsx(s,{svg:e,tone:"ai"})}),t.jsx("td",{children:t.jsx(s,{svg:e,tone:"positive"})}),t.jsx("td",{children:t.jsx(s,{svg:e,tone:"warning"})}),t.jsx("td",{children:t.jsx(s,{svg:e,tone:"critical"})})]})})]}),a={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:e,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"}}};var i,n,d;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`() => <table style={{
-  borderCollapse: 'separate',
-  borderSpacing: '16px'
-}}>
-        <thead>
-            <tr>
-                <th>small</th>
-                <th>base</th>
-                <th>medium</th>
-                <th>large</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="small" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="base" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="medium" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} size="large" />
-                </td>
-            </tr>
-        </tbody>
-    </table>`,...(d=(n=o.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};var l,c,h;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`() => <table style={{
-  borderCollapse: 'separate',
-  borderSpacing: '16px'
-}}>
-        <thead>
-            <tr>
-                <th>neutral</th>
-                <th>info</th>
-                <th>ai</th>
-                <th>positive</th>
-                <th>warning</th>
-                <th>critical</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="neutral" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="info" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="ai" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="positive" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="warning" />
-                </td>
-                <td>
-                    <IconTile svg={TokyoUINotesWithPad} tone="critical" />
-                </td>
-            </tr>
-        </tbody>
-    </table>`,...(h=(c=r.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};var p,x,g;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  args: {
-    svg: TokyoUINotesWithPad,
-    dataset: {
-      qaid: 'icon'
-    }
-  },
-  argTypes: {
-    svg: {
-      control: false
-    },
-    dataset: {
-      control: 'object'
-    },
-    label: {
-      control: 'text'
-    }
-  }
-}`,...(g=(x=a.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};const k=["Sizes","Tones","Playground"];export{a as Playground,o as Sizes,r as Tones,k as __namedExportsOrder,f as default};