@stackloop/ui 2.0.4 → 2.0.6

package/dist/index.js

@@ -2776,7 +2776,7 @@ function u(...e) {
 }
 const xe = Le.forwardRef(
   ({ variant: e = "primary", size: t = "md", loading: a, icon: o, className: n, children: l, disabled: s, ...c }, i) => {
-    const m = "flex items-center justify-center gap-2 font-medium rounded-md transition-all duration-200 touch-target disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98] w-auto", x = {
+    const m = "inline-flex items-center justify-center gap-2 font-medium rounded-md transition-all duration-200 touch-target disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98] flex-shrink-0 whitespace-nowrap", x = {
       primary: "bg-primary text-white hover:bg-primary-dark active:bg-primary-dark/90 shadow-sm",
       secondary: "bg-secondary text-foreground hover:bg-border active:bg-border-dark",
       outline: "bg-transparent text-primary border-2 border-primary hover:bg-secondary active:bg-border",
@@ -2847,13 +2847,13 @@ const mt = ae(
             style: {
               right: "14px",
               top: "50%",
-              transform: "translateY(-50%)",
               display: "inline-flex",
               alignItems: "center",
               justifyContent: "center"
             },
             "aria-label": m ? "Hide password" : "Show password",
-            whileTap: { scale: 0.9 },
+            whileTap: { scale: 0.9, y: "-50%" },
+            animate: { y: "-50%" },
             transition: { duration: 0.1 },
             children: m ? /* @__PURE__ */ r(or, { className: "w-5 h-5" }) : /* @__PURE__ */ r(ar, { className: "w-5 h-5" })
           }