@agregio-solutions/design-system 1.97.1 → 1.98.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/design-system.cjs +2 -2
- package/dist/design-system.js +1489 -1478
- package/dist/packages/components/Timeline/components/GroupLineContainer/GroupLineContainer.d.ts +3 -2
- package/dist/packages/components/Timeline/doc.md +62 -0
- package/dist/packages/components/Timeline/utils/Timeline.types.d.ts +27 -0
- package/dist/packages/components/Timeline/utils/mergeBlocksByColor/mergeBlocksByColor.d.ts +2 -2
- package/package.json +1 -1
package/dist/design-system.cjs
CHANGED
|
@@ -4815,7 +4815,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
|
|
|
4815
4815
|
&[data-is-expanded="true"] {
|
|
4816
4816
|
transform: rotate(90deg);
|
|
4817
4817
|
}
|
|
4818
|
-
`,FT=({name:e,isGroupParent:t,isExpanded:r,onClick:n,indentLevel:a=0})=>{const o=s.useRef(null),[i,l]=s.useState(!1);s.useEffect(()=>{const u=o.current;u&&l(u.scrollHeight>W8(a)-5)},[e,a]);const c=d.jsx(HT,{title:i?e:void 0,ref:o,children:e});return d.jsx(RT,{"data-is-group-parent":t,"data-is-expanded":r,"data-indent-level":a,children:t?d.jsxs(jT,{type:"button",onClick:n,children:[d.jsx(OT,{name:"caret","data-is-expanded":r}),c]}):c})};function NT({start:e,width:t,block:r,lineStartDate:n,lineEndDate:a,indentLevel:o}){const i=r.startDate<n,l=r.endDate>a,c=i&&l;let u="32px";c?u="0":l?u="32px 0 0 32px":i&&(u="0 32px 32px 0");let f="1px";c?f="1px 0 1px 0":l?f="1px 0 1px 1px":i&&(f="1px 1px 1px 0");const h=o&&o>0?`color-mix(in srgb, ${r.color} 25%, transparent)`:r.color;return{height:"100%",display:"block",position:"relative",width:`calc(${t}% - 1px)`,left:`${e}%`,borderStyle:"solid",borderColor:r.color,borderWidth:f,backgroundColor:h,borderRadius:u,zIndex:"var(--z-index-base)",cursor:r.onClick?"pointer":"default"}}function D2({name:e,blocks:t,lineStartDate:r,lineEndDate:n,isGroupParent:a,isGroupExpanded:o,onNameClick:i,indentLevel:l=0,...c}){const[u,f]=s.useState(!0),h=s.useMemo(()=>t.filter(b=>DT(b,r,n)),[t,r,n]),p=s.useMemo(()=>ET(h),[h]),g=Ao({startDate:r,endDate:new Date},r,n),m=Ao({startDate:new Date,endDate:new Date},r,n),C=Math.max(...p.map(b=>b.blocks.length));return d.jsxs(yT,{...c,children:[d.jsx(FT,{name:e,isGroupParent:a,isExpanded:o,onClick:i,indentLevel:l}),d.jsxs(xT,{style:{height:IT({nbOfBlocks:C,isCollapsed:u,indentLevel:l})},children:[d.jsx($T,{style:{width:`${g.width}%`},"data-is-expanded":o||l>0}),p.map((b,y)=>{const x=u?b.blocks.slice(0,G8(l)):b.blocks,v=b.blocks.length>x.length;return d.jsxs(wT,{children:[x.map(S=>{const{start:E,width:D}=Ao(S,r,n),w={onClick:S.onClick,style:NT({start:E,width:D,block:S,lineStartDate:r,lineEndDate:n,indentLevel:l}),"data-start":String(E),"data-width":String(D),"data-color":S.color,"data-group-index":String(y),"data-testid":S.hoverText,"data-clickable":S.onClick?"true":void 0};return S.hoverContent?d.jsxs(Y9,{delay:0,closeDelay:0,children:[d.jsx(Ci,{triggerButtonProps:w}),d.jsx(PT,{placement:"top",children:S.hoverContent})]},S.id):d.jsx(Ka,{label:S.hoverText,placement:"top",closeDelay:0,delay:0,fluid:!0,children:d.jsx(Ci,{triggerButtonProps:w})},S.id)}),v&&d.jsx(VT,{blocks:b.blocks,lineStartDate:r,lineEndDate:n,onClick:()=>f(!u)})]},`${b.start.toISOString()} - ${y}`)}),d.jsx(ST,{style:{left:`${m.start}%`}})]})]})}function N5(e){const t=String(e.getDate()).padStart(2,"0"),r=String(e.getMonth()+1).padStart(2,"0"),n=e.getFullYear(),a=String(e.getHours()).padStart(2,"0"),o=String(e.getMinutes()).padStart(2,"0");return`${t}/${r}/${n} ${a}:${o}`}function AT(e){const
|
|
4818
|
+
`,FT=({name:e,isGroupParent:t,isExpanded:r,onClick:n,indentLevel:a=0})=>{const o=s.useRef(null),[i,l]=s.useState(!1);s.useEffect(()=>{const u=o.current;u&&l(u.scrollHeight>W8(a)-5)},[e,a]);const c=d.jsx(HT,{title:i?e:void 0,ref:o,children:e});return d.jsx(RT,{"data-is-group-parent":t,"data-is-expanded":r,"data-indent-level":a,children:t?d.jsxs(jT,{type:"button",onClick:n,children:[d.jsx(OT,{name:"caret","data-is-expanded":r}),c]}):c})};function NT({start:e,width:t,block:r,lineStartDate:n,lineEndDate:a,indentLevel:o}){const i=r.startDate<n,l=r.endDate>a,c=i&&l;let u="32px";c?u="0":l?u="32px 0 0 32px":i&&(u="0 32px 32px 0");let f="1px";c?f="1px 0 1px 0":l?f="1px 0 1px 1px":i&&(f="1px 1px 1px 0");const h=o&&o>0?`color-mix(in srgb, ${r.color} 25%, transparent)`:r.color;return{height:"100%",display:"block",position:"relative",width:`calc(${t}% - 1px)`,left:`${e}%`,borderStyle:"solid",borderColor:r.color,borderWidth:f,backgroundColor:h,borderRadius:u,zIndex:"var(--z-index-base)",cursor:r.onClick?"pointer":"default"}}function D2({name:e,blocks:t,lineStartDate:r,lineEndDate:n,isGroupParent:a,isGroupExpanded:o,onNameClick:i,indentLevel:l=0,...c}){const[u,f]=s.useState(!0),h=s.useMemo(()=>t.filter(b=>DT(b,r,n)),[t,r,n]),p=s.useMemo(()=>ET(h),[h]),g=Ao({startDate:r,endDate:new Date},r,n),m=Ao({startDate:new Date,endDate:new Date},r,n),C=Math.max(...p.map(b=>b.blocks.length));return d.jsxs(yT,{...c,children:[d.jsx(FT,{name:e,isGroupParent:a,isExpanded:o,onClick:i,indentLevel:l}),d.jsxs(xT,{style:{height:IT({nbOfBlocks:C,isCollapsed:u,indentLevel:l})},children:[d.jsx($T,{style:{width:`${g.width}%`},"data-is-expanded":o||l>0}),p.map((b,y)=>{const x=u?b.blocks.slice(0,G8(l)):b.blocks,v=b.blocks.length>x.length;return d.jsxs(wT,{children:[x.map(S=>{const{start:E,width:D}=Ao(S,r,n),w={onClick:S.onClick,style:NT({start:E,width:D,block:S,lineStartDate:r,lineEndDate:n,indentLevel:l}),"data-start":String(E),"data-width":String(D),"data-color":S.color,"data-group-index":String(y),"data-testid":S.hoverText,"data-clickable":S.onClick?"true":void 0};return S.hoverContent?d.jsxs(Y9,{delay:0,closeDelay:0,children:[d.jsx(Ci,{triggerButtonProps:w}),d.jsx(PT,{placement:"top",children:S.hoverContent})]},S.id):d.jsx(Ka,{label:S.hoverText,placement:"top",closeDelay:0,delay:0,fluid:!0,children:d.jsx(Ci,{triggerButtonProps:w})},S.id)}),v&&d.jsx(VT,{blocks:b.blocks,lineStartDate:r,lineEndDate:n,onClick:()=>f(!u)})]},`${b.start.toISOString()} - ${y}`)}),d.jsx(ST,{style:{left:`${m.start}%`}})]})]})}function N5(e){const t=String(e.getDate()).padStart(2,"0"),r=String(e.getMonth()+1).padStart(2,"0"),n=e.getFullYear(),a=String(e.getHours()).padStart(2,"0"),o=String(e.getMinutes()).padStart(2,"0");return`${t}/${r}/${n} ${a}:${o}`}function AT(e,t){const r=e.flatMap(o=>o.blocks),n=new Map;for(const o of r){const i=n.get(o.color)??[];i.push(o),n.set(o.color,i)}const a=[];for(const[o,i]of n){const l=[...i].sort((u,f)=>u.startDate.getTime()-f.startDate.getTime()),c=[];for(const u of l){const f=c[c.length-1];f&&u.startDate<f.endDate?(u.endDate>f.endDate&&(f.endDate=u.endDate),f.blocks.push(u)):c.push({startDate:new Date(u.startDate),endDate:new Date(u.endDate),blocks:[u]})}for(let u=0;u<c.length;u++){const{startDate:f,endDate:h,blocks:p}=c[u];a.push({id:`merged-${o}-${u}`,startDate:f,endDate:h,color:o,hoverText:t?t({startDate:f,endDate:h,color:o,blocks:p}):`${N5(f)} - ${N5(h)}`})}}return a}const BT=ce.div`
|
|
4819
4819
|
display: flex;
|
|
4820
4820
|
flex-direction: column;
|
|
4821
4821
|
|
|
@@ -4823,7 +4823,7 @@ See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-sev
|
|
|
4823
4823
|
border-bottom: 1px solid var(--color-content-neutral-tertiary);
|
|
4824
4824
|
background: var(--color-background-neutral-underground-1);
|
|
4825
4825
|
}
|
|
4826
|
-
`;function KT({name:e,subLines:t,lineStartDate:r,lineEndDate:n}){const[a,o]=s.useState(!1),i=s.useMemo(()=>AT(t),[t]);return d.jsxs(BT,{"data-is-expanded":a,children:[d.jsx(D2,{name:e,blocks:i,lineStartDate:r,lineEndDate:n,isGroupParent:!0,isGroupExpanded:a,onNameClick:()=>o(!a)}),a&&t.map((l,c)=>d.jsx(D2,{name:l.name,blocks:l.blocks,lineStartDate:r,lineEndDate:n,indentLevel:1},`sub-line-${l.name}-${c}`))]})}function ZT({emptyPlaceholder:e,lines:t,startDate:r,endDate:n,...a}){return!t||t.length===0?d.jsx(d.Fragment,{children:e}):d.jsx(uT,{...a,"data-testid":"timeline",children:d.jsxs(fT,{children:[d.jsx(vT,{startDate:r,endDate:n}),d.jsx(hT,{"data-testid":"block-chart",children:t.map((o,i)=>iT(o)?d.jsx(KT,{name:o.name,subLines:o.subLines,lineStartDate:r,lineEndDate:n},`block-chart-group-${o.name}-${i}`):d.jsx(D2,{"data-testid":`block-chart-line-${o.name}-${i}`,name:o.name,blocks:o.blocks,lineStartDate:r,lineEndDate:n},`block-chart-line-${o.name}-${i}`))})]})})}function _T(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}const zT=e=>{switch(e){case"success":return GT;case"info":return YT;case"warning":return qT;case"error":return XT;default:return null}},UT=Array(12).fill(0),WT=({visible:e,className:t})=>s.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},s.createElement("div",{className:"sonner-spinner"},UT.map((r,n)=>s.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${n}`})))),GT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),qT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),YT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),XT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),JT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},s.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),QT=()=>{const[e,t]=s.useState(document.hidden);return s.useEffect(()=>{const r=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",r),()=>window.removeEventListener("visibilitychange",r)},[]),e};let k2=1;class eV{constructor(){this.subscribe=t=>(this.subscribers.push(t),()=>{const r=this.subscribers.indexOf(t);this.subscribers.splice(r,1)}),this.publish=t=>{this.subscribers.forEach(r=>r(t))},this.addToast=t=>{this.publish(t),this.toasts=[...this.toasts,t]},this.create=t=>{var r;const{message:n,...a}=t,o=typeof t?.id=="number"||((r=t.id)==null?void 0:r.length)>0?t.id:k2++,i=this.toasts.find(c=>c.id===o),l=t.dismissible===void 0?!0:t.dismissible;return this.dismissedToasts.has(o)&&this.dismissedToasts.delete(o),i?this.toasts=this.toasts.map(c=>c.id===o?(this.publish({...c,...t,id:o,title:n}),{...c,...t,id:o,dismissible:l,title:n}):c):this.addToast({title:n,...a,dismissible:l,id:o}),o},this.dismiss=t=>(t?(this.dismissedToasts.add(t),requestAnimationFrame(()=>this.subscribers.forEach(r=>r({id:t,dismiss:!0})))):this.toasts.forEach(r=>{this.subscribers.forEach(n=>n({id:r.id,dismiss:!0}))}),t),this.message=(t,r)=>this.create({...r,message:t}),this.error=(t,r)=>this.create({...r,message:t,type:"error"}),this.success=(t,r)=>this.create({...r,type:"success",message:t}),this.info=(t,r)=>this.create({...r,type:"info",message:t}),this.warning=(t,r)=>this.create({...r,type:"warning",message:t}),this.loading=(t,r)=>this.create({...r,type:"loading",message:t}),this.promise=(t,r)=>{if(!r)return;let n;r.loading!==void 0&&(n=this.create({...r,promise:t,type:"loading",message:r.loading,description:typeof r.description!="function"?r.description:void 0}));const a=Promise.resolve(t instanceof Function?t():t);let o=n!==void 0,i;const l=a.then(async u=>{if(i=["resolve",u],s.isValidElement(u))o=!1,this.create({id:n,type:"default",message:u});else if(rV(u)&&!u.ok){o=!1;const h=typeof r.error=="function"?await r.error(`HTTP error! status: ${u.status}`):r.error,p=typeof r.description=="function"?await r.description(`HTTP error! status: ${u.status}`):r.description,m=typeof h=="object"&&!s.isValidElement(h)?h:{message:h};this.create({id:n,type:"error",description:p,...m})}else if(u instanceof Error){o=!1;const h=typeof r.error=="function"?await r.error(u):r.error,p=typeof r.description=="function"?await r.description(u):r.description,m=typeof h=="object"&&!s.isValidElement(h)?h:{message:h};this.create({id:n,type:"error",description:p,...m})}else if(r.success!==void 0){o=!1;const h=typeof r.success=="function"?await r.success(u):r.success,p=typeof r.description=="function"?await r.description(u):r.description,m=typeof h=="object"&&!s.isValidElement(h)?h:{message:h};this.create({id:n,type:"success",description:p,...m})}}).catch(async u=>{if(i=["reject",u],r.error!==void 0){o=!1;const f=typeof r.error=="function"?await r.error(u):r.error,h=typeof r.description=="function"?await r.description(u):r.description,g=typeof f=="object"&&!s.isValidElement(f)?f:{message:f};this.create({id:n,type:"error",description:h,...g})}}).finally(()=>{o&&(this.dismiss(n),n=void 0),r.finally==null||r.finally.call(r)}),c=()=>new Promise((u,f)=>l.then(()=>i[0]==="reject"?f(i[1]):u(i[1])).catch(f));return typeof n!="string"&&typeof n!="number"?{unwrap:c}:Object.assign(n,{unwrap:c})},this.custom=(t,r)=>{const n=r?.id||k2++;return this.create({jsx:t(n),id:n,...r}),n},this.getActiveToasts=()=>this.toasts.filter(t=>!this.dismissedToasts.has(t.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const Ct=new eV,tV=(e,t)=>{const r=t?.id||k2++;return Ct.addToast({title:e,...t,id:r}),r},rV=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",nV=tV,aV=()=>Ct.toasts,oV=()=>Ct.getActiveToasts(),iV=Object.assign(nV,{success:Ct.success,info:Ct.info,warning:Ct.warning,error:Ct.error,custom:Ct.custom,message:Ct.message,promise:Ct.promise,dismiss:Ct.dismiss,loading:Ct.loading},{getHistory:aV,getToasts:oV});_T("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function bo(e){return e.label!==void 0}const lV=3,sV="24px",cV="16px",A5=4e3,dV=356,uV=14,fV=45,hV=200;function tr(...e){return e.filter(Boolean).join(" ")}function pV(e){const[t,r]=e.split("-"),n=[];return t&&n.push(t),r&&n.push(r),n}const gV=e=>{var t,r,n,a,o,i,l,c,u;const{invert:f,toast:h,unstyled:p,interacting:g,setHeights:m,visibleToasts:C,heights:b,index:y,toasts:x,expanded:v,removeToast:S,defaultRichColors:E,closeButton:D,style:w,cancelButtonStyle:k,actionButtonStyle:V,className:H="",descriptionClassName:O="",duration:B,position:N,gap:$,expandByDefault:R,classNames:I,icons:j,closeButtonAriaLabel:Z="Close toast"}=e,[L,P]=s.useState(null),[A,K]=s.useState(null),[F,W]=s.useState(!1),[U,Y]=s.useState(!1),[z,_]=s.useState(!1),[Q,G]=s.useState(!1),[oe,J]=s.useState(!1),[Ee,tt]=s.useState(0),[Tt,ge]=s.useState(0),gt=s.useRef(h.duration||B||A5),Or=s.useRef(null),ne=s.useRef(null),ke=y===0,Xt=y+1<=C,ft=h.type,Fr=h.dismissible!==!1,Sl=h.className||"",Wa=h.descriptionClassName||"",gn=s.useMemo(()=>b.findIndex(se=>se.toastId===h.id)||0,[b,h.id]),j1=s.useMemo(()=>{var se;return(se=h.closeButton)!=null?se:D},[h.closeButton,D]),Jt=s.useMemo(()=>h.duration||B||A5,[h.duration,B]),Wn=s.useRef(0),vr=s.useRef(0),Ga=s.useRef(0),Nr=s.useRef(null),[je,Gn]=N.split("-"),lc=s.useMemo(()=>b.reduce((se,Qe,it)=>it>=gn?se:se+Qe.height,0),[b,gn]),sc=QT(),n6=h.invert||f,Pl=ft==="loading";vr.current=s.useMemo(()=>gn*$+lc,[gn,lc]),s.useEffect(()=>{gt.current=Jt},[Jt]),s.useEffect(()=>{W(!0)},[]),s.useEffect(()=>{const se=ne.current;if(se){const Qe=se.getBoundingClientRect().height;return ge(Qe),m(it=>[{toastId:h.id,height:Qe,position:h.position},...it]),()=>m(it=>it.filter(St=>St.toastId!==h.id))}},[m,h.id]),s.useLayoutEffect(()=>{if(!F)return;const se=ne.current,Qe=se.style.height;se.style.height="auto";const it=se.getBoundingClientRect().height;se.style.height=Qe,ge(it),m(St=>St.find(rt=>rt.toastId===h.id)?St.map(rt=>rt.toastId===h.id?{...rt,height:it}:rt):[{toastId:h.id,height:it,position:h.position},...St])},[F,h.title,h.description,m,h.id,h.jsx,h.action,h.cancel]);const Ar=s.useCallback(()=>{Y(!0),tt(vr.current),m(se=>se.filter(Qe=>Qe.toastId!==h.id)),setTimeout(()=>{S(h)},hV)},[h,S,m,vr]);s.useEffect(()=>{if(h.promise&&ft==="loading"||h.duration===1/0||h.type==="loading")return;let se;return v||g||sc?(()=>{if(Ga.current<Wn.current){const St=new Date().getTime()-Wn.current;gt.current=gt.current-St}Ga.current=new Date().getTime()})():gt.current!==1/0&&(Wn.current=new Date().getTime(),se=setTimeout(()=>{h.onAutoClose==null||h.onAutoClose.call(h,h),Ar()},gt.current)),()=>clearTimeout(se)},[v,g,h,ft,sc,Ar]),s.useEffect(()=>{h.delete&&(Ar(),h.onDismiss==null||h.onDismiss.call(h,h))},[Ar,h.delete]);function a6(){var se;if(j?.loading){var Qe;return s.createElement("div",{className:tr(I?.loader,h==null||(Qe=h.classNames)==null?void 0:Qe.loader,"sonner-loader"),"data-visible":ft==="loading"},j.loading)}return s.createElement(WT,{className:tr(I?.loader,h==null||(se=h.classNames)==null?void 0:se.loader),visible:ft==="loading"})}const o6=h.icon||j?.[ft]||zT(ft);var cc,dc;return s.createElement("li",{tabIndex:0,ref:ne,className:tr(H,Sl,I?.toast,h==null||(t=h.classNames)==null?void 0:t.toast,I?.default,I?.[ft],h==null||(r=h.classNames)==null?void 0:r[ft]),"data-sonner-toast":"","data-rich-colors":(cc=h.richColors)!=null?cc:E,"data-styled":!(h.jsx||h.unstyled||p),"data-mounted":F,"data-promise":!!h.promise,"data-swiped":oe,"data-removed":U,"data-visible":Xt,"data-y-position":je,"data-x-position":Gn,"data-index":y,"data-front":ke,"data-swiping":z,"data-dismissible":Fr,"data-type":ft,"data-invert":n6,"data-swipe-out":Q,"data-swipe-direction":A,"data-expanded":!!(v||R&&F),"data-testid":h.testId,style:{"--index":y,"--toasts-before":y,"--z-index":x.length-y,"--offset":`${U?Ee:vr.current}px`,"--initial-height":R?"auto":`${Tt}px`,...w,...h.style},onDragEnd:()=>{_(!1),P(null),Nr.current=null},onPointerDown:se=>{se.button!==2&&(Pl||!Fr||(Or.current=new Date,tt(vr.current),se.target.setPointerCapture(se.pointerId),se.target.tagName!=="BUTTON"&&(_(!0),Nr.current={x:se.clientX,y:se.clientY})))},onPointerUp:()=>{var se,Qe,it;if(Q||!Fr)return;Nr.current=null;const St=Number(((se=ne.current)==null?void 0:se.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),qa=Number(((Qe=ne.current)==null?void 0:Qe.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),rt=new Date().getTime()-((it=Or.current)==null?void 0:it.getTime()),Vt=L==="x"?St:qa,Ya=Math.abs(Vt)/rt;if(Math.abs(Vt)>=fV||Ya>.11){tt(vr.current),h.onDismiss==null||h.onDismiss.call(h,h),K(L==="x"?St>0?"right":"left":qa>0?"down":"up"),Ar(),G(!0);return}else{var Zt,_t;(Zt=ne.current)==null||Zt.style.setProperty("--swipe-amount-x","0px"),(_t=ne.current)==null||_t.style.setProperty("--swipe-amount-y","0px")}J(!1),_(!1),P(null)},onPointerMove:se=>{var Qe,it,St;if(!Nr.current||!Fr||((Qe=window.getSelection())==null?void 0:Qe.toString().length)>0)return;const rt=se.clientY-Nr.current.y,Vt=se.clientX-Nr.current.x;var Ya;const Zt=(Ya=e.swipeDirections)!=null?Ya:pV(N);!L&&(Math.abs(Vt)>1||Math.abs(rt)>1)&&P(Math.abs(Vt)>Math.abs(rt)?"x":"y");let _t={x:0,y:0};const uc=mn=>1/(1.5+Math.abs(mn)/20);if(L==="y"){if(Zt.includes("top")||Zt.includes("bottom"))if(Zt.includes("top")&&rt<0||Zt.includes("bottom")&&rt>0)_t.y=rt;else{const mn=rt*uc(rt);_t.y=Math.abs(mn)<Math.abs(rt)?mn:rt}}else if(L==="x"&&(Zt.includes("left")||Zt.includes("right")))if(Zt.includes("left")&&Vt<0||Zt.includes("right")&&Vt>0)_t.x=Vt;else{const mn=Vt*uc(Vt);_t.x=Math.abs(mn)<Math.abs(Vt)?mn:Vt}(Math.abs(_t.x)>0||Math.abs(_t.y)>0)&&J(!0),(it=ne.current)==null||it.style.setProperty("--swipe-amount-x",`${_t.x}px`),(St=ne.current)==null||St.style.setProperty("--swipe-amount-y",`${_t.y}px`)}},j1&&!h.jsx&&ft!=="loading"?s.createElement("button",{"aria-label":Z,"data-disabled":Pl,"data-close-button":!0,onClick:Pl||!Fr?()=>{}:()=>{Ar(),h.onDismiss==null||h.onDismiss.call(h,h)},className:tr(I?.closeButton,h==null||(n=h.classNames)==null?void 0:n.closeButton)},(dc=j?.close)!=null?dc:JT):null,(ft||h.icon||h.promise)&&h.icon!==null&&(j?.[ft]!==null||h.icon)?s.createElement("div",{"data-icon":"",className:tr(I?.icon,h==null||(a=h.classNames)==null?void 0:a.icon)},h.promise||h.type==="loading"&&!h.icon?h.icon||a6():null,h.type!=="loading"?o6:null):null,s.createElement("div",{"data-content":"",className:tr(I?.content,h==null||(o=h.classNames)==null?void 0:o.content)},s.createElement("div",{"data-title":"",className:tr(I?.title,h==null||(i=h.classNames)==null?void 0:i.title)},h.jsx?h.jsx:typeof h.title=="function"?h.title():h.title),h.description?s.createElement("div",{"data-description":"",className:tr(O,Wa,I?.description,h==null||(l=h.classNames)==null?void 0:l.description)},typeof h.description=="function"?h.description():h.description):null),s.isValidElement(h.cancel)?h.cancel:h.cancel&&bo(h.cancel)?s.createElement("button",{"data-button":!0,"data-cancel":!0,style:h.cancelButtonStyle||k,onClick:se=>{bo(h.cancel)&&Fr&&(h.cancel.onClick==null||h.cancel.onClick.call(h.cancel,se),Ar())},className:tr(I?.cancelButton,h==null||(c=h.classNames)==null?void 0:c.cancelButton)},h.cancel.label):null,s.isValidElement(h.action)?h.action:h.action&&bo(h.action)?s.createElement("button",{"data-button":!0,"data-action":!0,style:h.actionButtonStyle||V,onClick:se=>{bo(h.action)&&(h.action.onClick==null||h.action.onClick.call(h.action,se),!se.defaultPrevented&&Ar())},className:tr(I?.actionButton,h==null||(u=h.classNames)==null?void 0:u.actionButton)},h.action.label):null)};function B5(){if(typeof window>"u"||typeof document>"u")return"ltr";const e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function mV(e,t){const r={};return[e,t].forEach((n,a)=>{const o=a===1,i=o?"--mobile-offset":"--offset",l=o?cV:sV;function c(u){["top","right","bottom","left"].forEach(f=>{r[`${i}-${f}`]=typeof u=="number"?`${u}px`:u})}typeof n=="number"||typeof n=="string"?c(n):typeof n=="object"?["top","right","bottom","left"].forEach(u=>{n[u]===void 0?r[`${i}-${u}`]=l:r[`${i}-${u}`]=typeof n[u]=="number"?`${n[u]}px`:n[u]}):c(l)}),r}const CV=s.forwardRef(function(t,r){const{id:n,invert:a,position:o="bottom-right",hotkey:i=["altKey","KeyT"],expand:l,closeButton:c,className:u,offset:f,mobileOffset:h,theme:p="light",richColors:g,duration:m,style:C,visibleToasts:b=lV,toastOptions:y,dir:x=B5(),gap:v=uV,icons:S,containerAriaLabel:E="Notifications"}=t,[D,w]=s.useState([]),k=s.useMemo(()=>n?D.filter(F=>F.toasterId===n):D.filter(F=>!F.toasterId),[D,n]),V=s.useMemo(()=>Array.from(new Set([o].concat(k.filter(F=>F.position).map(F=>F.position)))),[k,o]),[H,O]=s.useState([]),[B,N]=s.useState(!1),[$,R]=s.useState(!1),[I,j]=s.useState(p!=="system"?p:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),Z=s.useRef(null),L=i.join("+").replace(/Key/g,"").replace(/Digit/g,""),P=s.useRef(null),A=s.useRef(!1),K=s.useCallback(F=>{w(W=>{var U;return(U=W.find(Y=>Y.id===F.id))!=null&&U.delete||Ct.dismiss(F.id),W.filter(({id:Y})=>Y!==F.id)})},[]);return s.useEffect(()=>Ct.subscribe(F=>{if(F.dismiss){requestAnimationFrame(()=>{w(W=>W.map(U=>U.id===F.id?{...U,delete:!0}:U))});return}setTimeout(()=>{fr.flushSync(()=>{w(W=>{const U=W.findIndex(Y=>Y.id===F.id);return U!==-1?[...W.slice(0,U),{...W[U],...F},...W.slice(U+1)]:[F,...W]})})})}),[D]),s.useEffect(()=>{if(p!=="system"){j(p);return}if(p==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?j("dark"):j("light")),typeof window>"u")return;const F=window.matchMedia("(prefers-color-scheme: dark)");try{F.addEventListener("change",({matches:W})=>{j(W?"dark":"light")})}catch{F.addListener(({matches:U})=>{try{j(U?"dark":"light")}catch(Y){console.error(Y)}})}},[p]),s.useEffect(()=>{D.length<=1&&N(!1)},[D]),s.useEffect(()=>{const F=W=>{var U;if(i.every(_=>W[_]||W.code===_)){var z;N(!0),(z=Z.current)==null||z.focus()}W.code==="Escape"&&(document.activeElement===Z.current||(U=Z.current)!=null&&U.contains(document.activeElement))&&N(!1)};return document.addEventListener("keydown",F),()=>document.removeEventListener("keydown",F)},[i]),s.useEffect(()=>{if(Z.current)return()=>{P.current&&(P.current.focus({preventScroll:!0}),P.current=null,A.current=!1)}},[Z.current]),s.createElement("section",{ref:r,"aria-label":`${E} ${L}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},V.map((F,W)=>{var U;const[Y,z]=F.split("-");return k.length?s.createElement("ol",{key:F,dir:x==="auto"?B5():x,tabIndex:-1,ref:Z,className:u,"data-sonner-toaster":!0,"data-sonner-theme":I,"data-y-position":Y,"data-x-position":z,style:{"--front-toast-height":`${((U=H[0])==null?void 0:U.height)||0}px`,"--width":`${dV}px`,"--gap":`${v}px`,...C,...mV(f,h)},onBlur:_=>{A.current&&!_.currentTarget.contains(_.relatedTarget)&&(A.current=!1,P.current&&(P.current.focus({preventScroll:!0}),P.current=null))},onFocus:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||A.current||(A.current=!0,P.current=_.relatedTarget)},onMouseEnter:()=>N(!0),onMouseMove:()=>N(!0),onMouseLeave:()=>{$||N(!1)},onDragEnd:()=>N(!1),onPointerDown:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||R(!0)},onPointerUp:()=>R(!1)},k.filter(_=>!_.position&&W===0||_.position===F).map((_,Q)=>{var G,oe;return s.createElement(gV,{key:_.id,icons:S,index:Q,toast:_,defaultRichColors:g,duration:(G=y?.duration)!=null?G:m,className:y?.className,descriptionClassName:y?.descriptionClassName,invert:a,visibleToasts:b,closeButton:(oe=y?.closeButton)!=null?oe:c,interacting:$,position:F,style:y?.style,unstyled:y?.unstyled,classNames:y?.classNames,cancelButtonStyle:y?.cancelButtonStyle,actionButtonStyle:y?.actionButtonStyle,closeButtonAriaLabel:y?.closeButtonAriaLabel,removeToast:K,toasts:k.filter(J=>J.position==_.position),heights:H.filter(J=>J.position==_.position),setHeights:O,expandByDefault:l,gap:v,expanded:B,swipeDirections:t.swipeDirections})})):null}))}),bV=T(CV)`
|
|
4826
|
+
`;function KT({name:e,subLines:t,lineStartDate:r,lineEndDate:n,groupHoverText:a}){const[o,i]=s.useState(!1),l=s.useMemo(()=>AT(t,a),[t,a]);return d.jsxs(BT,{"data-is-expanded":o,children:[d.jsx(D2,{name:e,blocks:l,lineStartDate:r,lineEndDate:n,isGroupParent:!0,isGroupExpanded:o,onNameClick:()=>i(!o)}),o&&t.map((c,u)=>d.jsx(D2,{name:c.name,blocks:c.blocks,lineStartDate:r,lineEndDate:n,indentLevel:1},`sub-line-${c.name}-${u}`))]})}function ZT({emptyPlaceholder:e,lines:t,startDate:r,endDate:n,...a}){return!t||t.length===0?d.jsx(d.Fragment,{children:e}):d.jsx(uT,{...a,"data-testid":"timeline",children:d.jsxs(fT,{children:[d.jsx(vT,{startDate:r,endDate:n}),d.jsx(hT,{"data-testid":"block-chart",children:t.map((o,i)=>iT(o)?d.jsx(KT,{name:o.name,subLines:o.subLines,lineStartDate:r,lineEndDate:n,groupHoverText:o.groupHoverText},`block-chart-group-${o.name}-${i}`):d.jsx(D2,{"data-testid":`block-chart-line-${o.name}-${i}`,name:o.name,blocks:o.blocks,lineStartDate:r,lineEndDate:n},`block-chart-line-${o.name}-${i}`))})]})})}function _T(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}const zT=e=>{switch(e){case"success":return GT;case"info":return YT;case"warning":return qT;case"error":return XT;default:return null}},UT=Array(12).fill(0),WT=({visible:e,className:t})=>s.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},s.createElement("div",{className:"sonner-spinner"},UT.map((r,n)=>s.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${n}`})))),GT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),qT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),YT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),XT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},s.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),JT=s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},s.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),QT=()=>{const[e,t]=s.useState(document.hidden);return s.useEffect(()=>{const r=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",r),()=>window.removeEventListener("visibilitychange",r)},[]),e};let k2=1;class eV{constructor(){this.subscribe=t=>(this.subscribers.push(t),()=>{const r=this.subscribers.indexOf(t);this.subscribers.splice(r,1)}),this.publish=t=>{this.subscribers.forEach(r=>r(t))},this.addToast=t=>{this.publish(t),this.toasts=[...this.toasts,t]},this.create=t=>{var r;const{message:n,...a}=t,o=typeof t?.id=="number"||((r=t.id)==null?void 0:r.length)>0?t.id:k2++,i=this.toasts.find(c=>c.id===o),l=t.dismissible===void 0?!0:t.dismissible;return this.dismissedToasts.has(o)&&this.dismissedToasts.delete(o),i?this.toasts=this.toasts.map(c=>c.id===o?(this.publish({...c,...t,id:o,title:n}),{...c,...t,id:o,dismissible:l,title:n}):c):this.addToast({title:n,...a,dismissible:l,id:o}),o},this.dismiss=t=>(t?(this.dismissedToasts.add(t),requestAnimationFrame(()=>this.subscribers.forEach(r=>r({id:t,dismiss:!0})))):this.toasts.forEach(r=>{this.subscribers.forEach(n=>n({id:r.id,dismiss:!0}))}),t),this.message=(t,r)=>this.create({...r,message:t}),this.error=(t,r)=>this.create({...r,message:t,type:"error"}),this.success=(t,r)=>this.create({...r,type:"success",message:t}),this.info=(t,r)=>this.create({...r,type:"info",message:t}),this.warning=(t,r)=>this.create({...r,type:"warning",message:t}),this.loading=(t,r)=>this.create({...r,type:"loading",message:t}),this.promise=(t,r)=>{if(!r)return;let n;r.loading!==void 0&&(n=this.create({...r,promise:t,type:"loading",message:r.loading,description:typeof r.description!="function"?r.description:void 0}));const a=Promise.resolve(t instanceof Function?t():t);let o=n!==void 0,i;const l=a.then(async u=>{if(i=["resolve",u],s.isValidElement(u))o=!1,this.create({id:n,type:"default",message:u});else if(rV(u)&&!u.ok){o=!1;const h=typeof r.error=="function"?await r.error(`HTTP error! status: ${u.status}`):r.error,p=typeof r.description=="function"?await r.description(`HTTP error! status: ${u.status}`):r.description,m=typeof h=="object"&&!s.isValidElement(h)?h:{message:h};this.create({id:n,type:"error",description:p,...m})}else if(u instanceof Error){o=!1;const h=typeof r.error=="function"?await r.error(u):r.error,p=typeof r.description=="function"?await r.description(u):r.description,m=typeof h=="object"&&!s.isValidElement(h)?h:{message:h};this.create({id:n,type:"error",description:p,...m})}else if(r.success!==void 0){o=!1;const h=typeof r.success=="function"?await r.success(u):r.success,p=typeof r.description=="function"?await r.description(u):r.description,m=typeof h=="object"&&!s.isValidElement(h)?h:{message:h};this.create({id:n,type:"success",description:p,...m})}}).catch(async u=>{if(i=["reject",u],r.error!==void 0){o=!1;const f=typeof r.error=="function"?await r.error(u):r.error,h=typeof r.description=="function"?await r.description(u):r.description,g=typeof f=="object"&&!s.isValidElement(f)?f:{message:f};this.create({id:n,type:"error",description:h,...g})}}).finally(()=>{o&&(this.dismiss(n),n=void 0),r.finally==null||r.finally.call(r)}),c=()=>new Promise((u,f)=>l.then(()=>i[0]==="reject"?f(i[1]):u(i[1])).catch(f));return typeof n!="string"&&typeof n!="number"?{unwrap:c}:Object.assign(n,{unwrap:c})},this.custom=(t,r)=>{const n=r?.id||k2++;return this.create({jsx:t(n),id:n,...r}),n},this.getActiveToasts=()=>this.toasts.filter(t=>!this.dismissedToasts.has(t.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const Ct=new eV,tV=(e,t)=>{const r=t?.id||k2++;return Ct.addToast({title:e,...t,id:r}),r},rV=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",nV=tV,aV=()=>Ct.toasts,oV=()=>Ct.getActiveToasts(),iV=Object.assign(nV,{success:Ct.success,info:Ct.info,warning:Ct.warning,error:Ct.error,custom:Ct.custom,message:Ct.message,promise:Ct.promise,dismiss:Ct.dismiss,loading:Ct.loading},{getHistory:aV,getToasts:oV});_T("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function bo(e){return e.label!==void 0}const lV=3,sV="24px",cV="16px",A5=4e3,dV=356,uV=14,fV=45,hV=200;function tr(...e){return e.filter(Boolean).join(" ")}function pV(e){const[t,r]=e.split("-"),n=[];return t&&n.push(t),r&&n.push(r),n}const gV=e=>{var t,r,n,a,o,i,l,c,u;const{invert:f,toast:h,unstyled:p,interacting:g,setHeights:m,visibleToasts:C,heights:b,index:y,toasts:x,expanded:v,removeToast:S,defaultRichColors:E,closeButton:D,style:w,cancelButtonStyle:k,actionButtonStyle:V,className:H="",descriptionClassName:O="",duration:B,position:N,gap:$,expandByDefault:R,classNames:I,icons:j,closeButtonAriaLabel:Z="Close toast"}=e,[L,P]=s.useState(null),[A,K]=s.useState(null),[F,W]=s.useState(!1),[U,Y]=s.useState(!1),[z,_]=s.useState(!1),[Q,G]=s.useState(!1),[oe,J]=s.useState(!1),[Ee,tt]=s.useState(0),[Tt,ge]=s.useState(0),gt=s.useRef(h.duration||B||A5),Or=s.useRef(null),ne=s.useRef(null),ke=y===0,Xt=y+1<=C,ft=h.type,Fr=h.dismissible!==!1,Sl=h.className||"",Wa=h.descriptionClassName||"",gn=s.useMemo(()=>b.findIndex(se=>se.toastId===h.id)||0,[b,h.id]),j1=s.useMemo(()=>{var se;return(se=h.closeButton)!=null?se:D},[h.closeButton,D]),Jt=s.useMemo(()=>h.duration||B||A5,[h.duration,B]),Wn=s.useRef(0),vr=s.useRef(0),Ga=s.useRef(0),Nr=s.useRef(null),[je,Gn]=N.split("-"),lc=s.useMemo(()=>b.reduce((se,Qe,it)=>it>=gn?se:se+Qe.height,0),[b,gn]),sc=QT(),n6=h.invert||f,Pl=ft==="loading";vr.current=s.useMemo(()=>gn*$+lc,[gn,lc]),s.useEffect(()=>{gt.current=Jt},[Jt]),s.useEffect(()=>{W(!0)},[]),s.useEffect(()=>{const se=ne.current;if(se){const Qe=se.getBoundingClientRect().height;return ge(Qe),m(it=>[{toastId:h.id,height:Qe,position:h.position},...it]),()=>m(it=>it.filter(St=>St.toastId!==h.id))}},[m,h.id]),s.useLayoutEffect(()=>{if(!F)return;const se=ne.current,Qe=se.style.height;se.style.height="auto";const it=se.getBoundingClientRect().height;se.style.height=Qe,ge(it),m(St=>St.find(rt=>rt.toastId===h.id)?St.map(rt=>rt.toastId===h.id?{...rt,height:it}:rt):[{toastId:h.id,height:it,position:h.position},...St])},[F,h.title,h.description,m,h.id,h.jsx,h.action,h.cancel]);const Ar=s.useCallback(()=>{Y(!0),tt(vr.current),m(se=>se.filter(Qe=>Qe.toastId!==h.id)),setTimeout(()=>{S(h)},hV)},[h,S,m,vr]);s.useEffect(()=>{if(h.promise&&ft==="loading"||h.duration===1/0||h.type==="loading")return;let se;return v||g||sc?(()=>{if(Ga.current<Wn.current){const St=new Date().getTime()-Wn.current;gt.current=gt.current-St}Ga.current=new Date().getTime()})():gt.current!==1/0&&(Wn.current=new Date().getTime(),se=setTimeout(()=>{h.onAutoClose==null||h.onAutoClose.call(h,h),Ar()},gt.current)),()=>clearTimeout(se)},[v,g,h,ft,sc,Ar]),s.useEffect(()=>{h.delete&&(Ar(),h.onDismiss==null||h.onDismiss.call(h,h))},[Ar,h.delete]);function a6(){var se;if(j?.loading){var Qe;return s.createElement("div",{className:tr(I?.loader,h==null||(Qe=h.classNames)==null?void 0:Qe.loader,"sonner-loader"),"data-visible":ft==="loading"},j.loading)}return s.createElement(WT,{className:tr(I?.loader,h==null||(se=h.classNames)==null?void 0:se.loader),visible:ft==="loading"})}const o6=h.icon||j?.[ft]||zT(ft);var cc,dc;return s.createElement("li",{tabIndex:0,ref:ne,className:tr(H,Sl,I?.toast,h==null||(t=h.classNames)==null?void 0:t.toast,I?.default,I?.[ft],h==null||(r=h.classNames)==null?void 0:r[ft]),"data-sonner-toast":"","data-rich-colors":(cc=h.richColors)!=null?cc:E,"data-styled":!(h.jsx||h.unstyled||p),"data-mounted":F,"data-promise":!!h.promise,"data-swiped":oe,"data-removed":U,"data-visible":Xt,"data-y-position":je,"data-x-position":Gn,"data-index":y,"data-front":ke,"data-swiping":z,"data-dismissible":Fr,"data-type":ft,"data-invert":n6,"data-swipe-out":Q,"data-swipe-direction":A,"data-expanded":!!(v||R&&F),"data-testid":h.testId,style:{"--index":y,"--toasts-before":y,"--z-index":x.length-y,"--offset":`${U?Ee:vr.current}px`,"--initial-height":R?"auto":`${Tt}px`,...w,...h.style},onDragEnd:()=>{_(!1),P(null),Nr.current=null},onPointerDown:se=>{se.button!==2&&(Pl||!Fr||(Or.current=new Date,tt(vr.current),se.target.setPointerCapture(se.pointerId),se.target.tagName!=="BUTTON"&&(_(!0),Nr.current={x:se.clientX,y:se.clientY})))},onPointerUp:()=>{var se,Qe,it;if(Q||!Fr)return;Nr.current=null;const St=Number(((se=ne.current)==null?void 0:se.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),qa=Number(((Qe=ne.current)==null?void 0:Qe.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),rt=new Date().getTime()-((it=Or.current)==null?void 0:it.getTime()),Vt=L==="x"?St:qa,Ya=Math.abs(Vt)/rt;if(Math.abs(Vt)>=fV||Ya>.11){tt(vr.current),h.onDismiss==null||h.onDismiss.call(h,h),K(L==="x"?St>0?"right":"left":qa>0?"down":"up"),Ar(),G(!0);return}else{var Zt,_t;(Zt=ne.current)==null||Zt.style.setProperty("--swipe-amount-x","0px"),(_t=ne.current)==null||_t.style.setProperty("--swipe-amount-y","0px")}J(!1),_(!1),P(null)},onPointerMove:se=>{var Qe,it,St;if(!Nr.current||!Fr||((Qe=window.getSelection())==null?void 0:Qe.toString().length)>0)return;const rt=se.clientY-Nr.current.y,Vt=se.clientX-Nr.current.x;var Ya;const Zt=(Ya=e.swipeDirections)!=null?Ya:pV(N);!L&&(Math.abs(Vt)>1||Math.abs(rt)>1)&&P(Math.abs(Vt)>Math.abs(rt)?"x":"y");let _t={x:0,y:0};const uc=mn=>1/(1.5+Math.abs(mn)/20);if(L==="y"){if(Zt.includes("top")||Zt.includes("bottom"))if(Zt.includes("top")&&rt<0||Zt.includes("bottom")&&rt>0)_t.y=rt;else{const mn=rt*uc(rt);_t.y=Math.abs(mn)<Math.abs(rt)?mn:rt}}else if(L==="x"&&(Zt.includes("left")||Zt.includes("right")))if(Zt.includes("left")&&Vt<0||Zt.includes("right")&&Vt>0)_t.x=Vt;else{const mn=Vt*uc(Vt);_t.x=Math.abs(mn)<Math.abs(Vt)?mn:Vt}(Math.abs(_t.x)>0||Math.abs(_t.y)>0)&&J(!0),(it=ne.current)==null||it.style.setProperty("--swipe-amount-x",`${_t.x}px`),(St=ne.current)==null||St.style.setProperty("--swipe-amount-y",`${_t.y}px`)}},j1&&!h.jsx&&ft!=="loading"?s.createElement("button",{"aria-label":Z,"data-disabled":Pl,"data-close-button":!0,onClick:Pl||!Fr?()=>{}:()=>{Ar(),h.onDismiss==null||h.onDismiss.call(h,h)},className:tr(I?.closeButton,h==null||(n=h.classNames)==null?void 0:n.closeButton)},(dc=j?.close)!=null?dc:JT):null,(ft||h.icon||h.promise)&&h.icon!==null&&(j?.[ft]!==null||h.icon)?s.createElement("div",{"data-icon":"",className:tr(I?.icon,h==null||(a=h.classNames)==null?void 0:a.icon)},h.promise||h.type==="loading"&&!h.icon?h.icon||a6():null,h.type!=="loading"?o6:null):null,s.createElement("div",{"data-content":"",className:tr(I?.content,h==null||(o=h.classNames)==null?void 0:o.content)},s.createElement("div",{"data-title":"",className:tr(I?.title,h==null||(i=h.classNames)==null?void 0:i.title)},h.jsx?h.jsx:typeof h.title=="function"?h.title():h.title),h.description?s.createElement("div",{"data-description":"",className:tr(O,Wa,I?.description,h==null||(l=h.classNames)==null?void 0:l.description)},typeof h.description=="function"?h.description():h.description):null),s.isValidElement(h.cancel)?h.cancel:h.cancel&&bo(h.cancel)?s.createElement("button",{"data-button":!0,"data-cancel":!0,style:h.cancelButtonStyle||k,onClick:se=>{bo(h.cancel)&&Fr&&(h.cancel.onClick==null||h.cancel.onClick.call(h.cancel,se),Ar())},className:tr(I?.cancelButton,h==null||(c=h.classNames)==null?void 0:c.cancelButton)},h.cancel.label):null,s.isValidElement(h.action)?h.action:h.action&&bo(h.action)?s.createElement("button",{"data-button":!0,"data-action":!0,style:h.actionButtonStyle||V,onClick:se=>{bo(h.action)&&(h.action.onClick==null||h.action.onClick.call(h.action,se),!se.defaultPrevented&&Ar())},className:tr(I?.actionButton,h==null||(u=h.classNames)==null?void 0:u.actionButton)},h.action.label):null)};function B5(){if(typeof window>"u"||typeof document>"u")return"ltr";const e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function mV(e,t){const r={};return[e,t].forEach((n,a)=>{const o=a===1,i=o?"--mobile-offset":"--offset",l=o?cV:sV;function c(u){["top","right","bottom","left"].forEach(f=>{r[`${i}-${f}`]=typeof u=="number"?`${u}px`:u})}typeof n=="number"||typeof n=="string"?c(n):typeof n=="object"?["top","right","bottom","left"].forEach(u=>{n[u]===void 0?r[`${i}-${u}`]=l:r[`${i}-${u}`]=typeof n[u]=="number"?`${n[u]}px`:n[u]}):c(l)}),r}const CV=s.forwardRef(function(t,r){const{id:n,invert:a,position:o="bottom-right",hotkey:i=["altKey","KeyT"],expand:l,closeButton:c,className:u,offset:f,mobileOffset:h,theme:p="light",richColors:g,duration:m,style:C,visibleToasts:b=lV,toastOptions:y,dir:x=B5(),gap:v=uV,icons:S,containerAriaLabel:E="Notifications"}=t,[D,w]=s.useState([]),k=s.useMemo(()=>n?D.filter(F=>F.toasterId===n):D.filter(F=>!F.toasterId),[D,n]),V=s.useMemo(()=>Array.from(new Set([o].concat(k.filter(F=>F.position).map(F=>F.position)))),[k,o]),[H,O]=s.useState([]),[B,N]=s.useState(!1),[$,R]=s.useState(!1),[I,j]=s.useState(p!=="system"?p:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),Z=s.useRef(null),L=i.join("+").replace(/Key/g,"").replace(/Digit/g,""),P=s.useRef(null),A=s.useRef(!1),K=s.useCallback(F=>{w(W=>{var U;return(U=W.find(Y=>Y.id===F.id))!=null&&U.delete||Ct.dismiss(F.id),W.filter(({id:Y})=>Y!==F.id)})},[]);return s.useEffect(()=>Ct.subscribe(F=>{if(F.dismiss){requestAnimationFrame(()=>{w(W=>W.map(U=>U.id===F.id?{...U,delete:!0}:U))});return}setTimeout(()=>{fr.flushSync(()=>{w(W=>{const U=W.findIndex(Y=>Y.id===F.id);return U!==-1?[...W.slice(0,U),{...W[U],...F},...W.slice(U+1)]:[F,...W]})})})}),[D]),s.useEffect(()=>{if(p!=="system"){j(p);return}if(p==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?j("dark"):j("light")),typeof window>"u")return;const F=window.matchMedia("(prefers-color-scheme: dark)");try{F.addEventListener("change",({matches:W})=>{j(W?"dark":"light")})}catch{F.addListener(({matches:U})=>{try{j(U?"dark":"light")}catch(Y){console.error(Y)}})}},[p]),s.useEffect(()=>{D.length<=1&&N(!1)},[D]),s.useEffect(()=>{const F=W=>{var U;if(i.every(_=>W[_]||W.code===_)){var z;N(!0),(z=Z.current)==null||z.focus()}W.code==="Escape"&&(document.activeElement===Z.current||(U=Z.current)!=null&&U.contains(document.activeElement))&&N(!1)};return document.addEventListener("keydown",F),()=>document.removeEventListener("keydown",F)},[i]),s.useEffect(()=>{if(Z.current)return()=>{P.current&&(P.current.focus({preventScroll:!0}),P.current=null,A.current=!1)}},[Z.current]),s.createElement("section",{ref:r,"aria-label":`${E} ${L}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},V.map((F,W)=>{var U;const[Y,z]=F.split("-");return k.length?s.createElement("ol",{key:F,dir:x==="auto"?B5():x,tabIndex:-1,ref:Z,className:u,"data-sonner-toaster":!0,"data-sonner-theme":I,"data-y-position":Y,"data-x-position":z,style:{"--front-toast-height":`${((U=H[0])==null?void 0:U.height)||0}px`,"--width":`${dV}px`,"--gap":`${v}px`,...C,...mV(f,h)},onBlur:_=>{A.current&&!_.currentTarget.contains(_.relatedTarget)&&(A.current=!1,P.current&&(P.current.focus({preventScroll:!0}),P.current=null))},onFocus:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||A.current||(A.current=!0,P.current=_.relatedTarget)},onMouseEnter:()=>N(!0),onMouseMove:()=>N(!0),onMouseLeave:()=>{$||N(!1)},onDragEnd:()=>N(!1),onPointerDown:_=>{_.target instanceof HTMLElement&&_.target.dataset.dismissible==="false"||R(!0)},onPointerUp:()=>R(!1)},k.filter(_=>!_.position&&W===0||_.position===F).map((_,Q)=>{var G,oe;return s.createElement(gV,{key:_.id,icons:S,index:Q,toast:_,defaultRichColors:g,duration:(G=y?.duration)!=null?G:m,className:y?.className,descriptionClassName:y?.descriptionClassName,invert:a,visibleToasts:b,closeButton:(oe=y?.closeButton)!=null?oe:c,interacting:$,position:F,style:y?.style,unstyled:y?.unstyled,classNames:y?.classNames,cancelButtonStyle:y?.cancelButtonStyle,actionButtonStyle:y?.actionButtonStyle,closeButtonAriaLabel:y?.closeButtonAriaLabel,removeToast:K,toasts:k.filter(J=>J.position==_.position),heights:H.filter(J=>J.position==_.position),setHeights:O,expandByDefault:l,gap:v,expanded:B,swipeDirections:t.swipeDirections})})):null}))}),bV=T(CV)`
|
|
4827
4827
|
/* Only add styles for the "styled" versions of the toasts (i.e. not toast.custom) */
|
|
4828
4828
|
li[data-styled="true"] {
|
|
4829
4829
|
padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-xs)
|