@purpurds/autocomplete 5.23.0 → 5.24.1

package/dist/autocomplete.es.js

@@ -1,5 +1,5 @@
-import { jsx as s, jsxs as O, Fragment as dt } from "react/jsx-runtime";
-import { forwardRef as P, Children as E, isValidElement as R, createElement as W, cloneElement as sr, useEffect as Ar, useId as _t, Fragment as ft, useRef as J, useCallback as vt, useState as ar } from "react";
+import { jsx as s, jsxs as A, Fragment as dt } from "react/jsx-runtime";
+import { forwardRef as O, Children as D, isValidElement as T, createElement as W, cloneElement as sr, useEffect as Ar, useId as _t, Fragment as ft, useRef as Y, useCallback as vt, useState as ar } from "react";
 import "react-dom";
 function mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -276,7 +276,7 @@ var Br = { exports: {} };
   })();
 })(Br);
 var Rt = Br.exports;
-const Dt = /* @__PURE__ */ Et(Rt), H = {
+const Dt = /* @__PURE__ */ Et(Rt), G = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -302,7 +302,7 @@ const Dt = /* @__PURE__ */ Et(Rt), H = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, V = "purpur-paragraph", Er = ({
+}, H = "purpur-paragraph", Er = ({
   ["data-testid"]: t,
   children: a,
   className: n,
@@ -312,47 +312,47 @@ const Dt = /* @__PURE__ */ Et(Rt), H = {
   variant: e = Tt.PARAGRAPH100,
   ...u
 }) => {
-  const v = Dt([
+  const f = Dt([
     n,
-    H[V],
-    H[`${V}--${e}`],
+    G[H],
+    G[`${H}--${e}`],
     {
-      [H[`${V}--hyphens`]]: o,
-      [H[`${V}--disabled`]]: i,
-      [H[`${V}--negative`]]: r
+      [G[`${H}--hyphens`]]: o,
+      [G[`${H}--disabled`]]: i,
+      [G[`${H}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s("p", { ...u, className: v, "data-testid": t, children: a });
+  return /* @__PURE__ */ s("p", { ...u, className: f, "data-testid": t, children: a });
 };
 Er.displayName = "Paragraph";
-const xr = Ir.bind(Lr), L = "purpur-listbox", lr = P(
+const xr = Ir.bind(Lr), k = "purpur-listbox", lr = O(
   (t, a) => {
-    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...v } = t, b = xr(`${L}-item`, v.className, {
-      [`${L}-item--highlighted`]: i,
-      [`${L}-item--selected`]: r,
-      [`${L}-item--hovered`]: o,
-      [`${L}-item--disabled`]: n,
-      [`${L}-item--noninteractive`]: u
+    const { disabled: n, highlighted: i, hovered: o, selected: r, children: e, noninteractive: u, ...f } = t, h = xr(`${k}-item`, f.className, {
+      [`${k}-item--highlighted`]: i,
+      [`${k}-item--selected`]: r,
+      [`${k}-item--hovered`]: o,
+      [`${k}-item--disabled`]: n,
+      [`${k}-item--noninteractive`]: u
     });
-    return /* @__PURE__ */ O(
+    return /* @__PURE__ */ A(
       "li",
       {
-        ...v,
+        ...f,
         ref: a,
-        className: b,
+        className: h,
         "aria-selected": !!r,
         role: "option",
         "aria-disabled": !!n,
         children: [
           typeof e == "string" ? /* @__PURE__ */ s(Er, { children: e }) : e,
-          r && /* @__PURE__ */ s(kr, { size: "xs", className: xr(`${L}-item__icon`) })
+          r && /* @__PURE__ */ s(kr, { size: "xs", className: xr(`${k}-item__icon`) })
         ]
       }
     );
   }
-), Ft = (t) => R(t) && (t == null ? void 0 : t.type) === lr;
+), Ft = (t) => T(t) && (t == null ? void 0 : t.type) === lr;
 lr.displayName = "ListBoxItem";
-const Gt = Ir.bind(Lr), Ht = "purpur-listbox", Q = P(
+const Gt = Ir.bind(Lr), Ht = "purpur-listbox", J = O(
   ({ children: t, ...a }, n) => /* @__PURE__ */ s(
     "ul",
     {
@@ -360,12 +360,12 @@ const Gt = Ir.bind(Lr), Ht = "purpur-listbox", Q = P(
       ref: n,
       className: Gt(Ht, a.className),
       role: "listbox",
-      children: E.toArray(t).filter(Ft)
+      children: D.toArray(t).filter(Ft)
     }
   )
 );
-Q.Item = lr;
-Q.displayName = "ListBox";
+J.Item = lr;
+J.displayName = "ListBox";
 const Vt = {
   SM: "sm",
   MD: "md",
@@ -410,10 +410,10 @@ var Rr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Rr);
-var Kt = Rr.exports;
-const br = /* @__PURE__ */ Zt(Kt), Xt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1", Z = {
+var Xt = Rr.exports;
+const br = /* @__PURE__ */ Zt(Xt), Kt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1", V = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Xt,
+  rotate: Kt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
@@ -423,7 +423,7 @@ const br = /* @__PURE__ */ Zt(Kt), Xt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1",
   dash: Ut,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, K = "purpur-spinner", Yt = {
+}, Z = "purpur-spinner", Yt = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -438,15 +438,15 @@ const br = /* @__PURE__ */ Zt(Kt), Xt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1",
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: br([Z[K], Z[`${K}--${i}`]]),
+    className: br([V[Z], V[`${Z}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: br(Z[`${K}__circle`], {
-          [Z[`${K}__circle--disabled`]]: a,
-          [Z[`${K}__circle--negative`]]: n
+        className: br(V[`${Z}__circle`], {
+          [V[`${Z}__circle--disabled`]]: a,
+          [V[`${Z}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -455,7 +455,7 @@ const br = /* @__PURE__ */ Zt(Kt), Xt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1",
     ) })
   }
 );
-function Qt(t) {
+function Wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Dr = { exports: {} };
@@ -494,8 +494,8 @@ var Dr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Dr);
-var Wt = Dr.exports;
-const re = /* @__PURE__ */ Qt(Wt), te = {
+var Qt = Dr.exports;
+const re = /* @__PURE__ */ Wt(Qt), te = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -516,7 +516,7 @@ const re = /* @__PURE__ */ Qt(Wt), te = {
   "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"
-}, ee = re.bind(te), q = "purpur-button", ne = ({
+}, ee = re.bind(te), z = "purpur-button", ne = ({
   children: t,
   className: a,
   ["data-testid"]: n,
@@ -525,48 +525,48 @@ const re = /* @__PURE__ */ Qt(Wt), te = {
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
-  onClick: v,
-  size: b = "md",
-  variant: y,
+  onClick: f,
+  size: h = "md",
+  variant: g,
   type: j = "button",
-  ...d
-}, f) => {
-  if (r && y === "destructive")
+  ...x
+}, c) => {
+  if (r && g === "destructive")
     return null;
-  const S = ee(
+  const w = ee(
     [
-      q,
-      `${q}--${u ? `${y}-negative` : y}`,
-      `${q}--${b}`
+      z,
+      `${z}--${u ? `${g}-negative` : g}`,
+      `${z}--${h}`
     ],
     {
-      [`${q}--icon-only`]: r,
-      [`${q}--negative`]: u,
-      [`${q}--full-width`]: o,
-      [`${q}--disabled`]: i || e
+      [`${z}--icon-only`]: r,
+      [`${z}--negative`]: u,
+      [`${z}--full-width`]: o,
+      [`${z}--disabled`]: i || e
     },
     a
-  ), C = (l) => {
-    i || e ? l.preventDefault() : v && v(l);
-  }, w = !!d["aria-disabled"] || i || e;
-  return /* @__PURE__ */ O(
+  ), P = (d) => {
+    i || e ? d.preventDefault() : f && f(d);
+  }, M = !!x["aria-disabled"] || i || e;
+  return /* @__PURE__ */ A(
     "button",
     {
-      className: S,
+      className: w,
       "data-testid": n,
       type: j,
-      ref: f,
-      "aria-disabled": w,
-      onClick: C,
-      ...d,
+      ref: c,
+      "aria-disabled": M,
+      onClick: P,
+      ...x,
       children: [
-        e && /* @__PURE__ */ s(Jt, { size: b === Vt.LG ? "xs" : "xxs", negative: u, disabled: w }),
+        e && /* @__PURE__ */ s(Jt, { size: h === Vt.LG ? "xs" : "xxs", negative: u, disabled: M }),
         " ",
         t
       ]
     }
   );
-}, Tr = P(ne);
+}, Tr = O(ne);
 Tr.displayName = "Button";
 function ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -702,7 +702,7 @@ const me = /* @__PURE__ */ fe(ve), yr = {
   className: n,
   relevant: i = "additions text",
   ...o
-}) => /* @__PURE__ */ O(
+}) => /* @__PURE__ */ A(
   "div",
   {
     className: me([n, yr[wr]]),
@@ -834,22 +834,22 @@ const je = /* @__PURE__ */ we($e), Se = {
   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"
-}, Kr = (t) => /* @__PURE__ */ s(
+}, Xr = (t) => /* @__PURE__ */ s(
   cr,
   {
     ...t,
     svg: Ne
   }
 );
-Kr.displayName = "IconCheckCircleFilled";
-const Xr = (t) => /* @__PURE__ */ s(
+Xr.displayName = "IconCheckCircleFilled";
+const Kr = (t) => /* @__PURE__ */ s(
   cr,
   {
     ...t,
     svg: Ae
   }
 );
-Xr.displayName = "IconClose";
+Kr.displayName = "IconClose";
 const Oe = je.bind(Se), Sr = "purpur-icon", Pe = "md", Me = (t) => t.filter((a) => Object.keys(a).length >= 1).map((a) => `${a.name}="${a.value}"`).join(" "), Ce = ({ content: t = "", title: a } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
@@ -882,14 +882,14 @@ const Oe = je.bind(Se), Sr = "purpur-icon", Pe = "md", Me = (t) => t.filter((a)
   );
 };
 cr.displayName = "Icon";
-function D() {
-  return D = Object.assign ? Object.assign.bind() : function(t) {
+function F() {
+  return F = Object.assign ? Object.assign.bind() : function(t) {
     for (var a = 1; a < arguments.length; a++) {
       var n = arguments[a];
       for (var i in n) ({}).hasOwnProperty.call(n, i) && (t[i] = n[i]);
     }
     return t;
-  }, D.apply(null, arguments);
+  }, F.apply(null, arguments);
 }
 function Le(t, a) {
   typeof t == "function" ? t(a) : t != null && (t.current = a);
@@ -899,30 +899,30 @@ function qe(...t) {
     (n) => Le(n, a)
   );
 }
-const Ur = /* @__PURE__ */ P((t, a) => {
-  const { children: n, ...i } = t, o = E.toArray(n), r = o.find(ze);
+const Ur = /* @__PURE__ */ O((t, a) => {
+  const { children: n, ...i } = t, o = D.toArray(n), r = o.find(ze);
   if (r) {
-    const e = r.props.children, u = o.map((v) => v === r ? E.count(e) > 1 ? E.only(null) : /* @__PURE__ */ R(e) ? e.props.children : null : v);
-    return /* @__PURE__ */ W(pr, D({}, i, {
+    const e = r.props.children, u = o.map((f) => f === r ? D.count(e) > 1 ? D.only(null) : /* @__PURE__ */ T(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ W(pr, F({}, i, {
       ref: a
-    }), /* @__PURE__ */ R(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
+    }), /* @__PURE__ */ T(e) ? /* @__PURE__ */ sr(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ W(pr, D({}, i, {
+  return /* @__PURE__ */ W(pr, F({}, i, {
     ref: a
   }), n);
 });
 Ur.displayName = "Slot";
-const pr = /* @__PURE__ */ P((t, a) => {
+const pr = /* @__PURE__ */ O((t, a) => {
   const { children: n, ...i } = t;
-  return /* @__PURE__ */ R(n) ? /* @__PURE__ */ sr(n, {
+  return /* @__PURE__ */ T(n) ? /* @__PURE__ */ sr(n, {
     ...Be(i, n.props),
     ref: a ? qe(a, n.ref) : n.ref
-  }) : E.count(n) > 1 ? E.only(null) : null;
+  }) : D.count(n) > 1 ? D.only(null) : null;
 });
 pr.displayName = "SlotClone";
 const ke = ({ children: t }) => /* @__PURE__ */ W(ft, null, t);
 function ze(t) {
-  return /* @__PURE__ */ R(t) && t.type === ke;
+  return /* @__PURE__ */ T(t) && t.type === ke;
 }
 function Be(t, a) {
   const n = {
@@ -963,11 +963,11 @@ const Ee = [
   "svg",
   "ul"
 ], Re = Ee.reduce((t, a) => {
-  const n = /* @__PURE__ */ P((i, o) => {
+  const n = /* @__PURE__ */ O((i, o) => {
     const { asChild: r, ...e } = i, u = r ? Ur : a;
     return Ar(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ W(u, D({}, e, {
+    }, []), /* @__PURE__ */ W(u, F({}, e, {
       ref: o
     }));
   });
@@ -975,7 +975,7 @@ const Ee = [
     ...t,
     [a]: n
   };
-}, {}), De = /* @__PURE__ */ P((t, a) => /* @__PURE__ */ W(Re.label, D({}, t, {
+}, {}), De = /* @__PURE__ */ O((t, a) => /* @__PURE__ */ W(Re.label, F({}, t, {
   ref: a,
   onMouseDown: (n) => {
     var i;
@@ -1084,10 +1084,10 @@ var Jr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Jr);
-var Ke = Jr.exports;
-const Nr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1", X = {
+var Xe = Jr.exports;
+const Nr = /* @__PURE__ */ Ze(Xe), Ke = "_rotate_1xozj_1", Ue = "_dash_1xozj_1", X = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Xe,
+  rotate: Ke,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
@@ -1097,7 +1097,7 @@ const Nr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1",
   dash: Ue,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, U = "purpur-spinner", Ye = {
+}, K = "purpur-spinner", Ye = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -1112,15 +1112,15 @@ const Nr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1",
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: Nr([X[U], X[`${U}--${i}`]]),
+    className: Nr([X[K], X[`${K}--${i}`]]),
     "data-testid": t,
     ...o,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: Nr(X[`${U}__circle`], {
-          [X[`${U}__circle--disabled`]]: a,
-          [X[`${U}__circle--negative`]]: n
+        className: Nr(X[`${K}__circle`], {
+          [X[`${K}__circle--disabled`]]: a,
+          [X[`${K}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -1129,10 +1129,10 @@ const Nr = /* @__PURE__ */ Ze(Ke), Xe = "_rotate_1xozj_1", Ue = "_dash_1xozj_1",
     ) })
   }
 );
-function Qe(t) {
+function We(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Qr = { exports: {} };
+var Wr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1167,9 +1167,9 @@ var Qr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Qr);
-var We = Qr.exports;
-const rn = /* @__PURE__ */ Qe(We), tn = {
+})(Wr);
+var Qe = Wr.exports;
+const rn = /* @__PURE__ */ We(Qe), tn = {
   "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",
@@ -1186,38 +1186,39 @@ const rn = /* @__PURE__ */ Qe(We), tn = {
   "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"
-}, en = (t) => J(t), A = rn.bind(tn), g = "purpur-text-field", nn = ({
+}, en = (t) => Y(t), N = rn.bind(tn), m = "purpur-text-field", nn = ({
   ["data-testid"]: t,
   className: a,
   clearButtonAllyLabel: n,
-  afterField: i,
-  endAdornment: o,
-  errorText: r,
-  helperText: e,
-  label: u,
-  loading: v = !1,
-  onClear: b,
-  startAdornment: y,
-  valid: j = !1,
-  ...d
-}, f) => {
-  var S;
-  const C = _t(), w = d.id ?? C, l = (m) => t ? `${t}-${m}` : void 0, c = j && !r, x = e ? `${w}-helper-text` : void 0, $ = [y].filter((m) => !!m), T = (typeof d.value == "number" ? d.value !== void 0 : (S = d.value) == null ? void 0 : S.length) && !d.disabled && !d.readOnly && !v && b && n, k = en(null), z = (m) => {
-    k.current = m, typeof f == "function" ? f(m) : f && (f.current = m);
+  beforeField: i,
+  afterField: o,
+  endAdornment: r,
+  errorText: e,
+  helperText: u,
+  label: f,
+  loading: h = !1,
+  onClear: g,
+  startAdornment: j,
+  valid: x = !1,
+  ...c
+}, w) => {
+  var P;
+  const M = _t(), d = c.id ?? M, l = (v) => t ? `${t}-${v}` : void 0, b = x && !e, $ = u ? `${d}-helper-text` : void 0, B = [j].filter((v) => !!v), E = (typeof c.value == "number" ? c.value !== void 0 : (P = c.value) == null ? void 0 : P.length) && !c.disabled && !c.readOnly && !h && g && n, I = en(null), Q = (v) => {
+    I.current = v, typeof w == "function" ? w(v) : w && (w.current = v);
   }, rr = () => {
-    var m;
-    b == null || b(), (m = k.current) == null || m.focus();
-  }, B = [
-    v && /* @__PURE__ */ s(
+    var v;
+    g == null || g(), (v = I.current) == null || v.focus();
+  }, L = [
+    h && /* @__PURE__ */ s(
       Je,
       {
-        disabled: d.disabled,
+        disabled: c.disabled,
         size: "xs",
         "data-testid": l("spinner")
       },
       "spinner"
     ),
-    T && /* @__PURE__ */ s(
+    E && /* @__PURE__ */ s(
       Tr,
       {
         variant: "tertiary-purple",
@@ -1226,88 +1227,89 @@ const rn = /* @__PURE__ */ Qe(We), tn = {
         "aria-label": n ?? "",
         "data-testid": l("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ s(Xr, { size: "xs" })
+        children: /* @__PURE__ */ s(Kr, { size: "xs" })
       },
       "clear-button"
     ),
-    c && /* @__PURE__ */ s(
-      Kr,
+    b && /* @__PURE__ */ s(
+      Xr,
       {
         "data-testid": l("valid-icon"),
-        className: A(`${g}__valid-icon`)
+        className: N(`${m}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((m) => !!m), F = A([
-    `${g}__input-container`,
+  ].filter((v) => !!v), R = N([
+    `${m}__input-container`,
     {
-      [`${g}__input-container--start-adornment`]: $.length,
-      [`${g}__input-container--end-adornment`]: B.length || o,
-      [`${g}__input-container--disabled`]: d.disabled,
-      [`${g}__input-container--has-clear-button`]: T,
-      [`${g}__input-container--readonly`]: d.readOnly && !d.disabled
+      [`${m}__input-container--start-adornment`]: B.length,
+      [`${m}__input-container--end-adornment`]: L.length || r,
+      [`${m}__input-container--disabled`]: c.disabled,
+      [`${m}__input-container--has-clear-button`]: E,
+      [`${m}__input-container--readonly`]: c.readOnly && !c.disabled
     }
   ]);
-  return /* @__PURE__ */ O("div", { className: A(a, g), children: [
-    u && /* @__PURE__ */ s(
+  return /* @__PURE__ */ A("div", { className: N(a, m), children: [
+    f && /* @__PURE__ */ s(
       Ve,
       {
-        htmlFor: w,
-        className: A(`${g}__label`),
+        htmlFor: d,
+        className: N(`${m}__label`),
         "data-testid": l("label"),
-        disabled: d.disabled,
-        children: `${d.required ? "* " : ""}${u}`
+        disabled: c.disabled,
+        children: `${c.required ? "* " : ""}${f}`
       }
     ),
-    /* @__PURE__ */ O("div", { className: A(`${g}__field-row`), children: [
-      /* @__PURE__ */ O("div", { className: F, children: [
-        !!$.length && /* @__PURE__ */ s(
+    /* @__PURE__ */ A("div", { className: N(`${m}__field-row`), children: [
+      !!i && i,
+      /* @__PURE__ */ A("div", { className: R, children: [
+        !!B.length && /* @__PURE__ */ s(
           "div",
           {
             "data-testid": l("start-adornments"),
-            className: A(`${g}__adornment-container`),
-            children: $
+            className: N(`${m}__adornment-container`),
+            children: B
           }
         ),
         /* @__PURE__ */ s(
           "input",
           {
-            ...d,
-            id: w,
-            ref: z,
+            ...c,
+            id: d,
+            ref: Q,
             "data-testid": l("input"),
-            "aria-describedby": d["aria-describedby"] || x,
-            "aria-invalid": d["aria-invalid"] || !!r,
-            className: A([
-              `${g}__input`,
+            "aria-describedby": c["aria-describedby"] || $,
+            "aria-invalid": c["aria-invalid"] || !!e,
+            className: N([
+              `${m}__input`,
               {
-                [`${g}__input--valid`]: c,
-                [`${g}__input--error`]: !!r
+                [`${m}__input--valid`]: b,
+                [`${m}__input--error`]: !!e
               }
             ])
           }
         ),
-        /* @__PURE__ */ s("div", { className: A(`${g}__frame`) }),
-        (!!B.length || o) && /* @__PURE__ */ O(
+        /* @__PURE__ */ s("div", { className: N(`${m}__frame`) }),
+        (!!L.length || r) && /* @__PURE__ */ A(
           "div",
           {
             "data-testid": l("end-adornments"),
-            className: A(`${g}__adornment-container`),
+            className: N(`${m}__adornment-container`),
             children: [
-              B,
-              o
+              L,
+              r
             ]
           }
         )
       ] }),
-      !!i && i
+      !!o && o
     ] }),
-    x && /* @__PURE__ */ s(ye, { "data-testid": l("helper-text"), id: x, children: e }),
-    r && /* @__PURE__ */ s(ge, { "data-testid": l("error-text"), children: r })
+    $ && /* @__PURE__ */ s(ye, { "data-testid": l("helper-text"), id: $, children: u }),
+    e && /* @__PURE__ */ s(ge, { "data-testid": l("error-text"), children: e })
   ] });
-}, Wr = P(nn);
-Wr.displayName = "TextField";
-const un = (t) => R(t) && t.type.displayName === Wr.displayName;
+}, Qr = O(nn);
+Qr.displayName = "TextField";
+const un = (t) => T(t) && t.type.displayName === Qr.displayName;
 function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -1354,7 +1356,7 @@ const pn = /* @__PURE__ */ an(on), sn = {
   "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"
-}, ln = (t) => J(t), cn = (t, a) => {
+}, ln = (t) => Y(t), cn = (t, a) => {
   const n = vt(
     (i) => {
       t && !t.contains(i.target) && a();
@@ -1373,57 +1375,57 @@ const pn = /* @__PURE__ */ an(on), sn = {
   id: r,
   listboxLabel: e,
   listboxMaxHeight: u,
-  onInputChange: v,
-  openOnFocus: b,
-  noOptionsText: y,
+  onInputChange: f,
+  openOnFocus: h,
+  noOptionsText: g,
   onSelect: j,
-  options: d,
-  selectedOption: f,
-  ["data-testid"]: S
+  options: x,
+  selectedOption: c,
+  ["data-testid"]: w
 }) => {
-  const [C, w] = ar(
-    ((typeof i == "string" ? i : n) || (f == null ? void 0 : f.label)) ?? ""
-  ), l = typeof i == "string" ? i : C, [c, x] = ar(a ? d[0] : void 0), $ = J(null), T = ln(null), k = J(null), z = J({}), [rr, B] = ar(!1);
-  function F(p) {
-    return S ? `${S}-${p}` : void 0;
+  const [P, M] = ar(
+    ((typeof i == "string" ? i : n) || (c == null ? void 0 : c.label)) ?? ""
+  ), d = typeof i == "string" ? i : P, [l, b] = ar(a ? x[0] : void 0), $ = Y(null), B = ln(null), E = Y(null), I = Y({}), [Q, rr] = ar(!1);
+  function L(p) {
+    return w ? `${w}-${p}` : void 0;
   }
-  const m = () => {
-    B(!1), x(void 0);
+  const R = () => {
+    rr(!1), b(void 0);
   };
-  cn(T.current, m);
-  const G = ({ eventType: p }) => {
-    B(!0), f && requestAnimationFrame(() => {
-      x({ ...f, isSetByClickEvent: p === "CLICK" }), nr(z.current[f.id]);
+  cn(B.current, R);
+  const v = ({ eventType: p }) => {
+    rr(!0), c && requestAnimationFrame(() => {
+      b({ ...c, isSetByClickEvent: p === "CLICK" }), nr(I.current[c.id]);
     });
   }, tt = (p) => {
     if (o)
-      return d.filter((h) => o(p, h));
+      return x.filter((y) => o(p, y));
     if (!p)
-      return d;
+      return x;
     const _ = p.toUpperCase().split(" ") || [];
-    return d.filter(
-      (h) => _.every(
-        (N) => (h.value || h.label).toUpperCase().includes(N)
+    return x.filter(
+      (y) => _.every(
+        (S) => (y.value || y.label).toUpperCase().includes(S)
       )
     );
-  }, dr = (p) => f && (f == null ? void 0 : f.label) === p ? d : tt(p), M = dr(l), er = (p) => {
-    v == null || v(p), w(p);
+  }, dr = (p) => c && (c == null ? void 0 : c.label) === p ? x : tt(p), C = dr(d), er = (p) => {
+    f == null || f(p), M(p);
   }, nr = (p) => {
     var _;
     if (p) {
-      const h = p.getBoundingClientRect(), N = ((_ = k.current) == null ? void 0 : _.getBoundingClientRect()) || { top: 0, bottom: 0 };
-      (h.top < N.top || h.bottom > N.bottom) && p.scrollIntoView({ block: "nearest" });
+      const y = p.getBoundingClientRect(), S = ((_ = E.current) == null ? void 0 : _.getBoundingClientRect()) || { top: 0, bottom: 0 };
+      (y.top < S.top || y.bottom > S.bottom) && p.scrollIntoView({ block: "nearest" });
     }
   }, _r = (p) => {
     var _;
-    p && ((_ = $.current) == null || _.focus(), er(p.label), j == null || j(p)), m();
+    p && ((_ = $.current) == null || _.focus(), er(p.label), j == null || j(p)), R();
   }, et = (p) => {
-    const _ = a && !c ? 0 : M.findIndex((N) => N && (c == null ? void 0 : c.id) === N.id), h = M.length;
-    return p === "ArrowDown" ? M[(_ ?? -1) + 1] || M[0] : M[(_ ?? h) - 1] || M[h - 1];
-  }, I = rr && (!!M.length || !!y), nt = (p) => {
-    !I && G({ eventType: "KEYBOARD" });
+    const _ = a && !l ? 0 : C.findIndex((S) => S && (l == null ? void 0 : l.id) === S.id), y = C.length;
+    return p === "ArrowDown" ? C[(_ ?? -1) + 1] || C[0] : C[(_ ?? y) - 1] || C[y - 1];
+  }, q = Q && (!!C.length || !!g), nt = (p) => {
+    !q && v({ eventType: "KEYBOARD" });
     const _ = et(p);
-    x(_), _ && nr(z.current[_.id]);
+    b(_), _ && nr(I.current[_.id]);
   }, ut = (p) => {
     switch (p.key) {
       case "ArrowUp":
@@ -1431,58 +1433,58 @@ const pn = /* @__PURE__ */ an(on), sn = {
         p.preventDefault(), nt(p.key);
         break;
       case "Enter": {
-        const _ = c || (a ? d[0] : void 0);
-        I && _r(_), !I && G({ eventType: "KEYBOARD" });
+        const _ = l || (a ? x[0] : void 0);
+        q && _r(_), !q && v({ eventType: "KEYBOARD" });
         break;
       }
       case "Escape":
       case "Tab":
-        m();
+        R();
         break;
     }
   }, at = (p) => {
     const _ = dr(p.target.value);
-    er(p.target.value), x(void 0), !I && G({ eventType: "KEYBOARD" }), a && _[0] && nr(z.current[_[0].id]);
+    er(p.target.value), b(void 0), !q && v({ eventType: "KEYBOARD" }), a && _[0] && nr(I.current[_[0].id]);
   }, it = () => {
-    I ? m() : G({ eventType: "CLICK" });
+    q ? R() : v({ eventType: "CLICK" });
   }, ot = () => {
     var p;
-    !rr && b && G({ eventType: "KEYBOARD" }), (p = $.current) == null || p.select();
+    !Q && h && v({ eventType: "KEYBOARD" }), (p = $.current) == null || p.select();
   }, pt = () => {
     t && setTimeout(() => {
       var p, _;
-      !((p = $.current) != null && p.contains(document.activeElement)) && !((_ = k.current) != null && _.contains(document.activeElement)) && er(f ? f.label : "");
+      !((p = $.current) != null && p.contains(document.activeElement)) && !((_ = E.current) != null && _.contains(document.activeElement)) && er(c ? c.label : "");
     });
   }, st = {
     maxHeight: typeof u == "number" ? `${u}px` : u
   }, fr = {
     "aria-label": e,
-    "aria-expanded": I,
-    "data-testid": F("listbox"),
+    "aria-expanded": q,
+    "data-testid": L("listbox"),
     id: `${r}-listbox`,
-    ref: k,
-    onMouseLeave: () => x(void 0),
+    ref: E,
+    onMouseLeave: () => b(void 0),
     style: u ? st : void 0
   }, vr = (p) => `${r}-listbox-item-${p.id}`, lt = (p, _) => {
-    const h = () => p.id !== (c == null ? void 0 : c.id) && x({ ...p, isSetByClickEvent: !0 }), N = (p.id === (c == null ? void 0 : c.id) || !!a && !c && _ === 0) && !(c != null && c.isSetByClickEvent);
+    const y = () => p.id !== (l == null ? void 0 : l.id) && b({ ...p, isSetByClickEvent: !0 }), S = (p.id === (l == null ? void 0 : l.id) || !!a && !l && _ === 0) && !(l != null && l.isSetByClickEvent);
     return {
-      "data-testid": F(`listbox-item-${p.id}`),
+      "data-testid": L(`listbox-item-${p.id}`),
       id: vr(p),
       key: p.id,
-      onMouseMove: h,
+      onMouseMove: y,
       onMouseUp: () => _r(p),
-      ref: (ur) => ur && (z.current[p.id] = ur),
+      ref: (ur) => ur && (I.current[p.id] = ur),
       tabIndex: -1,
-      selected: p.id === (f == null ? void 0 : f.id),
+      selected: p.id === (c == null ? void 0 : c.id),
       disabled: p.disabled,
-      highlighted: N,
-      hovered: p.id === (c == null ? void 0 : c.id) && !!(c != null && c.isSetByClickEvent)
+      highlighted: S,
+      hovered: p.id === (l == null ? void 0 : l.id) && !!(l != null && l.isSetByClickEvent)
     };
   }, ct = {
-    "aria-activedescendant": c ? vr(c) : void 0,
+    "aria-activedescendant": l ? vr(l) : void 0,
     "aria-autocomplete": "list",
     "aria-controls": fr.id,
-    "data-testid": F("input"),
+    "data-testid": L("input"),
     autoComplete: "off",
     id: `${r}-input`,
     onChange: at,
@@ -1492,46 +1494,46 @@ const pn = /* @__PURE__ */ an(on), sn = {
     onBlur: pt,
     ref: $,
     role: "combobox",
-    value: l
+    value: d
   };
   return {
     id: r,
     inputProps: ct,
-    internalRef: T,
-    optionsToShow: M,
-    showListbox: I,
-    noOptionsText: y,
+    internalRef: B,
+    optionsToShow: C,
+    showListbox: q,
+    noOptionsText: g,
     combobox: t,
     getListBoxItemProps: lt,
     listboxProps: fr
   };
-}, tr = pn.bind(sn), Y = "purpur-autocomplete", _n = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
+}, tr = pn.bind(sn), U = "purpur-autocomplete", _n = ({ className: t, renderInput: a, renderOption: n, ...i }, o) => {
   const {
     id: r,
     inputProps: e,
     internalRef: u,
-    optionsToShow: v,
-    showListbox: b,
-    noOptionsText: y,
+    optionsToShow: f,
+    showListbox: h,
+    noOptionsText: g,
     combobox: j,
-    getListBoxItemProps: d,
-    listboxProps: f
-  } = dn(i), S = (l, c) => {
-    const { key: x, ...$ } = d(l, c);
-    return /* @__PURE__ */ s(Q.Item, { ...$, children: n ? n == null ? void 0 : n(l) : l.label }, x);
-  }, C = (l) => {
-    u.current = l, typeof o == "function" ? o(l) : o && (o.current = l);
-  }, w = () => {
-    const l = a(e);
-    if (j && y && l && un(l)) {
-      const x = /* @__PURE__ */ O(dt, { children: [
-        l.props.endAdornment,
+    getListBoxItemProps: x,
+    listboxProps: c
+  } = dn(i), w = (d, l) => {
+    const { key: b, ...$ } = x(d, l);
+    return /* @__PURE__ */ s(J.Item, { ...$, children: n ? n == null ? void 0 : n(d) : d.label }, b);
+  }, P = (d) => {
+    u.current = d, typeof o == "function" ? o(d) : o && (o.current = d);
+  }, M = () => {
+    const d = a(e);
+    if (j && g && d && un(d)) {
+      const b = /* @__PURE__ */ A(dt, { children: [
+        d.props.endAdornment,
         /* @__PURE__ */ s(
           "button",
           {
             "data-testid": "chevron button",
             type: "button",
-            className: tr(`${Y}__chevron-button`),
+            className: tr(`${U}__chevron-button`),
             onClick: () => {
               e.onFocus(), e.onMouseDown();
             },
@@ -1540,23 +1542,23 @@ const pn = /* @__PURE__ */ an(on), sn = {
               Pr,
               {
                 size: "sm",
-                className: tr(`${Y}__chevron-icon`, {
-                  [`${Y}__chevron-icon--up`]: b
+                className: tr(`${U}__chevron-icon`, {
+                  [`${U}__chevron-icon--up`]: h
                 })
               }
             )
           }
         )
       ] });
-      return sr(l, { endAdornment: x });
+      return sr(d, { endAdornment: b });
     }
-    return l;
+    return d;
   };
-  return /* @__PURE__ */ O("div", { id: r, ref: C, className: tr([t, Y]), children: [
-    w(),
-    b && /* @__PURE__ */ s(Q, { ...f, className: tr(`${Y}__listbox`), children: v.length ? v.filter((l) => !!l).map(S) : /* @__PURE__ */ s(Q.Item, { noninteractive: !0, children: y }) })
+  return /* @__PURE__ */ A("div", { id: r, ref: P, className: tr([t, U]), children: [
+    M(),
+    h && /* @__PURE__ */ s(J, { ...c, className: tr(`${U}__listbox`), children: f.length ? f.filter((d) => !!d).map(w) : /* @__PURE__ */ s(J.Item, { noninteractive: !0, children: g }) })
   ] });
-}, fn = P(_n);
+}, fn = O(_n);
 fn.displayName = "Autocomplete";
 export {
   fn as Autocomplete,