@purpurds/text-field 5.12.0 → 5.14.0

package/dist/text-field.es.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as p } from "react/jsx-runtime";
-import { forwardRef as b, Children as N, isValidElement as z, createElement as M, cloneElement as Y, useEffect as xr, Fragment as mr, useRef as gr, useId as br } from "react";
+import { forwardRef as b, Children as N, isValidElement as z, createElement as M, cloneElement as W, useEffect as xr, Fragment as mr, useRef as gr, useId as br } from "react";
 import "react-dom";
 const yr = {
   SM: "sm",
@@ -9,7 +9,7 @@ const yr = {
 function hr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var J = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -44,8 +44,8 @@ var J = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(J);
-var $r = J.exports;
+})(K);
+var $r = K.exports;
 const R = /* @__PURE__ */ hr($r), jr = "_rotate_1xozj_1", wr = "_dash_1xozj_1", j = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: jr,
@@ -151,7 +151,7 @@ const Mr = /* @__PURE__ */ Nr(zr), Ar = {
   "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 = Mr.bind(Ar), x = "purpur-button", Cr = ({
+}, Cr = Mr.bind(Ar), x = "purpur-button", qr = ({
   children: t,
   className: u,
   ["data-testid"]: n,
@@ -163,12 +163,12 @@ const Mr = /* @__PURE__ */ Nr(zr), Ar = {
   onClick: f,
   size: v = "md",
   variant: y,
-  type: q = "button",
+  type: C = "button",
   ...l
 }, m) => {
   if (r && y === "destructive")
     return null;
-  const C = qr(
+  const q = Cr(
     [
       x,
       `${x}--${i ? `${y}-negative` : y}`,
@@ -187,9 +187,9 @@ const Mr = /* @__PURE__ */ Nr(zr), Ar = {
   return /* @__PURE__ */ g(
     "button",
     {
-      className: C,
+      className: q,
       "data-testid": n,
-      type: q,
+      type: C,
       ref: m,
       "aria-disabled": c,
       onClick: h,
@@ -201,9 +201,9 @@ const Mr = /* @__PURE__ */ Nr(zr), Ar = {
       ]
     }
   );
-}, rr = b(Cr);
+}, rr = b(qr);
 rr.displayName = "Button";
-function Br(t) {
+function Lr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var tr = { exports: {} };
@@ -242,8 +242,8 @@ var tr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(tr);
-var Ir = tr.exports;
-const Dr = /* @__PURE__ */ Br(Ir), Fr = {
+var Br = tr.exports;
+const Dr = /* @__PURE__ */ Lr(Br), 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 Dr = /* @__PURE__ */ Br(Ir), 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"
-}, Lr = {
+}, Ir = {
   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"
-}, Pr = Dr.bind(Fr), T = "purpur-icon", kr = "md", Er = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Zr = ({ content: t = "", title: u } = {}) => {
+}, Pr = Dr.bind(Fr), V = "purpur-icon", Er = "md", kr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = u ? `<title>${u}</title>` : "";
-  return `<svg ${Er(n)}>${a}${t}</svg>`;
-}, Xr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Rr = ({
+  return `<svg ${kr(n)}>${a}${t}</svg>`;
+}, Zr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Rr = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = kr,
+  size: o = Er,
   ...r
 }) => {
-  const e = Zr({
-    content: Xr(u.svg),
+  const e = Xr({
+    content: Zr(u.svg),
     title: n
-  }), i = Pr(a, T, `${T}--${o}`);
+  }), i = Pr(a, V, `${V}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -287,7 +287,7 @@ const Dr = /* @__PURE__ */ Br(Ir), Fr = {
     }
   );
 };
-function Tr(t) {
+function Vr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var er = { exports: {} };
@@ -326,8 +326,8 @@ var er = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(er);
-var Vr = er.exports;
-const Gr = /* @__PURE__ */ Tr(Vr), V = {
+var Tr = er.exports;
+const Gr = /* @__PURE__ */ Vr(Tr), T = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
 }, G = "purpur-field-error-text", Hr = ({
@@ -339,18 +339,18 @@ const Gr = /* @__PURE__ */ Tr(Vr), V = {
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: Gr([n, V[G]]),
+    className: Gr([n, T[G]]),
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": a,
     ...o,
     children: [
-      /* @__PURE__ */ p(Rr, { svg: Lr, size: "xs", className: V[`${G}__icon`] }),
+      /* @__PURE__ */ p(Rr, { svg: Ir, size: "xs", className: T[`${G}__icon`] }),
       u
     ]
   }
 );
-function Wr(t) {
+function Yr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var nr = { exports: {} };
@@ -389,11 +389,11 @@ var nr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(nr);
-var Kr = nr.exports;
-const Ur = /* @__PURE__ */ Wr(Kr), H = {
+var Jr = nr.exports;
+const Ur = /* @__PURE__ */ Yr(Jr), H = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, W = "purpur-field-helper-text", Yr = ({
+}, Y = "purpur-field-helper-text", Wr = ({
   ["data-testid"]: t,
   children: u,
   className: n,
@@ -403,14 +403,14 @@ const Ur = /* @__PURE__ */ Wr(Kr), H = {
 }) => {
   const e = Ur([
     n,
-    H[W],
+    H[Y],
     {
-      [H[`${W}--disabled`]]: a
+      [H[`${Y}--disabled`]]: a
     }
   ]);
   return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": t, ...r, children: u });
 };
-function Jr(t) {
+function Kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ir = { exports: {} };
@@ -450,7 +450,7 @@ var ir = { exports: {} };
   })();
 })(ir);
 var Qr = ir.exports;
-const rt = /* @__PURE__ */ Jr(Qr), tt = {
+const rt = /* @__PURE__ */ Kr(Qr), tt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -484,7 +484,7 @@ const ar = (t) => /* @__PURE__ */ p(
   }
 );
 ar.displayName = "IconClose";
-const it = rt.bind(tt), K = "purpur-icon", ut = "md", at = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ot = ({ content: t = "", title: u } = {}) => {
+const it = rt.bind(tt), J = "purpur-icon", ut = "md", at = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), ot = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -503,7 +503,7 @@ const it = rt.bind(tt), K = "purpur-icon", ut = "md", at = (t) => t.filter((u) =
   const e = ot({
     content: pt(u.svg),
     title: n
-  }), i = it(a, K, `${K}--${o}`);
+  }), i = it(a, J, `${J}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -547,23 +547,23 @@ const pr = /* @__PURE__ */ b((t, u) => {
   const { children: n, ...a } = t, o = N.toArray(n), r = o.find(dt);
   if (r) {
     const e = r.props.children, i = 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, {
+    return /* @__PURE__ */ M(E, A({}, a, {
       ref: u
-    }), /* @__PURE__ */ z(e) ? /* @__PURE__ */ Y(e, void 0, i) : null);
+    }), /* @__PURE__ */ z(e) ? /* @__PURE__ */ W(e, void 0, i) : null);
   }
-  return /* @__PURE__ */ M(k, A({}, a, {
+  return /* @__PURE__ */ M(E, A({}, a, {
     ref: u
   }), n);
 });
 pr.displayName = "Slot";
-const k = /* @__PURE__ */ b((t, u) => {
+const E = /* @__PURE__ */ b((t, u) => {
   const { children: n, ...a } = t;
-  return /* @__PURE__ */ z(n) ? /* @__PURE__ */ Y(n, {
+  return /* @__PURE__ */ z(n) ? /* @__PURE__ */ W(n, {
     ..._t(a, n.props),
     ref: u ? st(u, n.ref) : n.ref
   }) : N.count(n) > 1 ? N.only(null) : null;
 });
-k.displayName = "SlotClone";
+E.displayName = "SlotClone";
 const ct = ({ children: t }) => /* @__PURE__ */ M(mr, null, t);
 function dt(t) {
   return /* @__PURE__ */ z(t) && t.type === ct;
@@ -670,7 +670,7 @@ const yt = /* @__PURE__ */ gt(bt), 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", ht = ({
+}, I = "purpur-label", ht = ({
   children: t,
   className: u,
   htmlFor: n,
@@ -681,10 +681,10 @@ const yt = /* @__PURE__ */ gt(bt), F = {
 }) => {
   const i = yt([
     u,
-    F[L],
+    F[I],
     {
-      [F[`${L}--disabled`]]: o,
-      [F[`${L}--negative`]]: r
+      [F[`${I}--disabled`]]: o,
+      [F[`${I}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ p(mt, { className: i, "data-testid": a, htmlFor: n, ...e, children: t });
@@ -813,7 +813,7 @@ var cr = { exports: {} };
   })();
 })(cr);
 var Mt = cr.exports;
-const At = /* @__PURE__ */ zt(Mt), qt = {
+const At = /* @__PURE__ */ zt(Mt), Ct = {
   "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 At = /* @__PURE__ */ zt(Mt), qt = {
   "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) => gr(t), _ = At.bind(qt), s = "purpur-text-field", Bt = ({
+}, qt = (t) => gr(t), _ = At.bind(Ct), s = "purpur-text-field", Lt = ({
   ["data-testid"]: t,
   className: u,
   clearButtonAllyLabel: n,
@@ -842,15 +842,15 @@ const At = /* @__PURE__ */ zt(Mt), qt = {
   loading: f = !1,
   onClear: v,
   startAdornment: y,
-  valid: q = !1,
+  valid: C = !1,
   ...l
 }, m) => {
-  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, I = [y].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), _r = (d) => {
-    Z.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
+  var Z;
+  const q = br(), h = l.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, $ = C && !r, L = e ? `${h}-helper-text` : void 0, B = [y].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, X = qt(null), _r = (d) => {
+    X.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
   }, fr = () => {
     var d;
-    v == null || v(), (d = Z.current) == null || d.focus();
+    v == null || v(), (d = X.current) == null || d.focus();
   }, D = [
     f && /* @__PURE__ */ p(
       Nt,
@@ -861,7 +861,7 @@ const At = /* @__PURE__ */ zt(Mt), qt = {
       },
       "spinner"
     ),
-    E && /* @__PURE__ */ p(
+    k && /* @__PURE__ */ p(
       rr,
       {
         variant: "tertiary-purple",
@@ -885,10 +885,10 @@ const At = /* @__PURE__ */ zt(Mt), qt = {
   ].filter((d) => !!d), vr = _([
     `${s}__input-container`,
     {
-      [`${s}__input-container--start-adornment`]: I.length,
+      [`${s}__input-container--start-adornment`]: B.length,
       [`${s}__input-container--end-adornment`]: D.length || o,
       [`${s}__input-container--disabled`]: l.disabled,
-      [`${s}__input-container--has-clear-button`]: E,
+      [`${s}__input-container--has-clear-button`]: k,
       [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
@@ -905,12 +905,12 @@ const At = /* @__PURE__ */ zt(Mt), qt = {
     ),
     /* @__PURE__ */ g("div", { className: _(`${s}__field-row`), children: [
       /* @__PURE__ */ g("div", { className: vr, children: [
-        !!I.length && /* @__PURE__ */ p(
+        !!B.length && /* @__PURE__ */ p(
           "div",
           {
             "data-testid": c("start-adornments"),
             className: _(`${s}__adornment-container`),
-            children: I
+            children: B
           }
         ),
         /* @__PURE__ */ p(
@@ -920,7 +920,7 @@ const At = /* @__PURE__ */ zt(Mt), qt = {
             id: h,
             ref: _r,
             "data-testid": c("input"),
-            "aria-describedby": l["aria-describedby"] || B,
+            "aria-describedby": l["aria-describedby"] || L,
             "aria-invalid": l["aria-invalid"] || !!r,
             className: _([
               `${s}__input`,
@@ -946,10 +946,10 @@ const At = /* @__PURE__ */ zt(Mt), qt = {
       ] }),
       !!a && a
     ] }),
-    B && /* @__PURE__ */ p(Yr, { "data-testid": c("helper-text"), id: B, children: e }),
+    L && /* @__PURE__ */ p(Wr, { "data-testid": c("helper-text"), id: L, children: e }),
     r && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: r })
   ] });
-}, dr = b(Bt);
+}, dr = b(Lt);
 dr.displayName = "TextField";
 const Pt = (t) => z(t) && t.type.displayName === dr.displayName;
 export {