@underverse-ui/underverse 0.2.31 → 0.2.32

package/dist/index.cjs

@@ -2736,23 +2736,31 @@ var ToastComponent = ({ toast, onRemove }) => {
   const typeConfig = {
     success: {
       icon: import_lucide_react7.CheckCircle,
-      className: "bg-success/10 border-success/20 text-foreground",
-      iconClassName: "text-success"
+      containerClassName: "bg-success/5 border-success/30",
+      iconClassName: "text-success",
+      iconBgClassName: "bg-success/15",
+      accentBarClassName: "bg-success"
     },
     error: {
       icon: import_lucide_react7.AlertCircle,
-      className: "bg-destructive/10 border-destructive/20 text-foreground",
-      iconClassName: "text-destructive"
+      containerClassName: "bg-destructive/5 border-destructive/30",
+      iconClassName: "text-destructive",
+      iconBgClassName: "bg-destructive/15",
+      accentBarClassName: "bg-destructive"
     },
     warning: {
       icon: import_lucide_react7.AlertTriangle,
-      className: "bg-warning/10 border-warning/20 text-foreground",
-      iconClassName: "text-warning"
+      containerClassName: "bg-warning/5 border-warning/30",
+      iconClassName: "text-warning",
+      iconBgClassName: "bg-warning/15",
+      accentBarClassName: "bg-warning"
     },
     info: {
       icon: import_lucide_react7.Info,
-      className: "bg-info/10 border-info/20 text-foreground",
-      iconClassName: "text-info"
+      containerClassName: "bg-info/5 border-info/30",
+      iconClassName: "text-info",
+      iconBgClassName: "bg-info/15",
+      accentBarClassName: "bg-info"
     }
   };
   const config = typeConfig[toast.type];
@@ -2761,9 +2769,10 @@ var ToastComponent = ({ toast, onRemove }) => {
     "div",
     {
       className: cn(
-        "relative w-80 rounded-lg border backdrop-blur-sm transition-all duration-300 ease-soft pointer-events-auto",
-        "bg-card/95 shadow-lg animate-in slide-in-from-right-full",
-        config.className,
+        "relative w-80 rounded-r-lg border border-l-0 backdrop-blur-md transition-all duration-300 pointer-events-auto overflow-hidden",
+        "bg-card shadow-xl",
+        "animate-in slide-in-from-right-full",
+        config.containerClassName,
         isVisible ? "opacity-100 translate-x-0" : "opacity-0 translate-x-full"
       ),
       role: "status",
@@ -2781,8 +2790,9 @@ var ToastComponent = ({ toast, onRemove }) => {
         setPaused(false);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start gap-3 p-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { className: cn("h-5 w-5 mt-0.5 shrink-0", config.iconClassName) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("absolute left-0 top-0 bottom-0 w-1", config.accentBarClassName) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start gap-3 p-4 pl-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("flex items-center justify-center w-8 h-8 rounded-full shrink-0", config.iconBgClassName), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { className: cn("h-4 w-4", config.iconClassName) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 space-y-1", children: [
             toast.title && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h4", { className: "font-medium text-sm leading-none", children: toast.title }),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed", children: toast.message }),