@purpurds/autocomplete 5.10.1 → 5.11.1

package/dist/autocomplete.es.js

@@ -1,10 +1,10 @@
 import { jsx as s, jsxs as O, Fragment as ot } from "react/jsx-runtime";
-import { forwardRef as P, Children as k, isValidElement as q, createElement as W, cloneElement as sr, useEffect as Ar, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as nr } from "react";
+import { forwardRef as P, Children as R, isValidElement as q, createElement as W, cloneElement as lr, useEffect as Nr, useId as pt, Fragment as st, useRef as Y, useCallback as lt, useState as ur } from "react";
 import "react-dom";
 function ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Or = { exports: {} };
+var Ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -12,15 +12,15 @@ var Or = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -31,7 +31,7 @@ var Or = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -39,8 +39,8 @@ var Or = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Or);
-var dt = Or.exports;
+})(Ar);
+var dt = Ar.exports;
 const _t = /* @__PURE__ */ ct(dt), ft = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -59,34 +59,34 @@ const _t = /* @__PURE__ */ ct(dt), ft = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-down"],
   category: "utility"
-}, Pr = (t) => /* @__PURE__ */ s(
-  Mr,
+}, Or = (t) => /* @__PURE__ */ s(
+  Pr,
   {
     ...t,
     svg: mt
   }
 );
-Pr.displayName = "IconChevronDown";
-const gt = _t.bind(ft), mr = "purpur-icon", bt = "md", xt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ht = ({ content: t = "", title: i } = {}) => {
+Or.displayName = "IconChevronDown";
+const xt = _t.bind(ft), mr = "purpur-icon", gt = "md", bt = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), ht = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${xt(n)}>${a}${t}</svg>`;
-}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${bt(n)}>${i}${t}</svg>`;
+}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Pr = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: a,
   allyTitle: n,
-  className: a = "",
-  size: o = bt,
+  className: i,
+  size: o = gt,
   ...r
 }) => {
   const e = ht({
-    content: yt(i.svg),
+    content: yt(a.svg),
     title: n
-  }), u = gt(a, mr, `${mr}--${o}`);
+  }), u = xt(i, mr, `${mr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -97,12 +97,12 @@ const gt = _t.bind(ft), mr = "purpur-icon", bt = "md", xt = (t) => t.filter((i)
       ...r
     }
   );
-}, gr = {
+}, wt = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function wt(t) {
+function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Cr = { exports: {} };
@@ -113,15 +113,15 @@ var Cr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -132,7 +132,7 @@ var Cr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -141,43 +141,43 @@ var Cr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Cr);
-var $t = Cr.exports;
-const br = /* @__PURE__ */ wt($t), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1", Z = {
+var jt = Cr.exports;
+const xr = /* @__PURE__ */ $t(jt), St = "_rotate_1xozj_1", Nt = "_dash_1xozj_1", G = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: jt,
+  rotate: St,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: St,
+  dash: Nt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, G = "purpur-spinner", Nt = {
+}, K = "purpur-spinner", At = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, At = ({
+}, Ot = ({
   ["data-testid"]: t,
-  disabled: i = !1,
+  disabled: a = !1,
   negative: n = !1,
-  size: a = Nt.SM,
+  size: i = At.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: br([Z[G], Z[`${G}--${a}`]]),
+    className: xr([G[K], G[`${K}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: br(Z[`${G}__circle`], {
-          [Z[`${G}__circle--disabled`]]: i,
-          [Z[`${G}__circle--negative`]]: n
+        className: xr(G[`${K}__circle`], {
+          [G[`${K}__circle--disabled`]]: a,
+          [G[`${K}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -186,10 +186,10 @@ const br = /* @__PURE__ */ wt($t), jt = "_rotate_1xozj_1", St = "_dash_1xozj_1",
     ) })
   }
 );
-function Ot(t) {
+function Pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -197,15 +197,15 @@ var Lr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -216,7 +216,7 @@ var Lr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -224,62 +224,62 @@ var Lr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Lr);
-var Pt = Lr.exports;
-const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
-  "purpur-button": "_purpur-button_u2yv5_1",
-  "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
-  "purpur-button--md": "_purpur-button--md_u2yv5_39",
-  "purpur-button--lg": "_purpur-button--lg_u2yv5_45",
-  "purpur-button--full-width": "_purpur-button--full-width_u2yv5_51",
-  "purpur-button--primary": "_purpur-button--primary_u2yv5_54",
-  "purpur-button--disabled": "_purpur-button--disabled_u2yv5_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_u2yv5_64",
-  "purpur-button--secondary": "_purpur-button--secondary_u2yv5_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_u2yv5_87",
-  "purpur-button--expressive": "_purpur-button--expressive_u2yv5_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_u2yv5_108",
-  "purpur-button--negative": "_purpur-button--negative_u2yv5_120",
-  "purpur-button--destructive": "_purpur-button--destructive_u2yv5_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_u2yv5_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_u2yv5_147",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
-  "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
-  "purpur-button--text": "_purpur-button--text_u2yv5_175"
-}, Lt = Mt.bind(Ct), z = "purpur-button", It = ({
+})(Mr);
+var Ct = Mr.exports;
+const Mt = /* @__PURE__ */ Pt(Ct), Lt = {
+  "purpur-button": "_purpur-button_1acxn_1",
+  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
+  "purpur-button--md": "_purpur-button--md_1acxn_39",
+  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
+  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
+  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
+  "purpur-button--text": "_purpur-button--text_1acxn_175"
+}, It = Mt.bind(Lt), B = "purpur-button", Bt = ({
   children: t,
-  className: i,
+  className: a,
   ["data-testid"]: n,
-  disabled: a = !1,
+  disabled: i = !1,
   fullWidth: o = !1,
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
   onClick: v,
-  size: x = gr.MD,
+  size: b = "md",
   variant: y,
   type: $ = "button",
   ...d
 }, _) => {
   if (r && y === "destructive")
     return null;
-  const j = Lt(
+  const j = It(
     [
-      z,
-      `${z}--${u ? `${y}-negative` : y}`,
-      `${z}--${x}`
+      B,
+      `${B}--${u ? `${y}-negative` : y}`,
+      `${B}--${b}`
     ],
     {
-      [`${z}--icon-only`]: r,
-      [`${z}--negative`]: u,
-      [`${z}--full-width`]: o,
-      [`${z}--disabled`]: a || e
+      [`${B}--icon-only`]: r,
+      [`${B}--negative`]: u,
+      [`${B}--full-width`]: o,
+      [`${B}--disabled`]: i || e
     },
-    i
+    a
   ), L = (l) => {
-    a || e ? l.preventDefault() : v && v(l);
-  }, w = !!d["aria-disabled"] || a || e;
+    i || e ? l.preventDefault() : v && v(l);
+  }, w = !!d["aria-disabled"] || i || e;
   return /* @__PURE__ */ O(
     "button",
     {
@@ -291,18 +291,18 @@ const Mt = /* @__PURE__ */ Ot(Pt), Ct = {
       onClick: L,
       ...d,
       children: [
-        e && /* @__PURE__ */ s(At, { size: x === gr.LG ? "xs" : "xxs", negative: u, disabled: w }),
+        e && /* @__PURE__ */ s(Ot, { size: b === wt.LG ? "xs" : "xxs", negative: u, disabled: w }),
         " ",
         t
       ]
     }
   );
-}, Ir = P(It);
-Ir.displayName = "Button";
+}, Lr = P(Bt);
+Lr.displayName = "Button";
 function zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -310,15 +310,15 @@ var zr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -329,7 +329,7 @@ var zr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -337,9 +337,9 @@ var zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var Bt = zr.exports;
-const Rt = /* @__PURE__ */ zt(Bt), kt = {
+})(Ir);
+var kt = Ir.exports;
+const Rt = /* @__PURE__ */ zt(kt), qt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -347,31 +347,31 @@ const Rt = /* @__PURE__ */ zt(Bt), kt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, qt = {
+}, Et = {
   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"
-}, Et = Rt.bind(kt), xr = "purpur-icon", Dt = "md", Tt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ft = ({ content: t = "", title: i } = {}) => {
+}, Dt = Rt.bind(qt), gr = "purpur-icon", Tt = "md", Ft = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Gt = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Tt(n)}>${a}${t}</svg>`;
-}, Zt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gt = ({
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${Ft(n)}>${i}${t}</svg>`;
+}, Kt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zt = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: a,
   allyTitle: n,
-  className: a = "",
-  size: o = Dt,
+  className: i,
+  size: o = Tt,
   ...r
 }) => {
-  const e = Ft({
-    content: Zt(i.svg),
+  const e = Gt({
+    content: Kt(a.svg),
     title: n
-  }), u = Et(a, xr, `${xr}--${o}`);
+  }), u = Dt(i, gr, `${gr}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -383,7 +383,7 @@ const Rt = /* @__PURE__ */ zt(Bt), kt = {
     }
   );
 };
-function Vt(t) {
+function Ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Br = { exports: {} };
@@ -394,15 +394,15 @@ var Br = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -413,7 +413,7 @@ var Br = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -422,34 +422,34 @@ var Br = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Br);
-var Ht = Br.exports;
-const Kt = /* @__PURE__ */ Vt(Ht), hr = {
+var Vt = Br.exports;
+const Ut = /* @__PURE__ */ Ht(Vt), br = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, yr = "purpur-field-error-text", Ut = ({
+}, hr = "purpur-field-error-text", Xt = ({
   ["data-testid"]: t,
-  children: i,
+  children: a,
   className: n,
-  relevant: a = "additions text",
+  relevant: i = "additions text",
   ...o
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: Kt([n, hr[yr]]),
+    className: Ut([n, br[hr]]),
     "data-testid": t,
     "aria-live": "assertive",
-    "aria-relevant": a,
+    "aria-relevant": i,
     ...o,
     children: [
-      /* @__PURE__ */ s(Gt, { svg: qt, size: "xs", className: hr[`${yr}__icon`] }),
-      i
+      /* @__PURE__ */ s(Zt, { svg: Et, size: "xs", className: br[`${hr}__icon`] }),
+      a
     ]
   }
 );
-function Xt(t) {
+function Yt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -457,15 +457,15 @@ var Rr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -476,7 +476,7 @@ var Rr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -484,29 +484,29 @@ var Rr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Rr);
-var Yt = Rr.exports;
-const Wt = /* @__PURE__ */ Xt(Yt), wr = {
+})(zr);
+var Wt = zr.exports;
+const Jt = /* @__PURE__ */ Yt(Wt), yr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, $r = "purpur-field-helper-text", Jt = ({
+}, wr = "purpur-field-helper-text", Qt = ({
   ["data-testid"]: t,
-  children: i,
+  children: a,
   className: n,
-  disabled: a,
+  disabled: i,
   id: o,
   ...r
 }) => {
-  const e = Wt([
+  const e = Jt([
     n,
-    wr[$r],
+    yr[wr],
     {
-      [wr[`${$r}--disabled`]]: a
+      [yr[`${wr}--disabled`]]: i
     }
   ]);
-  return /* @__PURE__ */ s("span", { id: o, className: e, "data-testid": t, ...r, children: i });
+  return /* @__PURE__ */ s("span", { id: o, className: e, "data-testid": t, ...r, children: a });
 };
-function Qt(t) {
+function re(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var kr = { exports: {} };
@@ -517,15 +517,15 @@ var kr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -536,7 +536,7 @@ var kr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -545,8 +545,8 @@ var kr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(kr);
-var re = kr.exports;
-const te = /* @__PURE__ */ Qt(re), ee = {
+var te = kr.exports;
+const ee = /* @__PURE__ */ re(te), ne = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -554,52 +554,52 @@ const te = /* @__PURE__ */ Qt(re), ee = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ne = {
+}, ue = {
   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"
-}, ue = {
+}, ae = {
   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"
-}, qr = (t) => /* @__PURE__ */ s(
-  Dr,
+}, Rr = (t) => /* @__PURE__ */ s(
+  Er,
   {
     ...t,
-    svg: ne
+    svg: ue
   }
 );
-qr.displayName = "IconCheckCircleFilled";
-const Er = (t) => /* @__PURE__ */ s(
-  Dr,
+Rr.displayName = "IconCheckCircleFilled";
+const qr = (t) => /* @__PURE__ */ s(
+  Er,
   {
     ...t,
-    svg: ue
+    svg: ae
   }
 );
-Er.displayName = "IconClose";
-const ie = te.bind(ee), jr = "purpur-icon", ae = "md", oe = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pe = ({ content: t = "", title: i } = {}) => {
+qr.displayName = "IconClose";
+const ie = ee.bind(ne), $r = "purpur-icon", oe = "md", pe = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), se = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${oe(n)}>${a}${t}</svg>`;
-}, se = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Dr = ({
+    a ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], i = a ? `<title>${a}</title>` : "";
+  return `<svg ${pe(n)}>${i}${t}</svg>`;
+}, le = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Er = ({
   ["data-testid"]: t,
-  svg: i,
+  svg: a,
   allyTitle: n,
-  className: a = "",
-  size: o = ae,
+  className: i,
+  size: o = oe,
   ...r
 }) => {
-  const e = pe({
-    content: se(i.svg),
+  const e = se({
+    content: le(a.svg),
     title: n
-  }), u = ie(a, jr, `${jr}--${o}`);
+  }), u = ie(i, $r, `${$r}--${o}`);
   return /* @__PURE__ */ s(
     "span",
     {
@@ -611,71 +611,71 @@ const ie = te.bind(ee), jr = "purpur-icon", ae = "md", oe = (t) => t.filter((i)
     }
   );
 };
-function ar() {
-  return ar = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+function or() {
+  return or = Object.assign ? Object.assign.bind() : function(t) {
+    for (var a = 1; a < arguments.length; a++) {
+      var n = arguments[a];
+      for (var i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
     }
     return t;
-  }, ar.apply(this, arguments);
+  }, or.apply(this, arguments);
 }
 function J() {
   return J = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var a in n)
-        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    for (var a = 1; a < arguments.length; a++) {
+      var n = arguments[a];
+      for (var i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
     }
     return t;
   }, J.apply(this, arguments);
 }
-function le(t, i) {
-  typeof t == "function" ? t(i) : t != null && (t.current = i);
+function ce(t, a) {
+  typeof t == "function" ? t(a) : t != null && (t.current = a);
 }
-function ce(...t) {
-  return (i) => t.forEach(
-    (n) => le(n, i)
+function de(...t) {
+  return (a) => t.forEach(
+    (n) => ce(n, a)
   );
 }
-const Tr = /* @__PURE__ */ P((t, i) => {
-  const { children: n, ...a } = t, o = k.toArray(n), r = o.find(_e);
+const Dr = /* @__PURE__ */ P((t, a) => {
+  const { children: n, ...i } = t, o = R.toArray(n), r = o.find(fe);
   if (r) {
-    const e = r.props.children, u = o.map((v) => v === r ? k.count(e) > 1 ? k.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ W(or, J({}, a, {
-      ref: i
-    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
+    const e = r.props.children, u = o.map((v) => v === r ? R.count(e) > 1 ? R.only(null) : /* @__PURE__ */ q(e) ? e.props.children : null : v);
+    return /* @__PURE__ */ W(pr, J({}, i, {
+      ref: a
+    }), /* @__PURE__ */ q(e) ? /* @__PURE__ */ lr(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ W(or, J({}, a, {
-    ref: i
+  return /* @__PURE__ */ W(pr, J({}, i, {
+    ref: a
   }), n);
 });
-Tr.displayName = "Slot";
-const or = /* @__PURE__ */ P((t, i) => {
-  const { children: n, ...a } = t;
-  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ sr(n, {
-    ...fe(a, n.props),
-    ref: i ? ce(i, n.ref) : n.ref
-  }) : k.count(n) > 1 ? k.only(null) : null;
+Dr.displayName = "Slot";
+const pr = /* @__PURE__ */ P((t, a) => {
+  const { children: n, ...i } = t;
+  return /* @__PURE__ */ q(n) ? /* @__PURE__ */ lr(n, {
+    ...ve(i, n.props),
+    ref: a ? de(a, n.ref) : n.ref
+  }) : R.count(n) > 1 ? R.only(null) : null;
 });
-or.displayName = "SlotClone";
-const de = ({ children: t }) => /* @__PURE__ */ W(st, null, t);
-function _e(t) {
-  return /* @__PURE__ */ q(t) && t.type === de;
+pr.displayName = "SlotClone";
+const _e = ({ children: t }) => /* @__PURE__ */ W(st, null, t);
+function fe(t) {
+  return /* @__PURE__ */ q(t) && t.type === _e;
 }
-function fe(t, i) {
+function ve(t, a) {
   const n = {
-    ...i
+    ...a
   };
-  for (const a in i) {
-    const o = t[a], r = i[a];
-    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...e) => {
+  for (const i in a) {
+    const o = t[i], r = a[i];
+    /^on[A-Z]/.test(i) ? o && r ? n[i] = (...e) => {
       r(...e), o(...e);
-    } : o && (n[a] = o) : a === "style" ? n[a] = {
+    } : o && (n[i] = o) : i === "style" ? n[i] = {
       ...o,
       ...r
-    } : a === "className" && (n[a] = [
+    } : i === "className" && (n[i] = [
       o,
       r
     ].filter(Boolean).join(" "));
@@ -685,7 +685,7 @@ function fe(t, i) {
     ...n
   };
 }
-const ve = [
+const me = [
   "a",
   "button",
   "div",
@@ -702,30 +702,30 @@ const ve = [
   "span",
   "svg",
   "ul"
-], me = ve.reduce((t, i) => {
-  const n = /* @__PURE__ */ P((a, o) => {
-    const { asChild: r, ...e } = a, u = r ? Tr : i;
-    return Ar(() => {
+], xe = me.reduce((t, a) => {
+  const n = /* @__PURE__ */ P((i, o) => {
+    const { asChild: r, ...e } = i, u = r ? Dr : a;
+    return Nr(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ W(u, J({}, e, {
       ref: o
     }));
   });
-  return n.displayName = `Primitive.${i}`, {
+  return n.displayName = `Primitive.${a}`, {
     ...t,
-    [i]: n
+    [a]: n
   };
-}, {}), ge = /* @__PURE__ */ P((t, i) => /* @__PURE__ */ W(me.label, ar({}, t, {
-  ref: i,
+}, {}), ge = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ W(xe.label, or({}, t, {
+  ref: a,
   onMouseDown: (n) => {
-    var a;
-    (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+    var i;
+    (i = t.onMouseDown) === null || i === void 0 || i.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
 }))), be = ge;
-function xe(t) {
+function he(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fr = { exports: {} };
+var Tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -733,15 +733,15 @@ var Fr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -752,7 +752,7 @@ var Fr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -760,35 +760,35 @@ var Fr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Fr);
-var he = Fr.exports;
-const ye = /* @__PURE__ */ xe(he), ur = {
+})(Tr);
+var ye = Tr.exports;
+const we = /* @__PURE__ */ he(ye), ar = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, ir = "purpur-label", we = ({
+}, ir = "purpur-label", $e = ({
   children: t,
-  className: i,
+  className: a,
   htmlFor: n,
-  "data-testid": a,
+  "data-testid": i,
   disabled: o,
   negative: r = !1,
   ...e
 }) => {
-  const u = ye([
-    i,
-    ur[ir],
+  const u = we([
+    a,
+    ar[ir],
     {
-      [ur[`${ir}--disabled`]]: o,
-      [ur[`${ir}--negative`]]: r
+      [ar[`${ir}--disabled`]]: o,
+      [ar[`${ir}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s(be, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ s(be, { className: u, "data-testid": i, htmlFor: n, ...e, children: t });
 };
-function $e(t) {
+function je(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Zr = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -796,15 +796,15 @@ var Zr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -815,7 +815,7 @@ var Zr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -823,44 +823,44 @@ var Zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Zr);
-var je = Zr.exports;
-const Sr = /* @__PURE__ */ $e(je), Se = "_rotate_1xozj_1", Ne = "_dash_1xozj_1", V = {
+})(Fr);
+var Se = Fr.exports;
+const jr = /* @__PURE__ */ je(Se), Ne = "_rotate_1xozj_1", Ae = "_dash_1xozj_1", Z = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Se,
+  rotate: Ne,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: Ne,
+  dash: Ae,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, H = "purpur-spinner", Ae = {
+}, H = "purpur-spinner", Oe = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, Oe = ({
+}, Pe = ({
   ["data-testid"]: t,
-  disabled: i = !1,
+  disabled: a = !1,
   negative: n = !1,
-  size: a = Ae.SM,
+  size: i = Oe.SM,
   ...o
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: Sr([V[H], V[`${H}--${a}`]]),
+    className: jr([Z[H], Z[`${H}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: Sr(V[`${H}__circle`], {
-          [V[`${H}__circle--disabled`]]: i,
-          [V[`${H}__circle--negative`]]: n
+        className: jr(Z[`${H}__circle`], {
+          [Z[`${H}__circle--disabled`]]: a,
+          [Z[`${H}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -869,7 +869,7 @@ const Sr = /* @__PURE__ */ $e(je), Se = "_rotate_1xozj_1", Ne = "_dash_1xozj_1",
     ) })
   }
 );
-function Pe(t) {
+function Ce(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Gr = { exports: {} };
@@ -880,15 +880,15 @@ var Gr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -899,7 +899,7 @@ var Gr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -909,7 +909,7 @@ var Gr = { exports: {} };
   })();
 })(Gr);
 var Me = Gr.exports;
-const Ce = /* @__PURE__ */ Pe(Me), Le = {
+const Le = /* @__PURE__ */ Ce(Me), Ie = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -926,30 +926,30 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
-}, Ie = (t) => Y(t), A = Ce.bind(Le), g = "purpur-text-field", ze = ({
+}, Be = (t) => Y(t), A = Le.bind(Ie), x = "purpur-text-field", ze = ({
   ["data-testid"]: t,
-  className: i,
+  className: a,
   clearButtonAllyLabel: n,
-  afterField: a,
+  afterField: i,
   endAdornment: o,
   errorText: r,
   helperText: e,
   label: u,
   loading: v = !1,
-  onClear: x,
+  onClear: b,
   startAdornment: y,
   valid: $ = !1,
   ...d
 }, _) => {
   var j;
-  const L = pt(), w = d.id ?? L, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, b = e ? `${w}-helper-text` : void 0, S = [y].filter((m) => !!m), E = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && x && n, D = Ie(null), B = (m) => {
+  const L = pt(), w = d.id ?? L, l = (m) => t ? `${t}-${m}` : void 0, c = $ && !r, g = e ? `${w}-helper-text` : void 0, S = [y].filter((m) => !!m), E = (typeof d.value == "number" ? d.value !== void 0 : (j = d.value) == null ? void 0 : j.length) && !d.disabled && !d.readOnly && !v && b && n, D = Be(null), z = (m) => {
     D.current = m, typeof _ == "function" ? _(m) : _ && (_.current = m);
   }, Q = () => {
     var m;
-    x == null || x(), (m = D.current) == null || m.focus();
-  }, R = [
+    b == null || b(), (m = D.current) == null || m.focus();
+  }, k = [
     v && /* @__PURE__ */ s(
-      Oe,
+      Pe,
       {
         disabled: d.disabled,
         size: "xs",
@@ -958,7 +958,7 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
       "spinner"
     ),
     E && /* @__PURE__ */ s(
-      Ir,
+      Lr,
       {
         variant: "tertiary-purple",
         onClick: Q,
@@ -966,46 +966,46 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
         "aria-label": n ?? "",
         "data-testid": l("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ s(Er, { size: "xs" })
+        children: /* @__PURE__ */ s(qr, { size: "xs" })
       },
       "clear-button"
     ),
     c && /* @__PURE__ */ s(
-      qr,
+      Rr,
       {
         "data-testid": l("valid-icon"),
-        className: A(`${g}__valid-icon`)
+        className: A(`${x}__valid-icon`)
       },
       "valid-icon"
     )
   ].filter((m) => !!m), T = A([
-    `${g}__input-container`,
+    `${x}__input-container`,
     {
-      [`${g}__input-container--start-adornment`]: S.length,
-      [`${g}__input-container--end-adornment`]: R.length || o,
-      [`${g}__input-container--disabled`]: d.disabled,
-      [`${g}__input-container--has-clear-button`]: E,
-      [`${g}__input-container--readonly`]: d.readOnly && !d.disabled
+      [`${x}__input-container--start-adornment`]: S.length,
+      [`${x}__input-container--end-adornment`]: k.length || o,
+      [`${x}__input-container--disabled`]: d.disabled,
+      [`${x}__input-container--has-clear-button`]: E,
+      [`${x}__input-container--readonly`]: d.readOnly && !d.disabled
     }
   ]);
-  return /* @__PURE__ */ O("div", { className: A(i, g), children: [
+  return /* @__PURE__ */ O("div", { className: A(a, x), children: [
     u && /* @__PURE__ */ s(
-      we,
+      $e,
       {
         htmlFor: w,
-        className: A(`${g}__label`),
+        className: A(`${x}__label`),
         "data-testid": l("label"),
         disabled: d.disabled,
         children: `${d.required ? "* " : ""}${u}`
       }
     ),
-    /* @__PURE__ */ O("div", { className: A(`${g}__field-row`), children: [
+    /* @__PURE__ */ O("div", { className: A(`${x}__field-row`), children: [
       /* @__PURE__ */ O("div", { className: T, children: [
         !!S.length && /* @__PURE__ */ s(
           "div",
           {
             "data-testid": l("start-adornments"),
-            className: A(`${g}__adornment-container`),
+            className: A(`${x}__adornment-container`),
             children: S
           }
         ),
@@ -1014,43 +1014,44 @@ const Ce = /* @__PURE__ */ Pe(Me), Le = {
           {
             ...d,
             id: w,
-            ref: B,
+            ref: z,
             "data-testid": l("input"),
-            "aria-describedby": d["aria-describedby"] || b,
+            "aria-describedby": d["aria-describedby"] || g,
             "aria-invalid": d["aria-invalid"] || !!r,
             className: A([
-              `${g}__input`,
+              `${x}__input`,
               {
-                [`${g}__input--valid`]: c,
-                [`${g}__input--error`]: !!r
+                [`${x}__input--valid`]: c,
+                [`${x}__input--error`]: !!r
               }
             ])
           }
         ),
-        /* @__PURE__ */ s("div", { className: A(`${g}__frame`) }),
-        (!!R.length || o) && /* @__PURE__ */ O(
+        /* @__PURE__ */ s("div", { className: A(`${x}__frame`) }),
+        (!!k.length || o) && /* @__PURE__ */ O(
           "div",
           {
             "data-testid": l("end-adornments"),
-            className: A(`${g}__adornment-container`),
+            className: A(`${x}__adornment-container`),
             children: [
-              R,
+              k,
               o
             ]
           }
         )
       ] }),
-      !!a && a
+      !!i && i
     ] }),
-    b && /* @__PURE__ */ s(Jt, { "data-testid": l("helper-text"), id: b, children: e }),
-    r && /* @__PURE__ */ s(Ut, { "data-testid": l("error-text"), children: r })
+    g && /* @__PURE__ */ s(Qt, { "data-testid": l("helper-text"), id: g, children: e }),
+    r && /* @__PURE__ */ s(Xt, { "data-testid": l("error-text"), children: r })
   ] });
-}, Vr = P(ze);
-Vr.displayName = "TextField";
-function Be(t) {
+}, Kr = P(ze);
+Kr.displayName = "TextField";
+const ke = (t) => q(t) && t.type.displayName === Kr.displayName;
+function Re(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Hr = { exports: {} };
+var Zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1058,15 +1059,15 @@ var Hr = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a.call(this, u)));
+        u && (r = o(r, i.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -1077,7 +1078,7 @@ var Hr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        a.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
       return e;
     }
     function o(r, e) {
@@ -1085,19 +1086,19 @@ var Hr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Hr);
-var Re = Hr.exports;
-const Kr = /* @__PURE__ */ Be(Re), ke = {
+})(Zr);
+var qe = Zr.exports;
+const Hr = /* @__PURE__ */ Re(qe), Ee = {
   "purpur-autocomplete": "_purpur-autocomplete_1u8x6_1",
   "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_1u8x6_4",
   "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_1u8x6_9",
   "purpur-autocomplete__chevron-icon": "_purpur-autocomplete__chevron-icon_1u8x6_15",
   "purpur-autocomplete__chevron-icon--up": "_purpur-autocomplete__chevron-icon--up_1u8x6_19"
 };
-function qe(t) {
+function De(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ur = { exports: {} };
+var Vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1105,15 +1106,15 @@ var Ur = { exports: {} };
 */
 (function(t) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var a = {}.hasOwnProperty;
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = o(r, a(u)));
+        u && (r = o(r, i(u)));
       }
       return r;
     }
-    function a(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -1124,7 +1125,7 @@ var Ur = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = o(e, u));
+        a.call(r, u) && r[u] && (e = o(e, u));
       return e;
     }
     function o(r, e) {
@@ -1132,9 +1133,9 @@ var Ur = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ur);
-var Ee = Ur.exports;
-const De = /* @__PURE__ */ qe(Ee), K = {
+})(Vr);
+var Te = Vr.exports;
+const Fe = /* @__PURE__ */ De(Te), V = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1149,7 +1150,7 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, Te = {
+}, Ge = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -1160,28 +1161,30 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, U = "purpur-paragraph", Fe = ({
+}, U = "purpur-paragraph", Ur = ({
   ["data-testid"]: t,
-  children: i,
-  className: n = "",
-  disabled: a,
+  children: a,
+  className: n,
+  disabled: i,
   enableHyphenation: o = !1,
   negative: r = !1,
-  variant: e = Te.PARAGRAPH100,
+  variant: e = Ge.PARAGRAPH100,
   ...u
 }) => {
-  const v = De([
+  const v = Fe([
     n,
-    K[U],
-    K[`${U}--${e}`],
+    V[U],
+    V[`${U}--${e}`],
     {
-      [K[`${U}--hyphens`]]: o,
-      [K[`${U}--disabled`]]: a,
-      [K[`${U}--negative`]]: r
+      [V[`${U}--hyphens`]]: o,
+      [V[`${U}--disabled`]]: i,
+      [V[`${U}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: i });
-}, Ze = {
+  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
+};
+Ur.displayName = "Paragraph";
+const Ke = {
   "purpur-listbox": "_purpur-listbox_qhoi7_1",
   "purpur-listbox-item": "_purpur-listbox-item_qhoi7_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_qhoi7_29",
@@ -1189,46 +1192,46 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   "purpur-listbox-item--noninteractive": "_purpur-listbox-item--noninteractive_qhoi7_41",
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_qhoi7_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_qhoi7_51"
-}, Ge = (t) => Y(t), Ve = (t, i) => {
+}, Ze = (t) => Y(t), He = (t, a) => {
   const n = lt(
-    (a) => {
-      t && !t.contains(a.target) && i();
+    (i) => {
+      t && !t.contains(i.target) && a();
     },
-    [i, t]
+    [a, t]
   );
-  Ar(() => (document.addEventListener("mousedown", n), () => {
+  Nr(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, He = ({
+}, Ve = ({
   combobox: t,
-  highlightFirstOption: i,
+  highlightFirstOption: a,
   defaultInputValue: n,
-  inputValue: a,
+  inputValue: i,
   filterOption: o,
   id: r,
   listboxLabel: e,
   listboxMaxHeight: u,
   onInputChange: v,
-  openOnFocus: x,
+  openOnFocus: b,
   noOptionsText: y,
   onSelect: $,
   options: d,
   selectedOption: _,
   ["data-testid"]: j
 }) => {
-  const [L, w] = nr(
-    ((typeof a == "string" ? a : n) || (_ == null ? void 0 : _.label)) ?? ""
-  ), l = typeof a == "string" ? a : L, [c, b] = nr(i ? d[0] : void 0), S = Y(null), E = Ge(null), D = Y(null), B = Y({}), [Q, R] = nr(!1);
+  const [L, w] = ur(
+    ((typeof i == "string" ? i : n) || (_ == null ? void 0 : _.label)) ?? ""
+  ), l = typeof i == "string" ? i : L, [c, g] = ur(a ? d[0] : void 0), S = Y(null), E = Ze(null), D = Y(null), z = Y({}), [Q, k] = ur(!1);
   function T(p) {
     return j ? `${j}-${p}` : void 0;
   }
   const m = () => {
-    R(!1), b(void 0);
+    k(!1), g(void 0);
   };
-  Ve(E.current, m);
+  He(E.current, m);
   const F = ({ eventType: p }) => {
-    R(!0), _ && requestAnimationFrame(() => {
-      b({ ..._, isSetByClickEvent: p === "CLICK" }), tr(B.current[_.id]);
+    k(!0), _ && requestAnimationFrame(() => {
+      g({ ..._, isSetByClickEvent: p === "CLICK" }), er(z.current[_.id]);
     });
   }, Yr = (p) => {
     if (o)
@@ -1241,9 +1244,9 @@ const De = /* @__PURE__ */ qe(Ee), K = {
         (N) => (h.value || h.label).toUpperCase().includes(N)
       )
     );
-  }, cr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), M = cr(l), dr = (p) => {
+  }, dr = (p) => _ && (_ == null ? void 0 : _.label) === p ? d : Yr(p), C = dr(l), tr = (p) => {
     v == null || v(p), w(p);
-  }, tr = (p) => {
+  }, er = (p) => {
     var f;
     if (p) {
       const h = p.getBoundingClientRect(), N = ((f = D.current) == null ? void 0 : f.getBoundingClientRect()) || { top: 0, bottom: 0 };
@@ -1251,14 +1254,14 @@ const De = /* @__PURE__ */ qe(Ee), K = {
     }
   }, _r = (p) => {
     var f;
-    p && ((f = S.current) == null || f.focus(), dr(p.label), $ == null || $(p)), m();
+    p && ((f = S.current) == null || f.focus(), tr(p.label), $ == null || $(p)), m();
   }, Wr = (p) => {
-    const f = i && !c ? 0 : M.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = M.length;
-    return p === "ArrowDown" ? M[(f ?? -1) + 1] || M[0] : M[(f ?? h) - 1] || M[h - 1];
-  }, I = Q && (!!M.length || !!y), Jr = (p) => {
+    const f = a && !c ? 0 : C.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = C.length;
+    return p === "ArrowDown" ? C[(f ?? -1) + 1] || C[0] : C[(f ?? h) - 1] || C[h - 1];
+  }, I = Q && (!!C.length || !!y), Jr = (p) => {
     !I && F({ eventType: "KEYBOARD" });
     const f = Wr(p);
-    b(f), f && tr(B.current[f.id]);
+    g(f), f && er(z.current[f.id]);
   }, Qr = (p) => {
     switch (p.key) {
       case "ArrowUp":
@@ -1266,7 +1269,7 @@ const De = /* @__PURE__ */ qe(Ee), K = {
         p.preventDefault(), Jr(p.key);
         break;
       case "Enter": {
-        const f = c || (i ? d[0] : void 0);
+        const f = c || (a ? d[0] : void 0);
         I && _r(f), !I && F({ eventType: "KEYBOARD" });
         break;
       }
@@ -1276,15 +1279,15 @@ const De = /* @__PURE__ */ qe(Ee), K = {
         break;
     }
   }, rt = (p) => {
-    const f = cr(p.target.value);
-    dr(p.target.value), b(void 0), !I && F({ eventType: "KEYBOARD" }), i && f[0] && tr(B.current[f[0].id]);
+    const f = dr(p.target.value);
+    tr(p.target.value), g(void 0), !I && F({ eventType: "KEYBOARD" }), a && f[0] && er(z.current[f[0].id]);
   }, tt = () => {
     I ? m() : F({ eventType: "CLICK" });
   }, et = () => {
     var p;
-    !Q && x && F({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
+    !Q && b && F({ eventType: "KEYBOARD" }), (p = S.current) == null || p.select();
   }, nt = () => {
-    t && w((_ == null ? void 0 : _.label) ?? "");
+    t && tr((_ == null ? void 0 : _.label) ?? "");
   }, ut = {
     maxHeight: typeof u == "number" ? `${u}px` : u
   }, fr = {
@@ -1293,24 +1296,24 @@ const De = /* @__PURE__ */ qe(Ee), K = {
     "data-testid": T("listbox"),
     id: `${r}-listbox`,
     ref: D,
-    onMouseLeave: () => b(void 0),
+    onMouseLeave: () => g(void 0),
     style: u ? ut : void 0
-  }, vr = (p) => `${r}-listbox-item-${p.id}`, it = (p, f) => {
-    const h = () => p.id !== (c == null ? void 0 : c.id) && b({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!i && !c && f === 0) && !(c != null && c.isSetByClickEvent);
+  }, vr = (p) => `${r}-listbox-item-${p.id}`, at = (p, f) => {
+    const h = () => p.id !== (c == null ? void 0 : c.id) && g({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && f === 0) && !(c != null && c.isSetByClickEvent);
     return {
       "data-testid": T(`listbox-item-${p.id}`),
       id: vr(p),
       key: p.id,
       onMouseMove: h,
       onMouseUp: () => _r(p),
-      ref: (er) => er && (B.current[p.id] = er),
+      ref: (nr) => nr && (z.current[p.id] = nr),
       tabIndex: -1,
       selected: p.id === (_ == null ? void 0 : _.id),
       disabled: p.disabled,
       highlighted: N,
       hovered: p.id === (c == null ? void 0 : c.id) && !!(c != null && c.isSetByClickEvent)
     };
-  }, at = {
+  }, it = {
     "aria-activedescendant": c ? vr(c) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": fr.id,
@@ -1328,76 +1331,76 @@ const De = /* @__PURE__ */ qe(Ee), K = {
   };
   return {
     id: r,
-    inputProps: at,
+    inputProps: it,
     internalRef: E,
-    optionsToShow: M,
+    optionsToShow: C,
     showListbox: I,
     noOptionsText: y,
     combobox: t,
-    getListBoxItemProps: it,
+    getListBoxItemProps: at,
     listboxProps: fr
   };
-}, pr = Kr.bind(Ze), C = "purpur-listbox", Xr = P(
-  ({ children: t, ...i }, n) => /* @__PURE__ */ s(
+}, sr = Hr.bind(Ke), M = "purpur-listbox", Xr = P(
+  ({ children: t, ...a }, n) => /* @__PURE__ */ s(
     "ul",
     {
-      ...i,
+      ...a,
       ref: n,
-      className: pr(C, i.className),
+      className: sr(M, a.className),
       role: "listbox",
-      children: k.toArray(t).filter(Ke)
+      children: R.toArray(t).filter(Ue)
     }
   )
 );
 Xr.displayName = "ListBox";
-const lr = P((t, i) => {
-  const { disabled: n, highlighted: a, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, x = pr(`${C}-item`, v.className, {
-    [`${C}-item--highlighted`]: a,
-    [`${C}-item--selected`]: r,
-    [`${C}-item--hovered`]: o,
-    [`${C}-item--disabled`]: n,
-    [`${C}-item--noninteractive`]: u
+const cr = P((t, a) => {
+  const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, b = sr(`${M}-item`, v.className, {
+    [`${M}-item--highlighted`]: i,
+    [`${M}-item--selected`]: r,
+    [`${M}-item--hovered`]: o,
+    [`${M}-item--disabled`]: n,
+    [`${M}-item--noninteractive`]: u
   });
   return /* @__PURE__ */ O(
     "li",
     {
       ...v,
-      ref: i,
-      className: x,
+      ref: a,
+      className: b,
       "aria-selected": !!r,
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ s(Fe, { children: e }) : e,
-        r && /* @__PURE__ */ s(Mr, { svg: vt, size: "xs", className: pr(`${C}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ s(Ur, { children: e }) : e,
+        r && /* @__PURE__ */ s(Pr, { svg: vt, size: "xs", className: sr(`${M}-item__icon`) })
       ]
     }
   );
 });
-lr.displayName = "ListBoxItem";
-function Ke(t) {
-  return q(t) && (t == null ? void 0 : t.type) === lr;
+cr.displayName = "ListBoxItem";
+function Ue(t) {
+  return q(t) && (t == null ? void 0 : t.type) === cr;
 }
-const Ue = Xr, Nr = lr, rr = Kr.bind(ke), X = "purpur-autocomplete", Xe = ({ className: t, renderInput: i, renderOption: n, ...a }, o) => {
+const Xe = Xr, Sr = cr, rr = Hr.bind(Ee), X = "purpur-autocomplete", Ye = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
   const {
     id: r,
     inputProps: e,
     internalRef: u,
     optionsToShow: v,
-    showListbox: x,
+    showListbox: b,
     noOptionsText: y,
     combobox: $,
     getListBoxItemProps: d,
     listboxProps: _
-  } = He(a), j = (l, c) => {
-    const { key: b, ...S } = d(l, c);
-    return /* @__PURE__ */ s(Nr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, b);
+  } = Ve(i), j = (l, c) => {
+    const { key: g, ...S } = d(l, c);
+    return /* @__PURE__ */ s(Sr, { ...S, children: n ? n == null ? void 0 : n(l) : l.label }, g);
   }, L = (l) => {
     u.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
   }, w = () => {
-    const l = i(e);
-    if ($ && y && l && q(l) && l.type === Vr) {
-      const b = /* @__PURE__ */ O(ot, { children: [
+    const l = a(e);
+    if ($ && y && l && ke(l)) {
+      const g = /* @__PURE__ */ O(ot, { children: [
         l.props.endAdornment,
         /* @__PURE__ */ s(
           "button",
@@ -1410,29 +1413,29 @@ const Ue = Xr, Nr = lr, rr = Kr.bind(ke), X = "purpur-autocomplete", Xe = ({ cla
             },
             "aria-hidden": "true",
             children: /* @__PURE__ */ s(
-              Pr,
+              Or,
               {
                 size: "sm",
                 className: rr(`${X}__chevron-icon`, {
-                  [`${X}__chevron-icon--up`]: x
+                  [`${X}__chevron-icon--up`]: b
                 })
               }
             )
           }
         )
       ] });
-      return sr(l, { endAdornment: b });
+      return lr(l, { endAdornment: g });
     }
     return l;
   };
   return /* @__PURE__ */ O("div", { id: r, ref: L, className: rr([t, X]), children: [
     w(),
-    x && /* @__PURE__ */ s(Ue, { ..._, className: rr(`${X}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Nr, { noninteractive: !0, children: y }) })
+    b && /* @__PURE__ */ s(Xe, { ..._, className: rr(`${X}__listbox`), children: v.length ? v.filter((l) => !!l).map(j) : /* @__PURE__ */ s(Sr, { noninteractive: !0, children: y }) })
   ] });
-}, Ye = P(Xe);
-Ye.displayName = "Autocomplete";
+}, We = P(Ye);
+We.displayName = "Autocomplete";
 export {
-  Ye as Autocomplete,
-  He as useAutocomplete
+  We as Autocomplete,
+  Ve as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map