sprintify-ui 0.8.56 → 0.8.57

package/dist/sprintify-ui.es.js

@@ -44987,11 +44987,12 @@ const U7 = /* @__PURE__ */ Yo(P7, [["render", H7]]), V7 = { class: "flex-shrink-
         l.value.style.transform = `translateX(${m}px)`, l.value.style.width = `${f}px`;
         return;
       }
-      l.value.animate(
+      const g = `translateX(${m}px)`, v = `${f}px`;
+      l.value.animate ? l.value.animate(
         [
           {
-            transform: `translateX(${m}px)`,
-            width: `${f}px`
+            transform: g,
+            width: v
           }
         ],
         {
@@ -44999,7 +45000,7 @@ const U7 = /* @__PURE__ */ Yo(P7, [["render", H7]]), V7 = { class: "flex-shrink-
           easing: "ease-in-out",
           fill: "both"
         }
-      );
+      ) : (l.value.style.transform = g, l.value.style.width = v);
     }
     return (u, d) => (A(), $("div", b9, [
       d[0] || (d[0] = M("div", { class: "absolute bottom-0 left-0 h-px w-full bg-slate-300" }, null, -1)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.56",
+  "version": "0.8.57",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseTabs.vue

@@ -146,19 +146,26 @@ function animateLine(animate = true) {
     return;
   }
 
-  lineRef.value.animate(
-    [
+  const transformPx = `translateX(${x}px)`;
+  const widthPx = `${width}px`;
+
+  if (lineRef.value.animate) {
+    lineRef.value.animate(
+      [
+        {
+          transform: transformPx,
+          width: widthPx,
+        }
+      ],
       {
-        transform: `translateX(${x}px)`,
-        width: `${width}px`,
-      },
-    ],
-    {
-      duration: 200,
-      easing: 'ease-in-out',
-      fill: 'both',
-    }
-  );
-
+        duration: 200,
+        easing: 'ease-in-out',
+        fill: 'both',
+      }
+    );
+  } else {
+    lineRef.value.style.transform = transformPx;
+    lineRef.value.style.width = widthPx;
+  }
 }
 </script>