@purpurds/text-field 7.14.0 → 8.1.0

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,4 +1,4 @@
1
- import { jsxs as b, jsx as p, Fragment as xr } from "react/jsx-runtime";
1
+ import { jsxs as y, jsx as l, Fragment as xr } from "react/jsx-runtime";
2
2
  import * as c from "react";
3
3
  import { forwardRef as sr, useRef as $r, useId as wr, isValidElement as Sr } from "react";
4
4
  import "react-dom";
@@ -8,21 +8,21 @@ const Nr = {
8
8
  function Or(t) {
9
9
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
10
10
  }
11
- var z = { exports: {} };
11
+ var L = { exports: {} };
12
12
  /*!
13
13
  Copyright (c) 2018 Jed Watson.
14
14
  Licensed under the MIT License (MIT), see
15
15
  http://jedwatson.github.io/classnames
16
16
  */
17
- var D;
17
+ var Z;
18
18
  function jr() {
19
- return D || (D = 1, function(t) {
19
+ return Z || (Z = 1, function(t) {
20
20
  (function() {
21
21
  var u = {}.hasOwnProperty;
22
22
  function n() {
23
23
  for (var r = "", e = 0; e < arguments.length; e++) {
24
24
  var i = arguments[e];
25
- i && (r = l(r, a.call(this, i)));
25
+ i && (r = p(r, a.call(this, i)));
26
26
  }
27
27
  return r;
28
28
  }
@@ -37,40 +37,40 @@ function jr() {
37
37
  return r.toString();
38
38
  var e = "";
39
39
  for (var i in r)
40
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
40
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
41
41
  return e;
42
42
  }
43
- function l(r, e) {
43
+ function p(r, e) {
44
44
  return e ? r ? r + " " + e : r + e : r;
45
45
  }
46
46
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
47
47
  })();
48
- }(z)), z.exports;
48
+ }(L)), L.exports;
49
49
  }
50
- var qr = jr();
51
- const kr = /* @__PURE__ */ Or(qr), Mr = "_rotate_12t9p_1", Ar = "_dash_12t9p_1", Cr = {
50
+ var kr = jr();
51
+ const Mr = /* @__PURE__ */ Or(kr), Ar = "_rotate_12t9p_1", Cr = "_dash_12t9p_1", qr = {
52
52
  "purpur-spinner": "_purpur-spinner_12t9p_2",
53
- rotate: Mr,
53
+ rotate: Ar,
54
54
  "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
55
55
  "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
56
56
  "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
57
57
  "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
58
58
  "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
59
59
  "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
60
- dash: Ar,
60
+ dash: Cr,
61
61
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
62
62
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
63
- }, L = kr.bind(Cr), x = "purpur-spinner", Rr = {
63
+ }, F = Mr.bind(qr), x = "purpur-spinner", Rr = {
64
64
  SM: "sm"
65
65
  }, Br = ({
66
66
  disabled: t = !1,
67
67
  negative: u = !1,
68
68
  size: n = Rr.SM,
69
69
  ...a
70
- }) => /* @__PURE__ */ p("div", { className: L(x, `${x}--${n}`), ...a, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
70
+ }) => /* @__PURE__ */ l("div", { className: F(x, `${x}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
71
71
  "circle",
72
72
  {
73
- className: L(`${x}__circle`, {
73
+ className: F(`${x}__circle`, {
74
74
  [`${x}__circle--disabled`]: t,
75
75
  [`${x}__circle--negative`]: u
76
76
  }),
@@ -82,21 +82,21 @@ const kr = /* @__PURE__ */ Or(qr), Mr = "_rotate_12t9p_1", Ar = "_dash_12t9p_1",
82
82
  function Ir(t) {
83
83
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
84
84
  }
85
- var Z = { exports: {} };
85
+ var W = { exports: {} };
86
86
  /*!
87
87
  Copyright (c) 2018 Jed Watson.
88
88
  Licensed under the MIT License (MIT), see
89
89
  http://jedwatson.github.io/classnames
90
90
  */
91
- var F;
91
+ var T;
92
92
  function Er() {
93
- return F || (F = 1, function(t) {
93
+ return T || (T = 1, function(t) {
94
94
  (function() {
95
95
  var u = {}.hasOwnProperty;
96
96
  function n() {
97
97
  for (var r = "", e = 0; e < arguments.length; e++) {
98
98
  var i = arguments[e];
99
- i && (r = l(r, a.call(this, i)));
99
+ i && (r = p(r, a.call(this, i)));
100
100
  }
101
101
  return r;
102
102
  }
@@ -111,64 +111,64 @@ function Er() {
111
111
  return r.toString();
112
112
  var e = "";
113
113
  for (var i in r)
114
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
114
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
115
115
  return e;
116
116
  }
117
- function l(r, e) {
117
+ function p(r, e) {
118
118
  return e ? r ? r + " " + e : r + e : r;
119
119
  }
120
120
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
121
121
  })();
122
- }(Z)), Z.exports;
122
+ }(W)), W.exports;
123
123
  }
124
124
  var Pr = Er();
125
125
  const Vr = /* @__PURE__ */ Ir(Pr), zr = {
126
- "purpur-button": "_purpur-button_w455q_1",
127
- "purpur-button--xs": "_purpur-button--xs_w455q_33",
128
- "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
129
- "purpur-button--sm": "_purpur-button--sm_w455q_39",
130
- "purpur-button--md": "_purpur-button--md_w455q_45",
131
- "purpur-button--lg": "_purpur-button--lg_w455q_51",
132
- "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
133
- "purpur-button--primary": "_purpur-button--primary_w455q_60",
134
- "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
135
- "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
136
- "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
137
- "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
138
- "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
139
- "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
140
- "purpur-button--negative": "_purpur-button--negative_w455q_126",
141
- "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
142
- "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
143
- "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
144
- "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
145
- "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
146
- "purpur-button--text": "_purpur-button--text_w455q_181"
126
+ "purpur-button": "_purpur-button_1goi7_1",
127
+ "purpur-button--xs": "_purpur-button--xs_1goi7_33",
128
+ "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
129
+ "purpur-button--sm": "_purpur-button--sm_1goi7_39",
130
+ "purpur-button--md": "_purpur-button--md_1goi7_45",
131
+ "purpur-button--lg": "_purpur-button--lg_1goi7_51",
132
+ "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
133
+ "purpur-button--primary": "_purpur-button--primary_1goi7_60",
134
+ "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
135
+ "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
136
+ "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
137
+ "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
138
+ "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
139
+ "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
140
+ "purpur-button--negative": "_purpur-button--negative_1goi7_126",
141
+ "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
142
+ "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
143
+ "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
144
+ "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
145
+ "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
146
+ "purpur-button--text": "_purpur-button--text_1goi7_181"
147
147
  }, Dr = Vr.bind(zr), h = "purpur-button", cr = sr(
148
148
  ({
149
149
  children: t,
150
150
  className: u,
151
151
  disabled: n = !1,
152
152
  fullWidth: a = !1,
153
- iconOnly: l,
153
+ iconOnly: p,
154
154
  loading: r = !1,
155
155
  negative: e = !1,
156
156
  onClick: i,
157
157
  size: v = "md",
158
- variant: y,
158
+ variant: b,
159
159
  type: w = "button",
160
160
  ...g
161
161
  }, N) => {
162
- if (l && y === "destructive")
162
+ if (p && b === "destructive")
163
163
  return null;
164
164
  const O = Dr(
165
165
  [
166
166
  h,
167
- `${h}--${e ? `${y}-negative` : y}`,
167
+ `${h}--${e ? `${b}-negative` : b}`,
168
168
  `${h}--${v}`
169
169
  ],
170
170
  {
171
- [`${h}--icon-only`]: l,
171
+ [`${h}--icon-only`]: p,
172
172
  [`${h}--negative`]: e,
173
173
  [`${h}--full-width`]: a,
174
174
  [`${h}--disabled`]: n || r
@@ -177,7 +177,7 @@ const Vr = /* @__PURE__ */ Ir(Pr), zr = {
177
177
  ), o = (S) => {
178
178
  n || r ? S.preventDefault() : i && i(S);
179
179
  }, m = !!g["aria-disabled"] || n || r;
180
- return /* @__PURE__ */ b(
180
+ return /* @__PURE__ */ y(
181
181
  "button",
182
182
  {
183
183
  className: O,
@@ -187,7 +187,7 @@ const Vr = /* @__PURE__ */ Ir(Pr), zr = {
187
187
  onClick: o,
188
188
  ...g,
189
189
  children: [
190
- r && /* @__PURE__ */ p(
190
+ r && /* @__PURE__ */ l(
191
191
  Br,
192
192
  {
193
193
  size: v === Nr.LG ? "xs" : "xxs",
@@ -206,21 +206,21 @@ cr.displayName = "Button";
206
206
  function Lr(t) {
207
207
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
208
208
  }
209
- var W = { exports: {} };
209
+ var G = { exports: {} };
210
210
  /*!
211
211
  Copyright (c) 2018 Jed Watson.
212
212
  Licensed under the MIT License (MIT), see
213
213
  http://jedwatson.github.io/classnames
214
214
  */
215
- var T;
215
+ var H;
216
216
  function Zr() {
217
- return T || (T = 1, function(t) {
217
+ return H || (H = 1, function(t) {
218
218
  (function() {
219
219
  var u = {}.hasOwnProperty;
220
220
  function n() {
221
221
  for (var r = "", e = 0; e < arguments.length; e++) {
222
222
  var i = arguments[e];
223
- i && (r = l(r, a.call(this, i)));
223
+ i && (r = p(r, a.call(this, i)));
224
224
  }
225
225
  return r;
226
226
  }
@@ -235,15 +235,15 @@ function Zr() {
235
235
  return r.toString();
236
236
  var e = "";
237
237
  for (var i in r)
238
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
238
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
239
239
  return e;
240
240
  }
241
- function l(r, e) {
241
+ function p(r, e) {
242
242
  return e ? r ? r + " " + e : r + e : r;
243
243
  }
244
244
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
245
245
  })();
246
- }(W)), W.exports;
246
+ }(G)), G.exports;
247
247
  }
248
248
  var Fr = Zr();
249
249
  const Wr = /* @__PURE__ */ Lr(Fr), Tr = {
@@ -254,7 +254,7 @@ const Wr = /* @__PURE__ */ Lr(Fr), Tr = {
254
254
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
255
255
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
256
256
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
257
- }, Gr = Wr.bind(Tr), G = "purpur-icon", Hr = "md", Ur = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
257
+ }, Gr = Wr.bind(Tr), U = "purpur-icon", Hr = "md", Ur = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), Xr = ({ content: t = "", title: u } = {}) => {
258
258
  const n = [
259
259
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
260
260
  { name: "fill", value: "currentColor" },
@@ -262,12 +262,12 @@ const Wr = /* @__PURE__ */ Lr(Fr), Tr = {
262
262
  u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
263
263
  ], a = u ? `<title>${u}</title>` : "";
264
264
  return `<svg ${Ur(n)}>${a}${t}</svg>`;
265
- }, Yr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: t, allyTitle: u, className: n, size: a = Hr, ...l }) => {
265
+ }, Yr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), dr = ({ svg: t, allyTitle: u, className: n, size: a = Hr, ...p }) => {
266
266
  const r = Xr({
267
267
  content: Yr(t.svg),
268
268
  title: u
269
- }), e = Gr(n, G, `${G}--${a}`);
270
- return /* @__PURE__ */ p("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...l });
269
+ }), e = Gr(n, U, `${U}--${a}`);
270
+ return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
271
271
  };
272
272
  dr.displayName = "Icon";
273
273
  const Jr = {
@@ -279,21 +279,21 @@ const Jr = {
279
279
  function Kr(t) {
280
280
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
281
281
  }
282
- var H = { exports: {} };
282
+ var X = { exports: {} };
283
283
  /*!
284
284
  Copyright (c) 2018 Jed Watson.
285
285
  Licensed under the MIT License (MIT), see
286
286
  http://jedwatson.github.io/classnames
287
287
  */
288
- var U;
288
+ var Y;
289
289
  function Qr() {
290
- return U || (U = 1, function(t) {
290
+ return Y || (Y = 1, function(t) {
291
291
  (function() {
292
292
  var u = {}.hasOwnProperty;
293
293
  function n() {
294
294
  for (var r = "", e = 0; e < arguments.length; e++) {
295
295
  var i = arguments[e];
296
- i && (r = l(r, a.call(this, i)));
296
+ i && (r = p(r, a.call(this, i)));
297
297
  }
298
298
  return r;
299
299
  }
@@ -308,34 +308,38 @@ function Qr() {
308
308
  return r.toString();
309
309
  var e = "";
310
310
  for (var i in r)
311
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
311
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
312
312
  return e;
313
313
  }
314
- function l(r, e) {
314
+ function p(r, e) {
315
315
  return e ? r ? r + " " + e : r + e : r;
316
316
  }
317
317
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
318
318
  })();
319
- }(H)), H.exports;
319
+ }(X)), X.exports;
320
320
  }
321
321
  var rt = Qr();
322
322
  const tt = /* @__PURE__ */ Kr(rt), et = {
323
- "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
324
- "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
325
- }, X = tt.bind(et), Y = "purpur-field-error-text", nt = ({
323
+ "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
324
+ "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
325
+ "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
326
+ }, J = tt.bind(et), C = "purpur-field-error-text", nt = ({
326
327
  children: t,
327
328
  className: u,
328
- ["aria-relevant"]: n = "additions text",
329
- ...a
330
- }) => /* @__PURE__ */ b(
329
+ negative: n = !1,
330
+ ["aria-relevant"]: a = "additions text",
331
+ ...p
332
+ }) => /* @__PURE__ */ y(
331
333
  "div",
332
334
  {
333
- className: X(u, Y),
335
+ className: J(u, C, {
336
+ [`${C}--negative`]: n
337
+ }),
334
338
  "aria-live": "assertive",
335
- "aria-relevant": n,
336
- ...a,
339
+ "aria-relevant": a,
340
+ ...p,
337
341
  children: [
338
- /* @__PURE__ */ p(dr, { svg: Jr, size: "xs", className: X(`${Y}__icon`) }),
342
+ /* @__PURE__ */ l(dr, { svg: Jr, size: "xs", className: J(`${C}__icon`) }),
339
343
  t
340
344
  ]
341
345
  }
@@ -343,21 +347,21 @@ const tt = /* @__PURE__ */ Kr(rt), et = {
343
347
  function it(t) {
344
348
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
345
349
  }
346
- var J = { exports: {} };
350
+ var K = { exports: {} };
347
351
  /*!
348
352
  Copyright (c) 2018 Jed Watson.
349
353
  Licensed under the MIT License (MIT), see
350
354
  http://jedwatson.github.io/classnames
351
355
  */
352
- var K;
356
+ var Q;
353
357
  function ut() {
354
- return K || (K = 1, function(t) {
358
+ return Q || (Q = 1, function(t) {
355
359
  (function() {
356
360
  var u = {}.hasOwnProperty;
357
361
  function n() {
358
362
  for (var r = "", e = 0; e < arguments.length; e++) {
359
363
  var i = arguments[e];
360
- i && (r = l(r, a.call(this, i)));
364
+ i && (r = p(r, a.call(this, i)));
361
365
  }
362
366
  return r;
363
367
  }
@@ -372,31 +376,34 @@ function ut() {
372
376
  return r.toString();
373
377
  var e = "";
374
378
  for (var i in r)
375
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
379
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
376
380
  return e;
377
381
  }
378
- function l(r, e) {
382
+ function p(r, e) {
379
383
  return e ? r ? r + " " + e : r + e : r;
380
384
  }
381
385
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
382
386
  })();
383
- }(J)), J.exports;
387
+ }(K)), K.exports;
384
388
  }
385
389
  var at = ut();
386
- const lt = /* @__PURE__ */ it(at), pt = {
387
- "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
388
- "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
389
- }, ot = lt.bind(pt), Q = "purpur-field-helper-text", st = ({
390
+ const pt = /* @__PURE__ */ it(at), lt = {
391
+ "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
392
+ "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
393
+ "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
394
+ }, ot = pt.bind(lt), q = "purpur-field-helper-text", st = ({
390
395
  children: t,
391
396
  className: u,
392
397
  disabled: n,
393
398
  id: a,
394
- ...l
399
+ negative: p,
400
+ ...r
395
401
  }) => {
396
- const r = ot(u, Q, {
397
- [`${Q}--disabled`]: n
402
+ const e = ot(u, q, {
403
+ [`${q}--disabled`]: n,
404
+ [`${q}--negative`]: p
398
405
  });
399
- return /* @__PURE__ */ p("span", { id: a, className: r, ...l, children: t });
406
+ return /* @__PURE__ */ l("span", { id: a, className: e, ...r, children: t });
400
407
  };
401
408
  function ct(t) {
402
409
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -415,7 +422,7 @@ function dt() {
415
422
  function n() {
416
423
  for (var r = "", e = 0; e < arguments.length; e++) {
417
424
  var i = arguments[e];
418
- i && (r = l(r, a.call(this, i)));
425
+ i && (r = p(r, a.call(this, i)));
419
426
  }
420
427
  return r;
421
428
  }
@@ -430,10 +437,10 @@ function dt() {
430
437
  return r.toString();
431
438
  var e = "";
432
439
  for (var i in r)
433
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
440
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
434
441
  return e;
435
442
  }
436
- function l(r, e) {
443
+ function p(r, e) {
437
444
  return e ? r ? r + " " + e : r + e : r;
438
445
  }
439
446
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -449,7 +456,7 @@ const ft = /* @__PURE__ */ ct(_t), vt = {
449
456
  "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
450
457
  "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
451
458
  "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
452
- }, gt = ft.bind(vt), er = "purpur-icon", mt = "md", ht = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), bt = ({ content: t = "", title: u } = {}) => {
459
+ }, gt = ft.bind(vt), er = "purpur-icon", mt = "md", ht = (t) => t.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), yt = ({ content: t = "", title: u } = {}) => {
453
460
  const n = [
454
461
  { name: "xmlns", value: "http://www.w3.org/2000/svg" },
455
462
  { name: "fill", value: "currentColor" },
@@ -457,27 +464,27 @@ const ft = /* @__PURE__ */ ct(_t), vt = {
457
464
  u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
458
465
  ], a = u ? `<title>${u}</title>` : "";
459
466
  return `<svg ${ht(n)}>${a}${t}</svg>`;
460
- }, yt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), B = ({ svg: t, allyTitle: u, className: n, size: a = mt, ...l }) => {
461
- const r = bt({
462
- content: yt(t.svg),
467
+ }, bt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({ svg: t, allyTitle: u, className: n, size: a = mt, ...p }) => {
468
+ const r = yt({
469
+ content: bt(t.svg),
463
470
  title: u
464
471
  }), e = gt(n, er, `${er}--${a}`);
465
- return /* @__PURE__ */ p("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...l });
472
+ return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
466
473
  };
467
- B.displayName = "Icon";
474
+ E.displayName = "Icon";
468
475
  const xt = {
469
476
  name: "check-circle-filled",
470
477
  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>',
471
478
  keywords: ["check-circle-filled"],
472
479
  category: "status"
473
- }, _r = (t) => /* @__PURE__ */ p(B, { ...t, svg: xt });
480
+ }, _r = (t) => /* @__PURE__ */ l(E, { ...t, svg: xt });
474
481
  _r.displayName = "IconCheckCircleFilled";
475
482
  const $t = {
476
483
  name: "close",
477
484
  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>',
478
485
  keywords: ["close"],
479
486
  category: "utility"
480
- }, fr = (t) => /* @__PURE__ */ p(B, { ...t, svg: $t });
487
+ }, fr = (t) => /* @__PURE__ */ l(E, { ...t, svg: $t });
481
488
  fr.displayName = "IconClose";
482
489
  function nr(t, u) {
483
490
  if (typeof t == "function")
@@ -487,57 +494,57 @@ function nr(t, u) {
487
494
  function wt(...t) {
488
495
  return (u) => {
489
496
  let n = !1;
490
- const a = t.map((l) => {
491
- const r = nr(l, u);
497
+ const a = t.map((p) => {
498
+ const r = nr(p, u);
492
499
  return !n && typeof r == "function" && (n = !0), r;
493
500
  });
494
501
  if (n)
495
502
  return () => {
496
- for (let l = 0; l < a.length; l++) {
497
- const r = a[l];
498
- typeof r == "function" ? r() : nr(t[l], null);
503
+ for (let p = 0; p < a.length; p++) {
504
+ const r = a[p];
505
+ typeof r == "function" ? r() : nr(t[p], null);
499
506
  }
500
507
  };
501
508
  };
502
509
  }
503
510
  var vr = c.forwardRef((t, u) => {
504
- const { children: n, ...a } = t, l = c.Children.toArray(n), r = l.find(Nt);
511
+ const { children: n, ...a } = t, p = c.Children.toArray(n), r = p.find(Nt);
505
512
  if (r) {
506
- const e = r.props.children, i = l.map((v) => v === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : v);
507
- return /* @__PURE__ */ p(R, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
513
+ const e = r.props.children, i = p.map((v) => v === r ? c.Children.count(e) > 1 ? c.Children.only(null) : c.isValidElement(e) ? e.props.children : null : v);
514
+ return /* @__PURE__ */ l(I, { ...a, ref: u, children: c.isValidElement(e) ? c.cloneElement(e, void 0, i) : null });
508
515
  }
509
- return /* @__PURE__ */ p(R, { ...a, ref: u, children: n });
516
+ return /* @__PURE__ */ l(I, { ...a, ref: u, children: n });
510
517
  });
511
518
  vr.displayName = "Slot";
512
- var R = c.forwardRef((t, u) => {
519
+ var I = c.forwardRef((t, u) => {
513
520
  const { children: n, ...a } = t;
514
521
  if (c.isValidElement(n)) {
515
- const l = jt(n), r = Ot(a, n.props);
516
- return n.type !== c.Fragment && (r.ref = u ? wt(u, l) : l), c.cloneElement(n, r);
522
+ const p = jt(n), r = Ot(a, n.props);
523
+ return n.type !== c.Fragment && (r.ref = u ? wt(u, p) : p), c.cloneElement(n, r);
517
524
  }
518
525
  return c.Children.count(n) > 1 ? c.Children.only(null) : null;
519
526
  });
520
- R.displayName = "SlotClone";
521
- var St = ({ children: t }) => /* @__PURE__ */ p(xr, { children: t });
527
+ I.displayName = "SlotClone";
528
+ var St = ({ children: t }) => /* @__PURE__ */ l(xr, { children: t });
522
529
  function Nt(t) {
523
530
  return c.isValidElement(t) && t.type === St;
524
531
  }
525
532
  function Ot(t, u) {
526
533
  const n = { ...u };
527
534
  for (const a in u) {
528
- const l = t[a], r = u[a];
529
- /^on[A-Z]/.test(a) ? l && r ? n[a] = (...e) => {
530
- r(...e), l(...e);
531
- } : l && (n[a] = l) : a === "style" ? n[a] = { ...l, ...r } : a === "className" && (n[a] = [l, r].filter(Boolean).join(" "));
535
+ const p = t[a], r = u[a];
536
+ /^on[A-Z]/.test(a) ? p && r ? n[a] = (...e) => {
537
+ r(...e), p(...e);
538
+ } : p && (n[a] = p) : a === "style" ? n[a] = { ...p, ...r } : a === "className" && (n[a] = [p, r].filter(Boolean).join(" "));
532
539
  }
533
540
  return { ...t, ...n };
534
541
  }
535
542
  function jt(t) {
536
543
  var u, n;
537
- let a = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, l = a && "isReactWarning" in a && a.isReactWarning;
538
- return l ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, l = a && "isReactWarning" in a && a.isReactWarning, l ? t.props.ref : t.props.ref || t.ref);
544
+ let a = (u = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : u.get, p = a && "isReactWarning" in a && a.isReactWarning;
545
+ return p ? t.ref : (a = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, p = a && "isReactWarning" in a && a.isReactWarning, p ? t.props.ref : t.props.ref || t.ref);
539
546
  }
540
- var qt = [
547
+ var kt = [
541
548
  "a",
542
549
  "button",
543
550
  "div",
@@ -554,14 +561,14 @@ var qt = [
554
561
  "span",
555
562
  "svg",
556
563
  "ul"
557
- ], kt = qt.reduce((t, u) => {
558
- const n = c.forwardRef((a, l) => {
564
+ ], Mt = kt.reduce((t, u) => {
565
+ const n = c.forwardRef((a, p) => {
559
566
  const { asChild: r, ...e } = a, i = r ? vr : u;
560
- return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(i, { ...e, ref: l });
567
+ return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(i, { ...e, ref: p });
561
568
  });
562
569
  return n.displayName = `Primitive.${u}`, { ...t, [u]: n };
563
- }, {}), Mt = "Label", gr = c.forwardRef((t, u) => /* @__PURE__ */ p(
564
- kt.label,
570
+ }, {}), At = "Label", gr = c.forwardRef((t, u) => /* @__PURE__ */ l(
571
+ Mt.label,
565
572
  {
566
573
  ...t,
567
574
  ref: u,
@@ -571,9 +578,9 @@ var qt = [
571
578
  }
572
579
  }
573
580
  ));
574
- gr.displayName = Mt;
575
- var At = gr;
576
- function Ct(t) {
581
+ gr.displayName = At;
582
+ var Ct = gr;
583
+ function qt(t) {
577
584
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
578
585
  }
579
586
  var ir = { exports: {} };
@@ -590,7 +597,7 @@ function Rt() {
590
597
  function n() {
591
598
  for (var r = "", e = 0; e < arguments.length; e++) {
592
599
  var i = arguments[e];
593
- i && (r = l(r, a.call(this, i)));
600
+ i && (r = p(r, a.call(this, i)));
594
601
  }
595
602
  return r;
596
603
  }
@@ -605,10 +612,10 @@ function Rt() {
605
612
  return r.toString();
606
613
  var e = "";
607
614
  for (var i in r)
608
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
615
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
609
616
  return e;
610
617
  }
611
- function l(r, e) {
618
+ function p(r, e) {
612
619
  return e ? r ? r + " " + e : r + e : r;
613
620
  }
614
621
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -616,22 +623,22 @@ function Rt() {
616
623
  }(ir)), ir.exports;
617
624
  }
618
625
  var Bt = Rt();
619
- const It = /* @__PURE__ */ Ct(Bt), Et = {
620
- "purpur-label": "_purpur-label_1jndl_1",
621
- "purpur-label--negative": "_purpur-label--negative_1jndl_8",
622
- "purpur-label--disabled": "_purpur-label--disabled_1jndl_11"
623
- }, Pt = It.bind(Et), A = "purpur-label", Vt = ({
626
+ const It = /* @__PURE__ */ qt(Bt), Et = {
627
+ "purpur-label": "_purpur-label_1x80u_1",
628
+ "purpur-label--negative": "_purpur-label--negative_1x80u_8",
629
+ "purpur-label--disabled": "_purpur-label--disabled_1x80u_11"
630
+ }, Pt = It.bind(Et), R = "purpur-label", Vt = ({
624
631
  children: t,
625
632
  className: u,
626
633
  disabled: n,
627
634
  negative: a = !1,
628
- ...l
635
+ ...p
629
636
  }) => {
630
- const r = Pt(u, A, {
631
- [`${A}--disabled`]: n,
632
- [`${A}--negative`]: a
637
+ const r = Pt(u, R, {
638
+ [`${R}--disabled`]: n,
639
+ [`${R}--negative`]: a
633
640
  });
634
- return /* @__PURE__ */ p(At, { className: r, ...l, children: t });
641
+ return /* @__PURE__ */ l(Ct, { className: r, ...p, children: t });
635
642
  };
636
643
  function zt(t) {
637
644
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -642,15 +649,15 @@ var ar = { exports: {} };
642
649
  Licensed under the MIT License (MIT), see
643
650
  http://jedwatson.github.io/classnames
644
651
  */
645
- var lr;
652
+ var pr;
646
653
  function Dt() {
647
- return lr || (lr = 1, function(t) {
654
+ return pr || (pr = 1, function(t) {
648
655
  (function() {
649
656
  var u = {}.hasOwnProperty;
650
657
  function n() {
651
658
  for (var r = "", e = 0; e < arguments.length; e++) {
652
659
  var i = arguments[e];
653
- i && (r = l(r, a.call(this, i)));
660
+ i && (r = p(r, a.call(this, i)));
654
661
  }
655
662
  return r;
656
663
  }
@@ -665,10 +672,10 @@ function Dt() {
665
672
  return r.toString();
666
673
  var e = "";
667
674
  for (var i in r)
668
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
675
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
669
676
  return e;
670
677
  }
671
- function l(r, e) {
678
+ function p(r, e) {
672
679
  return e ? r ? r + " " + e : r + e : r;
673
680
  }
674
681
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
@@ -688,17 +695,17 @@ const Zt = /* @__PURE__ */ zt(Lt), Ft = "_rotate_12t9p_1", Wt = "_dash_12t9p_1",
688
695
  dash: Wt,
689
696
  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
690
697
  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
691
- }, pr = Zt.bind(Tt), $ = "purpur-spinner", Gt = {
698
+ }, lr = Zt.bind(Tt), $ = "purpur-spinner", Gt = {
692
699
  SM: "sm"
693
700
  }, Ht = ({
694
701
  disabled: t = !1,
695
702
  negative: u = !1,
696
703
  size: n = Gt.SM,
697
704
  ...a
698
- }) => /* @__PURE__ */ p("div", { className: pr($, `${$}--${n}`), ...a, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
705
+ }) => /* @__PURE__ */ l("div", { className: lr($, `${$}--${n}`), ...a, children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
699
706
  "circle",
700
707
  {
701
- className: pr(`${$}__circle`, {
708
+ className: lr(`${$}__circle`, {
702
709
  [`${$}__circle--disabled`]: t,
703
710
  [`${$}__circle--negative`]: u
704
711
  }),
@@ -710,7 +717,7 @@ const Zt = /* @__PURE__ */ zt(Lt), Ft = "_rotate_12t9p_1", Wt = "_dash_12t9p_1",
710
717
  function Ut(t) {
711
718
  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
712
719
  }
713
- var C = { exports: {} };
720
+ var B = { exports: {} };
714
721
  /*!
715
722
  Copyright (c) 2018 Jed Watson.
716
723
  Licensed under the MIT License (MIT), see
@@ -724,7 +731,7 @@ function Xt() {
724
731
  function n() {
725
732
  for (var r = "", e = 0; e < arguments.length; e++) {
726
733
  var i = arguments[e];
727
- i && (r = l(r, a.call(this, i)));
734
+ i && (r = p(r, a.call(this, i)));
728
735
  }
729
736
  return r;
730
737
  }
@@ -739,15 +746,15 @@ function Xt() {
739
746
  return r.toString();
740
747
  var e = "";
741
748
  for (var i in r)
742
- u.call(r, i) && r[i] && (e = l(e, this && this[i] || i));
749
+ u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
743
750
  return e;
744
751
  }
745
- function l(r, e) {
752
+ function p(r, e) {
746
753
  return e ? r ? r + " " + e : r + e : r;
747
754
  }
748
755
  t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
749
756
  })();
750
- }(C)), C.exports;
757
+ }(B)), B.exports;
751
758
  }
752
759
  var Yt = Xt();
753
760
  const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
@@ -773,26 +780,26 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
773
780
  className: u,
774
781
  clearButtonAriaLabel: n,
775
782
  beforeField: a,
776
- afterField: l,
783
+ afterField: p,
777
784
  endAdornment: r,
778
785
  errorText: e,
779
786
  helperText: i,
780
787
  hideRequiredAsterisk: v = !1,
781
- label: y,
788
+ label: b,
782
789
  loading: w = !1,
783
790
  onClear: g,
784
791
  startAdornment: N,
785
792
  valid: O = !1,
786
793
  ...o
787
794
  }, m) => {
788
- var V;
789
- const S = wr(), j = o.id ?? S, _ = (d) => t ? `${t}-${d}` : void 0, I = O && !e, q = i ? `${j}-helper-text` : void 0, k = [N].filter((d) => !!d), E = (typeof o.value == "number" ? o.value !== void 0 : (V = o.value) == null ? void 0 : V.length) && !o.disabled && !o.readOnly && !w && g && n, P = Qt(null), hr = (d) => {
790
- P.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
791
- }, br = () => {
795
+ var D;
796
+ const S = wr(), j = o.id ?? S, _ = (d) => t ? `${t}-${d}` : void 0, P = O && !e, k = i ? `${j}-helper-text` : void 0, M = [N].filter((d) => !!d), V = (typeof o.value == "number" ? o.value !== void 0 : (D = o.value) == null ? void 0 : D.length) && !o.disabled && !o.readOnly && !w && g && n, z = Qt(null), hr = (d) => {
797
+ z.current = d, typeof m == "function" ? m(d) : m && (m.current = d);
798
+ }, yr = () => {
792
799
  var d;
793
- g == null || g(), (d = P.current) == null || d.focus();
794
- }, M = [
795
- w && /* @__PURE__ */ p(
800
+ g == null || g(), (d = z.current) == null || d.focus();
801
+ }, A = [
802
+ w && /* @__PURE__ */ l(
796
803
  Ht,
797
804
  {
798
805
  disabled: o.disabled,
@@ -801,20 +808,20 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
801
808
  },
802
809
  "spinner"
803
810
  ),
804
- E && /* @__PURE__ */ p(
811
+ V && /* @__PURE__ */ l(
805
812
  cr,
806
813
  {
807
814
  variant: "tertiary-purple",
808
- onClick: br,
815
+ onClick: yr,
809
816
  iconOnly: !0,
810
817
  "aria-label": n ?? "",
811
818
  "data-testid": _("clear-button"),
812
819
  tabIndex: -1,
813
- children: /* @__PURE__ */ p(fr, { size: "xs" })
820
+ children: /* @__PURE__ */ l(fr, { size: "xs" })
814
821
  },
815
822
  "clear-button"
816
823
  ),
817
- I && /* @__PURE__ */ p(
824
+ P && /* @__PURE__ */ l(
818
825
  _r,
819
826
  {
820
827
  "data-testid": _("valid-icon"),
@@ -822,15 +829,15 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
822
829
  },
823
830
  "valid-icon"
824
831
  )
825
- ].filter((d) => !!d), yr = f(`${s}__input-container`, {
826
- [`${s}__input-container--start-adornment`]: k.length,
827
- [`${s}__input-container--end-adornment`]: M.length || r,
832
+ ].filter((d) => !!d), br = f(`${s}__input-container`, {
833
+ [`${s}__input-container--start-adornment`]: M.length,
834
+ [`${s}__input-container--end-adornment`]: A.length || r,
828
835
  [`${s}__input-container--disabled`]: o.disabled,
829
- [`${s}__input-container--has-clear-button`]: E,
836
+ [`${s}__input-container--has-clear-button`]: V,
830
837
  [`${s}__input-container--readonly`]: o.readOnly && !o.disabled
831
838
  });
832
- return /* @__PURE__ */ b("div", { className: f(u, s), children: [
833
- y && /* @__PURE__ */ b(
839
+ return /* @__PURE__ */ y("div", { className: f(u, s), children: [
840
+ b && /* @__PURE__ */ y(
834
841
  Vt,
835
842
  {
836
843
  htmlFor: j,
@@ -838,57 +845,57 @@ const Jt = /* @__PURE__ */ Ut(Yt), Kt = {
838
845
  "data-testid": _("label"),
839
846
  disabled: o.disabled,
840
847
  children: [
841
- o.required && !v && /* @__PURE__ */ p("span", { "aria-hidden": !0, children: "*" }),
842
- y
848
+ o.required && !v && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
849
+ b
843
850
  ]
844
851
  }
845
852
  ),
846
- /* @__PURE__ */ b("div", { className: f(`${s}__field-row`), children: [
853
+ /* @__PURE__ */ y("div", { className: f(`${s}__field-row`), children: [
847
854
  !!a && a,
848
- /* @__PURE__ */ b("div", { className: yr, children: [
849
- !!k.length && /* @__PURE__ */ p(
855
+ /* @__PURE__ */ y("div", { className: br, children: [
856
+ !!M.length && /* @__PURE__ */ l(
850
857
  "div",
851
858
  {
852
859
  "data-testid": _("start-adornments"),
853
860
  className: f(`${s}__adornment-container`),
854
- children: k
861
+ children: M
855
862
  }
856
863
  ),
857
- /* @__PURE__ */ p(
864
+ /* @__PURE__ */ l(
858
865
  "input",
859
866
  {
860
867
  ...o,
861
868
  id: j,
862
869
  ref: hr,
863
870
  "data-testid": _("input"),
864
- "aria-describedby": o["aria-describedby"] || q,
871
+ "aria-describedby": o["aria-describedby"] || k,
865
872
  "aria-invalid": o["aria-invalid"] || !!e,
866
873
  className: f([
867
874
  `${s}__input`,
868
875
  {
869
- [`${s}__input--valid`]: I,
876
+ [`${s}__input--valid`]: P,
870
877
  [`${s}__input--error`]: !!e
871
878
  }
872
879
  ])
873
880
  }
874
881
  ),
875
- /* @__PURE__ */ p("div", { className: f(`${s}__frame`) }),
876
- (!!M.length || r) && /* @__PURE__ */ b(
882
+ /* @__PURE__ */ l("div", { className: f(`${s}__frame`) }),
883
+ (!!A.length || r) && /* @__PURE__ */ y(
877
884
  "div",
878
885
  {
879
886
  "data-testid": _("end-adornments"),
880
887
  className: f(`${s}__adornment-container`),
881
888
  children: [
882
- M,
889
+ A,
883
890
  r
884
891
  ]
885
892
  }
886
893
  )
887
894
  ] }),
888
- !!l && l
895
+ !!p && p
889
896
  ] }),
890
- q && /* @__PURE__ */ p(st, { "data-testid": _("helper-text"), id: q, children: i }),
891
- e && /* @__PURE__ */ p(nt, { "data-testid": _("error-text"), children: e })
897
+ k && /* @__PURE__ */ l(st, { "data-testid": _("helper-text"), id: k, children: i }),
898
+ e && /* @__PURE__ */ l(nt, { "data-testid": _("error-text"), children: e })
892
899
  ] });
893
900
  }
894
901
  );