import { jsx as _jsx } from "react/jsx-runtime";
import * as React from "react";
import { cn } from "../../lib/utils";
const Textarea = React.forwardRef(({ className, ...props }, ref) => {
    return (_jsx("textarea", { ref: ref, "data-slot": "textarea", className: cn("border-input placeholder:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm transition-all duration-300 outline-none disabled:cursor-not-allowed disabled:opacity-50", 
        // Use subtle border and shadow glow for focus instead of harsh outline
        "focus-visible:border-ring/60 focus-visible:shadow-[0_0_20px_-5px_rgba(168,85,247,0.2)] focus-visible:outline-none", className), ...props }));
});
Textarea.displayName = "Textarea";
export { Textarea };
//# sourceMappingURL=textarea.js.map