@spark-ui/components/dist/textarea/index.mjs

Spark (Leboncoin design system) components.

import {
  Input,
  InputGroup
} from "../chunk-TUFNIIZE.mjs";
import "../chunk-AESXFMCC.mjs";
import "../chunk-NBZKMCHF.mjs";
import "../chunk-4F5DOL57.mjs";

// src/textarea/TextareaGroup.tsx
import { jsx } from "react/jsx-runtime";
var TextareaGroup = (props) => {
  return /* @__PURE__ */ jsx(InputGroup, { ...props });
};
TextareaGroup.displayName = "TextareaGroup";

// src/textarea/TextareaLeadingIcon.tsx
import { jsx as jsx2 } from "react/jsx-runtime";
var TextareaLeadingIcon = (props) => {
  return /* @__PURE__ */ jsx2(InputGroup.LeadingIcon, { "data-spark-component": "textarea-group-leading-icon", ...props });
};
TextareaLeadingIcon.id = InputGroup.LeadingIcon.id;
TextareaLeadingIcon.displayName = "TextareaGroup.LeadingIcon";

// src/textarea/TextareaTrailingIcon.tsx
import { jsx as jsx3 } from "react/jsx-runtime";
var TextareaTrailingIcon = (props) => {
  return /* @__PURE__ */ jsx3(InputGroup.TrailingIcon, { "data-spark-component": "textarea-group-trailing-icon", ...props });
};
TextareaTrailingIcon.id = InputGroup.TrailingIcon.id;
TextareaTrailingIcon.displayName = "TextareaGroup.TrailingIcon";

// src/textarea/Textarea.tsx
import { cx } from "class-variance-authority";
import { jsx as jsx4 } from "react/jsx-runtime";
var Root = ({
  className,
  disabled,
  rows = 1,
  isResizable = true,
  ref,
  ...others
}) => {
  return /* @__PURE__ */ jsx4(
    Input,
    {
      className: cx(
        className,
        "py-[var(--spacing-sz-10)]",
        isResizable ? "resize-y" : "resize-none"
      ),
      "data-spark-component": "textarea",
      disabled,
      asChild: true,
      children: /* @__PURE__ */ jsx4("textarea", { ref, rows, ...others })
    }
  );
};
var Textarea = Object.assign(Root, {
  id: Input.id
});
Root.displayName = "Textarea";

// src/textarea/index.ts
var TextareaGroup2 = Object.assign(TextareaGroup, {
  LeadingIcon: TextareaLeadingIcon,
  TrailingIcon: TextareaTrailingIcon
});
TextareaGroup2.displayName = "TextareaGroup";
TextareaLeadingIcon.displayName = "TextareaGroup.LeadingIcon";
TextareaTrailingIcon.displayName = "TextareaGroup.TrailingIcon";
export {
  Textarea,
  TextareaGroup2 as TextareaGroup
};
//# sourceMappingURL=index.mjs.map