@preply/ds-docs 1.2.0 → 1.2.1

package/dist/assets/{Toast.stories-CXyLWBtu.js → Toast.stories-0foBTnYw.js}

@@ -1,5 +1,5 @@
-import{j as f}from"./jsx-runtime-DKCSRAmE.js";import{e as o,r as v}from"./index-B3evPFBL.js";import{w as wt,e as xt,a as Dt,u as Ce}from"./index-BL9cg00L.js";import{a as Tt}from"./chunk-D5ZWXAHU-D9pYMJqw.js";import{F as Oe}from"./TokyoUIInfo-nHX2jpp7.js";import{o as Ve}from"./index-D0e9w-0q.js";import{I as Mt}from"./Icon-CVkRdQHj.js";import{g as We}from"./classNames-BhD67HvA.js";import{w as Ue}from"./componentNames-BSriaIOD.js";import{S as Fe}from"./StoryContextDSWeb-2Rray45i.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CQkTLCs1.js";import"./index-DkSJDfK1.js";import"./text-accent-t1-BGLK1.js";import"./render-icon-DZ-M7pKE.js";import"./StorybookGlobalStyle-LHKIOPAE.js";import"./styled-components.browser.esm-7-tE6q-K.js";import"./RootProvider-IC6FiMeU.js";import"./useTheme-RRPIoBnw.js";import"./constants-mdQROz_Y.js";var qe=e=>{switch(e){case"success":return Ge;case"info":return Qe;case"warning":return Je;case"error":return Xe;default:return null}},Ze=Array(12).fill(0),Ke=({visible:e,className:a})=>o.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":e},o.createElement("div",{className:"sonner-spinner"},Ze.map((s,l)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${l}`})))),Ge=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"})),Je=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"})),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:"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"})),ta=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"})),ea=()=>{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},zt=1,aa=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,...l}=e,p=typeof(e==null?void 0:e.id)=="number"||((a=e.id)==null?void 0:a.length)>0?e.id:zt++,w=this.toasts.find(x=>x.id===p),S=e.dismissible===void 0?!0:e.dismissible;return w?this.toasts=this.toasts.map(x=>x.id===p?(this.publish({...x,...e,id:p,title:s}),{...x,...e,id:p,dismissible:S,title:s}):x):this.addToast({title:s,...l,dismissible:S,id:p}),p},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 l=e instanceof Promise?e:e(),p=s!==void 0,w,S=l.then(async c=>{if(w=["resolve",c],o.isValidElement(c))p=!1,this.create({id:s,type:"default",message:c});else if(sa(c)&&!c.ok){p=!1;let g=typeof a.error=="function"?await a.error(`HTTP error! status: ${c.status}`):a.error,P=typeof a.description=="function"?await a.description(`HTTP error! status: ${c.status}`):a.description;this.create({id:s,type:"error",message:g,description:P})}else if(a.success!==void 0){p=!1;let g=typeof a.success=="function"?await a.success(c):a.success,P=typeof a.description=="function"?await a.description(c):a.description;this.create({id:s,type:"success",message:g,description:P})}}).catch(async c=>{if(w=["reject",c],a.error!==void 0){p=!1;let g=typeof a.error=="function"?await a.error(c):a.error,P=typeof a.description=="function"?await a.description(c):a.description;this.create({id:s,type:"error",message:g,description:P})}}).finally(()=>{var c;p&&(this.dismiss(s),s=void 0),(c=a.finally)==null||c.call(a)}),x=()=>new Promise((c,g)=>S.then(()=>w[0]==="reject"?g(w[1]):c(w[1])).catch(g));return typeof s!="string"&&typeof s!="number"?{unwrap:x}:Object.assign(s,{unwrap:x})},this.custom=(e,a)=>{let s=(a==null?void 0:a.id)||zt++;return this.create({jsx:e(s),id:s,...a}),s},this.subscribers=[],this.toasts=[]}},I=new aa,oa=(e,a)=>{let s=(a==null?void 0:a.id)||zt++;return I.addToast({title:e,...a,id:s}),s},sa=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",ra=oa,na=()=>I.toasts,At=Object.assign(ra,{success:I.success,info:I.info,warning:I.warning,error:I.error,custom:I.custom,message:I.message,promise:I.promise,dismiss:I.dismiss,loading:I.loading},{getHistory:na});function ia(e,{insertAt:a}={}){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css",a==="top"&&s.firstChild?s.insertBefore(l,s.firstChild):s.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}ia(`: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;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}: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;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}[data-sonner-toast] [data-close-button]{background:var(--gray1)}: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-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: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][dir=rtl]{left:calc(var(--mobile-offset) * -1)}[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 ut(e){return e.label!==void 0}var la=3,da="32px",Wt=4e3,ca=356,ua=14,ma=20,ha=200;function pa(...e){return e.filter(Boolean).join(" ")}var fa=e=>{var a,s,l,p,w,S,x,c,g,P,at;let{invert:Et,toast:t,unstyled:y,interacting:K,setHeights:R,visibleToasts:kt,heights:$,index:A,toasts:It,expanded:G,removeToast:N,defaultRichColors:J,closeButton:ot,style:st,cancelButtonStyle:Bt,actionButtonStyle:rt,className:z="",descriptionClassName:nt="",duration:O,position:St,gap:H,loadingIcon:M,expandByDefault:it,classNames:n,icons:k,closeButtonAriaLabel:Ct="Close toast",pauseWhenPageIsHidden:u,cn:i}=e,[m,E]=o.useState(!1),[Y,b]=o.useState(!1),[Nt,Q]=o.useState(!1),[X,tt]=o.useState(!1),[Ne,Ht]=o.useState(!1),[je,jt]=o.useState(0),[Pe,Yt]=o.useState(0),lt=o.useRef(t.duration||O||Wt),_t=o.useRef(null),_=o.useRef(null),Re=A===0,Le=A+1<=kt,C=t.type,V=t.dismissible!==!1,Me=t.className||"",Ae=t.descriptionClassName||"",dt=o.useMemo(()=>$.findIndex(r=>r.toastId===t.id)||0,[$,t.id]),ze=o.useMemo(()=>{var r;return(r=t.closeButton)!=null?r:ot},[t.closeButton,ot]);o.useMemo(()=>t.duration||O||Wt,[t.duration,O]);let Pt=o.useRef(0),W=o.useRef(0),$t=o.useRef(0),ct=o.useRef(null),[De,He]=St.split("-"),Ot=o.useMemo(()=>$.reduce((r,d,h)=>h>=dt?r:r+d.height,0),[$,dt]),Vt=ea(),Ye=t.invert||Et,Rt=C==="loading";W.current=o.useMemo(()=>dt*H+Ot,[dt,Ot]),o.useEffect(()=>{E(!0)},[]),o.useEffect(()=>{let r=_.current;if(r){let d=r.getBoundingClientRect().height;return Yt(d),R(h=>[{toastId:t.id,height:d,position:t.position},...h]),()=>R(h=>h.filter(j=>j.toastId!==t.id))}},[R,t.id]),o.useLayoutEffect(()=>{if(!m)return;let r=_.current,d=r.style.height;r.style.height="auto";let h=r.getBoundingClientRect().height;r.style.height=d,Yt(h),R(j=>j.find(L=>L.toastId===t.id)?j.map(L=>L.toastId===t.id?{...L,height:h}:L):[{toastId:t.id,height:h,position:t.position},...j])},[m,t.title,t.description,R,t.id]);let D=o.useCallback(()=>{b(!0),jt(W.current),R(r=>r.filter(d=>d.toastId!==t.id)),setTimeout(()=>{N(t)},ha)},[t,N,R,W]);o.useEffect(()=>{if(t.promise&&C==="loading"||t.duration===1/0||t.type==="loading")return;let r;return G||K||u&&Vt?(()=>{if($t.current<Pt.current){let d=new Date().getTime()-Pt.current;lt.current=lt.current-d}$t.current=new Date().getTime()})():lt.current!==1/0&&(Pt.current=new Date().getTime(),r=setTimeout(()=>{var d;(d=t.onAutoClose)==null||d.call(t,t),D()},lt.current)),()=>clearTimeout(r)},[G,K,t,C,u,Vt,D]),o.useEffect(()=>{t.delete&&D()},[D,t.delete]);function _e(){var r,d,h;return k!=null&&k.loading?o.createElement("div",{className:i(n==null?void 0:n.loader,(r=t==null?void 0:t.classNames)==null?void 0:r.loader,"sonner-loader"),"data-visible":C==="loading"},k.loading):M?o.createElement("div",{className:i(n==null?void 0:n.loader,(d=t==null?void 0:t.classNames)==null?void 0:d.loader,"sonner-loader"),"data-visible":C==="loading"},M):o.createElement(Ke,{className:i(n==null?void 0:n.loader,(h=t==null?void 0:t.classNames)==null?void 0:h.loader),visible:C==="loading"})}return o.createElement("li",{tabIndex:0,ref:_,className:i(z,Me,n==null?void 0:n.toast,(a=t==null?void 0:t.classNames)==null?void 0:a.toast,n==null?void 0:n.default,n==null?void 0:n[C],(s=t==null?void 0:t.classNames)==null?void 0:s[C]),"data-sonner-toast":"","data-rich-colors":(l=t.richColors)!=null?l:J,"data-styled":!(t.jsx||t.unstyled||y),"data-mounted":m,"data-promise":!!t.promise,"data-swiped":Ne,"data-removed":Y,"data-visible":Le,"data-y-position":De,"data-x-position":He,"data-index":A,"data-front":Re,"data-swiping":Nt,"data-dismissible":V,"data-type":C,"data-invert":Ye,"data-swipe-out":X,"data-expanded":!!(G||it&&m),style:{"--index":A,"--toasts-before":A,"--z-index":It.length-A,"--offset":`${Y?je:W.current}px`,"--initial-height":it?"auto":`${Pe}px`,...st,...t.style},onPointerDown:r=>{Rt||!V||(_t.current=new Date,jt(W.current),r.target.setPointerCapture(r.pointerId),r.target.tagName!=="BUTTON"&&(Q(!0),ct.current={x:r.clientX,y:r.clientY}))},onPointerUp:()=>{var r,d,h,j;if(X||!V)return;ct.current=null;let L=Number(((r=_.current)==null?void 0:r.style.getPropertyValue("--swipe-amount").replace("px",""))||0),Lt=new Date().getTime()-((d=_t.current)==null?void 0:d.getTime()),$e=Math.abs(L)/Lt;if(Math.abs(L)>=ma||$e>.11){jt(W.current),(h=t.onDismiss)==null||h.call(t,t),D(),tt(!0),Ht(!1);return}(j=_.current)==null||j.style.setProperty("--swipe-amount","0px"),Q(!1)},onPointerMove:r=>{var d,h,j;if(!ct.current||!V)return;let L=r.clientY-ct.current.y,Lt=((d=window.getSelection())==null?void 0:d.toString().length)>0;Number(((h=_.current)==null?void 0:h.style.getPropertyValue("--swipe-amount").replace("px",""))||0)>0&&Ht(!0),!Lt&&((j=_.current)==null||j.style.setProperty("--swipe-amount",`${Math.max(0,L)}px`))}},ze&&!t.jsx?o.createElement("button",{"aria-label":Ct,"data-disabled":Rt,"data-close-button":!0,onClick:Rt||!V?()=>{}:()=>{var r;D(),(r=t.onDismiss)==null||r.call(t,t)},className:i(n==null?void 0:n.closeButton,(p=t==null?void 0:t.classNames)==null?void 0:p.closeButton)},(w=k==null?void 0:k.close)!=null?w:ta):null,t.jsx||o.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.createElement(o.Fragment,null,C||t.icon||t.promise?o.createElement("div",{"data-icon":"",className:i(n==null?void 0:n.icon,(S=t==null?void 0:t.classNames)==null?void 0:S.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||_e():null,t.type!=="loading"?t.icon||(k==null?void 0:k[C])||qe(C):null):null,o.createElement("div",{"data-content":"",className:i(n==null?void 0:n.content,(x=t==null?void 0:t.classNames)==null?void 0:x.content)},o.createElement("div",{"data-title":"",className:i(n==null?void 0:n.title,(c=t==null?void 0:t.classNames)==null?void 0:c.title)},typeof t.title=="function"?t.title():t.title),t.description?o.createElement("div",{"data-description":"",className:i(nt,Ae,n==null?void 0:n.description,(g=t==null?void 0:t.classNames)==null?void 0:g.description)},typeof t.description=="function"?t.description():t.description):null),o.isValidElement(t.cancel)?t.cancel:t.cancel&&ut(t.cancel)?o.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||Bt,onClick:r=>{var d,h;ut(t.cancel)&&V&&((h=(d=t.cancel).onClick)==null||h.call(d,r),D())},className:i(n==null?void 0:n.cancelButton,(P=t==null?void 0:t.classNames)==null?void 0:P.cancelButton)},t.cancel.label):null,o.isValidElement(t.action)?t.action:t.action&&ut(t.action)?o.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||rt,onClick:r=>{var d,h;ut(t.action)&&((h=(d=t.action).onClick)==null||h.call(d,r),!r.defaultPrevented&&D())},className:i(n==null?void 0:n.actionButton,(at=t==null?void 0:t.classNames)==null?void 0:at.actionButton)},t.action.label):null))};function Ut(){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 ga=v.forwardRef(function(e,a){let{invert:s,position:l="bottom-right",hotkey:p=["altKey","KeyT"],expand:w,closeButton:S,className:x,offset:c,theme:g="light",richColors:P,duration:at,style:Et,visibleToasts:t=la,toastOptions:y,dir:K=Ut(),gap:R=ua,loadingIcon:kt,icons:$,containerAriaLabel:A="Notifications",pauseWhenPageIsHidden:It,cn:G=pa}=e,[N,J]=o.useState([]),ot=o.useMemo(()=>Array.from(new Set([l].concat(N.filter(u=>u.position).map(u=>u.position)))),[N,l]),[st,Bt]=o.useState([]),[rt,z]=o.useState(!1),[nt,O]=o.useState(!1),[St,H]=o.useState(g!=="system"?g:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),M=o.useRef(null),it=p.join("+").replace(/Key/g,"").replace(/Digit/g,""),n=o.useRef(null),k=o.useRef(!1),Ct=o.useCallback(u=>{J(i=>{var m;return(m=i.find(E=>E.id===u.id))!=null&&m.delete||I.dismiss(u.id),i.filter(({id:E})=>E!==u.id)})},[]);return o.useEffect(()=>I.subscribe(u=>{if(u.dismiss){J(i=>i.map(m=>m.id===u.id?{...m,delete:!0}:m));return}setTimeout(()=>{Ve.flushSync(()=>{J(i=>{let m=i.findIndex(E=>E.id===u.id);return m!==-1?[...i.slice(0,m),{...i[m],...u},...i.slice(m+1)]:[u,...i]})})})}),[]),o.useEffect(()=>{if(g!=="system"){H(g);return}if(g==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?H("dark"):H("light")),typeof window>"u")return;let u=window.matchMedia("(prefers-color-scheme: dark)");try{u.addEventListener("change",({matches:i})=>{H(i?"dark":"light")})}catch{u.addListener(({matches:m})=>{try{H(m?"dark":"light")}catch(E){console.error(E)}})}},[g]),o.useEffect(()=>{N.length<=1&&z(!1)},[N]),o.useEffect(()=>{let u=i=>{var m,E;p.every(Y=>i[Y]||i.code===Y)&&(z(!0),(m=M.current)==null||m.focus()),i.code==="Escape"&&(document.activeElement===M.current||(E=M.current)!=null&&E.contains(document.activeElement))&&z(!1)};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[p]),o.useEffect(()=>{if(M.current)return()=>{n.current&&(n.current.focus({preventScroll:!0}),n.current=null,k.current=!1)}},[M.current]),o.createElement("section",{"aria-label":`${A} ${it}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false"},ot.map((u,i)=>{var m;let[E,Y]=u.split("-");return N.length?o.createElement("ol",{key:u,dir:K==="auto"?Ut():K,tabIndex:-1,ref:M,className:x,"data-sonner-toaster":!0,"data-theme":St,"data-y-position":E,"data-lifted":rt&&N.length>1&&!w,"data-x-position":Y,style:{"--front-toast-height":`${((m=st[0])==null?void 0:m.height)||0}px`,"--offset":typeof c=="number"?`${c}px`:c||da,"--width":`${ca}px`,"--gap":`${R}px`,...Et},onBlur:b=>{k.current&&!b.currentTarget.contains(b.relatedTarget)&&(k.current=!1,n.current&&(n.current.focus({preventScroll:!0}),n.current=null))},onFocus:b=>{b.target instanceof HTMLElement&&b.target.dataset.dismissible==="false"||k.current||(k.current=!0,n.current=b.relatedTarget)},onMouseEnter:()=>z(!0),onMouseMove:()=>z(!0),onMouseLeave:()=>{nt||z(!1)},onPointerDown:b=>{b.target instanceof HTMLElement&&b.target.dataset.dismissible==="false"||O(!0)},onPointerUp:()=>O(!1)},N.filter(b=>!b.position&&i===0||b.position===u).map((b,Nt)=>{var Q,X;return o.createElement(fa,{key:b.id,icons:$,index:Nt,toast:b,defaultRichColors:P,duration:(Q=y==null?void 0:y.duration)!=null?Q:at,className:y==null?void 0:y.className,descriptionClassName:y==null?void 0:y.descriptionClassName,invert:s,visibleToasts:t,closeButton:(X=y==null?void 0:y.closeButton)!=null?X:S,interacting:nt,position:u,style:y==null?void 0:y.style,unstyled:y==null?void 0:y.unstyled,classNames:y==null?void 0:y.classNames,cancelButtonStyle:y==null?void 0:y.cancelButtonStyle,actionButtonStyle:y==null?void 0:y.actionButtonStyle,removeToast:Ct,toasts:N.filter(tt=>tt.position==b.position),heights:st.filter(tt=>tt.position==b.position),setHeights:Bt,expandByDefault:w,gap:R,loadingIcon:kt,expanded:rt,pauseWhenPageIsHidden:It,cn:G})})):null}))});const va="_toast_2s227_3",ya="_title_2s227_19",ba="_critical_2s227_22",wa="_actionButton_2s227_34",xa="_closeButton_2s227_55",U={toast:va,title:ya,critical:ba,actionButton:wa,closeButton:xa},Ta=({title:e,titleId:a,...s},l)=>v.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:l,"aria-labelledby":a,...s},e?v.createElement("title",{id:a},e):null,v.createElement("path",{fillRule:"evenodd",d:"M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z",clipRule:"evenodd"})),Ea=v.forwardRef(Ta),ka=({title:e,titleId:a,...s},l)=>v.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:l,"aria-labelledby":a,...s},e?v.createElement("title",{id:a},e):null,v.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"})),Ia=v.forwardRef(ka),B=({duration:e=5e3})=>f.jsx(ga,{position:"top-right",duration:e,visibleToasts:3}),Ba=B.bind(null,{duration:5e3});function T(e,a){const{variant:s="info",leadingSvgIcon:l,actionLabel:p,actionOnClick:w,actionHref:S,dataset:x}=a??{},c=S?"a":"button";return At.custom(g=>f.jsxs("div",{style:{display:"contents"},...We(x,{preplyDsComponent:Ue.Toast}),children:[s==="critical"?f.jsx(Mt,{svg:Ia}):l&&f.jsx(Mt,{svg:l}),f.jsx("span",{className:U.title,children:e}),f.jsx("button",{onClick:()=>At.dismiss(g),className:U.closeButton,"aria-label":"Close",children:f.jsx(Mt,{svg:Ea})}),p&&f.jsx(c,{className:U.actionButton,onClick:()=>{At.dismiss(g),w==null||w()},href:S,children:p})]}),{classNames:{toast:s==="critical"?`${U.toast} ${U.critical}`:U.toast}})}const qa={title:"Components/Toast",component:Ba,decorators:[e=>f.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:f.jsx(Fe,{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()"}}}},mt=()=>(v.useEffect(()=>{T("This is a toast")},[]),f.jsx(B,{duration:1/0})),F=()=>(v.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),f.jsx(B,{duration:500}));F.tags=["!autodocs"];F.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>wt(()=>{const s=a.queryByTestId("toast");return xt(s).toBeInTheDocument()})),await e("check toast is dismissed automatically",()=>{const s=a.getByTestId("toast");return Dt(s)})};const q=()=>(v.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),f.jsx(B,{duration:1/0}));q.tags=["!autodocs"];q.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>wt(()=>{const s=a.queryByTestId("toast");return xt(s).toBeInTheDocument()})),await e("check toast is dismissed on close button click",async()=>{const s=a.getByTestId("toast");return a.getByRole("button").click(),Dt(s)})};const ht=()=>(v.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Tt("clicked action")})},[]),f.jsx(B,{duration:1/0})),Z=()=>(v.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"},actionLabel:"Action",actionOnClick:Tt("clicked action")})},[]),f.jsx(B,{duration:1/0}));Z.tags=["!autodocs"];Z.play=async({canvas:e,step:a})=>{await a("wait for toast",()=>wt(()=>{const s=e.queryByTestId("toast");return xt(s).toBeInTheDocument()})),await a("check toast is dismissed on action button click",async()=>{const s=e.getByTestId("toast"),l=e.getByText("Action");return await Ce.click(l),Dt(s)})};const pt=()=>(v.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Tt("clicked action"),actionHref:"#"})},[]),f.jsx(B,{duration:1/0})),ft=()=>(v.useEffect(()=>{T("This is a toast",{leadingSvgIcon:Oe})},[]),f.jsx(B,{duration:1/0})),gt=()=>(v.useEffect(()=>{T("This is a critical toast",{variant:"critical"})},[]),f.jsx(B,{duration:1/0})),vt=()=>(v.useEffect(()=>{T("This is a critical toast",{variant:"critical",actionLabel:"Action",actionOnClick:Tt("clicked action")})},[]),f.jsx(B,{duration:1/0})),yt=()=>(v.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3")},[]),f.jsx(B,{duration:1/0})),et=()=>(v.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3",{dataset:{testid:"toast3"}})},[]),f.jsx(B,{duration:1/0}));et.play=async({canvas:e,canvasElement:a,step:s})=>{await s("wait for toast 3",()=>wt(()=>{const l=e.queryByTestId("toast3");xt(l).toBeInTheDocument()})),await s("Use global toast area shortcut",async()=>{a.focus(),await Ce.keyboard("{Alt>}T")})};const bt=()=>(v.useEffect(()=>{T("What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong")},[]),f.jsx(B,{duration:1/0}));var Ft,qt,Zt;mt.parameters={...mt.parameters,docs:{...(Ft=mt.parameters)==null?void 0:Ft.docs,source:{originalSource:`() => {
+import{j as p}from"./jsx-runtime-DKCSRAmE.js";import{e as o,r as v}from"./index-B3evPFBL.js";import{w as wt,e as xt,a as Dt,u as Ce}from"./index-BL9cg00L.js";import{a as Tt}from"./chunk-D5ZWXAHU-D9pYMJqw.js";import{F as Oe}from"./TokyoUIInfo-nHX2jpp7.js";import{o as Ve}from"./index-D0e9w-0q.js";import{I as Mt}from"./Icon-DwMifY4k.js";import{g as We}from"./classNames-Wpxwgey5.js";import{w as Ue}from"./componentNames-BSriaIOD.js";import{S as Fe}from"./StoryContextDSWeb-whMXa6J4.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CQkTLCs1.js";import"./index-DkSJDfK1.js";import"./text-accent-tgyMH0ub.js";import"./render-icon-DZ-M7pKE.js";import"./StorybookGlobalStyle-LHKIOPAE.js";import"./styled-components.browser.esm-7-tE6q-K.js";import"./RootProvider-B7qHk4zd.js";import"./useTheme-CsPBWahb.js";import"./constants-mdQROz_Y.js";var qe=e=>{switch(e){case"success":return Ge;case"info":return Qe;case"warning":return Je;case"error":return Xe;default:return null}},Ze=Array(12).fill(0),Ke=({visible:e,className:a})=>o.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":e},o.createElement("div",{className:"sonner-spinner"},Ze.map((s,l)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${l}`})))),Ge=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"})),Je=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"})),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:"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"})),ta=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"})),ea=()=>{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},zt=1,aa=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,...l}=e,f=typeof(e==null?void 0:e.id)=="number"||((a=e.id)==null?void 0:a.length)>0?e.id:zt++,w=this.toasts.find(x=>x.id===f),S=e.dismissible===void 0?!0:e.dismissible;return w?this.toasts=this.toasts.map(x=>x.id===f?(this.publish({...x,...e,id:f,title:s}),{...x,...e,id:f,dismissible:S,title:s}):x):this.addToast({title:s,...l,dismissible:S,id:f}),f},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 l=e instanceof Promise?e:e(),f=s!==void 0,w,S=l.then(async c=>{if(w=["resolve",c],o.isValidElement(c))f=!1,this.create({id:s,type:"default",message:c});else if(sa(c)&&!c.ok){f=!1;let g=typeof a.error=="function"?await a.error(`HTTP error! status: ${c.status}`):a.error,P=typeof a.description=="function"?await a.description(`HTTP error! status: ${c.status}`):a.description;this.create({id:s,type:"error",message:g,description:P})}else if(a.success!==void 0){f=!1;let g=typeof a.success=="function"?await a.success(c):a.success,P=typeof a.description=="function"?await a.description(c):a.description;this.create({id:s,type:"success",message:g,description:P})}}).catch(async c=>{if(w=["reject",c],a.error!==void 0){f=!1;let g=typeof a.error=="function"?await a.error(c):a.error,P=typeof a.description=="function"?await a.description(c):a.description;this.create({id:s,type:"error",message:g,description:P})}}).finally(()=>{var c;f&&(this.dismiss(s),s=void 0),(c=a.finally)==null||c.call(a)}),x=()=>new Promise((c,g)=>S.then(()=>w[0]==="reject"?g(w[1]):c(w[1])).catch(g));return typeof s!="string"&&typeof s!="number"?{unwrap:x}:Object.assign(s,{unwrap:x})},this.custom=(e,a)=>{let s=(a==null?void 0:a.id)||zt++;return this.create({jsx:e(s),id:s,...a}),s},this.subscribers=[],this.toasts=[]}},I=new aa,oa=(e,a)=>{let s=(a==null?void 0:a.id)||zt++;return I.addToast({title:e,...a,id:s}),s},sa=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",ra=oa,na=()=>I.toasts,At=Object.assign(ra,{success:I.success,info:I.info,warning:I.warning,error:I.error,custom:I.custom,message:I.message,promise:I.promise,dismiss:I.dismiss,loading:I.loading},{getHistory:na});function ia(e,{insertAt:a}={}){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css",a==="top"&&s.firstChild?s.insertBefore(l,s.firstChild):s.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}ia(`: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;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}: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;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}[data-sonner-toast] [data-close-button]{background:var(--gray1)}: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-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: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][dir=rtl]{left:calc(var(--mobile-offset) * -1)}[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 ut(e){return e.label!==void 0}var la=3,da="32px",Wt=4e3,ca=356,ua=14,ma=20,ha=200;function fa(...e){return e.filter(Boolean).join(" ")}var pa=e=>{var a,s,l,f,w,S,x,c,g,P,at;let{invert:Et,toast:t,unstyled:y,interacting:K,setHeights:R,visibleToasts:kt,heights:$,index:A,toasts:It,expanded:G,removeToast:N,defaultRichColors:J,closeButton:ot,style:st,cancelButtonStyle:Bt,actionButtonStyle:rt,className:z="",descriptionClassName:nt="",duration:O,position:St,gap:H,loadingIcon:M,expandByDefault:it,classNames:n,icons:k,closeButtonAriaLabel:Ct="Close toast",pauseWhenPageIsHidden:u,cn:i}=e,[m,E]=o.useState(!1),[Y,b]=o.useState(!1),[Nt,Q]=o.useState(!1),[X,tt]=o.useState(!1),[Ne,Ht]=o.useState(!1),[je,jt]=o.useState(0),[Pe,Yt]=o.useState(0),lt=o.useRef(t.duration||O||Wt),_t=o.useRef(null),_=o.useRef(null),Re=A===0,Le=A+1<=kt,C=t.type,V=t.dismissible!==!1,Me=t.className||"",Ae=t.descriptionClassName||"",dt=o.useMemo(()=>$.findIndex(r=>r.toastId===t.id)||0,[$,t.id]),ze=o.useMemo(()=>{var r;return(r=t.closeButton)!=null?r:ot},[t.closeButton,ot]);o.useMemo(()=>t.duration||O||Wt,[t.duration,O]);let Pt=o.useRef(0),W=o.useRef(0),$t=o.useRef(0),ct=o.useRef(null),[De,He]=St.split("-"),Ot=o.useMemo(()=>$.reduce((r,d,h)=>h>=dt?r:r+d.height,0),[$,dt]),Vt=ea(),Ye=t.invert||Et,Rt=C==="loading";W.current=o.useMemo(()=>dt*H+Ot,[dt,Ot]),o.useEffect(()=>{E(!0)},[]),o.useEffect(()=>{let r=_.current;if(r){let d=r.getBoundingClientRect().height;return Yt(d),R(h=>[{toastId:t.id,height:d,position:t.position},...h]),()=>R(h=>h.filter(j=>j.toastId!==t.id))}},[R,t.id]),o.useLayoutEffect(()=>{if(!m)return;let r=_.current,d=r.style.height;r.style.height="auto";let h=r.getBoundingClientRect().height;r.style.height=d,Yt(h),R(j=>j.find(L=>L.toastId===t.id)?j.map(L=>L.toastId===t.id?{...L,height:h}:L):[{toastId:t.id,height:h,position:t.position},...j])},[m,t.title,t.description,R,t.id]);let D=o.useCallback(()=>{b(!0),jt(W.current),R(r=>r.filter(d=>d.toastId!==t.id)),setTimeout(()=>{N(t)},ha)},[t,N,R,W]);o.useEffect(()=>{if(t.promise&&C==="loading"||t.duration===1/0||t.type==="loading")return;let r;return G||K||u&&Vt?(()=>{if($t.current<Pt.current){let d=new Date().getTime()-Pt.current;lt.current=lt.current-d}$t.current=new Date().getTime()})():lt.current!==1/0&&(Pt.current=new Date().getTime(),r=setTimeout(()=>{var d;(d=t.onAutoClose)==null||d.call(t,t),D()},lt.current)),()=>clearTimeout(r)},[G,K,t,C,u,Vt,D]),o.useEffect(()=>{t.delete&&D()},[D,t.delete]);function _e(){var r,d,h;return k!=null&&k.loading?o.createElement("div",{className:i(n==null?void 0:n.loader,(r=t==null?void 0:t.classNames)==null?void 0:r.loader,"sonner-loader"),"data-visible":C==="loading"},k.loading):M?o.createElement("div",{className:i(n==null?void 0:n.loader,(d=t==null?void 0:t.classNames)==null?void 0:d.loader,"sonner-loader"),"data-visible":C==="loading"},M):o.createElement(Ke,{className:i(n==null?void 0:n.loader,(h=t==null?void 0:t.classNames)==null?void 0:h.loader),visible:C==="loading"})}return o.createElement("li",{tabIndex:0,ref:_,className:i(z,Me,n==null?void 0:n.toast,(a=t==null?void 0:t.classNames)==null?void 0:a.toast,n==null?void 0:n.default,n==null?void 0:n[C],(s=t==null?void 0:t.classNames)==null?void 0:s[C]),"data-sonner-toast":"","data-rich-colors":(l=t.richColors)!=null?l:J,"data-styled":!(t.jsx||t.unstyled||y),"data-mounted":m,"data-promise":!!t.promise,"data-swiped":Ne,"data-removed":Y,"data-visible":Le,"data-y-position":De,"data-x-position":He,"data-index":A,"data-front":Re,"data-swiping":Nt,"data-dismissible":V,"data-type":C,"data-invert":Ye,"data-swipe-out":X,"data-expanded":!!(G||it&&m),style:{"--index":A,"--toasts-before":A,"--z-index":It.length-A,"--offset":`${Y?je:W.current}px`,"--initial-height":it?"auto":`${Pe}px`,...st,...t.style},onPointerDown:r=>{Rt||!V||(_t.current=new Date,jt(W.current),r.target.setPointerCapture(r.pointerId),r.target.tagName!=="BUTTON"&&(Q(!0),ct.current={x:r.clientX,y:r.clientY}))},onPointerUp:()=>{var r,d,h,j;if(X||!V)return;ct.current=null;let L=Number(((r=_.current)==null?void 0:r.style.getPropertyValue("--swipe-amount").replace("px",""))||0),Lt=new Date().getTime()-((d=_t.current)==null?void 0:d.getTime()),$e=Math.abs(L)/Lt;if(Math.abs(L)>=ma||$e>.11){jt(W.current),(h=t.onDismiss)==null||h.call(t,t),D(),tt(!0),Ht(!1);return}(j=_.current)==null||j.style.setProperty("--swipe-amount","0px"),Q(!1)},onPointerMove:r=>{var d,h,j;if(!ct.current||!V)return;let L=r.clientY-ct.current.y,Lt=((d=window.getSelection())==null?void 0:d.toString().length)>0;Number(((h=_.current)==null?void 0:h.style.getPropertyValue("--swipe-amount").replace("px",""))||0)>0&&Ht(!0),!Lt&&((j=_.current)==null||j.style.setProperty("--swipe-amount",`${Math.max(0,L)}px`))}},ze&&!t.jsx?o.createElement("button",{"aria-label":Ct,"data-disabled":Rt,"data-close-button":!0,onClick:Rt||!V?()=>{}:()=>{var r;D(),(r=t.onDismiss)==null||r.call(t,t)},className:i(n==null?void 0:n.closeButton,(f=t==null?void 0:t.classNames)==null?void 0:f.closeButton)},(w=k==null?void 0:k.close)!=null?w:ta):null,t.jsx||o.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.createElement(o.Fragment,null,C||t.icon||t.promise?o.createElement("div",{"data-icon":"",className:i(n==null?void 0:n.icon,(S=t==null?void 0:t.classNames)==null?void 0:S.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||_e():null,t.type!=="loading"?t.icon||(k==null?void 0:k[C])||qe(C):null):null,o.createElement("div",{"data-content":"",className:i(n==null?void 0:n.content,(x=t==null?void 0:t.classNames)==null?void 0:x.content)},o.createElement("div",{"data-title":"",className:i(n==null?void 0:n.title,(c=t==null?void 0:t.classNames)==null?void 0:c.title)},typeof t.title=="function"?t.title():t.title),t.description?o.createElement("div",{"data-description":"",className:i(nt,Ae,n==null?void 0:n.description,(g=t==null?void 0:t.classNames)==null?void 0:g.description)},typeof t.description=="function"?t.description():t.description):null),o.isValidElement(t.cancel)?t.cancel:t.cancel&&ut(t.cancel)?o.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||Bt,onClick:r=>{var d,h;ut(t.cancel)&&V&&((h=(d=t.cancel).onClick)==null||h.call(d,r),D())},className:i(n==null?void 0:n.cancelButton,(P=t==null?void 0:t.classNames)==null?void 0:P.cancelButton)},t.cancel.label):null,o.isValidElement(t.action)?t.action:t.action&&ut(t.action)?o.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||rt,onClick:r=>{var d,h;ut(t.action)&&((h=(d=t.action).onClick)==null||h.call(d,r),!r.defaultPrevented&&D())},className:i(n==null?void 0:n.actionButton,(at=t==null?void 0:t.classNames)==null?void 0:at.actionButton)},t.action.label):null))};function Ut(){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 ga=v.forwardRef(function(e,a){let{invert:s,position:l="bottom-right",hotkey:f=["altKey","KeyT"],expand:w,closeButton:S,className:x,offset:c,theme:g="light",richColors:P,duration:at,style:Et,visibleToasts:t=la,toastOptions:y,dir:K=Ut(),gap:R=ua,loadingIcon:kt,icons:$,containerAriaLabel:A="Notifications",pauseWhenPageIsHidden:It,cn:G=fa}=e,[N,J]=o.useState([]),ot=o.useMemo(()=>Array.from(new Set([l].concat(N.filter(u=>u.position).map(u=>u.position)))),[N,l]),[st,Bt]=o.useState([]),[rt,z]=o.useState(!1),[nt,O]=o.useState(!1),[St,H]=o.useState(g!=="system"?g:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),M=o.useRef(null),it=f.join("+").replace(/Key/g,"").replace(/Digit/g,""),n=o.useRef(null),k=o.useRef(!1),Ct=o.useCallback(u=>{J(i=>{var m;return(m=i.find(E=>E.id===u.id))!=null&&m.delete||I.dismiss(u.id),i.filter(({id:E})=>E!==u.id)})},[]);return o.useEffect(()=>I.subscribe(u=>{if(u.dismiss){J(i=>i.map(m=>m.id===u.id?{...m,delete:!0}:m));return}setTimeout(()=>{Ve.flushSync(()=>{J(i=>{let m=i.findIndex(E=>E.id===u.id);return m!==-1?[...i.slice(0,m),{...i[m],...u},...i.slice(m+1)]:[u,...i]})})})}),[]),o.useEffect(()=>{if(g!=="system"){H(g);return}if(g==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?H("dark"):H("light")),typeof window>"u")return;let u=window.matchMedia("(prefers-color-scheme: dark)");try{u.addEventListener("change",({matches:i})=>{H(i?"dark":"light")})}catch{u.addListener(({matches:m})=>{try{H(m?"dark":"light")}catch(E){console.error(E)}})}},[g]),o.useEffect(()=>{N.length<=1&&z(!1)},[N]),o.useEffect(()=>{let u=i=>{var m,E;f.every(Y=>i[Y]||i.code===Y)&&(z(!0),(m=M.current)==null||m.focus()),i.code==="Escape"&&(document.activeElement===M.current||(E=M.current)!=null&&E.contains(document.activeElement))&&z(!1)};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[f]),o.useEffect(()=>{if(M.current)return()=>{n.current&&(n.current.focus({preventScroll:!0}),n.current=null,k.current=!1)}},[M.current]),o.createElement("section",{"aria-label":`${A} ${it}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false"},ot.map((u,i)=>{var m;let[E,Y]=u.split("-");return N.length?o.createElement("ol",{key:u,dir:K==="auto"?Ut():K,tabIndex:-1,ref:M,className:x,"data-sonner-toaster":!0,"data-theme":St,"data-y-position":E,"data-lifted":rt&&N.length>1&&!w,"data-x-position":Y,style:{"--front-toast-height":`${((m=st[0])==null?void 0:m.height)||0}px`,"--offset":typeof c=="number"?`${c}px`:c||da,"--width":`${ca}px`,"--gap":`${R}px`,...Et},onBlur:b=>{k.current&&!b.currentTarget.contains(b.relatedTarget)&&(k.current=!1,n.current&&(n.current.focus({preventScroll:!0}),n.current=null))},onFocus:b=>{b.target instanceof HTMLElement&&b.target.dataset.dismissible==="false"||k.current||(k.current=!0,n.current=b.relatedTarget)},onMouseEnter:()=>z(!0),onMouseMove:()=>z(!0),onMouseLeave:()=>{nt||z(!1)},onPointerDown:b=>{b.target instanceof HTMLElement&&b.target.dataset.dismissible==="false"||O(!0)},onPointerUp:()=>O(!1)},N.filter(b=>!b.position&&i===0||b.position===u).map((b,Nt)=>{var Q,X;return o.createElement(pa,{key:b.id,icons:$,index:Nt,toast:b,defaultRichColors:P,duration:(Q=y==null?void 0:y.duration)!=null?Q:at,className:y==null?void 0:y.className,descriptionClassName:y==null?void 0:y.descriptionClassName,invert:s,visibleToasts:t,closeButton:(X=y==null?void 0:y.closeButton)!=null?X:S,interacting:nt,position:u,style:y==null?void 0:y.style,unstyled:y==null?void 0:y.unstyled,classNames:y==null?void 0:y.classNames,cancelButtonStyle:y==null?void 0:y.cancelButtonStyle,actionButtonStyle:y==null?void 0:y.actionButtonStyle,removeToast:Ct,toasts:N.filter(tt=>tt.position==b.position),heights:st.filter(tt=>tt.position==b.position),setHeights:Bt,expandByDefault:w,gap:R,loadingIcon:kt,expanded:rt,pauseWhenPageIsHidden:It,cn:G})})):null}))});const va="_toast_1l2fs_3",ya="_title_1l2fs_19",ba="_critical_1l2fs_22",wa="_actionButton_1l2fs_34",xa="_closeButton_1l2fs_55",U={toast:va,title:ya,critical:ba,actionButton:wa,closeButton:xa},Ta=({title:e,titleId:a,...s},l)=>v.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:l,"aria-labelledby":a,...s},e?v.createElement("title",{id:a},e):null,v.createElement("path",{fillRule:"evenodd",d:"M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z",clipRule:"evenodd"})),Ea=v.forwardRef(Ta),ka=({title:e,titleId:a,...s},l)=>v.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:l,"aria-labelledby":a,...s},e?v.createElement("title",{id:a},e):null,v.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"})),Ia=v.forwardRef(ka),B=({duration:e=5e3})=>p.jsx(ga,{position:"top-right",duration:e,visibleToasts:3}),Ba=B.bind(null,{duration:5e3});function T(e,a){const{variant:s="info",leadingSvgIcon:l,actionLabel:f,actionOnClick:w,actionHref:S,dataset:x}=a??{},c=S?"a":"button";return At.custom(g=>p.jsxs("div",{style:{display:"contents"},...We(x,{preplyDsComponent:Ue.Toast}),children:[s==="critical"?p.jsx(Mt,{svg:Ia}):l&&p.jsx(Mt,{svg:l}),p.jsx("span",{className:U.title,children:e}),p.jsx("button",{onClick:()=>At.dismiss(g),className:U.closeButton,"aria-label":"Close",children:p.jsx(Mt,{svg:Ea})}),f&&p.jsx(c,{className:U.actionButton,onClick:()=>{At.dismiss(g),w==null||w()},href:S,children:f})]}),{classNames:{toast:s==="critical"?`${U.toast} ${U.critical}`:U.toast}})}const qa={title:"Components/Toast",component:Ba,decorators:[e=>p.jsx("div",{"data-preply-ds-theme":"tokyo-ui",children:p.jsx(Fe,{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()"}}}},mt=()=>(v.useEffect(()=>{T("This is a toast")},[]),p.jsx(B,{duration:1/0})),F=()=>(v.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),p.jsx(B,{duration:500}));F.tags=["!autodocs"];F.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>wt(()=>{const s=a.queryByTestId("toast");return xt(s).toBeInTheDocument()})),await e("check toast is dismissed automatically",()=>{const s=a.getByTestId("toast");return Dt(s)})};const q=()=>(v.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),p.jsx(B,{duration:1/0}));q.tags=["!autodocs"];q.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>wt(()=>{const s=a.queryByTestId("toast");return xt(s).toBeInTheDocument()})),await e("check toast is dismissed on close button click",async()=>{const s=a.getByTestId("toast");return a.getByRole("button").click(),Dt(s)})};const ht=()=>(v.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Tt("clicked action")})},[]),p.jsx(B,{duration:1/0})),Z=()=>(v.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"},actionLabel:"Action",actionOnClick:Tt("clicked action")})},[]),p.jsx(B,{duration:1/0}));Z.tags=["!autodocs"];Z.play=async({canvas:e,step:a})=>{await a("wait for toast",()=>wt(()=>{const s=e.queryByTestId("toast");return xt(s).toBeInTheDocument()})),await a("check toast is dismissed on action button click",async()=>{const s=e.getByTestId("toast"),l=e.getByText("Action");return await Ce.click(l),Dt(s)})};const ft=()=>(v.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Tt("clicked action"),actionHref:"#"})},[]),p.jsx(B,{duration:1/0})),pt=()=>(v.useEffect(()=>{T("This is a toast",{leadingSvgIcon:Oe})},[]),p.jsx(B,{duration:1/0})),gt=()=>(v.useEffect(()=>{T("This is a critical toast",{variant:"critical"})},[]),p.jsx(B,{duration:1/0})),vt=()=>(v.useEffect(()=>{T("This is a critical toast",{variant:"critical",actionLabel:"Action",actionOnClick:Tt("clicked action")})},[]),p.jsx(B,{duration:1/0})),yt=()=>(v.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3")},[]),p.jsx(B,{duration:1/0})),et=()=>(v.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3",{dataset:{testid:"toast3"}})},[]),p.jsx(B,{duration:1/0}));et.play=async({canvas:e,canvasElement:a,step:s})=>{await s("wait for toast 3",()=>wt(()=>{const l=e.queryByTestId("toast3");xt(l).toBeInTheDocument()})),await s("Use global toast area shortcut",async()=>{a.focus(),await Ce.keyboard("{Alt>}T")})};const bt=()=>(v.useEffect(()=>{T("What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong")},[]),p.jsx(B,{duration:1/0}));var Ft,qt,Zt;mt.parameters={...mt.parameters,docs:{...(Ft=mt.parameters)==null?void 0:Ft.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a toast');
   }, []);
@@ -41,7 +41,7 @@ import{j as f}from"./jsx-runtime-DKCSRAmE.js";import{e as o,r as v}from"./index-
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(ne=(re=Z.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var ie,le,de;pt.parameters={...pt.parameters,docs:{...(ie=pt.parameters)==null?void 0:ie.docs,source:{originalSource:`() => {
+}`,...(ne=(re=Z.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var ie,le,de;ft.parameters={...ft.parameters,docs:{...(ie=ft.parameters)==null?void 0:ie.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a toast', {
       actionLabel: 'Action',
@@ -50,21 +50,21 @@ import{j as f}from"./jsx-runtime-DKCSRAmE.js";import{e as o,r as v}from"./index-
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(de=(le=pt.parameters)==null?void 0:le.docs)==null?void 0:de.source}}};var ce,ue,me;ft.parameters={...ft.parameters,docs:{...(ce=ft.parameters)==null?void 0:ce.docs,source:{originalSource:`() => {
+}`,...(de=(le=ft.parameters)==null?void 0:le.docs)==null?void 0:de.source}}};var ce,ue,me;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} />;
-}`,...(me=(ue=ft.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var he,pe,fe;gt.parameters={...gt.parameters,docs:{...(he=gt.parameters)==null?void 0:he.docs,source:{originalSource:`() => {
+}`,...(me=(ue=pt.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var he,fe,pe;gt.parameters={...gt.parameters,docs:{...(he=gt.parameters)==null?void 0:he.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a critical toast', {
       variant: 'critical'
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(fe=(pe=gt.parameters)==null?void 0:pe.docs)==null?void 0:fe.source}}};var ge,ve,ye;vt.parameters={...vt.parameters,docs:{...(ge=vt.parameters)==null?void 0:ge.docs,source:{originalSource:`() => {
+}`,...(pe=(fe=gt.parameters)==null?void 0:fe.docs)==null?void 0:pe.source}}};var ge,ve,ye;vt.parameters={...vt.parameters,docs:{...(ge=vt.parameters)==null?void 0:ge.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a critical toast', {
       variant: 'critical',
@@ -96,4 +96,4 @@ import{j as f}from"./jsx-runtime-DKCSRAmE.js";import{e as o,r as v}from"./index-
     showToast('What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong');
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(Se=(Be=bt.parameters)==null?void 0:Be.docs)==null?void 0:Se.source}}};const Za=["Toast","TestTimer","TestClose","Action","TestActionClose","ActionLink","Icon","Critical","CriticalWithAction","Stack","TestStackExpand","LongMessage"];export{ht as Action,pt as ActionLink,gt as Critical,vt as CriticalWithAction,ft as Icon,bt as LongMessage,yt as Stack,Z as TestActionClose,q as TestClose,et as TestStackExpand,F as TestTimer,mt as Toast,Za as __namedExportsOrder,qa as default};
+}`,...(Se=(Be=bt.parameters)==null?void 0:Be.docs)==null?void 0:Se.source}}};const Za=["Toast","TestTimer","TestClose","Action","TestActionClose","ActionLink","Icon","Critical","CriticalWithAction","Stack","TestStackExpand","LongMessage"];export{ht as Action,ft as ActionLink,gt as Critical,vt as CriticalWithAction,pt as Icon,bt as LongMessage,yt as Stack,Z as TestActionClose,q as TestClose,et as TestStackExpand,F as TestTimer,mt as Toast,Za as __namedExportsOrder,qa as default};

package/dist/assets/{breakpoints-DQ7UJG0o.js → breakpoints-BKutnnUr.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-DKCSRAmE.js";import{useMDXComponents as s}from"./index-uOP2uDdf.js";import{ae as t}from"./index-BJKH4sNh.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DNhQ4uD1.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";function i(r){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...s(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Guides/Custom Components/SCSS/Breakpoints"}),`
+import{j as e}from"./jsx-runtime-DKCSRAmE.js";import{useMDXComponents as s}from"./index-uOP2uDdf.js";import{ae as t}from"./index-Cc6CEBM3.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BwvZ6GIL.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";function i(r){const n={a:"a",code:"code",h1:"h1",hr:"hr",p:"p",pre:"pre",strong:"strong",...s(),...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,{}),`

package/dist/assets/{breakpoints-OjnHGck8.js → breakpoints-DBM1geV7.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-DKCSRAmE.js";import{useMDXComponents as i}from"./index-uOP2uDdf.js";import{ae as r}from"./index-BJKH4sNh.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DNhQ4uD1.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.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-DKCSRAmE.js";import{useMDXComponents as i}from"./index-uOP2uDdf.js";import{ae as r}from"./index-Cc6CEBM3.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BwvZ6GIL.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.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-Cj98i_fB.js → breakpoints-DvOTMUqo.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-DKCSRAmE.js";import{useMDXComponents as t}from"./index-uOP2uDdf.js";import{ae as o}from"./index-BJKH4sNh.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DNhQ4uD1.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.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-DKCSRAmE.js";import{useMDXComponents as t}from"./index-uOP2uDdf.js";import{ae as o}from"./index-Cc6CEBM3.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-BwvZ6GIL.js";import"../sb-preview/runtime.js";import"./index-D0e9w-0q.js";import"./index-DkSJDfK1.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.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,{}),`