@purpurds/quantity-selector 8.13.0 → 8.14.0

package/dist/quantity-selector.es.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as O, Fragment as nt } from "react/jsx-runtime";
+import { jsx as o, jsxs as N, Fragment as nt } from "react/jsx-runtime";
 import * as _ from "react";
 import { forwardRef as G, useId as ut, useRef as it, useState as rr, useEffect as tr } from "react";
 import "react-dom";
@@ -79,7 +79,7 @@ function vt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ir = { exports: {} }, pr;
-function ht() {
+function gt() {
   return pr || (pr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
@@ -111,8 +111,8 @@ function ht() {
     })();
   })(ir)), ir.exports;
 }
-var gt = ht();
-const bt = /* @__PURE__ */ vt(gt), mt = "_rotate_12t9p_1", yt = "_dash_12t9p_1", xt = {
+var bt = gt();
+const ht = /* @__PURE__ */ vt(bt), mt = "_rotate_12t9p_1", yt = "_dash_12t9p_1", xt = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: mt,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -124,7 +124,7 @@ const bt = /* @__PURE__ */ vt(gt), mt = "_rotate_12t9p_1", yt = "_dash_12t9p_1",
   dash: yt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, ar = bt.bind(xt), L = "purpur-spinner", $t = {
+}, ar = ht.bind(xt), L = "purpur-spinner", $t = {
   SM: "sm"
 }, Fr = ({
   disabled: t = !1,
@@ -182,7 +182,7 @@ function jt() {
   })(or)), or.exports;
 }
 var St = jt();
-const Nt = /* @__PURE__ */ wt(St), Ot = {
+const qt = /* @__PURE__ */ wt(St), Nt = {
   "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 Nt = /* @__PURE__ */ wt(St), Ot = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, lr = Nt.bind(Ot), q = "purpur-button", Zr = G(
+}, lr = qt.bind(Nt), O = "purpur-button", Zr = G(
   ({
     children: t,
     className: i,
@@ -218,27 +218,27 @@ const Nt = /* @__PURE__ */ wt(St), Ot = {
     size: d = "md",
     variant: l,
     type: y = "button",
-    ...h
+    ...g
   }, M) => {
     if (p && l === "destructive")
       return null;
     const P = lr(
       [
-        q,
-        `${q}--${e ? `${l}-negative` : l}`,
-        `${q}--${d}`
+        O,
+        `${O}--${e ? `${l}-negative` : l}`,
+        `${O}--${d}`
       ],
       {
-        [`${q}--icon-only`]: p,
-        [`${q}--negative`]: e,
-        [`${q}--full-width`]: a,
-        [`${q}--disabled`]: n || r
+        [`${O}--icon-only`]: p,
+        [`${O}--negative`]: e,
+        [`${O}--full-width`]: a,
+        [`${O}--disabled`]: n || r
       },
       i
-    ), f = (g) => {
-      n || r ? g.preventDefault() : u && u(g);
-    }, s = !!h["aria-disabled"] || n || r;
-    return /* @__PURE__ */ O(
+    ), f = (b) => {
+      n || r ? b.preventDefault() : u && u(b);
+    }, s = !!g["aria-disabled"] || n || r;
+    return /* @__PURE__ */ N(
       "button",
       {
         className: P,
@@ -246,7 +246,7 @@ const Nt = /* @__PURE__ */ wt(St), Ot = {
         ref: M,
         "aria-disabled": s,
         onClick: f,
-        ...h,
+        ...g,
         children: [
           r && /* @__PURE__ */ o(
             Fr,
@@ -254,7 +254,7 @@ const Nt = /* @__PURE__ */ wt(St), Ot = {
               size: d === ft.LG ? "xs" : "xxs",
               negative: e,
               disabled: s,
-              className: lr(`${q}__spinner`)
+              className: lr(`${O}__spinner`)
             }
           ),
           " ",
@@ -265,7 +265,7 @@ const Nt = /* @__PURE__ */ wt(St), Ot = {
   }
 );
 Zr.displayName = "Button";
-function qt(t) {
+function Ot(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var cr = { exports: {} }, _r;
@@ -302,7 +302,7 @@ function At() {
   })(cr)), cr.exports;
 }
 var Mt = At();
-const Pt = /* @__PURE__ */ qt(Mt), Ct = {
+const Pt = /* @__PURE__ */ Ot(Mt), Ct = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -373,23 +373,23 @@ 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"
-}, hr = Ft.bind(Zt), Q = "purpur-field-error-text", Ht = ({
+}, gr = Ft.bind(Zt), Q = "purpur-field-error-text", Ht = ({
   children: t,
   className: i,
   negative: n = !1,
   ["aria-relevant"]: a = "additions text",
   ...p
-}) => /* @__PURE__ */ O(
+}) => /* @__PURE__ */ N(
   "div",
   {
-    className: hr(i, Q, {
+    className: gr(i, Q, {
       [`${Q}--negative`]: n
     }),
     "aria-live": "assertive",
     "aria-relevant": a,
     ...p,
     children: [
-      /* @__PURE__ */ o(Hr, { svg: Dt, size: "xs", className: hr(`${Q}__icon`) }),
+      /* @__PURE__ */ o(Hr, { svg: Dt, size: "xs", className: gr(`${Q}__icon`) }),
       t
     ]
   }
@@ -397,9 +397,9 @@ const Ft = /* @__PURE__ */ Lt(Vt), Zt = {
 function Gt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var gr = { exports: {} }, br;
+var br = { exports: {} }, hr;
 function Wt() {
-  return br || (br = 1, (function(t) {
+  return hr || (hr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -428,13 +428,13 @@ function Wt() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(gr)), gr.exports;
+  })(br)), br.exports;
 }
 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"
+  "purpur-field-helper-text": "_purpur-field-helper-text_1ociq_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_1ociq_9",
+  "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_1ociq_12"
 }, Yt = Tt.bind(Ut), T = "purpur-field-helper-text", Jt = ({
   children: t,
   className: i,
@@ -550,7 +550,7 @@ 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, y = u.map((h) => h === d ? _.Children.count(l) > 1 ? _.Children.only(null) : _.isValidElement(l) ? l.props.children : null : h);
+      const l = d.props.children, y = 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, y) : null });
     }
     return /* @__PURE__ */ o(i, { ...e, ref: p, children: r });
@@ -562,7 +562,7 @@ function _e(t) {
   const i = _.forwardRef((n, a) => {
     const { children: p, ...r } = n;
     if (_.isValidElement(p)) {
-      const e = he(p), u = ve(r, p.props);
+      const e = ge(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;
@@ -584,11 +584,11 @@ function ve(t, i) {
   }
   return { ...t, ...n };
 }
-function he(t) {
+function ge(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 ge = [
+var be = [
   "a",
   "button",
   "div",
@@ -606,14 +606,14 @@ var ge = [
   "span",
   "svg",
   "ul"
-], be = ge.reduce((t, i) => {
+], he = be.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 };
 }, {}), me = "Label", Qr = _.forwardRef((t, i) => /* @__PURE__ */ o(
-  be.label,
+  he.label,
   {
     ...t,
     ref: i,
@@ -665,25 +665,25 @@ 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"
-}, Ne = je.bind(Se), U = "purpur-label", Oe = ({
+}, qe = je.bind(Se), U = "purpur-label", Ne = ({
   children: t,
   className: i,
   disabled: n,
   negative: a = !1,
   ...p
 }) => {
-  const r = Ne(i, U, {
+  const r = qe(i, U, {
     [`${U}--disabled`]: n,
     [`${U}--negative`]: a
   });
   return /* @__PURE__ */ o(ye, { className: r, ...p, children: t });
 };
-function qe(t) {
+function Oe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Sr = { exports: {} }, Nr;
+var Sr = { exports: {} }, qr;
 function Ae() {
-  return Nr || (Nr = 1, (function(t) {
+  return qr || (qr = 1, (function(t) {
     (function() {
       var i = {}.hasOwnProperty;
       function n() {
@@ -715,7 +715,7 @@ function Ae() {
   })(Sr)), Sr.exports;
 }
 var Me = Ae();
-const Pe = /* @__PURE__ */ qe(Me), Ce = "_rotate_12t9p_1", Be = "_dash_12t9p_1", ze = {
+const Pe = /* @__PURE__ */ Oe(Me), Ce = "_rotate_12t9p_1", Be = "_dash_12t9p_1", ze = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Ce,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -727,7 +727,7 @@ const Pe = /* @__PURE__ */ qe(Me), Ce = "_rotate_12t9p_1", Be = "_dash_12t9p_1",
   dash: Be,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Or = Pe.bind(ze), E = "purpur-spinner", ke = {
+}, Nr = Pe.bind(ze), E = "purpur-spinner", ke = {
   SM: "sm"
 }, Tr = ({
   disabled: t = !1,
@@ -735,10 +735,10 @@ const Pe = /* @__PURE__ */ qe(Me), Ce = "_rotate_12t9p_1", Be = "_dash_12t9p_1",
   size: n = ke.SM,
   className: a,
   ...p
-}) => /* @__PURE__ */ o("div", { className: Or(E, `${E}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+}) => /* @__PURE__ */ o("div", { className: Nr(E, `${E}--${n}`, a), ...p, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
   "circle",
   {
-    className: Or(`${E}__circle`, {
+    className: Nr(`${E}__circle`, {
       [`${E}__circle--disabled`]: t,
       [`${E}__circle--negative`]: i
     }),
@@ -751,7 +751,7 @@ Tr.displayName = "Spinner";
 function Ie(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var qr = { exports: {} }, Ar;
+var Or = { exports: {} }, Ar;
 function Re() {
   return Ar || (Ar = 1, (function(t) {
     (function() {
@@ -782,31 +782,31 @@ function Re() {
       }
       t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
     })();
-  })(qr)), qr.exports;
+  })(Or)), Or.exports;
 }
 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(
+  "purpur-text-field": "_purpur-text-field_1n0q1_1",
+  "purpur-text-field__label": "_purpur-text-field__label_1n0q1_7",
+  "purpur-text-field__label-text": "_purpur-text-field__label-text_1n0q1_12",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_1n0q1_15",
+  "purpur-text-field__frame": "_purpur-text-field__frame_1n0q1_19",
+  "purpur-text-field__frame--negative": "_purpur-text-field__frame--negative_1n0q1_26",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_1n0q1_29",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_1n0q1_40",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_1n0q1_43",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_1n0q1_46",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_1n0q1_49",
+  "purpur-text-field__input": "_purpur-text-field__input_1n0q1_29",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_1n0q1_55",
+  "purpur-text-field__input-container--negative": "_purpur-text-field__input-container--negative_1n0q1_61",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_1n0q1_109",
+  "purpur-text-field__input--error": "_purpur-text-field__input--error_1n0q1_109",
+  "purpur-text-field__input--negative": "_purpur-text-field__input--negative_1n0q1_130",
+  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_1n0q1_146",
+  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_1n0q1_151",
+  "purpur-text-field__valid-icon--negative": "_purpur-text-field__valid-icon--negative_1n0q1_154"
+}, Ve = (t) => it(t), q = Le.bind(Ee), c = "purpur-text-field", Ur = G(
   ({
     ["data-testid"]: t,
     className: i,
@@ -819,23 +819,23 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
     hideRequiredAsterisk: d = !1,
     label: l,
     loading: y = !1,
-    onClear: h,
+    onClear: g,
     startAdornment: M,
     valid: P = !1,
     negative: f = !1,
     ...s
-  }, 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);
+  }, b) => {
+    const Z = ut(), C = s.id ?? Z, h = (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 && g && n, B = Ve(null), I = (m) => {
+      B.current = m, typeof b == "function" ? b(m) : b && (b.current = m);
     }, z = () => {
-      h?.(), B.current?.focus();
+      g?.(), B.current?.focus();
     }, S = [
       y && /* @__PURE__ */ o(
         Tr,
         {
           disabled: s.disabled,
           size: "xs",
-          "data-testid": b("spinner"),
+          "data-testid": h("spinner"),
           negative: f
         },
         "spinner"
@@ -848,7 +848,7 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
           onClick: z,
           iconOnly: !0,
           "aria-label": n ?? "",
-          "data-testid": b("clear-button"),
+          "data-testid": h("clear-button"),
           tabIndex: -1,
           children: /* @__PURE__ */ o(Wr, { size: "xs" })
         },
@@ -857,14 +857,14 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
       x && /* @__PURE__ */ o(
         Gr,
         {
-          "data-testid": b("valid-icon"),
-          className: N(`${c}__valid-icon`, {
+          "data-testid": h("valid-icon"),
+          className: q(`${c}__valid-icon`, {
             [`${c}__valid-icon--negative`]: f
           })
         },
         "valid-icon"
       )
-    ].filter((m) => !!m), W = N(`${c}__input-container`, {
+    ].filter((m) => !!m), W = q(`${c}__input-container`, {
       [`${c}__input-container--start-adornment`]: k.length,
       [`${c}__input-container--end-adornment`]: S.length || r,
       [`${c}__input-container--disabled`]: s.disabled,
@@ -872,13 +872,13 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
       [`${c}__input-container--readonly`]: s.readOnly && !s.disabled,
       [`${c}__input-container--negative`]: f
     });
-    return /* @__PURE__ */ O("div", { className: N(i, c), children: [
-      l && /* @__PURE__ */ O(
-        Oe,
+    return /* @__PURE__ */ N("div", { className: q(i, c), children: [
+      l && /* @__PURE__ */ N(
+        Ne,
         {
           htmlFor: C,
-          className: N(`${c}__label`),
-          "data-testid": b("label"),
+          className: q(`${c}__label`),
+          "data-testid": h("label"),
           disabled: s.disabled,
           negative: f,
           children: [
@@ -887,14 +887,14 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
           ]
         }
       ),
-      /* @__PURE__ */ O("div", { className: N(`${c}__field-row`), children: [
+      /* @__PURE__ */ N("div", { className: q(`${c}__field-row`), children: [
         !!a && a,
-        /* @__PURE__ */ O("div", { className: W, children: [
+        /* @__PURE__ */ N("div", { className: W, children: [
           !!k.length && /* @__PURE__ */ o(
             "div",
             {
-              "data-testid": b("start-adornments"),
-              className: N(`${c}__adornment-container`),
+              "data-testid": h("start-adornments"),
+              className: q(`${c}__adornment-container`),
               children: k
             }
           ),
@@ -904,10 +904,10 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
               ...s,
               id: C,
               ref: I,
-              "data-testid": b("input"),
+              "data-testid": h("input"),
               "aria-describedby": s["aria-describedby"] || $,
               "aria-invalid": s["aria-invalid"] || !!e,
-              className: N([
+              className: q([
                 `${c}__input`,
                 {
                   [`${c}__input--valid`]: x,
@@ -920,16 +920,16 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
           /* @__PURE__ */ o(
             "div",
             {
-              className: N(`${c}__frame`, {
+              className: q(`${c}__frame`, {
                 [`${c}__frame--negative`]: f
               })
             }
           ),
-          (!!S.length || r) && /* @__PURE__ */ O(
+          (!!S.length || r) && /* @__PURE__ */ N(
             "div",
             {
-              "data-testid": b("end-adornments"),
-              className: N(`${c}__adornment-container`),
+              "data-testid": h("end-adornments"),
+              className: q(`${c}__adornment-container`),
               children: [
                 S,
                 r
@@ -942,14 +942,14 @@ const Le = /* @__PURE__ */ Ie(De), Ee = {
       $ && /* @__PURE__ */ o(
         Jt,
         {
-          "data-testid": b("helper-text"),
+          "data-testid": h("helper-text"),
           id: $,
           negative: f,
           disabled: s.disabled,
           children: u
         }
       ),
-      e && /* @__PURE__ */ o(Ht, { "data-testid": b("error-text"), negative: f, children: e })
+      e && /* @__PURE__ */ o(Ht, { "data-testid": h("error-text"), negative: f, children: e })
     ] });
   }
 );
@@ -1149,7 +1149,7 @@ const un = /* @__PURE__ */ tn(nn), pn = {
     size: d = "md",
     variant: l,
     type: y = "button",
-    ...h
+    ...g
   }, M) => {
     if (p && l === "destructive")
       return null;
@@ -1166,10 +1166,10 @@ const un = /* @__PURE__ */ tn(nn), pn = {
         [`${A}--disabled`]: n || r
       },
       i
-    ), f = (g) => {
-      n || r ? g.preventDefault() : u && u(g);
-    }, s = !!h["aria-disabled"] || n || r;
-    return /* @__PURE__ */ O(
+    ), f = (b) => {
+      n || r ? b.preventDefault() : u && u(b);
+    }, s = !!g["aria-disabled"] || n || r;
+    return /* @__PURE__ */ N(
       "button",
       {
         className: P,
@@ -1177,7 +1177,7 @@ const un = /* @__PURE__ */ tn(nn), pn = {
         ref: M,
         "aria-disabled": s,
         onClick: f,
-        ...h,
+        ...g,
         children: [
           r && /* @__PURE__ */ o(
             Jr,
@@ -1249,27 +1249,27 @@ const ln = /* @__PURE__ */ an(sn), cn = {
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = i ? `<title>${i}</title>` : "";
   return `<svg ${fn(n)}>${a}${t}</svg>`;
-}, hn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: i, className: n, size: a = dn, ...p }) => {
+}, gn = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), K = ({ svg: t, allyTitle: i, className: n, size: a = dn, ...p }) => {
   const r = vn({
-    content: hn(t.svg),
+    content: gn(t.svg),
     title: i
   }), e = _n(Lr, `${Lr}--${a}`, n);
   return /* @__PURE__ */ o("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
 K.displayName = "Icon";
-const gn = {
+const bn = {
   name: "minus",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["minus"],
   category: "utility"
-}, Xr = (t) => /* @__PURE__ */ o(K, { ...t, svg: gn });
+}, Xr = (t) => /* @__PURE__ */ o(K, { ...t, svg: bn });
 Xr.displayName = "IconMinus";
-const bn = {
+const hn = {
   name: "plus",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>',
   keywords: ["plus"],
   category: "utility"
-}, rt = (t) => /* @__PURE__ */ o(K, { ...t, svg: bn });
+}, rt = (t) => /* @__PURE__ */ o(K, { ...t, svg: hn });
 rt.displayName = "IconPlus";
 const mn = {
   "purpur-quantity-selector-button": "_purpur-quantity-selector-button_qjlbs_1",
@@ -1306,7 +1306,7 @@ const mn = {
       children: p === "increment" ? /* @__PURE__ */ o(rt, { size: "xs" }) : /* @__PURE__ */ o(Xr, { size: "xs" })
     }
   );
-}, Er = Yr.bind(Ge), Nn = ["attached", "separated"], On = ["primary", "secondary"], j = "purpur-quantity-selector", $n = G(
+}, Er = Yr.bind(Ge), qn = ["attached", "separated"], Nn = ["primary", "secondary"], j = "purpur-quantity-selector", $n = G(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1319,12 +1319,12 @@ const mn = {
     disabled: d,
     loading: l,
     minValue: y,
-    maxValue: h,
+    maxValue: g,
     ariaLabelDecrement: M,
     ariaLabelIncrement: P,
     ...f
   }, s) => {
-    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;
+    const [b, Z] = rr(e ?? 0), [C, h] = rr(b), x = r !== void 0, $ = x ? r : C, k = (v) => t ? `${t}-${v}` : void 0, w = d || l, B = Math.max(y ?? 0, 0), I = g ?? Number.MAX_SAFE_INTEGER, z = $ === I, S = $ === B;
     tr(() => {
       x && Z(r);
     }, [r, x]), tr(() => {
@@ -1346,10 +1346,10 @@ const mn = {
       if (!/^[0-9]*$/.test(v.target.value))
         return;
       const H = +v.target.value;
-      H < B || H > I || (x || b(H), p(H));
+      H < B || H > I || (x || h(H), p(H));
     }, tt = (v) => {
       const R = v === "increment" ? $ + 1 : $ - 1;
-      R < 0 || (x || b(R), p(R));
+      R < 0 || (x || h(R), p(R));
     }, X = (v) => {
       const R = v === "increment" && z || v === "decrement" && S;
       return /* @__PURE__ */ o(
@@ -1364,7 +1364,7 @@ const mn = {
           "aria-label": v === "increment" ? P : M
         }
       );
-    }, et = /* @__PURE__ */ O(nt, { children: [
+    }, et = /* @__PURE__ */ N(nt, { children: [
       l && /* @__PURE__ */ o(
         "div",
         {
@@ -1411,7 +1411,7 @@ const mn = {
 $n.displayName = "QuantitySelector";
 export {
   $n as QuantitySelector,
-  On as quantitySelectorButtonVariants,
-  Nn as quantitySelectorVariants
+  Nn as quantitySelectorButtonVariants,
+  qn as quantitySelectorVariants
 };
 //# sourceMappingURL=quantity-selector.es.js.map