@stenajs-webui/forms 23.16.3 → 23.17.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/index.es.js CHANGED
@@ -1,16 +1,16 @@
1
- import { jsx as o, jsxs as f, Fragment as N } from "react/jsx-runtime";
2
- import { Row as k, Box as xt, Space as g, ScreenReaderOnlyText as C, Text as j, parseFloatElseUndefined as q, getDataProps as kt, useTimeoutState as Tt } from "@stenajs-webui/core";
3
- import * as St from "react";
4
- import { useCallback as m, forwardRef as W, useRef as D, useEffect as K, useMemo as Rt, useState as Nt, useId as z } from "react";
5
- import { PrimaryButton as M, stenaMinus as G, stenaPlus as X, Icon as J, stenaCheck as Q, stenaExclamationTriangle as Y, InputSpinner as Z, UpDownButtons as $t, FlatButton as A, TextInputButton as H, stenaEyeShow as Ct, stenaEyeHide as jt, stenaAngleDown as qt, stenaCopy as vt } from "@stenajs-webui/elements";
6
- import b from "classnames";
7
- import { cssColor as E } from "@stenajs-webui/theme";
1
+ import { jsx as o, jsxs as m, Fragment as N } from "react/jsx-runtime";
2
+ import { Row as k, Box as Tt, Space as B, ScreenReaderOnlyText as A, Text as C, parseFloatElseUndefined as v, getDataProps as kt, useTimeoutState as St } from "@stenajs-webui/core";
3
+ import * as Rt from "react";
4
+ import { useCallback as y, forwardRef as H, useRef as M, useEffect as Q, useMemo as Nt, useState as $t, useId as O } from "react";
5
+ import { PrimaryButton as G, stenaMinus as Y, stenaPlus as Z, Icon as V, stenaCheck as tt, stenaExclamationTriangle as et, InputSpinner as nt, UpDownButtons as At, FlatButton as L, TextInputButton as D, stenaEyeShow as Ct, stenaEyeHide as vt, stenaAngleDown as jt, stenaCopy as qt } from "@stenajs-webui/elements";
6
+ import g from "classnames";
7
+ import { cssColor as U } from "@stenajs-webui/theme";
8
8
  import { FontAwesomeIcon as Pt } from "@fortawesome/react-fontawesome";
9
9
  import { isNil as S } from "lodash-es";
10
- import { Tooltip as At } from "@stenajs-webui/tooltip";
11
- import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
12
- readOnlyInput: Ht
13
- }, Wt = ({
10
+ import { Tooltip as Ht } from "@stenajs-webui/tooltip";
11
+ import './index.css';const Ft = "_readOnlyInput_7bzmw_1", Wt = {
12
+ readOnlyInput: Ft
13
+ }, Lt = ({
14
14
  value: t,
15
15
  id: e,
16
16
  ...n
@@ -22,9 +22,9 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
22
22
  id: e,
23
23
  value: t,
24
24
  readOnly: !0,
25
- className: Ft.readOnlyInput
25
+ className: Wt.readOnlyInput
26
26
  }
27
- ), sn = ({
27
+ ), hn = ({
28
28
  value: t,
29
29
  onValueChange: e,
30
30
  variant: n,
@@ -34,32 +34,32 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
34
34
  ariaLabelDecrease: i,
35
35
  ariaLabelIncrease: a,
36
36
  textValueAriaLabel: s,
37
- increaseTestId: _,
37
+ increaseTestId: p,
38
38
  decreaseTestId: h,
39
- onIncrease: d,
40
- onDecrease: u,
41
- size: p
39
+ onIncrease: u,
40
+ onDecrease: d,
41
+ size: _
42
42
  }) => {
43
- const y = m(() => {
44
- d?.(), e?.(t + 1);
45
- }, [d, e, t]), B = m(() => {
46
- u?.(), e?.(t - 1);
47
- }, [u, e, t]);
48
- return /* @__PURE__ */ f(k, { alignItems: "center", children: [
43
+ const f = y(() => {
44
+ u?.(), e?.(t + 1);
45
+ }, [u, e, t]), b = y(() => {
46
+ d?.(), e?.(t - 1);
47
+ }, [d, e, t]);
48
+ return /* @__PURE__ */ m(k, { alignItems: "center", children: [
49
49
  /* @__PURE__ */ o(
50
- M,
50
+ G,
51
51
  {
52
- size: p,
52
+ size: _,
53
53
  "aria-label": i,
54
54
  variant: n,
55
- leftIcon: G,
55
+ leftIcon: Y,
56
56
  "data-testid": h ?? "decrease",
57
57
  disabled: r,
58
- onClick: B
58
+ onClick: b
59
59
  }
60
60
  ),
61
61
  /* @__PURE__ */ o(
62
- Wt,
62
+ Lt,
63
63
  {
64
64
  id: c,
65
65
  "data-testid": "amountStepperValue",
@@ -68,37 +68,37 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
68
68
  }
69
69
  ),
70
70
  /* @__PURE__ */ o(
71
- M,
71
+ G,
72
72
  {
73
- size: p,
74
- leftIcon: X,
73
+ size: _,
74
+ leftIcon: Z,
75
75
  variant: n,
76
76
  "aria-label": a,
77
- "data-testid": _ ?? "increase",
77
+ "data-testid": p ?? "increase",
78
78
  disabled: l,
79
- onClick: y
79
+ onClick: f
80
80
  }
81
81
  )
82
82
  ] });
83
- }, Dt = "_knob_1d6s8_56", Et = "_filler_1d6s8_61", Lt = "_checked_1d6s8_75", $ = {
83
+ }, Dt = "_knob_1d6s8_56", Et = "_filler_1d6s8_61", Mt = "_checked_1d6s8_75", $ = {
84
84
  switch: "_switch_1d6s8_1",
85
85
  knob: Dt,
86
86
  filler: Et,
87
- checked: Lt
88
- }, Mt = `${$.switch} ${$.checked}`, Ot = ({
87
+ checked: Mt
88
+ }, Ot = `${$.switch} ${$.checked}`, Ut = ({
89
89
  value: t,
90
90
  disabled: e,
91
91
  onValueChange: n,
92
92
  className: r,
93
93
  wrapperRef: l,
94
94
  ...c
95
- }) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ f(
95
+ }) => /* @__PURE__ */ o("div", { className: r, ref: l, children: /* @__PURE__ */ m(
96
96
  "button",
97
97
  {
98
98
  type: "button",
99
99
  role: "switch",
100
100
  "aria-checked": t,
101
- className: t ? Mt : $.switch,
101
+ className: t ? Ot : $.switch,
102
102
  disabled: e,
103
103
  onClick: () => n && n(!t),
104
104
  ...c,
@@ -107,19 +107,19 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
107
107
  /* @__PURE__ */ o("div", { className: $.knob })
108
108
  ]
109
109
  }
110
- ) }), an = ({
110
+ ) }), mn = ({
111
111
  label: t,
112
112
  disabled: e,
113
113
  textColor: n,
114
114
  wrapperRef: r,
115
115
  screenReaderLabel: l,
116
116
  ...c
117
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(xt, { row: !0, alignItems: "center", children: [
118
- /* @__PURE__ */ o(Ot, { disabled: e, ...c }),
119
- /* @__PURE__ */ o(g, {}),
120
- l ? /* @__PURE__ */ o(C, { children: l }) : null,
117
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(Tt, { row: !0, alignItems: "center", children: [
118
+ /* @__PURE__ */ o(Ut, { disabled: e, ...c }),
119
+ /* @__PURE__ */ o(B, {}),
120
+ l ? /* @__PURE__ */ o(A, { children: l }) : null,
121
121
  /* @__PURE__ */ o(
122
- j,
122
+ C,
123
123
  {
124
124
  color: n,
125
125
  "aria-hidden": !!l,
@@ -127,11 +127,11 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
127
127
  children: t
128
128
  }
129
129
  )
130
- ] }) }) }), Ut = "_checkbox_173af_1", Kt = "_standard_173af_40", zt = "_small_173af_52", O = {
131
- checkbox: Ut,
132
- standard: Kt,
133
- small: zt
134
- }, Gt = W(
130
+ ] }) }) }), Kt = "_checkbox_173af_1", zt = "_standard_173af_40", Gt = "_small_173af_52", X = {
131
+ checkbox: Kt,
132
+ standard: zt,
133
+ small: Gt
134
+ }, Xt = H(
135
135
  ({
136
136
  indeterminate: t = !1,
137
137
  onChange: e,
@@ -141,29 +141,29 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
141
141
  className: c,
142
142
  ...i
143
143
  }, a) => {
144
- const s = D(null), _ = (d) => {
145
- s.current = d, s.current && (s.current.indeterminate = !!t), a && (typeof a == "function" ? a(d) : a.current = d);
146
- }, h = m(
147
- (d) => {
148
- e && e(d), n && n(d.target.checked);
144
+ const s = M(null), p = (u) => {
145
+ s.current = u, s.current && (s.current.indeterminate = !!t), a && (typeof a == "function" ? a(u) : a.current = u);
146
+ }, h = y(
147
+ (u) => {
148
+ e && e(u), n && n(u.target.checked);
149
149
  },
150
150
  [e, n]
151
151
  );
152
- return K(() => {
152
+ return Q(() => {
153
153
  s.current && (s.current.indeterminate = !!t);
154
154
  }, [t, s]), /* @__PURE__ */ o(
155
155
  "input",
156
156
  {
157
157
  type: "checkbox",
158
- className: b(O.checkbox, O[l], c),
158
+ className: g(X.checkbox, X[l], c),
159
159
  checked: r,
160
160
  onChange: h,
161
- ref: _,
161
+ ref: p,
162
162
  ...i
163
163
  }
164
164
  );
165
165
  }
166
- ), dn = ({
166
+ ), fn = ({
167
167
  children: t,
168
168
  label: e,
169
169
  inputRef: n,
@@ -171,12 +171,12 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
171
171
  textColor: l,
172
172
  screenReaderLabel: c,
173
173
  ...i
174
- }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(k, { alignItems: "center", children: [
175
- /* @__PURE__ */ o(Gt, { ...i, ref: n }),
176
- /* @__PURE__ */ o(g, {}),
177
- c ? /* @__PURE__ */ o(C, { children: c }) : null,
174
+ }) => /* @__PURE__ */ o("div", { ref: r, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(k, { alignItems: "center", children: [
175
+ /* @__PURE__ */ o(Xt, { ...i, ref: n }),
176
+ /* @__PURE__ */ o(B, {}),
177
+ c ? /* @__PURE__ */ o(A, { children: c }) : null,
178
178
  /* @__PURE__ */ o(
179
- j,
179
+ C,
180
180
  {
181
181
  color: l,
182
182
  "aria-hidden": !!c,
@@ -185,11 +185,11 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
185
185
  }
186
186
  ),
187
187
  t
188
- ] }) }) }), Xt = "_radiobutton_a19yk_1", Jt = "_standard_a19yk_46", Qt = "_small_a19yk_56", U = {
189
- radiobutton: Xt,
190
- standard: Jt,
191
- small: Qt
192
- }, V = W(
188
+ ] }) }) }), Jt = "_radiobutton_a19yk_1", Qt = "_standard_a19yk_46", Yt = "_small_a19yk_56", J = {
189
+ radiobutton: Jt,
190
+ standard: Qt,
191
+ small: Yt
192
+ }, ot = H(
193
193
  ({
194
194
  onChange: t,
195
195
  onValueChange: e,
@@ -198,7 +198,7 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
198
198
  className: l,
199
199
  ...c
200
200
  }, i) => {
201
- const a = m(
201
+ const a = y(
202
202
  (s) => {
203
203
  t && t(s), e && e(s.target.value);
204
204
  },
@@ -209,20 +209,20 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
209
209
  {
210
210
  type: "radio",
211
211
  name: r,
212
- className: b(U.radiobutton, U[n], l),
212
+ className: g(J.radiobutton, J[n], l),
213
213
  onChange: a,
214
214
  ref: i,
215
215
  ...c
216
216
  }
217
217
  );
218
218
  }
219
- ), Yt = "_radioButtonBox_yl38n_1", Zt = "_medium_yl38n_14", Vt = "_large_yl38n_19", te = "_danger_yl38n_28", ee = "_radioButtonWrapper_yl38n_39", P = {
220
- radioButtonBox: Yt,
221
- medium: Zt,
222
- large: Vt,
223
- danger: te,
224
- radioButtonWrapper: ee
225
- }, un = ({
219
+ ), Zt = "_radioButtonBox_yl38n_1", Vt = "_medium_yl38n_14", te = "_large_yl38n_19", ee = "_danger_yl38n_28", ne = "_radioButtonWrapper_yl38n_39", W = {
220
+ radioButtonBox: Zt,
221
+ medium: Vt,
222
+ large: te,
223
+ danger: ee,
224
+ radioButtonWrapper: ne
225
+ }, yn = ({
226
226
  label: t,
227
227
  screenReaderLabel: e,
228
228
  variant: n = "normal",
@@ -232,42 +232,42 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
232
232
  contentRight: i,
233
233
  style: a,
234
234
  disabled: s,
235
- radioButtonClassName: _,
235
+ radioButtonClassName: p,
236
236
  ...h
237
237
  }) => {
238
- const d = s ? E("--swui-text-disabled-color") : void 0;
238
+ const u = s ? U("--swui-text-disabled-color") : void 0;
239
239
  return /* @__PURE__ */ o(
240
240
  "label",
241
241
  {
242
- className: b(
243
- P.radioButtonBox,
244
- P[n],
245
- P[r],
242
+ className: g(
243
+ W.radioButtonBox,
244
+ W[n],
245
+ W[r],
246
246
  l
247
247
  ),
248
248
  style: a,
249
- children: /* @__PURE__ */ f(k, { justifyContent: "space-between", flexGrow: 1, children: [
250
- /* @__PURE__ */ f(k, { alignItems: "center", children: [
249
+ children: /* @__PURE__ */ m(k, { justifyContent: "space-between", flexGrow: 1, children: [
250
+ /* @__PURE__ */ m(k, { alignItems: "center", children: [
251
251
  /* @__PURE__ */ o(
252
- V,
252
+ ot,
253
253
  {
254
254
  ...h,
255
255
  disabled: s,
256
- className: _
256
+ className: p
257
257
  }
258
258
  ),
259
- /* @__PURE__ */ o(g, {}),
260
- e ? /* @__PURE__ */ o(C, { children: e }) : null,
261
- /* @__PURE__ */ o(j, { color: d, "aria-hidden": !!e, children: t })
259
+ /* @__PURE__ */ o(B, {}),
260
+ e ? /* @__PURE__ */ o(A, { children: e }) : null,
261
+ /* @__PURE__ */ o(C, { color: u, "aria-hidden": !!e, children: t })
262
262
  ] }),
263
- /* @__PURE__ */ f(
263
+ /* @__PURE__ */ m(
264
264
  k,
265
265
  {
266
266
  alignItems: "center",
267
267
  width: c ? "48px" : void 0,
268
268
  justifyContent: "center",
269
269
  children: [
270
- c && /* @__PURE__ */ o(J, { icon: c, size: 24, color: d }),
270
+ c && /* @__PURE__ */ o(V, { icon: c, size: 24, color: u }),
271
271
  !c && i
272
272
  ]
273
273
  }
@@ -275,19 +275,19 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
275
275
  ] })
276
276
  }
277
277
  );
278
- }, _n = ({
278
+ }, bn = ({
279
279
  label: t,
280
280
  inputRef: e,
281
281
  wrapperRef: n,
282
282
  textColor: r,
283
283
  screenReaderLabel: l,
284
284
  ...c
285
- }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ f(k, { alignItems: "center", children: [
286
- /* @__PURE__ */ o(V, { ref: e, ...c }),
287
- /* @__PURE__ */ o(g, {}),
288
- l ? /* @__PURE__ */ o(C, { children: l }) : null,
285
+ }) => /* @__PURE__ */ o("div", { ref: n, children: /* @__PURE__ */ o("label", { children: /* @__PURE__ */ m(k, { alignItems: "center", children: [
286
+ /* @__PURE__ */ o(ot, { ref: e, ...c }),
287
+ /* @__PURE__ */ o(B, {}),
288
+ l ? /* @__PURE__ */ o(A, { children: l }) : null,
289
289
  /* @__PURE__ */ o(
290
- j,
290
+ C,
291
291
  {
292
292
  color: r,
293
293
  "aria-hidden": !!l,
@@ -295,45 +295,45 @@ import './index.css';const Ht = "_readOnlyInput_7bzmw_1", Ft = {
295
295
  children: t
296
296
  }
297
297
  )
298
- ] }) }) }), ne = (t, e, n, r, l, c, i, a) => {
299
- const s = D(!1), _ = (u) => {
300
- s.current || c?.(u.target.value ?? ""), i?.(u);
301
- }, h = (u) => {
302
- s.current = !1, a?.(u);
298
+ ] }) }) }), oe = (t, e, n, r, l, c, i, a) => {
299
+ const s = M(!1), p = (d) => {
300
+ s.current || c?.(d.target.value ?? ""), i?.(d);
301
+ }, h = (d) => {
302
+ s.current = !1, a?.(d);
303
303
  };
304
304
  return {
305
- onKeyDownHandler: m(
306
- (u) => {
307
- const { key: p } = u;
308
- if (p === "Enter")
309
- s.current = !0, n?.(), c?.(u.currentTarget.value ?? "");
310
- else if (p === "Escape")
311
- s.current = !0, r?.(), u.preventDefault(), u.stopPropagation();
305
+ onKeyDownHandler: y(
306
+ (d) => {
307
+ const { key: _ } = d;
308
+ if (_ === "Enter")
309
+ s.current = !0, n?.(), c?.(d.currentTarget.value ?? "");
310
+ else if (_ === "Escape")
311
+ s.current = !0, r?.(), d.preventDefault(), d.stopPropagation();
312
312
  else if (l) {
313
- const y = (B, w) => {
314
- s.current = !0, t.current.blur(), l(B), w.preventDefault(), w.stopPropagation();
313
+ const f = (b, x) => {
314
+ s.current = !0, t.current.blur(), l(b), x.preventDefault(), x.stopPropagation();
315
315
  };
316
- u.shiftKey && p === "Tab" ? y("left", u) : p === "Tab" ? y("right", u) : p === "ArrowUp" ? y("up", u) : p === "ArrowDown" ? y("down", u) : p === "ArrowRight" ? t.current.value.length === t.current.selectionStart && y("right", u) : p === "ArrowLeft" && t.current.selectionStart === 0 && y("left", u);
316
+ d.shiftKey && _ === "Tab" ? f("left", d) : _ === "Tab" ? f("right", d) : _ === "ArrowUp" ? f("up", d) : _ === "ArrowDown" ? f("down", d) : _ === "ArrowRight" ? t.current.value.length === t.current.selectionStart && f("right", d) : _ === "ArrowLeft" && t.current.selectionStart === 0 && f("left", d);
317
317
  }
318
- e && e(u);
318
+ e && e(d);
319
319
  },
320
320
  [r, l, e, t, n, c]
321
321
  ),
322
- onBlurHandler: _,
322
+ onBlurHandler: p,
323
323
  onFocusHandler: h
324
324
  };
325
325
  };
326
- function oe(t) {
326
+ function re(t) {
327
327
  return t.tagName === "TEXTAREA" || t.tagName === "INPUT" && (t.type === "text" || t.type === "search" || t.type === "url" || t.type === "tel" || t.type === "password");
328
328
  }
329
- const re = (t, e, n) => {
330
- K(() => {
331
- t.current && oe(t.current) && (n ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
329
+ const le = (t, e, n) => {
330
+ Q(() => {
331
+ t.current && re(t.current) && (n ? t.current.setSelectionRange(0, t.current.value.length) : e && t.current.setSelectionRange(
332
332
  t.current.value.length,
333
333
  t.current.value.length
334
334
  ));
335
335
  }, [e, t, n]);
336
- }, le = (t, {
336
+ }, ce = (t, {
337
337
  onEnter: e,
338
338
  onEsc: n,
339
339
  onChange: r,
@@ -342,53 +342,53 @@ const re = (t, e, n) => {
342
342
  moveCursorToEndOnMount: i,
343
343
  onDone: a,
344
344
  onMove: s,
345
- onFocus: _,
345
+ onFocus: p,
346
346
  onBlur: h,
347
- onKeyDown: d,
348
- autoFocus: u
347
+ onKeyDown: u,
348
+ autoFocus: d
349
349
  }) => {
350
- re(t, !!i, !!c);
351
- const { onKeyDownHandler: p, onFocusHandler: y, onBlurHandler: B } = ne(
350
+ le(t, !!i, !!c);
351
+ const { onKeyDownHandler: _, onFocusHandler: f, onBlurHandler: b } = oe(
352
352
  t,
353
- d,
353
+ u,
354
354
  e,
355
355
  n,
356
356
  s,
357
357
  a,
358
358
  h,
359
- _
360
- ), w = m(
361
- (T) => {
362
- r?.(T), l?.(T.target.value);
359
+ p
360
+ ), x = y(
361
+ (w) => {
362
+ r?.(w), l?.(w.target.value);
363
363
  },
364
364
  [r, l]
365
365
  );
366
366
  return {
367
- onBlur: B,
368
- onChange: w,
369
- onFocus: y,
370
- onKeyDown: p,
371
- autoFocus: c || u
367
+ onBlur: b,
368
+ onChange: x,
369
+ onFocus: f,
370
+ onKeyDown: _,
371
+ autoFocus: c || d
372
372
  };
373
- }, ce = "_textInput_1qe61_1", se = "_onlyTop_1qe61_11", ie = "_disabled_1qe61_15", ae = "_onlyBottom_1qe61_20", de = "_onlyLeft_1qe61_28", ue = "_onlyRight_1qe61_37", _e = "_input_1qe61_50", pe = "_alwaysShowPlaceholder_1qe61_74", he = "_icon_1qe61_85", fe = "_standard_1qe61_95", ye = "_success_1qe61_96", me = "_loading_1qe61_108", ge = "_modified_1qe61_113", be = "_error_1qe61_122", Be = "_warning_1qe61_131", Ie = "_hideBorder_1qe61_145", we = "_clickable_1qe61_152", I = {
374
- textInput: ce,
375
- onlyTop: se,
376
- disabled: ie,
377
- onlyBottom: ae,
378
- onlyLeft: de,
379
- onlyRight: ue,
380
- input: _e,
381
- alwaysShowPlaceholder: pe,
382
- icon: he,
373
+ }, se = "_textInput_1qe61_1", ie = "_onlyTop_1qe61_11", ae = "_disabled_1qe61_15", de = "_onlyBottom_1qe61_20", ue = "_onlyLeft_1qe61_28", _e = "_onlyRight_1qe61_37", pe = "_input_1qe61_50", he = "_alwaysShowPlaceholder_1qe61_74", me = "_icon_1qe61_85", fe = "_standard_1qe61_95", ye = "_success_1qe61_96", be = "_loading_1qe61_108", ge = "_modified_1qe61_113", Be = "_error_1qe61_122", Ie = "_warning_1qe61_131", xe = "_hideBorder_1qe61_145", we = "_clickable_1qe61_152", I = {
374
+ textInput: se,
375
+ onlyTop: ie,
376
+ disabled: ae,
377
+ onlyBottom: de,
378
+ onlyLeft: ue,
379
+ onlyRight: _e,
380
+ input: pe,
381
+ alwaysShowPlaceholder: he,
382
+ icon: me,
383
383
  standard: fe,
384
384
  success: ye,
385
- loading: me,
385
+ loading: be,
386
386
  modified: ge,
387
- error: be,
388
- warning: Be,
389
- hideBorder: Ie,
387
+ error: Be,
388
+ warning: Ie,
389
+ hideBorder: xe,
390
390
  clickable: we
391
- }, v = ({
391
+ }, P = ({
392
392
  button: t,
393
393
  icon: e,
394
394
  iconClassName: n,
@@ -398,25 +398,25 @@ const re = (t, e, n) => {
398
398
  disableContentPadding: i,
399
399
  disableContentPaddingLeft: a,
400
400
  disableContentPaddingRight: s
401
- }) => !r && !e && !t ? null : t ? /* @__PURE__ */ f(N, { children: [
402
- l ? /* @__PURE__ */ o(g, { num: 0.25 }) : null,
401
+ }) => !r && !e && !t ? null : t ? /* @__PURE__ */ m(N, { children: [
402
+ l ? /* @__PURE__ */ o(B, { num: 0.25 }) : null,
403
403
  t,
404
- c ? /* @__PURE__ */ o(g, { num: 0.25 }) : null
405
- ] }) : r ? /* @__PURE__ */ f(N, { children: [
406
- l && !(i || a) ? /* @__PURE__ */ o(g, {}) : null,
404
+ c ? /* @__PURE__ */ o(B, { num: 0.25 }) : null
405
+ ] }) : r ? /* @__PURE__ */ m(N, { children: [
406
+ l && !(i || a) ? /* @__PURE__ */ o(B, {}) : null,
407
407
  r || null,
408
- c && !(i || s) ? /* @__PURE__ */ o(g, {}) : null
409
- ] }) : /* @__PURE__ */ f(N, { children: [
410
- l ? /* @__PURE__ */ o(g, {}) : null,
408
+ c && !(i || s) ? /* @__PURE__ */ o(B, {}) : null
409
+ ] }) : /* @__PURE__ */ m(N, { children: [
410
+ l ? /* @__PURE__ */ o(B, {}) : null,
411
411
  e && /* @__PURE__ */ o(
412
412
  Pt,
413
413
  {
414
414
  icon: e,
415
- className: b(I.icon, n)
415
+ className: g(I.icon, n)
416
416
  }
417
417
  ),
418
- c ? /* @__PURE__ */ o(g, {}) : null
419
- ] }), tt = (t) => {
418
+ c ? /* @__PURE__ */ o(B, {}) : null
419
+ ] }), rt = (t) => {
420
420
  const {
421
421
  variant: e = "standard",
422
422
  inputRef: n,
@@ -426,48 +426,48 @@ const re = (t, e, n) => {
426
426
  buttonRight: i,
427
427
  contentLeft: a,
428
428
  contentRight: s,
429
- disableContentPadding: _,
429
+ disableContentPadding: p,
430
430
  disableContentPaddingLeft: h,
431
- disableContentPaddingRight: d,
432
- iconLeft: u,
433
- iconRight: p,
434
- moveCursorToEndOnMount: y,
435
- selectAllOnMount: B,
436
- autoFocus: w,
437
- onValueChange: T,
438
- wrapperClassName: rt,
439
- wrapperStyle: lt,
440
- onDone: ct,
441
- onEnter: st,
442
- onEsc: it,
443
- onMove: at,
444
- onChange: dt,
445
- onKeyDown: ut,
446
- hideBorder: _t,
447
- onFocus: pt,
448
- onBlur: ht,
431
+ disableContentPaddingRight: u,
432
+ iconLeft: d,
433
+ iconRight: _,
434
+ moveCursorToEndOnMount: f,
435
+ selectAllOnMount: b,
436
+ autoFocus: x,
437
+ onValueChange: w,
438
+ wrapperClassName: F,
439
+ wrapperStyle: j,
440
+ onDone: st,
441
+ onEnter: it,
442
+ onEsc: at,
443
+ onMove: dt,
444
+ onChange: ut,
445
+ onKeyDown: _t,
446
+ hideBorder: pt,
447
+ onFocus: ht,
448
+ onBlur: mt,
449
449
  borderRadiusVariant: ft = "normalBorder",
450
450
  width: yt,
451
- alwaysShowPlaceholder: mt,
451
+ alwaysShowPlaceholder: bt,
452
452
  ...gt
453
- } = t, bt = D(null), L = n ?? bt, Bt = le(L, {
454
- onEnter: st,
455
- onEsc: it,
456
- onChange: dt,
457
- onValueChange: T,
458
- selectAllOnMount: B,
459
- moveCursorToEndOnMount: y,
460
- onDone: ct,
461
- onMove: at,
462
- onFocus: pt,
463
- onBlur: ht,
464
- onKeyDown: ut,
465
- autoFocus: w
466
- }), It = e === "success" ? Q : e === "warning" || e === "error" ? Y : p, wt = e === "loading" ? /* @__PURE__ */ o(Z, {}) : s;
467
- return /* @__PURE__ */ f(
453
+ } = t, Bt = M(null), z = n ?? Bt, It = ce(z, {
454
+ onEnter: it,
455
+ onEsc: at,
456
+ onChange: ut,
457
+ onValueChange: w,
458
+ selectAllOnMount: b,
459
+ moveCursorToEndOnMount: f,
460
+ onDone: st,
461
+ onMove: dt,
462
+ onFocus: ht,
463
+ onBlur: mt,
464
+ onKeyDown: _t,
465
+ autoFocus: x
466
+ }), xt = e === "success" ? tt : e === "warning" || e === "error" ? et : _, wt = e === "loading" ? /* @__PURE__ */ o(nt, {}) : s;
467
+ return /* @__PURE__ */ m(
468
468
  "div",
469
469
  {
470
- className: b(
470
+ className: g(
471
471
  I.textInput,
472
472
  I[e],
473
473
  I[ft],
@@ -475,20 +475,20 @@ const re = (t, e, n) => {
475
475
  [I.disabled]: r
476
476
  },
477
477
  {
478
- [I.hideBorder]: _t
478
+ [I.hideBorder]: pt
479
479
  },
480
- rt
480
+ F
481
481
  ),
482
- style: { width: yt, ...lt },
482
+ style: { width: yt, ...j },
483
483
  children: [
484
484
  /* @__PURE__ */ o(
485
- v,
485
+ P,
486
486
  {
487
487
  content: a,
488
- disableContentPadding: _,
488
+ disableContentPadding: p,
489
489
  disableContentPaddingLeft: h,
490
- disableContentPaddingRight: d,
491
- icon: u,
490
+ disableContentPaddingRight: u,
491
+ icon: d,
492
492
  spaceOnLeft: !0,
493
493
  button: c
494
494
  }
@@ -496,29 +496,29 @@ const re = (t, e, n) => {
496
496
  /* @__PURE__ */ o(
497
497
  "input",
498
498
  {
499
- className: b(
499
+ className: g(
500
500
  I.input,
501
501
  {
502
- [I.alwaysShowPlaceholder]: mt
502
+ [I.alwaysShowPlaceholder]: bt
503
503
  },
504
504
  l
505
505
  ),
506
506
  type: "text",
507
507
  disabled: r,
508
- ref: L,
509
- autoFocus: w,
508
+ ref: z,
509
+ autoFocus: x,
510
510
  ...gt,
511
- ...Bt
511
+ ...It
512
512
  }
513
513
  ),
514
514
  /* @__PURE__ */ o(
515
- v,
515
+ P,
516
516
  {
517
517
  content: wt,
518
- disableContentPadding: _,
518
+ disableContentPadding: p,
519
519
  disableContentPaddingLeft: h,
520
- disableContentPaddingRight: d,
521
- icon: It,
520
+ disableContentPaddingRight: u,
521
+ icon: xt,
522
522
  spaceOnRight: !0,
523
523
  button: i
524
524
  }
@@ -526,9 +526,9 @@ const re = (t, e, n) => {
526
526
  ]
527
527
  }
528
528
  );
529
- }, xe = "_numericTextInputInput_1tnr6_1", ke = {
530
- numericTextInputInput: xe
531
- }, et = ({
529
+ }, Te = "_numericTextInputInput_1tnr6_1", ke = {
530
+ numericTextInputInput: Te
531
+ }, lt = ({
532
532
  onValueChange: t,
533
533
  value: e,
534
534
  numSteps: n,
@@ -537,12 +537,12 @@ const re = (t, e, n) => {
537
537
  }) => {
538
538
  if (t)
539
539
  if (!e)
540
- t(String(F(n, r, l)));
540
+ t(String(E(n, r, l)));
541
541
  else {
542
- const i = (q(e) || 0) + n;
543
- t(String(F(i, r, l)));
542
+ const i = (v(e) || 0) + n;
543
+ t(String(E(i, r, l)));
544
544
  }
545
- }, nt = ({
545
+ }, ct = ({
546
546
  onValueChange: t,
547
547
  newValue: e,
548
548
  min: n,
@@ -552,13 +552,13 @@ const re = (t, e, n) => {
552
552
  if (e === "")
553
553
  t("");
554
554
  else {
555
- const c = q(e) || 0;
556
- t(String(F(c, n, r)));
555
+ const c = v(e) || 0;
556
+ t(String(E(c, n, r)));
557
557
  }
558
- }, F = (t, e, n) => {
558
+ }, E = (t, e, n) => {
559
559
  let r = t;
560
560
  return e != null && (r = Math.max(e, r)), n != null && (r = Math.min(n, r)), r;
561
- }, Te = ({
561
+ }, Se = ({
562
562
  value: t,
563
563
  onValueChange: e,
564
564
  max: n,
@@ -568,29 +568,29 @@ const re = (t, e, n) => {
568
568
  disabled: i,
569
569
  className: a,
570
570
  hideButtons: s,
571
- ..._
571
+ ...p
572
572
  }) => {
573
- const h = m(
574
- (p) => {
575
- et({ onValueChange: e, value: t, numSteps: p, min: r, max: n });
573
+ const h = y(
574
+ (_) => {
575
+ lt({ onValueChange: e, value: t, numSteps: _, min: r, max: n });
576
576
  },
577
577
  [t, n, r, e]
578
- ), d = m(
579
- (p) => {
580
- nt({ onValueChange: e, newValue: p, min: r, max: n });
578
+ ), u = y(
579
+ (_) => {
580
+ ct({ onValueChange: e, newValue: _, min: r, max: n });
581
581
  },
582
582
  [n, r, e]
583
583
  );
584
584
  return /* @__PURE__ */ o(
585
- tt,
585
+ rt,
586
586
  {
587
- contentRight: s ? c : /* @__PURE__ */ f(N, { children: [
588
- c && /* @__PURE__ */ f(N, { children: [
587
+ contentRight: s ? c : /* @__PURE__ */ m(N, { children: [
588
+ c && /* @__PURE__ */ m(N, { children: [
589
589
  c,
590
- /* @__PURE__ */ o(g, {})
590
+ /* @__PURE__ */ o(B, {})
591
591
  ] }),
592
592
  /* @__PURE__ */ o(
593
- $t,
593
+ At,
594
594
  {
595
595
  onClickUp: i ? void 0 : () => h(l),
596
596
  onClickDown: i ? void 0 : () => h(-l),
@@ -600,49 +600,49 @@ const re = (t, e, n) => {
600
600
  )
601
601
  ] }),
602
602
  value: t,
603
- onValueChange: d,
603
+ onValueChange: u,
604
604
  disableContentPaddingRight: !s,
605
605
  type: "number",
606
606
  min: r,
607
607
  max: n,
608
608
  step: l,
609
- className: b(ke.numericTextInputInput, a),
609
+ className: g(ke.numericTextInputInput, a),
610
610
  disabled: i,
611
- ..._
611
+ ...p
612
612
  }
613
613
  );
614
- }, pn = (t, e) => {
615
- const n = m(
614
+ }, gn = (t, e) => {
615
+ const n = y(
616
616
  (l) => {
617
617
  if (e)
618
618
  if (!l)
619
619
  e(void 0);
620
620
  else {
621
- const c = q(l);
621
+ const c = v(l);
622
622
  c !== void 0 && e(c);
623
623
  }
624
624
  },
625
625
  [e]
626
- ), r = Rt(() => t === void 0 ? "" : String(t), [t]);
626
+ ), r = Nt(() => t === void 0 ? "" : String(t), [t]);
627
627
  return {
628
628
  onValueChange: n,
629
629
  value: r
630
630
  };
631
- }, Se = (t, e) => {
631
+ }, Re = (t, e) => {
632
632
  if (S(t))
633
633
  return !1;
634
634
  {
635
- const n = q(t);
635
+ const n = v(t);
636
636
  return !S(n) && !S(e) && n <= e;
637
637
  }
638
- }, Re = (t, e) => {
638
+ }, Ne = (t, e) => {
639
639
  if (S(t))
640
640
  return !1;
641
641
  {
642
- const n = q(t);
642
+ const n = v(t);
643
643
  return !S(n) && !S(e) && n >= e;
644
644
  }
645
- }, hn = ({
645
+ }, Bn = ({
646
646
  disabled: t,
647
647
  onValueChange: e,
648
648
  value: n,
@@ -651,30 +651,30 @@ const re = (t, e, n) => {
651
651
  step: c = 1,
652
652
  ...i
653
653
  }) => {
654
- const a = m(
655
- (_) => {
656
- et({ onValueChange: e, value: n, numSteps: _, min: l, max: r });
654
+ const a = y(
655
+ (p) => {
656
+ lt({ onValueChange: e, value: n, numSteps: p, min: l, max: r });
657
657
  },
658
658
  [n, r, l, e]
659
- ), s = m(
660
- (_) => {
661
- nt({ onValueChange: e, newValue: _, min: l, max: r });
659
+ ), s = y(
660
+ (p) => {
661
+ ct({ onValueChange: e, newValue: p, min: l, max: r });
662
662
  },
663
663
  [r, l, e]
664
664
  );
665
- return /* @__PURE__ */ f(k, { role: "group", children: [
665
+ return /* @__PURE__ */ m(k, { role: "group", children: [
666
666
  /* @__PURE__ */ o(
667
- A,
667
+ L,
668
668
  {
669
- leftIcon: G,
669
+ leftIcon: Y,
670
670
  "aria-label": "Decrease",
671
- disabled: t || Se(n, l),
671
+ disabled: t || Re(n, l),
672
672
  onClick: () => a(-c)
673
673
  }
674
674
  ),
675
- /* @__PURE__ */ o(g, {}),
675
+ /* @__PURE__ */ o(B, {}),
676
676
  /* @__PURE__ */ o(
677
- Te,
677
+ Se,
678
678
  {
679
679
  hideButtons: !0,
680
680
  onValueChange: s,
@@ -686,28 +686,28 @@ const re = (t, e, n) => {
686
686
  ...i
687
687
  }
688
688
  ),
689
- /* @__PURE__ */ o(g, {}),
689
+ /* @__PURE__ */ o(B, {}),
690
690
  /* @__PURE__ */ o(
691
- A,
691
+ L,
692
692
  {
693
- leftIcon: X,
693
+ leftIcon: Z,
694
694
  "aria-label": "Increase",
695
- disabled: t || Re(n, r),
695
+ disabled: t || Ne(n, r),
696
696
  onClick: () => a(c)
697
697
  }
698
698
  )
699
699
  ] });
700
- }, fn = ({
700
+ }, In = ({
701
701
  hiddenIcon: t = Ct,
702
- visibleIcon: e = jt,
702
+ visibleIcon: e = vt,
703
703
  ...n
704
704
  }) => {
705
- const [r, l] = Nt(!0);
705
+ const [r, l] = $t(!0);
706
706
  return /* @__PURE__ */ o(
707
- tt,
707
+ rt,
708
708
  {
709
709
  buttonRight: /* @__PURE__ */ o(
710
- H,
710
+ D,
711
711
  {
712
712
  icon: r ? t : e,
713
713
  onClick: () => l((c) => !c)
@@ -717,49 +717,49 @@ const re = (t, e, n) => {
717
717
  ...n
718
718
  }
719
719
  );
720
- }, Ne = ({
720
+ }, $e = ({
721
721
  disabled: t,
722
722
  text: e,
723
723
  ...n
724
724
  }) => /* @__PURE__ */ o(
725
- j,
725
+ C,
726
726
  {
727
727
  variant: "bold",
728
- color: E(t ? "--silver" : "--tjara"),
728
+ color: U(t ? "--silver" : "--tjara"),
729
729
  size: "small",
730
730
  ...kt(n),
731
731
  children: e
732
732
  }
733
- ), ot = ({
733
+ ), K = ({
734
734
  htmlFor: t,
735
735
  screenReaderLabel: e,
736
736
  label: n,
737
737
  disabled: r,
738
738
  className: l
739
- }) => /* @__PURE__ */ f("label", { htmlFor: t, className: l, children: [
740
- e ? /* @__PURE__ */ o(C, { children: e }) : null,
739
+ }) => /* @__PURE__ */ m("label", { htmlFor: t, className: l, children: [
740
+ e ? /* @__PURE__ */ o(A, { children: e }) : null,
741
741
  /* @__PURE__ */ o(
742
- Ne,
742
+ $e,
743
743
  {
744
744
  "aria-hidden": !!e,
745
745
  text: n,
746
746
  disabled: r
747
747
  }
748
748
  )
749
- ] }), $e = "_labelledSelect_vs9pj_1", Ce = "_medium_vs9pj_7", je = "_large_vs9pj_11", qe = "_error_vs9pj_15", ve = "_normal_vs9pj_20", Pe = "_onlyTopBorder_vs9pj_25", Ae = "_onlyBottomBorder_vs9pj_31", He = "_onlyLeftBorder_vs9pj_36", Fe = "_onlyRightBorder_vs9pj_42", We = "_label_vs9pj_1", De = "_select_vs9pj_65", Ee = "_iconWrapper_vs9pj_99", x = {
750
- labelledSelect: $e,
749
+ ] }), Ae = "_labelledSelect_vs9pj_1", Ce = "_medium_vs9pj_7", ve = "_large_vs9pj_11", je = "_error_vs9pj_15", qe = "_normal_vs9pj_20", Pe = "_onlyTopBorder_vs9pj_25", He = "_onlyBottomBorder_vs9pj_31", Fe = "_onlyLeftBorder_vs9pj_36", We = "_onlyRightBorder_vs9pj_42", Le = "_label_vs9pj_1", De = "_select_vs9pj_65", Ee = "_iconWrapper_vs9pj_99", T = {
750
+ labelledSelect: Ae,
751
751
  medium: Ce,
752
- large: je,
753
- error: qe,
754
- normal: ve,
752
+ large: ve,
753
+ error: je,
754
+ normal: qe,
755
755
  onlyTopBorder: Pe,
756
- onlyBottomBorder: Ae,
757
- onlyLeftBorder: He,
758
- onlyRightBorder: Fe,
759
- label: We,
756
+ onlyBottomBorder: He,
757
+ onlyLeftBorder: Fe,
758
+ onlyRightBorder: We,
759
+ label: Le,
760
760
  select: De,
761
761
  iconWrapper: Ee
762
- }, yn = ({
762
+ }, xn = ({
763
763
  onChange: t,
764
764
  onValueChange: e,
765
765
  id: n,
@@ -769,29 +769,29 @@ const re = (t, e, n) => {
769
769
  variant: i = "normal",
770
770
  size: a = "medium",
771
771
  children: s,
772
- ..._
772
+ ...p
773
773
  }) => {
774
- const h = z(), d = n ?? h, u = m(
775
- (p) => {
776
- t?.(p), e?.(p.target.value);
774
+ const h = O(), u = n ?? h, d = y(
775
+ (_) => {
776
+ t?.(_), e?.(_.target.value);
777
777
  },
778
778
  [t, e]
779
779
  );
780
- return /* @__PURE__ */ f(
780
+ return /* @__PURE__ */ m(
781
781
  "div",
782
782
  {
783
- className: b(
784
- x.labelledSelect,
785
- x[i],
786
- x[a],
787
- x[c]
783
+ className: g(
784
+ T.labelledSelect,
785
+ T[i],
786
+ T[a],
787
+ T[c]
788
788
  ),
789
789
  children: [
790
790
  /* @__PURE__ */ o(
791
- ot,
791
+ K,
792
792
  {
793
- htmlFor: d,
794
- className: x.label,
793
+ htmlFor: u,
794
+ className: T.label,
795
795
  label: r,
796
796
  screenReaderLabel: l
797
797
  }
@@ -799,28 +799,96 @@ const re = (t, e, n) => {
799
799
  /* @__PURE__ */ o(
800
800
  "select",
801
801
  {
802
- id: d,
803
- onChange: u,
804
- className: b(x.select, x[i], x[a]),
805
- ..._,
802
+ id: u,
803
+ onChange: d,
804
+ className: g(T.select, T[i], T[a]),
805
+ ...p,
806
806
  children: s
807
807
  }
808
808
  ),
809
- /* @__PURE__ */ o("div", { className: b(x.iconWrapper), children: /* @__PURE__ */ o(J, { icon: qt, size: 24, color: E("--core-blue") }) })
809
+ /* @__PURE__ */ o("div", { className: g(T.iconWrapper), children: /* @__PURE__ */ o(V, { icon: jt, size: 24, color: U("--core-blue") }) })
810
810
  ]
811
811
  }
812
812
  );
813
- }, Le = "_labelledTextInput_1uyc3_1", Me = "_onlyTop_1uyc3_21", Oe = "_onlyBottom_1uyc3_27", Ue = "_onlyLeft_1uyc3_32", Ke = "_onlyRight_1uyc3_38", ze = "_disabled_1uyc3_53", Ge = "_medium_1uyc3_61", Xe = "_large_1uyc3_73", Je = "_error_1uyc3_87", R = {
814
- labelledTextInput: Le,
815
- onlyTop: Me,
816
- onlyBottom: Oe,
817
- onlyLeft: Ue,
818
- onlyRight: Ke,
819
- disabled: ze,
820
- medium: Ge,
821
- large: Xe,
822
- error: Je
823
- }, mn = St.forwardRef(
813
+ }, Me = "_labelledTextArea_22cbm_1", Oe = "_disabled_22cbm_33", Ue = "_medium_22cbm_41", Ke = "_large_22cbm_53", ze = "_error_22cbm_67", q = {
814
+ labelledTextArea: Me,
815
+ disabled: Oe,
816
+ medium: Ue,
817
+ large: Ke,
818
+ error: ze
819
+ }, wn = H(
820
+ ({
821
+ className: t,
822
+ id: e,
823
+ label: n,
824
+ screenReaderLabel: r,
825
+ size: l = "medium",
826
+ variant: c = "normal",
827
+ value: i,
828
+ onValueChange: a,
829
+ onChange: s,
830
+ resize: p = "none",
831
+ readOnly: h = !1,
832
+ rows: u,
833
+ disabled: d,
834
+ width: _,
835
+ ...f
836
+ }, b) => {
837
+ const x = O(), w = e ?? x, F = y(
838
+ (j) => {
839
+ s?.(j), a?.(j.target.value);
840
+ },
841
+ [s, a]
842
+ );
843
+ return /* @__PURE__ */ m(
844
+ "div",
845
+ {
846
+ className: g(
847
+ q.labelledTextArea,
848
+ q[c],
849
+ q[l],
850
+ d && q.disabled,
851
+ t
852
+ ),
853
+ style: _ ? { width: _ } : void 0,
854
+ children: [
855
+ /* @__PURE__ */ o(
856
+ K,
857
+ {
858
+ htmlFor: w,
859
+ screenReaderLabel: r,
860
+ label: n
861
+ }
862
+ ),
863
+ /* @__PURE__ */ o(
864
+ "textarea",
865
+ {
866
+ ref: b,
867
+ id: w,
868
+ disabled: d,
869
+ rows: u,
870
+ readOnly: h,
871
+ style: { resize: p },
872
+ onChange: F,
873
+ value: i,
874
+ ...f
875
+ }
876
+ )
877
+ ]
878
+ }
879
+ );
880
+ }
881
+ ), Ge = "_labelledTextInput_1uyc3_1", Xe = "_onlyTop_1uyc3_21", Je = "_onlyBottom_1uyc3_27", Qe = "_onlyLeft_1uyc3_32", Ye = "_onlyRight_1uyc3_38", Ze = "_disabled_1uyc3_53", Ve = "_medium_1uyc3_61", tn = "_large_1uyc3_73", en = "_error_1uyc3_87", R = {
882
+ labelledTextInput: Ge,
883
+ onlyTop: Xe,
884
+ onlyBottom: Je,
885
+ onlyLeft: Qe,
886
+ onlyRight: Ye,
887
+ disabled: Ze,
888
+ medium: Ve,
889
+ large: tn,
890
+ error: en
891
+ }, Tn = Rt.forwardRef(
824
892
  ({
825
893
  autoComplete: t = "off",
826
894
  label: e,
@@ -831,33 +899,33 @@ const re = (t, e, n) => {
831
899
  onChange: i,
832
900
  disabled: a,
833
901
  onValueChange: s,
834
- borderRadiusVariant: _ = "normalBorder",
902
+ borderRadiusVariant: p = "normalBorder",
835
903
  variant: h = "normal",
836
- width: d,
837
- ...u
838
- }, p) => {
839
- const y = z(), B = n ?? y, w = m(
840
- (T) => {
841
- i?.(T), s?.(T.target.value);
904
+ width: u,
905
+ ...d
906
+ }, _) => {
907
+ const f = O(), b = n ?? f, x = y(
908
+ (w) => {
909
+ i?.(w), s?.(w.target.value);
842
910
  },
843
911
  [i, s]
844
912
  );
845
- return /* @__PURE__ */ f(
913
+ return /* @__PURE__ */ m(
846
914
  "div",
847
915
  {
848
- className: b(
916
+ className: g(
849
917
  R.labelledTextInput,
850
918
  R[h],
851
- R[_],
919
+ R[p],
852
920
  R[l],
853
921
  a && R.disabled
854
922
  ),
855
- style: d ? { width: d } : void 0,
923
+ style: u ? { width: u } : void 0,
856
924
  children: [
857
925
  /* @__PURE__ */ o(
858
- ot,
926
+ K,
859
927
  {
860
- htmlFor: B,
928
+ htmlFor: b,
861
929
  screenReaderLabel: r,
862
930
  label: e
863
931
  }
@@ -865,21 +933,21 @@ const re = (t, e, n) => {
865
933
  /* @__PURE__ */ o(
866
934
  "input",
867
935
  {
868
- ref: p,
869
- id: B,
936
+ ref: _,
937
+ id: b,
870
938
  autoComplete: t,
871
939
  type: "text",
872
940
  value: c,
873
- onChange: w,
941
+ onChange: x,
874
942
  disabled: a,
875
- ...u
943
+ ...d
876
944
  }
877
945
  )
878
946
  ]
879
947
  }
880
948
  );
881
949
  }
882
- ), gn = ({
950
+ ), kn = ({
883
951
  variant: t = "standard",
884
952
  disabled: e,
885
953
  wrapperClassName: n,
@@ -889,17 +957,17 @@ const re = (t, e, n) => {
889
957
  disableContentPadding: i,
890
958
  disableContentPaddingLeft: a,
891
959
  disableContentPaddingRight: s,
892
- iconRight: _,
960
+ iconRight: p,
893
961
  iconLeft: h,
894
- onClickLeft: d,
895
- onClickRight: u,
896
- children: p
962
+ onClickLeft: u,
963
+ onClickRight: d,
964
+ children: _
897
965
  }) => {
898
- const y = t === "success" ? Q : t === "warning" || t === "error" ? Y : _, B = t === "loading" ? /* @__PURE__ */ o(Z, {}) : c;
899
- return /* @__PURE__ */ f(
966
+ const f = t === "success" ? tt : t === "warning" || t === "error" ? et : p, b = t === "loading" ? /* @__PURE__ */ o(nt, {}) : c;
967
+ return /* @__PURE__ */ m(
900
968
  "div",
901
969
  {
902
- className: b(
970
+ className: g(
903
971
  I.textInput,
904
972
  I.inputContainer,
905
973
  I[t],
@@ -911,34 +979,34 @@ const re = (t, e, n) => {
911
979
  style: r,
912
980
  children: [
913
981
  /* @__PURE__ */ o(
914
- v,
982
+ P,
915
983
  {
916
984
  content: l,
917
985
  disableContentPadding: i,
918
986
  disableContentPaddingLeft: a,
919
987
  disableContentPaddingRight: s,
920
988
  spaceOnLeft: !0,
921
- button: h ? /* @__PURE__ */ o(H, { onClick: d, icon: h }) : void 0
989
+ button: h ? /* @__PURE__ */ o(D, { onClick: u, icon: h }) : void 0
922
990
  }
923
991
  ),
924
- /* @__PURE__ */ o(k, { alignItems: "center", children: p }),
992
+ /* @__PURE__ */ o(k, { alignItems: "center", children: _ }),
925
993
  /* @__PURE__ */ o(
926
- v,
994
+ P,
927
995
  {
928
- content: B,
996
+ content: b,
929
997
  disableContentPadding: i,
930
998
  disableContentPaddingLeft: a,
931
999
  disableContentPaddingRight: s,
932
1000
  spaceOnRight: !0,
933
- button: y ? /* @__PURE__ */ o(H, { onClick: u, icon: y }) : void 0
1001
+ button: f ? /* @__PURE__ */ o(D, { onClick: d, icon: f }) : void 0
934
1002
  }
935
1003
  )
936
1004
  ]
937
1005
  }
938
1006
  );
939
- }, Qe = "_textArea_6n6nc_1", Ye = {
940
- textArea: Qe
941
- }, bn = W(
1007
+ }, nn = "_textArea_6n6nc_1", on = {
1008
+ textArea: nn
1009
+ }, Sn = H(
942
1010
  ({
943
1011
  className: t,
944
1012
  value: e,
@@ -949,10 +1017,10 @@ const re = (t, e, n) => {
949
1017
  rows: i,
950
1018
  disabled: a,
951
1019
  ...s
952
- }, _) => {
953
- const h = m(
954
- (d) => {
955
- r && r(d), n && n(d.target.value);
1020
+ }, p) => {
1021
+ const h = y(
1022
+ (u) => {
1023
+ r && r(u), n && n(u.target.value);
956
1024
  },
957
1025
  [r, n]
958
1026
  );
@@ -962,61 +1030,62 @@ const re = (t, e, n) => {
962
1030
  disabled: a,
963
1031
  rows: i,
964
1032
  readOnly: c,
965
- className: b(Ye.textArea, t),
1033
+ className: g(on.textArea, t),
966
1034
  style: { resize: l },
967
1035
  onChange: h,
968
1036
  value: e,
969
- ref: _,
1037
+ ref: p,
970
1038
  ...s
971
1039
  }
972
1040
  );
973
1041
  }
974
1042
  );
975
- function Bn({
1043
+ function Rn({
976
1044
  value: t,
977
1045
  tooltipLabel: e = "Copied to clipboard!",
978
1046
  size: n = "small"
979
1047
  }) {
980
- const [r, l] = Tt(!1, 2e3), c = m(async () => {
1048
+ const [r, l] = St(!1, 2e3), c = y(async () => {
981
1049
  t != null && (await navigator.clipboard.writeText(t), l(!0));
982
1050
  }, [l, t]);
983
- return /* @__PURE__ */ o(At, { visible: r, label: e, children: /* @__PURE__ */ o(
984
- A,
1051
+ return /* @__PURE__ */ o(Ht, { visible: r, label: e, children: /* @__PURE__ */ o(
1052
+ L,
985
1053
  {
986
1054
  size: n,
987
1055
  onClick: c,
988
- leftIcon: vt,
1056
+ leftIcon: qt,
989
1057
  disabled: t == null
990
1058
  }
991
1059
  ) });
992
1060
  }
993
1061
  export {
994
- sn as AmountStepperButtons,
995
- Gt as Checkbox,
996
- dn as CheckboxWithLabel,
997
- Bn as CopyToClipboardButton,
998
- ot as InputLabel,
999
- Ne as InputLabelText,
1000
- yn as LabelledSelect,
1001
- mn as LabelledTextInput,
1002
- hn as NumericStepper,
1003
- Te as NumericTextInput,
1004
- fn as PasswordInput,
1005
- V as RadioButton,
1006
- un as RadioButtonBox,
1007
- _n as RadioButtonWithLabel,
1008
- Wt as ReadOnlyNumericInput,
1009
- Ot as Switch,
1010
- an as SwitchWithLabel,
1011
- bn as TextArea,
1012
- tt as TextInput,
1013
- gn as TextInputBox,
1014
- oe as elementHasSelectionRange,
1015
- et as onStepValueChange,
1016
- nt as onTextValueChange,
1017
- ne as useKeyboardNavigation,
1018
- pn as useNumericInputValue,
1019
- re as useSelectAllOnMount,
1020
- le as useTextInput
1062
+ hn as AmountStepperButtons,
1063
+ Xt as Checkbox,
1064
+ fn as CheckboxWithLabel,
1065
+ Rn as CopyToClipboardButton,
1066
+ K as InputLabel,
1067
+ $e as InputLabelText,
1068
+ xn as LabelledSelect,
1069
+ wn as LabelledTextArea,
1070
+ Tn as LabelledTextInput,
1071
+ Bn as NumericStepper,
1072
+ Se as NumericTextInput,
1073
+ In as PasswordInput,
1074
+ ot as RadioButton,
1075
+ yn as RadioButtonBox,
1076
+ bn as RadioButtonWithLabel,
1077
+ Lt as ReadOnlyNumericInput,
1078
+ Ut as Switch,
1079
+ mn as SwitchWithLabel,
1080
+ Sn as TextArea,
1081
+ rt as TextInput,
1082
+ kn as TextInputBox,
1083
+ re as elementHasSelectionRange,
1084
+ lt as onStepValueChange,
1085
+ ct as onTextValueChange,
1086
+ oe as useKeyboardNavigation,
1087
+ gn as useNumericInputValue,
1088
+ le as useSelectAllOnMount,
1089
+ ce as useTextInput
1021
1090
  };
1022
1091
  //# sourceMappingURL=index.es.js.map