import { cn } from "./index3.js";
import { stateClasses } from "./index38.js";
import * as React from "react";
import { jsx } from "react/jsx-runtime";
//#region src/components/ui/textarea.tsx
var textareaBaseStyles = "border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-xl border bg-extra-shadow px-3.5 py-1.5 text-base shadow-xs transition-[color,border-color,box-shadow] duration-200 ease-out motion-reduce:transition-none not-disabled:hover:border-ring/50 focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50 read-only:bg-muted read-only:cursor-default disabled:read-only:opacity-100 disabled:read-only:border-border";
var Textarea = React.forwardRef(({ className, state = "default", hasOutline, ...props }, ref) => {
	return /* @__PURE__ */ jsx("textarea", {
		ref,
		"data-slot": "textarea",
		"data-state": state,
		"aria-invalid": state === "destructive" || void 0,
		className: cn(textareaBaseStyles, stateClasses[state], hasOutline && "border-border ring-1 ring-border focus-visible:ring-2 focus-visible:ring-ring", className),
		...props
	});
});
Textarea.displayName = "Textarea";
//#endregion
export { Textarea, textareaBaseStyles };

//# sourceMappingURL=index39.js.map