@jeromefitz/design-system 2.0.0 → 2.1.0

package/custom/Toast/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkP2ZOQTWNcjs = require('../../chunk-P2ZOQTWN.cjs');var _chunkKU3JN3SAcjs = require('../../chunk-KU3JN3SA.cjs');var _reactportal = require('@radix-ui/react-portal'); var E = _interopRequireWildcard(_reactportal);var _reactutils = require('@radix-ui/react-utils');var _filter = require('lodash/filter'); var _filter2 = _interopRequireDefault(_filter);var _react = require('react'); var r = _interopRequireWildcard(_react); var p = _interopRequireWildcard(_react);var _reactuse = require('react-use');var Z=_chunkP2ZOQTWNcjs.h.call(void 0, "div",{position:"absolute",bottom:"0",right:"0",boxShadow:"0 5px 10px $colors$blackA7",[`.${_chunkP2ZOQTWNcjs.j} &`]:{boxShadow:"0 5px 10px $colors$whiteA5"},borderRadius:"5px",transition:"all 0.4s ease","@hover":{"&::after":{content:'""',position:"absolute",left:"0",right:"0",top:"calc(100% + 1px)",width:"100%",height:"20px",background:"transparent"}},variants:{type:{error:{border:"1px solid $colors$red7",backgroundColor:"$red9",color:"$red12","&:hover":{backgroundColor:"$red10",borderColor:"$red8"}},info:{border:"1px solid $colors$blue7",backgroundColor:"$blue9",color:"$blue12","&:hover":{backgroundColor:"$blue10",borderColor:"$blue8"}},success:{border:"1px solid $colors$green7",backgroundColor:"$green9",color:"$green12","&:hover":{backgroundColor:"$green10",borderColor:"$green8"}},warning:{border:"1px solid $colors$orange7",backgroundColor:"$orange9",color:"$orange12","&:hover":{backgroundColor:"$orange10",borderColor:"$orange8"}}}}}),tt=_chunkP2ZOQTWNcjs.h.call(void 0, "div",{alignItems:"center",justifyContent:"space-between",fontSize:".875rem",display:"flex",transition:"all 0.4s ease",padding:"24px",width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),et=_chunkP2ZOQTWNcjs.h.call(void 0, "div",{marginTop:"-1px",width:"100%",opacity:"1",height:"100%",transition:"opacity .4s ease",wordBreak:"break-word"}),ot=_chunkP2ZOQTWNcjs.h.call(void 0, "div",{position:"fixed","$$offset-bottom":"0px",bottom:"calc($space$5 + $$offset-bottom)",right:"$space$5",transition:"transform 0.4s ease,bottom 0.4s ease","&:hover":{transform:"translate3d(0,-10px,0)"},width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),st=({count:e,idx:t,isHovered:o,methods:s,state:n,toast:c})=>{let a=e-t-1,i=t===e-1,[u,m]=_reactuse.useMeasure.call(void 0, ),z={"aria-live":g[c.type],role:h[c.type]},q=(100-5*a)/100;p.useEffect(()=>(a<2&&s[`set${a}`](m.height),()=>{a<2&&s[`set${a}`](0)}),[s,a,m.height,c.id]);let G=`translate3d(0px, calc(-${48}px + 100% + -${i?m.height:parseInt(n[0])+24*a}px), -${a}px) scale(${q})`,J=i?"none":`translate3d(0px, -${parseInt(n[0])+(a===1?64:n[1]+64*2)}px, -${a}px) scale(1)!important`;return p.createElement(Z,{"data-toast":"",css:{maxHeight:i||o?`${m.height+64}px!important`:"64px",transform:o?J:G,opacity:a<3?"1!important":"0!important",display:a<3?"block":"none!important",pointerEvents:a<3?"inherit":"none",overflow:"hidden"},type:c.type},p.createElement(tt,{ref:i?u:null,css:{}},p.createElement(et,_chunkKU3JN3SAcjs.a.call(void 0, {},z),c.message)))},$={0:0,1:0};function at(e){return{reset(){return $},set0(t){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{0:t})},set1(t){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{1:t})}}}var S=({toasts:e})=>{let t=e.length,o=p.useRef(null),s=_reactuse.useHoverDirty.call(void 0, o),[n,c]=_reactuse.useMethods.call(void 0, at,$);return p.createElement(p.Fragment,null,p.createElement(ot,{ref:o},e.map((a,i)=>p.createElement(st,{count:t,key:`t-${i}-${a.id}`,methods:c,isHovered:s,idx:i,state:n,toast:a}))))};var W=10,nt={error:8e3,info:5e3,success:5e3,warning:8e3};var h={error:"alert",info:"status",success:"alert",warning:"alert"},g={error:"assertive",info:"polite",success:"assertive",warning:"assertive"},O={state:"idle",context:{toasts:[],pausedAt:void 0}},x=r.createContext(O);x.displayName="ToastContext";function I(){return r.useContext(x)}var y=r.createContext({addToast(){},removeToast(){},dismissToast(){},interact(){},stopInteracting(){}});y.displayName="ToastDispatchContext";function R(){return r.useContext(y)}var it=({toasts:e})=>{let t=_filter2.default.call(void 0, e,{active:!0}).reverse(),o=_nullishCoalesce(t.length, () => (0));return o===0?null:r.createElement(E.Root,null,o>0?r.createElement(S,{toasts:t}):null)},A= exports.ToastProvider =function({children:t}){let[{state:o,context:s},n]=B();return r.createElement(y.Provider,{value:n},r.createElement(x.Provider,{value:{state:o,context:s}},t,r.createElement(it,{toasts:s==null?void 0:s.toasts})))},k= exports.ToastCenter =r.forwardRef((e,t)=>{let a=e,{children:o}=a,s=_chunkKU3JN3SAcjs.c.call(void 0, a,["children"]),{context:n}=I(),{toasts:c}=n;return r.createElement("div",_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},s),{ref:t}),o({allToasts:c}))}),P=r.createContext(null);function ct(){return r.useContext(P)}var M=r.forwardRef((e,t)=>{let i=e,{toastId:o,children:s}=i,n=_chunkKU3JN3SAcjs.c.call(void 0, i,["toastId","children"]),{context:{toasts:c}}=I(),a=c.find(u=>u.id===o);return a?r.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t},n),r.createElement(P.Provider,{value:a},s)):null});M.displayName="ToastCenterItem";var N=r.memo(M),L= exports.ToastWarmer =r.forwardRef((e,t)=>{let m=e,{onPointerEnter:o,onPointerLeave:s,children:n}=m,c=_chunkKU3JN3SAcjs.c.call(void 0, m,["onPointerEnter","onPointerLeave","children"]),[{context:a},i]=B(),{toasts:u}=a;return r.createElement("div",_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},c),{ref:t,onPointerEnter:_reactutils.composeEventHandlers.call(void 0, o,i.interact),onPointerLeave:_reactutils.composeEventHandlers.call(void 0, s,i.stopInteracting)}),n({activeToasts:u.filter(mt)}))}),_=r.forwardRef((e,t)=>{let u=e,{children:o,progress:s,duration:n}=u,c=_chunkKU3JN3SAcjs.c.call(void 0, u,["children","progress","duration"]),{context:{toasts:a}}=I(),i=a.find(m=>m.id===e.toastId);return i?r.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t,role:i.role,"aria-live":i["aria-live"]},c),r.createElement(P.Provider,{value:i},o)):null});_.displayName="ToastWarmerItem";var V=r.memo(_),H= exports.ToastDismiss =r.forwardRef((e,t)=>{let i=e,{children:o,onClick:s}=i,n=_chunkKU3JN3SAcjs.c.call(void 0, i,["children","onClick"]),c=R(),a=ct();return a?r.createElement("button",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t,onClick:_reactutils.composeEventHandlers.call(void 0, s,()=>c.dismissToast(a.id))},n),o):null}),Y= exports.Toast =r.forwardRef((e,t)=>{let{children:o,toastId:s,type:n="info",message:c,role:a=h[n],"aria-live":i=g[n]}=e,u=R(),m=!c&&typeof o=="string"?o:c;return r.useEffect(()=>{u.addToast({id:s,type:n,message:m,role:a,"aria-live":i,pauseDuration:0,createdAt:Date.now(),active:!0})},[]),null});A.displayName="ToastProvider";k.displayName="ToastCenter";N.displayName="ToastCenterItem";L.displayName="ToastWarmer";V.displayName="ToastWarmerItem";Y.displayName="Toast";H.displayName="ToastDismiss";function Tt({state:e,context:t},o){switch(e){case"idle":switch(o.type){case 0:return{state:"timing",context:D(t,o)}}case"interacting":switch(o.type){case 0:return{state:"timing",context:D(t,o)};case 1:{let s=F(t,o);return{state:v(s.toasts)?"interacting":"idle",context:s}}case 2:{let s=U(t,o);return{state:v(s.toasts)?"interacting":"idle",context:s}}case 4:{let s=o.time-(t.pausedAt||0);return{state:"timing",context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{pausedAt:void 0,toasts:t.toasts.map(n=>_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},n),{pauseDuration:n.pauseDuration+s}))})}}}case"timing":switch(o.type){case 0:return{state:"timing",context:D(t,o)};case 1:{let s=F(t,o);return{state:v(s.toasts)?"timing":"idle",context:s}}case 2:{let s=U(t,o);return{state:v(s.toasts)?"timing":"idle",context:s}}case 3:return{state:"interacting",context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{pausedAt:o.time})}}}return{state:e,context:t}}function dt(){let[{state:e,context:t},o]=r.useReducer(Tt,O),s=t.toasts.map(n=>_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},n),{duration:n.duration||nt[n.type]}));return[{state:e,context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{toasts:s})},o]}function B(){let[{state:e,context:t},o]=dt(),s=r.useMemo(()=>({addToast(n){o({type:0,toast:n})},dismissToast(n){o({type:1,toastId:n})},removeToast(n){o({type:2,toastId:n})},interact(){o({type:3,time:Date.now()})},stopInteracting(){o({type:4,time:Date.now()})}}),[o]);return r.useEffect(()=>{if(t.pausedAt)return null;let n=Date.now(),c=t.toasts.map(a=>{let i=(a.duration||0)+a.pauseDuration-(n-a.createdAt);return i<0?(a.active&&s.dismissToast(a.id),null):window.setTimeout(()=>s.dismissToast(a.id),i)});return()=>{c.forEach(a=>{window.clearTimeout(a)})}},[t.toasts,t.pausedAt,s]),[{state:e,context:t},s]}function D(e,t){if("toast"in t){let o=[t.toast,...e.toasts],s=o.splice(0,W),n=o.splice(W,o.length-1).map(j);return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:[...s,...n]})}return e}function F(e,t){return"toastId"in t?_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:e.toasts.map(o=>o.id===t.toastId?j(o):o)}):e}function U(e,t){return"toastId"in t?_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:e.toasts.filter(pt(t))}):e}function pt(e){return"toastId"in e?t=>t.id!==e.toastId:()=>!0}function j(e){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{active:!1})}function v(e){return e.length>0&&e.some(t=>t.active)}function mt(e){return e.active}exports.Toast = Y; exports.ToastCenter = k; exports.ToastCenterItem = N; exports.ToastDismiss = H; exports.ToastProvider = A; exports.ToastWarmer = L; exports.ToastWarmerItem = V; exports.useToastDispatchers = R;

package/custom/Toast/index.d.ts

@@ -1,92 +0,0 @@
-import * as React from 'react';
-
-/**
- * @ref https://github.com/radix-ui/primitives/pull/401
- *
- * This is an add-on to the POC
- * Seeing about using `react-hot-toast` as well which
- *  is why both are present at the moment
- */
-
-declare function useToastDispatchers(): ToastDispatchContextValue;
-declare const ToastProvider: React.FC;
-/**
- * @toast ToastCenter
- */
-interface ToastCenterOwnProps {
-    children(props: {
-        allToasts: ToastData[];
-    }): React.ReactNode;
-}
-declare type ToastCenterProps = ToastCenterOwnProps & Omit<React.ComponentPropsWithRef<'div'>, keyof ToastCenterOwnProps>;
-declare const ToastCenter: React.ForwardRefExoticComponent<Pick<ToastCenterProps, "hidden" | "color" | "translate" | "style" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
-interface ToastCenterItemOwnProps {
-    children: React.ReactNode;
-    toastId: string;
-}
-declare type ToastCenterItemProps = ToastCenterItemOwnProps & Omit<React.ComponentPropsWithRef<'div'>, keyof ToastCenterItemOwnProps>;
-declare const ToastCenterItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<ToastCenterItemProps, "hidden" | "color" | "translate" | "style" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof ToastCenterItemOwnProps> & React.RefAttributes<HTMLDivElement>>>;
-/**
- * @toast ToastWarmer
- */
-interface ToastWarmerOwnProps {
-    children(props: {
-        activeToasts: ToastData[];
-    }): React.ReactNode;
-    duration?: number;
-}
-declare type ToastWarmerProps = ToastWarmerOwnProps & Omit<React.ComponentPropsWithRef<'div'>, keyof ToastWarmerOwnProps>;
-declare const ToastWarmer: React.ForwardRefExoticComponent<Pick<ToastWarmerProps, "hidden" | "color" | "translate" | "style" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof ToastWarmerOwnProps> & React.RefAttributes<HTMLDivElement>>;
-/**
- * @toast ToastWarmerItem
- */
-interface ToastWarmerItemOwnProps {
-    progress?: number;
-    duration?: number;
-    toastId: string;
-    children: React.ReactNode;
-}
-declare type ToastWarmerItemProps = ToastWarmerItemOwnProps & Omit<React.ComponentPropsWithRef<'div'>, keyof ToastWarmerItemOwnProps>;
-declare const ToastWarmerItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<ToastWarmerItemProps, "hidden" | "color" | "translate" | "style" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof ToastWarmerItemOwnProps> & React.RefAttributes<HTMLDivElement>>>;
-/**
- * @toast ToastDismiss
- */
-interface ToastDismissOwnProps {
-    toastId: string;
-    children: React.ReactNode;
-}
-declare type ToastDismissProps = ToastDismissOwnProps & Omit<React.ComponentPropsWithRef<'button'>, keyof ToastDismissOwnProps>;
-declare const ToastDismiss: React.ForwardRefExoticComponent<Pick<ToastDismissProps, "hidden" | "color" | "translate" | "style" | "form" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | keyof ToastDismissOwnProps> & React.RefAttributes<HTMLButtonElement>>;
-/**
- * @toast Toast
- */
-declare type ToastOwnProps = Omit<ToastData, 'id'> & {
-    toastId: string;
-};
-declare type ToastProps = ToastOwnProps & Omit<React.ComponentPropsWithRef<'div'>, keyof ToastOwnProps>;
-declare const Toast: React.ForwardRefExoticComponent<Pick<ToastProps, "hidden" | "color" | "translate" | "style" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "active" | "message" | "toastId" | "duration" | "createdAt" | "pauseDuration" | "render"> & React.RefAttributes<HTMLDivElement>>;
-
-declare type ToastType = 'error' | 'info' | 'success' | 'warning';
-interface ToastData {
-    'aria-live'?: 'assertive' | 'off' | 'polite';
-    active: boolean;
-    createdAt: number;
-    duration?: number;
-    id: string;
-    message: string;
-    pauseDuration: number;
-    render?(props: {
-        toast: Omit<ToastData, 'render'>;
-    }): React.ReactNode;
-    role?: 'status' | 'alert';
-    type: ToastType;
-}
-interface ToastDispatchContextValue {
-    addToast(toast: ToastData): void;
-    dismissToast(toastId: string): void;
-    removeToast(toastId: string): void;
-    interact(): void;
-    stopInteracting(): void;
-}
-
-export { Toast, ToastCenter, ToastCenterItem, ToastData, ToastDismiss, ToastProvider, ToastType, ToastWarmer, ToastWarmerItem, useToastDispatchers };

package/custom/Toast/index.js

@@ -1 +0,0 @@
-import{h as f,j as b}from"../../chunk-CSJ5IIIZ.js";import{a as T,b as d,c as l}from"../../chunk-QGMHYQ7V.js";import*as W from"@radix-ui/react-portal";import{composeEventHandlers as C}from"@radix-ui/react-utils";import nt from"lodash/filter";import*as r from"react";import*as p from"react";import{useHoverDirty as Q,useMeasure as X,useMethods as Z}from"react-use";var tt=f("div",{position:"absolute",bottom:"0",right:"0",boxShadow:"0 5px 10px $colors$blackA7",[`.${b} &`]:{boxShadow:"0 5px 10px $colors$whiteA5"},borderRadius:"5px",transition:"all 0.4s ease","@hover":{"&::after":{content:'""',position:"absolute",left:"0",right:"0",top:"calc(100% + 1px)",width:"100%",height:"20px",background:"transparent"}},variants:{type:{error:{border:"1px solid $colors$red7",backgroundColor:"$red9",color:"$red12","&:hover":{backgroundColor:"$red10",borderColor:"$red8"}},info:{border:"1px solid $colors$blue7",backgroundColor:"$blue9",color:"$blue12","&:hover":{backgroundColor:"$blue10",borderColor:"$blue8"}},success:{border:"1px solid $colors$green7",backgroundColor:"$green9",color:"$green12","&:hover":{backgroundColor:"$green10",borderColor:"$green8"}},warning:{border:"1px solid $colors$orange7",backgroundColor:"$orange9",color:"$orange12","&:hover":{backgroundColor:"$orange10",borderColor:"$orange8"}}}}}),et=f("div",{alignItems:"center",justifyContent:"space-between",fontSize:".875rem",display:"flex",transition:"all 0.4s ease",padding:"24px",width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),ot=f("div",{marginTop:"-1px",width:"100%",opacity:"1",height:"100%",transition:"opacity .4s ease",wordBreak:"break-word"}),st=f("div",{position:"fixed","$$offset-bottom":"0px",bottom:"calc($space$5 + $$offset-bottom)",right:"$space$5",transition:"transform 0.4s ease,bottom 0.4s ease","&:hover":{transform:"translate3d(0,-10px,0)"},width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),at=({count:e,idx:t,isHovered:o,methods:s,state:n,toast:c})=>{let a=e-t-1,i=t===e-1,[u,m]=X(),q={"aria-live":g[c.type],role:h[c.type]},G=(100-5*a)/100;p.useEffect(()=>(a<2&&s[`set${a}`](m.height),()=>{a<2&&s[`set${a}`](0)}),[s,a,m.height,c.id]);let J=`translate3d(0px, calc(-${48}px + 100% + -${i?m.height:parseInt(n[0])+24*a}px), -${a}px) scale(${G})`,K=i?"none":`translate3d(0px, -${parseInt(n[0])+(a===1?64:n[1]+64*2)}px, -${a}px) scale(1)!important`;return p.createElement(tt,{"data-toast":"",css:{maxHeight:i||o?`${m.height+64}px!important`:"64px",transform:o?K:J,opacity:a<3?"1!important":"0!important",display:a<3?"block":"none!important",pointerEvents:a<3?"inherit":"none",overflow:"hidden"},type:c.type},p.createElement(et,{ref:i?u:null,css:{}},p.createElement(ot,T({},q),c.message)))},S={0:0,1:0};function rt(e){return{reset(){return S},set0(t){return d(T({},e),{0:t})},set1(t){return d(T({},e),{1:t})}}}var E=({toasts:e})=>{let t=e.length,o=p.useRef(null),s=Q(o),[n,c]=Z(rt,S);return p.createElement(p.Fragment,null,p.createElement(st,{ref:o},e.map((a,i)=>p.createElement(at,{count:t,key:`t-${i}-${a.id}`,methods:c,isHovered:s,idx:i,state:n,toast:a}))))};var O=10,it={error:8e3,info:5e3,success:5e3,warning:8e3};var h={error:"alert",info:"status",success:"alert",warning:"alert"},g={error:"assertive",info:"polite",success:"assertive",warning:"assertive"},A={state:"idle",context:{toasts:[],pausedAt:void 0}},x=r.createContext(A);x.displayName="ToastContext";function I(){return r.useContext(x)}var y=r.createContext({addToast(){},removeToast(){},dismissToast(){},interact(){},stopInteracting(){}});y.displayName="ToastDispatchContext";function R(){return r.useContext(y)}var ct=({toasts:e})=>{let t=nt(e,{active:!0}).reverse(),o=t.length??0;return o===0?null:r.createElement(W.Root,null,o>0?r.createElement(E,{toasts:t}):null)},k=function({children:t}){let[{state:o,context:s},n]=F();return r.createElement(y.Provider,{value:n},r.createElement(x.Provider,{value:{state:o,context:s}},t,r.createElement(ct,{toasts:s==null?void 0:s.toasts})))},M=r.forwardRef((e,t)=>{let a=e,{children:o}=a,s=l(a,["children"]),{context:n}=I(),{toasts:c}=n;return r.createElement("div",d(T({},s),{ref:t}),o({allToasts:c}))}),P=r.createContext(null);function Tt(){return r.useContext(P)}var N=r.forwardRef((e,t)=>{let i=e,{toastId:o,children:s}=i,n=l(i,["toastId","children"]),{context:{toasts:c}}=I(),a=c.find(u=>u.id===o);return a?r.createElement("div",T({ref:t},n),r.createElement(P.Provider,{value:a},s)):null});N.displayName="ToastCenterItem";var L=r.memo(N),_=r.forwardRef((e,t)=>{let m=e,{onPointerEnter:o,onPointerLeave:s,children:n}=m,c=l(m,["onPointerEnter","onPointerLeave","children"]),[{context:a},i]=F(),{toasts:u}=a;return r.createElement("div",d(T({},c),{ref:t,onPointerEnter:C(o,i.interact),onPointerLeave:C(s,i.stopInteracting)}),n({activeToasts:u.filter(ut)}))}),V=r.forwardRef((e,t)=>{let u=e,{children:o,progress:s,duration:n}=u,c=l(u,["children","progress","duration"]),{context:{toasts:a}}=I(),i=a.find(m=>m.id===e.toastId);return i?r.createElement("div",T({ref:t,role:i.role,"aria-live":i["aria-live"]},c),r.createElement(P.Provider,{value:i},o)):null});V.displayName="ToastWarmerItem";var H=r.memo(V),Y=r.forwardRef((e,t)=>{let i=e,{children:o,onClick:s}=i,n=l(i,["children","onClick"]),c=R(),a=Tt();return a?r.createElement("button",T({ref:t,onClick:C(s,()=>c.dismissToast(a.id))},n),o):null}),B=r.forwardRef((e,t)=>{let{children:o,toastId:s,type:n="info",message:c,role:a=h[n],"aria-live":i=g[n]}=e,u=R(),m=!c&&typeof o=="string"?o:c;return r.useEffect(()=>{u.addToast({id:s,type:n,message:m,role:a,"aria-live":i,pauseDuration:0,createdAt:Date.now(),active:!0})},[]),null});k.displayName="ToastProvider";M.displayName="ToastCenter";L.displayName="ToastCenterItem";_.displayName="ToastWarmer";H.displayName="ToastWarmerItem";B.displayName="Toast";Y.displayName="ToastDismiss";function dt({state:e,context:t},o){switch(e){case"idle":switch(o.type){case 0:return{state:"timing",context:D(t,o)}}case"interacting":switch(o.type){case 0:return{state:"timing",context:D(t,o)};case 1:{let s=U(t,o);return{state:v(s.toasts)?"interacting":"idle",context:s}}case 2:{let s=j(t,o);return{state:v(s.toasts)?"interacting":"idle",context:s}}case 4:{let s=o.time-(t.pausedAt||0);return{state:"timing",context:d(T({},t),{pausedAt:void 0,toasts:t.toasts.map(n=>d(T({},n),{pauseDuration:n.pauseDuration+s}))})}}}case"timing":switch(o.type){case 0:return{state:"timing",context:D(t,o)};case 1:{let s=U(t,o);return{state:v(s.toasts)?"timing":"idle",context:s}}case 2:{let s=j(t,o);return{state:v(s.toasts)?"timing":"idle",context:s}}case 3:return{state:"interacting",context:d(T({},t),{pausedAt:o.time})}}}return{state:e,context:t}}function pt(){let[{state:e,context:t},o]=r.useReducer(dt,A),s=t.toasts.map(n=>d(T({},n),{duration:n.duration||it[n.type]}));return[{state:e,context:d(T({},t),{toasts:s})},o]}function F(){let[{state:e,context:t},o]=pt(),s=r.useMemo(()=>({addToast(n){o({type:0,toast:n})},dismissToast(n){o({type:1,toastId:n})},removeToast(n){o({type:2,toastId:n})},interact(){o({type:3,time:Date.now()})},stopInteracting(){o({type:4,time:Date.now()})}}),[o]);return r.useEffect(()=>{if(t.pausedAt)return null;let n=Date.now(),c=t.toasts.map(a=>{let i=(a.duration||0)+a.pauseDuration-(n-a.createdAt);return i<0?(a.active&&s.dismissToast(a.id),null):window.setTimeout(()=>s.dismissToast(a.id),i)});return()=>{c.forEach(a=>{window.clearTimeout(a)})}},[t.toasts,t.pausedAt,s]),[{state:e,context:t},s]}function D(e,t){if("toast"in t){let o=[t.toast,...e.toasts],s=o.splice(0,O),n=o.splice(O,o.length-1).map(z);return d(T({},e),{toasts:[...s,...n]})}return e}function U(e,t){return"toastId"in t?d(T({},e),{toasts:e.toasts.map(o=>o.id===t.toastId?z(o):o)}):e}function j(e,t){return"toastId"in t?d(T({},e),{toasts:e.toasts.filter(mt(t))}):e}function mt(e){return"toastId"in e?t=>t.id!==e.toastId:()=>!0}function z(e){return d(T({},e),{active:!1})}function v(e){return e.length>0&&e.some(t=>t.active)}function ut(e){return e.active}export{B as Toast,M as ToastCenter,L as ToastCenterItem,Y as ToastDismiss,k as ToastProvider,_ as ToastWarmer,H as ToastWarmerItem,R as useToastDispatchers};