@sirendesign/markup 1.0.7 → 1.0.9

package/dist/index.js

@@ -37407,14 +37407,14 @@ const AuthForm = ({ onSuccess }) => {
     };
     return (jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center h-full  p-5", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md", children: [jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl shadow-2xl p-8", children: [jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-gray-900 mb-2 text-center", children: mode === "login" ? "Sign In" : "Create Account" }), jsxRuntime.jsx("p", { className: "text-gray-600 text-sm text-center mb-6", children: mode === "login"
                                 ? "Sign in to submit and manage feedback"
-                                : "Create an account to get started" }), jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-2", children: "Email Address" }), jsxRuntime.jsx("input", { id: "email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "you@example.com" })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700 mb-2", children: "Password" }), jsxRuntime.jsx("input", { id: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), required: true, minLength: 6, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "Minimum 6 characters" })] }), error && (jsxRuntime.jsx("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg text-sm", children: error })), jsxRuntime.jsx("div", { onClick: handleSubmit, className: "w-full bg-indigo-600 text-white py-2.5 px-4 rounded-lg font-medium hover:bg-indigo-700 focus:ring-4 focus:ring-indigo-200 transition-all cursor-pointer text-center", children: loading
+                                : "Create an account to get started" }), jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-2", children: "Email Address" }), jsxRuntime.jsx("input", { id: "email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "you@example.com" })] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700 mb-2", children: "Password" }), jsxRuntime.jsx("input", { id: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), required: true, minLength: 6, className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#C2D1D9] focus:border-transparent transition-all", placeholder: "Minimum 6 characters" })] }), error && (jsxRuntime.jsx("div", { className: "bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg text-sm", children: error })), jsxRuntime.jsx("div", { onClick: handleSubmit, className: "w-full bg-[#c2d1d9] text-white py-2.5 px-4 rounded-lg font-medium hover:bg-[#c2d1d9]/80 focus:ring-4 focus:ring-blue transition-all cursor-pointer text-center", children: loading
                                         ? "Please wait..."
                                         : mode === "login"
                                             ? "Sign In"
                                             : "Create Account" })] }), jsxRuntime.jsx("div", { className: "mt-6 text-center", children: jsxRuntime.jsx("div", { onClick: () => {
                                     setMode(mode === "login" ? "signup" : "login");
                                     setError(null);
-                                }, className: "text-sm text-white w-full font-medium cursor-pointer", children: mode === "login"
+                                }, className: "bg-gray-500 text-white w-full font-medium cursor-pointer", children: mode === "login"
                                     ? "Don't have an account? Sign up"
                                     : "Already have an account? Sign in" }) })] }), jsxRuntime.jsx("p", { className: "text-center text-xs text-gray-500 mt-6", children: "Your feedback will be associated with your account" })] }) }));
 };