import { jsx as r } from "react/jsx-runtime";
import { InputGroup as e, Input as i } from "../input/index.mjs";
import { a as T } from "../index-BmAFn37q.mjs";
const t = (a) => /* @__PURE__ */ r(e.ClearButton, { inline: !0, "data-spark-component": "textarea-group-trailing-icon", ...a });
t.id = e.ClearButton.id;
t.displayName = "TextareaGroup.ClearButton";
const p = (a) => /* @__PURE__ */ r(e, { ...a });
p.displayName = "TextareaGroup";
const n = (a) => /* @__PURE__ */ r(e.LeadingIcon, { "data-spark-component": "textarea-group-leading-icon", ...a });
n.id = e.LeadingIcon.id;
n.displayName = "TextareaGroup.LeadingIcon";
const o = (a) => /* @__PURE__ */ r(e.TrailingIcon, { "data-spark-component": "textarea-group-trailing-icon", ...a });
o.id = e.TrailingIcon.id;
o.displayName = "TextareaGroup.TrailingIcon";
const s = ({
  className: a,
  disabled: c,
  rows: d = 1,
  isResizable: u = !0,
  ref: l,
  onValueChange: x,
  ...g
}) => /* @__PURE__ */ r(
  i,
  {
    className: T(
      a,
      "py-[var(--spacing-sz-10)]",
      u ? "resize-y" : "resize-none"
    ),
    "data-spark-component": "textarea",
    disabled: c,
    asChild: !0,
    onValueChange: x,
    children: /* @__PURE__ */ r("textarea", { ref: l, rows: d, ...g })
  }
), N = Object.assign(s, {
  id: i.id
});
s.displayName = "Textarea";
const m = Object.assign(p, {
  LeadingIcon: n,
  TrailingIcon: o,
  ClearButton: t
});
m.displayName = "TextareaGroup";
n.displayName = "TextareaGroup.LeadingIcon";
o.displayName = "TextareaGroup.TrailingIcon";
t.displayName = "TextareaGroup.ClearButton";
export {
  N as Textarea,
  m as TextareaGroup
};
//# sourceMappingURL=index.mjs.map
