@purpurds/text-field 5.30.1 → 5.32.0

package/dist/text-field.es.js

@@ -21,7 +21,7 @@ var Q = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a(i)));
+        i && (r = l(r, a(i)));
       }
       return r;
     }
@@ -36,10 +36,10 @@ var Q = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
+        u.call(r, i) && r[i] && (e = l(e, i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -69,13 +69,13 @@ const V = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
   disabled: u = !1,
   negative: n = !1,
   size: a = Nr.SM,
-  ...o
+  ...l
 }) => /* @__PURE__ */ p(
   "div",
   {
     className: V([w[j], w[`${j}--${a}`]]),
     "data-testid": t,
-    ...o,
+    ...l,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
@@ -105,7 +105,7 @@ var rr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a.call(this, i)));
+        i && (r = l(r, a.call(this, i)));
       }
       return r;
     }
@@ -120,10 +120,10 @@ var rr = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+        u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -156,7 +156,7 @@ const Ar = /* @__PURE__ */ zr(Mr), Cr = {
   className: u,
   ["data-testid"]: n,
   disabled: a = !1,
-  fullWidth: o = !1,
+  fullWidth: l = !1,
   iconOnly: r,
   loading: e = !1,
   negative: i = !1,
@@ -165,7 +165,7 @@ const Ar = /* @__PURE__ */ zr(Mr), Cr = {
   variant: v,
   type: C = "button",
   ...A
-}, l) => {
+}, o) => {
   if (r && v === "destructive")
     return null;
   const m = qr(
@@ -177,7 +177,7 @@ const Ar = /* @__PURE__ */ zr(Mr), Cr = {
     {
       [`${x}--icon-only`]: r,
       [`${x}--negative`]: i,
-      [`${x}--full-width`]: o,
+      [`${x}--full-width`]: l,
       [`${x}--disabled`]: a || e
     },
     u
@@ -190,7 +190,7 @@ const Ar = /* @__PURE__ */ zr(Mr), Cr = {
       className: m,
       "data-testid": n,
       type: C,
-      ref: l,
+      ref: o,
       "aria-disabled": g,
       onClick: q,
       ...A,
@@ -218,7 +218,7 @@ var er = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a.call(this, i)));
+        i && (r = l(r, a.call(this, i)));
       }
       return r;
     }
@@ -233,10 +233,10 @@ var er = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+        u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -269,13 +269,13 @@ const Dr = /* @__PURE__ */ Lr(Br), Er = {
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = Fr,
+  size: l = Fr,
   ...r
 }) => {
   const e = Zr({
     content: Rr(u.svg),
     title: n
-  }), i = kr(a, T, `${T}--${o}`);
+  }), i = kr(a, T, `${T}--${l}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -303,7 +303,7 @@ var ir = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a(i)));
+        i && (r = l(r, a(i)));
       }
       return r;
     }
@@ -318,10 +318,10 @@ var ir = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
+        u.call(r, i) && r[i] && (e = l(e, i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -336,7 +336,7 @@ const Gr = /* @__PURE__ */ Vr(Tr), G = {
   children: u,
   className: n,
   relevant: a = "additions text",
-  ...o
+  ...l
 }) => /* @__PURE__ */ b(
   "div",
   {
@@ -344,7 +344,7 @@ const Gr = /* @__PURE__ */ Vr(Tr), G = {
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": a,
-    ...o,
+    ...l,
     children: [
       /* @__PURE__ */ p(nr, { svg: Pr, size: "xs", className: G[`${H}__icon`] }),
       u
@@ -366,7 +366,7 @@ var ur = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a(i)));
+        i && (r = l(r, a(i)));
       }
       return r;
     }
@@ -381,10 +381,10 @@ var ur = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
+        u.call(r, i) && r[i] && (e = l(e, i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -399,7 +399,7 @@ const Ur = /* @__PURE__ */ Yr(Jr), Y = {
   children: u,
   className: n,
   disabled: a,
-  id: o,
+  id: l,
   ...r
 }) => {
   const e = Ur([
@@ -409,7 +409,7 @@ const Ur = /* @__PURE__ */ Yr(Jr), Y = {
       [Y[`${J}--disabled`]]: a
     }
   ]);
-  return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": t, ...r, children: u });
+  return /* @__PURE__ */ p("span", { id: l, className: e, "data-testid": t, ...r, children: u });
 };
 function Kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -426,7 +426,7 @@ var ar = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a.call(this, i)));
+        i && (r = l(r, a.call(this, i)));
       }
       return r;
     }
@@ -441,10 +441,10 @@ var ar = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+        u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -469,14 +469,14 @@ 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"
-}, or = (t) => /* @__PURE__ */ p(
+}, lr = (t) => /* @__PURE__ */ p(
   k,
   {
     ...t,
     svg: et
   }
 );
-or.displayName = "IconCheckCircleFilled";
+lr.displayName = "IconCheckCircleFilled";
 const pr = (t) => /* @__PURE__ */ p(
   k,
   {
@@ -485,7 +485,7 @@ const pr = (t) => /* @__PURE__ */ p(
   }
 );
 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(" "), ot = ({ content: t = "", title: u } = {}) => {
+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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -498,13 +498,13 @@ const it = rt.bind(tt), U = "purpur-icon", ut = "md", at = (t) => t.filter((u) =
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = ut,
+  size: l = ut,
   ...r
 }) => {
-  const e = ot({
+  const e = lt({
     content: pt(u.svg),
     title: n
-  }), i = it(a, U, `${U}--${o}`);
+  }), i = it(a, U, `${U}--${l}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -526,18 +526,18 @@ function y() {
     return t;
   }, y.apply(null, arguments);
 }
-function lt(t, u) {
+function ot(t, u) {
   typeof t == "function" ? t(u) : t != null && (t.current = u);
 }
 function st(...t) {
   return (u) => t.forEach(
-    (n) => lt(n, u)
+    (n) => ot(n, u)
   );
 }
-const lr = /* @__PURE__ */ h((t, u) => {
-  const { children: n, ...a } = t, o = O.toArray(n), r = o.find(dt);
+const or = /* @__PURE__ */ h((t, u) => {
+  const { children: n, ...a } = t, l = O.toArray(n), r = l.find(dt);
   if (r) {
-    const e = r.props.children, i = o.map((f) => f === r ? O.count(e) > 1 ? O.only(null) : /* @__PURE__ */ z(e) ? e.props.children : null : f);
+    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);
@@ -546,7 +546,7 @@ const lr = /* @__PURE__ */ h((t, u) => {
     ref: u
   }), n);
 });
-lr.displayName = "Slot";
+or.displayName = "Slot";
 const P = /* @__PURE__ */ h((t, u) => {
   const { children: n, ...a } = t;
   return /* @__PURE__ */ z(n) ? /* @__PURE__ */ K(n, {
@@ -564,14 +564,14 @@ function _t(t, u) {
     ...u
   };
   for (const a in u) {
-    const o = t[a], r = u[a];
-    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...e) => {
-      r(...e), o(...e);
-    } : o && (n[a] = o) : a === "style" ? n[a] = {
-      ...o,
+    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,
       ...r
     } : a === "className" && (n[a] = [
-      o,
+      l,
       r
     ].filter(Boolean).join(" "));
   }
@@ -598,12 +598,12 @@ const ft = [
   "svg",
   "ul"
 ], vt = ft.reduce((t, u) => {
-  const n = /* @__PURE__ */ h((a, o) => {
-    const { asChild: r, ...e } = a, i = r ? lr : u;
+  const n = /* @__PURE__ */ h((a, l) => {
+    const { asChild: r, ...e } = a, i = r ? or : u;
     return mr(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ M(i, y({}, e, {
-      ref: o
+      ref: l
     }));
   });
   return n.displayName = `Primitive.${u}`, {
@@ -632,7 +632,7 @@ var sr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a(i)));
+        i && (r = l(r, a(i)));
       }
       return r;
     }
@@ -647,10 +647,10 @@ var sr = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
+        u.call(r, i) && r[i] && (e = l(e, i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -666,7 +666,7 @@ const yt = /* @__PURE__ */ gt(bt), D = {
   className: u,
   htmlFor: n,
   "data-testid": a,
-  disabled: o,
+  disabled: l,
   negative: r = !1,
   ...e
 }) => {
@@ -674,7 +674,7 @@ const yt = /* @__PURE__ */ gt(bt), D = {
     u,
     D[E],
     {
-      [D[`${E}--disabled`]]: o,
+      [D[`${E}--disabled`]]: l,
       [D[`${E}--negative`]]: r
     }
   ]);
@@ -695,7 +695,7 @@ var cr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a(i)));
+        i && (r = l(r, a(i)));
       }
       return r;
     }
@@ -710,10 +710,10 @@ var cr = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, i));
+        u.call(r, i) && r[i] && (e = l(e, i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -743,13 +743,13 @@ const W = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
   disabled: u = !1,
   negative: n = !1,
   size: a = Nt.SM,
-  ...o
+  ...l
 }) => /* @__PURE__ */ p(
   "div",
   {
     className: W([S[N], S[`${N}--${a}`]]),
     "data-testid": t,
-    ...o,
+    ...l,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
@@ -779,7 +779,7 @@ var dr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var i = arguments[e];
-        i && (r = o(r, a.call(this, i)));
+        i && (r = l(r, a.call(this, i)));
       }
       return r;
     }
@@ -794,10 +794,10 @@ var dr = { exports: {} };
         return r.toString();
       var e = "";
       for (var i in r)
-        u.call(r, i) && r[i] && (e = o(e, this && this[i] || i));
+        u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
       return e;
     }
-    function o(r, e) {
+    function l(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -826,7 +826,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
   className: u,
   clearButtonAllyLabel: n,
   beforeField: a,
-  afterField: o,
+  afterField: l,
   endAdornment: r,
   errorText: e,
   helperText: i,
@@ -835,10 +835,10 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
   onClear: v,
   startAdornment: C,
   valid: A = !1,
-  ...l
+  ...o
 }, m) => {
   var R;
-  const q = yr(), g = l.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 l.value == "number" ? l.value !== void 0 : (R = l.value) == null ? void 0 : R.length) && !l.disabled && !l.readOnly && !$ && v && n, Z = qt(null), fr = (d) => {
+  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);
   }, vr = () => {
     var d;
@@ -847,7 +847,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
     $ && /* @__PURE__ */ p(
       Ot,
       {
-        disabled: l.disabled,
+        disabled: o.disabled,
         size: "xs",
         "data-testid": c("spinner")
       },
@@ -867,7 +867,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
       "clear-button"
     ),
     F && /* @__PURE__ */ p(
-      or,
+      lr,
       {
         "data-testid": c("valid-icon"),
         className: _(`${s}__valid-icon`)
@@ -879,9 +879,9 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
     {
       [`${s}__input-container--start-adornment`]: L.length,
       [`${s}__input-container--end-adornment`]: B.length || r,
-      [`${s}__input-container--disabled`]: l.disabled,
+      [`${s}__input-container--disabled`]: o.disabled,
       [`${s}__input-container--has-clear-button`]: X,
-      [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
+      [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
     }
   ]);
   return /* @__PURE__ */ b("div", { className: _(u, s), children: [
@@ -891,8 +891,8 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
         htmlFor: g,
         className: _(`${s}__label`),
         "data-testid": c("label"),
-        disabled: l.disabled,
-        children: `${l.required ? "* " : ""}${f}`
+        disabled: o.disabled,
+        children: `${o.required ? "* " : ""}${f}`
       }
     ),
     /* @__PURE__ */ b("div", { className: _(`${s}__field-row`), children: [
@@ -909,12 +909,12 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
         /* @__PURE__ */ p(
           "input",
           {
-            ...l,
+            ...o,
             id: g,
             ref: fr,
             "data-testid": c("input"),
-            "aria-describedby": l["aria-describedby"] || I,
-            "aria-invalid": l["aria-invalid"] || !!e,
+            "aria-describedby": o["aria-describedby"] || I,
+            "aria-invalid": o["aria-invalid"] || !!e,
             className: _([
               `${s}__input`,
               {
@@ -937,7 +937,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
           }
         )
       ] }),
-      !!o && o
+      !!l && l
     ] }),
     I && /* @__PURE__ */ p(Wr, { "data-testid": c("helper-text"), id: I, children: i }),
     e && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: e })