@purpurds/text-field 3.2.0 → 3.3.0

package/dist/text-field.es.js

@@ -1,10 +1,10 @@
 import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { forwardRef as g, Children as f, isValidElement as $, createElement as m, cloneElement as z, useEffect as Q, Fragment as U } from "react";
+import { forwardRef as g, Children as f, isValidElement as $, createElement as m, cloneElement as Z, useEffect as Q, Fragment as U } from "react";
 import "react-dom";
 function W(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var V = { exports: {} };
+var z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -39,8 +39,8 @@ var V = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(V);
-var rr = V.exports;
+})(z);
+var rr = z.exports;
 const er = /* @__PURE__ */ W(rr), tr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -88,7 +88,7 @@ const er = /* @__PURE__ */ W(rr), tr = {
 function sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var k = { exports: {} };
+var L = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -123,12 +123,12 @@ var k = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(k);
-var cr = k.exports;
-const dr = /* @__PURE__ */ sr(cr), C = {
+})(L);
+var cr = L.exports;
+const dr = /* @__PURE__ */ sr(cr), E = {
   "purpur-field-error-text": "_purpur-field-error-text_1h4gy_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1h4gy_12"
-}, E = "purpur-field-error-text", _r = ({
+}, P = "purpur-field-error-text", _r = ({
   ["data-testid"]: e,
   children: i,
   className: n,
@@ -137,13 +137,13 @@ const dr = /* @__PURE__ */ sr(cr), C = {
 }) => /* @__PURE__ */ b(
   "div",
   {
-    className: dr([n, C[E]]),
+    className: dr([n, E[P]]),
     "data-testid": e,
     "aria-live": "assertive",
     "aria-relevant": u,
     ...l,
     children: [
-      /* @__PURE__ */ o(pr, { svg: nr, size: "xs", className: C[`${E}__icon`] }),
+      /* @__PURE__ */ o(pr, { svg: nr, size: "xs", className: E[`${P}__icon`] }),
       i
     ]
   }
@@ -151,7 +151,7 @@ const dr = /* @__PURE__ */ sr(cr), C = {
 function fr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var L = { exports: {} };
+var R = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -186,9 +186,9 @@ var L = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(L);
-var mr = L.exports;
-const vr = /* @__PURE__ */ fr(mr), P = {
+})(R);
+var mr = R.exports;
+const vr = /* @__PURE__ */ fr(mr), C = {
   "purpur-field-helper-text": "_purpur-field-helper-text_139ly_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_139ly_9"
 }, D = "purpur-field-helper-text", gr = ({
@@ -201,9 +201,9 @@ const vr = /* @__PURE__ */ fr(mr), P = {
 }) => {
   const t = vr([
     n,
-    P[D],
+    C[D],
     {
-      [P[`${D}--disabled`]]: u
+      [C[`${D}--disabled`]]: u
     }
   ]);
   return /* @__PURE__ */ o("span", { id: l, className: t, "data-testid": e, ...r, children: i });
@@ -211,7 +211,7 @@ const vr = /* @__PURE__ */ fr(mr), P = {
 function xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var R = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -246,8 +246,8 @@ var R = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(R);
-var yr = R.exports;
+})(T);
+var yr = T.exports;
 const hr = /* @__PURE__ */ xr(yr), br = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -261,7 +261,7 @@ const hr = /* @__PURE__ */ xr(yr), br = {
   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"
-}, wr = hr.bind(br), I = "purpur-icon", Sr = "md", Or = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Nr = ({ content: e = "", title: i } = {}) => {
+}, wr = hr.bind(br), F = "purpur-icon", Sr = "md", Or = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Nr = ({ content: e = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -280,7 +280,7 @@ const hr = /* @__PURE__ */ xr(yr), br = {
   const t = Nr({
     content: jr(i.svg),
     title: n
-  }), a = wr(u, I, `${I}--${l}`);
+  }), a = wr(u, F, `${F}--${l}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -320,32 +320,32 @@ function qr(...e) {
     (n) => Mr(n, i)
   );
 }
-const T = /* @__PURE__ */ g((e, i) => {
-  const { children: n, ...u } = e, l = f.toArray(n), r = l.find(Er);
+const k = /* @__PURE__ */ g((e, i) => {
+  const { children: n, ...u } = e, l = f.toArray(n), r = l.find(Pr);
   if (r) {
     const t = r.props.children, a = l.map((x) => x === r ? f.count(t) > 1 ? f.only(null) : /* @__PURE__ */ $(t) ? t.props.children : null : x);
     return /* @__PURE__ */ m(A, v({}, u, {
       ref: i
-    }), /* @__PURE__ */ $(t) ? /* @__PURE__ */ z(t, void 0, a) : null);
+    }), /* @__PURE__ */ $(t) ? /* @__PURE__ */ Z(t, void 0, a) : null);
   }
   return /* @__PURE__ */ m(A, v({}, u, {
     ref: i
   }), n);
 });
-T.displayName = "Slot";
+k.displayName = "Slot";
 const A = /* @__PURE__ */ g((e, i) => {
   const { children: n, ...u } = e;
-  return /* @__PURE__ */ $(n) ? /* @__PURE__ */ z(n, {
-    ...Pr(u, n.props),
+  return /* @__PURE__ */ $(n) ? /* @__PURE__ */ Z(n, {
+    ...Cr(u, n.props),
     ref: i ? qr(i, n.ref) : n.ref
   }) : f.count(n) > 1 ? f.only(null) : null;
 });
 A.displayName = "SlotClone";
-const Cr = ({ children: e }) => /* @__PURE__ */ m(U, null, e);
-function Er(e) {
-  return /* @__PURE__ */ $(e) && e.type === Cr;
+const Er = ({ children: e }) => /* @__PURE__ */ m(U, null, e);
+function Pr(e) {
+  return /* @__PURE__ */ $(e) && e.type === Er;
 }
-function Pr(e, i) {
+function Cr(e, i) {
   const n = {
     ...i
   };
@@ -383,9 +383,9 @@ const Dr = [
   "span",
   "svg",
   "ul"
-], Ir = Dr.reduce((e, i) => {
+], Fr = Dr.reduce((e, i) => {
   const n = /* @__PURE__ */ g((u, l) => {
-    const { asChild: r, ...t } = u, a = r ? T : i;
+    const { asChild: r, ...t } = u, a = r ? k : i;
     return Q(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ m(a, v({}, t, {
@@ -396,17 +396,17 @@ const Dr = [
     ...e,
     [i]: n
   };
-}, {}), Br = /* @__PURE__ */ g((e, i) => /* @__PURE__ */ m(Ir.label, j({}, e, {
+}, {}), Ir = /* @__PURE__ */ g((e, i) => /* @__PURE__ */ m(Fr.label, j({}, e, {
   ref: i,
   onMouseDown: (n) => {
     var u;
     (u = e.onMouseDown) === null || u === void 0 || u.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), Fr = Br;
-function Zr(e) {
+}))), Br = Ir;
+function Vr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var X = { exports: {} };
+var G = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -441,12 +441,12 @@ var X = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(X);
-var zr = X.exports;
-const Vr = /* @__PURE__ */ Zr(zr), B = {
+})(G);
+var Zr = G.exports;
+const zr = /* @__PURE__ */ Vr(Zr), I = {
   "purpur-label": "_purpur-label_1jub8_1",
   "purpur-label--disabled": "_purpur-label--disabled_1jub8_9"
-}, F = "purpur-label", kr = ({
+}, B = "purpur-label", Lr = ({
   children: e,
   className: i,
   htmlFor: n,
@@ -454,17 +454,17 @@ const Vr = /* @__PURE__ */ Zr(zr), B = {
   disabled: l,
   ...r
 }) => {
-  const t = Vr([
+  const t = zr([
     i,
-    B[F],
-    { [B[`${F}--disabled`]]: l }
+    I[B],
+    { [I[`${B}--disabled`]]: l }
   ]);
-  return /* @__PURE__ */ o(Fr, { className: t, "data-testid": u, htmlFor: n, ...r, children: e });
+  return /* @__PURE__ */ o(Br, { className: t, "data-testid": u, htmlFor: n, ...r, children: e });
 };
-function Lr(e) {
+function Rr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var G = { exports: {} };
+var H = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -499,27 +499,27 @@ var G = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(G);
-var Rr = G.exports;
-const Z = /* @__PURE__ */ Lr(Rr), Tr = "_rotate_7s2g1_1", Xr = "_dash_7s2g1_1", y = {
+})(H);
+var Tr = H.exports;
+const V = /* @__PURE__ */ Rr(Tr), kr = "_rotate_7s2g1_1", Gr = "_dash_7s2g1_1", y = {
   "purpur-spinner": "_purpur-spinner_7s2g1_1",
-  rotate: Tr,
+  rotate: kr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
   "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
-  dash: Xr,
+  dash: Gr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
   "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, h = "purpur-spinner", Gr = {
+}, h = "purpur-spinner", Hr = {
   PRIMARY: "primary",
   DISABLED: "disabled",
   NEGATIVE: "negative",
   NEGATIVE_DISABLED: "negative-disabled"
-}, Hr = {
+}, Xr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -527,19 +527,19 @@ const Z = /* @__PURE__ */ Lr(Rr), Tr = "_rotate_7s2g1_1", Xr = "_dash_7s2g1_1",
   LG: "lg"
 }, Yr = ({
   ["data-testid"]: e,
-  size: i = Hr.SM,
-  variant: n = Gr.PRIMARY,
+  size: i = Xr.SM,
+  variant: n = Hr.PRIMARY,
   ...u
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: Z([y[h], y[`${h}--${i}`]]),
+    className: V([y[h], y[`${h}--${i}`]]),
     "data-testid": e,
     ...u,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: Z(
+        className: V(
           y[`${h}__circle`],
           y[`${h}__circle--${n}`]
         ),
@@ -553,7 +553,7 @@ const Z = /* @__PURE__ */ Lr(Rr), Tr = "_rotate_7s2g1_1", Xr = "_dash_7s2g1_1",
 function Jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var H = { exports: {} };
+var X = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -588,8 +588,8 @@ var H = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(H);
-var Kr = H.exports;
+})(X);
+var Kr = X.exports;
 const N = /* @__PURE__ */ Jr(Kr), p = {
   "purpur-text-field": "_purpur-text-field_182p7_1",
   "purpur-text-field__label": "_purpur-text-field__label_182p7_7",
@@ -649,7 +649,7 @@ const N = /* @__PURE__ */ Jr(Kr), p = {
   ]);
   return /* @__PURE__ */ b("div", { className: N(i, p[s]), children: [
     t && /* @__PURE__ */ o(
-      kr,
+      Lr,
       {
         htmlFor: c.id,
         className: p[`${s}__label`],