@purpurds/quantity-selector 0.0.1

package/dist/quantity-selector.es.js

@@ -0,0 +1,1534 @@
+import { jsx as o, jsxs as S, Fragment as Vr } from "react/jsx-runtime";
+import { forwardRef as N, Children as G, isValidElement as T, createElement as H, cloneElement as vr, useEffect as xr, useId as Zr, Fragment as Gr, useRef as Hr, useState as nr } from "react";
+import "react-dom";
+function Rr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var mr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(mr);
+var Tr = mr.exports;
+const ur = /* @__PURE__ */ Rr(Tr), Qr = "_rotate_1xozj_1", Jr = "_dash_1xozj_1", D = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: Qr,
+  "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: Jr,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, L = "purpur-spinner", Ur = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Yr = ({
+  ["data-testid"]: t,
+  disabled: i = !1,
+  negative: n = !1,
+  size: a = Ur.SM,
+  ...p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: ur([D[L], D[`${L}--${a}`]]),
+    "data-testid": t,
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: ur(D[`${L}__circle`], {
+          [D[`${L}__circle--disabled`]]: i,
+          [D[`${L}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+), Wr = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function Kr(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var br = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(br);
+var rt = br.exports;
+const ir = /* @__PURE__ */ Kr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1", k = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  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: et,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, I = "purpur-spinner", nt = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, ut = ({
+  ["data-testid"]: t,
+  disabled: i = !1,
+  negative: n = !1,
+  size: a = nt.SM,
+  ...p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: ir([k[I], k[`${I}--${a}`]]),
+    "data-testid": t,
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: ir(k[`${I}__circle`], {
+          [k[`${I}__circle--disabled`]]: i,
+          [k[`${I}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function it(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var yr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(yr);
+var at = yr.exports;
+const pt = /* @__PURE__ */ it(at), ot = {
+  "purpur-button": "_purpur-button_1acxn_1",
+  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
+  "purpur-button--md": "_purpur-button--md_1acxn_39",
+  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
+  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
+  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
+  "purpur-button--text": "_purpur-button--text_1acxn_175"
+}, st = pt.bind(ot), M = "purpur-button", lt = ({
+  children: t,
+  className: i,
+  ["data-testid"]: n,
+  disabled: a = !1,
+  fullWidth: p = !1,
+  iconOnly: r,
+  loading: e = !1,
+  negative: u = !1,
+  onClick: d,
+  size: m = "md",
+  variant: f,
+  type: z = "button",
+  ...h
+}, s) => {
+  if (r && f === "destructive")
+    return null;
+  const x = st(
+    [
+      M,
+      `${M}--${u ? `${f}-negative` : f}`,
+      `${M}--${m}`
+    ],
+    {
+      [`${M}--icon-only`]: r,
+      [`${M}--negative`]: u,
+      [`${M}--full-width`]: p,
+      [`${M}--disabled`]: a || e
+    },
+    i
+  ), g = (v) => {
+    a || e ? v.preventDefault() : d && d(v);
+  }, b = !!h["aria-disabled"] || a || e;
+  return /* @__PURE__ */ S(
+    "button",
+    {
+      className: x,
+      "data-testid": n,
+      type: z,
+      ref: s,
+      "aria-disabled": b,
+      onClick: g,
+      ...h,
+      children: [
+        e && /* @__PURE__ */ o(ut, { size: m === Wr.LG ? "xs" : "xxs", negative: u, disabled: b }),
+        " ",
+        t
+      ]
+    }
+  );
+}, hr = N(lt);
+hr.displayName = "Button";
+function ct(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var wr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(wr);
+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",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, gt = {
+  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"
+}, vt = dt.bind(ft), ar = "purpur-icon", xt = "md", mt = (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" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${mt(n)}>${a}${t}</svg>`;
+}, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $r = ({
+  ["data-testid"]: t,
+  svg: i,
+  allyTitle: n,
+  className: a,
+  size: p = xt,
+  ...r
+}) => {
+  const e = bt({
+    content: yt(i.svg),
+    title: n
+  }), u = vt(a, ar, `${ar}--${p}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+$r.displayName = "Icon";
+function ht(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var jr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(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"
+}, or = "purpur-field-error-text", jt = ({
+  ["data-testid"]: t,
+  children: i,
+  className: n,
+  relevant: a = "additions text",
+  ...p
+}) => /* @__PURE__ */ S(
+  "div",
+  {
+    className: $t([n, pr[or]]),
+    "data-testid": t,
+    "aria-live": "assertive",
+    "aria-relevant": a,
+    ...p,
+    children: [
+      /* @__PURE__ */ o($r, { svg: gt, size: "xs", className: pr[`${or}__icon`] }),
+      i
+    ]
+  }
+);
+function St(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Sr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Sr);
+var Nt = Sr.exports;
+const zt = /* @__PURE__ */ St(Nt), sr = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
+}, lr = "purpur-field-helper-text", Ot = ({
+  ["data-testid"]: t,
+  children: i,
+  className: n,
+  disabled: a,
+  id: p,
+  ...r
+}) => {
+  const e = zt([
+    n,
+    sr[lr],
+    {
+      [sr[`${lr}--disabled`]]: a
+    }
+  ]);
+  return /* @__PURE__ */ o("span", { id: p, className: e, "data-testid": t, ...r, children: i });
+};
+function qt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Nr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Nr);
+var Mt = Nr.exports;
+const At = /* @__PURE__ */ qt(Mt), Pt = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, Ct = {
+  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"
+}, Bt = {
+  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"
+}, zr = (t) => /* @__PURE__ */ o(
+  tr,
+  {
+    ...t,
+    svg: Ct
+  }
+);
+zr.displayName = "IconCheckCircleFilled";
+const Or = (t) => /* @__PURE__ */ o(
+  tr,
+  {
+    ...t,
+    svg: Bt
+  }
+);
+Or.displayName = "IconClose";
+const Dt = At.bind(Pt), cr = "purpur-icon", Lt = "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 ${kt(n)}>${a}${t}</svg>`;
+}, Xt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
+  ["data-testid"]: t,
+  svg: i,
+  allyTitle: n,
+  className: a,
+  size: p = Lt,
+  ...r
+}) => {
+  const e = It({
+    content: Xt(i.svg),
+    title: n
+  }), u = Dt(a, cr, `${cr}--${p}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+tr.displayName = "Icon";
+function B() {
+  return B = Object.assign ? Object.assign.bind() : function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var a in n) ({}).hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, B.apply(null, arguments);
+}
+function Ft(t, i) {
+  typeof t == "function" ? t(i) : t != null && (t.current = i);
+}
+function Et(...t) {
+  return (i) => t.forEach(
+    (n) => Ft(n, i)
+  );
+}
+const qr = /* @__PURE__ */ N((t, i) => {
+  const { children: n, ...a } = t, p = G.toArray(n), r = p.find(Zt);
+  if (r) {
+    const e = r.props.children, u = p.map((d) => d === r ? G.count(e) > 1 ? G.only(null) : /* @__PURE__ */ T(e) ? e.props.children : null : d);
+    return /* @__PURE__ */ H(rr, B({}, a, {
+      ref: i
+    }), /* @__PURE__ */ T(e) ? /* @__PURE__ */ vr(e, void 0, u) : null);
+  }
+  return /* @__PURE__ */ H(rr, B({}, a, {
+    ref: i
+  }), n);
+});
+qr.displayName = "Slot";
+const rr = /* @__PURE__ */ N((t, i) => {
+  const { children: n, ...a } = t;
+  return /* @__PURE__ */ T(n) ? /* @__PURE__ */ vr(n, {
+    ...Gt(a, n.props),
+    ref: i ? Et(i, n.ref) : n.ref
+  }) : G.count(n) > 1 ? G.only(null) : null;
+});
+rr.displayName = "SlotClone";
+const Vt = ({ children: t }) => /* @__PURE__ */ H(Gr, null, t);
+function Zt(t) {
+  return /* @__PURE__ */ T(t) && t.type === Vt;
+}
+function Gt(t, i) {
+  const n = {
+    ...i
+  };
+  for (const a in i) {
+    const p = t[a], r = i[a];
+    /^on[A-Z]/.test(a) ? p && r ? n[a] = (...e) => {
+      r(...e), p(...e);
+    } : p && (n[a] = p) : a === "style" ? n[a] = {
+      ...p,
+      ...r
+    } : a === "className" && (n[a] = [
+      p,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...t,
+    ...n
+  };
+}
+const Ht = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], Rt = Ht.reduce((t, i) => {
+  const n = /* @__PURE__ */ N((a, p) => {
+    const { asChild: r, ...e } = a, u = r ? qr : i;
+    return xr(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ H(u, B({}, e, {
+      ref: p
+    }));
+  });
+  return n.displayName = `Primitive.${i}`, {
+    ...t,
+    [i]: n
+  };
+}, {}), Tt = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ H(Rt.label, B({}, t, {
+  ref: i,
+  onMouseDown: (n) => {
+    var a;
+    (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
+  }
+}))), Qt = Tt;
+function Jt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Mr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Mr);
+var Ut = Mr.exports;
+const Yt = /* @__PURE__ */ Jt(Ut), W = {
+  "purpur-label": "_purpur-label_12cfi_1",
+  "purpur-label--negative": "_purpur-label--negative_12cfi_9",
+  "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
+}, K = "purpur-label", Wt = ({
+  children: t,
+  className: i,
+  htmlFor: n,
+  "data-testid": a,
+  disabled: p,
+  negative: r = !1,
+  ...e
+}) => {
+  const u = Yt([
+    i,
+    W[K],
+    {
+      [W[`${K}--disabled`]]: p,
+      [W[`${K}--negative`]]: r
+    }
+  ]);
+  return /* @__PURE__ */ o(Qt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
+};
+function Kt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Ar = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Ar);
+var re = Ar.exports;
+const _r = /* @__PURE__ */ Kt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1", X = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  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: ee,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, F = "purpur-spinner", ne = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, ue = ({
+  ["data-testid"]: t,
+  disabled: i = !1,
+  negative: n = !1,
+  size: a = ne.SM,
+  ...p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: _r([X[F], X[`${F}--${a}`]]),
+    "data-testid": t,
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: _r(X[`${F}__circle`], {
+          [X[`${F}__circle--disabled`]]: i,
+          [X[`${F}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function ie(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Pr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Pr);
+var ae = Pr.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",
+  "purpur-text-field__field-row": "_purpur-text-field__field-row_nj9f4_16",
+  "purpur-text-field__frame": "_purpur-text-field__frame_nj9f4_20",
+  "purpur-text-field__input-container": "_purpur-text-field__input-container_nj9f4_27",
+  "purpur-text-field__input-container--disabled": "_purpur-text-field__input-container--disabled_nj9f4_38",
+  "purpur-text-field__input-container--readonly": "_purpur-text-field__input-container--readonly_nj9f4_41",
+  "purpur-text-field__input-container--has-clear-button": "_purpur-text-field__input-container--has-clear-button_nj9f4_44",
+  "purpur-text-field__input-container--end-adornment": "_purpur-text-field__input-container--end-adornment_nj9f4_47",
+  "purpur-text-field__input": "_purpur-text-field__input_nj9f4_27",
+  "purpur-text-field__input-container--start-adornment": "_purpur-text-field__input-container--start-adornment_nj9f4_53",
+  "purpur-text-field__input--valid": "_purpur-text-field__input--valid_nj9f4_94",
+  "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"
+}, se = (t) => Hr(t), $ = pe.bind(oe), _ = "purpur-text-field", le = ({
+  ["data-testid"]: t,
+  className: i,
+  clearButtonAllyLabel: n,
+  beforeField: a,
+  afterField: p,
+  endAdornment: r,
+  errorText: e,
+  helperText: u,
+  label: d,
+  loading: m = !1,
+  onClear: f,
+  startAdornment: z,
+  valid: h = !1,
+  ...s
+}, x) => {
+  var g;
+  const b = Zr(), v = s.id ?? b, c = (l) => t ? `${t}-${l}` : void 0, P = h && !e, O = u ? `${v}-helper-text` : void 0, w = [z].filter((l) => !!l), j = (typeof s.value == "number" ? s.value !== void 0 : (g = s.value) == null ? void 0 : g.length) && !s.disabled && !s.readOnly && !m && f && n, R = se(null), Q = (l) => {
+    R.current = l, typeof x == "function" ? x(l) : x && (x.current = l);
+  }, J = () => {
+    var l;
+    f == null || f(), (l = R.current) == null || l.focus();
+  }, C = [
+    m && /* @__PURE__ */ o(
+      ue,
+      {
+        disabled: s.disabled,
+        size: "xs",
+        "data-testid": c("spinner")
+      },
+      "spinner"
+    ),
+    j && /* @__PURE__ */ o(
+      hr,
+      {
+        variant: "tertiary-purple",
+        onClick: J,
+        iconOnly: !0,
+        "aria-label": n ?? "",
+        "data-testid": c("clear-button"),
+        tabIndex: -1,
+        children: /* @__PURE__ */ o(Or, { size: "xs" })
+      },
+      "clear-button"
+    ),
+    P && /* @__PURE__ */ o(
+      zr,
+      {
+        "data-testid": c("valid-icon"),
+        className: $(`${_}__valid-icon`)
+      },
+      "valid-icon"
+    )
+  ].filter((l) => !!l), U = $([
+    `${_}__input-container`,
+    {
+      [`${_}__input-container--start-adornment`]: w.length,
+      [`${_}__input-container--end-adornment`]: C.length || r,
+      [`${_}__input-container--disabled`]: s.disabled,
+      [`${_}__input-container--has-clear-button`]: j,
+      [`${_}__input-container--readonly`]: s.readOnly && !s.disabled
+    }
+  ]);
+  return /* @__PURE__ */ S("div", { className: $(i, _), children: [
+    d && /* @__PURE__ */ o(
+      Wt,
+      {
+        htmlFor: v,
+        className: $(`${_}__label`),
+        "data-testid": c("label"),
+        disabled: s.disabled,
+        children: `${s.required ? "* " : ""}${d}`
+      }
+    ),
+    /* @__PURE__ */ S("div", { className: $(`${_}__field-row`), children: [
+      !!a && a,
+      /* @__PURE__ */ S("div", { className: U, children: [
+        !!w.length && /* @__PURE__ */ o(
+          "div",
+          {
+            "data-testid": c("start-adornments"),
+            className: $(`${_}__adornment-container`),
+            children: w
+          }
+        ),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ...s,
+            id: v,
+            ref: Q,
+            "data-testid": c("input"),
+            "aria-describedby": s["aria-describedby"] || O,
+            "aria-invalid": s["aria-invalid"] || !!e,
+            className: $([
+              `${_}__input`,
+              {
+                [`${_}__input--valid`]: P,
+                [`${_}__input--error`]: !!e
+              }
+            ])
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: $(`${_}__frame`) }),
+        (!!C.length || r) && /* @__PURE__ */ S(
+          "div",
+          {
+            "data-testid": c("end-adornments"),
+            className: $(`${_}__adornment-container`),
+            children: [
+              C,
+              r
+            ]
+          }
+        )
+      ] }),
+      !!p && p
+    ] }),
+    O && /* @__PURE__ */ o(Ot, { "data-testid": c("helper-text"), id: O, children: u }),
+    e && /* @__PURE__ */ o(jt, { "data-testid": c("error-text"), children: e })
+  ] });
+}, Cr = N(le);
+Cr.displayName = "TextField";
+function ce(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Br = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Br);
+var _e = Br.exports;
+const Dr = /* @__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",
+  "purpur-quantity-selector--no-gap": "_purpur-quantity-selector--no-gap_lzxe3_30",
+  "purpur-quantity-selector--no-gap-disabled-left": "_purpur-quantity-selector--no-gap-disabled-left_lzxe3_35",
+  "purpur-quantity-selector--no-gap-disabled-right": "_purpur-quantity-selector--no-gap-disabled-right_lzxe3_39",
+  "purpur-quantity-selector--no-gap-disabled": "_purpur-quantity-selector--no-gap-disabled_lzxe3_35",
+  "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"
+}, fe = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function ge(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Lr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a(u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Lr);
+var ve = Lr.exports;
+const dr = /* @__PURE__ */ ge(ve), xe = "_rotate_1xozj_1", me = "_dash_1xozj_1", E = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  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: me,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, V = "purpur-spinner", be = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, ye = ({
+  ["data-testid"]: t,
+  disabled: i = !1,
+  negative: n = !1,
+  size: a = be.SM,
+  ...p
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: dr([E[V], E[`${V}--${a}`]]),
+    "data-testid": t,
+    ...p,
+    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+      "circle",
+      {
+        className: dr(E[`${V}__circle`], {
+          [E[`${V}__circle--disabled`]]: i,
+          [E[`${V}__circle--negative`]]: n
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function he(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var kr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(kr);
+var we = kr.exports;
+const $e = /* @__PURE__ */ he(we), je = {
+  "purpur-button": "_purpur-button_1acxn_1",
+  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
+  "purpur-button--md": "_purpur-button--md_1acxn_39",
+  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
+  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
+  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
+  "purpur-button--text": "_purpur-button--text_1acxn_175"
+}, Se = $e.bind(je), A = "purpur-button", Ne = ({
+  children: t,
+  className: i,
+  ["data-testid"]: n,
+  disabled: a = !1,
+  fullWidth: p = !1,
+  iconOnly: r,
+  loading: e = !1,
+  negative: u = !1,
+  onClick: d,
+  size: m = "md",
+  variant: f,
+  type: z = "button",
+  ...h
+}, s) => {
+  if (r && f === "destructive")
+    return null;
+  const x = Se(
+    [
+      A,
+      `${A}--${u ? `${f}-negative` : f}`,
+      `${A}--${m}`
+    ],
+    {
+      [`${A}--icon-only`]: r,
+      [`${A}--negative`]: u,
+      [`${A}--full-width`]: p,
+      [`${A}--disabled`]: a || e
+    },
+    i
+  ), g = (v) => {
+    a || e ? v.preventDefault() : d && d(v);
+  }, b = !!h["aria-disabled"] || a || e;
+  return /* @__PURE__ */ S(
+    "button",
+    {
+      className: x,
+      "data-testid": n,
+      type: z,
+      ref: s,
+      "aria-disabled": b,
+      onClick: g,
+      ...h,
+      children: [
+        e && /* @__PURE__ */ o(ye, { size: m === fe.LG ? "xs" : "xxs", negative: u, disabled: b }),
+        " ",
+        t
+      ]
+    }
+  );
+}, Ir = N(Ne);
+Ir.displayName = "Button";
+function ze(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Xr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
+        u && (r = p(r, a.call(this, u)));
+      }
+      return r;
+    }
+    function a(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return n.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var e = "";
+      for (var u in r)
+        i.call(r, u) && r[u] && (e = p(e, this && this[u] || u));
+      return e;
+    }
+    function p(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
+    }
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
+  })();
+})(Xr);
+var Oe = Xr.exports;
+const qe = /* @__PURE__ */ ze(Oe), Me = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
+  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
+  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
+}, Ae = {
+  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"
+}, Pe = {
+  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"
+}, Fr = (t) => /* @__PURE__ */ o(
+  er,
+  {
+    ...t,
+    svg: Ae
+  }
+);
+Fr.displayName = "IconMinus";
+const Er = (t) => /* @__PURE__ */ o(
+  er,
+  {
+    ...t,
+    svg: Pe
+  }
+);
+Er.displayName = "IconPlus";
+const Ce = qe.bind(Me), fr = "purpur-icon", Be = "md", De = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Le = ({ 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 ${De(n)}>${a}${t}</svg>`;
+}, ke = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), er = ({
+  ["data-testid"]: t,
+  svg: i,
+  allyTitle: n,
+  className: a,
+  size: p = Be,
+  ...r
+}) => {
+  const e = Le({
+    content: ke(i.svg),
+    title: n
+  }), u = Ce(a, fr, `${fr}--${p}`);
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "aria-label": n,
+      className: u,
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
+      ...r
+    }
+  );
+};
+er.displayName = "Icon";
+const Ie = {
+  "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"
+}, Xe = Dr.bind(Ie), Z = "purpur-quantity-selector-button", Fe = ({
+  ["data-testid"]: t,
+  disabled: i,
+  hasGap: n,
+  variant: a,
+  buttonType: p,
+  onClick: r
+}) => {
+  const e = Xe([
+    Z,
+    {
+      [`${Z}--gap-left`]: n && p === "decrement",
+      [`${Z}--gap-right`]: n && p === "increment",
+      [`${Z}--no-gap-left`]: !n && p === "decrement",
+      [`${Z}--no-gap-right`]: !n && p === "increment"
+    }
+  ]);
+  return /* @__PURE__ */ o(
+    Ir,
+    {
+      "data-testid": t,
+      className: e,
+      size: "sm",
+      type: "submit",
+      variant: a,
+      onClick: () => r(p),
+      iconOnly: !0,
+      disabled: i,
+      tabIndex: -1,
+      children: p === "increment" ? /* @__PURE__ */ o(Er, { size: "xs" }) : /* @__PURE__ */ o(Fr, { size: "xs" })
+    }
+  );
+}, gr = Dr.bind(de), He = ["attached", "separated"], Re = ["primary", "secondary"], y = "purpur-quantity-selector", Ee = N(
+  ({
+    ["data-testid"]: t,
+    className: i,
+    variant: n,
+    buttonVariant: a,
+    onChange: p,
+    value: r,
+    fullWidth: e,
+    disabled: u,
+    loading: d,
+    minValue: m,
+    maxValue: f,
+    ...z
+  }, h) => {
+    const [s, x] = nr(r ?? 0), [g, b] = nr(s), v = (l) => t ? `${t}-${l}` : void 0, c = u || d, P = Math.max(m ?? 0, 0), O = f ?? Number.MAX_SAFE_INTEGER, w = s === O, j = s === P;
+    xr(() => {
+      if (g === s)
+        return;
+      const l = setTimeout(() => {
+        x(g), p(g);
+      }, 300);
+      return () => {
+        clearTimeout(l);
+      };
+    }, [g, s, p]);
+    const R = gr([
+      i,
+      y,
+      {
+        [`${y}--no-gap`]: n === "attached" && !c && !j && !w,
+        [`${y}--no-gap-disabled-left`]: n === "attached" && !c && !w && j,
+        [`${y}--no-gap-disabled-right`]: n === "attached" && !c && !j && w,
+        [`${y}--no-gap-disabled`]: n === "attached" && (c || w && j),
+        [`${y}--full-width`]: e,
+        [`${y}--loading`]: d
+      }
+    ]), Q = (l) => {
+      if (!/^[0-9]*$/.test(l.target.value))
+        return;
+      const Y = +l.target.value;
+      Y < P || Y > O || b(Y);
+    }, J = (l) => {
+      const q = l === "increment" ? s + 1 : s - 1;
+      q < 0 || (x(q), b(q), p(q));
+    }, C = (l) => {
+      const q = l === "increment" && w || l === "decrement" && j;
+      return /* @__PURE__ */ o(
+        Fe,
+        {
+          "data-testid": v("button-" + l),
+          variant: a,
+          buttonType: l,
+          hasGap: n === "separated",
+          onClick: J,
+          disabled: c || q
+        }
+      );
+    }, U = /* @__PURE__ */ S(Vr, { children: [
+      d && /* @__PURE__ */ o(
+        "div",
+        {
+          className: gr([
+            `${y}__spinner`,
+            {
+              [`${y}__spinner--full-width`]: e,
+              [`${y}__spinner--separated`]: !e && n === "separated"
+            }
+          ]),
+          children: /* @__PURE__ */ o(
+            Yr,
+            {
+              disabled: c,
+              size: "xs",
+              "data-testid": v("spinner")
+            },
+            "spinner"
+          )
+        }
+      ),
+      C("decrement")
+    ] });
+    return /* @__PURE__ */ o(
+      Cr,
+      {
+        value: g,
+        type: "number",
+        ref: h,
+        className: R,
+        "data-testid": t,
+        onChange: Q,
+        beforeField: U,
+        afterField: C("increment"),
+        disabled: c,
+        min: P,
+        max: O,
+        ...z
+      }
+    );
+  }
+);
+Ee.displayName = "QuantitySelector";
+export {
+  Ee as QuantitySelector,
+  Re as quantitySelectorButtonVariants,
+  He as quantitySelectorVariants
+};
+//# sourceMappingURL=quantity-selector.es.js.map