@purpurds/quantity-selector 5.32.0 → 5.34.0

package/dist/quantity-selector.es.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as N, Fragment as Hr } from "react/jsx-runtime";
-import { forwardRef as z, Children as Q, isValidElement as Y, createElement as U, cloneElement as br, useEffect as tr, useId as Rr, Fragment as Tr, useRef as Qr, useState as ar } from "react";
+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 "react-dom";
-function Ur(t) {
+function Jr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var yr = { exports: {} };
@@ -16,11 +16,11 @@ var yr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a(u)));
+        u && (r = a(r, p(u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -31,17 +31,17 @@ var yr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+        i.call(r, u) && r[u] && (e = a(e, u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(yr);
-var Jr = yr.exports;
-const pr = /* @__PURE__ */ Ur(Jr), Yr = "_rotate_1xozj_1", Wr = "_dash_1xozj_1", X = {
+var Ur = yr.exports;
+const ar = /* @__PURE__ */ Jr(Ur), Yr = "_rotate_1xozj_1", Kr = "_dash_1xozj_1", I = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Yr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -50,10 +50,10 @@ const pr = /* @__PURE__ */ Ur(Jr), Yr = "_rotate_1xozj_1", Wr = "_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: Wr,
+  dash: Kr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, F = "purpur-spinner", Kr = {
+}, F = "purpur-spinner", Wr = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -63,20 +63,20 @@ const pr = /* @__PURE__ */ Ur(Jr), Yr = "_rotate_1xozj_1", Wr = "_dash_1xozj_1",
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = Kr.SM,
-  ...p
+  size: p = Wr.SM,
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: pr([X[F], X[`${F}--${a}`]]),
+    className: ar([I[F], I[`${F}--${p}`]]),
     "data-testid": t,
-    ...p,
+    ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: pr(X[`${F}__circle`], {
-          [X[`${F}__circle--disabled`]]: i,
-          [X[`${F}__circle--negative`]]: n
+        className: ar(I[`${F}__circle`], {
+          [I[`${F}__circle--disabled`]]: i,
+          [I[`${F}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -85,6 +85,7 @@ const pr = /* @__PURE__ */ Ur(Jr), Yr = "_rotate_1xozj_1", Wr = "_dash_1xozj_1",
     ) })
   }
 ), tt = {
+  XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -104,11 +105,11 @@ var hr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a(u)));
+        u && (r = a(r, p(u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -119,10 +120,10 @@ var hr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+        i.call(r, u) && r[u] && (e = a(e, u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -141,30 +142,30 @@ const or = /* @__PURE__ */ et(nt), ut = "_rotate_1xozj_1", it = "_dash_1xozj_1",
   dash: it,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, Z = "purpur-spinner", at = {
+}, V = "purpur-spinner", pt = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, pt = ({
+}, at = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = at.SM,
-  ...p
+  size: p = pt.SM,
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: or([E[Z], E[`${Z}--${a}`]]),
+    className: or([E[V], E[`${V}--${p}`]]),
     "data-testid": t,
-    ...p,
+    ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: or(E[`${Z}__circle`], {
-          [E[`${Z}__circle--disabled`]]: i,
-          [E[`${Z}__circle--negative`]]: n
+        className: or(E[`${V}__circle`], {
+          [E[`${V}__circle--disabled`]]: i,
+          [E[`${V}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -188,11 +189,11 @@ var wr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        u && (r = a(r, p.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -203,10 +204,10 @@ var wr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+        i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -214,39 +215,40 @@ var wr = { exports: {} };
 })(wr);
 var st = wr.exports;
 const lt = /* @__PURE__ */ ot(st), ct = {
-  "purpur-button": "_purpur-button_1acxn_1",
-  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
-  "purpur-button--md": "_purpur-button--md_1acxn_39",
-  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
-  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
-  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
-  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
-  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
-  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
-  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
-  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
-  "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"
+  "purpur-button": "_purpur-button_w455q_1",
+  "purpur-button--xs": "_purpur-button--xs_w455q_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
+  "purpur-button--sm": "_purpur-button--sm_w455q_39",
+  "purpur-button--md": "_purpur-button--md_w455q_45",
+  "purpur-button--lg": "_purpur-button--lg_w455q_51",
+  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
+  "purpur-button--primary": "_purpur-button--primary_w455q_60",
+  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
+  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
+  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
+  "purpur-button--negative": "_purpur-button--negative_w455q_126",
+  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
+  "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"
 }, _t = lt.bind(ct), A = "purpur-button", dt = ({
   children: t,
   className: i,
   ["data-testid"]: n,
-  disabled: a = !1,
-  fullWidth: p = !1,
+  disabled: p = !1,
+  fullWidth: a = !1,
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
   onClick: d,
-  size: x = "md",
+  size: v = "md",
   variant: f,
-  type: O = "button",
+  type: z = "button",
   ...w
 }, s) => {
   if (r && f === "destructive")
@@ -255,36 +257,36 @@ const lt = /* @__PURE__ */ ot(st), ct = {
     [
       A,
       `${A}--${u ? `${f}-negative` : f}`,
-      `${A}--${x}`
+      `${A}--${v}`
     ],
     {
       [`${A}--icon-only`]: r,
       [`${A}--negative`]: u,
-      [`${A}--full-width`]: p,
-      [`${A}--disabled`]: a || e
+      [`${A}--full-width`]: a,
+      [`${A}--disabled`]: p || e
     },
     i
-  ), $ = (v) => {
-    a || e ? v.preventDefault() : d && d(v);
-  }, m = !!w["aria-disabled"] || a || e;
-  return /* @__PURE__ */ N(
+  ), $ = (x) => {
+    p || e ? x.preventDefault() : d && d(x);
+  }, m = !!w["aria-disabled"] || p || e;
+  return /* @__PURE__ */ q(
     "button",
     {
       className: y,
       "data-testid": n,
-      type: O,
+      type: z,
       ref: s,
       "aria-disabled": m,
       onClick: $,
       ...w,
       children: [
-        e && /* @__PURE__ */ o(pt, { size: x === tt.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        e && /* @__PURE__ */ o(at, { size: v === tt.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
     }
   );
-}, $r = z(dt);
+}, $r = N(dt);
 $r.displayName = "Button";
 function ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -301,11 +303,11 @@ var jr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        u && (r = a(r, p.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -316,17 +318,17 @@ var jr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+        i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(jr);
 var gt = jr.exports;
-const xt = /* @__PURE__ */ ft(gt), vt = {
+const vt = /* @__PURE__ */ ft(gt), xt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -339,26 +341,26 @@ const xt = /* @__PURE__ */ ft(gt), vt = {
   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 = xt.bind(vt), 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 } = {}) => {
+}, 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 } = {}) => {
   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 ${ht(n)}>${a}${t}</svg>`;
+  ], p = i ? `<title>${i}</title>` : "";
+  return `<svg ${ht(n)}>${p}${t}</svg>`;
 }, $t = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Sr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
-  className: a,
-  size: p = yt,
+  className: p,
+  size: a = yt,
   ...r
 }) => {
   const e = wt({
     content: $t(i.svg),
     title: n
-  }), u = bt(a, sr, `${sr}--${p}`);
+  }), u = bt(p, sr, `${sr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -374,7 +376,7 @@ Sr.displayName = "Icon";
 function jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Nr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -386,11 +388,11 @@ var Nr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a(u)));
+        u && (r = a(r, p(u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -401,43 +403,43 @@ var Nr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+        i.call(r, u) && r[u] && (e = a(e, u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Nr);
-var St = Nr.exports;
-const Nt = /* @__PURE__ */ jt(St), lr = {
+})(qr);
+var St = qr.exports;
+const qt = /* @__PURE__ */ jt(St), lr = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, cr = "purpur-field-error-text", zt = ({
+}, cr = "purpur-field-error-text", Nt = ({
   ["data-testid"]: t,
   children: i,
   className: n,
-  relevant: a = "additions text",
-  ...p
-}) => /* @__PURE__ */ N(
+  relevant: p = "additions text",
+  ...a
+}) => /* @__PURE__ */ q(
   "div",
   {
-    className: Nt([n, lr[cr]]),
+    className: qt([n, lr[cr]]),
     "data-testid": t,
     "aria-live": "assertive",
-    "aria-relevant": a,
-    ...p,
+    "aria-relevant": p,
+    ...a,
     children: [
       /* @__PURE__ */ o(Sr, { svg: mt, size: "xs", className: lr[`${cr}__icon`] }),
       i
     ]
   }
 );
-function Ot(t) {
+function zt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -449,11 +451,11 @@ var zr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a(u)));
+        u && (r = a(r, p(u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -464,40 +466,40 @@ var zr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+        i.call(r, u) && r[u] && (e = a(e, u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var qt = zr.exports;
-const Mt = /* @__PURE__ */ Ot(qt), _r = {
+})(Nr);
+var Ot = Nr.exports;
+const Mt = /* @__PURE__ */ zt(Ot), _r = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
 }, dr = "purpur-field-helper-text", At = ({
   ["data-testid"]: t,
   children: i,
   className: n,
-  disabled: a,
-  id: p,
+  disabled: p,
+  id: a,
   ...r
 }) => {
   const e = Mt([
     n,
     _r[dr],
     {
-      [_r[`${dr}--disabled`]]: a
+      [_r[`${dr}--disabled`]]: p
     }
   ]);
-  return /* @__PURE__ */ o("span", { id: p, className: e, "data-testid": t, ...r, children: i });
+  return /* @__PURE__ */ o("span", { id: a, className: e, "data-testid": t, ...r, children: i });
 };
 function Pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Or = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -509,11 +511,11 @@ var Or = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        u && (r = a(r, p.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -524,16 +526,16 @@ var Or = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+        i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Or);
-var Ct = Or.exports;
+})(zr);
+var Ct = zr.exports;
 const Bt = /* @__PURE__ */ Pt(Ct), Dt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
@@ -547,47 +549,47 @@ const Bt = /* @__PURE__ */ Pt(Ct), Dt = {
   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"
-}, kt = {
+}, 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"
-}, qr = (t) => /* @__PURE__ */ o(
+}, Or = (t) => /* @__PURE__ */ o(
   nr,
   {
     ...t,
     svg: Lt
   }
 );
-qr.displayName = "IconCheckCircleFilled";
+Or.displayName = "IconCheckCircleFilled";
 const Mr = (t) => /* @__PURE__ */ o(
   nr,
   {
     ...t,
-    svg: kt
+    svg: Xt
   }
 );
 Mr.displayName = "IconClose";
-const It = Bt.bind(Dt), fr = "purpur-icon", Xt = "md", Ft = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Et = ({ content: t = "", title: i } = {}) => {
+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 } = {}) => {
   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 ${Ft(n)}>${a}${t}</svg>`;
-}, Zt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
+  ], p = i ? `<title>${i}</title>` : "";
+  return `<svg ${Ft(n)}>${p}${t}</svg>`;
+}, Vt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
-  className: a,
-  size: p = Xt,
+  className: p,
+  size: a = It,
   ...r
 }) => {
   const e = Et({
-    content: Zt(i.svg),
+    content: Vt(i.svg),
     title: n
-  }), u = It(a, fr, `${fr}--${p}`);
+  }), u = kt(p, fr, `${fr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -600,45 +602,45 @@ const It = Bt.bind(Dt), fr = "purpur-icon", Xt = "md", Ft = (t) => t.filter((i)
   );
 };
 nr.displayName = "Icon";
-function k() {
-  return k = Object.assign ? Object.assign.bind() : function(t) {
+function X() {
+  return X = Object.assign ? Object.assign.bind() : function(t) {
     for (var i = 1; i < arguments.length; i++) {
       var n = arguments[i];
-      for (var a in n) ({}).hasOwnProperty.call(n, a) && (t[a] = n[a]);
+      for (var p in n) ({}).hasOwnProperty.call(n, p) && (t[p] = n[p]);
     }
     return t;
-  }, k.apply(null, arguments);
+  }, X.apply(null, arguments);
 }
-function Vt(t, i) {
+function Zt(t, i) {
   typeof t == "function" ? t(i) : t != null && (t.current = i);
 }
 function Gt(...t) {
   return (i) => t.forEach(
-    (n) => Vt(n, i)
+    (n) => Zt(n, i)
   );
 }
-const Ar = /* @__PURE__ */ z((t, i) => {
-  const { children: n, ...a } = t, p = Q.toArray(n), r = p.find(Rt);
+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 = p.map((d) => d === r ? Q.count(e) > 1 ? Q.only(null) : /* @__PURE__ */ Y(e) ? e.props.children : null : d);
-    return /* @__PURE__ */ U(er, k({}, a, {
+    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, {
       ref: i
     }), /* @__PURE__ */ Y(e) ? /* @__PURE__ */ br(e, void 0, u) : null);
   }
-  return /* @__PURE__ */ U(er, k({}, a, {
+  return /* @__PURE__ */ J(er, X({}, p, {
     ref: i
   }), n);
 });
 Ar.displayName = "Slot";
-const er = /* @__PURE__ */ z((t, i) => {
-  const { children: n, ...a } = t;
+const er = /* @__PURE__ */ N((t, i) => {
+  const { children: n, ...p } = t;
   return /* @__PURE__ */ Y(n) ? /* @__PURE__ */ br(n, {
-    ...Tt(a, n.props),
+    ...Tt(p, n.props),
     ref: i ? Gt(i, n.ref) : n.ref
   }) : Q.count(n) > 1 ? Q.only(null) : null;
 });
 er.displayName = "SlotClone";
-const Ht = ({ children: t }) => /* @__PURE__ */ U(Tr, null, t);
+const Ht = ({ children: t }) => /* @__PURE__ */ J(Tr, null, t);
 function Rt(t) {
   return /* @__PURE__ */ Y(t) && t.type === Ht;
 }
@@ -646,15 +648,15 @@ function Tt(t, i) {
   const n = {
     ...i
   };
-  for (const a in i) {
-    const p = t[a], r = i[a];
-    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...e) => {
-      r(...e), p(...e);
-    } : p && (n[a] = p) : a === "style" ? n[a] = {
-      ...p,
+  for (const p in i) {
+    const a = t[p], r = i[p];
+    /^on[A-Z]/.test(p) ? a && r ? n[p] = (...e) => {
+      r(...e), a(...e);
+    } : a && (n[p] = a) : p === "style" ? n[p] = {
+      ...a,
       ...r
-    } : a === "className" && (n[a] = [
-      p,
+    } : p === "className" && (n[p] = [
+      a,
       r
     ].filter(Boolean).join(" "));
   }
@@ -680,27 +682,27 @@ const Qt = [
   "span",
   "svg",
   "ul"
-], Ut = Qt.reduce((t, i) => {
-  const n = /* @__PURE__ */ z((a, p) => {
-    const { asChild: r, ...e } = a, u = r ? Ar : i;
+], Jt = Qt.reduce((t, i) => {
+  const n = /* @__PURE__ */ N((p, a) => {
+    const { asChild: r, ...e } = p, u = r ? Ar : i;
     return tr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ U(u, k({}, e, {
-      ref: p
+    }, []), /* @__PURE__ */ J(u, X({}, e, {
+      ref: a
     }));
   });
   return n.displayName = `Primitive.${i}`, {
     ...t,
     [i]: n
   };
-}, {}), Jt = /* @__PURE__ */ z((t, i) => /* @__PURE__ */ U(Ut.label, k({}, t, {
+}, {}), Ut = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ J(Jt.label, X({}, 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();
+    var p;
+    (p = t.onMouseDown) === null || p === void 0 || p.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
   }
-}))), Yt = Jt;
-function Wt(t) {
+}))), Yt = Ut;
+function Kt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Pr = { exports: {} };
@@ -715,11 +717,11 @@ var Pr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a(u)));
+        u && (r = a(r, p(u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -730,17 +732,17 @@ var Pr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+        i.call(r, u) && r[u] && (e = a(e, u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Pr);
-var Kt = Pr.exports;
-const re = /* @__PURE__ */ Wt(Kt), K = {
+var Wt = Pr.exports;
+const re = /* @__PURE__ */ Kt(Wt), W = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
@@ -748,20 +750,20 @@ const re = /* @__PURE__ */ Wt(Kt), K = {
   children: t,
   className: i,
   htmlFor: n,
-  "data-testid": a,
-  disabled: p,
+  "data-testid": p,
+  disabled: a,
   negative: r = !1,
   ...e
 }) => {
   const u = re([
     i,
-    K[rr],
+    W[rr],
     {
-      [K[`${rr}--disabled`]]: p,
-      [K[`${rr}--negative`]]: r
+      [W[`${rr}--disabled`]]: a,
+      [W[`${rr}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o(Yt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ o(Yt, { 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;
@@ -778,11 +780,11 @@ var Cr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a(u)));
+        u && (r = a(r, p(u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -793,17 +795,17 @@ var Cr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+        i.call(r, u) && r[u] && (e = a(e, u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Cr);
 var ne = Cr.exports;
-const gr = /* @__PURE__ */ ee(ne), ue = "_rotate_1xozj_1", ie = "_dash_1xozj_1", V = {
+const gr = /* @__PURE__ */ ee(ne), ue = "_rotate_1xozj_1", ie = "_dash_1xozj_1", Z = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: ue,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -815,30 +817,30 @@ const gr = /* @__PURE__ */ ee(ne), ue = "_rotate_1xozj_1", ie = "_dash_1xozj_1",
   dash: ie,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, G = "purpur-spinner", ae = {
+}, G = "purpur-spinner", pe = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, pe = ({
+}, ae = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = ae.SM,
-  ...p
+  size: p = pe.SM,
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: gr([V[G], V[`${G}--${a}`]]),
+    className: gr([Z[G], Z[`${G}--${p}`]]),
     "data-testid": t,
-    ...p,
+    ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: gr(V[`${G}__circle`], {
-          [V[`${G}__circle--disabled`]]: i,
-          [V[`${G}__circle--negative`]]: n
+        className: gr(Z[`${G}__circle`], {
+          [Z[`${G}__circle--disabled`]]: i,
+          [Z[`${G}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -862,11 +864,11 @@ var Br = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        u && (r = a(r, p.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -877,10 +879,10 @@ var Br = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+        i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -908,27 +910,27 @@ const le = /* @__PURE__ */ oe(se), ce = {
   ["data-testid"]: t,
   className: i,
   clearButtonAllyLabel: n,
-  beforeField: a,
-  afterField: p,
+  beforeField: p,
+  afterField: a,
   endAdornment: r,
   errorText: e,
   helperText: u,
   label: d,
-  loading: x = !1,
+  loading: v = !1,
   onClear: f,
-  startAdornment: O,
+  startAdornment: z,
   valid: w = !1,
   ...s
 }, y) => {
   var $;
-  const m = Rr(), v = s.id ?? m, l = (_) => t ? `${t}-${_}` : void 0, S = w && !e, C = u ? `${v}-helper-text` : void 0, b = [O].filter((_) => !!_), B = (typeof s.value == "number" ? s.value !== void 0 : ($ = s.value) == null ? void 0 : $.length) && !s.disabled && !s.readOnly && !x && f && n, D = _e(null), q = (_) => {
+  const m = Rr(), x = s.id ?? m, l = (_) => t ? `${t}-${_}` : void 0, S = w && !e, C = u ? `${x}-helper-text` : void 0, b = [z].filter((_) => !!_), B = (typeof s.value == "number" ? s.value !== void 0 : ($ = s.value) == null ? void 0 : $.length) && !s.disabled && !s.readOnly && !v && f && n, D = _e(null), O = (_) => {
     D.current = _, typeof y == "function" ? y(_) : y && (y.current = _);
   }, M = () => {
     var _;
     f == null || f(), (_ = D.current) == null || _.focus();
-  }, I = [
-    x && /* @__PURE__ */ o(
-      pe,
+  }, k = [
+    v && /* @__PURE__ */ o(
+      ae,
       {
         disabled: s.disabled,
         size: "xs",
@@ -950,37 +952,37 @@ const le = /* @__PURE__ */ oe(se), ce = {
       "clear-button"
     ),
     S && /* @__PURE__ */ o(
-      qr,
+      Or,
       {
         "data-testid": l("valid-icon"),
         className: j(`${c}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((_) => !!_), W = j([
+  ].filter((_) => !!_), K = j([
     `${c}__input-container`,
     {
       [`${c}__input-container--start-adornment`]: b.length,
-      [`${c}__input-container--end-adornment`]: I.length || r,
+      [`${c}__input-container--end-adornment`]: k.length || r,
       [`${c}__input-container--disabled`]: s.disabled,
       [`${c}__input-container--has-clear-button`]: B,
       [`${c}__input-container--readonly`]: s.readOnly && !s.disabled
     }
   ]);
-  return /* @__PURE__ */ N("div", { className: j(i, c), children: [
+  return /* @__PURE__ */ q("div", { className: j(i, c), children: [
     d && /* @__PURE__ */ o(
       te,
       {
-        htmlFor: v,
+        htmlFor: x,
         className: j(`${c}__label`),
         "data-testid": l("label"),
         disabled: s.disabled,
         children: `${s.required ? "* " : ""}${d}`
       }
     ),
-    /* @__PURE__ */ N("div", { className: j(`${c}__field-row`), children: [
-      !!a && a,
-      /* @__PURE__ */ N("div", { className: W, children: [
+    /* @__PURE__ */ q("div", { className: j(`${c}__field-row`), children: [
+      !!p && p,
+      /* @__PURE__ */ q("div", { className: K, children: [
         !!b.length && /* @__PURE__ */ o(
           "div",
           {
@@ -993,8 +995,8 @@ const le = /* @__PURE__ */ oe(se), ce = {
           "input",
           {
             ...s,
-            id: v,
-            ref: q,
+            id: x,
+            ref: O,
             "data-testid": l("input"),
             "aria-describedby": s["aria-describedby"] || C,
             "aria-invalid": s["aria-invalid"] || !!e,
@@ -1008,24 +1010,24 @@ const le = /* @__PURE__ */ oe(se), ce = {
           }
         ),
         /* @__PURE__ */ o("div", { className: j(`${c}__frame`) }),
-        (!!I.length || r) && /* @__PURE__ */ N(
+        (!!k.length || r) && /* @__PURE__ */ q(
           "div",
           {
             "data-testid": l("end-adornments"),
             className: j(`${c}__adornment-container`),
             children: [
-              I,
+              k,
               r
             ]
           }
         )
       ] }),
-      !!p && p
+      !!a && a
     ] }),
     C && /* @__PURE__ */ o(At, { "data-testid": l("helper-text"), id: C, children: u }),
-    e && /* @__PURE__ */ o(zt, { "data-testid": l("error-text"), children: e })
+    e && /* @__PURE__ */ o(Nt, { "data-testid": l("error-text"), children: e })
   ] });
-}, Dr = z(de);
+}, Dr = N(de);
 Dr.displayName = "TextField";
 function fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -1042,11 +1044,11 @@ var Lr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        u && (r = a(r, p.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -1057,17 +1059,17 @@ var Lr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+        i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(Lr);
 var ge = Lr.exports;
-const kr = /* @__PURE__ */ fe(ge), xe = {
+const Xr = /* @__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",
@@ -1078,7 +1080,8 @@ const kr = /* @__PURE__ */ fe(ge), xe = {
   "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"
-}, ve = {
+}, xe = {
+  XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -1086,7 +1089,7 @@ const kr = /* @__PURE__ */ fe(ge), xe = {
 function me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1098,11 +1101,11 @@ var Ir = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a(u)));
+        u && (r = a(r, p(u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -1113,17 +1116,17 @@ var Ir = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, u));
+        i.call(r, u) && r[u] && (e = a(e, u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ir);
-var be = Ir.exports;
-const xr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1", H = {
+})(kr);
+var be = kr.exports;
+const vr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1", H = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: ye,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -1145,18 +1148,18 @@ const xr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1",
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: a = we.SM,
-  ...p
+  size: p = we.SM,
+  ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: xr([H[R], H[`${R}--${a}`]]),
+    className: vr([H[R], H[`${R}--${p}`]]),
     "data-testid": t,
-    ...p,
+    ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: xr(H[`${R}__circle`], {
+        className: vr(H[`${R}__circle`], {
           [H[`${R}__circle--disabled`]]: i,
           [H[`${R}__circle--negative`]]: n
         }),
@@ -1170,7 +1173,7 @@ const xr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1",
 function je(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Xr = { exports: {} };
+var Ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1182,11 +1185,11 @@ var Xr = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        u && (r = a(r, p.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -1197,88 +1200,89 @@ var Xr = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+        i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Xr);
-var Se = Xr.exports;
-const Ne = /* @__PURE__ */ je(Se), ze = {
-  "purpur-button": "_purpur-button_1acxn_1",
-  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
-  "purpur-button--md": "_purpur-button--md_1acxn_39",
-  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
-  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
-  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
-  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
-  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
-  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
-  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
-  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
-  "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"
-}, Oe = Ne.bind(ze), P = "purpur-button", qe = ({
+})(Ir);
+var Se = Ir.exports;
+const qe = /* @__PURE__ */ je(Se), Ne = {
+  "purpur-button": "_purpur-button_w455q_1",
+  "purpur-button--xs": "_purpur-button--xs_w455q_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
+  "purpur-button--sm": "_purpur-button--sm_w455q_39",
+  "purpur-button--md": "_purpur-button--md_w455q_45",
+  "purpur-button--lg": "_purpur-button--lg_w455q_51",
+  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
+  "purpur-button--primary": "_purpur-button--primary_w455q_60",
+  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
+  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
+  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
+  "purpur-button--negative": "_purpur-button--negative_w455q_126",
+  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
+  "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"
+}, ze = qe.bind(Ne), P = "purpur-button", Oe = ({
   children: t,
   className: i,
   ["data-testid"]: n,
-  disabled: a = !1,
-  fullWidth: p = !1,
+  disabled: p = !1,
+  fullWidth: a = !1,
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
   onClick: d,
-  size: x = "md",
+  size: v = "md",
   variant: f,
-  type: O = "button",
+  type: z = "button",
   ...w
 }, s) => {
   if (r && f === "destructive")
     return null;
-  const y = Oe(
+  const y = ze(
     [
       P,
       `${P}--${u ? `${f}-negative` : f}`,
-      `${P}--${x}`
+      `${P}--${v}`
     ],
     {
       [`${P}--icon-only`]: r,
       [`${P}--negative`]: u,
-      [`${P}--full-width`]: p,
-      [`${P}--disabled`]: a || e
+      [`${P}--full-width`]: a,
+      [`${P}--disabled`]: p || e
     },
     i
-  ), $ = (v) => {
-    a || e ? v.preventDefault() : d && d(v);
-  }, m = !!w["aria-disabled"] || a || e;
-  return /* @__PURE__ */ N(
+  ), $ = (x) => {
+    p || e ? x.preventDefault() : d && d(x);
+  }, m = !!w["aria-disabled"] || p || e;
+  return /* @__PURE__ */ q(
     "button",
     {
       className: y,
       "data-testid": n,
-      type: O,
+      type: z,
       ref: s,
       "aria-disabled": m,
       onClick: $,
       ...w,
       children: [
-        e && /* @__PURE__ */ o($e, { size: x === ve.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        e && /* @__PURE__ */ o($e, { size: v === xe.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
     }
   );
-}, Fr = z(qe);
+}, Fr = N(Oe);
 Fr.displayName = "Button";
 function Me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -1295,11 +1299,11 @@ var Er = { exports: {} };
     function n() {
       for (var r = "", e = 0; e < arguments.length; e++) {
         var u = arguments[e];
-        u && (r = p(r, a.call(this, u)));
+        u && (r = a(r, p.call(this, u)));
       }
       return r;
     }
-    function a(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -1310,10 +1314,10 @@ var Er = { exports: {} };
         return r.toString();
       var e = "";
       for (var u in r)
-        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+        i.call(r, u) && r[u] && (e = a(e, this && this[u] || u));
       return e;
     }
-    function p(r, e) {
+    function a(r, e) {
       return e ? r ? r + " " + e : r + e : r;
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -1338,42 +1342,42 @@ const Pe = /* @__PURE__ */ Me(Ae), Ce = {
   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(
+}, Vr = (t) => /* @__PURE__ */ o(
   ur,
   {
     ...t,
     svg: Be
   }
 );
-Zr.displayName = "IconMinus";
-const Vr = (t) => /* @__PURE__ */ o(
+Vr.displayName = "IconMinus";
+const Zr = (t) => /* @__PURE__ */ o(
   ur,
   {
     ...t,
     svg: De
   }
 );
-Vr.displayName = "IconPlus";
-const Le = Pe.bind(Ce), vr = "purpur-icon", ke = "md", Ie = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Xe = ({ content: t = "", title: i } = {}) => {
+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 } = {}) => {
   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 ${Ie(n)}>${a}${t}</svg>`;
+  ], p = i ? `<title>${i}</title>` : "";
+  return `<svg ${ke(n)}>${p}${t}</svg>`;
 }, Fe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ur = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
-  className: a,
-  size: p = ke,
+  className: p,
+  size: a = Xe,
   ...r
 }) => {
-  const e = Xe({
+  const e = Ie({
     content: Fe(i.svg),
     title: n
-  }), u = Le(a, vr, `${vr}--${p}`);
+  }), u = Le(p, xr, `${xr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -1392,21 +1396,21 @@ const Ee = {
   "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"
-}, Ze = kr.bind(Ee), T = "purpur-quantity-selector-button", Ve = ({
+}, Ve = Xr.bind(Ee), T = "purpur-quantity-selector-button", Ze = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
-  variant: a,
-  buttonType: p,
+  variant: p,
+  buttonType: a,
   onClick: r
 }) => {
-  const e = Ze([
+  const e = Ve([
     T,
     {
-      [`${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"
+      [`${T}--gap-left`]: n && a === "decrement",
+      [`${T}--gap-right`]: n && a === "increment",
+      [`${T}--no-gap-left`]: !n && a === "decrement",
+      [`${T}--no-gap-right`]: !n && a === "increment"
     }
   ]);
   return /* @__PURE__ */ o(
@@ -1416,31 +1420,31 @@ const Ee = {
       className: e,
       size: "sm",
       type: "submit",
-      variant: a,
-      onClick: () => r(p),
+      variant: p,
+      onClick: () => r(a),
       iconOnly: !0,
       disabled: i,
       tabIndex: -1,
-      children: p === "increment" ? /* @__PURE__ */ o(Vr, { size: "xs" }) : /* @__PURE__ */ o(Zr, { size: "xs" })
+      children: a === "increment" ? /* @__PURE__ */ o(Zr, { size: "xs" }) : /* @__PURE__ */ o(Vr, { size: "xs" })
     }
   );
-}, mr = kr.bind(xe), Qe = ["attached", "separated"], Ue = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = z(
+}, mr = Xr.bind(ve), Qe = ["attached", "separated"], Je = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = N(
   ({
     ["data-testid"]: t,
     className: i,
     variant: n,
-    buttonVariant: a,
-    onChange: p,
+    buttonVariant: p,
+    onChange: a,
     value: r,
     defaultValue: e,
     fullWidth: u,
     disabled: d,
-    loading: x,
+    loading: v,
     minValue: f,
-    maxValue: O,
+    maxValue: z,
     ...w
   }, s) => {
-    const [y, $] = ar(e ?? 0), [m, v] = ar(y), l = r !== void 0, S = l ? r : m, C = (g) => t ? `${t}-${g}` : void 0, b = d || x, B = Math.max(f ?? 0, 0), D = O ?? Number.MAX_SAFE_INTEGER, q = S === D, M = S === B;
+    const [y, $] = pr(e ?? 0), [m, x] = pr(y), l = r !== void 0, S = l ? r : m, C = (g) => t ? `${t}-${g}` : void 0, b = d || v, B = Math.max(f ?? 0, 0), D = z ?? Number.MAX_SAFE_INTEGER, O = S === D, M = S === B;
     tr(() => {
       l && $(r);
     }, [r, l]), tr(() => {
@@ -1450,41 +1454,41 @@ const Ee = {
         }, 300);
         return () => clearTimeout(g);
       }
-    }, [m, l, p]);
-    const I = mr([
+    }, [m, l, a]);
+    const k = mr([
       i,
       h,
       {
-        [`${h}--no-gap`]: n === "attached" && !b && !M && !q,
-        [`${h}--no-gap-disabled-left`]: n === "attached" && !b && !q && M,
-        [`${h}--no-gap-disabled-right`]: n === "attached" && !b && !M && q,
-        [`${h}--no-gap-disabled`]: n === "attached" && (b || q && M),
+        [`${h}--no-gap`]: n === "attached" && !b && !M && !O,
+        [`${h}--no-gap-disabled-left`]: n === "attached" && !b && !O && M,
+        [`${h}--no-gap-disabled-right`]: n === "attached" && !b && !M && O,
+        [`${h}--no-gap-disabled`]: n === "attached" && (b || O && M),
         [`${h}--full-width`]: u,
-        [`${h}--loading`]: x
+        [`${h}--loading`]: v
       }
-    ]), W = (g) => {
+    ]), K = (g) => {
       if (!/^[0-9]*$/.test(g.target.value))
         return;
-      const J = +g.target.value;
-      J < B || J > D || (l || v(J), p(J));
+      const U = +g.target.value;
+      U < B || U > D || (l || x(U), a(U));
     }, _ = (g) => {
       const L = g === "increment" ? S + 1 : S - 1;
-      L < 0 || (l || v(L), p(L));
+      L < 0 || (l || x(L), a(L));
     }, ir = (g) => {
-      const L = g === "increment" && q || g === "decrement" && M;
+      const L = g === "increment" && O || g === "decrement" && M;
       return /* @__PURE__ */ o(
-        Ve,
+        Ze,
         {
           "data-testid": C("button-" + g),
-          variant: a,
+          variant: p,
           buttonType: g,
           hasGap: n === "separated",
           onClick: _,
           disabled: b || L
         }
       );
-    }, Gr = /* @__PURE__ */ N(Hr, { children: [
-      x && /* @__PURE__ */ o(
+    }, Gr = /* @__PURE__ */ q(Hr, { children: [
+      v && /* @__PURE__ */ o(
         "div",
         {
           className: mr([
@@ -1513,9 +1517,9 @@ const Ee = {
         value: S,
         type: "number",
         ref: s,
-        className: I,
+        className: k,
         "data-testid": t,
-        onChange: W,
+        onChange: K,
         beforeField: Gr,
         afterField: ir("increment"),
         disabled: b,
@@ -1529,7 +1533,7 @@ const Ee = {
 Ge.displayName = "QuantitySelector";
 export {
   Ge as QuantitySelector,
-  Ue as quantitySelectorButtonVariants,
+  Je as quantitySelectorButtonVariants,
   Qe as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map