@nqlib/nqui 0.3.3 → 0.4.0

package/dist/sonner-Co6YpYVs.js

@@ -0,0 +1,546 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Toaster as y } from "sonner";
+import { HugeiconsIcon as e } from "@hugeicons/react";
+import { Loading03Icon as w, MultiplicationSignCircleIcon as S, Alert02Icon as C, InformationCircleIcon as T, CheckmarkCircle02Icon as I } from "@hugeicons/core-free-icons";
+import * as g from "react";
+var E = (t, l, p, s, u, i, n, a) => {
+  let c = document.documentElement, v = ["light", "dark"];
+  function h(o) {
+    (Array.isArray(t) ? t : [t]).forEach((d) => {
+      let m = d === "class", b = m && i ? u.map((f) => i[f] || f) : u;
+      m ? (c.classList.remove(...b), c.classList.add(i && i[o] ? i[o] : o)) : c.setAttribute(d, o);
+    }), k(o);
+  }
+  function k(o) {
+    a && v.includes(o) && (c.style.colorScheme = o);
+  }
+  function x() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  if (s) h(s);
+  else try {
+    let o = localStorage.getItem(l) || p, d = n && o === "system" ? x() : o;
+    h(d);
+  } catch {
+  }
+}, z = g.createContext(void 0), O = { setTheme: (t) => {
+}, themes: [] }, N = () => {
+  var t;
+  return (t = g.useContext(z)) != null ? t : O;
+};
+g.memo(({ forcedTheme: t, storageKey: l, attribute: p, enableSystem: s, enableColorScheme: u, defaultTheme: i, value: n, themes: a, nonce: c, scriptProps: v }) => {
+  let h = JSON.stringify([p, l, i, t, a, n, s, u]).slice(1, -1);
+  return g.createElement("script", { ...v, suppressHydrationWarning: !0, nonce: typeof window > "u" ? c : "", dangerouslySetInnerHTML: { __html: `(${E.toString()})(${h})` } });
+});
+const W = ({ ...t }) => {
+  const { theme: l = "system" } = N();
+  return g.useEffect(() => {
+    const p = "enhanced-toast-styles";
+    if (document.getElementById(p)) {
+      console.log("[EnhancedToaster] Styles already injected");
+      return;
+    }
+    console.log("[EnhancedToaster] Injecting enhanced toast styles"), fetch("http://127.0.0.1:7256/ingest/f1733c36-d0a8-4cf5-b0fa-c4850768a9d1", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ location: "enhanced-sonner.tsx:29", message: "Injecting styles", data: { styleId: p }, timestamp: Date.now(), sessionId: "debug-session", runId: "run1", hypothesisId: "A" }) }).catch(() => {
+    });
+    const s = document.createElement("style");
+    s.id = p, s.textContent = `
+      /* Enhanced Toast Base Styles - Higher specificity to override Sonner defaults */
+      [data-sonner-toast].enhanced-cn-toast,
+      [data-sonner-toast] .enhanced-cn-toast {
+        border: 1px solid var(--normal-border) !important;
+        border-left-width: 4px !important;
+        background-color: var(--normal-bg) !important;
+        color: oklch(0.145 0 0) !important;
+        border-color: var(--normal-border) !important;
+        border-left-color: var(--normal-border) !important;
+        border-radius: var(--border-radius) !important;
+        position: relative;
+        background-image: var(--button-gradient) !important;
+        box-shadow: var(--button-shadow),
+          0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 20%, transparent) inset,
+          0 -1px 0 0 color-mix(in oklch, oklch(0 0 0) 15%, transparent) inset,
+          0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 8%, transparent),
+          0 4px 6px -1px color-mix(in oklch, oklch(0 0 0) 12%, transparent),
+          0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 8%, transparent) !important;
+        border-top-color: color-mix(in oklch, var(--normal-border) 80%, oklch(1 0 0) 20%) !important;
+        border-left-color: color-mix(in oklch, var(--normal-border) 80%, oklch(1 0 0) 20%) !important;
+        border-bottom-color: color-mix(in oklch, var(--normal-border) 80%, oklch(0 0 0) 20%) !important;
+        border-right-color: color-mix(in oklch, var(--normal-border) 80%, oklch(0 0 0) 20%) !important;
+        transition: all 300ms ease-in-out !important;
+        cursor: default;
+        opacity: 0.95 !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast:hover,
+      [data-sonner-toast] .enhanced-cn-toast:hover {
+        opacity: 1 !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast,
+      .dark [data-sonner-toast] .enhanced-cn-toast {
+        color: oklch(0.985 0 0) !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast:hover,
+      [data-sonner-toast] .enhanced-cn-toast:hover {
+        transform: scale(1.02) !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast > *,
+      [data-sonner-toast] .enhanced-cn-toast > * {
+        position: relative;
+        z-index: 1;
+      }
+
+      /* Enhanced Toast Semantic Color Variants - Higher specificity */
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success {
+        background-color: color-mix(in oklch, var(--success-100) 80%, var(--popover) 20%) !important;
+        border-color: var(--success-400) !important;
+        border-left-color: var(--success-500) !important;
+        border-left-width: 4px !important;
+        color: oklch(0.145 0 0) !important;
+        position: relative;
+        background-image: var(--button-gradient) !important;
+        box-shadow: var(--button-shadow),
+          0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
+          0 -1px 0 0 color-mix(in oklch, var(--success-600) 30%, transparent) inset,
+          0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
+          0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
+          0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
+        border-top-color: color-mix(in oklch, var(--success-400) 70%, oklch(1 0 0) 30%) !important;
+        border-left-color: var(--success-500) !important;
+        border-bottom-color: color-mix(in oklch, var(--success-600) 80%, oklch(0 0 0) 20%) !important;
+        border-right-color: color-mix(in oklch, var(--success-600) 80%, oklch(0 0 0) 20%) !important;
+        transition: all 300ms ease-in-out !important;
+        opacity: 0.95 !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success:hover,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success:hover {
+        background-color: color-mix(in oklch, var(--success-200) 80%, var(--popover) 20%) !important;
+        transform: scale(1.02) !important;
+        opacity: 1 !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success {
+        background-color: color-mix(in oklch, var(--success-900) 80%, var(--popover) 20%) !important;
+        color: oklch(0.985 0 0) !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-success:hover,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-success:hover {
+        background-color: color-mix(in oklch, var(--success-800) 80%, var(--popover) 20%) !important;
+        opacity: 1 !important;
+      }
+
+      .enhanced-toast-success::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background-color: color-mix(in oklch, var(--success) 5%, transparent);
+        border-radius: var(--border-radius);
+        pointer-events: none;
+        z-index: 0;
+      }
+
+      .enhanced-toast-success .toast-icon-success {
+        color: var(--success);
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error {
+        background-color: color-mix(in oklch, var(--danger-100) 80%, var(--popover) 20%) !important;
+        border-color: var(--danger-400) !important;
+        border-left-color: var(--danger-500) !important;
+        border-left-width: 4px !important;
+        color: oklch(0.145 0 0) !important;
+        position: relative;
+        background-image: var(--button-gradient) !important;
+        box-shadow: var(--button-shadow),
+          0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
+          0 -1px 0 0 color-mix(in oklch, var(--danger-600) 30%, transparent) inset,
+          0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
+          0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
+          0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
+        border-top-color: color-mix(in oklch, var(--danger-400) 70%, oklch(1 0 0) 30%) !important;
+        border-left-color: var(--danger-500) !important;
+        border-bottom-color: color-mix(in oklch, var(--danger-600) 80%, oklch(0 0 0) 20%) !important;
+        border-right-color: color-mix(in oklch, var(--danger-600) 80%, oklch(0 0 0) 20%) !important;
+        transition: all 300ms ease-in-out !important;
+        opacity: 0.95 !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error:hover,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error:hover {
+        background-color: color-mix(in oklch, var(--danger-200) 80%, var(--popover) 20%) !important;
+        transform: scale(1.02) !important;
+        opacity: 1 !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error {
+        background-color: color-mix(in oklch, var(--danger-900) 80%, var(--popover) 20%) !important;
+        color: oklch(0.985 0 0) !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-error:hover,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-error:hover {
+        background-color: color-mix(in oklch, var(--danger-800) 80%, var(--popover) 20%) !important;
+        opacity: 1 !important;
+      }
+
+      .enhanced-toast-error::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background-color: color-mix(in oklch, var(--destructive) 15%, transparent);
+        border-radius: var(--border-radius);
+        pointer-events: none;
+        z-index: 0;
+      }
+
+      .enhanced-toast-error .toast-icon-error {
+        color: var(--destructive);
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning {
+        background-color: color-mix(in oklch, var(--warning-100) 80%, var(--popover) 20%) !important;
+        border-color: var(--warning-400) !important;
+        border-left-color: var(--warning-500) !important;
+        border-left-width: 4px !important;
+        color: oklch(0.145 0 0) !important;
+        position: relative;
+        background-image: var(--button-gradient) !important;
+        box-shadow: var(--button-shadow),
+          0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
+          0 -1px 0 0 color-mix(in oklch, var(--warning-600) 30%, transparent) inset,
+          0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
+          0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
+          0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
+        border-top-color: color-mix(in oklch, var(--warning-400) 70%, oklch(1 0 0) 30%) !important;
+        border-left-color: var(--warning-500) !important;
+        border-bottom-color: color-mix(in oklch, var(--warning-600) 80%, oklch(0 0 0) 20%) !important;
+        border-right-color: color-mix(in oklch, var(--warning-600) 80%, oklch(0 0 0) 20%) !important;
+        transition: all 300ms ease-in-out !important;
+        opacity: 0.95 !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning:hover,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning:hover {
+        background-color: color-mix(in oklch, var(--warning-200) 80%, var(--popover) 20%) !important;
+        transform: scale(1.02) !important;
+        opacity: 1 !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning {
+        background-color: color-mix(in oklch, var(--warning-900) 80%, var(--popover) 20%) !important;
+        color: oklch(0.985 0 0) !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-warning:hover,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-warning:hover {
+        background-color: color-mix(in oklch, var(--warning-800) 80%, var(--popover) 20%) !important;
+        opacity: 1 !important;
+      }
+
+      .enhanced-toast-warning::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background-color: color-mix(in oklch, var(--warning) 10%, transparent);
+        border-radius: var(--border-radius);
+        pointer-events: none;
+        z-index: 0;
+      }
+
+      .enhanced-toast-warning .toast-icon-warning {
+        color: var(--warning);
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info {
+        background-color: color-mix(in oklch, var(--info-100) 80%, var(--popover) 20%) !important;
+        border-color: var(--info-400) !important;
+        border-left-color: var(--info-500) !important;
+        border-left-width: 4px !important;
+        color: oklch(0.145 0 0) !important;
+        position: relative;
+        background-image: var(--button-gradient) !important;
+        box-shadow: var(--button-shadow),
+          0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
+          0 -1px 0 0 color-mix(in oklch, var(--info-600) 30%, transparent) inset,
+          0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
+          0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
+          0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
+        border-top-color: color-mix(in oklch, var(--info-400) 70%, oklch(1 0 0) 30%) !important;
+        border-left-color: var(--info-500) !important;
+        border-bottom-color: color-mix(in oklch, var(--info-600) 80%, oklch(0 0 0) 20%) !important;
+        border-right-color: color-mix(in oklch, var(--info-600) 80%, oklch(0 0 0) 20%) !important;
+        transition: all 300ms ease-in-out !important;
+        opacity: 0.95 !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info:hover,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info:hover {
+        background-color: color-mix(in oklch, var(--info-200) 80%, var(--popover) 20%) !important;
+        transform: scale(1.02) !important;
+        opacity: 1 !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info {
+        background-color: color-mix(in oklch, var(--info-900) 80%, var(--popover) 20%) !important;
+        color: oklch(0.985 0 0) !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-info:hover,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-info:hover {
+        background-color: color-mix(in oklch, var(--info-800) 80%, var(--popover) 20%) !important;
+        opacity: 1 !important;
+      }
+
+      .enhanced-toast-info::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background-color: color-mix(in oklch, var(--info) 5%, transparent);
+        border-radius: var(--border-radius);
+        pointer-events: none;
+        z-index: 0;
+      }
+
+      .enhanced-toast-info .toast-icon-info {
+        color: var(--info);
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading {
+        background-color: color-mix(in oklch, var(--primary-100) 80%, var(--popover) 20%) !important;
+        border-color: var(--primary-400) !important;
+        border-left-color: var(--primary-500) !important;
+        border-left-width: 4px !important;
+        color: oklch(0.145 0 0) !important;
+        position: relative;
+        background-image: var(--button-gradient) !important;
+        box-shadow: var(--button-shadow),
+          0 1px 0 0 color-mix(in oklch, oklch(1 0 0) 25%, transparent) inset,
+          0 -1px 0 0 color-mix(in oklch, var(--primary-600) 30%, transparent) inset,
+          0 1px 2px 0 color-mix(in oklch, oklch(0 0 0) 10%, transparent),
+          0 4px 8px -1px color-mix(in oklch, oklch(0 0 0) 15%, transparent),
+          0 2px 4px -1px color-mix(in oklch, oklch(0 0 0) 10%, transparent) !important;
+        border-top-color: color-mix(in oklch, var(--primary-400) 70%, oklch(1 0 0) 30%) !important;
+        border-left-color: var(--primary-500) !important;
+        border-bottom-color: color-mix(in oklch, var(--primary-600) 80%, oklch(0 0 0) 20%) !important;
+        border-right-color: color-mix(in oklch, var(--primary-600) 80%, oklch(0 0 0) 20%) !important;
+        transition: all 300ms ease-in-out !important;
+        opacity: 0.95 !important;
+      }
+
+      [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading:hover,
+      [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading:hover {
+        background-color: color-mix(in oklch, var(--primary-200) 80%, var(--popover) 20%) !important;
+        transform: scale(1.02) !important;
+        opacity: 1 !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading {
+        background-color: color-mix(in oklch, var(--primary-900) 80%, var(--popover) 20%) !important;
+        color: oklch(0.985 0 0) !important;
+      }
+
+      .dark [data-sonner-toast].enhanced-cn-toast.enhanced-toast-loading:hover,
+      .dark [data-sonner-toast] .enhanced-cn-toast.enhanced-toast-loading:hover {
+        background-color: color-mix(in oklch, var(--primary-800) 80%, var(--popover) 20%) !important;
+        opacity: 1 !important;
+      }
+
+      .enhanced-toast-loading::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background-color: color-mix(in oklch, var(--primary) 5%, transparent);
+        border-radius: var(--border-radius);
+        pointer-events: none;
+        z-index: 0;
+      }
+
+      .enhanced-toast-loading .toast-icon-loading {
+        color: var(--primary);
+      }
+    `, document.head.appendChild(s), setTimeout(() => {
+      const n = getComputedStyle(document.documentElement), a = {
+        success100: n.getPropertyValue("--success-100"),
+        danger100: n.getPropertyValue("--danger-100"),
+        warning100: n.getPropertyValue("--warning-100"),
+        info100: n.getPropertyValue("--info-100"),
+        primary100: n.getPropertyValue("--primary-100"),
+        buttonGradient: n.getPropertyValue("--button-gradient")
+      };
+      fetch("http://127.0.0.1:7256/ingest/f1733c36-d0a8-4cf5-b0fa-c4850768a9d1", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ location: "enhanced-sonner.tsx:310", message: "CSS vars check", data: a, timestamp: Date.now(), sessionId: "debug-session", runId: "run1", hypothesisId: "B" }) }).catch(() => {
+      }), console.log("[EnhancedToaster] CSS vars:", a);
+    }, 100), new MutationObserver(() => {
+      document.querySelectorAll("[data-sonner-toast]").forEach((a, c) => {
+        const v = Array.from(a.classList), h = a.hasAttribute("data-sonner-toast"), k = a.querySelector("div"), x = k ? Array.from(k.classList) : [], o = getComputedStyle(a), d = k ? getComputedStyle(k) : null, m = document.getElementById("enhanced-toast-styles"), b = m ? m.textContent.substring(0, 200) : "NOT FOUND";
+        fetch("http://127.0.0.1:7256/ingest/f1733c36-d0a8-4cf5-b0fa-c4850768a9d1", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ location: "enhanced-sonner.tsx:330", message: "Toast DOM structure check", data: { index: c, hasDataAttr: h, toastClasses: v, innerClasses: x, toastBg: o.backgroundColor, toastBorderLeft: o.borderLeftWidth, innerBg: d?.backgroundColor, innerBorderLeft: d?.borderLeftWidth, styleSheetExists: !!m, stylePreview: b }, timestamp: Date.now(), sessionId: "debug-session", runId: "post-fix", hypothesisId: "D" }) }).catch(() => {
+        }), console.log(`[EnhancedToaster] Toast ${c} DOM:`, { hasDataAttr: h, toastClasses: v, innerClasses: x, toastBg: o.backgroundColor, innerBg: d?.backgroundColor, styleSheetExists: !!m });
+      });
+    }).observe(document.body, { childList: !0, subtree: !0 });
+  }, []), /* @__PURE__ */ r(
+    y,
+    {
+      theme: l,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ r(
+          e,
+          {
+            icon: I,
+            strokeWidth: 2,
+            className: "size-4 text-success toast-icon-success"
+          }
+        ),
+        info: /* @__PURE__ */ r(
+          e,
+          {
+            icon: T,
+            strokeWidth: 2,
+            className: "size-4 text-info toast-icon-info"
+          }
+        ),
+        warning: /* @__PURE__ */ r(
+          e,
+          {
+            icon: C,
+            strokeWidth: 2,
+            className: "size-4 text-warning toast-icon-warning"
+          }
+        ),
+        error: /* @__PURE__ */ r(
+          e,
+          {
+            icon: S,
+            strokeWidth: 2,
+            className: "size-4 text-destructive toast-icon-error"
+          }
+        ),
+        loading: /* @__PURE__ */ r(
+          e,
+          {
+            icon: w,
+            strokeWidth: 2,
+            className: "size-4 text-primary toast-icon-loading animate-spin"
+          }
+        )
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "enhanced-cn-toast",
+          success: "enhanced-toast-success",
+          error: "enhanced-toast-error",
+          warning: "enhanced-toast-warning",
+          info: "enhanced-toast-info",
+          loading: "enhanced-toast-loading"
+        }
+      },
+      ...t
+    }
+  );
+};
+W.displayName = "EnhancedToaster";
+const D = ({ ...t }) => {
+  const { theme: l = "system" } = N();
+  return /* @__PURE__ */ r(
+    y,
+    {
+      theme: l,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ r(
+          e,
+          {
+            icon: I,
+            strokeWidth: 2,
+            className: "size-4 text-success toast-icon-success"
+          }
+        ),
+        info: /* @__PURE__ */ r(
+          e,
+          {
+            icon: T,
+            strokeWidth: 2,
+            className: "size-4 text-info toast-icon-info"
+          }
+        ),
+        warning: /* @__PURE__ */ r(
+          e,
+          {
+            icon: C,
+            strokeWidth: 2,
+            className: "size-4 text-warning toast-icon-warning"
+          }
+        ),
+        error: /* @__PURE__ */ r(
+          e,
+          {
+            icon: S,
+            strokeWidth: 2,
+            className: "size-4 text-destructive toast-icon-error"
+          }
+        ),
+        loading: /* @__PURE__ */ r(
+          e,
+          {
+            icon: w,
+            strokeWidth: 2,
+            className: "size-4 text-primary toast-icon-loading animate-spin"
+          }
+        )
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)",
+        "--success-bg": "var(--success)",
+        "--success-text": "var(--success-foreground)",
+        "--success-border": "var(--success-400)",
+        "--error-bg": "var(--destructive)",
+        "--error-text": "var(--destructive-foreground)",
+        "--error-border": "var(--danger-400)",
+        "--warning-bg": "var(--warning)",
+        "--warning-text": "var(--warning-foreground)",
+        "--warning-border": "var(--warning-400)",
+        "--info-bg": "var(--info)",
+        "--info-text": "var(--info-foreground)",
+        "--info-border": "var(--info-400)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast",
+          success: "toast-success",
+          error: "toast-error",
+          warning: "toast-warning",
+          info: "toast-info",
+          loading: "toast-loading"
+        }
+      },
+      ...t
+    }
+  );
+};
+export {
+  W as E,
+  D as T,
+  N as z
+};