feat(frontend): add shadcn ui primitives and compatibility bridge

vite-frontend/src/shadcn-bridge/heroui/shared.tsx

@@ -0,0 +1,62 @@
+import * as React from "react";
+
+import { Label } from "@/components/ui/label";
+import { cn } from "@/lib/utils";
+
+export interface FieldMetaProps {
+  label?: React.ReactNode;
+  description?: React.ReactNode;
+  errorMessage?: React.ReactNode;
+  isInvalid?: boolean;
+  isRequired?: boolean;
+}
+
+interface FieldContainerProps extends FieldMetaProps {
+  className?: string;
+  id?: string;
+  children: React.ReactNode;
+}
+
+export function FieldContainer({
+  children,
+  className,
+  description,
+  errorMessage,
+  id,
+  isInvalid,
+  isRequired,
+  label,
+}: FieldContainerProps) {
+  return (
+    <div className={cn("w-full space-y-1.5", className)}>
+      {label ? (
+        <Label htmlFor={id}>
+          {label}
+          {isRequired ? <span className="ml-1 text-danger">*</span> : null}
+        </Label>
+      ) : null}
+      {children}
+      {description ? <p className="text-xs text-default-500">{description}</p> : null}
+      {isInvalid && errorMessage ? (
+        <p className="text-xs text-danger">{errorMessage}</p>
+      ) : null}
+    </div>
+  );
+}
+
+export function extractText(content: React.ReactNode): string {
+  if (content === null || content === undefined || typeof content === "boolean") {
+    return "";
+  }
+  if (typeof content === "string" || typeof content === "number") {
+    return String(content);
+  }
+  if (Array.isArray(content)) {
+    return content.map((item) => extractText(item)).join("").trim();
+  }
+  if (React.isValidElement(content)) {
+    return extractText(content.props.children);
+  }
+
+  return "";
+}