@purpurds/quantity-selector 7.4.0 → 7.5.0

package/dist/quantity-selector.es.js

@@ -1,8 +1,8 @@
-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 { jsx as o, jsxs as j, Fragment as Wr } 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 "react-dom";
-function pt(t) {
+function ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ir = { exports: {} };
@@ -12,7 +12,7 @@ var ir = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var pr;
-function at() {
+function lt() {
   return pr || (pr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -44,39 +44,39 @@ function at() {
     })();
   }(ir)), ir.exports;
 }
-var ot = at();
-const ar = /* @__PURE__ */ pt(ot), lt = "_rotate_12t9p_1", st = "_dash_12t9p_1", I = {
+var st = lt();
+const ar = /* @__PURE__ */ ot(st), ct = "_rotate_12t9p_1", _t = "_dash_12t9p_1", L = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: lt,
+  rotate: ct,
   "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,
+  dash: _t,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, L = "purpur-spinner", ct = {
+}, E = "purpur-spinner", dt = {
   SM: "sm"
-}, _t = ({
+}, ft = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = ct.SM,
+  size: a = dt.SM,
   ...p
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: ar([I[L], I[`${L}--${a}`]]),
+    className: ar([L[E], L[`${E}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: ar(I[`${L}__circle`], {
-          [I[`${L}__circle--disabled`]]: i,
-          [I[`${L}__circle--negative`]]: n
+        className: ar(L[`${E}__circle`], {
+          [L[`${E}__circle--disabled`]]: i,
+          [L[`${E}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -84,10 +84,10 @@ const ar = /* @__PURE__ */ pt(ot), lt = "_rotate_12t9p_1", st = "_dash_12t9p_1",
       }
     ) })
   }
-), dt = {
+), vt = {
   LG: "lg"
 };
-function ft(t) {
+function gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var or = { exports: {} };
@@ -97,7 +97,7 @@ var or = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var lr;
-function vt() {
+function bt() {
   return lr || (lr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -129,39 +129,39 @@ function vt() {
     })();
   }(or)), or.exports;
 }
-var gt = vt();
-const sr = /* @__PURE__ */ ft(gt), bt = "_rotate_12t9p_1", mt = "_dash_12t9p_1", E = {
+var mt = bt();
+const sr = /* @__PURE__ */ gt(mt), yt = "_rotate_12t9p_1", xt = "_dash_12t9p_1", F = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: bt,
+  rotate: 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,
+  dash: xt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, F = "purpur-spinner", yt = {
+}, V = "purpur-spinner", ht = {
   SM: "sm"
-}, xt = ({
+}, wt = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = yt.SM,
+  size: a = ht.SM,
   ...p
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: sr([E[F], E[`${F}--${a}`]]),
+    className: sr([F[V], F[`${V}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: sr(E[`${F}__circle`], {
-          [E[`${F}__circle--disabled`]]: i,
-          [E[`${F}__circle--negative`]]: n
+        className: sr(F[`${V}__circle`], {
+          [F[`${V}__circle--disabled`]]: i,
+          [F[`${V}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -170,7 +170,7 @@ const sr = /* @__PURE__ */ ft(gt), bt = "_rotate_12t9p_1", mt = "_dash_12t9p_1",
     ) })
   }
 );
-function ht(t) {
+function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var cr = { exports: {} };
@@ -180,7 +180,7 @@ var cr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var _r;
-function wt() {
+function qt() {
   return _r || (_r = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -212,8 +212,8 @@ function wt() {
     })();
   }(cr)), cr.exports;
 }
-var $t = wt();
-const qt = /* @__PURE__ */ ht($t), St = {
+var St = qt();
+const Nt = /* @__PURE__ */ $t(St), Ot = {
   "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,7 +235,7 @@ const qt = /* @__PURE__ */ ht($t), St = {
   "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"
-}, Nt = qt.bind(St), P = "purpur-button", Ot = ({
+}, jt = Nt.bind(Ot), k = "purpur-button", At = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -247,47 +247,47 @@ const qt = /* @__PURE__ */ ht($t), St = {
   onClick: f,
   size: b = "md",
   variant: v,
-  type: j = "button",
-  ...$
+  type: M = "button",
+  ...q
 }, l) => {
   if (r && v === "destructive")
     return null;
-  const h = Nt(
+  const x = jt(
     [
-      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`]: p,
-      [`${P}--disabled`]: a || e
+      [`${k}--icon-only`]: r,
+      [`${k}--negative`]: u,
+      [`${k}--full-width`]: p,
+      [`${k}--disabled`]: a || e
     },
     i
-  ), q = (m) => {
+  ), A = (m) => {
     a || e ? m.preventDefault() : f && f(m);
-  }, y = !!$["aria-disabled"] || a || e;
-  return /* @__PURE__ */ N(
+  }, S = !!q["aria-disabled"] || a || e;
+  return /* @__PURE__ */ j(
     "button",
     {
-      className: h,
+      className: x,
       "data-testid": n,
-      type: j,
+      type: M,
       ref: l,
-      "aria-disabled": y,
-      onClick: q,
-      ...$,
+      "aria-disabled": S,
+      onClick: A,
+      ...q,
       children: [
-        e && /* @__PURE__ */ o(xt, { size: b === dt.LG ? "xs" : "xxs", negative: u, disabled: y }),
+        e && /* @__PURE__ */ o(wt, { size: b === vt.LG ? "xs" : "xxs", negative: u, disabled: S }),
         " ",
         t
       ]
     }
   );
-}, Wr = Q(Ot);
-Wr.displayName = "Button";
-function jt(t) {
+}, Gr = U(At);
+Gr.displayName = "Button";
+function Mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var dr = { exports: {} };
@@ -297,7 +297,7 @@ var dr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var fr;
-function At() {
+function Pt() {
   return fr || (fr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -329,8 +329,8 @@ function At() {
     })();
   }(dr)), dr.exports;
 }
-var Mt = At();
-const Pt = /* @__PURE__ */ jt(Mt), kt = {
+var kt = Pt();
+const Ct = /* @__PURE__ */ Mt(kt), zt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -338,26 +338,26 @@ const Pt = /* @__PURE__ */ jt(Mt), 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"
-}, 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 } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Bt(n)}>${a}${t}</svg>`;
-}, Dt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
+  return `<svg ${Dt(n)}>${a}${t}</svg>`;
+}, Lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Tr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: a,
-  size: p = zt,
+  size: p = Rt,
   ...r
 }) => {
-  const e = Rt({
-    content: Dt(i.svg),
+  const e = It({
+    content: Lt(i.svg),
     title: n
-  }), u = Ct(a, vr, `${vr}--${p}`);
+  }), u = Bt(a, vr, `${vr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -368,14 +368,14 @@ const Pt = /* @__PURE__ */ jt(Mt), kt = {
     }
   );
 };
-Gr.displayName = "Icon";
-const It = {
+Tr.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>',
   keywords: ["error-filled"],
   category: "status"
 };
-function Lt(t) {
+function Ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var gr = { exports: {} };
@@ -385,7 +385,7 @@ var gr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var br;
-function Et() {
+function Vt() {
   return br || (br = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -417,29 +417,29 @@ function Et() {
     })();
   }(gr)), gr.exports;
 }
-var Ft = Et();
-const Vt = /* @__PURE__ */ Lt(Ft), mr = {
+var Zt = Vt();
+const Ht = /* @__PURE__ */ Ft(Zt), 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 = ({
+}, yr = "purpur-field-error-text", Wt = ({
   children: t,
   className: i,
   ["aria-relevant"]: n = "additions text",
   ...a
-}) => /* @__PURE__ */ N(
+}) => /* @__PURE__ */ j(
   "div",
   {
-    className: Vt([i, mr[yr]]),
+    className: Ht([i, mr[yr]]),
     "aria-live": "assertive",
     "aria-relevant": n,
     ...a,
     children: [
-      /* @__PURE__ */ o(Gr, { svg: It, size: "xs", className: mr[`${yr}__icon`] }),
+      /* @__PURE__ */ o(Tr, { svg: Et, size: "xs", className: mr[`${yr}__icon`] }),
       t
     ]
   }
 );
-function Ht(t) {
+function Gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var xr = { exports: {} };
@@ -481,18 +481,18 @@ function Tt() {
     })();
   }(xr)), xr.exports;
 }
-var Wt = Tt();
-const Gt = /* @__PURE__ */ Ht(Wt), wr = {
+var Qt = Tt();
+const Ut = /* @__PURE__ */ Gt(Qt), 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 = ({
+}, $r = "purpur-field-helper-text", Xt = ({
   children: t,
   className: i,
   disabled: n,
   id: a,
   ...p
 }) => {
-  const r = Gt([
+  const r = Ut([
     i,
     wr[$r],
     {
@@ -501,7 +501,7 @@ const Gt = /* @__PURE__ */ Ht(Wt), wr = {
   ]);
   return /* @__PURE__ */ o("span", { id: a, className: r, ...p, children: t });
 };
-function Ut(t) {
+function Yt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var qr = { exports: {} };
@@ -511,7 +511,7 @@ var qr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Sr;
-function Xt() {
+function Jt() {
   return Sr || (Sr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -543,8 +543,8 @@ function Xt() {
     })();
   }(qr)), qr.exports;
 }
-var Yt = Xt();
-const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
+var Kt = Jt();
+const re = /* @__PURE__ */ Yt(Kt), te = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -552,26 +552,26 @@ 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), 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 } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${ee(n)}>${a}${t}</svg>`;
-}, ue = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rr = ({
+  return `<svg ${ue(n)}>${a}${t}</svg>`;
+}, pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: a,
-  size: p = te,
+  size: p = ne,
   ...r
 }) => {
-  const e = ne({
-    content: ue(i.svg),
+  const e = ie({
+    content: pe(i.svg),
     title: n
-  }), u = re(a, Nr, `${Nr}--${p}`);
+  }), u = ee(a, Nr, `${Nr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -583,26 +583,26 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
   );
 };
 rr.displayName = "Icon";
-const ie = {
+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: ie });
+}, Qr = (t) => /* @__PURE__ */ o(rr, { ...t, svg: ae });
 Qr.displayName = "IconCheckCircleFilled";
-const pe = {
+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: pe });
+}, Ur = (t) => /* @__PURE__ */ o(rr, { ...t, svg: oe });
 Ur.displayName = "IconClose";
 function Or(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
 }
-function ae(...t) {
+function le(...t) {
   return (i) => {
     let n = !1;
     const a = t.map((p) => {
@@ -618,29 +618,29 @@ function ae(...t) {
       };
   };
 }
-var Xr = _.forwardRef((t, i) => {
-  const { children: n, ...a } = t, p = _.Children.toArray(n), r = p.find(le);
+var Xr = 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 ? _.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 });
+    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(K, { ...a, ref: i, children: n });
 });
 Xr.displayName = "Slot";
-var K = _.forwardRef((t, i) => {
+var K = c.forwardRef((t, i) => {
   const { children: n, ...a } = t;
-  if (_.isValidElement(n)) {
-    const p = ce(n), r = se(a, n.props);
-    return n.type !== _.Fragment && (r.ref = i ? ae(i, p) : p), _.cloneElement(n, r);
+  if (c.isValidElement(n)) {
+    const p = de(n), r = _e(a, n.props);
+    return n.type !== c.Fragment && (r.ref = i ? le(i, p) : p), c.cloneElement(n, r);
   }
-  return _.Children.count(n) > 1 ? _.Children.only(null) : null;
+  return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
 K.displayName = "SlotClone";
-var oe = ({ children: t }) => /* @__PURE__ */ o(Tr, { children: t });
-function le(t) {
-  return _.isValidElement(t) && t.type === oe;
+var se = ({ children: t }) => /* @__PURE__ */ o(Wr, { children: t });
+function ce(t) {
+  return c.isValidElement(t) && t.type === se;
 }
-function se(t, i) {
+function _e(t, i) {
   const n = { ...i };
   for (const a in i) {
     const p = t[a], r = i[a];
@@ -650,12 +650,12 @@ function se(t, i) {
   }
   return { ...t, ...n };
 }
-function ce(t) {
+function de(t) {
   var i, n;
   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 = [
+var fe = [
   "a",
   "button",
   "div",
@@ -672,14 +672,14 @@ var _e = [
   "span",
   "svg",
   "ul"
-], de = _e.reduce((t, i) => {
-  const n = _.forwardRef((a, p) => {
+], ve = fe.reduce((t, i) => {
+  const n = c.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__ */ o(
-  de.label,
+}, {}), ge = "Label", Yr = c.forwardRef((t, i) => /* @__PURE__ */ o(
+  ve.label,
   {
     ...t,
     ref: i,
@@ -689,9 +689,9 @@ var _e = [
     }
   }
 ));
-Yr.displayName = fe;
-var ve = Yr;
-function ge(t) {
+Yr.displayName = ge;
+var be = Yr;
+function me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var jr = { exports: {} };
@@ -701,7 +701,7 @@ var jr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Ar;
-function be() {
+function ye() {
   return Ar || (Ar = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -733,19 +733,19 @@ function be() {
     })();
   }(jr)), jr.exports;
 }
-var me = be();
-const ye = /* @__PURE__ */ ge(me), X = {
+var xe = ye();
+const he = /* @__PURE__ */ me(xe), 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", xe = ({
+}, Y = "purpur-label", we = ({
   children: t,
   className: i,
   disabled: n,
   negative: a = !1,
   ...p
 }) => {
-  const r = ye([
+  const r = he([
     i,
     X[Y],
     {
@@ -753,9 +753,9 @@ const ye = /* @__PURE__ */ ge(me), X = {
       [X[`${Y}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ o(ve, { className: r, ...p, children: t });
+  return /* @__PURE__ */ o(be, { className: r, ...p, children: t });
 };
-function he(t) {
+function $e(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Mr = { exports: {} };
@@ -765,7 +765,7 @@ var Mr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Pr;
-function we() {
+function qe() {
   return Pr || (Pr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -797,39 +797,39 @@ function we() {
     })();
   }(Mr)), Mr.exports;
 }
-var $e = we();
-const kr = /* @__PURE__ */ he($e), qe = "_rotate_12t9p_1", Se = "_dash_12t9p_1", V = {
+var Se = qe();
+const kr = /* @__PURE__ */ $e(Se), Ne = "_rotate_12t9p_1", Oe = "_dash_12t9p_1", Z = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: qe,
+  rotate: Ne,
   "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,
+  dash: Oe,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Z = "purpur-spinner", Ne = {
+}, H = "purpur-spinner", je = {
   SM: "sm"
-}, Oe = ({
+}, Ae = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = Ne.SM,
+  size: a = je.SM,
   ...p
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: kr([V[Z], V[`${Z}--${a}`]]),
+    className: kr([Z[H], Z[`${H}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: kr(V[`${Z}__circle`], {
-          [V[`${Z}__circle--disabled`]]: i,
-          [V[`${Z}__circle--negative`]]: n
+        className: kr(Z[`${H}__circle`], {
+          [Z[`${H}__circle--disabled`]]: i,
+          [Z[`${H}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -838,7 +838,7 @@ const kr = /* @__PURE__ */ he($e), qe = "_rotate_12t9p_1", Se = "_dash_12t9p_1",
     ) })
   }
 );
-function je(t) {
+function Me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Cr = { exports: {} };
@@ -848,7 +848,7 @@ var Cr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var zr;
-function Ae() {
+function Pe() {
   return zr || (zr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -880,8 +880,8 @@ function Ae() {
     })();
   }(Cr)), Cr.exports;
 }
-var Me = Ae();
-const Pe = /* @__PURE__ */ je(Me), ke = {
+var ke = Pe();
+const Ce = /* @__PURE__ */ Me(ke), ze = {
   "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",
@@ -898,7 +898,7 @@ const Pe = /* @__PURE__ */ je(Me), ke = {
   "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 = ({
+}, Be = (t) => at(t), O = Ce.bind(ze), s = "purpur-text-field", Re = ({
   ["data-testid"]: t,
   className: i,
   clearButtonAriaLabel: n,
@@ -910,64 +910,64 @@ const Pe = /* @__PURE__ */ je(Me), ke = {
   label: f,
   loading: b = !1,
   onClear: v,
-  startAdornment: j,
-  valid: $ = !1,
+  startAdornment: M,
+  valid: q = !1,
   ...l
-}, h) => {
-  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);
-  }, M = () => {
-    var d;
-    v == null || v(), (d = B.current) == null || d.focus();
-  }, D = [
+}, 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 = () => {
+    var _;
+    v == null || v(), (_ = w.current) == null || _.focus();
+  }, N = [
     b && /* @__PURE__ */ o(
-      Oe,
+      Ae,
       {
         disabled: l.disabled,
         size: "xs",
-        "data-testid": s("spinner")
+        "data-testid": g("spinner")
       },
       "spinner"
     ),
-    z && /* @__PURE__ */ o(
-      Wr,
+    I && /* @__PURE__ */ o(
+      Gr,
       {
         variant: "tertiary-purple",
-        onClick: M,
+        onClick: B,
         iconOnly: !0,
         "aria-label": n ?? "",
-        "data-testid": s("clear-button"),
+        "data-testid": g("clear-button"),
         tabIndex: -1,
         children: /* @__PURE__ */ o(Ur, { size: "xs" })
       },
       "clear-button"
     ),
-    O && /* @__PURE__ */ o(
+    D && /* @__PURE__ */ o(
       Qr,
       {
-        "data-testid": s("valid-icon"),
-        className: S(`${c}__valid-icon`)
+        "data-testid": g("valid-icon"),
+        className: O(`${s}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((d) => !!d), U = S([
-    `${c}__input-container`,
+  ].filter((_) => !!_), P = O([
+    `${s}__input-container`,
     {
-      [`${c}__input-container--start-adornment`]: x.length,
-      [`${c}__input-container--end-adornment`]: D.length || r,
-      [`${c}__input-container--disabled`]: l.disabled,
-      [`${c}__input-container--has-clear-button`]: z,
-      [`${c}__input-container--readonly`]: l.readOnly && !l.disabled
+      [`${s}__input-container--start-adornment`]: h.length,
+      [`${s}__input-container--end-adornment`]: N.length || r,
+      [`${s}__input-container--disabled`]: l.disabled,
+      [`${s}__input-container--has-clear-button`]: I,
+      [`${s}__input-container--readonly`]: l.readOnly && !l.disabled
     }
   ]);
-  return /* @__PURE__ */ N("div", { className: S(i, c), children: [
-    f && /* @__PURE__ */ N(
-      xe,
+  return /* @__PURE__ */ j("div", { className: O(i, s), children: [
+    f && /* @__PURE__ */ j(
+      we,
       {
         htmlFor: m,
-        className: S(`${c}__label`),
-        "data-testid": s("label"),
+        className: O(`${s}__label`),
+        "data-testid": g("label"),
         disabled: l.disabled,
         children: [
           l.required && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
@@ -975,15 +975,15 @@ const Pe = /* @__PURE__ */ je(Me), ke = {
         ]
       }
     ),
-    /* @__PURE__ */ N("div", { className: S(`${c}__field-row`), children: [
+    /* @__PURE__ */ j("div", { className: O(`${s}__field-row`), children: [
       !!a && a,
-      /* @__PURE__ */ N("div", { className: U, children: [
-        !!x.length && /* @__PURE__ */ o(
+      /* @__PURE__ */ j("div", { className: P, children: [
+        !!h.length && /* @__PURE__ */ o(
           "div",
           {
-            "data-testid": s("start-adornments"),
-            className: S(`${c}__adornment-container`),
-            children: x
+            "data-testid": g("start-adornments"),
+            className: O(`${s}__adornment-container`),
+            children: h
           }
         ),
         /* @__PURE__ */ o(
@@ -991,27 +991,27 @@ const Pe = /* @__PURE__ */ je(Me), ke = {
           {
             ...l,
             id: m,
-            ref: A,
-            "data-testid": s("input"),
-            "aria-describedby": l["aria-describedby"] || C,
+            ref: z,
+            "data-testid": g("input"),
+            "aria-describedby": l["aria-describedby"] || y,
             "aria-invalid": l["aria-invalid"] || !!e,
-            className: S([
-              `${c}__input`,
+            className: O([
+              `${s}__input`,
               {
-                [`${c}__input--valid`]: O,
-                [`${c}__input--error`]: !!e
+                [`${s}__input--valid`]: D,
+                [`${s}__input--error`]: !!e
               }
             ])
           }
         ),
-        /* @__PURE__ */ o("div", { className: S(`${c}__frame`) }),
-        (!!D.length || r) && /* @__PURE__ */ N(
+        /* @__PURE__ */ o("div", { className: O(`${s}__frame`) }),
+        (!!N.length || r) && /* @__PURE__ */ j(
           "div",
           {
-            "data-testid": s("end-adornments"),
-            className: S(`${c}__adornment-container`),
+            "data-testid": g("end-adornments"),
+            className: O(`${s}__adornment-container`),
             children: [
-              D,
+              N,
               r
             ]
           }
@@ -1019,12 +1019,12 @@ const Pe = /* @__PURE__ */ je(Me), ke = {
       ] }),
       !!p && p
     ] }),
-    C && /* @__PURE__ */ o(Qt, { "data-testid": s("helper-text"), id: C, children: u }),
-    e && /* @__PURE__ */ o(Zt, { "data-testid": s("error-text"), children: e })
+    y && /* @__PURE__ */ o(Xt, { "data-testid": g("helper-text"), id: y, children: u }),
+    e && /* @__PURE__ */ o(Wt, { "data-testid": g("error-text"), children: e })
   ] });
-}, Jr = Q(ze);
+}, Jr = U(Re);
 Jr.displayName = "TextField";
-function Be(t) {
+function De(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var J = { exports: {} };
@@ -1034,7 +1034,7 @@ var J = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Br;
-function Re() {
+function Ie() {
   return Br || (Br = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -1066,8 +1066,8 @@ function Re() {
     })();
   }(J)), J.exports;
 }
-var De = Re();
-const Kr = /* @__PURE__ */ Be(De), Ie = {
+var Le = Ie();
+const Kr = /* @__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",
@@ -1078,10 +1078,10 @@ const Kr = /* @__PURE__ */ Be(De), Ie = {
   "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"
-}, Le = {
+}, Fe = {
   LG: "lg"
 };
-function Ee(t) {
+function Ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Rr = { exports: {} };
@@ -1091,7 +1091,7 @@ var Rr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Dr;
-function Fe() {
+function Ze() {
   return Dr || (Dr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -1123,22 +1123,22 @@ function Fe() {
     })();
   }(Rr)), Rr.exports;
 }
-var Ve = Fe();
-const Ir = /* @__PURE__ */ Ee(Ve), Ze = "_rotate_12t9p_1", He = "_dash_12t9p_1", H = {
+var He = Ze();
+const Ir = /* @__PURE__ */ Ve(He), We = "_rotate_12t9p_1", Ge = "_dash_12t9p_1", W = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ze,
+  rotate: We,
   "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,
+  dash: Ge,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, T = "purpur-spinner", Te = {
+}, G = "purpur-spinner", Te = {
   SM: "sm"
-}, We = ({
+}, Qe = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
@@ -1147,15 +1147,15 @@ const Ir = /* @__PURE__ */ Ee(Ve), Ze = "_rotate_12t9p_1", He = "_dash_12t9p_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: Ir([H[T], H[`${T}--${a}`]]),
+    className: Ir([W[G], W[`${G}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: Ir(H[`${T}__circle`], {
-          [H[`${T}__circle--disabled`]]: i,
-          [H[`${T}__circle--negative`]]: n
+        className: Ir(W[`${G}__circle`], {
+          [W[`${G}__circle--disabled`]]: i,
+          [W[`${G}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -1164,7 +1164,7 @@ const Ir = /* @__PURE__ */ Ee(Ve), Ze = "_rotate_12t9p_1", He = "_dash_12t9p_1",
     ) })
   }
 );
-function Ge(t) {
+function Ue(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Lr = { exports: {} };
@@ -1174,7 +1174,7 @@ var Lr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Er;
-function Qe() {
+function Xe() {
   return Er || (Er = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -1206,8 +1206,8 @@ function Qe() {
     })();
   }(Lr)), Lr.exports;
 }
-var Ue = Qe();
-const Xe = /* @__PURE__ */ Ge(Ue), Ye = {
+var Ye = Xe();
+const Je = /* @__PURE__ */ Ue(Ye), Ke = {
   "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,7 +1229,7 @@ const Xe = /* @__PURE__ */ Ge(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), k = "purpur-button", Ke = ({
+}, rn = Je.bind(Ke), C = "purpur-button", tn = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -1241,47 +1241,47 @@ const Xe = /* @__PURE__ */ Ge(Ue), Ye = {
   onClick: f,
   size: b = "md",
   variant: v,
-  type: j = "button",
-  ...$
+  type: M = "button",
+  ...q
 }, l) => {
   if (r && v === "destructive")
     return null;
-  const h = Je(
+  const x = rn(
     [
-      k,
-      `${k}--${u ? `${v}-negative` : v}`,
-      `${k}--${b}`
+      C,
+      `${C}--${u ? `${v}-negative` : v}`,
+      `${C}--${b}`
     ],
     {
-      [`${k}--icon-only`]: r,
-      [`${k}--negative`]: u,
-      [`${k}--full-width`]: p,
-      [`${k}--disabled`]: a || e
+      [`${C}--icon-only`]: r,
+      [`${C}--negative`]: u,
+      [`${C}--full-width`]: p,
+      [`${C}--disabled`]: a || e
     },
     i
-  ), q = (m) => {
+  ), A = (m) => {
     a || e ? m.preventDefault() : f && f(m);
-  }, y = !!$["aria-disabled"] || a || e;
-  return /* @__PURE__ */ N(
+  }, S = !!q["aria-disabled"] || a || e;
+  return /* @__PURE__ */ j(
     "button",
     {
-      className: h,
+      className: x,
       "data-testid": n,
-      type: j,
+      type: M,
       ref: l,
-      "aria-disabled": y,
-      onClick: q,
-      ...$,
+      "aria-disabled": S,
+      onClick: A,
+      ...q,
       children: [
-        e && /* @__PURE__ */ o(We, { size: b === Le.LG ? "xs" : "xxs", negative: u, disabled: y }),
+        e && /* @__PURE__ */ o(Qe, { size: b === Fe.LG ? "xs" : "xxs", negative: u, disabled: S }),
         " ",
         t
       ]
     }
   );
-}, rt = Q(Ke);
+}, rt = U(tn);
 rt.displayName = "Button";
-function rn(t) {
+function en(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Fr = { exports: {} };
@@ -1291,7 +1291,7 @@ var Fr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Vr;
-function tn() {
+function nn() {
   return Vr || (Vr = 1, function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -1323,8 +1323,8 @@ function tn() {
     })();
   }(Fr)), Fr.exports;
 }
-var en = tn();
-const nn = /* @__PURE__ */ rn(en), un = {
+var un = nn();
+const pn = /* @__PURE__ */ en(un), an = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1332,26 +1332,26 @@ 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"
-}, 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 } = {}) => {
+}, 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 } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${on(n)}>${a}${t}</svg>`;
-}, sn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
+  return `<svg ${sn(n)}>${a}${t}</svg>`;
+}, _n = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: a,
-  size: p = an,
+  size: p = ln,
   ...r
 }) => {
-  const e = ln({
-    content: sn(i.svg),
+  const e = cn({
+    content: _n(i.svg),
     title: n
-  }), u = pn(a, Zr, `${Zr}--${p}`);
+  }), u = on(a, Zr, `${Zr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -1363,27 +1363,27 @@ const nn = /* @__PURE__ */ rn(en), un = {
   );
 };
 tr.displayName = "Icon";
-const cn = {
+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: cn });
+}, tt = (t) => /* @__PURE__ */ o(tr, { ...t, svg: dn });
 tt.displayName = "IconMinus";
-const _n = {
+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: _n });
+}, et = (t) => /* @__PURE__ */ o(tr, { ...t, svg: fn });
 et.displayName = "IconPlus";
-const dn = {
+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"
-}, fn = Kr.bind(dn), W = "purpur-quantity-selector-button", vn = ({
+}, gn = Kr.bind(vn), T = "purpur-quantity-selector-button", bn = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1391,13 +1391,13 @@ const dn = {
   buttonType: p,
   onClick: r
 }) => {
-  const e = fn([
-    W,
+  const e = gn([
+    T,
     {
-      [`${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"
+      [`${T}--gap-left`]: n && p === "decrement",
+      [`${T}--gap-right`]: n && p === "increment",
+      [`${T}--no-gap-left`]: !n && p === "decrement",
+      [`${T}--no-gap-right`]: !n && p === "increment"
     }
   ]);
   return /* @__PURE__ */ o(
@@ -1415,7 +1415,7 @@ const dn = {
       children: p === "increment" ? /* @__PURE__ */ o(et, { size: "xs" }) : /* @__PURE__ */ o(tt, { size: "xs" })
     }
   );
-}, Hr = Kr.bind(Ie), xn = ["attached", "separated"], hn = ["primary", "secondary"], w = "purpur-quantity-selector", gn = Q(
+}, Hr = Kr.bind(Ee), wn = ["attached", "separated"], $n = ["primary", "secondary"], $ = "purpur-quantity-selector", mn = U(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1428,69 +1428,72 @@ const dn = {
     disabled: f,
     loading: b,
     minValue: v,
-    maxValue: j,
-    ...$
-  }, 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;
+    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(() => {
-      s && q(r);
-    }, [r, s]), ur(() => {
-      if (!s) {
-        const g = setTimeout(() => {
-          q(y);
+      y && m(r);
+    }, [r, y]), ur(() => {
+      if (!y) {
+        const d = setTimeout(() => {
+          m(g);
         }, 300);
-        return () => clearTimeout(g);
+        return () => clearTimeout(d);
       }
-    }, [y, s, p]);
-    const D = Hr([
+    }, [g, y, p]);
+    const _ = Hr([
       i,
-      w,
+      $,
       {
-        [`${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
+        [`${$}--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
       }
-    ]), U = (g) => {
-      if (!/^[0-9]*$/.test(g.target.value))
+    ]), nt = (d) => {
+      if (!/^[0-9]*$/.test(d.target.value))
         return;
-      const G = +g.target.value;
-      G < z || G > B || (s || m(G), p(G));
-    }, d = (g) => {
-      const R = g === "increment" ? O + 1 : O - 1;
-      R < 0 || (s || m(R), p(R));
-    }, er = (g) => {
-      const R = g === "increment" && A || g === "decrement" && M;
+      const Q = +d.target.value;
+      Q < z || Q > B || (y || D(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;
       return /* @__PURE__ */ o(
-        vn,
+        bn,
         {
-          "data-testid": C("button-" + g),
+          "data-testid": I("button-" + d),
           variant: a,
-          buttonType: g,
+          buttonType: d,
           hasGap: n === "separated",
-          onClick: d,
-          disabled: x || R
+          onClick: ut,
+          disabled: w || R,
+          "aria-label": d === "increment" ? l : q
         }
       );
-    }, nt = /* @__PURE__ */ N(Tr, { children: [
+    }, it = /* @__PURE__ */ j(Wr, { children: [
       b && /* @__PURE__ */ o(
         "div",
         {
           className: Hr([
-            `${w}__spinner`,
+            `${$}__spinner`,
             {
-              [`${w}__spinner--full-width`]: u,
-              [`${w}__spinner--separated`]: !u && n === "separated"
+              [`${$}__spinner--full-width`]: u,
+              [`${$}__spinner--separated`]: !u && n === "separated"
             }
           ]),
           children: /* @__PURE__ */ o(
-            _t,
+            ft,
             {
-              disabled: x,
+              disabled: w,
               size: "xs",
-              "data-testid": C("spinner")
+              "data-testid": I("spinner")
             },
             "spinner"
           )
@@ -1501,26 +1504,30 @@ const dn = {
     return /* @__PURE__ */ o(
       Jr,
       {
-        value: O,
+        value: h,
         type: "number",
-        ref: l,
-        className: D,
+        ref: A,
+        className: _,
         "data-testid": t,
-        onChange: U,
-        beforeField: nt,
+        onChange: nt,
+        beforeField: it,
         afterField: er("increment"),
-        disabled: x,
+        disabled: w,
         min: z,
         max: B,
-        ...$
+        role: "spinbutton",
+        "aria-valuenow": h,
+        "aria-valuemax": B,
+        "aria-valuemin": z,
+        ...x
       }
     );
   }
 );
-gn.displayName = "QuantitySelector";
+mn.displayName = "QuantitySelector";
 export {
-  gn as QuantitySelector,
-  hn as quantitySelectorButtonVariants,
-  xn as quantitySelectorVariants
+  mn as QuantitySelector,
+  $n as quantitySelectorButtonVariants,
+  wn as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map