@purpurds/text-area 8.2.2 → 8.2.4

package/dist/text-area.es.js

@@ -1,29 +1,30 @@
-import { jsxs as f, jsx as s, Fragment as z } from "react/jsx-runtime";
+import { jsxs as _, jsx as p } from "react/jsx-runtime";
 import * as l from "react";
-import { createContext as I, useContext as L, forwardRef as T } from "react";
+import { forwardRef as Z } from "react";
 import "react-dom";
-function k(r) {
+import { useColorScheme as W } from "@purpurds/theme";
+function F(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var $ = { exports: {} };
+var w = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var w;
-function H() {
-  return w || (w = 1, function(r) {
+var q;
+function z() {
+  return q || (q = 1, (function(r) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var e = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
-          o && (e = u(e, i.call(this, o)));
+          o && (e = u(e, a.call(this, o)));
         }
         return e;
       }
-      function i(e) {
+      function a(e) {
         if (typeof e == "string" || typeof e == "number")
           return this && this[e] || e;
         if (typeof e != "object")
@@ -34,7 +35,7 @@ function H() {
           return e.toString();
         var t = "";
         for (var o in e)
-          a.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
+          i.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
         return t;
       }
       function u(e, t) {
@@ -42,10 +43,10 @@ function H() {
       }
       r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
     })();
-  }($)), $.exports;
+  })(w)), w.exports;
 }
-var G = H();
-const J = /* @__PURE__ */ k(G), K = {
+var L = z();
+const k = /* @__PURE__ */ F(L), H = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,50 +54,50 @@ const J = /* @__PURE__ */ k(G), K = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Q = J.bind(K), S = "purpur-icon", U = "md", X = (r) => r.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Y = ({ content: r = "", title: a } = {}) => {
+}, G = k.bind(H), S = "purpur-icon", J = "md", K = (r) => r.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Q = ({ content: r = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], i = a ? `<title>${a}</title>` : "";
-  return `<svg ${X(n)}>${i}${r}</svg>`;
-}, ee = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), M = ({ svg: r, allyTitle: a, className: n, size: i = U, ...u }) => {
-  const e = Y({
-    content: ee(r.svg),
-    title: a
-  }), t = Q(n, S, `${S}--${i}`);
-  return /* @__PURE__ */ s("span", { className: t, dangerouslySetInnerHTML: { __html: e }, ...u });
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${K(n)}>${a}${r}</svg>`;
+}, T = (r) => r.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({ svg: r, allyTitle: i, className: n, size: a = J, ...u }) => {
+  const e = Q({
+    content: T(r.svg),
+    title: i
+  }), t = G(n, S, `${S}--${a}`);
+  return /* @__PURE__ */ p("span", { className: t, dangerouslySetInnerHTML: { __html: e }, ...u });
 };
-M.displayName = "Icon";
-const re = {
+B.displayName = "Icon";
+const U = {
   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 te(r) {
+function X(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var q = { exports: {} };
+var N = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var N;
-function ne() {
-  return N || (N = 1, function(r) {
+var O;
+function Y() {
+  return O || (O = 1, (function(r) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var e = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
-          o && (e = u(e, i.call(this, o)));
+          o && (e = u(e, a.call(this, o)));
         }
         return e;
       }
-      function i(e) {
+      function a(e) {
         if (typeof e == "string" || typeof e == "number")
           return this && this[e] || e;
         if (typeof e != "object")
@@ -107,7 +108,7 @@ function ne() {
           return e.toString();
         var t = "";
         for (var o in e)
-          a.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
+          i.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
         return t;
       }
       function u(e, t) {
@@ -115,56 +116,56 @@ function ne() {
       }
       r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
     })();
-  }(q)), q.exports;
+  })(N)), N.exports;
 }
-var ae = ne();
-const ie = /* @__PURE__ */ te(ae), ue = {
+var ee = Y();
+const re = /* @__PURE__ */ X(ee), te = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, O = ie.bind(ue), h = "purpur-field-error-text", oe = ({
+}, j = re.bind(te), h = "purpur-field-error-text", ne = ({
   children: r,
-  className: a,
+  className: i,
   negative: n = !1,
-  ["aria-relevant"]: i = "additions text",
+  ["aria-relevant"]: a = "additions text",
   ...u
-}) => /* @__PURE__ */ f(
+}) => /* @__PURE__ */ _(
   "div",
   {
-    className: O(a, h, {
+    className: j(i, h, {
       [`${h}--negative`]: n
     }),
     "aria-live": "assertive",
-    "aria-relevant": i,
+    "aria-relevant": a,
     ...u,
     children: [
-      /* @__PURE__ */ s(M, { svg: re, size: "xs", className: O(`${h}__icon`) }),
+      /* @__PURE__ */ p(B, { svg: U, size: "xs", className: j(`${h}__icon`) }),
       r
     ]
   }
 );
-function le(r) {
+function ae(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var j = { exports: {} };
+var A = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var C;
-function se() {
-  return C || (C = 1, function(r) {
+var P;
+function ie() {
+  return P || (P = 1, (function(r) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var e = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
-          o && (e = u(e, i.call(this, o)));
+          o && (e = u(e, a.call(this, o)));
         }
         return e;
       }
-      function i(e) {
+      function a(e) {
         if (typeof e == "string" || typeof e == "number")
           return this && this[e] || e;
         if (typeof e != "object")
@@ -175,7 +176,7 @@ function se() {
           return e.toString();
         var t = "";
         for (var o in e)
-          a.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
+          i.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
         return t;
       }
       function u(e, t) {
@@ -183,86 +184,93 @@ function se() {
       }
       r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
     })();
-  }(j)), j.exports;
+  })(A)), A.exports;
 }
-var pe = se();
-const ce = /* @__PURE__ */ le(pe), de = {
+var ue = ie();
+const oe = /* @__PURE__ */ ae(ue), le = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, fe = ce.bind(de), x = "purpur-field-helper-text", _e = ({
+}, se = oe.bind(le), m = "purpur-field-helper-text", pe = ({
   children: r,
-  className: a,
+  className: i,
   disabled: n,
-  id: i,
+  id: a,
   negative: u,
   ...e
 }) => {
-  const t = fe(a, x, {
-    [`${x}--disabled`]: n,
-    [`${x}--negative`]: u
+  const t = se(i, m, {
+    [`${m}--disabled`]: n,
+    [`${m}--negative`]: u
   });
-  return /* @__PURE__ */ s("span", { id: i, className: t, ...e, children: r });
+  return /* @__PURE__ */ p("span", { id: a, className: t, ...e, children: r });
 };
-function A(r, a) {
+function C(r, i) {
   if (typeof r == "function")
-    return r(a);
-  r != null && (r.current = a);
+    return r(i);
+  r != null && (r.current = i);
 }
-function he(...r) {
-  return (a) => {
+function ce(...r) {
+  return (i) => {
     let n = !1;
-    const i = r.map((u) => {
-      const e = A(u, a);
+    const a = r.map((u) => {
+      const e = C(u, i);
       return !n && typeof e == "function" && (n = !0), e;
     });
     if (n)
       return () => {
-        for (let u = 0; u < i.length; u++) {
-          const e = i[u];
-          typeof e == "function" ? e() : A(r[u], null);
+        for (let u = 0; u < a.length; u++) {
+          const e = a[u];
+          typeof e == "function" ? e() : C(r[u], null);
         }
       };
   };
 }
-var D = l.forwardRef((r, a) => {
-  const { children: n, ...i } = r, u = l.Children.toArray(n), e = u.find(ve);
-  if (e) {
-    const t = e.props.children, o = u.map((p) => p === e ? l.Children.count(t) > 1 ? l.Children.only(null) : l.isValidElement(t) ? t.props.children : null : p);
-    return /* @__PURE__ */ s(y, { ...i, ref: a, children: l.isValidElement(t) ? l.cloneElement(t, void 0, o) : null });
-  }
-  return /* @__PURE__ */ s(y, { ...i, ref: a, children: n });
-});
-D.displayName = "Slot";
-var y = l.forwardRef((r, a) => {
-  const { children: n, ...i } = r;
-  if (l.isValidElement(n)) {
-    const u = ge(n), e = me(i, n.props);
-    return n.type !== l.Fragment && (e.ref = a ? he(a, u) : u), l.cloneElement(n, e);
-  }
-  return l.Children.count(n) > 1 ? l.Children.only(null) : null;
-});
-y.displayName = "SlotClone";
-var xe = ({ children: r }) => /* @__PURE__ */ s(z, { children: r });
-function ve(r) {
-  return l.isValidElement(r) && r.type === xe;
+// @__NO_SIDE_EFFECTS__
+function de(r) {
+  const i = /* @__PURE__ */ fe(r), n = l.forwardRef((a, u) => {
+    const { children: e, ...t } = a, o = l.Children.toArray(e), s = o.find(xe);
+    if (s) {
+      const d = s.props.children, x = o.map((f) => f === s ? l.Children.count(d) > 1 ? l.Children.only(null) : l.isValidElement(d) ? d.props.children : null : f);
+      return /* @__PURE__ */ p(i, { ...t, ref: u, children: l.isValidElement(d) ? l.cloneElement(d, void 0, x) : null });
+    }
+    return /* @__PURE__ */ p(i, { ...t, ref: u, children: e });
+  });
+  return n.displayName = `${r}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function fe(r) {
+  const i = l.forwardRef((n, a) => {
+    const { children: u, ...e } = n;
+    if (l.isValidElement(u)) {
+      const t = he(u), o = ve(e, u.props);
+      return u.type !== l.Fragment && (o.ref = a ? ce(a, t) : t), l.cloneElement(u, o);
+    }
+    return l.Children.count(u) > 1 ? l.Children.only(null) : null;
+  });
+  return i.displayName = `${r}.SlotClone`, i;
+}
+var _e = Symbol("radix.slottable");
+function xe(r) {
+  return l.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === _e;
 }
-function me(r, a) {
-  const n = { ...a };
-  for (const i in a) {
-    const u = r[i], e = a[i];
-    /^on[A-Z]/.test(i) ? u && e ? n[i] = (...t) => {
-      e(...t), u(...t);
-    } : u && (n[i] = u) : i === "style" ? n[i] = { ...u, ...e } : i === "className" && (n[i] = [u, e].filter(Boolean).join(" "));
+function ve(r, i) {
+  const n = { ...i };
+  for (const a in i) {
+    const u = r[a], e = i[a];
+    /^on[A-Z]/.test(a) ? u && e ? n[a] = (...t) => {
+      const o = e(...t);
+      return u(...t), o;
+    } : u && (n[a] = u) : a === "style" ? n[a] = { ...u, ...e } : a === "className" && (n[a] = [u, e].filter(Boolean).join(" "));
   }
   return { ...r, ...n };
 }
-function ge(r) {
-  var a, n;
-  let i = (a = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : a.get, u = i && "isReactWarning" in i && i.isReactWarning;
-  return u ? r.ref : (i = (n = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : n.get, u = i && "isReactWarning" in i && i.isReactWarning, u ? r.props.ref : r.props.ref || r.ref);
+function he(r) {
+  var i, n;
+  let a = (i = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : i.get, u = a && "isReactWarning" in a && a.isReactWarning;
+  return u ? r.ref : (a = (n = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : n.get, u = a && "isReactWarning" in a && a.isReactWarning, u ? r.props.ref : r.props.ref || r.ref);
 }
-var ye = [
+var me = [
   "a",
   "button",
   "div",
@@ -276,50 +284,51 @@ var ye = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
-], be = ye.reduce((r, a) => {
-  const n = l.forwardRef((i, u) => {
-    const { asChild: e, ...t } = i, o = e ? D : a;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(o, { ...t, ref: u });
+], ye = me.reduce((r, i) => {
+  const n = /* @__PURE__ */ de(`Primitive.${i}`), a = l.forwardRef((u, e) => {
+    const { asChild: t, ...o } = u, s = t ? n : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(s, { ...o, ref: e });
   });
-  return n.displayName = `Primitive.${a}`, { ...r, [a]: n };
-}, {}), $e = "Label", B = l.forwardRef((r, a) => /* @__PURE__ */ s(
-  be.label,
+  return a.displayName = `Primitive.${i}`, { ...r, [i]: a };
+}, {}), ge = "Label", D = l.forwardRef((r, i) => /* @__PURE__ */ p(
+  ye.label,
   {
     ...r,
-    ref: a,
+    ref: i,
     onMouseDown: (n) => {
-      var i;
-      n.target.closest("button, input, select, textarea") || ((i = r.onMouseDown) == null || i.call(r, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      var a;
+      n.target.closest("button, input, select, textarea") || ((a = r.onMouseDown) == null || a.call(r, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-B.displayName = $e;
-var we = B;
-function Se(r) {
+D.displayName = ge;
+var be = D;
+function $e(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var P = { exports: {} };
+var R = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var R;
-function qe() {
-  return R || (R = 1, function(r) {
+var M;
+function we() {
+  return M || (M = 1, (function(r) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var e = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
-          o && (e = u(e, i.call(this, o)));
+          o && (e = u(e, a.call(this, o)));
         }
         return e;
       }
-      function i(e) {
+      function a(e) {
         if (typeof e == "string" || typeof e == "number")
           return this && this[e] || e;
         if (typeof e != "object")
@@ -330,7 +339,7 @@ function qe() {
           return e.toString();
         var t = "";
         for (var o in e)
-          a.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
+          i.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
         return t;
       }
       function u(e, t) {
@@ -338,62 +347,48 @@ function qe() {
       }
       r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
     })();
-  }(P)), P.exports;
+  })(R)), R.exports;
 }
-var Ne = qe();
-const Oe = /* @__PURE__ */ Se(Ne), je = {
+var qe = we();
+const Se = /* @__PURE__ */ $e(qe), Ne = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Ce = Oe.bind(je), v = "purpur-label", Ae = ({
+}, Oe = Se.bind(Ne), y = "purpur-label", je = ({
   children: r,
-  className: a,
+  className: i,
   disabled: n,
-  negative: i = !1,
+  negative: a = !1,
   ...u
 }) => {
-  const e = Ce(a, v, {
-    [`${v}--disabled`]: n,
-    [`${v}--negative`]: i
+  const e = Oe(i, y, {
+    [`${y}--disabled`]: n,
+    [`${y}--negative`]: a
   });
-  return /* @__PURE__ */ s(we, { className: e, ...u, children: r });
-}, Pe = I({
-  colorScheme: "light",
-  currentColorScheme: "light",
-  setColorScheme: () => {
-  },
-  options: {}
-}), Re = () => {
-  const r = L(Pe);
-  if (!r)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return r;
-}, Ee = () => {
-  const { currentColorScheme: r, setColorScheme: a } = Re();
-  return [r, a];
+  return /* @__PURE__ */ p(be, { className: e, ...u, children: r });
 };
-function Me(r) {
+function Ae(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var m = { exports: {} };
+var g = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
 var E;
-function De() {
-  return E || (E = 1, function(r) {
+function Pe() {
+  return E || (E = 1, (function(r) {
     (function() {
-      var a = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var e = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
-          o && (e = u(e, i.call(this, o)));
+          o && (e = u(e, a.call(this, o)));
         }
         return e;
       }
-      function i(e) {
+      function a(e) {
         if (typeof e == "string" || typeof e == "number")
           return this && this[e] || e;
         if (typeof e != "object")
@@ -404,7 +399,7 @@ function De() {
           return e.toString();
         var t = "";
         for (var o in e)
-          a.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
+          i.call(e, o) && e[o] && (t = u(t, this && this[o] || o));
         return t;
       }
       function u(e, t) {
@@ -412,10 +407,10 @@ function De() {
       }
       r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
     })();
-  }(m)), m.exports;
+  })(g)), g.exports;
 }
-var Be = De();
-const Ve = /* @__PURE__ */ Me(Be), b = {
+var Ce = Pe();
+const Re = /* @__PURE__ */ Ae(Ce), $ = {
   "purpur-text-area": "_purpur-text-area_1qqf0_1",
   "purpur-text-area__label": "_purpur-text-area__label_1qqf0_8",
   "purpur-text-area__label-text": "_purpur-text-area__label-text_1qqf0_13",
@@ -428,66 +423,66 @@ const Ve = /* @__PURE__ */ Me(Be), b = {
   "purpur-text-area__textarea--dark": "_purpur-text-area__textarea--dark_1qqf0_60",
   "purpur-text-area__textarea--valid": "_purpur-text-area__textarea--valid_1qqf0_91",
   "purpur-text-area__textarea--error": "_purpur-text-area__textarea--error_1qqf0_91"
-}, g = Ve.bind(b), c = "purpur-text-area", Ze = T(
+}, b = Re.bind($), c = "purpur-text-area", Me = Z(
   ({
     id: r,
-    ["data-testid"]: a,
+    ["data-testid"]: i,
     className: n,
-    errorText: i,
+    errorText: a,
     helperText: u,
     label: e,
     rows: t = 3,
     cols: o = 90,
-    ...p
-  }, V) => {
-    const [Z] = Ee(), d = (W) => a ? `${a}-${W}` : void 0, _ = u ? `${r}-helper-text` : void 0, F = g(`${c}__textarea-container`, {
-      [`${c}__textarea-container--disabled`]: p.disabled,
-      [`${c}__textarea-container--readonly`]: p.readOnly && !p.disabled
+    ...s
+  }, d) => {
+    const [x] = W(), f = (I) => i ? `${i}-${I}` : void 0, v = u ? `${r}-helper-text` : void 0, V = b(`${c}__textarea-container`, {
+      [`${c}__textarea-container--disabled`]: s.disabled,
+      [`${c}__textarea-container--readonly`]: s.readOnly && !s.disabled
     });
-    return /* @__PURE__ */ f("div", { className: g(n, c), "data-testid": a, children: [
-      e && /* @__PURE__ */ f(
-        Ae,
+    return /* @__PURE__ */ _("div", { className: b(n, c), "data-testid": i, children: [
+      e && /* @__PURE__ */ _(
+        je,
         {
           htmlFor: r,
-          disabled: p.disabled,
-          className: b[`${c}__label`],
-          "data-testid": d("label"),
+          disabled: s.disabled,
+          className: $[`${c}__label`],
+          "data-testid": f("label"),
           children: [
-            p.required && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
+            s.required && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "*" }),
             e
           ]
         }
       ),
-      /* @__PURE__ */ f("div", { className: F, children: [
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ _("div", { className: V, children: [
+        /* @__PURE__ */ p(
           "textarea",
           {
-            ...p,
-            ref: V,
+            ...s,
+            ref: d,
             id: r,
-            "data-testid": d("textarea"),
-            "aria-describedby": p["aria-describedby"] || _,
-            "aria-invalid": p["aria-invalid"] || !!i,
-            className: g(
+            "data-testid": f("textarea"),
+            "aria-describedby": s["aria-describedby"] || v,
+            "aria-invalid": s["aria-invalid"] || !!a,
+            className: b(
               `${c}__textarea`,
-              `${c}__textarea--${Z}`,
+              `${c}__textarea--${x}`,
               {
-                [`${c}__textarea--error`]: !!i
+                [`${c}__textarea--error`]: !!a
               }
             ),
             rows: t,
             cols: o
           }
         ),
-        /* @__PURE__ */ s("div", { className: b[`${c}__frame`] })
+        /* @__PURE__ */ p("div", { className: $[`${c}__frame`] })
       ] }),
-      _ && /* @__PURE__ */ s(_e, { "data-testid": d("helper-text"), id: _, children: u }),
-      i && /* @__PURE__ */ s(oe, { "data-testid": d("error-text"), children: i })
+      v && /* @__PURE__ */ p(pe, { "data-testid": f("helper-text"), id: v, children: u }),
+      a && /* @__PURE__ */ p(ne, { "data-testid": f("error-text"), children: a })
     ] });
   }
 );
-Ze.displayName = "TextArea";
+Me.displayName = "TextArea";
 export {
-  Ze as TextArea
+  Me as TextArea
 };
 //# sourceMappingURL=text-area.es.js.map