@purpurds/quantity-selector 8.2.2 → 8.2.4

package/dist/quantity-selector.es.js

@@ -1,19 +1,19 @@
-import { jsx as o, jsxs as O, Fragment as Er } from "react/jsx-runtime";
-import * as c from "react";
-import { forwardRef as T, useId as rt, useRef as tt, useState as tr, useEffect as er } from "react";
+import { jsx as o, jsxs as q, 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";
-function et(t) {
+function rt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var nr = { exports: {} };
+var er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ur;
-function nt() {
-  return ur || (ur = 1, function(t) {
+var nr;
+function tt() {
+  return nr || (nr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -42,54 +42,54 @@ function nt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(nr)), nr.exports;
+  })(er)), er.exports;
 }
-var ut = nt();
-const it = /* @__PURE__ */ et(ut), pt = "_rotate_12t9p_1", at = "_dash_12t9p_1", ot = {
+var et = tt();
+const nt = /* @__PURE__ */ rt(et), ut = "_rotate_12t9p_1", it = "_dash_12t9p_1", pt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: pt,
+  rotate: ut,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: at,
+  dash: it,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, ir = it.bind(ot), I = "purpur-spinner", st = {
+}, ur = nt.bind(pt), D = "purpur-spinner", at = {
   SM: "sm"
-}, lt = ({
+}, ot = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = st.SM,
+  size: n = at.SM,
   ...a
-}) => /* @__PURE__ */ o("div", { className: ir(I, `${I}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: ur(D, `${D}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: ir(`${I}__circle`, {
-      [`${I}__circle--disabled`]: t,
-      [`${I}__circle--negative`]: i
+    className: ur(`${D}__circle`, {
+      [`${D}__circle--disabled`]: t,
+      [`${D}__circle--negative`]: i
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
-) }) }), ct = {
+) }) }), st = {
   LG: "lg"
 };
-function _t(t) {
+function lt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var pr = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ar;
-function dt() {
-  return ar || (ar = 1, function(t) {
+var pr;
+function ct() {
+  return pr || (pr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -118,32 +118,32 @@ function dt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(pr)), pr.exports;
+  })(ir)), ir.exports;
 }
-var ft = dt();
-const gt = /* @__PURE__ */ _t(ft), vt = "_rotate_12t9p_1", bt = "_dash_12t9p_1", mt = {
+var _t = ct();
+const dt = /* @__PURE__ */ lt(_t), ft = "_rotate_12t9p_1", gt = "_dash_12t9p_1", vt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: vt,
+  rotate: ft,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: bt,
+  dash: gt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, or = gt.bind(mt), L = "purpur-spinner", yt = {
+}, ar = dt.bind(vt), L = "purpur-spinner", bt = {
   SM: "sm"
-}, ht = ({
+}, mt = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = yt.SM,
+  size: n = bt.SM,
   ...a
-}) => /* @__PURE__ */ o("div", { className: or(L, `${L}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: ar(L, `${L}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: or(`${L}__circle`, {
+    className: ar(`${L}__circle`, {
       [`${L}__circle--disabled`]: t,
       [`${L}__circle--negative`]: i
     }),
@@ -152,18 +152,18 @@ const gt = /* @__PURE__ */ _t(ft), vt = "_rotate_12t9p_1", bt = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function xt(t) {
+function yt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var sr = { exports: {} };
+var or = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var lr;
-function $t() {
-  return lr || (lr = 1, function(t) {
+var sr;
+function ht() {
+  return sr || (sr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -192,10 +192,10 @@ function $t() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(sr)), sr.exports;
+  })(or)), or.exports;
 }
-var wt = $t();
-const St = /* @__PURE__ */ xt(wt), Nt = {
+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",
@@ -217,7 +217,7 @@ const St = /* @__PURE__ */ xt(wt), Nt = {
   "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"
-}, Ot = St.bind(Nt), C = "purpur-button", Vr = T(
+}, St = $t.bind(wt), C = "purpur-button", Lr = T(
   ({
     children: t,
     className: i,
@@ -227,18 +227,18 @@ const St = /* @__PURE__ */ xt(wt), Nt = {
     loading: r = !1,
     negative: e = !1,
     onClick: u,
-    size: g = "md",
-    variant: _,
-    type: q = "button",
-    ...m
+    size: d = "md",
+    variant: l,
+    type: y = "button",
+    ...f
   }, j) => {
-    if (p && _ === "destructive")
+    if (p && l === "destructive")
       return null;
-    const A = Ot(
+    const A = St(
       [
         C,
-        `${C}--${e ? `${_}-negative` : _}`,
-        `${C}--${g}`
+        `${C}--${e ? `${l}-negative` : l}`,
+        `${C}--${d}`
       ],
       {
         [`${C}--icon-only`]: p,
@@ -247,25 +247,25 @@ const St = /* @__PURE__ */ xt(wt), Nt = {
         [`${C}--disabled`]: n || r
       },
       i
-    ), s = (y) => {
-      n || r ? y.preventDefault() : u && u(y);
-    }, v = !!m["aria-disabled"] || n || r;
-    return /* @__PURE__ */ O(
+    ), s = (h) => {
+      n || r ? h.preventDefault() : u && u(h);
+    }, b = !!f["aria-disabled"] || n || r;
+    return /* @__PURE__ */ q(
       "button",
       {
         className: A,
-        type: q,
+        type: y,
         ref: j,
-        "aria-disabled": v,
+        "aria-disabled": b,
         onClick: s,
-        ...m,
+        ...f,
         children: [
           r && /* @__PURE__ */ o(
-            ht,
+            mt,
             {
-              size: g === ct.LG ? "xs" : "xxs",
+              size: d === st.LG ? "xs" : "xxs",
               negative: e,
-              disabled: v
+              disabled: b
             }
           ),
           " ",
@@ -275,19 +275,19 @@ const St = /* @__PURE__ */ xt(wt), Nt = {
     );
   }
 );
-Vr.displayName = "Button";
-function qt(t) {
+Lr.displayName = "Button";
+function Nt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var cr = { exports: {} };
+var lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var _r;
-function jt() {
-  return _r || (_r = 1, function(t) {
+var cr;
+function Ot() {
+  return cr || (cr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -316,10 +316,10 @@ function jt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(cr)), cr.exports;
+  })(lr)), lr.exports;
 }
-var At = jt();
-const Mt = /* @__PURE__ */ qt(At), Pt = {
+var qt = Ot();
+const jt = /* @__PURE__ */ Nt(qt), At = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -327,23 +327,23 @@ const Mt = /* @__PURE__ */ qt(At), Pt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, kt = Mt.bind(Pt), dr = "purpur-icon", Ct = "md", zt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Bt = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   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 ${zt(n)}>${a}${t}</svg>`;
-}, Rt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Fr = ({ svg: t, allyTitle: i, className: n, size: a = Ct, ...p }) => {
-  const r = Bt({
-    content: Rt(t.svg),
+  return `<svg ${kt(n)}>${a}${t}</svg>`;
+}, Bt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Er = ({ svg: t, allyTitle: i, className: n, size: a = Pt, ...p }) => {
+  const r = Ct({
+    content: Bt(t.svg),
     title: i
-  }), e = kt(n, dr, `${dr}--${a}`);
+  }), e = Mt(n, _r, `${_r}--${a}`);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-Fr.displayName = "Icon";
-const Dt = {
+Er.displayName = "Icon";
+const zt = {
   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"],
@@ -352,15 +352,15 @@ const Dt = {
 function It(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var fr = { exports: {} };
+var dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var gr;
-function Lt() {
-  return gr || (gr = 1, function(t) {
+var fr;
+function Rt() {
+  return fr || (fr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -389,46 +389,46 @@ function Lt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(fr)), fr.exports;
+  })(dr)), dr.exports;
 }
-var Et = Lt();
-const Vt = /* @__PURE__ */ It(Et), Ft = {
+var Dt = Rt();
+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"
-}, vr = Vt.bind(Ft), G = "purpur-field-error-text", Zt = ({
+}, gr = Lt.bind(Et), G = "purpur-field-error-text", Vt = ({
   children: t,
   className: i,
   negative: n = !1,
   ["aria-relevant"]: a = "additions text",
   ...p
-}) => /* @__PURE__ */ O(
+}) => /* @__PURE__ */ q(
   "div",
   {
-    className: vr(i, G, {
+    className: gr(i, G, {
       [`${G}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
     ...p,
     children: [
-      /* @__PURE__ */ o(Fr, { svg: Dt, size: "xs", className: vr(`${G}__icon`) }),
+      /* @__PURE__ */ o(Er, { svg: zt, size: "xs", className: gr(`${G}__icon`) }),
       t
     ]
   }
 );
-function Ht(t) {
+function Ft(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var br = { exports: {} };
+var vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var mr;
-function Tt() {
-  return mr || (mr = 1, function(t) {
+var br;
+function Zt() {
+  return br || (br = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -457,14 +457,14 @@ function Tt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(br)), br.exports;
+  })(vr)), vr.exports;
 }
-var Wt = Tt();
-const Gt = /* @__PURE__ */ Ht(Wt), Qt = {
+var Ht = Zt();
+const Tt = /* @__PURE__ */ Ft(Ht), Wt = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, Ut = Gt.bind(Qt), Q = "purpur-field-helper-text", Xt = ({
+}, Gt = Tt.bind(Wt), Q = "purpur-field-helper-text", Qt = ({
   children: t,
   className: i,
   disabled: n,
@@ -472,24 +472,24 @@ const Gt = /* @__PURE__ */ Ht(Wt), Qt = {
   negative: p,
   ...r
 }) => {
-  const e = Ut(i, Q, {
+  const e = Gt(i, Q, {
     [`${Q}--disabled`]: n,
     [`${Q}--negative`]: p
   });
   return /* @__PURE__ */ o("span", { id: a, className: e, ...r, children: t });
 };
-function Yt(t) {
+function Ut(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var yr = { exports: {} };
+var mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var hr;
-function Jt() {
-  return hr || (hr = 1, function(t) {
+var yr;
+function Xt() {
+  return yr || (yr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -518,10 +518,10 @@ function Jt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(yr)), yr.exports;
+  })(mr)), mr.exports;
 }
-var Kt = Jt();
-const re = /* @__PURE__ */ Yt(Kt), te = {
+var Yt = Xt();
+const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -529,85 +529,92 @@ const re = /* @__PURE__ */ Yt(Kt), te = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ee = re.bind(te), xr = "purpur-icon", ne = "md", ue = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ie = ({ content: t = "", title: i } = {}) => {
+}, 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 } = {}) => {
   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 ${ue(n)}>${a}${t}</svg>`;
-}, pe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: t, allyTitle: i, className: n, size: a = ne, ...p }) => {
-  const r = ie({
-    content: pe(t.svg),
+  return `<svg ${ee(n)}>${a}${t}</svg>`;
+}, ue = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({ svg: t, allyTitle: i, className: n, size: a = te, ...p }) => {
+  const r = ne({
+    content: ue(t.svg),
     title: i
-  }), e = ee(n, xr, `${xr}--${a}`);
+  }), e = re(n, hr, `${hr}--${a}`);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-J.displayName = "Icon";
-const ae = {
+Y.displayName = "Icon";
+const ie = {
   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"
-}, Zr = (t) => /* @__PURE__ */ o(J, { ...t, svg: ae });
-Zr.displayName = "IconCheckCircleFilled";
-const oe = {
+}, Vr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: ie });
+Vr.displayName = "IconCheckCircleFilled";
+const pe = {
   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"
-}, Hr = (t) => /* @__PURE__ */ o(J, { ...t, svg: oe });
-Hr.displayName = "IconClose";
-function $r(t, i) {
+}, Fr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: pe });
+Fr.displayName = "IconClose";
+function xr(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
 }
-function se(...t) {
+function ae(...t) {
   return (i) => {
     let n = !1;
     const a = t.map((p) => {
-      const r = $r(p, i);
+      const r = xr(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() : $r(t[p], null);
+          typeof r == "function" ? r() : xr(t[p], null);
         }
       };
   };
 }
-var Tr = c.forwardRef((t, i) => {
-  const { children: n, ...a } = t, p = c.Children.toArray(n), r = p.find(ce);
-  if (r) {
-    const e = r.props.children, u = p.map((g) => g === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : g);
-    return /* @__PURE__ */ o(Y, { ...a, ref: i, children: c.isValidElement(e) ? c.cloneElement(e, void 0, u) : null });
-  }
-  return /* @__PURE__ */ o(Y, { ...a, ref: i, children: n });
-});
-Tr.displayName = "Slot";
-var Y = c.forwardRef((t, i) => {
-  const { children: n, ...a } = t;
-  if (c.isValidElement(n)) {
-    const p = de(n), r = _e(a, n.props);
-    return n.type !== c.Fragment && (r.ref = i ? se(i, p) : p), c.cloneElement(n, r);
-  }
-  return c.Children.count(n) > 1 ? c.Children.only(null) : null;
-});
-Y.displayName = "SlotClone";
-var le = ({ children: t }) => /* @__PURE__ */ o(Er, { children: t });
+// @__NO_SIDE_EFFECTS__
+function oe(t) {
+  const i = /* @__PURE__ */ se(t), n = _.forwardRef((a, p) => {
+    const { children: r, ...e } = a, u = _.Children.toArray(r), d = u.find(ce);
+    if (d) {
+      const l = d.props.children, y = u.map((f) => f === d ? _.Children.count(l) > 1 ? _.Children.only(null) : _.isValidElement(l) ? l.props.children : null : f);
+      return /* @__PURE__ */ o(i, { ...e, ref: p, children: _.isValidElement(l) ? _.cloneElement(l, void 0, y) : null });
+    }
+    return /* @__PURE__ */ o(i, { ...e, ref: p, children: r });
+  });
+  return n.displayName = `${t}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function se(t) {
+  const i = _.forwardRef((n, a) => {
+    const { children: p, ...r } = n;
+    if (_.isValidElement(p)) {
+      const e = de(p), u = _e(r, p.props);
+      return p.type !== _.Fragment && (u.ref = a ? ae(a, e) : e), _.cloneElement(p, u);
+    }
+    return _.Children.count(p) > 1 ? _.Children.only(null) : null;
+  });
+  return i.displayName = `${t}.SlotClone`, i;
+}
+var le = Symbol("radix.slottable");
 function ce(t) {
-  return c.isValidElement(t) && t.type === le;
+  return _.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === le;
 }
 function _e(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);
+      const u = r(...e);
+      return p(...e), u;
     } : p && (n[a] = p) : a === "style" ? n[a] = { ...p, ...r } : a === "className" && (n[a] = [p, r].filter(Boolean).join(" "));
   }
   return { ...t, ...n };
@@ -631,16 +638,17 @@ var fe = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
 ], ge = fe.reduce((t, i) => {
-  const n = c.forwardRef((a, p) => {
-    const { asChild: r, ...e } = a, u = r ? Tr : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(u, { ...e, ref: p });
+  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 n.displayName = `Primitive.${i}`, { ...t, [i]: n };
-}, {}), ve = "Label", Wr = c.forwardRef((t, i) => /* @__PURE__ */ o(
+  return a.displayName = `Primitive.${i}`, { ...t, [i]: a };
+}, {}), ve = "Label", Zr = _.forwardRef((t, i) => /* @__PURE__ */ o(
   ge.label,
   {
     ...t,
@@ -651,20 +659,20 @@ var fe = [
     }
   }
 ));
-Wr.displayName = ve;
-var be = Wr;
+Zr.displayName = ve;
+var be = Zr;
 function me(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var wr = { exports: {} };
+var $r = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Sr;
+var wr;
 function ye() {
-  return Sr || (Sr = 1, function(t) {
+  return wr || (wr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -693,7 +701,7 @@ function ye() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(wr)), wr.exports;
+  })($r)), $r.exports;
 }
 var he = ye();
 const xe = /* @__PURE__ */ me(he), $e = {
@@ -716,15 +724,15 @@ const xe = /* @__PURE__ */ me(he), $e = {
 function Ne(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Nr = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Or;
+var Nr;
 function Oe() {
-  return Or || (Or = 1, function(t) {
+  return Nr || (Nr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -753,7 +761,7 @@ function Oe() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Nr)), Nr.exports;
+  })(Sr)), Sr.exports;
 }
 var qe = Oe();
 const je = /* @__PURE__ */ Ne(qe), Ae = "_rotate_12t9p_1", Me = "_dash_12t9p_1", Pe = {
@@ -768,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"
-}, qr = je.bind(Pe), E = "purpur-spinner", ke = {
+}, Or = je.bind(Pe), E = "purpur-spinner", ke = {
   SM: "sm"
 }, Ce = ({
   disabled: t = !1,
   negative: i = !1,
   size: n = ke.SM,
   ...a
-}) => /* @__PURE__ */ o("div", { className: qr(E, `${E}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: Or(E, `${E}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: qr(`${E}__circle`, {
+    className: Or(`${E}__circle`, {
       [`${E}__circle--disabled`]: t,
       [`${E}__circle--negative`]: i
     }),
@@ -787,18 +795,18 @@ const je = /* @__PURE__ */ Ne(qe), Ae = "_rotate_12t9p_1", Me = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function ze(t) {
+function Be(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ar;
-function Be() {
-  return Ar || (Ar = 1, function(t) {
+var jr;
+function ze() {
+  return jr || (jr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -827,10 +835,10 @@ function Be() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(jr)), jr.exports;
+  })(qr)), qr.exports;
 }
-var Re = Be();
-const De = /* @__PURE__ */ ze(Re), Ie = {
+var Ie = ze();
+const Re = /* @__PURE__ */ Be(Ie), De = {
   "purpur-text-field": "_purpur-text-field_3gl1k_1",
   "purpur-text-field__label": "_purpur-text-field__label_3gl1k_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_3gl1k_12",
@@ -847,7 +855,7 @@ const De = /* @__PURE__ */ ze(Re), Ie = {
   "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) => tt(t), N = De.bind(Ie), l = "purpur-text-field", Gr = T(
+}, Le = (t) => Kr(t), O = Re.bind(De), c = "purpur-text-field", Hr = T(
   ({
     ["data-testid"]: t,
     className: i,
@@ -857,81 +865,81 @@ const De = /* @__PURE__ */ ze(Re), Ie = {
     endAdornment: r,
     errorText: e,
     helperText: u,
-    hideRequiredAsterisk: g = !1,
-    label: _,
-    loading: q = !1,
-    onClear: m,
+    hideRequiredAsterisk: d = !1,
+    label: l,
+    loading: y = !1,
+    onClear: f,
     startAdornment: j,
     valid: A = !1,
     ...s
-  }, v) => {
-    var y;
-    const Z = rt(), M = s.id ?? Z, b = (d) => t ? `${t}-${d}` : void 0, h = A && !e, x = u ? `${M}-helper-text` : void 0, B = [j].filter((d) => !!d), $ = (typeof s.value == "number" ? s.value !== void 0 : (y = s.value) == null ? void 0 : y.length) && !s.disabled && !s.readOnly && !q && m && n, P = Le(null), R = (d) => {
-      P.current = d, typeof v == "function" ? v(d) : v && (v.current = d);
+  }, 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);
     }, k = () => {
-      var d;
-      m == null || m(), (d = P.current) == null || d.focus();
-    }, S = [
-      q && /* @__PURE__ */ o(
+      var g;
+      f == null || f(), (g = P.current) == null || g.focus();
+    }, N = [
+      y && /* @__PURE__ */ o(
         Ce,
         {
           disabled: s.disabled,
           size: "xs",
-          "data-testid": b("spinner")
+          "data-testid": m("spinner")
         },
         "spinner"
       ),
-      $ && /* @__PURE__ */ o(
-        Vr,
+      w && /* @__PURE__ */ o(
+        Lr,
         {
           variant: "tertiary-purple",
           onClick: k,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": b("clear-button"),
+          "data-testid": m("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ o(Hr, { size: "xs" })
+          children: /* @__PURE__ */ o(Fr, { size: "xs" })
         },
         "clear-button"
       ),
-      h && /* @__PURE__ */ o(
-        Zr,
+      x && /* @__PURE__ */ o(
+        Vr,
         {
-          "data-testid": b("valid-icon"),
-          className: N(`${l}__valid-icon`)
+          "data-testid": m("valid-icon"),
+          className: O(`${c}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((d) => !!d), W = N(`${l}__input-container`, {
-      [`${l}__input-container--start-adornment`]: B.length,
-      [`${l}__input-container--end-adornment`]: S.length || r,
-      [`${l}__input-container--disabled`]: s.disabled,
-      [`${l}__input-container--has-clear-button`]: $,
-      [`${l}__input-container--readonly`]: s.readOnly && !s.disabled
+    ].filter((g) => !!g), W = O(`${c}__input-container`, {
+      [`${c}__input-container--start-adornment`]: z.length,
+      [`${c}__input-container--end-adornment`]: N.length || r,
+      [`${c}__input-container--disabled`]: s.disabled,
+      [`${c}__input-container--has-clear-button`]: w,
+      [`${c}__input-container--readonly`]: s.readOnly && !s.disabled
     });
-    return /* @__PURE__ */ O("div", { className: N(i, l), children: [
-      _ && /* @__PURE__ */ O(
+    return /* @__PURE__ */ q("div", { className: O(i, c), children: [
+      l && /* @__PURE__ */ q(
         Se,
         {
           htmlFor: M,
-          className: N(`${l}__label`),
-          "data-testid": b("label"),
+          className: O(`${c}__label`),
+          "data-testid": m("label"),
           disabled: s.disabled,
           children: [
-            s.required && !g && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
-            _
+            s.required && !d && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
+            l
           ]
         }
       ),
-      /* @__PURE__ */ O("div", { className: N(`${l}__field-row`), children: [
+      /* @__PURE__ */ q("div", { className: O(`${c}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ O("div", { className: W, children: [
-          !!B.length && /* @__PURE__ */ o(
+        /* @__PURE__ */ q("div", { className: W, children: [
+          !!z.length && /* @__PURE__ */ o(
             "div",
             {
-              "data-testid": b("start-adornments"),
-              className: N(`${l}__adornment-container`),
-              children: B
+              "data-testid": m("start-adornments"),
+              className: O(`${c}__adornment-container`),
+              children: z
             }
           ),
           /* @__PURE__ */ o(
@@ -939,27 +947,27 @@ const De = /* @__PURE__ */ ze(Re), Ie = {
             {
               ...s,
               id: M,
-              ref: R,
-              "data-testid": b("input"),
-              "aria-describedby": s["aria-describedby"] || x,
+              ref: I,
+              "data-testid": m("input"),
+              "aria-describedby": s["aria-describedby"] || $,
               "aria-invalid": s["aria-invalid"] || !!e,
-              className: N([
-                `${l}__input`,
+              className: O([
+                `${c}__input`,
                 {
-                  [`${l}__input--valid`]: h,
-                  [`${l}__input--error`]: !!e
+                  [`${c}__input--valid`]: x,
+                  [`${c}__input--error`]: !!e
                 }
               ])
             }
           ),
-          /* @__PURE__ */ o("div", { className: N(`${l}__frame`) }),
-          (!!S.length || r) && /* @__PURE__ */ O(
+          /* @__PURE__ */ o("div", { className: O(`${c}__frame`) }),
+          (!!N.length || r) && /* @__PURE__ */ q(
             "div",
             {
-              "data-testid": b("end-adornments"),
-              className: N(`${l}__adornment-container`),
+              "data-testid": m("end-adornments"),
+              className: O(`${c}__adornment-container`),
               children: [
-                S,
+                N,
                 r
               ]
             }
@@ -967,12 +975,12 @@ const De = /* @__PURE__ */ ze(Re), Ie = {
         ] }),
         !!p && p
       ] }),
-      x && /* @__PURE__ */ o(Xt, { "data-testid": b("helper-text"), id: x, children: u }),
-      e && /* @__PURE__ */ o(Zt, { "data-testid": b("error-text"), children: e })
+      $ && /* @__PURE__ */ o(Qt, { "data-testid": m("helper-text"), id: $, children: u }),
+      e && /* @__PURE__ */ o(Vt, { "data-testid": m("error-text"), children: e })
     ] });
   }
 );
-Gr.displayName = "TextField";
+Hr.displayName = "TextField";
 function Ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -982,9 +990,9 @@ var X = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Mr;
+var Ar;
 function Ve() {
-  return Mr || (Mr = 1, function(t) {
+  return Ar || (Ar = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1013,35 +1021,35 @@ function Ve() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(X)), X.exports;
+  })(X)), X.exports;
 }
 var Fe = Ve();
-const Qr = /* @__PURE__ */ Ee(Fe), Ze = {
-  "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",
-  "purpur-quantity-selector--no-gap": "_purpur-quantity-selector--no-gap_lzxe3_30",
-  "purpur-quantity-selector--no-gap-disabled-left": "_purpur-quantity-selector--no-gap-disabled-left_lzxe3_35",
-  "purpur-quantity-selector--no-gap-disabled-right": "_purpur-quantity-selector--no-gap-disabled-right_lzxe3_39",
-  "purpur-quantity-selector--no-gap-disabled": "_purpur-quantity-selector--no-gap-disabled_lzxe3_35",
-  "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"
+const Tr = /* @__PURE__ */ Ee(Fe), Ze = {
+  "purpur-quantity-selector": "_purpur-quantity-selector_pun3b_1",
+  "purpur-quantity-selector--full-width": "_purpur-quantity-selector--full-width_pun3b_25",
+  "purpur-quantity-selector--loading": "_purpur-quantity-selector--loading_pun3b_31",
+  "purpur-quantity-selector--no-gap": "_purpur-quantity-selector--no-gap_pun3b_34",
+  "purpur-quantity-selector--no-gap-disabled-left": "_purpur-quantity-selector--no-gap-disabled-left_pun3b_39",
+  "purpur-quantity-selector--no-gap-disabled-right": "_purpur-quantity-selector--no-gap-disabled-right_pun3b_43",
+  "purpur-quantity-selector--no-gap-disabled": "_purpur-quantity-selector--no-gap-disabled_pun3b_39",
+  "purpur-quantity-selector__spinner": "_purpur-quantity-selector__spinner_pun3b_50",
+  "purpur-quantity-selector__spinner--full-width": "_purpur-quantity-selector__spinner--full-width_pun3b_57",
+  "purpur-quantity-selector__spinner--separated": "_purpur-quantity-selector__spinner--separated_pun3b_61"
 }, He = {
   LG: "lg"
 };
 function Te(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pr = { exports: {} };
+var Mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var kr;
+var Pr;
 function We() {
-  return kr || (kr = 1, function(t) {
+  return Pr || (Pr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1070,7 +1078,7 @@ function We() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Pr)), Pr.exports;
+  })(Mr)), Mr.exports;
 }
 var Ge = We();
 const Qe = /* @__PURE__ */ Te(Ge), Ue = "_rotate_12t9p_1", Xe = "_dash_12t9p_1", Ye = {
@@ -1085,17 +1093,17 @@ const Qe = /* @__PURE__ */ Te(Ge), Ue = "_rotate_12t9p_1", Xe = "_dash_12t9p_1",
   dash: Xe,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Cr = Qe.bind(Ye), V = "purpur-spinner", Je = {
+}, kr = Qe.bind(Ye), V = "purpur-spinner", Je = {
   SM: "sm"
 }, Ke = ({
   disabled: t = !1,
   negative: i = !1,
   size: n = Je.SM,
   ...a
-}) => /* @__PURE__ */ o("div", { className: Cr(V, `${V}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: kr(V, `${V}--${n}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: Cr(`${V}__circle`, {
+    className: kr(`${V}__circle`, {
       [`${V}__circle--disabled`]: t,
       [`${V}__circle--negative`]: i
     }),
@@ -1107,7 +1115,7 @@ const Qe = /* @__PURE__ */ Te(Ge), Ue = "_rotate_12t9p_1", Xe = "_dash_12t9p_1",
 function rn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1115,7 +1123,7 @@ var zr = { exports: {} };
 */
 var Br;
 function tn() {
-  return Br || (Br = 1, function(t) {
+  return Br || (Br = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1144,7 +1152,7 @@ function tn() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(zr)), zr.exports;
+  })(Cr)), Cr.exports;
 }
 var en = tn();
 const nn = /* @__PURE__ */ rn(en), un = {
@@ -1169,7 +1177,7 @@ const nn = /* @__PURE__ */ rn(en), un = {
   "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"
-}, pn = nn.bind(un), z = "purpur-button", Ur = T(
+}, pn = nn.bind(un), B = "purpur-button", Wr = T(
   ({
     children: t,
     className: i,
@@ -1179,45 +1187,45 @@ const nn = /* @__PURE__ */ rn(en), un = {
     loading: r = !1,
     negative: e = !1,
     onClick: u,
-    size: g = "md",
-    variant: _,
-    type: q = "button",
-    ...m
+    size: d = "md",
+    variant: l,
+    type: y = "button",
+    ...f
   }, j) => {
-    if (p && _ === "destructive")
+    if (p && l === "destructive")
       return null;
     const A = pn(
       [
-        z,
-        `${z}--${e ? `${_}-negative` : _}`,
-        `${z}--${g}`
+        B,
+        `${B}--${e ? `${l}-negative` : l}`,
+        `${B}--${d}`
       ],
       {
-        [`${z}--icon-only`]: p,
-        [`${z}--negative`]: e,
-        [`${z}--full-width`]: a,
-        [`${z}--disabled`]: n || r
+        [`${B}--icon-only`]: p,
+        [`${B}--negative`]: e,
+        [`${B}--full-width`]: a,
+        [`${B}--disabled`]: n || r
       },
       i
-    ), s = (y) => {
-      n || r ? y.preventDefault() : u && u(y);
-    }, v = !!m["aria-disabled"] || n || r;
-    return /* @__PURE__ */ O(
+    ), s = (h) => {
+      n || r ? h.preventDefault() : u && u(h);
+    }, b = !!f["aria-disabled"] || n || r;
+    return /* @__PURE__ */ q(
       "button",
       {
         className: A,
-        type: q,
+        type: y,
         ref: j,
-        "aria-disabled": v,
+        "aria-disabled": b,
         onClick: s,
-        ...m,
+        ...f,
         children: [
           r && /* @__PURE__ */ o(
             Ke,
             {
-              size: g === He.LG ? "xs" : "xxs",
+              size: d === He.LG ? "xs" : "xxs",
               negative: e,
-              disabled: v
+              disabled: b
             }
           ),
           " ",
@@ -1227,19 +1235,19 @@ const nn = /* @__PURE__ */ rn(en), un = {
     );
   }
 );
-Ur.displayName = "Button";
+Wr.displayName = "Button";
 function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} };
+var zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Dr;
+var Ir;
 function on() {
-  return Dr || (Dr = 1, function(t) {
+  return Ir || (Ir = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1268,7 +1276,7 @@ function on() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  }(Rr)), Rr.exports;
+  })(zr)), zr.exports;
 }
 var sn = on();
 const ln = /* @__PURE__ */ an(sn), cn = {
@@ -1279,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), Ir = "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(" "), gn = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1287,35 +1295,35 @@ 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(), K = ({ svg: t, allyTitle: i, className: n, size: a = dn, ...p }) => {
+}, 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),
     title: i
-  }), e = _n(n, Ir, `${Ir}--${a}`);
+  }), e = _n(n, Rr, `${Rr}--${a}`);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-K.displayName = "Icon";
+J.displayName = "Icon";
 const bn = {
   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"
-}, Xr = (t) => /* @__PURE__ */ o(K, { ...t, svg: bn });
-Xr.displayName = "IconMinus";
+}, Gr = (t) => /* @__PURE__ */ o(J, { ...t, svg: bn });
+Gr.displayName = "IconMinus";
 const mn = {
   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"
-}, Yr = (t) => /* @__PURE__ */ o(K, { ...t, svg: mn });
-Yr.displayName = "IconPlus";
+}, Qr = (t) => /* @__PURE__ */ o(J, { ...t, svg: mn });
+Qr.displayName = "IconPlus";
 const yn = {
   "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"
-}, hn = Qr.bind(yn), F = "purpur-quantity-selector-button", xn = ({
+}, hn = Tr.bind(yn), F = "purpur-quantity-selector-button", xn = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1330,7 +1338,7 @@ const yn = {
     [`${F}--no-gap-right`]: !n && p === "increment"
   });
   return /* @__PURE__ */ o(
-    Ur,
+    Wr,
     {
       "data-testid": t,
       className: e,
@@ -1341,10 +1349,10 @@ const yn = {
       iconOnly: !0,
       disabled: i,
       tabIndex: -1,
-      children: p === "increment" ? /* @__PURE__ */ o(Yr, { size: "xs" }) : /* @__PURE__ */ o(Xr, { size: "xs" })
+      children: p === "increment" ? /* @__PURE__ */ o(Qr, { size: "xs" }) : /* @__PURE__ */ o(Gr, { size: "xs" })
     }
   );
-}, Lr = Qr.bind(Ze), On = ["attached", "separated"], qn = ["primary", "secondary"], w = "purpur-quantity-selector", $n = T(
+}, Dr = Tr.bind(Ze), On = ["attached", "separated"], qn = ["primary", "secondary"], S = "purpur-quantity-selector", $n = T(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1354,92 +1362,92 @@ const yn = {
     value: r,
     defaultValue: e,
     fullWidth: u,
-    disabled: g,
-    loading: _,
-    minValue: q,
-    maxValue: m,
+    disabled: d,
+    loading: l,
+    minValue: y,
+    maxValue: f,
     ariaLabelDecrement: j,
     ariaLabelIncrement: A,
     ...s
-  }, v) => {
-    const [y, Z] = tr(e ?? 0), [M, b] = tr(y), h = r !== void 0, x = h ? r : M, B = (f) => t ? `${t}-${f}` : void 0, $ = g || _, P = Math.max(q ?? 0, 0), R = m ?? Number.MAX_SAFE_INTEGER, k = x === R, S = x === P;
-    er(() => {
-      h && Z(r);
-    }, [r, h]), er(() => {
-      if (!h) {
-        const f = setTimeout(() => {
+  }, 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;
+    tr(() => {
+      x && Z(r);
+    }, [r, x]), tr(() => {
+      if (!x) {
+        const v = setTimeout(() => {
           Z(M);
         }, 300);
-        return () => clearTimeout(f);
+        return () => clearTimeout(v);
       }
-    }, [M, h, p]);
-    const W = Lr(i, w, {
-      [`${w}--no-gap`]: n === "attached" && !$ && !S && !k,
-      [`${w}--no-gap-disabled-left`]: n === "attached" && !$ && !k && S,
-      [`${w}--no-gap-disabled-right`]: n === "attached" && !$ && !S && k,
-      [`${w}--no-gap-disabled`]: n === "attached" && ($ || k && S),
-      [`${w}--full-width`]: u,
-      [`${w}--loading`]: _
-    }), d = (f) => {
-      if (!/^[0-9]*$/.test(f.target.value))
+    }, [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))
         return;
-      const H = +f.target.value;
-      H < P || H > R || (h || b(H), p(H));
-    }, Jr = (f) => {
-      const D = f === "increment" ? x + 1 : x - 1;
-      D < 0 || (h || b(D), p(D));
-    }, rr = (f) => {
-      const D = f === "increment" && k || f === "decrement" && S;
+      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;
       return /* @__PURE__ */ o(
         xn,
         {
-          "data-testid": B("button-" + f),
+          "data-testid": z("button-" + v),
           variant: a,
-          buttonType: f,
+          buttonType: v,
           hasGap: n === "separated",
-          onClick: Jr,
-          disabled: $ || D,
-          "aria-label": f === "increment" ? A : j
+          onClick: Ur,
+          disabled: w || R,
+          "aria-label": v === "increment" ? A : j
         }
       );
-    }, Kr = /* @__PURE__ */ O(Er, { children: [
-      _ && /* @__PURE__ */ o(
+    }, Xr = /* @__PURE__ */ q(Yr, { children: [
+      l && /* @__PURE__ */ o(
         "div",
         {
-          className: Lr(`${w}__spinner`, {
-            [`${w}__spinner--full-width`]: u,
-            [`${w}__spinner--separated`]: !u && n === "separated"
+          className: Dr(`${S}__spinner`, {
+            [`${S}__spinner--full-width`]: u,
+            [`${S}__spinner--separated`]: !u && n === "separated"
           }),
           children: /* @__PURE__ */ o(
-            lt,
+            ot,
             {
-              disabled: $,
+              disabled: w,
               size: "xs",
-              "data-testid": B("spinner")
+              "data-testid": z("spinner")
             },
             "spinner"
           )
         }
       ),
-      rr("decrement")
+      K("decrement")
     ] });
     return /* @__PURE__ */ o(
-      Gr,
+      Hr,
       {
-        value: x,
+        value: $,
         type: "number",
-        ref: v,
+        ref: b,
         className: W,
         "data-testid": t,
-        onChange: d,
-        beforeField: Kr,
-        afterField: rr("increment"),
-        disabled: $,
+        onChange: g,
+        beforeField: Xr,
+        afterField: K("increment"),
+        disabled: w,
         min: P,
-        max: R,
+        max: I,
         role: "spinbutton",
-        "aria-valuenow": x,
-        "aria-valuemax": R,
+        "aria-valuenow": $,
+        "aria-valuemax": I,
         "aria-valuemin": P,
         ...s
       }