@purpurds/quantity-selector 5.27.2 → 5.27.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,10 @@
1
- import { jsx as o, jsxs as S, Fragment as Zr } from "react/jsx-runtime";
2
- import { forwardRef as N, Children as R, isValidElement as Q, createElement as T, Fragment as Hr, cloneElement as gr, useEffect as xr, useId as Rr, useRef as Tr, useState as nr } from "react";
1
+ import { jsx as o, jsxs as N, Fragment as Hr } from "react/jsx-runtime";
2
+ import { forwardRef as z, Children as Q, isValidElement as Y, createElement as U, cloneElement as br, useEffect as tr, useId as Rr, Fragment as Tr, useRef as Qr, useState as ar } from "react";
3
3
  import "react-dom";
4
- function Gr(t) {
4
+ function Ur(t) {
5
5
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
6
6
  }
7
- var br = { exports: {} };
7
+ var yr = { exports: {} };
8
8
  /*!
9
9
  Copyright (c) 2018 Jed Watson.
10
10
  Licensed under the MIT License (MIT), see
@@ -39,40 +39,44 @@ var br = { exports: {} };
39
39
  }
40
40
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
41
41
  })();
42
- })(br);
43
- var Qr = br.exports;
44
- const ur = /* @__PURE__ */ Gr(Qr), Xr = "_rotate_1xozj_1", Yr = "_dash_1xozj_1", k = {
42
+ })(yr);
43
+ var Jr = yr.exports;
44
+ const pr = /* @__PURE__ */ Ur(Jr), Yr = "_rotate_1xozj_1", Wr = "_dash_1xozj_1", X = {
45
45
  "purpur-spinner": "_purpur-spinner_1xozj_1",
46
- rotate: Xr,
46
+ rotate: Yr,
47
47
  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
48
48
  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
49
49
  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
50
50
  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
51
51
  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
52
52
  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
53
- dash: Yr,
53
+ dash: Wr,
54
54
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
55
55
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
56
- }, I = "purpur-spinner", Jr = {
57
- SM: "sm"
58
- }, Ur = ({
56
+ }, F = "purpur-spinner", Kr = {
57
+ XXS: "xxs",
58
+ XS: "xs",
59
+ SM: "sm",
60
+ MD: "md",
61
+ LG: "lg"
62
+ }, rt = ({
59
63
  ["data-testid"]: t,
60
64
  disabled: i = !1,
61
65
  negative: n = !1,
62
- size: a = Jr.SM,
66
+ size: a = Kr.SM,
63
67
  ...p
64
68
  }) => /* @__PURE__ */ o(
65
69
  "div",
66
70
  {
67
- className: ur([k[I], k[`${I}--${a}`]]),
71
+ className: pr([X[F], X[`${F}--${a}`]]),
68
72
  "data-testid": t,
69
73
  ...p,
70
74
  children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
71
75
  "circle",
72
76
  {
73
- className: ur(k[`${I}__circle`], {
74
- [k[`${I}__circle--disabled`]]: i,
75
- [k[`${I}__circle--negative`]]: n
77
+ className: pr(X[`${F}__circle`], {
78
+ [X[`${F}__circle--disabled`]]: i,
79
+ [X[`${F}__circle--negative`]]: n
76
80
  }),
77
81
  cx: "25",
78
82
  cy: "25",
@@ -80,13 +84,15 @@ const ur = /* @__PURE__ */ Gr(Qr), Xr = "_rotate_1xozj_1", Yr = "_dash_1xozj_1",
80
84
  }
81
85
  ) })
82
86
  }
83
- ), Wr = {
87
+ ), tt = {
88
+ SM: "sm",
89
+ MD: "md",
84
90
  LG: "lg"
85
91
  };
86
- function Kr(t) {
92
+ function et(t) {
87
93
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
88
94
  }
89
- var mr = { exports: {} };
95
+ var hr = { exports: {} };
90
96
  /*!
91
97
  Copyright (c) 2018 Jed Watson.
92
98
  Licensed under the MIT License (MIT), see
@@ -121,40 +127,44 @@ var mr = { exports: {} };
121
127
  }
122
128
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
123
129
  })();
124
- })(mr);
125
- var rt = mr.exports;
126
- const ir = /* @__PURE__ */ Kr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1", F = {
130
+ })(hr);
131
+ var nt = hr.exports;
132
+ const or = /* @__PURE__ */ et(nt), ut = "_rotate_1xozj_1", it = "_dash_1xozj_1", E = {
127
133
  "purpur-spinner": "_purpur-spinner_1xozj_1",
128
- rotate: tt,
134
+ rotate: ut,
129
135
  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
130
136
  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
131
137
  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
132
138
  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
133
139
  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
134
140
  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
135
- dash: et,
141
+ dash: it,
136
142
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
137
143
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
138
- }, L = "purpur-spinner", nt = {
139
- SM: "sm"
140
- }, ut = ({
144
+ }, Z = "purpur-spinner", at = {
145
+ XXS: "xxs",
146
+ XS: "xs",
147
+ SM: "sm",
148
+ MD: "md",
149
+ LG: "lg"
150
+ }, pt = ({
141
151
  ["data-testid"]: t,
142
152
  disabled: i = !1,
143
153
  negative: n = !1,
144
- size: a = nt.SM,
154
+ size: a = at.SM,
145
155
  ...p
146
156
  }) => /* @__PURE__ */ o(
147
157
  "div",
148
158
  {
149
- className: ir([F[L], F[`${L}--${a}`]]),
159
+ className: or([E[Z], E[`${Z}--${a}`]]),
150
160
  "data-testid": t,
151
161
  ...p,
152
162
  children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
153
163
  "circle",
154
164
  {
155
- className: ir(F[`${L}__circle`], {
156
- [F[`${L}__circle--disabled`]]: i,
157
- [F[`${L}__circle--negative`]]: n
165
+ className: or(E[`${Z}__circle`], {
166
+ [E[`${Z}__circle--disabled`]]: i,
167
+ [E[`${Z}__circle--negative`]]: n
158
168
  }),
159
169
  cx: "25",
160
170
  cy: "25",
@@ -163,10 +173,10 @@ const ir = /* @__PURE__ */ Kr(rt), tt = "_rotate_1xozj_1", et = "_dash_1xozj_1",
163
173
  ) })
164
174
  }
165
175
  );
166
- function it(t) {
176
+ function ot(t) {
167
177
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
168
178
  }
169
- var yr = { exports: {} };
179
+ var wr = { exports: {} };
170
180
  /*!
171
181
  Copyright (c) 2018 Jed Watson.
172
182
  Licensed under the MIT License (MIT), see
@@ -201,9 +211,9 @@ var yr = { exports: {} };
201
211
  }
202
212
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
203
213
  })();
204
- })(yr);
205
- var at = yr.exports;
206
- const pt = /* @__PURE__ */ it(at), ot = {
214
+ })(wr);
215
+ var st = wr.exports;
216
+ const lt = /* @__PURE__ */ ot(st), ct = {
207
217
  "purpur-button": "_purpur-button_1acxn_1",
208
218
  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
209
219
  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -224,7 +234,7 @@ const pt = /* @__PURE__ */ it(at), ot = {
224
234
  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
225
235
  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
226
236
  "purpur-button--text": "_purpur-button--text_1acxn_175"
227
- }, st = pt.bind(ot), A = "purpur-button", lt = ({
237
+ }, _t = lt.bind(ct), A = "purpur-button", dt = ({
228
238
  children: t,
229
239
  className: i,
230
240
  ["data-testid"]: n,
@@ -234,18 +244,18 @@ const pt = /* @__PURE__ */ it(at), ot = {
234
244
  loading: e = !1,
235
245
  negative: u = !1,
236
246
  onClick: d,
237
- size: b = "md",
247
+ size: v = "md",
238
248
  variant: f,
239
- type: z = "button",
240
- ...h
249
+ type: O = "button",
250
+ ...w
241
251
  }, s) => {
242
252
  if (r && f === "destructive")
243
253
  return null;
244
- const x = st(
254
+ const y = _t(
245
255
  [
246
256
  A,
247
257
  `${A}--${u ? `${f}-negative` : f}`,
248
- `${A}--${b}`
258
+ `${A}--${v}`
249
259
  ],
250
260
  {
251
261
  [`${A}--icon-only`]: r,
@@ -254,32 +264,32 @@ const pt = /* @__PURE__ */ it(at), ot = {
254
264
  [`${A}--disabled`]: a || e
255
265
  },
256
266
  i
257
- ), v = (g) => {
258
- a || e ? g.preventDefault() : d && d(g);
259
- }, m = !!h["aria-disabled"] || a || e;
260
- return /* @__PURE__ */ S(
267
+ ), $ = (x) => {
268
+ a || e ? x.preventDefault() : d && d(x);
269
+ }, m = !!w["aria-disabled"] || a || e;
270
+ return /* @__PURE__ */ N(
261
271
  "button",
262
272
  {
263
- className: x,
273
+ className: y,
264
274
  "data-testid": n,
265
- type: z,
275
+ type: O,
266
276
  ref: s,
267
277
  "aria-disabled": m,
268
- onClick: v,
269
- ...h,
278
+ onClick: $,
279
+ ...w,
270
280
  children: [
271
- e && /* @__PURE__ */ o(ut, { size: b === Wr.LG ? "xs" : "xxs", negative: u, disabled: m }),
281
+ e && /* @__PURE__ */ o(pt, { size: v === tt.LG ? "xs" : "xxs", negative: u, disabled: m }),
272
282
  " ",
273
283
  t
274
284
  ]
275
285
  }
276
286
  );
277
- }, hr = N(lt);
278
- hr.displayName = "Button";
279
- function ct(t) {
287
+ }, $r = z(dt);
288
+ $r.displayName = "Button";
289
+ function ft(t) {
280
290
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
281
291
  }
282
- var wr = { exports: {} };
292
+ var jr = { exports: {} };
283
293
  /*!
284
294
  Copyright (c) 2018 Jed Watson.
285
295
  Licensed under the MIT License (MIT), see
@@ -314,9 +324,9 @@ var wr = { exports: {} };
314
324
  }
315
325
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
316
326
  })();
317
- })(wr);
318
- var _t = wr.exports;
319
- const dt = /* @__PURE__ */ ct(_t), ft = {
327
+ })(jr);
328
+ var gt = jr.exports;
329
+ const vt = /* @__PURE__ */ ft(gt), xt = {
320
330
  "purpur-icon": "_purpur-icon_8u1lq_1",
321
331
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
322
332
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -324,31 +334,31 @@ const dt = /* @__PURE__ */ ct(_t), ft = {
324
334
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
325
335
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
326
336
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
327
- }, vt = {
337
+ }, mt = {
328
338
  name: "error-filled",
329
339
  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>',
330
340
  keywords: ["error-filled"],
331
341
  category: "status"
332
- }, gt = dt.bind(ft), ar = "purpur-icon", xt = "md", bt = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), mt = ({ content: t = "", title: i } = {}) => {
342
+ }, 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 } = {}) => {
333
343
  const n = [
334
344
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
335
345
  { name: "fill", value: "currentColor" },
336
346
  { name: "viewBox", value: "0 0 24 24" },
337
347
  i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
338
348
  ], a = i ? `<title>${i}</title>` : "";
339
- return `<svg ${bt(n)}>${a}${t}</svg>`;
340
- }, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), $r = ({
349
+ return `<svg ${ht(n)}>${a}${t}</svg>`;
350
+ }, $t = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Sr = ({
341
351
  ["data-testid"]: t,
342
352
  svg: i,
343
353
  allyTitle: n,
344
354
  className: a,
345
- size: p = xt,
355
+ size: p = yt,
346
356
  ...r
347
357
  }) => {
348
- const e = mt({
349
- content: yt(i.svg),
358
+ const e = wt({
359
+ content: $t(i.svg),
350
360
  title: n
351
- }), u = gt(a, ar, `${ar}--${p}`);
361
+ }), u = bt(a, sr, `${sr}--${p}`);
352
362
  return /* @__PURE__ */ o(
353
363
  "span",
354
364
  {
@@ -360,11 +370,11 @@ const dt = /* @__PURE__ */ ct(_t), ft = {
360
370
  }
361
371
  );
362
372
  };
363
- $r.displayName = "Icon";
364
- function ht(t) {
373
+ Sr.displayName = "Icon";
374
+ function jt(t) {
365
375
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
366
376
  }
367
- var jr = { exports: {} };
377
+ var Nr = { exports: {} };
368
378
  /*!
369
379
  Copyright (c) 2018 Jed Watson.
370
380
  Licensed under the MIT License (MIT), see
@@ -399,35 +409,35 @@ var jr = { exports: {} };
399
409
  }
400
410
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
401
411
  })();
402
- })(jr);
403
- var wt = jr.exports;
404
- const $t = /* @__PURE__ */ ht(wt), pr = {
412
+ })(Nr);
413
+ var St = Nr.exports;
414
+ const Nt = /* @__PURE__ */ jt(St), lr = {
405
415
  "purpur-field-error-text": "_purpur-field-error-text_1u768_1",
406
416
  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1u768_12"
407
- }, or = "purpur-field-error-text", jt = ({
417
+ }, cr = "purpur-field-error-text", zt = ({
408
418
  ["data-testid"]: t,
409
419
  children: i,
410
420
  className: n,
411
421
  relevant: a = "additions text",
412
422
  ...p
413
- }) => /* @__PURE__ */ S(
423
+ }) => /* @__PURE__ */ N(
414
424
  "div",
415
425
  {
416
- className: $t([n, pr[or]]),
426
+ className: Nt([n, lr[cr]]),
417
427
  "data-testid": t,
418
428
  "aria-live": "assertive",
419
429
  "aria-relevant": a,
420
430
  ...p,
421
431
  children: [
422
- /* @__PURE__ */ o($r, { svg: vt, size: "xs", className: pr[`${or}__icon`] }),
432
+ /* @__PURE__ */ o(Sr, { svg: mt, size: "xs", className: lr[`${cr}__icon`] }),
423
433
  i
424
434
  ]
425
435
  }
426
436
  );
427
- function St(t) {
437
+ function Ot(t) {
428
438
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
429
439
  }
430
- var Sr = { exports: {} };
440
+ var zr = { exports: {} };
431
441
  /*!
432
442
  Copyright (c) 2018 Jed Watson.
433
443
  Licensed under the MIT License (MIT), see
@@ -462,12 +472,12 @@ var Sr = { exports: {} };
462
472
  }
463
473
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
464
474
  })();
465
- })(Sr);
466
- var Nt = Sr.exports;
467
- const zt = /* @__PURE__ */ St(Nt), sr = {
475
+ })(zr);
476
+ var qt = zr.exports;
477
+ const Mt = /* @__PURE__ */ Ot(qt), _r = {
468
478
  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
469
479
  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
470
- }, lr = "purpur-field-helper-text", Ot = ({
480
+ }, dr = "purpur-field-helper-text", At = ({
471
481
  ["data-testid"]: t,
472
482
  children: i,
473
483
  className: n,
@@ -475,19 +485,19 @@ const zt = /* @__PURE__ */ St(Nt), sr = {
475
485
  id: p,
476
486
  ...r
477
487
  }) => {
478
- const e = zt([
488
+ const e = Mt([
479
489
  n,
480
- sr[lr],
490
+ _r[dr],
481
491
  {
482
- [sr[`${lr}--disabled`]]: a
492
+ [_r[`${dr}--disabled`]]: a
483
493
  }
484
494
  ]);
485
495
  return /* @__PURE__ */ o("span", { id: p, className: e, "data-testid": t, ...r, children: i });
486
496
  };
487
- function qt(t) {
497
+ function Pt(t) {
488
498
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
489
499
  }
490
- var Nr = { exports: {} };
500
+ var Or = { exports: {} };
491
501
  /*!
492
502
  Copyright (c) 2018 Jed Watson.
493
503
  Licensed under the MIT License (MIT), see
@@ -522,9 +532,9 @@ var Nr = { exports: {} };
522
532
  }
523
533
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
524
534
  })();
525
- })(Nr);
526
- var At = Nr.exports;
527
- const Mt = /* @__PURE__ */ qt(At), Pt = {
535
+ })(Or);
536
+ var Ct = Or.exports;
537
+ const Bt = /* @__PURE__ */ Pt(Ct), Dt = {
528
538
  "purpur-icon": "_purpur-icon_8u1lq_1",
529
539
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
530
540
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -532,33 +542,33 @@ const Mt = /* @__PURE__ */ qt(At), Pt = {
532
542
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
533
543
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
534
544
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
535
- }, Ct = {
545
+ }, Lt = {
536
546
  name: "check-circle-filled",
537
547
  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>',
538
548
  keywords: ["check-circle-filled"],
539
549
  category: "status"
540
- }, Bt = {
550
+ }, kt = {
541
551
  name: "close",
542
552
  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>',
543
553
  keywords: ["close"],
544
554
  category: "utility"
545
- }, zr = (t) => /* @__PURE__ */ o(
546
- tr,
555
+ }, qr = (t) => /* @__PURE__ */ o(
556
+ nr,
547
557
  {
548
558
  ...t,
549
- svg: Ct
559
+ svg: Lt
550
560
  }
551
561
  );
552
- zr.displayName = "IconCheckCircleFilled";
553
- const Or = (t) => /* @__PURE__ */ o(
554
- tr,
562
+ qr.displayName = "IconCheckCircleFilled";
563
+ const Mr = (t) => /* @__PURE__ */ o(
564
+ nr,
555
565
  {
556
566
  ...t,
557
- svg: Bt
567
+ svg: kt
558
568
  }
559
569
  );
560
- Or.displayName = "IconClose";
561
- const kt = Mt.bind(Pt), cr = "purpur-icon", It = "md", Ft = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Lt = ({ content: t = "", title: i } = {}) => {
570
+ Mr.displayName = "IconClose";
571
+ const It = Bt.bind(Dt), fr = "purpur-icon", Xt = "md", Ft = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Et = ({ content: t = "", title: i } = {}) => {
562
572
  const n = [
563
573
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
564
574
  { name: "fill", value: "currentColor" },
@@ -566,18 +576,18 @@ const kt = Mt.bind(Pt), cr = "purpur-icon", It = "md", Ft = (t) => t.filter((i)
566
576
  i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
567
577
  ], a = i ? `<title>${i}</title>` : "";
568
578
  return `<svg ${Ft(n)}>${a}${t}</svg>`;
569
- }, Dt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), tr = ({
579
+ }, Zt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
570
580
  ["data-testid"]: t,
571
581
  svg: i,
572
582
  allyTitle: n,
573
583
  className: a,
574
- size: p = It,
584
+ size: p = Xt,
575
585
  ...r
576
586
  }) => {
577
- const e = Lt({
578
- content: Dt(i.svg),
587
+ const e = Et({
588
+ content: Zt(i.svg),
579
589
  title: n
580
- }), u = kt(a, cr, `${cr}--${p}`);
590
+ }), u = It(a, fr, `${fr}--${p}`);
581
591
  return /* @__PURE__ */ o(
582
592
  "span",
583
593
  {
@@ -589,50 +599,50 @@ const kt = Mt.bind(Pt), cr = "purpur-icon", It = "md", Ft = (t) => t.filter((i)
589
599
  }
590
600
  );
591
601
  };
592
- tr.displayName = "Icon";
593
- function B() {
594
- return B = Object.assign ? Object.assign.bind() : function(t) {
602
+ nr.displayName = "Icon";
603
+ function k() {
604
+ return k = Object.assign ? Object.assign.bind() : function(t) {
595
605
  for (var i = 1; i < arguments.length; i++) {
596
606
  var n = arguments[i];
597
607
  for (var a in n) ({}).hasOwnProperty.call(n, a) && (t[a] = n[a]);
598
608
  }
599
609
  return t;
600
- }, B.apply(null, arguments);
610
+ }, k.apply(null, arguments);
601
611
  }
602
612
  function Vt(t, i) {
603
613
  typeof t == "function" ? t(i) : t != null && (t.current = i);
604
614
  }
605
- function Et(...t) {
615
+ function Gt(...t) {
606
616
  return (i) => t.forEach(
607
617
  (n) => Vt(n, i)
608
618
  );
609
619
  }
610
- const qr = /* @__PURE__ */ N((t, i) => {
611
- const { children: n, ...a } = t, p = R.toArray(n), r = p.find(Ht);
620
+ const Ar = /* @__PURE__ */ z((t, i) => {
621
+ const { children: n, ...a } = t, p = Q.toArray(n), r = p.find(Rt);
612
622
  if (r) {
613
- const e = r.props.children, u = p.map((d) => d === r ? R.count(e) > 1 ? R.only(null) : /* @__PURE__ */ Q(e) ? e.props.children : null : d);
614
- return /* @__PURE__ */ T(rr, B({}, a, {
623
+ const e = r.props.children, u = p.map((d) => d === r ? Q.count(e) > 1 ? Q.only(null) : /* @__PURE__ */ Y(e) ? e.props.children : null : d);
624
+ return /* @__PURE__ */ U(er, k({}, a, {
615
625
  ref: i
616
- }), /* @__PURE__ */ Q(e) ? /* @__PURE__ */ gr(e, void 0, u) : null);
626
+ }), /* @__PURE__ */ Y(e) ? /* @__PURE__ */ br(e, void 0, u) : null);
617
627
  }
618
- return /* @__PURE__ */ T(rr, B({}, a, {
628
+ return /* @__PURE__ */ U(er, k({}, a, {
619
629
  ref: i
620
630
  }), n);
621
631
  });
622
- qr.displayName = "Slot";
623
- const rr = /* @__PURE__ */ N((t, i) => {
632
+ Ar.displayName = "Slot";
633
+ const er = /* @__PURE__ */ z((t, i) => {
624
634
  const { children: n, ...a } = t;
625
- return /* @__PURE__ */ Q(n) ? /* @__PURE__ */ gr(n, {
626
- ...Rt(a, n.props),
627
- ref: i ? Et(i, n.ref) : n.ref
628
- }) : R.count(n) > 1 ? R.only(null) : null;
635
+ return /* @__PURE__ */ Y(n) ? /* @__PURE__ */ br(n, {
636
+ ...Tt(a, n.props),
637
+ ref: i ? Gt(i, n.ref) : n.ref
638
+ }) : Q.count(n) > 1 ? Q.only(null) : null;
629
639
  });
630
- rr.displayName = "SlotClone";
631
- const Zt = ({ children: t }) => /* @__PURE__ */ T(Hr, null, t);
632
- function Ht(t) {
633
- return /* @__PURE__ */ Q(t) && t.type === Zt;
640
+ er.displayName = "SlotClone";
641
+ const Ht = ({ children: t }) => /* @__PURE__ */ U(Tr, null, t);
642
+ function Rt(t) {
643
+ return /* @__PURE__ */ Y(t) && t.type === Ht;
634
644
  }
635
- function Rt(t, i) {
645
+ function Tt(t, i) {
636
646
  const n = {
637
647
  ...i
638
648
  };
@@ -653,7 +663,7 @@ function Rt(t, i) {
653
663
  ...n
654
664
  };
655
665
  }
656
- const Tt = [
666
+ const Qt = [
657
667
  "a",
658
668
  "button",
659
669
  "div",
@@ -670,12 +680,12 @@ const Tt = [
670
680
  "span",
671
681
  "svg",
672
682
  "ul"
673
- ], Gt = Tt.reduce((t, i) => {
674
- const n = /* @__PURE__ */ N((a, p) => {
675
- const { asChild: r, ...e } = a, u = r ? qr : i;
676
- return xr(() => {
683
+ ], Ut = Qt.reduce((t, i) => {
684
+ const n = /* @__PURE__ */ z((a, p) => {
685
+ const { asChild: r, ...e } = a, u = r ? Ar : i;
686
+ return tr(() => {
677
687
  window[Symbol.for("radix-ui")] = !0;
678
- }, []), /* @__PURE__ */ T(u, B({}, e, {
688
+ }, []), /* @__PURE__ */ U(u, k({}, e, {
679
689
  ref: p
680
690
  }));
681
691
  });
@@ -683,17 +693,17 @@ const Tt = [
683
693
  ...t,
684
694
  [i]: n
685
695
  };
686
- }, {}), Qt = /* @__PURE__ */ N((t, i) => /* @__PURE__ */ T(Gt.label, B({}, t, {
696
+ }, {}), Jt = /* @__PURE__ */ z((t, i) => /* @__PURE__ */ U(Ut.label, k({}, t, {
687
697
  ref: i,
688
698
  onMouseDown: (n) => {
689
699
  var a;
690
700
  (a = t.onMouseDown) === null || a === void 0 || a.call(t, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault();
691
701
  }
692
- }))), Xt = Qt;
693
- function Yt(t) {
702
+ }))), Yt = Jt;
703
+ function Wt(t) {
694
704
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
695
705
  }
696
- var Ar = { exports: {} };
706
+ var Pr = { exports: {} };
697
707
  /*!
698
708
  Copyright (c) 2018 Jed Watson.
699
709
  Licensed under the MIT License (MIT), see
@@ -728,13 +738,13 @@ var Ar = { exports: {} };
728
738
  }
729
739
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
730
740
  })();
731
- })(Ar);
732
- var Jt = Ar.exports;
733
- const Ut = /* @__PURE__ */ Yt(Jt), W = {
741
+ })(Pr);
742
+ var Kt = Pr.exports;
743
+ const re = /* @__PURE__ */ Wt(Kt), K = {
734
744
  "purpur-label": "_purpur-label_12cfi_1",
735
745
  "purpur-label--negative": "_purpur-label--negative_12cfi_9",
736
746
  "purpur-label--disabled": "_purpur-label--disabled_12cfi_12"
737
- }, K = "purpur-label", Wt = ({
747
+ }, rr = "purpur-label", te = ({
738
748
  children: t,
739
749
  className: i,
740
750
  htmlFor: n,
@@ -743,20 +753,20 @@ const Ut = /* @__PURE__ */ Yt(Jt), W = {
743
753
  negative: r = !1,
744
754
  ...e
745
755
  }) => {
746
- const u = Ut([
756
+ const u = re([
747
757
  i,
748
- W[K],
758
+ K[rr],
749
759
  {
750
- [W[`${K}--disabled`]]: p,
751
- [W[`${K}--negative`]]: r
760
+ [K[`${rr}--disabled`]]: p,
761
+ [K[`${rr}--negative`]]: r
752
762
  }
753
763
  ]);
754
- return /* @__PURE__ */ o(Xt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
764
+ return /* @__PURE__ */ o(Yt, { className: u, "data-testid": a, htmlFor: n, ...e, children: t });
755
765
  };
756
- function Kt(t) {
766
+ function ee(t) {
757
767
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
758
768
  }
759
- var Mr = { exports: {} };
769
+ var Cr = { exports: {} };
760
770
  /*!
761
771
  Copyright (c) 2018 Jed Watson.
762
772
  Licensed under the MIT License (MIT), see
@@ -791,40 +801,44 @@ var Mr = { exports: {} };
791
801
  }
792
802
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
793
803
  })();
794
- })(Mr);
795
- var re = Mr.exports;
796
- const _r = /* @__PURE__ */ Kt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1", D = {
804
+ })(Cr);
805
+ var ne = Cr.exports;
806
+ const gr = /* @__PURE__ */ ee(ne), ue = "_rotate_1xozj_1", ie = "_dash_1xozj_1", V = {
797
807
  "purpur-spinner": "_purpur-spinner_1xozj_1",
798
- rotate: te,
808
+ rotate: ue,
799
809
  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
800
810
  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
801
811
  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
802
812
  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
803
813
  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
804
814
  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
805
- dash: ee,
815
+ dash: ie,
806
816
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
807
817
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
808
- }, V = "purpur-spinner", ne = {
809
- SM: "sm"
810
- }, ue = ({
818
+ }, G = "purpur-spinner", ae = {
819
+ XXS: "xxs",
820
+ XS: "xs",
821
+ SM: "sm",
822
+ MD: "md",
823
+ LG: "lg"
824
+ }, pe = ({
811
825
  ["data-testid"]: t,
812
826
  disabled: i = !1,
813
827
  negative: n = !1,
814
- size: a = ne.SM,
828
+ size: a = ae.SM,
815
829
  ...p
816
830
  }) => /* @__PURE__ */ o(
817
831
  "div",
818
832
  {
819
- className: _r([D[V], D[`${V}--${a}`]]),
833
+ className: gr([V[G], V[`${G}--${a}`]]),
820
834
  "data-testid": t,
821
835
  ...p,
822
836
  children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
823
837
  "circle",
824
838
  {
825
- className: _r(D[`${V}__circle`], {
826
- [D[`${V}__circle--disabled`]]: i,
827
- [D[`${V}__circle--negative`]]: n
839
+ className: gr(V[`${G}__circle`], {
840
+ [V[`${G}__circle--disabled`]]: i,
841
+ [V[`${G}__circle--negative`]]: n
828
842
  }),
829
843
  cx: "25",
830
844
  cy: "25",
@@ -833,10 +847,10 @@ const _r = /* @__PURE__ */ Kt(re), te = "_rotate_1xozj_1", ee = "_dash_1xozj_1",
833
847
  ) })
834
848
  }
835
849
  );
836
- function ie(t) {
850
+ function oe(t) {
837
851
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
838
852
  }
839
- var Pr = { exports: {} };
853
+ var Br = { exports: {} };
840
854
  /*!
841
855
  Copyright (c) 2018 Jed Watson.
842
856
  Licensed under the MIT License (MIT), see
@@ -871,9 +885,9 @@ var Pr = { exports: {} };
871
885
  }
872
886
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
873
887
  })();
874
- })(Pr);
875
- var ae = Pr.exports;
876
- const pe = /* @__PURE__ */ ie(ae), oe = {
888
+ })(Br);
889
+ var se = Br.exports;
890
+ const le = /* @__PURE__ */ oe(se), ce = {
877
891
  "purpur-text-field": "_purpur-text-field_nj9f4_1",
878
892
  "purpur-text-field__label": "_purpur-text-field__label_nj9f4_7",
879
893
  "purpur-text-field__label-text": "_purpur-text-field__label-text_nj9f4_13",
@@ -890,7 +904,7 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
890
904
  "purpur-text-field__input--error": "_purpur-text-field__input--error_nj9f4_94",
891
905
  "purpur-text-field__adornment-container": "_purpur-text-field__adornment-container_nj9f4_106",
892
906
  "purpur-text-field__valid-icon": "_purpur-text-field__valid-icon_nj9f4_111"
893
- }, se = (t) => Tr(t), $ = pe.bind(oe), _ = "purpur-text-field", le = ({
907
+ }, _e = (t) => Qr(t), j = le.bind(ce), c = "purpur-text-field", de = ({
894
908
  ["data-testid"]: t,
895
909
  className: i,
896
910
  clearButtonAllyLabel: n,
@@ -900,107 +914,107 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
900
914
  errorText: e,
901
915
  helperText: u,
902
916
  label: d,
903
- loading: b = !1,
917
+ loading: v = !1,
904
918
  onClear: f,
905
- startAdornment: z,
906
- valid: h = !1,
919
+ startAdornment: O,
920
+ valid: w = !1,
907
921
  ...s
908
- }, x) => {
909
- var v;
910
- const m = Rr(), g = s.id ?? m, c = (l) => t ? `${t}-${l}` : void 0, P = h && !e, O = u ? `${g}-helper-text` : void 0, w = [z].filter((l) => !!l), j = (typeof s.value == "number" ? s.value !== void 0 : (v = s.value) == null ? void 0 : v.length) && !s.disabled && !s.readOnly && !b && f && n, G = se(null), X = (l) => {
911
- G.current = l, typeof x == "function" ? x(l) : x && (x.current = l);
912
- }, Y = () => {
913
- var l;
914
- f == null || f(), (l = G.current) == null || l.focus();
915
- }, C = [
916
- b && /* @__PURE__ */ o(
917
- ue,
922
+ }, y) => {
923
+ var $;
924
+ 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 = (_) => {
925
+ D.current = _, typeof y == "function" ? y(_) : y && (y.current = _);
926
+ }, M = () => {
927
+ var _;
928
+ f == null || f(), (_ = D.current) == null || _.focus();
929
+ }, I = [
930
+ v && /* @__PURE__ */ o(
931
+ pe,
918
932
  {
919
933
  disabled: s.disabled,
920
934
  size: "xs",
921
- "data-testid": c("spinner")
935
+ "data-testid": l("spinner")
922
936
  },
923
937
  "spinner"
924
938
  ),
925
- j && /* @__PURE__ */ o(
926
- hr,
939
+ B && /* @__PURE__ */ o(
940
+ $r,
927
941
  {
928
942
  variant: "tertiary-purple",
929
- onClick: Y,
943
+ onClick: M,
930
944
  iconOnly: !0,
931
945
  "aria-label": n ?? "",
932
- "data-testid": c("clear-button"),
946
+ "data-testid": l("clear-button"),
933
947
  tabIndex: -1,
934
- children: /* @__PURE__ */ o(Or, { size: "xs" })
948
+ children: /* @__PURE__ */ o(Mr, { size: "xs" })
935
949
  },
936
950
  "clear-button"
937
951
  ),
938
- P && /* @__PURE__ */ o(
939
- zr,
952
+ S && /* @__PURE__ */ o(
953
+ qr,
940
954
  {
941
- "data-testid": c("valid-icon"),
942
- className: $(`${_}__valid-icon`)
955
+ "data-testid": l("valid-icon"),
956
+ className: j(`${c}__valid-icon`)
943
957
  },
944
958
  "valid-icon"
945
959
  )
946
- ].filter((l) => !!l), J = $([
947
- `${_}__input-container`,
960
+ ].filter((_) => !!_), W = j([
961
+ `${c}__input-container`,
948
962
  {
949
- [`${_}__input-container--start-adornment`]: w.length,
950
- [`${_}__input-container--end-adornment`]: C.length || r,
951
- [`${_}__input-container--disabled`]: s.disabled,
952
- [`${_}__input-container--has-clear-button`]: j,
953
- [`${_}__input-container--readonly`]: s.readOnly && !s.disabled
963
+ [`${c}__input-container--start-adornment`]: b.length,
964
+ [`${c}__input-container--end-adornment`]: I.length || r,
965
+ [`${c}__input-container--disabled`]: s.disabled,
966
+ [`${c}__input-container--has-clear-button`]: B,
967
+ [`${c}__input-container--readonly`]: s.readOnly && !s.disabled
954
968
  }
955
969
  ]);
956
- return /* @__PURE__ */ S("div", { className: $(i, _), children: [
970
+ return /* @__PURE__ */ N("div", { className: j(i, c), children: [
957
971
  d && /* @__PURE__ */ o(
958
- Wt,
972
+ te,
959
973
  {
960
- htmlFor: g,
961
- className: $(`${_}__label`),
962
- "data-testid": c("label"),
974
+ htmlFor: x,
975
+ className: j(`${c}__label`),
976
+ "data-testid": l("label"),
963
977
  disabled: s.disabled,
964
978
  children: `${s.required ? "* " : ""}${d}`
965
979
  }
966
980
  ),
967
- /* @__PURE__ */ S("div", { className: $(`${_}__field-row`), children: [
981
+ /* @__PURE__ */ N("div", { className: j(`${c}__field-row`), children: [
968
982
  !!a && a,
969
- /* @__PURE__ */ S("div", { className: J, children: [
970
- !!w.length && /* @__PURE__ */ o(
983
+ /* @__PURE__ */ N("div", { className: W, children: [
984
+ !!b.length && /* @__PURE__ */ o(
971
985
  "div",
972
986
  {
973
- "data-testid": c("start-adornments"),
974
- className: $(`${_}__adornment-container`),
975
- children: w
987
+ "data-testid": l("start-adornments"),
988
+ className: j(`${c}__adornment-container`),
989
+ children: b
976
990
  }
977
991
  ),
978
992
  /* @__PURE__ */ o(
979
993
  "input",
980
994
  {
981
995
  ...s,
982
- id: g,
983
- ref: X,
984
- "data-testid": c("input"),
985
- "aria-describedby": s["aria-describedby"] || O,
996
+ id: x,
997
+ ref: q,
998
+ "data-testid": l("input"),
999
+ "aria-describedby": s["aria-describedby"] || C,
986
1000
  "aria-invalid": s["aria-invalid"] || !!e,
987
- className: $([
988
- `${_}__input`,
1001
+ className: j([
1002
+ `${c}__input`,
989
1003
  {
990
- [`${_}__input--valid`]: P,
991
- [`${_}__input--error`]: !!e
1004
+ [`${c}__input--valid`]: S,
1005
+ [`${c}__input--error`]: !!e
992
1006
  }
993
1007
  ])
994
1008
  }
995
1009
  ),
996
- /* @__PURE__ */ o("div", { className: $(`${_}__frame`) }),
997
- (!!C.length || r) && /* @__PURE__ */ S(
1010
+ /* @__PURE__ */ o("div", { className: j(`${c}__frame`) }),
1011
+ (!!I.length || r) && /* @__PURE__ */ N(
998
1012
  "div",
999
1013
  {
1000
- "data-testid": c("end-adornments"),
1001
- className: $(`${_}__adornment-container`),
1014
+ "data-testid": l("end-adornments"),
1015
+ className: j(`${c}__adornment-container`),
1002
1016
  children: [
1003
- C,
1017
+ I,
1004
1018
  r
1005
1019
  ]
1006
1020
  }
@@ -1008,15 +1022,15 @@ const pe = /* @__PURE__ */ ie(ae), oe = {
1008
1022
  ] }),
1009
1023
  !!p && p
1010
1024
  ] }),
1011
- O && /* @__PURE__ */ o(Ot, { "data-testid": c("helper-text"), id: O, children: u }),
1012
- e && /* @__PURE__ */ o(jt, { "data-testid": c("error-text"), children: e })
1025
+ C && /* @__PURE__ */ o(At, { "data-testid": l("helper-text"), id: C, children: u }),
1026
+ e && /* @__PURE__ */ o(zt, { "data-testid": l("error-text"), children: e })
1013
1027
  ] });
1014
- }, Cr = N(le);
1015
- Cr.displayName = "TextField";
1016
- function ce(t) {
1028
+ }, Dr = z(de);
1029
+ Dr.displayName = "TextField";
1030
+ function fe(t) {
1017
1031
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
1018
1032
  }
1019
- var Br = { exports: {} };
1033
+ var Lr = { exports: {} };
1020
1034
  /*!
1021
1035
  Copyright (c) 2018 Jed Watson.
1022
1036
  Licensed under the MIT License (MIT), see
@@ -1051,9 +1065,9 @@ var Br = { exports: {} };
1051
1065
  }
1052
1066
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
1053
1067
  })();
1054
- })(Br);
1055
- var _e = Br.exports;
1056
- const kr = /* @__PURE__ */ ce(_e), de = {
1068
+ })(Lr);
1069
+ var ge = Lr.exports;
1070
+ const kr = /* @__PURE__ */ fe(ge), ve = {
1057
1071
  "purpur-quantity-selector": "_purpur-quantity-selector_lzxe3_1",
1058
1072
  "purpur-quantity-selector--full-width": "_purpur-quantity-selector--full-width_lzxe3_21",
1059
1073
  "purpur-quantity-selector--loading": "_purpur-quantity-selector--loading_lzxe3_27",
@@ -1064,10 +1078,12 @@ const kr = /* @__PURE__ */ ce(_e), de = {
1064
1078
  "purpur-quantity-selector__spinner": "_purpur-quantity-selector__spinner_lzxe3_46",
1065
1079
  "purpur-quantity-selector__spinner--full-width": "_purpur-quantity-selector__spinner--full-width_lzxe3_53",
1066
1080
  "purpur-quantity-selector__spinner--separated": "_purpur-quantity-selector__spinner--separated_lzxe3_57"
1067
- }, fe = {
1081
+ }, xe = {
1082
+ SM: "sm",
1083
+ MD: "md",
1068
1084
  LG: "lg"
1069
1085
  };
1070
- function ve(t) {
1086
+ function me(t) {
1071
1087
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
1072
1088
  }
1073
1089
  var Ir = { exports: {} };
@@ -1106,39 +1122,43 @@ var Ir = { exports: {} };
1106
1122
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
1107
1123
  })();
1108
1124
  })(Ir);
1109
- var ge = Ir.exports;
1110
- const dr = /* @__PURE__ */ ve(ge), xe = "_rotate_1xozj_1", be = "_dash_1xozj_1", E = {
1125
+ var be = Ir.exports;
1126
+ const vr = /* @__PURE__ */ me(be), ye = "_rotate_1xozj_1", he = "_dash_1xozj_1", H = {
1111
1127
  "purpur-spinner": "_purpur-spinner_1xozj_1",
1112
- rotate: xe,
1128
+ rotate: ye,
1113
1129
  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
1114
1130
  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
1115
1131
  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
1116
1132
  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
1117
1133
  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
1118
1134
  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
1119
- dash: be,
1135
+ dash: he,
1120
1136
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
1121
1137
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
1122
- }, Z = "purpur-spinner", me = {
1123
- SM: "sm"
1124
- }, ye = ({
1138
+ }, R = "purpur-spinner", we = {
1139
+ XXS: "xxs",
1140
+ XS: "xs",
1141
+ SM: "sm",
1142
+ MD: "md",
1143
+ LG: "lg"
1144
+ }, $e = ({
1125
1145
  ["data-testid"]: t,
1126
1146
  disabled: i = !1,
1127
1147
  negative: n = !1,
1128
- size: a = me.SM,
1148
+ size: a = we.SM,
1129
1149
  ...p
1130
1150
  }) => /* @__PURE__ */ o(
1131
1151
  "div",
1132
1152
  {
1133
- className: dr([E[Z], E[`${Z}--${a}`]]),
1153
+ className: vr([H[R], H[`${R}--${a}`]]),
1134
1154
  "data-testid": t,
1135
1155
  ...p,
1136
1156
  children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
1137
1157
  "circle",
1138
1158
  {
1139
- className: dr(E[`${Z}__circle`], {
1140
- [E[`${Z}__circle--disabled`]]: i,
1141
- [E[`${Z}__circle--negative`]]: n
1159
+ className: vr(H[`${R}__circle`], {
1160
+ [H[`${R}__circle--disabled`]]: i,
1161
+ [H[`${R}__circle--negative`]]: n
1142
1162
  }),
1143
1163
  cx: "25",
1144
1164
  cy: "25",
@@ -1147,10 +1167,10 @@ const dr = /* @__PURE__ */ ve(ge), xe = "_rotate_1xozj_1", be = "_dash_1xozj_1",
1147
1167
  ) })
1148
1168
  }
1149
1169
  );
1150
- function he(t) {
1170
+ function je(t) {
1151
1171
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
1152
1172
  }
1153
- var Fr = { exports: {} };
1173
+ var Xr = { exports: {} };
1154
1174
  /*!
1155
1175
  Copyright (c) 2018 Jed Watson.
1156
1176
  Licensed under the MIT License (MIT), see
@@ -1185,9 +1205,9 @@ var Fr = { exports: {} };
1185
1205
  }
1186
1206
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
1187
1207
  })();
1188
- })(Fr);
1189
- var we = Fr.exports;
1190
- const $e = /* @__PURE__ */ he(we), je = {
1208
+ })(Xr);
1209
+ var Se = Xr.exports;
1210
+ const Ne = /* @__PURE__ */ je(Se), ze = {
1191
1211
  "purpur-button": "_purpur-button_1acxn_1",
1192
1212
  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
1193
1213
  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -1208,7 +1228,7 @@ const $e = /* @__PURE__ */ he(we), je = {
1208
1228
  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
1209
1229
  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
1210
1230
  "purpur-button--text": "_purpur-button--text_1acxn_175"
1211
- }, Se = $e.bind(je), M = "purpur-button", Ne = ({
1231
+ }, Oe = Ne.bind(ze), P = "purpur-button", qe = ({
1212
1232
  children: t,
1213
1233
  className: i,
1214
1234
  ["data-testid"]: n,
@@ -1218,52 +1238,52 @@ const $e = /* @__PURE__ */ he(we), je = {
1218
1238
  loading: e = !1,
1219
1239
  negative: u = !1,
1220
1240
  onClick: d,
1221
- size: b = "md",
1241
+ size: v = "md",
1222
1242
  variant: f,
1223
- type: z = "button",
1224
- ...h
1243
+ type: O = "button",
1244
+ ...w
1225
1245
  }, s) => {
1226
1246
  if (r && f === "destructive")
1227
1247
  return null;
1228
- const x = Se(
1248
+ const y = Oe(
1229
1249
  [
1230
- M,
1231
- `${M}--${u ? `${f}-negative` : f}`,
1232
- `${M}--${b}`
1250
+ P,
1251
+ `${P}--${u ? `${f}-negative` : f}`,
1252
+ `${P}--${v}`
1233
1253
  ],
1234
1254
  {
1235
- [`${M}--icon-only`]: r,
1236
- [`${M}--negative`]: u,
1237
- [`${M}--full-width`]: p,
1238
- [`${M}--disabled`]: a || e
1255
+ [`${P}--icon-only`]: r,
1256
+ [`${P}--negative`]: u,
1257
+ [`${P}--full-width`]: p,
1258
+ [`${P}--disabled`]: a || e
1239
1259
  },
1240
1260
  i
1241
- ), v = (g) => {
1242
- a || e ? g.preventDefault() : d && d(g);
1243
- }, m = !!h["aria-disabled"] || a || e;
1244
- return /* @__PURE__ */ S(
1261
+ ), $ = (x) => {
1262
+ a || e ? x.preventDefault() : d && d(x);
1263
+ }, m = !!w["aria-disabled"] || a || e;
1264
+ return /* @__PURE__ */ N(
1245
1265
  "button",
1246
1266
  {
1247
- className: x,
1267
+ className: y,
1248
1268
  "data-testid": n,
1249
- type: z,
1269
+ type: O,
1250
1270
  ref: s,
1251
1271
  "aria-disabled": m,
1252
- onClick: v,
1253
- ...h,
1272
+ onClick: $,
1273
+ ...w,
1254
1274
  children: [
1255
- e && /* @__PURE__ */ o(ye, { size: b === fe.LG ? "xs" : "xxs", negative: u, disabled: m }),
1275
+ e && /* @__PURE__ */ o($e, { size: v === xe.LG ? "xs" : "xxs", negative: u, disabled: m }),
1256
1276
  " ",
1257
1277
  t
1258
1278
  ]
1259
1279
  }
1260
1280
  );
1261
- }, Lr = N(Ne);
1262
- Lr.displayName = "Button";
1263
- function ze(t) {
1281
+ }, Fr = z(qe);
1282
+ Fr.displayName = "Button";
1283
+ function Me(t) {
1264
1284
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
1265
1285
  }
1266
- var Dr = { exports: {} };
1286
+ var Er = { exports: {} };
1267
1287
  /*!
1268
1288
  Copyright (c) 2018 Jed Watson.
1269
1289
  Licensed under the MIT License (MIT), see
@@ -1298,9 +1318,9 @@ var Dr = { exports: {} };
1298
1318
  }
1299
1319
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
1300
1320
  })();
1301
- })(Dr);
1302
- var Oe = Dr.exports;
1303
- const qe = /* @__PURE__ */ ze(Oe), Ae = {
1321
+ })(Er);
1322
+ var Ae = Er.exports;
1323
+ const Pe = /* @__PURE__ */ Me(Ae), Ce = {
1304
1324
  "purpur-icon": "_purpur-icon_8u1lq_1",
1305
1325
  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
1306
1326
  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1308,52 +1328,52 @@ const qe = /* @__PURE__ */ ze(Oe), Ae = {
1308
1328
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
1309
1329
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
1310
1330
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
1311
- }, Me = {
1331
+ }, Be = {
1312
1332
  name: "minus",
1313
1333
  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>',
1314
1334
  keywords: ["minus"],
1315
1335
  category: "utility"
1316
- }, Pe = {
1336
+ }, De = {
1317
1337
  name: "plus",
1318
1338
  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>',
1319
1339
  keywords: ["plus"],
1320
1340
  category: "utility"
1321
- }, Vr = (t) => /* @__PURE__ */ o(
1322
- er,
1341
+ }, Zr = (t) => /* @__PURE__ */ o(
1342
+ ur,
1323
1343
  {
1324
1344
  ...t,
1325
- svg: Me
1345
+ svg: Be
1326
1346
  }
1327
1347
  );
1328
- Vr.displayName = "IconMinus";
1329
- const Er = (t) => /* @__PURE__ */ o(
1330
- er,
1348
+ Zr.displayName = "IconMinus";
1349
+ const Vr = (t) => /* @__PURE__ */ o(
1350
+ ur,
1331
1351
  {
1332
1352
  ...t,
1333
- svg: Pe
1353
+ svg: De
1334
1354
  }
1335
1355
  );
1336
- Er.displayName = "IconPlus";
1337
- const Ce = qe.bind(Ae), fr = "purpur-icon", Be = "md", ke = (t) => t.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Ie = ({ content: t = "", title: i } = {}) => {
1356
+ Vr.displayName = "IconPlus";
1357
+ 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 } = {}) => {
1338
1358
  const n = [
1339
1359
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
1340
1360
  { name: "fill", value: "currentColor" },
1341
1361
  { name: "viewBox", value: "0 0 24 24" },
1342
1362
  i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
1343
1363
  ], a = i ? `<title>${i}</title>` : "";
1344
- return `<svg ${ke(n)}>${a}${t}</svg>`;
1345
- }, Fe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), er = ({
1364
+ return `<svg ${Ie(n)}>${a}${t}</svg>`;
1365
+ }, Fe = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ur = ({
1346
1366
  ["data-testid"]: t,
1347
1367
  svg: i,
1348
1368
  allyTitle: n,
1349
1369
  className: a,
1350
- size: p = Be,
1370
+ size: p = ke,
1351
1371
  ...r
1352
1372
  }) => {
1353
- const e = Ie({
1373
+ const e = Xe({
1354
1374
  content: Fe(i.svg),
1355
1375
  title: n
1356
- }), u = Ce(a, fr, `${fr}--${p}`);
1376
+ }), u = Le(a, xr, `${xr}--${p}`);
1357
1377
  return /* @__PURE__ */ o(
1358
1378
  "span",
1359
1379
  {
@@ -1365,14 +1385,14 @@ const Ce = qe.bind(Ae), fr = "purpur-icon", Be = "md", ke = (t) => t.filter((i)
1365
1385
  }
1366
1386
  );
1367
1387
  };
1368
- er.displayName = "Icon";
1369
- const Le = {
1388
+ ur.displayName = "Icon";
1389
+ const Ee = {
1370
1390
  "purpur-quantity-selector-button": "_purpur-quantity-selector-button_qjlbs_1",
1371
1391
  "purpur-quantity-selector-button--gap-left": "_purpur-quantity-selector-button--gap-left_qjlbs_4",
1372
1392
  "purpur-quantity-selector-button--gap-right": "_purpur-quantity-selector-button--gap-right_qjlbs_7",
1373
1393
  "purpur-quantity-selector-button--no-gap-right": "_purpur-quantity-selector-button--no-gap-right_qjlbs_10",
1374
1394
  "purpur-quantity-selector-button--no-gap-left": "_purpur-quantity-selector-button--no-gap-left_qjlbs_13"
1375
- }, De = kr.bind(Le), H = "purpur-quantity-selector-button", Ve = ({
1395
+ }, Ze = kr.bind(Ee), T = "purpur-quantity-selector-button", Ve = ({
1376
1396
  ["data-testid"]: t,
1377
1397
  disabled: i,
1378
1398
  hasGap: n,
@@ -1380,17 +1400,17 @@ const Le = {
1380
1400
  buttonType: p,
1381
1401
  onClick: r
1382
1402
  }) => {
1383
- const e = De([
1384
- H,
1403
+ const e = Ze([
1404
+ T,
1385
1405
  {
1386
- [`${H}--gap-left`]: n && p === "decrement",
1387
- [`${H}--gap-right`]: n && p === "increment",
1388
- [`${H}--no-gap-left`]: !n && p === "decrement",
1389
- [`${H}--no-gap-right`]: !n && p === "increment"
1406
+ [`${T}--gap-left`]: n && p === "decrement",
1407
+ [`${T}--gap-right`]: n && p === "increment",
1408
+ [`${T}--no-gap-left`]: !n && p === "decrement",
1409
+ [`${T}--no-gap-right`]: !n && p === "increment"
1390
1410
  }
1391
1411
  ]);
1392
1412
  return /* @__PURE__ */ o(
1393
- Lr,
1413
+ Fr,
1394
1414
  {
1395
1415
  "data-testid": t,
1396
1416
  className: e,
@@ -1401,10 +1421,10 @@ const Le = {
1401
1421
  iconOnly: !0,
1402
1422
  disabled: i,
1403
1423
  tabIndex: -1,
1404
- children: p === "increment" ? /* @__PURE__ */ o(Er, { size: "xs" }) : /* @__PURE__ */ o(Vr, { size: "xs" })
1424
+ children: p === "increment" ? /* @__PURE__ */ o(Vr, { size: "xs" }) : /* @__PURE__ */ o(Zr, { size: "xs" })
1405
1425
  }
1406
1426
  );
1407
- }, vr = kr.bind(de), Te = ["attached", "separated"], Ge = ["primary", "secondary"], y = "purpur-quantity-selector", Ee = N(
1427
+ }, mr = kr.bind(ve), Qe = ["attached", "separated"], Ue = ["primary", "secondary"], h = "purpur-quantity-selector", Ge = z(
1408
1428
  ({
1409
1429
  ["data-testid"]: t,
1410
1430
  className: i,
@@ -1412,103 +1432,104 @@ const Le = {
1412
1432
  buttonVariant: a,
1413
1433
  onChange: p,
1414
1434
  value: r,
1415
- fullWidth: e,
1416
- disabled: u,
1417
- loading: d,
1418
- minValue: b,
1419
- maxValue: f,
1420
- ...z
1421
- }, h) => {
1422
- const [s, x] = nr(r ?? 0), [v, m] = nr(s), g = (l) => t ? `${t}-${l}` : void 0, c = u || d, P = Math.max(b ?? 0, 0), O = f ?? Number.MAX_SAFE_INTEGER, w = s === O, j = s === P;
1423
- xr(() => {
1424
- if (v === s)
1425
- return;
1426
- const l = setTimeout(() => {
1427
- x(v), p(v);
1428
- }, 300);
1429
- return () => {
1430
- clearTimeout(l);
1431
- };
1432
- }, [v, s, p]);
1433
- const G = vr([
1435
+ defaultValue: e,
1436
+ fullWidth: u,
1437
+ disabled: d,
1438
+ loading: v,
1439
+ minValue: f,
1440
+ maxValue: O,
1441
+ ...w
1442
+ }, s) => {
1443
+ 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;
1444
+ tr(() => {
1445
+ l && $(r);
1446
+ }, [r, l]), tr(() => {
1447
+ if (!l) {
1448
+ const g = setTimeout(() => {
1449
+ $(m);
1450
+ }, 300);
1451
+ return () => clearTimeout(g);
1452
+ }
1453
+ }, [m, l, p]);
1454
+ const I = mr([
1434
1455
  i,
1435
- y,
1456
+ h,
1436
1457
  {
1437
- [`${y}--no-gap`]: n === "attached" && !c && !j && !w,
1438
- [`${y}--no-gap-disabled-left`]: n === "attached" && !c && !w && j,
1439
- [`${y}--no-gap-disabled-right`]: n === "attached" && !c && !j && w,
1440
- [`${y}--no-gap-disabled`]: n === "attached" && (c || w && j),
1441
- [`${y}--full-width`]: e,
1442
- [`${y}--loading`]: d
1458
+ [`${h}--no-gap`]: n === "attached" && !b && !M && !q,
1459
+ [`${h}--no-gap-disabled-left`]: n === "attached" && !b && !q && M,
1460
+ [`${h}--no-gap-disabled-right`]: n === "attached" && !b && !M && q,
1461
+ [`${h}--no-gap-disabled`]: n === "attached" && (b || q && M),
1462
+ [`${h}--full-width`]: u,
1463
+ [`${h}--loading`]: v
1443
1464
  }
1444
- ]), X = (l) => {
1445
- if (!/^[0-9]*$/.test(l.target.value))
1465
+ ]), W = (g) => {
1466
+ if (!/^[0-9]*$/.test(g.target.value))
1446
1467
  return;
1447
- const U = +l.target.value;
1448
- U < P || U > O || m(U);
1449
- }, Y = (l) => {
1450
- const q = l === "increment" ? s + 1 : s - 1;
1451
- q < 0 || (x(q), m(q), p(q));
1452
- }, C = (l) => {
1453
- const q = l === "increment" && w || l === "decrement" && j;
1468
+ const J = +g.target.value;
1469
+ J < B || J > D || (l || x(J), p(J));
1470
+ }, _ = (g) => {
1471
+ const L = g === "increment" ? S + 1 : S - 1;
1472
+ L < 0 || (l || x(L), p(L));
1473
+ }, ir = (g) => {
1474
+ const L = g === "increment" && q || g === "decrement" && M;
1454
1475
  return /* @__PURE__ */ o(
1455
1476
  Ve,
1456
1477
  {
1457
- "data-testid": g("button-" + l),
1478
+ "data-testid": C("button-" + g),
1458
1479
  variant: a,
1459
- buttonType: l,
1480
+ buttonType: g,
1460
1481
  hasGap: n === "separated",
1461
- onClick: Y,
1462
- disabled: c || q
1482
+ onClick: _,
1483
+ disabled: b || L
1463
1484
  }
1464
1485
  );
1465
- }, J = /* @__PURE__ */ S(Zr, { children: [
1466
- d && /* @__PURE__ */ o(
1486
+ }, Gr = /* @__PURE__ */ N(Hr, { children: [
1487
+ v && /* @__PURE__ */ o(
1467
1488
  "div",
1468
1489
  {
1469
- className: vr([
1470
- `${y}__spinner`,
1490
+ className: mr([
1491
+ `${h}__spinner`,
1471
1492
  {
1472
- [`${y}__spinner--full-width`]: e,
1473
- [`${y}__spinner--separated`]: !e && n === "separated"
1493
+ [`${h}__spinner--full-width`]: u,
1494
+ [`${h}__spinner--separated`]: !u && n === "separated"
1474
1495
  }
1475
1496
  ]),
1476
1497
  children: /* @__PURE__ */ o(
1477
- Ur,
1498
+ rt,
1478
1499
  {
1479
- disabled: c,
1500
+ disabled: b,
1480
1501
  size: "xs",
1481
- "data-testid": g("spinner")
1502
+ "data-testid": C("spinner")
1482
1503
  },
1483
1504
  "spinner"
1484
1505
  )
1485
1506
  }
1486
1507
  ),
1487
- C("decrement")
1508
+ ir("decrement")
1488
1509
  ] });
1489
1510
  return /* @__PURE__ */ o(
1490
- Cr,
1511
+ Dr,
1491
1512
  {
1492
- value: v,
1513
+ value: S,
1493
1514
  type: "number",
1494
- ref: h,
1495
- className: G,
1515
+ ref: s,
1516
+ className: I,
1496
1517
  "data-testid": t,
1497
- onChange: X,
1498
- beforeField: J,
1499
- afterField: C("increment"),
1500
- disabled: c,
1501
- min: P,
1502
- max: O,
1503
- ...z
1518
+ onChange: W,
1519
+ beforeField: Gr,
1520
+ afterField: ir("increment"),
1521
+ disabled: b,
1522
+ min: B,
1523
+ max: D,
1524
+ ...w
1504
1525
  }
1505
1526
  );
1506
1527
  }
1507
1528
  );
1508
- Ee.displayName = "QuantitySelector";
1529
+ Ge.displayName = "QuantitySelector";
1509
1530
  export {
1510
- Ee as QuantitySelector,
1511
- Ge as quantitySelectorButtonVariants,
1512
- Te as quantitySelectorVariants
1531
+ Ge as QuantitySelector,
1532
+ Ue as quantitySelectorButtonVariants,
1533
+ Qe as quantitySelectorVariants
1513
1534
  };
1514
1535
  //# sourceMappingURL=quantity-selector.es.js.map