@purpurds/quantity-selector 7.5.1 → 7.6.1

package/dist/quantity-selector.es.js

@@ -1,19 +1,19 @@
-import { jsx as o, jsxs as j, Fragment as Wr } from "react/jsx-runtime";
+import { jsx as o, jsxs as A, Fragment as Gr } from "react/jsx-runtime";
 import * as c from "react";
-import { forwardRef as U, useId as pt, useRef as at, useState as nr, useEffect as ur } from "react";
+import { forwardRef as U, useId as pt, useRef as at, useState as ur, useEffect as ir } from "react";
 import "react-dom";
 function ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
+var pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
+var ar;
 function lt() {
-  return pr || (pr = 1, function(t) {
+  return ar || (ar = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -42,10 +42,10 @@ function lt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(ir)), ir.exports;
+  }(pr)), pr.exports;
 }
 var st = lt();
-const ar = /* @__PURE__ */ ot(st), ct = "_rotate_12t9p_1", _t = "_dash_12t9p_1", L = {
+const or = /* @__PURE__ */ ot(st), ct = "_rotate_12t9p_1", _t = "_dash_12t9p_1", L = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: ct,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -68,13 +68,13 @@ const ar = /* @__PURE__ */ ot(st), ct = "_rotate_12t9p_1", _t = "_dash_12t9p_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: ar([L[E], L[`${E}--${a}`]]),
+    className: or([L[E], L[`${E}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: ar(L[`${E}__circle`], {
+        className: or(L[`${E}__circle`], {
           [L[`${E}__circle--disabled`]]: i,
           [L[`${E}__circle--negative`]]: n
         }),
@@ -90,15 +90,15 @@ const ar = /* @__PURE__ */ ot(st), ct = "_rotate_12t9p_1", _t = "_dash_12t9p_1",
 function gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var or = { exports: {} };
+var lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var lr;
+var sr;
 function bt() {
-  return lr || (lr = 1, function(t) {
+  return sr || (sr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -127,10 +127,10 @@ function bt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(or)), or.exports;
+  }(lr)), lr.exports;
 }
 var mt = bt();
-const sr = /* @__PURE__ */ gt(mt), yt = "_rotate_12t9p_1", xt = "_dash_12t9p_1", F = {
+const cr = /* @__PURE__ */ gt(mt), yt = "_rotate_12t9p_1", xt = "_dash_12t9p_1", F = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: yt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -153,13 +153,13 @@ const sr = /* @__PURE__ */ gt(mt), yt = "_rotate_12t9p_1", xt = "_dash_12t9p_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: sr([F[V], F[`${V}--${a}`]]),
+    className: cr([F[V], F[`${V}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: sr(F[`${V}__circle`], {
+        className: cr(F[`${V}__circle`], {
           [F[`${V}__circle--disabled`]]: i,
           [F[`${V}__circle--negative`]]: n
         }),
@@ -173,15 +173,15 @@ const sr = /* @__PURE__ */ gt(mt), yt = "_rotate_12t9p_1", xt = "_dash_12t9p_1",
 function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var cr = { exports: {} };
+var _r = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var _r;
+var dr;
 function qt() {
-  return _r || (_r = 1, function(t) {
+  return dr || (dr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -210,7 +210,7 @@ function qt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(cr)), cr.exports;
+  }(_r)), _r.exports;
 }
 var St = qt();
 const Nt = /* @__PURE__ */ $t(St), Ot = {
@@ -235,7 +235,7 @@ const Nt = /* @__PURE__ */ $t(St), Ot = {
   "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"
-}, jt = Nt.bind(Ot), k = "purpur-button", At = ({
+}, jt = Nt.bind(Ot), z = "purpur-button", At = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -245,60 +245,60 @@ const Nt = /* @__PURE__ */ $t(St), Ot = {
   loading: e = !1,
   negative: u = !1,
   onClick: f,
-  size: b = "md",
-  variant: v,
-  type: M = "button",
-  ...q
-}, l) => {
-  if (r && v === "destructive")
+  size: v = "md",
+  variant: g,
+  type: S = "button",
+  ...N
+}, M) => {
+  if (r && g === "destructive")
     return null;
-  const x = jt(
+  const l = jt(
     [
-      k,
-      `${k}--${u ? `${v}-negative` : v}`,
-      `${k}--${b}`
+      z,
+      `${z}--${u ? `${g}-negative` : g}`,
+      `${z}--${v}`
     ],
     {
-      [`${k}--icon-only`]: r,
-      [`${k}--negative`]: u,
-      [`${k}--full-width`]: p,
-      [`${k}--disabled`]: a || e
+      [`${z}--icon-only`]: r,
+      [`${z}--negative`]: u,
+      [`${z}--full-width`]: p,
+      [`${z}--disabled`]: a || e
     },
     i
-  ), A = (m) => {
-    a || e ? m.preventDefault() : f && f(m);
-  }, S = !!q["aria-disabled"] || a || e;
-  return /* @__PURE__ */ j(
+  ), m = (x) => {
+    a || e ? x.preventDefault() : f && f(x);
+  }, y = !!N["aria-disabled"] || a || e;
+  return /* @__PURE__ */ A(
     "button",
     {
-      className: x,
+      className: l,
       "data-testid": n,
-      type: M,
-      ref: l,
-      "aria-disabled": S,
-      onClick: A,
-      ...q,
+      type: S,
+      ref: M,
+      "aria-disabled": y,
+      onClick: m,
+      ...N,
       children: [
-        e && /* @__PURE__ */ o(wt, { size: b === vt.LG ? "xs" : "xxs", negative: u, disabled: S }),
+        e && /* @__PURE__ */ o(wt, { size: v === vt.LG ? "xs" : "xxs", negative: u, disabled: y }),
         " ",
         t
       ]
     }
   );
-}, Gr = U(At);
-Gr.displayName = "Button";
+}, Tr = U(At);
+Tr.displayName = "Button";
 function Mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var dr = { exports: {} };
+var fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var fr;
+var vr;
 function Pt() {
-  return fr || (fr = 1, function(t) {
+  return vr || (vr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -327,7 +327,7 @@ function Pt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(dr)), dr.exports;
+  }(fr)), fr.exports;
 }
 var kt = Pt();
 const Ct = /* @__PURE__ */ Mt(kt), zt = {
@@ -338,7 +338,7 @@ const Ct = /* @__PURE__ */ Mt(kt), zt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Bt = Ct.bind(zt), vr = "purpur-icon", Rt = "md", Dt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), It = ({ content: t = "", title: i } = {}) => {
+}, Bt = Ct.bind(zt), gr = "purpur-icon", Rt = "md", Dt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), It = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -346,7 +346,7 @@ const Ct = /* @__PURE__ */ Mt(kt), zt = {
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
   return `<svg ${Dt(n)}>${a}${t}</svg>`;
-}, Lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Tr = ({
+}, Lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Qr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
@@ -357,7 +357,7 @@ const Ct = /* @__PURE__ */ Mt(kt), zt = {
   const e = It({
     content: Lt(i.svg),
     title: n
-  }), u = Bt(a, vr, `${vr}--${p}`);
+  }), u = Bt(a, gr, `${gr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -368,7 +368,7 @@ const Ct = /* @__PURE__ */ Mt(kt), zt = {
     }
   );
 };
-Tr.displayName = "Icon";
+Qr.displayName = "Icon";
 const Et = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
@@ -378,15 +378,15 @@ const Et = {
 function Ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var gr = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
+var mr;
 function Vt() {
-  return br || (br = 1, function(t) {
+  return mr || (mr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -415,26 +415,26 @@ function Vt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(gr)), gr.exports;
+  }(br)), br.exports;
 }
 var Zt = Vt();
-const Ht = /* @__PURE__ */ Ft(Zt), mr = {
+const Ht = /* @__PURE__ */ Ft(Zt), yr = {
   "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", Wt = ({
+}, xr = "purpur-field-error-text", Wt = ({
   children: t,
   className: i,
   ["aria-relevant"]: n = "additions text",
   ...a
-}) => /* @__PURE__ */ j(
+}) => /* @__PURE__ */ A(
   "div",
   {
-    className: Ht([i, mr[yr]]),
+    className: Ht([i, yr[xr]]),
     "aria-live": "assertive",
     "aria-relevant": n,
     ...a,
     children: [
-      /* @__PURE__ */ o(Tr, { svg: Et, size: "xs", className: mr[`${yr}__icon`] }),
+      /* @__PURE__ */ o(Qr, { svg: Et, size: "xs", className: yr[`${xr}__icon`] }),
       t
     ]
   }
@@ -442,15 +442,15 @@ const Ht = /* @__PURE__ */ Ft(Zt), mr = {
 function Gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var xr = { exports: {} };
+var hr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var hr;
+var wr;
 function Tt() {
-  return hr || (hr = 1, function(t) {
+  return wr || (wr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -479,13 +479,13 @@ function Tt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(xr)), xr.exports;
+  }(hr)), hr.exports;
 }
 var Qt = Tt();
-const Ut = /* @__PURE__ */ Gt(Qt), wr = {
+const Ut = /* @__PURE__ */ Gt(Qt), $r = {
   "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", Xt = ({
+}, qr = "purpur-field-helper-text", Xt = ({
   children: t,
   className: i,
   disabled: n,
@@ -494,9 +494,9 @@ const Ut = /* @__PURE__ */ Gt(Qt), wr = {
 }) => {
   const r = Ut([
     i,
-    wr[$r],
+    $r[qr],
     {
-      [wr[`${$r}--disabled`]]: n
+      [$r[`${qr}--disabled`]]: n
     }
   ]);
   return /* @__PURE__ */ o("span", { id: a, className: r, ...p, children: t });
@@ -504,15 +504,15 @@ const Ut = /* @__PURE__ */ Gt(Qt), wr = {
 function Yt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Sr;
+var Nr;
 function Jt() {
-  return Sr || (Sr = 1, function(t) {
+  return Nr || (Nr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -541,7 +541,7 @@ function Jt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(qr)), qr.exports;
+  }(Sr)), Sr.exports;
 }
 var Kt = Jt();
 const re = /* @__PURE__ */ Yt(Kt), te = {
@@ -552,7 +552,7 @@ const re = /* @__PURE__ */ Yt(Kt), te = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ee = re.bind(te), Nr = "purpur-icon", ne = "md", ue = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ie = ({ content: t = "", title: i } = {}) => {
+}, ee = re.bind(te), Or = "purpur-icon", ne = "md", ue = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ie = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -560,7 +560,7 @@ const re = /* @__PURE__ */ Yt(Kt), te = {
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
   return `<svg ${ue(n)}>${a}${t}</svg>`;
-}, pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rr = ({
+}, pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
@@ -571,7 +571,7 @@ const re = /* @__PURE__ */ Yt(Kt), te = {
   const e = ie({
     content: pe(i.svg),
     title: n
-  }), u = ee(a, Nr, `${Nr}--${p}`);
+  }), u = ee(a, Or, `${Or}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -582,22 +582,22 @@ const re = /* @__PURE__ */ Yt(Kt), te = {
     }
   );
 };
-rr.displayName = "Icon";
+tr.displayName = "Icon";
 const ae = {
   name: "check-circle-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
   keywords: ["check-circle-filled"],
   category: "status"
-}, Qr = (t) => /* @__PURE__ */ o(rr, { ...t, svg: ae });
-Qr.displayName = "IconCheckCircleFilled";
+}, Ur = (t) => /* @__PURE__ */ o(tr, { ...t, svg: ae });
+Ur.displayName = "IconCheckCircleFilled";
 const oe = {
   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__ */ o(rr, { ...t, svg: oe });
-Ur.displayName = "IconClose";
-function Or(t, i) {
+}, Xr = (t) => /* @__PURE__ */ o(tr, { ...t, svg: oe });
+Xr.displayName = "IconClose";
+function jr(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
@@ -606,28 +606,28 @@ function le(...t) {
   return (i) => {
     let n = !1;
     const a = t.map((p) => {
-      const r = Or(p, i);
+      const r = jr(p, i);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let p = 0; p < a.length; p++) {
           const r = a[p];
-          typeof r == "function" ? r() : Or(t[p], null);
+          typeof r == "function" ? r() : jr(t[p], null);
         }
       };
   };
 }
-var Xr = c.forwardRef((t, i) => {
+var Yr = c.forwardRef((t, i) => {
   const { children: n, ...a } = t, p = c.Children.toArray(n), r = p.find(ce);
   if (r) {
     const e = r.props.children, u = p.map((f) => f === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : f);
-    return /* @__PURE__ */ o(K, { ...a, ref: i, children: c.isValidElement(e) ? c.cloneElement(e, void 0, u) : null });
+    return /* @__PURE__ */ o(rr, { ...a, ref: i, children: c.isValidElement(e) ? c.cloneElement(e, void 0, u) : null });
   }
-  return /* @__PURE__ */ o(K, { ...a, ref: i, children: n });
+  return /* @__PURE__ */ o(rr, { ...a, ref: i, children: n });
 });
-Xr.displayName = "Slot";
-var K = c.forwardRef((t, i) => {
+Yr.displayName = "Slot";
+var rr = c.forwardRef((t, i) => {
   const { children: n, ...a } = t;
   if (c.isValidElement(n)) {
     const p = de(n), r = _e(a, n.props);
@@ -635,8 +635,8 @@ var K = c.forwardRef((t, i) => {
   }
   return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
-K.displayName = "SlotClone";
-var se = ({ children: t }) => /* @__PURE__ */ o(Wr, { children: t });
+rr.displayName = "SlotClone";
+var se = ({ children: t }) => /* @__PURE__ */ o(Gr, { children: t });
 function ce(t) {
   return c.isValidElement(t) && t.type === se;
 }
@@ -674,11 +674,11 @@ var fe = [
   "ul"
 ], ve = fe.reduce((t, i) => {
   const n = c.forwardRef((a, p) => {
-    const { asChild: r, ...e } = a, u = r ? Xr : i;
+    const { asChild: r, ...e } = a, u = r ? Yr : 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 };
-}, {}), ge = "Label", Yr = c.forwardRef((t, i) => /* @__PURE__ */ o(
+}, {}), ge = "Label", Jr = c.forwardRef((t, i) => /* @__PURE__ */ o(
   ve.label,
   {
     ...t,
@@ -689,20 +689,20 @@ var fe = [
     }
   }
 ));
-Yr.displayName = ge;
-var be = Yr;
+Jr.displayName = ge;
+var be = Jr;
 function me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var Ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ar;
+var Mr;
 function ye() {
-  return Ar || (Ar = 1, function(t) {
+  return Mr || (Mr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -731,14 +731,14 @@ function ye() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(jr)), jr.exports;
+  }(Ar)), Ar.exports;
 }
 var xe = ye();
-const he = /* @__PURE__ */ me(xe), X = {
+const he = /* @__PURE__ */ me(xe), Y = {
   "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", we = ({
+}, J = "purpur-label", we = ({
   children: t,
   className: i,
   disabled: n,
@@ -747,10 +747,10 @@ const he = /* @__PURE__ */ me(xe), X = {
 }) => {
   const r = he([
     i,
-    X[Y],
+    Y[J],
     {
-      [X[`${Y}--disabled`]]: n,
-      [X[`${Y}--negative`]]: a
+      [Y[`${J}--disabled`]]: n,
+      [Y[`${J}--negative`]]: a
     }
   ]);
   return /* @__PURE__ */ o(be, { className: r, ...p, children: t });
@@ -758,15 +758,15 @@ const he = /* @__PURE__ */ me(xe), X = {
 function $e(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Mr = { exports: {} };
+var Pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Pr;
+var kr;
 function qe() {
-  return Pr || (Pr = 1, function(t) {
+  return kr || (kr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -795,10 +795,10 @@ function qe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Mr)), Mr.exports;
+  }(Pr)), Pr.exports;
 }
 var Se = qe();
-const kr = /* @__PURE__ */ $e(Se), Ne = "_rotate_12t9p_1", Oe = "_dash_12t9p_1", Z = {
+const Cr = /* @__PURE__ */ $e(Se), Ne = "_rotate_12t9p_1", Oe = "_dash_12t9p_1", Z = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Ne,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -821,13 +821,13 @@ const kr = /* @__PURE__ */ $e(Se), Ne = "_rotate_12t9p_1", Oe = "_dash_12t9p_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: kr([Z[H], Z[`${H}--${a}`]]),
+    className: Cr([Z[H], Z[`${H}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: kr(Z[`${H}__circle`], {
+        className: Cr(Z[`${H}__circle`], {
           [Z[`${H}__circle--disabled`]]: i,
           [Z[`${H}__circle--negative`]]: n
         }),
@@ -841,15 +841,15 @@ const kr = /* @__PURE__ */ $e(Se), Ne = "_rotate_12t9p_1", Oe = "_dash_12t9p_1",
 function Me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var zr;
+var Br;
 function Pe() {
-  return zr || (zr = 1, function(t) {
+  return Br || (Br = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -878,7 +878,7 @@ function Pe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Cr)), Cr.exports;
+  }(zr)), zr.exports;
 }
 var ke = Pe();
 const Ce = /* @__PURE__ */ Me(ke), ze = {
@@ -898,7 +898,7 @@ const Ce = /* @__PURE__ */ Me(ke), ze = {
   "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"
-}, Be = (t) => at(t), O = Ce.bind(ze), s = "purpur-text-field", Re = ({
+}, Be = (t) => at(t), j = Ce.bind(ze), s = "purpur-text-field", Re = ({
   ["data-testid"]: t,
   className: i,
   clearButtonAriaLabel: n,
@@ -907,111 +907,112 @@ const Ce = /* @__PURE__ */ Me(ke), ze = {
   endAdornment: r,
   errorText: e,
   helperText: u,
-  label: f,
-  loading: b = !1,
-  onClear: v,
-  startAdornment: M,
-  valid: q = !1,
+  hideRequiredAsterisk: f = !1,
+  label: v,
+  loading: g = !1,
+  onClear: S,
+  startAdornment: N,
+  valid: M = !1,
   ...l
-}, x) => {
-  var A;
-  const S = pt(), m = l.id ?? S, g = (_) => t ? `${t}-${_}` : void 0, D = q && !e, y = u ? `${m}-helper-text` : void 0, h = [M].filter((_) => !!_), I = (typeof l.value == "number" ? l.value !== void 0 : (A = l.value) == null ? void 0 : A.length) && !l.disabled && !l.readOnly && !b && v && n, w = Be(null), z = (_) => {
-    w.current = _, typeof x == "function" ? x(_) : x && (x.current = _);
-  }, B = () => {
+}, m) => {
+  var y;
+  const x = pt(), P = l.id ?? x, b = (_) => t ? `${t}-${_}` : void 0, h = M && !e, w = u ? `${P}-helper-text` : void 0, R = [N].filter((_) => !!_), $ = (typeof l.value == "number" ? l.value !== void 0 : (y = l.value) == null ? void 0 : y.length) && !l.disabled && !l.readOnly && !g && S && n, k = Be(null), D = (_) => {
+    k.current = _, typeof m == "function" ? m(_) : m && (m.current = _);
+  }, C = () => {
     var _;
-    v == null || v(), (_ = w.current) == null || _.focus();
-  }, N = [
-    b && /* @__PURE__ */ o(
+    S == null || S(), (_ = k.current) == null || _.focus();
+  }, O = [
+    g && /* @__PURE__ */ o(
       Ae,
       {
         disabled: l.disabled,
         size: "xs",
-        "data-testid": g("spinner")
+        "data-testid": b("spinner")
       },
       "spinner"
     ),
-    I && /* @__PURE__ */ o(
-      Gr,
+    $ && /* @__PURE__ */ o(
+      Tr,
       {
         variant: "tertiary-purple",
-        onClick: B,
+        onClick: C,
         iconOnly: !0,
         "aria-label": n ?? "",
-        "data-testid": g("clear-button"),
+        "data-testid": b("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ o(Ur, { size: "xs" })
+        children: /* @__PURE__ */ o(Xr, { size: "xs" })
       },
       "clear-button"
     ),
-    D && /* @__PURE__ */ o(
-      Qr,
+    h && /* @__PURE__ */ o(
+      Ur,
       {
-        "data-testid": g("valid-icon"),
-        className: O(`${s}__valid-icon`)
+        "data-testid": b("valid-icon"),
+        className: j(`${s}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((_) => !!_), P = O([
+  ].filter((_) => !!_), X = j([
     `${s}__input-container`,
     {
-      [`${s}__input-container--start-adornment`]: h.length,
-      [`${s}__input-container--end-adornment`]: N.length || r,
+      [`${s}__input-container--start-adornment`]: R.length,
+      [`${s}__input-container--end-adornment`]: O.length || r,
       [`${s}__input-container--disabled`]: l.disabled,
-      [`${s}__input-container--has-clear-button`]: I,
+      [`${s}__input-container--has-clear-button`]: $,
       [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
-  return /* @__PURE__ */ j("div", { className: O(i, s), children: [
-    f && /* @__PURE__ */ j(
+  return /* @__PURE__ */ A("div", { className: j(i, s), children: [
+    v && /* @__PURE__ */ A(
       we,
       {
-        htmlFor: m,
-        className: O(`${s}__label`),
-        "data-testid": g("label"),
+        htmlFor: P,
+        className: j(`${s}__label`),
+        "data-testid": b("label"),
         disabled: l.disabled,
         children: [
-          l.required && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
-          f
+          l.required && !f && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
+          v
         ]
       }
     ),
-    /* @__PURE__ */ j("div", { className: O(`${s}__field-row`), children: [
+    /* @__PURE__ */ A("div", { className: j(`${s}__field-row`), children: [
       !!a && a,
-      /* @__PURE__ */ j("div", { className: P, children: [
-        !!h.length && /* @__PURE__ */ o(
+      /* @__PURE__ */ A("div", { className: X, children: [
+        !!R.length && /* @__PURE__ */ o(
           "div",
           {
-            "data-testid": g("start-adornments"),
-            className: O(`${s}__adornment-container`),
-            children: h
+            "data-testid": b("start-adornments"),
+            className: j(`${s}__adornment-container`),
+            children: R
           }
         ),
         /* @__PURE__ */ o(
           "input",
           {
             ...l,
-            id: m,
-            ref: z,
-            "data-testid": g("input"),
-            "aria-describedby": l["aria-describedby"] || y,
+            id: P,
+            ref: D,
+            "data-testid": b("input"),
+            "aria-describedby": l["aria-describedby"] || w,
             "aria-invalid": l["aria-invalid"] || !!e,
-            className: O([
+            className: j([
               `${s}__input`,
               {
-                [`${s}__input--valid`]: D,
+                [`${s}__input--valid`]: h,
                 [`${s}__input--error`]: !!e
               }
             ])
           }
         ),
-        /* @__PURE__ */ o("div", { className: O(`${s}__frame`) }),
-        (!!N.length || r) && /* @__PURE__ */ j(
+        /* @__PURE__ */ o("div", { className: j(`${s}__frame`) }),
+        (!!O.length || r) && /* @__PURE__ */ A(
           "div",
           {
-            "data-testid": g("end-adornments"),
-            className: O(`${s}__adornment-container`),
+            "data-testid": b("end-adornments"),
+            className: j(`${s}__adornment-container`),
             children: [
-              N,
+              O,
               r
             ]
           }
@@ -1019,23 +1020,23 @@ const Ce = /* @__PURE__ */ Me(ke), ze = {
       ] }),
       !!p && p
     ] }),
-    y && /* @__PURE__ */ o(Xt, { "data-testid": g("helper-text"), id: y, children: u }),
-    e && /* @__PURE__ */ o(Wt, { "data-testid": g("error-text"), children: e })
+    w && /* @__PURE__ */ o(Xt, { "data-testid": b("helper-text"), id: w, children: u }),
+    e && /* @__PURE__ */ o(Wt, { "data-testid": b("error-text"), children: e })
   ] });
-}, Jr = U(Re);
-Jr.displayName = "TextField";
+}, Kr = U(Re);
+Kr.displayName = "TextField";
 function De(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var J = { exports: {} };
+var K = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Br;
+var Rr;
 function Ie() {
-  return Br || (Br = 1, function(t) {
+  return Rr || (Rr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1064,10 +1065,10 @@ function Ie() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(J)), J.exports;
+  }(K)), K.exports;
 }
 var Le = Ie();
-const Kr = /* @__PURE__ */ De(Le), Ee = {
+const rt = /* @__PURE__ */ De(Le), Ee = {
   "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",
@@ -1084,15 +1085,15 @@ const Kr = /* @__PURE__ */ De(Le), Ee = {
 function Ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Dr;
+var Ir;
 function Ze() {
-  return Dr || (Dr = 1, function(t) {
+  return Ir || (Ir = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1121,10 +1122,10 @@ function Ze() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Rr)), Rr.exports;
+  }(Dr)), Dr.exports;
 }
 var He = Ze();
-const Ir = /* @__PURE__ */ Ve(He), We = "_rotate_12t9p_1", Ge = "_dash_12t9p_1", W = {
+const Lr = /* @__PURE__ */ Ve(He), We = "_rotate_12t9p_1", Ge = "_dash_12t9p_1", W = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: We,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -1147,13 +1148,13 @@ const Ir = /* @__PURE__ */ Ve(He), We = "_rotate_12t9p_1", Ge = "_dash_12t9p_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: Ir([W[G], W[`${G}--${a}`]]),
+    className: Lr([W[G], W[`${G}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: Ir(W[`${G}__circle`], {
+        className: Lr(W[`${G}__circle`], {
           [W[`${G}__circle--disabled`]]: i,
           [W[`${G}__circle--negative`]]: n
         }),
@@ -1167,15 +1168,15 @@ const Ir = /* @__PURE__ */ Ve(He), We = "_rotate_12t9p_1", Ge = "_dash_12t9p_1",
 function Ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var Er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Er;
+var Fr;
 function Xe() {
-  return Er || (Er = 1, function(t) {
+  return Fr || (Fr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1204,7 +1205,7 @@ function Xe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Lr)), Lr.exports;
+  }(Er)), Er.exports;
 }
 var Ye = Xe();
 const Je = /* @__PURE__ */ Ue(Ye), Ke = {
@@ -1229,7 +1230,7 @@ const Je = /* @__PURE__ */ Ue(Ye), Ke = {
   "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"
-}, rn = Je.bind(Ke), C = "purpur-button", tn = ({
+}, rn = Je.bind(Ke), B = "purpur-button", tn = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -1239,60 +1240,60 @@ const Je = /* @__PURE__ */ Ue(Ye), Ke = {
   loading: e = !1,
   negative: u = !1,
   onClick: f,
-  size: b = "md",
-  variant: v,
-  type: M = "button",
-  ...q
-}, l) => {
-  if (r && v === "destructive")
+  size: v = "md",
+  variant: g,
+  type: S = "button",
+  ...N
+}, M) => {
+  if (r && g === "destructive")
     return null;
-  const x = rn(
+  const l = rn(
     [
-      C,
-      `${C}--${u ? `${v}-negative` : v}`,
-      `${C}--${b}`
+      B,
+      `${B}--${u ? `${g}-negative` : g}`,
+      `${B}--${v}`
     ],
     {
-      [`${C}--icon-only`]: r,
-      [`${C}--negative`]: u,
-      [`${C}--full-width`]: p,
-      [`${C}--disabled`]: a || e
+      [`${B}--icon-only`]: r,
+      [`${B}--negative`]: u,
+      [`${B}--full-width`]: p,
+      [`${B}--disabled`]: a || e
     },
     i
-  ), A = (m) => {
-    a || e ? m.preventDefault() : f && f(m);
-  }, S = !!q["aria-disabled"] || a || e;
-  return /* @__PURE__ */ j(
+  ), m = (x) => {
+    a || e ? x.preventDefault() : f && f(x);
+  }, y = !!N["aria-disabled"] || a || e;
+  return /* @__PURE__ */ A(
     "button",
     {
-      className: x,
+      className: l,
       "data-testid": n,
-      type: M,
-      ref: l,
-      "aria-disabled": S,
-      onClick: A,
-      ...q,
+      type: S,
+      ref: M,
+      "aria-disabled": y,
+      onClick: m,
+      ...N,
       children: [
-        e && /* @__PURE__ */ o(Qe, { size: b === Fe.LG ? "xs" : "xxs", negative: u, disabled: S }),
+        e && /* @__PURE__ */ o(Qe, { size: v === Fe.LG ? "xs" : "xxs", negative: u, disabled: y }),
         " ",
         t
       ]
     }
   );
-}, rt = U(tn);
-rt.displayName = "Button";
+}, tt = U(tn);
+tt.displayName = "Button";
 function en(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fr = { exports: {} };
+var Vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Vr;
+var Zr;
 function nn() {
-  return Vr || (Vr = 1, function(t) {
+  return Zr || (Zr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1321,7 +1322,7 @@ function nn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Fr)), Fr.exports;
+  }(Vr)), Vr.exports;
 }
 var un = nn();
 const pn = /* @__PURE__ */ en(un), an = {
@@ -1332,7 +1333,7 @@ const pn = /* @__PURE__ */ en(un), an = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, on = pn.bind(an), Zr = "purpur-icon", ln = "md", sn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), cn = ({ content: t = "", title: i } = {}) => {
+}, on = pn.bind(an), Hr = "purpur-icon", ln = "md", sn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), cn = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1340,7 +1341,7 @@ const pn = /* @__PURE__ */ en(un), an = {
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
   return `<svg ${sn(n)}>${a}${t}</svg>`;
-}, _n = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
+}, _n = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), er = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
@@ -1351,7 +1352,7 @@ const pn = /* @__PURE__ */ en(un), an = {
   const e = cn({
     content: _n(i.svg),
     title: n
-  }), u = on(a, Zr, `${Zr}--${p}`);
+  }), u = on(a, Hr, `${Hr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -1362,28 +1363,28 @@ const pn = /* @__PURE__ */ en(un), an = {
     }
   );
 };
-tr.displayName = "Icon";
+er.displayName = "Icon";
 const dn = {
   name: "minus",
   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__ */ o(tr, { ...t, svg: dn });
-tt.displayName = "IconMinus";
+}, et = (t) => /* @__PURE__ */ o(er, { ...t, svg: dn });
+et.displayName = "IconMinus";
 const fn = {
   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__ */ o(tr, { ...t, svg: fn });
-et.displayName = "IconPlus";
+}, nt = (t) => /* @__PURE__ */ o(er, { ...t, svg: fn });
+nt.displayName = "IconPlus";
 const vn = {
   "purpur-quantity-selector-button": "_purpur-quantity-selector-button_qjlbs_1",
   "purpur-quantity-selector-button--gap-left": "_purpur-quantity-selector-button--gap-left_qjlbs_4",
   "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"
-}, gn = Kr.bind(vn), T = "purpur-quantity-selector-button", bn = ({
+}, gn = rt.bind(vn), T = "purpur-quantity-selector-button", bn = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1401,7 +1402,7 @@ const vn = {
     }
   ]);
   return /* @__PURE__ */ o(
-    rt,
+    tt,
     {
       "data-testid": t,
       className: e,
@@ -1412,10 +1413,10 @@ const vn = {
       iconOnly: !0,
       disabled: i,
       tabIndex: -1,
-      children: p === "increment" ? /* @__PURE__ */ o(et, { size: "xs" }) : /* @__PURE__ */ o(tt, { size: "xs" })
+      children: p === "increment" ? /* @__PURE__ */ o(nt, { size: "xs" }) : /* @__PURE__ */ o(et, { size: "xs" })
     }
   );
-}, Hr = Kr.bind(Ee), wn = ["attached", "separated"], $n = ["primary", "secondary"], $ = "purpur-quantity-selector", mn = U(
+}, Wr = rt.bind(Ee), wn = ["attached", "separated"], $n = ["primary", "secondary"], q = "purpur-quantity-selector", mn = U(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1426,100 +1427,100 @@ const vn = {
     defaultValue: e,
     fullWidth: u,
     disabled: f,
-    loading: b,
-    minValue: v,
-    maxValue: M,
-    ariaLabelDecrement: q,
-    ariaLabelIncrement: l,
-    ...x
-  }, A) => {
-    const [S, m] = nr(e ?? 0), [g, D] = nr(S), y = r !== void 0, h = y ? r : g, I = (d) => t ? `${t}-${d}` : void 0, w = f || b, z = Math.max(v ?? 0, 0), B = M ?? Number.MAX_SAFE_INTEGER, N = h === B, P = h === z;
-    ur(() => {
-      y && m(r);
-    }, [r, y]), ur(() => {
-      if (!y) {
+    loading: v,
+    minValue: g,
+    maxValue: S,
+    ariaLabelDecrement: N,
+    ariaLabelIncrement: M,
+    ...l
+  }, m) => {
+    const [y, x] = ur(e ?? 0), [P, b] = ur(y), h = r !== void 0, w = h ? r : P, R = (d) => t ? `${t}-${d}` : void 0, $ = f || v, k = Math.max(g ?? 0, 0), D = S ?? Number.MAX_SAFE_INTEGER, C = w === D, O = w === k;
+    ir(() => {
+      h && x(r);
+    }, [r, h]), ir(() => {
+      if (!h) {
         const d = setTimeout(() => {
-          m(g);
+          x(P);
         }, 300);
         return () => clearTimeout(d);
       }
-    }, [g, y, p]);
-    const _ = Hr([
+    }, [P, h, p]);
+    const X = Wr([
       i,
-      $,
+      q,
       {
-        [`${$}--no-gap`]: n === "attached" && !w && !P && !N,
-        [`${$}--no-gap-disabled-left`]: n === "attached" && !w && !N && P,
-        [`${$}--no-gap-disabled-right`]: n === "attached" && !w && !P && N,
-        [`${$}--no-gap-disabled`]: n === "attached" && (w || N && P),
-        [`${$}--full-width`]: u,
-        [`${$}--loading`]: b
+        [`${q}--no-gap`]: n === "attached" && !$ && !O && !C,
+        [`${q}--no-gap-disabled-left`]: n === "attached" && !$ && !C && O,
+        [`${q}--no-gap-disabled-right`]: n === "attached" && !$ && !O && C,
+        [`${q}--no-gap-disabled`]: n === "attached" && ($ || C && O),
+        [`${q}--full-width`]: u,
+        [`${q}--loading`]: v
       }
-    ]), nt = (d) => {
+    ]), _ = (d) => {
       if (!/^[0-9]*$/.test(d.target.value))
         return;
       const Q = +d.target.value;
-      Q < z || Q > B || (y || D(Q), p(Q));
+      Q < k || Q > D || (h || b(Q), p(Q));
     }, ut = (d) => {
-      const R = d === "increment" ? h + 1 : h - 1;
-      R < 0 || (y || D(R), p(R));
-    }, er = (d) => {
-      const R = d === "increment" && N || d === "decrement" && P;
+      const I = d === "increment" ? w + 1 : w - 1;
+      I < 0 || (h || b(I), p(I));
+    }, nr = (d) => {
+      const I = d === "increment" && C || d === "decrement" && O;
       return /* @__PURE__ */ o(
         bn,
         {
-          "data-testid": I("button-" + d),
+          "data-testid": R("button-" + d),
           variant: a,
           buttonType: d,
           hasGap: n === "separated",
           onClick: ut,
-          disabled: w || R,
-          "aria-label": d === "increment" ? l : q
+          disabled: $ || I,
+          "aria-label": d === "increment" ? M : N
         }
       );
-    }, it = /* @__PURE__ */ j(Wr, { children: [
-      b && /* @__PURE__ */ o(
+    }, it = /* @__PURE__ */ A(Gr, { children: [
+      v && /* @__PURE__ */ o(
         "div",
         {
-          className: Hr([
-            `${$}__spinner`,
+          className: Wr([
+            `${q}__spinner`,
             {
-              [`${$}__spinner--full-width`]: u,
-              [`${$}__spinner--separated`]: !u && n === "separated"
+              [`${q}__spinner--full-width`]: u,
+              [`${q}__spinner--separated`]: !u && n === "separated"
             }
           ]),
           children: /* @__PURE__ */ o(
             ft,
             {
-              disabled: w,
+              disabled: $,
               size: "xs",
-              "data-testid": I("spinner")
+              "data-testid": R("spinner")
             },
             "spinner"
           )
         }
       ),
-      er("decrement")
+      nr("decrement")
     ] });
     return /* @__PURE__ */ o(
-      Jr,
+      Kr,
       {
-        value: h,
+        value: w,
         type: "number",
-        ref: A,
-        className: _,
+        ref: m,
+        className: X,
         "data-testid": t,
-        onChange: nt,
+        onChange: _,
         beforeField: it,
-        afterField: er("increment"),
-        disabled: w,
-        min: z,
-        max: B,
+        afterField: nr("increment"),
+        disabled: $,
+        min: k,
+        max: D,
         role: "spinbutton",
-        "aria-valuenow": h,
-        "aria-valuemax": B,
-        "aria-valuemin": z,
-        ...x
+        "aria-valuenow": w,
+        "aria-valuemax": D,
+        "aria-valuemin": k,
+        ...l
       }
     );
   }