@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.
- package/dist/LICENSE.txt +6 -6
- package/dist/text-field.cjs.js +10 -10
- package/dist/text-field.cjs.js.map +1 -1
- package/dist/text-field.es.js +200 -193
- package/dist/text-field.es.js.map +1 -1
- package/package.json +9 -9
package/dist/text-field.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
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
|
|
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
|
|
17
|
+
var Z;
|
|
18
18
|
function jr() {
|
|
19
|
-
return
|
|
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 =
|
|
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 =
|
|
40
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
41
41
|
return e;
|
|
42
42
|
}
|
|
43
|
-
function
|
|
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
|
-
}(
|
|
48
|
+
}(L)), L.exports;
|
|
49
49
|
}
|
|
50
|
-
var
|
|
51
|
-
const
|
|
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:
|
|
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:
|
|
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
|
-
},
|
|
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__ */
|
|
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:
|
|
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
|
|
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
|
|
91
|
+
var T;
|
|
92
92
|
function Er() {
|
|
93
|
-
return
|
|
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 =
|
|
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 =
|
|
114
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
115
115
|
return e;
|
|
116
116
|
}
|
|
117
|
-
function
|
|
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
|
-
}(
|
|
122
|
+
}(W)), W.exports;
|
|
123
123
|
}
|
|
124
124
|
var Pr = Er();
|
|
125
125
|
const Vr = /* @__PURE__ */ Ir(Pr), zr = {
|
|
126
|
-
"purpur-button": "_purpur-
|
|
127
|
-
"purpur-button--xs": "_purpur-button--
|
|
128
|
-
"purpur-button--icon-only": "_purpur-button--icon-
|
|
129
|
-
"purpur-button--sm": "_purpur-button--
|
|
130
|
-
"purpur-button--md": "_purpur-button--
|
|
131
|
-
"purpur-button--lg": "_purpur-button--
|
|
132
|
-
"purpur-button--full-width": "_purpur-button--full-
|
|
133
|
-
"purpur-button--primary": "_purpur-button--
|
|
134
|
-
"purpur-button--disabled": "_purpur-button--
|
|
135
|
-
"purpur-button--primary-negative": "_purpur-button--primary-
|
|
136
|
-
"purpur-button--secondary": "_purpur-button--
|
|
137
|
-
"purpur-button--secondary-negative": "_purpur-button--secondary-
|
|
138
|
-
"purpur-button--expressive": "_purpur-button--
|
|
139
|
-
"purpur-button--expressive-negative": "_purpur-button--expressive-
|
|
140
|
-
"purpur-button--negative": "_purpur-button--
|
|
141
|
-
"purpur-button--destructive": "_purpur-button--
|
|
142
|
-
"purpur-button--destructive-negative": "_purpur-button--destructive-
|
|
143
|
-
"purpur-button--tertiary-purple": "_purpur-button--tertiary-
|
|
144
|
-
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-
|
|
145
|
-
"purpur-button--text-negative": "_purpur-button--text-
|
|
146
|
-
"purpur-button--text": "_purpur-button--
|
|
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:
|
|
153
|
+
iconOnly: p,
|
|
154
154
|
loading: r = !1,
|
|
155
155
|
negative: e = !1,
|
|
156
156
|
onClick: i,
|
|
157
157
|
size: v = "md",
|
|
158
|
-
variant:
|
|
158
|
+
variant: b,
|
|
159
159
|
type: w = "button",
|
|
160
160
|
...g
|
|
161
161
|
}, N) => {
|
|
162
|
-
if (
|
|
162
|
+
if (p && b === "destructive")
|
|
163
163
|
return null;
|
|
164
164
|
const O = Dr(
|
|
165
165
|
[
|
|
166
166
|
h,
|
|
167
|
-
`${h}--${e ? `${
|
|
167
|
+
`${h}--${e ? `${b}-negative` : b}`,
|
|
168
168
|
`${h}--${v}`
|
|
169
169
|
],
|
|
170
170
|
{
|
|
171
|
-
[`${h}--icon-only`]:
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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
|
|
215
|
+
var H;
|
|
216
216
|
function Zr() {
|
|
217
|
-
return
|
|
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 =
|
|
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 =
|
|
238
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
239
239
|
return e;
|
|
240
240
|
}
|
|
241
|
-
function
|
|
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
|
-
}(
|
|
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),
|
|
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, ...
|
|
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,
|
|
270
|
-
return /* @__PURE__ */
|
|
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
|
|
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
|
|
288
|
+
var Y;
|
|
289
289
|
function Qr() {
|
|
290
|
-
return
|
|
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 =
|
|
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 =
|
|
311
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
312
312
|
return e;
|
|
313
313
|
}
|
|
314
|
-
function
|
|
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
|
-
}(
|
|
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-
|
|
324
|
-
"purpur-field-error-
|
|
325
|
-
|
|
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
|
-
|
|
329
|
-
|
|
330
|
-
|
|
329
|
+
negative: n = !1,
|
|
330
|
+
["aria-relevant"]: a = "additions text",
|
|
331
|
+
...p
|
|
332
|
+
}) => /* @__PURE__ */ y(
|
|
331
333
|
"div",
|
|
332
334
|
{
|
|
333
|
-
className:
|
|
335
|
+
className: J(u, C, {
|
|
336
|
+
[`${C}--negative`]: n
|
|
337
|
+
}),
|
|
334
338
|
"aria-live": "assertive",
|
|
335
|
-
"aria-relevant":
|
|
336
|
-
...
|
|
339
|
+
"aria-relevant": a,
|
|
340
|
+
...p,
|
|
337
341
|
children: [
|
|
338
|
-
/* @__PURE__ */
|
|
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
|
|
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
|
|
356
|
+
var Q;
|
|
353
357
|
function ut() {
|
|
354
|
-
return
|
|
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 =
|
|
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 =
|
|
379
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
376
380
|
return e;
|
|
377
381
|
}
|
|
378
|
-
function
|
|
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
|
-
}(
|
|
387
|
+
}(K)), K.exports;
|
|
384
388
|
}
|
|
385
389
|
var at = ut();
|
|
386
|
-
const
|
|
387
|
-
"purpur-field-helper-text": "_purpur-field-helper-
|
|
388
|
-
"purpur-field-helper-text--disabled": "_purpur-field-helper-text--
|
|
389
|
-
|
|
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
|
-
|
|
399
|
+
negative: p,
|
|
400
|
+
...r
|
|
395
401
|
}) => {
|
|
396
|
-
const
|
|
397
|
-
[`${
|
|
402
|
+
const e = ot(u, q, {
|
|
403
|
+
[`${q}--disabled`]: n,
|
|
404
|
+
[`${q}--negative`]: p
|
|
398
405
|
});
|
|
399
|
-
return /* @__PURE__ */
|
|
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 =
|
|
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 =
|
|
440
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
434
441
|
return e;
|
|
435
442
|
}
|
|
436
|
-
function
|
|
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(" "),
|
|
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
|
-
},
|
|
461
|
-
const r =
|
|
462
|
-
content:
|
|
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__ */
|
|
472
|
+
return /* @__PURE__ */ l("span", { className: e, dangerouslySetInnerHTML: { __html: r }, ...p });
|
|
466
473
|
};
|
|
467
|
-
|
|
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__ */
|
|
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__ */
|
|
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((
|
|
491
|
-
const r = nr(
|
|
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
|
|
497
|
-
const r = a[
|
|
498
|
-
typeof r == "function" ? r() : nr(t[
|
|
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,
|
|
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 =
|
|
507
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
516
|
+
return /* @__PURE__ */ l(I, { ...a, ref: u, children: n });
|
|
510
517
|
});
|
|
511
518
|
vr.displayName = "Slot";
|
|
512
|
-
var
|
|
519
|
+
var I = c.forwardRef((t, u) => {
|
|
513
520
|
const { children: n, ...a } = t;
|
|
514
521
|
if (c.isValidElement(n)) {
|
|
515
|
-
const
|
|
516
|
-
return n.type !== c.Fragment && (r.ref = u ? wt(u,
|
|
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
|
-
|
|
521
|
-
var St = ({ children: t }) => /* @__PURE__ */
|
|
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
|
|
529
|
-
/^on[A-Z]/.test(a) ?
|
|
530
|
-
r(...e),
|
|
531
|
-
} :
|
|
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,
|
|
538
|
-
return
|
|
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
|
|
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
|
-
],
|
|
558
|
-
const n = c.forwardRef((a,
|
|
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__ */
|
|
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
|
-
}, {}),
|
|
564
|
-
|
|
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 =
|
|
575
|
-
var
|
|
576
|
-
function
|
|
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 =
|
|
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 =
|
|
615
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
609
616
|
return e;
|
|
610
617
|
}
|
|
611
|
-
function
|
|
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__ */
|
|
620
|
-
"purpur-label": "_purpur-
|
|
621
|
-
"purpur-label--negative": "_purpur-label--
|
|
622
|
-
"purpur-label--disabled": "_purpur-label--
|
|
623
|
-
}, Pt = It.bind(Et),
|
|
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
|
-
...
|
|
635
|
+
...p
|
|
629
636
|
}) => {
|
|
630
|
-
const r = Pt(u,
|
|
631
|
-
[`${
|
|
632
|
-
[`${
|
|
637
|
+
const r = Pt(u, R, {
|
|
638
|
+
[`${R}--disabled`]: n,
|
|
639
|
+
[`${R}--negative`]: a
|
|
633
640
|
});
|
|
634
|
-
return /* @__PURE__ */
|
|
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
|
|
652
|
+
var pr;
|
|
646
653
|
function Dt() {
|
|
647
|
-
return
|
|
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 =
|
|
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 =
|
|
675
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
669
676
|
return e;
|
|
670
677
|
}
|
|
671
|
-
function
|
|
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
|
-
},
|
|
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__ */
|
|
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:
|
|
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
|
|
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 =
|
|
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 =
|
|
749
|
+
u.call(r, i) && r[i] && (e = p(e, this && this[i] || i));
|
|
743
750
|
return e;
|
|
744
751
|
}
|
|
745
|
-
function
|
|
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
|
-
}(
|
|
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:
|
|
783
|
+
afterField: p,
|
|
777
784
|
endAdornment: r,
|
|
778
785
|
errorText: e,
|
|
779
786
|
helperText: i,
|
|
780
787
|
hideRequiredAsterisk: v = !1,
|
|
781
|
-
label:
|
|
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
|
|
789
|
-
const S = wr(), j = o.id ?? S, _ = (d) => t ? `${t}-${d}` : void 0,
|
|
790
|
-
|
|
791
|
-
},
|
|
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 =
|
|
794
|
-
},
|
|
795
|
-
w && /* @__PURE__ */
|
|
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
|
-
|
|
811
|
+
V && /* @__PURE__ */ l(
|
|
805
812
|
cr,
|
|
806
813
|
{
|
|
807
814
|
variant: "tertiary-purple",
|
|
808
|
-
onClick:
|
|
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__ */
|
|
820
|
+
children: /* @__PURE__ */ l(fr, { size: "xs" })
|
|
814
821
|
},
|
|
815
822
|
"clear-button"
|
|
816
823
|
),
|
|
817
|
-
|
|
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),
|
|
826
|
-
[`${s}__input-container--start-adornment`]:
|
|
827
|
-
[`${s}__input-container--end-adornment`]:
|
|
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`]:
|
|
836
|
+
[`${s}__input-container--has-clear-button`]: V,
|
|
830
837
|
[`${s}__input-container--readonly`]: o.readOnly && !o.disabled
|
|
831
838
|
});
|
|
832
|
-
return /* @__PURE__ */
|
|
833
|
-
|
|
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__ */
|
|
842
|
-
|
|
848
|
+
o.required && !v && /* @__PURE__ */ l("span", { "aria-hidden": !0, children: "*" }),
|
|
849
|
+
b
|
|
843
850
|
]
|
|
844
851
|
}
|
|
845
852
|
),
|
|
846
|
-
/* @__PURE__ */
|
|
853
|
+
/* @__PURE__ */ y("div", { className: f(`${s}__field-row`), children: [
|
|
847
854
|
!!a && a,
|
|
848
|
-
/* @__PURE__ */
|
|
849
|
-
!!
|
|
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:
|
|
861
|
+
children: M
|
|
855
862
|
}
|
|
856
863
|
),
|
|
857
|
-
/* @__PURE__ */
|
|
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"] ||
|
|
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`]:
|
|
876
|
+
[`${s}__input--valid`]: P,
|
|
870
877
|
[`${s}__input--error`]: !!e
|
|
871
878
|
}
|
|
872
879
|
])
|
|
873
880
|
}
|
|
874
881
|
),
|
|
875
|
-
/* @__PURE__ */
|
|
876
|
-
(!!
|
|
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
|
-
|
|
889
|
+
A,
|
|
883
890
|
r
|
|
884
891
|
]
|
|
885
892
|
}
|
|
886
893
|
)
|
|
887
894
|
] }),
|
|
888
|
-
!!
|
|
895
|
+
!!p && p
|
|
889
896
|
] }),
|
|
890
|
-
|
|
891
|
-
e && /* @__PURE__ */
|
|
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
|
);
|