@preply/ds-docs 0.99.3 → 0.100.1

package/dist/assets/Toast-BH8aT7PL.css

@@ -0,0 +1 @@
+._toast_1l2pu_3{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_1l2pu_3:has(._title_1l2pu_19:first-child){grid-template-columns:auto auto max-content}._toast_1l2pu_3._critical_1l2pu_22{background-color:var(--87fcf8)}._toast_1l2pu_3 ._title_1l2pu_19{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_1l2pu_3 ._actionButton_1l2pu_34{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_1l2pu_3 ._actionButton_1l2pu_34{grid-row:2;grid-column:2}}@media (min-width: 700px){._toast_1l2pu_3:has(._title_1l2pu_19:first-child) ._actionButton_1l2pu_34{grid-column:1}}._toast_1l2pu_3 ._closeButton_1l2pu_55{all:unset;cursor:pointer;grid-row:1;grid-column:3}._toast_1l2pu_3:has(._actionButton_1l2pu_34) ._closeButton_1l2pu_55{display:none}@media (min-width: 700px){._toast_1l2pu_3:has(._actionButton_1l2pu_34) ._closeButton_1l2pu_55{display:block}}

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

@@ -0,0 +1,101 @@
+import{j as h}from"./jsx-runtime-CKrituN3.js";import{R as o,r as y}from"./index-CBqU2yxZ.js";import{w as vt,e as bt,a as Lt,u as Ce}from"./index-BDFy8Qel.js";import{a as wt}from"./chunk-D5ZWXAHU-D9pYMJqw.js";import{F as De}from"./TokyoUIInfo-BMIBmNIR.js";import{G as Ye}from"./index-D5dhze5r.js";import{I as Mt}from"./Icon-DqOWgXnU.js";import{g as $e}from"./classNames-Cqk1oqv4.js";import{w as Oe}from"./componentNames-BSriaIOD.js";import{S as We}from"./StoryContextDSWeb-CViICLux.js";import"./_commonjsHelpers-BosuxZz1.js";import"./v4-CQkTLCs1.js";import"./text-accent-Bgi4eAtI.js";import"./render-icon-DsMGBPwY.js";import"./StorybookGlobalStyle-C718IdTK.js";import"./styled-components.browser.esm-BUFlhth0.js";import"./RootProvider-BvHSkgDA.js";import"./useTheme-ByES4oDS.js";import"./constants-mdQROz_Y.js";var Ve=e=>{switch(e){case"success":return qe;case"info":return Ke;case"warning":return Ze;case"error":return Xe;default:return null}},Fe=Array(12).fill(0),Ue=({visible:e})=>o.createElement("div",{className:"sonner-loading-wrapper","data-visible":e},o.createElement("div",{className:"sonner-spinner"},Fe.map((a,s)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${s}`})))),qe=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.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"})),Ze=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},o.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"})),Ke=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.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"})),Xe=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.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"})),Ge=()=>{let[e,a]=o.useState(document.hidden);return o.useEffect(()=>{let s=()=>{a(document.hidden)};return document.addEventListener("visibilitychange",s),()=>window.removeEventListener("visibilitychange",s)},[]),e},Rt=1,Je=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let a=this.subscribers.indexOf(e);this.subscribers.splice(a,1)}),this.publish=e=>{this.subscribers.forEach(a=>a(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var a;let{message:s,...n}=e,v=typeof(e==null?void 0:e.id)=="number"||((a=e.id)==null?void 0:a.length)>0?e.id:Rt++,m=this.toasts.find(f=>f.id===v),x=e.dismissible===void 0?!0:e.dismissible;return m?this.toasts=this.toasts.map(f=>f.id===v?(this.publish({...f,...e,id:v,title:s}),{...f,...e,id:v,dismissible:x,title:s}):f):this.addToast({title:s,...n,dismissible:x,id:v}),v},this.dismiss=e=>(e||this.toasts.forEach(a=>{this.subscribers.forEach(s=>s({id:a.id,dismiss:!0}))}),this.subscribers.forEach(a=>a({id:e,dismiss:!0})),e),this.message=(e,a)=>this.create({...a,message:e}),this.error=(e,a)=>this.create({...a,message:e,type:"error"}),this.success=(e,a)=>this.create({...a,type:"success",message:e}),this.info=(e,a)=>this.create({...a,type:"info",message:e}),this.warning=(e,a)=>this.create({...a,type:"warning",message:e}),this.loading=(e,a)=>this.create({...a,type:"loading",message:e}),this.promise=(e,a)=>{if(!a)return;let s;a.loading!==void 0&&(s=this.create({...a,promise:e,type:"loading",message:a.loading,description:typeof a.description!="function"?a.description:void 0}));let n=e instanceof Promise?e:e(),v=s!==void 0;return n.then(async m=>{if(ta(m)&&!m.ok){v=!1;let x=typeof a.error=="function"?await a.error(`HTTP error! status: ${m.status}`):a.error,f=typeof a.description=="function"?await a.description(`HTTP error! status: ${m.status}`):a.description;this.create({id:s,type:"error",message:x,description:f})}else if(a.success!==void 0){v=!1;let x=typeof a.success=="function"?await a.success(m):a.success,f=typeof a.description=="function"?await a.description(m):a.description;this.create({id:s,type:"success",message:x,description:f})}}).catch(async m=>{if(a.error!==void 0){v=!1;let x=typeof a.error=="function"?await a.error(m):a.error,f=typeof a.description=="function"?await a.description(m):a.description;this.create({id:s,type:"error",message:x,description:f})}}).finally(()=>{var m;v&&(this.dismiss(s),s=void 0),(m=a.finally)==null||m.call(a)}),s},this.custom=(e,a)=>{let s=(a==null?void 0:a.id)||Rt++;return this.create({jsx:e(s),id:s,...a}),s},this.subscribers=[],this.toasts=[]}},E=new Je,Qe=(e,a)=>{let s=(a==null?void 0:a.id)||Rt++;return E.addToast({title:e,...a,id:s}),s},ta=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",ea=Qe,aa=()=>E.toasts,Pt=Object.assign(ea,{success:E.success,info:E.info,warning:E.warning,error:E.error,custom:E.custom,message:E.message,promise:E.promise,dismiss:E.dismiss,loading:E.loading},{getHistory:aa});function oa(e,{insertAt:a}={}){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",a==="top"&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}oa(`:where(html[dir="ltr"]),:where([data-sonner-toaster][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%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][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%)}:where([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:none;z-index:999999999}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([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);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([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 #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([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)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([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;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([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;background:var(--gray1);color:var(--gray12);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}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([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}:where([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}:where([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, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--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-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-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--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, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--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-rich-colors=true][data-sonner-toast][data-type=success],[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],[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],[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],[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:nth-child(1){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)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{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 ct(e){return e.label!==void 0}var sa=3,ra="32px",na=4e3,ia=356,la=14,ca=20,da=200;function ua(...e){return e.filter(Boolean).join(" ")}var ma=e=>{var a,s,n,v,m,x,f,S,L,ot;let{invert:xt,toast:t,unstyled:g,interacting:Z,setHeights:B,visibleToasts:Tt,heights:H,index:P,toasts:Et,expanded:K,removeToast:k,defaultRichColors:X,closeButton:st,style:rt,cancelButtonStyle:kt,actionButtonStyle:It,className:R="",descriptionClassName:nt="",duration:G,position:St,gap:D,loadingIcon:M,expandByDefault:J,classNames:i,icons:C,closeButtonAriaLabel:Ct="Close toast",pauseWhenPageIsHidden:l,cn:d}=e,[p,N]=o.useState(!1),[z,b]=o.useState(!1),[Bt,Q]=o.useState(!1),[tt,et]=o.useState(!1),[Be,Nt]=o.useState(0),[Ne,zt]=o.useState(0),Ht=o.useRef(null),Y=o.useRef(null),_e=P===0,je=P+1<=Tt,I=t.type,$=t.dismissible!==!1,Me=t.className||"",Pe=t.descriptionClassName||"",it=o.useMemo(()=>H.findIndex(r=>r.toastId===t.id)||0,[H,t.id]),Re=o.useMemo(()=>{var r;return(r=t.closeButton)!=null?r:st},[t.closeButton,st]),Dt=o.useMemo(()=>t.duration||G||na,[t.duration,G]),_t=o.useRef(0),O=o.useRef(0),Yt=o.useRef(0),W=o.useRef(null),[$t,Ae]=St.split("-"),Ot=o.useMemo(()=>H.reduce((r,u,c)=>c>=it?r:r+u.height,0),[H,it]),Wt=Ge(),Le=t.invert||xt,jt=I==="loading";O.current=o.useMemo(()=>it*D+Ot,[it,Ot]),o.useEffect(()=>{N(!0)},[]),o.useLayoutEffect(()=>{if(!p)return;let r=Y.current,u=r.style.height;r.style.height="auto";let c=r.getBoundingClientRect().height;r.style.height=u,zt(c),B(_=>_.find(j=>j.toastId===t.id)?_.map(j=>j.toastId===t.id?{...j,height:c}:j):[{toastId:t.id,height:c,position:t.position},..._])},[p,t.title,t.description,B,t.id]);let A=o.useCallback(()=>{b(!0),Nt(O.current),B(r=>r.filter(u=>u.toastId!==t.id)),setTimeout(()=>{k(t)},da)},[t,k,B,O]);o.useEffect(()=>{if(t.promise&&I==="loading"||t.duration===1/0||t.type==="loading")return;let r,u=Dt;return K||Z||l&&Wt?(()=>{if(Yt.current<_t.current){let c=new Date().getTime()-_t.current;u=u-c}Yt.current=new Date().getTime()})():u!==1/0&&(_t.current=new Date().getTime(),r=setTimeout(()=>{var c;(c=t.onAutoClose)==null||c.call(t,t),A()},u)),()=>clearTimeout(r)},[K,Z,J,t,Dt,A,t.promise,I,l,Wt]),o.useEffect(()=>{let r=Y.current;if(r){let u=r.getBoundingClientRect().height;return zt(u),B(c=>[{toastId:t.id,height:u,position:t.position},...c]),()=>B(c=>c.filter(_=>_.toastId!==t.id))}},[B,t.id]),o.useEffect(()=>{t.delete&&A()},[A,t.delete]);function ze(){return C!=null&&C.loading?o.createElement("div",{className:"sonner-loader","data-visible":I==="loading"},C.loading):M?o.createElement("div",{className:"sonner-loader","data-visible":I==="loading"},M):o.createElement(Ue,{visible:I==="loading"})}return o.createElement("li",{"aria-live":t.important?"assertive":"polite","aria-atomic":"true",role:"status",tabIndex:0,ref:Y,className:d(R,Me,i==null?void 0:i.toast,(a=t==null?void 0:t.classNames)==null?void 0:a.toast,i==null?void 0:i.default,i==null?void 0:i[I],(s=t==null?void 0:t.classNames)==null?void 0:s[I]),"data-sonner-toast":"","data-rich-colors":(n=t.richColors)!=null?n:X,"data-styled":!(t.jsx||t.unstyled||g),"data-mounted":p,"data-promise":!!t.promise,"data-removed":z,"data-visible":je,"data-y-position":$t,"data-x-position":Ae,"data-index":P,"data-front":_e,"data-swiping":Bt,"data-dismissible":$,"data-type":I,"data-invert":Le,"data-swipe-out":tt,"data-expanded":!!(K||J&&p),style:{"--index":P,"--toasts-before":P,"--z-index":Et.length-P,"--offset":`${z?Be:O.current}px`,"--initial-height":J?"auto":`${Ne}px`,...rt,...t.style},onPointerDown:r=>{jt||!$||(Ht.current=new Date,Nt(O.current),r.target.setPointerCapture(r.pointerId),r.target.tagName!=="BUTTON"&&(Q(!0),W.current={x:r.clientX,y:r.clientY}))},onPointerUp:()=>{var r,u,c,_;if(tt||!$)return;W.current=null;let j=Number(((r=Y.current)==null?void 0:r.style.getPropertyValue("--swipe-amount").replace("px",""))||0),lt=new Date().getTime()-((u=Ht.current)==null?void 0:u.getTime()),He=Math.abs(j)/lt;if(Math.abs(j)>=ca||He>.11){Nt(O.current),(c=t.onDismiss)==null||c.call(t,t),A(),et(!0);return}(_=Y.current)==null||_.style.setProperty("--swipe-amount","0px"),Q(!1)},onPointerMove:r=>{var u;if(!W.current||!$)return;let c=r.clientY-W.current.y,_=r.clientX-W.current.x,j=($t==="top"?Math.min:Math.max)(0,c),lt=r.pointerType==="touch"?10:2;Math.abs(j)>lt?(u=Y.current)==null||u.style.setProperty("--swipe-amount",`${c}px`):Math.abs(_)>lt&&(W.current=null)}},Re&&!t.jsx?o.createElement("button",{"aria-label":Ct,"data-disabled":jt,"data-close-button":!0,onClick:jt||!$?()=>{}:()=>{var r;A(),(r=t.onDismiss)==null||r.call(t,t)},className:d(i==null?void 0:i.closeButton,(v=t==null?void 0:t.classNames)==null?void 0:v.closeButton)},o.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"},o.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))):null,t.jsx||o.isValidElement(t.title)?t.jsx||t.title:o.createElement(o.Fragment,null,I||t.icon||t.promise?o.createElement("div",{"data-icon":"",className:d(i==null?void 0:i.icon,(m=t==null?void 0:t.classNames)==null?void 0:m.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||ze():null,t.type!=="loading"?t.icon||(C==null?void 0:C[I])||Ve(I):null):null,o.createElement("div",{"data-content":"",className:d(i==null?void 0:i.content,(x=t==null?void 0:t.classNames)==null?void 0:x.content)},o.createElement("div",{"data-title":"",className:d(i==null?void 0:i.title,(f=t==null?void 0:t.classNames)==null?void 0:f.title)},t.title),t.description?o.createElement("div",{"data-description":"",className:d(nt,Pe,i==null?void 0:i.description,(S=t==null?void 0:t.classNames)==null?void 0:S.description)},t.description):null),o.isValidElement(t.cancel)?t.cancel:t.cancel&&ct(t.cancel)?o.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||kt,onClick:r=>{var u,c;ct(t.cancel)&&$&&((c=(u=t.cancel).onClick)==null||c.call(u,r),A())},className:d(i==null?void 0:i.cancelButton,(L=t==null?void 0:t.classNames)==null?void 0:L.cancelButton)},t.cancel.label):null,o.isValidElement(t.action)?t.action:t.action&&ct(t.action)?o.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||It,onClick:r=>{var u,c;ct(t.action)&&(r.defaultPrevented||((c=(u=t.action).onClick)==null||c.call(u,r),A()))},className:d(i==null?void 0:i.actionButton,(ot=t==null?void 0:t.classNames)==null?void 0:ot.actionButton)},t.action.label):null))};function Vt(){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}var pa=e=>{let{invert:a,position:s="bottom-right",hotkey:n=["altKey","KeyT"],expand:v,closeButton:m,className:x,offset:f,theme:S="light",richColors:L,duration:ot,style:xt,visibleToasts:t=sa,toastOptions:g,dir:Z=Vt(),gap:B=la,loadingIcon:Tt,icons:H,containerAriaLabel:P="Notifications",pauseWhenPageIsHidden:Et,cn:K=ua}=e,[k,X]=o.useState([]),st=o.useMemo(()=>Array.from(new Set([s].concat(k.filter(l=>l.position).map(l=>l.position)))),[k,s]),[rt,kt]=o.useState([]),[It,R]=o.useState(!1),[nt,G]=o.useState(!1),[St,D]=o.useState(S!=="system"?S:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),M=o.useRef(null),J=n.join("+").replace(/Key/g,"").replace(/Digit/g,""),i=o.useRef(null),C=o.useRef(!1),Ct=o.useCallback(l=>{var d;(d=k.find(p=>p.id===l.id))!=null&&d.delete||E.dismiss(l.id),X(p=>p.filter(({id:N})=>N!==l.id))},[k]);return o.useEffect(()=>E.subscribe(l=>{if(l.dismiss){X(d=>d.map(p=>p.id===l.id?{...p,delete:!0}:p));return}setTimeout(()=>{Ye.flushSync(()=>{X(d=>{let p=d.findIndex(N=>N.id===l.id);return p!==-1?[...d.slice(0,p),{...d[p],...l},...d.slice(p+1)]:[l,...d]})})})}),[]),o.useEffect(()=>{if(S!=="system"){D(S);return}S==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?D("dark"):D("light")),typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:l})=>{D(l?"dark":"light")})},[S]),o.useEffect(()=>{k.length<=1&&R(!1)},[k]),o.useEffect(()=>{let l=d=>{var p,N;n.every(z=>d[z]||d.code===z)&&(R(!0),(p=M.current)==null||p.focus()),d.code==="Escape"&&(document.activeElement===M.current||(N=M.current)!=null&&N.contains(document.activeElement))&&R(!1)};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[n]),o.useEffect(()=>{if(M.current)return()=>{i.current&&(i.current.focus({preventScroll:!0}),i.current=null,C.current=!1)}},[M.current]),k.length?o.createElement("section",{"aria-label":`${P} ${J}`,tabIndex:-1},st.map((l,d)=>{var p;let[N,z]=l.split("-");return o.createElement("ol",{key:l,dir:Z==="auto"?Vt():Z,tabIndex:-1,ref:M,className:x,"data-sonner-toaster":!0,"data-theme":St,"data-y-position":N,"data-x-position":z,style:{"--front-toast-height":`${((p=rt[0])==null?void 0:p.height)||0}px`,"--offset":typeof f=="number"?`${f}px`:f||ra,"--width":`${ia}px`,"--gap":`${B}px`,...xt},onBlur:b=>{C.current&&!b.currentTarget.contains(b.relatedTarget)&&(C.current=!1,i.current&&(i.current.focus({preventScroll:!0}),i.current=null))},onFocus:b=>{b.target instanceof HTMLElement&&b.target.dataset.dismissible==="false"||C.current||(C.current=!0,i.current=b.relatedTarget)},onMouseEnter:()=>R(!0),onMouseMove:()=>R(!0),onMouseLeave:()=>{nt||R(!1)},onPointerDown:b=>{b.target instanceof HTMLElement&&b.target.dataset.dismissible==="false"||G(!0)},onPointerUp:()=>G(!1)},k.filter(b=>!b.position&&d===0||b.position===l).map((b,Bt)=>{var Q,tt;return o.createElement(ma,{key:b.id,icons:H,index:Bt,toast:b,defaultRichColors:L,duration:(Q=g==null?void 0:g.duration)!=null?Q:ot,className:g==null?void 0:g.className,descriptionClassName:g==null?void 0:g.descriptionClassName,invert:a,visibleToasts:t,closeButton:(tt=g==null?void 0:g.closeButton)!=null?tt:m,interacting:nt,position:l,style:g==null?void 0:g.style,unstyled:g==null?void 0:g.unstyled,classNames:g==null?void 0:g.classNames,cancelButtonStyle:g==null?void 0:g.cancelButtonStyle,actionButtonStyle:g==null?void 0:g.actionButtonStyle,removeToast:Ct,toasts:k.filter(et=>et.position==b.position),heights:rt.filter(et=>et.position==b.position),setHeights:kt,expandByDefault:v,gap:B,loadingIcon:Tt,expanded:It,pauseWhenPageIsHidden:Et,cn:K})}))})):null};const ha="_toast_1l2pu_3",fa="_title_1l2pu_19",ga="_critical_1l2pu_22",ya="_actionButton_1l2pu_34",va="_closeButton_1l2pu_55",V={toast:ha,title:fa,critical:ga,actionButton:ya,closeButton:va},ba=({title:e,titleId:a,...s},n)=>y.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:n,"aria-labelledby":a,...s},e?y.createElement("title",{id:a},e):null,y.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"})),wa=y.forwardRef(ba),xa=({title:e,titleId:a,...s},n)=>y.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:n,"aria-labelledby":a,...s},e?y.createElement("title",{id:a},e):null,y.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"})),Ta=y.forwardRef(xa),T=({duration:e=5e3})=>h.jsx(pa,{position:"top-right",duration:e,visibleToasts:3}),At=T.bind(null,{duration:5e3});function w(e,a){const{variant:s="info",leadingSvgIcon:n,actionLabel:v,actionOnClick:m,actionHref:x,dataset:f}=a??{},S=x?"a":"button";return Pt.custom(L=>h.jsxs("div",{style:{display:"contents"},...$e(f,{preplyDsComponent:Oe.Toast}),children:[s==="critical"?h.jsx(Mt,{svg:Ta}):n&&h.jsx(Mt,{svg:n}),h.jsx("span",{className:V.title,children:e}),h.jsx("button",{onClick:()=>Pt.dismiss(L),className:V.closeButton,"aria-label":"Close",children:h.jsx(Mt,{svg:wa})}),v&&h.jsx(S,{className:V.actionButton,onClick:()=>{Pt.dismiss(L),m==null||m()},href:x,children:v})]}),{classNames:{toast:s==="critical"?`${V.toast} ${V.critical}`:V.toast}})}try{w.displayName="showToast",w.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:"showToast",props:{}}}catch{}try{T.displayName="InternalToastProvider",T.__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:"number | undefined"}}}}}catch{}try{At.displayName="ToastProvider",At.__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 Oa={title:"Components/Toast",component:At,decorators:[e=>h.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:h.jsx(We,{theme:"tokyo-ui",children: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`.\nWhen this is provided, an `<a>` tag is used for the action, otherwise, a `<button>` is used instead.\n",type:"string",table:{category:"showToast()"}}}},dt=()=>(y.useEffect(()=>{w("This is a toast")},[]),h.jsx(T,{duration:1/0})),F=()=>(y.useEffect(()=>{w("This is a toast",{dataset:{testid:"toast"}})},[]),h.jsx(T,{duration:500}));F.tags=["!autodocs"];F.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>vt(()=>{const s=a.queryByTestId("toast");return bt(s).toBeInTheDocument()})),await e("check toast is dismissed automatically",()=>{const s=a.getByTestId("toast");return Lt(s)})};const U=()=>(y.useEffect(()=>{w("This is a toast",{dataset:{testid:"toast"}})},[]),h.jsx(T,{duration:1/0}));U.tags=["!autodocs"];U.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>vt(()=>{const s=a.queryByTestId("toast");return bt(s).toBeInTheDocument()})),await e("check toast is dismissed on close button click",async()=>{const s=a.getByTestId("toast");return a.getByRole("button").click(),Lt(s)})};const ut=()=>(y.useEffect(()=>{w("This is a toast",{actionLabel:"Action",actionOnClick:wt("clicked action")})},[]),h.jsx(T,{duration:1/0})),q=()=>(y.useEffect(()=>{w("This is a toast",{dataset:{testid:"toast"},actionLabel:"Action",actionOnClick:wt("clicked action")})},[]),h.jsx(T,{duration:1/0}));q.tags=["!autodocs"];q.play=async({canvas:e,step:a})=>{await a("wait for toast",()=>vt(()=>{const s=e.queryByTestId("toast");return bt(s).toBeInTheDocument()})),await a("check toast is dismissed on action button click",async()=>{const s=e.getByTestId("toast"),n=e.getByText("Action");return await Ce.click(n),Lt(s)})};const mt=()=>(y.useEffect(()=>{w("This is a toast",{actionLabel:"Action",actionOnClick:wt("clicked action"),actionHref:"#"})},[]),h.jsx(T,{duration:1/0})),pt=()=>(y.useEffect(()=>{w("This is a toast",{leadingSvgIcon:De})},[]),h.jsx(T,{duration:1/0})),ht=()=>(y.useEffect(()=>{w("This is a critical toast",{variant:"critical"})},[]),h.jsx(T,{duration:1/0})),ft=()=>(y.useEffect(()=>{w("This is a critical toast",{variant:"critical",actionLabel:"Action",actionOnClick:wt("clicked action")})},[]),h.jsx(T,{duration:1/0})),gt=()=>(y.useEffect(()=>{w("This is toast 1"),w("This is toast 2"),w("This is toast 3")},[]),h.jsx(T,{duration:1/0})),at=()=>(y.useEffect(()=>{w("This is toast 1"),w("This is toast 2"),w("This is toast 3",{dataset:{testid:"toast3"}})},[]),h.jsx(T,{duration:1/0}));at.play=async({canvas:e,canvasElement:a,step:s})=>{await s("wait for toast 3",()=>vt(()=>{const n=e.queryByTestId("toast3");bt(n).toBeInTheDocument()})),await s("Use global toast area shortcut",async()=>{a.focus(),await Ce.keyboard("{Alt>}T")})};const yt=()=>(y.useEffect(()=>{w("What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong")},[]),h.jsx(T,{duration:1/0}));var Ft,Ut,qt;dt.parameters={...dt.parameters,docs:{...(Ft=dt.parameters)==null?void 0:Ft.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a toast');
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(qt=(Ut=dt.parameters)==null?void 0:Ut.docs)==null?void 0:qt.source}}};var Zt,Kt,Xt;F.parameters={...F.parameters,docs:{...(Zt=F.parameters)==null?void 0:Zt.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a toast', {
+      dataset: {
+        testid: 'toast'
+      }
+    });
+  }, []);
+  return <ToastProvider duration={500} />;
+}`,...(Xt=(Kt=F.parameters)==null?void 0:Kt.docs)==null?void 0:Xt.source}}};var Gt,Jt,Qt;U.parameters={...U.parameters,docs:{...(Gt=U.parameters)==null?void 0:Gt.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a toast', {
+      dataset: {
+        testid: 'toast'
+      }
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(Qt=(Jt=U.parameters)==null?void 0:Jt.docs)==null?void 0:Qt.source}}};var te,ee,ae;ut.parameters={...ut.parameters,docs:{...(te=ut.parameters)==null?void 0:te.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a toast', {
+      actionLabel: 'Action',
+      actionOnClick: action('clicked action')
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(ae=(ee=ut.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var oe,se,re;q.parameters={...q.parameters,docs:{...(oe=q.parameters)==null?void 0:oe.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a toast', {
+      dataset: {
+        testid: 'toast'
+      },
+      actionLabel: 'Action',
+      actionOnClick: action('clicked action')
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(re=(se=q.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};var ne,ie,le;mt.parameters={...mt.parameters,docs:{...(ne=mt.parameters)==null?void 0:ne.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a toast', {
+      actionLabel: 'Action',
+      actionOnClick: action('clicked action'),
+      actionHref: '#'
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(le=(ie=mt.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var ce,de,ue;pt.parameters={...pt.parameters,docs:{...(ce=pt.parameters)==null?void 0:ce.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a toast', {
+      leadingSvgIcon: InfoIcon
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(ue=(de=pt.parameters)==null?void 0:de.docs)==null?void 0:ue.source}}};var me,pe,he;ht.parameters={...ht.parameters,docs:{...(me=ht.parameters)==null?void 0:me.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a critical toast', {
+      variant: 'critical'
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(he=(pe=ht.parameters)==null?void 0:pe.docs)==null?void 0:he.source}}};var fe,ge,ye;ft.parameters={...ft.parameters,docs:{...(fe=ft.parameters)==null?void 0:fe.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is a critical toast', {
+      variant: 'critical',
+      actionLabel: 'Action',
+      actionOnClick: action('clicked action')
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(ye=(ge=ft.parameters)==null?void 0:ge.docs)==null?void 0:ye.source}}};var ve,be,we;gt.parameters={...gt.parameters,docs:{...(ve=gt.parameters)==null?void 0:ve.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is toast 1');
+    showToast('This is toast 2');
+    showToast('This is toast 3');
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(we=(be=gt.parameters)==null?void 0:be.docs)==null?void 0:we.source}}};var xe,Te,Ee;at.parameters={...at.parameters,docs:{...(xe=at.parameters)==null?void 0:xe.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('This is toast 1');
+    showToast('This is toast 2');
+    showToast('This is toast 3', {
+      dataset: {
+        testid: 'toast3'
+      }
+    });
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(Ee=(Te=at.parameters)==null?void 0:Te.docs)==null?void 0:Ee.source}}};var ke,Ie,Se;yt.parameters={...yt.parameters,docs:{...(ke=yt.parameters)==null?void 0:ke.docs,source:{originalSource:`() => {
+  useEffect(() => {
+    showToast('What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong');
+  }, []);
+  return <ToastProvider duration={Infinity} />;
+}`,...(Se=(Ie=yt.parameters)==null?void 0:Ie.docs)==null?void 0:Se.source}}};const Wa=["Toast","TestTimer","TestClose","Action","TestActionClose","ActionLink","Icon","Critical","CriticalWithAction","Stack","TestStackExpand","LongMessage"];export{ut as Action,mt as ActionLink,ht as Critical,ft as CriticalWithAction,pt as Icon,yt as LongMessage,gt as Stack,q as TestActionClose,U as TestClose,at as TestStackExpand,F as TestTimer,dt as Toast,Wa as __namedExportsOrder,Oa as default};

package/dist/assets/align-self-B97O5ntC.css

@@ -0,0 +1 @@
+._AlignSelf_zwjql_2._AlignSelf--align-self-start_zwjql_2{align-self:start}._AlignSelf_zwjql_2._AlignSelf--align-self-center_zwjql_5{align-self:center}._AlignSelf_zwjql_2._AlignSelf--align-self-end_zwjql_8{align-self:end}._AlignSelf_zwjql_2._AlignSelf--align-self-stretch_zwjql_11{align-self:stretch}@media (min-width: 400px){._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-start_zwjql_15{align-self:start}._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-center_zwjql_18{align-self:center}._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-end_zwjql_21{align-self:end}._AlignSelf_zwjql_2._AlignSelf--narrow-l--align-self-stretch_zwjql_24{align-self:stretch}}@media (min-width: 700px){._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-start_zwjql_29{align-self:start}._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-center_zwjql_32{align-self:center}._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-end_zwjql_35{align-self:end}._AlignSelf_zwjql_2._AlignSelf--medium-s--align-self-stretch_zwjql_38{align-self:stretch}}@media (min-width: 880px){._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-start_zwjql_43{align-self:start}._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-center_zwjql_46{align-self:center}._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-end_zwjql_49{align-self:end}._AlignSelf_zwjql_2._AlignSelf--medium-l--align-self-stretch_zwjql_52{align-self:stretch}}@media (min-width: 1200px){._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-start_zwjql_57{align-self:start}._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-center_zwjql_60{align-self:center}._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-end_zwjql_63{align-self:end}._AlignSelf_zwjql_2._AlignSelf--wide-s--align-self-stretch_zwjql_66{align-self:stretch}}@media (min-width: 1900px){._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-start_zwjql_71{align-self:start}._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-center_zwjql_74{align-self:center}._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-end_zwjql_77{align-self:end}._AlignSelf_zwjql_2._AlignSelf--wide-l--align-self-stretch_zwjql_80{align-self:stretch}}

package/dist/assets/align-self-bURpNU3k.js

@@ -0,0 +1 @@
+import{m as e,s as n}from"./classNames-Cqk1oqv4.js";const i="_AlignSelf_zwjql_2",s={AlignSelf:i,"AlignSelf--align-self-start":"_AlignSelf--align-self-start_zwjql_2","AlignSelf--align-self-center":"_AlignSelf--align-self-center_zwjql_5","AlignSelf--align-self-end":"_AlignSelf--align-self-end_zwjql_8","AlignSelf--align-self-stretch":"_AlignSelf--align-self-stretch_zwjql_11","AlignSelf--narrow-l--align-self-start":"_AlignSelf--narrow-l--align-self-start_zwjql_15","AlignSelf--narrow-l--align-self-center":"_AlignSelf--narrow-l--align-self-center_zwjql_18","AlignSelf--narrow-l--align-self-end":"_AlignSelf--narrow-l--align-self-end_zwjql_21","AlignSelf--narrow-l--align-self-stretch":"_AlignSelf--narrow-l--align-self-stretch_zwjql_24","AlignSelf--medium-s--align-self-start":"_AlignSelf--medium-s--align-self-start_zwjql_29","AlignSelf--medium-s--align-self-center":"_AlignSelf--medium-s--align-self-center_zwjql_32","AlignSelf--medium-s--align-self-end":"_AlignSelf--medium-s--align-self-end_zwjql_35","AlignSelf--medium-s--align-self-stretch":"_AlignSelf--medium-s--align-self-stretch_zwjql_38","AlignSelf--medium-l--align-self-start":"_AlignSelf--medium-l--align-self-start_zwjql_43","AlignSelf--medium-l--align-self-center":"_AlignSelf--medium-l--align-self-center_zwjql_46","AlignSelf--medium-l--align-self-end":"_AlignSelf--medium-l--align-self-end_zwjql_49","AlignSelf--medium-l--align-self-stretch":"_AlignSelf--medium-l--align-self-stretch_zwjql_52","AlignSelf--wide-s--align-self-start":"_AlignSelf--wide-s--align-self-start_zwjql_57","AlignSelf--wide-s--align-self-center":"_AlignSelf--wide-s--align-self-center_zwjql_60","AlignSelf--wide-s--align-self-end":"_AlignSelf--wide-s--align-self-end_zwjql_63","AlignSelf--wide-s--align-self-stretch":"_AlignSelf--wide-s--align-self-stretch_zwjql_66","AlignSelf--wide-l--align-self-start":"_AlignSelf--wide-l--align-self-start_zwjql_71","AlignSelf--wide-l--align-self-center":"_AlignSelf--wide-l--align-self-center_zwjql_74","AlignSelf--wide-l--align-self-end":"_AlignSelf--wide-l--align-self-end_zwjql_77","AlignSelf--wide-l--align-self-stretch":"_AlignSelf--wide-l--align-self-stretch_zwjql_80"},g="AlignSelf",a=l=>e(s,g,[n("align-self",l)]);export{a as g};

package/dist/assets/{breakpoints-qcRclsIc.js → breakpoints-BN25rAYx.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as t}from"./index-DSz_1G2r.js";import{ae as o}from"./index-B63D3xRl.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-BieS4QGI.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function r(i){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...t(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Custom Components/Less.js/Breakpoints"}),`
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as t}from"./index-DSz_1G2r.js";import{ae as o}from"./index-BdKDgH-N.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C6ga-lcz.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";function r(i){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...t(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Guides/Custom Components/Less.js/Breakpoints"}),`
 `,e.jsx(n.h1,{id:"lessjs-breakpoints",children:"Less.js: Breakpoints"}),`
 `,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.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."]}),`
 `,e.jsx(n.hr,{}),`

package/dist/assets/{breakpoints-k77h5Hj6.js → breakpoints-D9ah2srw.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as i}from"./index-DSz_1G2r.js";import{ae as r}from"./index-B63D3xRl.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-BieS4QGI.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function t(o){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Custom Components/StyledComponents/Breakpoints"}),`
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as i}from"./index-DSz_1G2r.js";import{ae as r}from"./index-BdKDgH-N.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C6ga-lcz.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";function t(o){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...i(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Guides/Custom Components/StyledComponents/Breakpoints"}),`
 `,e.jsx(n.h1,{id:"styledcomponents-breakpoints",children:"StyledComponents: Breakpoints"}),`
 `,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.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."]}),`
 `,e.jsx(n.hr,{}),`

package/dist/assets/{breakpoints-SC4uEPeQ.js → breakpoints-Dn5rWbf8.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as i}from"./index-DSz_1G2r.js";import{ae as t}from"./index-B63D3xRl.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-BieS4QGI.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-nrpnv_Jx.js";import"./index-DrFu-skq.js";function s(r){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...i(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/SCSS/Breakpoints"}),`
+import{j as e}from"./jsx-runtime-CKrituN3.js";import{useMDXComponents as i}from"./index-DSz_1G2r.js";import{ae as t}from"./index-BdKDgH-N.js";import"./index-CBqU2yxZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-C6ga-lcz.js";import"../sb-preview/runtime.js";import"./index-D5dhze5r.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";function s(r){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...i(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/SCSS/Breakpoints"}),`
 `,e.jsx(n.h1,{id:"scss-breakpoints",children:"SCSS: Breakpoints"}),`
 `,e.jsxs(n.p,{children:[e.jsx(n.strong,{children:"Note:"})," Storybook renders this page inside of an ",e.jsx(n.code,{children:"iframe"}),"! The width taken into account by the media query is that of the ",e.jsx(n.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."]}),`
 `,e.jsx(n.hr,{}),`