Enhance FormFieldWrapper with blur validation and toasts

Adds validation on blur mode to FormFieldWrapper, introduces animated validation states, and implements standardized form submission toasts via a new formToasts helper; updates ParkForm and RideForm to use the new toast system and to propagate error state with scroll-to-error support.
This commit is contained in:
gpt-engineer-app[bot]
2025-11-11 23:43:01 +00:00
parent 7d085a0702
commit 92e93bfc9d
5 changed files with 150 additions and 24 deletions

View File

@@ -104,11 +104,26 @@ export default {
"0%": { transform: "translateX(-100%)" },
"100%": { transform: "translateX(100%)" },
},
"fade-in": {
"0%": { opacity: "0", transform: "translateY(-4px)" },
"100%": { opacity: "1", transform: "translateY(0)" }
},
"fade-out": {
"0%": { opacity: "1", transform: "translateY(0)" },
"100%": { opacity: "0", transform: "translateY(-4px)" }
},
"slide-in-down": {
"0%": { opacity: "0", transform: "translateY(-8px)" },
"100%": { opacity: "1", transform: "translateY(0)" }
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
shimmer: "shimmer 2s infinite",
"fade-in": "fade-in 0.2s ease-out",
"fade-out": "fade-out 0.2s ease-out",
"slide-in-down": "slide-in-down 0.3s ease-out",
},
},
},