@purpurds/quantity-selector 6.12.5 → 7.1.0

package/dist/quantity-selector.es.js

@@ -1,8 +1,8 @@
-import { jsx as p, jsxs as z, Fragment as Tr } from "react/jsx-runtime";
+import { jsx as o, jsxs as N, Fragment as Tr } from "react/jsx-runtime";
 import * as _ from "react";
 import { forwardRef as Q, useId as ut, useRef as it, useState as nr, useEffect as ur } from "react";
 import "react-dom";
-function at(t) {
+function pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ir = { exports: {} };
@@ -11,19 +11,19 @@ var ir = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ar;
-function ot() {
-  return ar || (ar = 1, function(t) {
+var pr;
+function at() {
+  return pr || (pr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o(u)));
+          u && (r = p(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -34,49 +34,49 @@ function ot() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, u));
+          i.call(r, u) && r[u] && (e = p(e, u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(ir)), ir.exports;
 }
-var pt = ot();
-const or = /* @__PURE__ */ at(pt), st = "_rotate_1xozj_1", lt = "_dash_1xozj_1", F = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: st,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
-  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: lt,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, I = "purpur-spinner", ct = {
+var ot = at();
+const ar = /* @__PURE__ */ pt(ot), lt = "_rotate_12t9p_1", st = "_dash_12t9p_1", I = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
+  rotate: lt,
+  "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: st,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, L = "purpur-spinner", ct = {
   SM: "sm"
 }, _t = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: o = ct.SM,
-  ...a
-}) => /* @__PURE__ */ p(
+  size: a = ct.SM,
+  ...p
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: or([F[I], F[`${I}--${o}`]]),
+    className: ar([I[L], I[`${L}--${a}`]]),
     "data-testid": t,
-    ...a,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: or(F[`${I}__circle`], {
-          [F[`${I}__circle--disabled`]]: i,
-          [F[`${I}__circle--negative`]]: n
+        className: ar(I[`${L}__circle`], {
+          [I[`${L}__circle--disabled`]]: i,
+          [I[`${L}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -90,25 +90,25 @@ const or = /* @__PURE__ */ at(pt), st = "_rotate_1xozj_1", lt = "_dash_1xozj_1",
 function ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var pr = { exports: {} };
+var or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var sr;
+var lr;
 function vt() {
-  return sr || (sr = 1, function(t) {
+  return lr || (lr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o(u)));
+          u && (r = p(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -119,49 +119,49 @@ function vt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, u));
+          i.call(r, u) && r[u] && (e = p(e, u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(pr)), pr.exports;
+  }(or)), or.exports;
 }
 var gt = vt();
-const lr = /* @__PURE__ */ ft(gt), bt = "_rotate_1xozj_1", xt = "_dash_1xozj_1", L = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
+const sr = /* @__PURE__ */ ft(gt), bt = "_rotate_12t9p_1", mt = "_dash_12t9p_1", E = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: bt,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
-  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: xt,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, E = "purpur-spinner", yt = {
+  "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: mt,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, F = "purpur-spinner", yt = {
   SM: "sm"
-}, mt = ({
+}, xt = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: o = yt.SM,
-  ...a
-}) => /* @__PURE__ */ p(
+  size: a = yt.SM,
+  ...p
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: lr([L[E], L[`${E}--${o}`]]),
+    className: sr([E[F], E[`${F}--${a}`]]),
     "data-testid": t,
-    ...a,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: lr(L[`${E}__circle`], {
-          [L[`${E}__circle--disabled`]]: i,
-          [L[`${E}__circle--negative`]]: n
+        className: sr(E[`${F}__circle`], {
+          [E[`${F}__circle--disabled`]]: i,
+          [E[`${F}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -187,11 +187,11 @@ function wt() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -202,10 +202,10 @@ function wt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -213,7 +213,7 @@ function wt() {
   }(cr)), cr.exports;
 }
 var $t = wt();
-const jt = /* @__PURE__ */ ht($t), qt = {
+const qt = /* @__PURE__ */ ht($t), St = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -235,59 +235,59 @@ const jt = /* @__PURE__ */ ht($t), qt = {
   "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"
-}, St = jt.bind(qt), M = "purpur-button", zt = ({
+}, Nt = qt.bind(St), P = "purpur-button", Ot = ({
   children: t,
   className: i,
   ["data-testid"]: n,
-  disabled: o = !1,
-  fullWidth: a = !1,
+  disabled: a = !1,
+  fullWidth: p = !1,
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
   onClick: f,
   size: b = "md",
   variant: v,
-  type: O = "button",
+  type: j = "button",
   ...$
-}, s) => {
+}, l) => {
   if (r && v === "destructive")
     return null;
-  const h = St(
+  const h = Nt(
     [
-      M,
-      `${M}--${u ? `${v}-negative` : v}`,
-      `${M}--${b}`
+      P,
+      `${P}--${u ? `${v}-negative` : v}`,
+      `${P}--${b}`
     ],
     {
-      [`${M}--icon-only`]: r,
-      [`${M}--negative`]: u,
-      [`${M}--full-width`]: a,
-      [`${M}--disabled`]: o || e
+      [`${P}--icon-only`]: r,
+      [`${P}--negative`]: u,
+      [`${P}--full-width`]: p,
+      [`${P}--disabled`]: a || e
     },
     i
-  ), j = (x) => {
-    o || e ? x.preventDefault() : f && f(x);
-  }, y = !!$["aria-disabled"] || o || e;
-  return /* @__PURE__ */ z(
+  ), q = (m) => {
+    a || e ? m.preventDefault() : f && f(m);
+  }, y = !!$["aria-disabled"] || a || e;
+  return /* @__PURE__ */ N(
     "button",
     {
       className: h,
       "data-testid": n,
-      type: O,
-      ref: s,
+      type: j,
+      ref: l,
       "aria-disabled": y,
-      onClick: j,
+      onClick: q,
       ...$,
       children: [
-        e && /* @__PURE__ */ p(mt, { size: b === dt.LG ? "xs" : "xxs", negative: u, disabled: y }),
+        e && /* @__PURE__ */ o(xt, { size: b === dt.LG ? "xs" : "xxs", negative: u, disabled: y }),
         " ",
         t
       ]
     }
   );
-}, Gr = Q(zt);
-Gr.displayName = "Button";
-function Ot(t) {
+}, Wr = Q(Ot);
+Wr.displayName = "Button";
+function jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var dr = { exports: {} };
@@ -297,18 +297,18 @@ var dr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var fr;
-function Nt() {
+function At() {
   return fr || (fr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -319,18 +319,18 @@ function Nt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(dr)), dr.exports;
 }
-var At = Nt();
-const Mt = /* @__PURE__ */ Ot(At), Pt = {
+var Mt = At();
+const Pt = /* @__PURE__ */ jt(Mt), kt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -338,30 +338,29 @@ const Mt = /* @__PURE__ */ Ot(At), Pt = {
   "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 = Mt.bind(Pt), vr = "purpur-icon", Ct = "md", Bt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Rt = ({ content: t = "", title: i } = {}) => {
+}, Ct = Pt.bind(kt), vr = "purpur-icon", zt = "md", Bt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Rt = ({ content: t = "", title: i } = {}) => {
   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" }
-  ], o = i ? `<title>${i}</title>` : "";
-  return `<svg ${Bt(n)}>${o}${t}</svg>`;
-}, Dt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Wr = ({
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${Bt(n)}>${a}${t}</svg>`;
+}, Dt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
-  className: o,
-  size: a = Ct,
+  className: a,
+  size: p = zt,
   ...r
 }) => {
   const e = Rt({
     content: Dt(i.svg),
     title: n
-  }), u = kt(o, vr, `${vr}--${a}`);
-  return /* @__PURE__ */ p(
+  }), u = Ct(a, vr, `${vr}--${p}`);
+  return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -369,14 +368,14 @@ const Mt = /* @__PURE__ */ Ot(At), Pt = {
     }
   );
 };
-Wr.displayName = "Icon";
-const Ft = {
+Gr.displayName = "Icon";
+const It = {
   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 It(t) {
+function Lt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var gr = { exports: {} };
@@ -386,18 +385,18 @@ var gr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var br;
-function Lt() {
+function Et() {
   return br || (br = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o(u)));
+          u && (r = p(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -408,34 +407,34 @@ function Lt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, u));
+          i.call(r, u) && r[u] && (e = p(e, u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(gr)), gr.exports;
 }
-var Et = Lt();
-const Vt = /* @__PURE__ */ It(Et), xr = {
+var Ft = Et();
+const Vt = /* @__PURE__ */ Lt(Ft), mr = {
   "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
 }, yr = "purpur-field-error-text", Zt = ({
   children: t,
   className: i,
-  relevant: n = "additions text",
-  ...o
-}) => /* @__PURE__ */ z(
+  ["aria-relevant"]: n = "additions text",
+  ...a
+}) => /* @__PURE__ */ N(
   "div",
   {
-    className: Vt([i, xr[yr]]),
+    className: Vt([i, mr[yr]]),
     "aria-live": "assertive",
     "aria-relevant": n,
-    ...o,
+    ...a,
     children: [
-      /* @__PURE__ */ p(Wr, { svg: Ft, size: "xs", className: xr[`${yr}__icon`] }),
+      /* @__PURE__ */ o(Gr, { svg: It, size: "xs", className: mr[`${yr}__icon`] }),
       t
     ]
   }
@@ -443,7 +442,7 @@ const Vt = /* @__PURE__ */ It(Et), xr = {
 function Ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var mr = { exports: {} };
+var xr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -457,11 +456,11 @@ function Tt() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o(u)));
+          u && (r = p(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -472,58 +471,58 @@ function Tt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, u));
+          i.call(r, u) && r[u] && (e = p(e, u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(mr)), mr.exports;
+  }(xr)), xr.exports;
 }
-var Gt = Tt();
-const Wt = /* @__PURE__ */ Ht(Gt), wr = {
+var Wt = Tt();
+const Gt = /* @__PURE__ */ Ht(Wt), wr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
 }, $r = "purpur-field-helper-text", Qt = ({
   children: t,
   className: i,
   disabled: n,
-  id: o,
-  ...a
+  id: a,
+  ...p
 }) => {
-  const r = Wt([
+  const r = Gt([
     i,
     wr[$r],
     {
       [wr[`${$r}--disabled`]]: n
     }
   ]);
-  return /* @__PURE__ */ p("span", { id: o, className: r, ...a, children: t });
+  return /* @__PURE__ */ o("span", { id: a, className: r, ...p, children: t });
 };
 function Ut(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var qr;
+var Sr;
 function Xt() {
-  return qr || (qr = 1, function(t) {
+  return Sr || (Sr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -534,15 +533,15 @@ function Xt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(jr)), jr.exports;
+  }(qr)), qr.exports;
 }
 var Yt = Xt();
 const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
@@ -553,30 +552,29 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, re = Jt.bind(Kt), Sr = "purpur-icon", te = "md", ee = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ne = ({ content: t = "", title: i } = {}) => {
+}, re = Jt.bind(Kt), Nr = "purpur-icon", te = "md", ee = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ne = ({ content: t = "", title: i } = {}) => {
   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" }
-  ], o = i ? `<title>${i}</title>` : "";
-  return `<svg ${ee(n)}>${o}${t}</svg>`;
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${ee(n)}>${a}${t}</svg>`;
 }, ue = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
-  className: o,
-  size: a = te,
+  className: a,
+  size: p = te,
   ...r
 }) => {
   const e = ne({
     content: ue(i.svg),
     title: n
-  }), u = re(o, Sr, `${Sr}--${a}`);
-  return /* @__PURE__ */ p(
+  }), u = re(a, Nr, `${Nr}--${p}`);
+  return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -590,72 +588,72 @@ const ie = {
   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"
-}, Qr = (t) => /* @__PURE__ */ p(rr, { ...t, svg: ie });
+}, Qr = (t) => /* @__PURE__ */ o(rr, { ...t, svg: ie });
 Qr.displayName = "IconCheckCircleFilled";
-const ae = {
+const pe = {
   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"
-}, Ur = (t) => /* @__PURE__ */ p(rr, { ...t, svg: ae });
+}, Ur = (t) => /* @__PURE__ */ o(rr, { ...t, svg: pe });
 Ur.displayName = "IconClose";
-function zr(t, i) {
+function Or(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
 }
-function oe(...t) {
+function ae(...t) {
   return (i) => {
     let n = !1;
-    const o = t.map((a) => {
-      const r = zr(a, i);
+    const a = t.map((p) => {
+      const r = Or(p, i);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let a = 0; a < o.length; a++) {
-          const r = o[a];
-          typeof r == "function" ? r() : zr(t[a], null);
+        for (let p = 0; p < a.length; p++) {
+          const r = a[p];
+          typeof r == "function" ? r() : Or(t[p], null);
         }
       };
   };
 }
 var Xr = _.forwardRef((t, i) => {
-  const { children: n, ...o } = t, a = _.Children.toArray(n), r = a.find(se);
+  const { children: n, ...a } = t, p = _.Children.toArray(n), r = p.find(le);
   if (r) {
-    const e = r.props.children, u = a.map((f) => f === r ? _.Children.count(e) > 1 ? _.Children.only(null) : _.isValidElement(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ p(K, { ...o, ref: i, children: _.isValidElement(e) ? _.cloneElement(e, void 0, u) : null });
+    const e = r.props.children, u = p.map((f) => f === r ? _.Children.count(e) > 1 ? _.Children.only(null) : _.isValidElement(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ o(K, { ...a, ref: i, children: _.isValidElement(e) ? _.cloneElement(e, void 0, u) : null });
   }
-  return /* @__PURE__ */ p(K, { ...o, ref: i, children: n });
+  return /* @__PURE__ */ o(K, { ...a, ref: i, children: n });
 });
 Xr.displayName = "Slot";
 var K = _.forwardRef((t, i) => {
-  const { children: n, ...o } = t;
+  const { children: n, ...a } = t;
   if (_.isValidElement(n)) {
-    const a = ce(n), r = le(o, n.props);
-    return n.type !== _.Fragment && (r.ref = i ? oe(i, a) : a), _.cloneElement(n, r);
+    const p = ce(n), r = se(a, n.props);
+    return n.type !== _.Fragment && (r.ref = i ? ae(i, p) : p), _.cloneElement(n, r);
   }
   return _.Children.count(n) > 1 ? _.Children.only(null) : null;
 });
 K.displayName = "SlotClone";
-var pe = ({ children: t }) => /* @__PURE__ */ p(Tr, { children: t });
-function se(t) {
-  return _.isValidElement(t) && t.type === pe;
+var oe = ({ children: t }) => /* @__PURE__ */ o(Tr, { children: t });
+function le(t) {
+  return _.isValidElement(t) && t.type === oe;
 }
-function le(t, i) {
+function se(t, i) {
   const n = { ...i };
-  for (const o in i) {
-    const a = t[o], r = i[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(" "));
+  for (const a in i) {
+    const p = t[a], r = i[a];
+    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...e) => {
+      r(...e), p(...e);
+    } : p && (n[a] = p) : a === "style" ? n[a] = { ...p, ...r } : a === "className" && (n[a] = [p, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
 }
 function ce(t) {
   var i, n;
-  let o = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.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);
+  let a = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, p = a && "isReactWarning" in a && a.isReactWarning;
+  return p ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, p = a && "isReactWarning" in a && a.isReactWarning, p ? t.props.ref : t.props.ref || t.ref);
 }
 var _e = [
   "a",
@@ -675,19 +673,19 @@ var _e = [
   "svg",
   "ul"
 ], de = _e.reduce((t, i) => {
-  const n = _.forwardRef((o, a) => {
-    const { asChild: r, ...e } = o, u = r ? Xr : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(u, { ...e, ref: a });
+  const n = _.forwardRef((a, p) => {
+    const { asChild: r, ...e } = a, u = r ? Xr : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(u, { ...e, ref: p });
   });
   return n.displayName = `Primitive.${i}`, { ...t, [i]: n };
-}, {}), fe = "Label", Yr = _.forwardRef((t, i) => /* @__PURE__ */ p(
+}, {}), fe = "Label", Yr = _.forwardRef((t, i) => /* @__PURE__ */ o(
   de.label,
   {
     ...t,
     ref: i,
     onMouseDown: (n) => {
-      var o;
-      n.target.closest("button, input, select, textarea") || ((o = t.onMouseDown) == null || o.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      var a;
+      n.target.closest("button, input, select, textarea") || ((a = t.onMouseDown) == null || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
@@ -696,25 +694,25 @@ var ve = Yr;
 function ge(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Or = { exports: {} };
+var jr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Nr;
+var Ar;
 function be() {
-  return Nr || (Nr = 1, function(t) {
+  return Ar || (Ar = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o(u)));
+          u && (r = p(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -725,61 +723,60 @@ function be() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, u));
+          i.call(r, u) && r[u] && (e = p(e, u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Or)), Or.exports;
+  }(jr)), jr.exports;
 }
-var xe = be();
-const ye = /* @__PURE__ */ ge(xe), X = {
+var me = be();
+const ye = /* @__PURE__ */ ge(me), X = {
   "purpur-label": "_purpur-label_1jndl_1",
   "purpur-label--negative": "_purpur-label--negative_1jndl_8",
   "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
-}, Y = "purpur-label", me = ({
+}, Y = "purpur-label", xe = ({
   children: t,
   className: i,
-  htmlFor: n,
-  disabled: o,
+  disabled: n,
   negative: a = !1,
-  ...r
+  ...p
 }) => {
-  const e = ye([
+  const r = ye([
     i,
     X[Y],
     {
-      [X[`${Y}--disabled`]]: o,
+      [X[`${Y}--disabled`]]: n,
       [X[`${Y}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ p(ve, { className: e, htmlFor: n, ...r, children: t });
+  return /* @__PURE__ */ o(ve, { className: r, ...p, children: t });
 };
 function he(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ar = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Mr;
+var Pr;
 function we() {
-  return Mr || (Mr = 1, function(t) {
+  return Pr || (Pr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o(u)));
+          u && (r = p(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -790,47 +787,47 @@ function we() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, u));
+          i.call(r, u) && r[u] && (e = p(e, u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ar)), Ar.exports;
+  }(Mr)), Mr.exports;
 }
 var $e = we();
-const Pr = /* @__PURE__ */ he($e), je = "_rotate_1xozj_1", qe = "_dash_1xozj_1", V = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: je,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
-  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: qe,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, Z = "purpur-spinner", Se = {
+const kr = /* @__PURE__ */ he($e), qe = "_rotate_12t9p_1", Se = "_dash_12t9p_1", V = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
+  rotate: qe,
+  "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: Se,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
+}, Z = "purpur-spinner", Ne = {
   SM: "sm"
-}, ze = ({
+}, Oe = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: o = Se.SM,
-  ...a
-}) => /* @__PURE__ */ p(
+  size: a = Ne.SM,
+  ...p
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: Pr([V[Z], V[`${Z}--${o}`]]),
+    className: kr([V[Z], V[`${Z}--${a}`]]),
     "data-testid": t,
-    ...a,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: Pr(V[`${Z}__circle`], {
+        className: kr(V[`${Z}__circle`], {
           [V[`${Z}__circle--disabled`]]: i,
           [V[`${Z}__circle--negative`]]: n
         }),
@@ -841,28 +838,28 @@ const Pr = /* @__PURE__ */ he($e), je = "_rotate_1xozj_1", qe = "_dash_1xozj_1",
     ) })
   }
 );
-function Oe(t) {
+function je(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Cr;
-function Ne() {
-  return Cr || (Cr = 1, function(t) {
+var zr;
+function Ae() {
+  return zr || (zr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -873,143 +870,146 @@ function Ne() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(kr)), kr.exports;
+  }(Cr)), Cr.exports;
 }
-var Ae = Ne();
-const Me = /* @__PURE__ */ Oe(Ae), Pe = {
-  "purpur-text-field": "_purpur-text-field_1k23z_1",
-  "purpur-text-field__label": "_purpur-text-field__label_1k23z_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_1k23z_13",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_1k23z_16",
-  "purpur-text-field__frame": "_purpur-text-field__frame_1k23z_20",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_1k23z_27",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1k23z_38",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1k23z_41",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1k23z_44",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1k23z_47",
-  "purpur-text-field__input": "_purpur-text-field__input_1k23z_27",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1k23z_53",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1k23z_95",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_1k23z_95",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1k23z_107",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1k23z_112"
-}, ke = (t) => it(t), q = Me.bind(Pe), c = "purpur-text-field", Ce = ({
+var Me = Ae();
+const Pe = /* @__PURE__ */ je(Me), ke = {
+  "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",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_3gl1k_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_3gl1k_19",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_3gl1k_26",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_3gl1k_37",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_3gl1k_40",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_3gl1k_43",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_3gl1k_46",
+  "purpur-text-field__input": "_purpur-text-field__input_3gl1k_26",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_3gl1k_52",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_3gl1k_94",
+  "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"
+}, Ce = (t) => it(t), S = Pe.bind(ke), c = "purpur-text-field", ze = ({
   ["data-testid"]: t,
   className: i,
-  clearButtonAllyLabel: n,
-  beforeField: o,
-  afterField: a,
+  clearButtonAriaLabel: n,
+  beforeField: a,
+  afterField: p,
   endAdornment: r,
   errorText: e,
   helperText: u,
   label: f,
   loading: b = !1,
   onClear: v,
-  startAdornment: O,
+  startAdornment: j,
   valid: $ = !1,
-  ...s
+  ...l
 }, h) => {
-  var j;
-  const y = ut(), x = s.id ?? y, l = (d) => t ? `${t}-${d}` : void 0, S = $ && !e, k = u ? `${x}-helper-text` : void 0, m = [O].filter((d) => !!d), C = (typeof s.value == "number" ? s.value !== void 0 : (j = s.value) == null ? void 0 : j.length) && !s.disabled && !s.readOnly && !b && v && n, B = ke(null), N = (d) => {
+  var q;
+  const y = ut(), m = l.id ?? y, s = (d) => t ? `${t}-${d}` : void 0, O = $ && !e, C = u ? `${m}-helper-text` : void 0, x = [j].filter((d) => !!d), z = (typeof l.value == "number" ? l.value !== void 0 : (q = l.value) == null ? void 0 : q.length) && !l.disabled && !l.readOnly && !b && v && n, B = Ce(null), A = (d) => {
     B.current = d, typeof h == "function" ? h(d) : h && (h.current = d);
-  }, A = () => {
+  }, M = () => {
     var d;
     v == null || v(), (d = B.current) == null || d.focus();
   }, D = [
-    b && /* @__PURE__ */ p(
-      ze,
+    b && /* @__PURE__ */ o(
+      Oe,
       {
-        disabled: s.disabled,
+        disabled: l.disabled,
         size: "xs",
-        "data-testid": l("spinner")
+        "data-testid": s("spinner")
       },
       "spinner"
     ),
-    C && /* @__PURE__ */ p(
-      Gr,
+    z && /* @__PURE__ */ o(
+      Wr,
       {
         variant: "tertiary-purple",
-        onClick: A,
+        onClick: M,
         iconOnly: !0,
         "aria-label": n ?? "",
-        "data-testid": l("clear-button"),
+        "data-testid": s("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ p(Ur, { size: "xs" })
+        children: /* @__PURE__ */ o(Ur, { size: "xs" })
       },
       "clear-button"
     ),
-    S && /* @__PURE__ */ p(
+    O && /* @__PURE__ */ o(
       Qr,
       {
-        "data-testid": l("valid-icon"),
-        className: q(`${c}__valid-icon`)
+        "data-testid": s("valid-icon"),
+        className: S(`${c}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((d) => !!d), U = q([
+  ].filter((d) => !!d), U = S([
     `${c}__input-container`,
     {
-      [`${c}__input-container--start-adornment`]: m.length,
+      [`${c}__input-container--start-adornment`]: x.length,
       [`${c}__input-container--end-adornment`]: D.length || r,
-      [`${c}__input-container--disabled`]: s.disabled,
-      [`${c}__input-container--has-clear-button`]: C,
-      [`${c}__input-container--readonly`]: s.readOnly && !s.disabled
+      [`${c}__input-container--disabled`]: l.disabled,
+      [`${c}__input-container--has-clear-button`]: z,
+      [`${c}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
-  return /* @__PURE__ */ z("div", { className: q(i, c), children: [
-    f && /* @__PURE__ */ p(
-      me,
+  return /* @__PURE__ */ N("div", { className: S(i, c), children: [
+    f && /* @__PURE__ */ N(
+      xe,
       {
-        htmlFor: x,
-        className: q(`${c}__label`),
-        "data-testid": l("label"),
-        disabled: s.disabled,
-        children: `${s.required ? "* " : ""}${f}`
+        htmlFor: m,
+        className: S(`${c}__label`),
+        "data-testid": s("label"),
+        disabled: l.disabled,
+        children: [
+          l.required && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
+          f
+        ]
       }
     ),
-    /* @__PURE__ */ z("div", { className: q(`${c}__field-row`), children: [
-      !!o && o,
-      /* @__PURE__ */ z("div", { className: U, children: [
-        !!m.length && /* @__PURE__ */ p(
+    /* @__PURE__ */ N("div", { className: S(`${c}__field-row`), children: [
+      !!a && a,
+      /* @__PURE__ */ N("div", { className: U, children: [
+        !!x.length && /* @__PURE__ */ o(
           "div",
           {
-            "data-testid": l("start-adornments"),
-            className: q(`${c}__adornment-container`),
-            children: m
+            "data-testid": s("start-adornments"),
+            className: S(`${c}__adornment-container`),
+            children: x
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ o(
           "input",
           {
-            ...s,
-            id: x,
-            ref: N,
-            "data-testid": l("input"),
-            "aria-describedby": s["aria-describedby"] || k,
-            "aria-invalid": s["aria-invalid"] || !!e,
-            className: q([
+            ...l,
+            id: m,
+            ref: A,
+            "data-testid": s("input"),
+            "aria-describedby": l["aria-describedby"] || C,
+            "aria-invalid": l["aria-invalid"] || !!e,
+            className: S([
               `${c}__input`,
               {
-                [`${c}__input--valid`]: S,
+                [`${c}__input--valid`]: O,
                 [`${c}__input--error`]: !!e
               }
             ])
           }
         ),
-        /* @__PURE__ */ p("div", { className: q(`${c}__frame`) }),
-        (!!D.length || r) && /* @__PURE__ */ z(
+        /* @__PURE__ */ o("div", { className: S(`${c}__frame`) }),
+        (!!D.length || r) && /* @__PURE__ */ N(
           "div",
           {
-            "data-testid": l("end-adornments"),
-            className: q(`${c}__adornment-container`),
+            "data-testid": s("end-adornments"),
+            className: S(`${c}__adornment-container`),
             children: [
               D,
               r
@@ -1017,12 +1017,12 @@ const Me = /* @__PURE__ */ Oe(Ae), Pe = {
           }
         )
       ] }),
-      !!a && a
+      !!p && p
     ] }),
-    k && /* @__PURE__ */ p(Qt, { "data-testid": l("helper-text"), id: k, children: u }),
-    e && /* @__PURE__ */ p(Zt, { "data-testid": l("error-text"), children: e })
+    C && /* @__PURE__ */ o(Qt, { "data-testid": s("helper-text"), id: C, children: u }),
+    e && /* @__PURE__ */ o(Zt, { "data-testid": s("error-text"), children: e })
   ] });
-}, Jr = Q(Ce);
+}, Jr = Q(ze);
 Jr.displayName = "TextField";
 function Be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -1041,11 +1041,11 @@ function Re() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1056,10 +1056,10 @@ function Re() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -1067,7 +1067,7 @@ function Re() {
   }(J)), J.exports;
 }
 var De = Re();
-const Kr = /* @__PURE__ */ Be(De), Fe = {
+const Kr = /* @__PURE__ */ Be(De), Ie = {
   "purpur-quantity-selector": "_purpur-quantity-selector_lzxe3_1",
   "purpur-quantity-selector--full-width": "_purpur-quantity-selector--full-width_lzxe3_21",
   "purpur-quantity-selector--loading": "_purpur-quantity-selector--loading_lzxe3_27",
@@ -1078,10 +1078,10 @@ const Kr = /* @__PURE__ */ Be(De), Fe = {
   "purpur-quantity-selector__spinner": "_purpur-quantity-selector__spinner_lzxe3_46",
   "purpur-quantity-selector__spinner--full-width": "_purpur-quantity-selector__spinner--full-width_lzxe3_53",
   "purpur-quantity-selector__spinner--separated": "_purpur-quantity-selector__spinner--separated_lzxe3_57"
-}, Ie = {
+}, Le = {
   LG: "lg"
 };
-function Le(t) {
+function Ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Rr = { exports: {} };
@@ -1091,18 +1091,18 @@ var Rr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Dr;
-function Ee() {
+function Fe() {
   return Dr || (Dr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o(u)));
+          u && (r = p(r, a(u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -1113,47 +1113,47 @@ function Ee() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, u));
+          i.call(r, u) && r[u] && (e = p(e, u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   }(Rr)), Rr.exports;
 }
-var Ve = Ee();
-const Fr = /* @__PURE__ */ Le(Ve), Ze = "_rotate_1xozj_1", He = "_dash_1xozj_1", H = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
+var Ve = Fe();
+const Ir = /* @__PURE__ */ Ee(Ve), Ze = "_rotate_12t9p_1", He = "_dash_12t9p_1", H = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Ze,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
-  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  "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: He,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
 }, T = "purpur-spinner", Te = {
   SM: "sm"
-}, Ge = ({
+}, We = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: o = Te.SM,
-  ...a
-}) => /* @__PURE__ */ p(
+  size: a = Te.SM,
+  ...p
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: Fr([H[T], H[`${T}--${o}`]]),
+    className: Ir([H[T], H[`${T}--${a}`]]),
     "data-testid": t,
-    ...a,
-    children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: Fr(H[`${T}__circle`], {
+        className: Ir(H[`${T}__circle`], {
           [H[`${T}__circle--disabled`]]: i,
           [H[`${T}__circle--negative`]]: n
         }),
@@ -1164,28 +1164,28 @@ const Fr = /* @__PURE__ */ Le(Ve), Ze = "_rotate_1xozj_1", He = "_dash_1xozj_1",
     ) })
   }
 );
-function We(t) {
+function Ge(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var Lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Lr;
+var Er;
 function Qe() {
-  return Lr || (Lr = 1, function(t) {
+  return Er || (Er = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1196,18 +1196,18 @@ function Qe() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Ir)), Ir.exports;
+  }(Lr)), Lr.exports;
 }
 var Ue = Qe();
-const Xe = /* @__PURE__ */ We(Ue), Ye = {
+const Xe = /* @__PURE__ */ Ge(Ue), Ye = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1229,51 +1229,51 @@ const Xe = /* @__PURE__ */ We(Ue), Ye = {
   "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"
-}, Je = Xe.bind(Ye), P = "purpur-button", Ke = ({
+}, Je = Xe.bind(Ye), k = "purpur-button", Ke = ({
   children: t,
   className: i,
   ["data-testid"]: n,
-  disabled: o = !1,
-  fullWidth: a = !1,
+  disabled: a = !1,
+  fullWidth: p = !1,
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
   onClick: f,
   size: b = "md",
   variant: v,
-  type: O = "button",
+  type: j = "button",
   ...$
-}, s) => {
+}, l) => {
   if (r && v === "destructive")
     return null;
   const h = Je(
     [
-      P,
-      `${P}--${u ? `${v}-negative` : v}`,
-      `${P}--${b}`
+      k,
+      `${k}--${u ? `${v}-negative` : v}`,
+      `${k}--${b}`
     ],
     {
-      [`${P}--icon-only`]: r,
-      [`${P}--negative`]: u,
-      [`${P}--full-width`]: a,
-      [`${P}--disabled`]: o || e
+      [`${k}--icon-only`]: r,
+      [`${k}--negative`]: u,
+      [`${k}--full-width`]: p,
+      [`${k}--disabled`]: a || e
     },
     i
-  ), j = (x) => {
-    o || e ? x.preventDefault() : f && f(x);
-  }, y = !!$["aria-disabled"] || o || e;
-  return /* @__PURE__ */ z(
+  ), q = (m) => {
+    a || e ? m.preventDefault() : f && f(m);
+  }, y = !!$["aria-disabled"] || a || e;
+  return /* @__PURE__ */ N(
     "button",
     {
       className: h,
       "data-testid": n,
-      type: O,
-      ref: s,
+      type: j,
+      ref: l,
       "aria-disabled": y,
-      onClick: j,
+      onClick: q,
       ...$,
       children: [
-        e && /* @__PURE__ */ p(Ge, { size: b === Ie.LG ? "xs" : "xxs", negative: u, disabled: y }),
+        e && /* @__PURE__ */ o(We, { size: b === Le.LG ? "xs" : "xxs", negative: u, disabled: y }),
         " ",
         t
       ]
@@ -1284,7 +1284,7 @@ rt.displayName = "Button";
 function rn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Er = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1298,11 +1298,11 @@ function tn() {
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = a(r, o.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
-      function o(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1313,15 +1313,15 @@ function tn() {
           return r.toString();
         var e = "";
         for (var u in r)
-          i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function a(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Er)), Er.exports;
+  }(Fr)), Fr.exports;
 }
 var en = tn();
 const nn = /* @__PURE__ */ rn(en), un = {
@@ -1332,30 +1332,29 @@ const nn = /* @__PURE__ */ rn(en), un = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, an = nn.bind(un), Zr = "purpur-icon", on = "md", pn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), sn = ({ content: t = "", title: i } = {}) => {
+}, pn = nn.bind(un), Zr = "purpur-icon", an = "md", on = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ln = ({ content: t = "", title: i } = {}) => {
   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" }
-  ], o = i ? `<title>${i}</title>` : "";
-  return `<svg ${pn(n)}>${o}${t}</svg>`;
-}, ln = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${on(n)}>${a}${t}</svg>`;
+}, sn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
-  className: o,
-  size: a = on,
+  className: a,
+  size: p = an,
   ...r
 }) => {
-  const e = sn({
-    content: ln(i.svg),
+  const e = ln({
+    content: sn(i.svg),
     title: n
-  }), u = an(o, Zr, `${Zr}--${a}`);
-  return /* @__PURE__ */ p(
+  }), u = pn(a, Zr, `${Zr}--${p}`);
+  return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": n,
       className: u,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
@@ -1369,14 +1368,14 @@ const cn = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["minus"],
   category: "utility"
-}, tt = (t) => /* @__PURE__ */ p(tr, { ...t, svg: cn });
+}, tt = (t) => /* @__PURE__ */ o(tr, { ...t, svg: cn });
 tt.displayName = "IconMinus";
 const _n = {
   name: "plus",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["plus"],
   category: "utility"
-}, et = (t) => /* @__PURE__ */ p(tr, { ...t, svg: _n });
+}, et = (t) => /* @__PURE__ */ o(tr, { ...t, svg: _n });
 et.displayName = "IconPlus";
 const dn = {
   "purpur-quantity-selector-button": "_purpur-quantity-selector-button_qjlbs_1",
@@ -1384,99 +1383,99 @@ const dn = {
   "purpur-quantity-selector-button--gap-right": "_purpur-quantity-selector-button--gap-right_qjlbs_7",
   "purpur-quantity-selector-button--no-gap-right": "_purpur-quantity-selector-button--no-gap-right_qjlbs_10",
   "purpur-quantity-selector-button--no-gap-left": "_purpur-quantity-selector-button--no-gap-left_qjlbs_13"
-}, fn = Kr.bind(dn), G = "purpur-quantity-selector-button", vn = ({
+}, fn = Kr.bind(dn), W = "purpur-quantity-selector-button", vn = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
-  variant: o,
-  buttonType: a,
+  variant: a,
+  buttonType: p,
   onClick: r
 }) => {
   const e = fn([
-    G,
+    W,
     {
-      [`${G}--gap-left`]: n && a === "decrement",
-      [`${G}--gap-right`]: n && a === "increment",
-      [`${G}--no-gap-left`]: !n && a === "decrement",
-      [`${G}--no-gap-right`]: !n && a === "increment"
+      [`${W}--gap-left`]: n && p === "decrement",
+      [`${W}--gap-right`]: n && p === "increment",
+      [`${W}--no-gap-left`]: !n && p === "decrement",
+      [`${W}--no-gap-right`]: !n && p === "increment"
     }
   ]);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ o(
     rt,
     {
       "data-testid": t,
       className: e,
       size: "sm",
       type: "submit",
-      variant: o,
-      onClick: () => r(a),
+      variant: a,
+      onClick: () => r(p),
       iconOnly: !0,
       disabled: i,
       tabIndex: -1,
-      children: a === "increment" ? /* @__PURE__ */ p(et, { size: "xs" }) : /* @__PURE__ */ p(tt, { size: "xs" })
+      children: p === "increment" ? /* @__PURE__ */ o(et, { size: "xs" }) : /* @__PURE__ */ o(tt, { size: "xs" })
     }
   );
-}, Hr = Kr.bind(Fe), mn = ["attached", "separated"], hn = ["primary", "secondary"], w = "purpur-quantity-selector", gn = Q(
+}, Hr = Kr.bind(Ie), xn = ["attached", "separated"], hn = ["primary", "secondary"], w = "purpur-quantity-selector", gn = Q(
   ({
     ["data-testid"]: t,
     className: i,
     variant: n,
-    buttonVariant: o,
-    onChange: a,
+    buttonVariant: a,
+    onChange: p,
     value: r,
     defaultValue: e,
     fullWidth: u,
     disabled: f,
     loading: b,
     minValue: v,
-    maxValue: O,
+    maxValue: j,
     ...$
-  }, s) => {
-    const [h, j] = nr(e ?? 0), [y, x] = nr(h), l = r !== void 0, S = l ? r : y, k = (g) => t ? `${t}-${g}` : void 0, m = f || b, C = Math.max(v ?? 0, 0), B = O ?? Number.MAX_SAFE_INTEGER, N = S === B, A = S === C;
+  }, l) => {
+    const [h, q] = nr(e ?? 0), [y, m] = nr(h), s = r !== void 0, O = s ? r : y, C = (g) => t ? `${t}-${g}` : void 0, x = f || b, z = Math.max(v ?? 0, 0), B = j ?? Number.MAX_SAFE_INTEGER, A = O === B, M = O === z;
     ur(() => {
-      l && j(r);
-    }, [r, l]), ur(() => {
-      if (!l) {
+      s && q(r);
+    }, [r, s]), ur(() => {
+      if (!s) {
         const g = setTimeout(() => {
-          j(y);
+          q(y);
         }, 300);
         return () => clearTimeout(g);
       }
-    }, [y, l, a]);
+    }, [y, s, p]);
     const D = Hr([
       i,
       w,
       {
-        [`${w}--no-gap`]: n === "attached" && !m && !A && !N,
-        [`${w}--no-gap-disabled-left`]: n === "attached" && !m && !N && A,
-        [`${w}--no-gap-disabled-right`]: n === "attached" && !m && !A && N,
-        [`${w}--no-gap-disabled`]: n === "attached" && (m || N && A),
+        [`${w}--no-gap`]: n === "attached" && !x && !M && !A,
+        [`${w}--no-gap-disabled-left`]: n === "attached" && !x && !A && M,
+        [`${w}--no-gap-disabled-right`]: n === "attached" && !x && !M && A,
+        [`${w}--no-gap-disabled`]: n === "attached" && (x || A && M),
         [`${w}--full-width`]: u,
         [`${w}--loading`]: b
       }
     ]), U = (g) => {
       if (!/^[0-9]*$/.test(g.target.value))
         return;
-      const W = +g.target.value;
-      W < C || W > B || (l || x(W), a(W));
+      const G = +g.target.value;
+      G < z || G > B || (s || m(G), p(G));
     }, d = (g) => {
-      const R = g === "increment" ? S + 1 : S - 1;
-      R < 0 || (l || x(R), a(R));
+      const R = g === "increment" ? O + 1 : O - 1;
+      R < 0 || (s || m(R), p(R));
     }, er = (g) => {
-      const R = g === "increment" && N || g === "decrement" && A;
-      return /* @__PURE__ */ p(
+      const R = g === "increment" && A || g === "decrement" && M;
+      return /* @__PURE__ */ o(
         vn,
         {
-          "data-testid": k("button-" + g),
-          variant: o,
+          "data-testid": C("button-" + g),
+          variant: a,
           buttonType: g,
           hasGap: n === "separated",
           onClick: d,
-          disabled: m || R
+          disabled: x || R
         }
       );
-    }, nt = /* @__PURE__ */ z(Tr, { children: [
-      b && /* @__PURE__ */ p(
+    }, nt = /* @__PURE__ */ N(Tr, { children: [
+      b && /* @__PURE__ */ o(
         "div",
         {
           className: Hr([
@@ -1486,12 +1485,12 @@ const dn = {
               [`${w}__spinner--separated`]: !u && n === "separated"
             }
           ]),
-          children: /* @__PURE__ */ p(
+          children: /* @__PURE__ */ o(
             _t,
             {
-              disabled: m,
+              disabled: x,
               size: "xs",
-              "data-testid": k("spinner")
+              "data-testid": C("spinner")
             },
             "spinner"
           )
@@ -1499,19 +1498,19 @@ const dn = {
       ),
       er("decrement")
     ] });
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ o(
       Jr,
       {
-        value: S,
+        value: O,
         type: "number",
-        ref: s,
+        ref: l,
         className: D,
         "data-testid": t,
         onChange: U,
         beforeField: nt,
         afterField: er("increment"),
-        disabled: m,
-        min: C,
+        disabled: x,
+        min: z,
         max: B,
         ...$
       }
@@ -1522,6 +1521,6 @@ gn.displayName = "QuantitySelector";
 export {
   gn as QuantitySelector,
   hn as quantitySelectorButtonVariants,
-  mn as quantitySelectorVariants
+  xn as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map