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,41 @@
+import * as React from "react";
+import { cn } from "~/utils/cn";
+import { InfoIconTooltip } from "./Tooltip";
+
+const variants = {
+  small: {
+    text: "font-sans text-[0.8125rem] font-normal text-text-bright leading-tight flex items-center gap-1",
+  },
+  medium: {
+    text: "font-sans text-sm text-text-bright leading-tight flex items-center gap-1",
+  },
+  large: {
+    text: "font-sans text-base font-medium text-text-bright leading-tight flex items-center gap-1",
+  },
+};
+
+type LabelProps = React.AllHTMLAttributes<HTMLLabelElement> & {
+  className?: string;
+  children: React.ReactNode;
+  variant?: keyof typeof variants;
+  required?: boolean;
+  tooltip?: React.ReactNode;
+};
+
+export function Label({
+  className,
+  children,
+  variant = "medium",
+  required = true,
+  tooltip,
+  ...props
+}: LabelProps) {
+  const variation = variants[variant];
+  return (
+    <label className={cn(variation.text, className)} {...props}>
+      {children}
+      {tooltip ? <InfoIconTooltip content={tooltip} /> : null}
+      {!required && <span className="text-text-dimmed"> (optional)</span>}
+    </label>
+  );
+}