@purpurds/text-field 8.3.1 → 8.4.0

package/dist/text-field.es.js

@@ -1,6 +1,6 @@
-import { jsxs as b, jsx as l } from "react/jsx-runtime";
+import { jsxs as y, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as or, useRef as yr, useId as br, isValidElement as xr } from "react";
+import { forwardRef as or, useRef as hr, useId as yr, isValidElement as br } from "react";
 import "react-dom";
 const $r = {
   LG: "lg"
@@ -15,7 +15,7 @@ var D = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var L;
-function Sr() {
+function jr() {
   return L || (L = 1, (function(e) {
     (function() {
       var u = {}.hasOwnProperty;
@@ -47,10 +47,10 @@ function Sr() {
     })();
   })(D)), D.exports;
 }
-var Nr = Sr();
-const Or = /* @__PURE__ */ wr(Nr), jr = "_rotate_12t9p_1", kr = "_dash_12t9p_1", Mr = {
+var Sr = jr();
+const Nr = /* @__PURE__ */ wr(Sr), Or = "_rotate_12t9p_1", kr = "_dash_12t9p_1", Mr = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: jr,
+  rotate: Or,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
@@ -60,7 +60,7 @@ const Or = /* @__PURE__ */ wr(Nr), jr = "_rotate_12t9p_1", kr = "_dash_12t9p_1",
   dash: kr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Z = Or.bind(Mr), $ = "purpur-spinner", Ar = {
+}, Z = Nr.bind(Mr), $ = "purpur-spinner", Ar = {
   SM: "sm"
 }, Cr = ({
   disabled: e = !1,
@@ -123,28 +123,28 @@ function Rr() {
 }
 var Ir = Rr();
 const Br = /* @__PURE__ */ qr(Ir), Pr = {
-  "purpur-button": "_purpur-button_1goi7_1",
-  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
-  "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, Er = Br.bind(Pr), y = "purpur-button", sr = or(
+  "purpur-button": "_purpur-button_cjx7j_1",
+  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
+  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
+  "purpur-button--md": "_purpur-button--md_cjx7j_34",
+  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
+  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
+  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
+  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
+  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
+  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
+  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
+  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
+  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
+  "purpur-button--text": "_purpur-button--text_cjx7j_185"
+}, Er = Br.bind(Pr), h = "purpur-button", sr = or(
   ({
     children: e,
     className: u,
@@ -156,34 +156,34 @@ const Br = /* @__PURE__ */ qr(Ir), Pr = {
     onClick: i,
     size: f = "md",
     variant: d,
-    type: x = "button",
+    type: b = "button",
     ...v
-  }, N) => {
+  }, S) => {
     if (p && d === "destructive")
       return null;
-    const O = Er(
+    const N = Er(
       [
-        y,
-        `${y}--${t ? `${d}-negative` : d}`,
-        `${y}--${f}`
+        h,
+        `${h}--${t ? `${d}-negative` : d}`,
+        `${h}--${f}`
       ],
       {
-        [`${y}--icon-only`]: p,
-        [`${y}--negative`]: t,
-        [`${y}--full-width`]: a,
-        [`${y}--disabled`]: n || r
+        [`${h}--icon-only`]: p,
+        [`${h}--negative`]: t,
+        [`${h}--full-width`]: a,
+        [`${h}--disabled`]: n || r
       },
       u
-    ), o = (S) => {
-      n || r ? S.preventDefault() : i && i(S);
-    }, h = !!v["aria-disabled"] || n || r;
-    return /* @__PURE__ */ b(
+    ), o = (j) => {
+      n || r ? j.preventDefault() : i && i(j);
+    }, x = !!v["aria-disabled"] || n || r;
+    return /* @__PURE__ */ y(
       "button",
       {
-        className: O,
-        type: x,
-        ref: N,
-        "aria-disabled": h,
+        className: N,
+        type: b,
+        ref: S,
+        "aria-disabled": x,
         onClick: o,
         ...v,
         children: [
@@ -192,7 +192,7 @@ const Br = /* @__PURE__ */ qr(Ir), Pr = {
             {
               size: f === $r.LG ? "xs" : "xxs",
               negative: t,
-              disabled: h
+              disabled: x
             }
           ),
           " ",
@@ -329,7 +329,7 @@ const Kr = /* @__PURE__ */ Xr(Jr), Qr = {
   negative: n = !1,
   ["aria-relevant"]: a = "additions text",
   ...p
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ y(
   "div",
   {
     className: Y(u, C, {
@@ -472,26 +472,26 @@ const ce = /* @__PURE__ */ le(se), de = {
   return /* @__PURE__ */ l("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 B.displayName = "Icon";
-const he = {
+const xe = {
   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"
-}, dr = (e) => /* @__PURE__ */ l(B, { ...e, svg: he });
+}, dr = (e) => /* @__PURE__ */ l(B, { ...e, svg: xe });
 dr.displayName = "IconCheckCircleFilled";
-const ye = {
+const he = {
   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"
-}, _r = (e) => /* @__PURE__ */ l(B, { ...e, svg: ye });
+}, _r = (e) => /* @__PURE__ */ l(B, { ...e, svg: he });
 _r.displayName = "IconClose";
 function tr(e, u) {
   if (typeof e == "function")
     return e(u);
   e != null && (e.current = u);
 }
-function be(...e) {
+function ye(...e) {
   return (u) => {
     let n = !1;
     const a = e.map((p) => {
@@ -508,12 +508,12 @@ function be(...e) {
   };
 }
 // @__NO_SIDE_EFFECTS__
-function xe(e) {
+function be(e) {
   const u = /* @__PURE__ */ $e(e), n = c.forwardRef((a, p) => {
-    const { children: r, ...t } = a, i = c.Children.toArray(r), f = i.find(Se);
+    const { children: r, ...t } = a, i = c.Children.toArray(r), f = i.find(je);
     if (f) {
-      const d = f.props.children, x = i.map((v) => v === f ? c.Children.count(d) > 1 ? c.Children.only(null) : c.isValidElement(d) ? d.props.children : null : v);
-      return /* @__PURE__ */ l(u, { ...t, ref: p, children: c.isValidElement(d) ? c.cloneElement(d, void 0, x) : null });
+      const d = f.props.children, b = i.map((v) => v === f ? c.Children.count(d) > 1 ? c.Children.only(null) : c.isValidElement(d) ? d.props.children : null : v);
+      return /* @__PURE__ */ l(u, { ...t, ref: p, children: c.isValidElement(d) ? c.cloneElement(d, void 0, b) : null });
     }
     return /* @__PURE__ */ l(u, { ...t, ref: p, children: r });
   });
@@ -524,18 +524,18 @@ function $e(e) {
   const u = c.forwardRef((n, a) => {
     const { children: p, ...r } = n;
     if (c.isValidElement(p)) {
-      const t = Oe(p), i = Ne(r, p.props);
-      return p.type !== c.Fragment && (i.ref = a ? be(a, t) : t), c.cloneElement(p, i);
+      const t = Ne(p), i = Se(r, p.props);
+      return p.type !== c.Fragment && (i.ref = a ? ye(a, t) : t), c.cloneElement(p, i);
     }
     return c.Children.count(p) > 1 ? c.Children.only(null) : null;
   });
   return u.displayName = `${e}.SlotClone`, u;
 }
 var we = Symbol("radix.slottable");
-function Se(e) {
+function je(e) {
   return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === we;
 }
-function Ne(e, u) {
+function Se(e, u) {
   const n = { ...u };
   for (const a in u) {
     const p = e[a], r = u[a];
@@ -546,12 +546,12 @@ function Ne(e, u) {
   }
   return { ...e, ...n };
 }
-function Oe(e) {
+function Ne(e) {
   var u, n;
   let a = (u = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : u.get, p = a && "isReactWarning" in a && a.isReactWarning;
   return p ? e.ref : (a = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, p = a && "isReactWarning" in a && a.isReactWarning, p ? e.props.ref : e.props.ref || e.ref);
 }
-var je = [
+var Oe = [
   "a",
   "button",
   "div",
@@ -569,8 +569,8 @@ var je = [
   "span",
   "svg",
   "ul"
-], ke = je.reduce((e, u) => {
-  const n = /* @__PURE__ */ xe(`Primitive.${u}`), a = c.forwardRef((p, r) => {
+], ke = Oe.reduce((e, u) => {
+  const n = /* @__PURE__ */ be(`Primitive.${u}`), a = c.forwardRef((p, r) => {
     const { asChild: t, ...i } = p, f = t ? n : u;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(f, { ...i, ref: r });
   });
@@ -782,7 +782,7 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
   "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"
-}, Ke = (e) => yr(e), m = Ye.bind(Je), s = "purpur-text-field", vr = or(
+}, Ke = (e) => hr(e), m = Ye.bind(Je), s = "purpur-text-field", vr = or(
   ({
     ["data-testid"]: e,
     className: u,
@@ -794,20 +794,20 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
     helperText: i,
     hideRequiredAsterisk: f = !1,
     label: d,
-    loading: x = !1,
+    loading: b = !1,
     onClear: v,
-    startAdornment: N,
-    valid: O = !1,
+    startAdornment: S,
+    valid: N = !1,
     ...o
-  }, h) => {
+  }, x) => {
     var z;
-    const S = br(), j = o.id ?? S, g = (_) => e ? `${e}-${_}` : void 0, P = O && !t, k = i ? `${j}-helper-text` : void 0, M = [N].filter((_) => !!_), E = (typeof o.value == "number" ? o.value !== void 0 : (z = o.value) == null ? void 0 : z.length) && !o.disabled && !o.readOnly && !x && v && n, V = Ke(null), gr = (_) => {
-      V.current = _, typeof h == "function" ? h(_) : h && (h.current = _);
+    const j = yr(), O = o.id ?? j, g = (_) => e ? `${e}-${_}` : void 0, P = N && !t, k = i ? `${O}-helper-text` : void 0, M = [S].filter((_) => !!_), E = (typeof o.value == "number" ? o.value !== void 0 : (z = o.value) == null ? void 0 : z.length) && !o.disabled && !o.readOnly && !b && v && n, V = Ke(null), gr = (_) => {
+      V.current = _, typeof x == "function" ? x(_) : x && (x.current = _);
     }, mr = () => {
       var _;
       v == null || v(), (_ = V.current) == null || _.focus();
     }, A = [
-      x && /* @__PURE__ */ l(
+      b && /* @__PURE__ */ l(
         Ge,
         {
           disabled: o.disabled,
@@ -837,18 +837,18 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
         },
         "valid-icon"
       )
-    ].filter((_) => !!_), hr = m(`${s}__input-container`, {
+    ].filter((_) => !!_), xr = m(`${s}__input-container`, {
       [`${s}__input-container--start-adornment`]: M.length,
       [`${s}__input-container--end-adornment`]: A.length || r,
       [`${s}__input-container--disabled`]: o.disabled,
       [`${s}__input-container--has-clear-button`]: E,
       [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
     });
-    return /* @__PURE__ */ b("div", { className: m(u, s), children: [
-      d && /* @__PURE__ */ b(
+    return /* @__PURE__ */ y("div", { className: m(u, s), children: [
+      d && /* @__PURE__ */ y(
         Ee,
         {
-          htmlFor: j,
+          htmlFor: O,
           className: m(`${s}__label`),
           "data-testid": g("label"),
           disabled: o.disabled,
@@ -858,9 +858,9 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
           ]
         }
       ),
-      /* @__PURE__ */ b("div", { className: m(`${s}__field-row`), children: [
+      /* @__PURE__ */ y("div", { className: m(`${s}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ b("div", { className: hr, children: [
+        /* @__PURE__ */ y("div", { className: xr, children: [
           !!M.length && /* @__PURE__ */ l(
             "div",
             {
@@ -873,7 +873,7 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
             "input",
             {
               ...o,
-              id: j,
+              id: O,
               ref: gr,
               "data-testid": g("input"),
               "aria-describedby": o["aria-describedby"] || k,
@@ -888,7 +888,7 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
             }
           ),
           /* @__PURE__ */ l("div", { className: m(`${s}__frame`) }),
-          (!!A.length || r) && /* @__PURE__ */ b(
+          (!!A.length || r) && /* @__PURE__ */ y(
             "div",
             {
               "data-testid": g("end-adornments"),
@@ -908,7 +908,7 @@ const Ye = /* @__PURE__ */ He(Xe), Je = {
   }
 );
 vr.displayName = "TextField";
-const nt = (e) => xr(e) && e.type.displayName === vr.displayName;
+const nt = (e) => br(e) && e.type.displayName === vr.displayName;
 export {
   vr as TextField,
   nt as isTextField