@stackloop/ui 2.0.3 → 2.0.5

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",
@@ -2843,8 +2843,15 @@ const mt = ae(
           {
             type: "button",
             onClick: () => x(!m),
-            className: "absolute flex items-center text-primary hover:text-primary-dark transition-colors",
-            style: { right: "14px", top: "50%", transform: "translateY(-50%)" },
+            className: "absolute text-primary hover:text-primary-dark transition-colors",
+            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 },
             transition: { duration: 0.1 },