@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/TextareaField.stories-CiRYJL_j.js

@@ -1,272 +0,0 @@
-import{r as de,j as ue}from"./iframe-B_74HtSc.js";import{T as ie}from"./TextareaField-DUqOyVK5.js";import"./preload-helper-Dp1pzeXC.js";import"./FormControl-Zqf1cIwP.js";import"./index-DIqvfT2b.js";import"./message-DJT5rp5J.js";import"./componentNames-hc9KR2nX.js";import"./InputContainer-Cmdo_xyq.js";const{expect:n,userEvent:w,within:T,fn:o}=__STORYBOOK_MODULE_TEST__,we={title:"components/TextareaField",component:ie,args:{name:"message",label:"Textarea",defaultValue:"",placeholder:"Enter text here",dataset:{testid:"field",foo:"bar"},inputDataset:{testid:"input",foo:"bar"},onChange:o(),onValueChange:o(),onBlur:o(),onFocus:o(),onClick:o(),onCopy:o(),onKeyDown:o(),onKeyUp:o(),onPaste:o()}},i={play:async({canvasElement:a,step:e,args:t})=>{const s=T(a),l=s.getByTestId("field"),r=s.getByTestId("input");await e("it should render correct label",async()=>{const ce=T(l).getByTestId("label");n(ce).toHaveTextContent("Textarea • Optional"),n(r).toHaveAccessibleName("Textarea")}),await e("it should call onFocus when the input is focused",async()=>{r.focus(),n(t.onFocus).toHaveBeenCalled()}),await e("it should call callback when the value changes",async()=>{await w.type(r,"Hello world"),n(t.onValueChange).toHaveBeenCalledWith("Hello world"),n(t.onChange).toHaveBeenCalled()}),await e("it should call onBlur when the input is blurred",async()=>{await w.keyboard("{tab}"),n(t.onBlur).toHaveBeenCalled()}),await e("it should render the dataset props",async()=>{n(l).toHaveAttribute("data-testid","field"),n(l).toHaveAttribute("data-foo","bar"),n(r).toHaveAttribute("data-testid","input"),n(r).toHaveAttribute("data-foo","bar")})}},c={render:function(e){const[t,s]=de.useState(e.value);return ue.jsx(ie,{...e,value:t,onChange:l=>{var r;s(l.target.value),(r=e.onChange)==null||r.call(e,l)}})},args:{label:"Controlled TextareaField",placeholder:"Type your message...",value:"Initial textarea content",defaultValue:void 0},play:async({canvas:a,step:e})=>{await e("it should render the correct initial value",async()=>{const t=a.getByTestId("input");await n(t).toHaveValue("Initial textarea content")}),await e("it should update the value when the user types",async()=>{const t=a.getByTestId("input");await w.clear(t),await w.type(t,"New controlled content"),n(t).toHaveValue("New controlled content")})}},d={args:{defaultValue:"Hey, you!",resize:"both"},play:async({canvas:a,step:e})=>{await e("it should apply the resize style",async()=>{const t=a.getByTestId("input");n(t).toHaveStyle({resize:"both"})})}},u={args:{defaultValue:"Hey, you!",resize:"vertical"},play:async({canvas:a,step:e})=>{await e("it should apply the resize style",async()=>{const t=a.getByTestId("input");n(t).toHaveStyle({resize:"vertical"})})}},p={args:{defaultValue:"Hey, you!",resize:"horizontal"},play:async({canvas:a,step:e})=>{await e("it should apply the resize style",async()=>{const t=a.getByTestId("input");n(t).toHaveStyle({resize:"horizontal"})})}},y={args:{description:"We will get back to you as soon as possible"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),s=a.getByTestId("description");await e("it should render the description",async()=>{n(t).toHaveAccessibleDescription("We will get back to you as soon as possible"),n(s).toHaveTextContent("We will get back to you as soon as possible")})}},h={args:{required:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),s=a.getByTestId("label");await e("it should render correct label",async()=>{n(t).toHaveAccessibleName("Textarea"),n(s).toHaveTextContent("Textarea")}),await e("it should render required attribute",async()=>{n(t).toHaveAttribute("required")})}},b={args:{hideLabel:!0},play:async({canvas:a,step:e})=>{await e("it should render correct a11y label",async()=>{const t=a.getByTestId("input");n(t).toHaveAccessibleName("Textarea")})}},g={args:{error:"This is an error message"},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input"),s=a.getByTestId("error");await e("it should render the error message",async()=>{n(t).toHaveAccessibleErrorMessage("This is an error message"),n(s).toHaveTextContent("This is an error message")})}},v={args:{disabled:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the disabled input",async()=>{n(t).toHaveAttribute("disabled")})}},m={args:{readOnly:!0},play:async({canvas:a,step:e})=>{const t=a.getByTestId("input");await e("it should render the read only input",async()=>{n(t).toHaveAttribute("readonly")})}},x={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}}}};var H,B,I,f,C;i.parameters={...i.parameters,docs:{...(H=i.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  play: async ({
-    canvasElement,
-    step,
-    args
-  }) => {
-    const canvas = within(canvasElement);
-    const field = canvas.getByTestId('field');
-    const input = canvas.getByTestId('input');
-    await step('it should render correct label', async () => {
-      const label = within(field).getByTestId('label');
-      expect(label).toHaveTextContent('Textarea • Optional');
-      expect(input).toHaveAccessibleName('Textarea');
-    });
-    await step('it should call onFocus when the input is focused', async () => {
-      input.focus();
-      expect(args.onFocus).toHaveBeenCalled();
-    });
-    await step('it should call callback when the value changes', async () => {
-      await userEvent.type(input, 'Hello world');
-      expect(args.onValueChange).toHaveBeenCalledWith('Hello world');
-      expect(args.onChange).toHaveBeenCalled();
-    });
-    await step('it should call onBlur when the input is blurred', async () => {
-      await userEvent.keyboard('{tab}');
-      expect(args.onBlur).toHaveBeenCalled();
-    });
-    await step('it should render the dataset props', async () => {
-      expect(field).toHaveAttribute('data-testid', 'field');
-      expect(field).toHaveAttribute('data-foo', 'bar');
-      expect(input).toHaveAttribute('data-testid', 'input');
-      expect(input).toHaveAttribute('data-foo', 'bar');
-    });
-  }
-}`,...(I=(B=i.parameters)==null?void 0:B.docs)==null?void 0:I.source},description:{story:"An empty field with a `label` and a `placeholder`.",...(C=(f=i.parameters)==null?void 0:f.docs)==null?void 0:C.description}}};var z,A,S,V,W;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  render: function ControlledTextareaField(args) {
-    const [value, setValue] = useState(args.value);
-    return <TextareaField {...args} value={value} onChange={e => {
-      setValue(e.target.value);
-      args.onChange?.(e);
-    }} />;
-  },
-  args: {
-    label: 'Controlled TextareaField',
-    placeholder: 'Type your message...',
-    value: 'Initial textarea content',
-    defaultValue: undefined
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('it should render the correct initial value', async () => {
-      const input = canvas.getByTestId('input');
-      await expect(input).toHaveValue('Initial textarea content');
-    });
-    await step('it should update the value when the user types', async () => {
-      const input = canvas.getByTestId('input');
-      await userEvent.clear(input);
-      await userEvent.type(input, 'New controlled content');
-      expect(input).toHaveValue('New controlled content');
-    });
-  }
-}`,...(S=(A=c.parameters)==null?void 0:A.docs)==null?void 0:S.source},description:{story:"A controlled component where the value is managed by React state.",...(W=(V=c.parameters)==null?void 0:V.docs)==null?void 0:W.description}}};var E,k,O;d.parameters={...d.parameters,docs:{...(E=d.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!',
-    resize: 'both'
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('it should apply the resize style', async () => {
-      const textarea = canvas.getByTestId('input');
-      expect(textarea).toHaveStyle({
-        resize: 'both'
-      });
-    });
-  }
-}`,...(O=(k=d.parameters)==null?void 0:k.docs)==null?void 0:O.source}}};var R,q,D;u.parameters={...u.parameters,docs:{...(R=u.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!',
-    resize: 'vertical'
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('it should apply the resize style', async () => {
-      const textarea = canvas.getByTestId('input');
-      expect(textarea).toHaveStyle({
-        resize: 'vertical'
-      });
-    });
-  }
-}`,...(D=(q=u.parameters)==null?void 0:q.docs)==null?void 0:D.source}}};var F,N,L;p.parameters={...p.parameters,docs:{...(F=p.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    defaultValue: 'Hey, you!',
-    resize: 'horizontal'
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('it should apply the resize style', async () => {
-      const textarea = canvas.getByTestId('input');
-      expect(textarea).toHaveStyle({
-        resize: 'horizontal'
-      });
-    });
-  }
-}`,...(L=(N=p.parameters)==null?void 0:N.docs)==null?void 0:L.source}}};var _,j,K;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  args: {
-    description: 'We will get back to you as soon as possible'
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    const input = canvas.getByTestId('input');
-    const description = canvas.getByTestId('description');
-    await step('it should render the description', async () => {
-      expect(input).toHaveAccessibleDescription('We will get back to you as soon as possible');
-      expect(description).toHaveTextContent('We will get back to you as soon as possible');
-    });
-  }
-}`,...(K=(j=y.parameters)==null?void 0:j.docs)==null?void 0:K.source}}};var M,P,Y;h.parameters={...h.parameters,docs:{...(M=h.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    required: true
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    const input = canvas.getByTestId('input');
-    const label = canvas.getByTestId('label');
-    await step('it should render correct label', async () => {
-      expect(input).toHaveAccessibleName('Textarea');
-      expect(label).toHaveTextContent('Textarea');
-    });
-    await step('it should render required attribute', async () => {
-      expect(input).toHaveAttribute('required');
-    });
-  }
-}`,...(Y=(P=h.parameters)==null?void 0:P.docs)==null?void 0:Y.source}}};var U,G,J;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    hideLabel: true
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('it should render correct a11y label', async () => {
-      const input = canvas.getByTestId('input');
-      expect(input).toHaveAccessibleName('Textarea');
-    });
-  }
-}`,...(J=(G=b.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var Q,X,Z;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  args: {
-    error: 'This is an error message'
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    const input = canvas.getByTestId('input');
-    const error = canvas.getByTestId('error');
-    await step('it should render the error message', async () => {
-      expect(input).toHaveAccessibleErrorMessage('This is an error message');
-      expect(error).toHaveTextContent('This is an error message');
-    });
-  }
-}`,...(Z=(X=g.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;v.parameters={...v.parameters,docs:{...($=v.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    disabled: true
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    const input = canvas.getByTestId('input');
-    await step('it should render the disabled input', async () => {
-      expect(input).toHaveAttribute('disabled');
-    });
-  }
-}`,...(te=(ee=v.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,ne,se;m.parameters={...m.parameters,docs:{...(ae=m.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    readOnly: true
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    const input = canvas.getByTestId('input');
-    await step('it should render the read only input', async () => {
-      expect(input).toHaveAttribute('readonly');
-    });
-  }
-}`,...(se=(ne=m.parameters)==null?void 0:ne.docs)==null?void 0:se.source}}};var oe,re,le;x.parameters={...x.parameters,docs:{...(oe=x.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  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'
-    },
-    // Disable deprecated props
-    hasError: {
-      table: {
-        disable: true
-      }
-    }
-  }
-}`,...(le=(re=x.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};const Te=["Basic","Controlled","WithResize","WithVerticalResize","WithHorizontalResize","WithDescription","Required","WithHiddenLabel","HasError","Disabled","ReadOnly","Playground"];export{i as Basic,c as Controlled,v as Disabled,g as HasError,x as Playground,m as ReadOnly,h as Required,y as WithDescription,b as WithHiddenLabel,p as WithHorizontalResize,d as WithResize,u as WithVerticalResize,Te as __namedExportsOrder,we as default};

package/dist/assets/Toast-PKFBYWQw.css

@@ -1 +0,0 @@
-.toast__rrrPf{width:var(--width);color:var(--c2b191);background-color:var(--a469f2);border-radius:var(--fa4b1a);padding:var(--558c4c) var(--813599);display:grid;grid-template-columns:max-content auto max-content;place-items:start;gap:var(--66b80b);row-gap:var(--590b8d)}.toast__rrrPf>[data-content]{display:contents}.toast__rrrPf>[data-content]>[data-title]{display:contents}.toast__rrrPf:has(.title__-TzC1:first-child){grid-template-columns:auto auto max-content}.toast__rrrPf.critical__hLeFT{background-color:var(--87fcf8)}.toast__rrrPf .title__-TzC1{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast__rrrPf .actionButton__AZgQr{all:unset;cursor:pointer;font-size:var(--303203);font-weight:var(--42bbea);line-height:var(--e6cb11);text-decoration:var(--223210);grid-row:1;grid-column:3}@media (min-width: 700px){.toast__rrrPf .actionButton__AZgQr{grid-row:2;grid-column:2}}@media (min-width: 700px){.toast__rrrPf:has(.title__-TzC1:first-child) .actionButton__AZgQr{grid-column:1}}.toast__rrrPf .closeButton__vFfaI{all:unset;cursor:pointer;grid-row:1;grid-column:3}.toast__rrrPf:has(.actionButton__AZgQr) .closeButton__vFfaI{display:none}@media (min-width: 700px){.toast__rrrPf:has(.actionButton__AZgQr) .closeButton__vFfaI{display:block}}

package/dist/assets/Toast.stories-S5qFLRPf.js

@@ -1,185 +0,0 @@
-import{R as s,n as Qe,r as F,j as O,g as Ge}from"./iframe-B_74HtSc.js";import{F as Je}from"./TokyoUIInfo-BSNbI4Gr.js";import{I as Ft}from"./Icon-CC0yjdx9.js";import{u as ta}from"./index-DIqvfT2b.js";import{g as ea}from"./shared-strings-ThL9KyH0.js";import{w as aa}from"./componentNames-hc9KR2nX.js";import{u as sa}from"./useStableCallback-D5P5kDx5.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-BQ9POoE5.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-MT6RlyNs.js";function oa(o){if(typeof document>"u")return;let a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",a.appendChild(e),e.styleSheet?e.styleSheet.cssText=o:e.appendChild(document.createTextNode(o))}const na=o=>{switch(o){case"success":return la;case"info":return da;case"warning":return ca;case"error":return ua;default:return null}},ra=Array(12).fill(0),ia=({visible:o,className:a})=>s.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":o},s.createElement("div",{className:"sonner-spinner"},ra.map((e,n)=>s.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${n}`})))),la=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.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"})),ca=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},s.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"})),da=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.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"})),ua=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.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"})),ma=s.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"},s.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),fa=()=>{const[o,a]=s.useState(document.hidden);return s.useEffect(()=>{const e=()=>{a(document.hidden)};return document.addEventListener("visibilitychange",e),()=>window.removeEventListener("visibilitychange",e)},[]),o};let $t=1;class pa{constructor(){this.subscribe=a=>(this.subscribers.push(a),()=>{const e=this.subscribers.indexOf(a);this.subscribers.splice(e,1)}),this.publish=a=>{this.subscribers.forEach(e=>e(a))},this.addToast=a=>{this.publish(a),this.toasts=[...this.toasts,a]},this.create=a=>{var e;const{message:n,...S}=a,c=typeof(a==null?void 0:a.id)=="number"||((e=a.id)==null?void 0:e.length)>0?a.id:$t++,p=this.toasts.find(g=>g.id===c),I=a.dismissible===void 0?!0:a.dismissible;return this.dismissedToasts.has(c)&&this.dismissedToasts.delete(c),p?this.toasts=this.toasts.map(g=>g.id===c?(this.publish({...g,...a,id:c,title:n}),{...g,...a,id:c,dismissible:I,title:n}):g):this.addToast({title:n,...S,dismissible:I,id:c}),c},this.dismiss=a=>(a?(this.dismissedToasts.add(a),requestAnimationFrame(()=>this.subscribers.forEach(e=>e({id:a,dismiss:!0})))):this.toasts.forEach(e=>{this.subscribers.forEach(n=>n({id:e.id,dismiss:!0}))}),a),this.message=(a,e)=>this.create({...e,message:a}),this.error=(a,e)=>this.create({...e,message:a,type:"error"}),this.success=(a,e)=>this.create({...e,type:"success",message:a}),this.info=(a,e)=>this.create({...e,type:"info",message:a}),this.warning=(a,e)=>this.create({...e,type:"warning",message:a}),this.loading=(a,e)=>this.create({...e,type:"loading",message:a}),this.promise=(a,e)=>{if(!e)return;let n;e.loading!==void 0&&(n=this.create({...e,promise:a,type:"loading",message:e.loading,description:typeof e.description!="function"?e.description:void 0}));const S=Promise.resolve(a instanceof Function?a():a);let c=n!==void 0,p;const I=S.then(async i=>{if(p=["resolve",i],s.isValidElement(i))c=!1,this.create({id:n,type:"default",message:i});else if(ga(i)&&!i.ok){c=!1;const t=typeof e.error=="function"?await e.error(`HTTP error! status: ${i.status}`):e.error,x=typeof e.description=="function"?await e.description(`HTTP error! status: ${i.status}`):e.description,E=typeof t=="object"&&!s.isValidElement(t)?t:{message:t};this.create({id:n,type:"error",description:x,...E})}else if(i instanceof Error){c=!1;const t=typeof e.error=="function"?await e.error(i):e.error,x=typeof e.description=="function"?await e.description(i):e.description,E=typeof t=="object"&&!s.isValidElement(t)?t:{message:t};this.create({id:n,type:"error",description:x,...E})}else if(e.success!==void 0){c=!1;const t=typeof e.success=="function"?await e.success(i):e.success,x=typeof e.description=="function"?await e.description(i):e.description,E=typeof t=="object"&&!s.isValidElement(t)?t:{message:t};this.create({id:n,type:"success",description:x,...E})}}).catch(async i=>{if(p=["reject",i],e.error!==void 0){c=!1;const k=typeof e.error=="function"?await e.error(i):e.error,t=typeof e.description=="function"?await e.description(i):e.description,H=typeof k=="object"&&!s.isValidElement(k)?k:{message:k};this.create({id:n,type:"error",description:t,...H})}}).finally(()=>{c&&(this.dismiss(n),n=void 0),e.finally==null||e.finally.call(e)}),g=()=>new Promise((i,k)=>I.then(()=>p[0]==="reject"?k(p[1]):i(p[1])).catch(k));return typeof n!="string"&&typeof n!="number"?{unwrap:g}:Object.assign(n,{unwrap:g})},this.custom=(a,e)=>{const n=(e==null?void 0:e.id)||$t++;return this.create({jsx:a(n),id:n,...e}),n},this.getActiveToasts=()=>this.toasts.filter(a=>!this.dismissedToasts.has(a.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const _=new pa,ha=(o,a)=>{const e=(a==null?void 0:a.id)||$t++;return _.addToast({title:o,...a,id:e}),e},ga=o=>o&&typeof o=="object"&&"ok"in o&&typeof o.ok=="boolean"&&"status"in o&&typeof o.status=="number",ya=ha,va=()=>_.toasts,ba=()=>_.getActiveToasts(),zt=Object.assign(ya,{success:_.success,info:_.info,warning:_.warning,error:_.error,custom:_.custom,message:_.message,promise:_.promise,dismiss:_.dismiss,loading:_.loading},{getHistory:va,getToasts:ba});oa("[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%)}");function yt(o){return o.label!==void 0}const wa=3,Ta="24px",xa="16px",te=4e3,Ea=356,Ia=14,ka=45,_a=200;function j(...o){return o.filter(Boolean).join(" ")}function Sa(o){const[a,e]=o.split("-"),n=[];return a&&n.push(a),e&&n.push(e),n}const Ba=o=>{var a,e,n,S,c,p,I,g,i;const{invert:k,toast:t,unstyled:x,interacting:H,setHeights:E,visibleToasts:At,heights:K,index:d,toasts:it,expanded:Z,removeToast:lt,defaultRichColors:Mt,closeButton:P,style:st,cancelButtonStyle:V,actionButtonStyle:Ot,className:ct="",descriptionClassName:Lt="",duration:ot,position:L,gap:dt,expandByDefault:nt,classNames:u,icons:b,closeButtonAriaLabel:$="Close toast"}=o,[U,D]=s.useState(null),[W,ut]=s.useState(null),[l,h]=s.useState(!1),[f,C]=s.useState(!1),[q,m]=s.useState(!1),[Q,mt]=s.useState(!1),[ft,G]=s.useState(!1),[Pe,jt]=s.useState(0),[ze,Ut]=s.useState(0),rt=s.useRef(t.duration||ot||te),Wt=s.useRef(null),z=s.useRef(null),Fe=d===0,$e=d+1<=At,B=t.type,J=t.dismissible!==!1,Ye=t.className||"",Ve=t.descriptionClassName||"",pt=s.useMemo(()=>K.findIndex(r=>r.toastId===t.id)||0,[K,t.id]),Ue=s.useMemo(()=>{var r;return(r=t.closeButton)!=null?r:P},[t.closeButton,P]),Xt=s.useMemo(()=>t.duration||ot||te,[t.duration,ot]),Ht=s.useRef(0),tt=s.useRef(0),Kt=s.useRef(0),et=s.useRef(null),[We,Xe]=L.split("-"),Zt=s.useMemo(()=>K.reduce((r,y,T)=>T>=pt?r:r+y.height,0),[K,pt]),qt=fa(),Ke=t.invert||k,Pt=B==="loading";tt.current=s.useMemo(()=>pt*dt+Zt,[pt,Zt]),s.useEffect(()=>{rt.current=Xt},[Xt]),s.useEffect(()=>{h(!0)},[]),s.useEffect(()=>{const r=z.current;if(r){const y=r.getBoundingClientRect().height;return Ut(y),E(T=>[{toastId:t.id,height:y,position:t.position},...T]),()=>E(T=>T.filter(N=>N.toastId!==t.id))}},[E,t.id]),s.useLayoutEffect(()=>{if(!l)return;const r=z.current,y=r.style.height;r.style.height="auto";const T=r.getBoundingClientRect().height;r.style.height=y,Ut(T),E(N=>N.find(w=>w.toastId===t.id)?N.map(w=>w.toastId===t.id?{...w,height:T}:w):[{toastId:t.id,height:T,position:t.position},...N])},[l,t.title,t.description,E,t.id,t.jsx,t.action,t.cancel]);const Y=s.useCallback(()=>{C(!0),jt(tt.current),E(r=>r.filter(y=>y.toastId!==t.id)),setTimeout(()=>{lt(t)},_a)},[t,lt,E,tt]);s.useEffect(()=>{if(t.promise&&B==="loading"||t.duration===1/0||t.type==="loading")return;let r;return Z||H||qt?(()=>{if(Kt.current<Ht.current){const N=new Date().getTime()-Ht.current;rt.current=rt.current-N}Kt.current=new Date().getTime()})():(()=>{rt.current!==1/0&&(Ht.current=new Date().getTime(),r=setTimeout(()=>{t.onAutoClose==null||t.onAutoClose.call(t,t),Y()},rt.current))})(),()=>clearTimeout(r)},[Z,H,t,B,qt,Y]),s.useEffect(()=>{t.delete&&(Y(),t.onDismiss==null||t.onDismiss.call(t,t))},[Y,t.delete]);function Ze(){var r;if(b!=null&&b.loading){var y;return s.createElement("div",{className:j(u==null?void 0:u.loader,t==null||(y=t.classNames)==null?void 0:y.loader,"sonner-loader"),"data-visible":B==="loading"},b.loading)}return s.createElement(ia,{className:j(u==null?void 0:u.loader,t==null||(r=t.classNames)==null?void 0:r.loader),visible:B==="loading"})}const qe=t.icon||(b==null?void 0:b[B])||na(B);var Qt,Gt;return s.createElement("li",{tabIndex:0,ref:z,className:j(ct,Ye,u==null?void 0:u.toast,t==null||(a=t.classNames)==null?void 0:a.toast,u==null?void 0:u.default,u==null?void 0:u[B],t==null||(e=t.classNames)==null?void 0:e[B]),"data-sonner-toast":"","data-rich-colors":(Qt=t.richColors)!=null?Qt:Mt,"data-styled":!(t.jsx||t.unstyled||x),"data-mounted":l,"data-promise":!!t.promise,"data-swiped":ft,"data-removed":f,"data-visible":$e,"data-y-position":We,"data-x-position":Xe,"data-index":d,"data-front":Fe,"data-swiping":q,"data-dismissible":J,"data-type":B,"data-invert":Ke,"data-swipe-out":Q,"data-swipe-direction":W,"data-expanded":!!(Z||nt&&l),"data-testid":t.testId,style:{"--index":d,"--toasts-before":d,"--z-index":it.length-d,"--offset":`${f?Pe:tt.current}px`,"--initial-height":nt?"auto":`${ze}px`,...st,...t.style},onDragEnd:()=>{m(!1),D(null),et.current=null},onPointerDown:r=>{r.button!==2&&(Pt||!J||(Wt.current=new Date,jt(tt.current),r.target.setPointerCapture(r.pointerId),r.target.tagName!=="BUTTON"&&(m(!0),et.current={x:r.clientX,y:r.clientY})))},onPointerUp:()=>{var r,y,T;if(Q||!J)return;et.current=null;const N=Number(((r=z.current)==null?void 0:r.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),ht=Number(((y=z.current)==null?void 0:y.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),w=new Date().getTime()-((T=Wt.current)==null?void 0:T.getTime()),R=U==="x"?N:ht,gt=Math.abs(R)/w;if(Math.abs(R)>=ka||gt>.11){jt(tt.current),t.onDismiss==null||t.onDismiss.call(t,t),ut(U==="x"?N>0?"right":"left":ht>0?"down":"up"),Y(),mt(!0);return}else{var A,M;(A=z.current)==null||A.style.setProperty("--swipe-amount-x","0px"),(M=z.current)==null||M.style.setProperty("--swipe-amount-y","0px")}G(!1),m(!1),D(null)},onPointerMove:r=>{var y,T,N;if(!et.current||!J||((y=window.getSelection())==null?void 0:y.toString().length)>0)return;const w=r.clientY-et.current.y,R=r.clientX-et.current.x;var gt;const A=(gt=o.swipeDirections)!=null?gt:Sa(L);!U&&(Math.abs(R)>1||Math.abs(w)>1)&&D(Math.abs(R)>Math.abs(w)?"x":"y");let M={x:0,y:0};const Jt=X=>1/(1.5+Math.abs(X)/20);if(U==="y"){if(A.includes("top")||A.includes("bottom"))if(A.includes("top")&&w<0||A.includes("bottom")&&w>0)M.y=w;else{const X=w*Jt(w);M.y=Math.abs(X)<Math.abs(w)?X:w}}else if(U==="x"&&(A.includes("left")||A.includes("right")))if(A.includes("left")&&R<0||A.includes("right")&&R>0)M.x=R;else{const X=R*Jt(R);M.x=Math.abs(X)<Math.abs(R)?X:R}(Math.abs(M.x)>0||Math.abs(M.y)>0)&&G(!0),(T=z.current)==null||T.style.setProperty("--swipe-amount-x",`${M.x}px`),(N=z.current)==null||N.style.setProperty("--swipe-amount-y",`${M.y}px`)}},Ue&&!t.jsx&&B!=="loading"?s.createElement("button",{"aria-label":$,"data-disabled":Pt,"data-close-button":!0,onClick:Pt||!J?()=>{}:()=>{Y(),t.onDismiss==null||t.onDismiss.call(t,t)},className:j(u==null?void 0:u.closeButton,t==null||(n=t.classNames)==null?void 0:n.closeButton)},(Gt=b==null?void 0:b.close)!=null?Gt:ma):null,(B||t.icon||t.promise)&&t.icon!==null&&((b==null?void 0:b[B])!==null||t.icon)?s.createElement("div",{"data-icon":"",className:j(u==null?void 0:u.icon,t==null||(S=t.classNames)==null?void 0:S.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Ze():null,t.type!=="loading"?qe:null):null,s.createElement("div",{"data-content":"",className:j(u==null?void 0:u.content,t==null||(c=t.classNames)==null?void 0:c.content)},s.createElement("div",{"data-title":"",className:j(u==null?void 0:u.title,t==null||(p=t.classNames)==null?void 0:p.title)},t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title),t.description?s.createElement("div",{"data-description":"",className:j(Lt,Ve,u==null?void 0:u.description,t==null||(I=t.classNames)==null?void 0:I.description)},typeof t.description=="function"?t.description():t.description):null),s.isValidElement(t.cancel)?t.cancel:t.cancel&&yt(t.cancel)?s.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||V,onClick:r=>{yt(t.cancel)&&J&&(t.cancel.onClick==null||t.cancel.onClick.call(t.cancel,r),Y())},className:j(u==null?void 0:u.cancelButton,t==null||(g=t.classNames)==null?void 0:g.cancelButton)},t.cancel.label):null,s.isValidElement(t.action)?t.action:t.action&&yt(t.action)?s.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||Ot,onClick:r=>{yt(t.action)&&(t.action.onClick==null||t.action.onClick.call(t.action,r),!r.defaultPrevented&&Y())},className:j(u==null?void 0:u.actionButton,t==null||(i=t.classNames)==null?void 0:i.actionButton)},t.action.label):null)};function ee(){if(typeof window>"u"||typeof document>"u")return"ltr";const o=document.documentElement.getAttribute("dir");return o==="auto"||!o?window.getComputedStyle(document.documentElement).direction:o}function Na(o,a){const e={};return[o,a].forEach((n,S)=>{const c=S===1,p=c?"--mobile-offset":"--offset",I=c?xa:Ta;function g(i){["top","right","bottom","left"].forEach(k=>{e[`${p}-${k}`]=typeof i=="number"?`${i}px`:i})}typeof n=="number"||typeof n=="string"?g(n):typeof n=="object"?["top","right","bottom","left"].forEach(i=>{n[i]===void 0?e[`${p}-${i}`]=I:e[`${p}-${i}`]=typeof n[i]=="number"?`${n[i]}px`:n[i]}):g(I)}),e}const Ca=s.forwardRef(function(a,e){const{id:n,invert:S,position:c="bottom-right",hotkey:p=["altKey","KeyT"],expand:I,closeButton:g,className:i,offset:k,mobileOffset:t,theme:x="light",richColors:H,duration:E,style:At,visibleToasts:K=wa,toastOptions:d,dir:it=ee(),gap:Z=Ia,icons:lt,containerAriaLabel:Mt="Notifications"}=a,[P,st]=s.useState([]),V=s.useMemo(()=>n?P.filter(l=>l.toasterId===n):P.filter(l=>!l.toasterId),[P,n]),Ot=s.useMemo(()=>Array.from(new Set([c].concat(V.filter(l=>l.position).map(l=>l.position)))),[V,c]),[ct,Lt]=s.useState([]),[ot,L]=s.useState(!1),[dt,nt]=s.useState(!1),[u,b]=s.useState(x!=="system"?x:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),$=s.useRef(null),U=p.join("+").replace(/Key/g,"").replace(/Digit/g,""),D=s.useRef(null),W=s.useRef(!1),ut=s.useCallback(l=>{st(h=>{var f;return(f=h.find(C=>C.id===l.id))!=null&&f.delete||_.dismiss(l.id),h.filter(({id:C})=>C!==l.id)})},[]);return s.useEffect(()=>_.subscribe(l=>{if(l.dismiss){requestAnimationFrame(()=>{st(h=>h.map(f=>f.id===l.id?{...f,delete:!0}:f))});return}setTimeout(()=>{Qe.flushSync(()=>{st(h=>{const f=h.findIndex(C=>C.id===l.id);return f!==-1?[...h.slice(0,f),{...h[f],...l},...h.slice(f+1)]:[l,...h]})})})}),[P]),s.useEffect(()=>{if(x!=="system"){b(x);return}if(x==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?b("dark"):b("light")),typeof window>"u")return;const l=window.matchMedia("(prefers-color-scheme: dark)");try{l.addEventListener("change",({matches:h})=>{b(h?"dark":"light")})}catch{l.addListener(({matches:f})=>{try{b(f?"dark":"light")}catch(C){console.error(C)}})}},[x]),s.useEffect(()=>{P.length<=1&&L(!1)},[P]),s.useEffect(()=>{const l=h=>{var f;if(p.every(m=>h[m]||h.code===m)){var q;L(!0),(q=$.current)==null||q.focus()}h.code==="Escape"&&(document.activeElement===$.current||(f=$.current)!=null&&f.contains(document.activeElement))&&L(!1)};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[p]),s.useEffect(()=>{if($.current)return()=>{D.current&&(D.current.focus({preventScroll:!0}),D.current=null,W.current=!1)}},[$.current]),s.createElement("section",{ref:e,"aria-label":`${Mt} ${U}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},Ot.map((l,h)=>{var f;const[C,q]=l.split("-");return V.length?s.createElement("ol",{key:l,dir:it==="auto"?ee():it,tabIndex:-1,ref:$,className:i,"data-sonner-toaster":!0,"data-sonner-theme":u,"data-y-position":C,"data-x-position":q,style:{"--front-toast-height":`${((f=ct[0])==null?void 0:f.height)||0}px`,"--width":`${Ea}px`,"--gap":`${Z}px`,...At,...Na(k,t)},onBlur:m=>{W.current&&!m.currentTarget.contains(m.relatedTarget)&&(W.current=!1,D.current&&(D.current.focus({preventScroll:!0}),D.current=null))},onFocus:m=>{m.target instanceof HTMLElement&&m.target.dataset.dismissible==="false"||W.current||(W.current=!0,D.current=m.relatedTarget)},onMouseEnter:()=>L(!0),onMouseMove:()=>L(!0),onMouseLeave:()=>{dt||L(!1)},onDragEnd:()=>L(!1),onPointerDown:m=>{m.target instanceof HTMLElement&&m.target.dataset.dismissible==="false"||nt(!0)},onPointerUp:()=>nt(!1)},V.filter(m=>!m.position&&h===0||m.position===l).map((m,Q)=>{var mt,ft;return s.createElement(Ba,{key:m.id,icons:lt,index:Q,toast:m,defaultRichColors:H,duration:(mt=d==null?void 0:d.duration)!=null?mt:E,className:d==null?void 0:d.className,descriptionClassName:d==null?void 0:d.descriptionClassName,invert:S,visibleToasts:K,closeButton:(ft=d==null?void 0:d.closeButton)!=null?ft:g,interacting:dt,position:l,style:d==null?void 0:d.style,unstyled:d==null?void 0:d.unstyled,classNames:d==null?void 0:d.classNames,cancelButtonStyle:d==null?void 0:d.cancelButtonStyle,actionButtonStyle:d==null?void 0:d.actionButtonStyle,closeButtonAriaLabel:d==null?void 0:d.closeButtonAriaLabel,removeToast:ut,toasts:V.filter(G=>G.position==m.position),heights:ct.filter(G=>G.position==m.position),setHeights:Lt,expandByDefault:I,gap:Z,expanded:ot,swipeDirections:a.swipeDirections})})):null}))}),Ra="toast__rrrPf",Da="title__-TzC1",Aa="critical__hLeFT",Ma="actionButton__AZgQr",Oa="closeButton__vFfaI",at={toast:Ra,title:Da,critical:Aa,actionButton:Ma,closeButton:Oa},La=({title:o,titleId:a,...e},n)=>F.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:n,"aria-labelledby":a,...e},o?F.createElement("title",{id:a},o):null,F.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"})),ja=F.forwardRef(La),Ha=({title:o,titleId:a,...e},n)=>F.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:n,"aria-labelledby":a,...e},o?F.createElement("title",{id:a},o):null,F.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"})),Pa=F.forwardRef(Ha),Ct=({duration:o=5e3})=>O.jsx(Ca,{position:"top-right",duration:o,visibleToasts:3}),Yt=Ct.bind(null,{duration:5e3}),za=({onClick:o})=>{const{formatMessage:a}=ta();return O.jsx("button",{onClick:o,className:at.closeButton,"aria-label":a(ea.close),children:O.jsx(Ft,{svg:ja})})};function v(o,a){const{variant:e="info",leadingSvgIcon:n,actionLabel:S,actionOnClick:c,actionHref:p,dataset:I}=a??{},g=p?"a":"button";return zt.custom(i=>O.jsxs("div",{style:{display:"contents"},...Ge(I,{preplyDsComponent:aa.Toast}),children:[e==="critical"?O.jsx(Ft,{svg:Pa}):n&&O.jsx(Ft,{svg:n}),O.jsx("span",{className:at.title,children:o}),O.jsx(za,{onClick:()=>zt.dismiss(i)}),S&&O.jsx(g,{className:at.actionButton,onClick:()=>{zt.dismiss(i),c==null||c()},href:p,children:S})]}),{classNames:{toast:e==="critical"?`${at.toast} ${at.critical}`:at.toast}})}try{v.displayName="showToast",v.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:"showToast",props:{}}}catch{}try{Ct.displayName="InternalToastProvider",Ct.__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{Yt.displayName="ToastProvider",Yt.__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{}const{userEvent:He,waitForElementToBeRemoved:Vt,expect:Rt}=__STORYBOOK_MODULE_TEST__,{action:Dt}=__STORYBOOK_MODULE_ACTIONS__,Fa=({duration:o,showToasts:a})=>{const e=sa(a);return F.useEffect(()=>{e()},[e]),O.jsx(Ct,{duration:o})},ts={title:"Components/Toast",component:Yt,render:o=>O.jsx(Fa,{...o}),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}}}},vt={args:{duration:1/0,showToasts:()=>{v("This is a toast")}}},bt={tags:["!autodocs"],args:{duration:500,showToasts:()=>{v("This is a toast",{dataset:{testid:"toast"}})}},play:async({step:o,canvas:a})=>{await o("wait for toast",async()=>{const e=await a.findByTestId("toast");await Rt(e).toBeInTheDocument()}),await o("check toast is dismissed automatically",()=>{const e=a.getByTestId("toast");return Vt(e)})}},wt={tags:["!autodocs"],args:{duration:1/0,showToasts:()=>{v("This is a toast",{dataset:{testid:"toast"}})}},play:async({step:o,canvas:a})=>{await o("wait for toast",async()=>{const e=await a.findByTestId("toast");await Rt(e).toBeInTheDocument()}),await o("check toast is dismissed on close button click",async()=>{const e=a.getByTestId("toast");return a.getByRole("button").click(),Vt(e)})}},Tt={args:{duration:1/0,showToasts:()=>{v("This is a toast",{actionLabel:"Action",actionOnClick:Dt("actionOnClick")})}}},xt={tags:["!autodocs"],args:{duration:1/0,showToasts:()=>{v("This is a toast",{actionLabel:"Action",actionOnClick:Dt("actionOnClick"),dataset:{testid:"toast"}})}},play:async({canvas:o,step:a})=>{await a("wait for toast",async()=>{const e=await o.findByTestId("toast");await Rt(e).toBeInTheDocument()}),await a("check toast is dismissed on action button click",async()=>{const e=o.getByTestId("toast"),n=o.getByText("Action");return await He.click(n),Vt(e)})}},Et={args:{duration:1/0,showToasts:()=>{v("This is a toast",{actionLabel:"Action",actionOnClick:Dt("actionOnClick"),actionHref:"#"})}}},It={args:{duration:1/0,showToasts:()=>{v("This is a toast",{leadingSvgIcon:Je})}}},kt={args:{duration:1/0,showToasts:()=>{v("This is a critical toast",{variant:"critical"})}}},_t={args:{duration:1/0,showToasts:()=>{v("This is a critical toast",{variant:"critical",actionLabel:"Action",actionOnClick:Dt("actionOnClick")})}}},St={args:{duration:1/0,showToasts:()=>{v("This is toast 1"),v("This is toast 2"),v("This is toast 3")}}},Bt={args:{duration:1/0,showToasts:()=>{v("This is toast 1"),v("This is toast 2"),v("This is toast 3",{dataset:{testid:"toast3"}})}},play:async({canvas:o,canvasElement:a,step:e})=>{await e("wait for toast 3",async()=>{const n=await o.findByTestId("toast3");await Rt(n).toBeInTheDocument()}),await e("Use global toast area shortcut",async()=>{a.focus(),await He.keyboard("{Alt>}T")})}},Nt={args:{duration:1/0,showToasts:()=>{v("What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong")}}};var ae,se,oe;vt.parameters={...vt.parameters,docs:{...(ae=vt.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a toast');
-    }
-  }
-}`,...(oe=(se=vt.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var ne,re,ie;bt.parameters={...bt.parameters,docs:{...(ne=bt.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    duration: 500,
-    showToasts: () => {
-      showToast('This is a toast', {
-        dataset: {
-          testid: 'toast'
-        }
-      });
-    }
-  },
-  play: async ({
-    step,
-    canvas
-  }) => {
-    await step('wait for toast', async () => {
-      const toast = await canvas.findByTestId('toast');
-      await expect(toast).toBeInTheDocument();
-    });
-    await step('check toast is dismissed automatically', () => {
-      const toast = canvas.getByTestId('toast');
-      return waitForElementToBeRemoved(toast);
-    });
-  }
-}`,...(ie=(re=bt.parameters)==null?void 0:re.docs)==null?void 0:ie.source}}};var le,ce,de;wt.parameters={...wt.parameters,docs:{...(le=wt.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a toast', {
-        dataset: {
-          testid: 'toast'
-        }
-      });
-    }
-  },
-  play: async ({
-    step,
-    canvas
-  }) => {
-    await step('wait for toast', async () => {
-      const toast = await canvas.findByTestId('toast');
-      await expect(toast).toBeInTheDocument();
-    });
-    await step('check toast is dismissed on close button click', async () => {
-      const toast = canvas.getByTestId('toast');
-      const close = canvas.getByRole('button');
-      close.click();
-      return waitForElementToBeRemoved(toast);
-    });
-  }
-}`,...(de=(ce=wt.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var ue,me,fe;Tt.parameters={...Tt.parameters,docs:{...(ue=Tt.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a toast', {
-        actionLabel: 'Action',
-        actionOnClick: action('actionOnClick')
-      });
-    }
-  }
-}`,...(fe=(me=Tt.parameters)==null?void 0:me.docs)==null?void 0:fe.source}}};var pe,he,ge;xt.parameters={...xt.parameters,docs:{...(pe=xt.parameters)==null?void 0:pe.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a toast', {
-        actionLabel: 'Action',
-        actionOnClick: action('actionOnClick'),
-        dataset: {
-          testid: 'toast'
-        }
-      });
-    }
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('wait for toast', async () => {
-      const toast = await canvas.findByTestId('toast');
-      await expect(toast).toBeInTheDocument();
-    });
-    await step('check toast is dismissed on action button click', async () => {
-      const toast = canvas.getByTestId('toast');
-      const action = canvas.getByText('Action');
-      await userEvent.click(action);
-      return waitForElementToBeRemoved(toast);
-    });
-  }
-}`,...(ge=(he=xt.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};var ye,ve,be;Et.parameters={...Et.parameters,docs:{...(ye=Et.parameters)==null?void 0:ye.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a toast', {
-        actionLabel: 'Action',
-        actionOnClick: action('actionOnClick'),
-        actionHref: '#'
-      });
-    }
-  }
-}`,...(be=(ve=Et.parameters)==null?void 0:ve.docs)==null?void 0:be.source}}};var we,Te,xe;It.parameters={...It.parameters,docs:{...(we=It.parameters)==null?void 0:we.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a toast', {
-        leadingSvgIcon: InfoIcon
-      });
-    }
-  }
-}`,...(xe=(Te=It.parameters)==null?void 0:Te.docs)==null?void 0:xe.source}}};var Ee,Ie,ke;kt.parameters={...kt.parameters,docs:{...(Ee=kt.parameters)==null?void 0:Ee.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a critical toast', {
-        variant: 'critical'
-      });
-    }
-  }
-}`,...(ke=(Ie=kt.parameters)==null?void 0:Ie.docs)==null?void 0:ke.source}}};var _e,Se,Be;_t.parameters={..._t.parameters,docs:{...(_e=_t.parameters)==null?void 0:_e.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is a critical toast', {
-        variant: 'critical',
-        actionLabel: 'Action',
-        actionOnClick: action('actionOnClick')
-      });
-    }
-  }
-}`,...(Be=(Se=_t.parameters)==null?void 0:Se.docs)==null?void 0:Be.source}}};var Ne,Ce,Re;St.parameters={...St.parameters,docs:{...(Ne=St.parameters)==null?void 0:Ne.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is toast 1');
-      showToast('This is toast 2');
-      showToast('This is toast 3');
-    }
-  }
-}`,...(Re=(Ce=St.parameters)==null?void 0:Ce.docs)==null?void 0:Re.source}}};var De,Ae,Me;Bt.parameters={...Bt.parameters,docs:{...(De=Bt.parameters)==null?void 0:De.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('This is toast 1');
-      showToast('This is toast 2');
-      showToast('This is toast 3', {
-        dataset: {
-          testid: 'toast3'
-        }
-      });
-    }
-  },
-  play: async ({
-    canvas,
-    canvasElement,
-    step
-  }) => {
-    await step('wait for toast 3', async () => {
-      const toast3 = await canvas.findByTestId('toast3');
-      await expect(toast3).toBeInTheDocument();
-    });
-    await step('Use global toast area shortcut', async () => {
-      canvasElement.focus();
-      await userEvent.keyboard('{Alt>}T');
-      // Assertion for this is implicitly done by the visual snapshot test.
-    });
-  }
-}`,...(Me=(Ae=Bt.parameters)==null?void 0:Ae.docs)==null?void 0:Me.source}}};var Oe,Le,je;Nt.parameters={...Nt.parameters,docs:{...(Oe=Nt.parameters)==null?void 0:Oe.docs,source:{originalSource:`{
-  args: {
-    duration: Infinity,
-    showToasts: () => {
-      showToast('What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong');
-    }
-  }
-}`,...(je=(Le=Nt.parameters)==null?void 0:Le.docs)==null?void 0:je.source}}};const es=["Toast","TestTimer","TestClose","Action","TestActionClose","ActionLink","Icon","Critical","CriticalWithAction","Stack","TestStackExpand","LongMessage"];export{Tt as Action,Et as ActionLink,kt as Critical,_t as CriticalWithAction,It as Icon,Nt as LongMessage,St as Stack,xt as TestActionClose,wt as TestClose,Bt as TestStackExpand,bt as TestTimer,vt as Toast,es as __namedExportsOrder,ts as default};

package/dist/assets/TokyoUIAttach-BsMlsNHQ.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const r=({title:a,titleId:l,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":l,...o},a?e.createElement("title",{id:l},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12.879 4.121a3 3 0 0 1 4.242 0l1.061 1.061.354.354.707.707a3 3 0 0 1 0 4.242l-.707.707-4.243 4.243-.707.707a2 2 0 0 1-2.829 0l-1.06-1.06a2 2 0 0 1 0-2.829l4.95-4.95 1.414 1.415-4.95 4.95 1.06 1.06.708-.707 4.242-4.243.707-.707a1 1 0 0 0 0-1.414l-.707-.707-.353-.354-1.06-1.06a1 1 0 0 0-1.415 0l-7.071 7.07a2 2 0 0 0 0 2.829l3.182 3.182a2 2 0 0 0 2.828 0l4.243-4.243 1.414 1.415-4.243 4.242a4 4 0 0 1-5.656 0L5.808 16.85a4 4 0 0 1 0-5.657l7.07-7.07Z",clipRule:"evenodd"})),c=e.forwardRef(r);export{c as F};

package/dist/assets/TokyoUIAvailability7LateNight-BUCnoHXS.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const n=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M11 6h2v3h-2V6Zm-4.917 9H2v2h20v-2h-4.083a6.002 6.002 0 0 0-11.834 0Zm9.791 0a4.002 4.002 0 0 0-7.748 0h7.748Zm2.49-6.778 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121Zm-12.728 0L4.222 9.636l2.121 2.121 1.414-1.414-2.121-2.121Z",clipRule:"evenodd"})),i=e.forwardRef(n),r=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M11 2h2v3h-2V2Zm0 20v-3h2v3h-2ZM2 11v2h3v-2H2Zm20 2h-3v-2h3v2Zm-2.222-7.364-1.414-1.414-2.121 2.121 1.414 1.414 2.121-2.12ZM6.343 16.243l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121ZM5.636 4.222 4.222 5.636l2.121 2.121 1.414-1.414-2.121-2.121Zm10.607 13.435 1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm2 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z",clipRule:"evenodd"})),m=e.forwardRef(r),v=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M8.614 6.386 7.5 3 6.386 6.386 3 7.5l3.386 1.114L7.5 12l1.114-3.386L12 7.5 8.614 6.386ZM5 13.478c.058.964.289 1.838.655 2.72a.475.475 0 0 0 .035.093 8.026 8.026 0 0 0 7.317 4.724 8.007 8.007 0 0 0 3.284-15.313l-.005-.01A7.963 7.963 0 0 0 13.478 5 6.005 6.005 0 0 1 5 13.478ZM17 9a8 8 0 0 1-8 8c-.152 0-.317-.007-.49-.02l.006.006a6 6 0 1 0 8.47-8.469c.01.16.014.32.014.483Z",clipRule:"evenodd"})),s=e.forwardRef(v),c=({title:l,titleId:a,...o},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":a,...o},l?e.createElement("title",{id:a},l):null,e.createElement("path",{fillRule:"evenodd",d:"M8 6.675V7.9h3.927V6.675H9.694l2.254-2.45V3H8.021v1.225h2.233L8 6.675Zm-2.345 9.523c-.366-.882-.597-1.756-.655-2.72A6.005 6.005 0 0 0 13.478 5c.996.06 1.943.301 2.808.692l.005.01a8.009 8.009 0 0 1-3.284 15.313A8.026 8.026 0 0 1 5.69 16.29a.477.477 0 0 1-.035-.093ZM9 17a8 8 0 0 0 7.986-8.483 6 6 0 1 1-8.47 8.469l-.006-.007c.173.014.338.021.49.021Zm-6-5.1v-1.225l2.254-2.45H3.021V7h3.927v1.225l-2.254 2.45h2.233V11.9H3Z",clipRule:"evenodd"})),w=e.forwardRef(c);export{i as F,m as a,s as b,w as c};

package/dist/assets/TokyoUICheck-DQLX_x10.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const a=({title:o,titleId:l,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":l,...r},o?e.createElement("title",{id:l},o):null,e.createElement("path",{fillRule:"evenodd",d:"M8.707 18 4 13.293l1.414-1.414 3.293 3.293L18 5.879l1.414 1.414L8.707 18Z",clipRule:"evenodd"})),c=e.forwardRef(a);export{c as F};

package/dist/assets/TokyoUICheckmark-BHJrELn_.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const t=({title:o,titleId:r,...l},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":r,...l},o?e.createElement("title",{id:r},o):null,e.createElement("path",{fillRule:"evenodd",d:"M8.707 18 4 13.293l1.414-1.414 3.293 3.293L18 5.879l1.414 1.414L8.707 18Z",clipRule:"evenodd"})),c=e.forwardRef(t);export{c as F};

package/dist/assets/TokyoUIChevronDown-DiBNbDdz.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const n=({title:o,titleId:r,...t},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":r,...t},o?e.createElement("title",{id:r},o):null,e.createElement("path",{d:"M18.707 9.707 12 16.414 5.293 9.707l1.414-1.414L12 13.586l5.293-5.293z"})),s=e.forwardRef(n);export{s as F};

package/dist/assets/TokyoUIChevronRight-DRhJYmWB.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const n=({title:o,titleId:r,...t},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":r,...t},o?e.createElement("title",{id:r},o):null,e.createElement("path",{d:"m16.414 12-6.707 6.707-1.414-1.414L13.586 12 8.293 6.707l1.414-1.414z"})),s=e.forwardRef(n);export{s as F};

package/dist/assets/TokyoUIClose-BfMyMrDa.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const a=({title:o,titleId:l,...r},t)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":l,...r},o?e.createElement("title",{id:l},o):null,e.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"})),d=e.forwardRef(a);export{d as F};

package/dist/assets/TokyoUIEmojiFrowning-DkxcBN-M.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const t=({title:o,titleId:r,...l},a)=>e.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:a,"aria-labelledby":r,...l},o?e.createElement("title",{id:r},o):null,e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 12a7 7 0 1 1-14 0 7 7 0 0 1 14 0m2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0M11 9H8v3h3zm2 0h3v3h-3zm-1 4c-.965 0-1.89.318-2.64.768-.739.443-1.397 1.07-1.754 1.785l1.788.894c.143-.285.485-.658.995-.964C10.89 15.182 11.466 15 12 15s1.11.182 1.61.482c.511.307.853.68.996.965l1.788-.894c-.357-.715-1.015-1.342-1.754-1.786C13.89 13.319 12.965 13 12 13"})),n=e.forwardRef(t);export{n as F};

package/dist/assets/TokyoUIErrorWarning-GuwQvo24.js

@@ -1 +0,0 @@
-import{r as e}from"./iframe-B_74HtSc.js";const n=({title:l,titleId:o,...r},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":o,...r},l?e.createElement("title",{id:o},l):null,e.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"})),d=e.forwardRef(n),t=({title:l,titleId:o,...r},a)=>e.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:a,"aria-labelledby":o,...r},l?e.createElement("title",{id:o},l):null,e.createElement("path",{fillRule:"evenodd",d:"M15.291 4.055 12 2 8.709 4.055l-3.78.874-.874 3.78L2 12l2.055 3.291.874 3.78 3.78.874L12 22l3.291-2.055 3.78-.874.874-3.78L22 12l-2.055-3.291-.874-3.78-3.78-.874ZM10.981 7.2l.126 6.608H12.9l.126-6.608h-2.044Zm.224 9.688c.224.215.49.322.798.322.308 0 .57-.107.784-.322a1.09 1.09 0 0 0 .336-.798c0-.308-.112-.57-.336-.784a1.045 1.045 0 0 0-.784-.336 1.09 1.09 0 0 0-.798.336 1.067 1.067 0 0 0-.322.784c0 .308.108.574.322.798Z",clipRule:"evenodd"})),s=e.forwardRef(t);export{d as F,s as a};

package/dist/assets/TokyoUIExerciseClosedGapsJumble-BhG23ylY.css

@@ -1 +0,0 @@
-.ExpColor__S0PGo.ExpColor--exp-color-grey-0__DKudt{color:var(--d751dc)}.ExpColor__S0PGo.ExpColor--exp-color-grey-50__lo7OH{color:var(--d4e1b8)}.ExpColor__S0PGo.ExpColor--exp-color-grey-100__EtBtx{color:var(--e986ec)}.ExpColor__S0PGo.ExpColor--exp-color-grey-200__KHF8X{color:var(--8a8cb8)}.ExpColor__S0PGo.ExpColor--exp-color-grey-300__0u63D{color:var(--e7dcf4)}.ExpColor__S0PGo.ExpColor--exp-color-grey-400__WaJzi{color:var(--d48a93)}.ExpColor__S0PGo.ExpColor--exp-color-grey-500__1RSHd{color:var(--9b582c)}.ExpColor__S0PGo.ExpColor--exp-color-grey-600__95yQU{color:var(--bd0a12)}.ExpColor__S0PGo.ExpColor--exp-color-grey-700__SSayo{color:var(--5540cb)}.ExpColor__S0PGo.ExpColor--exp-color-grey-800__15Bou{color:var(--3f9d59)}.ExpColor__S0PGo.ExpColor--exp-color-grey-900__BKw9C{color:var(--0d2c1d)}.ExpColor__S0PGo.ExpColor--exp-color-pink-50__SZLGx{color:var(--696262)}.ExpColor__S0PGo.ExpColor--exp-color-pink-100__J0yFM{color:var(--2a8bdc)}.ExpColor__S0PGo.ExpColor--exp-color-pink-200__dQ0mZ{color:var(--9c55fe)}.ExpColor__S0PGo.ExpColor--exp-color-pink-300__WYBWX{color:var(--55b1b2)}.ExpColor__S0PGo.ExpColor--exp-color-pink-400__7Jazs{color:var(--e2e617)}.ExpColor__S0PGo.ExpColor--exp-color-pink-500__4X2bs{color:var(--28075b)}.ExpColor__S0PGo.ExpColor--exp-color-pink-600__Ph3VO{color:var(--0d21bc)}.ExpColor__S0PGo.ExpColor--exp-color-pink-700__nLJd1{color:var(--dcc28c)}.ExpColor__S0PGo.ExpColor--exp-color-pink-800__-fD0l{color:var(--e2ccaa)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-50__EYcxx{color:var(--f73f81)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-100__8n-ZP{color:var(--05c737)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-200__eOMK3{color:var(--32d8a2)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-300__JbUZg{color:var(--92f9a7)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-400__7NrMJ{color:var(--4db3c1)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-500__a3k-Q{color:var(--2d6e08)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-600__xBk-i{color:var(--2db5c2)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-700__xw4Kd{color:var(--b31329)}.ExpColor__S0PGo.ExpColor--exp-color-yellow-800__vZmXG{color:var(--66ebdf)}.ExpColor__S0PGo.ExpColor--exp-color-blue-50__s2FXt{color:var(--6ae6f0)}.ExpColor__S0PGo.ExpColor--exp-color-blue-100__TzrMW{color:var(--b916ba)}.ExpColor__S0PGo.ExpColor--exp-color-blue-200__sVncU{color:var(--c6fc9c)}.ExpColor__S0PGo.ExpColor--exp-color-blue-300__ooY38{color:var(--b773b2)}.ExpColor__S0PGo.ExpColor--exp-color-blue-400__GGuoL{color:var(--e848c4)}.ExpColor__S0PGo.ExpColor--exp-color-blue-500__N2NW9{color:var(--e57766)}.ExpColor__S0PGo.ExpColor--exp-color-blue-600__q-8xU{color:var(--fdf041)}.ExpColor__S0PGo.ExpColor--exp-color-blue-700__5k-Gw{color:var(--cd5904)}.ExpColor__S0PGo.ExpColor--exp-color-blue-800__MCpJf{color:var(--440fc3)}.ExpColor__S0PGo.ExpColor--exp-color-teal-50__P9v3-{color:var(--9fac3a)}.ExpColor__S0PGo.ExpColor--exp-color-teal-100__Y8xbj{color:var(--32b0b3)}.ExpColor__S0PGo.ExpColor--exp-color-teal-200__yzxAu{color:var(--873ad3)}.ExpColor__S0PGo.ExpColor--exp-color-teal-300__CC-oK{color:var(--202011)}.ExpColor__S0PGo.ExpColor--exp-color-teal-400__fBHUW{color:var(--4f3eb4)}.ExpColor__S0PGo.ExpColor--exp-color-teal-500__qt3Ny{color:var(--c47d0d)}.ExpColor__S0PGo.ExpColor--exp-color-teal-600__5EF-y{color:var(--985403)}.ExpColor__S0PGo.ExpColor--exp-color-teal-700__o0qGK{color:var(--2c9147)}.ExpColor__S0PGo.ExpColor--exp-color-teal-800__dntGK{color:var(--0d9ea5)}.ExpColor__S0PGo.ExpColor--exp-color-red-50__QFm4H{color:var(--f951e9)}.ExpColor__S0PGo.ExpColor--exp-color-red-100__gQ36l{color:var(--3aa891)}.ExpColor__S0PGo.ExpColor--exp-color-red-200__N7c7P{color:var(--ba4c34)}.ExpColor__S0PGo.ExpColor--exp-color-red-300__uhkUo{color:var(--943cfc)}.ExpColor__S0PGo.ExpColor--exp-color-red-400__cNgdd{color:var(--8af651)}.ExpColor__S0PGo.ExpColor--exp-color-red-500__VMSdk{color:var(--f5bfe7)}.ExpColor__S0PGo.ExpColor--exp-color-red-600__In2gH{color:var(--1bd221)}.ExpColor__S0PGo.ExpColor--exp-color-red-700__DPnKE{color:var(--38cd90)}.ExpColor__S0PGo.ExpColor--exp-color-red-800__MkRFA{color:var(--e9fcc6)}.Icon__jDdMD{display:inline-block;vertical-align:text-top}.Icon__jDdMD svg{display:block;width:100%;min-width:100%;max-width:100%;max-height:100%;fill:currentColor}.Icon--size-16__P1SXI{width:var(--656bbc);height:var(--656bbc);min-width:var(--656bbc);max-width:var(--656bbc)}.Icon--size-24__vnVQ0{width:var(--81dc82);height:var(--81dc82);min-width:var(--81dc82);max-width:var(--81dc82)}.Icon--size-32__gHIna{width:var(--2a6452);height:var(--2a6452);min-width:var(--2a6452);max-width:var(--2a6452)}.Icon--size-48__0PUAE{width:var(--03d2e4);height:var(--03d2e4);min-width:var(--03d2e4);max-width:var(--03d2e4)}