Poyraz
24fcdf9a77
- Introduced `Field` and `Label` components for better form handling. - Refactored `Input` and `Textarea` components to use forward refs and improved styling. - Updated `PendingSubmitButton` to use the new `Button` component. - Enhanced `Skeleton` component for better layout handling. - Revamped `Toast` component to support live regions and improved accessibility. - Updated sidebar configuration to use typed icons. - Added phase 3 UI boundary checks to prevent usage of deprecated imports. - Implemented new authentication action handler for better cookie management. - Improved setup logic for freelancer accounts with repair functionality.
29 lines
859 B
TypeScript
29 lines
859 B
TypeScript
"use client";
|
|
|
|
import type { ComponentPropsWithoutRef } from "react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
export function Card({ className, ...props }: ComponentPropsWithoutRef<"div">) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"rounded-md border border-border bg-card text-card-foreground shadow-sm",
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function CardHeader({ className, ...props }: ComponentPropsWithoutRef<"div">) {
|
|
return <div className={cn("space-y-1.5 p-5", className)} {...props} />;
|
|
}
|
|
|
|
export function CardTitle({ className, ...props }: ComponentPropsWithoutRef<"h3">) {
|
|
return <h3 className={cn("text-base font-semibold", className)} {...props} />;
|
|
}
|
|
|
|
export function CardContent({ className, ...props }: ComponentPropsWithoutRef<"div">) {
|
|
return <div className={cn("p-5 pt-0", className)} {...props} />;
|
|
}
|