@preply/ds-docs 3.5.1 → 3.6.0

package/dist/assets/Divider.stories-Dt8b4I0I.js

@@ -0,0 +1,9 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{w as c}from"./componentNames-NXEPEzbR.js";import"./index-ChsGqxH_.js";const g="Divider__o9--B",o={Divider:g,"size-small":"size-small__QrAgV","size-large":"size-large__agPv9"},i=({size:e="small"})=>a.jsx("hr",{className:`${o.Divider} ${o[`size-${e}`]}`,"data-preply-ds-component":c.Divider});try{i.displayName="Divider",i.__docgenInfo={description:"",displayName:"Divider",props:{size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"small"'}]}}}}}catch{}const z={title:"Components/Divider",component:i,decorators:[e=>a.jsx("div",{style:{padding:"24px 12px 48px"},children:a.jsx(e,{})})],argTypes:{size:{control:{type:"select",labels:["small","large"]}}}},s={args:{size:"small"}},r={args:{size:"large"}};var l,t,n;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    size: 'small'
+  }
+}`,...(n=(t=s.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};var m,d,p;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  args: {
+    size: 'large'
+  }
+}`,...(p=(d=r.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};const x=["Small","Large"];export{r as Large,s as Small,x as __namedExportsOrder,z as default};

package/dist/assets/DocsRenderer-CFRXHY34-bxqIrlIk.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BN6VMYqa.js","./index-Cb9e4tly.js","./_commonjsHelpers-Cpj98o6Y.js","./index-ChsGqxH_.js"])))=>i.map(i=>d[i]);
+import{_ as l}from"./iframe-DI6VGJCr.js";import{r as s,e as n}from"./index-Cb9e4tly.js";import{H as p,A as h,C as E,c as d}from"./index-CxzwkAAS.js";import{c as v}from"./client-C1fTPCwG.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-ChsGqxH_.js";import"./jsx-runtime-BTJTZTIL.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";var i=new Map;function R(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(R()){o.render(e);return}let{promise:m,resolve:a}=Promise.withResolvers();return o.render(s.createElement(f,{callback:a},e)),m},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=v.createRoot(e,t),i.set(e,r)),r},g={code:E,a:h,...p},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},L=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},m=d;return new Promise((a,c)=>{l(async()=>{const{MDXProvider:u}=await import("./index-BN6VMYqa.js");return{MDXProvider:u}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:u})=>w(n.createElement(y,{showException:c,key:Math.random()},n.createElement(u,{components:o},n.createElement(m,{context:e,docsParameter:t}))),r)).then(()=>a())})},this.unmount=e=>{_(e)}}};export{L as DocsRenderer,g as defaultComponents};

package/dist/assets/{FieldButton-Bsa9_rJB.js → FieldButton-DkkntNzT.js}

@@ -1 +1 @@
-import{j as n}from"./jsx-runtime-BYouaCF_.js";import{r as f}from"./index-B3evPFBL.js";import{f as v}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-CpCJzpB9.js";const B="FieldButton__ZIYKf",b={FieldButton:B},l=f.forwardRef(function({svg:o,assistiveText:r,onClick:e,dataset:u,...i},m){const d=y(b,a.FieldButton),p=t=>{t.stopPropagation(),e==null||e(t)},c={...v(i),...g(u,{preplyDsComponent:a.FieldButton}),className:d.join(" "),title:r,onClick:p,ref:m};return n.jsx("button",{...c,type:"button",children:n.jsx(o,{"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<Element>"}},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};
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Cb9e4tly.js";import{f as v}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as y}from"./classNames-BUL1Zq7e.js";import{g}from"./index-DdzHuZ-Y.js";import{w as a}from"./componentNames-NXEPEzbR.js";const B="FieldButton__ZIYKf",b={FieldButton:B},l=f.forwardRef(function({svg:o,assistiveText:r,onClick:e,dataset:u,...i},m){const d=y(b,a.FieldButton),p=t=>{t.stopPropagation(),e==null||e(t)},c={...v(i),...g(u,{preplyDsComponent:a.FieldButton}),className:d.join(" "),title:r,onClick:p,ref:m};return n.jsx("button",{...c,type:"button",children:n.jsx(o,{"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<Element>"}},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-CXR_cH-r.js

@@ -0,0 +1 @@
+import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as m}from"./LibraryExplore-oBYfEgnm.js";import{F as s}from"./FieldButton-DkkntNzT.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./classNames-BUL1Zq7e.js";import"./index-DdzHuZ-Y.js";import"./componentNames-NXEPEzbR.js";const v={title:"components/FieldButton",component:s},o=()=>i.jsx(s,{svg:m,assistiveText:"Lorem Ipsum",onClick:()=>{}});o.storyName="FieldButton";var t,e,r;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:'() => <FieldButton svg={LibSvg} assistiveText="Lorem Ipsum" onClick={() => undefined} />',...(r=(e=o.parameters)==null?void 0:e.docs)==null?void 0:r.source}}};const B=["Base"];export{o as Base,B as __namedExportsOrder,v as default};

package/dist/assets/{FormControl-CeIJk4_Z.js → FormControl-BBd1k1n3.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-BYouaCF_.js";import{S as q}from"./index-DRKYGVyc.js";import{r as x}from"./index-B3evPFBL.js";import"./index-BfBdt3zW.js";import{g as C}from"./index-DdzHuZ-Y.js";import{M as u}from"./message-BraTJ16C.js";import{w as _}from"./componentNames-CpCJzpB9.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:o,hasError:l}){const e={};return l&&(e["aria-invalid"]=!0),n&&(e["aria-invalid"]=!0,e["aria-errormessage"]=`${t}-error`),o&&(e["aria-describedby"]=`${t}-description`),e}const p=({id:t,label:n,hideLabel:o,description:l,error:e,hasError:c,children:m,required:s,dataset:f,onClick:v,preplyDsComponent:h=_.FormControl,useLegacyRequiredLabel:d=!1})=>{const b=x.useId(),i=t||b,y=j({id:i,error:e,description:l,hasError:c}),g=C(f,{preplyDsComponent:h});return a.jsxs("div",{className:r.container,...g,onClick:v,children:[a.jsxs("label",{htmlFor:i,className:r.label,"data-hidden":o||!n,"data-testid":"label",children:[n,!!d&&s&&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&&!s&&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(q,{id:i,required:s,...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.
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{S as q}from"./index-C6wF8VM1.js";import{r as x}from"./index-Cb9e4tly.js";import"./index-DSVnVYmz.js";import{g as C}from"./index-DdzHuZ-Y.js";import{M as u}from"./message-BqoANQez.js";import{w as _}from"./componentNames-NXEPEzbR.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:o,hasError:l}){const e={};return l&&(e["aria-invalid"]=!0),n&&(e["aria-invalid"]=!0,e["aria-errormessage"]=`${t}-error`),o&&(e["aria-describedby"]=`${t}-description`),e}const p=({id:t,label:n,hideLabel:o,description:l,error:e,hasError:c,children:m,required:s,dataset:f,onClick:v,preplyDsComponent:h=_.FormControl,useLegacyRequiredLabel:d=!1})=>{const b=x.useId(),i=t||b,y=j({id:i,error:e,description:l,hasError:c}),g=C(f,{preplyDsComponent:h});return a.jsxs("div",{className:r.container,...g,onClick:v,children:[a.jsxs("label",{htmlFor:i,className:r.label,"data-hidden":o||!n,"data-testid":"label",children:[n,!!d&&s&&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&&!s&&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(q,{id:i,required:s,...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 exlicitly 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

package/dist/assets/{FormControl-BxxTFPCS.css → FormControl-BBqp99uJ.css}

@@ -1 +1 @@
-.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);white-space:nowrap}.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{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)}
+.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.stories-DekxQG9a.js → FormControl.stories-DukIAZCw.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BYouaCF_.js";import{F as x}from"./FormControl-CeIJk4_Z.js";import{d as r}from"./styled-components.browser.esm-CwsnEFnS.js";import{r as j}from"./index-B3evPFBL.js";import{I as k}from"./Icon-ZIxauYsE.js";import{F as $}from"./TokyoUIUpload-Bi3CuQzX.js";import{T as L}from"./Text-BmdJVr9v.js";import{g as e}from"./getTokenVar-DU_DEzTd.js";import{c as d,s as p,r as S}from"./tokens-ZvFzTwDp.js";import"./index-DRKYGVyc.js";import"./index-BfBdt3zW.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-DdzHuZ-Y.js";import"./message-BraTJ16C.js";import"./componentNames-CpCJzpB9.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./defaults-B1rzzf6M.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const tt={title:"Components/FormControl",component:x,parameters:{layout:"padded"}},o=()=>{const b=r.input.attrs({type:"file"})`
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as x}from"./FormControl-BBd1k1n3.js";import{d as r}from"./styled-components.browser.esm-BgpGX317.js";import{r as j}from"./index-Cb9e4tly.js";import{I as k}from"./Icon-CsnSNslb.js";import{F as $}from"./TokyoUIUpload-Bf0gWv4M.js";import{T as L}from"./Text-CykvSLVe.js";import{g as e}from"./getTokenVar-DU_DEzTd.js";import{c as d,s as p,r as S}from"./tokens-CJh_FSIl.js";import"./index-ChsGqxH_.js";import"./index-C6wF8VM1.js";import"./index-DSVnVYmz.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./index-DdzHuZ-Y.js";import"./message-BqoANQez.js";import"./componentNames-NXEPEzbR.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-Clr6nbGc.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const nt={title:"Components/FormControl",component:x,parameters:{layout:"padded"}},o=()=>{const b=r.input.attrs({type:"file"})`
         visibility: hidden;
         position: absolute;
         width: 0;
@@ -64,4 +64,4 @@ import{j as t}from"./jsx-runtime-BYouaCF_.js";import{F as x}from"./FormControl-C
   return <FormControl label="Upload photo" description="Your photo will be displayed in your profile">
             <FileInput />
         </FormControl>;
-}`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source},description:{story:"This example demonstrates how to use the FormControl to create a custom input field.",...(f=(h=o.parameters)==null?void 0:h.docs)==null?void 0:f.description}}};const nt=["CustomFormField"];export{o as CustomFormField,nt as __namedExportsOrder,tt as default};
+}`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source},description:{story:"This example demonstrates how to use the FormControl to create a custom input field.",...(f=(h=o.parameters)==null?void 0:h.docs)==null?void 0:f.description}}};const et=["CustomFormField"];export{o as CustomFormField,et as __namedExportsOrder,nt as default};

package/dist/assets/{Heading-ese4_5Hg.js → Heading-BLxyLk9f.js}

@@ -1,2 +1,2 @@
-import{j as x}from"./jsx-runtime-BYouaCF_.js";import{r as N}from"./index-B3evPFBL.js";import{g as b,a as C}from"./text-accent-DZDDtpIt.js";import{g as L}from"./text-centered-CznToR0o.js";import{f as T}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as k,s as q,b as E}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-CpCJzpB9.js";import{g as U}from"./index-DdzHuZ-Y.js";const V="Heading__Erkb1",I={Heading:V,"Heading--level-h1-normal":"Heading--level-h1-normal__t2Kqc","Heading--level-h1-large":"Heading--level-h1-large__2-ENi","Heading--level-h2-normal":"Heading--level-h2-normal__VzetR","Heading--level-h2-large":"Heading--level-h2-large__NxpiQ","Heading--level-h3-normal":"Heading--level-h3-normal__vCnMS","Heading--level-h3-large":"Heading--level-h3-large__Vs-gN","Heading--level-h4-normal":"Heading--level-h4-normal__O6PPx","Heading--level-h4-large":"Heading--level-h4-large__fNZXP","Heading--level-h5-normal":"Heading--level-h5-normal__IMKhU","Heading--level-h5-large":"Heading--level-h5-large__G40j-","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__1qZxP","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__vhit5","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__a2FJF","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__qFLdx","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__D2GNa","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__xeciI","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__G7nUl","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__cL6he","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__UNw3s","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__o76Fo","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__IGwXF","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__y2QjY","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__T5nXA","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__FbGid","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__dcenB","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__AR-Fa","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__-NI8n","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__AE93N","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__ZJEJ-","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__GJ8sd","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__UG7oa","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__hJgJ9","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__sf7Py","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__iYIZ9","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__32eny","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__kuCwB","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__TE1Eh","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__zZfdz","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__7HYFE","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__NkY03","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__kqRcj","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__yzHzL","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__b9MXd","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__q0kXc","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__Ziuj8","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__Q4111","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__TxCtT","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__cQQZf","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__ZSrD7","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__ZuCIn","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__MavHI","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__rE1tu","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__YUYcX","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__v5ssH","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__kQBs2","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__pU-wX","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__WvWGX","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__TeFQp","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__1yKda","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__Uadr4","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"},r=N.forwardRef(function({children:g,variant:a,accent:l,level:e,large:v=!1,tag:m,color:n,centered:u,dataset:t,id:s,...o},H){const _=m||e||"h1",h=k(I,i.Heading,a?q("variant",a):E(`level-${e}-large`,`level-${e}-normal`,v)),w=L(u),c=b(!(l?void 0:n),l),p=C(n),f=["preply-ds-heading",...h,...w,...c,...p],y={...T(o),className:f.join(" "),...U(t,{preplyDsComponent:i.Heading}),id:s,ref:H};return x.jsx(_,{...y,children:g})});try{r.displayName="Heading",r.__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:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"disabled"'},{value:'"branded"'},{value:'"selected"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use `accent` instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},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"}]}},level:{defaultValue:null,description:"@deprecated Use `variant` instead\n@deprecated Use `variant` instead",name:"level",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},large:{defaultValue:{value:"false"},description:`@deprecated There is no large version in Tokyo UI.
-@deprecated There is no large version in Tokyo UI.`,name:"large",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:'"massive"'},{value:'"huge"'},{value:'"extraLarge"'},{value:"ResponsiveProp<HeadingVariant>"}]}},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{r as H};
+import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{r as N}from"./index-Cb9e4tly.js";import{g as b,a as C}from"./text-accent-DZDDtpIt.js";import{g as L}from"./text-centered-CznToR0o.js";import{f as T}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{m as k,s as q,b as E}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-NXEPEzbR.js";import{g as U}from"./index-DdzHuZ-Y.js";const V="Heading__Erkb1",I={Heading:V,"Heading--level-h1-normal":"Heading--level-h1-normal__t2Kqc","Heading--level-h1-large":"Heading--level-h1-large__2-ENi","Heading--level-h2-normal":"Heading--level-h2-normal__VzetR","Heading--level-h2-large":"Heading--level-h2-large__NxpiQ","Heading--level-h3-normal":"Heading--level-h3-normal__vCnMS","Heading--level-h3-large":"Heading--level-h3-large__Vs-gN","Heading--level-h4-normal":"Heading--level-h4-normal__O6PPx","Heading--level-h4-large":"Heading--level-h4-large__fNZXP","Heading--level-h5-normal":"Heading--level-h5-normal__IMKhU","Heading--level-h5-large":"Heading--level-h5-large__G40j-","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__1qZxP","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__vhit5","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__a2FJF","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__qFLdx","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__D2GNa","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__xeciI","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__G7nUl","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__cL6he","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__UNw3s","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__o76Fo","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__IGwXF","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__y2QjY","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__T5nXA","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__FbGid","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__dcenB","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__AR-Fa","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__-NI8n","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__AE93N","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__ZJEJ-","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__GJ8sd","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__UG7oa","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__hJgJ9","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__sf7Py","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__iYIZ9","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__32eny","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__kuCwB","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__TE1Eh","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__zZfdz","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__7HYFE","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__NkY03","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__kqRcj","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__yzHzL","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__b9MXd","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__q0kXc","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__Ziuj8","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__Q4111","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__TxCtT","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__cQQZf","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__ZSrD7","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__ZuCIn","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__MavHI","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__rE1tu","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__YUYcX","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__v5ssH","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__kQBs2","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__pU-wX","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__WvWGX","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__TeFQp","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__1yKda","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__Uadr4","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"},r=N.forwardRef(function({children:g,variant:a,accent:l,level:e,large:v=!1,tag:m,color:n,centered:u,dataset:t,id:s,...o},H){const _=m||e||"h1",h=k(I,i.Heading,a?q("variant",a):E(`level-${e}-large`,`level-${e}-normal`,v)),w=L(u),c=b(!(l?void 0:n),l),p=C(n),f=["preply-ds-heading",...h,...w,...c,...p],y={...T(o),className:f.join(" "),...U(t,{preplyDsComponent:i.Heading}),id:s,ref:H};return x.jsx(_,{...y,children:g})});try{r.displayName="Heading",r.__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:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"disabled"'},{value:'"branded"'},{value:'"selected"'},{value:'"error"'}]}},color:{defaultValue:null,description:"@deprecated Use `accent` instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},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"}]}},level:{defaultValue:null,description:"@deprecated Use `variant` instead\n@deprecated Use `variant` instead",name:"level",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},large:{defaultValue:{value:"false"},description:`@deprecated There is no large version in Tokyo UI.
+@deprecated There is no large version in Tokyo UI.`,name:"large",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"massive"'},{value:'"huge"'},{value:'"extraLarge"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<HeadingVariant>"}]}},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{r as H};

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

@@ -0,0 +1,82 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{H as e}from"./Heading-BLxyLk9f.js";import{S as s}from"./consts-KAYct7Gj.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-NXEPEzbR.js";import"./index-DdzHuZ-Y.js";const f={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:[(l,{args:g})=>a.jsx("div",{style:{backgroundColor:g.accent==="inverted"?"black":void 0},children:l()})],args:{tag:"h1",variant:"massive",children:"Lorem ipsum",dataset:{qaid:"heading"}},argTypes:{centered:{control:"boolean"},dataset:{control:"object"},strong:{table:{disable:!0}},level:{table:{disable:!0}},color:{table:{disable:!0}},large:{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
+      }
+    },
+    level: {
+      table: {
+        disable: true
+      }
+    },
+    color: {
+      table: {
+        disable: true
+      }
+    },
+    large: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const E=["Typeset","Playground"];export{n as Playground,r as Typeset,E as __namedExportsOrder,f as default};

package/dist/assets/{Icon-ZIxauYsE.js → Icon-CsnSNslb.js}

@@ -1,8 +1,8 @@
-import{j as b}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{g as I,a as k}from"./text-accent-DZDDtpIt.js";import{f as h}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{r as N}from"./render-icon-CVTdrNe-.js";import{m as n,s as z,b as V}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-CpCJzpB9.js";import{g as T}from"./index-DdzHuZ-Y.js";import{I as P}from"./defaults-B1rzzf6M.js";const R="Icon__EP3Vh",S={Icon:R,"Icon--size-2xs":"Icon--size-2xs__yN10Y","Icon--size-xs":"Icon--size-xs__6SXZ7","Icon--size-s":"Icon--size-s__NLRBu","Icon--size-m":"Icon--size-m__F6CqX","Icon--size-l":"Icon--size-l__aSKIx","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"},U="ExpColor__fSHBe",q={ExpColor:U,"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"},A="ExpColor",B=o=>n(q,A,[z("exp-color",o)]),x=w.forwardRef(function({svg:r,size:e=P,accent:l,expColor:c,color:t,label:a,dataset:s,...i},v){const p=!Number.isNaN(Number(e)),C=p?{width:`${e}px`,height:`${e}px`}:{},_=n(S,u.Icon,[V(`size-${e}`,void 0,!p)]),E=l?void 0:t,d=I(!1,l),y=k(E),m=l?[]:B(c),g=[..._,...d,...y,...m],f={...h(i),className:g.join(" "),...T(s,{preplyDsComponent:u.Icon}),ref:v};if(!r)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...f,role:"img",style:C,"aria-hidden":!a,"aria-label":a,children:N(r,{"aria-hidden":"true",focusable:"false"})})});try{x.displayName="Icon",x.__docgenInfo={description:"",displayName:"Icon",props:{svg:{defaultValue:null,description:`The SVG icon to render.
+import{j as b}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{g as I,a as k}from"./text-accent-DZDDtpIt.js";import{f as h}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{r as N}from"./render-icon-BT0Aq7PA.js";import{m as n,s as z,b as V}from"./classNames-BUL1Zq7e.js";import{w as u}from"./componentNames-NXEPEzbR.js";import{g as T}from"./index-DdzHuZ-Y.js";import{I as P}from"./defaults-Clr6nbGc.js";const R="Icon__EP3Vh",S={Icon:R,"Icon--size-2xs":"Icon--size-2xs__yN10Y","Icon--size-xs":"Icon--size-xs__6SXZ7","Icon--size-s":"Icon--size-s__NLRBu","Icon--size-m":"Icon--size-m__F6CqX","Icon--size-l":"Icon--size-l__aSKIx","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"},U="ExpColor__fSHBe",q={ExpColor:U,"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"},A="ExpColor",B=o=>n(q,A,[z("exp-color",o)]),x=w.forwardRef(function({svg:r,size:e=P,accent:l,expColor:c,color:t,label:a,dataset:s,...i},v){const p=!Number.isNaN(Number(e)),C=p?{width:`${e}px`,height:`${e}px`}:{},_=n(S,u.Icon,[V(`size-${e}`,void 0,!p)]),E=l?void 0:t,d=I(!1,l),y=k(E),m=l?[]:B(c),g=[..._,...d,...y,...m],f={...h(i),className:g.join(" "),...T(s,{preplyDsComponent:u.Icon}),ref:v};if(!r)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...f,role:"img",style:C,"aria-hidden":!a,"aria-label":a,children:N(r,{"aria-hidden":"true",focusable:"false"})})});try{x.displayName="Icon",x.__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:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"2xs"'},{value:'"16"'},{value:'"24"'},{value:'"32"'},{value:'"48"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"disabled"'},{value:'"branded"'},{value:'"selected"'},{value:'"error"'}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:"expColor",required:!1,type:{name:"enum",value:[{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"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-600"'},{value:'"yellow-700"'},{value:'"yellow-800"'},{value:'"blue-50"'},{value:'"blue-600"'},{value:'"blue-700"'},{value:'"blue-800"'},{value:'"teal-50"'},{value:'"teal-600"'},{value:'"teal-700"'},{value:'"teal-800"'},{value:'"red-50"'},{value:'"red-600"'},{value:'"red-700"'},{value:'"red-800"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},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{x as I};
+<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:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"2xs"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"16"'}]}},accent:{defaultValue:null,description:"",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"accentDark"'},{value:'"placeholder"'},{value:'"inverted"'},{value:'"positive"'},{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"disabled"'},{value:'"branded"'},{value:'"selected"'},{value:'"error"'}]}},expColor:{defaultValue:null,description:"If passed along with `accent`, `accent` takes precedence.",name:"expColor",required:!1,type:{name:"enum",value:[{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"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-600"'},{value:'"yellow-700"'},{value:'"yellow-800"'},{value:'"blue-50"'},{value:'"blue-600"'},{value:'"blue-700"'},{value:'"blue-800"'},{value:'"teal-50"'},{value:'"teal-600"'},{value:'"teal-700"'},{value:'"teal-800"'},{value:'"red-50"'},{value:'"red-600"'},{value:'"red-700"'},{value:'"red-800"'}]}},color:{defaultValue:null,description:"@deprecated Use accent instead.",name:"color",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"gray-100"'},{value:'"gray-200"'},{value:'"gray-300"'},{value:'"gray-400"'},{value:'"gray-500"'},{value:'"gray-600"'},{value:'"teal-100"'},{value:'"teal-200"'},{value:'"teal-300"'},{value:'"teal-400"'},{value:'"teal-500"'},{value:'"green-100"'},{value:'"green-200"'},{value:'"green-300"'},{value:'"green-400"'},{value:'"green-500"'},{value:'"yellow-100"'},{value:'"yellow-200"'},{value:'"yellow-300"'},{value:'"yellow-400"'},{value:'"yellow-500"'},{value:'"red-100"'},{value:'"red-200"'},{value:'"red-300"'},{value:'"red-400"'},{value:'"red-500"'},{value:'"blue-100"'},{value:'"blue-200"'},{value:'"blue-300"'},{value:'"blue-400"'},{value:'"blue-500"'},{value:'"magenta-100"'},{value:'"magenta-200"'},{value:'"magenta-300"'},{value:'"magenta-400"'},{value:'"magenta-500"'}]}},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{x as I};

package/dist/assets/{Icon-Dlm-jGvW.js → Icon-CytpCOfq.js}

@@ -1 +1 @@
-import{j as b}from"./jsx-runtime-BYouaCF_.js";import{r as w}from"./index-B3evPFBL.js";import{g as f,a as N}from"./text-centered-C0V1O_Sd.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as z}from"./render-icon-CwRdpin3.js";import{m as _,s as h,b as P}from"./classNames-BUL1Zq7e.js";import{I as U}from"./defaults-B1rzzf6M.js";import{w as c}from"./componentNames-CpCJzpB9.js";import{g as D}from"./index-DdzHuZ-Y.js";const K="ExpColor__S0PGo",S={ExpColor:K,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},F="ExpColor",G=r=>_(S,F,[h("exp-color",r)]),M="Icon__jDdMD",v={Icon:M,"Icon--size-2xs":"Icon--size-2xs__3r954","Icon--size-xs":"Icon--size-xs__Fcq73","Icon--size-s":"Icon--size-s__bQoUv","Icon--size-m":"Icon--size-m__7Z05l","Icon--size-l":"Icon--size-l__2o-6h","Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},A=w.forwardRef(function({svg:e,size:o=U,accent:l,expColor:C,color:E,label:p,dataset:s,...n},a){const x=!Number.isNaN(Number(o)),t=x?{width:`${o}px`,height:`${o}px`}:{},i=_(v,c.Icon,[P(`size-${o}`,void 0,!x)]),y=l?void 0:E,m=f(!1,l),d=N(y),u=l?[]:G(C),g=[...i,...m,...d,...u],I={...k(n),className:g.join(" "),...D(s,{preplyDsComponent:c.Icon}),ref:a};if(!e)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...I,role:"img",style:t,"aria-hidden":!p,"aria-label":p,children:z(e,{"aria-hidden":"true",focusable:"false"})})});A.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{A as I};
+import{j as b}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Cb9e4tly.js";import{g as f,a as N}from"./text-centered-C0V1O_Sd.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{r as z}from"./render-icon-Du0nasoi.js";import{m as _,s as h,b as P}from"./classNames-BUL1Zq7e.js";import{I as U}from"./defaults-Clr6nbGc.js";import{w as c}from"./componentNames-NXEPEzbR.js";import{g as D}from"./index-DdzHuZ-Y.js";const K="ExpColor__S0PGo",S={ExpColor:K,"ExpColor--exp-color-grey-0":"ExpColor--exp-color-grey-0__DKudt","ExpColor--exp-color-grey-50":"ExpColor--exp-color-grey-50__lo7OH","ExpColor--exp-color-grey-100":"ExpColor--exp-color-grey-100__EtBtx","ExpColor--exp-color-grey-200":"ExpColor--exp-color-grey-200__KHF8X","ExpColor--exp-color-grey-300":"ExpColor--exp-color-grey-300__0u63D","ExpColor--exp-color-grey-400":"ExpColor--exp-color-grey-400__WaJzi","ExpColor--exp-color-grey-500":"ExpColor--exp-color-grey-500__1RSHd","ExpColor--exp-color-grey-600":"ExpColor--exp-color-grey-600__95yQU","ExpColor--exp-color-grey-700":"ExpColor--exp-color-grey-700__SSayo","ExpColor--exp-color-grey-800":"ExpColor--exp-color-grey-800__15Bou","ExpColor--exp-color-grey-900":"ExpColor--exp-color-grey-900__BKw9C","ExpColor--exp-color-pink-50":"ExpColor--exp-color-pink-50__SZLGx","ExpColor--exp-color-pink-100":"ExpColor--exp-color-pink-100__J0yFM","ExpColor--exp-color-pink-200":"ExpColor--exp-color-pink-200__dQ0mZ","ExpColor--exp-color-pink-300":"ExpColor--exp-color-pink-300__WYBWX","ExpColor--exp-color-pink-400":"ExpColor--exp-color-pink-400__7Jazs","ExpColor--exp-color-pink-500":"ExpColor--exp-color-pink-500__4X2bs","ExpColor--exp-color-pink-600":"ExpColor--exp-color-pink-600__Ph3VO","ExpColor--exp-color-pink-700":"ExpColor--exp-color-pink-700__nLJd1","ExpColor--exp-color-pink-800":"ExpColor--exp-color-pink-800__-fD0l","ExpColor--exp-color-yellow-50":"ExpColor--exp-color-yellow-50__EYcxx","ExpColor--exp-color-yellow-100":"ExpColor--exp-color-yellow-100__8n-ZP","ExpColor--exp-color-yellow-200":"ExpColor--exp-color-yellow-200__eOMK3","ExpColor--exp-color-yellow-300":"ExpColor--exp-color-yellow-300__JbUZg","ExpColor--exp-color-yellow-400":"ExpColor--exp-color-yellow-400__7NrMJ","ExpColor--exp-color-yellow-500":"ExpColor--exp-color-yellow-500__a3k-Q","ExpColor--exp-color-yellow-600":"ExpColor--exp-color-yellow-600__xBk-i","ExpColor--exp-color-yellow-700":"ExpColor--exp-color-yellow-700__xw4Kd","ExpColor--exp-color-yellow-800":"ExpColor--exp-color-yellow-800__vZmXG","ExpColor--exp-color-blue-50":"ExpColor--exp-color-blue-50__s2FXt","ExpColor--exp-color-blue-100":"ExpColor--exp-color-blue-100__TzrMW","ExpColor--exp-color-blue-200":"ExpColor--exp-color-blue-200__sVncU","ExpColor--exp-color-blue-300":"ExpColor--exp-color-blue-300__ooY38","ExpColor--exp-color-blue-400":"ExpColor--exp-color-blue-400__GGuoL","ExpColor--exp-color-blue-500":"ExpColor--exp-color-blue-500__N2NW9","ExpColor--exp-color-blue-600":"ExpColor--exp-color-blue-600__q-8xU","ExpColor--exp-color-blue-700":"ExpColor--exp-color-blue-700__5k-Gw","ExpColor--exp-color-blue-800":"ExpColor--exp-color-blue-800__MCpJf","ExpColor--exp-color-teal-50":"ExpColor--exp-color-teal-50__P9v3-","ExpColor--exp-color-teal-100":"ExpColor--exp-color-teal-100__Y8xbj","ExpColor--exp-color-teal-200":"ExpColor--exp-color-teal-200__yzxAu","ExpColor--exp-color-teal-300":"ExpColor--exp-color-teal-300__CC-oK","ExpColor--exp-color-teal-400":"ExpColor--exp-color-teal-400__fBHUW","ExpColor--exp-color-teal-500":"ExpColor--exp-color-teal-500__qt3Ny","ExpColor--exp-color-teal-600":"ExpColor--exp-color-teal-600__5EF-y","ExpColor--exp-color-teal-700":"ExpColor--exp-color-teal-700__o0qGK","ExpColor--exp-color-teal-800":"ExpColor--exp-color-teal-800__dntGK","ExpColor--exp-color-red-50":"ExpColor--exp-color-red-50__QFm4H","ExpColor--exp-color-red-100":"ExpColor--exp-color-red-100__gQ36l","ExpColor--exp-color-red-200":"ExpColor--exp-color-red-200__N7c7P","ExpColor--exp-color-red-300":"ExpColor--exp-color-red-300__uhkUo","ExpColor--exp-color-red-400":"ExpColor--exp-color-red-400__cNgdd","ExpColor--exp-color-red-500":"ExpColor--exp-color-red-500__VMSdk","ExpColor--exp-color-red-600":"ExpColor--exp-color-red-600__In2gH","ExpColor--exp-color-red-700":"ExpColor--exp-color-red-700__DPnKE","ExpColor--exp-color-red-800":"ExpColor--exp-color-red-800__MkRFA"},F="ExpColor",G=r=>_(S,F,[h("exp-color",r)]),M="Icon__jDdMD",v={Icon:M,"Icon--size-2xs":"Icon--size-2xs__3r954","Icon--size-xs":"Icon--size-xs__Fcq73","Icon--size-s":"Icon--size-s__bQoUv","Icon--size-m":"Icon--size-m__7Z05l","Icon--size-l":"Icon--size-l__2o-6h","Icon--size-16":"Icon--size-16__P1SXI","Icon--size-24":"Icon--size-24__vnVQ0","Icon--size-32":"Icon--size-32__gHIna","Icon--size-48":"Icon--size-48__0PUAE"},A=w.forwardRef(function({svg:e,size:o=U,accent:l,expColor:C,color:E,label:p,dataset:s,...n},a){const x=!Number.isNaN(Number(o)),t=x?{width:`${o}px`,height:`${o}px`}:{},i=_(v,c.Icon,[P(`size-${o}`,void 0,!x)]),y=l?void 0:E,m=f(!1,l),d=N(y),u=l?[]:G(C),g=[...i,...m,...d,...u],I={...k(n),className:g.join(" "),...D(s,{preplyDsComponent:c.Icon}),ref:a};if(!e)throw new Error("Icon prop svg is mandatory");return b.jsx("span",{...I,role:"img",style:t,"aria-hidden":!p,"aria-label":p,children:z(e,{"aria-hidden":"true",focusable:"false"})})});A.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{A as I};

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

@@ -0,0 +1,6 @@
+import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as m,S as s}from"./index-CxzwkAAS.js";import{ServerComponent as i}from"./Icon.stories-CdJp2Kjy.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DI6VGJCr.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-Cu4lwwaE.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./TokyoUINotesWithPad-B-o4vu0Y.js";import"./Icon-CsnSNslb.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-NXEPEzbR.js";import"./index-DdzHuZ-Y.js";import"./defaults-Clr6nbGc.js";import"./options-DiZKU5qS.js";function r(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...n(),...t.components};return o.jsxs(o.Fragment,{children:[o.jsx(m,{title:"components/Icon/Server Component"}),`
+`,o.jsx(e.h1,{id:"use-icon-as-react-server-component",children:"Use Icon as react server component"}),`
+`,o.jsxs(e.p,{children:["To use Icon as react server component, provide ",o.jsx(e.code,{children:"svg"})," as element:"]}),`
+`,o.jsx(s,{of:i}),`
+`,o.jsx(e.pre,{children:o.jsx(e.code,{className:"language-jsx",children:`<Icon svg={<TokyoUINotesWithPad />} />
+`})})]})}function k(t={}){const{wrapper:e}={...n(),...t.components};return e?o.jsx(e,{...t,children:o.jsx(r,{...t})}):r(t)}export{k as default};

package/dist/assets/{Icon.stories-Cv6aq9BI.js → Icon.stories-CdJp2Kjy.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{F as o}from"./TokyoUINotesWithPad-Bqcca_-M.js";import{I as s}from"./Icon-ZIxauYsE.js";import{E as h}from"./options-Dn0Ts6qK.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-CpCJzpB9.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";const W={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};var p,c,d;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`() => <div style={{
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as o}from"./TokyoUINotesWithPad-B-o4vu0Y.js";import{I as s}from"./Icon-CsnSNslb.js";import{E as h}from"./options-DiZKU5qS.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-NXEPEzbR.js";import"./index-DdzHuZ-Y.js";import"./defaults-Clr6nbGc.js";const R={title:"components/Icon",component:s,parameters:{docs:{description:{component:"To browse all available icons, visit the [Icon Explorer](/story/guides-assets-icon-explorer--page)."}}}},t=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"4px"},children:[e.jsx(s,{svg:o,size:"16"}),e.jsx(s,{svg:o,size:"24"}),e.jsx(s,{svg:o,size:"32"}),e.jsx(s,{svg:o,size:"48"})]}),n=()=>e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:h.map(a=>e.jsxs("div",{style:{display:"flex",gap:16},children:[e.jsx(s,{svg:o,expColor:a.id},a.id),e.jsx("span",{children:a.id})]},a.id))}),r=()=>e.jsx(s,{svg:e.jsx(o,{})});r.tags=["!dev","!autodocs"];const i={parameters:{chromatic:{disableSnapshot:!0}},args:{svg:o,dataset:{qaid:"icon"}},argTypes:{svg:{control:!1},dataset:{control:"object"},label:{control:"text"},color:{table:{disable:!0}}}};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'
@@ -48,4 +48,4 @@ import{j as e}from"./jsx-runtime-BYouaCF_.js";import{F as o}from"./TokyoUINotesW
       }
     }
   }
-}`,...(f=(I=i.parameters)==null?void 0:I.docs)==null?void 0:f.source}}};const R=["Sizes","ExpColors","ServerComponent","Playground"];export{n as ExpColors,i as Playground,r as ServerComponent,t as Sizes,R as __namedExportsOrder,W as default};
+}`,...(f=(I=i.parameters)==null?void 0:I.docs)==null?void 0:f.source}}};const D=["Sizes","ExpColors","ServerComponent","Playground"];export{n as ExpColors,i as Playground,r as ServerComponent,t as Sizes,D as __namedExportsOrder,R as default};

package/dist/assets/IconButton-DnBk_U_S.css

@@ -0,0 +1 @@
+.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)}

package/dist/assets/IconButton-NYwQQfnV.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Cb9e4tly.js";import{r as d}from"./render-icon-BT0Aq7PA.js";import{B as v}from"./ButtonBase-D5O3MkG2.js";import{w as c}from"./componentNames-NXEPEzbR.js";import{B as p,b as f}from"./defaults-Clr6nbGc.js";const y="bubbleCounter__IIv-p",b="childTargetOverlay__7xCVK",g="cutout__ooHoK",h={bubbleCounter:y,"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:b,cutout:g},e=m.forwardRef(function({variant:l=f,size:t=p,url:n,a11yLabel:u,svg:r,...s},i){return o.jsx(v,{...s,ref:i,className:h.cutout,isIconButton:!0,variant:l,size:t,url:n,a11yLabel:u,preplyDsComponent:c.IconButton,children:d(r,{"aria-hidden":"true",focusable:"false"})})});try{e.displayName="IconButton",e.__docgenInfo={description:"",displayName:"IconButton",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},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<Element>"}]}},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:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}},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,h as b};