@iryanraushan/notchify 1.0.5 → 1.1.6

package/README.md

@@ -21,6 +21,8 @@ Dark & light mode ready. Fully themeable. Zero config to get started.
 ## Features
 
 - Dark & light mode out of the box
+- Responsive — automatically adapts to mobile (≤768px) like Android native toasts
+- Smooth enter/exit animations per position
 - 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)
@@ -31,7 +33,7 @@ Dark & light mode ready. Fully themeable. Zero config to get started.
 ## Installation
 
 ```bash
-npm install notchify
+npm i @iryanraushan/notchify
 ```
 
 > Peer dependencies — make sure these are installed in your project:
@@ -131,6 +133,45 @@ Pass `mode` to `ToastProvider`. Defaults to `dark`.
 
 ---
 
+## Positioning
+
+Set the `position` prop on `ToastProvider` to control where toasts appear. All toasts use the same position.
+
+```tsx
+<ToastProvider position="top-right">
+  {children}
+</ToastProvider>
+```
+
+**Supported positions:**
+
+| Value | Description |
+|---|---|
+| `top-left` | Top-left corner |
+| `top-center` | Top center |
+| `top-right` | Top-right corner |
+| `bottom-left` | Bottom-left corner |
+| `bottom-center` | Bottom center |
+| `bottom-right` | Bottom-right corner |
+
+### Default behavior
+
+| Screen | Default position |
+|---|---|
+| Desktop (>768px) | `bottom-right` |
+| Mobile (≤768px) | `bottom-center` |
+
+### Responsive behavior (mobile ≤768px)
+
+On small screens, the `position` prop is automatically simplified for a native-app feel:
+
+- Any `top-*` position → `top-center` (offset from top edge)
+- Any `bottom-*` position → `bottom-center` (offset from bottom edge)
+
+Toasts are horizontally centered and never pinned to the absolute edge.
+
+---
+
 ## Custom Theme
 
 Override any visual token globally via the `theme` prop on `ToastProvider`.  
@@ -165,9 +206,12 @@ Any value you skip falls back to the default for the current mode.
 | Prop | Type | Default | Description |
 |---|---|---|---|
 | `mode` | `"dark" \| "light"` | `"dark"` | Color mode |
+| `position` | `ToastPosition` | `"bottom-right"` | Toast position (desktop). See responsive behavior for mobile. |
 | `theme` | `ToastTheme` | `{}` | Theme overrides |
 | `children` | `ReactNode` | — | Your app |
 
+**`ToastPosition`** — `"top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right"`
+
 ### `ToastTheme`
 
 | Key | Type | Description |
@@ -208,7 +252,7 @@ If you're using the App Router, mark your layout as a client component or extrac
 import { ToastProvider } from 'notchify';
 
 export function Providers({ children }: { children: React.ReactNode }) {
-  return <ToastProvider mode="dark">{children}</ToastProvider>;
+  return <ToastProvider mode="dark" position="bottom-right">{children}</ToastProvider>;
 }
 ```
 
@@ -231,5 +275,4 @@ export default function RootLayout({ children }) {
 
 ## License
 
-MIT © [Raushan Kumar](https://github.com/iryanraushan)
-# notchify
+MIT © [Raushan Kumar](https://github.com/iryanraushan)

package/dist/index.d.mts

@@ -3,6 +3,7 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 
 type ToastVariant = "default" | "destructive" | "success";
 type ToastMode = "dark" | "light";
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 interface ToastTheme {
     background?: string;
     border?: string;
@@ -24,6 +25,7 @@ interface ToastContextValue {
     dismiss: (id: string) => void;
     theme: ToastTheme;
     mode: ToastMode;
+    position: ToastPosition;
 }
 
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
@@ -40,9 +42,10 @@ interface ToastProviderProps {
     children: React.ReactNode;
     theme?: ToastTheme;
     mode?: ToastMode;
+    position?: ToastPosition;
 }
-declare function ToastProvider({ children, theme, mode }: ToastProviderProps): React.JSX.Element;
+declare function ToastProvider({ children, theme, mode, position }: 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 };
+export { Toast, type ToastContextValue, type ToastItem, type ToastMode, type ToastOptions, type ToastPosition, ToastProvider, type ToastTheme, type ToastVariant, ToastViewport, useToast };

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 
 type ToastVariant = "default" | "destructive" | "success";
 type ToastMode = "dark" | "light";
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
 interface ToastTheme {
     background?: string;
     border?: string;
@@ -24,6 +25,7 @@ interface ToastContextValue {
     dismiss: (id: string) => void;
     theme: ToastTheme;
     mode: ToastMode;
+    position: ToastPosition;
 }
 
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
@@ -40,9 +42,10 @@ interface ToastProviderProps {
     children: React.ReactNode;
     theme?: ToastTheme;
     mode?: ToastMode;
+    position?: ToastPosition;
 }
-declare function ToastProvider({ children, theme, mode }: ToastProviderProps): React.JSX.Element;
+declare function ToastProvider({ children, theme, mode, position }: 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 };
+export { Toast, type ToastContextValue, type ToastItem, type ToastMode, type ToastOptions, type ToastPosition, ToastProvider, type ToastTheme, type ToastVariant, ToastViewport, useToast };

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var React2 = require('react');
 var ToastPrimitives2 = require('@radix-ui/react-toast');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -22,7 +22,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var ToastPrimitives2__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitives2);
 
 var __defProp = Object.defineProperty;
@@ -56,17 +56,17 @@ var __objRest = (source, exclude) => {
     }
   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) => {
+var ToastContext = React2__namespace.createContext(null);
+function ToastProvider({ children, theme = {}, mode = "dark", position = "bottom-right" }) {
+  const [toasts, setToasts] = React2__namespace.useState([]);
+  const toast = React2__namespace.useCallback((options) => {
     const id = Math.random().toString(36).slice(2);
     setToasts((prev) => [...prev, __spreadValues({ id }, options)]);
   }, []);
-  const dismiss = React__namespace.useCallback((id) => {
+  const dismiss = React2__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: [
+  return /* @__PURE__ */ jsxRuntime.jsx(ToastContext.Provider, { value: { toast, dismiss, theme, mode, position }, children: /* @__PURE__ */ jsxRuntime.jsxs(ToastPrimitives2__namespace.Provider, { swipeDirection: "right", children: [
     children,
     toasts.map((t) => {
       var _a, _b;
@@ -100,52 +100,130 @@ var defaultLight = {
   border: "#e5e5e5",
   textColor: "#111111",
   boxShadow: "0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.06)"};
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React2__namespace.useState(
+    () => typeof window !== "undefined" ? window.innerWidth <= 768 : false
+  );
+  React2__namespace.useEffect(() => {
+    const mq = window.matchMedia("(max-width: 768px)");
+    const handler = (e) => setIsMobile(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  return isMobile;
+}
+function getViewportStyle(position, isMobile) {
+  const isTop = position.startsWith("top");
+  if (isMobile) {
+    return __spreadProps(__spreadValues({
+      position: "fixed",
+      left: "50%",
+      transform: "translateX(-50%)"
+    }, isTop ? { top: 16 } : { bottom: 24 }), {
+      zIndex: 9999,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8,
+      width: "calc(100vw - 32px)",
+      maxWidth: 420,
+      padding: 0,
+      pointerEvents: "none"
+    });
+  }
+  const base = {
+    position: "fixed",
+    zIndex: 9999,
+    display: "flex",
+    flexDirection: "column",
+    gap: 8,
+    maxWidth: 420,
+    width: "calc(100vw - 32px)",
+    padding: 0,
+    pointerEvents: "none"
+  };
+  switch (position) {
+    case "top-left":
+      return __spreadProps(__spreadValues({}, base), { top: 16, left: 16 });
+    case "top-center":
+      return __spreadProps(__spreadValues({}, base), { top: 16, left: "50%", transform: "translateX(-50%)" });
+    case "top-right":
+      return __spreadProps(__spreadValues({}, base), { top: 16, right: 16 });
+    case "bottom-left":
+      return __spreadProps(__spreadValues({}, base), { bottom: 16, left: 16 });
+    case "bottom-center":
+      return __spreadProps(__spreadValues({}, base), { bottom: 16, left: "50%", transform: "translateX(-50%)" });
+    case "bottom-right":
+      return __spreadProps(__spreadValues({}, base), { bottom: 16, right: 16 });
+  }
+}
+var animationStyle = `
+@keyframes toast-slide-in-right { from { transform: translateX(calc(100% + 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
+@keyframes toast-slide-in-left  { from { transform: translateX(calc(-100% - 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
+@keyframes toast-slide-in-up    { from { transform: translateY(calc(100% + 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+@keyframes toast-slide-in-down  { from { transform: translateY(calc(-100% - 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+@keyframes toast-fade-out       { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.95); } }
+[data-state="open"][data-pos="top-left"]     { animation: toast-slide-in-left  180ms ease-out; }
+[data-state="open"][data-pos="top-center"]   { animation: toast-slide-in-down  180ms ease-out; }
+[data-state="open"][data-pos="top-right"]    { animation: toast-slide-in-right 180ms ease-out; }
+[data-state="open"][data-pos="bottom-left"]  { animation: toast-slide-in-left  180ms ease-out; }
+[data-state="open"][data-pos="bottom-center"]{ animation: toast-slide-in-up    180ms ease-out; }
+[data-state="open"][data-pos="bottom-right"] { animation: toast-slide-in-right 180ms ease-out; }
+[data-state="closed"] { animation: toast-fade-out 150ms ease-in forwards; }
+`;
+var styleInjected = false;
+function injectAnimations() {
+  if (styleInjected || typeof document === "undefined") return;
+  const el = document.createElement("style");
+  el.textContent = animationStyle;
+  document.head.appendChild(el);
+  styleInjected = true;
+}
 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 ToastViewport = React2__namespace.forwardRef((_a, ref) => {
   var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+  var _a2;
+  const ctx = React2__namespace.useContext(ToastContext);
+  const position = (_a2 = ctx == null ? void 0 : ctx.position) != null ? _a2 : "bottom-right";
+  const isMobile = useIsMobile();
+  const resolvedPosition = isMobile ? position.startsWith("top") ? "top-center" : "bottom-center" : position;
   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)
+      style: __spreadValues(__spreadValues({}, getViewportStyle(resolvedPosition, isMobile)), style)
     }, props)
   );
 });
 ToastViewport.displayName = "ToastViewport";
-var Toast = React__namespace.forwardRef(
+var Toast = React2__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);
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+    const ctx = React2__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 position = (_c = ctx == null ? void 0 : ctx.position) != null ? _c : "bottom-right";
+    const isMobile = useIsMobile();
+    const resolvedPosition = isMobile ? position.startsWith("top") ? "top-center" : "bottom-center" : position;
+    React2__namespace.useEffect(() => {
+      injectAnimations();
+    }, []);
     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;
+    const dotColor = (_e = (_d = resolvedTheme.dotColors) == null ? void 0 : _d[variant]) != null ? _e : defaultDotColors[variant];
+    const bg = (_f = resolvedTheme.background) != null ? _f : base.background;
+    const border = (_g = resolvedTheme.border) != null ? _g : base.border;
+    const textColor = (_h = resolvedTheme.textColor) != null ? _h : base.textColor;
+    const shadow = (_i = resolvedTheme.boxShadow) != null ? _i : base.boxShadow;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       ToastPrimitives2__namespace.Root,
       __spreadProps(__spreadValues({
         ref,
         duration,
         onOpenChange: (open) => !open && (onDismiss == null ? void 0 : onDismiss()),
+        "data-pos": resolvedPosition,
         style: __spreadValues({
           display: "flex",
           alignItems: "center",
@@ -190,7 +268,7 @@ var Toast = React__namespace.forwardRef(
 );
 Toast.displayName = "Toast";
 function useToast() {
-  const ctx = React.useContext(ToastContext);
+  const ctx = React2.useContext(ToastContext);
   if (!ctx) throw new Error("useToast must be used within a ToastProvider");
   return ctx;
 }

package/dist/index.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/components/ToastProvider.tsx","../src/components/Toast.tsx","../src/hooks/useToast.ts"],"names":["React","jsxs","ToastPrimitives","jsx","React2","_a","ToastPrimitives2","_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, ToastPosition } 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  position?: ToastPosition;\n}\n\nexport function ToastProvider({ children, theme = {}, mode = \"dark\", position = \"bottom-right\" }: 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, position }}>\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, ToastPosition } 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\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(() =>\n    typeof window !== \"undefined\" ? window.innerWidth <= 768 : false\n  );\n  React.useEffect(() => {\n    const mq = window.matchMedia(\"(max-width: 768px)\");\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n    mq.addEventListener(\"change\", handler);\n    return () => mq.removeEventListener(\"change\", handler);\n  }, []);\n  return isMobile;\n}\n\nfunction getViewportStyle(position: ToastPosition, isMobile: boolean): React.CSSProperties {\n  const isTop = position.startsWith(\"top\");\n\n  if (isMobile) {\n    return {\n      position: \"fixed\",\n      left: \"50%\",\n      transform: \"translateX(-50%)\",\n      ...(isTop ? { top: 16 } : { bottom: 24 }),\n      zIndex: 9999,\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: 8,\n      width: \"calc(100vw - 32px)\",\n      maxWidth: 420,\n      padding: 0,\n      pointerEvents: \"none\",\n    };\n  }\n\n  const base: React.CSSProperties = {\n    position: \"fixed\",\n    zIndex: 9999,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 8,\n    maxWidth: 420,\n    width: \"calc(100vw - 32px)\",\n    padding: 0,\n    pointerEvents: \"none\",\n  };\n\n  switch (position) {\n    case \"top-left\": return { ...base, top: 16, left: 16 };\n    case \"top-center\": return { ...base, top: 16, left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"top-right\": return { ...base, top: 16, right: 16 };\n    case \"bottom-left\": return { ...base, bottom: 16, left: 16 };\n    case \"bottom-center\": return { ...base, bottom: 16, left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"bottom-right\": return { ...base, bottom: 16, right: 16 };\n  }\n}\n\nconst animationStyle = `\n@keyframes toast-slide-in-right { from { transform: translateX(calc(100% + 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n@keyframes toast-slide-in-left  { from { transform: translateX(calc(-100% - 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n@keyframes toast-slide-in-up    { from { transform: translateY(calc(100% + 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n@keyframes toast-slide-in-down  { from { transform: translateY(calc(-100% - 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n@keyframes toast-fade-out       { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.95); } }\n[data-state=\"open\"][data-pos=\"top-left\"]     { animation: toast-slide-in-left  180ms ease-out; }\n[data-state=\"open\"][data-pos=\"top-center\"]   { animation: toast-slide-in-down  180ms ease-out; }\n[data-state=\"open\"][data-pos=\"top-right\"]    { animation: toast-slide-in-right 180ms ease-out; }\n[data-state=\"open\"][data-pos=\"bottom-left\"]  { animation: toast-slide-in-left  180ms ease-out; }\n[data-state=\"open\"][data-pos=\"bottom-center\"]{ animation: toast-slide-in-up    180ms ease-out; }\n[data-state=\"open\"][data-pos=\"bottom-right\"] { animation: toast-slide-in-right 180ms ease-out; }\n[data-state=\"closed\"] { animation: toast-fade-out 150ms ease-in forwards; }\n`;\n\nlet styleInjected = false;\nfunction injectAnimations() {\n  if (styleInjected || typeof document === \"undefined\") return;\n  const el = document.createElement(\"style\");\n  el.textContent = animationStyle;\n  document.head.appendChild(el);\n  styleInjected = true;\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  const ctx = React.useContext(ToastContext);\n  const position = ctx?.position ?? \"bottom-right\";\n  const isMobile = useIsMobile();\n  const resolvedPosition: ToastPosition = isMobile\n    ? position.startsWith(\"top\") ? \"top-center\" : \"bottom-center\"\n    : position;\n\n  return (\n    <ToastPrimitives.Viewport\n      ref={ref}\n      style={{ ...getViewportStyle(resolvedPosition, isMobile), ...style }}\n      {...props}\n    />\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    const position = ctx?.position ?? \"bottom-right\";\n    const isMobile = useIsMobile();\n    const resolvedPosition: ToastPosition = isMobile\n      ? position.startsWith(\"top\") ? \"top-center\" : \"bottom-center\"\n      : position;\n\n    React.useEffect(() => { injectAnimations(); }, []);\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        data-pos={resolvedPosition}\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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React2 from 'react';
 import { useContext } from 'react';
 import * as ToastPrimitives2 from '@radix-ui/react-toast';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -34,17 +34,17 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var ToastContext = React.createContext(null);
-function ToastProvider({ children, theme = {}, mode = "dark" }) {
-  const [toasts, setToasts] = React.useState([]);
-  const toast = React.useCallback((options) => {
+var ToastContext = React2.createContext(null);
+function ToastProvider({ children, theme = {}, mode = "dark", position = "bottom-right" }) {
+  const [toasts, setToasts] = React2.useState([]);
+  const toast = React2.useCallback((options) => {
     const id = Math.random().toString(36).slice(2);
     setToasts((prev) => [...prev, __spreadValues({ id }, options)]);
   }, []);
-  const dismiss = React.useCallback((id) => {
+  const dismiss = React2.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: [
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: { toast, dismiss, theme, mode, position }, children: /* @__PURE__ */ jsxs(ToastPrimitives2.Provider, { swipeDirection: "right", children: [
     children,
     toasts.map((t) => {
       var _a, _b;
@@ -78,52 +78,130 @@ var defaultLight = {
   border: "#e5e5e5",
   textColor: "#111111",
   boxShadow: "0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.06)"};
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React2.useState(
+    () => typeof window !== "undefined" ? window.innerWidth <= 768 : false
+  );
+  React2.useEffect(() => {
+    const mq = window.matchMedia("(max-width: 768px)");
+    const handler = (e) => setIsMobile(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, []);
+  return isMobile;
+}
+function getViewportStyle(position, isMobile) {
+  const isTop = position.startsWith("top");
+  if (isMobile) {
+    return __spreadProps(__spreadValues({
+      position: "fixed",
+      left: "50%",
+      transform: "translateX(-50%)"
+    }, isTop ? { top: 16 } : { bottom: 24 }), {
+      zIndex: 9999,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8,
+      width: "calc(100vw - 32px)",
+      maxWidth: 420,
+      padding: 0,
+      pointerEvents: "none"
+    });
+  }
+  const base = {
+    position: "fixed",
+    zIndex: 9999,
+    display: "flex",
+    flexDirection: "column",
+    gap: 8,
+    maxWidth: 420,
+    width: "calc(100vw - 32px)",
+    padding: 0,
+    pointerEvents: "none"
+  };
+  switch (position) {
+    case "top-left":
+      return __spreadProps(__spreadValues({}, base), { top: 16, left: 16 });
+    case "top-center":
+      return __spreadProps(__spreadValues({}, base), { top: 16, left: "50%", transform: "translateX(-50%)" });
+    case "top-right":
+      return __spreadProps(__spreadValues({}, base), { top: 16, right: 16 });
+    case "bottom-left":
+      return __spreadProps(__spreadValues({}, base), { bottom: 16, left: 16 });
+    case "bottom-center":
+      return __spreadProps(__spreadValues({}, base), { bottom: 16, left: "50%", transform: "translateX(-50%)" });
+    case "bottom-right":
+      return __spreadProps(__spreadValues({}, base), { bottom: 16, right: 16 });
+  }
+}
+var animationStyle = `
+@keyframes toast-slide-in-right { from { transform: translateX(calc(100% + 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
+@keyframes toast-slide-in-left  { from { transform: translateX(calc(-100% - 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
+@keyframes toast-slide-in-up    { from { transform: translateY(calc(100% + 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+@keyframes toast-slide-in-down  { from { transform: translateY(calc(-100% - 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
+@keyframes toast-fade-out       { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.95); } }
+[data-state="open"][data-pos="top-left"]     { animation: toast-slide-in-left  180ms ease-out; }
+[data-state="open"][data-pos="top-center"]   { animation: toast-slide-in-down  180ms ease-out; }
+[data-state="open"][data-pos="top-right"]    { animation: toast-slide-in-right 180ms ease-out; }
+[data-state="open"][data-pos="bottom-left"]  { animation: toast-slide-in-left  180ms ease-out; }
+[data-state="open"][data-pos="bottom-center"]{ animation: toast-slide-in-up    180ms ease-out; }
+[data-state="open"][data-pos="bottom-right"] { animation: toast-slide-in-right 180ms ease-out; }
+[data-state="closed"] { animation: toast-fade-out 150ms ease-in forwards; }
+`;
+var styleInjected = false;
+function injectAnimations() {
+  if (styleInjected || typeof document === "undefined") return;
+  const el = document.createElement("style");
+  el.textContent = animationStyle;
+  document.head.appendChild(el);
+  styleInjected = true;
+}
 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 ToastViewport = React2.forwardRef((_a, ref) => {
   var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+  var _a2;
+  const ctx = React2.useContext(ToastContext);
+  const position = (_a2 = ctx == null ? void 0 : ctx.position) != null ? _a2 : "bottom-right";
+  const isMobile = useIsMobile();
+  const resolvedPosition = isMobile ? position.startsWith("top") ? "top-center" : "bottom-center" : position;
   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)
+      style: __spreadValues(__spreadValues({}, getViewportStyle(resolvedPosition, isMobile)), style)
     }, props)
   );
 });
 ToastViewport.displayName = "ToastViewport";
-var Toast = React.forwardRef(
+var Toast = React2.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);
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+    const ctx = React2.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 position = (_c = ctx == null ? void 0 : ctx.position) != null ? _c : "bottom-right";
+    const isMobile = useIsMobile();
+    const resolvedPosition = isMobile ? position.startsWith("top") ? "top-center" : "bottom-center" : position;
+    React2.useEffect(() => {
+      injectAnimations();
+    }, []);
     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;
+    const dotColor = (_e = (_d = resolvedTheme.dotColors) == null ? void 0 : _d[variant]) != null ? _e : defaultDotColors[variant];
+    const bg = (_f = resolvedTheme.background) != null ? _f : base.background;
+    const border = (_g = resolvedTheme.border) != null ? _g : base.border;
+    const textColor = (_h = resolvedTheme.textColor) != null ? _h : base.textColor;
+    const shadow = (_i = resolvedTheme.boxShadow) != null ? _i : base.boxShadow;
     return /* @__PURE__ */ jsxs(
       ToastPrimitives2.Root,
       __spreadProps(__spreadValues({
         ref,
         duration,
         onOpenChange: (open) => !open && (onDismiss == null ? void 0 : onDismiss()),
+        "data-pos": resolvedPosition,
         style: __spreadValues({
           display: "flex",
           alignItems: "center",

package/dist/index.mjs.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/components/ToastProvider.tsx","../src/components/Toast.tsx","../src/hooks/useToast.ts"],"names":["React","ToastPrimitives","jsxs","jsx","_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, ToastPosition } 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  position?: ToastPosition;\n}\n\nexport function ToastProvider({ children, theme = {}, mode = \"dark\", position = \"bottom-right\" }: 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, position }}>\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, ToastPosition } 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\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState(() =>\n    typeof window !== \"undefined\" ? window.innerWidth <= 768 : false\n  );\n  React.useEffect(() => {\n    const mq = window.matchMedia(\"(max-width: 768px)\");\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches);\n    mq.addEventListener(\"change\", handler);\n    return () => mq.removeEventListener(\"change\", handler);\n  }, []);\n  return isMobile;\n}\n\nfunction getViewportStyle(position: ToastPosition, isMobile: boolean): React.CSSProperties {\n  const isTop = position.startsWith(\"top\");\n\n  if (isMobile) {\n    return {\n      position: \"fixed\",\n      left: \"50%\",\n      transform: \"translateX(-50%)\",\n      ...(isTop ? { top: 16 } : { bottom: 24 }),\n      zIndex: 9999,\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: 8,\n      width: \"calc(100vw - 32px)\",\n      maxWidth: 420,\n      padding: 0,\n      pointerEvents: \"none\",\n    };\n  }\n\n  const base: React.CSSProperties = {\n    position: \"fixed\",\n    zIndex: 9999,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 8,\n    maxWidth: 420,\n    width: \"calc(100vw - 32px)\",\n    padding: 0,\n    pointerEvents: \"none\",\n  };\n\n  switch (position) {\n    case \"top-left\": return { ...base, top: 16, left: 16 };\n    case \"top-center\": return { ...base, top: 16, left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"top-right\": return { ...base, top: 16, right: 16 };\n    case \"bottom-left\": return { ...base, bottom: 16, left: 16 };\n    case \"bottom-center\": return { ...base, bottom: 16, left: \"50%\", transform: \"translateX(-50%)\" };\n    case \"bottom-right\": return { ...base, bottom: 16, right: 16 };\n  }\n}\n\nconst animationStyle = `\n@keyframes toast-slide-in-right { from { transform: translateX(calc(100% + 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n@keyframes toast-slide-in-left  { from { transform: translateX(calc(-100% - 16px)); opacity: 0; } to { transform: translateX(0); opacity: 1; } }\n@keyframes toast-slide-in-up    { from { transform: translateY(calc(100% + 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n@keyframes toast-slide-in-down  { from { transform: translateY(calc(-100% - 8px)); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\n@keyframes toast-fade-out       { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.95); } }\n[data-state=\"open\"][data-pos=\"top-left\"]     { animation: toast-slide-in-left  180ms ease-out; }\n[data-state=\"open\"][data-pos=\"top-center\"]   { animation: toast-slide-in-down  180ms ease-out; }\n[data-state=\"open\"][data-pos=\"top-right\"]    { animation: toast-slide-in-right 180ms ease-out; }\n[data-state=\"open\"][data-pos=\"bottom-left\"]  { animation: toast-slide-in-left  180ms ease-out; }\n[data-state=\"open\"][data-pos=\"bottom-center\"]{ animation: toast-slide-in-up    180ms ease-out; }\n[data-state=\"open\"][data-pos=\"bottom-right\"] { animation: toast-slide-in-right 180ms ease-out; }\n[data-state=\"closed\"] { animation: toast-fade-out 150ms ease-in forwards; }\n`;\n\nlet styleInjected = false;\nfunction injectAnimations() {\n  if (styleInjected || typeof document === \"undefined\") return;\n  const el = document.createElement(\"style\");\n  el.textContent = animationStyle;\n  document.head.appendChild(el);\n  styleInjected = true;\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  const ctx = React.useContext(ToastContext);\n  const position = ctx?.position ?? \"bottom-right\";\n  const isMobile = useIsMobile();\n  const resolvedPosition: ToastPosition = isMobile\n    ? position.startsWith(\"top\") ? \"top-center\" : \"bottom-center\"\n    : position;\n\n  return (\n    <ToastPrimitives.Viewport\n      ref={ref}\n      style={{ ...getViewportStyle(resolvedPosition, isMobile), ...style }}\n      {...props}\n    />\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    const position = ctx?.position ?? \"bottom-right\";\n    const isMobile = useIsMobile();\n    const resolvedPosition: ToastPosition = isMobile\n      ? position.startsWith(\"top\") ? \"top-center\" : \"bottom-center\"\n      : position;\n\n    React.useEffect(() => { injectAnimations(); }, []);\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        data-pos={resolvedPosition}\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

@@ -1,6 +1,6 @@
 {
   "name": "@iryanraushan/notchify",
-  "version": "1.0.5",
+  "version": "1.1.6",
   "description": "A classic toast notification library for React and Next.js",
   "author": "Raushan Kumar",
   "license": "MIT",