@purpurds/text-field 5.27.2 → 5.27.4

package/dist/text-field.es.js

@@ -1,7 +1,9 @@
 import { jsxs as b, jsx as p } from "react/jsx-runtime";
-import { forwardRef as h, Children as O, isValidElement as z, createElement as M, Fragment as mr, cloneElement as K, useEffect as gr, useRef as br, useId as yr } from "react";
+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 "react-dom";
 const hr = {
+  SM: "sm",
+  MD: "md",
   LG: "lg"
 };
 function $r(t) {
@@ -44,7 +46,7 @@ var Q = { exports: {} };
   })();
 })(Q);
 var wr = Q.exports;
-const T = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1", w = {
+const V = /* @__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",
@@ -57,7 +59,11 @@ const T = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
 }, j = "purpur-spinner", Nr = {
-  SM: "sm"
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
 }, Or = ({
   ["data-testid"]: t,
   disabled: u = !1,
@@ -67,13 +73,13 @@ const T = /* @__PURE__ */ $r(wr), jr = "_rotate_1xozj_1", Sr = "_dash_1xozj_1",
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: T([w[j], w[`${j}--${a}`]]),
+    className: V([w[j], w[`${j}--${a}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: T(w[`${j}__circle`], {
+        className: V(w[`${j}__circle`], {
           [w[`${j}__circle--disabled`]]: u,
           [w[`${j}__circle--negative`]]: n
         }),
@@ -197,7 +203,7 @@ const Ar = /* @__PURE__ */ zr(Mr), Cr = {
   );
 }, tr = h(Ir);
 tr.displayName = "Button";
-function Br(t) {
+function Lr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var er = { exports: {} };
@@ -236,8 +242,8 @@ var er = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(er);
-var Lr = er.exports;
-const Er = /* @__PURE__ */ Br(Lr), Pr = {
+var Br = er.exports;
+const Dr = /* @__PURE__ */ Lr(Br), Er = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -245,31 +251,31 @@ const Er = /* @__PURE__ */ Br(Lr), Pr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, kr = {
+}, Pr = {
   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"
-}, Fr = Er.bind(Pr), Y = "purpur-icon", Vr = "md", Zr = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Dr = ({ content: t = "", title: u } = {}) => {
+}, 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 } = {}) => {
   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 ${Zr(n)}>${a}${t}</svg>`;
+  return `<svg ${Xr(n)}>${a}${t}</svg>`;
 }, Rr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
   className: a,
-  size: o = Vr,
+  size: o = Fr,
   ...r
 }) => {
-  const e = Dr({
+  const e = Zr({
     content: Rr(u.svg),
     title: n
-  }), i = Fr(a, Y, `${Y}--${o}`);
+  }), i = kr(a, T, `${T}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -282,7 +288,7 @@ const Er = /* @__PURE__ */ Br(Lr), Pr = {
   );
 };
 nr.displayName = "Icon";
-function Tr(t) {
+function Vr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ir = { exports: {} };
@@ -321,8 +327,8 @@ var ir = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(ir);
-var Yr = ir.exports;
-const Gr = /* @__PURE__ */ Tr(Yr), G = {
+var Tr = ir.exports;
+const Gr = /* @__PURE__ */ Vr(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 = ({
@@ -340,12 +346,12 @@ const Gr = /* @__PURE__ */ Tr(Yr), G = {
     "aria-relevant": a,
     ...o,
     children: [
-      /* @__PURE__ */ p(nr, { svg: kr, size: "xs", className: G[`${H}__icon`] }),
+      /* @__PURE__ */ p(nr, { svg: Pr, size: "xs", className: G[`${H}__icon`] }),
       u
     ]
   }
 );
-function Jr(t) {
+function Yr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ur = { exports: {} };
@@ -384,11 +390,11 @@ var ur = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(ur);
-var Ur = ur.exports;
-const Wr = /* @__PURE__ */ Jr(Ur), J = {
+var Jr = ur.exports;
+const Ur = /* @__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"
-}, U = "purpur-field-helper-text", Xr = ({
+}, J = "purpur-field-helper-text", Wr = ({
   ["data-testid"]: t,
   children: u,
   className: n,
@@ -396,11 +402,11 @@ const Wr = /* @__PURE__ */ Jr(Ur), J = {
   id: o,
   ...r
 }) => {
-  const e = Wr([
+  const e = Ur([
     n,
-    J[U],
+    Y[J],
     {
-      [J[`${U}--disabled`]]: a
+      [Y[`${J}--disabled`]]: a
     }
   ]);
   return /* @__PURE__ */ p("span", { id: o, className: e, "data-testid": t, ...r, children: u });
@@ -464,7 +470,7 @@ const rt = /* @__PURE__ */ Kr(Qr), tt = {
   keywords: ["close"],
   category: "utility"
 }, or = (t) => /* @__PURE__ */ p(
-  F,
+  k,
   {
     ...t,
     svg: et
@@ -472,14 +478,14 @@ const rt = /* @__PURE__ */ Kr(Qr), tt = {
 );
 or.displayName = "IconCheckCircleFilled";
 const pr = (t) => /* @__PURE__ */ p(
-  F,
+  k,
   {
     ...t,
     svg: nt
   }
 );
 pr.displayName = "IconClose";
-const it = rt.bind(tt), W = "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(" "), ot = ({ content: t = "", title: u } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -487,7 +493,7 @@ const it = rt.bind(tt), W = "purpur-icon", ut = "md", at = (t) => t.filter((u) =
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = u ? `<title>${u}</title>` : "";
   return `<svg ${at(n)}>${a}${t}</svg>`;
-}, pt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), F = ({
+}, pt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), k = ({
   ["data-testid"]: t,
   svg: u,
   allyTitle: n,
@@ -498,7 +504,7 @@ const it = rt.bind(tt), W = "purpur-icon", ut = "md", at = (t) => t.filter((u) =
   const e = ot({
     content: pt(u.svg),
     title: n
-  }), i = it(a, W, `${W}--${o}`);
+  }), i = it(a, U, `${U}--${o}`);
   return /* @__PURE__ */ p(
     "span",
     {
@@ -510,7 +516,7 @@ const it = rt.bind(tt), W = "purpur-icon", ut = "md", at = (t) => t.filter((u) =
     }
   );
 };
-F.displayName = "Icon";
+k.displayName = "Icon";
 function y() {
   return y = Object.assign ? Object.assign.bind() : function(t) {
     for (var u = 1; u < arguments.length; u++) {
@@ -532,24 +538,24 @@ const lr = /* @__PURE__ */ h((t, u) => {
   const { children: n, ...a } = t, o = O.toArray(n), r = o.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);
-    return /* @__PURE__ */ M(k, y({}, a, {
+    return /* @__PURE__ */ M(P, y({}, a, {
       ref: u
     }), /* @__PURE__ */ z(e) ? /* @__PURE__ */ K(e, void 0, i) : null);
   }
-  return /* @__PURE__ */ M(k, y({}, a, {
+  return /* @__PURE__ */ M(P, y({}, a, {
     ref: u
   }), n);
 });
 lr.displayName = "Slot";
-const k = /* @__PURE__ */ h((t, u) => {
+const P = /* @__PURE__ */ h((t, u) => {
   const { children: n, ...a } = t;
   return /* @__PURE__ */ z(n) ? /* @__PURE__ */ K(n, {
     ..._t(a, n.props),
     ref: u ? st(u, n.ref) : n.ref
   }) : O.count(n) > 1 ? O.only(null) : null;
 });
-k.displayName = "SlotClone";
-const ct = ({ children: t }) => /* @__PURE__ */ M(mr, null, t);
+P.displayName = "SlotClone";
+const ct = ({ children: t }) => /* @__PURE__ */ M(gr, null, t);
 function dt(t) {
   return /* @__PURE__ */ z(t) && t.type === ct;
 }
@@ -594,7 +600,7 @@ const ft = [
 ], vt = ft.reduce((t, u) => {
   const n = /* @__PURE__ */ h((a, o) => {
     const { asChild: r, ...e } = a, i = r ? lr : u;
-    return gr(() => {
+    return mr(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ M(i, y({}, e, {
       ref: o
@@ -651,11 +657,11 @@ var sr = { exports: {} };
   })();
 })(sr);
 var bt = sr.exports;
-const yt = /* @__PURE__ */ gt(bt), E = {
+const yt = /* @__PURE__ */ gt(bt), D = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, P = "purpur-label", ht = ({
+}, E = "purpur-label", ht = ({
   children: t,
   className: u,
   htmlFor: n,
@@ -666,10 +672,10 @@ const yt = /* @__PURE__ */ gt(bt), E = {
 }) => {
   const i = yt([
     u,
-    E[P],
+    D[E],
     {
-      [E[`${P}--disabled`]]: o,
-      [E[`${P}--negative`]]: r
+      [D[`${E}--disabled`]]: o,
+      [D[`${E}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ p(mt, { className: i, "data-testid": a, htmlFor: n, ...e, children: t });
@@ -714,7 +720,7 @@ var cr = { exports: {} };
   })();
 })(cr);
 var wt = cr.exports;
-const X = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", S = {
+const W = /* @__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",
@@ -727,7 +733,11 @@ const X = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
 }, N = "purpur-spinner", Nt = {
-  SM: "sm"
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
 }, Ot = ({
   ["data-testid"]: t,
   disabled: u = !1,
@@ -737,13 +747,13 @@ const X = /* @__PURE__ */ $t(wt), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
 }) => /* @__PURE__ */ p(
   "div",
   {
-    className: X([S[N], S[`${N}--${a}`]]),
+    className: W([S[N], S[`${N}--${a}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
       "circle",
       {
-        className: X(S[`${N}__circle`], {
+        className: W(S[`${N}__circle`], {
           [S[`${N}__circle--disabled`]]: u,
           [S[`${N}__circle--negative`]]: n
         }),
@@ -828,12 +838,12 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
   ...l
 }, m) => {
   var R;
-  const q = yr(), g = l.id ?? q, c = (d) => t ? `${t}-${d}` : void 0, V = A && !e, I = i ? `${g}-helper-text` : void 0, B = [C].filter((d) => !!d), Z = (typeof l.value == "number" ? l.value !== void 0 : (R = l.value) == null ? void 0 : R.length) && !l.disabled && !l.readOnly && !$ && v && n, D = qt(null), fr = (d) => {
-    D.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
+  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) => {
+    Z.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
   }, vr = () => {
     var d;
-    v == null || v(), (d = D.current) == null || d.focus();
-  }, L = [
+    v == null || v(), (d = Z.current) == null || d.focus();
+  }, B = [
     $ && /* @__PURE__ */ p(
       Ot,
       {
@@ -843,7 +853,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
       },
       "spinner"
     ),
-    Z && /* @__PURE__ */ p(
+    X && /* @__PURE__ */ p(
       tr,
       {
         variant: "tertiary-purple",
@@ -856,7 +866,7 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
       },
       "clear-button"
     ),
-    V && /* @__PURE__ */ p(
+    F && /* @__PURE__ */ p(
       or,
       {
         "data-testid": c("valid-icon"),
@@ -867,10 +877,10 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
   ].filter((d) => !!d), xr = _([
     `${s}__input-container`,
     {
-      [`${s}__input-container--start-adornment`]: B.length,
-      [`${s}__input-container--end-adornment`]: L.length || r,
+      [`${s}__input-container--start-adornment`]: L.length,
+      [`${s}__input-container--end-adornment`]: B.length || r,
       [`${s}__input-container--disabled`]: l.disabled,
-      [`${s}__input-container--has-clear-button`]: Z,
+      [`${s}__input-container--has-clear-button`]: X,
       [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
@@ -888,12 +898,12 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
     /* @__PURE__ */ b("div", { className: _(`${s}__field-row`), children: [
       !!a && a,
       /* @__PURE__ */ b("div", { className: xr, children: [
-        !!B.length && /* @__PURE__ */ p(
+        !!L.length && /* @__PURE__ */ p(
           "div",
           {
             "data-testid": c("start-adornments"),
             className: _(`${s}__adornment-container`),
-            children: B
+            children: L
           }
         ),
         /* @__PURE__ */ p(
@@ -908,20 +918,20 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
             className: _([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: V,
+                [`${s}__input--valid`]: F,
                 [`${s}__input--error`]: !!e
               }
             ])
           }
         ),
         /* @__PURE__ */ p("div", { className: _(`${s}__frame`) }),
-        (!!L.length || r) && /* @__PURE__ */ b(
+        (!!B.length || r) && /* @__PURE__ */ b(
           "div",
           {
             "data-testid": c("end-adornments"),
             className: _(`${s}__adornment-container`),
             children: [
-              L,
+              B,
               r
             ]
           }
@@ -929,14 +939,14 @@ const At = /* @__PURE__ */ zt(Mt), Ct = {
       ] }),
       !!o && o
     ] }),
-    I && /* @__PURE__ */ p(Xr, { "data-testid": c("helper-text"), id: I, children: i }),
+    I && /* @__PURE__ */ p(Wr, { "data-testid": c("helper-text"), id: I, children: i }),
     e && /* @__PURE__ */ p(Hr, { "data-testid": c("error-text"), children: e })
   ] });
 }, _r = h(It);
 _r.displayName = "TextField";
-const kt = (t) => z(t) && t.type.displayName === _r.displayName;
+const Pt = (t) => z(t) && t.type.displayName === _r.displayName;
 export {
   _r as TextField,
-  kt as isTextField
+  Pt as isTextField
 };
 //# sourceMappingURL=text-field.es.js.map