@purpurds/quantity-selector 6.0.0 → 6.0.2

package/dist/quantity-selector.es.js

@@ -1,10 +1,11 @@
-import { jsx as o, jsxs as q, Fragment as Hr } from "react/jsx-runtime";
-import { forwardRef as N, Children as Q, isValidElement as U, createElement as J, cloneElement as br, useEffect as tr, useId as Rr, Fragment as Tr, useRef as Qr, useState as pr } from "react";
+import { jsx as o, jsxs as z, Fragment as xr } from "react/jsx-runtime";
+import * as _ from "react";
+import { forwardRef as W, useId as Zr, useRef as Gr, useState as er, useEffect as nr } from "react";
 import "react-dom";
-function Jr(t) {
+function Hr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var yr = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -39,44 +40,44 @@ var yr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(yr);
-var Kr = yr.exports;
-const ar = /* @__PURE__ */ Jr(Kr), Ur = "_rotate_1xozj_1", Wr = "_dash_1xozj_1", I = {
+})(br);
+var Tr = br.exports;
+const ur = /* @__PURE__ */ Hr(Tr), Wr = "_rotate_1xozj_1", Qr = "_dash_1xozj_1", X = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: Ur,
+  rotate: Wr,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: Wr,
+  dash: Qr,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, F = "purpur-spinner", Yr = {
+}, I = "purpur-spinner", Ur = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, rt = ({
+}, Kr = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: p = Yr.SM,
+  size: p = Ur.SM,
   ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: ar([I[F], I[`${F}--${p}`]]),
+    className: ur([X[I], X[`${I}--${p}`]]),
     "data-testid": t,
     ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: ar(I[`${F}__circle`], {
-          [I[`${F}__circle--disabled`]]: i,
-          [I[`${F}__circle--negative`]]: n
+        className: ur(X[`${I}__circle`], {
+          [X[`${I}__circle--disabled`]]: i,
+          [X[`${I}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -84,16 +85,16 @@ const ar = /* @__PURE__ */ Jr(Kr), Ur = "_rotate_1xozj_1", Wr = "_dash_1xozj_1",
       }
     ) })
   }
-), tt = {
+), Yr = {
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function et(t) {
+function Jr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hr = { exports: {} };
+var mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -128,44 +129,44 @@ var hr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(hr);
-var nt = hr.exports;
-const or = /* @__PURE__ */ et(nt), ut = "_rotate_1xozj_1", it = "_dash_1xozj_1", E = {
+})(mr);
+var rt = mr.exports;
+const ir = /* @__PURE__ */ Jr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1", R = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: ut,
+  rotate: tt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: it,
+  dash: et,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, V = "purpur-spinner", pt = {
+}, E = "purpur-spinner", nt = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, at = ({
+}, ut = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: p = pt.SM,
+  size: p = nt.SM,
   ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: or([E[V], E[`${V}--${p}`]]),
+    className: ir([R[E], R[`${E}--${p}`]]),
     "data-testid": t,
     ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: or(E[`${V}__circle`], {
-          [E[`${V}__circle--disabled`]]: i,
-          [E[`${V}__circle--negative`]]: n
+        className: ir(R[`${E}__circle`], {
+          [R[`${E}__circle--disabled`]]: i,
+          [R[`${E}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -174,10 +175,10 @@ const or = /* @__PURE__ */ et(nt), ut = "_rotate_1xozj_1", it = "_dash_1xozj_1",
     ) })
   }
 );
-function ot(t) {
+function it(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var wr = { exports: {} };
+var yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -212,9 +213,9 @@ var wr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(wr);
-var st = wr.exports;
-const lt = /* @__PURE__ */ ot(st), ct = {
+})(yr);
+var at = yr.exports;
+const pt = /* @__PURE__ */ it(at), ot = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -236,7 +237,7 @@ const lt = /* @__PURE__ */ ot(st), ct = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, _t = lt.bind(ct), A = "purpur-button", dt = ({
+}, st = pt.bind(ot), A = "purpur-button", lt = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -245,19 +246,19 @@ const lt = /* @__PURE__ */ ot(st), ct = {
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
-  onClick: d,
-  size: v = "md",
-  variant: f,
-  type: z = "button",
-  ...w
+  onClick: f,
+  size: x = "md",
+  variant: g,
+  type: N = "button",
+  ...$
 }, s) => {
-  if (r && f === "destructive")
+  if (r && g === "destructive")
     return null;
-  const y = _t(
+  const h = st(
     [
       A,
-      `${A}--${u ? `${f}-negative` : f}`,
-      `${A}--${v}`
+      `${A}--${u ? `${g}-negative` : g}`,
+      `${A}--${x}`
     ],
     {
       [`${A}--icon-only`]: r,
@@ -266,32 +267,32 @@ const lt = /* @__PURE__ */ ot(st), ct = {
       [`${A}--disabled`]: p || e
     },
     i
-  ), $ = (x) => {
-    p || e ? x.preventDefault() : d && d(x);
-  }, m = !!w["aria-disabled"] || p || e;
-  return /* @__PURE__ */ q(
+  ), j = (b) => {
+    p || e ? b.preventDefault() : f && f(b);
+  }, m = !!$["aria-disabled"] || p || e;
+  return /* @__PURE__ */ z(
     "button",
     {
-      className: y,
+      className: h,
       "data-testid": n,
-      type: z,
+      type: N,
       ref: s,
       "aria-disabled": m,
-      onClick: $,
-      ...w,
+      onClick: j,
+      ...$,
       children: [
-        e && /* @__PURE__ */ o(at, { size: v === tt.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        e && /* @__PURE__ */ o(ut, { size: x === Yr.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
     }
   );
-}, $r = N(dt);
-$r.displayName = "Button";
-function ft(t) {
+}, hr = W(lt);
+hr.displayName = "Button";
+function ct(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} };
+var wr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -326,9 +327,9 @@ var jr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(jr);
-var gt = jr.exports;
-const vt = /* @__PURE__ */ ft(gt), xt = {
+})(wr);
+var _t = wr.exports;
+const dt = /* @__PURE__ */ ct(_t), ft = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -336,26 +337,26 @@ const vt = /* @__PURE__ */ ft(gt), xt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, mt = vt.bind(xt), sr = "purpur-icon", bt = "md", yt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ht = ({ content: t = "", title: i } = {}) => {
+}, gt = dt.bind(ft), ar = "purpur-icon", vt = "md", xt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), bt = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${yt(n)}>${p}${t}</svg>`;
-}, wt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Sr = ({
+  return `<svg ${xt(n)}>${p}${t}</svg>`;
+}, mt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $r = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: p,
-  size: a = bt,
+  size: a = vt,
   ...r
 }) => {
-  const e = ht({
-    content: wt(i.svg),
+  const e = bt({
+    content: mt(i.svg),
     title: n
-  }), u = mt(p, sr, `${sr}--${a}`);
+  }), u = gt(p, ar, `${ar}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -367,17 +368,17 @@ const vt = /* @__PURE__ */ ft(gt), xt = {
     }
   );
 };
-Sr.displayName = "Icon";
-const $t = {
+$r.displayName = "Icon";
+const yt = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
 };
-function jt(t) {
+function ht(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} };
+var jr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -412,35 +413,35 @@ var qr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(qr);
-var St = qr.exports;
-const qt = /* @__PURE__ */ jt(St), lr = {
+})(jr);
+var wt = jr.exports;
+const $t = /* @__PURE__ */ ht(wt), pr = {
   "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
-}, cr = "purpur-field-error-text", Nt = ({
+}, or = "purpur-field-error-text", jt = ({
   ["data-testid"]: t,
   children: i,
   className: n,
   relevant: p = "additions text",
   ...a
-}) => /* @__PURE__ */ q(
+}) => /* @__PURE__ */ z(
   "div",
   {
-    className: qt([n, lr[cr]]),
+    className: $t([n, pr[or]]),
     "data-testid": t,
     "aria-live": "assertive",
     "aria-relevant": p,
     ...a,
     children: [
-      /* @__PURE__ */ o(Sr, { svg: $t, size: "xs", className: lr[`${cr}__icon`] }),
+      /* @__PURE__ */ o($r, { svg: yt, size: "xs", className: pr[`${or}__icon`] }),
       i
     ]
   }
 );
-function zt(t) {
+function qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Nr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -475,12 +476,12 @@ var Nr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Nr);
-var Ot = Nr.exports;
-const Mt = /* @__PURE__ */ zt(Ot), _r = {
+})(qr);
+var St = qr.exports;
+const zt = /* @__PURE__ */ qt(St), sr = {
   "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, dr = "purpur-field-helper-text", At = ({
+}, lr = "purpur-field-helper-text", Nt = ({
   ["data-testid"]: t,
   children: i,
   className: n,
@@ -488,19 +489,19 @@ const Mt = /* @__PURE__ */ zt(Ot), _r = {
   id: a,
   ...r
 }) => {
-  const e = Mt([
+  const e = zt([
     n,
-    _r[dr],
+    sr[lr],
     {
-      [_r[`${dr}--disabled`]]: p
+      [sr[`${lr}--disabled`]]: p
     }
   ]);
   return /* @__PURE__ */ o("span", { id: a, className: e, "data-testid": t, ...r, children: i });
 };
-function Pt(t) {
+function Ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var zr = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -535,9 +536,9 @@ var zr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(zr);
-var Ct = zr.exports;
-const Bt = /* @__PURE__ */ Pt(Ct), Dt = {
+})(Sr);
+var Mt = Sr.exports;
+const At = /* @__PURE__ */ Ot(Mt), Pt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -545,26 +546,26 @@ const Bt = /* @__PURE__ */ Pt(Ct), Dt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Lt = Bt.bind(Dt), fr = "purpur-icon", kt = "md", Xt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), It = ({ content: t = "", title: i } = {}) => {
+}, Ct = At.bind(Pt), cr = "purpur-icon", Bt = "md", Dt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Lt = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${Xt(n)}>${p}${t}</svg>`;
-}, Ft = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
+  return `<svg ${Dt(n)}>${p}${t}</svg>`;
+}, kt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: p,
-  size: a = kt,
+  size: a = Bt,
   ...r
 }) => {
-  const e = It({
-    content: Ft(i.svg),
+  const e = Lt({
+    content: kt(i.svg),
     title: n
-  }), u = Lt(p, fr, `${fr}--${a}`);
+  }), u = Ct(p, cr, `${cr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -576,85 +577,80 @@ const Bt = /* @__PURE__ */ Pt(Ct), Dt = {
     }
   );
 };
-nr.displayName = "Icon";
-const Et = {
+J.displayName = "Icon";
+const Xt = {
   name: "check-circle-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
   keywords: ["check-circle-filled"],
   category: "status"
-}, Or = (t) => /* @__PURE__ */ o(nr, { ...t, svg: Et });
-Or.displayName = "IconCheckCircleFilled";
-const Vt = {
+}, zr = (t) => /* @__PURE__ */ o(J, { ...t, svg: Xt });
+zr.displayName = "IconCheckCircleFilled";
+const It = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, Mr = (t) => /* @__PURE__ */ o(nr, { ...t, svg: Vt });
-Mr.displayName = "IconClose";
-function k() {
-  return k = Object.assign ? Object.assign.bind() : function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var n = arguments[i];
-      for (var p in n) ({}).hasOwnProperty.call(n, p) && (t[p] = n[p]);
-    }
-    return t;
-  }, k.apply(null, arguments);
-}
-function Zt(t, i) {
-  typeof t == "function" ? t(i) : t != null && (t.current = i);
+}, Nr = (t) => /* @__PURE__ */ o(J, { ...t, svg: It });
+Nr.displayName = "IconClose";
+function _r(t, i) {
+  if (typeof t == "function")
+    return t(i);
+  t != null && (t.current = i);
 }
-function Gt(...t) {
-  return (i) => t.forEach(
-    (n) => Zt(n, i)
-  );
+function Rt(...t) {
+  return (i) => {
+    let n = !1;
+    const p = t.map((a) => {
+      const r = _r(a, i);
+      return !n && typeof r == "function" && (n = !0), r;
+    });
+    if (n)
+      return () => {
+        for (let a = 0; a < p.length; a++) {
+          const r = p[a];
+          typeof r == "function" ? r() : _r(t[a], null);
+        }
+      };
+  };
 }
-const Ar = /* @__PURE__ */ N((t, i) => {
-  const { children: n, ...p } = t, a = Q.toArray(n), r = a.find(Rt);
+var Or = _.forwardRef((t, i) => {
+  const { children: n, ...p } = t, a = _.Children.toArray(n), r = a.find(Ft);
   if (r) {
-    const e = r.props.children, u = a.map((d) => d === r ? Q.count(e) > 1 ? Q.only(null) : /* @__PURE__ */ U(e) ? e.props.children : null : d);
-    return /* @__PURE__ */ J(er, k({}, p, {
-      ref: i
-    }), /* @__PURE__ */ U(e) ? /* @__PURE__ */ br(e, void 0, u) : null);
+    const e = r.props.children, u = a.map((f) => f === r ? _.Children.count(e) > 1 ? _.Children.only(null) : _.isValidElement(e) ? e.props.children : null : f);
+    return /* @__PURE__ */ o(Y, { ...p, ref: i, children: _.isValidElement(e) ? _.cloneElement(e, void 0, u) : null });
   }
-  return /* @__PURE__ */ J(er, k({}, p, {
-    ref: i
-  }), n);
+  return /* @__PURE__ */ o(Y, { ...p, ref: i, children: n });
 });
-Ar.displayName = "Slot";
-const er = /* @__PURE__ */ N((t, i) => {
+Or.displayName = "Slot";
+var Y = _.forwardRef((t, i) => {
   const { children: n, ...p } = t;
-  return /* @__PURE__ */ U(n) ? /* @__PURE__ */ br(n, {
-    ...Tt(p, n.props),
-    ref: i ? Gt(i, n.ref) : n.ref
-  }) : Q.count(n) > 1 ? Q.only(null) : null;
+  if (_.isValidElement(n)) {
+    const a = Zt(n), r = Vt(p, n.props);
+    return n.type !== _.Fragment && (r.ref = i ? Rt(i, a) : a), _.cloneElement(n, r);
+  }
+  return _.Children.count(n) > 1 ? _.Children.only(null) : null;
 });
-er.displayName = "SlotClone";
-const Ht = ({ children: t }) => /* @__PURE__ */ J(Tr, null, t);
-function Rt(t) {
-  return /* @__PURE__ */ U(t) && t.type === Ht;
+Y.displayName = "SlotClone";
+var Et = ({ children: t }) => /* @__PURE__ */ o(xr, { children: t });
+function Ft(t) {
+  return _.isValidElement(t) && t.type === Et;
 }
-function Tt(t, i) {
-  const n = {
-    ...i
-  };
+function Vt(t, i) {
+  const n = { ...i };
   for (const p in i) {
     const a = t[p], r = i[p];
     /^on[A-Z]/.test(p) ? a && r ? n[p] = (...e) => {
       r(...e), a(...e);
-    } : a && (n[p] = a) : p === "style" ? n[p] = {
-      ...a,
-      ...r
-    } : p === "className" && (n[p] = [
-      a,
-      r
-    ].filter(Boolean).join(" "));
+    } : a && (n[p] = a) : p === "style" ? n[p] = { ...a, ...r } : p === "className" && (n[p] = [a, r].filter(Boolean).join(" "));
   }
-  return {
-    ...t,
-    ...n
-  };
+  return { ...t, ...n };
+}
+function Zt(t) {
+  var i, n;
+  let p = (i = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : i.get, a = p && "isReactWarning" in p && p.isReactWarning;
+  return a ? t.ref : (p = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, a = p && "isReactWarning" in p && p.isReactWarning, a ? t.props.ref : t.props.ref || t.ref);
 }
-const Qt = [
+var Gt = [
   "a",
   "button",
   "div",
@@ -671,30 +667,29 @@ const Qt = [
   "span",
   "svg",
   "ul"
-], Jt = Qt.reduce((t, i) => {
-  const n = /* @__PURE__ */ N((p, a) => {
-    const { asChild: r, ...e } = p, u = r ? Ar : i;
-    return tr(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ J(u, k({}, e, {
-      ref: a
-    }));
+], Ht = Gt.reduce((t, i) => {
+  const n = _.forwardRef((p, a) => {
+    const { asChild: r, ...e } = p, u = r ? Or : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(u, { ...e, ref: a });
   });
-  return n.displayName = `Primitive.${i}`, {
+  return n.displayName = `Primitive.${i}`, { ...t, [i]: n };
+}, {}), Tt = "Label", Mr = _.forwardRef((t, i) => /* @__PURE__ */ o(
+  Ht.label,
+  {
     ...t,
-    [i]: n
-  };
-}, {}), Kt = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ J(Jt.label, k({}, t, {
-  ref: i,
-  onMouseDown: (n) => {
-    var p;
-    (p = t.onMouseDown) === null || p === void 0 || p.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+    ref: i,
+    onMouseDown: (n) => {
+      var p;
+      n.target.closest("button, input, select, textarea") || ((p = t.onMouseDown) == null || p.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+    }
   }
-}))), Ut = Kt;
-function Wt(t) {
+));
+Mr.displayName = Tt;
+var Wt = Mr;
+function Qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Pr = { exports: {} };
+var Ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -729,13 +724,13 @@ var Pr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Pr);
-var Yt = Pr.exports;
-const re = /* @__PURE__ */ Wt(Yt), Y = {
+})(Ar);
+var Ut = Ar.exports;
+const Kt = /* @__PURE__ */ Qt(Ut), U = {
   "purpur-label": "_purpur-label_12cfi_1",
   "purpur-label--negative": "_purpur-label--negative_12cfi_9",
   "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
-}, rr = "purpur-label", te = ({
+}, K = "purpur-label", Yt = ({
   children: t,
   className: i,
   htmlFor: n,
@@ -744,20 +739,20 @@ const re = /* @__PURE__ */ Wt(Yt), Y = {
   negative: r = !1,
   ...e
 }) => {
-  const u = re([
+  const u = Kt([
     i,
-    Y[rr],
+    U[K],
     {
-      [Y[`${rr}--disabled`]]: a,
-      [Y[`${rr}--negative`]]: r
+      [U[`${K}--disabled`]]: a,
+      [U[`${K}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o(Ut, { className: u, "data-testid": p, htmlFor: n, ...e, children: t });
+  return /* @__PURE__ */ o(Wt, { className: u, "data-testid": p, htmlFor: n, ...e, children: t });
 };
-function ee(t) {
+function Jt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} };
+var Pr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -792,44 +787,44 @@ var Cr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Cr);
-var ne = Cr.exports;
-const gr = /* @__PURE__ */ ee(ne), ue = "_rotate_1xozj_1", ie = "_dash_1xozj_1", Z = {
+})(Pr);
+var re = Pr.exports;
+const dr = /* @__PURE__ */ Jt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1", F = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: ue,
+  rotate: te,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: ie,
+  dash: ee,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, G = "purpur-spinner", pe = {
+}, V = "purpur-spinner", ne = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, ae = ({
+}, ue = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: p = pe.SM,
+  size: p = ne.SM,
   ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: gr([Z[G], Z[`${G}--${p}`]]),
+    className: dr([F[V], F[`${V}--${p}`]]),
     "data-testid": t,
     ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: gr(Z[`${G}__circle`], {
-          [Z[`${G}__circle--disabled`]]: i,
-          [Z[`${G}__circle--negative`]]: n
+        className: dr(F[`${V}__circle`], {
+          [F[`${V}__circle--disabled`]]: i,
+          [F[`${V}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -838,10 +833,10 @@ const gr = /* @__PURE__ */ ee(ne), ue = "_rotate_1xozj_1", ie = "_dash_1xozj_1",
     ) })
   }
 );
-function oe(t) {
+function ie(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Br = { exports: {} };
+var Cr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -876,9 +871,9 @@ var Br = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Br);
-var se = Br.exports;
-const le = /* @__PURE__ */ oe(se), ce = {
+})(Cr);
+var ae = Cr.exports;
+const pe = /* @__PURE__ */ ie(ae), oe = {
   "purpur-text-field": "_purpur-text-field_nj9f4_1",
   "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
   "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -895,7 +890,7 @@ const le = /* @__PURE__ */ oe(se), ce = {
   "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
   "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
   "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
-}, _e = (t) => Qr(t), j = le.bind(ce), c = "purpur-text-field", de = ({
+}, se = (t) => Gr(t), q = pe.bind(oe), c = "purpur-text-field", le = ({
   ["data-testid"]: t,
   className: i,
   clearButtonAllyLabel: n,
@@ -904,22 +899,22 @@ const le = /* @__PURE__ */ oe(se), ce = {
   endAdornment: r,
   errorText: e,
   helperText: u,
-  label: d,
-  loading: v = !1,
-  onClear: f,
-  startAdornment: z,
-  valid: w = !1,
+  label: f,
+  loading: x = !1,
+  onClear: g,
+  startAdornment: N,
+  valid: $ = !1,
   ...s
-}, y) => {
-  var $;
-  const m = Rr(), x = s.id ?? m, l = (_) => t ? `${t}-${_}` : void 0, S = w && !e, C = u ? `${x}-helper-text` : void 0, b = [z].filter((_) => !!_), B = (typeof s.value == "number" ? s.value !== void 0 : ($ = s.value) == null ? void 0 : $.length) && !s.disabled && !s.readOnly && !v && f && n, D = _e(null), O = (_) => {
-    D.current = _, typeof y == "function" ? y(_) : y && (y.current = _);
+}, h) => {
+  var j;
+  const m = Zr(), b = s.id ?? m, l = (d) => t ? `${t}-${d}` : void 0, S = $ && !e, C = u ? `${b}-helper-text` : void 0, y = [N].filter((d) => !!d), B = (typeof s.value == "number" ? s.value !== void 0 : (j = s.value) == null ? void 0 : j.length) && !s.disabled && !s.readOnly && !x && g && n, D = se(null), O = (d) => {
+    D.current = d, typeof h == "function" ? h(d) : h && (h.current = d);
   }, M = () => {
-    var _;
-    f == null || f(), (_ = D.current) == null || _.focus();
-  }, X = [
-    v && /* @__PURE__ */ o(
-      ae,
+    var d;
+    g == null || g(), (d = D.current) == null || d.focus();
+  }, k = [
+    x && /* @__PURE__ */ o(
+      ue,
       {
         disabled: s.disabled,
         size: "xs",
@@ -928,7 +923,7 @@ const le = /* @__PURE__ */ oe(se), ce = {
       "spinner"
     ),
     B && /* @__PURE__ */ o(
-      $r,
+      hr,
       {
         variant: "tertiary-purple",
         onClick: M,
@@ -936,60 +931,60 @@ const le = /* @__PURE__ */ oe(se), ce = {
         "aria-label": n ?? "",
         "data-testid": l("clear-button"),
         tabIndex: -1,
-        children: /* @__PURE__ */ o(Mr, { size: "xs" })
+        children: /* @__PURE__ */ o(Nr, { size: "xs" })
       },
       "clear-button"
     ),
     S && /* @__PURE__ */ o(
-      Or,
+      zr,
       {
         "data-testid": l("valid-icon"),
-        className: j(`${c}__valid-icon`)
+        className: q(`${c}__valid-icon`)
       },
       "valid-icon"
     )
-  ].filter((_) => !!_), W = j([
+  ].filter((d) => !!d), Q = q([
     `${c}__input-container`,
     {
-      [`${c}__input-container--start-adornment`]: b.length,
-      [`${c}__input-container--end-adornment`]: X.length || r,
+      [`${c}__input-container--start-adornment`]: y.length,
+      [`${c}__input-container--end-adornment`]: k.length || r,
       [`${c}__input-container--disabled`]: s.disabled,
       [`${c}__input-container--has-clear-button`]: B,
       [`${c}__input-container--readonly`]: s.readOnly && !s.disabled
     }
   ]);
-  return /* @__PURE__ */ q("div", { className: j(i, c), children: [
-    d && /* @__PURE__ */ o(
-      te,
+  return /* @__PURE__ */ z("div", { className: q(i, c), children: [
+    f && /* @__PURE__ */ o(
+      Yt,
       {
-        htmlFor: x,
-        className: j(`${c}__label`),
+        htmlFor: b,
+        className: q(`${c}__label`),
         "data-testid": l("label"),
         disabled: s.disabled,
-        children: `${s.required ? "* " : ""}${d}`
+        children: `${s.required ? "* " : ""}${f}`
       }
     ),
-    /* @__PURE__ */ q("div", { className: j(`${c}__field-row`), children: [
+    /* @__PURE__ */ z("div", { className: q(`${c}__field-row`), children: [
       !!p && p,
-      /* @__PURE__ */ q("div", { className: W, children: [
-        !!b.length && /* @__PURE__ */ o(
+      /* @__PURE__ */ z("div", { className: Q, children: [
+        !!y.length && /* @__PURE__ */ o(
           "div",
           {
             "data-testid": l("start-adornments"),
-            className: j(`${c}__adornment-container`),
-            children: b
+            className: q(`${c}__adornment-container`),
+            children: y
           }
         ),
         /* @__PURE__ */ o(
           "input",
           {
             ...s,
-            id: x,
+            id: b,
             ref: O,
             "data-testid": l("input"),
             "aria-describedby": s["aria-describedby"] || C,
             "aria-invalid": s["aria-invalid"] || !!e,
-            className: j([
+            className: q([
               `${c}__input`,
               {
                 [`${c}__input--valid`]: S,
@@ -998,14 +993,14 @@ const le = /* @__PURE__ */ oe(se), ce = {
             ])
           }
         ),
-        /* @__PURE__ */ o("div", { className: j(`${c}__frame`) }),
-        (!!X.length || r) && /* @__PURE__ */ q(
+        /* @__PURE__ */ o("div", { className: q(`${c}__frame`) }),
+        (!!k.length || r) && /* @__PURE__ */ z(
           "div",
           {
             "data-testid": l("end-adornments"),
-            className: j(`${c}__adornment-container`),
+            className: q(`${c}__adornment-container`),
             children: [
-              X,
+              k,
               r
             ]
           }
@@ -1013,15 +1008,15 @@ const le = /* @__PURE__ */ oe(se), ce = {
       ] }),
       !!a && a
     ] }),
-    C && /* @__PURE__ */ o(At, { "data-testid": l("helper-text"), id: C, children: u }),
-    e && /* @__PURE__ */ o(Nt, { "data-testid": l("error-text"), children: e })
+    C && /* @__PURE__ */ o(Nt, { "data-testid": l("helper-text"), id: C, children: u }),
+    e && /* @__PURE__ */ o(jt, { "data-testid": l("error-text"), children: e })
   ] });
-}, Dr = N(de);
-Dr.displayName = "TextField";
-function fe(t) {
+}, Br = W(le);
+Br.displayName = "TextField";
+function ce(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Lr = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1056,9 +1051,9 @@ var Lr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Lr);
-var ge = Lr.exports;
-const kr = /* @__PURE__ */ fe(ge), ve = {
+})(Dr);
+var _e = Dr.exports;
+const Lr = /* @__PURE__ */ ce(_e), de = {
   "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",
@@ -1069,16 +1064,16 @@ const kr = /* @__PURE__ */ fe(ge), ve = {
   "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"
-}, xe = {
+}, fe = {
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function me(t) {
+function ge(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Xr = { exports: {} };
+var kr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1113,44 +1108,44 @@ var Xr = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Xr);
-var be = Xr.exports;
-const vr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1", H = {
+})(kr);
+var ve = kr.exports;
+const fr = /* @__PURE__ */ ge(ve), xe = "_rotate_1xozj_1", be = "_dash_1xozj_1", Z = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: ye,
+  rotate: xe,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: he,
+  dash: be,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, R = "purpur-spinner", we = {
+}, G = "purpur-spinner", me = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, $e = ({
+}, ye = ({
   ["data-testid"]: t,
   disabled: i = !1,
   negative: n = !1,
-  size: p = we.SM,
+  size: p = me.SM,
   ...a
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: vr([H[R], H[`${R}--${p}`]]),
+    className: fr([Z[G], Z[`${G}--${p}`]]),
     "data-testid": t,
     ...a,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: vr(H[`${R}__circle`], {
-          [H[`${R}__circle--disabled`]]: i,
-          [H[`${R}__circle--negative`]]: n
+        className: fr(Z[`${G}__circle`], {
+          [Z[`${G}__circle--disabled`]]: i,
+          [Z[`${G}__circle--negative`]]: n
         }),
         cx: "25",
         cy: "25",
@@ -1159,10 +1154,10 @@ const vr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1",
     ) })
   }
 );
-function je(t) {
+function he(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ir = { exports: {} };
+var Xr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1197,9 +1192,9 @@ var Ir = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Ir);
-var Se = Ir.exports;
-const qe = /* @__PURE__ */ je(Se), Ne = {
+})(Xr);
+var we = Xr.exports;
+const $e = /* @__PURE__ */ he(we), je = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1221,7 +1216,7 @@ const qe = /* @__PURE__ */ je(Se), Ne = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, ze = qe.bind(Ne), P = "purpur-button", Oe = ({
+}, qe = $e.bind(je), P = "purpur-button", Se = ({
   children: t,
   className: i,
   ["data-testid"]: n,
@@ -1230,19 +1225,19 @@ const qe = /* @__PURE__ */ je(Se), Ne = {
   iconOnly: r,
   loading: e = !1,
   negative: u = !1,
-  onClick: d,
-  size: v = "md",
-  variant: f,
-  type: z = "button",
-  ...w
+  onClick: f,
+  size: x = "md",
+  variant: g,
+  type: N = "button",
+  ...$
 }, s) => {
-  if (r && f === "destructive")
+  if (r && g === "destructive")
     return null;
-  const y = ze(
+  const h = qe(
     [
       P,
-      `${P}--${u ? `${f}-negative` : f}`,
-      `${P}--${v}`
+      `${P}--${u ? `${g}-negative` : g}`,
+      `${P}--${x}`
     ],
     {
       [`${P}--icon-only`]: r,
@@ -1251,32 +1246,32 @@ const qe = /* @__PURE__ */ je(Se), Ne = {
       [`${P}--disabled`]: p || e
     },
     i
-  ), $ = (x) => {
-    p || e ? x.preventDefault() : d && d(x);
-  }, m = !!w["aria-disabled"] || p || e;
-  return /* @__PURE__ */ q(
+  ), j = (b) => {
+    p || e ? b.preventDefault() : f && f(b);
+  }, m = !!$["aria-disabled"] || p || e;
+  return /* @__PURE__ */ z(
     "button",
     {
-      className: y,
+      className: h,
       "data-testid": n,
-      type: z,
+      type: N,
       ref: s,
       "aria-disabled": m,
-      onClick: $,
-      ...w,
+      onClick: j,
+      ...$,
       children: [
-        e && /* @__PURE__ */ o($e, { size: v === xe.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        e && /* @__PURE__ */ o(ye, { size: x === fe.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
     }
   );
-}, Fr = N(Oe);
-Fr.displayName = "Button";
-function Me(t) {
+}, Ir = W(Se);
+Ir.displayName = "Button";
+function ze(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Er = { exports: {} };
+var Rr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1311,9 +1306,9 @@ var Er = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Er);
-var Ae = Er.exports;
-const Pe = /* @__PURE__ */ Me(Ae), Ce = {
+})(Rr);
+var Ne = Rr.exports;
+const Oe = /* @__PURE__ */ ze(Ne), Me = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1321,26 +1316,26 @@ const Pe = /* @__PURE__ */ Me(Ae), Ce = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Be = Pe.bind(Ce), xr = "purpur-icon", De = "md", Le = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ke = ({ content: t = "", title: i } = {}) => {
+}, Ae = Oe.bind(Me), gr = "purpur-icon", Pe = "md", Ce = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Be = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], p = i ? `<title>${i}</title>` : "";
-  return `<svg ${Le(n)}>${p}${t}</svg>`;
-}, Xe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ur = ({
+  return `<svg ${Ce(n)}>${p}${t}</svg>`;
+}, De = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rr = ({
   ["data-testid"]: t,
   svg: i,
   allyTitle: n,
   className: p,
-  size: a = De,
+  size: a = Pe,
   ...r
 }) => {
-  const e = ke({
-    content: Xe(i.svg),
+  const e = Be({
+    content: De(i.svg),
     title: n
-  }), u = Be(p, xr, `${xr}--${a}`);
+  }), u = Ae(p, gr, `${gr}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -1352,28 +1347,28 @@ const Pe = /* @__PURE__ */ Me(Ae), Ce = {
     }
   );
 };
-ur.displayName = "Icon";
-const Ie = {
+rr.displayName = "Icon";
+const Le = {
   name: "minus",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["minus"],
   category: "utility"
-}, Vr = (t) => /* @__PURE__ */ o(ur, { ...t, svg: Ie });
-Vr.displayName = "IconMinus";
-const Fe = {
+}, Er = (t) => /* @__PURE__ */ o(rr, { ...t, svg: Le });
+Er.displayName = "IconMinus";
+const ke = {
   name: "plus",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["plus"],
   category: "utility"
-}, Zr = (t) => /* @__PURE__ */ o(ur, { ...t, svg: Fe });
-Zr.displayName = "IconPlus";
-const Ee = {
+}, Fr = (t) => /* @__PURE__ */ o(rr, { ...t, svg: ke });
+Fr.displayName = "IconPlus";
+const Xe = {
   "purpur-quantity-selector-button": "_purpur-quantity-selector-button_qjlbs_1",
   "purpur-quantity-selector-button--gap-left": "_purpur-quantity-selector-button--gap-left_qjlbs_4",
   "purpur-quantity-selector-button--gap-right": "_purpur-quantity-selector-button--gap-right_qjlbs_7",
   "purpur-quantity-selector-button--no-gap-right": "_purpur-quantity-selector-button--no-gap-right_qjlbs_10",
   "purpur-quantity-selector-button--no-gap-left": "_purpur-quantity-selector-button--no-gap-left_qjlbs_13"
-}, Ve = kr.bind(Ee), T = "purpur-quantity-selector-button", Ze = ({
+}, Ie = Lr.bind(Xe), H = "purpur-quantity-selector-button", Re = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1381,17 +1376,17 @@ const Ee = {
   buttonType: a,
   onClick: r
 }) => {
-  const e = Ve([
-    T,
+  const e = Ie([
+    H,
     {
-      [`${T}--gap-left`]: n && a === "decrement",
-      [`${T}--gap-right`]: n && a === "increment",
-      [`${T}--no-gap-left`]: !n && a === "decrement",
-      [`${T}--no-gap-right`]: !n && a === "increment"
+      [`${H}--gap-left`]: n && a === "decrement",
+      [`${H}--gap-right`]: n && a === "increment",
+      [`${H}--no-gap-left`]: !n && a === "decrement",
+      [`${H}--no-gap-right`]: !n && a === "increment"
     }
   ]);
   return /* @__PURE__ */ o(
-    Fr,
+    Ir,
     {
       "data-testid": t,
       className: e,
@@ -1402,10 +1397,10 @@ const Ee = {
       iconOnly: !0,
       disabled: i,
       tabIndex: -1,
-      children: a === "increment" ? /* @__PURE__ */ o(Zr, { size: "xs" }) : /* @__PURE__ */ o(Vr, { size: "xs" })
+      children: a === "increment" ? /* @__PURE__ */ o(Fr, { size: "xs" }) : /* @__PURE__ */ o(Er, { size: "xs" })
     }
   );
-}, mr = kr.bind(ve), Qe = ["attached", "separated"], Je = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = N(
+}, vr = Lr.bind(de), Ge = ["attached", "separated"], He = ["primary", "secondary"], w = "purpur-quantity-selector", Ee = W(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1415,70 +1410,70 @@ const Ee = {
     value: r,
     defaultValue: e,
     fullWidth: u,
-    disabled: d,
-    loading: v,
-    minValue: f,
-    maxValue: z,
-    ...w
+    disabled: f,
+    loading: x,
+    minValue: g,
+    maxValue: N,
+    ...$
   }, s) => {
-    const [y, $] = pr(e ?? 0), [m, x] = pr(y), l = r !== void 0, S = l ? r : m, C = (g) => t ? `${t}-${g}` : void 0, b = d || v, B = Math.max(f ?? 0, 0), D = z ?? Number.MAX_SAFE_INTEGER, O = S === D, M = S === B;
-    tr(() => {
-      l && $(r);
-    }, [r, l]), tr(() => {
+    const [h, j] = er(e ?? 0), [m, b] = er(h), l = r !== void 0, S = l ? r : m, C = (v) => t ? `${t}-${v}` : void 0, y = f || x, B = Math.max(g ?? 0, 0), D = N ?? Number.MAX_SAFE_INTEGER, O = S === D, M = S === B;
+    nr(() => {
+      l && j(r);
+    }, [r, l]), nr(() => {
       if (!l) {
-        const g = setTimeout(() => {
-          $(m);
+        const v = setTimeout(() => {
+          j(m);
         }, 300);
-        return () => clearTimeout(g);
+        return () => clearTimeout(v);
       }
     }, [m, l, a]);
-    const X = mr([
+    const k = vr([
       i,
-      h,
+      w,
       {
-        [`${h}--no-gap`]: n === "attached" && !b && !M && !O,
-        [`${h}--no-gap-disabled-left`]: n === "attached" && !b && !O && M,
-        [`${h}--no-gap-disabled-right`]: n === "attached" && !b && !M && O,
-        [`${h}--no-gap-disabled`]: n === "attached" && (b || O && M),
-        [`${h}--full-width`]: u,
-        [`${h}--loading`]: v
+        [`${w}--no-gap`]: n === "attached" && !y && !M && !O,
+        [`${w}--no-gap-disabled-left`]: n === "attached" && !y && !O && M,
+        [`${w}--no-gap-disabled-right`]: n === "attached" && !y && !M && O,
+        [`${w}--no-gap-disabled`]: n === "attached" && (y || O && M),
+        [`${w}--full-width`]: u,
+        [`${w}--loading`]: x
       }
-    ]), W = (g) => {
-      if (!/^[0-9]*$/.test(g.target.value))
+    ]), Q = (v) => {
+      if (!/^[0-9]*$/.test(v.target.value))
         return;
-      const K = +g.target.value;
-      K < B || K > D || (l || x(K), a(K));
-    }, _ = (g) => {
-      const L = g === "increment" ? S + 1 : S - 1;
-      L < 0 || (l || x(L), a(L));
-    }, ir = (g) => {
-      const L = g === "increment" && O || g === "decrement" && M;
+      const T = +v.target.value;
+      T < B || T > D || (l || b(T), a(T));
+    }, d = (v) => {
+      const L = v === "increment" ? S + 1 : S - 1;
+      L < 0 || (l || b(L), a(L));
+    }, tr = (v) => {
+      const L = v === "increment" && O || v === "decrement" && M;
       return /* @__PURE__ */ o(
-        Ze,
+        Re,
         {
-          "data-testid": C("button-" + g),
+          "data-testid": C("button-" + v),
           variant: p,
-          buttonType: g,
+          buttonType: v,
           hasGap: n === "separated",
-          onClick: _,
-          disabled: b || L
+          onClick: d,
+          disabled: y || L
         }
       );
-    }, Gr = /* @__PURE__ */ q(Hr, { children: [
-      v && /* @__PURE__ */ o(
+    }, Vr = /* @__PURE__ */ z(xr, { children: [
+      x && /* @__PURE__ */ o(
         "div",
         {
-          className: mr([
-            `${h}__spinner`,
+          className: vr([
+            `${w}__spinner`,
             {
-              [`${h}__spinner--full-width`]: u,
-              [`${h}__spinner--separated`]: !u && n === "separated"
+              [`${w}__spinner--full-width`]: u,
+              [`${w}__spinner--separated`]: !u && n === "separated"
             }
           ]),
           children: /* @__PURE__ */ o(
-            rt,
+            Kr,
             {
-              disabled: b,
+              disabled: y,
               size: "xs",
               "data-testid": C("spinner")
             },
@@ -1486,31 +1481,31 @@ const Ee = {
           )
         }
       ),
-      ir("decrement")
+      tr("decrement")
     ] });
     return /* @__PURE__ */ o(
-      Dr,
+      Br,
       {
         value: S,
         type: "number",
         ref: s,
-        className: X,
+        className: k,
         "data-testid": t,
-        onChange: W,
-        beforeField: Gr,
-        afterField: ir("increment"),
-        disabled: b,
+        onChange: Q,
+        beforeField: Vr,
+        afterField: tr("increment"),
+        disabled: y,
         min: B,
         max: D,
-        ...w
+        ...$
       }
     );
   }
 );
-Ge.displayName = "QuantitySelector";
+Ee.displayName = "QuantitySelector";
 export {
-  Ge as QuantitySelector,
-  Je as quantitySelectorButtonVariants,
-  Qe as quantitySelectorVariants
+  Ee as QuantitySelector,
+  He as quantitySelectorButtonVariants,
+  Ge as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map