react-notify-lite 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 harpinderdev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,273 @@
+# react-notify-lite
+
+A lightweight and customizable React notification library with TypeScript support.
+
+## Features
+
+- Lightweight and fast
+- TypeScript support
+- Multiple notification types (success, error, warning, info)
+- Customizable positioning (6 positions)
+- Auto-dismiss with configurable duration
+- Smooth animations
+- Easy to use API
+- Zero dependencies (except React)
+
+## Installation
+
+```bash
+npm install react-notify-lite
+```
+
+or
+
+```bash
+yarn add react-notify-lite
+```
+
+## Usage
+
+### 1. Wrap your app with ToastProvider
+
+```tsx
+import React from 'react';
+import { ToastProvider } from 'react-notify-lite';
+import 'react-notify-lite/dist/styles.css';
+
+function App() {
+  return (
+    <ToastProvider>
+      <YourApp />
+    </ToastProvider>
+  );
+}
+
+export default App;
+```
+
+### 2. Use the useNotify hook in your components
+
+```tsx
+import React from 'react';
+import { useNotify } from 'react-notify-lite';
+
+function MyComponent() {
+  const notify = useNotify();
+
+  const handleClick = () => {
+    // Basic notification
+    notify.info('This is an info message');
+
+    // Success notification
+    notify.success('Operation completed successfully!');
+
+    // Error notification
+    notify.error('Something went wrong!');
+
+    // Warning notification
+    notify.warning('This is a warning message');
+
+    // Custom options
+    notify.info('Custom notification', {
+      duration: 5000,
+      position: 'top-center',
+    });
+  };
+
+  return (
+    <button onClick={handleClick}>
+      Show Notification
+    </button>
+  );
+}
+```
+
+## API
+
+### ToastProvider
+
+Wrap your application with `ToastProvider` to enable notifications throughout your app.
+
+```tsx
+<ToastProvider>
+  {children}
+</ToastProvider>
+```
+
+### useNotify Hook
+
+The `useNotify` hook returns an object with the following methods:
+
+#### `notify(message, options?)`
+
+Display a notification with custom options.
+
+```tsx
+notify.notify('Message', {
+  type: 'info',
+  duration: 3000,
+  position: 'top-right',
+});
+```
+
+#### `success(message, options?)`
+
+Display a success notification.
+
+```tsx
+notify.success('Success message', {
+  duration: 3000,
+  position: 'top-right',
+});
+```
+
+#### `error(message, options?)`
+
+Display an error notification.
+
+```tsx
+notify.error('Error message', {
+  duration: 3000,
+  position: 'top-right',
+});
+```
+
+#### `warning(message, options?)`
+
+Display a warning notification.
+
+```tsx
+notify.warning('Warning message', {
+  duration: 3000,
+  position: 'top-right',
+});
+```
+
+#### `info(message, options?)`
+
+Display an info notification.
+
+```tsx
+notify.info('Info message', {
+  duration: 3000,
+  position: 'top-right',
+});
+```
+
+## Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `type` | `'success' \| 'error' \| 'warning' \| 'info'` | `'info'` | Type of notification |
+| `duration` | `number` | `3000` | Duration in milliseconds before auto-dismiss |
+| `position` | `'top-left' \| 'top-right' \| 'top-center' \| 'bottom-left' \| 'bottom-right' \| 'bottom-center'` | `'top-right'` | Position of the notification |
+
+## Positions
+
+The library supports 6 different positions:
+
+- `top-left`
+- `top-right` (default)
+- `top-center`
+- `bottom-left`
+- `bottom-right`
+- `bottom-center`
+
+## Customization
+
+You can customize the styles by overriding the CSS classes:
+
+```css
+/* Override toast styles */
+.toast {
+  /* Your custom styles */
+}
+
+.toast-success {
+  /* Custom success styles */
+}
+
+.toast-error {
+  /* Custom error styles */
+}
+
+.toast-warning {
+  /* Custom warning styles */
+}
+
+.toast-info {
+  /* Custom info styles */
+}
+```
+
+## TypeScript
+
+This library is written in TypeScript and includes type definitions.
+
+```tsx
+import { ToastType, ToastOptions, Toast } from 'react-notify-lite';
+```
+
+## Examples
+
+### Multiple Notifications
+
+```tsx
+function Example() {
+  const notify = useNotify();
+
+  const showMultiple = () => {
+    notify.success('First notification');
+    notify.info('Second notification');
+    notify.warning('Third notification');
+  };
+
+  return <button onClick={showMultiple}>Show Multiple</button>;
+}
+```
+
+### Different Positions
+
+```tsx
+function Example() {
+  const notify = useNotify();
+
+  const showAtPosition = (position: string) => {
+    notify.success(`Notification at ${position}`, { position });
+  };
+
+  return (
+    <div>
+      <button onClick={() => showAtPosition('top-left')}>Top Left</button>
+      <button onClick={() => showAtPosition('top-right')}>Top Right</button>
+      <button onClick={() => showAtPosition('bottom-center')}>Bottom Center</button>
+    </div>
+  );
+}
+```
+
+### Custom Duration
+
+```tsx
+function Example() {
+  const notify = useNotify();
+
+  const showLongNotification = () => {
+    notify.info('This will stay for 10 seconds', { duration: 10000 });
+  };
+
+  return <button onClick={showLongNotification}>Show Long Notification</button>;
+}
+```
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## Issues
+
+If you find a bug or have a feature request, please open an issue on GitHub.

package/dist/components/Toast.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Toast as ToastType } from '../utils/createToast';
+interface ToastProps {
+    toast: ToastType;
+    onRemove: (id: string) => void;
+}
+declare const Toast: React.FC<ToastProps>;
+export default Toast;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE1D,UAAU,UAAU;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmC/B,CAAC;AAgBF,eAAe,KAAK,CAAC"}

package/dist/context/ToastProvider.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { ToastOptions } from '../utils/createToast';
+export interface ToastContextType {
+    notify: (message: string, options?: ToastOptions) => void;
+    success: (message: string, options?: Omit<ToastOptions, 'type'>) => void;
+    error: (message: string, options?: Omit<ToastOptions, 'type'>) => void;
+    warning: (message: string, options?: Omit<ToastOptions, 'type'>) => void;
+    info: (message: string, options?: Omit<ToastOptions, 'type'>) => void;
+}
+export declare const ToastContext: React.Context<ToastContextType | undefined>;
+interface ToastProviderProps {
+    children: ReactNode;
+}
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+export {};
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/context/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/context/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAsB,YAAY,EAAe,MAAM,sBAAsB,CAAC;AAErF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACvE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzE,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,YAAY,6CAAyD,CAAC;AAEnF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgDtD,CAAC"}

package/dist/hooks/useNotify.d.ts

@@ -0,0 +1,3 @@
+import { ToastContextType } from '../context/ToastProvider';
+export declare const useNotify: () => ToastContextType;
+//# sourceMappingURL=useNotify.d.ts.map

package/dist/hooks/useNotify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotify.d.ts","sourceRoot":"","sources":["../../src/hooks/useNotify.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,eAAO,MAAM,SAAS,QAAO,gBAQ5B,CAAC"}

package/dist/index.cjs.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var React = require('react');
+
+const Toast = ({ toast, onRemove }) => {
+    const [isExiting, setIsExiting] = React.useState(false);
+    React.useEffect(() => {
+        const timer = setTimeout(() => {
+            setIsExiting(true);
+            setTimeout(() => onRemove(toast.id), 300);
+        }, toast.duration);
+        return () => clearTimeout(timer);
+    }, [toast.id, toast.duration, onRemove]);
+    const handleClose = () => {
+        setIsExiting(true);
+        setTimeout(() => onRemove(toast.id), 300);
+    };
+    return (React.createElement("div", { className: `toast toast-${toast.type} ${isExiting ? 'toast-exit' : 'toast-enter'}`, role: "alert" },
+        React.createElement("div", { className: "toast-content" },
+            React.createElement("span", { className: "toast-icon" }, getIcon(toast.type)),
+            React.createElement("span", { className: "toast-message" }, toast.message),
+            React.createElement("button", { className: "toast-close", onClick: handleClose, "aria-label": "Close notification" }, "\u00D7"))));
+};
+const getIcon = (type) => {
+    switch (type) {
+        case 'success':
+            return '✓';
+        case 'error':
+            return '✕';
+        case 'warning':
+            return '⚠';
+        case 'info':
+        default:
+            return 'ℹ';
+    }
+};
+
+const createToast = (message, options = {}) => {
+    const { type = 'info', duration = 3000, position = 'top-right', } = options;
+    return {
+        id: `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+        message,
+        type,
+        duration,
+        position,
+    };
+};
+
+const ToastContext = React.createContext(undefined);
+const ToastProvider = ({ children }) => {
+    const [toasts, setToasts] = React.useState([]);
+    const notify = React.useCallback((message, options) => {
+        const toast = createToast(message, options);
+        setToasts((prevToasts) => [...prevToasts, toast]);
+    }, []);
+    const success = React.useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'success' }));
+    }, [notify]);
+    const error = React.useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'error' }));
+    }, [notify]);
+    const warning = React.useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'warning' }));
+    }, [notify]);
+    const info = React.useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'info' }));
+    }, [notify]);
+    const removeToast = React.useCallback((id) => {
+        setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
+    }, []);
+    const groupedToasts = toasts.reduce((acc, toast) => {
+        if (!acc[toast.position]) {
+            acc[toast.position] = [];
+        }
+        acc[toast.position].push(toast);
+        return acc;
+    }, {});
+    return (React.createElement(ToastContext.Provider, { value: { notify, success, error, warning, info } },
+        children,
+        Object.entries(groupedToasts).map(([position, positionToasts]) => (React.createElement("div", { key: position, className: `toast-container toast-${position}` }, positionToasts.map((toast) => (React.createElement(Toast, { key: toast.id, toast: toast, onRemove: removeToast }))))))));
+};
+
+const useNotify = () => {
+    const context = React.useContext(ToastContext);
+    if (!context) {
+        throw new Error('useNotify must be used within a ToastProvider');
+    }
+    return context;
+};
+
+exports.ToastProvider = ToastProvider;
+exports.useNotify = useNotify;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/components/Toast.tsx","../src/utils/createToast.ts","../src/context/ToastProvider.tsx","../src/hooks/useNotify.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Toast as ToastType } from '../utils/createToast';\n\ninterface ToastProps {\n  toast: ToastType;\n  onRemove: (id: string) => void;\n}\n\nconst Toast: React.FC<ToastProps> = ({ toast, onRemove }) => {\n  const [isExiting, setIsExiting] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setIsExiting(true);\n      setTimeout(() => onRemove(toast.id), 300);\n    }, toast.duration);\n\n    return () => clearTimeout(timer);\n  }, [toast.id, toast.duration, onRemove]);\n\n  const handleClose = () => {\n    setIsExiting(true);\n    setTimeout(() => onRemove(toast.id), 300);\n  };\n\n  return (\n    <div\n      className={`toast toast-${toast.type} ${isExiting ? 'toast-exit' : 'toast-enter'}`}\n      role=\"alert\"\n    >\n      <div className=\"toast-content\">\n        <span className=\"toast-icon\">{getIcon(toast.type)}</span>\n        <span className=\"toast-message\">{toast.message}</span>\n        <button\n          className=\"toast-close\"\n          onClick={handleClose}\n          aria-label=\"Close notification\"\n        >\n          ×\n        </button>\n      </div>\n    </div>\n  );\n};\n\nconst getIcon = (type: string): string => {\n  switch (type) {\n    case 'success':\n      return '✓';\n    case 'error':\n      return '✕';\n    case 'warning':\n      return '⚠';\n    case 'info':\n    default:\n      return 'ℹ';\n  }\n};\n\nexport default Toast;\n","export type ToastType = 'success' | 'error' | 'warning' | 'info';\n\nexport interface ToastOptions {\n  type?: ToastType;\n  duration?: number;\n  position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';\n}\n\nexport interface Toast {\n  id: string;\n  message: string;\n  type: ToastType;\n  duration: number;\n  position: string;\n}\n\nexport const createToast = (\n  message: string,\n  options: ToastOptions = {}\n): Toast => {\n  const {\n    type = 'info',\n    duration = 3000,\n    position = 'top-right',\n  } = options;\n\n  return {\n    id: `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n    message,\n    type,\n    duration,\n    position,\n  };\n};\n","import React, { createContext, useState, useCallback, ReactNode } from 'react';\nimport Toast from '../components/Toast';\nimport { Toast as ToastType, ToastOptions, createToast } from '../utils/createToast';\n\nexport interface ToastContextType {\n  notify: (message: string, options?: ToastOptions) => void;\n  success: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n  error: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n  warning: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n  info: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n}\n\nexport const ToastContext = createContext<ToastContextType | undefined>(undefined);\n\ninterface ToastProviderProps {\n  children: ReactNode;\n}\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }) => {\n  const [toasts, setToasts] = useState<ToastType[]>([]);\n\n  const notify = useCallback((message: string, options?: ToastOptions) => {\n    const toast = createToast(message, options);\n    setToasts((prevToasts) => [...prevToasts, toast]);\n  }, []);\n\n  const success = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'success' });\n  }, [notify]);\n\n  const error = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'error' });\n  }, [notify]);\n\n  const warning = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'warning' });\n  }, [notify]);\n\n  const info = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'info' });\n  }, [notify]);\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));\n  }, []);\n\n  const groupedToasts = toasts.reduce((acc, toast) => {\n    if (!acc[toast.position]) {\n      acc[toast.position] = [];\n    }\n    acc[toast.position].push(toast);\n    return acc;\n  }, {} as Record<string, ToastType[]>);\n\n  return (\n    <ToastContext.Provider value={{ notify, success, error, warning, info }}>\n      {children}\n      {Object.entries(groupedToasts).map(([position, positionToasts]: [string, ToastType[]]) => (\n        <div key={position} className={`toast-container toast-${position}`}>\n          {positionToasts.map((toast: ToastType) => (\n            <Toast key={toast.id} toast={toast} onRemove={removeToast} />\n          ))}\n        </div>\n      ))}\n    </ToastContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { ToastContext, ToastContextType } from '../context/ToastProvider';\n\nexport const useNotify = (): ToastContextType => {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useNotify must be used within a ToastProvider');\n  }\n\n  return context;\n};\n"],"names":["useState","useEffect","createContext","useCallback","useContext"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { ToastProvider } from './context/ToastProvider';
+export { useNotify } from './hooks/useNotify';
+export type { ToastType, ToastOptions, Toast } from './utils/createToast';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,90 @@
+import React, { useState, useEffect, createContext, useCallback, useContext } from 'react';
+
+const Toast = ({ toast, onRemove }) => {
+    const [isExiting, setIsExiting] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setIsExiting(true);
+            setTimeout(() => onRemove(toast.id), 300);
+        }, toast.duration);
+        return () => clearTimeout(timer);
+    }, [toast.id, toast.duration, onRemove]);
+    const handleClose = () => {
+        setIsExiting(true);
+        setTimeout(() => onRemove(toast.id), 300);
+    };
+    return (React.createElement("div", { className: `toast toast-${toast.type} ${isExiting ? 'toast-exit' : 'toast-enter'}`, role: "alert" },
+        React.createElement("div", { className: "toast-content" },
+            React.createElement("span", { className: "toast-icon" }, getIcon(toast.type)),
+            React.createElement("span", { className: "toast-message" }, toast.message),
+            React.createElement("button", { className: "toast-close", onClick: handleClose, "aria-label": "Close notification" }, "\u00D7"))));
+};
+const getIcon = (type) => {
+    switch (type) {
+        case 'success':
+            return '✓';
+        case 'error':
+            return '✕';
+        case 'warning':
+            return '⚠';
+        case 'info':
+        default:
+            return 'ℹ';
+    }
+};
+
+const createToast = (message, options = {}) => {
+    const { type = 'info', duration = 3000, position = 'top-right', } = options;
+    return {
+        id: `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+        message,
+        type,
+        duration,
+        position,
+    };
+};
+
+const ToastContext = createContext(undefined);
+const ToastProvider = ({ children }) => {
+    const [toasts, setToasts] = useState([]);
+    const notify = useCallback((message, options) => {
+        const toast = createToast(message, options);
+        setToasts((prevToasts) => [...prevToasts, toast]);
+    }, []);
+    const success = useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'success' }));
+    }, [notify]);
+    const error = useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'error' }));
+    }, [notify]);
+    const warning = useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'warning' }));
+    }, [notify]);
+    const info = useCallback((message, options) => {
+        notify(message, Object.assign(Object.assign({}, options), { type: 'info' }));
+    }, [notify]);
+    const removeToast = useCallback((id) => {
+        setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
+    }, []);
+    const groupedToasts = toasts.reduce((acc, toast) => {
+        if (!acc[toast.position]) {
+            acc[toast.position] = [];
+        }
+        acc[toast.position].push(toast);
+        return acc;
+    }, {});
+    return (React.createElement(ToastContext.Provider, { value: { notify, success, error, warning, info } },
+        children,
+        Object.entries(groupedToasts).map(([position, positionToasts]) => (React.createElement("div", { key: position, className: `toast-container toast-${position}` }, positionToasts.map((toast) => (React.createElement(Toast, { key: toast.id, toast: toast, onRemove: removeToast }))))))));
+};
+
+const useNotify = () => {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useNotify must be used within a ToastProvider');
+    }
+    return context;
+};
+
+export { ToastProvider, useNotify };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/Toast.tsx","../src/utils/createToast.ts","../src/context/ToastProvider.tsx","../src/hooks/useNotify.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Toast as ToastType } from '../utils/createToast';\n\ninterface ToastProps {\n  toast: ToastType;\n  onRemove: (id: string) => void;\n}\n\nconst Toast: React.FC<ToastProps> = ({ toast, onRemove }) => {\n  const [isExiting, setIsExiting] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setIsExiting(true);\n      setTimeout(() => onRemove(toast.id), 300);\n    }, toast.duration);\n\n    return () => clearTimeout(timer);\n  }, [toast.id, toast.duration, onRemove]);\n\n  const handleClose = () => {\n    setIsExiting(true);\n    setTimeout(() => onRemove(toast.id), 300);\n  };\n\n  return (\n    <div\n      className={`toast toast-${toast.type} ${isExiting ? 'toast-exit' : 'toast-enter'}`}\n      role=\"alert\"\n    >\n      <div className=\"toast-content\">\n        <span className=\"toast-icon\">{getIcon(toast.type)}</span>\n        <span className=\"toast-message\">{toast.message}</span>\n        <button\n          className=\"toast-close\"\n          onClick={handleClose}\n          aria-label=\"Close notification\"\n        >\n          ×\n        </button>\n      </div>\n    </div>\n  );\n};\n\nconst getIcon = (type: string): string => {\n  switch (type) {\n    case 'success':\n      return '✓';\n    case 'error':\n      return '✕';\n    case 'warning':\n      return '⚠';\n    case 'info':\n    default:\n      return 'ℹ';\n  }\n};\n\nexport default Toast;\n","export type ToastType = 'success' | 'error' | 'warning' | 'info';\n\nexport interface ToastOptions {\n  type?: ToastType;\n  duration?: number;\n  position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';\n}\n\nexport interface Toast {\n  id: string;\n  message: string;\n  type: ToastType;\n  duration: number;\n  position: string;\n}\n\nexport const createToast = (\n  message: string,\n  options: ToastOptions = {}\n): Toast => {\n  const {\n    type = 'info',\n    duration = 3000,\n    position = 'top-right',\n  } = options;\n\n  return {\n    id: `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n    message,\n    type,\n    duration,\n    position,\n  };\n};\n","import React, { createContext, useState, useCallback, ReactNode } from 'react';\nimport Toast from '../components/Toast';\nimport { Toast as ToastType, ToastOptions, createToast } from '../utils/createToast';\n\nexport interface ToastContextType {\n  notify: (message: string, options?: ToastOptions) => void;\n  success: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n  error: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n  warning: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n  info: (message: string, options?: Omit<ToastOptions, 'type'>) => void;\n}\n\nexport const ToastContext = createContext<ToastContextType | undefined>(undefined);\n\ninterface ToastProviderProps {\n  children: ReactNode;\n}\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }) => {\n  const [toasts, setToasts] = useState<ToastType[]>([]);\n\n  const notify = useCallback((message: string, options?: ToastOptions) => {\n    const toast = createToast(message, options);\n    setToasts((prevToasts) => [...prevToasts, toast]);\n  }, []);\n\n  const success = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'success' });\n  }, [notify]);\n\n  const error = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'error' });\n  }, [notify]);\n\n  const warning = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'warning' });\n  }, [notify]);\n\n  const info = useCallback((message: string, options?: Omit<ToastOptions, 'type'>) => {\n    notify(message, { ...options, type: 'info' });\n  }, [notify]);\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));\n  }, []);\n\n  const groupedToasts = toasts.reduce((acc, toast) => {\n    if (!acc[toast.position]) {\n      acc[toast.position] = [];\n    }\n    acc[toast.position].push(toast);\n    return acc;\n  }, {} as Record<string, ToastType[]>);\n\n  return (\n    <ToastContext.Provider value={{ notify, success, error, warning, info }}>\n      {children}\n      {Object.entries(groupedToasts).map(([position, positionToasts]: [string, ToastType[]]) => (\n        <div key={position} className={`toast-container toast-${position}`}>\n          {positionToasts.map((toast: ToastType) => (\n            <Toast key={toast.id} toast={toast} onRemove={removeToast} />\n          ))}\n        </div>\n      ))}\n    </ToastContext.Provider>\n  );\n};\n","import { useContext } from 'react';\nimport { ToastContext, ToastContextType } from '../context/ToastProvider';\n\nexport const useNotify = (): ToastContextType => {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useNotify must be used within a ToastProvider');\n  }\n\n  return context;\n};\n"],"names":[],"mappings":"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"}

package/dist/utils/createToast.d.ts

@@ -0,0 +1,15 @@
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+export interface ToastOptions {
+    type?: ToastType;
+    duration?: number;
+    position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
+}
+export interface Toast {
+    id: string;
+    message: string;
+    type: ToastType;
+    duration: number;
+    position: string;
+}
+export declare const createToast: (message: string, options?: ToastOptions) => Toast;
+//# sourceMappingURL=createToast.d.ts.map

package/dist/utils/createToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createToast.d.ts","sourceRoot":"","sources":["../../src/utils/createToast.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAAC;CACvG;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,GACtB,SAAS,MAAM,EACf,UAAS,YAAiB,KACzB,KAcF,CAAC"}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "react-notify-lite",
+  "version": "1.0.0",
+  "description": "A lightweight and customizable React notification library with TypeScript support. Features multiple notification types, 6 positioning options, auto-dismiss, and smooth animations.",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "react-notification",
+    "notification",
+    "toast",
+    "toast-notification",
+    "alert",
+    "notify",
+    "react-component",
+    "react-toast",
+    "lightweight",
+    "typescript",
+    "notifications",
+    "message",
+    "snackbar",
+    "react-alert"
+  ],
+  "author": "Harpinder Singh",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "postcss": "^8.4.33",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.9.6",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/harpinderdev/react-notify-lite.git"
+  },
+  "bugs": {
+    "url": "https://github.com/harpinderdev/react-notify-lite/issues"
+  },
+  "homepage": "https://github.com/harpinderdev/react-notify-lite#readme"
+}