@spark-ui/components 14.1.2 → 15.0.0

package/dist/toast/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("@base-ui/react/toast"),w=require("../Slot-DQ8z2zsy.js"),l=require("class-variance-authority"),h=require("../Button-B6rA3-e5.js"),y=require("../Icon-CF0W0LKr.js"),_=require("../IconButton-D3g86WpZ.js"),I=require("@spark-ui/icons/Close"),N=require("react");function C(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(n,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return n.default=e,Object.freeze(n)}const P=C(N),M=l.cva(["gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg","absolute right-0 bottom-0 left-auto mr-0","bg-clip-padding shadow-md select-none","focus-visible:ring-focus focus-visible:ring-2 focus-visible:outline-none","z-[calc(1000-var(--toast-index))]","after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']","[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-16px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))]","ease-standard [transition-property:opacity,transform]","duration-400","data-[starting-style]:[transform:translateY(150%)]","data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))]","data-[ending-style]:duration-250","data-[ending-style]:opacity-0","data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]","data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]","data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]","data-[limited]:opacity-0"],{variants:{design:{filled:"",tinted:""},intent:{success:"",alert:"",error:"",info:"",neutral:"",main:"",basic:"",support:"",accent:"",surface:"",surfaceInverse:""}},compoundVariants:[{design:"filled",intent:"success",class:["bg-success text-on-success"]},{design:"filled",intent:"alert",class:["bg-alert text-on-alert"]},{design:"filled",intent:"error",class:["bg-error text-on-error"]},{design:"filled",intent:"info",class:["bg-info text-on-info"]},{design:"filled",intent:"neutral",class:["bg-neutral text-on-neutral"]},{design:"filled",intent:"main",class:["bg-main text-on-main"]},{design:"filled",intent:"basic",class:["bg-basic text-on-basic"]},{design:"filled",intent:"support",class:["bg-support text-on-support"]},{design:"filled",intent:"accent",class:["bg-accent text-on-accent"]},{design:"filled",intent:"surface",class:["bg-surface text-on-surface"]},{design:"filled",intent:"surfaceInverse",class:["bg-surface-inverse text-on-surface-inverse"]},{design:"tinted",intent:"success",class:["bg-success-container text-on-success-container"]},{design:"tinted",intent:"alert",class:["bg-alert-container text-on-alert-container"]},{design:"tinted",intent:"error",class:["bg-error-container text-on-error-container"]},{design:"tinted",intent:"info",class:["bg-info-container text-on-info-container"]},{design:"tinted",intent:"neutral",class:["bg-neutral-container text-on-neutral-container"]},{design:"tinted",intent:"main",class:["bg-main-container text-on-main-container"]},{design:"tinted",intent:"basic",class:["bg-basic-container text-on-basic-container"]},{design:"tinted",intent:"support",class:["bg-support-container text-on-support-container"]},{design:"tinted",intent:"accent",class:["bg-accent-container text-on-accent-container"]},{design:"tinted",intent:"surface",class:["bg-surface text-on-surface"]},{design:"tinted",intent:"surfaceInverse",class:["bg-surface-inverse text-on-surface-inverse"]}],defaultVariants:{design:"filled",intent:"neutral"}});l.cva(["inline-grid items-center","col-start-1 row-start-1","pl-md pr-lg"],{variants:{actionOnNewline:{true:["grid-rows-[52px_1fr_52px]","grid-cols-[min-content_1fr_min-content]","[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']"],false:["grid-cols-[min-content_1fr_min-content_min-content]","[grid-template-areas:'icon_message_action_close']"]}},defaultVariants:{actionOnNewline:!1}});function q(e){return e==="surfaceInverse"?"surface":e==="surface"?"surfaceInverse":e==="error"?"danger":e}function B(e){return e==="surfaceInverse"?"surfaceInverse":e==="surface"?"surface":e==="error"?"danger":e}const D=(e,{toastDesign:n,toastIntent:s})=>{if(!e)return{};const{design:i,intent:c,className:d,onClick:u,...o}=e;return{design:i??n,intent:c??q(s),className:l.cx("ml-auto",d),onClick:u,...o}},O=(e,n,s)=>({key:e.id,swipeDirection:["down","right"],toast:e,className:l.cx(M({design:n,intent:s})),style:{"--gap":"var(--spacing-md)","--offset-y":"calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"}});function S({toast:e}){const{icon:n,intent:s="neutral",design:i="filled",action:c,isClosable:d,closeLabel:u="Close",compact:o=!1}=e.data??{},m=c?.close?a.Toast.Close:a.Toast.Action,g=D(c,{toastDesign:i,toastIntent:s}),p=O(e,i,s),f=r=>d?t.jsx(a.Toast.Close,{className:r,render:t.jsx(_.IconButton,{"aria-label":u,design:i,intent:B(s),size:"md"}),children:t.jsx(y.Icon,{children:t.jsx(I.Close,{})})}):null,v=()=>{const r=e.data?.title??e.title,x=!!(e.data?.description??e.description);return typeof r!="string"&&r!==void 0?t.jsx(a.Toast.Title,{className:x?"text-headline-2":"text-body-1",render:t.jsx("div",{}),children:r}):t.jsx(a.Toast.Title,{className:x?"text-headline-2":"text-body-1"})},b=()=>{const r=e.data?.description??e.description;return r?typeof r!="string"?t.jsx(a.Toast.Description,{className:"text-body-1",render:t.jsx("div",{}),children:r}):t.jsx(a.Toast.Description,{className:"text-body-1"}):null};return t.jsx(a.Toast.Root,{...p,children:t.jsxs("div",{className:l.cx("flex",o?"gap-lg items-center":"gap-md flex-col"),children:[t.jsxs("div",{className:"gap-lg p-md flex grow items-center",children:[n&&t.jsx(y.Icon,{size:"md",children:n}),t.jsxs("div",{className:l.cx("gap-sm flex flex-col",o&&"flex-1",!o&&d&&"pr-3xl"),children:[v(),b()]})]}),t.jsxs("div",{className:l.cx("flex"),children:[c&&t.jsx(m,{render:t.jsx(h.Button,{...g}),children:c.label}),o&&f()]}),!o&&f("top-md right-md absolute")]})})}function T(){const e=a.Toast.useToastManager(),n=P.useCallback(()=>{e.toasts.forEach(({id:s})=>e.close(s))},[e]);return{...e,closeAll:n}}function Y(){const{toasts:e}=T();return e.map(n=>t.jsx(S,{toast:n},n.id))}function k({children:e,limit:n=3,...s}){return t.jsxs(a.Toast.Provider,{limit:n,...s,children:[t.jsx(a.Toast.Portal,{children:t.jsx(a.Toast.Viewport,{className:l.cx("z-toast right-lg bottom-lg text-on-surfa- fixed top-auto mx-auto flex w-fit flex-col items-end"),children:t.jsx(Y,{})})}),e]})}function z({children:e,onClick:n,asChild:s=!1,title:i,description:c,timeout:d=5e3,design:u="filled",intent:o="neutral",isClosable:m=!0,icon:g,action:p,compact:f,priority:v="low"}){const b=T(),r=s?w.Slot:"button";function x(j){n?.(j),b.add({title:i,description:c,timeout:d,priority:v,data:{design:u,intent:o,isClosable:m,...g&&{icon:g},action:p,...f!==void 0&&{compact:f}}})}return t.jsx(r,{...!s&&{type:"button"},onClick:x,children:e})}const A=a.Toast.createToastManager;exports.ToastProvider=k;exports.ToastTrigger=z;exports.createToastManager=A;exports.useToastManager=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("@base-ui/react/toast"),_=require("../Slot-DQ8z2zsy.js"),c=require("class-variance-authority"),I=require("../Button-B6rA3-e5.js"),w=require("../Icon-CF0W0LKr.js"),N=require("../IconButton-D3g86WpZ.js"),q=require("@spark-ui/icons/AlertFill"),C=require("@spark-ui/icons/Close"),h=require("@spark-ui/icons/InfoFill"),P=require("@spark-ui/icons/ValidFill"),M=require("@spark-ui/icons/WarningFill"),D=require("react");function F(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const B=F(D),O=c.cva(["gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg border-md","absolute right-0 bottom-0 left-auto mr-0","bg-clip-padding shadow-md select-none","focus-visible:ring-focus focus-visible:ring-2 focus-visible:outline-none","z-[calc(1000-var(--toast-index))]","after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']","[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-16px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))]","ease-standard [transition-property:opacity,transform]","duration-400","data-[starting-style]:[transform:translateY(150%)]","data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))]","data-[ending-style]:duration-250","data-[ending-style]:opacity-0","data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]","data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]","data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]","data-[limited]:opacity-0"],{variants:{design:{filled:"",tinted:""},intent:{success:"",alert:"",error:"",info:"",neutral:"",main:"",basic:"",support:"",accent:"",surface:"",surfaceInverse:""}},compoundVariants:[{design:"filled",intent:"success",class:["bg-success text-on-success border-success"]},{design:"filled",intent:"alert",class:["bg-alert text-on-alert border-alert"]},{design:"filled",intent:"error",class:["bg-error text-on-error border-error"]},{design:"filled",intent:"info",class:["bg-info text-on-info border-info"]},{design:"filled",intent:"neutral",class:["bg-neutral text-on-neutral border-neutral"]},{design:"filled",intent:"main",class:["bg-main text-on-main border-main"]},{design:"filled",intent:"basic",class:["bg-basic text-on-basic border-basic"]},{design:"filled",intent:"support",class:["bg-support text-on-support border-support"]},{design:"filled",intent:"accent",class:["bg-accent text-on-accent border-accent"]},{design:"filled",intent:"surface",class:["bg-surface text-on-surface border-surface"]},{design:"filled",intent:"surfaceInverse",class:["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]},{design:"tinted",intent:"success",class:["bg-success-container text-on-success-container border-success"]},{design:"tinted",intent:"alert",class:["bg-alert-container text-on-alert-container border-alert"]},{design:"tinted",intent:"error",class:["bg-error-container text-on-error-container border-error"]},{design:"tinted",intent:"info",class:["bg-info-container text-on-info-container border-info"]},{design:"tinted",intent:"neutral",class:["bg-neutral-container text-on-neutral-container border-neutral"]},{design:"tinted",intent:"main",class:["bg-main-container text-on-main-container border-main"]},{design:"tinted",intent:"basic",class:["bg-basic-container text-on-basic-container border-basic"]},{design:"tinted",intent:"support",class:["bg-support-container text-on-support-container border-support"]},{design:"tinted",intent:"accent",class:["bg-accent-container text-on-accent-container border-accent"]},{design:"tinted",intent:"surface",class:["bg-surface text-on-surface border-surface"]},{design:"tinted",intent:"surfaceInverse",class:["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]}],defaultVariants:{design:"filled",intent:"neutral"}});c.cva(["inline-grid items-center","col-start-1 row-start-1","pl-md pr-lg"],{variants:{actionOnNewline:{true:["grid-rows-[52px_1fr_52px]","grid-cols-[min-content_1fr_min-content]","[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']"],false:["grid-cols-[min-content_1fr_min-content_min-content]","[grid-template-areas:'icon_message_action_close']"]}},defaultVariants:{actionOnNewline:!1}});function A(e){return e==="surfaceInverse"?"surface":e==="surface"?"surfaceInverse":e==="error"?"danger":e}function S(e){return e==="surfaceInverse"?"surfaceInverse":e==="surface"?"surface":e==="error"?"danger":e}const V=(e,{toastDesign:s,toastIntent:n})=>{if(!e)return{};const{design:l,intent:i,className:d,onClick:u,...o}=e;return{design:l??s,intent:i??A(n),className:c.cx("ml-auto",d),onClick:u,...o}},Y=(e,s,n)=>({swipeDirection:["down","right"],toast:e,className:c.cx(O({design:s,intent:n})),style:{"--gap":"var(--spacing-md)","--offset-y":"calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"}});function z(e){switch(e){case"info":return t.jsx(h.InfoFill,{});case"success":return t.jsx(P.ValidFill,{});case"alert":return t.jsx(M.WarningFill,{});case"error":return t.jsx(q.AlertFill,{});case"main":case"support":case"accent":case"basic":case"neutral":case"surface":case"surfaceInverse":default:return t.jsx(h.InfoFill,{})}}function R({toast:e}){const{icon:s,intent:n="info",design:l,action:i,isClosable:d,closeLabel:u="Close",compact:o=!1}=e.data??{},f="tinted",g=i?.close?r.Toast.Close:r.Toast.Action,p=V(i,{toastDesign:f,toastIntent:n}),x=Y(e,f,n),b=s??z(n),m=a=>d?t.jsx(r.Toast.Close,{className:a,render:t.jsx(N.IconButton,{"aria-label":u,design:f,intent:S(n),size:"md"}),children:t.jsx(w.Icon,{children:t.jsx(C.Close,{})})}):null,v=()=>{const a=e.data?.title??e.title,y=!!(e.data?.description??e.description);return typeof a!="string"&&a!==void 0?t.jsx(r.Toast.Title,{className:y?"text-headline-2":"text-body-1",render:t.jsx("div",{}),children:a}):t.jsx(r.Toast.Title,{className:y?"text-headline-2":"text-body-1"})},T=()=>{const a=e.data?.description??e.description;return a?typeof a!="string"?t.jsx(r.Toast.Description,{className:"text-body-1",render:t.jsx("div",{}),children:a}):t.jsx(r.Toast.Description,{className:"text-body-1"}):null};return t.jsx(r.Toast.Root,{...x,children:t.jsxs("div",{className:c.cx("flex",o?"gap-lg items-center":"gap-md flex-col"),children:[t.jsxs("div",{className:"gap-lg p-md flex grow items-center",children:[t.jsx(w.Icon,{size:"md",children:b}),t.jsxs("div",{className:c.cx("gap-sm flex flex-col",o&&"flex-1",!o&&d&&"pr-3xl"),children:[v(),T()]})]}),t.jsxs("div",{className:c.cx("flex"),children:[i&&t.jsx(g,{render:t.jsx(I.Button,{...p}),children:i.label}),o&&m()]}),!o&&m("top-md right-md absolute")]})},e.id)}function j(){const e=r.Toast.useToastManager(),s=B.useCallback(()=>{e.toasts.forEach(({id:n})=>e.close(n))},[e]);return{...e,closeAll:s}}function k(){const{toasts:e}=j();return e.map(s=>t.jsx(R,{toast:s},s.id))}function X({children:e,limit:s=3,...n}){return t.jsxs(r.Toast.Provider,{limit:s,...n,children:[t.jsx(r.Toast.Portal,{children:t.jsx(r.Toast.Viewport,{className:c.cx("z-toast right-lg bottom-lg text-on-surfa- fixed top-auto mx-auto flex w-fit flex-col items-end"),children:t.jsx(k,{})})}),e]})}function L({children:e,onClick:s,asChild:n=!1,title:l,description:i,timeout:d=5e3,design:u="filled",intent:o="neutral",isClosable:f=!0,icon:g,action:p,compact:x,priority:b="low"}){const m=j(),v=n?_.Slot:"button";function T(a){s?.(a),m.add({title:l,description:i,timeout:d,priority:b,data:{design:u,intent:o,isClosable:f,...g&&{icon:g},action:p,...x!==void 0&&{compact:x}}})}return t.jsx(v,{...!n&&{type:"button"},onClick:T,children:e})}const W=r.Toast.createToastManager;exports.ToastProvider=X;exports.ToastTrigger=L;exports.createToastManager=W;exports.useToastManager=j;
 //# sourceMappingURL=index.js.map

package/dist/toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/toast/Toast.styles.ts","../../src/toast/Toast.tsx","../../src/toast/useToastManager.ts","../../src/toast/index.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\n\nexport const toastStyles = cva(\n  [\n    'gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg',\n    'absolute right-0 bottom-0 left-auto mr-0',\n    'bg-clip-padding shadow-md select-none',\n    'focus-visible:ring-focus focus-visible:ring-2 focus-visible:outline-none',\n    'z-[calc(1000-var(--toast-index))]',\n    \"after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n    // Stack effect while not focused\n    '[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-16px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))]',\n    // Scale and translate\n    'ease-standard [transition-property:opacity,transform]',\n    'duration-400',\n    // Present when the toast is animating in.\n    'data-[starting-style]:[transform:translateY(150%)]',\n    // Expanded: Present when the toast is expanded in the viewport.\n    'data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))]',\n    // Present when the toast is animating out.\n    'data-[ending-style]:duration-250',\n    'data-[ending-style]:opacity-0',\n    'data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]',\n    'data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]',\n    'data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]',\n    // Limited: Present when the toast was removed due to exceeding the limit.\n    'data-[limited]:opacity-0',\n  ],\n  {\n    variants: {\n      design: {\n        filled: '',\n        tinted: '',\n      },\n      intent: {\n        success: '',\n        alert: '',\n        error: '',\n        info: '',\n        neutral: '',\n        main: '',\n        basic: '',\n        support: '',\n        accent: '',\n        surface: '',\n        surfaceInverse: '',\n      },\n    },\n    compoundVariants: [\n      // Filled variants\n      {\n        design: 'filled',\n        intent: 'success',\n        class: ['bg-success text-on-success'],\n      },\n      {\n        design: 'filled',\n        intent: 'alert',\n        class: ['bg-alert text-on-alert'],\n      },\n      {\n        design: 'filled',\n        intent: 'error',\n        class: ['bg-error text-on-error'],\n      },\n      {\n        design: 'filled',\n        intent: 'info',\n        class: ['bg-info text-on-info'],\n      },\n      {\n        design: 'filled',\n        intent: 'neutral',\n        class: ['bg-neutral text-on-neutral'],\n      },\n      {\n        design: 'filled',\n        intent: 'main',\n        class: ['bg-main text-on-main'],\n      },\n      {\n        design: 'filled',\n        intent: 'basic',\n        class: ['bg-basic text-on-basic'],\n      },\n      {\n        design: 'filled',\n        intent: 'support',\n        class: ['bg-support text-on-support'],\n      },\n      {\n        design: 'filled',\n        intent: 'accent',\n        class: ['bg-accent text-on-accent'],\n      },\n      {\n        design: 'filled',\n        intent: 'surface',\n        class: ['bg-surface text-on-surface'],\n      },\n      {\n        design: 'filled',\n        intent: 'surfaceInverse',\n        class: ['bg-surface-inverse text-on-surface-inverse'],\n      },\n\n      // Tinted variants\n      {\n        design: 'tinted',\n        intent: 'success',\n        class: ['bg-success-container text-on-success-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'alert',\n        class: ['bg-alert-container text-on-alert-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'error',\n        class: ['bg-error-container text-on-error-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'info',\n        class: ['bg-info-container text-on-info-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'neutral',\n        class: ['bg-neutral-container text-on-neutral-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'main',\n        class: ['bg-main-container text-on-main-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'basic',\n        class: ['bg-basic-container text-on-basic-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'support',\n        class: ['bg-support-container text-on-support-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'accent',\n        class: ['bg-accent-container text-on-accent-container'],\n      },\n      {\n        design: 'tinted',\n        intent: 'surface',\n        class: ['bg-surface text-on-surface'],\n      },\n      {\n        design: 'tinted',\n        intent: 'surfaceInverse',\n        class: ['bg-surface-inverse text-on-surface-inverse'],\n      },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'neutral',\n    },\n  }\n)\n\nexport const snackbarItemVariantContent = cva(\n  [\n    'inline-grid items-center',\n    'col-start-1 row-start-1',\n    'pl-md pr-lg', // applying padding on the parent prevents VoiceOver on Safari from reading snackbar content 🤷\n  ],\n  {\n    variants: {\n      /**\n       * Force action button displaying on a new line\n       * @default false\n       */\n      actionOnNewline: {\n        true: [\n          'grid-rows-[52px_1fr_52px]',\n          'grid-cols-[min-content_1fr_min-content]',\n          \"[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']\",\n        ],\n        false: [\n          'grid-cols-[min-content_1fr_min-content_min-content]',\n          \"[grid-template-areas:'icon_message_action_close']\",\n        ],\n      },\n    },\n    defaultVariants: {\n      actionOnNewline: false,\n    },\n  }\n)\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type SnackbarItemVariantContentProps = VariantProps<typeof snackbarItemVariantContent>\n","import { Toast as BaseToast } from '@base-ui/react/toast'\nimport { Button, ButtonProps } from '@spark-ui/components/button'\nimport { Icon } from '@spark-ui/components/icon'\nimport { IconButton } from '@spark-ui/components/icon-button'\nimport { Close } from '@spark-ui/icons/Close'\nimport { cx } from 'class-variance-authority'\n\nimport { toastStyles } from './Toast.styles'\nimport type { ToastData, ToastDesign, ToastIntent, ToastObject } from './types'\n\nfunction getButtonIntent(intent?: ToastIntent): ButtonProps['intent'] {\n  if (intent === 'surfaceInverse') return 'surface'\n  if (intent === 'surface') return 'surfaceInverse'\n  if (intent === 'error') return 'danger'\n\n  return intent as ButtonProps['intent']\n}\n\nfunction getCloseButtonIntent(intent?: ToastIntent): ButtonProps['intent'] {\n  if (intent === 'surfaceInverse') return 'surfaceInverse'\n  if (intent === 'surface') return 'surface'\n  if (intent === 'error') return 'danger'\n\n  return intent as ButtonProps['intent']\n}\n\nconst getActionProps = (\n  action: ToastData['action'],\n  { toastDesign, toastIntent }: { toastDesign?: ToastDesign; toastIntent?: ToastIntent }\n): ButtonProps => {\n  if (!action) return {}\n\n  const { design, intent, className, onClick, ...rest } = action\n\n  return {\n    design: design ?? toastDesign,\n    intent: intent ?? getButtonIntent(toastIntent),\n    className: cx('ml-auto', className),\n    onClick,\n    ...rest,\n  }\n}\n\nconst getToastRootProps = (toast: ToastObject, design: ToastDesign, intent: ToastIntent) => ({\n  key: toast.id,\n  swipeDirection: ['down', 'right'] as ['down', 'right'],\n  toast,\n  className: cx(toastStyles({ design, intent })),\n  style: {\n    ['--gap' as string]: 'var(--spacing-md)',\n    ['--offset-y' as string]:\n      'calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))',\n  },\n})\n\nexport function Toast({ toast }: { toast: ToastObject }) {\n  const {\n    icon: ToastIcon,\n    intent = 'neutral',\n    design = 'filled',\n    action,\n    isClosable,\n    closeLabel = 'Close',\n    compact = false,\n  } = toast.data ?? {}\n\n  const ActionButton = action?.close ? BaseToast.Close : BaseToast.Action\n  const actionProps = getActionProps(action, { toastDesign: design, toastIntent: intent })\n  const rootProps = getToastRootProps(toast, design, intent)\n\n  const getCloseButton = (className?: string) => {\n    if (!isClosable) return null\n\n    return (\n      <BaseToast.Close\n        className={className}\n        render={\n          <IconButton\n            aria-label={closeLabel}\n            design={design}\n            intent={getCloseButtonIntent(intent)}\n            size=\"md\"\n          />\n        }\n      >\n        <Icon>\n          <Close />\n        </Icon>\n      </BaseToast.Close>\n    )\n  }\n\n  const renderTitle = () => {\n    // Check ToastData first for JSX, then fallback to toast.title (string)\n    const title = toast.data?.title ?? toast.title\n    const hasDescription = !!(toast.data?.description ?? toast.description)\n\n    if (typeof title !== 'string' && title !== undefined) {\n      return (\n        <BaseToast.Title\n          className={hasDescription ? 'text-headline-2' : 'text-body-1'}\n          render={<div />}\n        >\n          {title}\n        </BaseToast.Title>\n      )\n    }\n\n    return <BaseToast.Title className={hasDescription ? 'text-headline-2' : 'text-body-1'} />\n  }\n\n  const renderDescription = () => {\n    // Check ToastData first for JSX, then fallback to toast.description (string)\n    const description = toast.data?.description ?? toast.description\n\n    if (!description) return null\n\n    if (typeof description !== 'string') {\n      return (\n        <BaseToast.Description className=\"text-body-1\" render={<div />}>\n          {description}\n        </BaseToast.Description>\n      )\n    }\n\n    return <BaseToast.Description className=\"text-body-1\" />\n  }\n\n  return (\n    <BaseToast.Root {...rootProps}>\n      <div className={cx('flex', compact ? 'gap-lg items-center' : 'gap-md flex-col')}>\n        <div className=\"gap-lg p-md flex grow items-center\">\n          {/* Icon */}\n          {ToastIcon && <Icon size=\"md\">{ToastIcon}</Icon>}\n          {/* Title and description */}\n          <div\n            className={cx(\n              'gap-sm flex flex-col',\n              compact && 'flex-1',\n              !compact && isClosable && 'pr-3xl'\n            )}\n          >\n            {renderTitle()}\n            {renderDescription()}\n          </div>\n        </div>\n\n        <div className={cx('flex')}>\n          {/* Action button */}\n          {action && (\n            <ActionButton render={<Button {...actionProps} />}>{action.label}</ActionButton>\n          )}\n          {/* Close button - compact layout only */}\n          {compact && getCloseButton()}\n        </div>\n\n        {/* Close button - default layout only */}\n        {!compact && getCloseButton('top-md right-md absolute')}\n      </div>\n    </BaseToast.Root>\n  )\n}\n","import { Toast as BaseToast } from '@base-ui/react/toast'\nimport * as React from 'react'\n\nimport type { UseToastManagerReturnValue } from './types'\n\nexport function useToastManager(): UseToastManagerReturnValue {\n  const baseToastManager = BaseToast.useToastManager()\n\n  const closeAll = React.useCallback((): void => {\n    baseToastManager.toasts.forEach(({ id }) => baseToastManager.close(id))\n  }, [baseToastManager])\n\n  return {\n    ...baseToastManager,\n    closeAll,\n  } as UseToastManagerReturnValue\n}\n","import { Toast as BaseToast } from '@base-ui/react/toast'\nimport { Slot } from '@spark-ui/components/slot'\nimport { cx } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { Toast } from './Toast'\nimport type { ToastData, ToastObject } from './types'\nimport { useToastManager } from './useToastManager'\n\nexport * from './types'\n\nfunction ToastList() {\n  const { toasts } = useToastManager()\n\n  return toasts.map(toast => <Toast key={toast.id} toast={toast} />)\n}\n\ninterface ToastProviderProps extends React.ComponentProps<typeof BaseToast.Provider> {\n  children: React.ReactNode\n}\n\nexport function ToastProvider({ children, limit = 3, ...props }: ToastProviderProps) {\n  return (\n    <BaseToast.Provider limit={limit} {...props}>\n      <BaseToast.Portal>\n        <BaseToast.Viewport\n          className={cx(\n            'z-toast right-lg bottom-lg text-on-surfa- fixed top-auto mx-auto flex w-fit flex-col items-end'\n          )}\n        >\n          <ToastList />\n        </BaseToast.Viewport>\n      </BaseToast.Portal>\n      {children}\n    </BaseToast.Provider>\n  )\n}\n\ninterface ToastTriggerProps\n  extends Omit<React.ComponentPropsWithRef<'button'>, 'title'>,\n    Pick<ToastObject, 'priority'>,\n    Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {\n  children: React.ReactNode\n  asChild?: boolean\n  title: string | React.ReactNode\n  description?: string | React.ReactNode\n  timeout?: number\n}\n\nexport function ToastTrigger({\n  children,\n  onClick,\n  asChild = false,\n  title,\n  description,\n  timeout = 5000,\n  design = 'filled',\n  intent = 'neutral',\n  isClosable = true,\n  icon,\n  action,\n  compact,\n  priority = 'low',\n}: ToastTriggerProps) {\n  const toastManager = useToastManager()\n\n  const Component = asChild ? Slot : 'button'\n\n  function createToast(e: React.MouseEvent<HTMLButtonElement>) {\n    onClick?.(e)\n    toastManager.add({\n      title,\n      description,\n      timeout,\n      priority,\n      data: {\n        design,\n        intent,\n        isClosable,\n        ...(icon && { icon }),\n        action,\n        ...(compact !== undefined && { compact }),\n      },\n    })\n  }\n\n  return (\n    <Component {...(!asChild && { type: 'button' })} onClick={createToast}>\n      {children}\n    </Component>\n  )\n}\n\nexport type ToastManager = ReturnType<typeof BaseToast.createToastManager>\n\nexport const createToastManager: () => ToastManager = BaseToast.createToastManager\n\nexport { useToastManager }\n"],"names":["toastStyles","cva","getButtonIntent","intent","getCloseButtonIntent","getActionProps","action","toastDesign","toastIntent","design","className","onClick","rest","cx","getToastRootProps","toast","Toast","ToastIcon","isClosable","closeLabel","compact","ActionButton","BaseToast","actionProps","rootProps","getCloseButton","jsx","IconButton","Icon","Close","renderTitle","title","hasDescription","renderDescription","description","jsxs","Button","useToastManager","baseToastManager","closeAll","React","id","ToastList","toasts","ToastProvider","children","limit","props","ToastTrigger","asChild","timeout","icon","priority","toastManager","Component","Slot","createToast","e","createToastManager"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/toast/Toast.styles.ts","../../src/toast/Toast.tsx","../../src/toast/useToastManager.ts","../../src/toast/index.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\n\nexport const toastStyles = cva(\n  [\n    'gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg border-md',\n    'absolute right-0 bottom-0 left-auto mr-0',\n    'bg-clip-padding shadow-md select-none',\n    'focus-visible:ring-focus focus-visible:ring-2 focus-visible:outline-none',\n    'z-[calc(1000-var(--toast-index))]',\n    \"after:absolute after:bottom-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n    // Stack effect while not focused\n    '[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(min(var(--toast-index),10)*-16px)))_scale(calc(max(0,1-(var(--toast-index)*0.1))))]',\n    // Scale and translate\n    'ease-standard [transition-property:opacity,transform]',\n    'duration-400',\n    // Present when the toast is animating in.\n    'data-[starting-style]:[transform:translateY(150%)]',\n    // Expanded: Present when the toast is expanded in the viewport.\n    'data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y)))]',\n    // Present when the toast is animating out.\n    'data-[ending-style]:duration-250',\n    'data-[ending-style]:opacity-0',\n    'data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]',\n    'data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]',\n    'data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]',\n    // Limited: Present when the toast was removed due to exceeding the limit.\n    'data-[limited]:opacity-0',\n  ],\n  {\n    variants: {\n      design: {\n        filled: '',\n        tinted: '',\n      },\n      intent: {\n        success: '',\n        alert: '',\n        error: '',\n        info: '',\n        neutral: '',\n        main: '',\n        basic: '',\n        support: '',\n        accent: '',\n        surface: '',\n        surfaceInverse: '',\n      },\n    },\n    compoundVariants: [\n      // Filled variants\n      {\n        design: 'filled',\n        intent: 'success',\n        class: ['bg-success text-on-success border-success'],\n      },\n      {\n        design: 'filled',\n        intent: 'alert',\n        class: ['bg-alert text-on-alert border-alert'],\n      },\n      {\n        design: 'filled',\n        intent: 'error',\n        class: ['bg-error text-on-error border-error'],\n      },\n      {\n        design: 'filled',\n        intent: 'info',\n        class: ['bg-info text-on-info border-info'],\n      },\n      {\n        design: 'filled',\n        intent: 'neutral',\n        class: ['bg-neutral text-on-neutral border-neutral'],\n      },\n      {\n        design: 'filled',\n        intent: 'main',\n        class: ['bg-main text-on-main border-main'],\n      },\n      {\n        design: 'filled',\n        intent: 'basic',\n        class: ['bg-basic text-on-basic border-basic'],\n      },\n      {\n        design: 'filled',\n        intent: 'support',\n        class: ['bg-support text-on-support border-support'],\n      },\n      {\n        design: 'filled',\n        intent: 'accent',\n        class: ['bg-accent text-on-accent border-accent'],\n      },\n      {\n        design: 'filled',\n        intent: 'surface',\n        class: ['bg-surface text-on-surface border-surface'],\n      },\n      {\n        design: 'filled',\n        intent: 'surfaceInverse',\n        class: ['bg-surface-inverse text-on-surface-inverse border-surface-inverse'],\n      },\n\n      // Tinted variants\n      {\n        design: 'tinted',\n        intent: 'success',\n        class: ['bg-success-container text-on-success-container border-success'],\n      },\n      {\n        design: 'tinted',\n        intent: 'alert',\n        class: ['bg-alert-container text-on-alert-container border-alert'],\n      },\n      {\n        design: 'tinted',\n        intent: 'error',\n        class: ['bg-error-container text-on-error-container border-error'],\n      },\n      {\n        design: 'tinted',\n        intent: 'info',\n        class: ['bg-info-container text-on-info-container border-info'],\n      },\n      {\n        design: 'tinted',\n        intent: 'neutral',\n        class: ['bg-neutral-container text-on-neutral-container border-neutral'],\n      },\n      {\n        design: 'tinted',\n        intent: 'main',\n        class: ['bg-main-container text-on-main-container border-main'],\n      },\n      {\n        design: 'tinted',\n        intent: 'basic',\n        class: ['bg-basic-container text-on-basic-container border-basic'],\n      },\n      {\n        design: 'tinted',\n        intent: 'support',\n        class: ['bg-support-container text-on-support-container border-support'],\n      },\n      {\n        design: 'tinted',\n        intent: 'accent',\n        class: ['bg-accent-container text-on-accent-container border-accent'],\n      },\n      {\n        design: 'tinted',\n        intent: 'surface',\n        class: ['bg-surface text-on-surface border-surface'],\n      },\n      {\n        design: 'tinted',\n        intent: 'surfaceInverse',\n        class: ['bg-surface-inverse text-on-surface-inverse border-surface-inverse'],\n      },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'neutral',\n    },\n  }\n)\n\nexport const snackbarItemVariantContent = cva(\n  [\n    'inline-grid items-center',\n    'col-start-1 row-start-1',\n    'pl-md pr-lg', // applying padding on the parent prevents VoiceOver on Safari from reading snackbar content 🤷\n  ],\n  {\n    variants: {\n      /**\n       * Force action button displaying on a new line\n       * @default false\n       */\n      actionOnNewline: {\n        true: [\n          'grid-rows-[52px_1fr_52px]',\n          'grid-cols-[min-content_1fr_min-content]',\n          \"[grid-template-areas:'icon_message_close'_'._message_.'_'action_action_action']\",\n        ],\n        false: [\n          'grid-cols-[min-content_1fr_min-content_min-content]',\n          \"[grid-template-areas:'icon_message_action_close']\",\n        ],\n      },\n    },\n    defaultVariants: {\n      actionOnNewline: false,\n    },\n  }\n)\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type SnackbarItemVariantContentProps = VariantProps<typeof snackbarItemVariantContent>\n","import { Toast as BaseToast } from '@base-ui/react/toast'\nimport { Button, ButtonProps } from '@spark-ui/components/button'\nimport { Icon } from '@spark-ui/components/icon'\nimport { IconButton } from '@spark-ui/components/icon-button'\nimport { AlertFill } from '@spark-ui/icons/AlertFill'\nimport { Close } from '@spark-ui/icons/Close'\nimport { InfoFill } from '@spark-ui/icons/InfoFill'\nimport { ValidFill } from '@spark-ui/icons/ValidFill'\nimport { WarningFill } from '@spark-ui/icons/WarningFill'\nimport { cx } from 'class-variance-authority'\n\nimport { toastStyles } from './Toast.styles'\nimport type { ToastData, ToastDesign, ToastIntent, ToastObject } from './types'\n\nfunction getButtonIntent(intent?: ToastIntent): ButtonProps['intent'] {\n  if (intent === 'surfaceInverse') return 'surface'\n  if (intent === 'surface') return 'surfaceInverse'\n  if (intent === 'error') return 'danger'\n\n  return intent as ButtonProps['intent']\n}\n\nfunction getCloseButtonIntent(intent?: ToastIntent): ButtonProps['intent'] {\n  if (intent === 'surfaceInverse') return 'surfaceInverse'\n  if (intent === 'surface') return 'surface'\n  if (intent === 'error') return 'danger'\n\n  return intent as ButtonProps['intent']\n}\n\nconst getActionProps = (\n  action: ToastData['action'],\n  { toastDesign, toastIntent }: { toastDesign?: ToastDesign; toastIntent?: ToastIntent }\n): ButtonProps => {\n  if (!action) return {}\n\n  const { design, intent, className, onClick, ...rest } = action\n\n  return {\n    design: design ?? toastDesign,\n    intent: intent ?? getButtonIntent(toastIntent),\n    className: cx('ml-auto', className),\n    onClick,\n    ...rest,\n  }\n}\n\nconst getToastRootProps = (toast: ToastObject, design: ToastDesign, intent: ToastIntent) => ({\n  swipeDirection: ['down', 'right'] as ['down', 'right'],\n  toast,\n  className: cx(toastStyles({ design, intent })),\n  style: {\n    ['--gap' as string]: 'var(--spacing-md)',\n    ['--offset-y' as string]:\n      'calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))',\n  },\n})\n\nfunction getDefaultIcon(intent: ToastIntent): React.ReactNode {\n  switch (intent) {\n    case 'info':\n      return <InfoFill />\n    case 'success':\n      return <ValidFill />\n    case 'alert':\n      return <WarningFill />\n    case 'error':\n      return <AlertFill />\n    case 'main':\n    case 'support':\n    case 'accent':\n    case 'basic':\n    case 'neutral':\n    case 'surface':\n    case 'surfaceInverse':\n    default:\n      return <InfoFill />\n  }\n}\n\nexport function Toast({ toast }: { toast: ToastObject }) {\n  const {\n    icon: ToastIcon,\n    intent = 'info',\n    design: _design, // deprecated prop, ignored\n    action,\n    isClosable,\n    closeLabel = 'Close',\n    compact = false,\n  } = toast.data ?? {}\n\n  // Always use 'tinted' design regardless of prop value\n  const design = 'tinted' as const\n\n  const ActionButton = action?.close ? BaseToast.Close : BaseToast.Action\n  const actionProps = getActionProps(action, { toastDesign: design, toastIntent: intent })\n  const rootProps = getToastRootProps(toast, design, intent)\n\n  // Use provided icon or default icon based on intent\n  const icon = ToastIcon ?? getDefaultIcon(intent)\n\n  const getCloseButton = (className?: string) => {\n    if (!isClosable) return null\n\n    return (\n      <BaseToast.Close\n        className={className}\n        render={\n          <IconButton\n            aria-label={closeLabel}\n            design={design}\n            intent={getCloseButtonIntent(intent)}\n            size=\"md\"\n          />\n        }\n      >\n        <Icon>\n          <Close />\n        </Icon>\n      </BaseToast.Close>\n    )\n  }\n\n  const renderTitle = () => {\n    // Check ToastData first for JSX, then fallback to toast.title (string)\n    const title = toast.data?.title ?? toast.title\n    const hasDescription = !!(toast.data?.description ?? toast.description)\n\n    if (typeof title !== 'string' && title !== undefined) {\n      return (\n        <BaseToast.Title\n          className={hasDescription ? 'text-headline-2' : 'text-body-1'}\n          render={<div />}\n        >\n          {title}\n        </BaseToast.Title>\n      )\n    }\n\n    return <BaseToast.Title className={hasDescription ? 'text-headline-2' : 'text-body-1'} />\n  }\n\n  const renderDescription = () => {\n    // Check ToastData first for JSX, then fallback to toast.description (string)\n    const description = toast.data?.description ?? toast.description\n\n    if (!description) return null\n\n    if (typeof description !== 'string') {\n      return (\n        <BaseToast.Description className=\"text-body-1\" render={<div />}>\n          {description}\n        </BaseToast.Description>\n      )\n    }\n\n    return <BaseToast.Description className=\"text-body-1\" />\n  }\n\n  return (\n    <BaseToast.Root key={toast.id} {...rootProps}>\n      <div className={cx('flex', compact ? 'gap-lg items-center' : 'gap-md flex-col')}>\n        <div className=\"gap-lg p-md flex grow items-center\">\n          {/* Icon */}\n          <Icon size=\"md\">{icon}</Icon>\n          {/* Title and description */}\n          <div\n            className={cx(\n              'gap-sm flex flex-col',\n              compact && 'flex-1',\n              !compact && isClosable && 'pr-3xl'\n            )}\n          >\n            {renderTitle()}\n            {renderDescription()}\n          </div>\n        </div>\n\n        <div className={cx('flex')}>\n          {/* Action button */}\n          {action && (\n            <ActionButton render={<Button {...actionProps} />}>{action.label}</ActionButton>\n          )}\n          {/* Close button - compact layout only */}\n          {compact && getCloseButton()}\n        </div>\n\n        {/* Close button - default layout only */}\n        {!compact && getCloseButton('top-md right-md absolute')}\n      </div>\n    </BaseToast.Root>\n  )\n}\n","import { Toast as BaseToast } from '@base-ui/react/toast'\nimport * as React from 'react'\n\nimport type { UseToastManagerReturnValue } from './types'\n\nexport function useToastManager(): UseToastManagerReturnValue {\n  const baseToastManager = BaseToast.useToastManager()\n\n  const closeAll = React.useCallback((): void => {\n    baseToastManager.toasts.forEach(({ id }) => baseToastManager.close(id))\n  }, [baseToastManager])\n\n  return {\n    ...baseToastManager,\n    closeAll,\n  } as UseToastManagerReturnValue\n}\n","import { Toast as BaseToast } from '@base-ui/react/toast'\nimport { Slot } from '@spark-ui/components/slot'\nimport { cx } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { Toast } from './Toast'\nimport type { ToastData, ToastObject } from './types'\nimport { useToastManager } from './useToastManager'\n\nexport * from './types'\n\nfunction ToastList() {\n  const { toasts } = useToastManager()\n\n  return toasts.map(toast => <Toast key={toast.id} toast={toast} />)\n}\n\ninterface ToastProviderProps extends React.ComponentProps<typeof BaseToast.Provider> {\n  children: React.ReactNode\n}\n\nexport function ToastProvider({ children, limit = 3, ...props }: ToastProviderProps) {\n  return (\n    <BaseToast.Provider limit={limit} {...props}>\n      <BaseToast.Portal>\n        <BaseToast.Viewport\n          className={cx(\n            'z-toast right-lg bottom-lg text-on-surfa- fixed top-auto mx-auto flex w-fit flex-col items-end'\n          )}\n        >\n          <ToastList />\n        </BaseToast.Viewport>\n      </BaseToast.Portal>\n      {children}\n    </BaseToast.Provider>\n  )\n}\n\ninterface ToastTriggerProps\n  extends Omit<React.ComponentPropsWithRef<'button'>, 'title'>,\n    Pick<ToastObject, 'priority'>,\n    Pick<ToastData, 'design' | 'intent' | 'icon' | 'isClosable' | 'action' | 'compact'> {\n  children: React.ReactNode\n  asChild?: boolean\n  title: string | React.ReactNode\n  description?: string | React.ReactNode\n  timeout?: number\n}\n\nexport function ToastTrigger({\n  children,\n  onClick,\n  asChild = false,\n  title,\n  description,\n  timeout = 5000,\n  design = 'filled',\n  intent = 'neutral',\n  isClosable = true,\n  icon,\n  action,\n  compact,\n  priority = 'low',\n}: ToastTriggerProps) {\n  const toastManager = useToastManager()\n\n  const Component = asChild ? Slot : 'button'\n\n  function createToast(e: React.MouseEvent<HTMLButtonElement>) {\n    onClick?.(e)\n    toastManager.add({\n      title,\n      description,\n      timeout,\n      priority,\n      data: {\n        design,\n        intent,\n        isClosable,\n        ...(icon && { icon }),\n        action,\n        ...(compact !== undefined && { compact }),\n      },\n    })\n  }\n\n  return (\n    <Component {...(!asChild && { type: 'button' })} onClick={createToast}>\n      {children}\n    </Component>\n  )\n}\n\nexport type ToastManager = ReturnType<typeof BaseToast.createToastManager>\n\nexport const createToastManager: () => ToastManager = BaseToast.createToastManager\n\nexport { useToastManager }\n"],"names":["toastStyles","cva","getButtonIntent","intent","getCloseButtonIntent","getActionProps","action","toastDesign","toastIntent","design","className","onClick","rest","cx","getToastRootProps","toast","getDefaultIcon","InfoFill","ValidFill","WarningFill","AlertFill","Toast","ToastIcon","_design","isClosable","closeLabel","compact","ActionButton","BaseToast","actionProps","rootProps","icon","getCloseButton","jsx","IconButton","Icon","Close","renderTitle","title","hasDescription","renderDescription","description","jsxs","Button","useToastManager","baseToastManager","closeAll","React","id","ToastList","toasts","ToastProvider","children","limit","props","ToastTrigger","asChild","timeout","priority","toastManager","Component","Slot","createToast","e","createToastManager"],"mappings":"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"}

package/dist/toast/index.mjs

@@ -1,15 +1,19 @@
-import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { Toast as s } from "@base-ui/react/toast";
-import { a as I } from "../Slot-D2Bbf8Gw.mjs";
-import { cva as h, cx as d } from "class-variance-authority";
-import { B as N } from "../Button-C3C0aixy.mjs";
-import { I as w } from "../Icon-Ck-dhfLd.mjs";
-import { I as C } from "../IconButton-C62-axzv.mjs";
-import { Close as B } from "@spark-ui/icons/Close";
-import * as P from "react";
-const D = h(
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { Toast as a } from "@base-ui/react/toast";
+import { a as C } from "../Slot-D2Bbf8Gw.mjs";
+import { cva as T, cx as l } from "class-variance-authority";
+import { B } from "../Button-C3C0aixy.mjs";
+import { I as _ } from "../Icon-Ck-dhfLd.mjs";
+import { I as D } from "../IconButton-C62-axzv.mjs";
+import { AlertFill as P } from "@spark-ui/icons/AlertFill";
+import { Close as M } from "@spark-ui/icons/Close";
+import { InfoFill as I } from "@spark-ui/icons/InfoFill";
+import { ValidFill as Y } from "@spark-ui/icons/ValidFill";
+import { WarningFill as A } from "@spark-ui/icons/WarningFill";
+import * as V from "react";
+const z = T(
   [
-    "gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg",
+    "gap-lg p-md flex w-max !w-[min(400px,calc(100vw-2rem))] flex-col rounded-lg border-md",
     "absolute right-0 bottom-0 left-auto mr-0",
     "bg-clip-padding shadow-md select-none",
     "focus-visible:ring-focus focus-visible:ring-2 focus-visible:outline-none",
@@ -58,113 +62,113 @@ const D = h(
       {
         design: "filled",
         intent: "success",
-        class: ["bg-success text-on-success"]
+        class: ["bg-success text-on-success border-success"]
       },
       {
         design: "filled",
         intent: "alert",
-        class: ["bg-alert text-on-alert"]
+        class: ["bg-alert text-on-alert border-alert"]
       },
       {
         design: "filled",
         intent: "error",
-        class: ["bg-error text-on-error"]
+        class: ["bg-error text-on-error border-error"]
       },
       {
         design: "filled",
         intent: "info",
-        class: ["bg-info text-on-info"]
+        class: ["bg-info text-on-info border-info"]
       },
       {
         design: "filled",
         intent: "neutral",
-        class: ["bg-neutral text-on-neutral"]
+        class: ["bg-neutral text-on-neutral border-neutral"]
       },
       {
         design: "filled",
         intent: "main",
-        class: ["bg-main text-on-main"]
+        class: ["bg-main text-on-main border-main"]
       },
       {
         design: "filled",
         intent: "basic",
-        class: ["bg-basic text-on-basic"]
+        class: ["bg-basic text-on-basic border-basic"]
       },
       {
         design: "filled",
         intent: "support",
-        class: ["bg-support text-on-support"]
+        class: ["bg-support text-on-support border-support"]
       },
       {
         design: "filled",
         intent: "accent",
-        class: ["bg-accent text-on-accent"]
+        class: ["bg-accent text-on-accent border-accent"]
       },
       {
         design: "filled",
         intent: "surface",
-        class: ["bg-surface text-on-surface"]
+        class: ["bg-surface text-on-surface border-surface"]
       },
       {
         design: "filled",
         intent: "surfaceInverse",
-        class: ["bg-surface-inverse text-on-surface-inverse"]
+        class: ["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]
       },
       // Tinted variants
       {
         design: "tinted",
         intent: "success",
-        class: ["bg-success-container text-on-success-container"]
+        class: ["bg-success-container text-on-success-container border-success"]
       },
       {
         design: "tinted",
         intent: "alert",
-        class: ["bg-alert-container text-on-alert-container"]
+        class: ["bg-alert-container text-on-alert-container border-alert"]
       },
       {
         design: "tinted",
         intent: "error",
-        class: ["bg-error-container text-on-error-container"]
+        class: ["bg-error-container text-on-error-container border-error"]
       },
       {
         design: "tinted",
         intent: "info",
-        class: ["bg-info-container text-on-info-container"]
+        class: ["bg-info-container text-on-info-container border-info"]
       },
       {
         design: "tinted",
         intent: "neutral",
-        class: ["bg-neutral-container text-on-neutral-container"]
+        class: ["bg-neutral-container text-on-neutral-container border-neutral"]
       },
       {
         design: "tinted",
         intent: "main",
-        class: ["bg-main-container text-on-main-container"]
+        class: ["bg-main-container text-on-main-container border-main"]
       },
       {
         design: "tinted",
         intent: "basic",
-        class: ["bg-basic-container text-on-basic-container"]
+        class: ["bg-basic-container text-on-basic-container border-basic"]
       },
       {
         design: "tinted",
         intent: "support",
-        class: ["bg-support-container text-on-support-container"]
+        class: ["bg-support-container text-on-support-container border-support"]
       },
       {
         design: "tinted",
         intent: "accent",
-        class: ["bg-accent-container text-on-accent-container"]
+        class: ["bg-accent-container text-on-accent-container border-accent"]
       },
       {
         design: "tinted",
         intent: "surface",
-        class: ["bg-surface text-on-surface"]
+        class: ["bg-surface text-on-surface border-surface"]
       },
       {
         design: "tinted",
         intent: "surfaceInverse",
-        class: ["bg-surface-inverse text-on-surface-inverse"]
+        class: ["bg-surface-inverse text-on-surface-inverse border-surface-inverse"]
       }
     ],
     defaultVariants: {
@@ -173,7 +177,7 @@ const D = h(
     }
   }
 );
-h(
+T(
   [
     "inline-grid items-center",
     "col-start-1 row-start-1",
@@ -203,161 +207,182 @@ h(
     }
   }
 );
-function M(t) {
-  return t === "surfaceInverse" ? "surface" : t === "surface" ? "surfaceInverse" : t === "error" ? "danger" : t;
+function F(e) {
+  return e === "surfaceInverse" ? "surface" : e === "surface" ? "surfaceInverse" : e === "error" ? "danger" : e;
 }
-function Y(t) {
-  return t === "surfaceInverse" ? "surfaceInverse" : t === "surface" ? "surface" : t === "error" ? "danger" : t;
+function X(e) {
+  return e === "surfaceInverse" ? "surfaceInverse" : e === "surface" ? "surface" : e === "error" ? "danger" : e;
 }
-const k = (t, { toastDesign: n, toastIntent: a }) => {
-  if (!t) return {};
-  const { design: c, intent: o, className: l, onClick: f, ...i } = t;
+const k = (e, { toastDesign: r, toastIntent: n }) => {
+  if (!e) return {};
+  const { design: g, intent: o, className: c, onClick: d, ...i } = e;
   return {
-    design: c ?? n,
-    intent: o ?? M(a),
-    className: d("ml-auto", l),
-    onClick: f,
+    design: g ?? r,
+    intent: o ?? F(n),
+    className: l("ml-auto", c),
+    onClick: d,
     ...i
   };
-}, z = (t, n, a) => ({
-  key: t.id,
+}, R = (e, r, n) => ({
   swipeDirection: ["down", "right"],
-  toast: t,
-  className: d(D({ design: n, intent: a })),
+  toast: e,
+  className: l(z({ design: r, intent: n })),
   style: {
     "--gap": "var(--spacing-md)",
     "--offset-y": "calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))"
   }
 });
-function A({ toast: t }) {
+function j(e) {
+  switch (e) {
+    case "info":
+      return /* @__PURE__ */ t(I, {});
+    case "success":
+      return /* @__PURE__ */ t(Y, {});
+    case "alert":
+      return /* @__PURE__ */ t(A, {});
+    case "error":
+      return /* @__PURE__ */ t(P, {});
+    case "main":
+    case "support":
+    case "accent":
+    case "basic":
+    case "neutral":
+    case "surface":
+    case "surfaceInverse":
+    default:
+      return /* @__PURE__ */ t(I, {});
+  }
+}
+function L({ toast: e }) {
   const {
-    icon: n,
-    intent: a = "neutral",
-    design: c = "filled",
+    icon: r,
+    intent: n = "info",
+    design: g,
+    // deprecated prop, ignored
     action: o,
-    isClosable: l,
-    closeLabel: f = "Close",
+    isClosable: c,
+    closeLabel: d = "Close",
     compact: i = !1
-  } = t.data ?? {}, x = o?.close ? s.Close : s.Action, m = k(o, { toastDesign: c, toastIntent: a }), v = z(t, c, a), u = (r) => l ? /* @__PURE__ */ e(
-    s.Close,
+  } = e.data ?? {}, f = "tinted", m = o?.close ? a.Close : a.Action, x = k(o, { toastDesign: f, toastIntent: n }), p = R(e, f, n), v = r ?? j(n), b = (s) => c ? /* @__PURE__ */ t(
+    a.Close,
     {
-      className: r,
-      render: /* @__PURE__ */ e(
-        C,
+      className: s,
+      render: /* @__PURE__ */ t(
+        D,
         {
-          "aria-label": f,
-          design: c,
-          intent: Y(a),
+          "aria-label": d,
+          design: f,
+          intent: X(n),
           size: "md"
         }
       ),
-      children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(B, {}) })
+      children: /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(M, {}) })
     }
-  ) : null, b = () => {
-    const r = t.data?.title ?? t.title, p = !!(t.data?.description ?? t.description);
-    return typeof r != "string" && r !== void 0 ? /* @__PURE__ */ e(
-      s.Title,
+  ) : null, w = () => {
+    const s = e.data?.title ?? e.title, h = !!(e.data?.description ?? e.description);
+    return typeof s != "string" && s !== void 0 ? /* @__PURE__ */ t(
+      a.Title,
       {
-        className: p ? "text-headline-2" : "text-body-1",
-        render: /* @__PURE__ */ e("div", {}),
-        children: r
+        className: h ? "text-headline-2" : "text-body-1",
+        render: /* @__PURE__ */ t("div", {}),
+        children: s
       }
-    ) : /* @__PURE__ */ e(s.Title, { className: p ? "text-headline-2" : "text-body-1" });
+    ) : /* @__PURE__ */ t(a.Title, { className: h ? "text-headline-2" : "text-body-1" });
   }, y = () => {
-    const r = t.data?.description ?? t.description;
-    return r ? typeof r != "string" ? /* @__PURE__ */ e(s.Description, { className: "text-body-1", render: /* @__PURE__ */ e("div", {}), children: r }) : /* @__PURE__ */ e(s.Description, { className: "text-body-1" }) : null;
+    const s = e.data?.description ?? e.description;
+    return s ? typeof s != "string" ? /* @__PURE__ */ t(a.Description, { className: "text-body-1", render: /* @__PURE__ */ t("div", {}), children: s }) : /* @__PURE__ */ t(a.Description, { className: "text-body-1" }) : null;
   };
-  return /* @__PURE__ */ e(s.Root, { ...v, children: /* @__PURE__ */ g("div", { className: d("flex", i ? "gap-lg items-center" : "gap-md flex-col"), children: [
-    /* @__PURE__ */ g("div", { className: "gap-lg p-md flex grow items-center", children: [
-      n && /* @__PURE__ */ e(w, { size: "md", children: n }),
-      /* @__PURE__ */ g(
+  return /* @__PURE__ */ t(a.Root, { ...p, children: /* @__PURE__ */ u("div", { className: l("flex", i ? "gap-lg items-center" : "gap-md flex-col"), children: [
+    /* @__PURE__ */ u("div", { className: "gap-lg p-md flex grow items-center", children: [
+      /* @__PURE__ */ t(_, { size: "md", children: v }),
+      /* @__PURE__ */ u(
         "div",
         {
-          className: d(
+          className: l(
             "gap-sm flex flex-col",
             i && "flex-1",
-            !i && l && "pr-3xl"
+            !i && c && "pr-3xl"
           ),
           children: [
-            b(),
+            w(),
             y()
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ g("div", { className: d("flex"), children: [
-      o && /* @__PURE__ */ e(x, { render: /* @__PURE__ */ e(N, { ...m }), children: o.label }),
-      i && u()
+    /* @__PURE__ */ u("div", { className: l("flex"), children: [
+      o && /* @__PURE__ */ t(m, { render: /* @__PURE__ */ t(B, { ...x }), children: o.label }),
+      i && b()
     ] }),
-    !i && u("top-md right-md absolute")
-  ] }) });
+    !i && b("top-md right-md absolute")
+  ] }) }, e.id);
 }
-function _() {
-  const t = s.useToastManager(), n = P.useCallback(() => {
-    t.toasts.forEach(({ id: a }) => t.close(a));
-  }, [t]);
+function N() {
+  const e = a.useToastManager(), r = V.useCallback(() => {
+    e.toasts.forEach(({ id: n }) => e.close(n));
+  }, [e]);
   return {
-    ...t,
-    closeAll: n
+    ...e,
+    closeAll: r
   };
 }
-function V() {
-  const { toasts: t } = _();
-  return t.map((n) => /* @__PURE__ */ e(A, { toast: n }, n.id));
+function O() {
+  const { toasts: e } = N();
+  return e.map((r) => /* @__PURE__ */ t(L, { toast: r }, r.id));
 }
-function q({ children: t, limit: n = 3, ...a }) {
-  return /* @__PURE__ */ g(s.Provider, { limit: n, ...a, children: [
-    /* @__PURE__ */ e(s.Portal, { children: /* @__PURE__ */ e(
-      s.Viewport,
+function ee({ children: e, limit: r = 3, ...n }) {
+  return /* @__PURE__ */ u(a.Provider, { limit: r, ...n, children: [
+    /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ t(
+      a.Viewport,
       {
-        className: d(
+        className: l(
           "z-toast right-lg bottom-lg text-on-surfa- fixed top-auto mx-auto flex w-fit flex-col items-end"
         ),
-        children: /* @__PURE__ */ e(V, {})
+        children: /* @__PURE__ */ t(O, {})
       }
     ) }),
-    t
+    e
   ] });
 }
-function F({
-  children: t,
-  onClick: n,
-  asChild: a = !1,
-  title: c,
+function te({
+  children: e,
+  onClick: r,
+  asChild: n = !1,
+  title: g,
   description: o,
-  timeout: l = 5e3,
-  design: f = "filled",
+  timeout: c = 5e3,
+  design: d = "filled",
   intent: i = "neutral",
-  isClosable: x = !0,
+  isClosable: f = !0,
   icon: m,
-  action: v,
-  compact: u,
-  priority: b = "low"
+  action: x,
+  compact: p,
+  priority: v = "low"
 }) {
-  const y = _(), r = a ? I : "button";
-  function p(T) {
-    n?.(T), y.add({
-      title: c,
+  const b = N(), w = n ? C : "button";
+  function y(s) {
+    r?.(s), b.add({
+      title: g,
       description: o,
-      timeout: l,
-      priority: b,
+      timeout: c,
+      priority: v,
       data: {
-        design: f,
+        design: d,
         intent: i,
-        isClosable: x,
+        isClosable: f,
         ...m && { icon: m },
-        action: v,
-        ...u !== void 0 && { compact: u }
+        action: x,
+        ...p !== void 0 && { compact: p }
       }
     });
   }
-  return /* @__PURE__ */ e(r, { ...!a && { type: "button" }, onClick: p, children: t });
+  return /* @__PURE__ */ t(w, { ...!n && { type: "button" }, onClick: y, children: e });
 }
-const G = s.createToastManager;
+const ne = a.createToastManager;
 export {
-  q as ToastProvider,
-  F as ToastTrigger,
-  G as createToastManager,
-  _ as useToastManager
+  ee as ToastProvider,
+  te as ToastTrigger,
+  ne as createToastManager,
+  N as useToastManager
 };
 //# sourceMappingURL=index.mjs.map