@choice-ui/react 1.7.1 → 1.7.2

package/dist/components/toast/src/components/toaster-item.js

@@ -14,13 +14,13 @@ const SWIPE_THRESHOLD = 56;
 const ANIMATION_CONFIG = {
   default: {
     type: "spring",
-    stiffness: 150,
-    damping: 20,
+    stiffness: 120,
+    damping: 18,
     mass: 1
   },
   opacity: {
     type: "tween",
-    duration: 0.35,
+    duration: 0.4,
     ease: "easeOut"
   }
 };
@@ -199,13 +199,13 @@ const ToasterItem = memo(
     const enterExitY = isTop ? -100 : 100;
     const exitAnimation = useMemo(() => {
       const dir = swipeDirection || toast.swipeDirection;
-      const exitBase = { opacity: 0, zIndex: -1, filter: "blur(4px)" };
+      const exitBase = { opacity: 0, zIndex: -1, filter: "blur(8px)" };
       if (dir === "right") return { ...exitBase, x: "100%" };
       if (dir === "left") return { ...exitBase, x: "-100%" };
       if (dir === "up") return { ...exitBase, y: "-100%" };
       if (dir === "down") return { ...exitBase, y: "100%" };
-      return exitBase;
-    }, [swipeDirection, toast.swipeDirection]);
+      return { ...exitBase, y: isTop ? "-100%" : "100%" };
+    }, [swipeDirection, toast.swipeDirection, isTop]);
     const tv = useMemo(
       () => toastRootTv({
         layout,
@@ -296,7 +296,13 @@ const ToasterItem = memo(
           ...isHtmlString(toast.description) ? { dangerouslySetInnerHTML: { __html: toast.description } } : { children: toast.description }
         }
       );
-    }, [toast.description, descriptionId, tv, slotProps.descriptionClassName, slotProps.descriptionStyle]);
+    }, [
+      toast.description,
+      descriptionId,
+      tv,
+      slotProps.descriptionClassName,
+      slotProps.descriptionStyle
+    ]);
     const actionsContent = useMemo(() => {
       var _a;
       if (!toast.action && !toast.cancel) return null;

package/dist/components/toast/src/tv.js

@@ -1,6 +1,6 @@
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const toastViewportTv = tcv({
-  base: ["fixed z-modals flex flex-col outline-none"],
+  base: ["fixed z-modals flex flex-col outline-none overflow-visible"],
   variants: {
     expanded: {
       true: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",