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,33 @@
+import { cn } from "~/utils/cn";
+import { Header1 } from "./Headers";
+import { Paragraph } from "./Paragraph";
+
+export function FormTitle({
+  title,
+  description,
+  LeadingIcon,
+  divide = true,
+  className,
+}: {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  LeadingIcon?: React.ReactNode;
+  divide?: boolean;
+  className?: string;
+}) {
+  return (
+    <div
+      className={cn(
+        "mb-4 flex flex-col gap-3 pb-4",
+        divide ? "border-b border-grid-bright" : "",
+        className
+      )}
+    >
+      <div className="flex items-center gap-2">
+        {LeadingIcon && <div className="shrink-0 justify-start">{LeadingIcon}</div>}
+        <Header1>{title}</Header1>
+      </div>
+      {description && <Paragraph variant="small">{description}</Paragraph>}
+    </div>
+  );
+}