npm - @purpurds/quantity-selector - Versions diffs - 8.8.0 → 8.9.0 - Mend

@purpurds/quantity-selector 8.8.0 → 8.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/.rush/temp/chunked-rush-logs/quantity-selector.ci_build.chunks.jsonl +5 -5
package/.rush/temp/chunked-rush-logs/quantity-selector.test_unit.chunks.jsonl +4 -4
package/.rush/temp/operation/ci_build/all.log +5 -5
package/.rush/temp/operation/ci_build/log-chunks.jsonl +5 -5
package/.rush/temp/operation/ci_build/state.json +1 -1
package/.rush/temp/operation/test_unit/all.log +4 -4
package/.rush/temp/operation/test_unit/log-chunks.jsonl +4 -4
package/.rush/temp/operation/test_unit/state.json +1 -1
package/.rush/temp/shrinkwrap-deps.json +182 -191
package/dist/LICENSE.txt +4 -4
package/dist/quantity-selector.cjs.js +1 -57
package/dist/quantity-selector.cjs.js.map +1 -1
package/dist/quantity-selector.es.js +466 -544
package/dist/quantity-selector.es.js.map +1 -1
package/package.json +22 -22

package/dist/quantity-selector.es.js CHANGED Viewed

@@ -1,25 +1,19 @@
-import { jsx as s, jsxs as O, Fragment as nt } from "react/jsx-runtime";
-import * as _ from "react";
-import { forwardRef as G, useId as ut, useRef as it, useState as rr, useEffect as tr } from "react";
+import { jsx as o, jsxs as O, Fragment as it } from "react/jsx-runtime";
+import * as c from "react";
+import { forwardRef as W, useId as pt, useRef as at, useState as rr, useEffect as tr } from "react";
 import "react-dom";
-function pt(t) {
+function ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var er = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var nr;
-function at() {
+var er = { exports: {} }, nr;
+function st() {
   return nr || (nr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -34,43 +28,43 @@ function at() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(er)), er.exports;
 }
-var st = at();
-const ot = /* @__PURE__ */ pt(st), lt = "_rotate_12t9p_1", ct = "_dash_12t9p_1", _t = {
+var lt = st();
+const ct = /* @__PURE__ */ ot(lt), _t = "_rotate_12t9p_1", dt = "_dash_12t9p_1", ft = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: lt,
+  rotate: _t,
   "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: ct,
+  dash: dt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, ur = ot.bind(_t), D = "purpur-spinner", dt = {
+}, ur = ct.bind(ft), L = "purpur-spinner", gt = {
   SM: "sm"
 }, Vr = ({
   disabled: t = !1,
-  negative: p = !1,
-  size: n = dt.SM,
+  negative: i = !1,
+  size: n = gt.SM,
   className: a,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: ur(D, `${D}--${n}`, a), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  ...p
+}) => /* @__PURE__ */ o("div", { className: ur(L, `${L}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: ur(`${D}__circle`, {
-      [`${D}__circle--disabled`]: t,
-      [`${D}__circle--negative`]: p
+    className: ur(`${L}__circle`, {
+      [`${L}__circle--disabled`]: t,
+      [`${L}__circle--negative`]: i
     }),
     cx: "25",
     cy: "25",
@@ -78,27 +72,21 @@ const ot = /* @__PURE__ */ pt(st), lt = "_rotate_12t9p_1", ct = "_dash_12t9p_1",
   }
 ) }) });
 Vr.displayName = "Spinner";
-const ft = {
+const vt = {
   LG: "lg"
 };
-function vt(t) {
+function bt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ir = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var pr;
-function gt() {
+var ir = { exports: {} }, pr;
+function ht() {
   return pr || (pr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -113,43 +101,43 @@ function gt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(ir)), ir.exports;
 }
-var ht = gt();
-const bt = /* @__PURE__ */ vt(ht), mt = "_rotate_12t9p_1", yt = "_dash_12t9p_1", xt = {
+var yt = ht();
+const mt = /* @__PURE__ */ bt(yt), xt = "_rotate_12t9p_1", $t = "_dash_12t9p_1", wt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: mt,
+  rotate: xt,
   "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: yt,
+  dash: $t,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, ar = bt.bind(xt), L = "purpur-spinner", $t = {
+}, ar = mt.bind(wt), E = "purpur-spinner", jt = {
   SM: "sm"
 }, Fr = ({
   disabled: t = !1,
-  negative: p = !1,
-  size: n = $t.SM,
+  negative: i = !1,
+  size: n = jt.SM,
   className: a,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: ar(L, `${L}--${n}`, a), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  ...p
+}) => /* @__PURE__ */ o("div", { className: ar(E, `${E}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: ar(`${L}__circle`, {
-      [`${L}__circle--disabled`]: t,
-      [`${L}__circle--negative`]: p
+    className: ar(`${E}__circle`, {
+      [`${E}__circle--disabled`]: t,
+      [`${E}__circle--negative`]: i
     }),
     cx: "25",
     cy: "25",
@@ -157,24 +145,18 @@ const bt = /* @__PURE__ */ vt(ht), mt = "_rotate_12t9p_1", yt = "_dash_12t9p_1",
   }
 ) }) });
 Fr.displayName = "Spinner";
-function wt(t) {
+function St(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var sr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var or;
-function jt() {
-  return or || (or = 1, (function(t) {
+var or = { exports: {} }, sr;
+function Nt() {
+  return sr || (sr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -189,18 +171,18 @@ function jt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(sr)), sr.exports;
+  })(or)), or.exports;
 }
-var St = jt();
-const Nt = /* @__PURE__ */ wt(St), Ot = {
+var Ot = Nt();
+const qt = /* @__PURE__ */ St(Ot), At = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -223,22 +205,22 @@ const Nt = /* @__PURE__ */ wt(St), Ot = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, lr = Nt.bind(Ot), q = "purpur-button", Zr = G(
+}, lr = qt.bind(At), q = "purpur-button", Zr = W(
   ({
     children: t,
-    className: p,
+    className: i,
     disabled: n = !1,
     fullWidth: a = !1,
-    iconOnly: i,
+    iconOnly: p,
     loading: r = !1,
     negative: e = !1,
     onClick: u,
     size: d = "md",
     variant: l,
     type: m = "button",
-    ...f
+    ...g
   }, M) => {
-    if (i && l === "destructive")
+    if (p && l === "destructive")
       return null;
     const P = lr(
       [
@@ -247,31 +229,31 @@ const Nt = /* @__PURE__ */ wt(St), Ot = {
         `${q}--${d}`
       ],
       {
-        [`${q}--icon-only`]: i,
+        [`${q}--icon-only`]: p,
         [`${q}--negative`]: e,
         [`${q}--full-width`]: a,
         [`${q}--disabled`]: n || r
       },
-      p
-    ), o = (y) => {
-      n || r ? y.preventDefault() : u && u(y);
-    }, h = !!f["aria-disabled"] || n || r;
+      i
+    ), s = (j) => {
+      n || r ? j.preventDefault() : u && u(j);
+    }, b = !!g["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: P,
         type: m,
         ref: M,
-        "aria-disabled": h,
-        onClick: o,
-        ...f,
+        "aria-disabled": b,
+        onClick: s,
+        ...g,
         children: [
-          r && /* @__PURE__ */ s(
+          r && /* @__PURE__ */ o(
             Fr,
             {
-              size: d === ft.LG ? "xs" : "xxs",
+              size: d === vt.LG ? "xs" : "xxs",
               negative: e,
-              disabled: h,
+              disabled: b,
               className: lr(`${q}__spinner`)
             }
           ),
@@ -283,24 +265,18 @@ const Nt = /* @__PURE__ */ wt(St), Ot = {
   }
 );
 Zr.displayName = "Button";
-function qt(t) {
+function Mt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var cr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var _r;
-function At() {
+var cr = { exports: {} }, _r;
+function Pt() {
   return _r || (_r = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -315,18 +291,18 @@ function At() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(cr)), cr.exports;
 }
-var Mt = At();
-const Pt = /* @__PURE__ */ qt(Mt), kt = {
+var kt = Pt();
+const Ct = /* @__PURE__ */ Mt(kt), Bt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -334,46 +310,40 @@ const Pt = /* @__PURE__ */ qt(Mt), kt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ct = Pt.bind(kt), dr = "purpur-icon", Bt = "md", zt = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), It = ({ content: t = "", title: p } = {}) => {
+}, zt = Ct.bind(Bt), dr = "purpur-icon", It = "md", Rt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Dt = ({ 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" },
-    p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = p ? `<title>${p}</title>` : "";
-  return `<svg ${zt(n)}>${a}${t}</svg>`;
-}, Rt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({ svg: t, allyTitle: p, className: n, size: a = Bt, ...i }) => {
-  const r = It({
-    content: Rt(t.svg),
-    title: p
-  }), e = Ct(dr, `${dr}--${a}`, n);
-  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...i });
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${Rt(n)}>${a}${t}</svg>`;
+}, Lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({ svg: t, allyTitle: i, className: n, size: a = It, ...p }) => {
+  const r = Dt({
+    content: Lt(t.svg),
+    title: i
+  }), e = zt(dr, `${dr}--${a}`, n);
+  return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 Hr.displayName = "Icon";
-const Dt = {
+const Et = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
 };
-function Lt(t) {
+function Vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var fr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var vr;
-function Et() {
-  return vr || (vr = 1, (function(t) {
+var fr = { exports: {} }, gr;
+function Ft() {
+  return gr || (gr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -388,60 +358,54 @@ function Et() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(fr)), fr.exports;
 }
-var Vt = Et();
-const Ft = /* @__PURE__ */ Lt(Vt), Zt = {
+var Zt = Ft();
+const Ht = /* @__PURE__ */ Vt(Zt), Gt = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, gr = Ft.bind(Zt), Q = "purpur-field-error-text", Ht = ({
+}, vr = Ht.bind(Gt), Q = "purpur-field-error-text", Wt = ({
   children: t,
-  className: p,
+  className: i,
   negative: n = !1,
   ["aria-relevant"]: a = "additions text",
-  ...i
+  ...p
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: gr(p, Q, {
+    className: vr(i, Q, {
       [`${Q}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
-    ...i,
+    ...p,
     children: [
-      /* @__PURE__ */ s(Hr, { svg: Dt, size: "xs", className: gr(`${Q}__icon`) }),
+      /* @__PURE__ */ o(Hr, { svg: Et, size: "xs", className: vr(`${Q}__icon`) }),
       t
     ]
   }
 );
-function Gt(t) {
+function Qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var br;
-function Wt() {
-  return br || (br = 1, (function(t) {
+var br = { exports: {} }, hr;
+function Tt() {
+  return hr || (hr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -456,53 +420,47 @@ function Wt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(hr)), hr.exports;
+  })(br)), br.exports;
 }
-var Qt = Wt();
-const Tt = /* @__PURE__ */ Gt(Qt), Ut = {
+var Ut = Tt();
+const Xt = /* @__PURE__ */ Qt(Ut), Yt = {
   "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"
-}, Yt = Tt.bind(Ut), T = "purpur-field-helper-text", Jt = ({
+}, Jt = Xt.bind(Yt), T = "purpur-field-helper-text", Kt = ({
   children: t,
-  className: p,
+  className: i,
   disabled: n,
   id: a,
-  negative: i,
+  negative: p,
   ...r
 }) => {
-  const e = Yt(p, T, {
+  const e = Jt(i, T, {
     [`${T}--disabled`]: n,
-    [`${T}--negative`]: i
+    [`${T}--negative`]: p
   });
-  return /* @__PURE__ */ s("span", { id: a, className: e, ...r, children: t });
+  return /* @__PURE__ */ o("span", { id: a, className: e, ...r, children: t });
 };
-function Kt(t) {
+function re(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var mr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var yr;
-function Xt() {
-  return yr || (yr = 1, (function(t) {
+var yr = { exports: {} }, mr;
+function te() {
+  return mr || (mr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -517,18 +475,18 @@ function Xt() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(mr)), mr.exports;
+  })(yr)), yr.exports;
 }
-var re = Xt();
-const te = /* @__PURE__ */ Kt(re), ee = {
+var ee = te();
+const ne = /* @__PURE__ */ re(ee), ue = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -536,102 +494,110 @@ const te = /* @__PURE__ */ Kt(re), ee = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ne = te.bind(ee), xr = "purpur-icon", ue = "md", ie = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), pe = ({ content: t = "", title: p } = {}) => {
+}, ie = ne.bind(ue), xr = "purpur-icon", pe = "md", ae = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), oe = ({ 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" },
-    p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = p ? `<title>${p}</title>` : "";
-  return `<svg ${ie(n)}>${a}${t}</svg>`;
-}, ae = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: t, allyTitle: p, className: n, size: a = ue, ...i }) => {
-  const r = pe({
-    content: ae(t.svg),
-    title: p
-  }), e = ne(xr, `${xr}--${a}`, n);
-  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...i });
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${ae(n)}>${a}${t}</svg>`;
+}, se = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({ svg: t, allyTitle: i, className: n, size: a = pe, ...p }) => {
+  const r = oe({
+    content: se(t.svg),
+    title: i
+  }), e = ie(xr, `${xr}--${a}`, n);
+  return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-J.displayName = "Icon";
-const se = {
+Y.displayName = "Icon";
+const le = {
   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"
-}, Gr = (t) => /* @__PURE__ */ s(J, { ...t, svg: se });
+}, Gr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: le });
 Gr.displayName = "IconCheckCircleFilled";
-const oe = {
+const ce = {
   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"
-}, Wr = (t) => /* @__PURE__ */ s(J, { ...t, svg: oe });
+}, Wr = (t) => /* @__PURE__ */ o(Y, { ...t, svg: ce });
 Wr.displayName = "IconClose";
-function $r(t, p) {
+function $r(t, i) {
   if (typeof t == "function")
-    return t(p);
-  t != null && (t.current = p);
+    return t(i);
+  t != null && (t.current = i);
 }
-function le(...t) {
-  return (p) => {
+function _e(...t) {
+  return (i) => {
     let n = !1;
-    const a = t.map((i) => {
-      const r = $r(i, p);
+    const a = t.map((p) => {
+      const r = $r(p, i);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
-        for (let i = 0; i < a.length; i++) {
-          const r = a[i];
-          typeof r == "function" ? r() : $r(t[i], null);
+        for (let p = 0; p < a.length; p++) {
+          const r = a[p];
+          typeof r == "function" ? r() : $r(t[p], null);
         }
       };
   };
 }
+var de = Symbol.for("react.lazy"), G = c[" use ".trim().toString()];
+function fe(t) {
+  return typeof t == "object" && t !== null && "then" in t;
+}
+function Qr(t) {
+  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === de && "_payload" in t && fe(t._payload);
+}
 // @__NO_SIDE_EFFECTS__
-function ce(t) {
-  const p = /* @__PURE__ */ _e(t), n = _.forwardRef((a, i) => {
-    const { children: r, ...e } = a, u = _.Children.toArray(r), d = u.find(fe);
+function ge(t) {
+  const i = /* @__PURE__ */ ve(t), n = c.forwardRef((a, p) => {
+    let { children: r, ...e } = a;
+    Qr(r) && typeof G == "function" && (r = G(r._payload));
+    const u = c.Children.toArray(r), d = u.find(he);
     if (d) {
-      const l = d.props.children, m = u.map((f) => f === d ? _.Children.count(l) > 1 ? _.Children.only(null) : _.isValidElement(l) ? l.props.children : null : f);
-      return /* @__PURE__ */ s(p, { ...e, ref: i, children: _.isValidElement(l) ? _.cloneElement(l, void 0, m) : null });
+      const l = d.props.children, m = u.map((g) => g === d ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : g);
+      return /* @__PURE__ */ o(i, { ...e, ref: p, children: c.isValidElement(l) ? c.cloneElement(l, void 0, m) : null });
     }
-    return /* @__PURE__ */ s(p, { ...e, ref: i, children: r });
+    return /* @__PURE__ */ o(i, { ...e, ref: p, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function _e(t) {
-  const p = _.forwardRef((n, a) => {
-    const { children: i, ...r } = n;
-    if (_.isValidElement(i)) {
-      const e = ge(i), u = ve(r, i.props);
-      return i.type !== _.Fragment && (u.ref = a ? le(a, e) : e), _.cloneElement(i, u);
+function ve(t) {
+  const i = c.forwardRef((n, a) => {
+    let { children: p, ...r } = n;
+    if (Qr(p) && typeof G == "function" && (p = G(p._payload)), c.isValidElement(p)) {
+      const e = me(p), u = ye(r, p.props);
+      return p.type !== c.Fragment && (u.ref = a ? _e(a, e) : e), c.cloneElement(p, u);
     }
-    return _.Children.count(i) > 1 ? _.Children.only(null) : null;
+    return c.Children.count(p) > 1 ? c.Children.only(null) : null;
   });
-  return p.displayName = `${t}.SlotClone`, p;
+  return i.displayName = `${t}.SlotClone`, i;
 }
-var de = Symbol("radix.slottable");
-function fe(t) {
-  return _.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === de;
+var be = Symbol("radix.slottable");
+function he(t) {
+  return c.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === be;
 }
-function ve(t, p) {
-  const n = { ...p };
-  for (const a in p) {
-    const i = t[a], r = p[a];
-    /^on[A-Z]/.test(a) ? i && r ? n[a] = (...e) => {
+function ye(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) => {
       const u = r(...e);
-      return i(...e), u;
-    } : i && (n[a] = i) : a === "style" ? n[a] = { ...i, ...r } : a === "className" && (n[a] = [i, r].filter(Boolean).join(" "));
+      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 };
 }
-function ge(t) {
-  var p, n;
-  let a = (p = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : p.get, i = a && "isReactWarning" in a && a.isReactWarning;
-  return i ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, i = a && "isReactWarning" in a && a.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
+function me(t) {
+  let i = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning;
+  return n ? t.ref : (i = Object.getOwnPropertyDescriptor(t, "ref")?.get, n = i && "isReactWarning" in i && i.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
 }
-var he = [
+var xe = [
   "a",
   "button",
   "div",
@@ -649,43 +615,36 @@ var he = [
   "span",
   "svg",
   "ul"
-], be = he.reduce((t, p) => {
-  const n = /* @__PURE__ */ ce(`Primitive.${p}`), a = _.forwardRef((i, r) => {
-    const { asChild: e, ...u } = i, d = e ? n : p;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(d, { ...u, ref: r });
+], $e = xe.reduce((t, i) => {
+  const n = /* @__PURE__ */ ge(`Primitive.${i}`), a = c.forwardRef((p, r) => {
+    const { asChild: e, ...u } = p, d = e ? n : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(d, { ...u, ref: r });
   });
-  return a.displayName = `Primitive.${p}`, { ...t, [p]: a };
-}, {}), me = "Label", Qr = _.forwardRef((t, p) => /* @__PURE__ */ s(
-  be.label,
+  return a.displayName = `Primitive.${i}`, { ...t, [i]: a };
+}, {}), we = "Label", Tr = c.forwardRef((t, i) => /* @__PURE__ */ o(
+  $e.label,
   {
     ...t,
-    ref: p,
+    ref: i,
     onMouseDown: (n) => {
-      var a;
-      n.target.closest("button, input, select, textarea") || ((a = t.onMouseDown) == null || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+      n.target.closest("button, input, select, textarea") || (t.onMouseDown?.(n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
     }
   }
 ));
-Qr.displayName = me;
-var ye = Qr;
-function xe(t) {
+Tr.displayName = we;
+var je = Tr;
+function Se(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var wr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var jr;
-function $e() {
+var wr = { exports: {} }, jr;
+function Ne() {
   return jr || (jr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -700,52 +659,46 @@ function $e() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(wr)), wr.exports;
 }
-var we = $e();
-const je = /* @__PURE__ */ xe(we), Se = {
+var Oe = Ne();
+const qe = /* @__PURE__ */ Se(Oe), Ae = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Ne = je.bind(Se), U = "purpur-label", Oe = ({
+}, Me = qe.bind(Ae), U = "purpur-label", Pe = ({
   children: t,
-  className: p,
+  className: i,
   disabled: n,
   negative: a = !1,
-  ...i
+  ...p
 }) => {
-  const r = Ne(p, U, {
+  const r = Me(i, U, {
     [`${U}--disabled`]: n,
     [`${U}--negative`]: a
   });
-  return /* @__PURE__ */ s(ye, { className: r, ...i, children: t });
+  return /* @__PURE__ */ o(je, { className: r, ...p, children: t });
 };
-function qe(t) {
+function ke(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Sr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var Nr;
-function Ae() {
+var Sr = { exports: {} }, Nr;
+function Ce() {
   return Nr || (Nr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -760,68 +713,62 @@ function Ae() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(Sr)), Sr.exports;
 }
-var Me = Ae();
-const Pe = /* @__PURE__ */ qe(Me), ke = "_rotate_12t9p_1", Ce = "_dash_12t9p_1", Be = {
+var Be = Ce();
+const ze = /* @__PURE__ */ ke(Be), Ie = "_rotate_12t9p_1", Re = "_dash_12t9p_1", De = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: ke,
+  rotate: Ie,
   "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: Ce,
+  dash: Re,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Or = Pe.bind(Be), E = "purpur-spinner", ze = {
+}, Or = ze.bind(De), V = "purpur-spinner", Le = {
   SM: "sm"
-}, Tr = ({
+}, Ur = ({
   disabled: t = !1,
-  negative: p = !1,
-  size: n = ze.SM,
+  negative: i = !1,
+  size: n = Le.SM,
   className: a,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: Or(E, `${E}--${n}`, a), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  ...p
+}) => /* @__PURE__ */ o("div", { className: Or(V, `${V}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: Or(`${E}__circle`, {
-      [`${E}__circle--disabled`]: t,
-      [`${E}__circle--negative`]: p
+    className: Or(`${V}__circle`, {
+      [`${V}__circle--disabled`]: t,
+      [`${V}__circle--negative`]: i
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-Tr.displayName = "Spinner";
-function Ie(t) {
+Ur.displayName = "Spinner";
+function Ee(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var Ar;
-function Re() {
+var qr = { exports: {} }, Ar;
+function Ve() {
   return Ar || (Ar = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -836,18 +783,18 @@ function Re() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(qr)), qr.exports;
 }
-var De = Re();
-const Le = /* @__PURE__ */ Ie(De), Ee = {
+var Fe = Ve();
+const Ze = /* @__PURE__ */ Ee(Fe), He = {
   "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",
@@ -864,117 +811,115 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
   "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"
-}, Ve = (t) => it(t), N = Le.bind(Ee), c = "purpur-text-field", Ur = G(
+}, Ge = (t) => at(t), N = Ze.bind(He), _ = "purpur-text-field", Xr = W(
   ({
     ["data-testid"]: t,
-    className: p,
+    className: i,
     clearButtonAriaLabel: n,
     beforeField: a,
-    afterField: i,
+    afterField: p,
     endAdornment: r,
     errorText: e,
     helperText: u,
     hideRequiredAsterisk: d = !1,
     label: l,
     loading: m = !1,
-    onClear: f,
+    onClear: g,
     startAdornment: M,
     valid: P = !1,
-    ...o
-  }, h) => {
-    var y;
-    const Z = ut(), k = o.id ?? Z, b = (v) => t ? `${t}-${v}` : void 0, x = P && !e, $ = u ? `${k}-helper-text` : void 0, z = [M].filter((v) => !!v), w = (typeof o.value == "number" ? o.value !== void 0 : (y = o.value) == null ? void 0 : y.length) && !o.disabled && !o.readOnly && !m && f && n, C = Ve(null), I = (v) => {
-      C.current = v, typeof h == "function" ? h(v) : h && (h.current = v);
-    }, B = () => {
-      var v;
-      f == null || f(), (v = C.current) == null || v.focus();
+    ...s
+  }, b) => {
+    const j = pt(), C = s.id ?? j, v = (y) => t ? `${t}-${y}` : void 0, R = P && !e, h = u ? `${C}-helper-text` : void 0, x = [M].filter((y) => !!y), D = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !m && g && n, $ = Ge(null), B = (y) => {
+      $.current = y, typeof b == "function" ? b(y) : b && (b.current = y);
+    }, z = () => {
+      g?.(), $.current?.focus();
     }, S = [
-      m && /* @__PURE__ */ s(
-        Tr,
+      m && /* @__PURE__ */ o(
+        Ur,
         {
-          disabled: o.disabled,
+          disabled: s.disabled,
           size: "xs",
-          "data-testid": b("spinner")
+          "data-testid": v("spinner")
         },
         "spinner"
       ),
-      w && /* @__PURE__ */ s(
+      D && /* @__PURE__ */ o(
         Zr,
         {
           variant: "tertiary-purple",
-          onClick: B,
+          onClick: z,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": b("clear-button"),
+          "data-testid": v("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ s(Wr, { size: "xs" })
+          children: /* @__PURE__ */ o(Wr, { size: "xs" })
         },
         "clear-button"
       ),
-      x && /* @__PURE__ */ s(
+      R && /* @__PURE__ */ o(
         Gr,
         {
-          "data-testid": b("valid-icon"),
-          className: N(`${c}__valid-icon`)
+          "data-testid": v("valid-icon"),
+          className: N(`${_}__valid-icon`)
         },
         "valid-icon"
       )
-    ].filter((v) => !!v), W = N(`${c}__input-container`, {
-      [`${c}__input-container--start-adornment`]: z.length,
-      [`${c}__input-container--end-adornment`]: S.length || r,
-      [`${c}__input-container--disabled`]: o.disabled,
-      [`${c}__input-container--has-clear-button`]: w,
-      [`${c}__input-container--readonly`]: o.readOnly && !o.disabled
+    ].filter((y) => !!y), k = N(`${_}__input-container`, {
+      [`${_}__input-container--start-adornment`]: x.length,
+      [`${_}__input-container--end-adornment`]: S.length || r,
+      [`${_}__input-container--disabled`]: s.disabled,
+      [`${_}__input-container--has-clear-button`]: D,
+      [`${_}__input-container--readonly`]: s.readOnly && !s.disabled
     });
-    return /* @__PURE__ */ O("div", { className: N(p, c), children: [
+    return /* @__PURE__ */ O("div", { className: N(i, _), children: [
       l && /* @__PURE__ */ O(
-        Oe,
+        Pe,
         {
-          htmlFor: k,
-          className: N(`${c}__label`),
-          "data-testid": b("label"),
-          disabled: o.disabled,
+          htmlFor: C,
+          className: N(`${_}__label`),
+          "data-testid": v("label"),
+          disabled: s.disabled,
           children: [
-            o.required && !d && /* @__PURE__ */ s("span", { "aria-hidden": !0, children: "*" }),
+            s.required && !d && /* @__PURE__ */ o("span", { "aria-hidden": !0, children: "*" }),
             l
           ]
         }
       ),
-      /* @__PURE__ */ O("div", { className: N(`${c}__field-row`), children: [
+      /* @__PURE__ */ O("div", { className: N(`${_}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ O("div", { className: W, children: [
-          !!z.length && /* @__PURE__ */ s(
+        /* @__PURE__ */ O("div", { className: k, children: [
+          !!x.length && /* @__PURE__ */ o(
             "div",
             {
-              "data-testid": b("start-adornments"),
-              className: N(`${c}__adornment-container`),
-              children: z
+              "data-testid": v("start-adornments"),
+              className: N(`${_}__adornment-container`),
+              children: x
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "input",
             {
-              ...o,
-              id: k,
-              ref: I,
-              "data-testid": b("input"),
-              "aria-describedby": o["aria-describedby"] || $,
-              "aria-invalid": o["aria-invalid"] || !!e,
+              ...s,
+              id: C,
+              ref: B,
+              "data-testid": v("input"),
+              "aria-describedby": s["aria-describedby"] || h,
+              "aria-invalid": s["aria-invalid"] || !!e,
               className: N([
-                `${c}__input`,
+                `${_}__input`,
                 {
-                  [`${c}__input--valid`]: x,
-                  [`${c}__input--error`]: !!e
+                  [`${_}__input--valid`]: R,
+                  [`${_}__input--error`]: !!e
                 }
               ])
             }
           ),
-          /* @__PURE__ */ s("div", { className: N(`${c}__frame`) }),
+          /* @__PURE__ */ o("div", { className: N(`${_}__frame`) }),
           (!!S.length || r) && /* @__PURE__ */ O(
             "div",
             {
-              "data-testid": b("end-adornments"),
-              className: N(`${c}__adornment-container`),
+              "data-testid": v("end-adornments"),
+              className: N(`${_}__adornment-container`),
               children: [
                 S,
                 r
@@ -982,32 +927,27 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
             }
           )
         ] }),
-        !!i && i
+        !!p && p
       ] }),
-      $ && /* @__PURE__ */ s(Jt, { "data-testid": b("helper-text"), id: $, children: u }),
-      e && /* @__PURE__ */ s(Ht, { "data-testid": b("error-text"), children: e })
+      h && /* @__PURE__ */ o(Kt, { "data-testid": v("helper-text"), id: h, children: u }),
+      e && /* @__PURE__ */ o(Wt, { "data-testid": v("error-text"), children: e })
     ] });
   }
 );
-Ur.displayName = "TextField";
-function Fe(t) {
+Xr.displayName = "TextField";
+function We(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Y = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
+var X = { exports: {} };
 var Mr;
-function Ze() {
+function Qe() {
   return Mr || (Mr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -1022,18 +962,18 @@ function Ze() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Y)), Y.exports;
+  })(X)), X.exports;
 }
-var He = Ze();
-const Yr = /* @__PURE__ */ Fe(He), Ge = {
+var Te = Qe();
+const Yr = /* @__PURE__ */ We(Te), Ue = {
   "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",
@@ -1044,27 +984,21 @@ const Yr = /* @__PURE__ */ Fe(He), Ge = {
   "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"
-}, We = {
+}, Xe = {
   LG: "lg"
 };
-function Qe(t) {
+function Ye(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var kr;
-function Te() {
+var Pr = { exports: {} }, kr;
+function Je() {
   return kr || (kr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -1079,43 +1013,43 @@ function Te() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(Pr)), Pr.exports;
 }
-var Ue = Te();
-const Ye = /* @__PURE__ */ Qe(Ue), Je = "_rotate_12t9p_1", Ke = "_dash_12t9p_1", Xe = {
+var Ke = Je();
+const rn = /* @__PURE__ */ Ye(Ke), tn = "_rotate_12t9p_1", en = "_dash_12t9p_1", nn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Je,
+  rotate: tn,
   "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: Ke,
+  dash: en,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Cr = Ye.bind(Xe), V = "purpur-spinner", rn = {
+}, Cr = rn.bind(nn), F = "purpur-spinner", un = {
   SM: "sm"
 }, Jr = ({
   disabled: t = !1,
-  negative: p = !1,
-  size: n = rn.SM,
+  negative: i = !1,
+  size: n = un.SM,
   className: a,
-  ...i
-}) => /* @__PURE__ */ s("div", { className: Cr(V, `${V}--${n}`, a), ...i, children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
+  ...p
+}) => /* @__PURE__ */ o("div", { className: Cr(F, `${F}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: Cr(`${V}__circle`, {
-      [`${V}__circle--disabled`]: t,
-      [`${V}__circle--negative`]: p
+    className: Cr(`${F}__circle`, {
+      [`${F}__circle--disabled`]: t,
+      [`${F}__circle--negative`]: i
     }),
     cx: "25",
     cy: "25",
@@ -1123,24 +1057,18 @@ const Ye = /* @__PURE__ */ Qe(Ue), Je = "_rotate_12t9p_1", Ke = "_dash_12t9p_1",
   }
 ) }) });
 Jr.displayName = "Spinner";
-function tn(t) {
+function pn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var zr;
-function en() {
+var Br = { exports: {} }, zr;
+function an() {
   return zr || (zr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -1155,18 +1083,18 @@ function en() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(Br)), Br.exports;
 }
-var nn = en();
-const un = /* @__PURE__ */ tn(nn), pn = {
+var on = an();
+const sn = /* @__PURE__ */ pn(on), ln = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -1189,22 +1117,22 @@ const un = /* @__PURE__ */ tn(nn), pn = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, Ir = un.bind(pn), A = "purpur-button", Kr = G(
+}, Ir = sn.bind(ln), A = "purpur-button", Kr = W(
   ({
     children: t,
-    className: p,
+    className: i,
     disabled: n = !1,
     fullWidth: a = !1,
-    iconOnly: i,
+    iconOnly: p,
     loading: r = !1,
     negative: e = !1,
     onClick: u,
     size: d = "md",
     variant: l,
     type: m = "button",
-    ...f
+    ...g
   }, M) => {
-    if (i && l === "destructive")
+    if (p && l === "destructive")
       return null;
     const P = Ir(
       [
@@ -1213,31 +1141,31 @@ const un = /* @__PURE__ */ tn(nn), pn = {
         `${A}--${d}`
       ],
       {
-        [`${A}--icon-only`]: i,
+        [`${A}--icon-only`]: p,
         [`${A}--negative`]: e,
         [`${A}--full-width`]: a,
         [`${A}--disabled`]: n || r
       },
-      p
-    ), o = (y) => {
-      n || r ? y.preventDefault() : u && u(y);
-    }, h = !!f["aria-disabled"] || n || r;
+      i
+    ), s = (j) => {
+      n || r ? j.preventDefault() : u && u(j);
+    }, b = !!g["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: P,
         type: m,
         ref: M,
-        "aria-disabled": h,
-        onClick: o,
-        ...f,
+        "aria-disabled": b,
+        onClick: s,
+        ...g,
         children: [
-          r && /* @__PURE__ */ s(
+          r && /* @__PURE__ */ o(
             Jr,
             {
-              size: d === We.LG ? "xs" : "xxs",
+              size: d === Xe.LG ? "xs" : "xxs",
               negative: e,
-              disabled: h,
+              disabled: b,
               className: Ir(`${A}__spinner`)
             }
           ),
@@ -1249,24 +1177,18 @@ const un = /* @__PURE__ */ tn(nn), pn = {
   }
 );
 Kr.displayName = "Button";
-function an(t) {
+function cn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Rr = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var Dr;
-function sn() {
+var Rr = { exports: {} }, Dr;
+function _n() {
   return Dr || (Dr = 1, (function(t) {
     (function() {
-      var p = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function n() {
         for (var r = "", e = 0; e < arguments.length; e++) {
           var u = arguments[e];
-          u && (r = i(r, a.call(this, u)));
+          u && (r = p(r, a.call(this, u)));
         }
         return r;
       }
@@ -1281,18 +1203,18 @@ function sn() {
           return r.toString();
         var e = "";
         for (var u in r)
-          p.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+          i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
         return e;
       }
-      function i(r, e) {
+      function p(r, e) {
         return e ? r ? r + " " + e : r + e : r;
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
   })(Rr)), Rr.exports;
 }
-var on = sn();
-const ln = /* @__PURE__ */ an(on), cn = {
+var dn = _n();
+const fn = /* @__PURE__ */ cn(dn), gn = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1300,57 +1222,57 @@ const ln = /* @__PURE__ */ an(on), 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), Lr = "purpur-icon", dn = "md", fn = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), vn = ({ content: t = "", title: p } = {}) => {
+}, vn = fn.bind(gn), Lr = "purpur-icon", bn = "md", hn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), yn = ({ 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" },
-    p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], a = p ? `<title>${p}</title>` : "";
-  return `<svg ${fn(n)}>${a}${t}</svg>`;
-}, gn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: p, className: n, size: a = dn, ...i }) => {
-  const r = vn({
-    content: gn(t.svg),
-    title: p
-  }), e = _n(Lr, `${Lr}--${a}`, n);
-  return /* @__PURE__ */ s("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...i });
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${hn(n)}>${a}${t}</svg>`;
+}, mn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: t, allyTitle: i, className: n, size: a = bn, ...p }) => {
+  const r = yn({
+    content: mn(t.svg),
+    title: i
+  }), e = vn(Lr, `${Lr}--${a}`, n);
+  return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-K.displayName = "Icon";
-const hn = {
+J.displayName = "Icon";
+const xn = {
   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__ */ s(K, { ...t, svg: hn });
-Xr.displayName = "IconMinus";
-const bn = {
+}, rt = (t) => /* @__PURE__ */ o(J, { ...t, svg: xn });
+rt.displayName = "IconMinus";
+const $n = {
   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"
-}, rt = (t) => /* @__PURE__ */ s(K, { ...t, svg: bn });
-rt.displayName = "IconPlus";
-const mn = {
+}, tt = (t) => /* @__PURE__ */ o(J, { ...t, svg: $n });
+tt.displayName = "IconPlus";
+const wn = {
   "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"
-}, yn = Yr.bind(mn), F = "purpur-quantity-selector-button", xn = ({
+}, jn = Yr.bind(wn), Z = "purpur-quantity-selector-button", Sn = ({
   ["data-testid"]: t,
-  disabled: p,
+  disabled: i,
   hasGap: n,
   variant: a,
-  buttonType: i,
+  buttonType: p,
   onClick: r
 }) => {
-  const e = yn(F, {
-    [`${F}--gap-left`]: n && i === "decrement",
-    [`${F}--gap-right`]: n && i === "increment",
-    [`${F}--no-gap-left`]: !n && i === "decrement",
-    [`${F}--no-gap-right`]: !n && i === "increment"
+  const e = jn(Z, {
+    [`${Z}--gap-left`]: n && p === "decrement",
+    [`${Z}--gap-right`]: n && p === "increment",
+    [`${Z}--no-gap-left`]: !n && p === "decrement",
+    [`${Z}--no-gap-right`]: !n && p === "increment"
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     Kr,
     {
       "data-testid": t,
@@ -1358,119 +1280,119 @@ const mn = {
       size: "sm",
       type: "submit",
       variant: a,
-      onClick: () => r(i),
+      onClick: () => r(p),
       iconOnly: !0,
-      disabled: p,
+      disabled: i,
       tabIndex: -1,
-      children: i === "increment" ? /* @__PURE__ */ s(rt, { size: "xs" }) : /* @__PURE__ */ s(Xr, { size: "xs" })
+      children: p === "increment" ? /* @__PURE__ */ o(tt, { size: "xs" }) : /* @__PURE__ */ o(rt, { size: "xs" })
     }
   );
-}, Er = Yr.bind(Ge), Nn = ["attached", "separated"], On = ["primary", "secondary"], j = "purpur-quantity-selector", $n = G(
+}, Er = Yr.bind(Ue), Mn = ["attached", "separated"], Pn = ["primary", "secondary"], w = "purpur-quantity-selector", Nn = W(
   ({
     ["data-testid"]: t,
-    className: p,
+    className: i,
     variant: n,
     buttonVariant: a,
-    onChange: i,
+    onChange: p,
     value: r,
     defaultValue: e,
     fullWidth: u,
     disabled: d,
     loading: l,
     minValue: m,
-    maxValue: f,
+    maxValue: g,
     ariaLabelDecrement: M,
     ariaLabelIncrement: P,
-    ...o
-  }, h) => {
-    const [y, Z] = rr(e ?? 0), [k, b] = rr(y), x = r !== void 0, $ = x ? r : k, z = (g) => t ? `${t}-${g}` : void 0, w = d || l, C = Math.max(m ?? 0, 0), I = f ?? Number.MAX_SAFE_INTEGER, B = $ === I, S = $ === C;
+    ...s
+  }, b) => {
+    const [j, C] = rr(e ?? 0), [v, R] = rr(j), h = r !== void 0, x = h ? r : v, D = (f) => t ? `${t}-${f}` : void 0, $ = d || l, B = Math.max(m ?? 0, 0), z = g ?? Number.MAX_SAFE_INTEGER, S = x === z, k = x === B;
     tr(() => {
-      x && Z(r);
-    }, [r, x]), tr(() => {
-      if (!x) {
-        const g = setTimeout(() => {
-          Z(k);
+      h && C(r);
+    }, [r, h]), tr(() => {
+      if (!h) {
+        const f = setTimeout(() => {
+          C(v);
         }, 300);
-        return () => clearTimeout(g);
+        return () => clearTimeout(f);
       }
-    }, [k, x, i]);
-    const W = Er(p, j, {
-      [`${j}--no-gap`]: n === "attached" && !w && !S && !B,
-      [`${j}--no-gap-disabled-left`]: n === "attached" && !w && !B && S,
-      [`${j}--no-gap-disabled-right`]: n === "attached" && !w && !S && B,
-      [`${j}--no-gap-disabled`]: n === "attached" && (w || B && S),
-      [`${j}--full-width`]: u,
-      [`${j}--loading`]: l
-    }), v = (g) => {
-      if (!/^[0-9]*$/.test(g.target.value))
+    }, [v, h, p]);
+    const y = Er(i, w, {
+      [`${w}--no-gap`]: n === "attached" && !$ && !k && !S,
+      [`${w}--no-gap-disabled-left`]: n === "attached" && !$ && !S && k,
+      [`${w}--no-gap-disabled-right`]: n === "attached" && !$ && !k && S,
+      [`${w}--no-gap-disabled`]: n === "attached" && ($ || S && k),
+      [`${w}--full-width`]: u,
+      [`${w}--loading`]: l
+    }), et = (f) => {
+      if (!/^[0-9]*$/.test(f.target.value))
         return;
-      const H = +g.target.value;
-      H < C || H > I || (x || b(H), i(H));
-    }, tt = (g) => {
-      const R = g === "increment" ? $ + 1 : $ - 1;
-      R < 0 || (x || b(R), i(R));
-    }, X = (g) => {
-      const R = g === "increment" && B || g === "decrement" && S;
-      return /* @__PURE__ */ s(
-        xn,
+      const H = +f.target.value;
+      H < B || H > z || (h || R(H), p(H));
+    }, nt = (f) => {
+      const I = f === "increment" ? x + 1 : x - 1;
+      I < 0 || (h || R(I), p(I));
+    }, K = (f) => {
+      const I = f === "increment" && S || f === "decrement" && k;
+      return /* @__PURE__ */ o(
+        Sn,
         {
-          "data-testid": z("button-" + g),
+          "data-testid": D("button-" + f),
           variant: a,
-          buttonType: g,
+          buttonType: f,
           hasGap: n === "separated",
-          onClick: tt,
-          disabled: w || R,
-          "aria-label": g === "increment" ? P : M
+          onClick: nt,
+          disabled: $ || I,
+          "aria-label": f === "increment" ? P : M
         }
       );
-    }, et = /* @__PURE__ */ O(nt, { children: [
-      l && /* @__PURE__ */ s(
+    }, ut = /* @__PURE__ */ O(it, { children: [
+      l && /* @__PURE__ */ o(
         "div",
         {
-          className: Er(`${j}__spinner`, {
-            [`${j}__spinner--full-width`]: u,
-            [`${j}__spinner--separated`]: !u && n === "separated"
+          className: Er(`${w}__spinner`, {
+            [`${w}__spinner--full-width`]: u,
+            [`${w}__spinner--separated`]: !u && n === "separated"
           }),
-          children: /* @__PURE__ */ s(
+          children: /* @__PURE__ */ o(
             Vr,
             {
-              disabled: w,
+              disabled: $,
               size: "xs",
-              "data-testid": z("spinner")
+              "data-testid": D("spinner")
             },
             "spinner"
           )
         }
       ),
-      X("decrement")
+      K("decrement")
     ] });
-    return /* @__PURE__ */ s(
-      Ur,
+    return /* @__PURE__ */ o(
+      Xr,
       {
-        value: $,
+        value: x,
         type: "number",
-        ref: h,
-        className: W,
+        ref: b,
+        className: y,
         "data-testid": t,
-        onChange: v,
-        beforeField: et,
-        afterField: X("increment"),
-        disabled: w,
-        min: C,
-        max: I,
+        onChange: et,
+        beforeField: ut,
+        afterField: K("increment"),
+        disabled: $,
+        min: B,
+        max: z,
         role: "spinbutton",
-        "aria-valuenow": $,
-        "aria-valuemax": I,
-        "aria-valuemin": C,
-        ...o
+        "aria-valuenow": x,
+        "aria-valuemax": z,
+        "aria-valuemin": B,
+        ...s
       }
     );
   }
 );
-$n.displayName = "QuantitySelector";
+Nn.displayName = "QuantitySelector";
 export {
-  $n as QuantitySelector,
-  On as quantitySelectorButtonVariants,
-  Nn as quantitySelectorVariants
+  Nn as QuantitySelector,
+  Pn as quantitySelectorButtonVariants,
+  Mn as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map