@purpurds/quantity-selector 8.12.1 → 8.13.0

package/dist/quantity-selector.es.js

@@ -1,13 +1,13 @@
-import { jsx as o, jsxs as O, Fragment as it } from "react/jsx-runtime";
+import { jsx as o, jsxs as O, Fragment as nt } from "react/jsx-runtime";
 import * as _ from "react";
-import { forwardRef as W, useId as pt, useRef as at, useState as tr, useEffect as er } from "react";
+import { forwardRef as G, useId as ut, useRef as it, useState as rr, useEffect as tr } from "react";
 import "react-dom";
-function ot(t) {
+function pt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var nr = { exports: {} }, ur;
-function st() {
-  return ur || (ur = 1, (function(t) {
+var er = { exports: {} }, nr;
+function at() {
+  return nr || (nr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -36,33 +36,33 @@ function st() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(nr)), nr.exports;
+  })(er)), er.exports;
 }
-var lt = st();
-const ct = /* @__PURE__ */ ot(lt), _t = "_rotate_12t9p_1", dt = "_dash_12t9p_1", ft = {
+var ot = at();
+const st = /* @__PURE__ */ pt(ot), lt = "_rotate_12t9p_1", ct = "_dash_12t9p_1", _t = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: _t,
+  rotate: lt,
   "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: dt,
+  dash: ct,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, ir = ct.bind(ft), D = "purpur-spinner", vt = {
+}, ur = st.bind(_t), D = "purpur-spinner", dt = {
   SM: "sm"
-}, Fr = ({
+}, Vr = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = vt.SM,
+  size: n = dt.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ o("div", { className: ir(D, `${D}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: ur(D, `${D}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: ir(`${D}__circle`, {
+    className: ur(`${D}__circle`, {
       [`${D}__circle--disabled`]: t,
       [`${D}__circle--negative`]: i
     }),
@@ -71,16 +71,16 @@ const ct = /* @__PURE__ */ ot(lt), _t = "_rotate_12t9p_1", dt = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Fr.displayName = "Spinner";
-const gt = {
+Vr.displayName = "Spinner";
+const ft = {
   LG: "lg"
 };
-function bt(t) {
+function vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var pr = { exports: {} }, ar;
+var ir = { exports: {} }, pr;
 function ht() {
-  return ar || (ar = 1, (function(t) {
+  return pr || (pr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -109,33 +109,33 @@ function ht() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(pr)), pr.exports;
+  })(ir)), ir.exports;
 }
-var yt = ht();
-const mt = /* @__PURE__ */ bt(yt), xt = "_rotate_12t9p_1", $t = "_dash_12t9p_1", wt = {
+var gt = ht();
+const bt = /* @__PURE__ */ vt(gt), mt = "_rotate_12t9p_1", yt = "_dash_12t9p_1", xt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: xt,
+  rotate: mt,
   "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: $t,
+  dash: yt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, or = mt.bind(wt), L = "purpur-spinner", jt = {
+}, ar = bt.bind(xt), L = "purpur-spinner", $t = {
   SM: "sm"
-}, Zr = ({
+}, Fr = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = jt.SM,
+  size: n = $t.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ o("div", { className: or(L, `${L}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: ar(L, `${L}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: or(`${L}__circle`, {
+    className: ar(`${L}__circle`, {
       [`${L}__circle--disabled`]: t,
       [`${L}__circle--negative`]: i
     }),
@@ -144,13 +144,13 @@ const mt = /* @__PURE__ */ bt(yt), xt = "_rotate_12t9p_1", $t = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Zr.displayName = "Spinner";
-function St(t) {
+Fr.displayName = "Spinner";
+function wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var sr = { exports: {} }, lr;
-function Nt() {
-  return lr || (lr = 1, (function(t) {
+var or = { exports: {} }, sr;
+function jt() {
+  return sr || (sr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -179,10 +179,10 @@ function Nt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(sr)), sr.exports;
+  })(or)), or.exports;
 }
-var Ot = Nt();
-const qt = /* @__PURE__ */ St(Ot), At = {
+var St = jt();
+const Nt = /* @__PURE__ */ wt(St), Ot = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -205,7 +205,7 @@ const qt = /* @__PURE__ */ St(Ot), At = {
   "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"
-}, cr = qt.bind(At), q = "purpur-button", Hr = W(
+}, lr = Nt.bind(Ot), q = "purpur-button", Zr = G(
   ({
     children: t,
     className: i,
@@ -217,12 +217,12 @@ const qt = /* @__PURE__ */ St(Ot), At = {
     onClick: u,
     size: d = "md",
     variant: l,
-    type: m = "button",
-    ...g
+    type: y = "button",
+    ...h
   }, M) => {
     if (p && l === "destructive")
       return null;
-    const P = cr(
+    const P = lr(
       [
         q,
         `${q}--${e ? `${l}-negative` : l}`,
@@ -235,26 +235,26 @@ const qt = /* @__PURE__ */ St(Ot), At = {
         [`${q}--disabled`]: n || r
       },
       i
-    ), f = (b) => {
-      n || r ? b.preventDefault() : u && u(b);
-    }, s = !!g["aria-disabled"] || n || r;
+    ), f = (g) => {
+      n || r ? g.preventDefault() : u && u(g);
+    }, s = !!h["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: P,
-        type: m,
+        type: y,
         ref: M,
         "aria-disabled": s,
         onClick: f,
-        ...g,
+        ...h,
         children: [
           r && /* @__PURE__ */ o(
-            Zr,
+            Fr,
             {
-              size: d === gt.LG ? "xs" : "xxs",
+              size: d === ft.LG ? "xs" : "xxs",
               negative: e,
               disabled: s,
-              className: cr(`${q}__spinner`)
+              className: lr(`${q}__spinner`)
             }
           ),
           " ",
@@ -264,13 +264,13 @@ const qt = /* @__PURE__ */ St(Ot), At = {
     );
   }
 );
-Hr.displayName = "Button";
-function Mt(t) {
+Zr.displayName = "Button";
+function qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var _r = { exports: {} }, dr;
-function Pt() {
-  return dr || (dr = 1, (function(t) {
+var cr = { exports: {} }, _r;
+function At() {
+  return _r || (_r = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -299,10 +299,10 @@ function Pt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(_r)), _r.exports;
+  })(cr)), cr.exports;
 }
-var Ct = Pt();
-const Bt = /* @__PURE__ */ Mt(Ct), zt = {
+var Mt = At();
+const Pt = /* @__PURE__ */ qt(Mt), Ct = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -310,34 +310,34 @@ const Bt = /* @__PURE__ */ Mt(Ct), zt = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, kt = Bt.bind(zt), fr = "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 } = {}) => {
+}, Bt = Pt.bind(Ct), dr = "purpur-icon", zt = "md", kt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), It = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${Rt(n)}>${a}${t}</svg>`;
-}, Lt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({ svg: t, allyTitle: i, className: n, size: a = It, ...p }) => {
-  const r = Dt({
-    content: Lt(t.svg),
+  return `<svg ${kt(n)}>${a}${t}</svg>`;
+}, Rt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({ svg: t, allyTitle: i, className: n, size: a = zt, ...p }) => {
+  const r = It({
+    content: Rt(t.svg),
     title: i
-  }), e = kt(fr, `${fr}--${a}`, n);
+  }), e = Bt(dr, `${dr}--${a}`, n);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-Gr.displayName = "Icon";
-const Et = {
+Hr.displayName = "Icon";
+const Dt = {
   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 Vt(t) {
+function Lt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var vr = { exports: {} }, gr;
-function Ft() {
-  return gr || (gr = 1, (function(t) {
+var fr = { exports: {} }, vr;
+function Et() {
+  return vr || (vr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -366,14 +366,14 @@ function Ft() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(vr)), vr.exports;
+  })(fr)), fr.exports;
 }
-var Zt = Ft();
-const Ht = /* @__PURE__ */ Vt(Zt), Gt = {
+var Vt = Et();
+const Ft = /* @__PURE__ */ Lt(Vt), Zt = {
   "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"
-}, br = Ht.bind(Gt), T = "purpur-field-error-text", Wt = ({
+}, hr = Ft.bind(Zt), Q = "purpur-field-error-text", Ht = ({
   children: t,
   className: i,
   negative: n = !1,
@@ -382,24 +382,24 @@ const Ht = /* @__PURE__ */ Vt(Zt), Gt = {
 }) => /* @__PURE__ */ O(
   "div",
   {
-    className: br(i, T, {
-      [`${T}--negative`]: n
+    className: hr(i, Q, {
+      [`${Q}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
     ...p,
     children: [
-      /* @__PURE__ */ o(Gr, { svg: Et, size: "xs", className: br(`${T}__icon`) }),
+      /* @__PURE__ */ o(Hr, { svg: Dt, size: "xs", className: hr(`${Q}__icon`) }),
       t
     ]
   }
 );
-function Qt(t) {
+function Gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hr = { exports: {} }, yr;
-function Tt() {
-  return yr || (yr = 1, (function(t) {
+var gr = { exports: {} }, br;
+function Wt() {
+  return br || (br = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -428,14 +428,14 @@ function Tt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(hr)), hr.exports;
+  })(gr)), gr.exports;
 }
-var Ut = Tt();
-const Xt = /* @__PURE__ */ Qt(Ut), Yt = {
+var Qt = Wt();
+const Tt = /* @__PURE__ */ Gt(Qt), Ut = {
   "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"
-}, Jt = Xt.bind(Yt), U = "purpur-field-helper-text", Kt = ({
+}, Yt = Tt.bind(Ut), T = "purpur-field-helper-text", Jt = ({
   children: t,
   className: i,
   disabled: n,
@@ -443,18 +443,18 @@ const Xt = /* @__PURE__ */ Qt(Ut), Yt = {
   negative: p,
   ...r
 }) => {
-  const e = Jt(i, U, {
-    [`${U}--disabled`]: n,
-    [`${U}--negative`]: p
+  const e = Yt(i, T, {
+    [`${T}--disabled`]: n,
+    [`${T}--negative`]: p
   });
   return /* @__PURE__ */ o("span", { id: a, className: e, ...r, children: t });
 };
-function re(t) {
+function Kt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var mr = { exports: {} }, xr;
-function te() {
-  return xr || (xr = 1, (function(t) {
+var mr = { exports: {} }, yr;
+function Xt() {
+  return yr || (yr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -485,8 +485,8 @@ function te() {
     })();
   })(mr)), mr.exports;
 }
-var ee = te();
-const ne = /* @__PURE__ */ re(ee), ue = {
+var re = Xt();
+const te = /* @__PURE__ */ Kt(re), ee = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -494,95 +494,86 @@ const ne = /* @__PURE__ */ re(ee), ue = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ie = ne.bind(ue), $r = "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 } = {}) => {
+}, ne = te.bind(ee), xr = "purpur-icon", ue = "md", ie = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), pe = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${ae(n)}>${a}${t}</svg>`;
-}, se = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: t, allyTitle: i, className: n, size: a = pe, ...p }) => {
-  const r = oe({
-    content: se(t.svg),
+  return `<svg ${ie(n)}>${a}${t}</svg>`;
+}, ae = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({ svg: t, allyTitle: i, className: n, size: a = ue, ...p }) => {
+  const r = pe({
+    content: ae(t.svg),
     title: i
-  }), e = ie($r, `${$r}--${a}`, n);
+  }), e = ne(xr, `${xr}--${a}`, n);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 J.displayName = "Icon";
-const le = {
+const oe = {
   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"
-}, Wr = (t) => /* @__PURE__ */ o(J, { ...t, svg: le });
-Wr.displayName = "IconCheckCircleFilled";
-const ce = {
+}, Gr = (t) => /* @__PURE__ */ o(J, { ...t, svg: oe });
+Gr.displayName = "IconCheckCircleFilled";
+const se = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, Qr = (t) => /* @__PURE__ */ o(J, { ...t, svg: ce });
-Qr.displayName = "IconClose";
-function wr(t, i) {
+}, Wr = (t) => /* @__PURE__ */ o(J, { ...t, svg: se });
+Wr.displayName = "IconClose";
+function $r(t, i) {
   if (typeof t == "function")
     return t(i);
   t != null && (t.current = i);
 }
-function _e(...t) {
+function le(...t) {
   return (i) => {
     let n = !1;
     const a = t.map((p) => {
-      const r = wr(p, i);
+      const r = $r(p, i);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let p = 0; p < a.length; p++) {
           const r = a[p];
-          typeof r == "function" ? r() : wr(t[p], null);
+          typeof r == "function" ? r() : $r(t[p], null);
         }
       };
   };
 }
-var de = Symbol.for("react.lazy"), G = _[" use ".trim().toString()];
-function fe(t) {
-  return typeof t == "object" && t !== null && "then" in t;
-}
-function Tr(t) {
-  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === de && "_payload" in t && fe(t._payload);
-}
 // @__NO_SIDE_EFFECTS__
-function ve(t) {
-  const i = /* @__PURE__ */ ge(t), n = _.forwardRef((a, p) => {
-    let { children: r, ...e } = a;
-    Tr(r) && typeof G == "function" && (r = G(r._payload));
-    const u = _.Children.toArray(r), d = u.find(he);
+function ce(t) {
+  const i = /* @__PURE__ */ _e(t), n = _.forwardRef((a, p) => {
+    const { children: r, ...e } = a, u = _.Children.toArray(r), d = u.find(fe);
     if (d) {
-      const l = d.props.children, m = u.map((g) => g === d ? _.Children.count(l) > 1 ? _.Children.only(null) : _.isValidElement(l) ? l.props.children : null : g);
-      return /* @__PURE__ */ o(i, { ...e, ref: p, children: _.isValidElement(l) ? _.cloneElement(l, void 0, m) : null });
+      const l = d.props.children, y = u.map((h) => h === d ? _.Children.count(l) > 1 ? _.Children.only(null) : _.isValidElement(l) ? l.props.children : null : h);
+      return /* @__PURE__ */ o(i, { ...e, ref: p, children: _.isValidElement(l) ? _.cloneElement(l, void 0, y) : null });
     }
     return /* @__PURE__ */ o(i, { ...e, ref: p, children: r });
   });
   return n.displayName = `${t}.Slot`, n;
 }
 // @__NO_SIDE_EFFECTS__
-function ge(t) {
+function _e(t) {
   const i = _.forwardRef((n, a) => {
-    let { children: p, ...r } = n;
-    if (Tr(p) && typeof G == "function" && (p = G(p._payload)), _.isValidElement(p)) {
-      const e = me(p), u = ye(r, p.props);
-      return p.type !== _.Fragment && (u.ref = a ? _e(a, e) : e), _.cloneElement(p, u);
+    const { children: p, ...r } = n;
+    if (_.isValidElement(p)) {
+      const e = he(p), u = ve(r, p.props);
+      return p.type !== _.Fragment && (u.ref = a ? le(a, e) : e), _.cloneElement(p, u);
     }
     return _.Children.count(p) > 1 ? _.Children.only(null) : null;
   });
   return i.displayName = `${t}.SlotClone`, i;
 }
-var be = Symbol("radix.slottable");
-function he(t) {
-  return _.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === be;
+var de = Symbol("radix.slottable");
+function fe(t) {
+  return _.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === de;
 }
-function ye(t, i) {
+function ve(t, i) {
   const n = { ...i };
   for (const a in i) {
     const p = t[a], r = i[a];
@@ -593,11 +584,11 @@ function ye(t, i) {
   }
   return { ...t, ...n };
 }
-function me(t) {
+function he(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 xe = [
+var ge = [
   "a",
   "button",
   "div",
@@ -615,14 +606,14 @@ var xe = [
   "span",
   "svg",
   "ul"
-], $e = xe.reduce((t, i) => {
-  const n = /* @__PURE__ */ ve(`Primitive.${i}`), a = _.forwardRef((p, r) => {
+], be = ge.reduce((t, i) => {
+  const n = /* @__PURE__ */ ce(`Primitive.${i}`), a = _.forwardRef((p, r) => {
     const { asChild: e, ...u } = p, d = e ? n : i;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(d, { ...u, ref: r });
   });
   return a.displayName = `Primitive.${i}`, { ...t, [i]: a };
-}, {}), we = "Label", Ur = _.forwardRef((t, i) => /* @__PURE__ */ o(
-  $e.label,
+}, {}), me = "Label", Qr = _.forwardRef((t, i) => /* @__PURE__ */ o(
+  be.label,
   {
     ...t,
     ref: i,
@@ -631,14 +622,14 @@ var xe = [
     }
   }
 ));
-Ur.displayName = we;
-var je = Ur;
-function Se(t) {
+Qr.displayName = me;
+var ye = Qr;
+function xe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var jr = { exports: {} }, Sr;
-function Ne() {
-  return Sr || (Sr = 1, (function(t) {
+var wr = { exports: {} }, jr;
+function $e() {
+  return jr || (jr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -667,32 +658,32 @@ function Ne() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(jr)), jr.exports;
+  })(wr)), wr.exports;
 }
-var Oe = Ne();
-const qe = /* @__PURE__ */ Se(Oe), Ae = {
+var we = $e();
+const je = /* @__PURE__ */ xe(we), Se = {
   "purpur-label": "_purpur-label_1x80u_1",
   "purpur-label--negative": "_purpur-label--negative_1x80u_8",
   "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
-}, Me = qe.bind(Ae), X = "purpur-label", Pe = ({
+}, Ne = je.bind(Se), U = "purpur-label", Oe = ({
   children: t,
   className: i,
   disabled: n,
   negative: a = !1,
   ...p
 }) => {
-  const r = Me(i, X, {
-    [`${X}--disabled`]: n,
-    [`${X}--negative`]: a
+  const r = Ne(i, U, {
+    [`${U}--disabled`]: n,
+    [`${U}--negative`]: a
   });
-  return /* @__PURE__ */ o(je, { className: r, ...p, children: t });
+  return /* @__PURE__ */ o(ye, { className: r, ...p, children: t });
 };
-function Ce(t) {
+function qe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Nr = { exports: {} }, Or;
-function Be() {
-  return Or || (Or = 1, (function(t) {
+var Sr = { exports: {} }, Nr;
+function Ae() {
+  return Nr || (Nr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -721,33 +712,33 @@ function Be() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Nr)), Nr.exports;
+  })(Sr)), Sr.exports;
 }
-var ze = Be();
-const ke = /* @__PURE__ */ Ce(ze), Ie = "_rotate_12t9p_1", Re = "_dash_12t9p_1", De = {
+var Me = Ae();
+const Pe = /* @__PURE__ */ qe(Me), Ce = "_rotate_12t9p_1", Be = "_dash_12t9p_1", ze = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ie,
+  rotate: Ce,
   "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: Re,
+  dash: Be,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, qr = ke.bind(De), E = "purpur-spinner", Le = {
+}, Or = Pe.bind(ze), E = "purpur-spinner", ke = {
   SM: "sm"
-}, Xr = ({
+}, Tr = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = Le.SM,
+  size: n = ke.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ o("div", { className: qr(E, `${E}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: Or(E, `${E}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: qr(`${E}__circle`, {
+    className: Or(`${E}__circle`, {
       [`${E}__circle--disabled`]: t,
       [`${E}__circle--negative`]: i
     }),
@@ -756,13 +747,13 @@ const ke = /* @__PURE__ */ Ce(ze), Ie = "_rotate_12t9p_1", Re = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Xr.displayName = "Spinner";
-function Ee(t) {
+Tr.displayName = "Spinner";
+function Ie(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Ar = { exports: {} }, Mr;
-function Ve() {
-  return Mr || (Mr = 1, (function(t) {
+var qr = { exports: {} }, Ar;
+function Re() {
+  return Ar || (Ar = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -791,31 +782,31 @@ function Ve() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Ar)), Ar.exports;
+  })(qr)), qr.exports;
 }
-var Fe = Ve();
-const Ze = /* @__PURE__ */ Ee(Fe), He = {
-  "purpur-text-field": "_purpur-text-field_1ar6e_1",
-  "purpur-text-field__label": "_purpur-text-field__label_1ar6e_7",
-  "purpur-text-field__label-text": "_purpur-text-field__label-text_1ar6e_12",
-  "purpur-text-field__field-row": "_purpur-text-field__field-row_1ar6e_15",
-  "purpur-text-field__frame": "_purpur-text-field__frame_1ar6e_19",
-  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1ar6e_26",
-  "purpur-text-field__input-container": "_purpur-text-field__input-container_1ar6e_29",
-  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1ar6e_40",
-  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1ar6e_43",
-  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1ar6e_46",
-  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1ar6e_49",
-  "purpur-text-field__input": "_purpur-text-field__input_1ar6e_29",
-  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1ar6e_55",
-  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1ar6e_61",
-  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1ar6e_109",
-  "purpur-text-field__input--error": "_purpur-text-field__input--error_1ar6e_109",
-  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1ar6e_127",
-  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1ar6e_137",
-  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1ar6e_142",
-  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1ar6e_145"
-}, Ge = (t) => at(t), N = Ze.bind(He), c = "purpur-text-field", Yr = W(
+var De = Re();
+const Le = /* @__PURE__ */ Ie(De), Ee = {
+  "purpur-text-field": "_purpur-text-field_h2fch_1",
+  "purpur-text-field__label": "_purpur-text-field__label_h2fch_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_h2fch_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_h2fch_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_h2fch_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_h2fch_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_h2fch_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_h2fch_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_h2fch_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_h2fch_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_h2fch_49",
+  "purpur-text-field__input": "_purpur-text-field__input_h2fch_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_h2fch_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_h2fch_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_h2fch_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_h2fch_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_h2fch_127",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_h2fch_140",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_h2fch_145",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_h2fch_148"
+}, Ve = (t) => it(t), N = Le.bind(Ee), c = "purpur-text-field", Ur = G(
   ({
     ["data-testid"]: t,
     className: i,
@@ -827,53 +818,53 @@ const Ze = /* @__PURE__ */ Ee(Fe), He = {
     helperText: u,
     hideRequiredAsterisk: d = !1,
     label: l,
-    loading: m = !1,
-    onClear: g,
+    loading: y = !1,
+    onClear: h,
     startAdornment: M,
     valid: P = !1,
     negative: f = !1,
     ...s
-  }, b) => {
-    const Z = pt(), C = s.id ?? Z, h = (y) => t ? `${t}-${y}` : void 0, x = P && !e, $ = u ? `${C}-helper-text` : void 0, k = [M].filter((y) => !!y), w = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !m && g && n, B = Ge(null), I = (y) => {
-      B.current = y, typeof b == "function" ? b(y) : b && (b.current = y);
+  }, g) => {
+    const Z = ut(), C = s.id ?? Z, b = (m) => t ? `${t}-${m}` : void 0, x = P && !e, $ = u ? `${C}-helper-text` : void 0, k = [M].filter((m) => !!m), w = (typeof s.value == "number" ? s.value !== void 0 : s.value?.length) && !s.disabled && !s.readOnly && !y && h && n, B = Ve(null), I = (m) => {
+      B.current = m, typeof g == "function" ? g(m) : g && (g.current = m);
     }, z = () => {
-      g?.(), B.current?.focus();
+      h?.(), B.current?.focus();
     }, S = [
-      m && /* @__PURE__ */ o(
-        Xr,
+      y && /* @__PURE__ */ o(
+        Tr,
         {
           disabled: s.disabled,
           size: "xs",
-          "data-testid": h("spinner"),
+          "data-testid": b("spinner"),
           negative: f
         },
         "spinner"
       ),
       w && /* @__PURE__ */ o(
-        Hr,
+        Zr,
         {
           negative: f,
           variant: "tertiary-purple",
           onClick: z,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": h("clear-button"),
+          "data-testid": b("clear-button"),
           tabIndex: -1,
-          children: /* @__PURE__ */ o(Qr, { size: "xs" })
+          children: /* @__PURE__ */ o(Wr, { size: "xs" })
         },
         "clear-button"
       ),
       x && /* @__PURE__ */ o(
-        Wr,
+        Gr,
         {
-          "data-testid": h("valid-icon"),
+          "data-testid": b("valid-icon"),
           className: N(`${c}__valid-icon`, {
             [`${c}__valid-icon--negative`]: f
           })
         },
         "valid-icon"
       )
-    ].filter((y) => !!y), Q = N(`${c}__input-container`, {
+    ].filter((m) => !!m), W = N(`${c}__input-container`, {
       [`${c}__input-container--start-adornment`]: k.length,
       [`${c}__input-container--end-adornment`]: S.length || r,
       [`${c}__input-container--disabled`]: s.disabled,
@@ -883,11 +874,11 @@ const Ze = /* @__PURE__ */ Ee(Fe), He = {
     });
     return /* @__PURE__ */ O("div", { className: N(i, c), children: [
       l && /* @__PURE__ */ O(
-        Pe,
+        Oe,
         {
           htmlFor: C,
           className: N(`${c}__label`),
-          "data-testid": h("label"),
+          "data-testid": b("label"),
           disabled: s.disabled,
           negative: f,
           children: [
@@ -898,11 +889,11 @@ const Ze = /* @__PURE__ */ Ee(Fe), He = {
       ),
       /* @__PURE__ */ O("div", { className: N(`${c}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ O("div", { className: Q, children: [
+        /* @__PURE__ */ O("div", { className: W, children: [
           !!k.length && /* @__PURE__ */ o(
             "div",
             {
-              "data-testid": h("start-adornments"),
+              "data-testid": b("start-adornments"),
               className: N(`${c}__adornment-container`),
               children: k
             }
@@ -913,7 +904,7 @@ const Ze = /* @__PURE__ */ Ee(Fe), He = {
               ...s,
               id: C,
               ref: I,
-              "data-testid": h("input"),
+              "data-testid": b("input"),
               "aria-describedby": s["aria-describedby"] || $,
               "aria-invalid": s["aria-invalid"] || !!e,
               className: N([
@@ -937,7 +928,7 @@ const Ze = /* @__PURE__ */ Ee(Fe), He = {
           (!!S.length || r) && /* @__PURE__ */ O(
             "div",
             {
-              "data-testid": h("end-adornments"),
+              "data-testid": b("end-adornments"),
               className: N(`${c}__adornment-container`),
               children: [
                 S,
@@ -949,26 +940,27 @@ const Ze = /* @__PURE__ */ Ee(Fe), He = {
         !!p && p
       ] }),
       $ && /* @__PURE__ */ o(
-        Kt,
+        Jt,
         {
-          "data-testid": h("helper-text"),
+          "data-testid": b("helper-text"),
           id: $,
           negative: f,
+          disabled: s.disabled,
           children: u
         }
       ),
-      e && /* @__PURE__ */ o(Wt, { "data-testid": h("error-text"), negative: f, children: e })
+      e && /* @__PURE__ */ o(Ht, { "data-testid": b("error-text"), negative: f, children: e })
     ] });
   }
 );
-Yr.displayName = "TextField";
-function We(t) {
+Ur.displayName = "TextField";
+function Fe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Y = { exports: {} };
-var Pr;
-function Qe() {
-  return Pr || (Pr = 1, (function(t) {
+var Mr;
+function Ze() {
+  return Mr || (Mr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -999,8 +991,8 @@ function Qe() {
     })();
   })(Y)), Y.exports;
 }
-var Te = Qe();
-const Jr = /* @__PURE__ */ We(Te), Ue = {
+var He = Ze();
+const Yr = /* @__PURE__ */ Fe(He), Ge = {
   "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",
@@ -1011,15 +1003,15 @@ const Jr = /* @__PURE__ */ We(Te), Ue = {
   "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"
-}, Xe = {
+}, We = {
   LG: "lg"
 };
-function Ye(t) {
+function Qe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Cr = { exports: {} }, Br;
-function Je() {
-  return Br || (Br = 1, (function(t) {
+var Pr = { exports: {} }, Cr;
+function Te() {
+  return Cr || (Cr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1048,33 +1040,33 @@ function Je() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Cr)), Cr.exports;
+  })(Pr)), Pr.exports;
 }
-var Ke = Je();
-const rn = /* @__PURE__ */ Ye(Ke), tn = "_rotate_12t9p_1", en = "_dash_12t9p_1", nn = {
+var Ue = Te();
+const Ye = /* @__PURE__ */ Qe(Ue), Je = "_rotate_12t9p_1", Ke = "_dash_12t9p_1", Xe = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: tn,
+  rotate: Je,
   "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: en,
+  dash: Ke,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, zr = rn.bind(nn), V = "purpur-spinner", un = {
+}, Br = Ye.bind(Xe), V = "purpur-spinner", rn = {
   SM: "sm"
-}, Kr = ({
+}, Jr = ({
   disabled: t = !1,
   negative: i = !1,
-  size: n = un.SM,
+  size: n = rn.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ o("div", { className: zr(V, `${V}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: Br(V, `${V}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: zr(`${V}__circle`, {
+    className: Br(`${V}__circle`, {
       [`${V}__circle--disabled`]: t,
       [`${V}__circle--negative`]: i
     }),
@@ -1083,13 +1075,13 @@ const rn = /* @__PURE__ */ Ye(Ke), tn = "_rotate_12t9p_1", en = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Kr.displayName = "Spinner";
-function pn(t) {
+Jr.displayName = "Spinner";
+function tn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var kr = { exports: {} }, Ir;
-function an() {
-  return Ir || (Ir = 1, (function(t) {
+var zr = { exports: {} }, kr;
+function en() {
+  return kr || (kr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1118,10 +1110,10 @@ function an() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(kr)), kr.exports;
+  })(zr)), zr.exports;
 }
-var on = an();
-const sn = /* @__PURE__ */ pn(on), ln = {
+var nn = en();
+const un = /* @__PURE__ */ tn(nn), pn = {
   "purpur-button": "_purpur-button_10jh0_1",
   "purpur-button--xs": "_purpur-button--xs_10jh0_22",
   "purpur-button--icon-only": "_purpur-button--icon-only_10jh0_25",
@@ -1144,7 +1136,7 @@ const sn = /* @__PURE__ */ pn(on), ln = {
   "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"
-}, Rr = sn.bind(ln), A = "purpur-button", rt = W(
+}, Ir = un.bind(pn), A = "purpur-button", Kr = G(
   ({
     children: t,
     className: i,
@@ -1156,12 +1148,12 @@ const sn = /* @__PURE__ */ pn(on), ln = {
     onClick: u,
     size: d = "md",
     variant: l,
-    type: m = "button",
-    ...g
+    type: y = "button",
+    ...h
   }, M) => {
     if (p && l === "destructive")
       return null;
-    const P = Rr(
+    const P = Ir(
       [
         A,
         `${A}--${e ? `${l}-negative` : l}`,
@@ -1174,26 +1166,26 @@ const sn = /* @__PURE__ */ pn(on), ln = {
         [`${A}--disabled`]: n || r
       },
       i
-    ), f = (b) => {
-      n || r ? b.preventDefault() : u && u(b);
-    }, s = !!g["aria-disabled"] || n || r;
+    ), f = (g) => {
+      n || r ? g.preventDefault() : u && u(g);
+    }, s = !!h["aria-disabled"] || n || r;
     return /* @__PURE__ */ O(
       "button",
       {
         className: P,
-        type: m,
+        type: y,
         ref: M,
         "aria-disabled": s,
         onClick: f,
-        ...g,
+        ...h,
         children: [
           r && /* @__PURE__ */ o(
-            Kr,
+            Jr,
             {
-              size: d === Xe.LG ? "xs" : "xxs",
+              size: d === We.LG ? "xs" : "xxs",
               negative: e,
               disabled: s,
-              className: Rr(`${A}__spinner`)
+              className: Ir(`${A}__spinner`)
             }
           ),
           " ",
@@ -1203,13 +1195,13 @@ const sn = /* @__PURE__ */ pn(on), ln = {
     );
   }
 );
-rt.displayName = "Button";
-function cn(t) {
+Kr.displayName = "Button";
+function an(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Dr = { exports: {} }, Lr;
-function _n() {
-  return Lr || (Lr = 1, (function(t) {
+var Rr = { exports: {} }, Dr;
+function on() {
+  return Dr || (Dr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -1238,10 +1230,10 @@ function _n() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(Dr)), Dr.exports;
+  })(Rr)), Rr.exports;
 }
-var dn = _n();
-const fn = /* @__PURE__ */ cn(dn), vn = {
+var sn = on();
+const ln = /* @__PURE__ */ an(sn), cn = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1249,43 +1241,43 @@ const fn = /* @__PURE__ */ cn(dn), vn = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, gn = fn.bind(vn), Er = "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 } = {}) => {
+}, _n = ln.bind(cn), Lr = "purpur-icon", dn = "md", fn = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), vn = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
-  return `<svg ${hn(n)}>${a}${t}</svg>`;
-}, mn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: i, className: n, size: a = bn, ...p }) => {
-  const r = yn({
-    content: mn(t.svg),
+  return `<svg ${fn(n)}>${a}${t}</svg>`;
+}, hn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: i, className: n, size: a = dn, ...p }) => {
+  const r = vn({
+    content: hn(t.svg),
     title: i
-  }), e = gn(Er, `${Er}--${a}`, n);
+  }), e = _n(Lr, `${Lr}--${a}`, n);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 K.displayName = "Icon";
-const xn = {
+const gn = {
   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"
-}, tt = (t) => /* @__PURE__ */ o(K, { ...t, svg: xn });
-tt.displayName = "IconMinus";
-const $n = {
+}, Xr = (t) => /* @__PURE__ */ o(K, { ...t, svg: gn });
+Xr.displayName = "IconMinus";
+const bn = {
   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"
-}, et = (t) => /* @__PURE__ */ o(K, { ...t, svg: $n });
-et.displayName = "IconPlus";
-const wn = {
+}, rt = (t) => /* @__PURE__ */ o(K, { ...t, svg: bn });
+rt.displayName = "IconPlus";
+const mn = {
   "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"
-}, jn = Jr.bind(wn), F = "purpur-quantity-selector-button", Sn = ({
+}, yn = Yr.bind(mn), F = "purpur-quantity-selector-button", xn = ({
   ["data-testid"]: t,
   disabled: i,
   hasGap: n,
@@ -1293,14 +1285,14 @@ const wn = {
   buttonType: p,
   onClick: r
 }) => {
-  const e = jn(F, {
+  const e = yn(F, {
     [`${F}--gap-left`]: n && p === "decrement",
     [`${F}--gap-right`]: n && p === "increment",
     [`${F}--no-gap-left`]: !n && p === "decrement",
     [`${F}--no-gap-right`]: !n && p === "increment"
   });
   return /* @__PURE__ */ o(
-    rt,
+    Kr,
     {
       "data-testid": t,
       className: e,
@@ -1311,10 +1303,10 @@ const wn = {
       iconOnly: !0,
       disabled: i,
       tabIndex: -1,
-      children: p === "increment" ? /* @__PURE__ */ o(et, { size: "xs" }) : /* @__PURE__ */ o(tt, { size: "xs" })
+      children: p === "increment" ? /* @__PURE__ */ o(rt, { size: "xs" }) : /* @__PURE__ */ o(Xr, { size: "xs" })
     }
   );
-}, Vr = Jr.bind(Ue), Mn = ["attached", "separated"], Pn = ["primary", "secondary"], j = "purpur-quantity-selector", Nn = W(
+}, Er = Yr.bind(Ge), Nn = ["attached", "separated"], On = ["primary", "secondary"], j = "purpur-quantity-selector", $n = G(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1326,16 +1318,16 @@ const wn = {
     fullWidth: u,
     disabled: d,
     loading: l,
-    minValue: m,
-    maxValue: g,
+    minValue: y,
+    maxValue: h,
     ariaLabelDecrement: M,
     ariaLabelIncrement: P,
     ...f
   }, s) => {
-    const [b, Z] = tr(e ?? 0), [C, h] = tr(b), x = r !== void 0, $ = x ? r : C, k = (v) => t ? `${t}-${v}` : void 0, w = d || l, B = Math.max(m ?? 0, 0), I = g ?? Number.MAX_SAFE_INTEGER, z = $ === I, S = $ === B;
-    er(() => {
+    const [g, Z] = rr(e ?? 0), [C, b] = rr(g), x = r !== void 0, $ = x ? r : C, k = (v) => t ? `${t}-${v}` : void 0, w = d || l, B = Math.max(y ?? 0, 0), I = h ?? Number.MAX_SAFE_INTEGER, z = $ === I, S = $ === B;
+    tr(() => {
       x && Z(r);
-    }, [r, x]), er(() => {
+    }, [r, x]), tr(() => {
       if (!x) {
         const v = setTimeout(() => {
           Z(C);
@@ -1343,45 +1335,45 @@ const wn = {
         return () => clearTimeout(v);
       }
     }, [C, x, p]);
-    const Q = Vr(i, j, {
+    const W = Er(i, j, {
       [`${j}--no-gap`]: n === "attached" && !w && !S && !z,
       [`${j}--no-gap-disabled-left`]: n === "attached" && !w && !z && S,
       [`${j}--no-gap-disabled-right`]: n === "attached" && !w && !S && z,
       [`${j}--no-gap-disabled`]: n === "attached" && (w || z && S),
       [`${j}--full-width`]: u,
       [`${j}--loading`]: l
-    }), y = (v) => {
+    }), m = (v) => {
       if (!/^[0-9]*$/.test(v.target.value))
         return;
       const H = +v.target.value;
-      H < B || H > I || (x || h(H), p(H));
-    }, nt = (v) => {
+      H < B || H > I || (x || b(H), p(H));
+    }, tt = (v) => {
       const R = v === "increment" ? $ + 1 : $ - 1;
-      R < 0 || (x || h(R), p(R));
-    }, rr = (v) => {
+      R < 0 || (x || b(R), p(R));
+    }, X = (v) => {
       const R = v === "increment" && z || v === "decrement" && S;
       return /* @__PURE__ */ o(
-        Sn,
+        xn,
         {
           "data-testid": k("button-" + v),
           variant: a,
           buttonType: v,
           hasGap: n === "separated",
-          onClick: nt,
+          onClick: tt,
           disabled: w || R,
           "aria-label": v === "increment" ? P : M
         }
       );
-    }, ut = /* @__PURE__ */ O(it, { children: [
+    }, et = /* @__PURE__ */ O(nt, { children: [
       l && /* @__PURE__ */ o(
         "div",
         {
-          className: Vr(`${j}__spinner`, {
+          className: Er(`${j}__spinner`, {
             [`${j}__spinner--full-width`]: u,
             [`${j}__spinner--separated`]: !u && n === "separated"
           }),
           children: /* @__PURE__ */ o(
-            Fr,
+            Vr,
             {
               disabled: w,
               size: "xs",
@@ -1391,19 +1383,19 @@ const wn = {
           )
         }
       ),
-      rr("decrement")
+      X("decrement")
     ] });
     return /* @__PURE__ */ o(
-      Yr,
+      Ur,
       {
         value: $,
         type: "number",
         ref: s,
-        className: Q,
+        className: W,
         "data-testid": t,
-        onChange: y,
-        beforeField: ut,
-        afterField: rr("increment"),
+        onChange: m,
+        beforeField: et,
+        afterField: X("increment"),
         disabled: w,
         min: B,
         max: I,
@@ -1416,10 +1408,10 @@ const wn = {
     );
   }
 );
-Nn.displayName = "QuantitySelector";
+$n.displayName = "QuantitySelector";
 export {
-  Nn as QuantitySelector,
-  Pn as quantitySelectorButtonVariants,
-  Mn as quantitySelectorVariants
+  $n as QuantitySelector,
+  On as quantitySelectorButtonVariants,
+  Nn as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map