vyrn 1.8.5 → 1.8.6

package/dist/components/ClientToastProvider.d.ts

@@ -3,6 +3,7 @@ import { ToastPosition } from '../types';
 interface ClientToastProviderProps {
     children: React.ReactNode;
     position?: ToastPosition;
+    maxToasts?: number;
 }
 export declare const ClientToastProvider: React.FC<ClientToastProviderProps>;
 export {};

package/dist/hooks/useToast.d.ts

@@ -1,9 +1,11 @@
-import { ToastType } from '../types';
+import { ToastType, ToastProps } from '../types';
 export declare const useToast: () => {
-    toast: (message: string, type?: ToastType, duration?: number) => void;
-    info: (message: string, duration?: number) => void;
-    success: (message: string, duration?: number) => void;
-    warning: (message: string, duration?: number) => void;
-    error: (message: string, duration?: number) => void;
+    toast: (options: Omit<ToastProps, 'id' | 'type'> & {
+        type?: ToastType;
+    }) => void;
+    info: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => void;
+    success: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => void;
+    warning: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => void;
+    error: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => void;
     position: import("../types").ToastPosition;
 };

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import t,{useEffect as e,useState as r,useCallback as n}from"react";import{X as o,AlertTriangle as a,Info as i,AlertCircle as s,CheckCircle as c}from"lucide-react";var l=function(){return l=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},l.apply(this,arguments)};function u(t,e,r){if(r||2===arguments.length)for(var n,o=0,a=e.length;o<a;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;var f=t.createContext(void 0),m=function(){var e=t.useContext(f);if(void 0===e)throw new Error("useToastContext must be used within a ToastProvider");return e},d=function(r){var n=r.id,l=r.message,u=r.type,f=r.duration,d=void 0===f?3e3:f,v=m().removeToast;e((function(){var t=setTimeout((function(){v(n)}),d);return function(){return clearTimeout(t)}}),[n,d,v]);return t.createElement("div",{className:"vyrn-toast vyrn-toast-".concat(u),role:"alert"},function(){switch(u){case"success":return t.createElement(c,{className:"vyrn-toast-icon"});case"error":return t.createElement(s,{className:"vyrn-toast-icon"});case"info":return t.createElement(i,{className:"vyrn-toast-icon"});case"warning":return t.createElement(a,{className:"vyrn-toast-icon"});default:return null}}(),t.createElement("div",{className:"vyrn-toast-content"},t.createElement("div",{className:"vyrn-toast-message"},l)),t.createElement("button",{className:"vyrn-toast-close",onClick:function(){return v(n)},"aria-label":"Close"},t.createElement(o,{size:18})))},v=function(e){var r=e.toasts,n=e.position;return t.createElement("div",{className:"vyrn-toast-container vyrn-toast-".concat(n),"aria-live":"polite","aria-atomic":"true"},r.map((function(e){return t.createElement(d,l({key:e.id},e))})))};!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}(".vyrn-toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:350px;position:fixed;width:100%;z-index:9999}.vyrn-toast-top-right{right:1rem;top:1rem}.vyrn-toast-top-left{left:1rem;top:1rem}.vyrn-toast-bottom-right{bottom:1rem;right:1rem}.vyrn-toast-bottom-left{bottom:1rem;left:1rem}.vyrn-toast-top-center{left:50%;top:1rem;transform:translateX(-50%)}.vyrn-toast-bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.vyrn-toast{align-items:center;animation:vyrnSlideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;max-width:100%;padding:.75rem 1rem}.vyrn-toast-icon{flex-shrink:0;margin-right:.75rem}.vyrn-toast-content{flex-grow:1;margin-right:.75rem}.vyrn-toast-message{font-size:.875rem;line-height:1.25rem}.vyrn-toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;transition:opacity .2s}.vyrn-toast-close:hover{opacity:1}.vyrn-toast-info{background-color:#3498db;color:#fff}.vyrn-toast-success{background-color:#2ecc71;color:#fff}.vyrn-toast-warning{background-color:#f39c12;color:#fff}.vyrn-toast-error{background-color:#e74c3c;color:#fff}@keyframes vyrnSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vyrnFadeOut{0%{opacity:1}to{opacity:0}}.vyrn-toast-exit{animation:vyrnFadeOut .3s ease-in forwards}",{insertAt:"top"});var p=function(o){var a=o.children,i=o.position,s=void 0===i?"top-right":i,c=r([]),m=c[0],d=c[1],p=r([]),y=p[0],g=p[1],h=n((function(t){var e=Math.random().toString(36).substr(2,9);m.length<5?d((function(r){return u(u([],r,!0),[l(l({},t),{id:e})],!1)})):g((function(e){return u(u([],e,!0),[t],!1)}))}),[m]),x=n((function(t){d((function(e){return e.filter((function(e){return e.id!==t}))}))}),[]);return e((function(){if(m.length<5&&y.length>0){var t=y[0],e=y.slice(1);h(t),g(e)}}),[m,y,h]),t.createElement(f.Provider,{value:{addToast:h,removeToast:x,position:s}},a,t.createElement(v,{toasts:m,position:s}))},y=function(){var t=m(),e=t.addToast,r=t.position,o=n((function(t,r,n){void 0===r&&(r="info"),e({message:t,type:r,duration:n})}),[e]);return{toast:o,info:function(t,e){return o(t,"info",e)},success:function(t,e){return o(t,"success",e)},warning:function(t,e){return o(t,"warning",e)},error:function(t,e){return o(t,"error",e)},position:r}},g=function(e){var r=e.children,n=e.position;return t.createElement(p,{position:n},r)};export{g as ClientToastProvider,p as ToastProvider,y as useToast};
+import t,{useEffect as e,useState as r,useCallback as n}from"react";import{X as o,AlertTriangle as a,Info as s,AlertCircle as i,CheckCircle as c}from"lucide-react";var l=function(){return l=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},l.apply(this,arguments)};function m(t,e,r){if(r||2===arguments.length)for(var n,o=0,a=e.length;o<a;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;var u=t.createContext(void 0),d=function(){var e=t.useContext(u);if(void 0===e)throw new Error("useToastContext must be used within a ToastProvider");return e},f=function(r){var n=r.id,l=r.message,m=r.type,u=r.duration,f=void 0===u?3e3:u,p=r.title,v=r.description,y=d().removeToast;e((function(){var t=setTimeout((function(){y(n)}),f);return function(){return clearTimeout(t)}}),[n,f,y]);return t.createElement("div",{className:"vyrn-toast vyrn-toast-".concat(m),role:"alert"},function(){switch(m){case"success":return t.createElement(c,{className:"vyrn-toast-icon"});case"error":return t.createElement(i,{className:"vyrn-toast-icon"});case"info":return t.createElement(s,{className:"vyrn-toast-icon"});case"warning":return t.createElement(a,{className:"vyrn-toast-icon"});default:return null}}(),t.createElement("div",{className:"vyrn-toast-content"},p&&t.createElement("div",{className:"vyrn-toast-title"},p),t.createElement("div",{className:"vyrn-toast-message"},l),v&&t.createElement("div",{className:"vyrn-toast-description"},v)),t.createElement("button",{className:"vyrn-toast-close",onClick:function(){return y(n)},"aria-label":"Close"},t.createElement(o,{size:18})))},p=function(e){var n=e.toasts,o=e.position,a=r(null),s=a[0],i=a[1];return t.createElement("div",{className:"vyrn-toast-container vyrn-toast-".concat(o),"aria-live":"polite","aria-atomic":"true"},n.map((function(e,r){return t.createElement("div",{key:e.id,className:"vyrn-toast-wrapper ".concat(r===s?"vyrn-toast-hovered":""),style:{zIndex:n.length-r,transform:"translateY(".concat(r*(null!==s&&r>s?100:10),"%)")},onMouseEnter:function(){return i(r)},onMouseLeave:function(){return i(null)}},t.createElement(f,l({},e)))})))};!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}(".vyrn-toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:380px;pointer-events:none;position:fixed;width:100%;z-index:9999}.vyrn-toast-top-right{right:1rem;top:1rem}.vyrn-toast-top-left{left:1rem;top:1rem}.vyrn-toast-bottom-right{bottom:1rem;right:1rem}.vyrn-toast-bottom-left{bottom:1rem;left:1rem}.vyrn-toast-top-center{left:50%;top:1rem;transform:translateX(-50%)}.vyrn-toast-bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.vyrn-toast-wrapper{pointer-events:auto;transition:all .3s ease-out}.vyrn-toast{align-items:flex-start;animation:vyrnSlideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;max-width:100%;padding:1rem}.vyrn-toast-icon{flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.vyrn-toast-content{flex-grow:1;margin-right:.75rem}.vyrn-toast-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.vyrn-toast-message{font-size:.875rem;line-height:1.25rem}.vyrn-toast-description{font-size:.75rem;margin-top:.25rem;opacity:.8}.vyrn-toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;transition:opacity .2s}.vyrn-toast-close:hover{opacity:1}.vyrn-toast-info{border-color:#3498db;color:#2980b9}.vyrn-toast-success{border-color:#2ecc71;color:#27ae60}.vyrn-toast-warning{border-color:#f39c12;color:#f39c12}.vyrn-toast-error{border-color:#e74c3c;color:#c0392b}.vyrn-toast-hovered{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:scale(1.02)!important}@keyframes vyrnSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vyrnFadeOut{0%{opacity:1}to{opacity:0}}.vyrn-toast-exit{animation:vyrnFadeOut .3s ease-in forwards}",{insertAt:"top"});var v=function(o){var a=o.children,s=o.position,i=void 0===s?"top-right":s,c=o.maxToasts,d=void 0===c?5:c,f=r([]),v=f[0],y=f[1],g=r([]),h=g[0],x=g[1],b=n((function(t){var e=Math.random().toString(36).substr(2,9);v.length<d?y((function(r){return m(m([],r,!0),[l(l({},t),{id:e})],!1)})):x((function(e){return m(m([],e,!0),[t],!1)}))}),[v,d]),E=n((function(t){y((function(e){return e.filter((function(e){return e.id!==t}))}))}),[]);return e((function(){if(v.length<d&&h.length>0){var t=h[0],e=h.slice(1);b(t),x(e)}}),[v,h,b,d]),t.createElement(u.Provider,{value:{addToast:b,removeToast:E,position:i}},a,t.createElement(p,{toasts:v,position:i}))},y=function(){var t=d(),e=t.addToast,r=t.position,o=n((function(t){e(l(l({},t),{type:t.type||"info"}))}),[e]);return{toast:o,info:function(t,e){return o(l({message:t,type:"info"},e))},success:function(t,e){return o(l({message:t,type:"success"},e))},warning:function(t,e){return o(l({message:t,type:"warning"},e))},error:function(t,e){return o(l({message:t,type:"error"},e))},position:r}},g=function(e){var r=e.children,n=e.position,o=e.maxToasts;return t.createElement(v,{position:n,maxToasts:o},r)};export{g as ClientToastProvider,v as ToastProvider,y as useToast};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"41DAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D"}
+{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"ixEAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D"}

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("lucide-react");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=r(t),o=function(){return o=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},o.apply(this,arguments)};function a(t,e,r){if(r||2===arguments.length)for(var n,o=0,a=e.length;o<a;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;var i=n.default.createContext(void 0),s=function(){var t=n.default.useContext(i);if(void 0===t)throw new Error("useToastContext must be used within a ToastProvider");return t},c=function(r){var o=r.id,a=r.message,i=r.type,c=r.duration,l=void 0===c?3e3:c,u=s().removeToast;t.useEffect((function(){var t=setTimeout((function(){u(o)}),l);return function(){return clearTimeout(t)}}),[o,l,u]);return n.default.createElement("div",{className:"vyrn-toast vyrn-toast-".concat(i),role:"alert"},function(){switch(i){case"success":return n.default.createElement(e.CheckCircle,{className:"vyrn-toast-icon"});case"error":return n.default.createElement(e.AlertCircle,{className:"vyrn-toast-icon"});case"info":return n.default.createElement(e.Info,{className:"vyrn-toast-icon"});case"warning":return n.default.createElement(e.AlertTriangle,{className:"vyrn-toast-icon"});default:return null}}(),n.default.createElement("div",{className:"vyrn-toast-content"},n.default.createElement("div",{className:"vyrn-toast-message"},a)),n.default.createElement("button",{className:"vyrn-toast-close",onClick:function(){return u(o)},"aria-label":"Close"},n.default.createElement(e.X,{size:18})))},l=function(t){var e=t.toasts,r=t.position;return n.default.createElement("div",{className:"vyrn-toast-container vyrn-toast-".concat(r),"aria-live":"polite","aria-atomic":"true"},e.map((function(t){return n.default.createElement(c,o({key:t.id},t))})))};!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}(".vyrn-toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:350px;position:fixed;width:100%;z-index:9999}.vyrn-toast-top-right{right:1rem;top:1rem}.vyrn-toast-top-left{left:1rem;top:1rem}.vyrn-toast-bottom-right{bottom:1rem;right:1rem}.vyrn-toast-bottom-left{bottom:1rem;left:1rem}.vyrn-toast-top-center{left:50%;top:1rem;transform:translateX(-50%)}.vyrn-toast-bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.vyrn-toast{align-items:center;animation:vyrnSlideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;max-width:100%;padding:.75rem 1rem}.vyrn-toast-icon{flex-shrink:0;margin-right:.75rem}.vyrn-toast-content{flex-grow:1;margin-right:.75rem}.vyrn-toast-message{font-size:.875rem;line-height:1.25rem}.vyrn-toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;transition:opacity .2s}.vyrn-toast-close:hover{opacity:1}.vyrn-toast-info{background-color:#3498db;color:#fff}.vyrn-toast-success{background-color:#2ecc71;color:#fff}.vyrn-toast-warning{background-color:#f39c12;color:#fff}.vyrn-toast-error{background-color:#e74c3c;color:#fff}@keyframes vyrnSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vyrnFadeOut{0%{opacity:1}to{opacity:0}}.vyrn-toast-exit{animation:vyrnFadeOut .3s ease-in forwards}",{insertAt:"top"});var u=function(e){var r=e.children,s=e.position,c=void 0===s?"top-right":s,u=t.useState([]),f=u[0],d=u[1],m=t.useState([]),v=m[0],p=m[1],y=t.useCallback((function(t){var e=Math.random().toString(36).substr(2,9);f.length<5?d((function(r){return a(a([],r,!0),[o(o({},t),{id:e})],!1)})):p((function(e){return a(a([],e,!0),[t],!1)}))}),[f]),g=t.useCallback((function(t){d((function(e){return e.filter((function(e){return e.id!==t}))}))}),[]);return t.useEffect((function(){if(f.length<5&&v.length>0){var t=v[0],e=v.slice(1);y(t),p(e)}}),[f,v,y]),n.default.createElement(i.Provider,{value:{addToast:y,removeToast:g,position:c}},r,n.default.createElement(l,{toasts:f,position:c}))};exports.ClientToastProvider=function(t){var e=t.children,r=t.position;return n.default.createElement(u,{position:r},e)},exports.ToastProvider=u,exports.useToast=function(){var e=s(),r=e.addToast,n=e.position,o=t.useCallback((function(t,e,n){void 0===e&&(e="info"),r({message:t,type:e,duration:n})}),[r]);return{toast:o,info:function(t,e){return o(t,"info",e)},success:function(t,e){return o(t,"success",e)},warning:function(t,e){return o(t,"warning",e)},error:function(t,e){return o(t,"error",e)},position:n}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("lucide-react");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=r(t),o=function(){return o=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},o.apply(this,arguments)};function a(t,e,r){if(r||2===arguments.length)for(var n,o=0,a=e.length;o<a;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;var s=n.default.createContext(void 0),i=function(){var t=n.default.useContext(s);if(void 0===t)throw new Error("useToastContext must be used within a ToastProvider");return t},c=function(r){var o=r.id,a=r.message,s=r.type,c=r.duration,l=void 0===c?3e3:c,u=r.title,f=r.description,d=i().removeToast;t.useEffect((function(){var t=setTimeout((function(){d(o)}),l);return function(){return clearTimeout(t)}}),[o,l,d]);return n.default.createElement("div",{className:"vyrn-toast vyrn-toast-".concat(s),role:"alert"},function(){switch(s){case"success":return n.default.createElement(e.CheckCircle,{className:"vyrn-toast-icon"});case"error":return n.default.createElement(e.AlertCircle,{className:"vyrn-toast-icon"});case"info":return n.default.createElement(e.Info,{className:"vyrn-toast-icon"});case"warning":return n.default.createElement(e.AlertTriangle,{className:"vyrn-toast-icon"});default:return null}}(),n.default.createElement("div",{className:"vyrn-toast-content"},u&&n.default.createElement("div",{className:"vyrn-toast-title"},u),n.default.createElement("div",{className:"vyrn-toast-message"},a),f&&n.default.createElement("div",{className:"vyrn-toast-description"},f)),n.default.createElement("button",{className:"vyrn-toast-close",onClick:function(){return d(o)},"aria-label":"Close"},n.default.createElement(e.X,{size:18})))},l=function(e){var r=e.toasts,a=e.position,s=t.useState(null),i=s[0],l=s[1];return n.default.createElement("div",{className:"vyrn-toast-container vyrn-toast-".concat(a),"aria-live":"polite","aria-atomic":"true"},r.map((function(t,e){return n.default.createElement("div",{key:t.id,className:"vyrn-toast-wrapper ".concat(e===i?"vyrn-toast-hovered":""),style:{zIndex:r.length-e,transform:"translateY(".concat(e*(null!==i&&e>i?100:10),"%)")},onMouseEnter:function(){return l(e)},onMouseLeave:function(){return l(null)}},n.default.createElement(c,o({},t)))})))};!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}(".vyrn-toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:380px;pointer-events:none;position:fixed;width:100%;z-index:9999}.vyrn-toast-top-right{right:1rem;top:1rem}.vyrn-toast-top-left{left:1rem;top:1rem}.vyrn-toast-bottom-right{bottom:1rem;right:1rem}.vyrn-toast-bottom-left{bottom:1rem;left:1rem}.vyrn-toast-top-center{left:50%;top:1rem;transform:translateX(-50%)}.vyrn-toast-bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.vyrn-toast-wrapper{pointer-events:auto;transition:all .3s ease-out}.vyrn-toast{align-items:flex-start;animation:vyrnSlideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;max-width:100%;padding:1rem}.vyrn-toast-icon{flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.vyrn-toast-content{flex-grow:1;margin-right:.75rem}.vyrn-toast-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.vyrn-toast-message{font-size:.875rem;line-height:1.25rem}.vyrn-toast-description{font-size:.75rem;margin-top:.25rem;opacity:.8}.vyrn-toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:0;transition:opacity .2s}.vyrn-toast-close:hover{opacity:1}.vyrn-toast-info{border-color:#3498db;color:#2980b9}.vyrn-toast-success{border-color:#2ecc71;color:#27ae60}.vyrn-toast-warning{border-color:#f39c12;color:#f39c12}.vyrn-toast-error{border-color:#e74c3c;color:#c0392b}.vyrn-toast-hovered{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:scale(1.02)!important}@keyframes vyrnSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vyrnFadeOut{0%{opacity:1}to{opacity:0}}.vyrn-toast-exit{animation:vyrnFadeOut .3s ease-in forwards}",{insertAt:"top"});var u=function(e){var r=e.children,i=e.position,c=void 0===i?"top-right":i,u=e.maxToasts,f=void 0===u?5:u,d=t.useState([]),m=d[0],p=d[1],v=t.useState([]),y=v[0],g=v[1],h=t.useCallback((function(t){var e=Math.random().toString(36).substr(2,9);m.length<f?p((function(r){return a(a([],r,!0),[o(o({},t),{id:e})],!1)})):g((function(e){return a(a([],e,!0),[t],!1)}))}),[m,f]),x=t.useCallback((function(t){p((function(e){return e.filter((function(e){return e.id!==t}))}))}),[]);return t.useEffect((function(){if(m.length<f&&y.length>0){var t=y[0],e=y.slice(1);h(t),g(e)}}),[m,y,h,f]),n.default.createElement(s.Provider,{value:{addToast:h,removeToast:x,position:c}},r,n.default.createElement(l,{toasts:m,position:c}))};exports.ClientToastProvider=function(t){var e=t.children,r=t.position,o=t.maxToasts;return n.default.createElement(u,{position:r,maxToasts:o},e)},exports.ToastProvider=u,exports.useToast=function(){var e=i(),r=e.addToast,n=e.position,a=t.useCallback((function(t){r(o(o({},t),{type:t.type||"info"}))}),[r]);return{toast:a,info:function(t,e){return a(o({message:t,type:"info"},e))},success:function(t,e){return a(o({message:t,type:"success"},e))},warning:function(t,e){return a(o({message:t,type:"warning"},e))},error:function(t,e){return a(o({message:t,type:"error"},e))},position:n}};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"2hEAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D"}
+{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"i/EAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D"}

package/dist/types/index.d.ts

@@ -6,6 +6,8 @@ export interface ToastProps {
     message: string;
     type: ToastType;
     duration?: number;
+    title?: string;
+    description?: string;
 }
 export interface ToastContextValue {
     addToast: (toast: Omit<ToastProps, 'id'>) => void;
@@ -15,4 +17,5 @@ export interface ToastContextValue {
 export interface ToastProviderProps {
     children: React.ReactNode;
     position?: ToastPosition;
+    maxToasts?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vyrn",
-  "version": "1.8.5",
+  "version": "1.8.6",
   "description": "A modern, customizable toast library for React and Next.js",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/ClientToastProvider.tsx

@@ -7,9 +7,10 @@ import { ToastPosition } from '../types';
 interface ClientToastProviderProps {
   children: React.ReactNode;
   position?: ToastPosition;
+  maxToasts?: number;
 }
 
-export const ClientToastProvider: React.FC<ClientToastProviderProps> = ({ children, position }) => {
-  return <ToastProvider position={position}>{children}</ToastProvider>;
+export const ClientToastProvider: React.FC<ClientToastProviderProps> = ({ children, position, maxToasts }) => {
+  return <ToastProvider position={position} maxToasts={maxToasts}>{children}</ToastProvider>;
 };
 

package/src/components/Toast.tsx

@@ -6,7 +6,14 @@ import { useToastContext } from '../context/ToastContext';
 import { DEFAULT_DURATION } from '../utils/constants';
 import { X, CheckCircle, AlertCircle, Info, AlertTriangle } from 'lucide-react';
 
-export const Toast: React.FC<ToastProps> = ({ id, message, type, duration = DEFAULT_DURATION }) => {
+export const Toast: React.FC<ToastProps> = ({ 
+  id, 
+  message, 
+  type, 
+  duration = DEFAULT_DURATION,
+  title,
+  description 
+}) => {
   const { removeToast } = useToastContext();
 
   useEffect(() => {
@@ -36,7 +43,9 @@ export const Toast: React.FC<ToastProps> = ({ id, message, type, duration = DEFA
     <div className={`vyrn-toast vyrn-toast-${type}`} role="alert">
       {getIcon()}
       <div className="vyrn-toast-content">
+        {title && <div className="vyrn-toast-title">{title}</div>}
         <div className="vyrn-toast-message">{message}</div>
+        {description && <div className="vyrn-toast-description">{description}</div>}
       </div>
       <button className="vyrn-toast-close" onClick={() => removeToast(id)} aria-label="Close">
         <X size={18} />

package/src/components/ToastContainer.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React from 'react';
+import React, { useState } from 'react';
 import { Toast } from './Toast';
 import { ToastProps, ToastPosition } from '../types';
 
@@ -10,10 +10,23 @@ interface ToastContainerProps {
 }
 
 export const ToastContainer: React.FC<ToastContainerProps> = ({ toasts, position }) => {
+  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
+
   return (
     <div className={`vyrn-toast-container vyrn-toast-${position}`} aria-live="polite" aria-atomic="true">
-      {toasts.map((toast) => (
-        <Toast key={toast.id} {...toast} />
+      {toasts.map((toast, index) => (
+        <div
+          key={toast.id}
+          className={`vyrn-toast-wrapper ${index === hoveredIndex ? 'vyrn-toast-hovered' : ''}`}
+          style={{
+            zIndex: toasts.length - index,
+            transform: `translateY(${index * (hoveredIndex !== null && index > hoveredIndex ? 100 : 10)}%)`,
+          }}
+          onMouseEnter={() => setHoveredIndex(index)}
+          onMouseLeave={() => setHoveredIndex(null)}
+        >
+          <Toast {...toast} />
+        </div>
       ))}
     </div>
   );

package/src/components/ToastProvider.tsx

@@ -3,34 +3,38 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import { ToastContext } from '../context/ToastContext';
 import { ToastContainer } from './ToastContainer';
-import { ToastProps, ToastProviderProps, ToastPosition } from '../types';
+import { ToastProps, ToastProviderProps } from '../types';
 import { MAX_TOASTS } from '../utils/constants';
 import '../styles/toast.css';
 
-export const ToastProvider: React.FC<ToastProviderProps> = ({ children, position = 'top-right' }) => {
+export const ToastProvider: React.FC<ToastProviderProps> = ({ 
+  children, 
+  position = 'top-right',
+  maxToasts = MAX_TOASTS
+}) => {
   const [toasts, setToasts] = useState<ToastProps[]>([]);
   const [queue, setQueue] = useState<Omit<ToastProps, 'id'>[]>([]);
 
   const addToast = useCallback((toast: Omit<ToastProps, 'id'>) => {
     const id = Math.random().toString(36).substr(2, 9);
-    if (toasts.length < MAX_TOASTS) {
+    if (toasts.length < maxToasts) {
       setToasts((prevToasts) => [...prevToasts, { ...toast, id }]);
     } else {
       setQueue((prevQueue) => [...prevQueue, toast]);
     }
-  }, [toasts]);
+  }, [toasts, maxToasts]);
 
   const removeToast = useCallback((id: string) => {
     setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
   }, []);
 
   useEffect(() => {
-    if (toasts.length < MAX_TOASTS && queue.length > 0) {
+    if (toasts.length < maxToasts && queue.length > 0) {
       const [nextToast, ...restQueue] = queue;
       addToast(nextToast);
       setQueue(restQueue);
     }
-  }, [toasts, queue, addToast]);
+  }, [toasts, queue, addToast, maxToasts]);
 
   return (
     <ToastContext.Provider value={{ addToast, removeToast, position }}>

package/src/hooks/useToast.ts

@@ -2,24 +2,28 @@
 
 import { useCallback } from 'react';
 import { useToastContext } from '../context/ToastContext';
-import { ToastType } from '../types';
+import { ToastType, ToastProps } from '../types';
 
 export const useToast = () => {
   const { addToast, position } = useToastContext();
 
   const toast = useCallback(
-    (message: string, type: ToastType = 'info', duration?: number) => {
-      addToast({ message, type, duration });
+    (options: Omit<ToastProps, 'id' | 'type'> & { type?: ToastType }) => {
+      addToast({ ...options, type: options.type || 'info' });
     },
     [addToast]
   );
 
   return {
     toast,
-    info: (message: string, duration?: number) => toast(message, 'info', duration),
-    success: (message: string, duration?: number) => toast(message, 'success', duration),
-    warning: (message: string, duration?: number) => toast(message, 'warning', duration),
-    error: (message: string, duration?: number) => toast(message, 'error', duration),
+    info: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => 
+      toast({ message, type: 'info', ...options }),
+    success: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => 
+      toast({ message, type: 'success', ...options }),
+    warning: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => 
+      toast({ message, type: 'warning', ...options }),
+    error: (message: string, options?: Omit<ToastProps, 'id' | 'type' | 'message'>) => 
+      toast({ message, type: 'error', ...options }),
     position,
   };
 };

package/src/styles/toast.css

@@ -4,8 +4,9 @@
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
-  max-width: 350px;
+  max-width: 380px;
   width: 100%;
+  pointer-events: none;
 }
 
 .vyrn-toast-top-right {
@@ -40,19 +41,28 @@
   transform: translateX(-50%);
 }
 
+.vyrn-toast-wrapper {
+  transition: all 0.3s ease-out;
+  pointer-events: auto;
+}
+
 .vyrn-toast {
   display: flex;
-  align-items: center;
-  padding: 0.75rem 1rem;
+  align-items: flex-start;
+  padding: 1rem;
   border-radius: 8px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   animation: vyrnSlideIn 0.3s ease-out;
   max-width: 100%;
+  background: #fff;
+  border-left: 4px solid;
 }
 
 .vyrn-toast-icon {
   flex-shrink: 0;
   margin-right: 0.75rem;
+  width: 20px;
+  height: 20px;
 }
 
 .vyrn-toast-content {
@@ -60,11 +70,23 @@
   margin-right: 0.75rem;
 }
 
+.vyrn-toast-title {
+  font-weight: 600;
+  font-size: 1rem;
+  margin-bottom: 0.25rem;
+}
+
 .vyrn-toast-message {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
+.vyrn-toast-description {
+  font-size: 0.75rem;
+  margin-top: 0.25rem;
+  opacity: 0.8;
+}
+
 .vyrn-toast-close {
   background: none;
   border: none;
@@ -83,23 +105,28 @@
 }
 
 .vyrn-toast-info {
-  background-color: #3498db;
-  color: #fff;
+  border-color: #3498db;
+  color: #2980b9;
 }
 
 .vyrn-toast-success {
-  background-color: #2ecc71;
-  color: #fff;
+  border-color: #2ecc71;
+  color: #27ae60;
 }
 
 .vyrn-toast-warning {
-  background-color: #f39c12;
-  color: #fff;
+  border-color: #f39c12;
+  color: #f39c12;
 }
 
 .vyrn-toast-error {
-  background-color: #e74c3c;
-  color: #fff;
+  border-color: #e74c3c;
+  color: #c0392b;
+}
+
+.vyrn-toast-hovered {
+  transform: scale(1.02) !important;
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
 }
 
 @keyframes vyrnSlideIn {

package/src/types/index.ts

@@ -7,6 +7,8 @@ export interface ToastProps {
   message: string;
   type: ToastType;
   duration?: number;
+  title?: string;
+  description?: string;
 }
 
 export interface ToastContextValue {
@@ -18,5 +20,6 @@ export interface ToastContextValue {
 export interface ToastProviderProps {
   children: React.ReactNode;
   position?: ToastPosition;
+  maxToasts?: number;
 }