@purpurds/text-field 8.10.2 → 8.12.0

package/dist/text-field.es.js

@@ -1,16 +1,16 @@
 import { jsxs as b, jsx as l } from "react/jsx-runtime";
-import * as s from "react";
-import { forwardRef as sr, useRef as wr, useId as jr, isValidElement as Sr } from "react";
+import * as c from "react";
+import { forwardRef as sr, useRef as jr, useId as Sr, isValidElement as Nr } from "react";
 import "react-dom";
-const Nr = {
+const Or = {
   LG: "lg"
 };
-function Or(e) {
+function Cr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var L = { exports: {} }, D;
-function Cr() {
-  return D || (D = 1, (function(e) {
+var D = { exports: {} }, k;
+function Mr() {
+  return k || (k = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
       function n() {
@@ -39,35 +39,35 @@ function Cr() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(L)), L.exports;
+  })(D)), D.exports;
 }
-var kr = Cr();
-const Mr = /* @__PURE__ */ Or(kr), Ar = "_rotate_12t9p_1", qr = "_dash_12t9p_1", Rr = {
+var Ar = Mr();
+const qr = /* @__PURE__ */ Cr(Ar), Rr = "_rotate_12t9p_1", Ir = "_dash_12t9p_1", Br = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ar,
+  rotate: Rr,
   "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: qr,
+  dash: Ir,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Z = Mr.bind(Rr), $ = "purpur-spinner", Ir = {
+}, Z = qr.bind(Br), w = "purpur-spinner", Pr = {
   SM: "sm"
 }, cr = ({
   disabled: e = !1,
   negative: u = !1,
-  size: n = Ir.SM,
+  size: n = Pr.SM,
   className: p,
   ...a
-}) => /* @__PURE__ */ l("div", { className: Z($, `${$}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: Z(w, `${w}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Z(`${$}__circle`, {
-      [`${$}__circle--disabled`]: e,
-      [`${$}__circle--negative`]: u
+    className: Z(`${w}__circle`, {
+      [`${w}__circle--disabled`]: e,
+      [`${w}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
@@ -75,11 +75,11 @@ const Mr = /* @__PURE__ */ Or(kr), Ar = "_rotate_12t9p_1", qr = "_dash_12t9p_1",
   }
 ) }) });
 cr.displayName = "Spinner";
-function Br(e) {
+function zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var W = { exports: {} }, F;
-function Pr() {
+function Er() {
   return F || (F = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -111,8 +111,8 @@ function Pr() {
     })();
   })(W)), W.exports;
 }
-var zr = Pr();
-const Er = /* @__PURE__ */ Br(zr), Vr = {
+var Vr = Er();
+const Lr = /* @__PURE__ */ zr(Vr), Dr = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -135,7 +135,7 @@ const Er = /* @__PURE__ */ Br(zr), Vr = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, T = Er.bind(Vr), m = "purpur-button", _r = sr(
+}, T = Lr.bind(Dr), y = "purpur-button", _r = sr(
   ({
     children: e,
     className: u,
@@ -145,46 +145,46 @@ const Er = /* @__PURE__ */ Br(zr), Vr = {
     loading: r = !1,
     negative: t = !1,
     onClick: i,
-    size: d = "md",
+    size: f = "md",
     variant: _,
-    type: x = "button",
-    ...h
+    type: $ = "button",
+    ...g
   }, N) => {
     if (a && _ === "destructive")
       return null;
     const O = T(
       [
-        m,
-        `${m}--${t ? `${_}-negative` : _}`,
-        `${m}--${d}`
+        y,
+        `${y}--${t ? `${_}-negative` : _}`,
+        `${y}--${f}`
       ],
       {
-        [`${m}--icon-only`]: a,
-        [`${m}--negative`]: t,
-        [`${m}--full-width`]: p,
-        [`${m}--disabled`]: n || r
+        [`${y}--icon-only`]: a,
+        [`${y}--negative`]: t,
+        [`${y}--full-width`]: p,
+        [`${y}--disabled`]: n || r
       },
       u
-    ), o = (j) => {
-      n || r ? j.preventDefault() : i && i(j);
-    }, y = !!h["aria-disabled"] || n || r;
+    ), d = (x) => {
+      n || r ? x.preventDefault() : i && i(x);
+    }, s = !!g["aria-disabled"] || n || r;
     return /* @__PURE__ */ b(
       "button",
       {
         className: O,
-        type: x,
+        type: $,
         ref: N,
-        "aria-disabled": y,
-        onClick: o,
-        ...h,
+        "aria-disabled": s,
+        onClick: d,
+        ...g,
         children: [
           r && /* @__PURE__ */ l(
             cr,
             {
-              size: d === Nr.LG ? "xs" : "xxs",
+              size: f === Or.LG ? "xs" : "xxs",
               negative: t,
-              disabled: y,
-              className: T(`${m}__spinner`)
+              disabled: s,
+              className: T(`${y}__spinner`)
             }
           ),
           " ",
@@ -195,11 +195,11 @@ const Er = /* @__PURE__ */ Br(zr), Vr = {
   }
 );
 _r.displayName = "Button";
-function Lr(e) {
+function kr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var G = { exports: {} }, H;
-function Dr() {
+function Zr() {
   return H || (H = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -231,8 +231,8 @@ function Dr() {
     })();
   })(G)), G.exports;
 }
-var Zr = Dr();
-const Wr = /* @__PURE__ */ Lr(Zr), Fr = {
+var Wr = Zr();
+const Fr = /* @__PURE__ */ kr(Wr), Tr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -240,33 +240,33 @@ const Wr = /* @__PURE__ */ Lr(Zr), Fr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Tr = Wr.bind(Fr), U = "purpur-icon", Gr = "md", Hr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Ur = ({ content: e = "", title: u } = {}) => {
+}, Gr = Fr.bind(Tr), U = "purpur-icon", Hr = "md", Ur = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Yr = ({ content: e = "", 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" }
   ], p = u ? `<title>${u}</title>` : "";
-  return `<svg ${Hr(n)}>${p}${e}</svg>`;
-}, Yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: e, allyTitle: u, className: n, size: p = Gr, ...a }) => {
-  const r = Ur({
-    content: Yr(e.svg),
+  return `<svg ${Ur(n)}>${p}${e}</svg>`;
+}, Jr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: e, allyTitle: u, className: n, size: p = Hr, ...a }) => {
+  const r = Yr({
+    content: Jr(e.svg),
     title: u
-  }), t = Tr(U, `${U}--${p}`, n);
+  }), t = Gr(U, `${U}--${p}`, n);
   return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 dr.displayName = "Icon";
-const Jr = {
+const Kr = {
   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 Kr(e) {
+function Qr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Y = { exports: {} }, J;
-function Qr() {
+function Xr() {
   return J || (J = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -298,12 +298,12 @@ function Qr() {
     })();
   })(Y)), Y.exports;
 }
-var Xr = Qr();
-const re = /* @__PURE__ */ Kr(Xr), ee = {
+var re = Xr();
+const ee = /* @__PURE__ */ Qr(re), 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"
-}, K = re.bind(ee), q = "purpur-field-error-text", te = ({
+}, K = ee.bind(te), R = "purpur-field-error-text", ne = ({
   children: e,
   className: u,
   negative: n = !1,
@@ -312,23 +312,23 @@ const re = /* @__PURE__ */ Kr(Xr), ee = {
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: K(u, q, {
-      [`${q}--negative`]: n
+    className: K(u, R, {
+      [`${R}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": p,
     ...a,
     children: [
-      /* @__PURE__ */ l(dr, { svg: Jr, size: "xs", className: K(`${q}__icon`) }),
+      /* @__PURE__ */ l(dr, { svg: Kr, size: "xs", className: K(`${R}__icon`) }),
       e
     ]
   }
 );
-function ne(e) {
+function ie(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Q = { exports: {} }, X;
-function ie() {
+function ue() {
   return X || (X = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -360,12 +360,12 @@ function ie() {
     })();
   })(Q)), Q.exports;
 }
-var ue = ie();
-const ae = /* @__PURE__ */ ne(ue), pe = {
+var ae = ue();
+const pe = /* @__PURE__ */ ie(ae), 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"
-}, le = ae.bind(pe), R = "purpur-field-helper-text", oe = ({
+}, oe = pe.bind(le), I = "purpur-field-helper-text", se = ({
   children: e,
   className: u,
   disabled: n,
@@ -373,17 +373,17 @@ const ae = /* @__PURE__ */ ne(ue), pe = {
   negative: a,
   ...r
 }) => {
-  const t = le(u, R, {
-    [`${R}--disabled`]: n,
-    [`${R}--negative`]: a
+  const t = oe(u, I, {
+    [`${I}--disabled`]: n,
+    [`${I}--negative`]: a
   });
   return /* @__PURE__ */ l("span", { id: p, className: t, ...r, children: e });
 };
-function se(e) {
+function ce(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var rr = { exports: {} }, er;
-function ce() {
+function _e() {
   return er || (er = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -415,8 +415,8 @@ function ce() {
     })();
   })(rr)), rr.exports;
 }
-var _e = ce();
-const de = /* @__PURE__ */ se(_e), fe = {
+var de = _e();
+const fe = /* @__PURE__ */ ce(de), ve = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -424,42 +424,42 @@ const de = /* @__PURE__ */ se(_e), fe = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ve = de.bind(fe), tr = "purpur-icon", ge = "md", he = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), me = ({ content: e = "", title: u } = {}) => {
+}, he = fe.bind(ve), tr = "purpur-icon", me = "md", ge = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ye = ({ content: e = "", 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" }
   ], p = u ? `<title>${u}</title>` : "";
-  return `<svg ${he(n)}>${p}${e}</svg>`;
-}, ye = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), P = ({ svg: e, allyTitle: u, className: n, size: p = ge, ...a }) => {
-  const r = me({
-    content: ye(e.svg),
+  return `<svg ${ge(n)}>${p}${e}</svg>`;
+}, xe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), z = ({ svg: e, allyTitle: u, className: n, size: p = me, ...a }) => {
+  const r = ye({
+    content: xe(e.svg),
     title: u
-  }), t = ve(tr, `${tr}--${p}`, n);
+  }), t = he(tr, `${tr}--${p}`, n);
   return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-P.displayName = "Icon";
+z.displayName = "Icon";
 const be = {
   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"
-}, fr = (e) => /* @__PURE__ */ l(P, { ...e, svg: be });
+}, fr = (e) => /* @__PURE__ */ l(z, { ...e, svg: be });
 fr.displayName = "IconCheckCircleFilled";
-const xe = {
+const $e = {
   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"
-}, vr = (e) => /* @__PURE__ */ l(P, { ...e, svg: xe });
+}, vr = (e) => /* @__PURE__ */ l(z, { ...e, svg: $e });
 vr.displayName = "IconClose";
 function nr(e, u) {
   if (typeof e == "function")
     return e(u);
   e != null && (e.current = u);
 }
-function $e(...e) {
+function we(...e) {
   return (u) => {
     let n = !1;
     const p = e.map((a) => {
@@ -475,44 +475,44 @@ function $e(...e) {
       };
   };
 }
-var we = Symbol.for("react.lazy"), S = s[" use ".trim().toString()];
-function je(e) {
+var je = Symbol.for("react.lazy"), S = c[" use ".trim().toString()];
+function Se(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
-function gr(e) {
-  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === we && "_payload" in e && je(e._payload);
+function hr(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === je && "_payload" in e && Se(e._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function Se(e) {
-  const u = /* @__PURE__ */ Ne(e), n = s.forwardRef((p, a) => {
+function Ne(e) {
+  const u = /* @__PURE__ */ Oe(e), n = c.forwardRef((p, a) => {
     let { children: r, ...t } = p;
-    gr(r) && typeof S == "function" && (r = S(r._payload));
-    const i = s.Children.toArray(r), d = i.find(Ce);
-    if (d) {
-      const _ = d.props.children, x = i.map((h) => h === d ? s.Children.count(_) > 1 ? s.Children.only(null) : s.isValidElement(_) ? _.props.children : null : h);
-      return /* @__PURE__ */ l(u, { ...t, ref: a, children: s.isValidElement(_) ? s.cloneElement(_, void 0, x) : null });
+    hr(r) && typeof S == "function" && (r = S(r._payload));
+    const i = c.Children.toArray(r), f = i.find(Me);
+    if (f) {
+      const _ = f.props.children, $ = i.map((g) => g === f ? c.Children.count(_) > 1 ? c.Children.only(null) : c.isValidElement(_) ? _.props.children : null : g);
+      return /* @__PURE__ */ l(u, { ...t, ref: a, children: c.isValidElement(_) ? c.cloneElement(_, void 0, $) : null });
     }
     return /* @__PURE__ */ l(u, { ...t, ref: a, children: r });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function Ne(e) {
-  const u = s.forwardRef((n, p) => {
+function Oe(e) {
+  const u = c.forwardRef((n, p) => {
     let { children: a, ...r } = n;
-    if (gr(a) && typeof S == "function" && (a = S(a._payload)), s.isValidElement(a)) {
-      const t = Me(a), i = ke(r, a.props);
-      return a.type !== s.Fragment && (i.ref = p ? $e(p, t) : t), s.cloneElement(a, i);
+    if (hr(a) && typeof S == "function" && (a = S(a._payload)), c.isValidElement(a)) {
+      const t = qe(a), i = Ae(r, a.props);
+      return a.type !== c.Fragment && (i.ref = p ? we(p, t) : t), c.cloneElement(a, i);
     }
-    return s.Children.count(a) > 1 ? s.Children.only(null) : null;
+    return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
   return u.displayName = `${e}.SlotClone`, u;
 }
-var Oe = Symbol("radix.slottable");
-function Ce(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Oe;
+var Ce = Symbol("radix.slottable");
+function Me(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ce;
 }
-function ke(e, u) {
+function Ae(e, u) {
   const n = { ...u };
   for (const p in u) {
     const a = e[p], r = u[p];
@@ -523,11 +523,11 @@ function ke(e, u) {
   }
   return { ...e, ...n };
 }
-function Me(e) {
+function qe(e) {
   let u = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = u && "isReactWarning" in u && u.isReactWarning;
   return n ? e.ref : (u = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = u && "isReactWarning" in u && u.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Ae = [
+var Re = [
   "a",
   "button",
   "div",
@@ -545,14 +545,14 @@ var Ae = [
   "span",
   "svg",
   "ul"
-], qe = Ae.reduce((e, u) => {
-  const n = /* @__PURE__ */ Se(`Primitive.${u}`), p = s.forwardRef((a, r) => {
-    const { asChild: t, ...i } = a, d = t ? n : u;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(d, { ...i, ref: r });
+], Ie = Re.reduce((e, u) => {
+  const n = /* @__PURE__ */ Ne(`Primitive.${u}`), p = c.forwardRef((a, r) => {
+    const { asChild: t, ...i } = a, f = t ? n : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(f, { ...i, ref: r });
   });
   return p.displayName = `Primitive.${u}`, { ...e, [u]: p };
-}, {}), Re = "Label", hr = s.forwardRef((e, u) => /* @__PURE__ */ l(
-  qe.label,
+}, {}), Be = "Label", mr = c.forwardRef((e, u) => /* @__PURE__ */ l(
+  Ie.label,
   {
     ...e,
     ref: u,
@@ -561,13 +561,13 @@ var Ae = [
     }
   }
 ));
-hr.displayName = Re;
-var Ie = hr;
-function Be(e) {
+mr.displayName = Be;
+var Pe = mr;
+function ze(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ir = { exports: {} }, ur;
-function Pe() {
+function Ee() {
   return ur || (ur = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -599,29 +599,29 @@ function Pe() {
     })();
   })(ir)), ir.exports;
 }
-var ze = Pe();
-const Ee = /* @__PURE__ */ Be(ze), Ve = {
+var Ve = Ee();
+const Le = /* @__PURE__ */ ze(Ve), De = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Le = Ee.bind(Ve), I = "purpur-label", De = ({
+}, ke = Le.bind(De), B = "purpur-label", Ze = ({
   children: e,
   className: u,
   disabled: n,
   negative: p = !1,
   ...a
 }) => {
-  const r = Le(u, I, {
-    [`${I}--disabled`]: n,
-    [`${I}--negative`]: p
+  const r = ke(u, B, {
+    [`${B}--disabled`]: n,
+    [`${B}--negative`]: p
   });
-  return /* @__PURE__ */ l(Ie, { className: r, ...a, children: e });
+  return /* @__PURE__ */ l(Pe, { className: r, ...a, children: e });
 };
-function Ze(e) {
+function We(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ar = { exports: {} }, pr;
-function We() {
+function Fe() {
   return pr || (pr = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -653,46 +653,46 @@ function We() {
     })();
   })(ar)), ar.exports;
 }
-var Fe = We();
-const Te = /* @__PURE__ */ Ze(Fe), Ge = "_rotate_12t9p_1", He = "_dash_12t9p_1", Ue = {
+var Te = Fe();
+const Ge = /* @__PURE__ */ We(Te), He = "_rotate_12t9p_1", Ue = "_dash_12t9p_1", Ye = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ge,
+  rotate: He,
   "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: He,
+  dash: Ue,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, lr = Te.bind(Ue), w = "purpur-spinner", Ye = {
+}, lr = Ge.bind(Ye), j = "purpur-spinner", Je = {
   SM: "sm"
-}, mr = ({
+}, gr = ({
   disabled: e = !1,
   negative: u = !1,
-  size: n = Ye.SM,
+  size: n = Je.SM,
   className: p,
   ...a
-}) => /* @__PURE__ */ l("div", { className: lr(w, `${w}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: lr(j, `${j}--${n}`, p), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: lr(`${w}__circle`, {
-      [`${w}__circle--disabled`]: e,
-      [`${w}__circle--negative`]: u
+    className: lr(`${j}__circle`, {
+      [`${j}__circle--disabled`]: e,
+      [`${j}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-mr.displayName = "Spinner";
-function Je(e) {
+gr.displayName = "Spinner";
+function Ke(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var B = { exports: {} };
+var P = { exports: {} };
 var or;
-function Ke() {
+function Qe() {
   return or || (or = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -722,27 +722,31 @@ function Ke() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(B)), B.exports;
+  })(P)), P.exports;
 }
-var Qe = Ke();
-const Xe = /* @__PURE__ */ Je(Qe), rt = {
-  "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",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_3gl1k_15",
-  "purpur-text-field__frame": "_purpur-text-field__frame_3gl1k_19",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_3gl1k_26",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_3gl1k_37",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_3gl1k_40",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_3gl1k_43",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_3gl1k_46",
-  "purpur-text-field__input": "_purpur-text-field__input_3gl1k_26",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_3gl1k_52",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_3gl1k_94",
-  "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"
-}, et = (e) => wr(e), g = Xe.bind(rt), c = "purpur-text-field", yr = sr(
+var Xe = Qe();
+const rt = /* @__PURE__ */ Ke(Xe), et = {
+  "purpur-text-field": "_purpur-text-field_1ar6e_1",
+  "purpur-text-field__label": "_purpur-text-field__label_1ar6e_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_1ar6e_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_1ar6e_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_1ar6e_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1ar6e_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_1ar6e_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1ar6e_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1ar6e_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1ar6e_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1ar6e_49",
+  "purpur-text-field__input": "_purpur-text-field__input_1ar6e_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1ar6e_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1ar6e_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1ar6e_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_1ar6e_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1ar6e_127",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1ar6e_137",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1ar6e_142",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1ar6e_145"
+}, tt = (e) => jr(e), m = rt.bind(et), o = "purpur-text-field", yr = sr(
   ({
     ["data-testid"]: e,
     className: u,
@@ -752,107 +756,122 @@ const Xe = /* @__PURE__ */ Je(Qe), rt = {
     endAdornment: r,
     errorText: t,
     helperText: i,
-    hideRequiredAsterisk: d = !1,
+    hideRequiredAsterisk: f = !1,
     label: _,
-    loading: x = !1,
-    onClear: h,
+    loading: $ = !1,
+    onClear: g,
     startAdornment: N,
     valid: O = !1,
-    ...o
-  }, y) => {
-    const j = jr(), C = o.id ?? j, f = (v) => e ? `${e}-${v}` : void 0, z = O && !t, k = i ? `${C}-helper-text` : void 0, M = [N].filter((v) => !!v), E = (typeof o.value == "number" ? o.value !== void 0 : o.value?.length) && !o.disabled && !o.readOnly && !x && h && n, V = et(null), br = (v) => {
-      V.current = v, typeof y == "function" ? y(v) : y && (y.current = v);
-    }, xr = () => {
-      h?.(), V.current?.focus();
-    }, A = [
-      x && /* @__PURE__ */ l(
-        mr,
+    negative: d = !1,
+    ...s
+  }, x) => {
+    const xr = Sr(), C = s.id ?? xr, v = (h) => e ? `${e}-${h}` : void 0, E = O && !t, M = i ? `${C}-helper-text` : void 0, A = [N].filter((h) => !!h), V = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !$ && g && n, L = tt(null), br = (h) => {
+      L.current = h, typeof x == "function" ? x(h) : x && (x.current = h);
+    }, $r = () => {
+      g?.(), L.current?.focus();
+    }, q = [
+      $ && /* @__PURE__ */ l(
+        gr,
         {
-          disabled: o.disabled,
+          disabled: s.disabled,
           size: "xs",
-          "data-testid": f("spinner")
+          "data-testid": v("spinner"),
+          negative: d
         },
         "spinner"
       ),
-      E && /* @__PURE__ */ l(
+      V && /* @__PURE__ */ l(
         _r,
         {
+          negative: d,
           variant: "tertiary-purple",
-          onClick: xr,
+          onClick: $r,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": f("clear-button"),
+          "data-testid": v("clear-button"),
           tabIndex: -1,
           children: /* @__PURE__ */ l(vr, { size: "xs" })
         },
         "clear-button"
       ),
-      z && /* @__PURE__ */ l(
+      E && /* @__PURE__ */ l(
         fr,
         {
-          "data-testid": f("valid-icon"),
-          className: g(`${c}__valid-icon`)
+          "data-testid": v("valid-icon"),
+          className: m(`${o}__valid-icon`, {
+            [`${o}__valid-icon--negative`]: d
+          })
         },
         "valid-icon"
       )
-    ].filter((v) => !!v), $r = g(`${c}__input-container`, {
-      [`${c}__input-container--start-adornment`]: M.length,
-      [`${c}__input-container--end-adornment`]: A.length || r,
-      [`${c}__input-container--disabled`]: o.disabled,
-      [`${c}__input-container--has-clear-button`]: E,
-      [`${c}__input-container--readonly`]: o.readOnly && !o.disabled
+    ].filter((h) => !!h), wr = m(`${o}__input-container`, {
+      [`${o}__input-container--start-adornment`]: A.length,
+      [`${o}__input-container--end-adornment`]: q.length || r,
+      [`${o}__input-container--disabled`]: s.disabled,
+      [`${o}__input-container--has-clear-button`]: V,
+      [`${o}__input-container--readonly`]: s.readOnly && !s.disabled,
+      [`${o}__input-container--negative`]: d
     });
-    return /* @__PURE__ */ b("div", { className: g(u, c), children: [
+    return /* @__PURE__ */ b("div", { className: m(u, o), children: [
       _ && /* @__PURE__ */ b(
-        De,
+        Ze,
         {
           htmlFor: C,
-          className: g(`${c}__label`),
-          "data-testid": f("label"),
-          disabled: o.disabled,
+          className: m(`${o}__label`),
+          "data-testid": v("label"),
+          disabled: s.disabled,
+          negative: d,
           children: [
-            o.required && !d && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
+            s.required && !f && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
             _
           ]
         }
       ),
-      /* @__PURE__ */ b("div", { className: g(`${c}__field-row`), children: [
+      /* @__PURE__ */ b("div", { className: m(`${o}__field-row`), children: [
         !!p && p,
-        /* @__PURE__ */ b("div", { className: $r, children: [
-          !!M.length && /* @__PURE__ */ l(
+        /* @__PURE__ */ b("div", { className: wr, children: [
+          !!A.length && /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": f("start-adornments"),
-              className: g(`${c}__adornment-container`),
-              children: M
+              "data-testid": v("start-adornments"),
+              className: m(`${o}__adornment-container`),
+              children: A
             }
           ),
           /* @__PURE__ */ l(
             "input",
             {
-              ...o,
+              ...s,
               id: C,
               ref: br,
-              "data-testid": f("input"),
-              "aria-describedby": o["aria-describedby"] || k,
-              "aria-invalid": o["aria-invalid"] || !!t,
-              className: g([
-                `${c}__input`,
+              "data-testid": v("input"),
+              "aria-describedby": s["aria-describedby"] || M,
+              "aria-invalid": s["aria-invalid"] || !!t,
+              className: m([
+                `${o}__input`,
                 {
-                  [`${c}__input--valid`]: z,
-                  [`${c}__input--error`]: !!t
+                  [`${o}__input--valid`]: E,
+                  [`${o}__input--error`]: !!t,
+                  [`${o}__input--negative`]: d
                 }
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: g(`${c}__frame`) }),
-          (!!A.length || r) && /* @__PURE__ */ b(
+          /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": f("end-adornments"),
-              className: g(`${c}__adornment-container`),
+              className: m(`${o}__frame`, {
+                [`${o}__frame--negative`]: d
+              })
+            }
+          ),
+          (!!q.length || r) && /* @__PURE__ */ b(
+            "div",
+            {
+              "data-testid": v("end-adornments"),
+              className: m(`${o}__adornment-container`),
               children: [
-                A,
+                q,
                 r
               ]
             }
@@ -860,15 +879,23 @@ const Xe = /* @__PURE__ */ Je(Qe), rt = {
         ] }),
         !!a && a
       ] }),
-      k && /* @__PURE__ */ l(oe, { "data-testid": f("helper-text"), id: k, children: i }),
-      t && /* @__PURE__ */ l(te, { "data-testid": f("error-text"), children: t })
+      M && /* @__PURE__ */ l(
+        se,
+        {
+          "data-testid": v("helper-text"),
+          id: M,
+          negative: d,
+          children: i
+        }
+      ),
+      t && /* @__PURE__ */ l(ne, { "data-testid": v("error-text"), negative: d, children: t })
     ] });
   }
 );
 yr.displayName = "TextField";
-const at = (e) => Sr(e) && e.type.displayName === yr.displayName;
+const pt = (e) => Nr(e) && e.type.displayName === yr.displayName;
 export {
   yr as TextField,
-  at as isTextField
+  pt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map