@purpurds/text-field 5.32.0 → 5.33.0

package/dist/text-field.es.js

@@ -1,7 +1,8 @@
-import { jsxs as b, jsx as p } from "react/jsx-runtime";
-import { forwardRef as h, Children as O, isValidElement as z, createElement as M, cloneElement as K, useEffect as mr, Fragment as gr, useRef as br, useId as yr } from "react";
+import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { forwardRef as h, Children as O, isValidElement as q, createElement as z, cloneElement as Q, useEffect as xr, Fragment as gr, useRef as br, useId as yr } from "react";
 import "react-dom";
 const hr = {
+  XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -9,7 +10,7 @@ const hr = {
 function $r(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Q = { exports: {} };
+var U = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -17,11 +18,11 @@ var Q = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a(i)));
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
       }
       return r;
     }
@@ -35,18 +36,18 @@ var Q = { exports: {} };
       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));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Q);
-var wr = Q.exports;
-const V = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1", w = {
+})(U);
+var wr = U.exports;
+const R = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1", w = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: jr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -66,21 +67,21 @@ const V = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
   LG: "lg"
 }, Or = ({
   ["data-testid"]: t,
-  disabled: u = !1,
+  disabled: i = !1,
   negative: n = !1,
   size: a = Nr.SM,
-  ...l
-}) => /* @__PURE__ */ p(
+  ...p
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: V([w[j], w[`${j}--${a}`]]),
+    className: R([w[j], w[`${j}--${a}`]]),
     "data-testid": t,
-    ...l,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    ...p,
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
-        className: V(w[`${j}__circle`], {
-          [w[`${j}__circle--disabled`]]: u,
+        className: R(w[`${j}__circle`], {
+          [w[`${j}__circle--disabled`]]: i,
           [w[`${j}__circle--negative`]]: n
         }),
         cx: "25",
@@ -90,7 +91,7 @@ const V = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
     ) })
   }
 );
-function zr(t) {
+function qr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var rr = { exports: {} };
@@ -101,11 +102,11 @@ var rr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a.call(this, i)));
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
       }
       return r;
     }
@@ -119,83 +120,84 @@ var rr = { exports: {} };
       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, this && this[i] || i));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(rr);
-var Mr = rr.exports;
-const Ar = /* @__PURE__ */ zr(Mr), Cr = {
-  "purpur-button": "_purpur-button_1acxn_1",
-  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
-  "purpur-button--md": "_purpur-button--md_1acxn_39",
-  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
-  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
-  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
-  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
-  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
-  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
-  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
-  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
-  "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, qr = Ar.bind(Cr), x = "purpur-button", Ir = ({
+var zr = rr.exports;
+const Mr = /* @__PURE__ */ qr(zr), Ar = {
+  "purpur-button": "_purpur-button_w455q_1",
+  "purpur-button--xs": "_purpur-button--xs_w455q_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
+  "purpur-button--sm": "_purpur-button--sm_w455q_39",
+  "purpur-button--md": "_purpur-button--md_w455q_45",
+  "purpur-button--lg": "_purpur-button--lg_w455q_51",
+  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
+  "purpur-button--primary": "_purpur-button--primary_w455q_60",
+  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
+  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
+  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
+  "purpur-button--negative": "_purpur-button--negative_w455q_126",
+  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
+  "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"
+}, Cr = Mr.bind(Ar), m = "purpur-button", Ir = ({
   children: t,
-  className: u,
+  className: i,
   ["data-testid"]: n,
   disabled: a = !1,
-  fullWidth: l = !1,
+  fullWidth: p = !1,
   iconOnly: r,
   loading: e = !1,
-  negative: i = !1,
+  negative: u = !1,
   onClick: f,
   size: $ = "md",
   variant: v,
-  type: C = "button",
-  ...A
+  type: A = "button",
+  ...M
 }, o) => {
   if (r && v === "destructive")
     return null;
-  const m = qr(
+  const x = Cr(
     [
-      x,
-      `${x}--${i ? `${v}-negative` : v}`,
-      `${x}--${$}`
+      m,
+      `${m}--${u ? `${v}-negative` : v}`,
+      `${m}--${$}`
     ],
     {
-      [`${x}--icon-only`]: r,
-      [`${x}--negative`]: i,
-      [`${x}--full-width`]: l,
-      [`${x}--disabled`]: a || e
+      [`${m}--icon-only`]: r,
+      [`${m}--negative`]: u,
+      [`${m}--full-width`]: p,
+      [`${m}--disabled`]: a || e
     },
-    u
-  ), q = (c) => {
+    i
+  ), C = (c) => {
     a || e ? c.preventDefault() : f && f(c);
-  }, g = !!A["aria-disabled"] || a || e;
+  }, g = !!M["aria-disabled"] || a || e;
   return /* @__PURE__ */ b(
     "button",
     {
-      className: m,
+      className: x,
       "data-testid": n,
-      type: C,
+      type: A,
       ref: o,
       "aria-disabled": g,
-      onClick: q,
-      ...A,
+      onClick: C,
+      ...M,
       children: [
-        e && /* @__PURE__ */ p(Or, { size: $ === hr.LG ? "xs" : "xxs", negative: i, disabled: g }),
+        e && /* @__PURE__ */ l(Or, { size: $ === hr.LG ? "xs" : "xxs", negative: u, disabled: g }),
         " ",
         t
       ]
@@ -214,11 +216,11 @@ var er = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a.call(this, i)));
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
       }
       return r;
     }
@@ -232,11 +234,11 @@ var er = { exports: {} };
       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, this && this[i] || i));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -256,31 +258,31 @@ const Dr = /* @__PURE__ */ Lr(Br), Er = {
   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"
-}, kr = Dr.bind(Er), T = "purpur-icon", Fr = "md", Xr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Zr = ({ content: t = "", title: u } = {}) => {
+}, Xr = Dr.bind(Er), T = "purpur-icon", kr = "md", Fr = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Vr = ({ 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" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${Xr(n)}>${a}${t}</svg>`;
-}, Rr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${Fr(n)}>${a}${t}</svg>`;
+}, Zr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
   ["data-testid"]: t,
-  svg: u,
+  svg: i,
   allyTitle: n,
   className: a,
-  size: l = Fr,
+  size: p = kr,
   ...r
 }) => {
-  const e = Zr({
-    content: Rr(u.svg),
+  const e = Vr({
+    content: Zr(i.svg),
     title: n
-  }), i = kr(a, T, `${T}--${l}`);
-  return /* @__PURE__ */ p(
+  }), u = Xr(a, T, `${T}--${p}`);
+  return /* @__PURE__ */ l(
     "span",
     {
       "aria-label": n,
-      className: i,
+      className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
       ...r
@@ -288,10 +290,10 @@ const Dr = /* @__PURE__ */ Lr(Br), Er = {
   );
 };
 nr.displayName = "Icon";
-function Vr(t) {
+function Rr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -299,11 +301,11 @@ var ir = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a(i)));
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
       }
       return r;
     }
@@ -317,26 +319,26 @@ var ir = { exports: {} };
       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));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(ir);
-var Tr = ir.exports;
-const Gr = /* @__PURE__ */ Vr(Tr), G = {
+})(ur);
+var Tr = ur.exports;
+const Gr = /* @__PURE__ */ Rr(Tr), G = {
   "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", Hr = ({
   ["data-testid"]: t,
-  children: u,
+  children: i,
   className: n,
   relevant: a = "additions text",
-  ...l
+  ...p
 }) => /* @__PURE__ */ b(
   "div",
   {
@@ -344,17 +346,17 @@ const Gr = /* @__PURE__ */ Vr(Tr), G = {
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": a,
-    ...l,
+    ...p,
     children: [
-      /* @__PURE__ */ p(nr, { svg: Pr, size: "xs", className: G[`${H}__icon`] }),
-      u
+      /* @__PURE__ */ l(nr, { svg: Pr, size: "xs", className: G[`${H}__icon`] }),
+      i
     ]
   }
 );
 function Yr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ur = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -362,11 +364,11 @@ var ur = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a(i)));
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
       }
       return r;
     }
@@ -380,38 +382,38 @@ var ur = { exports: {} };
       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));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(ur);
-var Jr = ur.exports;
-const Ur = /* @__PURE__ */ Yr(Jr), Y = {
+})(ir);
+var Jr = ir.exports;
+const Wr = /* @__PURE__ */ Yr(Jr), Y = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, J = "purpur-field-helper-text", Wr = ({
+}, J = "purpur-field-helper-text", Kr = ({
   ["data-testid"]: t,
-  children: u,
+  children: i,
   className: n,
   disabled: a,
-  id: l,
+  id: p,
   ...r
 }) => {
-  const e = Ur([
+  const e = Wr([
     n,
     Y[J],
     {
       [Y[`${J}--disabled`]]: a
     }
   ]);
-  return /* @__PURE__ */ p("span", { id: l, className: e, "data-testid": t, ...r, children: u });
+  return /* @__PURE__ */ l("span", { id: p, 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 ar = { exports: {} };
@@ -422,11 +424,11 @@ var ar = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a.call(this, i)));
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
       }
       return r;
     }
@@ -440,18 +442,18 @@ var ar = { exports: {} };
       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, this && this[i] || i));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(ar);
-var Qr = ar.exports;
-const rt = /* @__PURE__ */ Kr(Qr), tt = {
+var Ur = ar.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",
@@ -469,109 +471,109 @@ const rt = /* @__PURE__ */ Kr(Qr), tt = {
   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"
-}, lr = (t) => /* @__PURE__ */ p(
-  k,
+}, pr = (t) => /* @__PURE__ */ l(
+  X,
   {
     ...t,
     svg: et
   }
 );
-lr.displayName = "IconCheckCircleFilled";
-const pr = (t) => /* @__PURE__ */ p(
-  k,
+pr.displayName = "IconCheckCircleFilled";
+const lr = (t) => /* @__PURE__ */ l(
+  X,
   {
     ...t,
     svg: nt
   }
 );
-pr.displayName = "IconClose";
-const it = rt.bind(tt), U = "purpur-icon", ut = "md", at = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), lt = ({ content: t = "", title: u } = {}) => {
+lr.displayName = "IconClose";
+const ut = rt.bind(tt), W = "purpur-icon", it = "md", at = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pt = ({ 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" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = u ? `<title>${u}</title>` : "";
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
   return `<svg ${at(n)}>${a}${t}</svg>`;
-}, pt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), k = ({
+}, lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), X = ({
   ["data-testid"]: t,
-  svg: u,
+  svg: i,
   allyTitle: n,
   className: a,
-  size: l = ut,
+  size: p = it,
   ...r
 }) => {
-  const e = lt({
-    content: pt(u.svg),
+  const e = pt({
+    content: lt(i.svg),
     title: n
-  }), i = it(a, U, `${U}--${l}`);
-  return /* @__PURE__ */ p(
+  }), u = ut(a, W, `${W}--${p}`);
+  return /* @__PURE__ */ l(
     "span",
     {
       "aria-label": n,
-      className: i,
+      className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
       ...r
     }
   );
 };
-k.displayName = "Icon";
+X.displayName = "Icon";
 function y() {
   return y = Object.assign ? Object.assign.bind() : function(t) {
-    for (var u = 1; u < arguments.length; u++) {
-      var n = arguments[u];
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
       for (var a in n) ({}).hasOwnProperty.call(n, a) && (t[a] = n[a]);
     }
     return t;
   }, y.apply(null, arguments);
 }
-function ot(t, u) {
-  typeof t == "function" ? t(u) : t != null && (t.current = u);
+function ot(t, i) {
+  typeof t == "function" ? t(i) : t != null && (t.current = i);
 }
 function st(...t) {
-  return (u) => t.forEach(
-    (n) => ot(n, u)
+  return (i) => t.forEach(
+    (n) => ot(n, i)
   );
 }
-const or = /* @__PURE__ */ h((t, u) => {
-  const { children: n, ...a } = t, l = O.toArray(n), r = l.find(dt);
+const or = /* @__PURE__ */ h((t, i) => {
+  const { children: n, ...a } = t, p = O.toArray(n), r = p.find(dt);
   if (r) {
-    const e = r.props.children, i = l.map((f) => f === r ? O.count(e) > 1 ? O.only(null) : /* @__PURE__ */ z(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ M(P, y({}, a, {
-      ref: u
-    }), /* @__PURE__ */ z(e) ? /* @__PURE__ */ K(e, void 0, i) : null);
+    const e = r.props.children, u = p.map((f) => f === r ? O.count(e) > 1 ? O.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ z(P, y({}, a, {
+      ref: i
+    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ Q(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ M(P, y({}, a, {
-    ref: u
+  return /* @__PURE__ */ z(P, y({}, a, {
+    ref: i
   }), n);
 });
 or.displayName = "Slot";
-const P = /* @__PURE__ */ h((t, u) => {
+const P = /* @__PURE__ */ h((t, i) => {
   const { children: n, ...a } = t;
-  return /* @__PURE__ */ z(n) ? /* @__PURE__ */ K(n, {
+  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ Q(n, {
     ..._t(a, n.props),
-    ref: u ? st(u, n.ref) : n.ref
+    ref: i ? st(i, n.ref) : n.ref
   }) : O.count(n) > 1 ? O.only(null) : null;
 });
 P.displayName = "SlotClone";
-const ct = ({ children: t }) => /* @__PURE__ */ M(gr, null, t);
+const ct = ({ children: t }) => /* @__PURE__ */ z(gr, null, t);
 function dt(t) {
-  return /* @__PURE__ */ z(t) && t.type === ct;
+  return /* @__PURE__ */ q(t) && t.type === ct;
 }
-function _t(t, u) {
+function _t(t, i) {
   const n = {
-    ...u
+    ...i
   };
-  for (const a in u) {
-    const l = t[a], r = u[a];
-    /^on[A-Z]/.test(a) ? l && r ? n[a] = (...e) => {
-      r(...e), l(...e);
-    } : l && (n[a] = l) : a === "style" ? n[a] = {
-      ...l,
+  for (const a in i) {
+    const p = t[a], r = i[a];
+    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...e) => {
+      r(...e), p(...e);
+    } : p && (n[a] = p) : a === "style" ? n[a] = {
+      ...p,
       ...r
     } : a === "className" && (n[a] = [
-      l,
+      p,
       r
     ].filter(Boolean).join(" "));
   }
@@ -597,26 +599,26 @@ const ft = [
   "span",
   "svg",
   "ul"
-], vt = ft.reduce((t, u) => {
-  const n = /* @__PURE__ */ h((a, l) => {
-    const { asChild: r, ...e } = a, i = r ? or : u;
-    return mr(() => {
+], vt = ft.reduce((t, i) => {
+  const n = /* @__PURE__ */ h((a, p) => {
+    const { asChild: r, ...e } = a, u = r ? or : i;
+    return xr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ M(i, y({}, e, {
-      ref: l
+    }, []), /* @__PURE__ */ z(u, y({}, e, {
+      ref: p
     }));
   });
-  return n.displayName = `Primitive.${u}`, {
+  return n.displayName = `Primitive.${i}`, {
     ...t,
-    [u]: n
+    [i]: n
   };
-}, {}), xt = /* @__PURE__ */ h((t, u) => /* @__PURE__ */ M(vt.label, y({}, t, {
-  ref: u,
+}, {}), mt = /* @__PURE__ */ h((t, i) => /* @__PURE__ */ z(vt.label, y({}, 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 = xt;
+}))), xt = mt;
 function gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -628,11 +630,11 @@ var sr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a(i)));
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
       }
       return r;
     }
@@ -646,11 +648,11 @@ var sr = { exports: {} };
       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));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -663,22 +665,22 @@ const yt = /* @__PURE__ */ gt(bt), D = {
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
 }, E = "purpur-label", ht = ({
   children: t,
-  className: u,
+  className: i,
   htmlFor: n,
   "data-testid": a,
-  disabled: l,
+  disabled: p,
   negative: r = !1,
   ...e
 }) => {
-  const i = yt([
-    u,
+  const u = yt([
+    i,
     D[E],
     {
-      [D[`${E}--disabled`]]: l,
+      [D[`${E}--disabled`]]: p,
       [D[`${E}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ p(mt, { className: i, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ l(xt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
 };
 function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -691,11 +693,11 @@ var cr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a(i)));
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
       }
       return r;
     }
@@ -709,18 +711,18 @@ var cr = { exports: {} };
       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));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(cr);
 var wt = cr.exports;
-const W = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
+const K = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: jt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -740,21 +742,21 @@ const W = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
   LG: "lg"
 }, Ot = ({
   ["data-testid"]: t,
-  disabled: u = !1,
+  disabled: i = !1,
   negative: n = !1,
   size: a = Nt.SM,
-  ...l
-}) => /* @__PURE__ */ p(
+  ...p
+}) => /* @__PURE__ */ l(
   "div",
   {
-    className: W([S[N], S[`${N}--${a}`]]),
+    className: K([S[N], S[`${N}--${a}`]]),
     "data-testid": t,
-    ...l,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    ...p,
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
-        className: W(S[`${N}__circle`], {
-          [S[`${N}__circle--disabled`]]: u,
+        className: K(S[`${N}__circle`], {
+          [S[`${N}__circle--disabled`]]: i,
           [S[`${N}__circle--negative`]]: n
         }),
         cx: "25",
@@ -764,7 +766,7 @@ const W = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
     ) })
   }
 );
-function zt(t) {
+function qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var dr = { exports: {} };
@@ -775,11 +777,11 @@ var dr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var u = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
-        var i = arguments[e];
-        i && (r = l(r, a.call(this, i)));
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
       }
       return r;
     }
@@ -793,18 +795,18 @@ var dr = { exports: {} };
       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, this && this[i] || i));
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
       return e;
     }
-    function l(r, e) {
+    function p(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(dr);
-var Mt = dr.exports;
-const At = /* @__PURE__ */ zt(Mt), Ct = {
+var zt = dr.exports;
+const Mt = /* @__PURE__ */ qt(zt), At = {
   "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",
@@ -821,30 +823,30 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
   "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"
-}, qt = (t) => br(t), _ = At.bind(Ct), s = "purpur-text-field", It = ({
+}, Ct = (t) => br(t), _ = Mt.bind(At), s = "purpur-text-field", It = ({
   ["data-testid"]: t,
-  className: u,
+  className: i,
   clearButtonAllyLabel: n,
   beforeField: a,
-  afterField: l,
+  afterField: p,
   endAdornment: r,
   errorText: e,
-  helperText: i,
+  helperText: u,
   label: f,
   loading: $ = !1,
   onClear: v,
-  startAdornment: C,
-  valid: A = !1,
+  startAdornment: A,
+  valid: M = !1,
   ...o
-}, m) => {
-  var R;
-  const q = yr(), g = o.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, F = A && !e, I = i ? `${g}-helper-text` : void 0, L = [C].filter((d) => !!d), X = (typeof o.value == "number" ? o.value !== void 0 : (R = o.value) == null ? void 0 : R.length) && !o.disabled && !o.readOnly && !$ && v && n, Z = qt(null), fr = (d) => {
-    Z.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
+}, x) => {
+  var Z;
+  const C = yr(), g = o.id ?? C, c = (d) => t ? `${t}-${d}` : void 0, k = M && !e, I = u ? `${g}-helper-text` : void 0, L = [A].filter((d) => !!d), F = (typeof o.value == "number" ? o.value !== void 0 : (Z = o.value) == null ? void 0 : Z.length) && !o.disabled && !o.readOnly && !$ && v && n, V = Ct(null), fr = (d) => {
+    V.current = d, typeof x == "function" ? x(d) : x && (x.current = d);
   }, vr = () => {
     var d;
-    v == null || v(), (d = Z.current) == null || d.focus();
+    v == null || v(), (d = V.current) == null || d.focus();
   }, B = [
-    $ && /* @__PURE__ */ p(
+    $ && /* @__PURE__ */ l(
       Ot,
       {
         disabled: o.disabled,
@@ -853,7 +855,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
       },
       "spinner"
     ),
-    X && /* @__PURE__ */ p(
+    F && /* @__PURE__ */ l(
       tr,
       {
         variant: "tertiary-purple",
@@ -862,30 +864,30 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
         "aria-label": n ?? "",
         "data-testid": c("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ p(pr, { size: "xs" })
+        children: /* @__PURE__ */ l(lr, { size: "xs" })
       },
       "clear-button"
     ),
-    F && /* @__PURE__ */ p(
-      lr,
+    k && /* @__PURE__ */ l(
+      pr,
       {
         "data-testid": c("valid-icon"),
         className: _(`${s}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((d) => !!d), xr = _([
+  ].filter((d) => !!d), mr = _([
     `${s}__input-container`,
     {
       [`${s}__input-container--start-adornment`]: L.length,
       [`${s}__input-container--end-adornment`]: B.length || r,
       [`${s}__input-container--disabled`]: o.disabled,
-      [`${s}__input-container--has-clear-button`]: X,
+      [`${s}__input-container--has-clear-button`]: F,
       [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
     }
   ]);
-  return /* @__PURE__ */ b("div", { className: _(u, s), children: [
-    f && /* @__PURE__ */ p(
+  return /* @__PURE__ */ b("div", { className: _(i, s), children: [
+    f && /* @__PURE__ */ l(
       ht,
       {
         htmlFor: g,
@@ -897,8 +899,8 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
     ),
     /* @__PURE__ */ b("div", { className: _(`${s}__field-row`), children: [
       !!a && a,
-      /* @__PURE__ */ b("div", { className: xr, children: [
-        !!L.length && /* @__PURE__ */ p(
+      /* @__PURE__ */ b("div", { className: mr, children: [
+        !!L.length && /* @__PURE__ */ l(
           "div",
           {
             "data-testid": c("start-adornments"),
@@ -906,7 +908,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
             children: L
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ l(
           "input",
           {
             ...o,
@@ -918,13 +920,13 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
             className: _([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: F,
+                [`${s}__input--valid`]: k,
                 [`${s}__input--error`]: !!e
               }
             ])
           }
         ),
-        /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
+        /* @__PURE__ */ l("div", { className: _(`${s}__frame`) }),
         (!!B.length || r) && /* @__PURE__ */ b(
           "div",
           {
@@ -937,14 +939,14 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
           }
         )
       ] }),
-      !!l && l
+      !!p && p
     ] }),
-    I && /* @__PURE__ */ p(Wr, { "data-testid": c("helper-text"), id: I, children: i }),
-    e && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: e })
+    I && /* @__PURE__ */ l(Kr, { "data-testid": c("helper-text"), id: I, children: u }),
+    e && /* @__PURE__ */ l(Hr, { "data-testid": c("error-text"), children: e })
   ] });
 }, _r = h(It);
 _r.displayName = "TextField";
-const Pt = (t) => z(t) && t.type.displayName === _r.displayName;
+const Pt = (t) => q(t) && t.type.displayName === _r.displayName;
 export {
   _r as TextField,
   Pt as isTextField