@iryanraushan/notchify 1.0.1

package/LICENSE

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

package/README.md

@@ -0,0 +1,224 @@
+# notchify
+
+A classic, macOS-style toast notification library for React and Next.js.  
+Dark & light mode ready. Fully themeable. Zero config to get started.
+
+| Dark Mode | Light Mode |
+|---|---|
+| ![Dark Mode](./preview/dark_mode_preview.png) | ![Light Mode](./preview/light_mode_preview.png) |
+
+
+## Features
+
+- Dark & light mode out of the box
+- Fully customizable colors, background, border, shadow, and duration
+- Lightweight — no extra dependencies beyond Radix UI
+- Works with React 17+ and Next.js (App & Pages router)
+- TypeScript first
+
+---
+
+## Installation
+
+```bash
+npm install notchify
+```
+
+> Peer dependencies — make sure these are installed in your project:
+> ```bash
+> npm install react react-dom
+> ```
+
+---
+
+## Preview
+
+
+**Variants**
+
+| Variant | Dot Color 
+|---|---|
+| `default` | Blue `#3b82f6` 
+| `success` | Green `#22c55e` 
+| `destructive` | Red `#ef4444`
+
+---
+
+## Quick Start
+
+**1. Wrap your app with `ToastProvider`**
+
+```tsx
+// App.tsx or layout.tsx (Next.js)
+import { ToastProvider } from 'notchify';
+
+export default function RootLayout({ children }) {
+  return (
+    <ToastProvider>
+      {children}
+    </ToastProvider>
+  );
+}
+```
+
+**2. Trigger toasts from anywhere**
+
+```tsx
+import { useToast } from 'notchify';
+
+export default function MyComponent() {
+  const { toast } = useToast();
+
+  return (
+    <button onClick={() => toast({ message: 'Saved!', variant: 'success' })}>
+      Save
+    </button>
+  );
+}
+```
+
+---
+
+## Usage
+
+### Variants
+
+```tsx
+const { toast } = useToast();
+
+// default (blue dot)
+toast({ message: 'Profile updated.' });
+
+// success (green dot)
+toast({ message: 'Payment successful!', variant: 'success' });
+
+// destructive (red dot)
+toast({ message: 'Failed to delete file.', variant: 'destructive' });
+```
+
+### Custom Duration (per toast)
+
+```tsx
+// show for 6 seconds
+toast({ message: 'This will stay longer.', duration: 6000 });
+```
+
+---
+
+## Dark & Light Mode
+
+Pass `mode` to `ToastProvider`. Defaults to `dark`.
+
+```tsx
+<ToastProvider mode="light">
+  {children}
+</ToastProvider>
+
+<ToastProvider mode="dark">
+  {children}
+</ToastProvider>
+```
+
+---
+
+## Custom Theme
+
+Override any visual token globally via the `theme` prop on `ToastProvider`.  
+Any value you skip falls back to the default for the current mode.
+
+```tsx
+<ToastProvider
+  mode="dark"
+  theme={{
+    background: '#1a1a2e',
+    border: '#2a2a4a',
+    textColor: '#e0e0ff',
+    boxShadow: '0 8px 32px rgba(0,0,0,0.4)',
+    defaultDuration: 5000,
+    dotColors: {
+      default: '#6366f1',
+      success: '#00ff88',
+      destructive: '#ff4466',
+    },
+  }}
+>
+  {children}
+</ToastProvider>
+```
+
+---
+
+## API Reference
+
+### `<ToastProvider />`
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `mode` | `"dark" \| "light"` | `"dark"` | Color mode |
+| `theme` | `ToastTheme` | `{}` | Theme overrides |
+| `children` | `ReactNode` | — | Your app |
+
+### `ToastTheme`
+
+| Key | Type | Description |
+|---|---|---|
+| `background` | `string` | Toast background color |
+| `border` | `string` | Toast border color |
+| `textColor` | `string` | Message text color |
+| `boxShadow` | `string` | Toast shadow |
+| `defaultDuration` | `number` | Default duration in ms (fallback: `3000`) |
+| `dotColors` | `{ default?, success?, destructive? }` | Dot colors per variant |
+
+### `useToast()`
+
+Returns:
+
+| Key | Type | Description |
+|---|---|---|
+| `toast(options)` | `function` | Trigger a toast |
+| `dismiss(id)` | `function` | Programmatically dismiss a toast by id |
+
+### `toast(options)`
+
+| Option | Type | Default | Description |
+|---|---|---|---|
+| `message` | `string` | — | The notification text **(required)** |
+| `variant` | `"default" \| "success" \| "destructive"` | `"default"` | Visual style |
+| `duration` | `number` | `3000` | Time in ms before auto-dismiss |
+
+---
+
+## Next.js App Router
+
+If you're using the App Router, mark your layout as a client component or extract the provider:
+
+```tsx
+// components/providers.tsx
+'use client';
+import { ToastProvider } from 'notchify';
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return <ToastProvider mode="dark">{children}</ToastProvider>;
+}
+```
+
+```tsx
+// app/layout.tsx
+import { Providers } from '@/components/providers';
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <body>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  );
+}
+```
+
+---
+
+## License
+
+MIT © [Raushan Kumar](https://github.com/iryanraushan)

package/dist/index.d.mts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+
+type ToastVariant = "default" | "destructive" | "success";
+type ToastMode = "dark" | "light";
+interface ToastTheme {
+    background?: string;
+    border?: string;
+    textColor?: string;
+    dotColors?: Partial<Record<ToastVariant, string>>;
+    boxShadow?: string;
+    defaultDuration?: number;
+}
+interface ToastOptions {
+    message: string;
+    variant?: ToastVariant;
+    duration?: number;
+}
+interface ToastItem extends ToastOptions {
+    id: string;
+}
+interface ToastContextValue {
+    toast: (options: ToastOptions) => void;
+    dismiss: (id: string) => void;
+    theme: ToastTheme;
+    mode: ToastMode;
+}
+
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+interface ToastRootProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> {
+    variant?: ToastVariant;
+    message: string;
+    onDismiss?: () => void;
+    theme?: ToastTheme;
+    mode?: ToastMode;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastRootProps & React.RefAttributes<HTMLLIElement>>;
+
+interface ToastProviderProps {
+    children: React.ReactNode;
+    theme?: ToastTheme;
+    mode?: ToastMode;
+}
+declare function ToastProvider({ children, theme, mode }: ToastProviderProps): React.JSX.Element;
+
+declare function useToast(): ToastContextValue;
+
+export { Toast, type ToastContextValue, type ToastItem, type ToastMode, type ToastOptions, ToastProvider, type ToastTheme, type ToastVariant, ToastViewport, useToast };

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+
+type ToastVariant = "default" | "destructive" | "success";
+type ToastMode = "dark" | "light";
+interface ToastTheme {
+    background?: string;
+    border?: string;
+    textColor?: string;
+    dotColors?: Partial<Record<ToastVariant, string>>;
+    boxShadow?: string;
+    defaultDuration?: number;
+}
+interface ToastOptions {
+    message: string;
+    variant?: ToastVariant;
+    duration?: number;
+}
+interface ToastItem extends ToastOptions {
+    id: string;
+}
+interface ToastContextValue {
+    toast: (options: ToastOptions) => void;
+    dismiss: (id: string) => void;
+    theme: ToastTheme;
+    mode: ToastMode;
+}
+
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+interface ToastRootProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> {
+    variant?: ToastVariant;
+    message: string;
+    onDismiss?: () => void;
+    theme?: ToastTheme;
+    mode?: ToastMode;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastRootProps & React.RefAttributes<HTMLLIElement>>;
+
+interface ToastProviderProps {
+    children: React.ReactNode;
+    theme?: ToastTheme;
+    mode?: ToastMode;
+}
+declare function ToastProvider({ children, theme, mode }: ToastProviderProps): React.JSX.Element;
+
+declare function useToast(): ToastContextValue;
+
+export { Toast, type ToastContextValue, type ToastItem, type ToastMode, type ToastOptions, ToastProvider, type ToastTheme, type ToastVariant, ToastViewport, useToast };

package/dist/index.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var React = require('react');
+var ToastPrimitives2 = require('@radix-ui/react-toast');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ToastPrimitives2__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitives2);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var ToastContext = React__namespace.createContext(null);
+function ToastProvider({ children, theme = {}, mode = "dark" }) {
+  const [toasts, setToasts] = React__namespace.useState([]);
+  const toast = React__namespace.useCallback((options) => {
+    const id = Math.random().toString(36).slice(2);
+    setToasts((prev) => [...prev, __spreadValues({ id }, options)]);
+  }, []);
+  const dismiss = React__namespace.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(ToastContext.Provider, { value: { toast, dismiss, theme, mode }, children: /* @__PURE__ */ jsxRuntime.jsxs(ToastPrimitives2__namespace.Provider, { swipeDirection: "right", children: [
+    children,
+    toasts.map((t) => {
+      var _a, _b;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Toast,
+        {
+          open: true,
+          variant: t.variant,
+          duration: (_b = (_a = t.duration) != null ? _a : theme.defaultDuration) != null ? _b : 3e3,
+          message: t.message,
+          onDismiss: () => dismiss(t.id)
+        },
+        t.id
+      );
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx(ToastViewport, {})
+  ] }) });
+}
+var defaultDotColors = {
+  default: "#3b82f6",
+  destructive: "#ef4444",
+  success: "#22c55e"
+};
+var defaultDark = {
+  background: "#0c0b0b",
+  border: "#1a1a1a",
+  textColor: "#f5f5f5",
+  boxShadow: "0 4px 24px rgba(0,0,0,0.28), 0 1px 4px rgba(0,0,0,0.14)"};
+var defaultLight = {
+  background: "#ffffff",
+  border: "#e5e5e5",
+  textColor: "#111111",
+  boxShadow: "0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.06)"};
+var CloseIcon = ({ color }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "7", height: "7", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "9", y2: "9", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "1", x2: "1", y2: "9", stroke: color, strokeWidth: "2", strokeLinecap: "round" })
+] });
+var ToastViewport = React__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToastPrimitives2__namespace.Viewport,
+    __spreadValues({
+      ref,
+      style: __spreadValues({
+        position: "fixed",
+        top: 16,
+        right: 16,
+        zIndex: 9999,
+        display: "flex",
+        flexDirection: "column",
+        gap: 8,
+        maxWidth: 420,
+        width: "calc(100vw - 32px)",
+        padding: 8,
+        pointerEvents: "none"
+      }, style)
+    }, props)
+  );
+});
+ToastViewport.displayName = "ToastViewport";
+var Toast = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { variant = "default", duration = 3e3, message, onDismiss, style, theme, mode } = _b, props = __objRest(_b, ["variant", "duration", "message", "onDismiss", "style", "theme", "mode"]);
+    var _a2, _b2, _c, _d, _e, _f, _g, _h;
+    const ctx = React__namespace.useContext(ToastContext);
+    const resolvedMode = (_a2 = mode != null ? mode : ctx == null ? void 0 : ctx.mode) != null ? _a2 : "dark";
+    const resolvedTheme = (_b2 = theme != null ? theme : ctx == null ? void 0 : ctx.theme) != null ? _b2 : {};
+    const base = resolvedMode === "light" ? defaultLight : defaultDark;
+    const dotColor = (_d = (_c = resolvedTheme.dotColors) == null ? void 0 : _c[variant]) != null ? _d : defaultDotColors[variant];
+    const bg = (_e = resolvedTheme.background) != null ? _e : base.background;
+    const border = (_f = resolvedTheme.border) != null ? _f : base.border;
+    const textColor = (_g = resolvedTheme.textColor) != null ? _g : base.textColor;
+    const shadow = (_h = resolvedTheme.boxShadow) != null ? _h : base.boxShadow;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ToastPrimitives2__namespace.Root,
+      __spreadProps(__spreadValues({
+        ref,
+        duration,
+        onOpenChange: (open) => !open && (onDismiss == null ? void 0 : onDismiss()),
+        style: __spreadValues({
+          display: "flex",
+          alignItems: "center",
+          gap: 10,
+          padding: "10px 14px",
+          borderRadius: 12,
+          border: `1px solid ${border}`,
+          background: bg,
+          boxShadow: shadow,
+          pointerEvents: "auto",
+          fontSize: 14,
+          color: textColor,
+          lineHeight: 1.5
+        }, style)
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ToastPrimitives2__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              "aria-label": "Dismiss",
+              style: {
+                width: 14,
+                height: 14,
+                borderRadius: "50%",
+                background: dotColor,
+                border: "none",
+                cursor: "pointer",
+                flexShrink: 0,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: 1
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { color: "#ffffff" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToastPrimitives2__namespace.Description, { style: { flex: 1, color: textColor, fontSize: 14 }, children: message })
+        ]
+      })
+    );
+  }
+);
+Toast.displayName = "Toast";
+function useToast() {
+  const ctx = React.useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
+  return ctx;
+}
+
+exports.Toast = Toast;
+exports.ToastProvider = ToastProvider;
+exports.ToastViewport = ToastViewport;
+exports.useToast = useToast;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastProvider.tsx","../src/components/Toast.tsx","../src/hooks/useToast.ts"],"names":["React","jsx","jsxs","ToastPrimitives","React2","ToastPrimitives2","_a","_b","useContext"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { Toast, ToastViewport } from \"./Toast\";\nimport { ToastItem, ToastOptions, ToastContextValue, ToastTheme, ToastMode } from \"../types\";\n\nexport const ToastContext = React.createContext<ToastContextValue | null>(null);\n\ninterface ToastProviderProps {\n  children: React.ReactNode;\n  theme?: ToastTheme;\n  mode?: ToastMode;\n}\n\nexport function ToastProvider({ children, theme = {}, mode = \"dark\" }: ToastProviderProps) {\n  const [toasts, setToasts] = React.useState<ToastItem[]>([]);\n\n  const toast = React.useCallback((options: ToastOptions) => {\n    const id = Math.random().toString(36).slice(2);\n    setToasts((prev) => [...prev, { id, ...options }]);\n  }, []);\n\n  const dismiss = React.useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  return (\n    <ToastContext.Provider value={{ toast, dismiss, theme, mode }}>\n      <ToastPrimitives.Provider swipeDirection=\"right\">\n        {children}\n        {toasts.map((t) => (\n          <Toast\n            key={t.id}\n            open\n            variant={t.variant}\n            duration={t.duration ?? theme.defaultDuration ?? 3000}\n            message={t.message}\n            onDismiss={() => dismiss(t.id)}\n          />\n        ))}\n        <ToastViewport />\n      </ToastPrimitives.Provider>\n    </ToastContext.Provider>\n  );\n}\n","import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { ToastVariant, ToastTheme, ToastMode } from \"../types\";\nimport { ToastContext } from \"./ToastProvider\";\n\nconst defaultDotColors: Record<ToastVariant, string> = {\n  default: \"#3b82f6\",\n  destructive: \"#ef4444\",\n  success: \"#22c55e\",\n};\n\nconst defaultDark: Required<Omit<ToastTheme, \"dotColors\">> = {\n  background: \"#0c0b0b\",\n  border: \"#1a1a1a\",\n  textColor: \"#f5f5f5\",\n  boxShadow: \"0 4px 24px rgba(0,0,0,0.28), 0 1px 4px rgba(0,0,0,0.14)\",\n  defaultDuration: 3000,\n};\n\nconst defaultLight: Required<Omit<ToastTheme, \"dotColors\">> = {\n  background: \"#ffffff\",\n  border: \"#e5e5e5\",\n  textColor: \"#111111\",\n  boxShadow: \"0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.06)\",\n  defaultDuration: 3000,\n};\n\nconst CloseIcon = ({ color }: { color: string }) => (\n  <svg width=\"7\" height=\"7\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n    <line x1=\"1\" y1=\"1\" x2=\"9\" y2=\"9\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" />\n    <line x1=\"9\" y1=\"1\" x2=\"1\" y2=\"9\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" />\n  </svg>\n);\n\nexport const ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ style, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    style={{\n      position: \"fixed\",\n      top: 16,\n      right: 16,\n      zIndex: 9999,\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: 8,\n      maxWidth: 420,\n      width: \"calc(100vw - 32px)\",\n      padding: 8,\n      pointerEvents: \"none\",\n      ...style,\n    }}\n    {...props}\n  />\n));\nToastViewport.displayName = \"ToastViewport\";\n\ninterface ToastRootProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> {\n  variant?: ToastVariant;\n  message: string;\n  onDismiss?: () => void;\n  theme?: ToastTheme;\n  mode?: ToastMode;\n}\n\nexport const Toast = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Root>, ToastRootProps>(\n  ({ variant = \"default\", duration = 3000, message, onDismiss, style, theme, mode, ...props }, ref) => {\n    const ctx = React.useContext(ToastContext);\n    const resolvedMode = mode ?? ctx?.mode ?? \"dark\";\n    const resolvedTheme = theme ?? ctx?.theme ?? {};\n\n    const base = resolvedMode === \"light\" ? defaultLight : defaultDark;\n    const dotColor = resolvedTheme.dotColors?.[variant] ?? defaultDotColors[variant];\n    const bg = resolvedTheme.background ?? base.background;\n    const border = resolvedTheme.border ?? base.border;\n    const textColor = resolvedTheme.textColor ?? base.textColor;\n    const shadow = resolvedTheme.boxShadow ?? base.boxShadow;\n\n    return (\n      <ToastPrimitives.Root\n        ref={ref}\n        duration={duration}\n        onOpenChange={(open) => !open && onDismiss?.()}\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 10,\n          padding: \"10px 14px\",\n          borderRadius: 12,\n          border: `1px solid ${border}`,\n          background: bg,\n          boxShadow: shadow,\n          pointerEvents: \"auto\",\n          fontSize: 14,\n          color: textColor,\n          lineHeight: 1.5,\n          ...style,\n        }}\n        {...props}\n      >\n        <ToastPrimitives.Close asChild>\n          <button\n            aria-label=\"Dismiss\"\n            style={{\n              width: 14,\n              height: 14,\n              borderRadius: \"50%\",\n              background: dotColor,\n              border: \"none\",\n              cursor: \"pointer\",\n              flexShrink: 0,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: 1,\n            }}\n          >\n            <CloseIcon color={\"#ffffff\"} />\n          </button>\n        </ToastPrimitives.Close>\n\n        <ToastPrimitives.Description style={{ flex: 1, color: textColor, fontSize: 14 }}>\n          {message}\n        </ToastPrimitives.Description>\n      </ToastPrimitives.Root>\n    );\n  }\n);\nToast.displayName = \"Toast\";\n","import { useContext } from \"react\";\nimport { ToastContext } from \"../components/ToastProvider\";\n\nexport function useToast() {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error(\"useToast must be used within a ToastProvider\");\n  return ctx;\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,178 @@
+import * as React from 'react';
+import { useContext } from 'react';
+import * as ToastPrimitives2 from '@radix-ui/react-toast';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var ToastContext = React.createContext(null);
+function ToastProvider({ children, theme = {}, mode = "dark" }) {
+  const [toasts, setToasts] = React.useState([]);
+  const toast = React.useCallback((options) => {
+    const id = Math.random().toString(36).slice(2);
+    setToasts((prev) => [...prev, __spreadValues({ id }, options)]);
+  }, []);
+  const dismiss = React.useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: { toast, dismiss, theme, mode }, children: /* @__PURE__ */ jsxs(ToastPrimitives2.Provider, { swipeDirection: "right", children: [
+    children,
+    toasts.map((t) => {
+      var _a, _b;
+      return /* @__PURE__ */ jsx(
+        Toast,
+        {
+          open: true,
+          variant: t.variant,
+          duration: (_b = (_a = t.duration) != null ? _a : theme.defaultDuration) != null ? _b : 3e3,
+          message: t.message,
+          onDismiss: () => dismiss(t.id)
+        },
+        t.id
+      );
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, {})
+  ] }) });
+}
+var defaultDotColors = {
+  default: "#3b82f6",
+  destructive: "#ef4444",
+  success: "#22c55e"
+};
+var defaultDark = {
+  background: "#0c0b0b",
+  border: "#1a1a1a",
+  textColor: "#f5f5f5",
+  boxShadow: "0 4px 24px rgba(0,0,0,0.28), 0 1px 4px rgba(0,0,0,0.14)"};
+var defaultLight = {
+  background: "#ffffff",
+  border: "#e5e5e5",
+  textColor: "#111111",
+  boxShadow: "0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.06)"};
+var CloseIcon = ({ color }) => /* @__PURE__ */ jsxs("svg", { width: "7", height: "7", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "9", y2: "9", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("line", { x1: "9", y1: "1", x2: "1", y2: "9", stroke: color, strokeWidth: "2", strokeLinecap: "round" })
+] });
+var ToastViewport = React.forwardRef((_a, ref) => {
+  var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+  return /* @__PURE__ */ jsx(
+    ToastPrimitives2.Viewport,
+    __spreadValues({
+      ref,
+      style: __spreadValues({
+        position: "fixed",
+        top: 16,
+        right: 16,
+        zIndex: 9999,
+        display: "flex",
+        flexDirection: "column",
+        gap: 8,
+        maxWidth: 420,
+        width: "calc(100vw - 32px)",
+        padding: 8,
+        pointerEvents: "none"
+      }, style)
+    }, props)
+  );
+});
+ToastViewport.displayName = "ToastViewport";
+var Toast = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { variant = "default", duration = 3e3, message, onDismiss, style, theme, mode } = _b, props = __objRest(_b, ["variant", "duration", "message", "onDismiss", "style", "theme", "mode"]);
+    var _a2, _b2, _c, _d, _e, _f, _g, _h;
+    const ctx = React.useContext(ToastContext);
+    const resolvedMode = (_a2 = mode != null ? mode : ctx == null ? void 0 : ctx.mode) != null ? _a2 : "dark";
+    const resolvedTheme = (_b2 = theme != null ? theme : ctx == null ? void 0 : ctx.theme) != null ? _b2 : {};
+    const base = resolvedMode === "light" ? defaultLight : defaultDark;
+    const dotColor = (_d = (_c = resolvedTheme.dotColors) == null ? void 0 : _c[variant]) != null ? _d : defaultDotColors[variant];
+    const bg = (_e = resolvedTheme.background) != null ? _e : base.background;
+    const border = (_f = resolvedTheme.border) != null ? _f : base.border;
+    const textColor = (_g = resolvedTheme.textColor) != null ? _g : base.textColor;
+    const shadow = (_h = resolvedTheme.boxShadow) != null ? _h : base.boxShadow;
+    return /* @__PURE__ */ jsxs(
+      ToastPrimitives2.Root,
+      __spreadProps(__spreadValues({
+        ref,
+        duration,
+        onOpenChange: (open) => !open && (onDismiss == null ? void 0 : onDismiss()),
+        style: __spreadValues({
+          display: "flex",
+          alignItems: "center",
+          gap: 10,
+          padding: "10px 14px",
+          borderRadius: 12,
+          border: `1px solid ${border}`,
+          background: bg,
+          boxShadow: shadow,
+          pointerEvents: "auto",
+          fontSize: 14,
+          color: textColor,
+          lineHeight: 1.5
+        }, style)
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx(ToastPrimitives2.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": "Dismiss",
+              style: {
+                width: 14,
+                height: 14,
+                borderRadius: "50%",
+                background: dotColor,
+                border: "none",
+                cursor: "pointer",
+                flexShrink: 0,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: 1
+              },
+              children: /* @__PURE__ */ jsx(CloseIcon, { color: "#ffffff" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(ToastPrimitives2.Description, { style: { flex: 1, color: textColor, fontSize: 14 }, children: message })
+        ]
+      })
+    );
+  }
+);
+Toast.displayName = "Toast";
+function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
+  return ctx;
+}
+
+export { Toast, ToastProvider, ToastViewport, useToast };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToastProvider.tsx","../src/components/Toast.tsx","../src/hooks/useToast.ts"],"names":["ToastPrimitives","jsxs","jsx","React2","_a","_b","useContext"],"mappings":"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","file":"index.mjs","sourcesContent":["import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { Toast, ToastViewport } from \"./Toast\";\nimport { ToastItem, ToastOptions, ToastContextValue, ToastTheme, ToastMode } from \"../types\";\n\nexport const ToastContext = React.createContext<ToastContextValue | null>(null);\n\ninterface ToastProviderProps {\n  children: React.ReactNode;\n  theme?: ToastTheme;\n  mode?: ToastMode;\n}\n\nexport function ToastProvider({ children, theme = {}, mode = \"dark\" }: ToastProviderProps) {\n  const [toasts, setToasts] = React.useState<ToastItem[]>([]);\n\n  const toast = React.useCallback((options: ToastOptions) => {\n    const id = Math.random().toString(36).slice(2);\n    setToasts((prev) => [...prev, { id, ...options }]);\n  }, []);\n\n  const dismiss = React.useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id));\n  }, []);\n\n  return (\n    <ToastContext.Provider value={{ toast, dismiss, theme, mode }}>\n      <ToastPrimitives.Provider swipeDirection=\"right\">\n        {children}\n        {toasts.map((t) => (\n          <Toast\n            key={t.id}\n            open\n            variant={t.variant}\n            duration={t.duration ?? theme.defaultDuration ?? 3000}\n            message={t.message}\n            onDismiss={() => dismiss(t.id)}\n          />\n        ))}\n        <ToastViewport />\n      </ToastPrimitives.Provider>\n    </ToastContext.Provider>\n  );\n}\n","import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { ToastVariant, ToastTheme, ToastMode } from \"../types\";\nimport { ToastContext } from \"./ToastProvider\";\n\nconst defaultDotColors: Record<ToastVariant, string> = {\n  default: \"#3b82f6\",\n  destructive: \"#ef4444\",\n  success: \"#22c55e\",\n};\n\nconst defaultDark: Required<Omit<ToastTheme, \"dotColors\">> = {\n  background: \"#0c0b0b\",\n  border: \"#1a1a1a\",\n  textColor: \"#f5f5f5\",\n  boxShadow: \"0 4px 24px rgba(0,0,0,0.28), 0 1px 4px rgba(0,0,0,0.14)\",\n  defaultDuration: 3000,\n};\n\nconst defaultLight: Required<Omit<ToastTheme, \"dotColors\">> = {\n  background: \"#ffffff\",\n  border: \"#e5e5e5\",\n  textColor: \"#111111\",\n  boxShadow: \"0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.06)\",\n  defaultDuration: 3000,\n};\n\nconst CloseIcon = ({ color }: { color: string }) => (\n  <svg width=\"7\" height=\"7\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\n    <line x1=\"1\" y1=\"1\" x2=\"9\" y2=\"9\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" />\n    <line x1=\"9\" y1=\"1\" x2=\"1\" y2=\"9\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" />\n  </svg>\n);\n\nexport const ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ style, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    style={{\n      position: \"fixed\",\n      top: 16,\n      right: 16,\n      zIndex: 9999,\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: 8,\n      maxWidth: 420,\n      width: \"calc(100vw - 32px)\",\n      padding: 8,\n      pointerEvents: \"none\",\n      ...style,\n    }}\n    {...props}\n  />\n));\nToastViewport.displayName = \"ToastViewport\";\n\ninterface ToastRootProps extends React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> {\n  variant?: ToastVariant;\n  message: string;\n  onDismiss?: () => void;\n  theme?: ToastTheme;\n  mode?: ToastMode;\n}\n\nexport const Toast = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Root>, ToastRootProps>(\n  ({ variant = \"default\", duration = 3000, message, onDismiss, style, theme, mode, ...props }, ref) => {\n    const ctx = React.useContext(ToastContext);\n    const resolvedMode = mode ?? ctx?.mode ?? \"dark\";\n    const resolvedTheme = theme ?? ctx?.theme ?? {};\n\n    const base = resolvedMode === \"light\" ? defaultLight : defaultDark;\n    const dotColor = resolvedTheme.dotColors?.[variant] ?? defaultDotColors[variant];\n    const bg = resolvedTheme.background ?? base.background;\n    const border = resolvedTheme.border ?? base.border;\n    const textColor = resolvedTheme.textColor ?? base.textColor;\n    const shadow = resolvedTheme.boxShadow ?? base.boxShadow;\n\n    return (\n      <ToastPrimitives.Root\n        ref={ref}\n        duration={duration}\n        onOpenChange={(open) => !open && onDismiss?.()}\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 10,\n          padding: \"10px 14px\",\n          borderRadius: 12,\n          border: `1px solid ${border}`,\n          background: bg,\n          boxShadow: shadow,\n          pointerEvents: \"auto\",\n          fontSize: 14,\n          color: textColor,\n          lineHeight: 1.5,\n          ...style,\n        }}\n        {...props}\n      >\n        <ToastPrimitives.Close asChild>\n          <button\n            aria-label=\"Dismiss\"\n            style={{\n              width: 14,\n              height: 14,\n              borderRadius: \"50%\",\n              background: dotColor,\n              border: \"none\",\n              cursor: \"pointer\",\n              flexShrink: 0,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: 1,\n            }}\n          >\n            <CloseIcon color={\"#ffffff\"} />\n          </button>\n        </ToastPrimitives.Close>\n\n        <ToastPrimitives.Description style={{ flex: 1, color: textColor, fontSize: 14 }}>\n          {message}\n        </ToastPrimitives.Description>\n      </ToastPrimitives.Root>\n    );\n  }\n);\nToast.displayName = \"Toast\";\n","import { useContext } from \"react\";\nimport { ToastContext } from \"../components/ToastProvider\";\n\nexport function useToast() {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error(\"useToast must be used within a ToastProvider\");\n  return ctx;\n}\n"]}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@iryanraushan/notchify",
+  "version": "1.0.1",
+  "description": "A minimal dark-themed toast notification library for React and Next.js",
+  "keywords": [
+    "toast",
+    "notification",
+    "react",
+    "nextjs",
+    "ui"
+  ],
+  "author": "Raushan Kumar",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build",
+    "preview": "vite"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "dependencies": {
+    "@radix-ui/react-toast": "^1.2.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@vitejs/plugin-react": "^6.0.2",
+    "tsup": "^8.0.0",
+    "typescript": "^5",
+    "vite": "^8.0.16"
+  }
+}