@preply/ds-docs 11.2.0 → 11.3.0

package/dist/assets/{TextareaField.stories-d5yoJlrM.js → TextareaField.stories-Bqzxd-3e.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TextareaField-FzIH0QHs.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T;t((()=>{o=e(n(),1),i(),s=r(),{expect:c,userEvent:l,within:u,fn:d}=__STORYBOOK_MODULE_TEST__,f={title:`components/TextareaField`,component:a,args:{name:`message`,label:`Textarea`,defaultValue:``,placeholder:`Enter text here`,dataset:{testid:`field`,foo:`bar`},inputDataset:{testid:`input`,foo:`bar`},onChange:d(),onValueChange:d(),onBlur:d(),onFocus:d(),onClick:d(),onCopy:d(),onKeyDown:d(),onKeyUp:d(),onPaste:d()}},p={play:async({canvasElement:e,step:t,args:n})=>{let r=u(e),i=r.getByTestId(`field`),a=r.getByTestId(`input`);await t(`it should render correct label`,async()=>{c(u(i).getByTestId(`label`)).toHaveTextContent(`Textarea • Optional`),c(a).toHaveAccessibleName(`Textarea`)}),await t(`it should call onFocus when the input is focused`,async()=>{a.focus(),c(n.onFocus).toHaveBeenCalled()}),await t(`it should call callback when the value changes`,async()=>{await l.type(a,`Hello world`),c(n.onValueChange).toHaveBeenCalledWith(`Hello world`),c(n.onChange).toHaveBeenCalled()}),await t(`it should call onBlur when the input is blurred`,async()=>{await l.keyboard(`{tab}`),c(n.onBlur).toHaveBeenCalled()}),await t(`it should render the dataset props`,async()=>{c(i).toHaveAttribute(`data-testid`,`field`),c(i).toHaveAttribute(`data-foo`,`bar`),c(a).toHaveAttribute(`data-testid`,`input`),c(a).toHaveAttribute(`data-foo`,`bar`)})}},m={render:function(e){let[t,n]=(0,o.useState)(e.value);return(0,s.jsx)(a,{...e,value:t,onChange:t=>{n(t.target.value),e.onChange?.(t)}})},args:{label:`Controlled TextareaField`,placeholder:`Type your message...`,value:`Initial textarea content`,defaultValue:void 0},play:async({canvas:e,step:t})=>{await t(`it should render the correct initial value`,async()=>{await c(e.getByTestId(`input`)).toHaveValue(`Initial textarea content`)}),await t(`it should update the value when the user types`,async()=>{let t=e.getByTestId(`input`);await l.clear(t),await l.type(t,`New controlled content`),c(t).toHaveValue(`New controlled content`)})}},h={args:{defaultValue:`Hey, you!`,resize:`both`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`both`})})}},g={args:{defaultValue:`Hey, you!`,resize:`vertical`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`vertical`})})}},_={args:{defaultValue:`Hey, you!`,resize:`horizontal`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`horizontal`})})}},v={args:{description:`We will get back to you as soon as possible`},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`description`);await t(`it should render the description`,async()=>{c(n).toHaveAccessibleDescription(`We will get back to you as soon as possible`),c(r).toHaveTextContent(`We will get back to you as soon as possible`)})}},y={args:{required:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`label`);await t(`it should render correct label`,async()=>{c(n).toHaveAccessibleName(`Textarea`),c(r).toHaveTextContent(`Textarea`)}),await t(`it should render required attribute`,async()=>{c(n).toHaveAttribute(`required`)})}},b={args:{hideLabel:!0},play:async({canvas:e,step:t})=>{await t(`it should render correct a11y label`,async()=>{c(e.getByTestId(`input`)).toHaveAccessibleName(`Textarea`)})}},x={args:{error:`This is an error message`},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`error`);await t(`it should render the error message`,async()=>{c(n).toHaveAccessibleErrorMessage(`This is an error message`),c(r).toHaveTextContent(`This is an error message`)})}},S={args:{disabled:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`);await t(`it should render the disabled input`,async()=>{c(n).toHaveAttribute(`disabled`)})}},C={args:{readOnly:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`);await t(`it should render the read only input`,async()=>{c(n).toHaveAttribute(`readonly`)})}},w={parameters:{chromatic:{disableSnapshot:!0}},args:{label:`Your message`,placeholder:`I have a question about ...`,description:`We will get back to you as soon as possible`},argTypes:{label:{control:`text`},placeholder:{control:`text`},description:{control:`text`},error:{control:`text`},value:{control:`text`},defaultValue:{control:`text`},inputDataset:{control:`object`},dataset:{control:`object`},id:{control:`text`},required:{control:`boolean`},hideLabel:{control:`boolean`},name:{control:`text`},disabled:{control:`boolean`},readOnly:{control:`boolean`},resize:{control:`select`},rows:{control:`number`},maxLength:{control:`number`},autoComplete:{control:`select`},hasError:{table:{disable:!0}}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TextareaField-G733luKs.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T;t((()=>{o=e(n(),1),i(),s=r(),{expect:c,userEvent:l,within:u,fn:d}=__STORYBOOK_MODULE_TEST__,f={title:`components/TextareaField`,component:a,args:{name:`message`,label:`Textarea`,defaultValue:``,placeholder:`Enter text here`,dataset:{testid:`field`,foo:`bar`},inputDataset:{testid:`input`,foo:`bar`},onChange:d(),onValueChange:d(),onBlur:d(),onFocus:d(),onClick:d(),onCopy:d(),onKeyDown:d(),onKeyUp:d(),onPaste:d()}},p={play:async({canvasElement:e,step:t,args:n})=>{let r=u(e),i=r.getByTestId(`field`),a=r.getByTestId(`input`);await t(`it should render correct label`,async()=>{c(u(i).getByTestId(`label`)).toHaveTextContent(`Textarea • Optional`),c(a).toHaveAccessibleName(`Textarea`)}),await t(`it should call onFocus when the input is focused`,async()=>{a.focus(),c(n.onFocus).toHaveBeenCalled()}),await t(`it should call callback when the value changes`,async()=>{await l.type(a,`Hello world`),c(n.onValueChange).toHaveBeenCalledWith(`Hello world`),c(n.onChange).toHaveBeenCalled()}),await t(`it should call onBlur when the input is blurred`,async()=>{await l.keyboard(`{tab}`),c(n.onBlur).toHaveBeenCalled()}),await t(`it should render the dataset props`,async()=>{c(i).toHaveAttribute(`data-testid`,`field`),c(i).toHaveAttribute(`data-foo`,`bar`),c(a).toHaveAttribute(`data-testid`,`input`),c(a).toHaveAttribute(`data-foo`,`bar`)})}},m={render:function(e){let[t,n]=(0,o.useState)(e.value);return(0,s.jsx)(a,{...e,value:t,onChange:t=>{n(t.target.value),e.onChange?.(t)}})},args:{label:`Controlled TextareaField`,placeholder:`Type your message...`,value:`Initial textarea content`,defaultValue:void 0},play:async({canvas:e,step:t})=>{await t(`it should render the correct initial value`,async()=>{await c(e.getByTestId(`input`)).toHaveValue(`Initial textarea content`)}),await t(`it should update the value when the user types`,async()=>{let t=e.getByTestId(`input`);await l.clear(t),await l.type(t,`New controlled content`),c(t).toHaveValue(`New controlled content`)})}},h={args:{defaultValue:`Hey, you!`,resize:`both`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`both`})})}},g={args:{defaultValue:`Hey, you!`,resize:`vertical`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`vertical`})})}},_={args:{defaultValue:`Hey, you!`,resize:`horizontal`},play:async({canvas:e,step:t})=>{await t(`it should apply the resize style`,async()=>{c(e.getByTestId(`input`)).toHaveStyle({resize:`horizontal`})})}},v={args:{description:`We will get back to you as soon as possible`},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`description`);await t(`it should render the description`,async()=>{c(n).toHaveAccessibleDescription(`We will get back to you as soon as possible`),c(r).toHaveTextContent(`We will get back to you as soon as possible`)})}},y={args:{required:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`label`);await t(`it should render correct label`,async()=>{c(n).toHaveAccessibleName(`Textarea`),c(r).toHaveTextContent(`Textarea`)}),await t(`it should render required attribute`,async()=>{c(n).toHaveAttribute(`required`)})}},b={args:{hideLabel:!0},play:async({canvas:e,step:t})=>{await t(`it should render correct a11y label`,async()=>{c(e.getByTestId(`input`)).toHaveAccessibleName(`Textarea`)})}},x={args:{error:`This is an error message`},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`),r=e.getByTestId(`error`);await t(`it should render the error message`,async()=>{c(n).toHaveAccessibleErrorMessage(`This is an error message`),c(r).toHaveTextContent(`This is an error message`)})}},S={args:{disabled:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`);await t(`it should render the disabled input`,async()=>{c(n).toHaveAttribute(`disabled`)})}},C={args:{readOnly:!0},play:async({canvas:e,step:t})=>{let n=e.getByTestId(`input`);await t(`it should render the read only input`,async()=>{c(n).toHaveAttribute(`readonly`)})}},w={parameters:{chromatic:{disableSnapshot:!0}},args:{label:`Your message`,placeholder:`I have a question about ...`,description:`We will get back to you as soon as possible`},argTypes:{label:{control:`text`},placeholder:{control:`text`},description:{control:`text`},error:{control:`text`},value:{control:`text`},defaultValue:{control:`text`},inputDataset:{control:`object`},dataset:{control:`object`},id:{control:`text`},required:{control:`boolean`},hideLabel:{control:`boolean`},name:{control:`text`},disabled:{control:`boolean`},readOnly:{control:`boolean`},resize:{control:`select`},rows:{control:`number`},maxLength:{control:`number`},autoComplete:{control:`select`},hasError:{table:{disable:!0}}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   play: async ({
     canvasElement,
     step,

package/dist/assets/{Toast-IjHsw63R.js → Toast-CTlQ5Kx4.js}

@@ -1,3 +1,3 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./react-dom-CLuuWI32.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{n as s,t as c}from"./dist-Cc1j9Pjk.js";import{n as l,t as u}from"./Icon-DwVTLcDP.js";import{o as d,r as ee}from"./lib-8ue2PVWI.js";import{n as f,t as te}from"./shared-strings-BFfhcoGp.js";function ne(e){if(!e||typeof document>`u`)return;let t=document.head||document.getElementsByTagName(`head`)[0],n=document.createElement(`style`);n.type=`text/css`,t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}function p(e){return e.label!==void 0}function m(...e){return e.filter(Boolean).join(` `)}function re(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(t),n&&r.push(n),r}function h(){if(typeof window>`u`||typeof document>`u`)return`ltr`;let e=document.documentElement.getAttribute(`dir`);return e===`auto`||!e?window.getComputedStyle(document.documentElement).direction:e}function ie(e,t){let n={};return[e,t].forEach((e,t)=>{let r=t===1,i=r?`--mobile-offset`:`--offset`,a=r?N:M;function o(e){[`top`,`right`,`bottom`,`left`].forEach(t=>{n[`${i}-${t}`]=typeof e==`number`?`${e}px`:e})}typeof e==`number`||typeof e==`string`?o(e):typeof e==`object`?[`top`,`right`,`bottom`,`left`].forEach(t=>{e[t]===void 0?n[`${i}-${t}`]=a:n[`${i}-${t}`]=typeof e[t]==`number`?`${e[t]}px`:e[t]}):o(a)}),n}var g,ae,oe,_,v,y,b,x,S,se,ce,C,w,T,E,D,O,k,A,j,le,M,N,ue,P,de,fe,pe,me,F,he=t((()=>{g=e(n(),1),ae=e(a(),1),oe=e=>{switch(e){case`success`:return y;case`info`:return x;case`warning`:return b;case`error`:return S;default:return null}},_=Array(12).fill(0),v=({visible:e,className:t})=>g.createElement(`div`,{className:[`sonner-loading-wrapper`,t].filter(Boolean).join(` `),"data-visible":e},g.createElement(`div`,{className:`sonner-spinner`},_.map((e,t)=>g.createElement(`div`,{className:`sonner-loading-bar`,key:`spinner-bar-${t}`})))),y=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z`,clipRule:`evenodd`})),b=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z`,clipRule:`evenodd`})),x=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z`,clipRule:`evenodd`})),S=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z`,clipRule:`evenodd`})),se=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`},g.createElement(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),g.createElement(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})),ce=()=>{let[e,t]=g.useState(document.hidden);return g.useEffect(()=>{let e=()=>{t(document.hidden)};return document.addEventListener(`visibilitychange`,e),()=>window.removeEventListener(`visibilitychange`,e)},[]),e},C=1,w=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{let{message:t,...n}=e,r=typeof e?.id==`number`||e.id?.length>0?e.id:C++,i=this.toasts.find(e=>e.id===r),a=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(r)&&this.dismissedToasts.delete(r),i?this.toasts=this.toasts.map(n=>n.id===r?(this.publish({...n,...e,id:r,title:t}),{...n,...e,id:r,dismissible:a,title:t}):n):this.addToast({title:t,...n,dismissible:a,id:r}),r},this.dismiss=e=>(e?(this.dismissedToasts.add(e),requestAnimationFrame(()=>this.subscribers.forEach(t=>t({id:e,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(t=>t({id:e.id,dismiss:!0}))}),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:`error`}),this.success=(e,t)=>this.create({...t,type:`success`,message:e}),this.info=(e,t)=>this.create({...t,type:`info`,message:e}),this.warning=(e,t)=>this.create({...t,type:`warning`,message:e}),this.loading=(e,t)=>this.create({...t,type:`loading`,message:e}),this.promise=(e,t)=>{if(!t)return;let n;t.loading!==void 0&&(n=this.create({...t,promise:e,type:`loading`,message:t.loading,description:typeof t.description==`function`?void 0:t.description}));let r=Promise.resolve(e instanceof Function?e():e),i=n!==void 0,a,o=r.then(async e=>{if(a=[`resolve`,e],g.isValidElement(e))i=!1,this.create({id:n,type:`default`,message:e});else if(D(e)&&!e.ok){i=!1;let r=typeof t.error==`function`?await t.error(`HTTP error! status: ${e.status}`):t.error,a=typeof t.description==`function`?await t.description(`HTTP error! status: ${e.status}`):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}else if(e instanceof Error){i=!1;let r=typeof t.error==`function`?await t.error(e):t.error,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}else if(t.success!==void 0){i=!1;let r=typeof t.success==`function`?await t.success(e):t.success,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`success`,description:a,...o})}}).catch(async e=>{if(a=[`reject`,e],t.error!==void 0){i=!1;let r=typeof t.error==`function`?await t.error(e):t.error,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}}).finally(()=>{i&&(this.dismiss(n),n=void 0),t.finally==null||t.finally.call(t)}),s=()=>new Promise((e,t)=>o.then(()=>a[0]===`reject`?t(a[1]):e(a[1])).catch(t));return typeof n!=`string`&&typeof n!=`number`?{unwrap:s}:Object.assign(n,{unwrap:s})},this.custom=(e,t)=>{let n=t?.id||C++;return this.create({jsx:e(n),id:n,...t}),n},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},T=new w,E=(e,t)=>{let n=t?.id||C++;return T.addToast({title:e,...t,id:n}),n},D=e=>e&&typeof e==`object`&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`,O=E,k=()=>T.toasts,A=()=>T.getActiveToasts(),j=Object.assign(O,{success:T.success,info:T.info,warning:T.warning,error:T.error,custom:T.custom,message:T.message,promise:T.promise,dismiss:T.dismiss,loading:T.loading},{getHistory:k,getToasts:A}),ne(`[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}`),le=3,M=`24px`,N=`16px`,ue=4e3,P=356,de=14,fe=45,pe=200,me=e=>{let{invert:t,toast:n,unstyled:r,interacting:i,setHeights:a,visibleToasts:o,heights:s,index:c,toasts:l,expanded:u,removeToast:d,defaultRichColors:ee,closeButton:f,style:te,cancelButtonStyle:ne,actionButtonStyle:h,className:ie=``,descriptionClassName:ae=``,duration:_,position:y,gap:b,expandByDefault:x,classNames:S,icons:C,closeButtonAriaLabel:w=`Close toast`}=e,[T,E]=g.useState(null),[D,O]=g.useState(null),[k,A]=g.useState(!1),[j,le]=g.useState(!1),[M,N]=g.useState(!1),[P,de]=g.useState(!1),[me,F]=g.useState(!1),[he,I]=g.useState(0),[ge,L]=g.useState(0),R=g.useRef(n.duration||_||ue),z=g.useRef(null),B=g.useRef(null),_e=c===0,V=c+1<=o,H=n.type,U=n.dismissible!==!1,ve=n.className||``,ye=n.descriptionClassName||``,W=g.useMemo(()=>s.findIndex(e=>e.toastId===n.id)||0,[s,n.id]),be=g.useMemo(()=>n.closeButton??f,[n.closeButton,f]),G=g.useMemo(()=>n.duration||_||ue,[n.duration,_]),K=g.useRef(0),q=g.useRef(0),J=g.useRef(0),Y=g.useRef(null),[X,Z]=y.split(`-`),Q=g.useMemo(()=>s.reduce((e,t,n)=>n>=W?e:e+t.height,0),[s,W]),xe=ce(),Se=n.invert||t,Ce=H===`loading`;q.current=g.useMemo(()=>W*b+Q,[W,Q]),g.useEffect(()=>{R.current=G},[G]),g.useEffect(()=>{A(!0)},[]),g.useEffect(()=>{let e=B.current;if(e){let t=e.getBoundingClientRect().height;return L(t),a(e=>[{toastId:n.id,height:t,position:n.position},...e]),()=>a(e=>e.filter(e=>e.toastId!==n.id))}},[a,n.id]),g.useLayoutEffect(()=>{if(!k)return;let e=B.current,t=e.style.height;e.style.height=`auto`;let r=e.getBoundingClientRect().height;e.style.height=t,L(r),a(e=>e.find(e=>e.toastId===n.id)?e.map(e=>e.toastId===n.id?{...e,height:r}:e):[{toastId:n.id,height:r,position:n.position},...e])},[k,n.title,n.description,a,n.id,n.jsx,n.action,n.cancel]);let $=g.useCallback(()=>{le(!0),I(q.current),a(e=>e.filter(e=>e.toastId!==n.id)),setTimeout(()=>{d(n)},pe)},[n,d,a,q]);g.useEffect(()=>{if(n.promise&&H===`loading`||n.duration===1/0||n.type===`loading`)return;let e;return u||i||xe?(()=>{if(J.current<K.current){let e=new Date().getTime()-K.current;R.current-=e}J.current=new Date().getTime()})():R.current!==1/0&&(K.current=new Date().getTime(),e=setTimeout(()=>{n.onAutoClose==null||n.onAutoClose.call(n,n),$()},R.current)),()=>clearTimeout(e)},[u,i,n,H,xe,$]),g.useEffect(()=>{n.delete&&($(),n.onDismiss==null||n.onDismiss.call(n,n))},[$,n.delete]);function we(){return C?.loading?g.createElement(`div`,{className:m(S?.loader,n?.classNames?.loader,`sonner-loader`),"data-visible":H===`loading`},C.loading):g.createElement(v,{className:m(S?.loader,n?.classNames?.loader),visible:H===`loading`})}let Te=n.icon||C?.[H]||oe(H);return g.createElement(`li`,{tabIndex:0,ref:B,className:m(ie,ve,S?.toast,n?.classNames?.toast,S?.default,S?.[H],n?.classNames?.[H]),"data-sonner-toast":``,"data-rich-colors":n.richColors??ee,"data-styled":!(n.jsx||n.unstyled||r),"data-mounted":k,"data-promise":!!n.promise,"data-swiped":me,"data-removed":j,"data-visible":V,"data-y-position":X,"data-x-position":Z,"data-index":c,"data-front":_e,"data-swiping":M,"data-dismissible":U,"data-type":H,"data-invert":Se,"data-swipe-out":P,"data-swipe-direction":D,"data-expanded":!!(u||x&&k),"data-testid":n.testId,style:{"--index":c,"--toasts-before":c,"--z-index":l.length-c,"--offset":`${j?he:q.current}px`,"--initial-height":x?`auto`:`${ge}px`,...te,...n.style},onDragEnd:()=>{N(!1),E(null),Y.current=null},onPointerDown:e=>{e.button!==2&&(Ce||!U||(z.current=new Date,I(q.current),e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(N(!0),Y.current={x:e.clientX,y:e.clientY})))},onPointerUp:()=>{if(P||!U)return;Y.current=null;let e=Number(B.current?.style.getPropertyValue(`--swipe-amount-x`).replace(`px`,``)||0),t=Number(B.current?.style.getPropertyValue(`--swipe-amount-y`).replace(`px`,``)||0),r=new Date().getTime()-z.current?.getTime(),i=T===`x`?e:t,a=Math.abs(i)/r;if(Math.abs(i)>=fe||a>.11){I(q.current),n.onDismiss==null||n.onDismiss.call(n,n),O(T===`x`?e>0?`right`:`left`:t>0?`down`:`up`),$(),de(!0);return}else{var o,s;(o=B.current)==null||o.style.setProperty(`--swipe-amount-x`,`0px`),(s=B.current)==null||s.style.setProperty(`--swipe-amount-y`,`0px`)}F(!1),N(!1),E(null)},onPointerMove:t=>{var n,r;if(!Y.current||!U||window.getSelection()?.toString().length>0)return;let i=t.clientY-Y.current.y,a=t.clientX-Y.current.x,o=e.swipeDirections??re(y);!T&&(Math.abs(a)>1||Math.abs(i)>1)&&E(Math.abs(a)>Math.abs(i)?`x`:`y`);let s={x:0,y:0},c=e=>1/(1.5+Math.abs(e)/20);if(T===`y`){if(o.includes(`top`)||o.includes(`bottom`))if(o.includes(`top`)&&i<0||o.includes(`bottom`)&&i>0)s.y=i;else{let e=i*c(i);s.y=Math.abs(e)<Math.abs(i)?e:i}}else if(T===`x`&&(o.includes(`left`)||o.includes(`right`)))if(o.includes(`left`)&&a<0||o.includes(`right`)&&a>0)s.x=a;else{let e=a*c(a);s.x=Math.abs(e)<Math.abs(a)?e:a}(Math.abs(s.x)>0||Math.abs(s.y)>0)&&F(!0),(n=B.current)==null||n.style.setProperty(`--swipe-amount-x`,`${s.x}px`),(r=B.current)==null||r.style.setProperty(`--swipe-amount-y`,`${s.y}px`)}},be&&!n.jsx&&H!==`loading`?g.createElement(`button`,{"aria-label":w,"data-disabled":Ce,"data-close-button":!0,onClick:Ce||!U?()=>{}:()=>{$(),n.onDismiss==null||n.onDismiss.call(n,n)},className:m(S?.closeButton,n?.classNames?.closeButton)},C?.close??se):null,(H||n.icon||n.promise)&&n.icon!==null&&(C?.[H]!==null||n.icon)?g.createElement(`div`,{"data-icon":``,className:m(S?.icon,n?.classNames?.icon)},n.promise||n.type===`loading`&&!n.icon?n.icon||we():null,n.type===`loading`?null:Te):null,g.createElement(`div`,{"data-content":``,className:m(S?.content,n?.classNames?.content)},g.createElement(`div`,{"data-title":``,className:m(S?.title,n?.classNames?.title)},n.jsx?n.jsx:typeof n.title==`function`?n.title():n.title),n.description?g.createElement(`div`,{"data-description":``,className:m(ae,ye,S?.description,n?.classNames?.description)},typeof n.description==`function`?n.description():n.description):null),g.isValidElement(n.cancel)?n.cancel:n.cancel&&p(n.cancel)?g.createElement(`button`,{"data-button":!0,"data-cancel":!0,style:n.cancelButtonStyle||ne,onClick:e=>{p(n.cancel)&&U&&(n.cancel.onClick==null||n.cancel.onClick.call(n.cancel,e),$())},className:m(S?.cancelButton,n?.classNames?.cancelButton)},n.cancel.label):null,g.isValidElement(n.action)?n.action:n.action&&p(n.action)?g.createElement(`button`,{"data-button":!0,"data-action":!0,style:n.actionButtonStyle||h,onClick:e=>{p(n.action)&&(n.action.onClick==null||n.action.onClick.call(n.action,e),!e.defaultPrevented&&$())},className:m(S?.actionButton,n?.classNames?.actionButton)},n.action.label):null)},F=g.forwardRef(function(e,t){let{id:n,invert:r,position:i=`bottom-right`,hotkey:a=[`altKey`,`KeyT`],expand:o,closeButton:s,className:c,offset:l,mobileOffset:u,theme:d=`light`,richColors:ee,duration:f,style:te,visibleToasts:ne=le,toastOptions:p,dir:m=h(),gap:re=de,icons:oe,containerAriaLabel:_=`Notifications`}=e,[v,y]=g.useState([]),b=g.useMemo(()=>n?v.filter(e=>e.toasterId===n):v.filter(e=>!e.toasterId),[v,n]),x=g.useMemo(()=>Array.from(new Set([i].concat(b.filter(e=>e.position).map(e=>e.position)))),[b,i]),[S,se]=g.useState([]),[ce,C]=g.useState(!1),[w,E]=g.useState(!1),[D,O]=g.useState(d===`system`?typeof window<`u`&&window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:d),k=g.useRef(null),A=a.join(`+`).replace(/Key/g,``).replace(/Digit/g,``),j=g.useRef(null),M=g.useRef(!1),N=g.useCallback(e=>{y(t=>(t.find(t=>t.id===e.id)?.delete||T.dismiss(e.id),t.filter(({id:t})=>t!==e.id)))},[]);return g.useEffect(()=>T.subscribe(e=>{if(e.dismiss){requestAnimationFrame(()=>{y(t=>t.map(t=>t.id===e.id?{...t,delete:!0}:t))});return}setTimeout(()=>{ae.flushSync(()=>{y(t=>{let n=t.findIndex(t=>t.id===e.id);return n===-1?[e,...t]:[...t.slice(0,n),{...t[n],...e},...t.slice(n+1)]})})})}),[v]),g.useEffect(()=>{if(d!==`system`){O(d);return}if(d===`system`&&(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?O(`dark`):O(`light`)),typeof window>`u`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`);try{e.addEventListener(`change`,({matches:e})=>{O(e?`dark`:`light`)})}catch{e.addListener(({matches:e})=>{try{O(e?`dark`:`light`)}catch(e){console.error(e)}})}},[d]),g.useEffect(()=>{v.length<=1&&C(!1)},[v]),g.useEffect(()=>{let e=e=>{if(a.every(t=>e[t]||e.code===t)){var t;C(!0),(t=k.current)==null||t.focus()}e.code===`Escape`&&(document.activeElement===k.current||k.current?.contains(document.activeElement))&&C(!1)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[a]),g.useEffect(()=>{if(k.current)return()=>{j.current&&(j.current.focus({preventScroll:!0}),j.current=null,M.current=!1)}},[k.current]),g.createElement(`section`,{ref:t,"aria-label":`${_} ${A}`,tabIndex:-1,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`,suppressHydrationWarning:!0},x.map((t,n)=>{let[i,a]=t.split(`-`);return b.length?g.createElement(`ol`,{key:t,dir:m===`auto`?h():m,tabIndex:-1,ref:k,className:c,"data-sonner-toaster":!0,"data-sonner-theme":D,"data-y-position":i,"data-x-position":a,style:{"--front-toast-height":`${S[0]?.height||0}px`,"--width":`${P}px`,"--gap":`${re}px`,...te,...ie(l,u)},onBlur:e=>{M.current&&!e.currentTarget.contains(e.relatedTarget)&&(M.current=!1,j.current&&=(j.current.focus({preventScroll:!0}),null))},onFocus:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||M.current||(M.current=!0,j.current=e.relatedTarget)},onMouseEnter:()=>C(!0),onMouseMove:()=>C(!0),onMouseLeave:()=>{w||C(!1)},onDragEnd:()=>C(!1),onPointerDown:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||E(!0)},onPointerUp:()=>E(!1)},b.filter(e=>!e.position&&n===0||e.position===t).map((n,i)=>g.createElement(me,{key:n.id,icons:oe,index:i,toast:n,defaultRichColors:ee,duration:p?.duration??f,className:p?.className,descriptionClassName:p?.descriptionClassName,invert:r,visibleToasts:ne,closeButton:p?.closeButton??s,interacting:w,position:t,style:p?.style,unstyled:p?.unstyled,classNames:p?.classNames,cancelButtonStyle:p?.cancelButtonStyle,actionButtonStyle:p?.actionButtonStyle,closeButtonAriaLabel:p?.closeButtonAriaLabel,removeToast:N,toasts:b.filter(e=>e.position==n.position),heights:S.filter(e=>e.position==n.position),setHeights:se,expandByDefault:o,gap:re,expanded:ce,swipeDirections:e.swipeDirections}))):null}))})})),I,ge,L,R,z,B,_e=t((()=>{I=`toast__rrrPf`,ge=`title__-TzC1`,L=`critical__hLeFT`,R=`actionButton__AZgQr`,z=`closeButton__vFfaI`,B={toast:I,title:ge,critical:L,actionButton:R,closeButton:z}})),V,H,U,ve,ye=t((()=>{V=e(n()),H=e(n()),U=({title:e,titleId:t,...n},r)=>V.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?V.createElement(`title`,{id:t},e):null,V.createElement(`path`,{fillRule:`evenodd`,d:`M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z`,clipRule:`evenodd`})),ve=(0,H.forwardRef)(U)})),W,be,G,K,q=t((()=>{W=e(n()),be=e(n()),G=({title:e,titleId:t,...n},r)=>W.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?W.createElement(`title`,{id:t},e):null,W.createElement(`path`,{fillRule:`evenodd`,d:`M15.728 3H8.272L3 8.272v7.456L8.272 21h7.456L21 15.728V8.272L15.728 3ZM10.98 8.04l.144 5.532h1.788l.144-5.532H10.98Zm.264 8.268c.216.216.476.324.78.324.296 0 .552-.108.768-.324a1.09 1.09 0 0 0 0-1.548 1.031 1.031 0 0 0-.768-.336c-.304 0-.564.112-.78.336a1.09 1.09 0 0 0 0 1.548Z`,clipRule:`evenodd`})),K=(0,be.forwardRef)(G)}));function J(e,t){let{variant:n=`info`,leadingSvgIcon:i,actionLabel:a,actionOnClick:o,actionHref:c,dataset:l}=t??{},d=c?`a`:`button`;return j.custom(t=>(0,Y.jsxs)(`div`,{style:{display:`contents`},...r(l,{preplyDsComponent:s.Toast}),children:[n===`critical`?(0,Y.jsx)(u,{svg:K}):i&&(0,Y.jsx)(u,{svg:i}),(0,Y.jsx)(`span`,{className:B.title,children:e}),(0,Y.jsx)(Q,{onClick:()=>j.dismiss(t)}),a&&(0,Y.jsx)(d,{className:B.actionButton,onClick:()=>{j.dismiss(t),o?.()},href:c,children:a})]}),{classNames:{toast:n===`critical`?`${B.toast} ${B.critical}`:B.toast}})}var Y,X,Z,Q,xe=t((()=>{e(n(),1),he(),i(),c(),l(),_e(),ye(),q(),ee(),f(),Y=o(),X=({duration:e=5e3})=>(0,Y.jsx)(F,{position:`top-right`,duration:e,visibleToasts:3}),Z=X.bind(null,{duration:5e3}),Q=({onClick:e})=>{let{formatMessage:t}=d();return(0,Y.jsx)(`button`,{onClick:e,className:B.closeButton,"aria-label":t(te.close),children:(0,Y.jsx)(u,{svg:ve})})};try{J.displayName=`showToast`,J.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:`showToast`,props:{}}}catch{}try{X.displayName=`InternalToastProvider`,X.__docgenInfo={description:`An internal primitive used for testing.
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./react-dom-CLuuWI32.js";import{t as o}from"./jsx-runtime-C2wGStra.js";import{n as s,t as c}from"./dist-Cc1j9Pjk.js";import{n as l,t as u}from"./Icon-C-oDFSRH.js";import{o as d,r as ee}from"./lib-8ue2PVWI.js";import{n as f,t as te}from"./shared-strings-BFfhcoGp.js";function ne(e){if(!e||typeof document>`u`)return;let t=document.head||document.getElementsByTagName(`head`)[0],n=document.createElement(`style`);n.type=`text/css`,t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}function p(e){return e.label!==void 0}function m(...e){return e.filter(Boolean).join(` `)}function re(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(t),n&&r.push(n),r}function h(){if(typeof window>`u`||typeof document>`u`)return`ltr`;let e=document.documentElement.getAttribute(`dir`);return e===`auto`||!e?window.getComputedStyle(document.documentElement).direction:e}function ie(e,t){let n={};return[e,t].forEach((e,t)=>{let r=t===1,i=r?`--mobile-offset`:`--offset`,a=r?N:M;function o(e){[`top`,`right`,`bottom`,`left`].forEach(t=>{n[`${i}-${t}`]=typeof e==`number`?`${e}px`:e})}typeof e==`number`||typeof e==`string`?o(e):typeof e==`object`?[`top`,`right`,`bottom`,`left`].forEach(t=>{e[t]===void 0?n[`${i}-${t}`]=a:n[`${i}-${t}`]=typeof e[t]==`number`?`${e[t]}px`:e[t]}):o(a)}),n}var g,ae,oe,_,v,y,b,x,S,se,ce,C,w,T,E,D,O,k,A,j,le,M,N,ue,P,de,fe,pe,me,F,he=t((()=>{g=e(n(),1),ae=e(a(),1),oe=e=>{switch(e){case`success`:return y;case`info`:return x;case`warning`:return b;case`error`:return S;default:return null}},_=Array(12).fill(0),v=({visible:e,className:t})=>g.createElement(`div`,{className:[`sonner-loading-wrapper`,t].filter(Boolean).join(` `),"data-visible":e},g.createElement(`div`,{className:`sonner-spinner`},_.map((e,t)=>g.createElement(`div`,{className:`sonner-loading-bar`,key:`spinner-bar-${t}`})))),y=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z`,clipRule:`evenodd`})),b=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z`,clipRule:`evenodd`})),x=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z`,clipRule:`evenodd`})),S=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},g.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z`,clipRule:`evenodd`})),se=g.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`},g.createElement(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),g.createElement(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})),ce=()=>{let[e,t]=g.useState(document.hidden);return g.useEffect(()=>{let e=()=>{t(document.hidden)};return document.addEventListener(`visibilitychange`,e),()=>window.removeEventListener(`visibilitychange`,e)},[]),e},C=1,w=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{let{message:t,...n}=e,r=typeof e?.id==`number`||e.id?.length>0?e.id:C++,i=this.toasts.find(e=>e.id===r),a=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(r)&&this.dismissedToasts.delete(r),i?this.toasts=this.toasts.map(n=>n.id===r?(this.publish({...n,...e,id:r,title:t}),{...n,...e,id:r,dismissible:a,title:t}):n):this.addToast({title:t,...n,dismissible:a,id:r}),r},this.dismiss=e=>(e?(this.dismissedToasts.add(e),requestAnimationFrame(()=>this.subscribers.forEach(t=>t({id:e,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(t=>t({id:e.id,dismiss:!0}))}),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:`error`}),this.success=(e,t)=>this.create({...t,type:`success`,message:e}),this.info=(e,t)=>this.create({...t,type:`info`,message:e}),this.warning=(e,t)=>this.create({...t,type:`warning`,message:e}),this.loading=(e,t)=>this.create({...t,type:`loading`,message:e}),this.promise=(e,t)=>{if(!t)return;let n;t.loading!==void 0&&(n=this.create({...t,promise:e,type:`loading`,message:t.loading,description:typeof t.description==`function`?void 0:t.description}));let r=Promise.resolve(e instanceof Function?e():e),i=n!==void 0,a,o=r.then(async e=>{if(a=[`resolve`,e],g.isValidElement(e))i=!1,this.create({id:n,type:`default`,message:e});else if(D(e)&&!e.ok){i=!1;let r=typeof t.error==`function`?await t.error(`HTTP error! status: ${e.status}`):t.error,a=typeof t.description==`function`?await t.description(`HTTP error! status: ${e.status}`):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}else if(e instanceof Error){i=!1;let r=typeof t.error==`function`?await t.error(e):t.error,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}else if(t.success!==void 0){i=!1;let r=typeof t.success==`function`?await t.success(e):t.success,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`success`,description:a,...o})}}).catch(async e=>{if(a=[`reject`,e],t.error!==void 0){i=!1;let r=typeof t.error==`function`?await t.error(e):t.error,a=typeof t.description==`function`?await t.description(e):t.description,o=typeof r==`object`&&!g.isValidElement(r)?r:{message:r};this.create({id:n,type:`error`,description:a,...o})}}).finally(()=>{i&&(this.dismiss(n),n=void 0),t.finally==null||t.finally.call(t)}),s=()=>new Promise((e,t)=>o.then(()=>a[0]===`reject`?t(a[1]):e(a[1])).catch(t));return typeof n!=`string`&&typeof n!=`number`?{unwrap:s}:Object.assign(n,{unwrap:s})},this.custom=(e,t)=>{let n=t?.id||C++;return this.create({jsx:e(n),id:n,...t}),n},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},T=new w,E=(e,t)=>{let n=t?.id||C++;return T.addToast({title:e,...t,id:n}),n},D=e=>e&&typeof e==`object`&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`,O=E,k=()=>T.toasts,A=()=>T.getActiveToasts(),j=Object.assign(O,{success:T.success,info:T.info,warning:T.warning,error:T.error,custom:T.custom,message:T.message,promise:T.promise,dismiss:T.dismiss,loading:T.loading},{getHistory:k,getToasts:A}),ne(`[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}`),le=3,M=`24px`,N=`16px`,ue=4e3,P=356,de=14,fe=45,pe=200,me=e=>{let{invert:t,toast:n,unstyled:r,interacting:i,setHeights:a,visibleToasts:o,heights:s,index:c,toasts:l,expanded:u,removeToast:d,defaultRichColors:ee,closeButton:f,style:te,cancelButtonStyle:ne,actionButtonStyle:h,className:ie=``,descriptionClassName:ae=``,duration:_,position:y,gap:b,expandByDefault:x,classNames:S,icons:C,closeButtonAriaLabel:w=`Close toast`}=e,[T,E]=g.useState(null),[D,O]=g.useState(null),[k,A]=g.useState(!1),[j,le]=g.useState(!1),[M,N]=g.useState(!1),[P,de]=g.useState(!1),[me,F]=g.useState(!1),[he,I]=g.useState(0),[ge,L]=g.useState(0),R=g.useRef(n.duration||_||ue),z=g.useRef(null),B=g.useRef(null),_e=c===0,V=c+1<=o,H=n.type,U=n.dismissible!==!1,ve=n.className||``,ye=n.descriptionClassName||``,W=g.useMemo(()=>s.findIndex(e=>e.toastId===n.id)||0,[s,n.id]),be=g.useMemo(()=>n.closeButton??f,[n.closeButton,f]),G=g.useMemo(()=>n.duration||_||ue,[n.duration,_]),K=g.useRef(0),q=g.useRef(0),J=g.useRef(0),Y=g.useRef(null),[X,Z]=y.split(`-`),Q=g.useMemo(()=>s.reduce((e,t,n)=>n>=W?e:e+t.height,0),[s,W]),xe=ce(),Se=n.invert||t,Ce=H===`loading`;q.current=g.useMemo(()=>W*b+Q,[W,Q]),g.useEffect(()=>{R.current=G},[G]),g.useEffect(()=>{A(!0)},[]),g.useEffect(()=>{let e=B.current;if(e){let t=e.getBoundingClientRect().height;return L(t),a(e=>[{toastId:n.id,height:t,position:n.position},...e]),()=>a(e=>e.filter(e=>e.toastId!==n.id))}},[a,n.id]),g.useLayoutEffect(()=>{if(!k)return;let e=B.current,t=e.style.height;e.style.height=`auto`;let r=e.getBoundingClientRect().height;e.style.height=t,L(r),a(e=>e.find(e=>e.toastId===n.id)?e.map(e=>e.toastId===n.id?{...e,height:r}:e):[{toastId:n.id,height:r,position:n.position},...e])},[k,n.title,n.description,a,n.id,n.jsx,n.action,n.cancel]);let $=g.useCallback(()=>{le(!0),I(q.current),a(e=>e.filter(e=>e.toastId!==n.id)),setTimeout(()=>{d(n)},pe)},[n,d,a,q]);g.useEffect(()=>{if(n.promise&&H===`loading`||n.duration===1/0||n.type===`loading`)return;let e;return u||i||xe?(()=>{if(J.current<K.current){let e=new Date().getTime()-K.current;R.current-=e}J.current=new Date().getTime()})():R.current!==1/0&&(K.current=new Date().getTime(),e=setTimeout(()=>{n.onAutoClose==null||n.onAutoClose.call(n,n),$()},R.current)),()=>clearTimeout(e)},[u,i,n,H,xe,$]),g.useEffect(()=>{n.delete&&($(),n.onDismiss==null||n.onDismiss.call(n,n))},[$,n.delete]);function we(){return C?.loading?g.createElement(`div`,{className:m(S?.loader,n?.classNames?.loader,`sonner-loader`),"data-visible":H===`loading`},C.loading):g.createElement(v,{className:m(S?.loader,n?.classNames?.loader),visible:H===`loading`})}let Te=n.icon||C?.[H]||oe(H);return g.createElement(`li`,{tabIndex:0,ref:B,className:m(ie,ve,S?.toast,n?.classNames?.toast,S?.default,S?.[H],n?.classNames?.[H]),"data-sonner-toast":``,"data-rich-colors":n.richColors??ee,"data-styled":!(n.jsx||n.unstyled||r),"data-mounted":k,"data-promise":!!n.promise,"data-swiped":me,"data-removed":j,"data-visible":V,"data-y-position":X,"data-x-position":Z,"data-index":c,"data-front":_e,"data-swiping":M,"data-dismissible":U,"data-type":H,"data-invert":Se,"data-swipe-out":P,"data-swipe-direction":D,"data-expanded":!!(u||x&&k),"data-testid":n.testId,style:{"--index":c,"--toasts-before":c,"--z-index":l.length-c,"--offset":`${j?he:q.current}px`,"--initial-height":x?`auto`:`${ge}px`,...te,...n.style},onDragEnd:()=>{N(!1),E(null),Y.current=null},onPointerDown:e=>{e.button!==2&&(Ce||!U||(z.current=new Date,I(q.current),e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(N(!0),Y.current={x:e.clientX,y:e.clientY})))},onPointerUp:()=>{if(P||!U)return;Y.current=null;let e=Number(B.current?.style.getPropertyValue(`--swipe-amount-x`).replace(`px`,``)||0),t=Number(B.current?.style.getPropertyValue(`--swipe-amount-y`).replace(`px`,``)||0),r=new Date().getTime()-z.current?.getTime(),i=T===`x`?e:t,a=Math.abs(i)/r;if(Math.abs(i)>=fe||a>.11){I(q.current),n.onDismiss==null||n.onDismiss.call(n,n),O(T===`x`?e>0?`right`:`left`:t>0?`down`:`up`),$(),de(!0);return}else{var o,s;(o=B.current)==null||o.style.setProperty(`--swipe-amount-x`,`0px`),(s=B.current)==null||s.style.setProperty(`--swipe-amount-y`,`0px`)}F(!1),N(!1),E(null)},onPointerMove:t=>{var n,r;if(!Y.current||!U||window.getSelection()?.toString().length>0)return;let i=t.clientY-Y.current.y,a=t.clientX-Y.current.x,o=e.swipeDirections??re(y);!T&&(Math.abs(a)>1||Math.abs(i)>1)&&E(Math.abs(a)>Math.abs(i)?`x`:`y`);let s={x:0,y:0},c=e=>1/(1.5+Math.abs(e)/20);if(T===`y`){if(o.includes(`top`)||o.includes(`bottom`))if(o.includes(`top`)&&i<0||o.includes(`bottom`)&&i>0)s.y=i;else{let e=i*c(i);s.y=Math.abs(e)<Math.abs(i)?e:i}}else if(T===`x`&&(o.includes(`left`)||o.includes(`right`)))if(o.includes(`left`)&&a<0||o.includes(`right`)&&a>0)s.x=a;else{let e=a*c(a);s.x=Math.abs(e)<Math.abs(a)?e:a}(Math.abs(s.x)>0||Math.abs(s.y)>0)&&F(!0),(n=B.current)==null||n.style.setProperty(`--swipe-amount-x`,`${s.x}px`),(r=B.current)==null||r.style.setProperty(`--swipe-amount-y`,`${s.y}px`)}},be&&!n.jsx&&H!==`loading`?g.createElement(`button`,{"aria-label":w,"data-disabled":Ce,"data-close-button":!0,onClick:Ce||!U?()=>{}:()=>{$(),n.onDismiss==null||n.onDismiss.call(n,n)},className:m(S?.closeButton,n?.classNames?.closeButton)},C?.close??se):null,(H||n.icon||n.promise)&&n.icon!==null&&(C?.[H]!==null||n.icon)?g.createElement(`div`,{"data-icon":``,className:m(S?.icon,n?.classNames?.icon)},n.promise||n.type===`loading`&&!n.icon?n.icon||we():null,n.type===`loading`?null:Te):null,g.createElement(`div`,{"data-content":``,className:m(S?.content,n?.classNames?.content)},g.createElement(`div`,{"data-title":``,className:m(S?.title,n?.classNames?.title)},n.jsx?n.jsx:typeof n.title==`function`?n.title():n.title),n.description?g.createElement(`div`,{"data-description":``,className:m(ae,ye,S?.description,n?.classNames?.description)},typeof n.description==`function`?n.description():n.description):null),g.isValidElement(n.cancel)?n.cancel:n.cancel&&p(n.cancel)?g.createElement(`button`,{"data-button":!0,"data-cancel":!0,style:n.cancelButtonStyle||ne,onClick:e=>{p(n.cancel)&&U&&(n.cancel.onClick==null||n.cancel.onClick.call(n.cancel,e),$())},className:m(S?.cancelButton,n?.classNames?.cancelButton)},n.cancel.label):null,g.isValidElement(n.action)?n.action:n.action&&p(n.action)?g.createElement(`button`,{"data-button":!0,"data-action":!0,style:n.actionButtonStyle||h,onClick:e=>{p(n.action)&&(n.action.onClick==null||n.action.onClick.call(n.action,e),!e.defaultPrevented&&$())},className:m(S?.actionButton,n?.classNames?.actionButton)},n.action.label):null)},F=g.forwardRef(function(e,t){let{id:n,invert:r,position:i=`bottom-right`,hotkey:a=[`altKey`,`KeyT`],expand:o,closeButton:s,className:c,offset:l,mobileOffset:u,theme:d=`light`,richColors:ee,duration:f,style:te,visibleToasts:ne=le,toastOptions:p,dir:m=h(),gap:re=de,icons:oe,containerAriaLabel:_=`Notifications`}=e,[v,y]=g.useState([]),b=g.useMemo(()=>n?v.filter(e=>e.toasterId===n):v.filter(e=>!e.toasterId),[v,n]),x=g.useMemo(()=>Array.from(new Set([i].concat(b.filter(e=>e.position).map(e=>e.position)))),[b,i]),[S,se]=g.useState([]),[ce,C]=g.useState(!1),[w,E]=g.useState(!1),[D,O]=g.useState(d===`system`?typeof window<`u`&&window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:d),k=g.useRef(null),A=a.join(`+`).replace(/Key/g,``).replace(/Digit/g,``),j=g.useRef(null),M=g.useRef(!1),N=g.useCallback(e=>{y(t=>(t.find(t=>t.id===e.id)?.delete||T.dismiss(e.id),t.filter(({id:t})=>t!==e.id)))},[]);return g.useEffect(()=>T.subscribe(e=>{if(e.dismiss){requestAnimationFrame(()=>{y(t=>t.map(t=>t.id===e.id?{...t,delete:!0}:t))});return}setTimeout(()=>{ae.flushSync(()=>{y(t=>{let n=t.findIndex(t=>t.id===e.id);return n===-1?[e,...t]:[...t.slice(0,n),{...t[n],...e},...t.slice(n+1)]})})})}),[v]),g.useEffect(()=>{if(d!==`system`){O(d);return}if(d===`system`&&(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?O(`dark`):O(`light`)),typeof window>`u`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`);try{e.addEventListener(`change`,({matches:e})=>{O(e?`dark`:`light`)})}catch{e.addListener(({matches:e})=>{try{O(e?`dark`:`light`)}catch(e){console.error(e)}})}},[d]),g.useEffect(()=>{v.length<=1&&C(!1)},[v]),g.useEffect(()=>{let e=e=>{if(a.every(t=>e[t]||e.code===t)){var t;C(!0),(t=k.current)==null||t.focus()}e.code===`Escape`&&(document.activeElement===k.current||k.current?.contains(document.activeElement))&&C(!1)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[a]),g.useEffect(()=>{if(k.current)return()=>{j.current&&(j.current.focus({preventScroll:!0}),j.current=null,M.current=!1)}},[k.current]),g.createElement(`section`,{ref:t,"aria-label":`${_} ${A}`,tabIndex:-1,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`,suppressHydrationWarning:!0},x.map((t,n)=>{let[i,a]=t.split(`-`);return b.length?g.createElement(`ol`,{key:t,dir:m===`auto`?h():m,tabIndex:-1,ref:k,className:c,"data-sonner-toaster":!0,"data-sonner-theme":D,"data-y-position":i,"data-x-position":a,style:{"--front-toast-height":`${S[0]?.height||0}px`,"--width":`${P}px`,"--gap":`${re}px`,...te,...ie(l,u)},onBlur:e=>{M.current&&!e.currentTarget.contains(e.relatedTarget)&&(M.current=!1,j.current&&=(j.current.focus({preventScroll:!0}),null))},onFocus:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||M.current||(M.current=!0,j.current=e.relatedTarget)},onMouseEnter:()=>C(!0),onMouseMove:()=>C(!0),onMouseLeave:()=>{w||C(!1)},onDragEnd:()=>C(!1),onPointerDown:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||E(!0)},onPointerUp:()=>E(!1)},b.filter(e=>!e.position&&n===0||e.position===t).map((n,i)=>g.createElement(me,{key:n.id,icons:oe,index:i,toast:n,defaultRichColors:ee,duration:p?.duration??f,className:p?.className,descriptionClassName:p?.descriptionClassName,invert:r,visibleToasts:ne,closeButton:p?.closeButton??s,interacting:w,position:t,style:p?.style,unstyled:p?.unstyled,classNames:p?.classNames,cancelButtonStyle:p?.cancelButtonStyle,actionButtonStyle:p?.actionButtonStyle,closeButtonAriaLabel:p?.closeButtonAriaLabel,removeToast:N,toasts:b.filter(e=>e.position==n.position),heights:S.filter(e=>e.position==n.position),setHeights:se,expandByDefault:o,gap:re,expanded:ce,swipeDirections:e.swipeDirections}))):null}))})})),I,ge,L,R,z,B,_e=t((()=>{I=`toast__rrrPf`,ge=`title__-TzC1`,L=`critical__hLeFT`,R=`actionButton__AZgQr`,z=`closeButton__vFfaI`,B={toast:I,title:ge,critical:L,actionButton:R,closeButton:z}})),V,H,U,ve,ye=t((()=>{V=e(n()),H=e(n()),U=({title:e,titleId:t,...n},r)=>V.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?V.createElement(`title`,{id:t},e):null,V.createElement(`path`,{fillRule:`evenodd`,d:`M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z`,clipRule:`evenodd`})),ve=(0,H.forwardRef)(U)})),W,be,G,K,q=t((()=>{W=e(n()),be=e(n()),G=({title:e,titleId:t,...n},r)=>W.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?W.createElement(`title`,{id:t},e):null,W.createElement(`path`,{fillRule:`evenodd`,d:`M15.728 3H8.272L3 8.272v7.456L8.272 21h7.456L21 15.728V8.272L15.728 3ZM10.98 8.04l.144 5.532h1.788l.144-5.532H10.98Zm.264 8.268c.216.216.476.324.78.324.296 0 .552-.108.768-.324a1.09 1.09 0 0 0 0-1.548 1.031 1.031 0 0 0-.768-.336c-.304 0-.564.112-.78.336a1.09 1.09 0 0 0 0 1.548Z`,clipRule:`evenodd`})),K=(0,be.forwardRef)(G)}));function J(e,t){let{variant:n=`info`,leadingSvgIcon:i,actionLabel:a,actionOnClick:o,actionHref:c,dataset:l}=t??{},d=c?`a`:`button`;return j.custom(t=>(0,Y.jsxs)(`div`,{style:{display:`contents`},...r(l,{preplyDsComponent:s.Toast}),children:[n===`critical`?(0,Y.jsx)(u,{svg:K}):i&&(0,Y.jsx)(u,{svg:i}),(0,Y.jsx)(`span`,{className:B.title,children:e}),(0,Y.jsx)(Q,{onClick:()=>j.dismiss(t)}),a&&(0,Y.jsx)(d,{className:B.actionButton,onClick:()=>{j.dismiss(t),o?.()},href:c,children:a})]}),{classNames:{toast:n===`critical`?`${B.toast} ${B.critical}`:B.toast}})}var Y,X,Z,Q,xe=t((()=>{e(n(),1),he(),i(),c(),l(),_e(),ye(),q(),ee(),f(),Y=o(),X=({duration:e=5e3})=>(0,Y.jsx)(F,{position:`top-right`,duration:e,visibleToasts:3}),Z=X.bind(null,{duration:5e3}),Q=({onClick:e})=>{let{formatMessage:t}=d();return(0,Y.jsx)(`button`,{onClick:e,className:B.closeButton,"aria-label":t(te.close),children:(0,Y.jsx)(u,{svg:ve})})};try{J.displayName=`showToast`,J.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:`showToast`,props:{}}}catch{}try{X.displayName=`InternalToastProvider`,X.__docgenInfo={description:`An internal primitive used for testing.
 This should not be exported to consumers.`,displayName:`InternalToastProvider`,props:{duration:{defaultValue:{value:`5000`},description:`Time in milliseconds that should elapse before automatically closing
 the toast.`,name:`duration`,required:!1,type:{name:`enum`,value:[{value:`number`}]}}}}}catch{}try{Z.displayName=`ToastProvider`,Z.__docgenInfo={description:"Toasts can be triggered via the `showToast` function, and are rendered\nonto a root `Toaster` component, which is typically placed somewhere high\nup in an application tree.",displayName:`ToastProvider`,props:{}}}catch{}}));export{J as i,Z as n,xe as r,X as t};

package/dist/assets/{Toast.stories-1KDAj2_0.js → Toast.stories-DcPkMFFv.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TokyoUIInfo-BTRd4tvr.js";import{n as o,t as s}from"./useStableCallback-DRmyBaAs.js";import{i as c,n as l,r as u,t as d}from"./Toast-IjHsw63R.js";var f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M;t((()=>{f=e(n(),1),i(),u(),s(),p=r(),{userEvent:m,waitForElementToBeRemoved:h,expect:g}=__STORYBOOK_MODULE_TEST__,{action:_}=__STORYBOOK_MODULE_ACTIONS__,v=({duration:e,showToasts:t})=>{let n=o(t);return(0,f.useEffect)(()=>{n()},[n]),(0,p.jsx)(d,{duration:e})},y={title:`Components/Toast`,component:l,render:e=>(0,p.jsx)(v,{...e}),parameters:{docs:{story:{inline:!1,iframeHeight:200}},chromatic:{modes:{"narrow-l":{viewport:`narrow-l`},"medium-s":{viewport:`medium-s`}}}},argTypes:{message:{description:`The toast title.`,type:`string`,table:{category:`showToast()`}},variant:{description:`The toast severity variant. This affects the toast colors.`,options:[`info`,`critical`],table:{category:`showToast()`,defaultValue:{summary:`info`}}},leadingSvgIcon:{description:`The toast icon.`,table:{category:`showToast()`,defaultValue:{summary:`undefined | critical.svg`,detail:"If the toast variant is `critical`, the `critical` icon is used."}}},actionLabel:{description:`The optional toast action's label.`,type:`string`,table:{category:`showToast()`}},actionOnClick:{description:`The optional toast action's click handler.`,type:`function`,table:{category:`showToast()`}},actionHref:{description:"The optional toast action's `href`.\n        When this is provided, an `<a>` tag is used for the action, otherwise, a `<button>` is used instead.\n        ",type:`string`,table:{category:`showToast()`}},duration:{table:{disable:!0}},showToasts:{table:{disable:!0}}}},b={args:{duration:1/0,showToasts:()=>{c(`This is a toast`)}}},x={tags:[`!autodocs`],args:{duration:500,showToasts:()=>{c(`This is a toast`,{dataset:{testid:`toast`}})}},play:async({step:e,canvas:t})=>{await e(`wait for toast`,async()=>{await g(await t.findByTestId(`toast`)).toBeInTheDocument()}),await e(`check toast is dismissed automatically`,()=>h(t.getByTestId(`toast`)))}},S={tags:[`!autodocs`],args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{dataset:{testid:`toast`}})}},play:async({step:e,canvas:t})=>{await e(`wait for toast`,async()=>{await g(await t.findByTestId(`toast`)).toBeInTheDocument()}),await e(`check toast is dismissed on close button click`,async()=>{let e=t.getByTestId(`toast`);return t.getByRole(`button`).click(),h(e)})}},C={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`)})}}},w={tags:[`!autodocs`],args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`),dataset:{testid:`toast`}})}},play:async({canvas:e,step:t})=>{await t(`wait for toast`,async()=>{await g(await e.findByTestId(`toast`)).toBeInTheDocument()}),await t(`check toast is dismissed on action button click`,async()=>{let t=e.getByTestId(`toast`),n=e.getByText(`Action`);return await m.click(n),h(t)})}},T={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`),actionHref:`#`})}}},E={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{leadingSvgIcon:a})}}},D={args:{duration:1/0,showToasts:()=>{c(`This is a critical toast`,{variant:`critical`})}}},O={args:{duration:1/0,showToasts:()=>{c(`This is a critical toast`,{variant:`critical`,actionLabel:`Action`,actionOnClick:_(`actionOnClick`)})}}},k={args:{duration:1/0,showToasts:()=>{c(`This is toast 1`),c(`This is toast 2`),c(`This is toast 3`)}}},A={args:{duration:1/0,showToasts:()=>{c(`This is toast 1`),c(`This is toast 2`),c(`This is toast 3`,{dataset:{testid:`toast3`}})}},play:async({canvas:e,canvasElement:t,step:n})=>{await n(`wait for toast 3`,async()=>{await g(await e.findByTestId(`toast3`)).toBeInTheDocument()}),await n(`Use global toast area shortcut`,async()=>{t.focus(),await m.keyboard(`{Alt>}T`)})}},j={args:{duration:1/0,showToasts:()=>{c(`What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong`)}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TokyoUIInfo-CL0Zo7ru.js";import{n as o,t as s}from"./useStableCallback-BRGKkp0I.js";import{i as c,n as l,r as u,t as d}from"./Toast-CTlQ5Kx4.js";var f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M;t((()=>{f=e(n(),1),i(),u(),s(),p=r(),{userEvent:m,waitForElementToBeRemoved:h,expect:g}=__STORYBOOK_MODULE_TEST__,{action:_}=__STORYBOOK_MODULE_ACTIONS__,v=({duration:e,showToasts:t})=>{let n=o(t);return(0,f.useEffect)(()=>{n()},[n]),(0,p.jsx)(d,{duration:e})},y={title:`Components/Toast`,component:l,render:e=>(0,p.jsx)(v,{...e}),parameters:{docs:{story:{inline:!1,iframeHeight:200}},chromatic:{modes:{"narrow-l":{viewport:`narrow-l`},"medium-s":{viewport:`medium-s`}}}},argTypes:{message:{description:`The toast title.`,type:`string`,table:{category:`showToast()`}},variant:{description:`The toast severity variant. This affects the toast colors.`,options:[`info`,`critical`],table:{category:`showToast()`,defaultValue:{summary:`info`}}},leadingSvgIcon:{description:`The toast icon.`,table:{category:`showToast()`,defaultValue:{summary:`undefined | critical.svg`,detail:"If the toast variant is `critical`, the `critical` icon is used."}}},actionLabel:{description:`The optional toast action's label.`,type:`string`,table:{category:`showToast()`}},actionOnClick:{description:`The optional toast action's click handler.`,type:`function`,table:{category:`showToast()`}},actionHref:{description:"The optional toast action's `href`.\n        When this is provided, an `<a>` tag is used for the action, otherwise, a `<button>` is used instead.\n        ",type:`string`,table:{category:`showToast()`}},duration:{table:{disable:!0}},showToasts:{table:{disable:!0}}}},b={args:{duration:1/0,showToasts:()=>{c(`This is a toast`)}}},x={tags:[`!autodocs`],args:{duration:500,showToasts:()=>{c(`This is a toast`,{dataset:{testid:`toast`}})}},play:async({step:e,canvas:t})=>{await e(`wait for toast`,async()=>{await g(await t.findByTestId(`toast`)).toBeInTheDocument()}),await e(`check toast is dismissed automatically`,()=>h(t.getByTestId(`toast`)))}},S={tags:[`!autodocs`],args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{dataset:{testid:`toast`}})}},play:async({step:e,canvas:t})=>{await e(`wait for toast`,async()=>{await g(await t.findByTestId(`toast`)).toBeInTheDocument()}),await e(`check toast is dismissed on close button click`,async()=>{let e=t.getByTestId(`toast`);return t.getByRole(`button`).click(),h(e)})}},C={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`)})}}},w={tags:[`!autodocs`],args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`),dataset:{testid:`toast`}})}},play:async({canvas:e,step:t})=>{await t(`wait for toast`,async()=>{await g(await e.findByTestId(`toast`)).toBeInTheDocument()}),await t(`check toast is dismissed on action button click`,async()=>{let t=e.getByTestId(`toast`),n=e.getByText(`Action`);return await m.click(n),h(t)})}},T={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{actionLabel:`Action`,actionOnClick:_(`actionOnClick`),actionHref:`#`})}}},E={args:{duration:1/0,showToasts:()=>{c(`This is a toast`,{leadingSvgIcon:a})}}},D={args:{duration:1/0,showToasts:()=>{c(`This is a critical toast`,{variant:`critical`})}}},O={args:{duration:1/0,showToasts:()=>{c(`This is a critical toast`,{variant:`critical`,actionLabel:`Action`,actionOnClick:_(`actionOnClick`)})}}},k={args:{duration:1/0,showToasts:()=>{c(`This is toast 1`),c(`This is toast 2`),c(`This is toast 3`)}}},A={args:{duration:1/0,showToasts:()=>{c(`This is toast 1`),c(`This is toast 2`),c(`This is toast 3`,{dataset:{testid:`toast3`}})}},play:async({canvas:e,canvasElement:t,step:n})=>{await n(`wait for toast 3`,async()=>{await g(await e.findByTestId(`toast3`)).toBeInTheDocument()}),await n(`Use global toast area shortcut`,async()=>{t.focus(),await m.keyboard(`{Alt>}T`)})}},j={args:{duration:1/0,showToasts:()=>{c(`What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong`)}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
   args: {
     duration: Infinity,
     showToasts: () => {

package/dist/assets/{Tooltip-DGa6B2Md.js → Tooltip-DCzQmBi_.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{S as o,St as s,_ as c,b as l,g as u,m as d,v as f,x as p,y as m}from"./iframe-Ddp8AsMq.js";import{n as h,t as g}from"./dist-Cc1j9Pjk.js";var _,v,y,b,x,S=t((()=>{_=`content__gY3d-`,v=`appear__qG9VZ`,y=`disappear__XUTLV`,b=`arrow__PbWtY`,x={content:_,appear:v,disappear:y,arrow:b}})),C,w,T,E=t((()=>{C=e(n(),1),c(),S(),d(),i(),g(),w=a(),T=(0,C.forwardRef)(function({children:e,content:t,side:n=`top`,trigger:i=`hover`,disabled:a=!1,dataset:c,onOpenChange:d,dsInternalSimulation:g,..._},v){let y=u(),b=(0,C.useRef)(0),[S,T]=(0,C.useState)(!1),E=()=>{i!==`hover`&&(b.current=Date.now(),T(!0),d?.(!0))},D=()=>{i!==`hover`&&Date.now()-b.current>300&&(T(!1),d?.(!1))};if(a)return e;let O;O=g===`open`?!0:i===`hover`?void 0:S||void 0;let k=O===void 0?{}:{open:O};return(0,w.jsxs)(p,{...k,delayDuration:300,onOpenChange:d,children:[(0,w.jsx)(s,{ref:v,..._,children:(0,w.jsx)(o,{onTouchStart:E,onTouchEnd:D,tabIndex:0,asChild:!0,children:e})}),(0,w.jsx)(l,{container:y,children:(0,w.jsxs)(m,{side:n,className:x.content,onPointerDownOutside:()=>T(!1),...r(c,{preplyDsComponent:h.Tooltip}),children:[t,(0,w.jsx)(f,{className:x.arrow,width:10,height:6})]})})]})});try{300 .displayName=`LONG_PRESS_DELAY`,300 .__docgenInfo={description:`Delay after touch start, after which tooltip will be closed immediately after release.`,displayName:`LONG_PRESS_DELAY`,props:{}}}catch{}try{T.displayName=`Tooltip`,T.__docgenInfo={description:`Tooltip component.
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{S as o,St as s,_ as c,b as l,g as u,m as d,v as f,x as p,y as m}from"./iframe-kBDSpxRI.js";import{n as h,t as g}from"./dist-Cc1j9Pjk.js";var _,v,y,b,x,S=t((()=>{_=`content__gY3d-`,v=`appear__qG9VZ`,y=`disappear__XUTLV`,b=`arrow__PbWtY`,x={content:_,appear:v,disappear:y,arrow:b}})),C,w,T,E=t((()=>{C=e(n(),1),c(),S(),d(),i(),g(),w=a(),T=(0,C.forwardRef)(function({children:e,content:t,side:n=`top`,trigger:i=`hover`,disabled:a=!1,dataset:c,onOpenChange:d,...g},_){let v=u(),y=(0,C.useRef)(0),[b,S]=(0,C.useState)(!1),T=()=>{i!==`hover`&&(y.current=Date.now(),S(!0),d?.(!0))},E=()=>{i!==`hover`&&Date.now()-y.current>300&&(S(!1),d?.(!1))};if(a)return e;let D;D=i===`hover`?void 0:b||void 0;let O=D===void 0?{}:{open:D};return(0,w.jsxs)(p,{...O,delayDuration:300,onOpenChange:d,children:[(0,w.jsx)(s,{ref:_,...g,children:(0,w.jsx)(o,{onTouchStart:T,onTouchEnd:E,tabIndex:0,asChild:!0,children:e})}),(0,w.jsx)(l,{container:v,children:(0,w.jsxs)(m,{side:n,className:x.content,onPointerDownOutside:()=>S(!1),...r(c,{preplyDsComponent:h.Tooltip}),children:[t,(0,w.jsx)(f,{className:x.arrow,width:10,height:6})]})})]})});try{300 .displayName=`LONG_PRESS_DELAY`,300 .__docgenInfo={description:`Delay after touch start, after which tooltip will be closed immediately after release.`,displayName:`LONG_PRESS_DELAY`,props:{}}}catch{}try{T.displayName=`Tooltip`,T.__docgenInfo={description:`Tooltip component.
 
 The direct child of the component should be html element, DS component,
 or a component that forwards ref and spreads props to the underlying DOM node.`,displayName:`Tooltip`,props:{content:{defaultValue:null,description:``,name:`content`,required:!0,type:{name:`enum`,value:[{value:`undefined`},{value:`null`},{value:`string`},{value:`number`},{value:`false`},{value:`true`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`},{value:`Iterable<ReactNode>`},{value:`ReactPortal`}]}},trigger:{defaultValue:{value:`hover`},description:`Controls how the tooltip can be triggered.
@@ -6,4 +6,4 @@ or a component that forwards ref and spreads props to the underlying DOM node.`,
 - 'hover' (default): Tooltip appears on hover
 - 'hover-and-touch': Tooltip appears on hover and touch interactions
 
-In both cases tooltip also appears on focus.`,name:`trigger`,required:!1,type:{name:`enum`,value:[{value:`"hover"`},{value:`"hover-and-touch"`}]}},disabled:{defaultValue:{value:`false`},description:`Disables tooltip completely.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},side:{defaultValue:{value:`top`},description:`Preferred side of the tooltip to appear from. Use if default side might block important content.`,name:`side`,required:!1,type:{name:`enum`,value:[{value:`"top"`},{value:`"right"`},{value:`"bottom"`},{value:`"left"`}]}},onOpenChange:{defaultValue:null,description:``,name:`onOpenChange`,required:!1,type:{name:`enum`,value:[{value:`(open: boolean) => void`}]}},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{}}));export{E as n,T as t};
+In both cases tooltip also appears on focus.`,name:`trigger`,required:!1,type:{name:`enum`,value:[{value:`"hover"`},{value:`"hover-and-touch"`}]}},disabled:{defaultValue:{value:`false`},description:`Disables tooltip completely.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},side:{defaultValue:{value:`top`},description:`Preferred side of the tooltip to appear from. Use if default side might block important content.`,name:`side`,required:!1,type:{name:`enum`,value:[{value:`"top"`},{value:`"right"`},{value:`"bottom"`},{value:`"left"`}]}},onOpenChange:{defaultValue:null,description:``,name:`onOpenChange`,required:!1,type:{name:`enum`,value:[{value:`(open: boolean) => void`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}}}}}catch{}}));export{E as n,T as t};

package/dist/assets/Tooltip.stories-duE4AOVl.js

@@ -0,0 +1,91 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TokyoUIClose-BsMsQk2w.js";import{n as o,t as s}from"./IconButton-Qo4r7KAR.js";import{n as c,t as l}from"./LayoutFlex-CpktYRVX.js";import{n as u,t as d}from"./Tooltip-DCzQmBi_.js";import{n as f,t as p}from"./TokyoUIFav-B1g1wYYK.js";import{n as m,t as h}from"./TokyoUINotebook-5mL-J_jb.js";var g,_,v,y,b,x,S,C,w,T;t((()=>{u(),g=e(n(),1),c(),o(),f(),i(),m(),_=r(),v={title:`Components/Tooltip`,component:d,parameters:{layout:`centered`,docs:{story:{inline:!1,height:250},description:{component:`Also see [Composing Popovers](/docs/guides-composing-popovers--docs) for usage with other popovers.`}},preventIframeFromScrollingParent:!0},decorators:[e=>(0,_.jsx)(`div`,{style:{margin:`100px 0`},children:e()})],args:{children:(0,_.jsx)(s,{variant:`ghost`,svg:(0,_.jsx)(p,{}),assistiveText:`Favorite`}),content:`This is a tooltip`},play:async({canvas:e,step:t})=>{await t(`Focus on the trigger`,async()=>{await(await e.findByRole(`button`)).focus()})}},y={name:`Tooltip`},b={args:{content:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`}},x={parameters:{chromatic:{disableSnapshot:!0}},render:()=>(0,_.jsxs)(l,{gap:`4`,children:[(0,_.jsx)(d,{content:`This is a tooltip`,children:(0,_.jsx)(s,{variant:`ghost`,svg:(0,_.jsx)(p,{}),assistiveText:`Icon button`})}),(0,_.jsx)(d,{content:`This is a tooltip`,children:(0,_.jsx)(s,{variant:`ghost`,svg:(0,_.jsx)(a,{}),assistiveText:`Icon button`})}),(0,_.jsx)(d,{content:`This is a tooltip`,children:(0,_.jsx)(s,{variant:`ghost`,svg:(0,_.jsx)(h,{}),assistiveText:`Icon button`})})]}),play:()=>{}},S={parameters:{chromatic:{disableSnapshot:!0}},args:{trigger:`hover-and-touch`}},C={parameters:{chromatic:{disableSnapshot:!0}},render:()=>(0,_.jsx)(d,{content:`This is a tooltip`,children:(0,_.jsx)((0,g.forwardRef)((e,t)=>(0,_.jsx)(`button`,{...e,ref:t})),{children:`Custom child`})})},w={parameters:{chromatic:{disableSnapshot:!0}},args:{content:`Tooltip content`,children:(0,_.jsx)(s,{svg:(0,_.jsx)(p,{}),assistiveText:`Icon button`}),trigger:`hover`,side:`top`},argTypes:{content:{control:`text`},children:{control:!1},dataset:{control:`object`}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  name: 'Tooltip'
+}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  args: {
+    content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
+  }
+}`,...b.parameters?.docs?.source}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: () => <LayoutFlex gap="4">
+            <Tooltip content="This is a tooltip">
+                <IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Icon button" />
+            </Tooltip>
+            <Tooltip content="This is a tooltip">
+                <IconButton variant="ghost" svg={<TokyoUIClose />} assistiveText="Icon button" />
+            </Tooltip>
+            <Tooltip content="This is a tooltip">
+                <IconButton variant="ghost" svg={<TokyoUINotebook />} assistiveText="Icon button" />
+            </Tooltip>
+        </LayoutFlex>,
+  play: () => {}
+}`,...x.parameters?.docs?.source},description:{story:`Tooltips appear after a short delay when hovering the trigger, or instantly when using keyboard focus.
+This delay is called the "warmup period", and it is a global timer, shared by all tooltips.
+Once a tooltip is displayed, other tooltips display immediately. If the user waits for the
+"cooldown period" before hovering another element, the warmup timer restarts.`,...x.parameters?.docs?.description}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    trigger: 'hover-and-touch'
+  }
+}`,...S.parameters?.docs?.source},description:{story:"By default, tooltips only appear on hover and focus. For mobile devices, you can enable touch support\nby setting the `trigger` prop to `hover-and-touch`. When touched, the tooltip will appear and stay\nvisible until the user taps outside of it. Alternatively, user can press and hold, in which case\ntooltip will be hidden immediately after release.",...S.parameters?.docs?.description}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: () => {
+    const CustomButton = forwardRef<HTMLButtonElement, {
+      children: ReactNode;
+    }>((props, ref) => {
+      return <button {...props} ref={ref} />;
+    });
+    return <Tooltip content="This is a tooltip">
+                <CustomButton>Custom child</CustomButton>
+            </Tooltip>;
+  }
+}`,...C.parameters?.docs?.source},description:{story:`The tooltip works out of the box with html elements and DS components as children.
+
+If you need to wrap a custom component with the tooltip, component should forward
+the ref and spread props to the underlying DOM node:
+
+\`\`\`tsx
+const CustomButton = forwardRef<HTMLButtonElement, { children: ReactNode }>(
+    (props, ref) => {
+        return <button {...props} ref={ref} />;
+    },
+);
+
+<Tooltip content="This is a tooltip">
+    <CustomButton>Custom child</CustomButton>
+</Tooltip>
+\`\`\``,...C.parameters?.docs?.description}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    content: 'Tooltip content',
+    children: <IconButton svg={<TokyoUIFav />} assistiveText="Icon button" />,
+    trigger: 'hover',
+    side: 'top'
+  },
+  argTypes: {
+    content: {
+      control: 'text'
+    },
+    children: {
+      control: false
+    },
+    dataset: {
+      control: 'object'
+    }
+  }
+}`,...w.parameters?.docs?.source}}},T=[`Basic`,`LongContent`,`Delay`,`UsingOnMobile`,`CustomChildComponent`,`Playground`]}))();export{y as Basic,C as CustomChildComponent,x as Delay,b as LongContent,w as Playground,S as UsingOnMobile,T as __namedExportsOrder,v as default};

package/dist/assets/{Tooltip.tests.stories-CRehoOBJ.js → Tooltip.tests.stories-BsQ0I33Q.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./IconButton-D218WESp.js";import{n as o,t as s}from"./Tooltip-DGa6B2Md.js";import{n as c,t as l}from"./TokyoUIFav-CdvVuNHN.js";var u,d,f,p,m,h,g,_,v,y,b,x,S;t((()=>{e(n(),1),o(),i(),c(),u=r(),{within:d,userEvent:f,waitFor:p,fireEvent:m,expect:h,waitForElementToBeRemoved:g,fn:_}=__STORYBOOK_MODULE_TEST__,v={title:`Components/Tooltip/Tests`,component:s,parameters:{layout:`centered`,controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:[`!autodocs`,`!a11y-test`,`test`],decorators:[e=>(0,u.jsx)(`div`,{style:{margin:`100px 0`},children:e()})],args:{content:`Tooltip content`,dataset:{testid:`tooltip`},children:(0,u.jsx)(a,{svg:(0,u.jsx)(l,{}),assistiveText:`Favorite`})}},y={args:{onOpenChange:_()},play:async({canvas:e,step:t,args:n})=>{let r=e.getByRole(`button`);await t(`onOpenChange is not called`,async()=>{}),await t(`hover trigger element`,async()=>{h(n.onOpenChange).not.toBeCalled(),await f.hover(r)}),await t(`tooltip should be shown`,async()=>{await p(()=>h(e.getByTestId(`tooltip`)).toBeVisible()),h(n.onOpenChange).toHaveBeenCalledOnce(),h(n.onOpenChange).toBeCalledWith(!0)}),await t(`unhover trigger element`,async()=>{await f.unhover(r),m.pointerMove(document,{clientX:0,clientY:0})}),await t(`tooltip should be hidden`,async()=>{await g(()=>e.queryByTestId(`tooltip`)),h(n.onOpenChange).toHaveBeenCalledTimes(2),h(n.onOpenChange).toBeCalledWith(!1)})}},b={args:{trigger:`hover-and-touch`,onOpenChange:_(console.info)},play:async({canvasElement:e,step:t,args:n})=>{let r=d(e),i=r.getByRole(`button`);await t(`press trigger element`,async()=>{h(n.onOpenChange).not.toBeCalled(),await m.touchStart(i)}),await t(`tooltip should be shown`,async()=>{await p(()=>{h(r.getByTestId(`tooltip`)).toBeVisible()}),h(n.onOpenChange).toBeCalledWith(!0),h(n.onOpenChange).toHaveBeenCalledTimes(1)}),await t(`release trigger element`,async()=>{await m.touchEnd(i)}),await t(`tooltip should be still visible`,async()=>{await p(()=>{h(r.getByTestId(`tooltip`)).toBeInTheDocument(),h(n.onOpenChange).toHaveBeenCalledTimes(1)})}),await t(`touch outside of tooltip`,async()=>{await f.click(document.body)}),await t(`tooltip should be hidden`,async()=>{await g(()=>r.queryByTestId(`tooltip`)),h(n.onOpenChange).toHaveBeenCalledTimes(2),h(n.onOpenChange).toBeCalledWith(!1)})}},x={args:{trigger:`hover-and-touch`,onOpenChange:_(console.info)},play:async({canvasElement:e,step:t,args:n})=>{let r=d(e),i=r.getByRole(`button`);await t(`press trigger element`,async()=>{h(n.onOpenChange).not.toBeCalled(),await m.touchStart(i)}),await t(`tooltip should be shown`,async()=>{await p(()=>{h(r.getByTestId(`tooltip`)).toBeVisible()}),h(n.onOpenChange).toBeCalledWith(!0),h(n.onOpenChange).toHaveBeenCalledOnce()}),await t(`keep the trigger pressed for a long time`,async()=>{await new Promise(e=>setTimeout(e,350))}),await t(`release trigger element`,async()=>{await m.touchEnd(i)}),await t(`tooltip should be hidden`,async()=>{await g(()=>r.queryByTestId(`tooltip`)),h(n.onOpenChange).toHaveBeenCalledTimes(2),h(n.onOpenChange).toBeCalledWith(!1)})}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./IconButton-Qo4r7KAR.js";import{n as o,t as s}from"./Tooltip-DCzQmBi_.js";import{n as c,t as l}from"./TokyoUIFav-B1g1wYYK.js";var u,d,f,p,m,h,g,_,v,y,b,x,S;t((()=>{e(n(),1),o(),i(),c(),u=r(),{within:d,userEvent:f,waitFor:p,fireEvent:m,expect:h,waitForElementToBeRemoved:g,fn:_}=__STORYBOOK_MODULE_TEST__,v={title:`Components/Tooltip/Tests`,component:s,parameters:{layout:`centered`,controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:[`!autodocs`,`!a11y-test`,`test`],decorators:[e=>(0,u.jsx)(`div`,{style:{margin:`100px 0`},children:e()})],args:{content:`Tooltip content`,dataset:{testid:`tooltip`},children:(0,u.jsx)(a,{svg:(0,u.jsx)(l,{}),assistiveText:`Favorite`})}},y={args:{onOpenChange:_()},play:async({canvas:e,step:t,args:n})=>{let r=e.getByRole(`button`);await t(`onOpenChange is not called`,async()=>{}),await t(`hover trigger element`,async()=>{h(n.onOpenChange).not.toBeCalled(),await f.hover(r)}),await t(`tooltip should be shown`,async()=>{await p(()=>h(e.getByTestId(`tooltip`)).toBeVisible()),h(n.onOpenChange).toHaveBeenCalledOnce(),h(n.onOpenChange).toBeCalledWith(!0)}),await t(`unhover trigger element`,async()=>{await f.unhover(r),m.pointerMove(document,{clientX:0,clientY:0})}),await t(`tooltip should be hidden`,async()=>{await g(()=>e.queryByTestId(`tooltip`)),h(n.onOpenChange).toHaveBeenCalledTimes(2),h(n.onOpenChange).toBeCalledWith(!1)})}},b={args:{trigger:`hover-and-touch`,onOpenChange:_(console.info)},play:async({canvasElement:e,step:t,args:n})=>{let r=d(e),i=r.getByRole(`button`);await t(`press trigger element`,async()=>{h(n.onOpenChange).not.toBeCalled(),await m.touchStart(i)}),await t(`tooltip should be shown`,async()=>{await p(()=>{h(r.getByTestId(`tooltip`)).toBeVisible()}),h(n.onOpenChange).toBeCalledWith(!0),h(n.onOpenChange).toHaveBeenCalledTimes(1)}),await t(`release trigger element`,async()=>{await m.touchEnd(i)}),await t(`tooltip should be still visible`,async()=>{await p(()=>{h(r.getByTestId(`tooltip`)).toBeInTheDocument(),h(n.onOpenChange).toHaveBeenCalledTimes(1)})}),await t(`touch outside of tooltip`,async()=>{await f.click(document.body)}),await t(`tooltip should be hidden`,async()=>{await g(()=>r.queryByTestId(`tooltip`)),h(n.onOpenChange).toHaveBeenCalledTimes(2),h(n.onOpenChange).toBeCalledWith(!1)})}},x={args:{trigger:`hover-and-touch`,onOpenChange:_(console.info)},play:async({canvasElement:e,step:t,args:n})=>{let r=d(e),i=r.getByRole(`button`);await t(`press trigger element`,async()=>{h(n.onOpenChange).not.toBeCalled(),await m.touchStart(i)}),await t(`tooltip should be shown`,async()=>{await p(()=>{h(r.getByTestId(`tooltip`)).toBeVisible()}),h(n.onOpenChange).toBeCalledWith(!0),h(n.onOpenChange).toHaveBeenCalledOnce()}),await t(`keep the trigger pressed for a long time`,async()=>{await new Promise(e=>setTimeout(e,350))}),await t(`release trigger element`,async()=>{await m.touchEnd(i)}),await t(`tooltip should be hidden`,async()=>{await g(()=>r.queryByTestId(`tooltip`)),h(n.onOpenChange).toHaveBeenCalledTimes(2),h(n.onOpenChange).toBeCalledWith(!1)})}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   args: {
     onOpenChange: fn()
   },

package/dist/assets/{ai-integration-Cs38H8gd.js → ai-integration-CUld8nBB.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Ddp8AsMq.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,img:`img`,li:`li`,p:`p`,pre:`pre`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/AI Integration`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-kBDSpxRI.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,h2:`h2`,h3:`h3`,img:`img`,li:`li`,p:`p`,pre:`pre`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/AI Integration`}),`
 `,(0,c.jsx)(t.h1,{id:`ai-integration`,children:`AI Integration`}),`
 `,(0,c.jsx)(t.p,{children:`The Design System provides tools that expose Preply Design System knowledge to AI coding assistants — components, documentation, design tokens, and icons. There are two integration options:`}),`
 `,(0,c.jsxs)(t.ul,{children:[`

package/dist/assets/{breakpoints-CvEPhO_a.js → breakpoints-CDLTCEqT.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Ddp8AsMq.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/SCSS/Breakpoints`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-kBDSpxRI.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/SCSS/Breakpoints`}),`
 `,(0,c.jsx)(t.h1,{id:`scss-breakpoints`,children:`SCSS: Breakpoints`}),`
 `,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.strong,{children:`Note:`}),` Storybook renders this page inside of an `,(0,c.jsx)(t.code,{children:`iframe`}),`! The width taken into account by the media query is that of the `,(0,c.jsx)(t.code,{children:`iframe`}),` and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width.`]}),`
 `,(0,c.jsx)(t.hr,{}),`

package/dist/assets/{breakpoints-CdgVhtfb.js → breakpoints-D3C_qtqX.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Ddp8AsMq.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/StyledComponents/Breakpoints`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-kBDSpxRI.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/StyledComponents/Breakpoints`}),`
 `,(0,c.jsx)(t.h1,{id:`styledcomponents-breakpoints`,children:`StyledComponents: Breakpoints`}),`
 `,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.strong,{children:`Note:`}),` Storybook renders this page inside of an `,(0,c.jsx)(t.code,{children:`iframe`}),`! The width taken into account by the media query is that of the `,(0,c.jsx)(t.code,{children:`iframe`}),` and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width.`]}),`
 `,(0,c.jsx)(t.hr,{}),`

package/dist/assets/{breakpoints-QD8InWGt.js → breakpoints-DyVmNUf9.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-Ddp8AsMq.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Less.js/Breakpoints`}),`
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-kBDSpxRI.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-BUTq3l7l.js";function o(e){let t={a:`a`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Less.js/Breakpoints`}),`
 `,(0,c.jsx)(t.h1,{id:`lessjs-breakpoints`,children:`Less.js: Breakpoints`}),`
 `,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.strong,{children:`Note:`}),` Storybook renders this page inside of an `,(0,c.jsx)(t.code,{children:`iframe`}),`! The width taken into account by the media query is that of the `,(0,c.jsx)(t.code,{children:`iframe`}),` and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width.`]}),`
 `,(0,c.jsx)(t.hr,{}),`

package/dist/assets/{changelog-DF2IN9rv.js → changelog-CY7pOlLk.js}

@@ -1,4 +1,30 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{a as n,l as r,o as i}from"./iframe-Ddp8AsMq.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-BUTq3l7l.js";var s,c=e((()=>{s=`# Changelog
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{a as n,l as r,o as i}from"./iframe-kBDSpxRI.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-BUTq3l7l.js";var s,c=e((()=>{s=`# Changelog
+
+## [11.3.0](https://github.com/preply/design-system/compare/v11.2.0...v11.3.0)
+
+### Features
+
+- [Web] Add \`xxs\` size to PreplyLogo component ([a7fcd7bb](https://github.com/preply/design-system/commit/a7fcd7bb))
+
+#### Icons
+
+- Add \`TokyoUIStamp\` icon ([a18ff626](https://github.com/preply/design-system/commit/a18ff626))
+
+#### Illustrations
+
+- Add rocket illustration ([825b6695](https://github.com/preply/design-system/commit/825b6695))
+
+### Fixes
+
+- [Web] Fix Dialog sticky footer border appearing when not needed ([7768a6b6](https://github.com/preply/design-system/commit/7768a6b6))
+- [Web] Fix SelectField focus outline ([1bcf53c9](https://github.com/preply/design-system/commit/1bcf53c9))
+- [Web] Update form field error text color to use primary color token ([bf27d08e](https://github.com/preply/design-system/commit/bf27d08e))
+- Fix Rolldown/Apollo Webpack incompatibility ([efa43f65](https://github.com/preply/design-system/commit/efa43f65))
+
+### Internal
+
+- Remove \`usehooks-ts\` dependency, vendor hooks into utils ([4e5a7253](https://github.com/preply/design-system/commit/4e5a7253))
+- Replace \`dsInternalSimulation\` with \`storybook-addon-pseudo-states\` ([5815d0b3](https://github.com/preply/design-system/commit/5815d0b3))
 
 ## [11.2.0](https://github.com/preply/design-system/compare/v11.1.0...v11.2.0)
 

package/dist/assets/{constants-DZ53IKPx.js → constants-Ce2rgJrk.js}

@@ -1,11 +1,11 @@
-import{n as e}from"./chunk-BneVvdWh.js";import{C as t,Y as n,et as r,t as i,w as a}from"./dist-DtfJeYQK.js";import{i as o,n as s,r as c,t as l}from"./IntlFormattedTime-DykXrEe3.js";import{r as u,t as d}from"./styled-components.browser.esm-48-sXnz9.js";var f,p,m,h,g,_,v,y=e((()=>{u(),i(),a(),f=`#fafafc`,p=d.div`
+import{n as e}from"./chunk-BneVvdWh.js";import{C as t,Y as n,et as r,t as i,w as a}from"./dist-DtfJeYQK.js";import{r as o,t as s}from"./styled-components.browser.esm-BF2I7YPU.js";import{i as c,n as l,r as u,t as d}from"./IntlFormattedTime-BOUEN1XF.js";var f,p,m,h,g,_,v,y=e((()=>{o(),i(),a(),f=`#fafafc`,p=s.div`
     overflow: auto;
     font-size: 14px;
-`,m=d.table`
+`,m=s.table`
     border-collapse: collapse;
     width: 100%;
     font-size: 14px;
-`,h=d.th`
+`,h=s.th`
     padding: ${t(r[8])};
     text-align: center;
     border: 1px solid ${t(n.border.primary)};
@@ -16,7 +16,7 @@ import{n as e}from"./chunk-BneVvdWh.js";import{C as t,Y as n,et as r,t as i,w as
     z-index: 2;
     min-width: 100px;
     font-size: 14px;
-`,g=d.td`
+`,g=s.td`
     padding: ${t(r[8])};
     text-align: center;
     border: 1px solid ${t(n.border.primary)};
@@ -25,13 +25,13 @@ import{n as e}from"./chunk-BneVvdWh.js";import{C as t,Y as n,et as r,t as i,w as
     white-space: nowrap;
     vertical-align: ${e=>e[`data-iscentered`]?`middle`:`top`};
     font-size: 14px;
-`,_=d.td`
+`,_=s.td`
     padding: ${t(r[8])};
     text-align: left;
     border: 1px solid ${t(n.border.primary)};
     background-color: ${t(n.background.infoLight)};
     font-size: 14px;
-`,v=d.td`
+`,v=s.td`
     height: 1px;
     background-color: EVEN_GROUP_COLOR;
-`;try{p.displayName=`TableContainer`,p.__docgenInfo={description:``,displayName:`TableContainer`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{m.displayName=`Table`,m.__docgenInfo={description:``,displayName:`Table`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{h.displayName=`Th`,h.__docgenInfo={description:``,displayName:`Th`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{g.displayName=`Td`,g.__docgenInfo={description:``,displayName:`Td`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{_.displayName=`TdTitle`,_.__docgenInfo={description:``,displayName:`TdTitle`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{v.displayName=`TdDivider`,v.__docgenInfo={description:``,displayName:`TdDivider`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}})),b,x,S,C,w,T=e((()=>{o(),s(),b={en:`en`,de:`de`,es:`es`,fr:`fr`,it:`it`,pl:`pl`,pt:`pt`,ua:`uk`,ru:`ru`,tr:`tr`,ar:`ar`,ko:`ko`,ja:`ja`,zh:`zh`,th:`th`,sv:`sv`,nl:`nl`,ro:`ro`,id:`id`,cs:`cs`,tw:`zh-TW`,hk:`zh-HK`},x=[`en`,`es`,`fr`,`de`,`it`,`ua`,`pl`,`pt`,`tr`,`id`,`zh`,`ja`,`ko`,`ar`,`nl`,`ro`,`ru`,`sv`,`th`,`cs`,`tw`,`hk`],S=[{Formatter:c.DayShort,labels:[`DayShort`,`formatDayShort`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:c.MonthShort,labels:[`MonthShort`,`formatMonthShort`],tags:[`✅ all-usages`]},{Formatter:c.MonthYearShort,labels:[`MonthYearShort`,`formatMonthYearShort`],tags:[`✅ all-usages`]},{Formatter:c.DateShort,labels:[`DateShort`,`formatDateShort`],tags:[`✅ all-usages`]},{Formatter:c.DateYearShort,labels:[`DateYearShort`,`formatDateYearShort`],tags:[`✅ all-usages`]},{Formatter:c.DayDateShort,labels:[`DayDateShort`,`formatDayDateShort`],tags:[`✅ all-usages`]},{Formatter:c.DayDateYearShort,labels:[`DayDateYearShort`,`formatDayDateYearShort`],tags:[`✅ all-usages`]},{Formatter:c.DateRangeShort,extraData:{defaultDurationHours:24},labels:[`DateRangeShort`,`formatDateRangeShort`],tags:[`✅ all-usages`]},{Formatter:c.DateRangeYearShort,extraData:{defaultDurationHours:24},labels:[`DateRangeYearShort`,`formatDateRangeYearShort`],tags:[`✅ all-usages`]},{Formatter:c.RelativeDay,labels:[`RelativeDay`,`formatRelativeDay`],tags:[`✅ all-usages`]},{Formatter:c.RelativeDayDateShort,labels:[`RelativeDayDateShort`,`formatRelativeDayDateShort`],tags:[`✅ all-usages`]},{Formatter:c.DayDateNumberShort,labels:[`DayDateNumberShort`,`formatDayDateNumberShort`],tags:[`✅ not-in-text`,`🚫 in-text`]}],C=[{Formatter:c.DayFull,labels:[`DayFull`,`formatDayFull`],tags:[`✅ all-usages`]},{Formatter:c.MonthFull,labels:[`MonthFull`,`formatMonthFull`],tags:[`✅ all-usages`]},{Formatter:c.MonthYearFull,labels:[`MonthYearFull`,`formatMonthYearFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:c.DateFull,labels:[`DateFull`,`formatDateFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:c.DateYearFull,labels:[`DateYearFull`,`formatDateYearFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:c.DayDateFull,labels:[`DayDateFull`,`formatDayDateFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:c.DayDateYearFull,labels:[`DayDateYearFull`,`formatDayDateYearFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:c.DateRangeFull,labels:[`DateRangeFull`,`formatDateRangeFull`],extraData:{defaultDurationHours:24},tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:c.EveryWeekDayFull,labels:[`EveryWeekDayFull`,`formatEveryWeekDayFull`],tags:[`✅ all-usages`]}],w=[{Formatter:l.Time,labels:[`Time`,`formatTime`],tags:[`✅ all-usages`]},{Formatter:l.TimeRange,labels:[`TimeRange`,`formatTimeRange`],tags:[`✅ all-usages`]}]}));export{w as a,p as c,_ as d,h as f,x as i,g as l,C as n,b as o,y as p,T as r,m as s,S as t,v as u};
+`;try{p.displayName=`TableContainer`,p.__docgenInfo={description:``,displayName:`TableContainer`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{m.displayName=`Table`,m.__docgenInfo={description:``,displayName:`Table`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{h.displayName=`Th`,h.__docgenInfo={description:``,displayName:`Th`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{g.displayName=`Td`,g.__docgenInfo={description:``,displayName:`Td`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{_.displayName=`TdTitle`,_.__docgenInfo={description:``,displayName:`TdTitle`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}try{v.displayName=`TdDivider`,v.__docgenInfo={description:``,displayName:`TdDivider`,props:{theme:{defaultValue:null,description:``,name:`theme`,required:!1,type:{name:`enum`,value:[{value:`DefaultTheme`}]}},as:{defaultValue:null,description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}},forwardedAs:{defaultValue:null,description:``,name:`forwardedAs`,required:!1,type:{name:`enum`,value:[{value:`string`},{value:`void`},{value:`ExoticComponentWithDisplayName<any>`},{value:`ComponentClass<any, any>`},{value:`FunctionComponent<any>`}]}}}}}catch{}})),b,x,S,C,w,T=e((()=>{c(),l(),b={en:`en`,de:`de`,es:`es`,fr:`fr`,it:`it`,pl:`pl`,pt:`pt`,ua:`uk`,ru:`ru`,tr:`tr`,ar:`ar`,ko:`ko`,ja:`ja`,zh:`zh`,th:`th`,sv:`sv`,nl:`nl`,ro:`ro`,id:`id`,cs:`cs`,tw:`zh-TW`,hk:`zh-HK`},x=[`en`,`es`,`fr`,`de`,`it`,`ua`,`pl`,`pt`,`tr`,`id`,`zh`,`ja`,`ko`,`ar`,`nl`,`ro`,`ru`,`sv`,`th`,`cs`,`tw`,`hk`],S=[{Formatter:u.DayShort,labels:[`DayShort`,`formatDayShort`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:u.MonthShort,labels:[`MonthShort`,`formatMonthShort`],tags:[`✅ all-usages`]},{Formatter:u.MonthYearShort,labels:[`MonthYearShort`,`formatMonthYearShort`],tags:[`✅ all-usages`]},{Formatter:u.DateShort,labels:[`DateShort`,`formatDateShort`],tags:[`✅ all-usages`]},{Formatter:u.DateYearShort,labels:[`DateYearShort`,`formatDateYearShort`],tags:[`✅ all-usages`]},{Formatter:u.DayDateShort,labels:[`DayDateShort`,`formatDayDateShort`],tags:[`✅ all-usages`]},{Formatter:u.DayDateYearShort,labels:[`DayDateYearShort`,`formatDayDateYearShort`],tags:[`✅ all-usages`]},{Formatter:u.DateRangeShort,extraData:{defaultDurationHours:24},labels:[`DateRangeShort`,`formatDateRangeShort`],tags:[`✅ all-usages`]},{Formatter:u.DateRangeYearShort,extraData:{defaultDurationHours:24},labels:[`DateRangeYearShort`,`formatDateRangeYearShort`],tags:[`✅ all-usages`]},{Formatter:u.RelativeDay,labels:[`RelativeDay`,`formatRelativeDay`],tags:[`✅ all-usages`]},{Formatter:u.RelativeDayDateShort,labels:[`RelativeDayDateShort`,`formatRelativeDayDateShort`],tags:[`✅ all-usages`]},{Formatter:u.DayDateNumberShort,labels:[`DayDateNumberShort`,`formatDayDateNumberShort`],tags:[`✅ not-in-text`,`🚫 in-text`]}],C=[{Formatter:u.DayFull,labels:[`DayFull`,`formatDayFull`],tags:[`✅ all-usages`]},{Formatter:u.MonthFull,labels:[`MonthFull`,`formatMonthFull`],tags:[`✅ all-usages`]},{Formatter:u.MonthYearFull,labels:[`MonthYearFull`,`formatMonthYearFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:u.DateFull,labels:[`DateFull`,`formatDateFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:u.DateYearFull,labels:[`DateYearFull`,`formatDateYearFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:u.DayDateFull,labels:[`DayDateFull`,`formatDayDateFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:u.DayDateYearFull,labels:[`DayDateYearFull`,`formatDayDateYearFull`],tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:u.DateRangeFull,labels:[`DateRangeFull`,`formatDateRangeFull`],extraData:{defaultDurationHours:24},tags:[`✅ not-in-text`,`🚫 in-text`]},{Formatter:u.EveryWeekDayFull,labels:[`EveryWeekDayFull`,`formatEveryWeekDayFull`],tags:[`✅ all-usages`]}],w=[{Formatter:d.Time,labels:[`Time`,`formatTime`],tags:[`✅ all-usages`]},{Formatter:d.TimeRange,labels:[`TimeRange`,`formatTimeRange`],tags:[`✅ all-usages`]}]}));export{w as a,p as c,_ as d,h as f,x as i,g as l,C as n,b as o,y as p,T as r,m as s,S as t,v as u};

package/dist/assets/{createRequiredContext-rvejDfGq.css → createRequiredContext-Dp6R3H4g.css}

@@ -1 +1 @@
-.list__UY85S{all:unset;gap:var(--813599);flex-wrap:wrap;list-style:none;display:flex}.list__UY85S[data-orientation=vertical]{flex-direction:column;align-items:stretch}.listItem__vsKB0{display:contents}.button__oyd7U{--rest-bgColor:var(--28f3c1);--hover-bgColor:var(--ec17be);--active-bgColor:var(--b0bf50);--border-color:var(--10556e);color:var(--937543);gap:var(--590b8d);background-color:var(--rest-bgColor);border:var(--0b1b71) solid var(--border-color);border-radius:var(--fa4b1a);padding:calc(var(--813599) - var(--0b1b71));cursor:pointer;transition-property:border,background-color,color;transition-duration:var(--970975);transition-timing-function:var(--1f4492);align-items:center;display:flex}.button__oyd7U[aria-selected=true],.button__oyd7U[data-variant=dismissible]{--rest-bgColor:var(--ec17be);--hover-bgColor:var(--b0bf50);--active-bgColor:var(--ec17be);--border-color:var(--ab736c)}.button__oyd7U:disabled{--rest-bgColor:var(--04daeb);--hover-bgColor:var(--04daeb);--active-bgColor:var(--04daeb);--border-color:var(--e05289);color:var(--a8b89c);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.button__oyd7U:hover{background-color:var(--hover-bgColor)}}.button__oyd7U[data-ds-internal-simulation=hover]{background-color:var(--hover-bgColor)}.button__oyd7U:focus-visible,.button__oyd7U[data-ds-internal-simulation=focus]{outline:var(--99d31f) solid var(--603ec6);outline-offset:var(--c0b12c)}.button__oyd7U:active,.button__oyd7U[data-ds-internal-simulation=active]{background-color:var(--active-bgColor)}.button__oyd7U>[data-preply-ds-component=Icon],.button__oyd7U>[data-preply-ds-component=CountryFlag]{margin-block:calc(var(--590b8d) * -1)}.label__-b8dX{padding-inline:var(--590b8d);font-size:var(--570d54);font-weight:var(--54ffae);line-height:var(--6e1c88);text-align:start;flex:1}.counter__ATUei{min-width:var(--9866ee);background-color:var(--097d14);border-radius:var(--aa6dcb);padding:var(--05dd73) 6px;margin-block:calc(var(--05dd73) * -1);margin-inline:var(--66b80b) calc(var(--590b8d) * -1);vertical-align:bottom;font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40);display:inline-block}
+.list__UY85S{all:unset;gap:var(--813599);flex-wrap:wrap;list-style:none;display:flex}.list__UY85S[data-orientation=vertical]{flex-direction:column;align-items:stretch}.listItem__vsKB0{display:contents}.button__oyd7U{--rest-bgColor:var(--28f3c1);--hover-bgColor:var(--ec17be);--active-bgColor:var(--b0bf50);--border-color:var(--10556e);color:var(--937543);gap:var(--590b8d);background-color:var(--rest-bgColor);border:var(--0b1b71) solid var(--border-color);border-radius:var(--fa4b1a);padding:calc(var(--813599) - var(--0b1b71));cursor:pointer;transition-property:border,background-color,color;transition-duration:var(--970975);transition-timing-function:var(--1f4492);align-items:center;display:flex}.button__oyd7U[aria-selected=true],.button__oyd7U[data-variant=dismissible]{--rest-bgColor:var(--ec17be);--hover-bgColor:var(--b0bf50);--active-bgColor:var(--ec17be);--border-color:var(--ab736c)}.button__oyd7U:disabled{--rest-bgColor:var(--04daeb);--hover-bgColor:var(--04daeb);--active-bgColor:var(--04daeb);--border-color:var(--e05289);color:var(--a8b89c);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.button__oyd7U:hover{background-color:var(--hover-bgColor)}}.button__oyd7U:focus-visible{outline:var(--99d31f) solid var(--603ec6);outline-offset:var(--c0b12c)}.button__oyd7U:active{background-color:var(--active-bgColor)}.button__oyd7U>[data-preply-ds-component=Icon],.button__oyd7U>[data-preply-ds-component=CountryFlag]{margin-block:calc(var(--590b8d) * -1)}.label__-b8dX{padding-inline:var(--590b8d);font-size:var(--570d54);font-weight:var(--54ffae);line-height:var(--6e1c88);text-align:start;flex:1}.counter__ATUei{min-width:var(--9866ee);background-color:var(--097d14);border-radius:var(--aa6dcb);padding:var(--05dd73) 6px;margin-block:calc(var(--05dd73) * -1);margin-inline:var(--66b80b) calc(var(--590b8d) * -1);vertical-align:bottom;font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40);display:inline-block}