@nicojones/toast 2.0.0

package/README.md

@@ -0,0 +1,618 @@
+<div align="center">
+  <p />
+  <p>
+    <b>
+      An simple notification library for React. Fully customizable and lightweight.
+    </b>
+  </p>
+</div>
+
+<div align="center">
+
+![React Badge](https://img.shields.io/badge/Library-61DAFB?logo=react&logoColor=000&style=flat)
+![Vitest Badge](https://img.shields.io/badge/Testing-6E9F18?logo=vitest&logoColor=fff&style=flat)
+
+</div>
+
+## 🌟 Features
+
+- [x] 🪴 Ultra-lightweight core.
+- [x] 🦾 Fully accessible (ARIA-friendly).
+- [x] 🌓 Built-in light, dark, & system themes.
+- [x] 🕶️ Pause dismissal on hover.
+- [x] 🌍 Customizable toast position.
+- [x] 🪞 Respects user reduced-motion settings.
+- [x] 🦄 100% TypeScript.
+- [x] 🧩 Can run inside Shadow Root (manually import styles).
+- [x] 🎛️ Fully customizable—disable all styles if desired.
+- [x] 🔄 Replace/update content of already open toasts by ID.
+- [x] 🚦 Close toasts programmatically.
+
+## 🚀 Getting Started
+
+> [!IMPORTANT]
+> This library requires **React v18** or higher.
+
+1. Install the library:
+
+```bash
+# Using npm:
+npm install @nicojones/toast
+
+# Using pnpm:
+pnpm add @nicojones/toast
+
+# Using yarn:
+yarn install @nicojones/toast
+```
+
+2. Add the toast provider:
+
+```tsx
+// 📃 root.tsx
+
+import { Toaster } from "@nicojones/toast";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+    <Toaster />
+  </React.StrictMode>,
+);
+```
+
+3. Usage:
+
+```jsx
+// 📃 index.tsx
+
+import { toast } from "@nicojones/toast";
+
+export default function Index() {
+  return (
+    <>
+      <button
+        onClick={() =>
+          toast.success({
+            text: "Success!",
+            description: "Your action was completed successfully",
+          })
+        }
+      >
+        Show Toast
+      </button>
+    </>
+  );
+}
+```
+
+## 📖 Documentation
+
+### Toast Variants
+
+Show a toast with a specific variant:
+
+```tsx
+import { toast } from "@nicojones/toast";
+
+// Default toast
+toast.default({
+  text: "Hello ✨",
+});
+
+// Success toast
+toast.success({
+  text: "Success!",
+  description: "Operation completed successfully",
+});
+
+// Error toast
+toast.error({
+  text: "Error!",
+  description: "Something went wrong",
+});
+
+// Warning toast
+toast.warning({
+  text: "Warning!",
+  description: "Please check your input",
+});
+
+// Info toast
+toast.info({
+  text: "Info",
+  description: "Here's some information",
+});
+```
+
+### Action Buttons
+
+Show a button and execute a custom function when clicked. The default text for the button is `Action`:
+
+```tsx
+toast.default({
+  text: "A toast with action button",
+  action: {
+    content: "Action", // Button label
+    onClick: () => {
+      // Do something
+      console.log("Action clicked!");
+    },
+  },
+});
+```
+
+### Replacing Toasts by ID
+
+You can replace an existing toast by providing the same `id`. This is useful for updating progress or preventing duplicate toasts:
+
+```tsx
+// First toast with ID
+toast.info({
+  id: "update-toast",
+  text: "Processing...",
+});
+
+// Later, replace it with the same ID
+toast.success({
+  id: "update-toast",
+  text: "Completed!",
+});
+```
+
+### Toast Loading
+
+Show a toast with loading state that automatically updates after a promise resolves or fails:
+
+```tsx
+toast.loading({
+  // Initial message:
+  text: "Loading",
+  options: {
+    promise: yourFunction(),
+    success: "Ready",
+    error: "Error",
+    // Close toast automatically (the duration depends by delayDuration property):
+    autoDismiss: true,
+    // Optional:
+    onSuccess: (data) => {
+      console.log("Success", data);
+    },
+    // Optional:
+    onError: (error, id) => {
+      console.log("Error", error);
+      // Replace the toast and use the error.message
+      toast.error({text: error.message, id });
+    },
+  },
+});
+```
+
+Example with async function:
+
+```tsx
+const fetchData = async () => {
+  const response = await fetch("/api/data");
+  return response.json();
+};
+
+toast.loading({
+  text: "Fetching data",
+  options: {
+    promise: fetchData(),
+    success: "Data loaded",
+    error: "Failed to load data",
+    autoDismiss: true,
+    onSuccess: (data) => {
+      console.log("Received:", data);
+      // Replace the toast and use received data
+      toast.success({ text: data.message, id })
+    },
+  },
+});
+```
+
+### Closing Toasts
+
+Close a toast programmatically using `toast.close()`:
+
+```tsx
+import { toast } from "@nicojones/toast";
+
+// Show a toast and store its ID
+const toastData = toast.info({
+  text: "This will be closed",
+});
+
+// Close it later
+toast.close(toastData.id);
+```
+
+Or close by the ID you provided:
+
+```tsx
+toast.info({
+  id: "my-toast",
+  text: "This toast has an ID",
+});
+
+// Close it using the ID
+toast.close("my-toast");
+```
+
+### Custom Icon
+
+You can use a custom icon for a toast using the `icon` property and passing
+any valid `JSX.Element`.
+
+```tsx
+toast.default({
+  text: "Party popper!",
+  icon: <FontAwesomeIcon width={18} height={18} icon={faPoo} />,
+});
+```
+
+### Custom Attributes
+
+You can pass custom HTML attributes to the toast:
+
+```tsx
+toast.default({
+  text: "Custom toast",
+  attrs: {
+    "aria-customized": "yes",
+    "data-testid": "my-test-id",
+    style: {
+      color: "pink",
+    },
+  },
+});
+```
+
+## 🍞 Toaster Component
+
+The `<Toaster />` component is used to show toasts in your application. It accepts several props for customization.
+
+### Position
+
+By default, the position is `bottom-right`. You can customize the position:
+
+```tsx
+import { Toaster } from "@nicojones/toast";
+
+<Toaster position="top-left" />
+<Toaster position="top-right" />
+<Toaster position="top-center" />
+<Toaster position="bottom-left" />
+<Toaster position="bottom-right" /> {/* default */}
+<Toaster position="bottom-center" />
+```
+
+### Theme
+
+You can set the theme of the toasts using the `theme` prop:
+
+```tsx
+<Toaster theme="light" />
+<Toaster theme="dark" />
+<Toaster theme="system" /> {/* default */}
+```
+
+### Max Toasts
+
+By default, the maximum number of toasts is set to `4`. You can change this value:
+
+```tsx
+<Toaster maxToasts={8} />
+```
+
+### Toast Options
+
+You can customize all toasts globally using the `toastOptions` prop:
+
+```tsx
+<Toaster
+  toastOptions={{
+    font: "font-sans",
+    defaultActionContent: "Close me",
+    defaultCloseContent: "Close",
+    animationOnClose: "slide", // or "swipe"
+  }}
+/>
+```
+
+#### Custom Icons
+
+Replace the default icons for all toasts:
+
+```tsx
+import { Info, CircleX, CircleAlert, CircleCheck, Loader } from "lucide-react";
+
+<Toaster
+  toastOptions={{
+    icons: {
+      info: <Info className="dark:text-blue-500" />,
+      error: <CircleX className="text-red-500" />,
+      warning: <CircleAlert className="text-yellow-500" />,
+      success: <CircleCheck className="text-green-500" />,
+      loading: <Loader className="animate-spin text-gray-500" />,
+    },
+  }}
+/>
+```
+
+#### Custom Styles
+
+Extend the default styles using the `classNames` property:
+
+```tsx
+<Toaster
+  toastOptions={{
+    classNames: {
+      toast: "bg-zinc-100 dark:bg-zinc-900",
+      container: "rounded-lg",
+      icon: "text-blue-500",
+      content: "text-sm",
+      actions: {
+        container: "flex gap-2",
+        closeBtn: "text-gray-500",
+        actionBtn: "text-blue-600",
+      },
+    },
+  }}
+/>
+```
+
+#### Headless Mode
+
+Disable all default styles using `headless` property. It works together with `classNames`:
+
+```tsx
+<Toaster
+  toastOptions={{
+    headless: true,
+    classNames: {
+      toast: "bg-white dark:bg-gray-800 rounded-lg shadow-lg p-4",
+      // ... other custom styles
+    },
+  }}
+/>
+```
+
+## 🔧 Framework Guides
+
+### Next.js
+
+1. Add the `Toaster` to your `layout.tsx`:
+
+```tsx
+// 📃 app/layout.tsx
+
+import { Toaster } from "@nicojones/toast";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        {children}
+        <Toaster />
+      </body>
+    </html>
+  );
+}
+```
+
+2. Use the `toast` function in client components:
+
+```tsx
+"use client";
+
+import { toast } from "@nicojones/toast";
+
+export default function MyComponent() {
+  return (
+    <button
+      onClick={() =>
+        toast.success({
+          text: "Ready 🎉",
+        })
+      }
+    >
+      Click me!
+    </button>
+  );
+}
+```
+
+3. (Optional) Add the styles if needed:
+
+```tsx
+// 📄 app/layout.tsx
+
+import "@nicojones/toast/dist/styles.css";
+```
+
+### Astro
+
+1. Add the `Toaster` to your layout with `client:load`:
+
+```tsx
+// 📄 layouts/Layout.astro
+
+---
+import { Toaster } from "@nicojones/toast";
+---
+
+<!doctype html>
+<html lang="en">
+  <body>
+    <slot />
+    <Toaster client:load />
+  </body>
+</html>
+```
+
+2. Create a component to trigger toasts:
+
+```tsx
+// 📄 components/showToast.tsx
+
+import { toast } from "@nicojones/toast";
+
+const ShowToast = () => {
+  const handleClick = () => {
+    toast.default({
+      text: "Hello from Astro!",
+    });
+  };
+
+  return (
+    <button type="button" onClick={handleClick}>
+      Show Toast
+    </button>
+  );
+};
+
+export default ShowToast;
+```
+
+3. Use the component in your pages:
+
+```tsx
+// 📄 pages/index.astro
+
+---
+import Layout from "../layouts/Layout.astro";
+import ShowToast from "../components/showToast";
+---
+
+<Layout title="Welcome">
+  <main>
+    <ShowToast client:load />
+  </main>
+</Layout>
+```
+
+## 📚 API Reference
+
+### `toast.{variant}()`
+
+The `toast` function accepts the following options:
+
+| Property        | Description                                   | Type                                                                          | Required |
+| --------------- | --------------------------------------------- | ----------------------------------------------------------------------------- | -------- |
+| `text`          | Notification title                            | `string`                                                                      | ✅       |
+| `description`   | Toast's description                           | `string`                                                                      | -        |
+| `icon`          | Icon to display in the toast                  | `ReactNode`                                                                   | -        |
+| `delayDuration` | Duration before the toast disappears          | `number` (default: `4000`)                                                    | -        |
+| `variant`       | Variant of the toast                          | `Variant`: `info`, `success`, `warning`, `error` or `loading`                 | -        |
+| `theme`         | Theme of the toast                            | `Theme` (default: `system`): `light`, `dark` or `system`                      | -        |
+| `action`        | Show an _Action_ button and execute a function | `{ content?: string \| ReactNode, onClick: () => void \| Promise<void> }`     | -        |
+| `id`            | Set a unique `id` to replace an existing toast or ensure there are no duplicates | `string` or `number`                       | -        |
+| `attrs`         | Custom HTML attributes                        | `HTMLProps<HTMLDivElement>`                                                   | -        |
+
+### `toast.loading()`
+
+The `toast.loading` function accepts the same options as above, plus:
+
+| Property        | Description                                   | Type                                                                          | Required |
+| --------------- | --------------------------------------------- | ----------------------------------------------------------------------------- | -------- |
+| `options`       | Loading-specific options                      | `LoadingType`                                                                 | -        |
+
+#### `LoadingType`
+
+| Property      | Description                                   | Type                                    | Required |
+| ------------- | --------------------------------------------- | --------------------------------------- | -------- |
+| `promise`     | Promise or function that returns a promise    | `Promise<T>` or `() => Promise<T>`      | ✅       |
+| `success`     | Success message                               | `string`                                | ✅       |
+| `error`       | Error message                                 | `string`                                | ✅       |
+| `autoDismiss` | Close toast automatically after promise       | `boolean`                               | ✅       |
+| `onSuccess`  | Callback when promise resolves                 | `(data: T) => void`                     | -        |
+| `onError`     | Callback when promise rejects                 | `(error: Error, id?: ToastId) => void`  | -        |
+
+### `toast.close()`
+
+Close a toast by its ID:
+
+```tsx
+toast.close(id: ToastId): void
+```
+
+### `<Toaster />`
+
+The `<Toaster />` component accepts the following options:
+
+| Property       | Description                                 | Type                                                                                                                                      | Required |
+| -------------- | ------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | -------- |
+| `theme`        | Theme of all toasts                         | `Theme` (default: `system`): `'light'`, `'dark'`, or `'system'`                                                                           | -        |
+| `maxToasts`    | Maximum number of toasts to display         | `number` (default: `4`)                                                                                                                   | -        |
+| `toastIcons`   | Replace the default icons with custom icons | `Record<Variant, ReactNode>`                                                                                                              | -        |
+| `position`     | Position of the toaster on the screen       | `Position` (default: `bottom-right`): `'top-left'`, `'top-right'`, `'top-center'`, `'bottom-left'`, `'bottom-right'` or `'bottom-center'` | -        |
+| `toastOptions` | Options to customize all toasts             | `ToastOptions`                                                                                                                            | -        |
+
+### `ToastOptions`
+
+| Property               | Description                                                     | Type                         | Required |
+| ---------------------- | --------------------------------------------------------------- | ---------------------------- | -------- |
+| `font`                 | Font for all toasts                                             | `string`                     | -        |
+| `icons`                | Icons for all toasts                                            | `Record<Variant, ReactNode>` | -        |
+| `defaultActionContent` | Default content for the action button                           | `string` or `ReactNode`      | -        |
+| `defaultCloseContent`  | Default content for the close button                            | `string` or `ReactNode`      | -        |
+| `headless`             | Disable all default styles. It works together with `classNames` | `boolean`                    | -        |
+| `animationOnClose`     | Animation when closing toast                                    | `'slide'` or `'swipe'`       | -        |
+| `classNames`           | Custom styles for all toasts                                    | `ToastClassnames`            | -        |
+
+### `ToastClassnames`
+
+| Property    | Description                           | Type     | Required |
+| ----------- | ------------------------------------- | -------- | -------- |
+| `toast`     | Global toast style                    | `string` | -        |
+| `container` | Toast container styles                | `string` | -        |
+| `icon`      | Styles for the main icon of the toast | `string` | -        |
+| `content`   | Styles for title and description      | `string` | -        |
+| `actions`   | Styles for the buttons                | `ToastActionsCustomClassnames` | -        |
+
+### `ToastActionsCustomClassnames`
+
+| Property    | Description              | Type     | Required |
+| ----------- | ------------------------ | -------- | -------- |
+| `container` | Action buttons container | `string` | -        |
+| `closeBtn`  | Close button styles      | `string` | -        |
+| `actionBtn` | Action button styles     | `string` | -        |
+
+## 🤝 Contributing
+
+- **Library**: React 19 with tsup + Lightning CSS + Vitest for testing.
+
+1. Fork the repository.
+
+2. Install dependencies:
+
+```bash
+# Install pnpm globally if you don't have it:
+npm install -g pnpm
+
+# and install dependencies:
+pnpm install
+```
+
+3. Commands:
+
+```bash
+# Run packages:
+pnpm dev
+
+# Build the docs & library:
+pnpm build
+
+# Test the library:
+pnpm test
+```
+
+## 📃 License
+
+MIT License - 2026.

package/dist/main.cjs

@@ -0,0 +1,4 @@
+"use client"
+"use strict";var k=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var X=Object.prototype.hasOwnProperty;var q=(t,o)=>{for(var e in o)k(t,e,{get:o[e],enumerable:!0})},J=(t,o,e,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of Q(o))!X.call(t,n)&&n!==e&&k(t,n,{get:()=>o[n],enumerable:!(a=H(o,n))||a.enumerable});return t};var K=t=>J(k({},"__esModule",{value:!0}),t);var at={};q(at,{Toaster:()=>U,toast:()=>$});module.exports=K(at);function I(t,{insertAt:o}={}){if(!t||typeof document>"u")return;let e=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",o==="top"&&e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}I(`:root{--pheralb-toast-animation-enter: .4s;--pheralb-toast-animation-exit: .4s}:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_light-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_dark-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}@media (prefers-color-scheme: dark){:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}}.t_toasts{display:flex;flex-direction:column;gap:10px;padding:14px;position:fixed;z-index:999;overflow:hidden;transition:max-height .5s ease-in-out;width:100%}.t_default_font{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.t_top-left{top:0;left:0}.t_top-right{top:0;right:0}.t_top-center{top:0;left:50%;transform:translate(-50%)}.t_bottom-left{bottom:0;left:0}.t_bottom-right{bottom:0;right:0}.t_bottom-center{bottom:0;left:50%;transform:translate(-50%)}@media (min-width: 768px){.t_toasts{max-width:355px}}.t_global{display:flex;justify-content:space-between;padding:0;margin:0;list-style:none;outline:none;background-color:var(--background-color);width:auto;box-shadow:0 1px 3px 0 var(--box-shadow),0 1px 2px -1px var(--box-shadow);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;line-height:1.25rem;overflow:hidden}.t_global button{border:none;outline:none}.t_global button:focus{outline:1px solid var(--focus-color);outline-offset:0px;background-color:var(--hover-color)}.t_container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:20rem;height:100wh;gap:.6rem;padding:12px;word-wrap:break-word;overflow-wrap:break-word}.t_icon{fill:var(--text-color);margin-top:.1rem;flex-shrink:0}.t_content{display:flex;flex-direction:column;justify-content:center;max-width:100%}.t_content p{font-weight:600;color:var(--text-color);margin:0}.t_content p:nth-of-type(2){font-weight:400;font-size:.75rem;color:var(--description-color)}.t_actions{display:flex;flex-direction:column;border-left:1px solid var(--border-color);height:100wh}.t_actions>button{flex:1 1 0%;width:100%;padding:6px 20px;font-size:13px;background-color:transparent;cursor:pointer;border:none}.t_actions>button:nth-child(1){color:var(--text-color);font-weight:500}.t_actions>button:nth-child(2){color:var(--text-color);border-top:1px solid var(--border-color)}.t_actions>button:hover{background-color:var(--hover-color)}.t_loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t_slide-enter-top{animation:slide-top var(--pheralb-toast-animation-enter) ease}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.t_slide-enter-bottom{animation:slide-bottom var(--pheralb-toast-animation-enter) ease}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.t-slide-exit-top,.t-slide-exit-bottom{will-change:transform,opacity}.t-slide-exit-top{animation:slide-top-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-top-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t-slide-exit-bottom{animation:slide-bottom-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-bottom-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.t_swipe-exit-center{animation:swipe-center-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-center-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t_swipe-exit-left{animation:swipe-left-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-left-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.t_swipe-exit-right{animation:swipe-right-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-right-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}
+`);var y=require("react");var g=require("react");var m=require("react/jsx-runtime"),A=t=>(0,m.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:(0,m.jsx)("path",{d:"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm45.66 85.66l-56 56a8 8 0 01-11.32 0l-24-24a8 8 0 0111.32-11.32L112 148.69l50.34-50.35a8 8 0 0111.32 11.32z"})}),z=t=>(0,m.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:(0,m.jsx)("path",{d:"M236.8 188.09L149.35 36.22a24.76 24.76 0 00-42.7 0L19.2 188.09a23.51 23.51 0 000 23.72A24.35 24.35 0 0040.55 224h174.9a24.35 24.35 0 0021.33-12.19 23.51 23.51 0 00.02-23.72zM120 104a8 8 0 0116 0v40a8 8 0 01-16 0zm8 88a12 12 0 1112-12 12 12 0 01-12 12z"})}),E=t=>(0,m.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:(0,m.jsx)("path",{d:"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-8 56a8 8 0 0116 0v56a8 8 0 01-16 0zm8 104a12 12 0 1112-12 12 12 0 01-12 12z"})}),R=t=>(0,m.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:(0,m.jsx)("path",{d:"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-4 48a12 12 0 11-12 12 12 12 0 0112-12zm12 112a16 16 0 01-16-16v-40a8 8 0 010-16 16 16 0 0116 16v40a8 8 0 010 16z"})}),S=t=>(0,m.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:(0,m.jsx)("path",{d:"M136 32v32a8 8 0 01-16 0V32a8 8 0 0116 0zm37.25 58.75a8 8 0 005.66-2.35l22.63-22.62a8 8 0 00-11.32-11.32L167.6 77.09a8 8 0 005.65 13.66zM224 120h-32a8 8 0 000 16h32a8 8 0 000-16zm-45.09 47.6a8 8 0 00-11.31 11.31l22.62 22.63a8 8 0 0011.32-11.32zM128 184a8 8 0 00-8 8v32a8 8 0 0016 0v-32a8 8 0 00-8-8zm-50.91-16.4l-22.63 22.62a8 8 0 0011.32 11.32l22.62-22.63a8 8 0 00-11.31-11.31zM72 128a8 8 0 00-8-8H32a8 8 0 000 16h32a8 8 0 008-8zm-6.22-73.54a8 8 0 00-11.32 11.32L77.09 88.4A8 8 0 0088.4 77.09z"})});var r=require("react"),L=(t,o)=>{let e=(0,r.useRef)(0),a=(0,r.useRef)(t),n=(0,r.useRef)(0),f=(0,r.useRef)(o),l=(0,r.useRef)(!0),h=(0,r.useCallback)(()=>{e.current&&window.clearTimeout(e.current)},[]),T=(0,r.useCallback)(()=>{!l.current||!n.current||(h(),f.current-=Date.now()-n.current,l.current=!1)},[h]),x=(0,r.useCallback)(()=>{l.current||(n.current=Date.now(),e.current=window.setTimeout(a.current,f.current),l.current=!0)},[]),u=(0,r.useCallback)(()=>{h(),f.current=o,n.current=Date.now(),e.current=window.setTimeout(a.current,o),l.current=!0},[h,o]);return(0,r.useEffect)(()=>{a.current=t},[t]),(0,r.useEffect)(()=>(u(),h),[o,u,h]),{pause:T,resume:x,reset:u,isActive:l.current}};var d=(...t)=>t.filter(Boolean).join(" "),B=()=>Math.floor(Math.random()*1e6),W=(()=>{let t;return()=>(t===void 0&&(typeof window<"u"&&window.matchMedia!==void 0?t=window.matchMedia("(prefers-reduced-motion: reduce)").matches:t=!1),t)})(),F=()=>typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"t_dark-theme":"t_light-theme";var C={success:"#22c55e",error:"#ef4444",warning:"#eab308",info:"#3b82f6",loading:"currentColor"},Z={"top-left":"t_slide-enter-top","top-right":"t_slide-enter-top","top-center":"t_slide-enter-top","bottom-left":"t_slide-enter-bottom","bottom-right":"t_slide-enter-bottom","bottom-center":"t_slide-enter-bottom"},tt={"top-left":"t-slide-exit-top","top-right":"t-slide-exit-top","top-center":"t-slide-exit-top","bottom-left":"t-slide-exit-bottom","bottom-right":"t-slide-exit-bottom","bottom-center":"t-slide-exit-bottom"},ot={"top-left":"t_swipe-exit-left","top-right":"t_swipe-exit-right","top-center":"t_swipe-exit-center","bottom-left":"t_swipe-exit-left","bottom-right":"t_swipe-exit-right","bottom-center":"t_swipe-exit-center"},Y=(t,o,e)=>t?o==="swipe"?ot[e]:tt[e]:Z[e];var i=require("react/jsx-runtime"),et=t=>{let[o,e]=(0,g.useState)(t.variant||"info"),[a,n]=(0,g.useState)(C[o]),[f,l]=(0,g.useState)(t.text),[h,T]=(0,g.useState)(!1),x=t.delayDuration||4e3,{pause:u,resume:c}=L(()=>{b()},x),s=d("t_icon",t.variant==="loading"&&o==="loading"?"t_loading":""),p={success:(0,i.jsx)(A,{width:18,height:18,style:{fill:a},className:s}),error:(0,i.jsx)(E,{width:18,height:18,style:{fill:a},className:s}),warning:(0,i.jsx)(z,{width:18,height:18,style:{fill:a},className:s}),info:(0,i.jsx)(R,{width:18,height:18,style:{fill:a},className:s}),loading:(0,i.jsx)(S,{width:18,height:18,style:{fill:a},className:s})},_=t.toastOptions?.icons?t.toastOptions?.icons[o]:p[o],b=(0,g.useCallback)(()=>{T(!0),W()?t.onClose&&t.onClose():setTimeout(()=>{t.onClose&&t.onClose()},300)},[t]),P=()=>{c()},v=()=>{u()};return(0,g.useEffect)(()=>{t.variant==="loading"&&t.options&&(u(),(typeof t.options.promise=="function"?t.options.promise():Promise.resolve(t.options.promise)).then(N=>{c(),e("success"),t.options.autoDismiss&&setTimeout(()=>{b()},x),l(t.options.success),n(C.success),t.options?.onSuccess&&t.options.onSuccess(N)}).catch(N=>{e("error"),l(t.options.error),n(C.error),t.options.autoDismiss&&setTimeout(()=>{b()},x),t.options?.onError&&t.options.onError(N,t.id)}))},[x,b,u,t.options,t.variant,c]),(0,i.jsxs)("div",{...t.attrs,role:"alert","aria-labelledby":`toast-title-${t.id}`,"aria-describedby":`toast-description-${t.id}`,title:t.text,className:d(W()?"":Y(h,t.toastOptions?.animationOnClose||"slide",t.toastPosition),!t.toastOptions?.headless&&t.theme==="system"?F():"",!t.toastOptions?.headless&&t.theme==="dark"?"t_dark-theme":"",!t.toastOptions?.headless&&t.theme==="light"?"t_light-theme":"",t.toastOptions?.headless?"":"t_global",t.toastOptions?.classNames?.toast,t.attrs?.className),style:{zIndex:t.active?1e3:999,...t.attrs?.style},onMouseEnter:v,onMouseLeave:P,onFocus:v,onBlur:P,children:[(0,i.jsxs)("div",{className:d(t.toastOptions?.headless?"":"t_container",t.toastOptions?.classNames?.container),children:[t.variant&&!t.icon?(0,i.jsx)("div",{className:d(t.toastOptions?.headless?"":"t_icon",t.toastOptions?.classNames?.icon),children:_}):t.icon&&(0,i.jsx)("div",{className:d(t.toastOptions?.headless?"":"t_icon",t.toastOptions?.classNames?.icon),children:t.icon}),(0,i.jsxs)("div",{className:d(t.toastOptions?.headless?"":"t_content",t.toastOptions?.classNames?.content),children:[(0,i.jsx)("p",{id:`toast-title-${t.id}`,children:f}),t.description&&(0,i.jsx)("p",{id:`toast-description-${t.id}`,children:t.description})]})]}),(0,i.jsxs)("div",{className:d(t.toastOptions?.headless?"":"t_actions",t.toastOptions?.classNames?.actions?.container),children:[t.action&&(0,i.jsx)("button",{onClick:t.action.onClick,title:typeof t.action.content=="string"?t.action.content:"Action Button",className:d(t.toastOptions?.classNames?.actions?.actionBtn),children:t.action.content??t.toastOptions?.defaultActionContent??"Action"}),(0,i.jsx)("button",{onClick:b,title:"Close toast",className:d(t.toastOptions?.classNames?.actions?.closeBtn),children:t.toastOptions?.defaultCloseContent??"Close"})]})]})},D=et;var V=require("react/jsx-runtime"),M,O,U=({maxToasts:t=4,position:o="bottom-right",theme:e="system",toastOptions:a,...n})=>{let[f,l]=(0,y.useState)([]),[h,T]=(0,y.useState)(!1);(0,y.useEffect)(()=>{T(!0)},[]);let x=c=>{let s={id:B(),...c};l(p=>{let _=o==="top-left"||o==="top-right"||o==="top-center",b=!1,P=p.map(v=>v.id===s.id?(b=!0,{...v,...s}):v);return b?[...P]:p.length>=t?_?[s,...p.slice(0,-1)]:[...p.slice(1),s]:_?[s,...p]:[...p,s]})},u=c=>{l(s=>s.filter(p=>p.id!==c))};return M=x,O=u,h&&f.length>0&&(0,V.jsx)("section",{...n,"aria-label":"Toast Notifications",role:"alert","aria-live":"polite",className:d("t_toasts",o==="top-left"?"t_top-left":"",o==="top-right"?"t_top-right":"",o==="top-center"?"t_top-center":"",o==="bottom-left"?"t_bottom-left":"",o==="bottom-right"?"t_bottom-right":"",o==="bottom-center"?"t_bottom-center":"",a?.font?a?.font:"t_default_font"),children:f.map(c=>(0,V.jsx)(D,{theme:e,toastPosition:o,onClose:()=>u(c.id),toastOptions:a,active:f.indexOf(c)===f.length-1,...c},c.id))})},w=t=>{M?M(t):console.error("\u{1F514} <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.")},j=t=>{O?O(t):console.error("\u{1F514} <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.")};var $={default:t=>(w({...t}),t),success:t=>(w({...t,variant:"success"}),t),error:t=>(w({...t,variant:"error"}),t),warning:t=>(w({...t,variant:"warning"}),t),info:t=>(w({...t,variant:"info"}),t),loading:t=>(w({...t,variant:"loading"}),t),close:t=>j(t)};0&&(module.exports={Toaster,toast});
+//# sourceMappingURL=main.cjs.map

package/dist/main.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.tsx","#style-inject:#style-inject","../src/styles/globals.css","../src/components/toaster.tsx","../src/components/toast.tsx","../src/icons/index.tsx","../src/hooks/useTimeout.tsx","../src/utils/index.ts","../src/components/default-options.ts","../src/components/toast-functions.ts"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport \"./styles/globals.css\";\n\nexport { toast } from \"./components/toast-functions\";\nexport { Toaster } from \"./components/toaster\";\nexport type {\n  Position as ToastPosition,\n  ToastProps as ToastProperties,\n  Variant as ToastVariant,\n  Theme as ToastTheme,\n  ToastOptions,\n  ToasterProperties,\n  ToastPropsWithLoading,\n  ToastPropsWithVariant,\n  ToastAnimations,\n} from \"./types/toast.types\";\n","\n          export default function styleInject(css, { insertAt } = {}) {\n            if (!css || typeof document === 'undefined') return\n          \n            const head = document.head || document.getElementsByTagName('head')[0]\n            const 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          ","import styleInject from '#style-inject';styleInject(\":root{--pheralb-toast-animation-enter: .4s;--pheralb-toast-animation-exit: .4s}:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_light-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_dark-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}@media (prefers-color-scheme: dark){:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}}.t_toasts{display:flex;flex-direction:column;gap:10px;padding:14px;position:fixed;z-index:999;overflow:hidden;transition:max-height .5s ease-in-out;width:100%}.t_default_font{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.t_top-left{top:0;left:0}.t_top-right{top:0;right:0}.t_top-center{top:0;left:50%;transform:translate(-50%)}.t_bottom-left{bottom:0;left:0}.t_bottom-right{bottom:0;right:0}.t_bottom-center{bottom:0;left:50%;transform:translate(-50%)}@media (min-width: 768px){.t_toasts{max-width:355px}}.t_global{display:flex;justify-content:space-between;padding:0;margin:0;list-style:none;outline:none;background-color:var(--background-color);width:auto;box-shadow:0 1px 3px 0 var(--box-shadow),0 1px 2px -1px var(--box-shadow);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;line-height:1.25rem;overflow:hidden}.t_global button{border:none;outline:none}.t_global button:focus{outline:1px solid var(--focus-color);outline-offset:0px;background-color:var(--hover-color)}.t_container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:20rem;height:100wh;gap:.6rem;padding:12px;word-wrap:break-word;overflow-wrap:break-word}.t_icon{fill:var(--text-color);margin-top:.1rem;flex-shrink:0}.t_content{display:flex;flex-direction:column;justify-content:center;max-width:100%}.t_content p{font-weight:600;color:var(--text-color);margin:0}.t_content p:nth-of-type(2){font-weight:400;font-size:.75rem;color:var(--description-color)}.t_actions{display:flex;flex-direction:column;border-left:1px solid var(--border-color);height:100wh}.t_actions>button{flex:1 1 0%;width:100%;padding:6px 20px;font-size:13px;background-color:transparent;cursor:pointer;border:none}.t_actions>button:nth-child(1){color:var(--text-color);font-weight:500}.t_actions>button:nth-child(2){color:var(--text-color);border-top:1px solid var(--border-color)}.t_actions>button:hover{background-color:var(--hover-color)}.t_loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t_slide-enter-top{animation:slide-top var(--pheralb-toast-animation-enter) ease}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.t_slide-enter-bottom{animation:slide-bottom var(--pheralb-toast-animation-enter) ease}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.t-slide-exit-top,.t-slide-exit-bottom{will-change:transform,opacity}.t-slide-exit-top{animation:slide-top-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-top-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t-slide-exit-bottom{animation:slide-bottom-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-bottom-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.t_swipe-exit-center{animation:swipe-center-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-center-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t_swipe-exit-left{animation:swipe-left-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-left-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.t_swipe-exit-right{animation:swipe-right-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-right-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}\\n\")","import { useEffect, useState } from \"react\";\n\nimport type {\n  ToastId,\n  ToastPropsWithVariant,\n  ToasterProperties,\n} from \"../types/toast.types\";\n\nimport ToastComponent from \"./toast\";\nimport { cn, generateRandomId } from \"../utils\";\n\n// Ensure openToastGlobal is initialized correctly\nlet openToastGlobal: (data: ToastPropsWithVariant) => void;\n// Ensure closeToastGlobal is initialized correctly\nlet closeToastGlobal: (id: ToastId) => void;\n\nexport const Toaster = ({\n  maxToasts = 4,\n  position = \"bottom-right\",\n  theme = \"system\",\n  toastOptions,\n  ...htmlProps\n}: ToasterProperties) => {\n  const [toasts, setToasts] = useState<ToastPropsWithVariant[]>([]);\n  const [isMounted, setIsMounted] = useState<boolean>(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  // Define the openToast function\n  const openToast = (data: ToastPropsWithVariant) => {\n    const newToast = {\n      id: generateRandomId(),\n      ...data,\n    };\n    setToasts((prevToasts) => {\n      const isTopPosition =\n        position === \"top-left\" ||\n        position === \"top-right\" ||\n        position === \"top-center\";\n\n      // If the `id` exists, update the notification\n      let isToastUpdate = false;\n      const updatedToasts = prevToasts.map(pt => {\n        if (pt.id === newToast.id) {\n          isToastUpdate = true;\n          return {...pt, ...newToast}\n        }\n        return pt\n      })\n\n      if (isToastUpdate) {\n        // `newToast` is embedded, array preserves length\n        return [...updatedToasts]\n      }\n\n      if (prevToasts.length >= maxToasts) {\n        return isTopPosition\n          ? [newToast, ...prevToasts.slice(0, -1)]\n          : [...prevToasts.slice(1), newToast];\n      }\n\n      return isTopPosition\n        ? [newToast, ...prevToasts]\n        : [...prevToasts, newToast];\n    });\n  };\n\n  // Define the closeToast function\n  const closeToast = (id: ToastId) => {\n    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));\n  };\n\n  // Assign openToast to the global variable\n  openToastGlobal = openToast;\n  // Assign closeToast to the global variable\n  closeToastGlobal = closeToast;\n\n  // Render the component\n  return (\n    isMounted &&\n    toasts.length > 0 && (\n      <section\n        {...htmlProps}\n        aria-label=\"Toast Notifications\"\n        role=\"alert\"\n        aria-live=\"polite\"\n        className={cn(\n          \"t_toasts\",\n          position === \"top-left\" ? \"t_top-left\" : \"\",\n          position === \"top-right\" ? \"t_top-right\" : \"\",\n          position === \"top-center\" ? \"t_top-center\" : \"\",\n          position === \"bottom-left\" ? \"t_bottom-left\" : \"\",\n          position === \"bottom-right\" ? \"t_bottom-right\" : \"\",\n          position === \"bottom-center\" ? \"t_bottom-center\" : \"\",\n          toastOptions?.font ? toastOptions?.font : \"t_default_font\",\n        )}\n      >\n        {toasts.map((toast) => (\n          <ToastComponent\n            key={toast.id}\n            theme={theme}\n            toastPosition={position}\n            onClose={() => closeToast(toast.id!)}\n            toastOptions={toastOptions}\n            active={toasts.indexOf(toast) === toasts.length - 1}\n            {...toast}\n          />\n        ))}\n      </section>\n    )\n  );\n};\n\n// Export the openToast function:\n// eslint-disable-next-line react-refresh/only-export-components\nexport const openToast = (data: ToastPropsWithVariant): void => {\n  if (openToastGlobal) {\n    openToastGlobal(data);\n  } else {\n    console.error(\n      \"🔔 <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.\",\n    );\n  }\n};\n\n// Export the closeToast function:\n// eslint-disable-next-line react-refresh/only-export-components\nexport const closeToast = (id: ToastId): void => {\n  if (closeToastGlobal) {\n    closeToastGlobal(id);\n  } else {\n    console.error(\n      \"🔔 <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.\",\n    );\n  }\n};\n","import type {\n  Position,\n  ToastIcons,\n  ToastOptions,\n  ToastPropsWithLoading,\n  Variant,\n} from \"../types/toast.types\";\n\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { Error, Info, Loading, Success, Warning } from \"../icons\";\nimport { useTimeout } from \"../hooks/useTimeout\";\nimport { cn, getSystemTheme, prefersReducedMotion } from \"../utils\";\n\nimport { iconsColors, getAnimationClass } from \"./default-options\";\n\ninterface ToastComponentProps extends ToastPropsWithLoading {\n  toastPosition: Position;\n  toastOptions?: ToastOptions;\n  active?: boolean;\n  onClose: () => void;\n}\n\nconst Toast = (props: ToastComponentProps) => {\n  const [status, setStatus] = useState<Variant>(props.variant || \"info\");\n  const [iconColor, setIconColor] = useState<string>(iconsColors[status]);\n  const [toastText, setToastText] = useState<string>(props.text);\n  const [isExiting, setIsExiting] = useState<boolean>(false);\n\n  const delayDuration = props.delayDuration || 4000;\n\n  const { pause, resume } = useTimeout(() => {\n    handleCloseToast();\n  }, delayDuration);\n\n  const iconClass = cn(\n    \"t_icon\",\n    props.variant === \"loading\" && status === \"loading\" ? \"t_loading\" : \"\",\n  );\n\n  const icons: ToastIcons = {\n    success: (\n      <Success\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    error: (\n      <Error\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    warning: (\n      <Warning\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    info: (\n      <Info\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    loading: (\n      <Loading\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n  };\n\n  const IconComponent = props.toastOptions?.icons\n    ? props.toastOptions?.icons[status]\n    : icons[status];\n\n  const handleCloseToast = useCallback(() => {\n    setIsExiting(true);\n    const animationDisabled = prefersReducedMotion();\n    if (!animationDisabled) {\n      setTimeout(() => {\n        if (props.onClose) {\n          props.onClose();\n        }\n      }, 300);\n    } else if (props.onClose) {\n      props.onClose();\n    }\n  }, [props]);\n\n  const handleMouseLeave = () => {\n    resume();\n  };\n\n  const handleMouseEnter = () => {\n    pause();\n  };\n\n  useEffect(() => {\n    if (props.variant === \"loading\" && props.options) {\n      pause();\n\n      const executePromise =\n        typeof props.options.promise === \"function\"\n          ? props.options.promise()\n          : Promise.resolve(props.options.promise);\n\n      executePromise\n        .then((data) => {\n          resume();\n          setStatus(\"success\");\n          if (props.options!.autoDismiss) {\n            setTimeout(() => {\n              handleCloseToast();\n            }, delayDuration);\n          }\n          setToastText(props.options!.success);\n          setIconColor(iconsColors.success);\n          if (props.options?.onSuccess) {\n            props.options.onSuccess(data);\n          }\n        })\n        .catch((error) => {\n          setStatus(\"error\");\n          setToastText(props.options!.error);\n          setIconColor(iconsColors.error);\n          if (props.options!.autoDismiss) {\n            setTimeout(() => {\n              handleCloseToast();\n            }, delayDuration);\n          }\n          if (props.options?.onError) {\n            props.options.onError(error, props.id);\n          }\n        });\n    }\n  }, [\n    delayDuration,\n    handleCloseToast,\n    pause,\n    props.options,\n    props.variant,\n    resume,\n  ]);\n\n  return (\n    <div\n      {...props.attrs}\n      role=\"alert\"\n      aria-labelledby={`toast-title-${props.id}`}\n      aria-describedby={`toast-description-${props.id}`}\n      title={props.text}\n      className={cn(\n        !prefersReducedMotion()\n          ? getAnimationClass(\n              isExiting,\n              props.toastOptions?.animationOnClose || \"slide\",\n              props.toastPosition,\n            )\n          : \"\",\n        !props.toastOptions?.headless && props.theme === \"system\"\n          ? getSystemTheme()\n          : \"\",\n        !props.toastOptions?.headless && props.theme === \"dark\"\n          ? \"t_dark-theme\"\n          : \"\",\n        !props.toastOptions?.headless && props.theme === \"light\"\n          ? \"t_light-theme\"\n          : \"\",\n        !props.toastOptions?.headless ? \"t_global\" : \"\",\n        props.toastOptions?.classNames?.toast,\n        props.attrs?.className,\n      )}\n      style={{\n        zIndex: props.active ? 1000 : 999,\n        ...props.attrs?.style,\n      }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleMouseEnter}\n      onBlur={handleMouseLeave}\n    >\n      <div\n        className={cn(\n          !props.toastOptions?.headless ? \"t_container\" : \"\",\n          props.toastOptions?.classNames?.container,\n        )}\n      >\n        {props.variant && !props.icon ? (\n          <div\n            className={cn(\n              !props.toastOptions?.headless ? \"t_icon\" : \"\",\n              props.toastOptions?.classNames?.icon,\n            )}\n          >\n            {IconComponent}\n          </div>\n        ) : (\n          props.icon && (\n            <div\n              className={cn(\n                !props.toastOptions?.headless ? \"t_icon\" : \"\",\n                props.toastOptions?.classNames?.icon,\n              )}\n            >\n              {props.icon}\n            </div>\n          )\n        )}\n        <div\n          className={cn(\n            !props.toastOptions?.headless ? \"t_content\" : \"\",\n            props.toastOptions?.classNames?.content,\n          )}\n        >\n          <p id={`toast-title-${props.id}`}>{toastText}</p>\n          {props.description && (\n            <p id={`toast-description-${props.id}`}>{props.description}</p>\n          )}\n        </div>\n      </div>\n      <div\n        className={cn(\n          !props.toastOptions?.headless ? \"t_actions\" : \"\",\n          props.toastOptions?.classNames?.actions?.container,\n        )}\n      >\n        {props.action && (\n          <button\n            onClick={props.action.onClick}\n            title={\n              typeof props.action.content === \"string\"\n                ? props.action.content\n                : \"Action Button\"\n            }\n            className={cn(props.toastOptions?.classNames?.actions?.actionBtn)}\n          >\n            {props.action.content ??\n              props.toastOptions?.defaultActionContent ??\n              \"Action\"}\n          </button>\n        )}\n        <button\n          onClick={handleCloseToast}\n          title=\"Close toast\"\n          className={cn(props.toastOptions?.classNames?.actions?.closeBtn)}\n        >\n          {props.toastOptions?.defaultCloseContent ?? \"Close\"}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default Toast;\n","import type { ComponentProps, FC } from \"react\";\n\nexport const Success: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm45.66 85.66l-56 56a8 8 0 01-11.32 0l-24-24a8 8 0 0111.32-11.32L112 148.69l50.34-50.35a8 8 0 0111.32 11.32z\"></path>\n  </svg>\n);\n\nexport const Warning: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M236.8 188.09L149.35 36.22a24.76 24.76 0 00-42.7 0L19.2 188.09a23.51 23.51 0 000 23.72A24.35 24.35 0 0040.55 224h174.9a24.35 24.35 0 0021.33-12.19 23.51 23.51 0 00.02-23.72zM120 104a8 8 0 0116 0v40a8 8 0 01-16 0zm8 88a12 12 0 1112-12 12 12 0 01-12 12z\"></path>\n  </svg>\n);\n\nexport const Error: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-8 56a8 8 0 0116 0v56a8 8 0 01-16 0zm8 104a12 12 0 1112-12 12 12 0 01-12 12z\"></path>\n  </svg>\n);\n\nexport const Info: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-4 48a12 12 0 11-12 12 12 12 0 0112-12zm12 112a16 16 0 01-16-16v-40a8 8 0 010-16 16 16 0 0116 16v40a8 8 0 010 16z\"></path>\n  </svg>\n);\n\nexport const Loading: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M136 32v32a8 8 0 01-16 0V32a8 8 0 0116 0zm37.25 58.75a8 8 0 005.66-2.35l22.63-22.62a8 8 0 00-11.32-11.32L167.6 77.09a8 8 0 005.65 13.66zM224 120h-32a8 8 0 000 16h32a8 8 0 000-16zm-45.09 47.6a8 8 0 00-11.31 11.31l22.62 22.63a8 8 0 0011.32-11.32zM128 184a8 8 0 00-8 8v32a8 8 0 0016 0v-32a8 8 0 00-8-8zm-50.91-16.4l-22.63 22.62a8 8 0 0011.32 11.32l22.62-22.63a8 8 0 00-11.31-11.31zM72 128a8 8 0 00-8-8H32a8 8 0 000 16h32a8 8 0 008-8zm-6.22-73.54a8 8 0 00-11.32 11.32L77.09 88.4A8 8 0 0088.4 77.09z\"></path>\n  </svg>\n);\n","import { useCallback, useEffect, useRef } from \"react\";\n\ninterface UseTimeoutReturn {\n  pause: () => void;\n  resume: () => void;\n  reset: () => void;\n  isActive: boolean;\n}\n\nexport const useTimeout = (\n  callback: () => void,\n  delay: number,\n): UseTimeoutReturn => {\n  const timeoutRef = useRef<number>(0);\n  const callbackRef = useRef(callback);\n  const startTimeRef = useRef<number>(0);\n  const remainingRef = useRef(delay);\n  const isActiveRef = useRef(true);\n\n  const cleanup = useCallback(() => {\n    if (timeoutRef.current) {\n      window.clearTimeout(timeoutRef.current);\n    }\n  }, []);\n\n  const pause = useCallback(() => {\n    if (!isActiveRef.current || !startTimeRef.current) return;\n\n    cleanup();\n    remainingRef.current -= Date.now() - startTimeRef.current;\n    isActiveRef.current = false;\n  }, [cleanup]);\n\n  const resume = useCallback(() => {\n    if (isActiveRef.current) return;\n\n    startTimeRef.current = Date.now();\n    timeoutRef.current = window.setTimeout(\n      callbackRef.current,\n      remainingRef.current,\n    );\n    isActiveRef.current = true;\n  }, []);\n\n  const reset = useCallback(() => {\n    cleanup();\n    remainingRef.current = delay;\n    startTimeRef.current = Date.now();\n    timeoutRef.current = window.setTimeout(callbackRef.current, delay);\n    isActiveRef.current = true;\n  }, [cleanup, delay]);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    reset();\n    return cleanup;\n  }, [delay, reset, cleanup]);\n\n  return {\n    pause,\n    resume,\n    reset,\n    isActive: isActiveRef.current,\n  };\n};\n","export const cn = (...classes: (string | undefined)[]) => {\n  return classes.filter(Boolean).join(\" \");\n};\n\nexport const generateRandomId = () => Math.floor(Math.random() * 1000000);\n\nexport const prefersReducedMotion = (() => {\n  let shouldReduceMotion: boolean | undefined = undefined;\n  return () => {\n    if (shouldReduceMotion === undefined) {\n      if (typeof window !== \"undefined\" && window.matchMedia !== undefined) {\n        const mediaQuery = window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\",\n        );\n        shouldReduceMotion = mediaQuery.matches;\n      } else {\n        shouldReduceMotion = false;\n      }\n    }\n    return shouldReduceMotion;\n  };\n})();\n\n// Get system theme:\nexport const getSystemTheme = () => {\n  if (typeof window !== \"undefined\") {\n    return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"t_dark-theme\"\n      : \"t_light-theme\";\n  }\n  return \"t_light-theme\";\n};\n","import type { Position, ToastAnimations, Variant } from \"../types/toast.types\";\n\n/* Default icon colors */\n\nexport const iconsColors: Record<Variant, string> = {\n  success: \"#22c55e\",\n  error: \"#ef4444\",\n  warning: \"#eab308\",\n  info: \"#3b82f6\",\n  loading: \"currentColor\",\n};\n\n/* Default animations */\n\nconst ANIMATION_ENTER_MAP: Record<Position, string> = {\n  \"top-left\": \"t_slide-enter-top\",\n  \"top-right\": \"t_slide-enter-top\",\n  \"top-center\": \"t_slide-enter-top\",\n  \"bottom-left\": \"t_slide-enter-bottom\",\n  \"bottom-right\": \"t_slide-enter-bottom\",\n  \"bottom-center\": \"t_slide-enter-bottom\",\n};\n\nconst ANIMATION_EXIT_MAP: Record<Position, string> = {\n  \"top-left\": \"t-slide-exit-top\",\n  \"top-right\": \"t-slide-exit-top\",\n  \"top-center\": \"t-slide-exit-top\",\n  \"bottom-left\": \"t-slide-exit-bottom\",\n  \"bottom-right\": \"t-slide-exit-bottom\",\n  \"bottom-center\": \"t-slide-exit-bottom\",\n};\n\n/* Swipe exit animations */\n\nconst ANIMATION_SWIPE_EXIT_MAP: Record<Position, string> = {\n  \"top-left\": \"t_swipe-exit-left\",\n  \"top-right\": \"t_swipe-exit-right\",\n  \"top-center\": \"t_swipe-exit-center\",\n  \"bottom-left\": \"t_swipe-exit-left\",\n  \"bottom-right\": \"t_swipe-exit-right\",\n  \"bottom-center\": \"t_swipe-exit-center\",\n};\n\nexport const getAnimationClass = (\n  isExiting: boolean,\n  animationType: ToastAnimations,\n  position: Position,\n) => {\n  if (!isExiting) {\n    return ANIMATION_ENTER_MAP[position];\n  }\n\n  if (animationType === \"swipe\") {\n    return ANIMATION_SWIPE_EXIT_MAP[position];\n  }\n\n  return ANIMATION_EXIT_MAP[position];\n};\n","import type {\n  ToastId,\n  ToastPropsWithLoading,\n  ToastPropsWithVariant\n} from '../types/toast.types';\nimport { openToast, closeToast } from './toaster';\n\ninterface ToastFunctions {\n  default: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  success: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  error: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  warning: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  info: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  loading: (data: ToastPropsWithLoading) => ToastPropsWithLoading;\n  close: (id: ToastId) => void;\n}\n\nexport const toast: ToastFunctions = {\n  default: (data: ToastPropsWithVariant) => {\n    openToast({ ...data });\n    return data;\n  },\n  success: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'success' });\n    return data;\n  },\n  error: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'error' });\n    return data;\n  },\n  warning: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'warning' });\n    return data;\n  },\n  info: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'info' });\n    return data;\n  },\n  loading: (data: ToastPropsWithLoading) => {\n    openToast({ ...data, variant: 'loading' });\n    return data;\n  },\n  close: (id: ToastId) => closeToast(id)\n};\n"],"mappings":"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","names":["main_exports","__export","Toaster","toast","__toCommonJS","styleInject","css","insertAt","head","style","styleInject","import_react","import_react","import_jsx_runtime","Success","props","Warning","Error","Info","Loading","import_react","useTimeout","callback","delay","timeoutRef","callbackRef","startTimeRef","remainingRef","isActiveRef","cleanup","pause","resume","reset","cn","classes","generateRandomId","prefersReducedMotion","shouldReduceMotion","getSystemTheme","iconsColors","ANIMATION_ENTER_MAP","ANIMATION_EXIT_MAP","ANIMATION_SWIPE_EXIT_MAP","getAnimationClass","isExiting","animationType","position","import_jsx_runtime","Toast","props","status","setStatus","iconColor","setIconColor","iconsColors","toastText","setToastText","isExiting","setIsExiting","delayDuration","pause","resume","useTimeout","handleCloseToast","iconClass","cn","icons","Success","Error","Warning","Info","Loading","IconComponent","prefersReducedMotion","handleMouseLeave","handleMouseEnter","data","error","getAnimationClass","getSystemTheme","toast_default","import_jsx_runtime","openToastGlobal","closeToastGlobal","Toaster","maxToasts","position","theme","toastOptions","htmlProps","toasts","setToasts","isMounted","setIsMounted","openToast","data","newToast","generateRandomId","prevToasts","isTopPosition","isToastUpdate","updatedToasts","pt","closeToast","id","toast","cn","toast_default","toast","data","openToast","id","closeToast"]}

package/dist/main.d.cts

@@ -0,0 +1,87 @@
+import { ReactNode, HTMLProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Variant = "success" | "error" | "warning" | "info" | "loading";
+type Position = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+type Theme = "light" | "dark" | "system";
+interface Action {
+    content?: string | ReactNode;
+    onClick: () => void | (() => Promise<void>);
+}
+type ToastIcons = Record<Variant, ReactNode>;
+type ToastId = number | string;
+type ToastProps = {
+    /**
+     * Optionally set an ID.
+     * If the ID exists, it will replace the existing notification
+     */
+    id?: ToastId;
+    text: string;
+    description?: string;
+    icon?: ReactNode;
+    delayDuration?: number;
+    theme?: Theme;
+    action?: Action;
+    /**
+     * Set any HTML Attributes to the notification
+     */
+    attrs?: HTMLProps<HTMLDivElement>;
+};
+interface LoadingType<T = unknown> {
+    promise: (() => Promise<T>) | Promise<T>;
+    success: string;
+    error: string;
+    autoDismiss: boolean;
+    onSuccess?: (data: T) => void;
+    onError?: (error: Error, id?: ToastId) => void;
+}
+interface ToastActionsCustomClassnames {
+    container: string;
+    closeBtn: string;
+    actionBtn: string;
+}
+interface ToastClassnames {
+    toast?: string;
+    container?: string;
+    icon?: string;
+    content?: string;
+    actions?: ToastActionsCustomClassnames;
+}
+type ToastAnimations = "slide" | "swipe";
+type ToastOptions = {
+    animationOnClose?: ToastAnimations;
+    font?: string;
+    icons?: ToastIcons;
+    headless?: boolean;
+    classNames?: ToastClassnames;
+    defaultActionContent?: string | ReactNode;
+    defaultCloseContent?: string | ReactNode;
+};
+type ToasterHTMLElementProperties = Omit<HTMLProps<HTMLElement>, 'aria-role' | 'aria-label' | 'role' | 'className'>;
+type ToasterProperties = ToasterHTMLElementProperties & {
+    theme?: Theme;
+    maxToasts?: number;
+    position?: Position;
+    toastOptions?: ToastOptions;
+};
+interface ToastPropsWithVariant extends ToastProps {
+    variant?: Variant;
+}
+interface ToastPropsWithLoading extends ToastPropsWithVariant {
+    options?: LoadingType;
+}
+
+interface ToastFunctions {
+    default: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    success: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    error: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    warning: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    info: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    loading: (data: ToastPropsWithLoading) => ToastPropsWithLoading;
+    close: (id: ToastId) => void;
+}
+declare const toast: ToastFunctions;
+
+declare const Toaster: ({ maxToasts, position, theme, toastOptions, ...htmlProps }: ToasterProperties) => false | react_jsx_runtime.JSX.Element;
+
+export { type ToastAnimations, type ToastOptions, type Position as ToastPosition, type ToastProps as ToastProperties, type ToastPropsWithLoading, type ToastPropsWithVariant, type Theme as ToastTheme, type Variant as ToastVariant, Toaster, type ToasterProperties, toast };

package/dist/main.d.ts

@@ -0,0 +1,87 @@
+import { ReactNode, HTMLProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Variant = "success" | "error" | "warning" | "info" | "loading";
+type Position = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+type Theme = "light" | "dark" | "system";
+interface Action {
+    content?: string | ReactNode;
+    onClick: () => void | (() => Promise<void>);
+}
+type ToastIcons = Record<Variant, ReactNode>;
+type ToastId = number | string;
+type ToastProps = {
+    /**
+     * Optionally set an ID.
+     * If the ID exists, it will replace the existing notification
+     */
+    id?: ToastId;
+    text: string;
+    description?: string;
+    icon?: ReactNode;
+    delayDuration?: number;
+    theme?: Theme;
+    action?: Action;
+    /**
+     * Set any HTML Attributes to the notification
+     */
+    attrs?: HTMLProps<HTMLDivElement>;
+};
+interface LoadingType<T = unknown> {
+    promise: (() => Promise<T>) | Promise<T>;
+    success: string;
+    error: string;
+    autoDismiss: boolean;
+    onSuccess?: (data: T) => void;
+    onError?: (error: Error, id?: ToastId) => void;
+}
+interface ToastActionsCustomClassnames {
+    container: string;
+    closeBtn: string;
+    actionBtn: string;
+}
+interface ToastClassnames {
+    toast?: string;
+    container?: string;
+    icon?: string;
+    content?: string;
+    actions?: ToastActionsCustomClassnames;
+}
+type ToastAnimations = "slide" | "swipe";
+type ToastOptions = {
+    animationOnClose?: ToastAnimations;
+    font?: string;
+    icons?: ToastIcons;
+    headless?: boolean;
+    classNames?: ToastClassnames;
+    defaultActionContent?: string | ReactNode;
+    defaultCloseContent?: string | ReactNode;
+};
+type ToasterHTMLElementProperties = Omit<HTMLProps<HTMLElement>, 'aria-role' | 'aria-label' | 'role' | 'className'>;
+type ToasterProperties = ToasterHTMLElementProperties & {
+    theme?: Theme;
+    maxToasts?: number;
+    position?: Position;
+    toastOptions?: ToastOptions;
+};
+interface ToastPropsWithVariant extends ToastProps {
+    variant?: Variant;
+}
+interface ToastPropsWithLoading extends ToastPropsWithVariant {
+    options?: LoadingType;
+}
+
+interface ToastFunctions {
+    default: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    success: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    error: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    warning: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    info: (data: ToastPropsWithVariant) => ToastPropsWithVariant;
+    loading: (data: ToastPropsWithLoading) => ToastPropsWithLoading;
+    close: (id: ToastId) => void;
+}
+declare const toast: ToastFunctions;
+
+declare const Toaster: ({ maxToasts, position, theme, toastOptions, ...htmlProps }: ToasterProperties) => false | react_jsx_runtime.JSX.Element;
+
+export { type ToastAnimations, type ToastOptions, type Position as ToastPosition, type ToastProps as ToastProperties, type ToastPropsWithLoading, type ToastPropsWithVariant, type Theme as ToastTheme, type Variant as ToastVariant, Toaster, type ToasterProperties, toast };

package/dist/main.js

@@ -0,0 +1,4 @@
+"use client"
+function I(t,{insertAt:o}={}){if(!t||typeof document>"u")return;let a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",o==="top"&&a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}I(`:root{--pheralb-toast-animation-enter: .4s;--pheralb-toast-animation-exit: .4s}:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_light-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_dark-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}@media (prefers-color-scheme: dark){:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}}.t_toasts{display:flex;flex-direction:column;gap:10px;padding:14px;position:fixed;z-index:999;overflow:hidden;transition:max-height .5s ease-in-out;width:100%}.t_default_font{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.t_top-left{top:0;left:0}.t_top-right{top:0;right:0}.t_top-center{top:0;left:50%;transform:translate(-50%)}.t_bottom-left{bottom:0;left:0}.t_bottom-right{bottom:0;right:0}.t_bottom-center{bottom:0;left:50%;transform:translate(-50%)}@media (min-width: 768px){.t_toasts{max-width:355px}}.t_global{display:flex;justify-content:space-between;padding:0;margin:0;list-style:none;outline:none;background-color:var(--background-color);width:auto;box-shadow:0 1px 3px 0 var(--box-shadow),0 1px 2px -1px var(--box-shadow);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;line-height:1.25rem;overflow:hidden}.t_global button{border:none;outline:none}.t_global button:focus{outline:1px solid var(--focus-color);outline-offset:0px;background-color:var(--hover-color)}.t_container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:20rem;height:100wh;gap:.6rem;padding:12px;word-wrap:break-word;overflow-wrap:break-word}.t_icon{fill:var(--text-color);margin-top:.1rem;flex-shrink:0}.t_content{display:flex;flex-direction:column;justify-content:center;max-width:100%}.t_content p{font-weight:600;color:var(--text-color);margin:0}.t_content p:nth-of-type(2){font-weight:400;font-size:.75rem;color:var(--description-color)}.t_actions{display:flex;flex-direction:column;border-left:1px solid var(--border-color);height:100wh}.t_actions>button{flex:1 1 0%;width:100%;padding:6px 20px;font-size:13px;background-color:transparent;cursor:pointer;border:none}.t_actions>button:nth-child(1){color:var(--text-color);font-weight:500}.t_actions>button:nth-child(2){color:var(--text-color);border-top:1px solid var(--border-color)}.t_actions>button:hover{background-color:var(--hover-color)}.t_loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t_slide-enter-top{animation:slide-top var(--pheralb-toast-animation-enter) ease}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.t_slide-enter-bottom{animation:slide-bottom var(--pheralb-toast-animation-enter) ease}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.t-slide-exit-top,.t-slide-exit-bottom{will-change:transform,opacity}.t-slide-exit-top{animation:slide-top-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-top-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t-slide-exit-bottom{animation:slide-bottom-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-bottom-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.t_swipe-exit-center{animation:swipe-center-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-center-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t_swipe-exit-left{animation:swipe-left-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-left-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.t_swipe-exit-right{animation:swipe-right-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-right-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}
+`);import{useEffect as Z,useState as U}from"react";import{useCallback as q,useEffect as J,useState as C}from"react";import{jsx as h}from"react/jsx-runtime";var V=t=>h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:h("path",{d:"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm45.66 85.66l-56 56a8 8 0 01-11.32 0l-24-24a8 8 0 0111.32-11.32L112 148.69l50.34-50.35a8 8 0 0111.32 11.32z"})}),A=t=>h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:h("path",{d:"M236.8 188.09L149.35 36.22a24.76 24.76 0 00-42.7 0L19.2 188.09a23.51 23.51 0 000 23.72A24.35 24.35 0 0040.55 224h174.9a24.35 24.35 0 0021.33-12.19 23.51 23.51 0 00.02-23.72zM120 104a8 8 0 0116 0v40a8 8 0 01-16 0zm8 88a12 12 0 1112-12 12 12 0 01-12 12z"})}),z=t=>h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:h("path",{d:"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-8 56a8 8 0 0116 0v56a8 8 0 01-16 0zm8 104a12 12 0 1112-12 12 12 0 01-12 12z"})}),E=t=>h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:h("path",{d:"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-4 48a12 12 0 11-12 12 12 12 0 0112-12zm12 112a16 16 0 01-16-16v-40a8 8 0 010-16 16 16 0 0116 16v40a8 8 0 010 16z"})}),R=t=>h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...t,children:h("path",{d:"M136 32v32a8 8 0 01-16 0V32a8 8 0 0116 0zm37.25 58.75a8 8 0 005.66-2.35l22.63-22.62a8 8 0 00-11.32-11.32L167.6 77.09a8 8 0 005.65 13.66zM224 120h-32a8 8 0 000 16h32a8 8 0 000-16zm-45.09 47.6a8 8 0 00-11.31 11.31l22.62 22.63a8 8 0 0011.32-11.32zM128 184a8 8 0 00-8 8v32a8 8 0 0016 0v-32a8 8 0 00-8-8zm-50.91-16.4l-22.63 22.62a8 8 0 0011.32 11.32l22.62-22.63a8 8 0 00-11.31-11.31zM72 128a8 8 0 00-8-8H32a8 8 0 000 16h32a8 8 0 008-8zm-6.22-73.54a8 8 0 00-11.32 11.32L77.09 88.4A8 8 0 0088.4 77.09z"})});import{useCallback as _,useEffect as S,useRef as v}from"react";var L=(t,o)=>{let a=v(0),e=v(t),u=v(0),c=v(o),n=v(!0),d=_(()=>{a.current&&window.clearTimeout(a.current)},[]),w=_(()=>{!n.current||!u.current||(d(),c.current-=Date.now()-u.current,n.current=!1)},[d]),p=_(()=>{n.current||(u.current=Date.now(),a.current=window.setTimeout(e.current,c.current),n.current=!0)},[]),m=_(()=>{d(),c.current=o,u.current=Date.now(),a.current=window.setTimeout(e.current,o),n.current=!0},[d,o]);return S(()=>{e.current=t},[t]),S(()=>(m(),d),[o,m,d]),{pause:w,resume:p,reset:m,isActive:n.current}};var r=(...t)=>t.filter(Boolean).join(" "),B=()=>Math.floor(Math.random()*1e6),W=(()=>{let t;return()=>(t===void 0&&(typeof window<"u"&&window.matchMedia!==void 0?t=window.matchMedia("(prefers-reduced-motion: reduce)").matches:t=!1),t)})(),F=()=>typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"t_dark-theme":"t_light-theme";var P={success:"#22c55e",error:"#ef4444",warning:"#eab308",info:"#3b82f6",loading:"currentColor"},H={"top-left":"t_slide-enter-top","top-right":"t_slide-enter-top","top-center":"t_slide-enter-top","bottom-left":"t_slide-enter-bottom","bottom-right":"t_slide-enter-bottom","bottom-center":"t_slide-enter-bottom"},Q={"top-left":"t-slide-exit-top","top-right":"t-slide-exit-top","top-center":"t-slide-exit-top","bottom-left":"t-slide-exit-bottom","bottom-right":"t-slide-exit-bottom","bottom-center":"t-slide-exit-bottom"},X={"top-left":"t_swipe-exit-left","top-right":"t_swipe-exit-right","top-center":"t_swipe-exit-center","bottom-left":"t_swipe-exit-left","bottom-right":"t_swipe-exit-right","bottom-center":"t_swipe-exit-center"},Y=(t,o,a)=>t?o==="swipe"?X[a]:Q[a]:H[a];import{jsx as l,jsxs as N}from"react/jsx-runtime";var K=t=>{let[o,a]=C(t.variant||"info"),[e,u]=C(P[o]),[c,n]=C(t.text),[d,w]=C(!1),p=t.delayDuration||4e3,{pause:m,resume:s}=L(()=>{g()},p),i=r("t_icon",t.variant==="loading"&&o==="loading"?"t_loading":""),f={success:l(V,{width:18,height:18,style:{fill:e},className:i}),error:l(z,{width:18,height:18,style:{fill:e},className:i}),warning:l(A,{width:18,height:18,style:{fill:e},className:i}),info:l(E,{width:18,height:18,style:{fill:e},className:i}),loading:l(R,{width:18,height:18,style:{fill:e},className:i})},T=t.toastOptions?.icons?t.toastOptions?.icons[o]:f[o],g=q(()=>{w(!0),W()?t.onClose&&t.onClose():setTimeout(()=>{t.onClose&&t.onClose()},300)},[t]),y=()=>{s()},b=()=>{m()};return J(()=>{t.variant==="loading"&&t.options&&(m(),(typeof t.options.promise=="function"?t.options.promise():Promise.resolve(t.options.promise)).then(k=>{s(),a("success"),t.options.autoDismiss&&setTimeout(()=>{g()},p),n(t.options.success),u(P.success),t.options?.onSuccess&&t.options.onSuccess(k)}).catch(k=>{a("error"),n(t.options.error),u(P.error),t.options.autoDismiss&&setTimeout(()=>{g()},p),t.options?.onError&&t.options.onError(k,t.id)}))},[p,g,m,t.options,t.variant,s]),N("div",{...t.attrs,role:"alert","aria-labelledby":`toast-title-${t.id}`,"aria-describedby":`toast-description-${t.id}`,title:t.text,className:r(W()?"":Y(d,t.toastOptions?.animationOnClose||"slide",t.toastPosition),!t.toastOptions?.headless&&t.theme==="system"?F():"",!t.toastOptions?.headless&&t.theme==="dark"?"t_dark-theme":"",!t.toastOptions?.headless&&t.theme==="light"?"t_light-theme":"",t.toastOptions?.headless?"":"t_global",t.toastOptions?.classNames?.toast,t.attrs?.className),style:{zIndex:t.active?1e3:999,...t.attrs?.style},onMouseEnter:b,onMouseLeave:y,onFocus:b,onBlur:y,children:[N("div",{className:r(t.toastOptions?.headless?"":"t_container",t.toastOptions?.classNames?.container),children:[t.variant&&!t.icon?l("div",{className:r(t.toastOptions?.headless?"":"t_icon",t.toastOptions?.classNames?.icon),children:T}):t.icon&&l("div",{className:r(t.toastOptions?.headless?"":"t_icon",t.toastOptions?.classNames?.icon),children:t.icon}),N("div",{className:r(t.toastOptions?.headless?"":"t_content",t.toastOptions?.classNames?.content),children:[l("p",{id:`toast-title-${t.id}`,children:c}),t.description&&l("p",{id:`toast-description-${t.id}`,children:t.description})]})]}),N("div",{className:r(t.toastOptions?.headless?"":"t_actions",t.toastOptions?.classNames?.actions?.container),children:[t.action&&l("button",{onClick:t.action.onClick,title:typeof t.action.content=="string"?t.action.content:"Action Button",className:r(t.toastOptions?.classNames?.actions?.actionBtn),children:t.action.content??t.toastOptions?.defaultActionContent??"Action"}),l("button",{onClick:g,title:"Close toast",className:r(t.toastOptions?.classNames?.actions?.closeBtn),children:t.toastOptions?.defaultCloseContent??"Close"})]})]})},D=K;import{jsx as j}from"react/jsx-runtime";var M,O,tt=({maxToasts:t=4,position:o="bottom-right",theme:a="system",toastOptions:e,...u})=>{let[c,n]=U([]),[d,w]=U(!1);Z(()=>{w(!0)},[]);let p=s=>{let i={id:B(),...s};n(f=>{let T=o==="top-left"||o==="top-right"||o==="top-center",g=!1,y=f.map(b=>b.id===i.id?(g=!0,{...b,...i}):b);return g?[...y]:f.length>=t?T?[i,...f.slice(0,-1)]:[...f.slice(1),i]:T?[i,...f]:[...f,i]})},m=s=>{n(i=>i.filter(f=>f.id!==s))};return M=p,O=m,d&&c.length>0&&j("section",{...u,"aria-label":"Toast Notifications",role:"alert","aria-live":"polite",className:r("t_toasts",o==="top-left"?"t_top-left":"",o==="top-right"?"t_top-right":"",o==="top-center"?"t_top-center":"",o==="bottom-left"?"t_bottom-left":"",o==="bottom-right"?"t_bottom-right":"",o==="bottom-center"?"t_bottom-center":"",e?.font?e?.font:"t_default_font"),children:c.map(s=>j(D,{theme:a,toastPosition:o,onClose:()=>m(s.id),toastOptions:e,active:c.indexOf(s)===c.length-1,...s},s.id))})},x=t=>{M?M(t):console.error("\u{1F514} <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.")},$=t=>{O?O(t):console.error("\u{1F514} <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.")};var ot={default:t=>(x({...t}),t),success:t=>(x({...t,variant:"success"}),t),error:t=>(x({...t,variant:"error"}),t),warning:t=>(x({...t,variant:"warning"}),t),info:t=>(x({...t,variant:"info"}),t),loading:t=>(x({...t,variant:"loading"}),t),close:t=>$(t)};export{tt as Toaster,ot as toast};
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["#style-inject:#style-inject","../src/styles/globals.css","../src/components/toaster.tsx","../src/components/toast.tsx","../src/icons/index.tsx","../src/hooks/useTimeout.tsx","../src/utils/index.ts","../src/components/default-options.ts","../src/components/toast-functions.ts"],"sourcesContent":["\n          export default function styleInject(css, { insertAt } = {}) {\n            if (!css || typeof document === 'undefined') return\n          \n            const head = document.head || document.getElementsByTagName('head')[0]\n            const 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          ","import styleInject from '#style-inject';styleInject(\":root{--pheralb-toast-animation-enter: .4s;--pheralb-toast-animation-exit: .4s}:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_light-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #ffffff;--hover-bg-color: #f5f5f5;--border-color: #e5e5e5;--text-color: #171717;--description-color: #262626;--focus-color: #a3a3a3}.t_dark-theme{--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}@media (prefers-color-scheme: dark){:where(.t_global){--box-shadow: rgba(0, 0, 0, .1);--background-color: #171717;--hover-bg-color: #27272a;--border-color: #262626;--text-color: #fafafa;--description-color: #e5e5e5;--focus-color: #404040}}.t_toasts{display:flex;flex-direction:column;gap:10px;padding:14px;position:fixed;z-index:999;overflow:hidden;transition:max-height .5s ease-in-out;width:100%}.t_default_font{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.t_top-left{top:0;left:0}.t_top-right{top:0;right:0}.t_top-center{top:0;left:50%;transform:translate(-50%)}.t_bottom-left{bottom:0;left:0}.t_bottom-right{bottom:0;right:0}.t_bottom-center{bottom:0;left:50%;transform:translate(-50%)}@media (min-width: 768px){.t_toasts{max-width:355px}}.t_global{display:flex;justify-content:space-between;padding:0;margin:0;list-style:none;outline:none;background-color:var(--background-color);width:auto;box-shadow:0 1px 3px 0 var(--box-shadow),0 1px 2px -1px var(--box-shadow);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;line-height:1.25rem;overflow:hidden}.t_global button{border:none;outline:none}.t_global button:focus{outline:1px solid var(--focus-color);outline-offset:0px;background-color:var(--hover-color)}.t_container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:20rem;height:100wh;gap:.6rem;padding:12px;word-wrap:break-word;overflow-wrap:break-word}.t_icon{fill:var(--text-color);margin-top:.1rem;flex-shrink:0}.t_content{display:flex;flex-direction:column;justify-content:center;max-width:100%}.t_content p{font-weight:600;color:var(--text-color);margin:0}.t_content p:nth-of-type(2){font-weight:400;font-size:.75rem;color:var(--description-color)}.t_actions{display:flex;flex-direction:column;border-left:1px solid var(--border-color);height:100wh}.t_actions>button{flex:1 1 0%;width:100%;padding:6px 20px;font-size:13px;background-color:transparent;cursor:pointer;border:none}.t_actions>button:nth-child(1){color:var(--text-color);font-weight:500}.t_actions>button:nth-child(2){color:var(--text-color);border-top:1px solid var(--border-color)}.t_actions>button:hover{background-color:var(--hover-color)}.t_loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t_slide-enter-top{animation:slide-top var(--pheralb-toast-animation-enter) ease}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.t_slide-enter-bottom{animation:slide-bottom var(--pheralb-toast-animation-enter) ease}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.t-slide-exit-top,.t-slide-exit-bottom{will-change:transform,opacity}.t-slide-exit-top{animation:slide-top-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-top-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t-slide-exit-bottom{animation:slide-bottom-exit var(--pheralb-toast-animation-exit) ease}@keyframes slide-bottom-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.t_swipe-exit-center{animation:swipe-center-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-center-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t_swipe-exit-left{animation:swipe-left-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-left-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.t_swipe-exit-right{animation:swipe-right-exit var(--pheralb-toast-animation-exit) ease}@keyframes swipe-right-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}\\n\")","import { useEffect, useState } from \"react\";\n\nimport type {\n  ToastId,\n  ToastPropsWithVariant,\n  ToasterProperties,\n} from \"../types/toast.types\";\n\nimport ToastComponent from \"./toast\";\nimport { cn, generateRandomId } from \"../utils\";\n\n// Ensure openToastGlobal is initialized correctly\nlet openToastGlobal: (data: ToastPropsWithVariant) => void;\n// Ensure closeToastGlobal is initialized correctly\nlet closeToastGlobal: (id: ToastId) => void;\n\nexport const Toaster = ({\n  maxToasts = 4,\n  position = \"bottom-right\",\n  theme = \"system\",\n  toastOptions,\n  ...htmlProps\n}: ToasterProperties) => {\n  const [toasts, setToasts] = useState<ToastPropsWithVariant[]>([]);\n  const [isMounted, setIsMounted] = useState<boolean>(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  // Define the openToast function\n  const openToast = (data: ToastPropsWithVariant) => {\n    const newToast = {\n      id: generateRandomId(),\n      ...data,\n    };\n    setToasts((prevToasts) => {\n      const isTopPosition =\n        position === \"top-left\" ||\n        position === \"top-right\" ||\n        position === \"top-center\";\n\n      // If the `id` exists, update the notification\n      let isToastUpdate = false;\n      const updatedToasts = prevToasts.map(pt => {\n        if (pt.id === newToast.id) {\n          isToastUpdate = true;\n          return {...pt, ...newToast}\n        }\n        return pt\n      })\n\n      if (isToastUpdate) {\n        // `newToast` is embedded, array preserves length\n        return [...updatedToasts]\n      }\n\n      if (prevToasts.length >= maxToasts) {\n        return isTopPosition\n          ? [newToast, ...prevToasts.slice(0, -1)]\n          : [...prevToasts.slice(1), newToast];\n      }\n\n      return isTopPosition\n        ? [newToast, ...prevToasts]\n        : [...prevToasts, newToast];\n    });\n  };\n\n  // Define the closeToast function\n  const closeToast = (id: ToastId) => {\n    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));\n  };\n\n  // Assign openToast to the global variable\n  openToastGlobal = openToast;\n  // Assign closeToast to the global variable\n  closeToastGlobal = closeToast;\n\n  // Render the component\n  return (\n    isMounted &&\n    toasts.length > 0 && (\n      <section\n        {...htmlProps}\n        aria-label=\"Toast Notifications\"\n        role=\"alert\"\n        aria-live=\"polite\"\n        className={cn(\n          \"t_toasts\",\n          position === \"top-left\" ? \"t_top-left\" : \"\",\n          position === \"top-right\" ? \"t_top-right\" : \"\",\n          position === \"top-center\" ? \"t_top-center\" : \"\",\n          position === \"bottom-left\" ? \"t_bottom-left\" : \"\",\n          position === \"bottom-right\" ? \"t_bottom-right\" : \"\",\n          position === \"bottom-center\" ? \"t_bottom-center\" : \"\",\n          toastOptions?.font ? toastOptions?.font : \"t_default_font\",\n        )}\n      >\n        {toasts.map((toast) => (\n          <ToastComponent\n            key={toast.id}\n            theme={theme}\n            toastPosition={position}\n            onClose={() => closeToast(toast.id!)}\n            toastOptions={toastOptions}\n            active={toasts.indexOf(toast) === toasts.length - 1}\n            {...toast}\n          />\n        ))}\n      </section>\n    )\n  );\n};\n\n// Export the openToast function:\n// eslint-disable-next-line react-refresh/only-export-components\nexport const openToast = (data: ToastPropsWithVariant): void => {\n  if (openToastGlobal) {\n    openToastGlobal(data);\n  } else {\n    console.error(\n      \"🔔 <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.\",\n    );\n  }\n};\n\n// Export the closeToast function:\n// eslint-disable-next-line react-refresh/only-export-components\nexport const closeToast = (id: ToastId): void => {\n  if (closeToastGlobal) {\n    closeToastGlobal(id);\n  } else {\n    console.error(\n      \"🔔 <Toaster /> component is not mounted. Check toast.pheralb.dev/toaster for more information.\",\n    );\n  }\n};\n","import type {\n  Position,\n  ToastIcons,\n  ToastOptions,\n  ToastPropsWithLoading,\n  Variant,\n} from \"../types/toast.types\";\n\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { Error, Info, Loading, Success, Warning } from \"../icons\";\nimport { useTimeout } from \"../hooks/useTimeout\";\nimport { cn, getSystemTheme, prefersReducedMotion } from \"../utils\";\n\nimport { iconsColors, getAnimationClass } from \"./default-options\";\n\ninterface ToastComponentProps extends ToastPropsWithLoading {\n  toastPosition: Position;\n  toastOptions?: ToastOptions;\n  active?: boolean;\n  onClose: () => void;\n}\n\nconst Toast = (props: ToastComponentProps) => {\n  const [status, setStatus] = useState<Variant>(props.variant || \"info\");\n  const [iconColor, setIconColor] = useState<string>(iconsColors[status]);\n  const [toastText, setToastText] = useState<string>(props.text);\n  const [isExiting, setIsExiting] = useState<boolean>(false);\n\n  const delayDuration = props.delayDuration || 4000;\n\n  const { pause, resume } = useTimeout(() => {\n    handleCloseToast();\n  }, delayDuration);\n\n  const iconClass = cn(\n    \"t_icon\",\n    props.variant === \"loading\" && status === \"loading\" ? \"t_loading\" : \"\",\n  );\n\n  const icons: ToastIcons = {\n    success: (\n      <Success\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    error: (\n      <Error\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    warning: (\n      <Warning\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    info: (\n      <Info\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n    loading: (\n      <Loading\n        width={18}\n        height={18}\n        style={{ fill: iconColor }}\n        className={iconClass}\n      />\n    ),\n  };\n\n  const IconComponent = props.toastOptions?.icons\n    ? props.toastOptions?.icons[status]\n    : icons[status];\n\n  const handleCloseToast = useCallback(() => {\n    setIsExiting(true);\n    const animationDisabled = prefersReducedMotion();\n    if (!animationDisabled) {\n      setTimeout(() => {\n        if (props.onClose) {\n          props.onClose();\n        }\n      }, 300);\n    } else if (props.onClose) {\n      props.onClose();\n    }\n  }, [props]);\n\n  const handleMouseLeave = () => {\n    resume();\n  };\n\n  const handleMouseEnter = () => {\n    pause();\n  };\n\n  useEffect(() => {\n    if (props.variant === \"loading\" && props.options) {\n      pause();\n\n      const executePromise =\n        typeof props.options.promise === \"function\"\n          ? props.options.promise()\n          : Promise.resolve(props.options.promise);\n\n      executePromise\n        .then((data) => {\n          resume();\n          setStatus(\"success\");\n          if (props.options!.autoDismiss) {\n            setTimeout(() => {\n              handleCloseToast();\n            }, delayDuration);\n          }\n          setToastText(props.options!.success);\n          setIconColor(iconsColors.success);\n          if (props.options?.onSuccess) {\n            props.options.onSuccess(data);\n          }\n        })\n        .catch((error) => {\n          setStatus(\"error\");\n          setToastText(props.options!.error);\n          setIconColor(iconsColors.error);\n          if (props.options!.autoDismiss) {\n            setTimeout(() => {\n              handleCloseToast();\n            }, delayDuration);\n          }\n          if (props.options?.onError) {\n            props.options.onError(error, props.id);\n          }\n        });\n    }\n  }, [\n    delayDuration,\n    handleCloseToast,\n    pause,\n    props.options,\n    props.variant,\n    resume,\n  ]);\n\n  return (\n    <div\n      {...props.attrs}\n      role=\"alert\"\n      aria-labelledby={`toast-title-${props.id}`}\n      aria-describedby={`toast-description-${props.id}`}\n      title={props.text}\n      className={cn(\n        !prefersReducedMotion()\n          ? getAnimationClass(\n              isExiting,\n              props.toastOptions?.animationOnClose || \"slide\",\n              props.toastPosition,\n            )\n          : \"\",\n        !props.toastOptions?.headless && props.theme === \"system\"\n          ? getSystemTheme()\n          : \"\",\n        !props.toastOptions?.headless && props.theme === \"dark\"\n          ? \"t_dark-theme\"\n          : \"\",\n        !props.toastOptions?.headless && props.theme === \"light\"\n          ? \"t_light-theme\"\n          : \"\",\n        !props.toastOptions?.headless ? \"t_global\" : \"\",\n        props.toastOptions?.classNames?.toast,\n        props.attrs?.className,\n      )}\n      style={{\n        zIndex: props.active ? 1000 : 999,\n        ...props.attrs?.style,\n      }}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      onFocus={handleMouseEnter}\n      onBlur={handleMouseLeave}\n    >\n      <div\n        className={cn(\n          !props.toastOptions?.headless ? \"t_container\" : \"\",\n          props.toastOptions?.classNames?.container,\n        )}\n      >\n        {props.variant && !props.icon ? (\n          <div\n            className={cn(\n              !props.toastOptions?.headless ? \"t_icon\" : \"\",\n              props.toastOptions?.classNames?.icon,\n            )}\n          >\n            {IconComponent}\n          </div>\n        ) : (\n          props.icon && (\n            <div\n              className={cn(\n                !props.toastOptions?.headless ? \"t_icon\" : \"\",\n                props.toastOptions?.classNames?.icon,\n              )}\n            >\n              {props.icon}\n            </div>\n          )\n        )}\n        <div\n          className={cn(\n            !props.toastOptions?.headless ? \"t_content\" : \"\",\n            props.toastOptions?.classNames?.content,\n          )}\n        >\n          <p id={`toast-title-${props.id}`}>{toastText}</p>\n          {props.description && (\n            <p id={`toast-description-${props.id}`}>{props.description}</p>\n          )}\n        </div>\n      </div>\n      <div\n        className={cn(\n          !props.toastOptions?.headless ? \"t_actions\" : \"\",\n          props.toastOptions?.classNames?.actions?.container,\n        )}\n      >\n        {props.action && (\n          <button\n            onClick={props.action.onClick}\n            title={\n              typeof props.action.content === \"string\"\n                ? props.action.content\n                : \"Action Button\"\n            }\n            className={cn(props.toastOptions?.classNames?.actions?.actionBtn)}\n          >\n            {props.action.content ??\n              props.toastOptions?.defaultActionContent ??\n              \"Action\"}\n          </button>\n        )}\n        <button\n          onClick={handleCloseToast}\n          title=\"Close toast\"\n          className={cn(props.toastOptions?.classNames?.actions?.closeBtn)}\n        >\n          {props.toastOptions?.defaultCloseContent ?? \"Close\"}\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default Toast;\n","import type { ComponentProps, FC } from \"react\";\n\nexport const Success: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm45.66 85.66l-56 56a8 8 0 01-11.32 0l-24-24a8 8 0 0111.32-11.32L112 148.69l50.34-50.35a8 8 0 0111.32 11.32z\"></path>\n  </svg>\n);\n\nexport const Warning: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M236.8 188.09L149.35 36.22a24.76 24.76 0 00-42.7 0L19.2 188.09a23.51 23.51 0 000 23.72A24.35 24.35 0 0040.55 224h174.9a24.35 24.35 0 0021.33-12.19 23.51 23.51 0 00.02-23.72zM120 104a8 8 0 0116 0v40a8 8 0 01-16 0zm8 88a12 12 0 1112-12 12 12 0 01-12 12z\"></path>\n  </svg>\n);\n\nexport const Error: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-8 56a8 8 0 0116 0v56a8 8 0 01-16 0zm8 104a12 12 0 1112-12 12 12 0 01-12 12z\"></path>\n  </svg>\n);\n\nexport const Info: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M128 24a104 104 0 10104 104A104.11 104.11 0 00128 24zm-4 48a12 12 0 11-12 12 12 12 0 0112-12zm12 112a16 16 0 01-16-16v-40a8 8 0 010-16 16 16 0 0116 16v40a8 8 0 010 16z\"></path>\n  </svg>\n);\n\nexport const Loading: FC<ComponentProps<\"svg\">> = (props) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" {...props}>\n    <path d=\"M136 32v32a8 8 0 01-16 0V32a8 8 0 0116 0zm37.25 58.75a8 8 0 005.66-2.35l22.63-22.62a8 8 0 00-11.32-11.32L167.6 77.09a8 8 0 005.65 13.66zM224 120h-32a8 8 0 000 16h32a8 8 0 000-16zm-45.09 47.6a8 8 0 00-11.31 11.31l22.62 22.63a8 8 0 0011.32-11.32zM128 184a8 8 0 00-8 8v32a8 8 0 0016 0v-32a8 8 0 00-8-8zm-50.91-16.4l-22.63 22.62a8 8 0 0011.32 11.32l22.62-22.63a8 8 0 00-11.31-11.31zM72 128a8 8 0 00-8-8H32a8 8 0 000 16h32a8 8 0 008-8zm-6.22-73.54a8 8 0 00-11.32 11.32L77.09 88.4A8 8 0 0088.4 77.09z\"></path>\n  </svg>\n);\n","import { useCallback, useEffect, useRef } from \"react\";\n\ninterface UseTimeoutReturn {\n  pause: () => void;\n  resume: () => void;\n  reset: () => void;\n  isActive: boolean;\n}\n\nexport const useTimeout = (\n  callback: () => void,\n  delay: number,\n): UseTimeoutReturn => {\n  const timeoutRef = useRef<number>(0);\n  const callbackRef = useRef(callback);\n  const startTimeRef = useRef<number>(0);\n  const remainingRef = useRef(delay);\n  const isActiveRef = useRef(true);\n\n  const cleanup = useCallback(() => {\n    if (timeoutRef.current) {\n      window.clearTimeout(timeoutRef.current);\n    }\n  }, []);\n\n  const pause = useCallback(() => {\n    if (!isActiveRef.current || !startTimeRef.current) return;\n\n    cleanup();\n    remainingRef.current -= Date.now() - startTimeRef.current;\n    isActiveRef.current = false;\n  }, [cleanup]);\n\n  const resume = useCallback(() => {\n    if (isActiveRef.current) return;\n\n    startTimeRef.current = Date.now();\n    timeoutRef.current = window.setTimeout(\n      callbackRef.current,\n      remainingRef.current,\n    );\n    isActiveRef.current = true;\n  }, []);\n\n  const reset = useCallback(() => {\n    cleanup();\n    remainingRef.current = delay;\n    startTimeRef.current = Date.now();\n    timeoutRef.current = window.setTimeout(callbackRef.current, delay);\n    isActiveRef.current = true;\n  }, [cleanup, delay]);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    reset();\n    return cleanup;\n  }, [delay, reset, cleanup]);\n\n  return {\n    pause,\n    resume,\n    reset,\n    isActive: isActiveRef.current,\n  };\n};\n","export const cn = (...classes: (string | undefined)[]) => {\n  return classes.filter(Boolean).join(\" \");\n};\n\nexport const generateRandomId = () => Math.floor(Math.random() * 1000000);\n\nexport const prefersReducedMotion = (() => {\n  let shouldReduceMotion: boolean | undefined = undefined;\n  return () => {\n    if (shouldReduceMotion === undefined) {\n      if (typeof window !== \"undefined\" && window.matchMedia !== undefined) {\n        const mediaQuery = window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\",\n        );\n        shouldReduceMotion = mediaQuery.matches;\n      } else {\n        shouldReduceMotion = false;\n      }\n    }\n    return shouldReduceMotion;\n  };\n})();\n\n// Get system theme:\nexport const getSystemTheme = () => {\n  if (typeof window !== \"undefined\") {\n    return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"t_dark-theme\"\n      : \"t_light-theme\";\n  }\n  return \"t_light-theme\";\n};\n","import type { Position, ToastAnimations, Variant } from \"../types/toast.types\";\n\n/* Default icon colors */\n\nexport const iconsColors: Record<Variant, string> = {\n  success: \"#22c55e\",\n  error: \"#ef4444\",\n  warning: \"#eab308\",\n  info: \"#3b82f6\",\n  loading: \"currentColor\",\n};\n\n/* Default animations */\n\nconst ANIMATION_ENTER_MAP: Record<Position, string> = {\n  \"top-left\": \"t_slide-enter-top\",\n  \"top-right\": \"t_slide-enter-top\",\n  \"top-center\": \"t_slide-enter-top\",\n  \"bottom-left\": \"t_slide-enter-bottom\",\n  \"bottom-right\": \"t_slide-enter-bottom\",\n  \"bottom-center\": \"t_slide-enter-bottom\",\n};\n\nconst ANIMATION_EXIT_MAP: Record<Position, string> = {\n  \"top-left\": \"t-slide-exit-top\",\n  \"top-right\": \"t-slide-exit-top\",\n  \"top-center\": \"t-slide-exit-top\",\n  \"bottom-left\": \"t-slide-exit-bottom\",\n  \"bottom-right\": \"t-slide-exit-bottom\",\n  \"bottom-center\": \"t-slide-exit-bottom\",\n};\n\n/* Swipe exit animations */\n\nconst ANIMATION_SWIPE_EXIT_MAP: Record<Position, string> = {\n  \"top-left\": \"t_swipe-exit-left\",\n  \"top-right\": \"t_swipe-exit-right\",\n  \"top-center\": \"t_swipe-exit-center\",\n  \"bottom-left\": \"t_swipe-exit-left\",\n  \"bottom-right\": \"t_swipe-exit-right\",\n  \"bottom-center\": \"t_swipe-exit-center\",\n};\n\nexport const getAnimationClass = (\n  isExiting: boolean,\n  animationType: ToastAnimations,\n  position: Position,\n) => {\n  if (!isExiting) {\n    return ANIMATION_ENTER_MAP[position];\n  }\n\n  if (animationType === \"swipe\") {\n    return ANIMATION_SWIPE_EXIT_MAP[position];\n  }\n\n  return ANIMATION_EXIT_MAP[position];\n};\n","import type {\n  ToastId,\n  ToastPropsWithLoading,\n  ToastPropsWithVariant\n} from '../types/toast.types';\nimport { openToast, closeToast } from './toaster';\n\ninterface ToastFunctions {\n  default: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  success: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  error: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  warning: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  info: (data: ToastPropsWithVariant) => ToastPropsWithVariant;\n  loading: (data: ToastPropsWithLoading) => ToastPropsWithLoading;\n  close: (id: ToastId) => void;\n}\n\nexport const toast: ToastFunctions = {\n  default: (data: ToastPropsWithVariant) => {\n    openToast({ ...data });\n    return data;\n  },\n  success: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'success' });\n    return data;\n  },\n  error: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'error' });\n    return data;\n  },\n  warning: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'warning' });\n    return data;\n  },\n  info: (data: ToastPropsWithVariant) => {\n    openToast({ ...data, variant: 'info' });\n    return data;\n  },\n  loading: (data: ToastPropsWithLoading) => {\n    openToast({ ...data, variant: 'loading' });\n    return data;\n  },\n  close: (id: ToastId) => closeToast(id)\n};\n"],"mappings":"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","names":["styleInject","css","insertAt","head","style","styleInject","useEffect","useState","useCallback","useEffect","useState","jsx","Success","props","Warning","Error","Info","Loading","useCallback","useEffect","useRef","useTimeout","callback","delay","timeoutRef","callbackRef","startTimeRef","remainingRef","isActiveRef","cleanup","pause","resume","reset","cn","classes","generateRandomId","prefersReducedMotion","shouldReduceMotion","getSystemTheme","iconsColors","ANIMATION_ENTER_MAP","ANIMATION_EXIT_MAP","ANIMATION_SWIPE_EXIT_MAP","getAnimationClass","isExiting","animationType","position","jsx","jsxs","Toast","props","status","setStatus","useState","iconColor","setIconColor","iconsColors","toastText","setToastText","isExiting","setIsExiting","delayDuration","pause","resume","useTimeout","handleCloseToast","iconClass","cn","icons","Success","Error","Warning","Info","Loading","IconComponent","useCallback","prefersReducedMotion","handleMouseLeave","handleMouseEnter","useEffect","data","error","getAnimationClass","getSystemTheme","toast_default","jsx","openToastGlobal","closeToastGlobal","Toaster","maxToasts","position","theme","toastOptions","htmlProps","toasts","setToasts","useState","isMounted","setIsMounted","useEffect","openToast","data","newToast","generateRandomId","prevToasts","isTopPosition","isToastUpdate","updatedToasts","pt","closeToast","id","toast","cn","toast_default","toast","data","openToast","id","closeToast"]}

package/dist/styles.css

@@ -0,0 +1 @@
+:root{--pheralb-toast-animation-enter:.4s;--pheralb-toast-animation-exit:.4s}:where(.t_global),.t_light-theme{--box-shadow:#0000001a;--background-color:#fff;--hover-bg-color:#f5f5f5;--border-color:#e5e5e5;--text-color:#171717;--description-color:#262626;--focus-color:#a3a3a3}.t_dark-theme{--box-shadow:#0000001a;--background-color:#171717;--hover-bg-color:#27272a;--border-color:#262626;--text-color:#fafafa;--description-color:#e5e5e5;--focus-color:#404040}@media (prefers-color-scheme:dark){:where(.t_global){--box-shadow:#0000001a;--background-color:#171717;--hover-bg-color:#27272a;--border-color:#262626;--text-color:#fafafa;--description-color:#e5e5e5;--focus-color:#404040}}.t_toasts{z-index:999;flex-direction:column;gap:10px;width:100%;padding:14px;transition:max-height .5s ease-in-out;display:flex;position:fixed;overflow:hidden}.t_default_font{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.t_top-left{top:0;left:0}.t_top-right{top:0;right:0}.t_top-center{top:0;left:50%;transform:translate(-50%)}.t_bottom-left{bottom:0;left:0}.t_bottom-right{bottom:0;right:0}.t_bottom-center{bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.t_toasts{max-width:355px}}.t_global{background-color:var(--background-color);width:auto;box-shadow:0 1px 3px 0 var(--box-shadow),0 1px 2px -1px var(--box-shadow);border:1px solid var(--border-color);border-radius:.375rem;outline:none;justify-content:space-between;margin:0;padding:0;font-size:.875rem;line-height:1.25rem;list-style:none;display:flex;overflow:hidden}.t_global button{border:none;outline:none}.t_global button:focus{outline:1px solid var(--focus-color);outline-offset:0px;background-color:var(--hover-color)}.t_container{width:100%;max-width:20rem;height:100wh;word-wrap:break-word;overflow-wrap:break-word;flex-direction:row;align-items:center;gap:.6rem;padding:12px;display:flex}.t_icon{fill:var(--text-color);flex-shrink:0;margin-top:.1rem}.t_content{flex-direction:column;justify-content:center;max-width:100%;display:flex}.t_content p{color:var(--text-color);margin:0;font-weight:600}.t_content p:nth-of-type(2){color:var(--description-color);font-size:.75rem;font-weight:400}.t_actions{border-left:1px solid var(--border-color);height:100wh;flex-direction:column;display:flex}.t_actions>button{cursor:pointer;background-color:#0000;border:none;flex:1;width:100%;padding:6px 20px;font-size:13px}.t_actions>button:first-child{color:var(--text-color);font-weight:500}.t_actions>button:nth-child(2){color:var(--text-color);border-top:1px solid var(--border-color)}.t_actions>button:hover{background-color:var(--hover-color)}.t_loading{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t_slide-enter-top{animation:slide-top var(--pheralb-toast-animation-enter)ease}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.t_slide-enter-bottom{animation:slide-bottom var(--pheralb-toast-animation-enter)ease}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.t-slide-exit-top,.t-slide-exit-bottom{will-change:transform,opacity}.t-slide-exit-top{animation:slide-top-exit var(--pheralb-toast-animation-exit)ease}@keyframes slide-top-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t-slide-exit-bottom{animation:slide-bottom-exit var(--pheralb-toast-animation-exit)ease}@keyframes slide-bottom-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.t_swipe-exit-center{animation:swipe-center-exit var(--pheralb-toast-animation-exit)ease}@keyframes swipe-center-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.t_swipe-exit-left{animation:swipe-left-exit var(--pheralb-toast-animation-exit)ease}@keyframes swipe-left-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.t_swipe-exit-right{animation:swipe-right-exit var(--pheralb-toast-animation-exit)ease}@keyframes swipe-right-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@nicojones/toast",
+  "version": "2.0.0",
+  "author": "@nicojones",
+  "description": "A simple notification library for React. Fully customizable and lightweight.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nicojones/toast.git"
+  },
+  "bugs": {
+    "url": "https://github.com/nicojones/toast/issues"
+  },
+  "keywords": [
+    "react",
+    "react-component",
+    "toast",
+    "notification",
+    "no-dependencies",
+    "lightweight",
+    "customizable"
+  ],
+  "private": false,
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/main.cjs",
+      "import": "./dist/main.js",
+      "types": "./dist/main.d.ts"
+    },
+    "./dist/styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "pnpm build:library && pnpm build:styles",
+    "build:library": "tsc && tsup",
+    "build:styles": "lightningcss --minify --bundle ./src/styles/globals.css -o ./dist/styles.css",
+    "dev": "tsup --watch",
+    "test": "vitest run --config ./vitest.config.ts",
+    "test:watch": "vitest --watch",
+    "lint": "eslint ./src",
+    "prepublishOnly": "pnpm build"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.2.0",
+    "@types/node": "20.17.16",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.0.3",
+    "@typescript-eslint/eslint-plugin": "8.22.0",
+    "@typescript-eslint/parser": "8.22.0",
+    "eslint": "9.19.0",
+    "eslint-plugin-react-hooks": "5.1.0",
+    "eslint-plugin-react-refresh": "0.4.18",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "globals": "15.14.0",
+    "jsdom": "26.0.0",
+    "lightningcss-cli": "1.29.1",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "tsup": "8.3.6",
+    "typescript": "5.7.3",
+    "typescript-eslint": "8.22.0",
+    "vitest": "3.0.4"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  }
+}