@purpurds/quantity-selector 5.31.0 → 5.32.0

package/dist/quantity-selector.es.js

@@ -244,7 +244,7 @@ const lt = /* @__PURE__ */ ot(st), ct = {
   loading: e = !1,
   negative: u = !1,
   onClick: d,
-  size: v = "md",
+  size: x = "md",
   variant: f,
   type: O = "button",
   ...w
@@ -255,7 +255,7 @@ const lt = /* @__PURE__ */ ot(st), ct = {
     [
       A,
       `${A}--${u ? `${f}-negative` : f}`,
-      `${A}--${v}`
+      `${A}--${x}`
     ],
     {
       [`${A}--icon-only`]: r,
@@ -264,8 +264,8 @@ const lt = /* @__PURE__ */ ot(st), ct = {
       [`${A}--disabled`]: a || e
     },
     i
-  ), $ = (x) => {
-    a || e ? x.preventDefault() : d && d(x);
+  ), $ = (v) => {
+    a || e ? v.preventDefault() : d && d(v);
   }, m = !!w["aria-disabled"] || a || e;
   return /* @__PURE__ */ N(
     "button",
@@ -278,7 +278,7 @@ const lt = /* @__PURE__ */ ot(st), ct = {
       onClick: $,
       ...w,
       children: [
-        e && /* @__PURE__ */ o(pt, { size: v === tt.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        e && /* @__PURE__ */ o(pt, { size: x === tt.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
@@ -326,7 +326,7 @@ var jr = { exports: {} };
   })();
 })(jr);
 var gt = jr.exports;
-const vt = /* @__PURE__ */ ft(gt), xt = {
+const xt = /* @__PURE__ */ ft(gt), vt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -339,7 +339,7 @@ const vt = /* @__PURE__ */ ft(gt), xt = {
   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"
-}, bt = vt.bind(xt), sr = "purpur-icon", yt = "md", ht = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), wt = ({ content: t = "", title: i } = {}) => {
+}, bt = xt.bind(vt), sr = "purpur-icon", yt = "md", ht = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), wt = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -914,20 +914,20 @@ const le = /* @__PURE__ */ oe(se), ce = {
   errorText: e,
   helperText: u,
   label: d,
-  loading: v = !1,
+  loading: x = !1,
   onClear: f,
   startAdornment: O,
   valid: w = !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 = [O].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), q = (_) => {
+  const m = Rr(), v = s.id ?? m, l = (_) => t ? `${t}-${_}` : void 0, S = w && !e, C = u ? `${v}-helper-text` : void 0, b = [O].filter((_) => !!_), B = (typeof s.value == "number" ? s.value !== void 0 : ($ = s.value) == null ? void 0 : $.length) && !s.disabled && !s.readOnly && !x && f && n, D = _e(null), q = (_) => {
     D.current = _, typeof y == "function" ? y(_) : y && (y.current = _);
   }, M = () => {
     var _;
     f == null || f(), (_ = D.current) == null || _.focus();
   }, I = [
-    v && /* @__PURE__ */ o(
+    x && /* @__PURE__ */ o(
       pe,
       {
         disabled: s.disabled,
@@ -971,7 +971,7 @@ const le = /* @__PURE__ */ oe(se), ce = {
     d && /* @__PURE__ */ o(
       te,
       {
-        htmlFor: x,
+        htmlFor: v,
         className: j(`${c}__label`),
         "data-testid": l("label"),
         disabled: s.disabled,
@@ -993,7 +993,7 @@ const le = /* @__PURE__ */ oe(se), ce = {
           "input",
           {
             ...s,
-            id: x,
+            id: v,
             ref: q,
             "data-testid": l("input"),
             "aria-describedby": s["aria-describedby"] || C,
@@ -1067,7 +1067,7 @@ var Lr = { exports: {} };
   })();
 })(Lr);
 var ge = Lr.exports;
-const kr = /* @__PURE__ */ fe(ge), ve = {
+const kr = /* @__PURE__ */ fe(ge), xe = {
   "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",
@@ -1078,7 +1078,7 @@ 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 = {
+}, ve = {
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -1123,7 +1123,7 @@ var Ir = { exports: {} };
   })();
 })(Ir);
 var be = Ir.exports;
-const vr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1", H = {
+const xr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1", H = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: ye,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -1150,13 +1150,13 @@ const vr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: vr([H[R], H[`${R}--${a}`]]),
+    className: xr([H[R], H[`${R}--${a}`]]),
     "data-testid": t,
     ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: vr(H[`${R}__circle`], {
+        className: xr(H[`${R}__circle`], {
           [H[`${R}__circle--disabled`]]: i,
           [H[`${R}__circle--negative`]]: n
         }),
@@ -1238,7 +1238,7 @@ const Ne = /* @__PURE__ */ je(Se), ze = {
   loading: e = !1,
   negative: u = !1,
   onClick: d,
-  size: v = "md",
+  size: x = "md",
   variant: f,
   type: O = "button",
   ...w
@@ -1249,7 +1249,7 @@ const Ne = /* @__PURE__ */ je(Se), ze = {
     [
       P,
       `${P}--${u ? `${f}-negative` : f}`,
-      `${P}--${v}`
+      `${P}--${x}`
     ],
     {
       [`${P}--icon-only`]: r,
@@ -1258,8 +1258,8 @@ const Ne = /* @__PURE__ */ je(Se), ze = {
       [`${P}--disabled`]: a || e
     },
     i
-  ), $ = (x) => {
-    a || e ? x.preventDefault() : d && d(x);
+  ), $ = (v) => {
+    a || e ? v.preventDefault() : d && d(v);
   }, m = !!w["aria-disabled"] || a || e;
   return /* @__PURE__ */ N(
     "button",
@@ -1272,7 +1272,7 @@ const Ne = /* @__PURE__ */ je(Se), ze = {
       onClick: $,
       ...w,
       children: [
-        e && /* @__PURE__ */ o($e, { size: v === xe.LG ? "xs" : "xxs", negative: u, disabled: m }),
+        e && /* @__PURE__ */ o($e, { size: x === ve.LG ? "xs" : "xxs", negative: u, disabled: m }),
         " ",
         t
       ]
@@ -1354,7 +1354,7 @@ const Vr = (t) => /* @__PURE__ */ o(
   }
 );
 Vr.displayName = "IconPlus";
-const Le = Pe.bind(Ce), xr = "purpur-icon", ke = "md", Ie = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Xe = ({ content: t = "", title: i } = {}) => {
+const Le = Pe.bind(Ce), vr = "purpur-icon", ke = "md", Ie = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Xe = ({ content: t = "", title: i } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1373,7 +1373,7 @@ const Le = Pe.bind(Ce), xr = "purpur-icon", ke = "md", Ie = (t) => t.filter((i)
   const e = Xe({
     content: Fe(i.svg),
     title: n
-  }), u = Le(a, xr, `${xr}--${p}`);
+  }), u = Le(a, vr, `${vr}--${p}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -1424,7 +1424,7 @@ const Ee = {
       children: p === "increment" ? /* @__PURE__ */ o(Vr, { size: "xs" }) : /* @__PURE__ */ o(Zr, { size: "xs" })
     }
   );
-}, mr = kr.bind(ve), Qe = ["attached", "separated"], Ue = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = z(
+}, mr = kr.bind(xe), Qe = ["attached", "separated"], Ue = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = z(
   ({
     ["data-testid"]: t,
     className: i,
@@ -1435,12 +1435,12 @@ const Ee = {
     defaultValue: e,
     fullWidth: u,
     disabled: d,
-    loading: v,
+    loading: x,
     minValue: f,
     maxValue: O,
     ...w
   }, s) => {
-    const [y, $] = ar(e ?? 0), [m, x] = ar(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 = O ?? Number.MAX_SAFE_INTEGER, q = S === D, M = S === B;
+    const [y, $] = ar(e ?? 0), [m, v] = ar(y), l = r !== void 0, S = l ? r : m, C = (g) => t ? `${t}-${g}` : void 0, b = d || x, B = Math.max(f ?? 0, 0), D = O ?? Number.MAX_SAFE_INTEGER, q = S === D, M = S === B;
     tr(() => {
       l && $(r);
     }, [r, l]), tr(() => {
@@ -1460,16 +1460,16 @@ const Ee = {
         [`${h}--no-gap-disabled-right`]: n === "attached" && !b && !M && q,
         [`${h}--no-gap-disabled`]: n === "attached" && (b || q && M),
         [`${h}--full-width`]: u,
-        [`${h}--loading`]: v
+        [`${h}--loading`]: x
       }
     ]), W = (g) => {
       if (!/^[0-9]*$/.test(g.target.value))
         return;
       const J = +g.target.value;
-      J < B || J > D || (l || x(J), p(J));
+      J < B || J > D || (l || v(J), p(J));
     }, _ = (g) => {
       const L = g === "increment" ? S + 1 : S - 1;
-      L < 0 || (l || x(L), p(L));
+      L < 0 || (l || v(L), p(L));
     }, ir = (g) => {
       const L = g === "increment" && q || g === "decrement" && M;
       return /* @__PURE__ */ o(
@@ -1484,7 +1484,7 @@ const Ee = {
         }
       );
     }, Gr = /* @__PURE__ */ N(Hr, { children: [
-      v && /* @__PURE__ */ o(
+      x && /* @__PURE__ */ o(
         "div",
         {
           className: mr([