chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,55 @@
+import type { z } from "zod";
+import { Paragraph } from "./Paragraph";
+import { motion } from "framer-motion";
+import { cn } from "~/utils/cn";
+import { ErrorIcon } from "~/assets/icons/ErrorIcon";
+
+export function FormError({
+  children,
+  id,
+  className,
+}: {
+  children: React.ReactNode;
+  id?: string;
+  className?: string;
+}) {
+  return (
+    <>
+      {children && (
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          transition={{ duration: 0.3 }}
+          className={cn("flex items-start gap-0.5", className)}
+        >
+          <ErrorIcon className="h-4 w-4 shrink-0 justify-start text-rose-500" />
+          <Paragraph id={id} variant="extra-small" className="text-rose-500">
+            {children}
+          </Paragraph>
+        </motion.div>
+      )}
+    </>
+  );
+}
+
+export function ZodFormErrors({ errors, path }: { errors: z.ZodIssue[]; path: string[] }) {
+  if (errors.length === 0) {
+    return null;
+  }
+
+  const relevantErrors = errors.filter((error) => {
+    return error.path.join(".") === path.join(".");
+  });
+
+  if (relevantErrors.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className="col-span-full mt-1 text-sm text-rose-600">
+      {relevantErrors.map((error, index) => (
+        <FormError key={index}>{error.message}</FormError>
+      ))}
+    </div>
+  );
+}