@n3wth/ui 0.8.0 → 0.9.1

package/dist/hooks/useStaggerList.js

@@ -0,0 +1,54 @@
+import { useRef as p, useEffect as l } from "react";
+import o from "gsap";
+function b(f = {}) {
+  const {
+    duration: s = 0.5,
+    stagger: a = 0.08,
+    delay: n = 0,
+    direction: i = "up"
+  } = f, u = p(null);
+  return l(() => {
+    const r = u.current;
+    if (!r) return;
+    const c = r.querySelectorAll("[data-stagger-item]");
+    if (c.length === 0) return;
+    if (window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches) {
+      o.set(c, { opacity: 1 });
+      return;
+    }
+    const t = { opacity: 0 }, e = {
+      opacity: 1,
+      duration: s,
+      stagger: a,
+      delay: n,
+      ease: "cubic.out"
+    };
+    switch (i) {
+      case "up":
+        t.y = 20, e.y = 0;
+        break;
+      case "down":
+        t.y = -20, e.y = 0;
+        break;
+      case "left":
+        t.x = 20, e.x = 0;
+        break;
+      case "right":
+        t.x = -20, e.x = 0;
+        break;
+      case "scale":
+        t.scale = 0.8, e.scale = 1, e.ease = "back.out(1.7)";
+        break;
+    }
+    const d = o.context(() => {
+      o.fromTo(c, t, e);
+    }, r);
+    return () => d.revert();
+  }, [s, a, n, i]), u;
+}
+export {
+  b as useStaggerList
+};
+//# sourceMappingURL=useStaggerList.js.map

package/dist/hooks/useStaggerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStaggerList.js","sources":["../../src/hooks/useStaggerList.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport gsap from 'gsap'\n\nexport interface UseStaggerListOptions {\n  /** Animation duration in seconds */\n  duration?: number\n  /** Stagger delay between items */\n  stagger?: number\n  /** Delay before animation starts */\n  delay?: number\n  /** Direction items animate from */\n  direction?: 'up' | 'down' | 'left' | 'right' | 'scale'\n}\n\n/**\n * Hook for staggered list item animations\n * Creates cascade effects as items appear\n *\n * Items should have data-stagger-item attribute:\n * ```tsx\n * <ul ref={ref}>\n *   <li data-stagger-item>Item 1</li>\n *   <li data-stagger-item>Item 2</li>\n * </ul>\n * ```\n */\nexport function useStaggerList(options: UseStaggerListOptions = {}) {\n  const {\n    duration = 0.5,\n    stagger = 0.08,\n    delay = 0,\n    direction = 'up',\n  } = options\n\n  const ref = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    const container = ref.current\n    if (!container) return\n\n    const items = container.querySelectorAll('[data-stagger-item]')\n    if (items.length === 0) return\n\n    const prefersReducedMotion = window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches\n\n    if (prefersReducedMotion) {\n      gsap.set(items, { opacity: 1 })\n      return\n    }\n\n    const fromVars: gsap.TweenVars = { opacity: 0 }\n    const toVars: gsap.TweenVars = {\n      opacity: 1,\n      duration,\n      stagger,\n      delay,\n      ease: 'cubic.out',\n    }\n\n    switch (direction) {\n      case 'up':\n        fromVars.y = 20\n        toVars.y = 0\n        break\n      case 'down':\n        fromVars.y = -20\n        toVars.y = 0\n        break\n      case 'left':\n        fromVars.x = 20\n        toVars.x = 0\n        break\n      case 'right':\n        fromVars.x = -20\n        toVars.x = 0\n        break\n      case 'scale':\n        fromVars.scale = 0.8\n        toVars.scale = 1\n        toVars.ease = 'back.out(1.7)'\n        break\n    }\n\n    const ctx = gsap.context(() => {\n      gsap.fromTo(items, fromVars, toVars)\n    }, container)\n\n    return () => ctx.revert()\n  }, [duration, stagger, delay, direction])\n\n  return ref\n}\n"],"names":["useStaggerList","options","duration","stagger","delay","direction","ref","useRef","useEffect","container","items","gsap","fromVars","toVars","ctx"],"mappings":";;AA0BO,SAASA,EAAeC,IAAiC,IAAI;AAClE,QAAM;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,EAAA,IACVJ,GAEEK,IAAMC,EAAoB,IAAI;AAEpC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAYH,EAAI;AACtB,QAAI,CAACG,EAAW;AAEhB,UAAMC,IAAQD,EAAU,iBAAiB,qBAAqB;AAC9D,QAAIC,EAAM,WAAW,EAAG;AAMxB,QAJ6B,OAAO;AAAA,MAClC;AAAA,IAAA,EACA,SAEwB;AACxB,MAAAC,EAAK,IAAID,GAAO,EAAE,SAAS,GAAG;AAC9B;AAAA,IACF;AAEA,UAAME,IAA2B,EAAE,SAAS,EAAA,GACtCC,IAAyB;AAAA,MAC7B,SAAS;AAAA,MACT,UAAAX;AAAA,MACA,SAAAC;AAAA,MACA,OAAAC;AAAA,MACA,MAAM;AAAA,IAAA;AAGR,YAAQC,GAAA;AAAA,MACN,KAAK;AACH,QAAAO,EAAS,IAAI,IACbC,EAAO,IAAI;AACX;AAAA,MACF,KAAK;AACH,QAAAD,EAAS,IAAI,KACbC,EAAO,IAAI;AACX;AAAA,MACF,KAAK;AACH,QAAAD,EAAS,IAAI,IACbC,EAAO,IAAI;AACX;AAAA,MACF,KAAK;AACH,QAAAD,EAAS,IAAI,KACbC,EAAO,IAAI;AACX;AAAA,MACF,KAAK;AACH,QAAAD,EAAS,QAAQ,KACjBC,EAAO,QAAQ,GACfA,EAAO,OAAO;AACd;AAAA,IAAA;AAGJ,UAAMC,IAAMH,EAAK,QAAQ,MAAM;AAC7B,MAAAA,EAAK,OAAOD,GAAOE,GAAUC,CAAM;AAAA,IACrC,GAAGJ,CAAS;AAEZ,WAAO,MAAMK,EAAI,OAAA;AAAA,EACnB,GAAG,CAACZ,GAAUC,GAASC,GAAOC,CAAS,CAAC,GAEjCC;AACT;"}

package/dist/hooks/useTextReveal.js

@@ -0,0 +1,59 @@
+import { useRef as g, useEffect as m } from "react";
+import o from "gsap";
+import { ScrollTrigger as y } from "gsap/ScrollTrigger";
+o.registerPlugin(y);
+function C(p = {}) {
+  const {
+    duration: r = 0.6,
+    delay: c = 0,
+    staggerAmount: n = 0.03,
+    onScroll: s = !0
+  } = p, i = g(null);
+  return m(() => {
+    const e = i.current;
+    if (!e) return;
+    const a = e.textContent || "";
+    if (window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches || !a) return;
+    const f = a.split("");
+    e.textContent = "", f.forEach((u) => {
+      const t = document.createElement("span");
+      t.textContent = u === " " ? " " : u, t.style.display = "inline-block", t.style.opacity = "0", e.appendChild(t);
+    });
+    const l = Array.from(e.querySelectorAll("span")), d = o.context(() => {
+      s ? o.fromTo(
+        l,
+        { opacity: 0, y: 12 },
+        {
+          opacity: 1,
+          y: 0,
+          duration: r / 2,
+          stagger: n,
+          ease: "cubic.out",
+          scrollTrigger: {
+            trigger: e,
+            start: "top 75%",
+            toggleActions: "play none none none"
+          }
+        }
+      ) : o.fromTo(
+        l,
+        { opacity: 0, y: 12 },
+        {
+          opacity: 1,
+          y: 0,
+          duration: r / 2,
+          stagger: n,
+          delay: c,
+          ease: "cubic.out"
+        }
+      );
+    }, e);
+    return () => d.revert();
+  }, [r, c, n, s]), i;
+}
+export {
+  C as useTextReveal
+};
+//# sourceMappingURL=useTextReveal.js.map

package/dist/hooks/useTextReveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextReveal.js","sources":["../../src/hooks/useTextReveal.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport gsap from 'gsap'\nimport { ScrollTrigger } from 'gsap/ScrollTrigger'\n\ngsap.registerPlugin(ScrollTrigger)\n\nexport interface UseTextRevealOptions {\n  /** Animation duration in seconds */\n  duration?: number\n  /** Delay before animation starts */\n  delay?: number\n  /** Stagger amount between characters */\n  staggerAmount?: number\n  /** Trigger animation on scroll into view */\n  onScroll?: boolean\n}\n\n/**\n * Hook for revealing text character by character\n * Creates staggered entrance animations for text content\n *\n * Note: This will replace the element's text content with spans\n */\nexport function useTextReveal(options: UseTextRevealOptions = {}) {\n  const {\n    duration = 0.6,\n    delay = 0,\n    staggerAmount = 0.03,\n    onScroll = true,\n  } = options\n\n  const ref = useRef<HTMLElement>(null)\n\n  useEffect(() => {\n    const element = ref.current\n    if (!element) return\n\n    const text = element.textContent || ''\n    const prefersReducedMotion = window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches\n\n    if (prefersReducedMotion || !text) return\n\n    // Split text into characters\n    const characters = text.split('')\n    element.textContent = ''\n\n    // Create spans for each character\n    characters.forEach((char) => {\n      const span = document.createElement('span')\n      span.textContent = char === ' ' ? '\\u00A0' : char // Non-breaking space for spaces\n      span.style.display = 'inline-block'\n      span.style.opacity = '0'\n      element.appendChild(span)\n    })\n\n    const spans = Array.from(element.querySelectorAll('span'))\n\n    const ctx = gsap.context(() => {\n      if (onScroll) {\n        gsap.fromTo(\n          spans,\n          { opacity: 0, y: 12 },\n          {\n            opacity: 1,\n            y: 0,\n            duration: duration / 2,\n            stagger: staggerAmount,\n            ease: 'cubic.out',\n            scrollTrigger: {\n              trigger: element,\n              start: 'top 75%',\n              toggleActions: 'play none none none',\n            },\n          }\n        )\n      } else {\n        gsap.fromTo(\n          spans,\n          { opacity: 0, y: 12 },\n          {\n            opacity: 1,\n            y: 0,\n            duration: duration / 2,\n            stagger: staggerAmount,\n            delay,\n            ease: 'cubic.out',\n          }\n        )\n      }\n    }, element)\n\n    return () => ctx.revert()\n  }, [duration, delay, staggerAmount, onScroll])\n\n  return ref\n}\n"],"names":["gsap","ScrollTrigger","useTextReveal","options","duration","delay","staggerAmount","onScroll","ref","useRef","useEffect","element","text","characters","char","span","spans","ctx"],"mappings":";;;AAIAA,EAAK,eAAeC,CAAa;AAmB1B,SAASC,EAAcC,IAAgC,IAAI;AAChE,QAAM;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,eAAAC,IAAgB;AAAA,IAChB,UAAAC,IAAW;AAAA,EAAA,IACTJ,GAEEK,IAAMC,EAAoB,IAAI;AAEpC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAUH,EAAI;AACpB,QAAI,CAACG,EAAS;AAEd,UAAMC,IAAOD,EAAQ,eAAe;AAKpC,QAJ6B,OAAO;AAAA,MAClC;AAAA,IAAA,EACA,WAE0B,CAACC,EAAM;AAGnC,UAAMC,IAAaD,EAAK,MAAM,EAAE;AAChC,IAAAD,EAAQ,cAAc,IAGtBE,EAAW,QAAQ,CAACC,MAAS;AAC3B,YAAMC,IAAO,SAAS,cAAc,MAAM;AAC1C,MAAAA,EAAK,cAAcD,MAAS,MAAM,MAAWA,GAC7CC,EAAK,MAAM,UAAU,gBACrBA,EAAK,MAAM,UAAU,KACrBJ,EAAQ,YAAYI,CAAI;AAAA,IAC1B,CAAC;AAED,UAAMC,IAAQ,MAAM,KAAKL,EAAQ,iBAAiB,MAAM,CAAC,GAEnDM,IAAMjB,EAAK,QAAQ,MAAM;AAC7B,MAAIO,IACFP,EAAK;AAAA,QACHgB;AAAA,QACA,EAAE,SAAS,GAAG,GAAG,GAAA;AAAA,QACjB;AAAA,UACE,SAAS;AAAA,UACT,GAAG;AAAA,UACH,UAAUZ,IAAW;AAAA,UACrB,SAASE;AAAA,UACT,MAAM;AAAA,UACN,eAAe;AAAA,YACb,SAASK;AAAA,YACT,OAAO;AAAA,YACP,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,MACF,IAGFX,EAAK;AAAA,QACHgB;AAAA,QACA,EAAE,SAAS,GAAG,GAAG,GAAA;AAAA,QACjB;AAAA,UACE,SAAS;AAAA,UACT,GAAG;AAAA,UACH,UAAUZ,IAAW;AAAA,UACrB,SAASE;AAAA,UACT,OAAAD;AAAA,UACA,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IAGN,GAAGM,CAAO;AAEV,WAAO,MAAMM,EAAI,OAAA;AAAA,EACnB,GAAG,CAACb,GAAUC,GAAOC,GAAeC,CAAQ,CAAC,GAEtCC;AACT;"}

package/dist/hooks/useTheme.js

@@ -0,0 +1,37 @@
+import { useState as u, useCallback as s, useEffect as d } from "react";
+function k(c = {}) {
+  const {
+    defaultTheme: a = "dark",
+    storageKey: r = "n3wth-theme",
+    attribute: n = "data-theme"
+  } = c, [t, h] = u(() => {
+    if (typeof window > "u") return a;
+    const e = localStorage.getItem(r);
+    return e === "dark" || e === "light" ? e : window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : a;
+  }), o = s(
+    (e) => {
+      h(e), typeof window < "u" && (localStorage.setItem(r, e), document.documentElement.setAttribute(n, e));
+    },
+    [r, n]
+  ), m = s(() => {
+    o(t === "dark" ? "light" : "dark");
+  }, [t, o]);
+  return d(() => {
+    document.documentElement.setAttribute(n, t);
+  }, [n, t]), d(() => {
+    const e = window.matchMedia("(prefers-color-scheme: light)"), i = (l) => {
+      localStorage.getItem(r) || o(l.matches ? "light" : "dark");
+    };
+    return e.addEventListener("change", i), () => e.removeEventListener("change", i);
+  }, [r, o]), {
+    theme: t,
+    setTheme: o,
+    toggleTheme: m,
+    isDark: t === "dark",
+    isLight: t === "light"
+  };
+}
+export {
+  k as useTheme
+};
+//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport interface UseThemeOptions {\n  defaultTheme?: Theme\n  storageKey?: string\n  attribute?: string\n}\n\nexport interface UseThemeReturn {\n  theme: Theme\n  setTheme: (theme: Theme) => void\n  toggleTheme: () => void\n  isDark: boolean\n  isLight: boolean\n}\n\nexport function useTheme(options: UseThemeOptions = {}): UseThemeReturn {\n  const {\n    defaultTheme = 'dark',\n    storageKey = 'n3wth-theme',\n    attribute = 'data-theme',\n  } = options\n\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === 'undefined') return defaultTheme\n\n    const stored = localStorage.getItem(storageKey)\n    if (stored === 'dark' || stored === 'light') return stored\n\n    if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n      return 'light'\n    }\n\n    return defaultTheme\n  })\n\n  const setTheme = useCallback(\n    (newTheme: Theme) => {\n      setThemeState(newTheme)\n\n      if (typeof window !== 'undefined') {\n        localStorage.setItem(storageKey, newTheme)\n        document.documentElement.setAttribute(attribute, newTheme)\n      }\n    },\n    [storageKey, attribute]\n  )\n\n  const toggleTheme = useCallback(() => {\n    setTheme(theme === 'dark' ? 'light' : 'dark')\n  }, [theme, setTheme])\n\n  // Initialize theme on mount\n  useEffect(() => {\n    document.documentElement.setAttribute(attribute, theme)\n  }, [attribute, theme])\n\n  // Listen for system theme changes\n  useEffect(() => {\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: light)')\n\n    const handleChange = (e: MediaQueryListEvent) => {\n      const stored = localStorage.getItem(storageKey)\n      if (!stored) {\n        setTheme(e.matches ? 'light' : 'dark')\n      }\n    }\n\n    mediaQuery.addEventListener('change', handleChange)\n    return () => mediaQuery.removeEventListener('change', handleChange)\n  }, [storageKey, setTheme])\n\n  return {\n    theme,\n    setTheme,\n    toggleTheme,\n    isDark: theme === 'dark',\n    isLight: theme === 'light',\n  }\n}\n"],"names":["useTheme","options","defaultTheme","storageKey","attribute","theme","setThemeState","useState","stored","setTheme","useCallback","newTheme","toggleTheme","useEffect","mediaQuery","handleChange","e"],"mappings":";AAkBO,SAASA,EAASC,IAA2B,IAAoB;AACtE,QAAM;AAAA,IACJ,cAAAC,IAAe;AAAA,IACf,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,EAAA,IACVH,GAEE,CAACI,GAAOC,CAAa,IAAIC,EAAgB,MAAM;AACnD,QAAI,OAAO,SAAW,IAAa,QAAOL;AAE1C,UAAMM,IAAS,aAAa,QAAQL,CAAU;AAC9C,WAAIK,MAAW,UAAUA,MAAW,UAAgBA,IAEhD,OAAO,WAAW,+BAA+B,EAAE,UAC9C,UAGFN;AAAA,EACT,CAAC,GAEKO,IAAWC;AAAA,IACf,CAACC,MAAoB;AACnB,MAAAL,EAAcK,CAAQ,GAElB,OAAO,SAAW,QACpB,aAAa,QAAQR,GAAYQ,CAAQ,GACzC,SAAS,gBAAgB,aAAaP,GAAWO,CAAQ;AAAA,IAE7D;AAAA,IACA,CAACR,GAAYC,CAAS;AAAA,EAAA,GAGlBQ,IAAcF,EAAY,MAAM;AACpC,IAAAD,EAASJ,MAAU,SAAS,UAAU,MAAM;AAAA,EAC9C,GAAG,CAACA,GAAOI,CAAQ,CAAC;AAGpB,SAAAI,EAAU,MAAM;AACd,aAAS,gBAAgB,aAAaT,GAAWC,CAAK;AAAA,EACxD,GAAG,CAACD,GAAWC,CAAK,CAAC,GAGrBQ,EAAU,MAAM;AACd,UAAMC,IAAa,OAAO,WAAW,+BAA+B,GAE9DC,IAAe,CAACC,MAA2B;AAE/C,MADe,aAAa,QAAQb,CAAU,KAE5CM,EAASO,EAAE,UAAU,UAAU,MAAM;AAAA,IAEzC;AAEA,WAAAF,EAAW,iBAAiB,UAAUC,CAAY,GAC3C,MAAMD,EAAW,oBAAoB,UAAUC,CAAY;AAAA,EACpE,GAAG,CAACZ,GAAYM,CAAQ,CAAC,GAElB;AAAA,IACL,OAAAJ;AAAA,IACA,UAAAI;AAAA,IACA,aAAAG;AAAA,IACA,QAAQP,MAAU;AAAA,IAClB,SAASA,MAAU;AAAA,EAAA;AAEvB;"}

package/dist/hooks/useToast.js

@@ -0,0 +1,84 @@
+import { createElement as f, useContext as C, useState as p, useRef as w, useCallback as i, createContext as x } from "react";
+import { ToastContainer as h, Toast as k } from "../molecules/Toast/Toast.js";
+let D = 0;
+function P() {
+  return `toast-${++D}-${Date.now()}`;
+}
+const v = x(null);
+function m(s = 5) {
+  const [r, o] = p([]), a = w(r);
+  a.current = r;
+  const e = i((t) => {
+    o((u) => u.filter((l) => l.id !== t));
+  }, []), T = i(() => {
+    o([]);
+  }, []), n = i(
+    (t) => {
+      const u = P(), l = {
+        id: u,
+        variant: t.variant ?? "default",
+        title: t.title,
+        description: t.description,
+        duration: t.duration ?? 5e3,
+        icon: t.icon
+      };
+      return o((g) => {
+        const d = [...g, l];
+        return d.length > s ? d.slice(d.length - s) : d;
+      }), u;
+    },
+    [s]
+  ), c = i(
+    (t) => n(t),
+    [n]
+  );
+  return c.success = i(
+    (t) => n({ ...t, variant: "success" }),
+    [n]
+  ), c.error = i(
+    (t) => n({ ...t, variant: "error" }),
+    [n]
+  ), c.warning = i(
+    (t) => n({ ...t, variant: "warning" }),
+    [n]
+  ), c.info = i(
+    (t) => n({ ...t, variant: "info" }),
+    [n]
+  ), { toasts: r, toast: c, dismiss: e, dismissAll: T };
+}
+function $({
+  children: s,
+  maxToasts: r = 5,
+  position: o = "top-right"
+}) {
+  const a = m(r);
+  return f(
+    v.Provider,
+    { value: a },
+    s,
+    f(
+      h,
+      { position: o },
+      ...a.toasts.map(
+        (e) => f(k, {
+          key: e.id,
+          variant: e.variant,
+          title: e.title,
+          description: e.description,
+          duration: e.duration,
+          icon: e.icon,
+          onDismiss: () => a.dismiss(e.id)
+        })
+      )
+    )
+  );
+}
+function b(s) {
+  const r = C(v);
+  return r || m(s);
+}
+export {
+  $ as ToastProvider,
+  b as useToast
+};
+//# sourceMappingURL=useToast.js.map

package/dist/hooks/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.ts"],"sourcesContent":["import {\n  useState,\n  useCallback,\n  useRef,\n  createContext,\n  useContext,\n  type ReactNode,\n} from 'react'\nimport { createElement } from 'react'\nimport type { ToastVariant, ToastData, ToastPosition } from '../molecules/Toast/Toast'\nimport { Toast, ToastContainer } from '../molecules/Toast/Toast'\n\nexport interface ToastOptions {\n  title?: string\n  description?: string\n  variant?: ToastVariant\n  duration?: number\n  icon?: ReactNode\n}\n\nexport interface UseToastReturn {\n  toasts: ToastData[]\n  toast: ToastFn\n  dismiss: (id: string) => void\n  dismissAll: () => void\n}\n\nexport interface ToastFn {\n  (options: ToastOptions): string\n  success: (options: Omit<ToastOptions, 'variant'>) => string\n  error: (options: Omit<ToastOptions, 'variant'>) => string\n  warning: (options: Omit<ToastOptions, 'variant'>) => string\n  info: (options: Omit<ToastOptions, 'variant'>) => string\n}\n\nexport interface ToastProviderProps {\n  children: ReactNode\n  maxToasts?: number\n  position?: ToastPosition\n}\n\nlet idCounter = 0\n\nfunction generateId(): string {\n  return `toast-${++idCounter}-${Date.now()}`\n}\n\nconst ToastContext = createContext<UseToastReturn | null>(null)\n\nfunction useToastState(maxToasts = 5): UseToastReturn {\n  const [toasts, setToasts] = useState<ToastData[]>([])\n  const toastsRef = useRef(toasts)\n  toastsRef.current = toasts\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((prev) => prev.filter((t) => t.id !== id))\n  }, [])\n\n  const dismissAll = useCallback(() => {\n    setToasts([])\n  }, [])\n\n  const addToast = useCallback(\n    (options: ToastOptions): string => {\n      const id = generateId()\n      const newToast: ToastData = {\n        id,\n        variant: options.variant ?? 'default',\n        title: options.title,\n        description: options.description,\n        duration: options.duration ?? 5000,\n        icon: options.icon,\n      }\n\n      setToasts((prev) => {\n        const next = [...prev, newToast]\n        if (next.length > maxToasts) {\n          return next.slice(next.length - maxToasts)\n        }\n        return next\n      })\n\n      return id\n    },\n    [maxToasts]\n  )\n\n  const toast = useCallback(\n    (options: ToastOptions) => addToast(options),\n    [addToast]\n  ) as ToastFn\n\n  toast.success = useCallback(\n    (options: Omit<ToastOptions, 'variant'>) =>\n      addToast({ ...options, variant: 'success' }),\n    [addToast]\n  )\n\n  toast.error = useCallback(\n    (options: Omit<ToastOptions, 'variant'>) =>\n      addToast({ ...options, variant: 'error' }),\n    [addToast]\n  )\n\n  toast.warning = useCallback(\n    (options: Omit<ToastOptions, 'variant'>) =>\n      addToast({ ...options, variant: 'warning' }),\n    [addToast]\n  )\n\n  toast.info = useCallback(\n    (options: Omit<ToastOptions, 'variant'>) =>\n      addToast({ ...options, variant: 'info' }),\n    [addToast]\n  )\n\n  return { toasts, toast, dismiss, dismissAll }\n}\n\nexport function ToastProvider({\n  children,\n  maxToasts = 5,\n  position = 'top-right',\n}: ToastProviderProps) {\n  const state = useToastState(maxToasts)\n\n  return createElement(\n    ToastContext.Provider,\n    { value: state },\n    children,\n    createElement(\n      ToastContainer,\n      { position },\n      ...state.toasts.map((t) =>\n        createElement(Toast, {\n          key: t.id,\n          variant: t.variant,\n          title: t.title,\n          description: t.description,\n          duration: t.duration,\n          icon: t.icon,\n          onDismiss: () => state.dismiss(t.id),\n        })\n      )\n    )\n  )\n}\n\nexport function useToast(maxToasts?: number): UseToastReturn {\n  const context = useContext(ToastContext)\n  if (context) return context\n\n  // Fallback: standalone usage without provider\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useToastState(maxToasts)\n}\n"],"names":["idCounter","generateId","ToastContext","createContext","useToastState","maxToasts","toasts","setToasts","useState","toastsRef","useRef","dismiss","useCallback","id","prev","t","dismissAll","addToast","options","newToast","next","toast","ToastProvider","children","position","state","createElement","ToastContainer","Toast","useToast","context","useContext"],"mappings":"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"}