@purpurds/quantity-selector 5.35.0 → 6.0.0

package/dist/quantity-selector.es.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as q, Fragment as Hr } from "react/jsx-runtime";
-import { forwardRef as N, Children as Q, isValidElement as Y, createElement as J, cloneElement as br, useEffect as tr, useId as Rr, Fragment as Tr, useRef as Qr, useState as pr } from "react";
+import { forwardRef as N, Children as Q, isValidElement as U, createElement as J, cloneElement as br, useEffect as tr, useId as Rr, Fragment as Tr, useRef as Qr, useState as pr } from "react";
 import "react-dom";
 function Jr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -40,20 +40,20 @@ var yr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(yr);
-var Ur = yr.exports;
-const ar = /* @__PURE__ */ Jr(Ur), Yr = "_rotate_1xozj_1", Kr = "_dash_1xozj_1", I = {
+var Kr = yr.exports;
+const ar = /* @__PURE__ */ Jr(Kr), Ur = "_rotate_1xozj_1", Wr = "_dash_1xozj_1", I = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Yr,
+  rotate: Ur,
   "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: Kr,
+  dash: Wr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, F = "purpur-spinner", Wr = {
+}, F = "purpur-spinner", Yr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -63,7 +63,7 @@ const ar = /* @__PURE__ */ Jr(Ur), Yr = "_rotate_1xozj_1", Kr = "_dash_1xozj_1",
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: p = Wr.SM,
+  size: p = Yr.SM,
   ...a
 }) => /* @__PURE__ */ o(
   "div",
@@ -336,31 +336,26 @@ const vt = /* @__PURE__ */ ft(gt), xt = {
   "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 = {
-  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"
-}, bt = vt.bind(xt), sr = "purpur-icon", yt = "md", ht = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), wt = ({ content: t = "", title: i } = {}) => {
+}, mt = vt.bind(xt), sr = "purpur-icon", bt = "md", yt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ht = ({ 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" }
   ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${ht(n)}>${p}${t}</svg>`;
-}, $t = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Sr = ({
+  return `<svg ${yt(n)}>${p}${t}</svg>`;
+}, wt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Sr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: p,
-  size: a = yt,
+  size: a = bt,
   ...r
 }) => {
-  const e = wt({
-    content: $t(i.svg),
+  const e = ht({
+    content: wt(i.svg),
     title: n
-  }), u = bt(p, sr, `${sr}--${a}`);
+  }), u = mt(p, sr, `${sr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -373,6 +368,12 @@ const vt = /* @__PURE__ */ ft(gt), xt = {
   );
 };
 Sr.displayName = "Icon";
+const $t = {
+  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 jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -431,7 +432,7 @@ const qt = /* @__PURE__ */ jt(St), lr = {
     "aria-relevant": p,
     ...a,
     children: [
-      /* @__PURE__ */ o(Sr, { svg: mt, size: "xs", className: lr[`${cr}__icon`] }),
+      /* @__PURE__ */ o(Sr, { svg: $t, size: "xs", className: lr[`${cr}__icon`] }),
       i
     ]
   }
@@ -544,52 +545,26 @@ const Bt = /* @__PURE__ */ Pt(Ct), Dt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Lt = {
-  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"
-}, Xt = {
-  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"
-}, Or = (t) => /* @__PURE__ */ o(
-  nr,
-  {
-    ...t,
-    svg: Lt
-  }
-);
-Or.displayName = "IconCheckCircleFilled";
-const Mr = (t) => /* @__PURE__ */ o(
-  nr,
-  {
-    ...t,
-    svg: Xt
-  }
-);
-Mr.displayName = "IconClose";
-const kt = Bt.bind(Dt), fr = "purpur-icon", It = "md", Ft = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Et = ({ content: t = "", title: i } = {}) => {
+}, Lt = Bt.bind(Dt), fr = "purpur-icon", kt = "md", Xt = (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" }
   ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${Ft(n)}>${p}${t}</svg>`;
-}, Vt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
+  return `<svg ${Xt(n)}>${p}${t}</svg>`;
+}, Ft = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: p,
-  size: a = It,
+  size: a = kt,
   ...r
 }) => {
-  const e = Et({
-    content: Vt(i.svg),
+  const e = It({
+    content: Ft(i.svg),
     title: n
-  }), u = kt(p, fr, `${fr}--${a}`);
+  }), u = Lt(p, fr, `${fr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -602,14 +577,28 @@ const kt = Bt.bind(Dt), fr = "purpur-icon", It = "md", Ft = (t) => t.filter((i)
   );
 };
 nr.displayName = "Icon";
-function X() {
-  return X = Object.assign ? Object.assign.bind() : function(t) {
+const Et = {
+  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"
+}, Or = (t) => /* @__PURE__ */ o(nr, { ...t, svg: Et });
+Or.displayName = "IconCheckCircleFilled";
+const Vt = {
+  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"
+}, Mr = (t) => /* @__PURE__ */ o(nr, { ...t, svg: Vt });
+Mr.displayName = "IconClose";
+function k() {
+  return k = Object.assign ? Object.assign.bind() : function(t) {
     for (var i = 1; i < arguments.length; i++) {
       var n = arguments[i];
       for (var p in n) ({}).hasOwnProperty.call(n, p) && (t[p] = n[p]);
     }
     return t;
-  }, X.apply(null, arguments);
+  }, k.apply(null, arguments);
 }
 function Zt(t, i) {
   typeof t == "function" ? t(i) : t != null && (t.current = i);
@@ -622,19 +611,19 @@ function Gt(...t) {
 const Ar = /* @__PURE__ */ N((t, i) => {
   const { children: n, ...p } = t, a = Q.toArray(n), r = a.find(Rt);
   if (r) {
-    const e = r.props.children, u = a.map((d) => d === r ? Q.count(e) > 1 ? Q.only(null) : /* @__PURE__ */ Y(e) ? e.props.children : null : d);
-    return /* @__PURE__ */ J(er, X({}, p, {
+    const e = r.props.children, u = a.map((d) => d === r ? Q.count(e) > 1 ? Q.only(null) : /* @__PURE__ */ U(e) ? e.props.children : null : d);
+    return /* @__PURE__ */ J(er, k({}, p, {
       ref: i
-    }), /* @__PURE__ */ Y(e) ? /* @__PURE__ */ br(e, void 0, u) : null);
+    }), /* @__PURE__ */ U(e) ? /* @__PURE__ */ br(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ J(er, X({}, p, {
+  return /* @__PURE__ */ J(er, k({}, p, {
     ref: i
   }), n);
 });
 Ar.displayName = "Slot";
 const er = /* @__PURE__ */ N((t, i) => {
   const { children: n, ...p } = t;
-  return /* @__PURE__ */ Y(n) ? /* @__PURE__ */ br(n, {
+  return /* @__PURE__ */ U(n) ? /* @__PURE__ */ br(n, {
     ...Tt(p, n.props),
     ref: i ? Gt(i, n.ref) : n.ref
   }) : Q.count(n) > 1 ? Q.only(null) : null;
@@ -642,7 +631,7 @@ const er = /* @__PURE__ */ N((t, i) => {
 er.displayName = "SlotClone";
 const Ht = ({ children: t }) => /* @__PURE__ */ J(Tr, null, t);
 function Rt(t) {
-  return /* @__PURE__ */ Y(t) && t.type === Ht;
+  return /* @__PURE__ */ U(t) && t.type === Ht;
 }
 function Tt(t, i) {
   const n = {
@@ -687,7 +676,7 @@ const Qt = [
     const { asChild: r, ...e } = p, u = r ? Ar : i;
     return tr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ J(u, X({}, e, {
+    }, []), /* @__PURE__ */ J(u, k({}, e, {
       ref: a
     }));
   });
@@ -695,14 +684,14 @@ const Qt = [
     ...t,
     [i]: n
   };
-}, {}), Ut = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ J(Jt.label, X({}, t, {
+}, {}), Kt = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ J(Jt.label, k({}, t, {
   ref: i,
   onMouseDown: (n) => {
     var p;
     (p = t.onMouseDown) === null || p === void 0 || p.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), Yt = Ut;
-function Kt(t) {
+}))), Ut = Kt;
+function Wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Pr = { exports: {} };
@@ -741,8 +730,8 @@ var Pr = { exports: {} };
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Pr);
-var Wt = Pr.exports;
-const re = /* @__PURE__ */ Kt(Wt), W = {
+var Yt = Pr.exports;
+const re = /* @__PURE__ */ Wt(Yt), Y = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
@@ -757,13 +746,13 @@ const re = /* @__PURE__ */ Kt(Wt), W = {
 }) => {
   const u = re([
     i,
-    W[rr],
+    Y[rr],
     {
-      [W[`${rr}--disabled`]]: a,
-      [W[`${rr}--negative`]]: r
+      [Y[`${rr}--disabled`]]: a,
+      [Y[`${rr}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o(Yt, { className: u, "data-testid": p, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ o(Ut, { className: u, "data-testid": p, htmlFor: n, ...e, children: t });
 };
 function ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -928,7 +917,7 @@ const le = /* @__PURE__ */ oe(se), ce = {
   }, M = () => {
     var _;
     f == null || f(), (_ = D.current) == null || _.focus();
-  }, k = [
+  }, X = [
     v && /* @__PURE__ */ o(
       ae,
       {
@@ -959,11 +948,11 @@ const le = /* @__PURE__ */ oe(se), ce = {
       },
       "valid-icon"
     )
-  ].filter((_) => !!_), K = j([
+  ].filter((_) => !!_), W = j([
     `${c}__input-container`,
     {
       [`${c}__input-container--start-adornment`]: b.length,
-      [`${c}__input-container--end-adornment`]: k.length || r,
+      [`${c}__input-container--end-adornment`]: X.length || r,
       [`${c}__input-container--disabled`]: s.disabled,
       [`${c}__input-container--has-clear-button`]: B,
       [`${c}__input-container--readonly`]: s.readOnly && !s.disabled
@@ -982,7 +971,7 @@ const le = /* @__PURE__ */ oe(se), ce = {
     ),
     /* @__PURE__ */ q("div", { className: j(`${c}__field-row`), children: [
       !!p && p,
-      /* @__PURE__ */ q("div", { className: K, children: [
+      /* @__PURE__ */ q("div", { className: W, children: [
         !!b.length && /* @__PURE__ */ o(
           "div",
           {
@@ -1010,13 +999,13 @@ const le = /* @__PURE__ */ oe(se), ce = {
           }
         ),
         /* @__PURE__ */ o("div", { className: j(`${c}__frame`) }),
-        (!!k.length || r) && /* @__PURE__ */ q(
+        (!!X.length || r) && /* @__PURE__ */ q(
           "div",
           {
             "data-testid": l("end-adornments"),
             className: j(`${c}__adornment-container`),
             children: [
-              k,
+              X,
               r
             ]
           }
@@ -1069,7 +1058,7 @@ var Lr = { exports: {} };
   })();
 })(Lr);
 var ge = Lr.exports;
-const Xr = /* @__PURE__ */ fe(ge), ve = {
+const kr = /* @__PURE__ */ fe(ge), ve = {
   "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",
@@ -1089,7 +1078,7 @@ const Xr = /* @__PURE__ */ fe(ge), ve = {
 function me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} };
+var Xr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1124,8 +1113,8 @@ var kr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(kr);
-var be = kr.exports;
+})(Xr);
+var be = Xr.exports;
 const vr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1", H = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: ye,
@@ -1332,52 +1321,26 @@ const Pe = /* @__PURE__ */ Me(Ae), Ce = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Be = {
-  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"
-}, De = {
-  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"
-}, Vr = (t) => /* @__PURE__ */ o(
-  ur,
-  {
-    ...t,
-    svg: Be
-  }
-);
-Vr.displayName = "IconMinus";
-const Zr = (t) => /* @__PURE__ */ o(
-  ur,
-  {
-    ...t,
-    svg: De
-  }
-);
-Zr.displayName = "IconPlus";
-const Le = Pe.bind(Ce), xr = "purpur-icon", Xe = "md", ke = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ie = ({ content: t = "", title: i } = {}) => {
+}, Be = Pe.bind(Ce), xr = "purpur-icon", De = "md", Le = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ke = ({ 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" }
   ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${ke(n)}>${p}${t}</svg>`;
-}, Fe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ur = ({
+  return `<svg ${Le(n)}>${p}${t}</svg>`;
+}, Xe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ur = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: p,
-  size: a = Xe,
+  size: a = De,
   ...r
 }) => {
-  const e = Ie({
-    content: Fe(i.svg),
+  const e = ke({
+    content: Xe(i.svg),
     title: n
-  }), u = Le(p, xr, `${xr}--${a}`);
+  }), u = Be(p, xr, `${xr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -1390,13 +1353,27 @@ const Le = Pe.bind(Ce), xr = "purpur-icon", Xe = "md", ke = (t) => t.filter((i)
   );
 };
 ur.displayName = "Icon";
+const Ie = {
+  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"
+}, Vr = (t) => /* @__PURE__ */ o(ur, { ...t, svg: Ie });
+Vr.displayName = "IconMinus";
+const Fe = {
+  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"
+}, Zr = (t) => /* @__PURE__ */ o(ur, { ...t, svg: Fe });
+Zr.displayName = "IconPlus";
 const Ee = {
   "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"
-}, Ve = Xr.bind(Ee), T = "purpur-quantity-selector-button", Ze = ({
+}, Ve = kr.bind(Ee), T = "purpur-quantity-selector-button", Ze = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1428,7 +1405,7 @@ const Ee = {
       children: a === "increment" ? /* @__PURE__ */ o(Zr, { size: "xs" }) : /* @__PURE__ */ o(Vr, { size: "xs" })
     }
   );
-}, mr = Xr.bind(ve), Qe = ["attached", "separated"], Je = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = N(
+}, mr = kr.bind(ve), Qe = ["attached", "separated"], Je = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = N(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1455,7 +1432,7 @@ const Ee = {
         return () => clearTimeout(g);
       }
     }, [m, l, a]);
-    const k = mr([
+    const X = mr([
       i,
       h,
       {
@@ -1466,11 +1443,11 @@ const Ee = {
         [`${h}--full-width`]: u,
         [`${h}--loading`]: v
       }
-    ]), K = (g) => {
+    ]), W = (g) => {
       if (!/^[0-9]*$/.test(g.target.value))
         return;
-      const U = +g.target.value;
-      U < B || U > D || (l || x(U), a(U));
+      const K = +g.target.value;
+      K < B || K > D || (l || x(K), a(K));
     }, _ = (g) => {
       const L = g === "increment" ? S + 1 : S - 1;
       L < 0 || (l || x(L), a(L));
@@ -1517,9 +1494,9 @@ const Ee = {
         value: S,
         type: "number",
         ref: s,
-        className: k,
+        className: X,
         "data-testid": t,
-        onChange: K,
+        onChange: W,
         beforeField: Gr,
         afterField: ir("increment"),
         disabled: b,