@choice-ui/react 1.7.1 → 1.7.3

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"
   }
 };
@@ -72,7 +72,7 @@ const ToasterItem = memo(
     const [swipeDirection, setSwipeDirection] = useState(null);
     const swipeStartRef = useRef(null);
     const toastDuration = toast.duration ?? defaultDuration;
-    const shouldShowProgress = showProgress && toastDuration > 0 && toast.type !== "loading";
+    const shouldShowProgress = showProgress && toastDuration > 0 && Number.isFinite(toastDuration) && toast.type !== "loading";
     const offsetY = useMemo(() => {
       if (expanded) {
         let offset = 0;
@@ -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/toaster.js

@@ -101,7 +101,7 @@ const ToasterRoot = memo(
         var _a;
         if (toast.type === "loading") return;
         const toastDuration = toast.duration ?? duration;
-        if (toastDuration <= 0) return;
+        if (toastDuration <= 0 || !Number.isFinite(toastDuration)) return;
         const hasTimer = timersRef.current.has(toast.id);
         if (hovering) {
           if (hasTimer) {

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.3",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",