import { o as t } from "./rolldown-runtime.js";
import { i as d, t as s } from "./vendor/react.js";
import { t as n } from "./utils.js";
import { n as l } from "./input3.js";
var u = /* @__PURE__ */ t(d(), 1), b = s(), c = "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", v = u.forwardRef(({ className: e, state: r = "default", hasOutline: a, ...i }, o) => /* @__PURE__ */ (0, b.jsx)("textarea", {
  ref: o,
  "data-slot": "textarea",
  "data-state": r,
  "aria-invalid": r === "destructive" || void 0,
  className: n(c, l[r], a && "border-border ring-1 ring-border focus-visible:ring-2 focus-visible:ring-ring", e),
  ...i
}));
v.displayName = "Textarea";
export {
  c as n,
  v as t
};

//# sourceMappingURL=textarea.js.map