@purpurds/text-field 8.13.0 → 8.14.0

package/dist/text-field.es.js

@@ -41,20 +41,20 @@ function Or() {
     })();
   })(D)), D.exports;
 }
-var Cr = Or();
-const Mr = /* @__PURE__ */ Nr(Cr), Ar = "_rotate_12t9p_1", qr = "_dash_12t9p_1", Rr = {
+var qr = Or();
+const Cr = /* @__PURE__ */ Nr(qr), Mr = "_rotate_12t9p_1", Ar = "_dash_12t9p_1", Rr = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ar,
+  rotate: Mr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: qr,
+  dash: Ar,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, k = Mr.bind(Rr), w = "purpur-spinner", Ir = {
+}, k = Cr.bind(Rr), w = "purpur-spinner", Ir = {
   SM: "sm"
 }, sr = ({
   disabled: e = !1,
@@ -303,7 +303,7 @@ const Xr = /* @__PURE__ */ Jr(Qr), re = {
   "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"
-}, J = Xr.bind(re), q = "purpur-field-error-text", ee = ({
+}, J = Xr.bind(re), A = "purpur-field-error-text", ee = ({
   children: e,
   className: u,
   negative: n = !1,
@@ -312,14 +312,14 @@ const Xr = /* @__PURE__ */ Jr(Qr), re = {
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: J(u, q, {
-      [`${q}--negative`]: n
+    className: J(u, A, {
+      [`${A}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": p,
     ...a,
     children: [
-      /* @__PURE__ */ l(_r, { svg: Yr, size: "xs", className: J(`${q}__icon`) }),
+      /* @__PURE__ */ l(_r, { svg: Yr, size: "xs", className: J(`${A}__icon`) }),
       e
     ]
   }
@@ -362,9 +362,9 @@ function ne() {
 }
 var ie = ne();
 const ue = /* @__PURE__ */ te(ie), ae = {
-  "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"
+  "purpur-field-helper-text": "_purpur-field-helper-text_1ociq_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_1ociq_9",
+  "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_1ociq_12"
 }, pe = ue.bind(ae), R = "purpur-field-helper-text", le = ({
   children: e,
   className: u,
@@ -424,15 +424,15 @@ const _e = /* @__PURE__ */ oe(ce), de = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, fe = _e.bind(de), er = "purpur-icon", he = "md", ve = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), me = ({ content: e = "", title: u } = {}) => {
+}, fe = _e.bind(de), er = "purpur-icon", ve = "md", he = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), me = ({ 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 ${ve(n)}>${p}${e}</svg>`;
-}, ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({ svg: e, allyTitle: u, className: n, size: p = he, ...a }) => {
+  return `<svg ${he(n)}>${p}${e}</svg>`;
+}, ge = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({ svg: e, allyTitle: u, className: n, size: p = ve, ...a }) => {
   const r = me({
     content: ge(e.svg),
     title: u
@@ -518,7 +518,7 @@ function Oe(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 Ce = [
+var qe = [
   "a",
   "button",
   "div",
@@ -536,14 +536,14 @@ var Ce = [
   "span",
   "svg",
   "ul"
-], Me = Ce.reduce((e, u) => {
+], Ce = qe.reduce((e, u) => {
   const n = /* @__PURE__ */ $e(`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 };
-}, {}), Ae = "Label", hr = c.forwardRef((e, u) => /* @__PURE__ */ l(
-  Me.label,
+}, {}), Me = "Label", vr = c.forwardRef((e, u) => /* @__PURE__ */ l(
+  Ce.label,
   {
     ...e,
     ref: u,
@@ -552,8 +552,8 @@ var Ce = [
     }
   }
 ));
-hr.displayName = Ae;
-var qe = hr;
+vr.displayName = Me;
+var Ae = vr;
 function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -606,7 +606,7 @@ const Ee = /* @__PURE__ */ Re(Be), Pe = {
     [`${I}--disabled`]: n,
     [`${I}--negative`]: p
   });
-  return /* @__PURE__ */ l(qe, { className: r, ...a, children: e });
+  return /* @__PURE__ */ l(Ae, { className: r, ...a, children: e });
 };
 function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -659,7 +659,7 @@ const Ze = /* @__PURE__ */ De(ke), Fe = "_rotate_12t9p_1", We = "_dash_12t9p_1",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
 }, pr = Ze.bind(Ge), j = "purpur-spinner", Te = {
   SM: "sm"
-}, vr = ({
+}, hr = ({
   disabled: e = !1,
   negative: u = !1,
   size: n = Te.SM,
@@ -677,7 +677,7 @@ const Ze = /* @__PURE__ */ De(ke), Fe = "_rotate_12t9p_1", We = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-vr.displayName = "Spinner";
+hr.displayName = "Spinner";
 function He(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -717,26 +717,26 @@ function Ue() {
 }
 var Ye = Ue();
 const Je = /* @__PURE__ */ He(Ye), Ke = {
-  "purpur-text-field": "_purpur-text-field_h2fch_1",
-  "purpur-text-field__label": "_purpur-text-field__label_h2fch_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_h2fch_12",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_h2fch_15",
-  "purpur-text-field__frame": "_purpur-text-field__frame_h2fch_19",
-  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_h2fch_26",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_h2fch_29",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_h2fch_40",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_h2fch_43",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_h2fch_46",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_h2fch_49",
-  "purpur-text-field__input": "_purpur-text-field__input_h2fch_29",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_h2fch_55",
-  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_h2fch_61",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_h2fch_109",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_h2fch_109",
-  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_h2fch_127",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_h2fch_140",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_h2fch_145",
-  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_h2fch_148"
+  "purpur-text-field": "_purpur-text-field_1n0q1_1",
+  "purpur-text-field__label": "_purpur-text-field__label_1n0q1_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_1n0q1_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_1n0q1_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_1n0q1_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1n0q1_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_1n0q1_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1n0q1_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1n0q1_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1n0q1_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1n0q1_49",
+  "purpur-text-field__input": "_purpur-text-field__input_1n0q1_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1n0q1_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1n0q1_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1n0q1_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_1n0q1_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1n0q1_130",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1n0q1_146",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1n0q1_151",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1n0q1_154"
 }, Qe = (e) => $r(e), m = Je.bind(Ke), o = "purpur-text-field", mr = or(
   ({
     ["data-testid"]: e,
@@ -756,17 +756,17 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
     negative: d = !1,
     ...s
   }, x) => {
-    const gr = wr(), O = s.id ?? gr, h = (v) => e ? `${e}-${v}` : void 0, P = N && !t, C = i ? `${O}-helper-text` : void 0, M = [S].filter((v) => !!v), V = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !$ && g && n, z = Qe(null), yr = (v) => {
-      z.current = v, typeof x == "function" ? x(v) : x && (x.current = v);
+    const gr = wr(), O = s.id ?? gr, v = (h) => e ? `${e}-${h}` : void 0, P = N && !t, q = i ? `${O}-helper-text` : void 0, C = [S].filter((h) => !!h), V = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !$ && g && n, z = Qe(null), yr = (h) => {
+      z.current = h, typeof x == "function" ? x(h) : x && (x.current = h);
     }, xr = () => {
       g?.(), z.current?.focus();
-    }, A = [
+    }, M = [
       $ && /* @__PURE__ */ l(
-        vr,
+        hr,
         {
           disabled: s.disabled,
           size: "xs",
-          "data-testid": h("spinner"),
+          "data-testid": v("spinner"),
           negative: d
         },
         "spinner"
@@ -779,7 +779,7 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
           onClick: xr,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": h("clear-button"),
+          "data-testid": v("clear-button"),
           tabIndex: -1,
           children: /* @__PURE__ */ l(fr, { size: "xs" })
         },
@@ -788,16 +788,16 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
       P && /* @__PURE__ */ l(
         dr,
         {
-          "data-testid": h("valid-icon"),
+          "data-testid": v("valid-icon"),
           className: m(`${o}__valid-icon`, {
             [`${o}__valid-icon--negative`]: d
           })
         },
         "valid-icon"
       )
-    ].filter((v) => !!v), br = m(`${o}__input-container`, {
-      [`${o}__input-container--start-adornment`]: M.length,
-      [`${o}__input-container--end-adornment`]: A.length || r,
+    ].filter((h) => !!h), br = m(`${o}__input-container`, {
+      [`${o}__input-container--start-adornment`]: C.length,
+      [`${o}__input-container--end-adornment`]: M.length || r,
       [`${o}__input-container--disabled`]: s.disabled,
       [`${o}__input-container--has-clear-button`]: V,
       [`${o}__input-container--readonly`]: s.readOnly && !s.disabled,
@@ -809,7 +809,7 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
         {
           htmlFor: O,
           className: m(`${o}__label`),
-          "data-testid": h("label"),
+          "data-testid": v("label"),
           disabled: s.disabled,
           negative: d,
           children: [
@@ -821,12 +821,12 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
       /* @__PURE__ */ b("div", { className: m(`${o}__field-row`), children: [
         !!p && p,
         /* @__PURE__ */ b("div", { className: br, children: [
-          !!M.length && /* @__PURE__ */ l(
+          !!C.length && /* @__PURE__ */ l(
             "div",
             {
-              "data-testid": h("start-adornments"),
+              "data-testid": v("start-adornments"),
               className: m(`${o}__adornment-container`),
-              children: M
+              children: C
             }
           ),
           /* @__PURE__ */ l(
@@ -835,8 +835,8 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
               ...s,
               id: O,
               ref: yr,
-              "data-testid": h("input"),
-              "aria-describedby": s["aria-describedby"] || C,
+              "data-testid": v("input"),
+              "aria-describedby": s["aria-describedby"] || q,
               "aria-invalid": s["aria-invalid"] || !!t,
               className: m([
                 `${o}__input`,
@@ -856,13 +856,13 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
               })
             }
           ),
-          (!!A.length || r) && /* @__PURE__ */ b(
+          (!!M.length || r) && /* @__PURE__ */ b(
             "div",
             {
-              "data-testid": h("end-adornments"),
+              "data-testid": v("end-adornments"),
               className: m(`${o}__adornment-container`),
               children: [
-                A,
+                M,
                 r
               ]
             }
@@ -870,17 +870,17 @@ const Je = /* @__PURE__ */ He(Ye), Ke = {
         ] }),
         !!a && a
       ] }),
-      C && /* @__PURE__ */ l(
+      q && /* @__PURE__ */ l(
         le,
         {
-          "data-testid": h("helper-text"),
-          id: C,
+          "data-testid": v("helper-text"),
+          id: q,
           negative: d,
           disabled: s.disabled,
           children: i
         }
       ),
-      t && /* @__PURE__ */ l(ee, { "data-testid": h("error-text"), negative: d, children: t })
+      t && /* @__PURE__ */ l(ee, { "data-testid": v("error-text"), negative: d, children: t })
     ] });
   }
 );