@preply/ds-docs 9.1.0 → 10.0.0

package/dist/assets/{AlertDialog.stories-DizQy7gK.js → AlertDialog.stories-BKmaZZoo.js}

@@ -1,4 +1,4 @@
-import{aa as Z,r as s,ax as we,a8 as ke,j as t,ab as I,ad as P,ae as Be,af as C,ag as D,ai as x,aj as Fe,ak as Me,ay as ze,I as We,g as $e}from"./iframe-CpMEswOF.js";import{H as Le}from"./Heading-Bie8QWaf.js";import{B as v}from"./Button-KCBOR544.js";import{w as Ge}from"./componentNames-hc9KR2nX.js";import{R as Ue,h as Ve,u as qe,F as Ye}from"./index-dUCHvwfu.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";var N="Dialog",[Q,ee]=Z(N),[He,p]=Q(N),te=e=>{const{__scopeDialog:n,children:o,open:r,defaultOpen:a,onOpenChange:i,modal:l=!0}=e,c=s.useRef(null),g=s.useRef(null),[u,y]=ke({prop:r,defaultProp:a??!1,onChange:i,caller:N});return t.jsx(He,{scope:n,triggerRef:c,contentRef:g,contentId:I(),titleId:I(),descriptionId:I(),open:u,onOpenChange:y,onOpenToggle:s.useCallback(()=>y(Pe=>!Pe),[y]),modal:l,children:o})};te.displayName=N;var ne="DialogTrigger",oe=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ne,o),i=x(n,a.triggerRef);return t.jsx(C.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":B(a.open),...r,ref:i,onClick:D(e.onClick,a.onOpenToggle)})});oe.displayName=ne;var w="DialogPortal",[Xe,re]=Q(w,{forceMount:void 0}),ae=e=>{const{__scopeDialog:n,forceMount:o,children:r,container:a}=e,i=p(w,n);return t.jsx(Xe,{scope:n,forceMount:o,children:s.Children.map(r,l=>t.jsx(P,{present:o||i.open,children:t.jsx(Be,{asChild:!0,container:a,children:l})}))})};ae.displayName=w;var O="DialogOverlay",ie=s.forwardRef((e,n)=>{const o=re(O,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,i=p(O,e.__scopeDialog);return i.modal?t.jsx(P,{present:r||i.open,children:t.jsx(Ke,{...a,ref:n})}):null});ie.displayName=O;var Je=Fe("DialogOverlay.RemoveScroll"),Ke=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(O,o);return t.jsx(Ue,{as:Je,allowPinchZoom:!0,shards:[a.contentRef],children:t.jsx(C.div,{"data-state":B(a.open),...r,ref:n,style:{pointerEvents:"auto",...r.style}})})}),m="DialogContent",se=s.forwardRef((e,n)=>{const o=re(m,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,i=p(m,e.__scopeDialog);return t.jsx(P,{present:r||i.open,children:i.modal?t.jsx(Ze,{...a,ref:n}):t.jsx(Qe,{...a,ref:n})})});se.displayName=m;var Ze=s.forwardRef((e,n)=>{const o=p(m,e.__scopeDialog),r=s.useRef(null),a=x(n,o.contentRef,r);return s.useEffect(()=>{const i=r.current;if(i)return Ve(i)},[]),t.jsx(le,{...e,ref:a,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:D(e.onCloseAutoFocus,i=>{var l;i.preventDefault(),(l=o.triggerRef.current)==null||l.focus()}),onPointerDownOutside:D(e.onPointerDownOutside,i=>{const l=i.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0;(l.button===2||c)&&i.preventDefault()}),onFocusOutside:D(e.onFocusOutside,i=>i.preventDefault())})}),Qe=s.forwardRef((e,n)=>{const o=p(m,e.__scopeDialog),r=s.useRef(!1),a=s.useRef(!1);return t.jsx(le,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var l,c;(l=e.onCloseAutoFocus)==null||l.call(e,i),i.defaultPrevented||(r.current||(c=o.triggerRef.current)==null||c.focus(),i.preventDefault()),r.current=!1,a.current=!1},onInteractOutside:i=>{var g,u;(g=e.onInteractOutside)==null||g.call(e,i),i.defaultPrevented||(r.current=!0,i.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const l=i.target;((u=o.triggerRef.current)==null?void 0:u.contains(l))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&a.current&&i.preventDefault()}})}),le=s.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:r,onOpenAutoFocus:a,onCloseAutoFocus:i,...l}=e,c=p(m,o),g=s.useRef(null),u=x(n,g);return qe(),t.jsxs(t.Fragment,{children:[t.jsx(Ye,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:a,onUnmountAutoFocus:i,children:t.jsx(Me,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":B(c.open),...l,ref:u,onDismiss:()=>c.onOpenChange(!1)})}),t.jsxs(t.Fragment,{children:[t.jsx(tt,{titleId:c.titleId}),t.jsx(ot,{contentRef:g,descriptionId:c.descriptionId})]})]})}),k="DialogTitle",ce=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(k,o);return t.jsx(C.h2,{id:a.titleId,...r,ref:n})});ce.displayName=k;var de="DialogDescription",ue=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(de,o);return t.jsx(C.p,{id:a.descriptionId,...r,ref:n})});ue.displayName=de;var ge="DialogClose",pe=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ge,o);return t.jsx(C.button,{type:"button",...r,ref:n,onClick:D(e.onClick,()=>a.onOpenChange(!1))})});pe.displayName=ge;function B(e){return e?"open":"closed"}var fe="DialogTitleWarning",[et,me]=we(fe,{contentName:m,titleName:k,docsSlug:"dialog"}),tt=({titleId:e})=>{const n=me(fe),o=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
+import{aa as Z,r as s,ax as we,a8 as ke,j as t,ab as I,ad as P,ae as Be,af as C,ag as D,ai as x,aj as Fe,ak as Me,ay as ze,I as We,g as $e}from"./iframe-DjYTJz7A.js";import{H as Le}from"./Heading-BPJGe0Bg.js";import{B as v}from"./Button-DS2bg8PO.js";import{w as Ge}from"./componentNames-hc9KR2nX.js";import{R as Ue,h as Ve,u as qe,F as Ye}from"./index-DOwxXd3L.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DZ6hllTG.js";import"./ButtonBase-sV1YoG7h.js";import"./Spinner-BG27lVzS.js";import"./useMergeRefs-CL5DIjXV.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";var N="Dialog",[Q,ee]=Z(N),[He,p]=Q(N),te=e=>{const{__scopeDialog:n,children:o,open:r,defaultOpen:a,onOpenChange:i,modal:l=!0}=e,c=s.useRef(null),g=s.useRef(null),[u,y]=ke({prop:r,defaultProp:a??!1,onChange:i,caller:N});return t.jsx(He,{scope:n,triggerRef:c,contentRef:g,contentId:I(),titleId:I(),descriptionId:I(),open:u,onOpenChange:y,onOpenToggle:s.useCallback(()=>y(Pe=>!Pe),[y]),modal:l,children:o})};te.displayName=N;var ne="DialogTrigger",oe=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ne,o),i=x(n,a.triggerRef);return t.jsx(C.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":B(a.open),...r,ref:i,onClick:D(e.onClick,a.onOpenToggle)})});oe.displayName=ne;var w="DialogPortal",[Xe,re]=Q(w,{forceMount:void 0}),ae=e=>{const{__scopeDialog:n,forceMount:o,children:r,container:a}=e,i=p(w,n);return t.jsx(Xe,{scope:n,forceMount:o,children:s.Children.map(r,l=>t.jsx(P,{present:o||i.open,children:t.jsx(Be,{asChild:!0,container:a,children:l})}))})};ae.displayName=w;var O="DialogOverlay",ie=s.forwardRef((e,n)=>{const o=re(O,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,i=p(O,e.__scopeDialog);return i.modal?t.jsx(P,{present:r||i.open,children:t.jsx(Ke,{...a,ref:n})}):null});ie.displayName=O;var Je=Fe("DialogOverlay.RemoveScroll"),Ke=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(O,o);return t.jsx(Ue,{as:Je,allowPinchZoom:!0,shards:[a.contentRef],children:t.jsx(C.div,{"data-state":B(a.open),...r,ref:n,style:{pointerEvents:"auto",...r.style}})})}),m="DialogContent",se=s.forwardRef((e,n)=>{const o=re(m,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,i=p(m,e.__scopeDialog);return t.jsx(P,{present:r||i.open,children:i.modal?t.jsx(Ze,{...a,ref:n}):t.jsx(Qe,{...a,ref:n})})});se.displayName=m;var Ze=s.forwardRef((e,n)=>{const o=p(m,e.__scopeDialog),r=s.useRef(null),a=x(n,o.contentRef,r);return s.useEffect(()=>{const i=r.current;if(i)return Ve(i)},[]),t.jsx(le,{...e,ref:a,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:D(e.onCloseAutoFocus,i=>{var l;i.preventDefault(),(l=o.triggerRef.current)==null||l.focus()}),onPointerDownOutside:D(e.onPointerDownOutside,i=>{const l=i.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0;(l.button===2||c)&&i.preventDefault()}),onFocusOutside:D(e.onFocusOutside,i=>i.preventDefault())})}),Qe=s.forwardRef((e,n)=>{const o=p(m,e.__scopeDialog),r=s.useRef(!1),a=s.useRef(!1);return t.jsx(le,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var l,c;(l=e.onCloseAutoFocus)==null||l.call(e,i),i.defaultPrevented||(r.current||(c=o.triggerRef.current)==null||c.focus(),i.preventDefault()),r.current=!1,a.current=!1},onInteractOutside:i=>{var g,u;(g=e.onInteractOutside)==null||g.call(e,i),i.defaultPrevented||(r.current=!0,i.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const l=i.target;((u=o.triggerRef.current)==null?void 0:u.contains(l))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&a.current&&i.preventDefault()}})}),le=s.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:r,onOpenAutoFocus:a,onCloseAutoFocus:i,...l}=e,c=p(m,o),g=s.useRef(null),u=x(n,g);return qe(),t.jsxs(t.Fragment,{children:[t.jsx(Ye,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:a,onUnmountAutoFocus:i,children:t.jsx(Me,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":B(c.open),...l,ref:u,onDismiss:()=>c.onOpenChange(!1)})}),t.jsxs(t.Fragment,{children:[t.jsx(tt,{titleId:c.titleId}),t.jsx(ot,{contentRef:g,descriptionId:c.descriptionId})]})]})}),k="DialogTitle",ce=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(k,o);return t.jsx(C.h2,{id:a.titleId,...r,ref:n})});ce.displayName=k;var de="DialogDescription",ue=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(de,o);return t.jsx(C.p,{id:a.descriptionId,...r,ref:n})});ue.displayName=de;var ge="DialogClose",pe=s.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ge,o);return t.jsx(C.button,{type:"button",...r,ref:n,onClick:D(e.onClick,()=>a.onOpenChange(!1))})});pe.displayName=ge;function B(e){return e?"open":"closed"}var fe="DialogTitleWarning",[et,me]=we(fe,{contentName:m,titleName:k,docsSlug:"dialog"}),tt=({titleId:e})=>{const n=me(fe),o=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
 

package/dist/assets/{Avatar-DooDODLU.js → Avatar-Dlo9b83e.js}

@@ -1,4 +1,4 @@
-import{r as z,u as p,v as c,w,g as f,j as a,A as g}from"./iframe-CpMEswOF.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-hc9KR2nX.js";import{A as h}from"./constants-5om8Ptru.js";const x="Avatar__K41Tw",N={Avatar:x,"Avatar--size-24":"Avatar--size-24__hDb5G","Avatar--size-32":"Avatar--size-32__0goVI","Avatar--size-48":"Avatar--size-48__uGMSJ","Avatar--size-64":"Avatar--size-64__WD77O","Avatar--size-96":"Avatar--size-96__OxIe2","Avatar--size-160":"Avatar--size-160__8tEPo","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__L-54O","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__Mdeh3","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__1xNsg","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__ZQ5C-","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__DuZVB","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__PN1pX","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__6--6m","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__7rlpv","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__R893D","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__x4N0d","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__1qdaO","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__z7IAl","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__Ndkzw","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__3miIB","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__arPBB","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__aFQa7","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__eg03F","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fGJ7K","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__Ue7o0","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__hYoGY","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__Q9kzJ","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__vvQME","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__tVnz3","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__brJ59","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__EMfbp","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__7bYZs","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__548Bt","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__5Ce08","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__-6w7Y","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__5ft-T","Avatar--round":"Avatar--round__ZDtGc"},s=z.forwardRef(function({size:i=g,round:t,src:l,alt:v="",dataset:d,crossOrigin:u,...m},A){const n=t??!0,o=p(N,e.Avatar,[c("size",i),w("round",void 0,n)]),_={...y(m),ref:A,className:o.join(" "),...f(d,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{..._,children:a.jsx("img",{src:l||h,alt:v,crossOrigin:u})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"32"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
+import{r as z,u as p,v as c,w,g as f,j as a,A as g}from"./iframe-DjYTJz7A.js";import{f as y}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-hc9KR2nX.js";import{A as h}from"./constants-5om8Ptru.js";const x="Avatar__K41Tw",N={Avatar:x,"Avatar--size-24":"Avatar--size-24__hDb5G","Avatar--size-32":"Avatar--size-32__0goVI","Avatar--size-48":"Avatar--size-48__uGMSJ","Avatar--size-64":"Avatar--size-64__WD77O","Avatar--size-96":"Avatar--size-96__OxIe2","Avatar--size-160":"Avatar--size-160__8tEPo","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__L-54O","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__Mdeh3","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__1xNsg","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__ZQ5C-","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__DuZVB","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__PN1pX","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__6--6m","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__7rlpv","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__R893D","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__x4N0d","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__1qdaO","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__z7IAl","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__Ndkzw","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__3miIB","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__arPBB","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__aFQa7","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__eg03F","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fGJ7K","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__Ue7o0","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__hYoGY","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__Q9kzJ","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__vvQME","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__tVnz3","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__brJ59","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__EMfbp","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__7bYZs","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__548Bt","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__5Ce08","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__-6w7Y","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__5ft-T","Avatar--round":"Avatar--round__ZDtGc"},s=z.forwardRef(function({size:i=g,round:t,src:l,alt:v="",dataset:d,crossOrigin:u,...m},A){const n=t??!0,o=p(N,e.Avatar,[c("size",i),w("round",void 0,n)]),_={...y(m),ref:A,className:o.join(" "),...f(d,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{..._,children:a.jsx("img",{src:l||h,alt:v,crossOrigin:u})})});try{s.displayName="Avatar",s.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"32"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<AvatarSize>"}]}},round:{defaultValue:null,description:"@deprecated this prop is deprecated and has no effect",name:"round",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},src:{defaultValue:null,description:`The avatar image URL.
 If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:{value:""},description:`A description of the image.
 This is recommended for accessibility purposes, specifically for users
 of screen readers.

package/dist/assets/{Avatar.stories-D7qshDw_.js → Avatar.stories-B27rtxK8.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./iframe-CpMEswOF.js";import{A as s}from"./Avatar-DooDODLU.js";import{S as d}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./constants-5om8Ptru.js";const S={title:"components/Avatar",component:s,argTypes:{size:{description:d}}},t=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(s,{size:"160"}),a.jsx(s,{src:"./assets/avatar-1.png",size:"96"}),a.jsx(s,{src:"./assets/avatar-2.png",size:"64"}),a.jsx(s,{src:"./assets/avatar-3.png",size:"48"}),a.jsx(s,{src:"./assets/avatar-4.png",size:"32"}),a.jsx(s,{src:"./assets/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./assets/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,n,o;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
+import{j as a}from"./iframe-DjYTJz7A.js";import{A as s}from"./Avatar-Dlo9b83e.js";import{S as d}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./constants-5om8Ptru.js";const S={title:"components/Avatar",component:s,argTypes:{size:{description:d}}},t=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(s,{size:"160"}),a.jsx(s,{src:"./assets/avatar-1.png",size:"96"}),a.jsx(s,{src:"./assets/avatar-2.png",size:"64"}),a.jsx(s,{src:"./assets/avatar-3.png",size:"48"}),a.jsx(s,{src:"./assets/avatar-4.png",size:"32"}),a.jsx(s,{src:"./assets/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./assets/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,n,o;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   gap: '8px',
   alignItems: 'end'

package/dist/assets/{AvatarWithStatus.stories-Dj6jZHHV.js → AvatarWithStatus.stories-DBeEaQQL.js}

@@ -1,4 +1,4 @@
-import{r as T,u as b,w as q,v as C,G as N,g as R,j as a,a4 as w,A as V}from"./iframe-CpMEswOF.js";import{f as D}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{A as E}from"./Avatar-DooDODLU.js";import{w as r}from"./componentNames-hc9KR2nX.js";import"./preload-helper-Dp1pzeXC.js";import"./constants-5om8Ptru.js";const I="AvatarWithStatus__z8Zik",i={AvatarWithStatus:I,"AvatarWithStatus--indicator":"AvatarWithStatus--indicator__dsdXa","AvatarWithStatus--online":"AvatarWithStatus--online__pGAFw","AvatarWithStatus--size-64":"AvatarWithStatus--size-64__vG-kB","AvatarWithStatus--size-96":"AvatarWithStatus--size-96__Dgqc1","AvatarWithStatus--size-160":"AvatarWithStatus--size-160__7gCR7"},e=T.forwardRef(function({online:A=!1,size:n=w,dataset:f,alt:S,crossOrigin:g,src:_,...y},W){const x=b(i,r.AvatarWithStatus,[q("online",void 0,A),C("size",n)]),z=[...N(i,r.AvatarWithStatus,["indicator"])],j={...D(y),ref:W,className:x.join(" "),...R(f,{preplyDsComponent:r.AvatarWithStatus})};return a.jsxs("div",{...j,children:[a.jsx("span",{className:z.join(" ")}),a.jsx("div",{children:a.jsx(E,{alt:S,crossOrigin:g,src:_,size:n??V})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
+import{r as T,u as b,w as q,v as C,G as N,g as R,j as a,a4 as w,A as V}from"./iframe-DjYTJz7A.js";import{f as D}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{A as E}from"./Avatar-Dlo9b83e.js";import{w as r}from"./componentNames-hc9KR2nX.js";import"./preload-helper-Dp1pzeXC.js";import"./constants-5om8Ptru.js";const I="AvatarWithStatus__z8Zik",i={AvatarWithStatus:I,"AvatarWithStatus--indicator":"AvatarWithStatus--indicator__dsdXa","AvatarWithStatus--online":"AvatarWithStatus--online__pGAFw","AvatarWithStatus--size-64":"AvatarWithStatus--size-64__vG-kB","AvatarWithStatus--size-96":"AvatarWithStatus--size-96__Dgqc1","AvatarWithStatus--size-160":"AvatarWithStatus--size-160__7gCR7"},e=T.forwardRef(function({online:A=!1,size:n=w,dataset:f,alt:S,crossOrigin:g,src:_,...y},W){const x=b(i,r.AvatarWithStatus,[q("online",void 0,A),C("size",n)]),z=[...N(i,r.AvatarWithStatus,["indicator"])],j={...D(y),ref:W,className:x.join(" "),...R(f,{preplyDsComponent:r.AvatarWithStatus})};return a.jsxs("div",{...j,children:[a.jsx("span",{className:z.join(" ")}),a.jsx("div",{children:a.jsx(E,{alt:S,crossOrigin:g,src:_,size:n??V})})]})});try{e.displayName="AvatarWithStatus",e.__docgenInfo={description:"",displayName:"AvatarWithStatus",props:{dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
 @example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},src:{defaultValue:null,description:`The avatar image URL.
 If not provided, the default placeholder image is used instead.`,name:"src",required:!1,type:{name:"enum",value:[{value:"string"}]}},alt:{defaultValue:null,description:`A description of the image.
 This is recommended for accessibility purposes, specifically for users

package/dist/assets/{Badge-e3LEfrfi.css → Badge-BVnE8GHY.css}

@@ -1 +1 @@
-.badge__ioy0w{display:inline-flex;align-items:center;border-radius:var(--5e8be4);padding-inline:var(--05dd73);color:var(--628fb7);max-width:max-content}.badge__ioy0w>[data-preply-ds-component=Icon]{flex-shrink:0}.badge__ioy0w .label__lXPEF{padding:var(--05dd73)}.badge__ioy0w .label__lXPEF[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.badge__ioy0w[data-size=small]{min-height:var(--76ac8f)}.badge__ioy0w[data-size=small] .label__lXPEF{font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}.badge__ioy0w[data-size=medium]{min-height:var(--f316e1);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=medium] .label__lXPEF{font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}.badge__ioy0w[data-size=large]{min-height:var(--7789ee);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=large] .label__lXPEF{padding:var(--590b8d);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}.badge__ioy0w[data-type=neutral]{background:var(--319b29)}.badge__ioy0w[data-type=positive]{background:var(--1836a4)}.badge__ioy0w[data-type=warning]{background:var(--b503b8)}.badge__ioy0w[data-type=info]{background:var(--94a45e)}.badge__ioy0w[data-type=critical]{background:var(--f15644)}.badge__ioy0w[data-type=ai]{background:var(--decc79)}.badge__ioy0w[data-accent=unset]{color:var(--628fb7);background-color:var(--a5c761)}.badge__ioy0w[data-accent=unset][data-inverted=true]{color:var(--a6a9d5);background-color:var(--d5f871)}.badge__ioy0w[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}.badge__ioy0w[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}.badge__ioy0w[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}.badge__ioy0w[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}.badge__ioy0w[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}.badge__ioy0w[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}.badge__ioy0w[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}.badge__ioy0w[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}.badge__ioy0w[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}.badge__ioy0w[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}.badge__ioy0w[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}.badge__ioy0w[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
+.badge__ioy0w{display:inline-flex;align-items:center;border-radius:var(--5e8be4);padding-inline:var(--05dd73);color:var(--628fb7);max-width:max-content}.badge__ioy0w>[data-preply-ds-component=Icon]{flex-shrink:0}.badge__ioy0w .label__lXPEF{padding:var(--05dd73)}.badge__ioy0w .label__lXPEF[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.badge__ioy0w[data-size=small]{min-height:var(--76ac8f)}.badge__ioy0w[data-size=small] .label__lXPEF{font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}.badge__ioy0w[data-size=medium]{min-height:var(--f316e1);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=medium] .label__lXPEF{font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}.badge__ioy0w[data-size=large]{min-height:var(--7789ee);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=large] .label__lXPEF{padding:var(--590b8d);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}.badge__ioy0w[data-type=neutral]{background:var(--a5c761)}.badge__ioy0w[data-type=positive]{background:var(--1836a4)}.badge__ioy0w[data-type=warning]{background:var(--b503b8)}.badge__ioy0w[data-type=info]{background:var(--94a45e)}.badge__ioy0w[data-type=critical]{background:var(--f15644)}.badge__ioy0w[data-type=ai]{background:var(--decc79)}.badge__ioy0w[data-accent=unset]{color:var(--628fb7);background-color:var(--a5c761)}.badge__ioy0w[data-accent=unset][data-inverted=true]{color:var(--a6a9d5);background-color:var(--d5f871)}.badge__ioy0w[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}.badge__ioy0w[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}.badge__ioy0w[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}.badge__ioy0w[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}.badge__ioy0w[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}.badge__ioy0w[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}.badge__ioy0w[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}.badge__ioy0w[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}.badge__ioy0w[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}.badge__ioy0w[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}.badge__ioy0w[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}.badge__ioy0w[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}

package/dist/assets/Badge-CEZW6Ww4.js

@@ -0,0 +1,10 @@
+import{r as y,g as b,j as t}from"./iframe-DjYTJz7A.js";import{f as h}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as B}from"./Icon-kphbe0CE.js";import{w as T}from"./componentNames-hc9KR2nX.js";const x="badge__ioy0w",I="label__lXPEF",u={badge:x,label:I},V=e=>{switch(e){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return e}},r=y.forwardRef(function({type:d="neutral",size:l="medium",leadingSvgIcon:n,dataset:o,children:m,accent:s,inverted:i,hideLabel:c,...p},v){const g=V(l),a={...o,size:g};s===void 0&&i===void 0?a.type=d:(a.accent=s||"unset",a.inverted=!!i);const f={...h(p),ref:v,className:u.badge,...b(a,{preplyDsComponent:T.Badge})};return t.jsxs("span",{...f,children:[!!n&&t.jsx(B,{accent:"primary",size:l==="large"?"24":"16",svg:n}),t.jsx("span",{className:u.label,"data-hidden":c,children:m})]})});try{r.displayName="Badge",r.__docgenInfo={description:"",displayName:"Badge",props:{size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"xs"'},{value:'"m"'}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
+@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
+
+<Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
+or
+<Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},hideLabel:{defaultValue:null,description:`@deprecated Look at <IconTile> if you need an icon-only badge.
+
+Hides badge label visually, but keeps it in the accessibility tree.
+Use this prop to implement icons-only badges.
+@example <Badge leadingSvgIcon={<TokyoUITag />} hideLabel>Badge</Badge>`,name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"@deprecated badge children should have all necessary information",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},type:{defaultValue:{value:"neutral"},description:"The type of the badge.",name:"type",required:!1,type:{name:"enum",value:[{value:'"neutral"'},{value:'"info"'},{value:'"ai"'},{value:'"warning"'},{value:'"critical"'},{value:'"positive"'}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"info"'},{value:'"warning"'},{value:'"critical"'},{value:'"positive"'},{value:'"accent"'},{value:'"tertiary"'}]}},inverted:{defaultValue:null,description:"@deprecated inverted badge is deprecated & will be removed in the future releases",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{r as B};

package/dist/assets/Badge.stories-ioY8q4d7.js

@@ -0,0 +1,90 @@
+import{j as e}from"./iframe-DjYTJz7A.js";import{F as n}from"./TokyoUITag-fMAL09F9.js";import{L as d}from"./LayoutFlex-p_p7LCCd.js";import{B as a}from"./Badge-CEZW6Ww4.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-BM7yIsEb.js";import"./componentNames-hc9KR2nX.js";import"./Icon-kphbe0CE.js";import"./text-accent-C5-m5mrW.js";import"./render-icon-DZ6hllTG.js";const q={title:"components/Badge",component:a,parameters:{layout:"padded",docs:{source:{type:"dynamic"}}}},t=()=>e.jsxs(d,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"}),e.jsx(a,{type:"ai",children:"AI"}),e.jsx(a,{type:"neutral",leadingSvgIcon:e.jsx(n,{}),children:"Neutral"}),e.jsx(a,{type:"positive",leadingSvgIcon:e.jsx(n,{}),children:"Positive"}),e.jsx(a,{type:"info",leadingSvgIcon:e.jsx(n,{}),children:"Info"}),e.jsx(a,{type:"warning",leadingSvgIcon:e.jsx(n,{}),children:"Warning"}),e.jsx(a,{type:"critical",leadingSvgIcon:e.jsx(n,{}),children:"Critical"}),e.jsx(a,{type:"ai",leadingSvgIcon:e.jsx(n,{}),children:"AI"})]});n.displayName="TokyoUITag";const r=()=>e.jsxs(d,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:e.jsx(n,{}),children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:e.jsx(n,{}),children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:e.jsx(n,{}),children:"Large"})]}),i=()=>e.jsx(d,{gap:"16",direction:"column",children:e.jsx(a,{size:"small",leadingSvgIcon:e.jsx(n,{}),children:"Badge"})});i.tags=["!autodocs"];const o=()=>e.jsx("div",{style:{maxWidth:150,margin:"0 auto"},children:e.jsx(a,{size:"medium",leadingSvgIcon:e.jsx(n,{}),children:"I'm way too long to be a badge label"})}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{type:"neutral",size:"medium",children:"Badge",dataset:{qaid:"badge"}},argTypes:{dataset:{control:"object"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":n},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var g,l,c;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`() => <LayoutFlex gap="16">
+        <Badge type="neutral">Neutral</Badge>
+        <Badge type="positive">Positive</Badge>
+        <Badge type="info">Info</Badge>
+        <Badge type="warning">Warning</Badge>
+        <Badge type="critical">Critical</Badge>
+        <Badge type="ai">AI</Badge>
+        <Badge type="neutral" leadingSvgIcon={<TokyoUITag />}>
+            Neutral
+        </Badge>
+        <Badge type="positive" leadingSvgIcon={<TokyoUITag />}>
+            Positive
+        </Badge>
+        <Badge type="info" leadingSvgIcon={<TokyoUITag />}>
+            Info
+        </Badge>
+        <Badge type="warning" leadingSvgIcon={<TokyoUITag />}>
+            Warning
+        </Badge>
+        <Badge type="critical" leadingSvgIcon={<TokyoUITag />}>
+            Critical
+        </Badge>
+        <Badge type="ai" leadingSvgIcon={<TokyoUITag />}>
+            AI
+        </Badge>
+    </LayoutFlex>`,...(c=(l=t.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var p,m,u;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
+            Small
+        </Badge>
+        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
+            Medium
+        </Badge>
+        <Badge size="large" leadingSvgIcon={<TokyoUITag />}>
+            Large
+        </Badge>
+    </LayoutFlex>`,...(u=(m=r.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var y,I,x;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`() => <LayoutFlex gap="16" direction="column">
+        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
+            Badge
+        </Badge>
+    </LayoutFlex>`,...(x=(I=i.parameters)==null?void 0:I.docs)==null?void 0:x.source}}};var v,B,j,h,S;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`() => <div style={{
+  maxWidth: 150,
+  margin: '0 auto'
+}}>
+        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
+            I&apos;m way too long to be a badge label
+        </Badge>
+    </div>`,...(j=(B=o.parameters)==null?void 0:B.docs)==null?void 0:j.source},description:{story:"Please avoid using long labels for badges.",...(S=(h=o.parameters)==null?void 0:h.docs)==null?void 0:S.description}}};var T,b,f;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    type: 'neutral',
+    size: 'medium',
+    children: 'Badge',
+    dataset: {
+      qaid: 'badge'
+    }
+  },
+  argTypes: {
+    dataset: {
+      control: 'object'
+    },
+    leadingSvgIcon: {
+      options: ['None', 'With Icon'],
+      mapping: {
+        None: undefined,
+        'With Icon': TokyoUITag
+      },
+      control: 'select'
+    },
+    // Disable deprecated props
+    assistiveText: {
+      table: {
+        disable: true
+      }
+    },
+    accent: {
+      table: {
+        disable: true
+      }
+    },
+    inverted: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...(f=(b=s.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};const E=["Types","Sizes","AsFlexChild","LongLabel","Playground"];export{i as AsFlexChild,o as LongLabel,s as Playground,r as Sizes,t as Types,E as __namedExportsOrder,q as default};

package/dist/assets/{Box.stories-CHbntlOv.js → Box.stories-udfSjNu1.js}

@@ -1,4 +1,4 @@
-import{r as S,u as O,v as i,g as q,j as a,L as I,a5 as A,a6 as H}from"./iframe-CpMEswOF.js";import{H as c}from"./Heading-Bie8QWaf.js";import{L as m}from"./LayoutFlex-BnIoY5YK.js";import{T as b}from"./Text-cq49jjad.js";import{f as R}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as N}from"./layout-relative.module-Bhi7U482.js";import{w as u}from"./componentNames-hc9KR2nX.js";import{a as V,S as j}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";const C="Box__T6Fyt",E={Box:C,"Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-300":"Box--box-radius-300__MyFTq","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-300":"Box--narrow-l--box-radius-300__Ic2BC","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-300":"Box--medium-s--box-radius-300__fynf3","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-300":"Box--medium-l--box-radius-300__Hsi3C","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-300":"Box--wide-s--box-radius-300__rPeg0","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-300":"Box--wide-l--box-radius-300__NiuZR","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=S.forwardRef(function({children:g,background:_="primary",radius:v=A,padding:p=H,tag:k,dataset:f,...y},h){const w=O(E,u.Box,[i("box-radius",v),i("background",_)]),L=N(p),P=k??I,D=[...w,...L],T={...R(y),ref:h,className:D.join(" "),...q(f,{preplyDsComponent:u.Box})};return a.jsx(P,{...T,children:g})});try{r.displayName="Box",r.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:{value:"primary"},description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"disabled"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"accentDark"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"16"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"16"'},{value:'"300"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"td"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"main"'},{value:'"header"'},{value:'"footer"'},{value:'"article"'},{value:'"section"'},{value:'"ul"'},{value:'"ol"'},{value:'"fieldset"'},{value:'"table"'},{value:'"thead"'},{value:'"tfoot"'},{value:'"tbody"'},{value:'"caption"'},{value:'"figure"'},{value:'"figcaption"'}]}},padding:{defaultValue:{value:"24"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"6"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<BoxPadding>>"}]}},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: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const K={title:"components/Box",component:r,argTypes:{radius:{description:j},padding:{description:V}}},e=()=>a.jsx(r,{background:"positiveLight",children:a.jsxs(m,{gap:"16",direction:"column",children:[a.jsx(c,{tag:"h3",variant:"medium",children:"Heading"}),a.jsx(b,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});e.storyName="Box";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:a.jsxs(m,{gap:"16",direction:"column",children:[a.jsx(c,{variant:"large",tag:"h3",children:"Heading"}),a.jsx(b,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var d,s,t;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Box background="positiveLight">
+import{r as S,u as O,v as i,g as q,j as a,L as I,a5 as A,a6 as H}from"./iframe-DjYTJz7A.js";import{H as c}from"./Heading-BPJGe0Bg.js";import{L as m}from"./LayoutFlex-p_p7LCCd.js";import{T as b}from"./Text-C8DrHLQF.js";import{f as R}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as N}from"./layout-relative.module-BM7yIsEb.js";import{w as u}from"./componentNames-hc9KR2nX.js";import{a as V,S as j}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";const C="Box__T6Fyt",E={Box:C,"Box--box-radius-0":"Box--box-radius-0__FWPBJ","Box--box-radius-2":"Box--box-radius-2__IXJHQ","Box--box-radius-4":"Box--box-radius-4__aoSlX","Box--box-radius-8":"Box--box-radius-8__-BuzF","Box--box-radius-16":"Box--box-radius-16__n3666","Box--box-radius-300":"Box--box-radius-300__MyFTq","Box--narrow-l--box-radius-0":"Box--narrow-l--box-radius-0__rbA8v","Box--narrow-l--box-radius-2":"Box--narrow-l--box-radius-2__Cn0nB","Box--narrow-l--box-radius-4":"Box--narrow-l--box-radius-4__dXX4d","Box--narrow-l--box-radius-8":"Box--narrow-l--box-radius-8__c2qTs","Box--narrow-l--box-radius-16":"Box--narrow-l--box-radius-16__7yiZ2","Box--narrow-l--box-radius-300":"Box--narrow-l--box-radius-300__Ic2BC","Box--medium-s--box-radius-0":"Box--medium-s--box-radius-0__6dX4D","Box--medium-s--box-radius-2":"Box--medium-s--box-radius-2__h-yhf","Box--medium-s--box-radius-4":"Box--medium-s--box-radius-4__YmbvG","Box--medium-s--box-radius-8":"Box--medium-s--box-radius-8__NOIeK","Box--medium-s--box-radius-16":"Box--medium-s--box-radius-16__Q-4Io","Box--medium-s--box-radius-300":"Box--medium-s--box-radius-300__fynf3","Box--medium-l--box-radius-0":"Box--medium-l--box-radius-0__-HCNC","Box--medium-l--box-radius-2":"Box--medium-l--box-radius-2__cWx-n","Box--medium-l--box-radius-4":"Box--medium-l--box-radius-4__ibcr4","Box--medium-l--box-radius-8":"Box--medium-l--box-radius-8__zm-dC","Box--medium-l--box-radius-16":"Box--medium-l--box-radius-16__o3E1Q","Box--medium-l--box-radius-300":"Box--medium-l--box-radius-300__Hsi3C","Box--wide-s--box-radius-0":"Box--wide-s--box-radius-0__H9zOa","Box--wide-s--box-radius-2":"Box--wide-s--box-radius-2__FnsdM","Box--wide-s--box-radius-4":"Box--wide-s--box-radius-4__G4jL0","Box--wide-s--box-radius-8":"Box--wide-s--box-radius-8__7Mz6S","Box--wide-s--box-radius-16":"Box--wide-s--box-radius-16__or-lk","Box--wide-s--box-radius-300":"Box--wide-s--box-radius-300__rPeg0","Box--wide-l--box-radius-0":"Box--wide-l--box-radius-0__HQ2Tn","Box--wide-l--box-radius-2":"Box--wide-l--box-radius-2__GYO54","Box--wide-l--box-radius-4":"Box--wide-l--box-radius-4__267az","Box--wide-l--box-radius-8":"Box--wide-l--box-radius-8__1hPOR","Box--wide-l--box-radius-16":"Box--wide-l--box-radius-16__gp8Ov","Box--wide-l--box-radius-300":"Box--wide-l--box-radius-300__NiuZR","Box--background-primary":"Box--background-primary__00zVu","Box--background-secondary":"Box--background-secondary__hY7w0","Box--background-tertiary":"Box--background-tertiary__cIPge","Box--background-overlay":"Box--background-overlay__vbs8V","Box--background-disabled":"Box--background-disabled__81WYT","Box--background-brand":"Box--background-brand__2W0VB","Box--background-brandB2b":"Box--background-brandB2b__KQrLm","Box--background-accentLight":"Box--background-accentLight__x6RrQ","Box--background-accentDark":"Box--background-accentDark__agpDd","Box--background-positiveLight":"Box--background-positiveLight__67dRq","Box--background-positiveDark":"Box--background-positiveDark__lYghV","Box--background-infoLight":"Box--background-infoLight__u-TX4","Box--background-infoDark":"Box--background-infoDark__ud4qs","Box--background-warningLight":"Box--background-warningLight__JtSuS","Box--background-warningDark":"Box--background-warningDark__SIgOQ","Box--background-criticalLight":"Box--background-criticalLight__uPTDs","Box--background-criticalDark":"Box--background-criticalDark__12Zft","Box--background-statusOnline":"Box--background-statusOnline__5PZcQ","Box--background-statusOffline":"Box--background-statusOffline__Vh0CO","Box--background-primaryInverted":"Box--background-primaryInverted__TePy2","Box--background-secondaryInverted":"Box--background-secondaryInverted__tMytW","Box--background-tertiaryInverted":"Box--background-tertiaryInverted__K2wU5"},r=S.forwardRef(function({children:g,background:_="primary",radius:v=A,padding:p=H,tag:k,dataset:f,...y},h){const w=O(E,u.Box,[i("box-radius",v),i("background",_)]),L=N(p),P=k??I,D=[...w,...L],T={...R(y),ref:h,className:D.join(" "),...q(f,{preplyDsComponent:u.Box})};return a.jsx(P,{...T,children:g})});try{r.displayName="Box",r.__docgenInfo={description:"A styleable container.\n\nUse this with `Layout*` components to create complex content containers.",displayName:"Box",props:{background:{defaultValue:{value:"primary"},description:"",name:"background",required:!1,type:{name:"enum",value:[{value:'"accentDark"'},{value:'"disabled"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"overlay"'},{value:'"brand"'},{value:'"brandB2b"'},{value:'"accentLight"'},{value:'"positiveLight"'},{value:'"positiveDark"'},{value:'"infoLight"'},{value:'"infoDark"'},{value:'"warningLight"'},{value:'"warningDark"'},{value:'"criticalLight"'},{value:'"criticalDark"'},{value:'"statusOnline"'},{value:'"statusOffline"'},{value:'"primaryInverted"'},{value:'"secondaryInverted"'},{value:'"tertiaryInverted"'}]}},radius:{defaultValue:{value:"16"},description:"",name:"radius",required:!1,type:{name:"enum",value:[{value:'"0"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"16"'},{value:'"300"'},{value:"ResponsiveProp<BoxRadius>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"caption"'},{value:'"div"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"header"'},{value:'"li"'},{value:'"main"'},{value:'"ol"'},{value:'"p"'},{value:'"section"'},{value:'"span"'},{value:'"table"'},{value:'"tbody"'},{value:'"td"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"tr"'},{value:'"ul"'}]}},padding:{defaultValue:{value:"24"},description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"6"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:"[BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding]"},{value:"[BoxPadding, BoxPadding, BoxPadding, BoxPadding]"},{value:"ResponsiveProp<ShortHand<BoxPadding>>"}]}},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: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const K={title:"components/Box",component:r,argTypes:{radius:{description:j},padding:{description:V}}},e=()=>a.jsx(r,{background:"positiveLight",children:a.jsxs(m,{gap:"16",direction:"column",children:[a.jsx(c,{tag:"h3",variant:"medium",children:"Heading"}),a.jsx(b,{accent:"positive",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]})});e.storyName="Box";const o={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:a.jsxs(m,{gap:"16",direction:"column",children:[a.jsx(c,{variant:"large",tag:"h3",children:"Heading"}),a.jsx(b,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros"})]}),dataset:{qaid:"box"}},argTypes:{children:{control:!1},dataset:{control:"object"}}};var d,s,t;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`() => <Box background="positiveLight">
         <LayoutFlex gap="16" direction="column">
             <Heading tag="h3" variant="medium">
                 Heading

package/dist/assets/{BubbleCounter.stories-DTv3QqdJ.js → BubbleCounter.stories-D2G7jKKI.js}

@@ -1,4 +1,4 @@
-import{j as e,g as je}from"./iframe-CpMEswOF.js";import{b as l,I as b}from"./IconButton-DVKNd7ZK.js";import{w as ye}from"./componentNames-hc9KR2nX.js";import{F as g}from"./TokyoUIMessages-B0IlDk1q.js";import{B as C}from"./Button-KCBOR544.js";import{A as v}from"./Avatar-DooDODLU.js";import{L as j}from"./LayoutFlex-BnIoY5YK.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./constants-5om8Ptru.js";import"./layout-relative.module-Bhi7U482.js";const t=({count:r,showEmpty:be=!1,limit:y=99,size:ge="large",variant:xe="dark",children:x,dataset:ve})=>{if(r===void 0&&!be)return x??e.jsx(e.Fragment,{});const z=e.jsx("span",{className:[l.bubbleCounter,l[`size-${ge}`],l[`variant-${xe}`]].join(" "),...je(ve,{preplyDsComponent:ye.BubbleCounter}),children:typeof r=="number"&&(r>y?`${y}+`:r)});return x?e.jsxs("div",{className:l.childTargetOverlay,children:[z,x]}):z};try{t.displayName="BubbleCounter",t.__docgenInfo={description:"",displayName:"BubbleCounter",props:{count:{defaultValue:null,description:"The counter's current value;\n\n- If `undefined`, the counter is not rendered.\n- If above `limit`, the `limit` value is rendered instead, with a `+`\n  suffix.",name:"count",required:!1,type:{name:"enum",value:[{value:"number"}]}},showEmpty:{defaultValue:{value:"false"},description:"If `true`, the counter will render even if `count` is `undefined`.",name:"showEmpty",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},limit:{defaultValue:{value:"99"},description:"",name:"limit",required:!1,type:{name:"enum",value:[{value:"number"}]}},size:{defaultValue:{value:"large"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},variant:{defaultValue:{value:"dark"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},children:{defaultValue:null,description:`When provided, the \`BubbleCounter\` will position itself as an indicator
+import{j as e,g as je}from"./iframe-DjYTJz7A.js";import{b as l,I as b}from"./IconButton-D4lbFOKH.js";import{w as ye}from"./componentNames-hc9KR2nX.js";import{F as g}from"./TokyoUIMessages-0is9ybHR.js";import{B as C}from"./Button-DS2bg8PO.js";import{A as v}from"./Avatar-Dlo9b83e.js";import{L as j}from"./LayoutFlex-p_p7LCCd.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-DZ6hllTG.js";import"./ButtonBase-sV1YoG7h.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BG27lVzS.js";import"./useMergeRefs-CL5DIjXV.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";import"./constants-5om8Ptru.js";import"./layout-relative.module-BM7yIsEb.js";const t=({count:r,showEmpty:be=!1,limit:y=99,size:ge="large",variant:xe="dark",children:x,dataset:ve})=>{if(r===void 0&&!be)return x??e.jsx(e.Fragment,{});const z=e.jsx("span",{className:[l.bubbleCounter,l[`size-${ge}`],l[`variant-${xe}`]].join(" "),...je(ve,{preplyDsComponent:ye.BubbleCounter}),children:typeof r=="number"&&(r>y?`${y}+`:r)});return x?e.jsxs("div",{className:l.childTargetOverlay,children:[z,x]}):z};try{t.displayName="BubbleCounter",t.__docgenInfo={description:"",displayName:"BubbleCounter",props:{count:{defaultValue:null,description:"The counter's current value;\n\n- If `undefined`, the counter is not rendered.\n- If above `limit`, the `limit` value is rendered instead, with a `+`\n  suffix.",name:"count",required:!1,type:{name:"enum",value:[{value:"number"}]}},showEmpty:{defaultValue:{value:"false"},description:"If `true`, the counter will render even if `count` is `undefined`.",name:"showEmpty",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},limit:{defaultValue:{value:"99"},description:"",name:"limit",required:!1,type:{name:"enum",value:[{value:"number"}]}},size:{defaultValue:{value:"large"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},variant:{defaultValue:{value:"dark"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},children:{defaultValue:null,description:`When provided, the \`BubbleCounter\` will position itself as an indicator
 overlay above the target child element.
 
 This is intended to work on just one child, but will not throw errors if

package/dist/assets/{Button-KCBOR544.js → Button-DS2bg8PO.js}

@@ -1,11 +1,11 @@
-import{r as _,u as z,v as y,j as a,z as g,D as w}from"./iframe-CpMEswOF.js";import{r as u}from"./render-icon-c7okze1K.js";import{B as V}from"./ButtonBase-D1x6yeKi.js";import{w as i}from"./componentNames-hc9KR2nX.js";const T="Button__zN6zT",q="leadingIcon__wQqJW",E="trailingIcon__zChSf",h="icon__sU6GA",e={Button:T,leadingIcon:q,trailingIcon:E,"Button--size-s":"Button--size-s__yKEFo",icon:h,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},o=_.forwardRef(function({variant:r=w,size:l=g,url:m,a11yLabel:d,leadingSvgIcon:n,trailingSvgIcon:t,children:c,...v},p){const f=!!n||!!t,B=z(e,i.Button,[y("size",l)]);return a.jsxs(V,{...v,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:f?B.join(" "):"",children:[!!n&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})}),c,!!t&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})})]})});try{o.displayName="Button",o.__docgenInfo={description:"",displayName:"Button",props:{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"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",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"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",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"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},as:{defaultValue:null,description:`Custom element to render the button.
+import{r as _,u as z,v as y,j as a,z as g,D as w}from"./iframe-DjYTJz7A.js";import{r as u}from"./render-icon-DZ6hllTG.js";import{B as V}from"./ButtonBase-sV1YoG7h.js";import{w as i}from"./componentNames-hc9KR2nX.js";const T="Button__zN6zT",q="leadingIcon__wQqJW",E="trailingIcon__zChSf",h="icon__sU6GA",e={Button:T,leadingIcon:q,trailingIcon:E,"Button--size-s":"Button--size-s__yKEFo",icon:h,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},o=_.forwardRef(function({variant:r=w,size:l=g,url:m,a11yLabel:d,leadingSvgIcon:n,trailingSvgIcon:t,children:c,...v},p){const f=!!n||!!t,B=z(e,i.Button,[y("size",l)]);return a.jsxs(V,{...v,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:f?B.join(" "):"",children:[!!n&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})}),c,!!t&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})})]})});try{o.displayName="Button",o.__docgenInfo={description:"",displayName:"Button",props:{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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"ai"'},{value:'"critical"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},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"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},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>>"}]}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"ai"'},{value:'"inverted"'},{value:'"critical"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",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"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
+<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"}]}},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"}]}},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"}]}},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"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",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"}]}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:"ResponsiveProp<ButtonSize>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",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"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
 @example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
 
 <Button leadingSvgIcon={TokyoUITag}>Button</Button>
@@ -15,4 +15,4 @@ or
 
 <Button trailingSvgIcon={TokyoUITag}>Button</Button>
 or
-<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,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: HTMLButtonElement | HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLButtonElement | HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{o as B};
+<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,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"}]}}}}}catch{}export{o as B};

package/dist/assets/{Button.stories-pEk6dWrs.js → Button.stories-VD5Bx8BA.js}

@@ -1,4 +1,4 @@
-import{j as t,r as X}from"./iframe-CpMEswOF.js";import{F as a}from"./TokyoUIFav-B1z6F-nK.js";import{I as s}from"./IconButton-DVKNd7ZK.js";import{B as e}from"./Button-KCBOR544.js";import{T as Q}from"./Text-cq49jjad.js";import{g as p}from"./getTokenVar-DntuTYid.js";import{c as m}from"./tokens-DTCyqZ0W.js";import{S as b}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./componentNames-hc9KR2nX.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";const yt={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsxs(t.Fragment,{children:[t.jsx(e,{wrap:!0,size:"small",children:"Do the really quite unusually long thing"}),t.jsx(e,{wrap:!0,size:"medium",children:"Do the really quite unusually long thing"}),t.jsx(e,{wrap:!0,size:"large",children:"Do the really quite unusually long thing"})]});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(r=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(n=>t.jsxs(X.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[n," - ",r]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:n==="inverted"||n==="classroom"?o:void 0},children:[t.jsx(e,{size:r,variant:n,children:"button"}),t.jsx(e,{size:r,variant:n,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:r,variant:n,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:r,variant:n,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:r,variant:n,disabled:!0,children:"disabled"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"focus",children:"focus"})]},`${r}-${n}`)]},`${r}-${n}`)))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(r=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(n=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[n," - ",r]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:n==="inverted"||n==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"focus"})]},`${r}-${n}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:r})=>t.jsx("div",{style:{backgroundColor:r.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
+import{j as t,r as X}from"./iframe-DjYTJz7A.js";import{F as a}from"./TokyoUIFav-w08HsdRu.js";import{I as s}from"./IconButton-D4lbFOKH.js";import{B as e}from"./Button-DS2bg8PO.js";import{T as Q}from"./Text-C8DrHLQF.js";import{g as p}from"./getTokenVar-B8jDl0Ui.js";import{c as m}from"./tokens-Cp4gIGSO.js";import{S as b}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./render-icon-DZ6hllTG.js";import"./ButtonBase-sV1YoG7h.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BG27lVzS.js";import"./useMergeRefs-CL5DIjXV.js";import"./useHostname-By9vNKnQ.js";import"./index-CC6DAVyL.js";import"./componentNames-hc9KR2nX.js";import"./text-accent-C5-m5mrW.js";import"./text-centered-D70wah8Y.js";const yt={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsxs(t.Fragment,{children:[t.jsx(e,{wrap:!0,size:"small",children:"Do the really quite unusually long thing"}),t.jsx(e,{wrap:!0,size:"medium",children:"Do the really quite unusually long thing"}),t.jsx(e,{wrap:!0,size:"large",children:"Do the really quite unusually long thing"})]});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(r=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(n=>t.jsxs(X.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[n," - ",r]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:n==="inverted"||n==="classroom"?o:void 0},children:[t.jsx(e,{size:r,variant:n,children:"button"}),t.jsx(e,{size:r,variant:n,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:r,variant:n,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:r,variant:n,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:r,variant:n,disabled:!0,children:"disabled"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:r,variant:n,dsInternalSimulation:"focus",children:"focus"})]},`${r}-${n}`)]},`${r}-${n}`)))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(r=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(n=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[n," - ",r]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:n==="inverted"||n==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:r,variant:n,dsInternalSimulation:"focus"})]},`${r}-${n}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:r})=>t.jsx("div",{style:{backgroundColor:r.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   gap: '1rem'
 }}>

package/dist/assets/{Button-6DthIrMV.css → ButtonBase-Bv11I0L0.css}

@@ -1 +1 @@
-.Heading__Lv13n{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--f7d879);line-height:var(--1cb31f);margin:0}.Heading--variant-massive__xBbvd{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--variant-huge__uNKwX{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--variant-extraLarge__O5YaA{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--variant-large__npEGh{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--variant-medium__WRzNp{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--variant-small__RlTJl{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__NkQiN{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--narrow-l--variant-huge__xN-4a{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--narrow-l--variant-extraLarge__dhHS3{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--narrow-l--variant-large__O-yyq{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--narrow-l--variant-medium__T3ZkZ{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--narrow-l--variant-small__nibGn{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__dkhpb{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--medium-s--variant-huge__Td7XG{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--medium-s--variant-extraLarge__puDN9{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--medium-s--variant-large__UQMHF{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--medium-s--variant-medium__i2JwC{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--medium-s--variant-small__UQTL9{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__UtPA0{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--medium-l--variant-huge__BiY-j{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--medium-l--variant-extraLarge__IP2Vo{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--medium-l--variant-large__tV93Y{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--medium-l--variant-medium__945np{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--medium-l--variant-small__ZUV1D{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__BWmTX{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--wide-s--variant-huge__inkxv{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--wide-s--variant-extraLarge__SQjI9{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--wide-s--variant-large__UNDsi{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--wide-s--variant-medium__4OLaD{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--wide-s--variant-small__ex4C1{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__94l-9{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--wide-l--variant-huge__1qto2{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--wide-l--variant-extraLarge__udFtI{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--wide-l--variant-large__Y7k-Q{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--wide-l--variant-medium__xkuYd{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--wide-l--variant-small__ORLbL{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@-webkit-keyframes spin__6opuF{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin__6opuF{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.Spinner__U3f6H{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Spinner--size-default__xo-Jk>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--size-large__2nk5J>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){.Spinner--narrow-l--size-default__gRrq1>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--narrow-l--size-large__6gb70>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){.Spinner--medium-s--size-default__bJg-R>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--medium-s--size-large__HAPhI>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){.Spinner--medium-l--size-default__AuHDV>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--medium-l--size-large__MlfBE>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){.Spinner--wide-s--size-default__3sTOC>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--wide-s--size-large__AkfHJ>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){.Spinner--wide-l--size-default__FDlfA>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--wide-l--size-large__Oyg7h>*{width:var(--77547f);height:var(--77547f)}}.Spinner--static__3-otL{display:none}.Spinner--static__3-otL svg{fill:currentColor}.Spinner--animated__K3vs3{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Spinner--animated__K3vs3 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;-webkit-animation:spin__6opuF 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:spin__6opuF 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){.Spinner--static__3-otL{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Spinner--animated__K3vs3{display:none}}.button-width--width-full__nJNYU{width:100%}.button-width--width-auto__gsqlf{width:auto}@media (min-width: 400px){.button-width--narrow-l--width-full__y2YjC{width:100%}.button-width--narrow-l--width-auto__1qVpi{width:auto}}@media (min-width: 700px){.button-width--medium-s--width-full__IdW9b{width:100%}.button-width--medium-s--width-auto__hrO4e{width:auto}}@media (min-width: 880px){.button-width--medium-l--width-full__Oc0vB{width:100%}.button-width--medium-l--width-auto__RNuIr{width:auto}}@media (min-width: 1200px){.button-width--wide-s--width-full__-egYf{width:100%}.button-width--wide-s--width-auto__h-tgw{width:auto}}@media (min-width: 1900px){.button-width--wide-l--width-full__OWgAy{width:100%}.button-width--wide-l--width-auto__orWDN{width:auto}}.ButtonBase__lIl-s{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--f7d879);line-height:var(--1cb31f);color:var(--628fb7);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--d61910);text-align:center;-webkit-text-decoration:none;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transition:color var(--018058),border-color var(--018058),background-color var(--018058);transition:color var(--018058),border-color var(--018058),background-color var(--018058);-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}.ButtonBase--content__F9k22{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--0aee7b);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:baseline}.ButtonBase--is-icon-button__48zlf .ButtonBase--content__F9k22 svg{width:var(--f316e1);height:var(--f316e1)}.ButtonBase--is-icon-button__48zlf .ButtonBase--content__F9k22 svg path{fill:currentColor}.ButtonBase--is-icon-button-size-large__9HVLW .ButtonBase--content__F9k22 svg{width:var(--7789ee);height:var(--7789ee)}.ButtonBase--busy__XAkcK{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ButtonBase__lIl-s[disabled],.ButtonBase__lIl-s[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}.ButtonBase__lIl-s:focus-visible,.ButtonBase--dsInternalSimulation-focus__8jkWp{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.ButtonBase--is-busy__OpmZd{cursor:default;pointer-events:none}.ButtonBase--is-busy__OpmZd .ButtonBase--content__F9k22{visibility:hidden}.ButtonBase--width-full__rPUpd{width:100%}.ButtonBase--width-auto__4ebPj{width:auto}@media (min-width: 400px){.ButtonBase--narrow-l--width-full__Bwysi{width:100%}.ButtonBase--narrow-l--width-auto__r52SI{width:auto}}@media (min-width: 700px){.ButtonBase--medium-s--width-full__nsvpl{width:100%}.ButtonBase--medium-s--width-auto__hcYr9{width:auto}}@media (min-width: 880px){.ButtonBase--medium-l--width-full__6AYGL{width:100%}.ButtonBase--medium-l--width-auto__BGHr5{width:auto}}@media (min-width: 1200px){.ButtonBase--wide-s--width-full__4w-XJ{width:100%}.ButtonBase--wide-s--width-auto__5eGoZ{width:auto}}@media (min-width: 1900px){.ButtonBase--wide-l--width-full__8LbNM{width:100%}.ButtonBase--wide-l--width-auto__ys3sp{width:auto}}.ButtonBase--size-large__mHtSn{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--is-icon-button-size-large__9HVLW{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--size-medium__5Qsuj{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--is-icon-button-size-medium__HRsbM{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--size-small__Ajd60{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--is-icon-button-size-small__Me6wm{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){.ButtonBase--narrow-l--size-large__3gfd8{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--narrow-l--size-medium__BhXNK{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--narrow-l--size-small__Vl2nb{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--narrow-l--is-icon-button-size-small__-dAMj{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){.ButtonBase--medium-s--size-large__x6d3B{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--medium-s--is-icon-button-size-large__54tXt{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--medium-s--size-medium__l27CC{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--medium-s--is-icon-button-size-medium__zUviu{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--medium-s--size-small__49UoI{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--medium-s--is-icon-button-size-small__IvyNG{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){.ButtonBase--medium-l--size-large__HywFW{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--medium-l--is-icon-button-size-large__7IhZP{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--medium-l--size-medium__Tf265{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--medium-l--is-icon-button-size-medium__bwlaM{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--medium-l--size-small__t2X0A{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--medium-l--is-icon-button-size-small__LyC6d{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){.ButtonBase--wide-s--size-large__revq4{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--wide-s--is-icon-button-size-large__ECs3C{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--wide-s--size-medium__LcWNl{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--wide-s--is-icon-button-size-medium__XgG6m{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--wide-s--size-small__zMihk{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--wide-s--is-icon-button-size-small__86pYD{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){.ButtonBase--wide-l--size-large__dkSfM{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--wide-l--is-icon-button-size-large__Exb49{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--wide-l--size-medium__DSTMt{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--wide-l--is-icon-button-size-medium__wftX5{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--wide-l--size-small__1o3ZA{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--wide-l--is-icon-button-size-small__Xqy2p{width:var(--5eca09);height:var(--5eca09);padding:0}}.ButtonBase--variant-primary__EgRuu{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);-webkit-text-decoration:var(--74cfa2);text-decoration:var(--74cfa2)}.ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-{color:var(--df6151);background-color:var(--902b50);border-color:var(--1e9600)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-primary__EgRuu:hover{color:var(--df6151);background-color:var(--902b50);border-color:var(--1e9600)}}.ButtonBase--variant-primary__EgRuu[disabled],.ButtonBase--variant-primary__EgRuu[disabled]:hover{border-color:var(--f0720e);background-color:var(--818487)}.ButtonBase--variant-primary__EgRuu:active,.ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ{color:var(--15cee1);background-color:var(--c1c1ca)}.ButtonBase--variant-secondary__GphQb{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);-webkit-text-decoration:var(--c6c73d);text-decoration:var(--c6c73d)}.ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz{color:var(--0d6ae2);background-color:var(--0d124d);border-color:var(--76310d)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-secondary__GphQb:hover{color:var(--0d6ae2);background-color:var(--0d124d);border-color:var(--76310d)}}.ButtonBase--variant-secondary__GphQb[disabled],.ButtonBase--variant-secondary__GphQb[disabled]:hover{border-color:var(--3f0f51);background-color:var(--ce895b)}.ButtonBase--variant-secondary__GphQb:active,.ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F{color:var(--22cb4c);background-color:var(--33b439)}.ButtonBase--variant-tertiary__O9c3W{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);-webkit-text-decoration:var(--ce0e6a);text-decoration:var(--ce0e6a)}.ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1{color:var(--175a77);background-color:var(--ec17be);border-color:var(--bdfcc7)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-tertiary__O9c3W:hover{color:var(--175a77);background-color:var(--ec17be);border-color:var(--bdfcc7)}}.ButtonBase--variant-tertiary__O9c3W[disabled],.ButtonBase--variant-tertiary__O9c3W[disabled]:hover{border-color:var(--fd08b7);background-color:var(--a8b810)}.ButtonBase--variant-tertiary__O9c3W:active,.ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ{color:var(--8274ee);background-color:var(--b0bf50)}.ButtonBase--variant-quaternary__pLeI5{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);-webkit-text-decoration:var(--5c0a2f);text-decoration:var(--5c0a2f)}.ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6{color:var(--6609c6);background-color:var(--afc176);border-color:var(--51977c)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-quaternary__pLeI5:hover{color:var(--6609c6);background-color:var(--afc176);border-color:var(--51977c)}}.ButtonBase--variant-quaternary__pLeI5[disabled],.ButtonBase--variant-quaternary__pLeI5[disabled]:hover{border-color:var(--3e2684);background-color:var(--b973db)}.ButtonBase--variant-quaternary__pLeI5:active,.ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU{color:var(--e9f226);background-color:var(--2ee553)}.ButtonBase--variant-ghost__ezCgl{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);-webkit-text-decoration:var(--31d455);text-decoration:var(--31d455)}.ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2{color:var(--e69072);background-color:var(--3b749f);border-color:var(--04cdaf)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-ghost__ezCgl:hover{color:var(--e69072);background-color:var(--3b749f);border-color:var(--04cdaf)}}.ButtonBase--variant-ghost__ezCgl[disabled],.ButtonBase--variant-ghost__ezCgl[disabled]:hover{border-color:var(--af2d26);background-color:var(--625417)}.ButtonBase--variant-ghost__ezCgl:active,.ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb{color:var(--ddf285);background-color:var(--6beb48)}.ButtonBase--variant-ghost--is-selected__vHgdy{color:var(--5f5238);background-color:var(--a5cfbe)}.ButtonBase--variant-critical__0FoGb{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);-webkit-text-decoration:var(--91f4fa);text-decoration:var(--91f4fa)}.ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz{color:var(--c3136e);background-color:var(--064c43);border-color:var(--958f21)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-critical__0FoGb:hover{color:var(--c3136e);background-color:var(--064c43);border-color:var(--958f21)}}.ButtonBase--variant-critical__0FoGb[disabled],.ButtonBase--variant-critical__0FoGb[disabled]:hover{border-color:var(--e117c7);background-color:var(--1ce20d)}.ButtonBase--variant-critical__0FoGb:active,.ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9{color:var(--f9fba8);background-color:var(--152a7a)}.ButtonBase--variant-onColor__gDgiZ{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);-webkit-text-decoration:var(--af7137);text-decoration:var(--af7137)}.ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL{color:var(--145384);background-color:var(--549e56);border-color:var(--896b03)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-onColor__gDgiZ:hover{color:var(--145384);background-color:var(--549e56);border-color:var(--896b03)}}.ButtonBase--variant-onColor__gDgiZ[disabled],.ButtonBase--variant-onColor__gDgiZ[disabled]:hover{border-color:var(--e1a214);background-color:var(--720019)}.ButtonBase--variant-onColor__gDgiZ:active,.ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i{color:var(--f772e8);background-color:var(--936fce)}.ButtonBase--variant-classroom__HVQMA{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);-webkit-text-decoration:var(--4d5ea8);text-decoration:var(--4d5ea8)}.ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf{color:var(--55bfda);background-color:var(--077a93);border-color:var(--4a0597)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-classroom__HVQMA:hover{color:var(--55bfda);background-color:var(--077a93);border-color:var(--4a0597)}}.ButtonBase--variant-classroom__HVQMA[disabled],.ButtonBase--variant-classroom__HVQMA[disabled]:hover{border-color:var(--659377);background-color:var(--249654)}.ButtonBase--variant-classroom__HVQMA:active,.ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs{color:var(--b62751);background-color:var(--45d93a)}.ButtonBase--variant-classroom--is-selected__o47f2{color:var(--a0b42b);background-color:var(--16a985)}.ButtonBase--variant-primaryB2b__mqIFn{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);-webkit-text-decoration:var(--6c9741);text-decoration:var(--6c9741)}.ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io{color:var(--3e45d7);background-color:var(--dcdb32);border-color:var(--a4c18c)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-primaryB2b__mqIFn:hover{color:var(--3e45d7);background-color:var(--dcdb32);border-color:var(--a4c18c)}}.ButtonBase--variant-primaryB2b__mqIFn[disabled],.ButtonBase--variant-primaryB2b__mqIFn[disabled]:hover{border-color:var(--e7f949);background-color:var(--8c7723)}.ButtonBase--variant-primaryB2b__mqIFn:active,.ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P{color:var(--cb03bc);background-color:var(--fc3d8b)}.ButtonBase--variant-primaryTutor__0m-N0{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);-webkit-text-decoration:var(--6e7352);text-decoration:var(--6e7352)}.ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95{color:var(--e91696);background-color:var(--46a009);border-color:var(--632796)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-primaryTutor__0m-N0:hover{color:var(--e91696);background-color:var(--46a009);border-color:var(--632796)}}.ButtonBase--variant-primaryTutor__0m-N0[disabled],.ButtonBase--variant-primaryTutor__0m-N0[disabled]:hover{border-color:var(--f6a20e);background-color:var(--07d682)}.ButtonBase--variant-primaryTutor__0m-N0:active,.ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46{color:var(--58d992);background-color:var(--dd5a43)}.ButtonBase--variant-inverted__espSx{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);-webkit-text-decoration:var(--fb8624);text-decoration:var(--fb8624)}.ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5{color:var(--79a09e);background-color:var(--8a16b5);border-color:var(--19fa74)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-inverted__espSx:hover{color:var(--79a09e);background-color:var(--8a16b5);border-color:var(--19fa74)}}.ButtonBase--variant-inverted__espSx[disabled],.ButtonBase--variant-inverted__espSx[disabled]:hover{border-color:var(--e797f1);background-color:var(--b1756a)}.ButtonBase--variant-inverted__espSx:active,.ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p{color:var(--77e945);background-color:var(--de59a1)}.ButtonBase--variant-newFeature__kiL3X{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);-webkit-text-decoration:var(--fd7ece);text-decoration:var(--fd7ece)}.ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN{color:var(--ddcea1);background-color:var(--dd2815);border-color:var(--98c0df)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-newFeature__kiL3X:hover{color:var(--ddcea1);background-color:var(--dd2815);border-color:var(--98c0df)}}.ButtonBase--variant-newFeature__kiL3X[disabled],.ButtonBase--variant-newFeature__kiL3X[disabled]:hover{border-color:var(--7d2338);background-color:var(--e8c509)}.ButtonBase--variant-newFeature__kiL3X:active,.ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo{color:var(--d4762b);background-color:var(--b3e453)}.ButtonBase--variant-ai__QQ5F5{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);-webkit-text-decoration:var(--c82204);text-decoration:var(--c82204)}.ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg{color:var(--59b757);background-color:var(--f043dc);border-color:var(--2ecd73)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-ai__QQ5F5:hover{color:var(--59b757);background-color:var(--f043dc);border-color:var(--2ecd73)}}.ButtonBase--variant-ai__QQ5F5[disabled],.ButtonBase--variant-ai__QQ5F5[disabled]:hover{border-color:var(--6ac212);background-color:var(--d35901)}.ButtonBase--variant-ai__QQ5F5:active,.ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u{color:var(--349ae3);background-color:var(--5bba7d)}.ButtonBase--variant-ai__QQ5F5{position:relative;border:var(--0b1b71) solid var(--c03289)}@supports ((-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)) or (mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0))) and ((-webkit-mask-composite: xor) or (mask-composite: exclude)){.ButtonBase--variant-ai__QQ5F5{border-color:transparent}.ButtonBase--variant-ai__QQ5F5:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:var(--0b1b71);margin:calc(-1 * var(--0b1b71));background:var(--cab35d);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#000));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#000));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}.ButtonBase--variant-ai__QQ5F5[disabled]:before{display:none}.ButtonBase--variant-ai__QQ5F5[disabled],.ButtonBase--variant-ai__QQ5F5[disabled]:hover{border-color:var(--6ac212)}.ButtonBase--no-wrap__U0fYw{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.Button__lJRiF .leadingIcon__OZj4E,.Button__lJRiF .trailingIcon__d6fiW{display:-webkit-box;display:-ms-flexbox;display:flex}.Button__lJRiF .leadingIcon__OZj4E svg path,.Button__lJRiF .trailingIcon__d6fiW svg path{fill:currentColor}.Button__lJRiF .leadingIcon__OZj4E{margin-left:calc(-1 * var(--53860b))}.Button__lJRiF .trailingIcon__d6fiW{margin-right:calc(-1 * var(--53860b))}.Button--size-s__02RwJ .icon__M1Hs-,.Button--size-m__m1kGp .icon__M1Hs-,.Button--size-small__hrJyO .icon__M1Hs-,.Button--size-medium__ToEik .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--size-s__02RwJ .icon__M1Hs- svg,.Button--size-m__m1kGp .icon__M1Hs- svg,.Button--size-small__hrJyO .icon__M1Hs- svg,.Button--size-medium__ToEik .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--size-l__rHzPz .icon__M1Hs-,.Button--size-large__2ARbP .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--size-l__rHzPz .icon__M1Hs- svg,.Button--size-large__2ARbP .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}@media (min-width: 400px){.Button--narrow-l--size-s__1iIxT .icon__M1Hs-,.Button--narrow-l--size-m__Hn-71 .icon__M1Hs-,.Button--narrow-l--size-small__clOC0 .icon__M1Hs-,.Button--narrow-l--size-medium__4CZXu .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--narrow-l--size-s__1iIxT .icon__M1Hs- svg,.Button--narrow-l--size-m__Hn-71 .icon__M1Hs- svg,.Button--narrow-l--size-small__clOC0 .icon__M1Hs- svg,.Button--narrow-l--size-medium__4CZXu .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--narrow-l--size-l__VsnrA .icon__M1Hs-,.Button--narrow-l--size-large__NNkfS .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--narrow-l--size-l__VsnrA .icon__M1Hs- svg,.Button--narrow-l--size-large__NNkfS .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 700px){.Button--medium-s--size-s__JOAqd .icon__M1Hs-,.Button--medium-s--size-m__hQdSS .icon__M1Hs-,.Button--medium-s--size-small__EweV7 .icon__M1Hs-,.Button--medium-s--size-medium__72Buq .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--medium-s--size-s__JOAqd .icon__M1Hs- svg,.Button--medium-s--size-m__hQdSS .icon__M1Hs- svg,.Button--medium-s--size-small__EweV7 .icon__M1Hs- svg,.Button--medium-s--size-medium__72Buq .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--medium-s--size-l__cRcEp .icon__M1Hs-,.Button--medium-s--size-large__PaPLT .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--medium-s--size-l__cRcEp .icon__M1Hs- svg,.Button--medium-s--size-large__PaPLT .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 880px){.Button--medium-l--size-s__FrGUu .icon__M1Hs-,.Button--medium-l--size-m__SWC53 .icon__M1Hs-,.Button--medium-l--size-small__36CyE .icon__M1Hs-,.Button--medium-l--size-medium__ySDr1 .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--medium-l--size-s__FrGUu .icon__M1Hs- svg,.Button--medium-l--size-m__SWC53 .icon__M1Hs- svg,.Button--medium-l--size-small__36CyE .icon__M1Hs- svg,.Button--medium-l--size-medium__ySDr1 .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--medium-l--size-l__ImFHA .icon__M1Hs-,.Button--medium-l--size-large__o93q- .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--medium-l--size-l__ImFHA .icon__M1Hs- svg,.Button--medium-l--size-large__o93q- .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 1200px){.Button--wide-s--size-s__fGKJg .icon__M1Hs-,.Button--wide-s--size-m__qAksG .icon__M1Hs-,.Button--wide-s--size-small__sKZpV .icon__M1Hs-,.Button--wide-s--size-medium__ovQ2U .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--wide-s--size-s__fGKJg .icon__M1Hs- svg,.Button--wide-s--size-m__qAksG .icon__M1Hs- svg,.Button--wide-s--size-small__sKZpV .icon__M1Hs- svg,.Button--wide-s--size-medium__ovQ2U .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--wide-s--size-l__MTeN9 .icon__M1Hs-,.Button--wide-s--size-large__vQ0OS .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--wide-s--size-l__MTeN9 .icon__M1Hs- svg,.Button--wide-s--size-large__vQ0OS .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}@media (min-width: 1900px){.Button--wide-l--size-s__ROYdJ .icon__M1Hs-,.Button--wide-l--size-m__4cVoF .icon__M1Hs-,.Button--wide-l--size-small__RU5x9 .icon__M1Hs-,.Button--wide-l--size-medium__Hv0g8 .icon__M1Hs-{margin-top:calc(-1 * var(--f316e1) / 2);margin-bottom:calc(-1 * var(--f316e1) / 2)}.Button--wide-l--size-s__ROYdJ .icon__M1Hs- svg,.Button--wide-l--size-m__4cVoF .icon__M1Hs- svg,.Button--wide-l--size-small__RU5x9 .icon__M1Hs- svg,.Button--wide-l--size-medium__Hv0g8 .icon__M1Hs- svg{width:var(--f316e1);height:var(--f316e1)}.Button--wide-l--size-l__r0ktJ .icon__M1Hs-,.Button--wide-l--size-large__WblYc .icon__M1Hs-{margin-top:calc(-1 * var(--7789ee) / 2);margin-bottom:calc(-1 * var(--7789ee) / 2)}.Button--wide-l--size-l__r0ktJ .icon__M1Hs- svg,.Button--wide-l--size-large__WblYc .icon__M1Hs- svg{width:var(--7789ee);height:var(--7789ee)}}
+.Heading__Lv13n{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--f7d879);line-height:var(--1cb31f);margin:0}.Heading--variant-massive__xBbvd{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--variant-huge__uNKwX{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--variant-extraLarge__O5YaA{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--variant-large__npEGh{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--variant-medium__WRzNp{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--variant-small__RlTJl{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__NkQiN{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--narrow-l--variant-huge__xN-4a{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--narrow-l--variant-extraLarge__dhHS3{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--narrow-l--variant-large__O-yyq{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--narrow-l--variant-medium__T3ZkZ{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--narrow-l--variant-small__nibGn{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__dkhpb{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--medium-s--variant-huge__Td7XG{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--medium-s--variant-extraLarge__puDN9{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--medium-s--variant-large__UQMHF{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--medium-s--variant-medium__i2JwC{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--medium-s--variant-small__UQTL9{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__UtPA0{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--medium-l--variant-huge__BiY-j{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--medium-l--variant-extraLarge__IP2Vo{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--medium-l--variant-large__tV93Y{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--medium-l--variant-medium__945np{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--medium-l--variant-small__ZUV1D{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__BWmTX{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--wide-s--variant-huge__inkxv{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--wide-s--variant-extraLarge__SQjI9{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--wide-s--variant-large__UNDsi{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--wide-s--variant-medium__4OLaD{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--wide-s--variant-small__ex4C1{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__94l-9{font-size:var(--cd577e);font-weight:var(--8c9f05);line-height:var(--2e9eee);letter-spacing:var(--d662ea)}.Heading--wide-l--variant-huge__1qto2{font-size:var(--890dda);font-weight:var(--b1d4f5);line-height:var(--a1602a);letter-spacing:var(--65a2cd)}.Heading--wide-l--variant-extraLarge__udFtI{font-size:var(--0728b9);font-weight:var(--26b05f);line-height:var(--aaf219);letter-spacing:var(--ceac96)}.Heading--wide-l--variant-large__Y7k-Q{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}.Heading--wide-l--variant-medium__xkuYd{font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}.Heading--wide-l--variant-small__ORLbL{font-size:var(--054730);font-weight:var(--e1e6cd);line-height:var(--ced741);letter-spacing:var(--b63a2b)}}@-webkit-keyframes spin__6opuF{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin__6opuF{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.Spinner__U3f6H{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Spinner--size-default__xo-Jk>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--size-large__2nk5J>*{width:var(--77547f);height:var(--77547f)}@media (min-width: 400px){.Spinner--narrow-l--size-default__gRrq1>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--narrow-l--size-large__6gb70>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 700px){.Spinner--medium-s--size-default__bJg-R>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--medium-s--size-large__HAPhI>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 880px){.Spinner--medium-l--size-default__AuHDV>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--medium-l--size-large__MlfBE>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1200px){.Spinner--wide-s--size-default__3sTOC>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--wide-s--size-large__AkfHJ>*{width:var(--77547f);height:var(--77547f)}}@media (min-width: 1900px){.Spinner--wide-l--size-default__FDlfA>*{width:var(--9270b5);height:var(--9270b5)}.Spinner--wide-l--size-large__Oyg7h>*{width:var(--77547f);height:var(--77547f)}}.Spinner--static__3-otL{display:none}.Spinner--static__3-otL svg{fill:currentColor}.Spinner--animated__K3vs3{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Spinner--animated__K3vs3 svg{stroke:currentColor;stroke-linecap:round;stroke-width:3px;-webkit-animation:spin__6opuF 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:spin__6opuF 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){.Spinner--static__3-otL{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.Spinner--animated__K3vs3{display:none}}.button-width--width-full__nJNYU{width:100%}.button-width--width-auto__gsqlf{width:auto}@media (min-width: 400px){.button-width--narrow-l--width-full__y2YjC{width:100%}.button-width--narrow-l--width-auto__1qVpi{width:auto}}@media (min-width: 700px){.button-width--medium-s--width-full__IdW9b{width:100%}.button-width--medium-s--width-auto__hrO4e{width:auto}}@media (min-width: 880px){.button-width--medium-l--width-full__Oc0vB{width:100%}.button-width--medium-l--width-auto__RNuIr{width:auto}}@media (min-width: 1200px){.button-width--wide-s--width-full__-egYf{width:100%}.button-width--wide-s--width-auto__h-tgw{width:auto}}@media (min-width: 1900px){.button-width--wide-l--width-full__OWgAy{width:100%}.button-width--wide-l--width-auto__orWDN{width:auto}}.ButtonBase__lIl-s{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--f7d879);line-height:var(--1cb31f);color:var(--628fb7);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--d61910);text-align:center;-webkit-text-decoration:none;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transition:color var(--018058),border-color var(--018058),background-color var(--018058);transition:color var(--018058),border-color var(--018058),background-color var(--018058);-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}.ButtonBase--content__F9k22{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--0aee7b);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:baseline}.ButtonBase--is-icon-button__48zlf .ButtonBase--content__F9k22 svg{width:var(--f316e1);height:var(--f316e1)}.ButtonBase--is-icon-button__48zlf .ButtonBase--content__F9k22 svg path{fill:currentColor}.ButtonBase--is-icon-button-size-large__9HVLW .ButtonBase--content__F9k22 svg{width:var(--7789ee);height:var(--7789ee)}.ButtonBase--busy__XAkcK{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ButtonBase__lIl-s[disabled],.ButtonBase__lIl-s[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}.ButtonBase__lIl-s:focus-visible,.ButtonBase--dsInternalSimulation-focus__8jkWp{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.ButtonBase--is-busy__OpmZd{cursor:default;pointer-events:none}.ButtonBase--is-busy__OpmZd .ButtonBase--content__F9k22{visibility:hidden}.ButtonBase--width-full__rPUpd{width:100%}.ButtonBase--width-auto__4ebPj{width:auto}@media (min-width: 400px){.ButtonBase--narrow-l--width-full__Bwysi{width:100%}.ButtonBase--narrow-l--width-auto__r52SI{width:auto}}@media (min-width: 700px){.ButtonBase--medium-s--width-full__nsvpl{width:100%}.ButtonBase--medium-s--width-auto__hcYr9{width:auto}}@media (min-width: 880px){.ButtonBase--medium-l--width-full__6AYGL{width:100%}.ButtonBase--medium-l--width-auto__BGHr5{width:auto}}@media (min-width: 1200px){.ButtonBase--wide-s--width-full__4w-XJ{width:100%}.ButtonBase--wide-s--width-auto__5eGoZ{width:auto}}@media (min-width: 1900px){.ButtonBase--wide-l--width-full__8LbNM{width:100%}.ButtonBase--wide-l--width-auto__ys3sp{width:auto}}.ButtonBase--size-large__mHtSn{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--is-icon-button-size-large__9HVLW{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--size-medium__5Qsuj{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--is-icon-button-size-medium__HRsbM{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--size-small__Ajd60{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--is-icon-button-size-small__Me6wm{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){.ButtonBase--narrow-l--size-large__3gfd8{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--narrow-l--size-medium__BhXNK{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--narrow-l--size-small__Vl2nb{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--narrow-l--is-icon-button-size-small__-dAMj{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){.ButtonBase--medium-s--size-large__x6d3B{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--medium-s--is-icon-button-size-large__54tXt{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--medium-s--size-medium__l27CC{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--medium-s--is-icon-button-size-medium__zUviu{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--medium-s--size-small__49UoI{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--medium-s--is-icon-button-size-small__IvyNG{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){.ButtonBase--medium-l--size-large__HywFW{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--medium-l--is-icon-button-size-large__7IhZP{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--medium-l--size-medium__Tf265{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--medium-l--is-icon-button-size-medium__bwlaM{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--medium-l--size-small__t2X0A{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--medium-l--is-icon-button-size-small__LyC6d{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){.ButtonBase--wide-s--size-large__revq4{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--wide-s--is-icon-button-size-large__ECs3C{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--wide-s--size-medium__LcWNl{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--wide-s--is-icon-button-size-medium__XgG6m{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--wide-s--size-small__zMihk{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--wide-s--is-icon-button-size-small__86pYD{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){.ButtonBase--wide-l--size-large__dkSfM{min-height:var(--3d8452);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}.ButtonBase--wide-l--is-icon-button-size-large__Exb49{width:var(--3d8452);height:var(--3d8452);padding:0}.ButtonBase--wide-l--size-medium__DSTMt{min-height:var(--c82a41);padding-top:6px;padding-bottom:6px;line-height:1.33333333;padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}.ButtonBase--wide-l--is-icon-button-size-medium__wftX5{width:var(--c82a41);height:var(--c82a41);padding:0}.ButtonBase--wide-l--size-small__1o3ZA{min-height:var(--5eca09);padding-top:6px;padding-bottom:6px;line-height:1.33333333;line-height:1.14285714;padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}.ButtonBase--wide-l--is-icon-button-size-small__Xqy2p{width:var(--5eca09);height:var(--5eca09);padding:0}}.ButtonBase--variant-primary__EgRuu{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);-webkit-text-decoration:var(--74cfa2);text-decoration:var(--74cfa2)}.ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-{color:var(--df6151);background-color:var(--902b50);border-color:var(--1e9600)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-primary__EgRuu:hover{color:var(--df6151);background-color:var(--902b50);border-color:var(--1e9600)}}.ButtonBase--variant-primary__EgRuu[disabled],.ButtonBase--variant-primary__EgRuu[disabled]:hover{border-color:var(--f0720e);background-color:var(--818487)}.ButtonBase--variant-primary__EgRuu:active,.ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ{color:var(--15cee1);background-color:var(--c1c1ca)}.ButtonBase--variant-secondary__GphQb{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);-webkit-text-decoration:var(--c6c73d);text-decoration:var(--c6c73d)}.ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz{color:var(--0d6ae2);background-color:var(--0d124d);border-color:var(--76310d)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-secondary__GphQb:hover{color:var(--0d6ae2);background-color:var(--0d124d);border-color:var(--76310d)}}.ButtonBase--variant-secondary__GphQb[disabled],.ButtonBase--variant-secondary__GphQb[disabled]:hover{border-color:var(--3f0f51);background-color:var(--ce895b)}.ButtonBase--variant-secondary__GphQb:active,.ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F{color:var(--22cb4c);background-color:var(--33b439)}.ButtonBase--variant-tertiary__O9c3W{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);-webkit-text-decoration:var(--ce0e6a);text-decoration:var(--ce0e6a)}.ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1{color:var(--175a77);background-color:var(--ec17be);border-color:var(--bdfcc7)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-tertiary__O9c3W:hover{color:var(--175a77);background-color:var(--ec17be);border-color:var(--bdfcc7)}}.ButtonBase--variant-tertiary__O9c3W[disabled],.ButtonBase--variant-tertiary__O9c3W[disabled]:hover{border-color:var(--fd08b7);background-color:var(--a8b810)}.ButtonBase--variant-tertiary__O9c3W:active,.ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ{color:var(--8274ee);background-color:var(--b0bf50)}.ButtonBase--variant-quaternary__pLeI5{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);-webkit-text-decoration:var(--5c0a2f);text-decoration:var(--5c0a2f)}.ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6{color:var(--6609c6);background-color:var(--afc176);border-color:var(--51977c)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-quaternary__pLeI5:hover{color:var(--6609c6);background-color:var(--afc176);border-color:var(--51977c)}}.ButtonBase--variant-quaternary__pLeI5[disabled],.ButtonBase--variant-quaternary__pLeI5[disabled]:hover{border-color:var(--3e2684);background-color:var(--b973db)}.ButtonBase--variant-quaternary__pLeI5:active,.ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU{color:var(--e9f226);background-color:var(--2ee553)}.ButtonBase--variant-ghost__ezCgl{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);-webkit-text-decoration:var(--31d455);text-decoration:var(--31d455)}.ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2{color:var(--e69072);background-color:var(--3b749f);border-color:var(--04cdaf)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-ghost__ezCgl:hover{color:var(--e69072);background-color:var(--3b749f);border-color:var(--04cdaf)}}.ButtonBase--variant-ghost__ezCgl[disabled],.ButtonBase--variant-ghost__ezCgl[disabled]:hover{border-color:var(--af2d26);background-color:var(--625417)}.ButtonBase--variant-ghost__ezCgl:active,.ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb{color:var(--ddf285);background-color:var(--6beb48)}.ButtonBase--variant-ghost--is-selected__vHgdy{color:var(--5f5238);background-color:var(--a5cfbe)}.ButtonBase--variant-critical__0FoGb{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);-webkit-text-decoration:var(--91f4fa);text-decoration:var(--91f4fa)}.ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz{color:var(--c3136e);background-color:var(--064c43);border-color:var(--958f21)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-critical__0FoGb:hover{color:var(--c3136e);background-color:var(--064c43);border-color:var(--958f21)}}.ButtonBase--variant-critical__0FoGb[disabled],.ButtonBase--variant-critical__0FoGb[disabled]:hover{border-color:var(--e117c7);background-color:var(--1ce20d)}.ButtonBase--variant-critical__0FoGb:active,.ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9{color:var(--f9fba8);background-color:var(--152a7a)}.ButtonBase--variant-onColor__gDgiZ{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);-webkit-text-decoration:var(--af7137);text-decoration:var(--af7137)}.ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL{color:var(--145384);background-color:var(--549e56);border-color:var(--896b03)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-onColor__gDgiZ:hover{color:var(--145384);background-color:var(--549e56);border-color:var(--896b03)}}.ButtonBase--variant-onColor__gDgiZ[disabled],.ButtonBase--variant-onColor__gDgiZ[disabled]:hover{border-color:var(--e1a214);background-color:var(--720019)}.ButtonBase--variant-onColor__gDgiZ:active,.ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i{color:var(--f772e8);background-color:var(--936fce)}.ButtonBase--variant-classroom__HVQMA{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);-webkit-text-decoration:var(--4d5ea8);text-decoration:var(--4d5ea8)}.ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf{color:var(--55bfda);background-color:var(--077a93);border-color:var(--4a0597)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-classroom__HVQMA:hover{color:var(--55bfda);background-color:var(--077a93);border-color:var(--4a0597)}}.ButtonBase--variant-classroom__HVQMA[disabled],.ButtonBase--variant-classroom__HVQMA[disabled]:hover{border-color:var(--659377);background-color:var(--249654)}.ButtonBase--variant-classroom__HVQMA:active,.ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs{color:var(--b62751);background-color:var(--45d93a)}.ButtonBase--variant-classroom--is-selected__o47f2{color:var(--a0b42b);background-color:var(--16a985)}.ButtonBase--variant-primaryB2b__mqIFn{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);-webkit-text-decoration:var(--6c9741);text-decoration:var(--6c9741)}.ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io{color:var(--3e45d7);background-color:var(--dcdb32);border-color:var(--a4c18c)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-primaryB2b__mqIFn:hover{color:var(--3e45d7);background-color:var(--dcdb32);border-color:var(--a4c18c)}}.ButtonBase--variant-primaryB2b__mqIFn[disabled],.ButtonBase--variant-primaryB2b__mqIFn[disabled]:hover{border-color:var(--e7f949);background-color:var(--8c7723)}.ButtonBase--variant-primaryB2b__mqIFn:active,.ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P{color:var(--cb03bc);background-color:var(--fc3d8b)}.ButtonBase--variant-primaryTutor__0m-N0{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);-webkit-text-decoration:var(--6e7352);text-decoration:var(--6e7352)}.ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95{color:var(--e91696);background-color:var(--46a009);border-color:var(--632796)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-primaryTutor__0m-N0:hover{color:var(--e91696);background-color:var(--46a009);border-color:var(--632796)}}.ButtonBase--variant-primaryTutor__0m-N0[disabled],.ButtonBase--variant-primaryTutor__0m-N0[disabled]:hover{border-color:var(--f6a20e);background-color:var(--07d682)}.ButtonBase--variant-primaryTutor__0m-N0:active,.ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46{color:var(--58d992);background-color:var(--dd5a43)}.ButtonBase--variant-inverted__espSx{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);-webkit-text-decoration:var(--fb8624);text-decoration:var(--fb8624)}.ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5{color:var(--79a09e);background-color:var(--8a16b5);border-color:var(--19fa74)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-inverted__espSx:hover{color:var(--79a09e);background-color:var(--8a16b5);border-color:var(--19fa74)}}.ButtonBase--variant-inverted__espSx[disabled],.ButtonBase--variant-inverted__espSx[disabled]:hover{border-color:var(--e797f1);background-color:var(--b1756a)}.ButtonBase--variant-inverted__espSx:active,.ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p{color:var(--77e945);background-color:var(--de59a1)}.ButtonBase--variant-newFeature__kiL3X{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);-webkit-text-decoration:var(--fd7ece);text-decoration:var(--fd7ece)}.ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN{color:var(--ddcea1);background-color:var(--dd2815);border-color:var(--98c0df)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-newFeature__kiL3X:hover{color:var(--ddcea1);background-color:var(--dd2815);border-color:var(--98c0df)}}.ButtonBase--variant-newFeature__kiL3X[disabled],.ButtonBase--variant-newFeature__kiL3X[disabled]:hover{border-color:var(--7d2338);background-color:var(--e8c509)}.ButtonBase--variant-newFeature__kiL3X:active,.ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo{color:var(--d4762b);background-color:var(--b3e453)}.ButtonBase--variant-ai__QQ5F5{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);-webkit-text-decoration:var(--c82204);text-decoration:var(--c82204)}.ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg{color:var(--59b757);background-color:var(--f043dc);border-color:var(--2ecd73)}@media (hover: hover) and (pointer: fine){.ButtonBase--variant-ai__QQ5F5:hover{color:var(--59b757);background-color:var(--f043dc);border-color:var(--2ecd73)}}.ButtonBase--variant-ai__QQ5F5[disabled],.ButtonBase--variant-ai__QQ5F5[disabled]:hover{border-color:var(--6ac212);background-color:var(--d35901)}.ButtonBase--variant-ai__QQ5F5:active,.ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u{color:var(--349ae3);background-color:var(--5bba7d)}.ButtonBase--variant-ai__QQ5F5{position:relative;border:var(--0b1b71) solid var(--c03289)}@supports ((-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)) or (mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0))) and ((-webkit-mask-composite: xor) or (mask-composite: exclude)){.ButtonBase--variant-ai__QQ5F5{border-color:transparent}.ButtonBase--variant-ai__QQ5F5:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:var(--0b1b71);margin:calc(-1 * var(--0b1b71));background:var(--cab35d);-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#000));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#000)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#000));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}.ButtonBase--variant-ai__QQ5F5[disabled]:before{display:none}.ButtonBase--variant-ai__QQ5F5[disabled],.ButtonBase--variant-ai__QQ5F5[disabled]:hover{border-color:var(--6ac212)}.ButtonBase--no-wrap__U0fYw{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}