react-toast-msg 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -6,7 +6,6 @@ A lightweight and customizable React toast notification library.
6
6
  ![License](https://img.shields.io/npm/l/react-toast-msg)
7
7
  ![Downloads](https://img.shields.io/npm/dt/react-toast-msg)
8
8
 
9
-
10
9
  ---
11
10
 
12
11
  ![React Toast MSG](https://github.com/user-attachments/assets/c91fd623-a733-4634-88b7-2bb0f30366ff 'React Toast MSG')
@@ -38,7 +37,6 @@ npm i react-toast-msg
38
37
 
39
38
  ```jsx
40
39
  import { toast, ToastContainer } from 'react-toast-msg';
41
- import 'react-toast-msg/dist/react-toast-msg.css';
42
40
 
43
41
  export default function Example() {
44
42
  return (
@@ -49,6 +47,8 @@ export default function Example() {
49
47
  <button onClick={() => toast.success('Success toast')}>Success</button>
50
48
  <button onClick={() => toast.error('Error toast')}>Error</button>
51
49
  <button onClick={() => toast.warning('Warning toast')}>Warning</button>
50
+
51
+ <button onClick={() => toast.success('Success toast', 5000)}>Success with duration</button>
52
52
  </>
53
53
  );
54
54
  }
@@ -62,6 +62,7 @@ You can now define a custom timeout per toast.
62
62
 
63
63
  | Usage Example | Description |
64
64
  | -------------------------------- | ------------------------------------ |
65
+ | `toast('Message')` | Default timeout |
65
66
  | `toast('Message', 1000)` | Closes after 1000ms (1 second) |
66
67
  | `toast.success('Saved', 5000)` | Success toast closes after 5 seconds |
67
68
  | `toast('Text', 'success', 2000)` | Type + duration together |
@@ -111,10 +112,10 @@ toast.warning('Warning message');
111
112
 
112
113
  Contributions are welcome. You can:
113
114
 
114
- - Report issues
115
- - Suggest features
116
- - Submit pull requests
117
- - Improve documentation or code quality
115
+ - Report issues
116
+ - Suggest features
117
+ - Submit pull requests
118
+ - Improve documentation or code quality
118
119
 
119
120
  Repository: [https://github.com/sudhucodes/react-toast-msg](https://github.com/sudhucodes/react-toast-msg)
120
121
 
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+
3
+ type ToastType = 'success' | 'error' | 'warning' | 'default';
4
+ interface ToastContainerProps {
5
+ autoClose?: number;
6
+ }
7
+
8
+ declare function ToastContainer({ autoClose }: ToastContainerProps): react_jsx_runtime.JSX.Element;
9
+ declare function toast(message: string, type?: ToastType | number, duration?: number): void;
10
+ declare namespace toast {
11
+ var success: (message: string, duration?: number) => void;
12
+ var error: (message: string, duration?: number) => void;
13
+ var warning: (message: string, duration?: number) => void;
14
+ }
15
+
16
+ export { ToastContainer, type ToastType, toast };
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+
3
+ type ToastType = 'success' | 'error' | 'warning' | 'default';
4
+ interface ToastContainerProps {
5
+ autoClose?: number;
6
+ }
7
+
8
+ declare function ToastContainer({ autoClose }: ToastContainerProps): react_jsx_runtime.JSX.Element;
9
+ declare function toast(message: string, type?: ToastType | number, duration?: number): void;
10
+ declare namespace toast {
11
+ var success: (message: string, duration?: number) => void;
12
+ var error: (message: string, duration?: number) => void;
13
+ var warning: (message: string, duration?: number) => void;
14
+ }
15
+
16
+ export { ToastContainer, type ToastType, toast };
package/dist/index.js ADDED
@@ -0,0 +1,3 @@
1
+ "use client";
2
+ "use strict";var f=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var P=(t,o)=>{for(var e in o)f(t,e,{get:o[e],enumerable:!0})},L=(t,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of E(o))!C.call(t,a)&&a!==e&&f(t,a,{get:()=>o[a],enumerable:!(n=I(o,a))||n.enumerable});return t};var N=t=>L(f({},"__esModule",{value:!0}),t);var B={};P(B,{ToastContainer:()=>b,toast:()=>s});module.exports=N(B);function z(t){if(!t||typeof document=="undefined"||document.getElementById("react-toast-msg-style"))return;let o=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",e.id="react-toast-msg-style",e.appendChild(document.createTextNode(t)),o.appendChild(e)}z(`:root{--default-bg-color: oklch(27.8% .033 256.848);--default-text-color: #fff;--success-bg-color: oklch(72.3% .219 149.579);--success-text-color: #fff;--error-bg-color: oklch(63.7% .237 25.331);--error-text-color: #fff;--warning-bg-color: oklch(79.5% .184 86.047);--warning-text-color: #fff}*{margin:0;padding:0;box-sizing:border-box}.toast-container{position:fixed;font-family:sans-serif;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:9999}.toast{display:flex;align-items:center;gap:8px;background:#0f172b;color:#fff;padding:12px;font-size:14px;border-radius:8px;min-width:200px;max-width:300px;will-change:transform,opacity}.toast svg{flex-shrink:0}.toast-enter{animation:toastEnter .45s cubic-bezier(.21,1.02,.73,1) forwards}.toast-exit{animation:toastExit .4s cubic-bezier(.06,.71,.55,1) forwards}.toast-success{background:var(--success-bg-color)}.toast-error{background:var(--error-bg-color)}.toast-warning{background:var(--warning-bg-color)}@keyframes toastEnter{0%{opacity:0;transform:translate(20px)}60%{opacity:1;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}
3
+ `);var d=require("react");var x=require("react/jsx-runtime");function g({message:t,type:o="default",icon:e,leaving:n}){return(0,x.jsxs)("div",{className:`toast toast-${o} ${n?"toast-exit":"toast-enter"}`,children:[e,t]})}var r=require("react/jsx-runtime"),h=({size:t=24,strokeWidth:o=2})=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("circle",{cx:12,cy:12,r:10}),(0,r.jsx)("path",{d:"m9 12 2 2 4-4"})]}),y=({size:t=24,strokeWidth:o=2})=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-circle-x-icon lucide-circle-x",children:[(0,r.jsx)("circle",{cx:12,cy:12,r:10}),(0,r.jsx)("path",{d:"m15 9-6 6"}),(0,r.jsx)("path",{d:"m9 9 6 6"})]}),w=({size:t=24,strokeWidth:o=2})=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-triangle-alert-icon lucide-triangle-alert",children:[(0,r.jsx)("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),(0,r.jsx)("path",{d:"M12 9v4"}),(0,r.jsx)("path",{d:"M12 17h.01"})]});var l=require("react/jsx-runtime");function T(t){switch(t){case"success":return(0,l.jsx)(h,{size:20});case"error":return(0,l.jsx)(y,{size:20});case"warning":return(0,l.jsx)(w,{size:18});default:return null}}var u=require("react/jsx-runtime"),p=null;function b({autoClose:t=3e3}){let[o,e]=(0,d.useState)([]);return(0,d.useEffect)(()=>{p=(n,a="default",v)=>{let m=Date.now(),k=v||t;e(i=>[...i,{id:m,message:n,type:a,leaving:!1}]),setTimeout(()=>{e(i=>i.map(c=>c.id===m?{...c,leaving:!0}:c)),setTimeout(()=>{e(i=>i.filter(c=>c.id!==m))},400)},k)}},[t]),(0,u.jsx)("div",{className:"toast-container",children:o.map(n=>(0,u.jsx)(g,{message:n.message,type:n.type,icon:T(n.type),leaving:n.leaving},n.id))})}function s(t,o,e){p&&(typeof o=="number"?p(t,"default",o):p(t,o,e))}s.success=(t,o)=>s(t,"success",o);s.error=(t,o)=>s(t,"error",o);s.warning=(t,o)=>s(t,"warning",o);0&&(module.exports={ToastContainer,toast});
package/dist/index.mjs ADDED
@@ -0,0 +1,3 @@
1
+ "use client";
2
+ function b(t){if(!t||typeof document=="undefined"||document.getElementById("react-toast-msg-style"))return;let o=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",e.id="react-toast-msg-style",e.appendChild(document.createTextNode(t)),o.appendChild(e)}b(`:root{--default-bg-color: oklch(27.8% .033 256.848);--default-text-color: #fff;--success-bg-color: oklch(72.3% .219 149.579);--success-text-color: #fff;--error-bg-color: oklch(63.7% .237 25.331);--error-text-color: #fff;--warning-bg-color: oklch(79.5% .184 86.047);--warning-text-color: #fff}*{margin:0;padding:0;box-sizing:border-box}.toast-container{position:fixed;font-family:sans-serif;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:9999}.toast{display:flex;align-items:center;gap:8px;background:#0f172b;color:#fff;padding:12px;font-size:14px;border-radius:8px;min-width:200px;max-width:300px;will-change:transform,opacity}.toast svg{flex-shrink:0}.toast-enter{animation:toastEnter .45s cubic-bezier(.21,1.02,.73,1) forwards}.toast-exit{animation:toastExit .4s cubic-bezier(.06,.71,.55,1) forwards}.toast-success{background:var(--success-bg-color)}.toast-error{background:var(--error-bg-color)}.toast-warning{background:var(--warning-bg-color)}@keyframes toastEnter{0%{opacity:0;transform:translate(20px)}60%{opacity:1;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}
3
+ `);import{useState as k,useEffect as I}from"react";import{jsxs as v}from"react/jsx-runtime";function m({message:t,type:o="default",icon:e,leaving:r}){return v("div",{className:`toast toast-${o} ${r?"toast-exit":"toast-enter"}`,children:[e,t]})}import{jsx as n,jsxs as p}from"react/jsx-runtime";var f=({size:t=24,strokeWidth:o=2})=>p("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",children:[n("circle",{cx:12,cy:12,r:10}),n("path",{d:"m9 12 2 2 4-4"})]}),u=({size:t=24,strokeWidth:o=2})=>p("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-circle-x-icon lucide-circle-x",children:[n("circle",{cx:12,cy:12,r:10}),n("path",{d:"m15 9-6 6"}),n("path",{d:"m9 9 6 6"})]}),g=({size:t=24,strokeWidth:o=2})=>p("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-triangle-alert-icon lucide-triangle-alert",children:[n("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),n("path",{d:"M12 9v4"}),n("path",{d:"M12 17h.01"})]});import{jsx as d}from"react/jsx-runtime";function x(t){switch(t){case"success":return d(f,{size:20});case"error":return d(u,{size:20});case"warning":return d(g,{size:18});default:return null}}import{jsx as h}from"react/jsx-runtime";var c=null;function E({autoClose:t=3e3}){let[o,e]=k([]);return I(()=>{c=(r,y="default",w)=>{let l=Date.now(),T=w||t;e(a=>[...a,{id:l,message:r,type:y,leaving:!1}]),setTimeout(()=>{e(a=>a.map(i=>i.id===l?{...i,leaving:!0}:i)),setTimeout(()=>{e(a=>a.filter(i=>i.id!==l))},400)},T)}},[t]),h("div",{className:"toast-container",children:o.map(r=>h(m,{message:r.message,type:r.type,icon:x(r.type),leaving:r.leaving},r.id))})}function s(t,o,e){c&&(typeof o=="number"?c(t,"default",o):c(t,o,e))}s.success=(t,o)=>s(t,"success",o);s.error=(t,o)=>s(t,"error",o);s.warning=(t,o)=>s(t,"warning",o);export{E as ToastContainer,s as toast};
package/package.json CHANGED
@@ -1,17 +1,26 @@
1
1
  {
2
2
  "name": "react-toast-msg",
3
- "version": "2.0.0",
3
+ "version": "2.1.0",
4
4
  "description": "A lightweight, customizable React toast notification library with zero-config and fast setup.",
5
- "main": "dist/react-toast-msg.umd.js",
6
- "module": "dist/react-toast-msg.es.js",
7
5
  "files": [
8
6
  "dist"
9
7
  ],
10
8
  "scripts": {
11
9
  "dev": "vite",
12
- "build": "vite build",
13
- "prepare": "npm run build"
10
+ "prettier": "prettier --write src",
11
+ "build": "tsup"
14
12
  },
13
+ "prettier": {
14
+ "printWidth": 120,
15
+ "semi": true,
16
+ "tabWidth": 4,
17
+ "singleQuote": true,
18
+ "trailingComma": "none",
19
+ "arrowParens": "avoid"
20
+ },
21
+ "main": "dist/index.js",
22
+ "module": "dist/index.mjs",
23
+ "types": "dist/index.d.ts",
15
24
  "keywords": [
16
25
  "react",
17
26
  "toast",
@@ -28,16 +37,17 @@
28
37
  "type": "git",
29
38
  "url": "https://github.com/sudhucodes/react-toast-msg.git"
30
39
  },
31
- "bugs": {
32
- "url": "https://github.com/sudhucodes/react-toast-msg/issues"
33
- },
34
- "homepage": "https://github.com/sudhucodes/react-toast-msg#readme",
35
40
  "peerDependencies": {
36
41
  "react": "^18 || ^19",
37
42
  "react-dom": "^18 || ^19"
38
43
  },
39
44
  "devDependencies": {
45
+ "@types/react": "^19.2.2",
46
+ "@types/react-dom": "^19.2.2",
40
47
  "@vitejs/plugin-react": "^4.3.4",
48
+ "prettier": "^3.6.2",
49
+ "tsup": "^8.5.0",
50
+ "typescript": "^5.9.3",
41
51
  "vite": "^6.0.3"
42
52
  }
43
53
  }
@@ -1 +0,0 @@
1
- :root{--default-bg-color: oklch(27.8% .033 256.848);--default-text-color: #fff;--success-bg-color: oklch(72.3% .219 149.579);--success-text-color: #fff;--error-bg-color: oklch(63.7% .237 25.331);--error-text-color: #fff;--warning-bg-color: oklch(79.5% .184 86.047);--warning-text-color: #fff}*{margin:0;padding:0;box-sizing:border-box}.toast-container{position:fixed;font-family:sans-serif;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:9999}.toast{display:flex;align-items:center;gap:8px;background:#0f172b;color:#fff;padding:12px;font-size:14px;border-radius:8px;min-width:200px;max-width:300px;will-change:transform,opacity}.toast svg{flex-shrink:0}.toast-enter{animation:toastEnter .45s cubic-bezier(.21,1.02,.73,1) forwards}.toast-exit{animation:toastExit .4s cubic-bezier(.06,.71,.55,1) forwards}.toast-success{background:var(--success-bg-color)}.toast-error{background:var(--error-bg-color)}.toast-warning{background:var(--warning-bg-color)}@keyframes toastEnter{0%{opacity:0;transform:translate(20px)}60%{opacity:1;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}
@@ -1,390 +0,0 @@
1
- import te, { useState as ne, useEffect as oe } from "react";
2
- var h = { exports: {} }, R = {};
3
- /**
4
- * @license React
5
- * react-jsx-runtime.production.js
6
- *
7
- * Copyright (c) Meta Platforms, Inc. and affiliates.
8
- *
9
- * This source code is licensed under the MIT license found in the
10
- * LICENSE file in the root directory of this source tree.
11
- */
12
- var M;
13
- function ae() {
14
- if (M) return R;
15
- M = 1;
16
- var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
17
- function i(c, u, f) {
18
- var d = null;
19
- if (f !== void 0 && (d = "" + f), u.key !== void 0 && (d = "" + u.key), "key" in u) {
20
- f = {};
21
- for (var m in u)
22
- m !== "key" && (f[m] = u[m]);
23
- } else f = u;
24
- return u = f.ref, {
25
- $$typeof: t,
26
- type: c,
27
- key: d,
28
- ref: u !== void 0 ? u : null,
29
- props: f
30
- };
31
- }
32
- return R.Fragment = n, R.jsx = i, R.jsxs = i, R;
33
- }
34
- var T = {};
35
- /**
36
- * @license React
37
- * react-jsx-runtime.development.js
38
- *
39
- * Copyright (c) Meta Platforms, Inc. and affiliates.
40
- *
41
- * This source code is licensed under the MIT license found in the
42
- * LICENSE file in the root directory of this source tree.
43
- */
44
- var W;
45
- function se() {
46
- return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
47
- function t(e) {
48
- if (e == null) return null;
49
- if (typeof e == "function")
50
- return e.$$typeof === K ? null : e.displayName || e.name || null;
51
- if (typeof e == "string") return e;
52
- switch (e) {
53
- case g:
54
- return "Fragment";
55
- case V:
56
- return "Profiler";
57
- case J:
58
- return "StrictMode";
59
- case X:
60
- return "Suspense";
61
- case H:
62
- return "SuspenseList";
63
- case Q:
64
- return "Activity";
65
- }
66
- if (typeof e == "object")
67
- switch (typeof e.tag == "number" && console.error(
68
- "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
69
- ), e.$$typeof) {
70
- case q:
71
- return "Portal";
72
- case G:
73
- return e.displayName || "Context";
74
- case z:
75
- return (e._context.displayName || "Context") + ".Consumer";
76
- case B:
77
- var r = e.render;
78
- return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
79
- case Z:
80
- return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
81
- case k:
82
- r = e._payload, e = e._init;
83
- try {
84
- return t(e(r));
85
- } catch {
86
- }
87
- }
88
- return null;
89
- }
90
- function n(e) {
91
- return "" + e;
92
- }
93
- function i(e) {
94
- try {
95
- n(e);
96
- var r = !1;
97
- } catch {
98
- r = !0;
99
- }
100
- if (r) {
101
- r = console;
102
- var o = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
103
- return o.call(
104
- r,
105
- "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
106
- a
107
- ), n(e);
108
- }
109
- }
110
- function c(e) {
111
- if (e === g) return "<>";
112
- if (typeof e == "object" && e !== null && e.$$typeof === k)
113
- return "<...>";
114
- try {
115
- var r = t(e);
116
- return r ? "<" + r + ">" : "<...>";
117
- } catch {
118
- return "<...>";
119
- }
120
- }
121
- function u() {
122
- var e = j.A;
123
- return e === null ? null : e.getOwner();
124
- }
125
- function f() {
126
- return Error("react-stack-top-frame");
127
- }
128
- function d(e) {
129
- if (Y.call(e, "key")) {
130
- var r = Object.getOwnPropertyDescriptor(e, "key").get;
131
- if (r && r.isReactWarning) return !1;
132
- }
133
- return e.key !== void 0;
134
- }
135
- function m(e, r) {
136
- function o() {
137
- I || (I = !0, console.error(
138
- "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
139
- r
140
- ));
141
- }
142
- o.isReactWarning = !0, Object.defineProperty(e, "key", {
143
- get: o,
144
- configurable: !0
145
- });
146
- }
147
- function v() {
148
- var e = t(this.type);
149
- return $[e] || ($[e] = !0, console.error(
150
- "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
151
- )), e = this.props.ref, e !== void 0 ? e : null;
152
- }
153
- function E(e, r, o, a, w, A) {
154
- var s = o.ref;
155
- return e = {
156
- $$typeof: C,
157
- type: e,
158
- key: r,
159
- props: o,
160
- _owner: a
161
- }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
162
- enumerable: !1,
163
- get: v
164
- }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
165
- configurable: !1,
166
- enumerable: !1,
167
- writable: !0,
168
- value: 0
169
- }), Object.defineProperty(e, "_debugInfo", {
170
- configurable: !1,
171
- enumerable: !1,
172
- writable: !0,
173
- value: null
174
- }), Object.defineProperty(e, "_debugStack", {
175
- configurable: !1,
176
- enumerable: !1,
177
- writable: !0,
178
- value: w
179
- }), Object.defineProperty(e, "_debugTask", {
180
- configurable: !1,
181
- enumerable: !1,
182
- writable: !0,
183
- value: A
184
- }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
185
- }
186
- function y(e, r, o, a, w, A) {
187
- var s = r.children;
188
- if (s !== void 0)
189
- if (a)
190
- if (ee(s)) {
191
- for (a = 0; a < s.length; a++)
192
- P(s[a]);
193
- Object.freeze && Object.freeze(s);
194
- } else
195
- console.error(
196
- "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
197
- );
198
- else P(s);
199
- if (Y.call(r, "key")) {
200
- s = t(e);
201
- var p = Object.keys(r).filter(function(re) {
202
- return re !== "key";
203
- });
204
- a = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", D[s + a] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
205
- `A props object containing a "key" prop is being spread into JSX:
206
- let props = %s;
207
- <%s {...props} />
208
- React keys must be passed directly to JSX without using spread:
209
- let props = %s;
210
- <%s key={someKey} {...props} />`,
211
- a,
212
- s,
213
- p,
214
- s
215
- ), D[s + a] = !0);
216
- }
217
- if (s = null, o !== void 0 && (i(o), s = "" + o), d(r) && (i(r.key), s = "" + r.key), "key" in r) {
218
- o = {};
219
- for (var S in r)
220
- S !== "key" && (o[S] = r[S]);
221
- } else o = r;
222
- return s && m(
223
- o,
224
- typeof e == "function" ? e.displayName || e.name || "Unknown" : e
225
- ), E(
226
- e,
227
- s,
228
- o,
229
- u(),
230
- w,
231
- A
232
- );
233
- }
234
- function P(e) {
235
- N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === k && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
236
- }
237
- function N(e) {
238
- return typeof e == "object" && e !== null && e.$$typeof === C;
239
- }
240
- var x = te, C = Symbol.for("react.transitional.element"), q = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), z = Symbol.for("react.consumer"), G = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), j = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, ee = Array.isArray, O = console.createTask ? console.createTask : function() {
241
- return null;
242
- };
243
- x = {
244
- react_stack_bottom_frame: function(e) {
245
- return e();
246
- }
247
- };
248
- var I, $ = {}, L = x.react_stack_bottom_frame.bind(
249
- x,
250
- f
251
- )(), F = O(c(f)), D = {};
252
- T.Fragment = g, T.jsx = function(e, r, o) {
253
- var a = 1e4 > j.recentlyCreatedOwnerStacks++;
254
- return y(
255
- e,
256
- r,
257
- o,
258
- !1,
259
- a ? Error("react-stack-top-frame") : L,
260
- a ? O(c(e)) : F
261
- );
262
- }, T.jsxs = function(e, r, o) {
263
- var a = 1e4 > j.recentlyCreatedOwnerStacks++;
264
- return y(
265
- e,
266
- r,
267
- o,
268
- !0,
269
- a ? Error("react-stack-top-frame") : L,
270
- a ? O(c(e)) : F
271
- );
272
- };
273
- })()), T;
274
- }
275
- var U;
276
- function le() {
277
- return U || (U = 1, process.env.NODE_ENV === "production" ? h.exports = ae() : h.exports = se()), h.exports;
278
- }
279
- var l = le();
280
- const ce = ({ size: t = 24, strokeWidth: n = 2 }) => /* @__PURE__ */ l.jsxs(
281
- "svg",
282
- {
283
- xmlns: "http://www.w3.org/2000/svg",
284
- width: t,
285
- height: t,
286
- viewBox: "0 0 24 24",
287
- fill: "none",
288
- stroke: "currentColor",
289
- strokeWidth: n,
290
- strokeLinecap: "round",
291
- strokeLinejoin: "round",
292
- children: [
293
- /* @__PURE__ */ l.jsx("circle", { cx: 12, cy: 12, r: 10 }),
294
- /* @__PURE__ */ l.jsx("path", { d: "m9 12 2 2 4-4" })
295
- ]
296
- }
297
- ), ie = ({ size: t = 24, strokeWidth: n = 2 }) => /* @__PURE__ */ l.jsxs(
298
- "svg",
299
- {
300
- xmlns: "http://www.w3.org/2000/svg",
301
- width: t,
302
- height: t,
303
- viewBox: "0 0 24 24",
304
- fill: "none",
305
- stroke: "currentColor",
306
- strokeWidth: n,
307
- strokeLinecap: "round",
308
- strokeLinejoin: "round",
309
- className: "lucide lucide-circle-x-icon lucide-circle-x",
310
- children: [
311
- /* @__PURE__ */ l.jsx("circle", { cx: 12, cy: 12, r: 10 }),
312
- /* @__PURE__ */ l.jsx("path", { d: "m15 9-6 6" }),
313
- /* @__PURE__ */ l.jsx("path", { d: "m9 9 6 6" })
314
- ]
315
- }
316
- ), ue = ({ size: t = 24, strokeWidth: n = 2 }) => /* @__PURE__ */ l.jsxs(
317
- "svg",
318
- {
319
- xmlns: "http://www.w3.org/2000/svg",
320
- width: t,
321
- height: t,
322
- viewBox: "0 0 24 24",
323
- fill: "none",
324
- stroke: "currentColor",
325
- strokeWidth: n,
326
- strokeLinecap: "round",
327
- strokeLinejoin: "round",
328
- className: "lucide lucide-triangle-alert-icon lucide-triangle-alert",
329
- children: [
330
- /* @__PURE__ */ l.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
331
- /* @__PURE__ */ l.jsx("path", { d: "M12 9v4" }),
332
- /* @__PURE__ */ l.jsx("path", { d: "M12 17h.01" })
333
- ]
334
- }
335
- );
336
- function fe(t) {
337
- switch (t) {
338
- case "success":
339
- return /* @__PURE__ */ l.jsx(ce, { size: 20 });
340
- case "error":
341
- return /* @__PURE__ */ l.jsx(ie, { size: 20 });
342
- case "warning":
343
- return /* @__PURE__ */ l.jsx(ue, { size: 18 });
344
- default:
345
- return null;
346
- }
347
- }
348
- function de({ message: t, type: n = "default", icon: i, leaving: c }) {
349
- return /* @__PURE__ */ l.jsxs("div", { className: `toast toast-${n} ${c ? "toast-exit" : "toast-enter"}`, children: [
350
- i,
351
- t
352
- ] });
353
- }
354
- let b;
355
- function ve({ autoClose: t = 3e3 }) {
356
- const [n, i] = ne([]);
357
- return oe(() => {
358
- b = (c, u = "default", f) => {
359
- const d = Date.now(), m = f || t;
360
- i((v) => [...v, { id: d, message: c, type: u, leaving: !1 }]), setTimeout(() => {
361
- i(
362
- (v) => v.map(
363
- (E) => E.id === d ? { ...E, leaving: !0 } : E
364
- )
365
- ), setTimeout(() => {
366
- i((v) => v.filter((E) => E.id !== d));
367
- }, 400);
368
- }, m);
369
- };
370
- }, [t]), /* @__PURE__ */ l.jsx("div", { className: "toast-container", children: n.map((c) => /* @__PURE__ */ l.jsx(
371
- de,
372
- {
373
- message: c.message,
374
- type: c.type,
375
- icon: fe(c.type),
376
- leaving: c.leaving
377
- },
378
- c.id
379
- )) });
380
- }
381
- function _(t, n = "default", i) {
382
- typeof n == "number" ? b && b(t, "default", n) : b && b(t, n, i);
383
- }
384
- _.success = (t, n) => _(t, "success", n);
385
- _.error = (t, n) => _(t, "error", n);
386
- _.warning = (t, n) => _(t, "warning", n);
387
- export {
388
- ve as ToastContainer,
389
- _ as toast
390
- };
@@ -1,22 +0,0 @@
1
- (function(m,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],p):(m=typeof globalThis<"u"?globalThis:m||self,p(m.ReactToastMsg={},m.React))})(this,(function(m,p){"use strict";var w={exports:{}},b={};/**
2
- * @license React
3
- * react-jsx-runtime.production.js
4
- *
5
- * Copyright (c) Meta Platforms, Inc. and affiliates.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */var N;function z(){if(N)return b;N=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function l(i,u,f){var d=null;if(f!==void 0&&(d=""+f),u.key!==void 0&&(d=""+u.key),"key"in u){f={};for(var E in u)E!=="key"&&(f[E]=u[E])}else f=u;return u=f.ref,{$$typeof:t,type:i,key:d,ref:u!==void 0?u:null,props:f}}return b.Fragment=n,b.jsx=l,b.jsxs=l,b}var x={};/**
10
- * @license React
11
- * react-jsx-runtime.development.js
12
- *
13
- * Copyright (c) Meta Platforms, Inc. and affiliates.
14
- *
15
- * This source code is licensed under the MIT license found in the
16
- * LICENSE file in the root directory of this source tree.
17
- */var C;function q(){return C||(C=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ue?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case te:return"Profiler";case re:return"StrictMode";case se:return"Suspense";case ce:return"SuspenseList";case le:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case ee:return"Portal";case oe:return e.displayName||"Context";case ne:return(e._context.displayName||"Context")+".Consumer";case ae:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ie:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case y:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function n(e){return""+e}function l(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var o=r.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),n(e)}}function i(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===y)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=O.A;return e===null?null:e.getOwner()}function f(){return Error("react-stack-top-frame")}function d(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function E(e,r){function o(){$||($=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function _(){var e=t(this.type);return W[e]||(W[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,o,a,j,A){var s=o.ref;return e={$$typeof:M,type:e,key:r,props:o,_owner:a},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:_}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function I(e,r,o,a,j,A){var s=r.children;if(s!==void 0)if(a)if(fe(s)){for(a=0;a<s.length;a++)L(s[a]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else L(s);if(D.call(r,"key")){s=t(e);var R=Object.keys(r).filter(function(de){return de!=="key"});a=0<R.length?"{key: someKey, "+R.join(": ..., ")+": ...}":"{key: someKey}",V[s+a]||(R=0<R.length?"{"+R.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
18
- let props = %s;
19
- <%s {...props} />
20
- React keys must be passed directly to JSX without using spread:
21
- let props = %s;
22
- <%s key={someKey} {...props} />`,a,s,R,s),V[s+a]=!0)}if(s=null,o!==void 0&&(l(o),s=""+o),d(r)&&(l(r.key),s=""+r.key),"key"in r){o={};for(var P in r)P!=="key"&&(o[P]=r[P])}else o=r;return s&&E(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,s,o,u(),j,A)}function L(e){F(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===y&&(e._payload.status==="fulfilled"?F(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function F(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}var g=p,M=Symbol.for("react.transitional.element"),ee=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),re=Symbol.for("react.strict_mode"),te=Symbol.for("react.profiler"),ne=Symbol.for("react.consumer"),oe=Symbol.for("react.context"),ae=Symbol.for("react.forward_ref"),se=Symbol.for("react.suspense"),ce=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),ue=Symbol.for("react.client.reference"),O=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,fe=Array.isArray,S=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(e){return e()}};var $,W={},U=g.react_stack_bottom_frame.bind(g,f)(),J=S(i(f)),V={};x.Fragment=k,x.jsx=function(e,r,o){var a=1e4>O.recentlyCreatedOwnerStacks++;return I(e,r,o,!1,a?Error("react-stack-top-frame"):U,a?S(i(e)):J)},x.jsxs=function(e,r,o){var a=1e4>O.recentlyCreatedOwnerStacks++;return I(e,r,o,!0,a?Error("react-stack-top-frame"):U,a?S(i(e)):J)}})()),x}var Y;function G(){return Y||(Y=1,process.env.NODE_ENV==="production"?w.exports=z():w.exports=q()),w.exports}var c=G();const B=({size:t=24,strokeWidth:n=2})=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",children:[c.jsx("circle",{cx:12,cy:12,r:10}),c.jsx("path",{d:"m9 12 2 2 4-4"})]}),X=({size:t=24,strokeWidth:n=2})=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-circle-x-icon lucide-circle-x",children:[c.jsx("circle",{cx:12,cy:12,r:10}),c.jsx("path",{d:"m15 9-6 6"}),c.jsx("path",{d:"m9 9 6 6"})]}),H=({size:t=24,strokeWidth:n=2})=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-triangle-alert-icon lucide-triangle-alert",children:[c.jsx("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),c.jsx("path",{d:"M12 9v4"}),c.jsx("path",{d:"M12 17h.01"})]});function Z(t){switch(t){case"success":return c.jsx(B,{size:20});case"error":return c.jsx(X,{size:20});case"warning":return c.jsx(H,{size:18});default:return null}}function Q({message:t,type:n="default",icon:l,leaving:i}){return c.jsxs("div",{className:`toast toast-${n} ${i?"toast-exit":"toast-enter"}`,children:[l,t]})}let h;function K({autoClose:t=3e3}){const[n,l]=p.useState([]);return p.useEffect(()=>{h=(i,u="default",f)=>{const d=Date.now(),E=f||t;l(_=>[..._,{id:d,message:i,type:u,leaving:!1}]),setTimeout(()=>{l(_=>_.map(T=>T.id===d?{...T,leaving:!0}:T)),setTimeout(()=>{l(_=>_.filter(T=>T.id!==d))},400)},E)}},[t]),c.jsx("div",{className:"toast-container",children:n.map(i=>c.jsx(Q,{message:i.message,type:i.type,icon:Z(i.type),leaving:i.leaving},i.id))})}function v(t,n="default",l){typeof n=="number"?h&&h(t,"default",n):h&&h(t,n,l)}v.success=(t,n)=>v(t,"success",n),v.error=(t,n)=>v(t,"error",n),v.warning=(t,n)=>v(t,"warning",n),m.ToastContainer=K,m.toast=v,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));