@purpurds/quantity-selector 8.3.0 → 8.4.0

package/dist/quantity-selector.es.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as q, Fragment as Yr } from "react/jsx-runtime";
+import { jsx as o, jsxs as O, Fragment as Yr } from "react/jsx-runtime";
 import * as _ from "react";
 import { forwardRef as T, useId as Jr, useRef as Kr, useState as rr, useEffect as tr } from "react";
 import "react-dom";
@@ -121,7 +121,7 @@ function ct() {
   })(ir)), ir.exports;
 }
 var _t = ct();
-const dt = /* @__PURE__ */ lt(_t), ft = "_rotate_12t9p_1", gt = "_dash_12t9p_1", vt = {
+const dt = /* @__PURE__ */ lt(_t), ft = "_rotate_12t9p_1", vt = "_dash_12t9p_1", gt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: ft,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -130,10 +130,10 @@ const dt = /* @__PURE__ */ lt(_t), ft = "_rotate_12t9p_1", gt = "_dash_12t9p_1",
   "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: gt,
+  dash: vt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, ar = dt.bind(vt), L = "purpur-spinner", bt = {
+}, ar = dt.bind(gt), L = "purpur-spinner", bt = {
   SM: "sm"
 }, mt = ({
   disabled: t = !1,
@@ -162,7 +162,7 @@ var or = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var sr;
-function ht() {
+function xt() {
   return sr || (sr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -194,30 +194,30 @@ function ht() {
     })();
   })(or)), or.exports;
 }
-var xt = ht();
-const $t = /* @__PURE__ */ yt(xt), wt = {
-  "purpur-button": "_purpur-button_1goi7_1",
-  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
-  "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, St = $t.bind(wt), C = "purpur-button", Lr = T(
+var ht = xt();
+const $t = /* @__PURE__ */ yt(ht), jt = {
+  "purpur-button": "_purpur-button_cjx7j_1",
+  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
+  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
+  "purpur-button--md": "_purpur-button--md_cjx7j_34",
+  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
+  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
+  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
+  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
+  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
+  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
+  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
+  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
+  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
+  "purpur-button--text": "_purpur-button--text_cjx7j_185"
+}, wt = $t.bind(jt), C = "purpur-button", Lr = T(
   ({
     children: t,
     className: i,
@@ -231,10 +231,10 @@ const $t = /* @__PURE__ */ yt(xt), wt = {
     variant: l,
     type: y = "button",
     ...f
-  }, j) => {
+  }, q) => {
     if (p && l === "destructive")
       return null;
-    const A = St(
+    const A = wt(
       [
         C,
         `${C}--${e ? `${l}-negative` : l}`,
@@ -247,15 +247,15 @@ const $t = /* @__PURE__ */ yt(xt), wt = {
         [`${C}--disabled`]: n || r
       },
       i
-    ), s = (h) => {
-      n || r ? h.preventDefault() : u && u(h);
+    ), s = (x) => {
+      n || r ? x.preventDefault() : u && u(x);
     }, b = !!f["aria-disabled"] || n || r;
-    return /* @__PURE__ */ q(
+    return /* @__PURE__ */ O(
       "button",
       {
         className: A,
         type: y,
-        ref: j,
+        ref: q,
         "aria-disabled": b,
         onClick: s,
         ...f,
@@ -276,7 +276,7 @@ const $t = /* @__PURE__ */ yt(xt), wt = {
   }
 );
 Lr.displayName = "Button";
-function Nt(t) {
+function St(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var lr = { exports: {} };
@@ -286,7 +286,7 @@ var lr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var cr;
-function Ot() {
+function Nt() {
   return cr || (cr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -318,8 +318,8 @@ function Ot() {
     })();
   })(lr)), lr.exports;
 }
-var qt = Ot();
-const jt = /* @__PURE__ */ Nt(qt), At = {
+var Ot = Nt();
+const qt = /* @__PURE__ */ St(Ot), At = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -327,7 +327,7 @@ const jt = /* @__PURE__ */ Nt(qt), At = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Mt = jt.bind(At), _r = "purpur-icon", Pt = "md", kt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ct = ({ content: t = "", title: i } = {}) => {
+}, Mt = qt.bind(At), _r = "purpur-icon", Pt = "md", kt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ct = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -396,23 +396,23 @@ const Lt = /* @__PURE__ */ It(Dt), Et = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, gr = Lt.bind(Et), G = "purpur-field-error-text", Vt = ({
+}, vr = Lt.bind(Et), G = "purpur-field-error-text", Vt = ({
   children: t,
   className: i,
   negative: n = !1,
   ["aria-relevant"]: a = "additions text",
   ...p
-}) => /* @__PURE__ */ q(
+}) => /* @__PURE__ */ O(
   "div",
   {
-    className: gr(i, G, {
+    className: vr(i, G, {
       [`${G}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
     ...p,
     children: [
-      /* @__PURE__ */ o(Er, { svg: zt, size: "xs", className: gr(`${G}__icon`) }),
+      /* @__PURE__ */ o(Er, { svg: zt, size: "xs", className: vr(`${G}__icon`) }),
       t
     ]
   }
@@ -420,7 +420,7 @@ const Lt = /* @__PURE__ */ It(Dt), Et = {
 function Ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var vr = { exports: {} };
+var gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -457,7 +457,7 @@ function Zt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(vr)), vr.exports;
+  })(gr)), gr.exports;
 }
 var Ht = Zt();
 const Tt = /* @__PURE__ */ Ft(Ht), Wt = {
@@ -529,7 +529,7 @@ 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), hr = "purpur-icon", te = "md", ee = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ne = ({ content: t = "", title: i } = {}) => {
+}, re = Jt.bind(Kt), xr = "purpur-icon", te = "md", ee = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ne = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -541,7 +541,7 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
   const r = ne({
     content: ue(t.svg),
     title: i
-  }), e = re(n, hr, `${hr}--${a}`);
+  }), e = re(n, xr, `${xr}--${a}`);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 Y.displayName = "Icon";
@@ -559,7 +559,7 @@ const pe = {
   category: "utility"
 }, Fr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: pe });
 Fr.displayName = "IconClose";
-function xr(t, i) {
+function hr(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
@@ -568,14 +568,14 @@ function ae(...t) {
   return (i) => {
     let n = !1;
     const a = t.map((p) => {
-      const r = xr(p, i);
+      const r = hr(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() : xr(t[p], null);
+          typeof r == "function" ? r() : hr(t[p], null);
         }
       };
   };
@@ -642,14 +642,14 @@ var fe = [
   "span",
   "svg",
   "ul"
-], ge = fe.reduce((t, i) => {
+], ve = fe.reduce((t, i) => {
   const n = /* @__PURE__ */ oe(`Primitive.${i}`), a = _.forwardRef((p, r) => {
     const { asChild: e, ...u } = p, d = e ? n : i;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(d, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${i}`, { ...t, [i]: a };
-}, {}), ve = "Label", Zr = _.forwardRef((t, i) => /* @__PURE__ */ o(
-  ge.label,
+}, {}), ge = "Label", Zr = _.forwardRef((t, i) => /* @__PURE__ */ o(
+  ve.label,
   {
     ...t,
     ref: i,
@@ -659,7 +659,7 @@ var fe = [
     }
   }
 ));
-Zr.displayName = ve;
+Zr.displayName = ge;
 var be = Zr;
 function me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -670,9 +670,9 @@ var $r = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var wr;
+var jr;
 function ye() {
-  return wr || (wr = 1, (function(t) {
+  return jr || (jr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -703,36 +703,36 @@ function ye() {
     })();
   })($r)), $r.exports;
 }
-var he = ye();
-const xe = /* @__PURE__ */ me(he), $e = {
+var xe = ye();
+const he = /* @__PURE__ */ me(xe), $e = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, we = xe.bind($e), U = "purpur-label", Se = ({
+}, je = he.bind($e), U = "purpur-label", we = ({
   children: t,
   className: i,
   disabled: n,
   negative: a = !1,
   ...p
 }) => {
-  const r = we(i, U, {
+  const r = je(i, U, {
     [`${U}--disabled`]: n,
     [`${U}--negative`]: a
   });
   return /* @__PURE__ */ o(be, { className: r, ...p, children: t });
 };
-function Ne(t) {
+function Se(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Sr = { exports: {} };
+var wr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Nr;
-function Oe() {
-  return Nr || (Nr = 1, (function(t) {
+var Sr;
+function Ne() {
+  return Sr || (Sr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -761,10 +761,10 @@ function Oe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Sr)), Sr.exports;
+  })(wr)), wr.exports;
 }
-var qe = Oe();
-const je = /* @__PURE__ */ Ne(qe), Ae = "_rotate_12t9p_1", Me = "_dash_12t9p_1", Pe = {
+var Oe = Ne();
+const qe = /* @__PURE__ */ Se(Oe), Ae = "_rotate_12t9p_1", Me = "_dash_12t9p_1", Pe = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Ae,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -776,17 +776,17 @@ const je = /* @__PURE__ */ Ne(qe), Ae = "_rotate_12t9p_1", Me = "_dash_12t9p_1",
   dash: Me,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Or = je.bind(Pe), E = "purpur-spinner", ke = {
+}, Nr = qe.bind(Pe), E = "purpur-spinner", ke = {
   SM: "sm"
 }, Ce = ({
   disabled: t = !1,
   negative: i = !1,
   size: n = ke.SM,
   ...a
-}) => /* @__PURE__ */ o("div", { className: Or(E, `${E}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: Nr(E, `${E}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: Or(`${E}__circle`, {
+    className: Nr(`${E}__circle`, {
       [`${E}__circle--disabled`]: t,
       [`${E}__circle--negative`]: i
     }),
@@ -798,15 +798,15 @@ const je = /* @__PURE__ */ Ne(qe), Ae = "_rotate_12t9p_1", Me = "_dash_12t9p_1",
 function Be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} };
+var Or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var jr;
+var qr;
 function ze() {
-  return jr || (jr = 1, (function(t) {
+  return qr || (qr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -835,7 +835,7 @@ function ze() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(qr)), qr.exports;
+  })(Or)), Or.exports;
 }
 var Ie = ze();
 const Re = /* @__PURE__ */ Be(Ie), De = {
@@ -855,7 +855,7 @@ const Re = /* @__PURE__ */ Be(Ie), De = {
   "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"
-}, Le = (t) => Kr(t), O = Re.bind(De), c = "purpur-text-field", Hr = T(
+}, Le = (t) => Kr(t), N = Re.bind(De), c = "purpur-text-field", Hr = T(
   ({
     ["data-testid"]: t,
     className: i,
@@ -869,17 +869,17 @@ const Re = /* @__PURE__ */ Be(Ie), De = {
     label: l,
     loading: y = !1,
     onClear: f,
-    startAdornment: j,
+    startAdornment: q,
     valid: A = !1,
     ...s
   }, b) => {
-    var h;
-    const Z = Jr(), M = s.id ?? Z, m = (g) => t ? `${t}-${g}` : void 0, x = A && !e, $ = u ? `${M}-helper-text` : void 0, z = [j].filter((g) => !!g), w = (typeof s.value == "number" ? s.value !== void 0 : (h = s.value) == null ? void 0 : h.length) && !s.disabled && !s.readOnly && !y && f && n, P = Le(null), I = (g) => {
-      P.current = g, typeof b == "function" ? b(g) : b && (b.current = g);
+    var x;
+    const Z = Jr(), M = s.id ?? Z, m = (v) => t ? `${t}-${v}` : void 0, h = A && !e, $ = u ? `${M}-helper-text` : void 0, z = [q].filter((v) => !!v), j = (typeof s.value == "number" ? s.value !== void 0 : (x = s.value) == null ? void 0 : x.length) && !s.disabled && !s.readOnly && !y && f && n, P = Le(null), I = (v) => {
+      P.current = v, typeof b == "function" ? b(v) : b && (b.current = v);
     }, k = () => {
-      var g;
-      f == null || f(), (g = P.current) == null || g.focus();
-    }, N = [
+      var v;
+      f == null || f(), (v = P.current) == null || v.focus();
+    }, S = [
       y && /* @__PURE__ */ o(
         Ce,
         {
@@ -889,7 +889,7 @@ const Re = /* @__PURE__ */ Be(Ie), De = {
         },
         "spinner"
       ),
-      w && /* @__PURE__ */ o(
+      j && /* @__PURE__ */ o(
         Lr,
         {
           variant: "tertiary-purple",
@@ -902,27 +902,27 @@ const Re = /* @__PURE__ */ Be(Ie), De = {
         },
         "clear-button"
       ),
-      x && /* @__PURE__ */ o(
+      h && /* @__PURE__ */ o(
         Vr,
         {
           "data-testid": m("valid-icon"),
-          className: O(`${c}__valid-icon`)
+          className: N(`${c}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((g) => !!g), W = O(`${c}__input-container`, {
+    ].filter((v) => !!v), W = N(`${c}__input-container`, {
       [`${c}__input-container--start-adornment`]: z.length,
-      [`${c}__input-container--end-adornment`]: N.length || r,
+      [`${c}__input-container--end-adornment`]: S.length || r,
       [`${c}__input-container--disabled`]: s.disabled,
-      [`${c}__input-container--has-clear-button`]: w,
+      [`${c}__input-container--has-clear-button`]: j,
       [`${c}__input-container--readonly`]: s.readOnly && !s.disabled
     });
-    return /* @__PURE__ */ q("div", { className: O(i, c), children: [
-      l && /* @__PURE__ */ q(
-        Se,
+    return /* @__PURE__ */ O("div", { className: N(i, c), children: [
+      l && /* @__PURE__ */ O(
+        we,
         {
           htmlFor: M,
-          className: O(`${c}__label`),
+          className: N(`${c}__label`),
           "data-testid": m("label"),
           disabled: s.disabled,
           children: [
@@ -931,14 +931,14 @@ const Re = /* @__PURE__ */ Be(Ie), De = {
           ]
         }
       ),
-      /* @__PURE__ */ q("div", { className: O(`${c}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: N(`${c}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ q("div", { className: W, children: [
+        /* @__PURE__ */ O("div", { className: W, children: [
           !!z.length && /* @__PURE__ */ o(
             "div",
             {
               "data-testid": m("start-adornments"),
-              className: O(`${c}__adornment-container`),
+              className: N(`${c}__adornment-container`),
               children: z
             }
           ),
@@ -951,23 +951,23 @@ const Re = /* @__PURE__ */ Be(Ie), De = {
               "data-testid": m("input"),
               "aria-describedby": s["aria-describedby"] || $,
               "aria-invalid": s["aria-invalid"] || !!e,
-              className: O([
+              className: N([
                 `${c}__input`,
                 {
-                  [`${c}__input--valid`]: x,
+                  [`${c}__input--valid`]: h,
                   [`${c}__input--error`]: !!e
                 }
               ])
             }
           ),
-          /* @__PURE__ */ o("div", { className: O(`${c}__frame`) }),
-          (!!N.length || r) && /* @__PURE__ */ q(
+          /* @__PURE__ */ o("div", { className: N(`${c}__frame`) }),
+          (!!S.length || r) && /* @__PURE__ */ O(
             "div",
             {
               "data-testid": m("end-adornments"),
-              className: O(`${c}__adornment-container`),
+              className: N(`${c}__adornment-container`),
               children: [
-                N,
+                S,
                 r
               ]
             }
@@ -1156,27 +1156,27 @@ function tn() {
 }
 var en = tn();
 const nn = /* @__PURE__ */ rn(en), un = {
-  "purpur-button": "_purpur-button_1goi7_1",
-  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
-  "purpur-button--text": "_purpur-button--text_1goi7_181"
+  "purpur-button": "_purpur-button_cjx7j_1",
+  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
+  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
+  "purpur-button--md": "_purpur-button--md_cjx7j_34",
+  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
+  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
+  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
+  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
+  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
+  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
+  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
+  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
+  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
+  "purpur-button--text": "_purpur-button--text_cjx7j_185"
 }, pn = nn.bind(un), B = "purpur-button", Wr = T(
   ({
     children: t,
@@ -1191,7 +1191,7 @@ const nn = /* @__PURE__ */ rn(en), un = {
     variant: l,
     type: y = "button",
     ...f
-  }, j) => {
+  }, q) => {
     if (p && l === "destructive")
       return null;
     const A = pn(
@@ -1207,15 +1207,15 @@ const nn = /* @__PURE__ */ rn(en), un = {
         [`${B}--disabled`]: n || r
       },
       i
-    ), s = (h) => {
-      n || r ? h.preventDefault() : u && u(h);
+    ), s = (x) => {
+      n || r ? x.preventDefault() : u && u(x);
     }, b = !!f["aria-disabled"] || n || r;
-    return /* @__PURE__ */ q(
+    return /* @__PURE__ */ O(
       "button",
       {
         className: A,
         type: y,
-        ref: j,
+        ref: q,
         "aria-disabled": b,
         onClick: s,
         ...f,
@@ -1287,7 +1287,7 @@ const ln = /* @__PURE__ */ an(sn), cn = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, _n = ln.bind(cn), Rr = "purpur-icon", dn = "md", fn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), gn = ({ content: t = "", title: i } = {}) => {
+}, _n = ln.bind(cn), Rr = "purpur-icon", dn = "md", fn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), vn = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1295,9 +1295,9 @@ const ln = /* @__PURE__ */ an(sn), cn = {
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
   return `<svg ${fn(n)}>${a}${t}</svg>`;
-}, vn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: t, allyTitle: i, className: n, size: a = dn, ...p }) => {
-  const r = gn({
-    content: vn(t.svg),
+}, gn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: t, allyTitle: i, className: n, size: a = dn, ...p }) => {
+  const r = vn({
+    content: gn(t.svg),
     title: i
   }), e = _n(n, Rr, `${Rr}--${a}`);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
@@ -1323,7 +1323,7 @@ const yn = {
   "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"
-}, hn = Tr.bind(yn), F = "purpur-quantity-selector-button", xn = ({
+}, xn = Tr.bind(yn), F = "purpur-quantity-selector-button", hn = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1331,7 +1331,7 @@ const yn = {
   buttonType: p,
   onClick: r
 }) => {
-  const e = hn(F, {
+  const e = xn(F, {
     [`${F}--gap-left`]: n && p === "decrement",
     [`${F}--gap-right`]: n && p === "increment",
     [`${F}--no-gap-left`]: !n && p === "decrement",
@@ -1352,7 +1352,7 @@ const yn = {
       children: p === "increment" ? /* @__PURE__ */ o(Qr, { size: "xs" }) : /* @__PURE__ */ o(Gr, { size: "xs" })
     }
   );
-}, Dr = Tr.bind(Ze), On = ["attached", "separated"], qn = ["primary", "secondary"], S = "purpur-quantity-selector", $n = T(
+}, Dr = Tr.bind(Ze), Nn = ["attached", "separated"], On = ["primary", "secondary"], w = "purpur-quantity-selector", $n = T(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1366,62 +1366,62 @@ const yn = {
     loading: l,
     minValue: y,
     maxValue: f,
-    ariaLabelDecrement: j,
+    ariaLabelDecrement: q,
     ariaLabelIncrement: A,
     ...s
   }, b) => {
-    const [h, Z] = rr(e ?? 0), [M, m] = rr(h), x = r !== void 0, $ = x ? r : M, z = (v) => t ? `${t}-${v}` : void 0, w = d || l, P = Math.max(y ?? 0, 0), I = f ?? Number.MAX_SAFE_INTEGER, k = $ === I, N = $ === P;
+    const [x, Z] = rr(e ?? 0), [M, m] = rr(x), h = r !== void 0, $ = h ? r : M, z = (g) => t ? `${t}-${g}` : void 0, j = d || l, P = Math.max(y ?? 0, 0), I = f ?? Number.MAX_SAFE_INTEGER, k = $ === I, S = $ === P;
     tr(() => {
-      x && Z(r);
-    }, [r, x]), tr(() => {
-      if (!x) {
-        const v = setTimeout(() => {
+      h && Z(r);
+    }, [r, h]), tr(() => {
+      if (!h) {
+        const g = setTimeout(() => {
           Z(M);
         }, 300);
-        return () => clearTimeout(v);
+        return () => clearTimeout(g);
       }
-    }, [M, x, p]);
-    const W = Dr(i, S, {
-      [`${S}--no-gap`]: n === "attached" && !w && !N && !k,
-      [`${S}--no-gap-disabled-left`]: n === "attached" && !w && !k && N,
-      [`${S}--no-gap-disabled-right`]: n === "attached" && !w && !N && k,
-      [`${S}--no-gap-disabled`]: n === "attached" && (w || k && N),
-      [`${S}--full-width`]: u,
-      [`${S}--loading`]: l
-    }), g = (v) => {
-      if (!/^[0-9]*$/.test(v.target.value))
+    }, [M, h, p]);
+    const W = Dr(i, w, {
+      [`${w}--no-gap`]: n === "attached" && !j && !S && !k,
+      [`${w}--no-gap-disabled-left`]: n === "attached" && !j && !k && S,
+      [`${w}--no-gap-disabled-right`]: n === "attached" && !j && !S && k,
+      [`${w}--no-gap-disabled`]: n === "attached" && (j || k && S),
+      [`${w}--full-width`]: u,
+      [`${w}--loading`]: l
+    }), v = (g) => {
+      if (!/^[0-9]*$/.test(g.target.value))
         return;
-      const H = +v.target.value;
-      H < P || H > I || (x || m(H), p(H));
-    }, Ur = (v) => {
-      const R = v === "increment" ? $ + 1 : $ - 1;
-      R < 0 || (x || m(R), p(R));
-    }, K = (v) => {
-      const R = v === "increment" && k || v === "decrement" && N;
+      const H = +g.target.value;
+      H < P || H > I || (h || m(H), p(H));
+    }, Ur = (g) => {
+      const R = g === "increment" ? $ + 1 : $ - 1;
+      R < 0 || (h || m(R), p(R));
+    }, K = (g) => {
+      const R = g === "increment" && k || g === "decrement" && S;
       return /* @__PURE__ */ o(
-        xn,
+        hn,
         {
-          "data-testid": z("button-" + v),
+          "data-testid": z("button-" + g),
           variant: a,
-          buttonType: v,
+          buttonType: g,
           hasGap: n === "separated",
           onClick: Ur,
-          disabled: w || R,
-          "aria-label": v === "increment" ? A : j
+          disabled: j || R,
+          "aria-label": g === "increment" ? A : q
         }
       );
-    }, Xr = /* @__PURE__ */ q(Yr, { children: [
+    }, Xr = /* @__PURE__ */ O(Yr, { children: [
       l && /* @__PURE__ */ o(
         "div",
         {
-          className: Dr(`${S}__spinner`, {
-            [`${S}__spinner--full-width`]: u,
-            [`${S}__spinner--separated`]: !u && n === "separated"
+          className: Dr(`${w}__spinner`, {
+            [`${w}__spinner--full-width`]: u,
+            [`${w}__spinner--separated`]: !u && n === "separated"
           }),
           children: /* @__PURE__ */ o(
             ot,
             {
-              disabled: w,
+              disabled: j,
               size: "xs",
               "data-testid": z("spinner")
             },
@@ -1439,10 +1439,10 @@ const yn = {
         ref: b,
         className: W,
         "data-testid": t,
-        onChange: g,
+        onChange: v,
         beforeField: Xr,
         afterField: K("increment"),
-        disabled: w,
+        disabled: j,
         min: P,
         max: I,
         role: "spinbutton",
@@ -1457,7 +1457,7 @@ const yn = {
 $n.displayName = "QuantitySelector";
 export {
   $n as QuantitySelector,
-  qn as quantitySelectorButtonVariants,
-  On as quantitySelectorVariants
+  On as quantitySelectorButtonVariants,
+  Nn as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map