@purpurds/text-field 5.10.0 → 5.11.0

package/dist/text-field.es.js

@@ -1,12 +1,12 @@
 import { jsxs as x, jsx as p } from "react/jsx-runtime";
-import { forwardRef as y, Children as N, isValidElement as A, createElement as z, cloneElement as Q, useEffect as mr, Fragment as gr, useRef as xr, useId as yr } from "react";
+import { forwardRef as y, Children as N, isValidElement as z, createElement as M, cloneElement as Q, useEffect as gr, Fragment as xr, useRef as yr, useId as br } from "react";
 import "react-dom";
-const X = {
+const G = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function br(t) {
+function hr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var U = { exports: {} };
@@ -45,30 +45,30 @@ var U = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(U);
-var hr = U.exports;
-const R = /* @__PURE__ */ br(hr), $r = "_rotate_1xozj_1", jr = "_dash_1xozj_1", j = {
+var $r = U.exports;
+const R = /* @__PURE__ */ hr($r), jr = "_rotate_1xozj_1", wr = "_dash_1xozj_1", j = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: $r,
+  rotate: jr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: jr,
+  dash: wr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, w = "purpur-spinner", wr = {
+}, w = "purpur-spinner", Sr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Sr = ({
+}, Or = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = wr.SM,
+  size: a = Sr.SM,
   ...o
 }) => /* @__PURE__ */ p(
   "div",
@@ -90,7 +90,7 @@ const R = /* @__PURE__ */ br(hr), $r = "_rotate_1xozj_1", jr = "_dash_1xozj_1",
     ) })
   }
 );
-function Or(t) {
+function Nr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var rr = { exports: {} };
@@ -129,8 +129,8 @@ var rr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(rr);
-var Nr = rr.exports;
-const zr = /* @__PURE__ */ Or(Nr), Mr = {
+var zr = rr.exports;
+const Mr = /* @__PURE__ */ Nr(zr), Ar = {
   "purpur-button": "_purpur-button_u2yv5_1",
   "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
@@ -151,7 +151,7 @@ const zr = /* @__PURE__ */ Or(Nr), Mr = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
   "purpur-button--text": "_purpur-button--text_u2yv5_175"
-}, Ar = zr.bind(Mr), m = "purpur-button", Cr = ({
+}, qr = Mr.bind(Ar), m = "purpur-button", Cr = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -161,14 +161,14 @@ const zr = /* @__PURE__ */ Or(Nr), Mr = {
   loading: e = !1,
   negative: u = !1,
   onClick: f,
-  size: v = X.MD,
+  size: v = G.MD,
   variant: b,
-  type: C = "button",
+  type: q = "button",
   ...l
 }, g) => {
   if (r && b === "destructive")
     return null;
-  const q = Ar(
+  const C = qr(
     [
       m,
       `${m}--${u ? `${b}-negative` : b}`,
@@ -187,15 +187,15 @@ const zr = /* @__PURE__ */ Or(Nr), Mr = {
   return /* @__PURE__ */ x(
     "button",
     {
-      className: q,
+      className: C,
       "data-testid": n,
-      type: C,
+      type: q,
       ref: g,
       "aria-disabled": c,
       onClick: h,
       ...l,
       children: [
-        e && /* @__PURE__ */ p(Sr, { size: v === X.LG ? "xs" : "xxs", negative: u, disabled: c }),
+        e && /* @__PURE__ */ p(Or, { size: v === G.LG ? "xs" : "xxs", negative: u, disabled: c }),
         " ",
         t
       ]
@@ -203,7 +203,7 @@ const zr = /* @__PURE__ */ Or(Nr), Mr = {
   );
 }, tr = y(Cr);
 tr.displayName = "Button";
-function qr(t) {
+function Br(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var er = { exports: {} };
@@ -243,7 +243,7 @@ var er = { exports: {} };
   })();
 })(er);
 var Dr = er.exports;
-const Ir = /* @__PURE__ */ qr(Dr), Br = {
+const Ir = /* @__PURE__ */ Br(Dr), Fr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -251,31 +251,31 @@ const Ir = /* @__PURE__ */ qr(Dr), Br = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Er = {
+}, Lr = {
   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"
-}, Lr = Ir.bind(Br), G = "purpur-icon", Pr = "md", Fr = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), kr = ({ content: t = "", title: i } = {}) => {
+}, Pr = Ir.bind(Fr), T = "purpur-icon", kr = "md", Er = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Zr = ({ content: t = "", 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 ${Fr(n)}>${a}${t}</svg>`;
-}, Vr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zr = ({
+  return `<svg ${Er(n)}>${a}${t}</svg>`;
+}, Xr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: a = "",
-  size: o = Pr,
+  size: o = kr,
   ...r
 }) => {
-  const e = kr({
-    content: Vr(i.svg),
+  const e = Zr({
+    content: Xr(i.svg),
     title: n
-  }), u = Lr(a, G, `${G}--${o}`);
+  }), u = Pr(a, T, `${T}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -287,7 +287,7 @@ const Ir = /* @__PURE__ */ qr(Dr), Br = {
     }
   );
 };
-function Xr(t) {
+function Rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var nr = { exports: {} };
@@ -326,11 +326,11 @@ var nr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(nr);
-var Rr = nr.exports;
-const Gr = /* @__PURE__ */ Xr(Rr), T = {
+var Tr = nr.exports;
+const Vr = /* @__PURE__ */ Rr(Tr), V = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, H = "purpur-field-error-text", Tr = ({
+}, H = "purpur-field-error-text", Hr = ({
   ["data-testid"]: t,
   children: i,
   className: n,
@@ -339,18 +339,18 @@ const Gr = /* @__PURE__ */ Xr(Rr), T = {
 }) => /* @__PURE__ */ x(
   "div",
   {
-    className: Gr([n, T[H]]),
+    className: Vr([n, V[H]]),
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...o,
     children: [
-      /* @__PURE__ */ p(Zr, { svg: Er, size: "xs", className: T[`${H}__icon`] }),
+      /* @__PURE__ */ p(Gr, { svg: Lr, size: "xs", className: V[`${H}__icon`] }),
       i
     ]
   }
 );
-function Hr(t) {
+function Wr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ur = { exports: {} };
@@ -389,11 +389,11 @@ var ur = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(ur);
-var Wr = ur.exports;
-const Yr = /* @__PURE__ */ Hr(Wr), W = {
+var Kr = ur.exports;
+const Yr = /* @__PURE__ */ Wr(Kr), W = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, Y = "purpur-field-helper-text", Jr = ({
+}, K = "purpur-field-helper-text", Jr = ({
   ["data-testid"]: t,
   children: i,
   className: n,
@@ -403,14 +403,14 @@ const Yr = /* @__PURE__ */ Hr(Wr), W = {
 }) => {
   const e = Yr([
     n,
-    W[Y],
+    W[K],
     {
-      [W[`${Y}--disabled`]]: a
+      [W[`${K}--disabled`]]: a
     }
   ]);
   return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": t, ...r, children: i });
 };
-function Kr(t) {
+function Qr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ir = { exports: {} };
@@ -449,8 +449,8 @@ var ir = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(ir);
-var Qr = ir.exports;
-const Ur = /* @__PURE__ */ Kr(Qr), rt = {
+var Ur = ir.exports;
+const rt = /* @__PURE__ */ Qr(Ur), tt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -458,12 +458,12 @@ const Ur = /* @__PURE__ */ Kr(Qr), rt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, tt = {
+}, et = {
   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"
-}, et = {
+}, nt = {
   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"],
@@ -472,7 +472,7 @@ const Ur = /* @__PURE__ */ Kr(Qr), rt = {
   pr,
   {
     ...t,
-    svg: tt
+    svg: et
   }
 );
 ar.displayName = "IconCheckCircleFilled";
@@ -480,30 +480,30 @@ const or = (t) => /* @__PURE__ */ p(
   pr,
   {
     ...t,
-    svg: et
+    svg: nt
   }
 );
 or.displayName = "IconClose";
-const nt = Ur.bind(rt), J = "purpur-icon", ut = "md", it = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), at = ({ content: t = "", title: i } = {}) => {
+const ut = rt.bind(tt), Y = "purpur-icon", it = "md", at = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ot = ({ content: t = "", 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 ${it(n)}>${a}${t}</svg>`;
-}, ot = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pr = ({
+  return `<svg ${at(n)}>${a}${t}</svg>`;
+}, pt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: a = "",
-  size: o = ut,
+  size: o = it,
   ...r
 }) => {
-  const e = at({
-    content: ot(i.svg),
+  const e = ot({
+    content: pt(i.svg),
     title: n
-  }), u = nt(a, J, `${J}--${o}`);
+  }), u = ut(a, Y, `${Y}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -525,50 +525,50 @@ function P() {
     return t;
   }, P.apply(this, arguments);
 }
-function M() {
-  return M = Object.assign ? Object.assign.bind() : function(t) {
+function A() {
+  return A = Object.assign ? Object.assign.bind() : function(t) {
     for (var i = 1; i < arguments.length; i++) {
       var n = arguments[i];
       for (var a in n)
         Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
     }
     return t;
-  }, M.apply(this, arguments);
+  }, A.apply(this, arguments);
 }
-function pt(t, i) {
+function lt(t, i) {
   typeof t == "function" ? t(i) : t != null && (t.current = i);
 }
-function lt(...t) {
+function st(...t) {
   return (i) => t.forEach(
-    (n) => pt(n, i)
+    (n) => lt(n, i)
   );
 }
 const lr = /* @__PURE__ */ y((t, i) => {
-  const { children: n, ...a } = t, o = N.toArray(n), r = o.find(ct);
+  const { children: n, ...a } = t, o = N.toArray(n), r = o.find(dt);
   if (r) {
-    const e = r.props.children, u = o.map((f) => f === r ? N.count(e) > 1 ? N.only(null) : /* @__PURE__ */ A(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ z(F, M({}, a, {
+    const e = r.props.children, u = o.map((f) => f === r ? N.count(e) > 1 ? N.only(null) : /* @__PURE__ */ z(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ M(k, A({}, a, {
       ref: i
-    }), /* @__PURE__ */ A(e) ? /* @__PURE__ */ Q(e, void 0, u) : null);
+    }), /* @__PURE__ */ z(e) ? /* @__PURE__ */ Q(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ z(F, M({}, a, {
+  return /* @__PURE__ */ M(k, A({}, a, {
     ref: i
   }), n);
 });
 lr.displayName = "Slot";
-const F = /* @__PURE__ */ y((t, i) => {
+const k = /* @__PURE__ */ y((t, i) => {
   const { children: n, ...a } = t;
-  return /* @__PURE__ */ A(n) ? /* @__PURE__ */ Q(n, {
-    ...dt(a, n.props),
-    ref: i ? lt(i, n.ref) : n.ref
+  return /* @__PURE__ */ z(n) ? /* @__PURE__ */ Q(n, {
+    ..._t(a, n.props),
+    ref: i ? st(i, n.ref) : n.ref
   }) : N.count(n) > 1 ? N.only(null) : null;
 });
-F.displayName = "SlotClone";
-const st = ({ children: t }) => /* @__PURE__ */ z(gr, null, t);
-function ct(t) {
-  return /* @__PURE__ */ A(t) && t.type === st;
+k.displayName = "SlotClone";
+const ct = ({ children: t }) => /* @__PURE__ */ M(xr, null, t);
+function dt(t) {
+  return /* @__PURE__ */ z(t) && t.type === ct;
 }
-function dt(t, i) {
+function _t(t, i) {
   const n = {
     ...i
   };
@@ -589,7 +589,7 @@ function dt(t, i) {
     ...n
   };
 }
-const _t = [
+const ft = [
   "a",
   "button",
   "div",
@@ -606,12 +606,12 @@ const _t = [
   "span",
   "svg",
   "ul"
-], ft = _t.reduce((t, i) => {
+], vt = ft.reduce((t, i) => {
   const n = /* @__PURE__ */ y((a, o) => {
     const { asChild: r, ...e } = a, u = r ? lr : i;
-    return mr(() => {
+    return gr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ z(u, M({}, e, {
+    }, []), /* @__PURE__ */ M(u, A({}, e, {
       ref: o
     }));
   });
@@ -619,14 +619,14 @@ const _t = [
     ...t,
     [i]: n
   };
-}, {}), vt = /* @__PURE__ */ y((t, i) => /* @__PURE__ */ z(ft.label, P({}, t, {
+}, {}), mt = /* @__PURE__ */ y((t, i) => /* @__PURE__ */ M(vt.label, P({}, t, {
   ref: i,
   onMouseDown: (n) => {
     var a;
     (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), mt = vt;
-function gt(t) {
+}))), gt = mt;
+function xt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var sr = { exports: {} };
@@ -665,12 +665,12 @@ var sr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(sr);
-var xt = sr.exports;
-const yt = /* @__PURE__ */ gt(xt), E = {
+var yt = sr.exports;
+const bt = /* @__PURE__ */ xt(yt), F = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, L = "purpur-label", bt = ({
+}, L = "purpur-label", ht = ({
   children: t,
   className: i,
   htmlFor: n,
@@ -679,17 +679,17 @@ const yt = /* @__PURE__ */ gt(xt), E = {
   negative: r = !1,
   ...e
 }) => {
-  const u = yt([
+  const u = bt([
     i,
-    E[L],
+    F[L],
     {
-      [E[`${L}--disabled`]]: o,
-      [E[`${L}--negative`]]: r
+      [F[`${L}--disabled`]]: o,
+      [F[`${L}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ p(mt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ p(gt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
 };
-function ht(t) {
+function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var cr = { exports: {} };
@@ -728,41 +728,41 @@ var cr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(cr);
-var $t = cr.exports;
-const K = /* @__PURE__ */ ht($t), jt = "_rotate_1xozj_1", wt = "_dash_1xozj_1", S = {
+var jt = cr.exports;
+const J = /* @__PURE__ */ $t(jt), wt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: jt,
+  rotate: wt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: wt,
+  dash: St,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, O = "purpur-spinner", St = {
+}, O = "purpur-spinner", Ot = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Ot = ({
+}, Nt = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = St.SM,
+  size: a = Ot.SM,
   ...o
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: K([S[O], S[`${O}--${a}`]]),
+    className: J([S[O], S[`${O}--${a}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: K(S[`${O}__circle`], {
+        className: J(S[`${O}__circle`], {
           [S[`${O}__circle--disabled`]]: i,
           [S[`${O}__circle--negative`]]: n
         }),
@@ -773,7 +773,7 @@ const K = /* @__PURE__ */ ht($t), jt = "_rotate_1xozj_1", wt = "_dash_1xozj_1",
     ) })
   }
 );
-function Nt(t) {
+function zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var dr = { exports: {} };
@@ -812,8 +812,8 @@ var dr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(dr);
-var zt = dr.exports;
-const Mt = /* @__PURE__ */ Nt(zt), At = {
+var Mt = dr.exports;
+const At = /* @__PURE__ */ zt(Mt), qt = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -830,7 +830,7 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
-}, Ct = (t) => xr(t), _ = Mt.bind(At), s = "purpur-text-field", qt = ({
+}, Ct = (t) => yr(t), _ = At.bind(qt), s = "purpur-text-field", Bt = ({
   ["data-testid"]: t,
   className: i,
   clearButtonAllyLabel: n,
@@ -842,18 +842,18 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
   loading: f = !1,
   onClear: v,
   startAdornment: b,
-  valid: C = !1,
+  valid: q = !1,
   ...l
 }, g) => {
-  var Z;
-  const q = yr(), h = l.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, $ = C && !r, D = e ? `${h}-helper-text` : void 0, I = [b].filter((d) => !!d), k = (typeof l.value == "number" ? l.value !== void 0 : (Z = l.value) == null ? void 0 : Z.length) && !l.disabled && !l.readOnly && !f && v && n, V = Ct(null), _r = (d) => {
-    V.current = d, typeof g == "function" ? g(d) : g && (g.current = d);
-  }, fr = () => {
+  var X;
+  const C = br(), h = l.id ?? C, c = (d) => t ? `${t}-${d}` : void 0, $ = q && !r, B = e ? `${h}-helper-text` : void 0, D = [b].filter((d) => !!d), E = (typeof l.value == "number" ? l.value !== void 0 : (X = l.value) == null ? void 0 : X.length) && !l.disabled && !l.readOnly && !f && v && n, Z = Ct(null), fr = (d) => {
+    Z.current = d, typeof g == "function" ? g(d) : g && (g.current = d);
+  }, vr = () => {
     var d;
-    v == null || v(), (d = V.current) == null || d.focus();
-  }, B = [
+    v == null || v(), (d = Z.current) == null || d.focus();
+  }, I = [
     f && /* @__PURE__ */ p(
-      Ot,
+      Nt,
       {
         disabled: l.disabled,
         size: "xs",
@@ -861,11 +861,11 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
       },
       "spinner"
     ),
-    k && /* @__PURE__ */ p(
+    E && /* @__PURE__ */ p(
       tr,
       {
         variant: "tertiary-purple",
-        onClick: fr,
+        onClick: vr,
         iconOnly: !0,
         "aria-label": n ?? "",
         "data-testid": c("clear-button"),
@@ -882,19 +882,19 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
       },
       "valid-icon"
     )
-  ].filter((d) => !!d), vr = _([
+  ].filter((d) => !!d), mr = _([
     `${s}__input-container`,
     {
-      [`${s}__input-container--start-adornment`]: I.length,
-      [`${s}__input-container--end-adornment`]: B.length || o,
+      [`${s}__input-container--start-adornment`]: D.length,
+      [`${s}__input-container--end-adornment`]: I.length || o,
       [`${s}__input-container--disabled`]: l.disabled,
-      [`${s}__input-container--has-clear-button`]: k,
+      [`${s}__input-container--has-clear-button`]: E,
       [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
   return /* @__PURE__ */ x("div", { className: _(i, s), children: [
     u && /* @__PURE__ */ p(
-      bt,
+      ht,
       {
         htmlFor: h,
         className: _(`${s}__label`),
@@ -904,13 +904,13 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
       }
     ),
     /* @__PURE__ */ x("div", { className: _(`${s}__field-row`), children: [
-      /* @__PURE__ */ x("div", { className: vr, children: [
-        !!I.length && /* @__PURE__ */ p(
+      /* @__PURE__ */ x("div", { className: mr, children: [
+        !!D.length && /* @__PURE__ */ p(
           "div",
           {
             "data-testid": c("start-adornments"),
             className: _(`${s}__adornment-container`),
-            children: I
+            children: D
           }
         ),
         /* @__PURE__ */ p(
@@ -918,9 +918,9 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
           {
             ...l,
             id: h,
-            ref: _r,
+            ref: fr,
             "data-testid": c("input"),
-            "aria-describedby": l["aria-describedby"] || D,
+            "aria-describedby": l["aria-describedby"] || B,
             "aria-invalid": l["aria-invalid"] || !!r,
             className: _([
               `${s}__input`,
@@ -932,13 +932,13 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
           }
         ),
         /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
-        (!!B.length || o) && /* @__PURE__ */ x(
+        (!!I.length || o) && /* @__PURE__ */ x(
           "div",
           {
             "data-testid": c("end-adornments"),
             className: _(`${s}__adornment-container`),
             children: [
-              B,
+              I,
               o
             ]
           }
@@ -946,12 +946,14 @@ const Mt = /* @__PURE__ */ Nt(zt), At = {
       ] }),
       !!a && a
     ] }),
-    D && /* @__PURE__ */ p(Jr, { "data-testid": c("helper-text"), id: D, children: e }),
-    r && /* @__PURE__ */ p(Tr, { "data-testid": c("error-text"), children: r })
+    B && /* @__PURE__ */ p(Jr, { "data-testid": c("helper-text"), id: B, children: e }),
+    r && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: r })
   ] });
-}, Dt = y(qt);
-Dt.displayName = "TextField";
+}, _r = y(Bt);
+_r.displayName = "TextField";
+const Pt = (t) => z(t) && t.type.displayName === _r.displayName;
 export {
-  Dt as TextField
+  _r as TextField,
+  Pt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map