@purpurds/quantity-selector 5.25.0 → 5.26.0

package/dist/quantity-selector.es.js

@@ -1,10 +1,10 @@
-import { jsx as o, jsxs as S, Fragment as Vr } from "react/jsx-runtime";
-import { forwardRef as N, Children as G, isValidElement as T, createElement as H, cloneElement as vr, useEffect as xr, useId as Zr, Fragment as Gr, useRef as Hr, useState as nr } from "react";
+import { jsx as o, jsxs as S, Fragment as Zr } from "react/jsx-runtime";
+import { forwardRef as N, Children as R, isValidElement as Q, createElement as T, Fragment as Hr, cloneElement as gr, useEffect as xr, useId as Rr, useRef as Tr, useState as nr } from "react";
 import "react-dom";
-function Rr(t) {
+function Gr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var mr = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -39,44 +39,40 @@ var mr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(mr);
-var Tr = mr.exports;
-const ur = /* @__PURE__ */ Rr(Tr), Qr = "_rotate_1xozj_1", Jr = "_dash_1xozj_1", D = {
+})(br);
+var Qr = br.exports;
+const ur = /* @__PURE__ */ Gr(Qr), Xr = "_rotate_1xozj_1", Yr = "_dash_1xozj_1", k = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Qr,
+  rotate: Xr,
   "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: Jr,
+  dash: Yr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, L = "purpur-spinner", Ur = {
-  XXS: "xxs",
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg"
-}, Yr = ({
+}, I = "purpur-spinner", Jr = {
+  SM: "sm"
+}, Ur = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = Ur.SM,
+  size: a = Jr.SM,
   ...p
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: ur([D[L], D[`${L}--${a}`]]),
+    className: ur([k[I], k[`${I}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: ur(D[`${L}__circle`], {
-          [D[`${L}__circle--disabled`]]: i,
-          [D[`${L}__circle--negative`]]: n
+        className: ur(k[`${I}__circle`], {
+          [k[`${I}__circle--disabled`]]: i,
+          [k[`${I}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -85,14 +81,12 @@ const ur = /* @__PURE__ */ Rr(Tr), Qr = "_rotate_1xozj_1", Jr = "_dash_1xozj_1",
     ) })
   }
 ), Wr = {
-  SM: "sm",
-  MD: "md",
   LG: "lg"
 };
 function Kr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var br = { exports: {} };
+var mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -127,9 +121,9 @@ var br = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(br);
-var rt = br.exports;
-const ir = /* @__PURE__ */ Kr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1", k = {
+})(mr);
+var rt = mr.exports;
+const ir = /* @__PURE__ */ Kr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1", F = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: tt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -141,12 +135,8 @@ const ir = /* @__PURE__ */ Kr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1",
   dash: et,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, I = "purpur-spinner", nt = {
-  XXS: "xxs",
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg"
+}, L = "purpur-spinner", nt = {
+  SM: "sm"
 }, ut = ({
   ["data-testid"]: t,
   disabled: i = !1,
@@ -156,15 +146,15 @@ const ir = /* @__PURE__ */ Kr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: ir([k[I], k[`${I}--${a}`]]),
+    className: ir([F[L], F[`${L}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: ir(k[`${I}__circle`], {
-          [k[`${I}__circle--disabled`]]: i,
-          [k[`${I}__circle--negative`]]: n
+        className: ir(F[`${L}__circle`], {
+          [F[`${L}__circle--disabled`]]: i,
+          [F[`${L}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -234,7 +224,7 @@ const pt = /* @__PURE__ */ it(at), ot = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, st = pt.bind(ot), M = "purpur-button", lt = ({
+}, st = pt.bind(ot), A = "purpur-button", lt = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -244,7 +234,7 @@ const pt = /* @__PURE__ */ it(at), ot = {
   loading: e = !1,
   negative: u = !1,
   onClick: d,
-  size: m = "md",
+  size: b = "md",
   variant: f,
   type: z = "button",
   ...h
@@ -253,20 +243,20 @@ const pt = /* @__PURE__ */ it(at), ot = {
     return null;
   const x = st(
     [
-      M,
-      `${M}--${u ? `${f}-negative` : f}`,
-      `${M}--${m}`
+      A,
+      `${A}--${u ? `${f}-negative` : f}`,
+      `${A}--${b}`
     ],
     {
-      [`${M}--icon-only`]: r,
-      [`${M}--negative`]: u,
-      [`${M}--full-width`]: p,
-      [`${M}--disabled`]: a || e
+      [`${A}--icon-only`]: r,
+      [`${A}--negative`]: u,
+      [`${A}--full-width`]: p,
+      [`${A}--disabled`]: a || e
     },
     i
-  ), g = (v) => {
-    a || e ? v.preventDefault() : d && d(v);
-  }, b = !!h["aria-disabled"] || a || e;
+  ), v = (g) => {
+    a || e ? g.preventDefault() : d && d(g);
+  }, m = !!h["aria-disabled"] || a || e;
   return /* @__PURE__ */ S(
     "button",
     {
@@ -274,11 +264,11 @@ const pt = /* @__PURE__ */ it(at), ot = {
       "data-testid": n,
       type: z,
       ref: s,
-      "aria-disabled": b,
-      onClick: g,
+      "aria-disabled": m,
+      onClick: v,
       ...h,
       children: [
-        e && /* @__PURE__ */ o(ut, { size: m === Wr.LG ? "xs" : "xxs", negative: u, disabled: b }),
+        e && /* @__PURE__ */ o(ut, { size: b === Wr.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
@@ -334,19 +324,19 @@ const dt = /* @__PURE__ */ ct(_t), ft = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, gt = {
+}, vt = {
   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"
-}, vt = dt.bind(ft), ar = "purpur-icon", xt = "md", mt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), bt = ({ content: t = "", title: i } = {}) => {
+}, gt = dt.bind(ft), ar = "purpur-icon", xt = "md", bt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), mt = ({ 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 ${mt(n)}>${a}${t}</svg>`;
+  return `<svg ${bt(n)}>${a}${t}</svg>`;
 }, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $r = ({
   ["data-testid"]: t,
   svg: i,
@@ -355,10 +345,10 @@ const dt = /* @__PURE__ */ ct(_t), ft = {
   size: p = xt,
   ...r
 }) => {
-  const e = bt({
+  const e = mt({
     content: yt(i.svg),
     title: n
-  }), u = vt(a, ar, `${ar}--${p}`);
+  }), u = gt(a, ar, `${ar}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -429,7 +419,7 @@ const $t = /* @__PURE__ */ ht(wt), pr = {
     "aria-relevant": a,
     ...p,
     children: [
-      /* @__PURE__ */ o($r, { svg: gt, size: "xs", className: pr[`${or}__icon`] }),
+      /* @__PURE__ */ o($r, { svg: vt, size: "xs", className: pr[`${or}__icon`] }),
       i
     ]
   }
@@ -533,8 +523,8 @@ var Nr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Nr);
-var Mt = Nr.exports;
-const At = /* @__PURE__ */ qt(Mt), Pt = {
+var At = Nr.exports;
+const Mt = /* @__PURE__ */ qt(At), Pt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -568,26 +558,26 @@ const Or = (t) => /* @__PURE__ */ o(
   }
 );
 Or.displayName = "IconClose";
-const Dt = At.bind(Pt), cr = "purpur-icon", Lt = "md", kt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), It = ({ content: t = "", title: i } = {}) => {
+const kt = Mt.bind(Pt), cr = "purpur-icon", It = "md", Ft = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Lt = ({ 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 ${kt(n)}>${a}${t}</svg>`;
-}, Xt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
+  return `<svg ${Ft(n)}>${a}${t}</svg>`;
+}, Dt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: a,
-  size: p = Lt,
+  size: p = It,
   ...r
 }) => {
-  const e = It({
-    content: Xt(i.svg),
+  const e = Lt({
+    content: Dt(i.svg),
     title: n
-  }), u = Dt(a, cr, `${cr}--${p}`);
+  }), u = kt(a, cr, `${cr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -609,40 +599,40 @@ function B() {
     return t;
   }, B.apply(null, arguments);
 }
-function Ft(t, i) {
+function Vt(t, i) {
   typeof t == "function" ? t(i) : t != null && (t.current = i);
 }
 function Et(...t) {
   return (i) => t.forEach(
-    (n) => Ft(n, i)
+    (n) => Vt(n, i)
   );
 }
 const qr = /* @__PURE__ */ N((t, i) => {
-  const { children: n, ...a } = t, p = G.toArray(n), r = p.find(Zt);
+  const { children: n, ...a } = t, p = R.toArray(n), r = p.find(Ht);
   if (r) {
-    const e = r.props.children, u = p.map((d) => d === r ? G.count(e) > 1 ? G.only(null) : /* @__PURE__ */ T(e) ? e.props.children : null : d);
-    return /* @__PURE__ */ H(rr, B({}, a, {
+    const e = r.props.children, u = p.map((d) => d === r ? R.count(e) > 1 ? R.only(null) : /* @__PURE__ */ Q(e) ? e.props.children : null : d);
+    return /* @__PURE__ */ T(rr, B({}, a, {
       ref: i
-    }), /* @__PURE__ */ T(e) ? /* @__PURE__ */ vr(e, void 0, u) : null);
+    }), /* @__PURE__ */ Q(e) ? /* @__PURE__ */ gr(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ H(rr, B({}, a, {
+  return /* @__PURE__ */ T(rr, B({}, a, {
     ref: i
   }), n);
 });
 qr.displayName = "Slot";
 const rr = /* @__PURE__ */ N((t, i) => {
   const { children: n, ...a } = t;
-  return /* @__PURE__ */ T(n) ? /* @__PURE__ */ vr(n, {
-    ...Gt(a, n.props),
+  return /* @__PURE__ */ Q(n) ? /* @__PURE__ */ gr(n, {
+    ...Rt(a, n.props),
     ref: i ? Et(i, n.ref) : n.ref
-  }) : G.count(n) > 1 ? G.only(null) : null;
+  }) : R.count(n) > 1 ? R.only(null) : null;
 });
 rr.displayName = "SlotClone";
-const Vt = ({ children: t }) => /* @__PURE__ */ H(Gr, null, t);
-function Zt(t) {
-  return /* @__PURE__ */ T(t) && t.type === Vt;
+const Zt = ({ children: t }) => /* @__PURE__ */ T(Hr, null, t);
+function Ht(t) {
+  return /* @__PURE__ */ Q(t) && t.type === Zt;
 }
-function Gt(t, i) {
+function Rt(t, i) {
   const n = {
     ...i
   };
@@ -663,7 +653,7 @@ function Gt(t, i) {
     ...n
   };
 }
-const Ht = [
+const Tt = [
   "a",
   "button",
   "div",
@@ -680,12 +670,12 @@ const Ht = [
   "span",
   "svg",
   "ul"
-], Rt = Ht.reduce((t, i) => {
+], Gt = Tt.reduce((t, i) => {
   const n = /* @__PURE__ */ N((a, p) => {
     const { asChild: r, ...e } = a, u = r ? qr : i;
     return xr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ H(u, B({}, e, {
+    }, []), /* @__PURE__ */ T(u, B({}, e, {
       ref: p
     }));
   });
@@ -693,17 +683,17 @@ const Ht = [
     ...t,
     [i]: n
   };
-}, {}), Tt = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ H(Rt.label, B({}, t, {
+}, {}), Qt = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ T(Gt.label, B({}, t, {
   ref: i,
   onMouseDown: (n) => {
     var a;
     (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), Qt = Tt;
-function Jt(t) {
+}))), Xt = Qt;
+function Yt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Mr = { exports: {} };
+var Ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -738,9 +728,9 @@ var Mr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Mr);
-var Ut = Mr.exports;
-const Yt = /* @__PURE__ */ Jt(Ut), W = {
+})(Ar);
+var Jt = Ar.exports;
+const Ut = /* @__PURE__ */ Yt(Jt), W = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
@@ -753,7 +743,7 @@ const Yt = /* @__PURE__ */ Jt(Ut), W = {
   negative: r = !1,
   ...e
 }) => {
-  const u = Yt([
+  const u = Ut([
     i,
     W[K],
     {
@@ -761,12 +751,12 @@ const Yt = /* @__PURE__ */ Jt(Ut), W = {
       [W[`${K}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o(Qt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ o(Xt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
 };
 function Kt(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
@@ -801,9 +791,9 @@ var Ar = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ar);
-var re = Ar.exports;
-const _r = /* @__PURE__ */ Kt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1", X = {
+})(Mr);
+var re = Mr.exports;
+const _r = /* @__PURE__ */ Kt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1", D = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: te,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -815,12 +805,8 @@ const _r = /* @__PURE__ */ Kt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1",
   dash: ee,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, F = "purpur-spinner", ne = {
-  XXS: "xxs",
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg"
+}, V = "purpur-spinner", ne = {
+  SM: "sm"
 }, ue = ({
   ["data-testid"]: t,
   disabled: i = !1,
@@ -830,15 +816,15 @@ const _r = /* @__PURE__ */ Kt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: _r([X[F], X[`${F}--${a}`]]),
+    className: _r([D[V], D[`${V}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: _r(X[`${F}__circle`], {
-          [X[`${F}__circle--disabled`]]: i,
-          [X[`${F}__circle--negative`]]: n
+        className: _r(D[`${V}__circle`], {
+          [D[`${V}__circle--disabled`]]: i,
+          [D[`${V}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -904,7 +890,7 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
-}, se = (t) => Hr(t), $ = pe.bind(oe), _ = "purpur-text-field", le = ({
+}, se = (t) => Tr(t), $ = pe.bind(oe), _ = "purpur-text-field", le = ({
   ["data-testid"]: t,
   className: i,
   clearButtonAllyLabel: n,
@@ -914,20 +900,20 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
   errorText: e,
   helperText: u,
   label: d,
-  loading: m = !1,
+  loading: b = !1,
   onClear: f,
   startAdornment: z,
   valid: h = !1,
   ...s
 }, x) => {
-  var g;
-  const b = Zr(), v = s.id ?? b, c = (l) => t ? `${t}-${l}` : void 0, P = h && !e, O = u ? `${v}-helper-text` : void 0, w = [z].filter((l) => !!l), j = (typeof s.value == "number" ? s.value !== void 0 : (g = s.value) == null ? void 0 : g.length) && !s.disabled && !s.readOnly && !m && f && n, R = se(null), Q = (l) => {
-    R.current = l, typeof x == "function" ? x(l) : x && (x.current = l);
-  }, J = () => {
+  var v;
+  const m = Rr(), g = s.id ?? m, c = (l) => t ? `${t}-${l}` : void 0, P = h && !e, O = u ? `${g}-helper-text` : void 0, w = [z].filter((l) => !!l), j = (typeof s.value == "number" ? s.value !== void 0 : (v = s.value) == null ? void 0 : v.length) && !s.disabled && !s.readOnly && !b && f && n, G = se(null), X = (l) => {
+    G.current = l, typeof x == "function" ? x(l) : x && (x.current = l);
+  }, Y = () => {
     var l;
-    f == null || f(), (l = R.current) == null || l.focus();
+    f == null || f(), (l = G.current) == null || l.focus();
   }, C = [
-    m && /* @__PURE__ */ o(
+    b && /* @__PURE__ */ o(
       ue,
       {
         disabled: s.disabled,
@@ -940,7 +926,7 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
       hr,
       {
         variant: "tertiary-purple",
-        onClick: J,
+        onClick: Y,
         iconOnly: !0,
         "aria-label": n ?? "",
         "data-testid": c("clear-button"),
@@ -957,7 +943,7 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
       },
       "valid-icon"
     )
-  ].filter((l) => !!l), U = $([
+  ].filter((l) => !!l), J = $([
     `${_}__input-container`,
     {
       [`${_}__input-container--start-adornment`]: w.length,
@@ -971,7 +957,7 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
     d && /* @__PURE__ */ o(
       Wt,
       {
-        htmlFor: v,
+        htmlFor: g,
         className: $(`${_}__label`),
         "data-testid": c("label"),
         disabled: s.disabled,
@@ -980,7 +966,7 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
     ),
     /* @__PURE__ */ S("div", { className: $(`${_}__field-row`), children: [
       !!a && a,
-      /* @__PURE__ */ S("div", { className: U, children: [
+      /* @__PURE__ */ S("div", { className: J, children: [
         !!w.length && /* @__PURE__ */ o(
           "div",
           {
@@ -993,8 +979,8 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
           "input",
           {
             ...s,
-            id: v,
-            ref: Q,
+            id: g,
+            ref: X,
             "data-testid": c("input"),
             "aria-describedby": s["aria-describedby"] || O,
             "aria-invalid": s["aria-invalid"] || !!e,
@@ -1067,7 +1053,7 @@ var Br = { exports: {} };
   })();
 })(Br);
 var _e = Br.exports;
-const Dr = /* @__PURE__ */ ce(_e), de = {
+const kr = /* @__PURE__ */ ce(_e), de = {
   "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",
@@ -1079,14 +1065,12 @@ const Dr = /* @__PURE__ */ ce(_e), de = {
   "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"
 }, fe = {
-  SM: "sm",
-  MD: "md",
   LG: "lg"
 };
-function ge(t) {
+function ve(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var Ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1121,9 +1105,9 @@ var Lr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Lr);
-var ve = Lr.exports;
-const dr = /* @__PURE__ */ ge(ve), xe = "_rotate_1xozj_1", me = "_dash_1xozj_1", E = {
+})(Ir);
+var ge = Ir.exports;
+const dr = /* @__PURE__ */ ve(ge), xe = "_rotate_1xozj_1", be = "_dash_1xozj_1", E = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: xe,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -1132,33 +1116,29 @@ const dr = /* @__PURE__ */ ge(ve), xe = "_rotate_1xozj_1", me = "_dash_1xozj_1",
   "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: me,
+  dash: be,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, V = "purpur-spinner", be = {
-  XXS: "xxs",
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg"
+}, Z = "purpur-spinner", me = {
+  SM: "sm"
 }, ye = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = be.SM,
+  size: a = me.SM,
   ...p
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: dr([E[V], E[`${V}--${a}`]]),
+    className: dr([E[Z], E[`${Z}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: dr(E[`${V}__circle`], {
-          [E[`${V}__circle--disabled`]]: i,
-          [E[`${V}__circle--negative`]]: n
+        className: dr(E[`${Z}__circle`], {
+          [E[`${Z}__circle--disabled`]]: i,
+          [E[`${Z}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -1170,7 +1150,7 @@ const dr = /* @__PURE__ */ ge(ve), xe = "_rotate_1xozj_1", me = "_dash_1xozj_1",
 function he(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} };
+var Fr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1205,8 +1185,8 @@ var kr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(kr);
-var we = kr.exports;
+})(Fr);
+var we = Fr.exports;
 const $e = /* @__PURE__ */ he(we), je = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
@@ -1228,7 +1208,7 @@ const $e = /* @__PURE__ */ he(we), je = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, Se = $e.bind(je), A = "purpur-button", Ne = ({
+}, Se = $e.bind(je), M = "purpur-button", Ne = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -1238,7 +1218,7 @@ const $e = /* @__PURE__ */ he(we), je = {
   loading: e = !1,
   negative: u = !1,
   onClick: d,
-  size: m = "md",
+  size: b = "md",
   variant: f,
   type: z = "button",
   ...h
@@ -1247,20 +1227,20 @@ const $e = /* @__PURE__ */ he(we), je = {
     return null;
   const x = Se(
     [
-      A,
-      `${A}--${u ? `${f}-negative` : f}`,
-      `${A}--${m}`
+      M,
+      `${M}--${u ? `${f}-negative` : f}`,
+      `${M}--${b}`
     ],
     {
-      [`${A}--icon-only`]: r,
-      [`${A}--negative`]: u,
-      [`${A}--full-width`]: p,
-      [`${A}--disabled`]: a || e
+      [`${M}--icon-only`]: r,
+      [`${M}--negative`]: u,
+      [`${M}--full-width`]: p,
+      [`${M}--disabled`]: a || e
     },
     i
-  ), g = (v) => {
-    a || e ? v.preventDefault() : d && d(v);
-  }, b = !!h["aria-disabled"] || a || e;
+  ), v = (g) => {
+    a || e ? g.preventDefault() : d && d(g);
+  }, m = !!h["aria-disabled"] || a || e;
   return /* @__PURE__ */ S(
     "button",
     {
@@ -1268,22 +1248,22 @@ const $e = /* @__PURE__ */ he(we), je = {
       "data-testid": n,
       type: z,
       ref: s,
-      "aria-disabled": b,
-      onClick: g,
+      "aria-disabled": m,
+      onClick: v,
       ...h,
       children: [
-        e && /* @__PURE__ */ o(ye, { size: m === fe.LG ? "xs" : "xxs", negative: u, disabled: b }),
+        e && /* @__PURE__ */ o(ye, { size: b === fe.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
     }
   );
-}, Ir = N(Ne);
-Ir.displayName = "Button";
+}, Lr = N(Ne);
+Lr.displayName = "Button";
 function ze(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Xr = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1318,9 +1298,9 @@ var Xr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Xr);
-var Oe = Xr.exports;
-const qe = /* @__PURE__ */ ze(Oe), Me = {
+})(Dr);
+var Oe = Dr.exports;
+const qe = /* @__PURE__ */ ze(Oe), Ae = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1328,7 +1308,7 @@ const qe = /* @__PURE__ */ ze(Oe), Me = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ae = {
+}, Me = {
   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"],
@@ -1338,14 +1318,14 @@ const qe = /* @__PURE__ */ ze(Oe), Me = {
   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"
-}, Fr = (t) => /* @__PURE__ */ o(
+}, Vr = (t) => /* @__PURE__ */ o(
   er,
   {
     ...t,
-    svg: Ae
+    svg: Me
   }
 );
-Fr.displayName = "IconMinus";
+Vr.displayName = "IconMinus";
 const Er = (t) => /* @__PURE__ */ o(
   er,
   {
@@ -1354,15 +1334,15 @@ const Er = (t) => /* @__PURE__ */ o(
   }
 );
 Er.displayName = "IconPlus";
-const Ce = qe.bind(Me), fr = "purpur-icon", Be = "md", De = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Le = ({ content: t = "", title: i } = {}) => {
+const Ce = qe.bind(Ae), fr = "purpur-icon", Be = "md", ke = (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 ${De(n)}>${a}${t}</svg>`;
-}, ke = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), er = ({
+  return `<svg ${ke(n)}>${a}${t}</svg>`;
+}, Fe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), er = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
@@ -1370,8 +1350,8 @@ const Ce = qe.bind(Me), fr = "purpur-icon", Be = "md", De = (t) => t.filter((i)
   size: p = Be,
   ...r
 }) => {
-  const e = Le({
-    content: ke(i.svg),
+  const e = Ie({
+    content: Fe(i.svg),
     title: n
   }), u = Ce(a, fr, `${fr}--${p}`);
   return /* @__PURE__ */ o(
@@ -1386,13 +1366,13 @@ const Ce = qe.bind(Me), fr = "purpur-icon", Be = "md", De = (t) => t.filter((i)
   );
 };
 er.displayName = "Icon";
-const Ie = {
+const Le = {
   "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"
-}, Xe = Dr.bind(Ie), Z = "purpur-quantity-selector-button", Fe = ({
+}, De = kr.bind(Le), H = "purpur-quantity-selector-button", Ve = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1400,17 +1380,17 @@ const Ie = {
   buttonType: p,
   onClick: r
 }) => {
-  const e = Xe([
-    Z,
+  const e = De([
+    H,
     {
-      [`${Z}--gap-left`]: n && p === "decrement",
-      [`${Z}--gap-right`]: n && p === "increment",
-      [`${Z}--no-gap-left`]: !n && p === "decrement",
-      [`${Z}--no-gap-right`]: !n && p === "increment"
+      [`${H}--gap-left`]: n && p === "decrement",
+      [`${H}--gap-right`]: n && p === "increment",
+      [`${H}--no-gap-left`]: !n && p === "decrement",
+      [`${H}--no-gap-right`]: !n && p === "increment"
     }
   ]);
   return /* @__PURE__ */ o(
-    Ir,
+    Lr,
     {
       "data-testid": t,
       className: e,
@@ -1421,10 +1401,10 @@ const Ie = {
       iconOnly: !0,
       disabled: i,
       tabIndex: -1,
-      children: p === "increment" ? /* @__PURE__ */ o(Er, { size: "xs" }) : /* @__PURE__ */ o(Fr, { size: "xs" })
+      children: p === "increment" ? /* @__PURE__ */ o(Er, { size: "xs" }) : /* @__PURE__ */ o(Vr, { size: "xs" })
     }
   );
-}, gr = Dr.bind(de), He = ["attached", "separated"], Re = ["primary", "secondary"], y = "purpur-quantity-selector", Ee = N(
+}, vr = kr.bind(de), Te = ["attached", "separated"], Ge = ["primary", "secondary"], y = "purpur-quantity-selector", Ee = N(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1435,22 +1415,22 @@ const Ie = {
     fullWidth: e,
     disabled: u,
     loading: d,
-    minValue: m,
+    minValue: b,
     maxValue: f,
     ...z
   }, h) => {
-    const [s, x] = nr(r ?? 0), [g, b] = nr(s), v = (l) => t ? `${t}-${l}` : void 0, c = u || d, P = Math.max(m ?? 0, 0), O = f ?? Number.MAX_SAFE_INTEGER, w = s === O, j = s === P;
+    const [s, x] = nr(r ?? 0), [v, m] = nr(s), g = (l) => t ? `${t}-${l}` : void 0, c = u || d, P = Math.max(b ?? 0, 0), O = f ?? Number.MAX_SAFE_INTEGER, w = s === O, j = s === P;
     xr(() => {
-      if (g === s)
+      if (v === s)
         return;
       const l = setTimeout(() => {
-        x(g), p(g);
+        x(v), p(v);
       }, 300);
       return () => {
         clearTimeout(l);
       };
-    }, [g, s, p]);
-    const R = gr([
+    }, [v, s, p]);
+    const G = vr([
       i,
       y,
       {
@@ -1461,32 +1441,32 @@ const Ie = {
         [`${y}--full-width`]: e,
         [`${y}--loading`]: d
       }
-    ]), Q = (l) => {
+    ]), X = (l) => {
       if (!/^[0-9]*$/.test(l.target.value))
         return;
-      const Y = +l.target.value;
-      Y < P || Y > O || b(Y);
-    }, J = (l) => {
+      const U = +l.target.value;
+      U < P || U > O || m(U);
+    }, Y = (l) => {
       const q = l === "increment" ? s + 1 : s - 1;
-      q < 0 || (x(q), b(q), p(q));
+      q < 0 || (x(q), m(q), p(q));
     }, C = (l) => {
       const q = l === "increment" && w || l === "decrement" && j;
       return /* @__PURE__ */ o(
-        Fe,
+        Ve,
         {
-          "data-testid": v("button-" + l),
+          "data-testid": g("button-" + l),
           variant: a,
           buttonType: l,
           hasGap: n === "separated",
-          onClick: J,
+          onClick: Y,
           disabled: c || q
         }
       );
-    }, U = /* @__PURE__ */ S(Vr, { children: [
+    }, J = /* @__PURE__ */ S(Zr, { children: [
       d && /* @__PURE__ */ o(
         "div",
         {
-          className: gr([
+          className: vr([
             `${y}__spinner`,
             {
               [`${y}__spinner--full-width`]: e,
@@ -1494,11 +1474,11 @@ const Ie = {
             }
           ]),
           children: /* @__PURE__ */ o(
-            Yr,
+            Ur,
             {
               disabled: c,
               size: "xs",
-              "data-testid": v("spinner")
+              "data-testid": g("spinner")
             },
             "spinner"
           )
@@ -1509,13 +1489,13 @@ const Ie = {
     return /* @__PURE__ */ o(
       Cr,
       {
-        value: g,
+        value: v,
         type: "number",
         ref: h,
-        className: R,
+        className: G,
         "data-testid": t,
-        onChange: Q,
-        beforeField: U,
+        onChange: X,
+        beforeField: J,
         afterField: C("increment"),
         disabled: c,
         min: P,
@@ -1528,7 +1508,7 @@ const Ie = {
 Ee.displayName = "QuantitySelector";
 export {
   Ee as QuantitySelector,
-  Re as quantitySelectorButtonVariants,
-  He as quantitySelectorVariants
+  Ge as quantitySelectorButtonVariants,
+  Te as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map