@purpurds/autocomplete 7.14.0 → 8.1.0

package/dist/autocomplete.es.js

@@ -1,29 +1,29 @@
-import { jsx as l, jsxs as N, Fragment as Jr } from "react/jsx-runtime";
+import { jsx as l, jsxs as O, Fragment as Qr } from "react/jsx-runtime";
 import * as m from "react";
-import { forwardRef as U, Children as St, isValidElement as Qr, useId as Nt, useRef as G, useCallback as jt, useEffect as Ot, useState as nr, cloneElement as At } from "react";
+import { forwardRef as Y, Children as Nt, isValidElement as Xr, useId as jt, useRef as K, useCallback as Ot, useEffect as At, useState as nr, cloneElement as kt } from "react";
 import "react-dom";
-function qt(t) {
+function Ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var _r = { exports: {} };
+var gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var fr;
-function kt() {
-  return fr || (fr = 1, function(t) {
+var mr;
+function Pt() {
+  return mr || (mr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -33,19 +33,19 @@ function kt() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(_r)), _r.exports;
+  }(gr)), gr.exports;
 }
-var Ct = kt();
-const Pt = /* @__PURE__ */ qt(Ct), Rt = {
+var qt = Pt();
+const Rt = /* @__PURE__ */ Ct(qt), Lt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -53,51 +53,51 @@ const Pt = /* @__PURE__ */ qt(Ct), Rt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Mt = Pt.bind(Rt), vr = "purpur-icon", Lt = "md", Bt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Et = ({ content: t = "", title: i } = {}) => {
+}, Mt = Rt.bind(Lt), hr = "purpur-icon", Bt = "md", Et = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Tt = ({ 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" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Bt(n)}>${a}${t}</svg>`;
-}, Tt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xr = ({ svg: t, allyTitle: i, className: n, size: a = Lt, ...o }) => {
-  const r = Et({
-    content: Tt(t.svg),
-    title: i
-  }), e = Mt(n, vr, `${vr}--${a}`);
-  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...o });
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = u ? `<title>${u}</title>` : "";
+  return `<svg ${Et(n)}>${o}${t}</svg>`;
+}, It = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rt = ({ svg: t, allyTitle: u, className: n, size: o = Bt, ...a }) => {
+  const r = Tt({
+    content: It(t.svg),
+    title: u
+  }), e = Mt(n, hr, `${hr}--${o}`);
+  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-Xr.displayName = "Icon";
-const It = {
+rt.displayName = "Icon";
+const zt = {
   name: "chevron-down",
   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"
-}, rt = (t) => /* @__PURE__ */ l(Xr, { ...t, svg: It });
-rt.displayName = "IconChevronDown";
-function zt(t) {
+}, tt = (t) => /* @__PURE__ */ l(rt, { ...t, svg: zt });
+tt.displayName = "IconChevronDown";
+function Dt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var mr = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var gr;
-function Dt() {
-  return gr || (gr = 1, function(t) {
+var yr;
+function Vt() {
+  return yr || (yr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -107,19 +107,19 @@ function Dt() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(mr)), mr.exports;
+  }(br)), br.exports;
 }
-var Vt = Dt();
-const tt = /* @__PURE__ */ zt(Vt), et = {
+var Zt = Vt();
+const et = /* @__PURE__ */ Dt(Zt), nt = {
   "purpur-listbox": "_purpur-listbox_6c8yl_1",
   "purpur-listbox-item": "_purpur-listbox-item_6c8yl_15",
   "purpur-listbox-item--hovered": "_purpur-listbox-item--hovered_6c8yl_29",
@@ -128,28 +128,28 @@ const tt = /* @__PURE__ */ zt(Vt), et = {
   "purpur-listbox-item--disabled": "_purpur-listbox-item--disabled_6c8yl_44",
   "purpur-listbox-item__icon": "_purpur-listbox-item__icon_6c8yl_51"
 };
-function Zt(t) {
+function Ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hr = { exports: {} };
+var xr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
-function Ht() {
-  return br || (br = 1, function(t) {
+var wr;
+function Ft() {
+  return wr || (wr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -159,19 +159,19 @@ function Ht() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(hr)), hr.exports;
+  }(xr)), xr.exports;
 }
-var Ft = Ht();
-const Wt = /* @__PURE__ */ Zt(Ft), Gt = {
+var Wt = Ft();
+const Gt = /* @__PURE__ */ Ht(Wt), Kt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -179,51 +179,51 @@ const Wt = /* @__PURE__ */ Zt(Ft), Gt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Kt = Wt.bind(Gt), yr = "purpur-icon", Ut = "md", Yt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Jt = ({ content: t = "", title: i } = {}) => {
+}, Ut = Gt.bind(Kt), $r = "purpur-icon", Yt = "md", Jt = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Qt = ({ 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" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Yt(n)}>${a}${t}</svg>`;
-}, Qt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nt = ({ svg: t, allyTitle: i, className: n, size: a = Ut, ...o }) => {
-  const r = Jt({
-    content: Qt(t.svg),
-    title: i
-  }), e = Kt(n, yr, `${yr}--${a}`);
-  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...o });
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = u ? `<title>${u}</title>` : "";
+  return `<svg ${Jt(n)}>${o}${t}</svg>`;
+}, Xt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), it = ({ svg: t, allyTitle: u, className: n, size: o = Yt, ...a }) => {
+  const r = Qt({
+    content: Xt(t.svg),
+    title: u
+  }), e = Ut(n, $r, `${$r}--${o}`);
+  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-nt.displayName = "Icon";
-const Xt = {
+it.displayName = "Icon";
+const re = {
   name: "checkmark",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
-}, ut = (t) => /* @__PURE__ */ l(nt, { ...t, svg: Xt });
+}, ut = (t) => /* @__PURE__ */ l(it, { ...t, svg: re });
 ut.displayName = "IconCheckmark";
-function re(t) {
+function te(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var xr = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var wr;
-function te() {
-  return wr || (wr = 1, function(t) {
+var Nr;
+function ee() {
+  return Nr || (Nr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -233,19 +233,19 @@ function te() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(xr)), xr.exports;
+  }(Sr)), Sr.exports;
 }
-var ee = te();
-const ne = /* @__PURE__ */ re(ee), ue = {
+var ne = ee();
+const ie = /* @__PURE__ */ te(ne), ue = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -260,98 +260,98 @@ const ne = /* @__PURE__ */ re(ee), ue = {
   "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"
-}, ie = ne.bind(ue), ae = {
+}, ae = ie.bind(ue), oe = {
   PARAGRAPH100: "paragraph-100"
-}, Z = "purpur-paragraph", it = ({
+}, H = "purpur-paragraph", at = ({
   children: t,
-  className: i,
+  className: u,
   disabled: n,
-  enableHyphenation: a = !1,
-  negative: o = !1,
-  variant: r = ae.PARAGRAPH100,
+  enableHyphenation: o = !1,
+  negative: a = !1,
+  variant: r = oe.PARAGRAPH100,
   ...e
 }) => {
-  const u = ie(i, Z, `${Z}--${r}`, {
-    [`${Z}--hyphens`]: a,
-    [`${Z}--disabled`]: n,
-    [`${Z}--negative`]: o
+  const i = ae(u, H, `${H}--${r}`, {
+    [`${H}--hyphens`]: o,
+    [`${H}--disabled`]: n,
+    [`${H}--negative`]: a
   });
-  return /* @__PURE__ */ l("p", { ...e, className: u, children: t });
+  return /* @__PURE__ */ l("p", { ...e, className: i, children: t });
 };
-it.displayName = "Paragraph";
-const $r = tt.bind(et), B = "purpur-listbox", or = U((t, i) => {
+at.displayName = "Paragraph";
+const jr = et.bind(nt), E = "purpur-listbox", lr = Y((t, u) => {
   const {
     disabled: n,
-    highlighted: a,
-    hovered: o,
+    highlighted: o,
+    hovered: a,
     selected: r,
     children: e,
-    className: u,
+    className: i,
     noninteractive: f,
-    ...g
-  } = t, w = $r(`${B}-item`, u, {
-    [`${B}-item--highlighted`]: a,
-    [`${B}-item--selected`]: r,
-    [`${B}-item--hovered`]: o,
-    [`${B}-item--disabled`]: n,
-    [`${B}-item--noninteractive`]: f
+    ...v
+  } = t, x = jr(`${E}-item`, i, {
+    [`${E}-item--highlighted`]: o,
+    [`${E}-item--selected`]: r,
+    [`${E}-item--hovered`]: a,
+    [`${E}-item--disabled`]: n,
+    [`${E}-item--noninteractive`]: f
   });
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ O(
     "li",
     {
-      ...g,
-      ref: i,
-      className: w,
+      ...v,
+      ref: u,
+      className: x,
       "aria-selected": !!r,
       role: "option",
       "aria-disabled": !!n,
       children: [
-        typeof e == "string" ? /* @__PURE__ */ l(it, { children: e }) : e,
-        r && /* @__PURE__ */ l(ut, { size: "xs", className: $r(`${B}-item__icon`) })
+        typeof e == "string" ? /* @__PURE__ */ l(at, { children: e }) : e,
+        r && /* @__PURE__ */ l(ut, { size: "xs", className: jr(`${E}-item__icon`) })
       ]
     }
   );
-}), oe = (t) => Qr(t) && (t == null ? void 0 : t.type) === or;
-or.displayName = "ListBoxItem";
-const pe = tt.bind(et), le = "purpur-listbox", K = U(
-  ({ children: t, ...i }, n) => /* @__PURE__ */ l(
+}), pe = (t) => Xr(t) && (t == null ? void 0 : t.type) === lr;
+lr.displayName = "ListBoxItem";
+const le = et.bind(nt), se = "purpur-listbox", U = Y(
+  ({ children: t, ...u }, n) => /* @__PURE__ */ l(
     "ul",
     {
-      ...i,
+      ...u,
       ref: n,
-      className: pe(le, i.className),
+      className: le(se, u.className),
       role: "listbox",
-      children: St.toArray(t).filter(oe)
+      children: Nt.toArray(t).filter(pe)
     }
   )
 );
-K.Item = or;
-K.displayName = "ListBox";
-const se = {
+U.Item = lr;
+U.displayName = "ListBox";
+const ce = {
   LG: "lg"
 };
-function ce(t) {
+function de(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Sr = { exports: {} };
+var Or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Nr;
-function de() {
-  return Nr || (Nr = 1, function(t) {
+var Ar;
+function _e() {
+  return Ar || (Ar = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -361,21 +361,21 @@ function de() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Sr)), Sr.exports;
+  }(Or)), Or.exports;
 }
-var _e = de();
-const fe = /* @__PURE__ */ ce(_e), ve = "_rotate_12t9p_1", me = "_dash_12t9p_1", ge = {
+var fe = _e();
+const ve = /* @__PURE__ */ de(fe), ge = "_rotate_12t9p_1", me = "_dash_12t9p_1", he = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: ve,
+  rotate: ge,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
@@ -385,47 +385,47 @@ const fe = /* @__PURE__ */ ce(_e), ve = "_rotate_12t9p_1", me = "_dash_12t9p_1",
   dash: me,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, jr = fe.bind(ge), H = "purpur-spinner", he = {
+}, kr = ve.bind(he), F = "purpur-spinner", be = {
   SM: "sm"
-}, be = ({
+}, ye = ({
   disabled: t = !1,
-  negative: i = !1,
-  size: n = he.SM,
-  ...a
-}) => /* @__PURE__ */ l("div", { className: jr(H, `${H}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  negative: u = !1,
+  size: n = be.SM,
+  ...o
+}) => /* @__PURE__ */ l("div", { className: kr(F, `${F}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: jr(`${H}__circle`, {
-      [`${H}__circle--disabled`]: t,
-      [`${H}__circle--negative`]: i
+    className: kr(`${F}__circle`, {
+      [`${F}__circle--disabled`]: t,
+      [`${F}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-function ye(t) {
+function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Or = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ar;
-function xe() {
-  return Ar || (Ar = 1, function(t) {
+var Pr;
+function we() {
+  return Pr || (Pr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -435,87 +435,87 @@ function xe() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Or)), Or.exports;
+  }(Cr)), Cr.exports;
 }
-var we = xe();
-const $e = /* @__PURE__ */ ye(we), Se = {
-  "purpur-button": "_purpur-button_w455q_1",
-  "purpur-button--xs": "_purpur-button--xs_w455q_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
-  "purpur-button--sm": "_purpur-button--sm_w455q_39",
-  "purpur-button--md": "_purpur-button--md_w455q_45",
-  "purpur-button--lg": "_purpur-button--lg_w455q_51",
-  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
-  "purpur-button--primary": "_purpur-button--primary_w455q_60",
-  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
-  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
-  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
-  "purpur-button--negative": "_purpur-button--negative_w455q_126",
-  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
-  "purpur-button--text": "_purpur-button--text_w455q_181"
-}, Ne = $e.bind(Se), E = "purpur-button", at = U(
+var $e = we();
+const Se = /* @__PURE__ */ xe($e), Ne = {
+  "purpur-button": "_purpur-button_1goi7_1",
+  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
+  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
+  "purpur-button--md": "_purpur-button--md_1goi7_45",
+  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
+  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
+  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
+  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
+  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
+  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
+  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
+  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
+  "purpur-button--text": "_purpur-button--text_1goi7_181"
+}, je = Se.bind(Ne), T = "purpur-button", ot = Y(
   ({
     children: t,
-    className: i,
+    className: u,
     disabled: n = !1,
-    fullWidth: a = !1,
-    iconOnly: o,
+    fullWidth: o = !1,
+    iconOnly: a,
     loading: r = !1,
     negative: e = !1,
-    onClick: u,
+    onClick: i,
     size: f = "md",
-    variant: g,
-    type: w = "button",
-    ...S
-  }, j) => {
-    if (o && g === "destructive")
+    variant: v,
+    type: x = "button",
+    ...w
+  }, N) => {
+    if (a && v === "destructive")
       return null;
-    const R = Ne(
+    const A = je(
       [
-        E,
-        `${E}--${e ? `${g}-negative` : g}`,
-        `${E}--${f}`
+        T,
+        `${T}--${e ? `${v}-negative` : v}`,
+        `${T}--${f}`
       ],
       {
-        [`${E}--icon-only`]: o,
-        [`${E}--negative`]: e,
-        [`${E}--full-width`]: a,
-        [`${E}--disabled`]: n || r
+        [`${T}--icon-only`]: a,
+        [`${T}--negative`]: e,
+        [`${T}--full-width`]: o,
+        [`${T}--disabled`]: n || r
       },
-      i
-    ), _ = (x) => {
-      n || r ? x.preventDefault() : u && u(x);
-    }, $ = !!S["aria-disabled"] || n || r;
-    return /* @__PURE__ */ N(
+      u
+    ), _ = (S) => {
+      n || r ? S.preventDefault() : i && i(S);
+    }, $ = !!w["aria-disabled"] || n || r;
+    return /* @__PURE__ */ O(
       "button",
       {
-        className: R,
-        type: w,
-        ref: j,
+        className: A,
+        type: x,
+        ref: N,
         "aria-disabled": $,
         onClick: _,
-        ...S,
+        ...w,
         children: [
           r && /* @__PURE__ */ l(
-            be,
+            ye,
             {
-              size: f === se.LG ? "xs" : "xxs",
+              size: f === ce.LG ? "xs" : "xxs",
               negative: e,
               disabled: $
             }
@@ -527,8 +527,8 @@ const $e = /* @__PURE__ */ ye(we), Se = {
     );
   }
 );
-at.displayName = "Button";
-function je(t) {
+ot.displayName = "Button";
+function Oe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var qr = { exports: {} };
@@ -537,19 +537,19 @@ var qr = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var kr;
-function Oe() {
-  return kr || (kr = 1, function(t) {
+var Rr;
+function Ae() {
+  return Rr || (Rr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -559,19 +559,19 @@ function Oe() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(qr)), qr.exports;
 }
-var Ae = Oe();
-const qe = /* @__PURE__ */ je(Ae), ke = {
+var ke = Ae();
+const Ce = /* @__PURE__ */ Oe(ke), Pe = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -579,50 +579,50 @@ const qe = /* @__PURE__ */ je(Ae), ke = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ce = qe.bind(ke), Cr = "purpur-icon", Pe = "md", Re = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Me = ({ content: t = "", title: i } = {}) => {
+}, qe = Ce.bind(Pe), Lr = "purpur-icon", Re = "md", Le = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Me = ({ 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" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Re(n)}>${a}${t}</svg>`;
-}, Le = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ot = ({ svg: t, allyTitle: i, className: n, size: a = Pe, ...o }) => {
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = u ? `<title>${u}</title>` : "";
+  return `<svg ${Le(n)}>${o}${t}</svg>`;
+}, Be = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pt = ({ svg: t, allyTitle: u, className: n, size: o = Re, ...a }) => {
   const r = Me({
-    content: Le(t.svg),
-    title: i
-  }), e = Ce(n, Cr, `${Cr}--${a}`);
-  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...o });
+    content: Be(t.svg),
+    title: u
+  }), e = qe(n, Lr, `${Lr}--${o}`);
+  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-ot.displayName = "Icon";
-const Be = {
+pt.displayName = "Icon";
+const Ee = {
   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"
 };
-function Ee(t) {
+function Te(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pr = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Rr;
-function Te() {
-  return Rr || (Rr = 1, function(t) {
+var Br;
+function Ie() {
+  return Br || (Br = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -632,61 +632,65 @@ function Te() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Pr)), Pr.exports;
+  }(Mr)), Mr.exports;
 }
-var Ie = Te();
-const ze = /* @__PURE__ */ Ee(Ie), De = {
-  "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
-  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
-}, Mr = ze.bind(De), Lr = "purpur-field-error-text", Ve = ({
+var ze = Ie();
+const De = /* @__PURE__ */ Te(ze), Ve = {
+  "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
+  "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
+  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
+}, Er = De.bind(Ve), ir = "purpur-field-error-text", Ze = ({
   children: t,
-  className: i,
-  ["aria-relevant"]: n = "additions text",
+  className: u,
+  negative: n = !1,
+  ["aria-relevant"]: o = "additions text",
   ...a
-}) => /* @__PURE__ */ N(
+}) => /* @__PURE__ */ O(
   "div",
   {
-    className: Mr(i, Lr),
+    className: Er(u, ir, {
+      [`${ir}--negative`]: n
+    }),
     "aria-live": "assertive",
-    "aria-relevant": n,
+    "aria-relevant": o,
     ...a,
     children: [
-      /* @__PURE__ */ l(ot, { svg: Be, size: "xs", className: Mr(`${Lr}__icon`) }),
+      /* @__PURE__ */ l(pt, { svg: Ee, size: "xs", className: Er(`${ir}__icon`) }),
       t
     ]
   }
 );
-function Ze(t) {
+function He(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
+var Tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Er;
-function He() {
-  return Er || (Er = 1, function(t) {
+var Ir;
+function Fe() {
+  return Ir || (Ir = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -696,55 +700,58 @@ function He() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Br)), Br.exports;
+  }(Tr)), Tr.exports;
 }
-var Fe = He();
-const We = /* @__PURE__ */ Ze(Fe), Ge = {
-  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
-  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, Ke = We.bind(Ge), Tr = "purpur-field-helper-text", Ue = ({
+var We = Fe();
+const Ge = /* @__PURE__ */ He(We), Ke = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
+  "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
+}, Ue = Ge.bind(Ke), ur = "purpur-field-helper-text", Ye = ({
   children: t,
-  className: i,
+  className: u,
   disabled: n,
-  id: a,
-  ...o
+  id: o,
+  negative: a,
+  ...r
 }) => {
-  const r = Ke(i, Tr, {
-    [`${Tr}--disabled`]: n
+  const e = Ue(u, ur, {
+    [`${ur}--disabled`]: n,
+    [`${ur}--negative`]: a
   });
-  return /* @__PURE__ */ l("span", { id: a, className: r, ...o, children: t });
+  return /* @__PURE__ */ l("span", { id: o, className: e, ...r, children: t });
 };
-function Ye(t) {
+function Je(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var zr;
-function Je() {
-  return zr || (zr = 1, function(t) {
+var Dr;
+function Qe() {
+  return Dr || (Dr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -754,19 +761,19 @@ function Je() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ir)), Ir.exports;
+  }(zr)), zr.exports;
 }
-var Qe = Je();
-const Xe = /* @__PURE__ */ Ye(Qe), rn = {
+var Xe = Qe();
+const rn = /* @__PURE__ */ Je(Xe), tn = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -774,95 +781,95 @@ const Xe = /* @__PURE__ */ Ye(Qe), rn = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, tn = Xe.bind(rn), Dr = "purpur-icon", en = "md", nn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), un = ({ content: t = "", title: i } = {}) => {
+}, en = rn.bind(tn), Vr = "purpur-icon", nn = "md", un = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), an = ({ 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" },
-    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${nn(n)}>${a}${t}</svg>`;
-}, an = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), pr = ({ svg: t, allyTitle: i, className: n, size: a = en, ...o }) => {
-  const r = un({
-    content: an(t.svg),
-    title: i
-  }), e = tn(n, Dr, `${Dr}--${a}`);
-  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...o });
+    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = u ? `<title>${u}</title>` : "";
+  return `<svg ${un(n)}>${o}${t}</svg>`;
+}, on = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), sr = ({ svg: t, allyTitle: u, className: n, size: o = nn, ...a }) => {
+  const r = an({
+    content: on(t.svg),
+    title: u
+  }), e = en(n, Vr, `${Vr}--${o}`);
+  return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
-pr.displayName = "Icon";
-const on = {
+sr.displayName = "Icon";
+const pn = {
   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"
-}, pt = (t) => /* @__PURE__ */ l(pr, { ...t, svg: on });
-pt.displayName = "IconCheckCircleFilled";
-const pn = {
+}, lt = (t) => /* @__PURE__ */ l(sr, { ...t, svg: pn });
+lt.displayName = "IconCheckCircleFilled";
+const ln = {
   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"
-}, lt = (t) => /* @__PURE__ */ l(pr, { ...t, svg: pn });
-lt.displayName = "IconClose";
-function Vr(t, i) {
+}, st = (t) => /* @__PURE__ */ l(sr, { ...t, svg: ln });
+st.displayName = "IconClose";
+function Zr(t, u) {
   if (typeof t == "function")
-    return t(i);
-  t != null && (t.current = i);
+    return t(u);
+  t != null && (t.current = u);
 }
-function ln(...t) {
-  return (i) => {
+function sn(...t) {
+  return (u) => {
     let n = !1;
-    const a = t.map((o) => {
-      const r = Vr(o, i);
+    const o = t.map((a) => {
+      const r = Zr(a, u);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let o = 0; o < a.length; o++) {
-          const r = a[o];
-          typeof r == "function" ? r() : Vr(t[o], null);
+        for (let a = 0; a < o.length; a++) {
+          const r = o[a];
+          typeof r == "function" ? r() : Zr(t[a], null);
         }
       };
   };
 }
-var st = m.forwardRef((t, i) => {
-  const { children: n, ...a } = t, o = m.Children.toArray(n), r = o.find(cn);
+var ct = m.forwardRef((t, u) => {
+  const { children: n, ...o } = t, a = m.Children.toArray(n), r = a.find(dn);
   if (r) {
-    const e = r.props.children, u = o.map((f) => f === r ? m.Children.count(e) > 1 ? m.Children.only(null) : m.isValidElement(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ l(ar, { ...a, ref: i, children: m.isValidElement(e) ? m.cloneElement(e, void 0, u) : null });
+    const e = r.props.children, i = a.map((f) => f === r ? m.Children.count(e) > 1 ? m.Children.only(null) : m.isValidElement(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ l(pr, { ...o, ref: u, children: m.isValidElement(e) ? m.cloneElement(e, void 0, i) : null });
   }
-  return /* @__PURE__ */ l(ar, { ...a, ref: i, children: n });
+  return /* @__PURE__ */ l(pr, { ...o, ref: u, children: n });
 });
-st.displayName = "Slot";
-var ar = m.forwardRef((t, i) => {
-  const { children: n, ...a } = t;
+ct.displayName = "Slot";
+var pr = m.forwardRef((t, u) => {
+  const { children: n, ...o } = t;
   if (m.isValidElement(n)) {
-    const o = _n(n), r = dn(a, n.props);
-    return n.type !== m.Fragment && (r.ref = i ? ln(i, o) : o), m.cloneElement(n, r);
+    const a = fn(n), r = _n(o, n.props);
+    return n.type !== m.Fragment && (r.ref = u ? sn(u, a) : a), m.cloneElement(n, r);
   }
   return m.Children.count(n) > 1 ? m.Children.only(null) : null;
 });
-ar.displayName = "SlotClone";
-var sn = ({ children: t }) => /* @__PURE__ */ l(Jr, { children: t });
-function cn(t) {
-  return m.isValidElement(t) && t.type === sn;
+pr.displayName = "SlotClone";
+var cn = ({ children: t }) => /* @__PURE__ */ l(Qr, { children: t });
+function dn(t) {
+  return m.isValidElement(t) && t.type === cn;
 }
-function dn(t, i) {
-  const n = { ...i };
-  for (const a in i) {
-    const o = t[a], r = i[a];
-    /^on[A-Z]/.test(a) ? o && r ? n[a] = (...e) => {
-      r(...e), o(...e);
-    } : o && (n[a] = o) : a === "style" ? n[a] = { ...o, ...r } : a === "className" && (n[a] = [o, r].filter(Boolean).join(" "));
+function _n(t, u) {
+  const n = { ...u };
+  for (const o in u) {
+    const a = t[o], r = u[o];
+    /^on[A-Z]/.test(o) ? a && r ? n[o] = (...e) => {
+      r(...e), a(...e);
+    } : a && (n[o] = a) : o === "style" ? n[o] = { ...a, ...r } : o === "className" && (n[o] = [a, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
 }
-function _n(t) {
-  var i, n;
-  let a = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, o = a && "isReactWarning" in a && a.isReactWarning;
-  return o ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, o = a && "isReactWarning" in a && a.isReactWarning, o ? t.props.ref : t.props.ref || t.ref);
+function fn(t) {
+  var u, n;
+  let o = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, a = o && "isReactWarning" in o && o.isReactWarning;
+  return a ? t.ref : (o = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? t.props.ref : t.props.ref || t.ref);
 }
-var fn = [
+var vn = [
   "a",
   "button",
   "div",
@@ -879,47 +886,47 @@ var fn = [
   "span",
   "svg",
   "ul"
-], vn = fn.reduce((t, i) => {
-  const n = m.forwardRef((a, o) => {
-    const { asChild: r, ...e } = a, u = r ? st : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(u, { ...e, ref: o });
+], gn = vn.reduce((t, u) => {
+  const n = m.forwardRef((o, a) => {
+    const { asChild: r, ...e } = o, i = r ? ct : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(i, { ...e, ref: a });
   });
-  return n.displayName = `Primitive.${i}`, { ...t, [i]: n };
-}, {}), mn = "Label", ct = m.forwardRef((t, i) => /* @__PURE__ */ l(
-  vn.label,
+  return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
+}, {}), mn = "Label", dt = m.forwardRef((t, u) => /* @__PURE__ */ l(
+  gn.label,
   {
     ...t,
-    ref: i,
+    ref: u,
     onMouseDown: (n) => {
-      var a;
-      n.target.closest("button, input, select, textarea") || ((a = t.onMouseDown) == null || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      var o;
+      n.target.closest("button, input, select, textarea") || ((o = t.onMouseDown) == null || o.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-ct.displayName = mn;
-var gn = ct;
-function hn(t) {
+dt.displayName = mn;
+var hn = dt;
+function bn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Zr = { exports: {} };
+var Hr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Hr;
-function bn() {
-  return Hr || (Hr = 1, function(t) {
+var Fr;
+function yn() {
+  return Fr || (Fr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -929,57 +936,57 @@ function bn() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Zr)), Zr.exports;
+  }(Hr)), Hr.exports;
 }
-var yn = bn();
-const xn = /* @__PURE__ */ hn(yn), wn = {
-  "purpur-label": "_purpur-label_1jndl_1",
-  "purpur-label--negative": "_purpur-label--negative_1jndl_8",
-  "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, $n = xn.bind(wn), ur = "purpur-label", Sn = ({
+var xn = yn();
+const wn = /* @__PURE__ */ bn(xn), $n = {
+  "purpur-label": "_purpur-label_1x80u_1",
+  "purpur-label--negative": "_purpur-label--negative_1x80u_8",
+  "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
+}, Sn = wn.bind($n), ar = "purpur-label", Nn = ({
   children: t,
-  className: i,
+  className: u,
   disabled: n,
-  negative: a = !1,
-  ...o
+  negative: o = !1,
+  ...a
 }) => {
-  const r = $n(i, ur, {
-    [`${ur}--disabled`]: n,
-    [`${ur}--negative`]: a
+  const r = Sn(u, ar, {
+    [`${ar}--disabled`]: n,
+    [`${ar}--negative`]: o
   });
-  return /* @__PURE__ */ l(gn, { className: r, ...o, children: t });
+  return /* @__PURE__ */ l(hn, { className: r, ...a, children: t });
 };
-function Nn(t) {
+function jn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fr = { exports: {} };
+var Wr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Wr;
-function jn() {
-  return Wr || (Wr = 1, function(t) {
+var Gr;
+function On() {
+  return Gr || (Gr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -989,43 +996,43 @@ function jn() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Fr)), Fr.exports;
+  }(Wr)), Wr.exports;
 }
-var On = jn();
-const An = /* @__PURE__ */ Nn(On), qn = "_rotate_12t9p_1", kn = "_dash_12t9p_1", Cn = {
+var An = On();
+const kn = /* @__PURE__ */ jn(An), Cn = "_rotate_12t9p_1", Pn = "_dash_12t9p_1", qn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: qn,
+  rotate: Cn,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: kn,
+  dash: Pn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Gr = An.bind(Cn), F = "purpur-spinner", Pn = {
+}, Kr = kn.bind(qn), W = "purpur-spinner", Rn = {
   SM: "sm"
-}, Rn = ({
+}, Ln = ({
   disabled: t = !1,
-  negative: i = !1,
-  size: n = Pn.SM,
-  ...a
-}) => /* @__PURE__ */ l("div", { className: Gr(F, `${F}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
+  negative: u = !1,
+  size: n = Rn.SM,
+  ...o
+}) => /* @__PURE__ */ l("div", { className: Kr(W, `${W}--${n}`), ...o, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
   "circle",
   {
-    className: Gr(`${F}__circle`, {
-      [`${F}__circle--disabled`]: t,
-      [`${F}__circle--negative`]: i
+    className: Kr(`${W}__circle`, {
+      [`${W}__circle--disabled`]: t,
+      [`${W}__circle--negative`]: u
     }),
     cx: "25",
     cy: "25",
@@ -1035,25 +1042,25 @@ const An = /* @__PURE__ */ Nn(On), qn = "_rotate_12t9p_1", kn = "_dash_12t9p_1",
 function Mn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Kr = { exports: {} };
+var Ur = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ur;
-function Ln() {
-  return Ur || (Ur = 1, function(t) {
+var Yr;
+function Bn() {
+  return Yr || (Yr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1063,19 +1070,19 @@ function Ln() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Kr)), Kr.exports;
+  }(Ur)), Ur.exports;
 }
-var Bn = Ln();
-const En = /* @__PURE__ */ Mn(Bn), Tn = {
+var En = Bn();
+const Tn = /* @__PURE__ */ Mn(En), In = {
   "purpur-text-field": "_purpur-text-field_3gl1k_1",
   "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
@@ -1092,33 +1099,33 @@ const En = /* @__PURE__ */ Mn(Bn), Tn = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_3gl1k_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_3gl1k_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_3gl1k_111"
-}, In = (t) => G(t), k = En.bind(Tn), v = "purpur-text-field", dt = U(
+}, zn = (t) => K(t), P = Tn.bind(In), g = "purpur-text-field", _t = Y(
   ({
     ["data-testid"]: t,
-    className: i,
+    className: u,
     clearButtonAriaLabel: n,
-    beforeField: a,
-    afterField: o,
+    beforeField: o,
+    afterField: a,
     endAdornment: r,
     errorText: e,
-    helperText: u,
+    helperText: i,
     hideRequiredAsterisk: f = !1,
-    label: g,
-    loading: w = !1,
-    onClear: S,
-    startAdornment: j,
-    valid: R = !1,
+    label: v,
+    loading: x = !1,
+    onClear: w,
+    startAdornment: N,
+    valid: A = !1,
     ..._
   }, $) => {
-    var x;
-    const s = Nt(), O = _.id ?? s, h = (b) => t ? `${t}-${b}` : void 0, T = R && !e, I = u ? `${O}-helper-text` : void 0, d = [j].filter((b) => !!b), A = (typeof _.value == "number" ? _.value !== void 0 : (x = _.value) == null ? void 0 : x.length) && !_.disabled && !_.readOnly && !w && S && n, M = In(null), Y = (b) => {
-      M.current = b, typeof $ == "function" ? $(b) : $ && ($.current = b);
-    }, z = () => {
+    var S;
+    const j = jt(), s = _.id ?? j, h = (b) => t ? `${t}-${b}` : void 0, q = A && !e, L = i ? `${s}-helper-text` : void 0, I = [N].filter((b) => !!b), d = (typeof _.value == "number" ? _.value !== void 0 : (S = _.value) == null ? void 0 : S.length) && !_.disabled && !_.readOnly && !x && w && n, k = zn(null), z = (b) => {
+      k.current = b, typeof $ == "function" ? $(b) : $ && ($.current = b);
+    }, J = () => {
       var b;
-      S == null || S(), (b = M.current) == null || b.focus();
-    }, C = [
-      w && /* @__PURE__ */ l(
-        Rn,
+      w == null || w(), (b = k.current) == null || b.focus();
+    }, M = [
+      x && /* @__PURE__ */ l(
+        Ln,
         {
           disabled: _.disabled,
           size: "xs",
@@ -1126,121 +1133,121 @@ const En = /* @__PURE__ */ Mn(Bn), Tn = {
         },
         "spinner"
       ),
-      A && /* @__PURE__ */ l(
-        at,
+      d && /* @__PURE__ */ l(
+        ot,
         {
           variant: "tertiary-purple",
-          onClick: z,
+          onClick: J,
           iconOnly: !0,
           "aria-label": n ?? "",
           "data-testid": h("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ l(lt, { size: "xs" })
+          children: /* @__PURE__ */ l(st, { size: "xs" })
         },
         "clear-button"
       ),
-      T && /* @__PURE__ */ l(
-        pt,
+      q && /* @__PURE__ */ l(
+        lt,
         {
           "data-testid": h("valid-icon"),
-          className: k(`${v}__valid-icon`)
+          className: P(`${g}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((b) => !!b), J = k(`${v}__input-container`, {
-      [`${v}__input-container--start-adornment`]: d.length,
-      [`${v}__input-container--end-adornment`]: C.length || r,
-      [`${v}__input-container--disabled`]: _.disabled,
-      [`${v}__input-container--has-clear-button`]: A,
-      [`${v}__input-container--readonly`]: _.readOnly && !_.disabled
+    ].filter((b) => !!b), D = P(`${g}__input-container`, {
+      [`${g}__input-container--start-adornment`]: I.length,
+      [`${g}__input-container--end-adornment`]: M.length || r,
+      [`${g}__input-container--disabled`]: _.disabled,
+      [`${g}__input-container--has-clear-button`]: d,
+      [`${g}__input-container--readonly`]: _.readOnly && !_.disabled
     });
-    return /* @__PURE__ */ N("div", { className: k(i, v), children: [
-      g && /* @__PURE__ */ N(
-        Sn,
+    return /* @__PURE__ */ O("div", { className: P(u, g), children: [
+      v && /* @__PURE__ */ O(
+        Nn,
         {
-          htmlFor: O,
-          className: k(`${v}__label`),
+          htmlFor: s,
+          className: P(`${g}__label`),
           "data-testid": h("label"),
           disabled: _.disabled,
           children: [
             _.required && !f && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
-            g
+            v
           ]
         }
       ),
-      /* @__PURE__ */ N("div", { className: k(`${v}__field-row`), children: [
-        !!a && a,
-        /* @__PURE__ */ N("div", { className: J, children: [
-          !!d.length && /* @__PURE__ */ l(
+      /* @__PURE__ */ O("div", { className: P(`${g}__field-row`), children: [
+        !!o && o,
+        /* @__PURE__ */ O("div", { className: D, children: [
+          !!I.length && /* @__PURE__ */ l(
             "div",
             {
               "data-testid": h("start-adornments"),
-              className: k(`${v}__adornment-container`),
-              children: d
+              className: P(`${g}__adornment-container`),
+              children: I
             }
           ),
           /* @__PURE__ */ l(
             "input",
             {
               ..._,
-              id: O,
-              ref: Y,
+              id: s,
+              ref: z,
               "data-testid": h("input"),
-              "aria-describedby": _["aria-describedby"] || I,
+              "aria-describedby": _["aria-describedby"] || L,
               "aria-invalid": _["aria-invalid"] || !!e,
-              className: k([
-                `${v}__input`,
+              className: P([
+                `${g}__input`,
                 {
-                  [`${v}__input--valid`]: T,
-                  [`${v}__input--error`]: !!e
+                  [`${g}__input--valid`]: q,
+                  [`${g}__input--error`]: !!e
                 }
               ])
             }
           ),
-          /* @__PURE__ */ l("div", { className: k(`${v}__frame`) }),
-          (!!C.length || r) && /* @__PURE__ */ N(
+          /* @__PURE__ */ l("div", { className: P(`${g}__frame`) }),
+          (!!M.length || r) && /* @__PURE__ */ O(
             "div",
             {
               "data-testid": h("end-adornments"),
-              className: k(`${v}__adornment-container`),
+              className: P(`${g}__adornment-container`),
               children: [
-                C,
+                M,
                 r
               ]
             }
           )
         ] }),
-        !!o && o
+        !!a && a
       ] }),
-      I && /* @__PURE__ */ l(Ue, { "data-testid": h("helper-text"), id: I, children: u }),
-      e && /* @__PURE__ */ l(Ve, { "data-testid": h("error-text"), children: e })
+      L && /* @__PURE__ */ l(Ye, { "data-testid": h("helper-text"), id: L, children: i }),
+      e && /* @__PURE__ */ l(Ze, { "data-testid": h("error-text"), children: e })
     ] });
   }
 );
-dt.displayName = "TextField";
-const zn = (t) => Qr(t) && t.type.displayName === dt.displayName;
-function Dn(t) {
+_t.displayName = "TextField";
+const Dn = (t) => Xr(t) && t.type.displayName === _t.displayName;
+function Vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Yr;
-function Vn() {
-  return Yr || (Yr = 1, function(t) {
+var Jr;
+function Zn() {
+  return Jr || (Jr = 1, function(t) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = o(r, a.call(this, u)));
+          var i = arguments[e];
+          i && (r = a(r, o.call(this, i)));
         }
         return r;
       }
-      function a(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1250,236 +1257,241 @@ function Vn() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          i.call(r, u) && r[u] && (e = o(e, this && this[u] || u));
+        for (var i in r)
+          u.call(r, i) && r[i] && (e = a(e, this && this[i] || i));
         return e;
       }
-      function o(r, e) {
+      function a(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(ir)), ir.exports;
+  }(or)), or.exports;
 }
-var Zn = Vn();
-const Hn = /* @__PURE__ */ Dn(Zn), Fn = {
+var Hn = Zn();
+const Fn = /* @__PURE__ */ Vn(Hn), Wn = {
   "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"
-}, Wn = (t) => G(t), Gn = (t, i) => {
-  const n = jt(
-    (a) => {
-      t && !t.contains(a.target) && i();
+}, Gn = (t) => K(t), Kn = (t, u) => {
+  const n = Ot(
+    (o) => {
+      t && !t.contains(o.target) && u();
     },
-    [i, t]
+    [u, t]
   );
-  Ot(() => (document.addEventListener("mousedown", n), () => {
+  At(() => (document.addEventListener("mousedown", n), () => {
     document.removeEventListener("mousedown", n);
   }), [n]);
-}, Kn = ({
+}, Un = ({
   combobox: t,
-  highlightFirstOption: i,
-  defaultInputValue: n,
+  comboboxButtonAriaLabel: u,
+  highlightFirstOption: n,
+  defaultInputValue: o,
   inputValue: a,
-  filterOption: o,
-  id: r,
-  listboxLabel: e,
-  listboxMaxHeight: u,
-  onInputBlur: f,
-  onInputChange: g,
+  filterOption: r,
+  id: e,
+  listboxLabel: i,
+  listboxMaxHeight: f,
+  onInputBlur: v,
+  onInputChange: x,
   onInputFocus: w,
-  onInputKeyDown: S,
-  onInputMouseDown: j,
-  openOnFocus: R,
-  noOptionsText: _,
-  onSelect: $,
-  options: x,
+  onInputKeyDown: N,
+  onInputMouseDown: A,
+  openOnFocus: _,
+  noOptionsText: $,
+  onSelect: S,
+  options: j,
   selectedOption: s,
-  ["data-testid"]: O
+  ["data-testid"]: h
 }) => {
-  const [h, T] = nr(
-    ((typeof a == "string" ? a : n) || (s == null ? void 0 : s.label)) ?? ""
-  ), I = typeof a == "string" ? a : h, [d, A] = nr(i ? x[0] : void 0), M = G(null), Y = Wn(null), z = G(null), C = G({}), [J, b] = nr(!1);
+  const [q, L] = nr(
+    ((typeof a == "string" ? a : o) || (s == null ? void 0 : s.label)) ?? ""
+  ), I = typeof a == "string" ? a : q, [d, k] = nr(n ? j[0] : void 0), z = K(null), J = Gn(null), M = K(null), D = K({}), [b, cr] = nr(!1);
   function X(p) {
-    return O ? `${O}-${p}` : void 0;
+    return h ? `${h}-${p}` : void 0;
   }
-  const D = () => {
-    b(!1), A(void 0);
+  const V = () => {
+    cr(!1), k(void 0);
   };
-  Gn(Y.current, D);
-  const V = ({ eventType: p }) => {
-    b(!0), s && requestAnimationFrame(() => {
-      A({ ...s, isSetByClickEvent: p === "CLICK" }), tr(C.current[s.id]);
+  Kn(J.current, V);
+  const Z = ({ eventType: p }) => {
+    cr(!0), s && requestAnimationFrame(() => {
+      k({ ...s, isSetByClickEvent: p === "CLICK" }), tr(D.current[s.id]);
     });
-  }, _t = (p) => {
-    if (o)
-      return x.filter((y) => o(p, y));
+  }, ft = (p) => {
+    if (r)
+      return j.filter((y) => r(p, y));
     if (!p)
-      return x;
+      return j;
     const c = p.toUpperCase().split(" ") || [];
-    return x.filter(
+    return j.filter(
       (y) => c.every(
-        (q) => (y.value || y.label).toUpperCase().includes(q)
+        (C) => (y.value || y.label).toUpperCase().includes(C)
       )
     );
-  }, lr = (p) => s && (s == null ? void 0 : s.label) === p ? x : _t(p), P = lr(I), rr = (p) => {
-    g == null || g(p), T(p);
+  }, dr = (p) => s && (s == null ? void 0 : s.label) === p ? j : ft(p), R = dr(I), rr = (p) => {
+    x == null || x(p), L(p);
   }, tr = (p) => {
     var c;
     if (p) {
-      const y = p.getBoundingClientRect(), q = ((c = z.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
-      (y.top < q.top || y.bottom > q.bottom) && p.scrollIntoView({ block: "nearest" });
+      const y = p.getBoundingClientRect(), C = ((c = M.current) == null ? void 0 : c.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      (y.top < C.top || y.bottom > C.bottom) && p.scrollIntoView({ block: "nearest" });
     }
-  }, sr = (p) => {
+  }, _r = (p) => {
     var c;
-    p && ((c = M.current) == null || c.focus(), rr(p.label), $ == null || $(p)), D();
-  }, ft = (p) => {
-    const c = i && !d ? 0 : P.findIndex((q) => q && (d == null ? void 0 : d.id) === q.id), y = P.length;
-    return p === "ArrowDown" ? P[(c ?? -1) + 1] || P[0] : P[(c ?? y) - 1] || P[y - 1];
-  }, L = J && (!!P.length || !!_), vt = (p) => {
-    !L && V({ eventType: "KEYBOARD" });
-    const c = ft(p);
-    A(c), c && tr(C.current[c.id]);
+    p && ((c = z.current) == null || c.focus(), rr(p.label), S == null || S(p)), V();
+  }, vt = (p) => {
+    const c = n && !d ? 0 : R.findIndex((C) => C && (d == null ? void 0 : d.id) === C.id), y = R.length;
+    return p === "ArrowDown" ? R[(c ?? -1) + 1] || R[0] : R[(c ?? y) - 1] || R[y - 1];
+  }, B = b && (!!R.length || !!$), gt = (p) => {
+    !B && Z({ eventType: "KEYBOARD" });
+    const c = vt(p);
+    k(c), c && tr(D.current[c.id]);
   }, mt = (p) => {
-    switch (S == null || S(p), p.key) {
+    switch (N == null || N(p), p.key) {
       case "ArrowUp":
       case "ArrowDown":
-        p.preventDefault(), vt(p.key);
+        p.preventDefault(), gt(p.key);
         break;
       case "Enter": {
-        const c = d || (i ? x[0] : void 0);
-        L && sr(c), !L && V({ eventType: "KEYBOARD" });
+        const c = d || (n ? j[0] : void 0);
+        B && _r(c), !B && Z({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
       case "Tab":
-        D();
+        V();
         break;
     }
-  }, gt = (p) => {
-    const c = lr(p.target.value);
-    rr(p.target.value), A(void 0), !L && V({ eventType: "KEYBOARD" }), i && c[0] && tr(C.current[c[0].id]);
   }, ht = (p) => {
-    j == null || j(p), L ? D() : V({ eventType: "CLICK" });
+    const c = dr(p.target.value);
+    rr(p.target.value), k(void 0), !B && Z({ eventType: "KEYBOARD" }), n && c[0] && tr(D.current[c[0].id]);
   }, bt = (p) => {
-    var c;
-    w == null || w(p), !J && R && V({ eventType: "KEYBOARD" }), (c = M.current) == null || c.select();
+    A == null || A(p), B ? V() : Z({ eventType: "CLICK" });
   }, yt = (p) => {
-    f == null || f(p), setTimeout(() => {
+    var c;
+    w == null || w(p), !b && _ && Z({ eventType: "KEYBOARD" }), (c = z.current) == null || c.select();
+  }, xt = (p) => {
+    v == null || v(p), setTimeout(() => {
       var c, y;
-      !((c = M.current) != null && c.contains(document.activeElement)) && !((y = z.current) != null && y.contains(document.activeElement)) && (D(), t && rr(s ? s.label : ""));
+      !((c = z.current) != null && c.contains(document.activeElement)) && !((y = M.current) != null && y.contains(document.activeElement)) && (V(), t && rr(s ? s.label : ""));
     });
-  }, xt = {
-    maxHeight: typeof u == "number" ? `${u}px` : u
-  }, cr = {
-    "aria-label": e,
-    "aria-expanded": L,
+  }, wt = {
+    maxHeight: typeof f == "number" ? `${f}px` : f
+  }, fr = {
+    "aria-label": i,
+    "aria-expanded": B,
     "data-testid": X("listbox"),
-    id: `${r}-listbox`,
-    ref: z,
-    onMouseLeave: () => A(void 0),
-    style: u ? xt : void 0
-  }, dr = (p) => `${r}-listbox-item-${p.id}`, wt = (p, c) => {
-    const y = () => p.id !== (d == null ? void 0 : d.id) && A({ ...p, isSetByClickEvent: !0 }), q = (p.id === (d == null ? void 0 : d.id) || !!i && !d && c === 0) && !(d != null && d.isSetByClickEvent);
+    id: `${e}-listbox`,
+    ref: M,
+    onMouseLeave: () => k(void 0),
+    style: f ? wt : void 0
+  }, vr = (p) => `${e}-listbox-item-${p.id}`, $t = (p, c) => {
+    const y = () => p.id !== (d == null ? void 0 : d.id) && k({ ...p, isSetByClickEvent: !0 }), C = (p.id === (d == null ? void 0 : d.id) || !!n && !d && c === 0) && !(d != null && d.isSetByClickEvent);
     return {
       "data-testid": X(`listbox-item-${p.id}`),
-      id: dr(p),
+      id: vr(p),
       key: p.id,
       onMouseMove: y,
-      onMouseUp: () => sr(p),
+      onMouseUp: () => _r(p),
       ref: (er) => {
-        er && (C.current[p.id] = er);
+        er && (D.current[p.id] = er);
       },
       tabIndex: -1,
       selected: p.id === (s == null ? void 0 : s.id),
       disabled: p.disabled,
-      highlighted: q,
+      highlighted: C,
       hovered: p.id === (d == null ? void 0 : d.id) && !!(d != null && d.isSetByClickEvent)
     };
-  }, $t = {
-    "aria-activedescendant": d ? dr(d) : void 0,
+  }, St = {
+    "aria-activedescendant": d ? vr(d) : void 0,
     "aria-autocomplete": "list",
-    "aria-controls": cr.id,
+    "aria-controls": fr.id,
     "data-testid": X("input"),
     autoComplete: "off",
-    id: `${r}-input`,
-    onChange: gt,
-    onMouseDown: ht,
-    onFocus: bt,
+    id: `${e}-input`,
+    onChange: ht,
+    onMouseDown: bt,
+    onFocus: yt,
     onKeyDown: mt,
-    onBlur: yt,
-    ref: M,
+    onBlur: xt,
+    ref: z,
     role: "combobox",
     value: I
   };
   return {
-    id: r,
-    inputProps: $t,
-    internalRef: Y,
-    optionsToShow: P,
-    showListbox: L,
-    noOptionsText: _,
+    id: e,
+    inputProps: St,
+    internalRef: J,
+    optionsToShow: R,
+    showListbox: B,
+    noOptionsText: $,
     combobox: t,
-    getListBoxItemProps: wt,
-    listboxProps: cr
+    comboboxButtonAriaLabel: u,
+    getListBoxItemProps: $t,
+    listboxProps: fr
   };
-}, Q = Hn.bind(Fn), W = "purpur-autocomplete", Un = ({ className: t, renderInput: i, renderOption: n, ...a }, o) => {
+}, Q = Fn.bind(Wn), G = "purpur-autocomplete", Yn = ({ className: t, renderInput: u, renderOption: n, ...o }, a) => {
   const {
     id: r,
     inputProps: e,
-    internalRef: u,
+    internalRef: i,
     optionsToShow: f,
-    showListbox: g,
-    noOptionsText: w,
-    combobox: S,
-    getListBoxItemProps: j,
-    listboxProps: R
-  } = Kn(a), _ = (s, O) => {
-    const { key: h, ...T } = j(s, O);
-    return /* @__PURE__ */ l(K.Item, { ...T, children: n ? n == null ? void 0 : n(s) : s.label }, h);
-  }, $ = (s) => {
-    u.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
-  }, x = () => {
-    const s = i(e);
-    if (S && w && s && zn(s)) {
-      const h = /* @__PURE__ */ N(Jr, { children: [
+    showListbox: v,
+    noOptionsText: x,
+    combobox: w,
+    comboboxButtonAriaLabel: N,
+    getListBoxItemProps: A,
+    listboxProps: _
+  } = Un(o), $ = (s, h) => {
+    const { key: q, ...L } = A(s, h);
+    return /* @__PURE__ */ l(U.Item, { ...L, children: n ? n == null ? void 0 : n(s) : s.label }, q);
+  }, S = (s) => {
+    i.current = s, typeof a == "function" ? a(s) : a && (a.current = s);
+  }, j = () => {
+    const s = u(e);
+    if (w && N && x && s && Dn(s)) {
+      const q = /* @__PURE__ */ O(Qr, { children: [
         s.props.endAdornment,
         /* @__PURE__ */ l(
           "button",
           {
             "data-testid": "chevron button",
             type: "button",
-            className: Q(`${W}__chevron-button`),
+            className: Q(`${G}__chevron-button`),
             onClick: () => {
               e.onFocus(void 0), e.onMouseDown(void 0);
             },
-            "aria-hidden": "true",
+            "aria-label": N,
+            "aria-expanded": v,
+            "aria-controls": _.id,
             children: /* @__PURE__ */ l(
-              rt,
+              tt,
               {
                 size: "sm",
-                className: Q(`${W}__chevron-icon`, {
-                  [`${W}__chevron-icon--up`]: g
+                className: Q(`${G}__chevron-icon`, {
+                  [`${G}__chevron-icon--up`]: v
                 })
               }
             )
           }
         )
       ] });
-      return At(s, { endAdornment: h });
+      return kt(s, { endAdornment: q });
     }
     return s;
   };
-  return /* @__PURE__ */ N("div", { id: r, ref: $, className: Q([t, W]), children: [
-    x(),
-    g && /* @__PURE__ */ l(K, { ...R, className: Q(`${W}__listbox`), children: f.length ? f.filter((s) => !!s).map(_) : /* @__PURE__ */ l(K.Item, { noninteractive: !0, children: w }) })
+  return /* @__PURE__ */ O("div", { id: r, ref: S, className: Q([t, G]), children: [
+    j(),
+    v && /* @__PURE__ */ l(U, { ..._, className: Q(`${G}__listbox`), children: f.length ? f.filter((s) => !!s).map($) : /* @__PURE__ */ l(U.Item, { noninteractive: !0, children: x }) })
   ] });
-}, Yn = U(Un);
-Yn.displayName = "Autocomplete";
+}, Jn = Y(Yn);
+Jn.displayName = "Autocomplete";
 export {
-  Yn as Autocomplete,
-  Kn as useAutocomplete
+  Jn as Autocomplete,
+  Un as useAutocomplete
 };
 //# sourceMappingURL=autocomplete.es.js.map