@purpurds/text-area 7.6.1 → 7.7.0

package/dist/text-area.es.js

@@ -1,25 +1,25 @@
-import { jsxs as _, jsx as s, Fragment as I } from "react/jsx-runtime";
+import { jsxs as f, jsx as s, Fragment as W } from "react/jsx-runtime";
 import * as u from "react";
-import { forwardRef as L } from "react";
+import { forwardRef as z } from "react";
 import "react-dom";
-function H(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function I(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var h = { exports: {} };
+var y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var $;
-function T() {
-  return $ || ($ = 1, function(t) {
+var g;
+function L() {
+  return g || (g = 1, function(e) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
-        for (var r = "", e = 0; e < arguments.length; e++) {
-          var o = arguments[e];
-          o && (r = l(r, a.call(this, o)));
+        for (var r = "", t = 0; t < arguments.length; t++) {
+          var l = arguments[t];
+          l && (r = o(r, a.call(this, l)));
         }
         return r;
       }
@@ -32,20 +32,20 @@ function T() {
           return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var e = "";
-        for (var o in r)
-          i.call(r, o) && r[o] && (e = l(e, this && this[o] || o));
-        return e;
+        var t = "";
+        for (var l in r)
+          i.call(r, l) && r[l] && (t = o(t, this && this[l] || l));
+        return t;
       }
-      function l(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function o(r, t) {
+        return t ? r ? r + " " + t : r + t : r;
       }
-      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(h)), h.exports;
+  }(y)), y.exports;
 }
-var k = T();
-const G = /* @__PURE__ */ H(k), J = {
+var H = L();
+const G = /* @__PURE__ */ I(H), J = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,228 +53,209 @@ const G = /* @__PURE__ */ H(k), J = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, K = G.bind(J), w = "purpur-icon", Q = "md", U = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), X = ({ content: t = "", title: i } = {}) => {
+}, K = G.bind(J), $ = "purpur-icon", Q = "md", T = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), U = ({ content: e = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${U(n)}>${a}${t}</svg>`;
-}, Y = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), V = ({
-  ["data-testid"]: t,
-  svg: i,
-  allyTitle: n,
-  className: a,
-  size: l = Q,
-  ...r
-}) => {
-  const e = X({
-    content: Y(i.svg),
-    title: n
-  }), o = K(a, w, `${w}--${l}`);
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      className: o,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: e },
-      ...r
-    }
-  );
+  return `<svg ${T(n)}>${a}${e}</svg>`;
+}, X = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({ svg: e, allyTitle: i, className: n, size: a = Q, ...o }) => {
+  const r = U({
+    content: X(e.svg),
+    title: i
+  }), t = K(n, $, `${$}--${a}`);
+  return /* @__PURE__ */ s("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...o });
 };
-V.displayName = "Icon";
-const rr = {
+E.displayName = "Icon";
+const Y = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
 };
-function tr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function k(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var S = { exports: {} };
+var w = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var j;
-function er() {
-  return j || (j = 1, function(t) {
+var S;
+function rr() {
+  return S || (S = 1, function(e) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
-        for (var r = "", e = 0; e < arguments.length; e++) {
-          var o = arguments[e];
-          o && (r = l(r, a(o)));
+        for (var r = "", t = 0; t < arguments.length; t++) {
+          var l = arguments[t];
+          l && (r = o(r, a.call(this, l)));
         }
         return r;
       }
       function a(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return n.apply(null, r);
+          return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var e = "";
-        for (var o in r)
-          i.call(r, o) && r[o] && (e = l(e, o));
-        return e;
+        var t = "";
+        for (var l in r)
+          i.call(r, l) && r[l] && (t = o(t, this && this[l] || l));
+        return t;
       }
-      function l(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function o(r, t) {
+        return t ? r ? r + " " + t : r + t : r;
       }
-      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(S)), S.exports;
+  }(w)), w.exports;
 }
-var nr = er();
-const ar = /* @__PURE__ */ tr(nr), N = {
+var er = rr();
+const tr = /* @__PURE__ */ k(er), nr = {
   "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
-}, O = "purpur-field-error-text", ir = ({
-  children: t,
+}, j = tr.bind(nr), N = "purpur-field-error-text", ar = ({
+  children: e,
   className: i,
   ["aria-relevant"]: n = "additions text",
   ...a
-}) => /* @__PURE__ */ _(
+}) => /* @__PURE__ */ f(
   "div",
   {
-    className: ar([i, N[O]]),
+    className: j(i, N),
     "aria-live": "assertive",
     "aria-relevant": n,
     ...a,
     children: [
-      /* @__PURE__ */ s(V, { svg: rr, size: "xs", className: N[`${O}__icon`] }),
-      t
+      /* @__PURE__ */ s(E, { svg: Y, size: "xs", className: j(`${N}__icon`) }),
+      e
     ]
   }
 );
-function lr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function ir(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var A = { exports: {} };
+var O = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var C;
+var A;
 function or() {
-  return C || (C = 1, function(t) {
+  return A || (A = 1, function(e) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
-        for (var r = "", e = 0; e < arguments.length; e++) {
-          var o = arguments[e];
-          o && (r = l(r, a(o)));
+        for (var r = "", t = 0; t < arguments.length; t++) {
+          var l = arguments[t];
+          l && (r = o(r, a.call(this, l)));
         }
         return r;
       }
       function a(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return n.apply(null, r);
+          return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var e = "";
-        for (var o in r)
-          i.call(r, o) && r[o] && (e = l(e, o));
-        return e;
+        var t = "";
+        for (var l in r)
+          i.call(r, l) && r[l] && (t = o(t, this && this[l] || l));
+        return t;
       }
-      function l(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function o(r, t) {
+        return t ? r ? r + " " + t : r + t : r;
       }
-      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(A)), A.exports;
+  }(O)), O.exports;
 }
-var ur = or();
-const sr = /* @__PURE__ */ lr(ur), P = {
+var lr = or();
+const ur = /* @__PURE__ */ ir(lr), sr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, q = "purpur-field-helper-text", pr = ({
-  children: t,
+}, pr = ur.bind(sr), P = "purpur-field-helper-text", cr = ({
+  children: e,
   className: i,
   disabled: n,
   id: a,
-  ...l
+  ...o
 }) => {
-  const r = sr([
-    i,
-    P[q],
-    {
-      [P[`${q}--disabled`]]: n
-    }
-  ]);
-  return /* @__PURE__ */ s("span", { id: a, className: r, ...l, children: t });
+  const r = pr(i, P, {
+    [`${P}--disabled`]: n
+  });
+  return /* @__PURE__ */ s("span", { id: a, className: r, ...o, children: e });
 };
-function M(t, i) {
-  if (typeof t == "function")
-    return t(i);
-  t != null && (t.current = i);
+function C(e, i) {
+  if (typeof e == "function")
+    return e(i);
+  e != null && (e.current = i);
 }
-function cr(...t) {
+function dr(...e) {
   return (i) => {
     let n = !1;
-    const a = t.map((l) => {
-      const r = M(l, i);
+    const a = e.map((o) => {
+      const r = C(o, i);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let l = 0; l < a.length; l++) {
-          const r = a[l];
-          typeof r == "function" ? r() : M(t[l], null);
+        for (let o = 0; o < a.length; o++) {
+          const r = a[o];
+          typeof r == "function" ? r() : C(e[o], null);
         }
       };
   };
 }
-var Z = u.forwardRef((t, i) => {
-  const { children: n, ...a } = t, l = u.Children.toArray(n), r = l.find(fr);
+var D = u.forwardRef((e, i) => {
+  const { children: n, ...a } = e, o = u.Children.toArray(n), r = o.find(_r);
   if (r) {
-    const e = r.props.children, o = l.map((p) => p === r ? u.Children.count(e) > 1 ? u.Children.only(null) : u.isValidElement(e) ? e.props.children : null : p);
-    return /* @__PURE__ */ s(g, { ...a, ref: i, children: u.isValidElement(e) ? u.cloneElement(e, void 0, o) : null });
+    const t = r.props.children, l = o.map((p) => p === r ? u.Children.count(t) > 1 ? u.Children.only(null) : u.isValidElement(t) ? t.props.children : null : p);
+    return /* @__PURE__ */ s(x, { ...a, ref: i, children: u.isValidElement(t) ? u.cloneElement(t, void 0, l) : null });
   }
-  return /* @__PURE__ */ s(g, { ...a, ref: i, children: n });
+  return /* @__PURE__ */ s(x, { ...a, ref: i, children: n });
 });
-Z.displayName = "Slot";
-var g = u.forwardRef((t, i) => {
-  const { children: n, ...a } = t;
+D.displayName = "Slot";
+var x = u.forwardRef((e, i) => {
+  const { children: n, ...a } = e;
   if (u.isValidElement(n)) {
-    const l = mr(n), r = _r(a, n.props);
-    return n.type !== u.Fragment && (r.ref = i ? cr(i, l) : l), u.cloneElement(n, r);
+    const o = vr(n), r = mr(a, n.props);
+    return n.type !== u.Fragment && (r.ref = i ? dr(i, o) : o), u.cloneElement(n, r);
   }
   return u.Children.count(n) > 1 ? u.Children.only(null) : null;
 });
-g.displayName = "SlotClone";
-var dr = ({ children: t }) => /* @__PURE__ */ s(I, { children: t });
-function fr(t) {
-  return u.isValidElement(t) && t.type === dr;
+x.displayName = "SlotClone";
+var fr = ({ children: e }) => /* @__PURE__ */ s(W, { children: e });
+function _r(e) {
+  return u.isValidElement(e) && e.type === fr;
 }
-function _r(t, i) {
+function mr(e, i) {
   const n = { ...i };
   for (const a in i) {
-    const l = t[a], r = i[a];
-    /^on[A-Z]/.test(a) ? l && r ? n[a] = (...e) => {
-      r(...e), l(...e);
-    } : l && (n[a] = l) : a === "style" ? n[a] = { ...l, ...r } : a === "className" && (n[a] = [l, r].filter(Boolean).join(" "));
+    const o = e[a], r = i[a];
+    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...t) => {
+      r(...t), o(...t);
+    } : o && (n[a] = o) : a === "style" ? n[a] = { ...o, ...r } : a === "className" && (n[a] = [o, r].filter(Boolean).join(" "));
   }
-  return { ...t, ...n };
+  return { ...e, ...n };
 }
-function mr(t) {
+function vr(e) {
   var i, n;
-  let a = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, l = a && "isReactWarning" in a && a.isReactWarning;
-  return l ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, l = a && "isReactWarning" in a && a.isReactWarning, l ? t.props.ref : t.props.ref || t.ref);
+  let a = (i = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : i.get, o = a && "isReactWarning" in a && a.isReactWarning;
+  return o ? e.ref : (a = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = a && "isReactWarning" in a && a.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var vr = [
+var hr = [
   "a",
   "button",
   "div",
@@ -291,133 +272,129 @@ var vr = [
   "span",
   "svg",
   "ul"
-], xr = vr.reduce((t, i) => {
-  const n = u.forwardRef((a, l) => {
-    const { asChild: r, ...e } = a, o = r ? Z : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(o, { ...e, ref: l });
+], xr = hr.reduce((e, i) => {
+  const n = u.forwardRef((a, o) => {
+    const { asChild: r, ...t } = a, l = r ? D : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(l, { ...t, ref: o });
   });
-  return n.displayName = `Primitive.${i}`, { ...t, [i]: n };
-}, {}), yr = "Label", F = u.forwardRef((t, i) => /* @__PURE__ */ s(
+  return n.displayName = `Primitive.${i}`, { ...e, [i]: n };
+}, {}), br = "Label", B = u.forwardRef((e, i) => /* @__PURE__ */ s(
   xr.label,
   {
-    ...t,
+    ...e,
     ref: i,
     onMouseDown: (n) => {
       var a;
-      n.target.closest("button, input, select, textarea") || ((a = t.onMouseDown) == null || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      n.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-F.displayName = yr;
-var br = F;
-function gr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+B.displayName = br;
+var yr = B;
+function gr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var R = { exports: {} };
+var q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var E;
-function hr() {
-  return E || (E = 1, function(t) {
+var R;
+function $r() {
+  return R || (R = 1, function(e) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
-        for (var r = "", e = 0; e < arguments.length; e++) {
-          var o = arguments[e];
-          o && (r = l(r, a(o)));
+        for (var r = "", t = 0; t < arguments.length; t++) {
+          var l = arguments[t];
+          l && (r = o(r, a.call(this, l)));
         }
         return r;
       }
       function a(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return n.apply(null, r);
+          return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var e = "";
-        for (var o in r)
-          i.call(r, o) && r[o] && (e = l(e, o));
-        return e;
+        var t = "";
+        for (var l in r)
+          i.call(r, l) && r[l] && (t = o(t, this && this[l] || l));
+        return t;
       }
-      function l(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function o(r, t) {
+        return t ? r ? r + " " + t : r + t : r;
       }
-      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(R)), R.exports;
+  }(q)), q.exports;
 }
-var $r = hr();
-const wr = /* @__PURE__ */ gr($r), v = {
+var wr = $r();
+const Sr = /* @__PURE__ */ gr(wr), jr = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, x = "purpur-label", Sr = ({
-  children: t,
+}, Nr = Sr.bind(jr), m = "purpur-label", Or = ({
+  children: e,
   className: i,
   disabled: n,
   negative: a = !1,
-  ...l
+  ...o
 }) => {
-  const r = wr([
-    i,
-    v[x],
-    {
-      [v[`${x}--disabled`]]: n,
-      [v[`${x}--negative`]]: a
-    }
-  ]);
-  return /* @__PURE__ */ s(br, { className: r, ...l, children: t });
+  const r = Nr(i, m, {
+    [`${m}--disabled`]: n,
+    [`${m}--negative`]: a
+  });
+  return /* @__PURE__ */ s(yr, { className: r, ...o, children: e });
 };
-function jr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Ar(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var y = { exports: {} };
+var v = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var D;
-function Nr() {
-  return D || (D = 1, function(t) {
+var M;
+function Pr() {
+  return M || (M = 1, function(e) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
-        for (var r = "", e = 0; e < arguments.length; e++) {
-          var o = arguments[e];
-          o && (r = l(r, a(o)));
+        for (var r = "", t = 0; t < arguments.length; t++) {
+          var l = arguments[t];
+          l && (r = o(r, a.call(this, l)));
         }
         return r;
       }
       function a(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return n.apply(null, r);
+          return n.apply(this, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var e = "";
-        for (var o in r)
-          i.call(r, o) && r[o] && (e = l(e, o));
-        return e;
+        var t = "";
+        for (var l in r)
+          i.call(r, l) && r[l] && (t = o(t, this && this[l] || l));
+        return t;
       }
-      function l(r, e) {
-        return e ? r ? r + " " + e : r + e : r;
+      function o(r, t) {
+        return t ? r ? r + " " + t : r + t : r;
       }
-      t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(y)), y.exports;
+  }(v)), v.exports;
 }
-var Or = Nr();
-const b = /* @__PURE__ */ jr(Or), c = {
+var Cr = Pr();
+const qr = /* @__PURE__ */ Ar(Cr), b = {
   "purpur-text-area": "_purpur-text-area_15b4m_1",
   "purpur-text-area__label": "_purpur-text-area__label_15b4m_8",
   "purpur-text-area__label-text": "_purpur-text-area__label-text_15b4m_13",
@@ -428,66 +405,62 @@ const b = /* @__PURE__ */ jr(Or), c = {
   "purpur-text-area__textarea": "_purpur-text-area__textarea_15b4m_23",
   "purpur-text-area__textarea--valid": "_purpur-text-area__textarea--valid_15b4m_82",
   "purpur-text-area__textarea--error": "_purpur-text-area__textarea--error_15b4m_82"
-}, d = "purpur-text-area", Ar = ({
-  id: t,
-  ["data-testid"]: i,
-  className: n,
-  errorText: a,
-  helperText: l,
-  label: r,
-  rows: e = 3,
-  cols: o = 90,
-  ...p
-}, W) => {
-  const f = (z) => i ? `${i}-${z}` : void 0, m = l ? `${t}-helper-text` : void 0, B = b([
-    c[`${d}__textarea-container`],
-    {
-      [c[`${d}__textarea-container--disabled`]]: p.disabled,
-      [c[`${d}__textarea-container--readonly`]]: p.readOnly && !p.disabled
-    }
-  ]);
-  return /* @__PURE__ */ _("div", { className: b(n, c[d]), "data-testid": i, children: [
-    r && /* @__PURE__ */ _(
-      Sr,
-      {
-        htmlFor: t,
-        disabled: p.disabled,
-        className: c[`${d}__label`],
-        "data-testid": f("label"),
-        children: [
-          p.required && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
-          r
-        ]
-      }
-    ),
-    /* @__PURE__ */ _("div", { className: B, children: [
-      /* @__PURE__ */ s(
-        "textarea",
+}, h = qr.bind(b), c = "purpur-text-area", Rr = z(
+  ({
+    id: e,
+    ["data-testid"]: i,
+    className: n,
+    errorText: a,
+    helperText: o,
+    label: r,
+    rows: t = 3,
+    cols: l = 90,
+    ...p
+  }, V) => {
+    const d = (F) => i ? `${i}-${F}` : void 0, _ = o ? `${e}-helper-text` : void 0, Z = h(`${c}__textarea-container`, {
+      [`${c}__textarea-container--disabled`]: p.disabled,
+      [`${c}__textarea-container--readonly`]: p.readOnly && !p.disabled
+    });
+    return /* @__PURE__ */ f("div", { className: h(n, c), "data-testid": i, children: [
+      r && /* @__PURE__ */ f(
+        Or,
         {
-          ...p,
-          ref: W,
-          id: t,
-          "data-testid": f("textarea"),
-          "aria-describedby": p["aria-describedby"] || m,
-          "aria-invalid": p["aria-invalid"] || !!a,
-          className: b([
-            c[`${d}__textarea`],
-            {
-              [c[`${d}__textarea--error`]]: !!a
-            }
-          ]),
-          rows: e,
-          cols: o
+          htmlFor: e,
+          disabled: p.disabled,
+          className: b[`${c}__label`],
+          "data-testid": d("label"),
+          children: [
+            p.required && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
+            r
+          ]
         }
       ),
-      /* @__PURE__ */ s("div", { className: c[`${d}__frame`] })
-    ] }),
-    m && /* @__PURE__ */ s(pr, { "data-testid": f("helper-text"), id: m, children: l }),
-    a && /* @__PURE__ */ s(ir, { "data-testid": f("error-text"), children: a })
-  ] });
-}, Cr = L(Ar);
-Cr.displayName = "TextArea";
+      /* @__PURE__ */ f("div", { className: Z, children: [
+        /* @__PURE__ */ s(
+          "textarea",
+          {
+            ...p,
+            ref: V,
+            id: e,
+            "data-testid": d("textarea"),
+            "aria-describedby": p["aria-describedby"] || _,
+            "aria-invalid": p["aria-invalid"] || !!a,
+            className: h(`${c}__textarea`, {
+              [`${c}__textarea--error`]: !!a
+            }),
+            rows: t,
+            cols: l
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: b[`${c}__frame`] })
+      ] }),
+      _ && /* @__PURE__ */ s(cr, { "data-testid": d("helper-text"), id: _, children: o }),
+      a && /* @__PURE__ */ s(ar, { "data-testid": d("error-text"), children: a })
+    ] });
+  }
+);
+Rr.displayName = "TextArea";
 export {
-  Cr as TextArea
+  Rr as TextArea
 };
 //# sourceMappingURL=text-area.es.js.map