@purpurds/text-field 7.6.1 → 7.7.0

package/dist/text-field.es.js

@@ -1,43 +1,43 @@
-import { jsxs as m, jsx as p, Fragment as Nr } from "react/jsx-runtime";
+import { jsxs as b, jsx as p, Fragment as xr } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as fr, useRef as Or, useId as jr, isValidElement as qr } from "react";
+import { forwardRef as sr, useRef as $r, useId as wr, isValidElement as Sr } from "react";
 import "react-dom";
-const kr = {
+const Nr = {
   LG: "lg"
 };
-function Mr(t) {
+function Or(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var F = { exports: {} };
+var z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Z;
-function Cr() {
-  return Z || (Z = 1, function(t) {
+var D;
+function jr() {
+  return D || (D = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = l(r, a(i)));
+          i && (r = l(r, a.call(this, i)));
         }
         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 i in r)
-          u.call(r, i) && r[i] && (e = l(e, i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
       function l(r, e) {
@@ -45,61 +45,52 @@ function Cr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(F)), F.exports;
+  }(z)), z.exports;
 }
-var Ar = Cr();
-const W = /* @__PURE__ */ Mr(Ar), Rr = "_rotate_12t9p_1", Br = "_dash_12t9p_1", w = {
+var qr = jr();
+const kr = /* @__PURE__ */ Or(qr), Mr = "_rotate_12t9p_1", Ar = "_dash_12t9p_1", Cr = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Rr,
+  rotate: Mr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Br,
+  dash: Ar,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, S = "purpur-spinner", Ir = {
+}, L = kr.bind(Cr), x = "purpur-spinner", Rr = {
   SM: "sm"
-}, Er = ({
-  ["data-testid"]: t,
-  disabled: u = !1,
-  negative: n = !1,
-  size: a = Ir.SM,
-  ...l
-}) => /* @__PURE__ */ p(
-  "div",
+}, Br = ({
+  disabled: t = !1,
+  negative: u = !1,
+  size: n = Rr.SM,
+  ...a
+}) => /* @__PURE__ */ p("div", { className: L(x, `${x}--${n}`), ...a, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+  "circle",
   {
-    className: W([w[S], w[`${S}--${a}`]]),
-    "data-testid": t,
-    ...l,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
-      "circle",
-      {
-        className: W(w[`${S}__circle`], {
-          [w[`${S}__circle--disabled`]]: u,
-          [w[`${S}__circle--negative`]]: n
-        }),
-        cx: "25",
-        cy: "25",
-        r: "20"
-      }
-    ) })
+    className: L(`${x}__circle`, {
+      [`${x}__circle--disabled`]: t,
+      [`${x}__circle--negative`]: u
+    }),
+    cx: "25",
+    cy: "25",
+    r: "20"
   }
-);
-function Pr(t) {
+) }) });
+function Ir(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var T = { exports: {} };
+var Z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var G;
-function Vr() {
-  return G || (G = 1, function(t) {
+var F;
+function Er() {
+  return F || (F = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -128,10 +119,10 @@ function Vr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(T)), T.exports;
+  }(Z)), Z.exports;
 }
-var zr = Vr();
-const Dr = /* @__PURE__ */ Pr(zr), Lr = {
+var Pr = Er();
+const Vr = /* @__PURE__ */ Ir(Pr), zr = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -153,70 +144,77 @@ const Dr = /* @__PURE__ */ Pr(zr), Lr = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, Fr = Dr.bind(Lr), g = "purpur-button", Zr = ({
-  children: t,
-  className: u,
-  ["data-testid"]: n,
-  disabled: a = !1,
-  fullWidth: l = !1,
-  iconOnly: r,
-  loading: e = !1,
-  negative: i = !1,
-  onClick: v,
-  size: $ = "md",
-  variant: y,
-  type: b = "button",
-  ...j
-}, k) => {
-  if (r && y === "destructive")
-    return null;
-  const o = Fr(
-    [
-      g,
-      `${g}--${i ? `${y}-negative` : y}`,
-      `${g}--${$}`
-    ],
-    {
-      [`${g}--icon-only`]: r,
-      [`${g}--negative`]: i,
-      [`${g}--full-width`]: l,
-      [`${g}--disabled`]: a || e
-    },
-    u
-  ), x = (h) => {
-    a || e ? h.preventDefault() : v && v(h);
-  }, q = !!j["aria-disabled"] || a || e;
-  return /* @__PURE__ */ m(
-    "button",
-    {
-      className: o,
-      "data-testid": n,
-      type: b,
-      ref: k,
-      "aria-disabled": q,
-      onClick: x,
-      ...j,
-      children: [
-        e && /* @__PURE__ */ p(Er, { size: $ === kr.LG ? "xs" : "xxs", negative: i, disabled: q }),
-        " ",
-        t
-      ]
-    }
-  );
-}, vr = fr(Zr);
-vr.displayName = "Button";
-function Wr(t) {
+}, Dr = Vr.bind(zr), h = "purpur-button", cr = sr(
+  ({
+    children: t,
+    className: u,
+    disabled: n = !1,
+    fullWidth: a = !1,
+    iconOnly: l,
+    loading: r = !1,
+    negative: e = !1,
+    onClick: i,
+    size: v = "md",
+    variant: y,
+    type: w = "button",
+    ...g
+  }, N) => {
+    if (l && y === "destructive")
+      return null;
+    const O = Dr(
+      [
+        h,
+        `${h}--${e ? `${y}-negative` : y}`,
+        `${h}--${v}`
+      ],
+      {
+        [`${h}--icon-only`]: l,
+        [`${h}--negative`]: e,
+        [`${h}--full-width`]: a,
+        [`${h}--disabled`]: n || r
+      },
+      u
+    ), o = (S) => {
+      n || r ? S.preventDefault() : i && i(S);
+    }, m = !!g["aria-disabled"] || n || r;
+    return /* @__PURE__ */ b(
+      "button",
+      {
+        className: O,
+        type: w,
+        ref: N,
+        "aria-disabled": m,
+        onClick: o,
+        ...g,
+        children: [
+          r && /* @__PURE__ */ p(
+            Br,
+            {
+              size: v === Nr.LG ? "xs" : "xxs",
+              negative: e,
+              disabled: m
+            }
+          ),
+          " ",
+          t
+        ]
+      }
+    );
+  }
+);
+cr.displayName = "Button";
+function Lr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var H = { exports: {} };
+var W = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var U;
-function Tr() {
-  return U || (U = 1, function(t) {
+var T;
+function Zr() {
+  return T || (T = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -245,10 +243,10 @@ function Tr() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(H)), H.exports;
+  }(W)), W.exports;
 }
-var Gr = Tr();
-const Hr = /* @__PURE__ */ Wr(Gr), Ur = {
+var Fr = Zr();
+const Wr = /* @__PURE__ */ Lr(Fr), Tr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -256,76 +254,61 @@ const Hr = /* @__PURE__ */ Wr(Gr), Ur = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Xr = Hr.bind(Ur), X = "purpur-icon", Yr = "md", Jr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Kr = ({ content: t = "", title: u } = {}) => {
+}, Gr = Wr.bind(Tr), G = "purpur-icon", Hr = "md", Ur = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${Jr(n)}>${a}${t}</svg>`;
-}, Qr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), gr = ({
-  ["data-testid"]: t,
-  svg: u,
-  allyTitle: n,
-  className: a,
-  size: l = Yr,
-  ...r
-}) => {
-  const e = Kr({
-    content: Qr(u.svg),
-    title: n
-  }), i = Xr(a, X, `${X}--${l}`);
-  return /* @__PURE__ */ p(
-    "span",
-    {
-      className: i,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: e },
-      ...r
-    }
-  );
+  return `<svg ${Ur(n)}>${a}${t}</svg>`;
+}, Yr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: t, allyTitle: u, className: n, size: a = Hr, ...l }) => {
+  const r = Xr({
+    content: Yr(t.svg),
+    title: u
+  }), e = Gr(n, G, `${G}--${a}`);
+  return /* @__PURE__ */ p("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...l });
 };
-gr.displayName = "Icon";
-const rt = {
+dr.displayName = "Icon";
+const Jr = {
   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 tt(t) {
+function Kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Y = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var J;
-function et() {
-  return J || (J = 1, function(t) {
+var U;
+function Qr() {
+  return U || (U = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = l(r, a(i)));
+          i && (r = l(r, a.call(this, i)));
         }
         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 i in r)
-          u.call(r, i) && r[i] && (e = l(e, i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
       function l(r, e) {
@@ -333,63 +316,63 @@ function et() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Y)), Y.exports;
+  }(H)), H.exports;
 }
-var nt = et();
-const it = /* @__PURE__ */ tt(nt), K = {
+var rt = Qr();
+const tt = /* @__PURE__ */ Kr(rt), et = {
   "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
-}, Q = "purpur-field-error-text", ut = ({
+}, X = tt.bind(et), Y = "purpur-field-error-text", nt = ({
   children: t,
   className: u,
   ["aria-relevant"]: n = "additions text",
   ...a
-}) => /* @__PURE__ */ m(
+}) => /* @__PURE__ */ b(
   "div",
   {
-    className: it([u, K[Q]]),
+    className: X(u, Y),
     "aria-live": "assertive",
     "aria-relevant": n,
     ...a,
     children: [
-      /* @__PURE__ */ p(gr, { svg: rt, size: "xs", className: K[`${Q}__icon`] }),
+      /* @__PURE__ */ p(dr, { svg: Jr, size: "xs", className: X(`${Y}__icon`) }),
       t
     ]
   }
 );
-function at(t) {
+function it(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var rr = { exports: {} };
+var J = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var tr;
-function lt() {
-  return tr || (tr = 1, function(t) {
+var K;
+function ut() {
+  return K || (K = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = l(r, a(i)));
+          i && (r = l(r, a.call(this, i)));
         }
         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 i in r)
-          u.call(r, i) && r[i] && (e = l(e, i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
       function l(r, e) {
@@ -397,40 +380,36 @@ function lt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(rr)), rr.exports;
+  }(J)), J.exports;
 }
-var pt = lt();
-const ot = /* @__PURE__ */ at(pt), er = {
+var at = ut();
+const lt = /* @__PURE__ */ it(at), pt = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, nr = "purpur-field-helper-text", st = ({
+}, ot = lt.bind(pt), Q = "purpur-field-helper-text", st = ({
   children: t,
   className: u,
   disabled: n,
   id: a,
   ...l
 }) => {
-  const r = ot([
-    u,
-    er[nr],
-    {
-      [er[`${nr}--disabled`]]: n
-    }
-  ]);
+  const r = ot(u, Q, {
+    [`${Q}--disabled`]: n
+  });
   return /* @__PURE__ */ p("span", { id: a, className: r, ...l, children: t });
 };
 function ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ur;
+var tr;
 function dt() {
-  return ur || (ur = 1, function(t) {
+  return tr || (tr = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -459,7 +438,7 @@ function dt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(ir)), ir.exports;
+  }(rr)), rr.exports;
 }
 var _t = dt();
 const ft = /* @__PURE__ */ ct(_t), vt = {
@@ -470,52 +449,37 @@ const ft = /* @__PURE__ */ ct(_t), vt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, gt = ft.bind(vt), ar = "purpur-icon", mt = "md", yt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), bt = ({ content: t = "", title: u } = {}) => {
+}, gt = ft.bind(vt), er = "purpur-icon", mt = "md", ht = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), bt = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${yt(n)}>${a}${t}</svg>`;
-}, xt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({
-  ["data-testid"]: t,
-  svg: u,
-  allyTitle: n,
-  className: a,
-  size: l = mt,
-  ...r
-}) => {
-  const e = bt({
-    content: xt(u.svg),
-    title: n
-  }), i = gt(a, ar, `${ar}--${l}`);
-  return /* @__PURE__ */ p(
-    "span",
-    {
-      className: i,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: e },
-      ...r
-    }
-  );
+  return `<svg ${ht(n)}>${a}${t}</svg>`;
+}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({ svg: t, allyTitle: u, className: n, size: a = mt, ...l }) => {
+  const r = bt({
+    content: yt(t.svg),
+    title: u
+  }), e = gt(n, er, `${er}--${a}`);
+  return /* @__PURE__ */ p("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...l });
 };
-P.displayName = "Icon";
-const ht = {
+B.displayName = "Icon";
+const xt = {
   name: "check-circle-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
   keywords: ["check-circle-filled"],
   category: "status"
-}, mr = (t) => /* @__PURE__ */ p(P, { ...t, svg: ht });
-mr.displayName = "IconCheckCircleFilled";
+}, _r = (t) => /* @__PURE__ */ p(B, { ...t, svg: xt });
+_r.displayName = "IconCheckCircleFilled";
 const $t = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, yr = (t) => /* @__PURE__ */ p(P, { ...t, svg: $t });
-yr.displayName = "IconClose";
-function lr(t, u) {
+}, fr = (t) => /* @__PURE__ */ p(B, { ...t, svg: $t });
+fr.displayName = "IconClose";
+function nr(t, u) {
   if (typeof t == "function")
     return t(u);
   t != null && (t.current = u);
@@ -524,28 +488,28 @@ function wt(...t) {
   return (u) => {
     let n = !1;
     const a = t.map((l) => {
-      const r = lr(l, u);
+      const r = nr(l, u);
       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() : lr(t[l], null);
+          typeof r == "function" ? r() : nr(t[l], null);
         }
       };
   };
 }
-var br = c.forwardRef((t, u) => {
+var vr = c.forwardRef((t, u) => {
   const { children: n, ...a } = t, l = c.Children.toArray(n), r = l.find(Nt);
   if (r) {
     const e = r.props.children, i = l.map((v) => v === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ p(E, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
+    return /* @__PURE__ */ p(R, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
   }
-  return /* @__PURE__ */ p(E, { ...a, ref: u, children: n });
+  return /* @__PURE__ */ p(R, { ...a, ref: u, children: n });
 });
-br.displayName = "Slot";
-var E = c.forwardRef((t, u) => {
+vr.displayName = "Slot";
+var R = c.forwardRef((t, u) => {
   const { children: n, ...a } = t;
   if (c.isValidElement(n)) {
     const l = jt(n), r = Ot(a, n.props);
@@ -553,8 +517,8 @@ var E = c.forwardRef((t, u) => {
   }
   return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
-E.displayName = "SlotClone";
-var St = ({ children: t }) => /* @__PURE__ */ p(Nr, { children: t });
+R.displayName = "SlotClone";
+var St = ({ children: t }) => /* @__PURE__ */ p(xr, { children: t });
 function Nt(t) {
   return c.isValidElement(t) && t.type === St;
 }
@@ -592,11 +556,11 @@ var qt = [
   "ul"
 ], kt = qt.reduce((t, u) => {
   const n = c.forwardRef((a, l) => {
-    const { asChild: r, ...e } = a, i = r ? br : u;
+    const { asChild: r, ...e } = a, i = r ? vr : u;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(i, { ...e, ref: l });
   });
   return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
-}, {}), Mt = "Label", xr = c.forwardRef((t, u) => /* @__PURE__ */ p(
+}, {}), Mt = "Label", gr = c.forwardRef((t, u) => /* @__PURE__ */ p(
   kt.label,
   {
     ...t,
@@ -607,41 +571,41 @@ var qt = [
     }
   }
 ));
-xr.displayName = Mt;
-var Ct = xr;
-function At(t) {
+gr.displayName = Mt;
+var At = gr;
+function Ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var pr = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var or;
+var ur;
 function Rt() {
-  return or || (or = 1, function(t) {
+  return ur || (ur = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = l(r, a(i)));
+          i && (r = l(r, a.call(this, i)));
         }
         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 i in r)
-          u.call(r, i) && r[i] && (e = l(e, i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
       function l(r, e) {
@@ -649,63 +613,59 @@ function Rt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(pr)), pr.exports;
+  }(ir)), ir.exports;
 }
 var Bt = Rt();
-const It = /* @__PURE__ */ At(Bt), R = {
+const It = /* @__PURE__ */ Ct(Bt), Et = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, B = "purpur-label", Et = ({
+}, Pt = It.bind(Et), A = "purpur-label", Vt = ({
   children: t,
   className: u,
   disabled: n,
   negative: a = !1,
   ...l
 }) => {
-  const r = It([
-    u,
-    R[B],
-    {
-      [R[`${B}--disabled`]]: n,
-      [R[`${B}--negative`]]: a
-    }
-  ]);
-  return /* @__PURE__ */ p(Ct, { className: r, ...l, children: t });
+  const r = Pt(u, A, {
+    [`${A}--disabled`]: n,
+    [`${A}--negative`]: a
+  });
+  return /* @__PURE__ */ p(At, { className: r, ...l, children: t });
 };
-function Pt(t) {
+function zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var sr = { exports: {} };
+var ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var cr;
-function Vt() {
-  return cr || (cr = 1, function(t) {
+var lr;
+function Dt() {
+  return lr || (lr = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var i = arguments[e];
-          i && (r = l(r, a(i)));
+          i && (r = l(r, a.call(this, i)));
         }
         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 i in r)
-          u.call(r, i) && r[i] && (e = l(e, i));
+          u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
         return e;
       }
       function l(r, e) {
@@ -713,61 +673,52 @@ function Vt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(sr)), sr.exports;
+  }(ar)), ar.exports;
 }
-var zt = Vt();
-const dr = /* @__PURE__ */ Pt(zt), Dt = "_rotate_12t9p_1", Lt = "_dash_12t9p_1", N = {
+var Lt = Dt();
+const Zt = /* @__PURE__ */ zt(Lt), Ft = "_rotate_12t9p_1", Wt = "_dash_12t9p_1", Tt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Dt,
+  rotate: Ft,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Lt,
+  dash: Wt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, O = "purpur-spinner", Ft = {
+}, pr = Zt.bind(Tt), $ = "purpur-spinner", Gt = {
   SM: "sm"
-}, Zt = ({
-  ["data-testid"]: t,
-  disabled: u = !1,
-  negative: n = !1,
-  size: a = Ft.SM,
-  ...l
-}) => /* @__PURE__ */ p(
-  "div",
+}, Ht = ({
+  disabled: t = !1,
+  negative: u = !1,
+  size: n = Gt.SM,
+  ...a
+}) => /* @__PURE__ */ p("div", { className: pr($, `${$}--${n}`), ...a, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+  "circle",
   {
-    className: dr([N[O], N[`${O}--${a}`]]),
-    "data-testid": t,
-    ...l,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
-      "circle",
-      {
-        className: dr(N[`${O}__circle`], {
-          [N[`${O}__circle--disabled`]]: u,
-          [N[`${O}__circle--negative`]]: n
-        }),
-        cx: "25",
-        cy: "25",
-        r: "20"
-      }
-    ) })
+    className: pr(`${$}__circle`, {
+      [`${$}__circle--disabled`]: t,
+      [`${$}__circle--negative`]: u
+    }),
+    cx: "25",
+    cy: "25",
+    r: "20"
   }
-);
-function Wt(t) {
+) }) });
+function Ut(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var I = { exports: {} };
+var C = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var _r;
-function Tt() {
-  return _r || (_r = 1, function(t) {
+var or;
+function Xt() {
+  return or || (or = 1, function(t) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -796,10 +747,10 @@ function Tt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(I)), I.exports;
+  }(C)), C.exports;
 }
-var Gt = Tt();
-const Ht = /* @__PURE__ */ Wt(Gt), Ut = {
+var Yt = Xt();
+const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
   "purpur-text-field": "_purpur-text-field_3gl1k_1",
   "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
@@ -816,136 +767,135 @@ const Ht = /* @__PURE__ */ Wt(Gt), Ut = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_3gl1k_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_3gl1k_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_3gl1k_111"
-}, Xt = (t) => Or(t), f = Ht.bind(Ut), s = "purpur-text-field", Yt = ({
-  ["data-testid"]: t,
-  className: u,
-  clearButtonAriaLabel: n,
-  beforeField: a,
-  afterField: l,
-  endAdornment: r,
-  errorText: e,
-  helperText: i,
-  hideRequiredAsterisk: v = !1,
-  label: $,
-  loading: y = !1,
-  onClear: b,
-  startAdornment: j,
-  valid: k = !1,
-  ...o
-}, x) => {
-  var L;
-  const q = jr(), h = o.id ?? q, _ = (d) => t ? `${t}-${d}` : void 0, V = k && !e, M = i ? `${h}-helper-text` : void 0, C = [j].filter((d) => !!d), z = (typeof o.value == "number" ? o.value !== void 0 : (L = o.value) == null ? void 0 : L.length) && !o.disabled && !o.readOnly && !y && b && n, D = Xt(null), $r = (d) => {
-    D.current = d, typeof x == "function" ? x(d) : x && (x.current = d);
-  }, wr = () => {
-    var d;
-    b == null || b(), (d = D.current) == null || d.focus();
-  }, A = [
-    y && /* @__PURE__ */ p(
-      Zt,
-      {
-        disabled: o.disabled,
-        size: "xs",
-        "data-testid": _("spinner")
-      },
-      "spinner"
-    ),
-    z && /* @__PURE__ */ p(
-      vr,
-      {
-        variant: "tertiary-purple",
-        onClick: wr,
-        iconOnly: !0,
-        "aria-label": n ?? "",
-        "data-testid": _("clear-button"),
-        tabIndex: -1,
-        children: /* @__PURE__ */ p(yr, { size: "xs" })
-      },
-      "clear-button"
-    ),
-    V && /* @__PURE__ */ p(
-      mr,
-      {
-        "data-testid": _("valid-icon"),
-        className: f(`${s}__valid-icon`)
-      },
-      "valid-icon"
-    )
-  ].filter((d) => !!d), Sr = f([
-    `${s}__input-container`,
-    {
-      [`${s}__input-container--start-adornment`]: C.length,
-      [`${s}__input-container--end-adornment`]: A.length || r,
+}, Qt = (t) => $r(t), f = Jt.bind(Kt), s = "purpur-text-field", mr = sr(
+  ({
+    ["data-testid"]: t,
+    className: u,
+    clearButtonAriaLabel: n,
+    beforeField: a,
+    afterField: l,
+    endAdornment: r,
+    errorText: e,
+    helperText: i,
+    hideRequiredAsterisk: v = !1,
+    label: y,
+    loading: w = !1,
+    onClear: g,
+    startAdornment: N,
+    valid: O = !1,
+    ...o
+  }, m) => {
+    var V;
+    const S = wr(), j = o.id ?? S, _ = (d) => t ? `${t}-${d}` : void 0, I = O && !e, q = i ? `${j}-helper-text` : void 0, k = [N].filter((d) => !!d), E = (typeof o.value == "number" ? o.value !== void 0 : (V = o.value) == null ? void 0 : V.length) && !o.disabled && !o.readOnly && !w && g && n, P = Qt(null), hr = (d) => {
+      P.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
+    }, br = () => {
+      var d;
+      g == null || g(), (d = P.current) == null || d.focus();
+    }, M = [
+      w && /* @__PURE__ */ p(
+        Ht,
+        {
+          disabled: o.disabled,
+          size: "xs",
+          "data-testid": _("spinner")
+        },
+        "spinner"
+      ),
+      E && /* @__PURE__ */ p(
+        cr,
+        {
+          variant: "tertiary-purple",
+          onClick: br,
+          iconOnly: !0,
+          "aria-label": n ?? "",
+          "data-testid": _("clear-button"),
+          tabIndex: -1,
+          children: /* @__PURE__ */ p(fr, { size: "xs" })
+        },
+        "clear-button"
+      ),
+      I && /* @__PURE__ */ p(
+        _r,
+        {
+          "data-testid": _("valid-icon"),
+          className: f(`${s}__valid-icon`)
+        },
+        "valid-icon"
+      )
+    ].filter((d) => !!d), yr = f(`${s}__input-container`, {
+      [`${s}__input-container--start-adornment`]: k.length,
+      [`${s}__input-container--end-adornment`]: M.length || r,
       [`${s}__input-container--disabled`]: o.disabled,
-      [`${s}__input-container--has-clear-button`]: z,
+      [`${s}__input-container--has-clear-button`]: E,
       [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
-    }
-  ]);
-  return /* @__PURE__ */ m("div", { className: f(u, s), children: [
-    $ && /* @__PURE__ */ m(
-      Et,
-      {
-        htmlFor: h,
-        className: f(`${s}__label`),
-        "data-testid": _("label"),
-        disabled: o.disabled,
-        children: [
-          o.required && !v && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "*" }),
-          $
-        ]
-      }
-    ),
-    /* @__PURE__ */ m("div", { className: f(`${s}__field-row`), children: [
-      !!a && a,
-      /* @__PURE__ */ m("div", { className: Sr, children: [
-        !!C.length && /* @__PURE__ */ p(
-          "div",
-          {
-            "data-testid": _("start-adornments"),
-            className: f(`${s}__adornment-container`),
-            children: C
-          }
-        ),
-        /* @__PURE__ */ p(
-          "input",
-          {
-            ...o,
-            id: h,
-            ref: $r,
-            "data-testid": _("input"),
-            "aria-describedby": o["aria-describedby"] || M,
-            "aria-invalid": o["aria-invalid"] || !!e,
-            className: f([
-              `${s}__input`,
-              {
-                [`${s}__input--valid`]: V,
-                [`${s}__input--error`]: !!e
-              }
-            ])
-          }
-        ),
-        /* @__PURE__ */ p("div", { className: f(`${s}__frame`) }),
-        (!!A.length || r) && /* @__PURE__ */ m(
-          "div",
-          {
-            "data-testid": _("end-adornments"),
-            className: f(`${s}__adornment-container`),
-            children: [
-              A,
-              r
-            ]
-          }
-        )
+    });
+    return /* @__PURE__ */ b("div", { className: f(u, s), children: [
+      y && /* @__PURE__ */ b(
+        Vt,
+        {
+          htmlFor: j,
+          className: f(`${s}__label`),
+          "data-testid": _("label"),
+          disabled: o.disabled,
+          children: [
+            o.required && !v && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "*" }),
+            y
+          ]
+        }
+      ),
+      /* @__PURE__ */ b("div", { className: f(`${s}__field-row`), children: [
+        !!a && a,
+        /* @__PURE__ */ b("div", { className: yr, children: [
+          !!k.length && /* @__PURE__ */ p(
+            "div",
+            {
+              "data-testid": _("start-adornments"),
+              className: f(`${s}__adornment-container`),
+              children: k
+            }
+          ),
+          /* @__PURE__ */ p(
+            "input",
+            {
+              ...o,
+              id: j,
+              ref: hr,
+              "data-testid": _("input"),
+              "aria-describedby": o["aria-describedby"] || q,
+              "aria-invalid": o["aria-invalid"] || !!e,
+              className: f([
+                `${s}__input`,
+                {
+                  [`${s}__input--valid`]: I,
+                  [`${s}__input--error`]: !!e
+                }
+              ])
+            }
+          ),
+          /* @__PURE__ */ p("div", { className: f(`${s}__frame`) }),
+          (!!M.length || r) && /* @__PURE__ */ b(
+            "div",
+            {
+              "data-testid": _("end-adornments"),
+              className: f(`${s}__adornment-container`),
+              children: [
+                M,
+                r
+              ]
+            }
+          )
+        ] }),
+        !!l && l
       ] }),
-      !!l && l
-    ] }),
-    M && /* @__PURE__ */ p(st, { "data-testid": _("helper-text"), id: M, children: i }),
-    e && /* @__PURE__ */ p(ut, { "data-testid": _("error-text"), children: e })
-  ] });
-}, hr = fr(Yt);
-hr.displayName = "TextField";
-const te = (t) => qr(t) && t.type.displayName === hr.displayName;
+      q && /* @__PURE__ */ p(st, { "data-testid": _("helper-text"), id: q, children: i }),
+      e && /* @__PURE__ */ p(nt, { "data-testid": _("error-text"), children: e })
+    ] });
+  }
+);
+mr.displayName = "TextField";
+const ie = (t) => Sr(t) && t.type.displayName === mr.displayName;
 export {
-  hr as TextField,
-  te as isTextField
+  mr as TextField,
+  ie as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map