chop-logic-components 1.1.2 → 1.1.3

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.
Files changed (114) hide show
  1. package/dist/BackIcon--7D86S5j.js +8 -0
  2. package/dist/BackIcon--7D86S5j.js.map +1 -0
  3. package/dist/BackIcon-CeMTZgW0.cjs +2 -0
  4. package/dist/BackIcon-CeMTZgW0.cjs.map +1 -0
  5. package/dist/CancelIcon-BnREsPBZ.cjs +2 -0
  6. package/dist/CancelIcon-BnREsPBZ.cjs.map +1 -0
  7. package/dist/CancelIcon-CefNQTfM.js +8 -0
  8. package/dist/CancelIcon-CefNQTfM.js.map +1 -0
  9. package/dist/ChevronDownIcon-2bo0dD0n.cjs +2 -0
  10. package/dist/ChevronDownIcon-2bo0dD0n.cjs.map +1 -0
  11. package/dist/ChevronDownIcon-DT6cBkWd.js +14 -0
  12. package/dist/ChevronDownIcon-DT6cBkWd.js.map +1 -0
  13. package/dist/ChevronLeftIcon-CucDAu-3.js +14 -0
  14. package/dist/ChevronLeftIcon-CucDAu-3.js.map +1 -0
  15. package/dist/ChevronLeftIcon-Cv8KkcCj.cjs +2 -0
  16. package/dist/ChevronLeftIcon-Cv8KkcCj.cjs.map +1 -0
  17. package/dist/ChevronRightIcon-CXEq8PP7.cjs +2 -0
  18. package/dist/ChevronRightIcon-CXEq8PP7.cjs.map +1 -0
  19. package/dist/ChevronRightIcon-D6FwG4SZ.js +14 -0
  20. package/dist/ChevronRightIcon-D6FwG4SZ.js.map +1 -0
  21. package/dist/ChevronUpIcon-B1CgDPSQ.cjs +2 -0
  22. package/dist/ChevronUpIcon-B1CgDPSQ.cjs.map +1 -0
  23. package/dist/ChevronUpIcon-BzSff1Do.js +8 -0
  24. package/dist/ChevronUpIcon-BzSff1Do.js.map +1 -0
  25. package/dist/ClearIcon-BK-CwLLu.cjs +2 -0
  26. package/dist/ClearIcon-BK-CwLLu.cjs.map +1 -0
  27. package/dist/ClearIcon-CfYJJWkY.js +11 -0
  28. package/dist/ClearIcon-CfYJJWkY.js.map +1 -0
  29. package/dist/CopyIcon-BmS8MwnU.js +25 -0
  30. package/dist/CopyIcon-BmS8MwnU.js.map +1 -0
  31. package/dist/CopyIcon-Clhhlouo.cjs +2 -0
  32. package/dist/CopyIcon-Clhhlouo.cjs.map +1 -0
  33. package/dist/CutIcon-BO9ypkn3.js +27 -0
  34. package/dist/CutIcon-BO9ypkn3.js.map +1 -0
  35. package/dist/CutIcon-CPLUxIHf.cjs +2 -0
  36. package/dist/CutIcon-CPLUxIHf.cjs.map +1 -0
  37. package/dist/DeleteIcon-BrrFpnWU.js +8 -0
  38. package/dist/DeleteIcon-BrrFpnWU.js.map +1 -0
  39. package/dist/DeleteIcon-Dc3MBZvz.cjs +2 -0
  40. package/dist/DeleteIcon-Dc3MBZvz.cjs.map +1 -0
  41. package/dist/DownloadIcon-CSO8HT2K.cjs +2 -0
  42. package/dist/DownloadIcon-CSO8HT2K.cjs.map +1 -0
  43. package/dist/DownloadIcon-bbvm6wox.js +8 -0
  44. package/dist/DownloadIcon-bbvm6wox.js.map +1 -0
  45. package/dist/ForwardIcon-DUJrdHMK.cjs +2 -0
  46. package/dist/ForwardIcon-DUJrdHMK.cjs.map +1 -0
  47. package/dist/ForwardIcon-rcLGwsvc.js +8 -0
  48. package/dist/ForwardIcon-rcLGwsvc.js.map +1 -0
  49. package/dist/HideIcon-2CdoMi2u.cjs +2 -0
  50. package/dist/HideIcon-2CdoMi2u.cjs.map +1 -0
  51. package/dist/HideIcon-CUCqvzEb.js +8 -0
  52. package/dist/HideIcon-CUCqvzEb.js.map +1 -0
  53. package/dist/PasteIcon-BYfHdDmw.js +8 -0
  54. package/dist/PasteIcon-BYfHdDmw.js.map +1 -0
  55. package/dist/PasteIcon-ptcTxTKn.cjs +2 -0
  56. package/dist/PasteIcon-ptcTxTKn.cjs.map +1 -0
  57. package/dist/QuestionIcon-DIohvO68.cjs +2 -0
  58. package/dist/QuestionIcon-DIohvO68.cjs.map +1 -0
  59. package/dist/QuestionIcon-DO9Z_XaS.js +22 -0
  60. package/dist/QuestionIcon-DO9Z_XaS.js.map +1 -0
  61. package/dist/RemoveIcon-CdxnH0zu.cjs +2 -0
  62. package/dist/RemoveIcon-CdxnH0zu.cjs.map +1 -0
  63. package/dist/RemoveIcon-DwqdK0Jw.js +30 -0
  64. package/dist/RemoveIcon-DwqdK0Jw.js.map +1 -0
  65. package/dist/SaveIcon-De8mjmxR.cjs +2 -0
  66. package/dist/SaveIcon-De8mjmxR.cjs.map +1 -0
  67. package/dist/SaveIcon-DsEa-gJr.js +8 -0
  68. package/dist/SaveIcon-DsEa-gJr.js.map +1 -0
  69. package/dist/ShowIcon-BUCe-D_Z.js +11 -0
  70. package/dist/ShowIcon-BUCe-D_Z.js.map +1 -0
  71. package/dist/ShowIcon-vpYnzZnw.cjs +2 -0
  72. package/dist/ShowIcon-vpYnzZnw.cjs.map +1 -0
  73. package/dist/UploadIcon-BW8L9vOq.js +11 -0
  74. package/dist/UploadIcon-BW8L9vOq.js.map +1 -0
  75. package/dist/UploadIcon-CbYd_cha.cjs +2 -0
  76. package/dist/UploadIcon-CbYd_cha.cjs.map +1 -0
  77. package/dist/components/containers/form/__docs__/Form.stories.d.ts +1 -1
  78. package/dist/components/containers/grid/__docs__/Grid.stories.d.ts +1 -1
  79. package/dist/components/containers/portal/__docs__/Portal.example.d.ts +4 -0
  80. package/dist/components/containers/portal/__docs__/Portal.stories.d.ts +7 -0
  81. package/dist/components/inputs/button/__docs__/Button.stories.d.ts +1 -1
  82. package/dist/components/inputs/checkbox/__docs__/Checkbox.stories.d.ts +1 -1
  83. package/dist/components/inputs/multi-select/__docs__/MultiSelect.stories.d.ts +1 -1
  84. package/dist/components/inputs/numeric/__docs__/NumericInput.stories.d.ts +1 -1
  85. package/dist/components/inputs/select/__docs__/Select.stories.d.ts +1 -1
  86. package/dist/components/inputs/text/__docs__/TextInput.stories.d.ts +1 -1
  87. package/dist/components/modals/dialog/__docs__/Dialog.stories.d.ts +1 -1
  88. package/dist/components/modals/tooltip/__docs__/Tooltip.stories.d.ts +1 -1
  89. package/dist/elements/icon/Icon.d.ts +2 -4
  90. package/dist/elements/icon/__docs__/Icon.example.d.ts +5 -0
  91. package/dist/elements/icon/__docs__/Icon.stories.d.ts +7 -0
  92. package/dist/index-DdkNFaB4.js +4142 -0
  93. package/dist/index-DdkNFaB4.js.map +1 -0
  94. package/dist/index-QKscbffq.cjs +903 -0
  95. package/dist/index-QKscbffq.cjs.map +1 -0
  96. package/dist/index.cjs.js +1 -902
  97. package/dist/index.cjs.js.map +1 -1
  98. package/dist/index.es.js +33 -4286
  99. package/dist/index.es.js.map +1 -1
  100. package/dist/types/components/icon.d.ts +12 -0
  101. package/dist/types/index.d.ts +1 -0
  102. package/package.json +1 -1
  103. /package/dist/components/containers/form/__docs__/{FormExample.d.ts → Form.example.d.ts} +0 -0
  104. /package/dist/components/containers/grid/__docs__/{GridExample.d.ts → Grid.example.d.ts} +0 -0
  105. /package/dist/components/containers/tabs/__docs__/{TabsExample.d.ts → Tabs.example.d.ts} +0 -0
  106. /package/dist/components/inputs/button/__docs__/{ButtonExample.d.ts → Button.example.d.ts} +0 -0
  107. /package/dist/components/inputs/checkbox/__docs__/{CheckboxExample.d.ts → Checkbox.example.d.ts} +0 -0
  108. /package/dist/components/inputs/multi-select/__docs__/{MultiSelectExample.d.ts → MultiSelect.example.d.ts} +0 -0
  109. /package/dist/components/inputs/numeric/__docs__/{NumericInputExample.d.ts → NumericInput.example.d.ts} +0 -0
  110. /package/dist/components/inputs/select/__docs__/{SelectExample.d.ts → Select.example.d.ts} +0 -0
  111. /package/dist/components/inputs/text/__docs__/{TextInputExample.d.ts → TextInput.example.d.ts} +0 -0
  112. /package/dist/components/modals/alert/__docs__/{AlertExample.d.ts → Alert.example.d.ts} +0 -0
  113. /package/dist/components/modals/dialog/__docs__/{DialogExample.d.ts → Dialog.example.d.ts} +0 -0
  114. /package/dist/components/modals/tooltip/__docs__/{TooltipExample.d.ts → Tooltip.example.d.ts} +0 -0
@@ -0,0 +1,4142 @@
1
+ import de, { useRef as Be, useDebugValue as xr, createElement as to, useContext as xe, lazy as D, Suspense as ro, useEffect as ue, useState as F, useId as no, useCallback as ot } from "react";
2
+ import oo from "react-dom";
3
+ var Wt = { exports: {} }, Ze = {};
4
+ /**
5
+ * @license React
6
+ * react-jsx-runtime.production.min.js
7
+ *
8
+ * Copyright (c) Facebook, Inc. and its affiliates.
9
+ *
10
+ * This source code is licensed under the MIT license found in the
11
+ * LICENSE file in the root directory of this source tree.
12
+ */
13
+ var wr;
14
+ function io() {
15
+ if (wr) return Ze;
16
+ wr = 1;
17
+ var e = de, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
18
+ function a(d, c, f) {
19
+ var u, h = {}, g = null, m = null;
20
+ f !== void 0 && (g = "" + f), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (m = c.ref);
21
+ for (u in c) n.call(c, u) && !i.hasOwnProperty(u) && (h[u] = c[u]);
22
+ if (d && d.defaultProps) for (u in c = d.defaultProps, c) h[u] === void 0 && (h[u] = c[u]);
23
+ return { $$typeof: t, type: d, key: g, ref: m, props: h, _owner: o.current };
24
+ }
25
+ return Ze.Fragment = r, Ze.jsx = a, Ze.jsxs = a, Ze;
26
+ }
27
+ var Qe = {};
28
+ /**
29
+ * @license React
30
+ * react-jsx-runtime.development.js
31
+ *
32
+ * Copyright (c) Facebook, Inc. and its affiliates.
33
+ *
34
+ * This source code is licensed under the MIT license found in the
35
+ * LICENSE file in the root directory of this source tree.
36
+ */
37
+ var Sr;
38
+ function so() {
39
+ return Sr || (Sr = 1, process.env.NODE_ENV !== "production" && function() {
40
+ var e = de, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), d = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), b = Symbol.iterator, x = "@@iterator";
41
+ function k(s) {
42
+ if (s === null || typeof s != "object")
43
+ return null;
44
+ var p = b && s[b] || s[x];
45
+ return typeof p == "function" ? p : null;
46
+ }
47
+ var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
48
+ function v(s) {
49
+ {
50
+ for (var p = arguments.length, y = new Array(p > 1 ? p - 1 : 0), S = 1; S < p; S++)
51
+ y[S - 1] = arguments[S];
52
+ C("error", s, y);
53
+ }
54
+ }
55
+ function C(s, p, y) {
56
+ {
57
+ var S = w.ReactDebugCurrentFrame, O = S.getStackAddendum();
58
+ O !== "" && (p += "%s", y = y.concat([O]));
59
+ var M = y.map(function(P) {
60
+ return String(P);
61
+ });
62
+ M.unshift("Warning: " + p), Function.prototype.apply.call(console[s], console, M);
63
+ }
64
+ }
65
+ var A = !1, R = !1, j = !1, $ = !1, W = !1, X;
66
+ X = Symbol.for("react.module.reference");
67
+ function fe(s) {
68
+ return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || W || s === o || s === f || s === u || $ || s === m || A || R || j || typeof s == "object" && s !== null && (s.$$typeof === g || s.$$typeof === h || s.$$typeof === a || s.$$typeof === d || s.$$typeof === c || // This needs to include all possible module reference object
69
+ // types supported by any Flight configuration anywhere since
70
+ // we don't know which Flight build this will end up being used
71
+ // with.
72
+ s.$$typeof === X || s.getModuleId !== void 0));
73
+ }
74
+ function he(s, p, y) {
75
+ var S = s.displayName;
76
+ if (S)
77
+ return S;
78
+ var O = p.displayName || p.name || "";
79
+ return O !== "" ? y + "(" + O + ")" : y;
80
+ }
81
+ function pe(s) {
82
+ return s.displayName || "Context";
83
+ }
84
+ function G(s) {
85
+ if (s == null)
86
+ return null;
87
+ if (typeof s.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
88
+ return s.displayName || s.name || null;
89
+ if (typeof s == "string")
90
+ return s;
91
+ switch (s) {
92
+ case n:
93
+ return "Fragment";
94
+ case r:
95
+ return "Portal";
96
+ case i:
97
+ return "Profiler";
98
+ case o:
99
+ return "StrictMode";
100
+ case f:
101
+ return "Suspense";
102
+ case u:
103
+ return "SuspenseList";
104
+ }
105
+ if (typeof s == "object")
106
+ switch (s.$$typeof) {
107
+ case d:
108
+ var p = s;
109
+ return pe(p) + ".Consumer";
110
+ case a:
111
+ var y = s;
112
+ return pe(y._context) + ".Provider";
113
+ case c:
114
+ return he(s, s.render, "ForwardRef");
115
+ case h:
116
+ var S = s.displayName || null;
117
+ return S !== null ? S : G(s.type) || "Memo";
118
+ case g: {
119
+ var O = s, M = O._payload, P = O._init;
120
+ try {
121
+ return G(P(M));
122
+ } catch {
123
+ return null;
124
+ }
125
+ }
126
+ }
127
+ return null;
128
+ }
129
+ var ae = Object.assign, Se = 0, at, Ae, Ke, J, me, ge, Y;
130
+ function Te() {
131
+ }
132
+ Te.__reactDisabledLog = !0;
133
+ function qe() {
134
+ {
135
+ if (Se === 0) {
136
+ at = console.log, Ae = console.info, Ke = console.warn, J = console.error, me = console.group, ge = console.groupCollapsed, Y = console.groupEnd;
137
+ var s = {
138
+ configurable: !0,
139
+ enumerable: !0,
140
+ value: Te,
141
+ writable: !0
142
+ };
143
+ Object.defineProperties(console, {
144
+ info: s,
145
+ log: s,
146
+ warn: s,
147
+ error: s,
148
+ group: s,
149
+ groupCollapsed: s,
150
+ groupEnd: s
151
+ });
152
+ }
153
+ Se++;
154
+ }
155
+ }
156
+ function Pe() {
157
+ {
158
+ if (Se--, Se === 0) {
159
+ var s = {
160
+ configurable: !0,
161
+ enumerable: !0,
162
+ writable: !0
163
+ };
164
+ Object.defineProperties(console, {
165
+ log: ae({}, s, {
166
+ value: at
167
+ }),
168
+ info: ae({}, s, {
169
+ value: Ae
170
+ }),
171
+ warn: ae({}, s, {
172
+ value: Ke
173
+ }),
174
+ error: ae({}, s, {
175
+ value: J
176
+ }),
177
+ group: ae({}, s, {
178
+ value: me
179
+ }),
180
+ groupCollapsed: ae({}, s, {
181
+ value: ge
182
+ }),
183
+ groupEnd: ae({}, s, {
184
+ value: Y
185
+ })
186
+ });
187
+ }
188
+ Se < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
189
+ }
190
+ }
191
+ var ce = w.ReactCurrentDispatcher, ye;
192
+ function re(s, p, y) {
193
+ {
194
+ if (ye === void 0)
195
+ try {
196
+ throw Error();
197
+ } catch (O) {
198
+ var S = O.stack.trim().match(/\n( *(at )?)/);
199
+ ye = S && S[1] || "";
200
+ }
201
+ return `
202
+ ` + ye + s;
203
+ }
204
+ }
205
+ var ne = !1, be;
206
+ {
207
+ var Oe = typeof WeakMap == "function" ? WeakMap : Map;
208
+ be = new Oe();
209
+ }
210
+ function oe(s, p) {
211
+ if (!s || ne)
212
+ return "";
213
+ {
214
+ var y = be.get(s);
215
+ if (y !== void 0)
216
+ return y;
217
+ }
218
+ var S;
219
+ ne = !0;
220
+ var O = Error.prepareStackTrace;
221
+ Error.prepareStackTrace = void 0;
222
+ var M;
223
+ M = ce.current, ce.current = null, qe();
224
+ try {
225
+ if (p) {
226
+ var P = function() {
227
+ throw Error();
228
+ };
229
+ if (Object.defineProperty(P.prototype, "props", {
230
+ set: function() {
231
+ throw Error();
232
+ }
233
+ }), typeof Reflect == "object" && Reflect.construct) {
234
+ try {
235
+ Reflect.construct(P, []);
236
+ } catch (K) {
237
+ S = K;
238
+ }
239
+ Reflect.construct(s, [], P);
240
+ } else {
241
+ try {
242
+ P.call();
243
+ } catch (K) {
244
+ S = K;
245
+ }
246
+ s.call(P.prototype);
247
+ }
248
+ } else {
249
+ try {
250
+ throw Error();
251
+ } catch (K) {
252
+ S = K;
253
+ }
254
+ s();
255
+ }
256
+ } catch (K) {
257
+ if (K && S && typeof K.stack == "string") {
258
+ for (var T = K.stack.split(`
259
+ `), V = S.stack.split(`
260
+ `), L = T.length - 1, N = V.length - 1; L >= 1 && N >= 0 && T[L] !== V[N]; )
261
+ N--;
262
+ for (; L >= 1 && N >= 0; L--, N--)
263
+ if (T[L] !== V[N]) {
264
+ if (L !== 1 || N !== 1)
265
+ do
266
+ if (L--, N--, N < 0 || T[L] !== V[N]) {
267
+ var Z = `
268
+ ` + T[L].replace(" at new ", " at ");
269
+ return s.displayName && Z.includes("<anonymous>") && (Z = Z.replace("<anonymous>", s.displayName)), typeof s == "function" && be.set(s, Z), Z;
270
+ }
271
+ while (L >= 1 && N >= 0);
272
+ break;
273
+ }
274
+ }
275
+ } finally {
276
+ ne = !1, ce.current = M, Pe(), Error.prepareStackTrace = O;
277
+ }
278
+ var De = s ? s.displayName || s.name : "", ke = De ? re(De) : "";
279
+ return typeof s == "function" && be.set(s, ke), ke;
280
+ }
281
+ function An(s, p, y) {
282
+ return oe(s, !1);
283
+ }
284
+ function Tn(s) {
285
+ var p = s.prototype;
286
+ return !!(p && p.isReactComponent);
287
+ }
288
+ function ct(s, p, y) {
289
+ if (s == null)
290
+ return "";
291
+ if (typeof s == "function")
292
+ return oe(s, Tn(s));
293
+ if (typeof s == "string")
294
+ return re(s);
295
+ switch (s) {
296
+ case f:
297
+ return re("Suspense");
298
+ case u:
299
+ return re("SuspenseList");
300
+ }
301
+ if (typeof s == "object")
302
+ switch (s.$$typeof) {
303
+ case c:
304
+ return An(s.render);
305
+ case h:
306
+ return ct(s.type, p, y);
307
+ case g: {
308
+ var S = s, O = S._payload, M = S._init;
309
+ try {
310
+ return ct(M(O), p, y);
311
+ } catch {
312
+ }
313
+ }
314
+ }
315
+ return "";
316
+ }
317
+ var Xe = Object.prototype.hasOwnProperty, cr = {}, lr = w.ReactDebugCurrentFrame;
318
+ function lt(s) {
319
+ if (s) {
320
+ var p = s._owner, y = ct(s.type, s._source, p ? p.type : null);
321
+ lr.setExtraStackFrame(y);
322
+ } else
323
+ lr.setExtraStackFrame(null);
324
+ }
325
+ function Pn(s, p, y, S, O) {
326
+ {
327
+ var M = Function.call.bind(Xe);
328
+ for (var P in s)
329
+ if (M(s, P)) {
330
+ var T = void 0;
331
+ try {
332
+ if (typeof s[P] != "function") {
333
+ var V = Error((S || "React class") + ": " + y + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
334
+ throw V.name = "Invariant Violation", V;
335
+ }
336
+ T = s[P](p, P, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
337
+ } catch (L) {
338
+ T = L;
339
+ }
340
+ T && !(T instanceof Error) && (lt(O), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", y, P, typeof T), lt(null)), T instanceof Error && !(T.message in cr) && (cr[T.message] = !0, lt(O), v("Failed %s type: %s", y, T.message), lt(null));
341
+ }
342
+ }
343
+ }
344
+ var On = Array.isArray;
345
+ function Pt(s) {
346
+ return On(s);
347
+ }
348
+ function zn(s) {
349
+ {
350
+ var p = typeof Symbol == "function" && Symbol.toStringTag, y = p && s[Symbol.toStringTag] || s.constructor.name || "Object";
351
+ return y;
352
+ }
353
+ }
354
+ function Dn(s) {
355
+ try {
356
+ return dr(s), !1;
357
+ } catch {
358
+ return !0;
359
+ }
360
+ }
361
+ function dr(s) {
362
+ return "" + s;
363
+ }
364
+ function ur(s) {
365
+ if (Dn(s))
366
+ return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", zn(s)), dr(s);
367
+ }
368
+ var Je = w.ReactCurrentOwner, Mn = {
369
+ key: !0,
370
+ ref: !0,
371
+ __self: !0,
372
+ __source: !0
373
+ }, fr, hr, Ot;
374
+ Ot = {};
375
+ function Bn(s) {
376
+ if (Xe.call(s, "ref")) {
377
+ var p = Object.getOwnPropertyDescriptor(s, "ref").get;
378
+ if (p && p.isReactWarning)
379
+ return !1;
380
+ }
381
+ return s.ref !== void 0;
382
+ }
383
+ function Ln(s) {
384
+ if (Xe.call(s, "key")) {
385
+ var p = Object.getOwnPropertyDescriptor(s, "key").get;
386
+ if (p && p.isReactWarning)
387
+ return !1;
388
+ }
389
+ return s.key !== void 0;
390
+ }
391
+ function Fn(s, p) {
392
+ if (typeof s.ref == "string" && Je.current && p && Je.current.stateNode !== p) {
393
+ var y = G(Je.current.type);
394
+ Ot[y] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', G(Je.current.type), s.ref), Ot[y] = !0);
395
+ }
396
+ }
397
+ function Nn(s, p) {
398
+ {
399
+ var y = function() {
400
+ fr || (fr = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
401
+ };
402
+ y.isReactWarning = !0, Object.defineProperty(s, "key", {
403
+ get: y,
404
+ configurable: !0
405
+ });
406
+ }
407
+ }
408
+ function Hn(s, p) {
409
+ {
410
+ var y = function() {
411
+ hr || (hr = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", p));
412
+ };
413
+ y.isReactWarning = !0, Object.defineProperty(s, "ref", {
414
+ get: y,
415
+ configurable: !0
416
+ });
417
+ }
418
+ }
419
+ var Wn = function(s, p, y, S, O, M, P) {
420
+ var T = {
421
+ // This tag allows us to uniquely identify this as a React Element
422
+ $$typeof: t,
423
+ // Built-in properties that belong on the element
424
+ type: s,
425
+ key: p,
426
+ ref: y,
427
+ props: P,
428
+ // Record the component responsible for creating this element.
429
+ _owner: M
430
+ };
431
+ return T._store = {}, Object.defineProperty(T._store, "validated", {
432
+ configurable: !1,
433
+ enumerable: !1,
434
+ writable: !0,
435
+ value: !1
436
+ }), Object.defineProperty(T, "_self", {
437
+ configurable: !1,
438
+ enumerable: !1,
439
+ writable: !1,
440
+ value: S
441
+ }), Object.defineProperty(T, "_source", {
442
+ configurable: !1,
443
+ enumerable: !1,
444
+ writable: !1,
445
+ value: O
446
+ }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
447
+ };
448
+ function Gn(s, p, y, S, O) {
449
+ {
450
+ var M, P = {}, T = null, V = null;
451
+ y !== void 0 && (ur(y), T = "" + y), Ln(p) && (ur(p.key), T = "" + p.key), Bn(p) && (V = p.ref, Fn(p, O));
452
+ for (M in p)
453
+ Xe.call(p, M) && !Mn.hasOwnProperty(M) && (P[M] = p[M]);
454
+ if (s && s.defaultProps) {
455
+ var L = s.defaultProps;
456
+ for (M in L)
457
+ P[M] === void 0 && (P[M] = L[M]);
458
+ }
459
+ if (T || V) {
460
+ var N = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
461
+ T && Nn(P, N), V && Hn(P, N);
462
+ }
463
+ return Wn(s, T, V, O, S, Je.current, P);
464
+ }
465
+ }
466
+ var zt = w.ReactCurrentOwner, pr = w.ReactDebugCurrentFrame;
467
+ function ze(s) {
468
+ if (s) {
469
+ var p = s._owner, y = ct(s.type, s._source, p ? p.type : null);
470
+ pr.setExtraStackFrame(y);
471
+ } else
472
+ pr.setExtraStackFrame(null);
473
+ }
474
+ var Dt;
475
+ Dt = !1;
476
+ function Mt(s) {
477
+ return typeof s == "object" && s !== null && s.$$typeof === t;
478
+ }
479
+ function mr() {
480
+ {
481
+ if (zt.current) {
482
+ var s = G(zt.current.type);
483
+ if (s)
484
+ return `
485
+
486
+ Check the render method of \`` + s + "`.";
487
+ }
488
+ return "";
489
+ }
490
+ }
491
+ function Un(s) {
492
+ return "";
493
+ }
494
+ var gr = {};
495
+ function Yn(s) {
496
+ {
497
+ var p = mr();
498
+ if (!p) {
499
+ var y = typeof s == "string" ? s : s.displayName || s.name;
500
+ y && (p = `
501
+
502
+ Check the top-level render call using <` + y + ">.");
503
+ }
504
+ return p;
505
+ }
506
+ }
507
+ function yr(s, p) {
508
+ {
509
+ if (!s._store || s._store.validated || s.key != null)
510
+ return;
511
+ s._store.validated = !0;
512
+ var y = Yn(p);
513
+ if (gr[y])
514
+ return;
515
+ gr[y] = !0;
516
+ var S = "";
517
+ s && s._owner && s._owner !== zt.current && (S = " It was passed a child from " + G(s._owner.type) + "."), ze(s), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, S), ze(null);
518
+ }
519
+ }
520
+ function br(s, p) {
521
+ {
522
+ if (typeof s != "object")
523
+ return;
524
+ if (Pt(s))
525
+ for (var y = 0; y < s.length; y++) {
526
+ var S = s[y];
527
+ Mt(S) && yr(S, p);
528
+ }
529
+ else if (Mt(s))
530
+ s._store && (s._store.validated = !0);
531
+ else if (s) {
532
+ var O = k(s);
533
+ if (typeof O == "function" && O !== s.entries)
534
+ for (var M = O.call(s), P; !(P = M.next()).done; )
535
+ Mt(P.value) && yr(P.value, p);
536
+ }
537
+ }
538
+ }
539
+ function Vn(s) {
540
+ {
541
+ var p = s.type;
542
+ if (p == null || typeof p == "string")
543
+ return;
544
+ var y;
545
+ if (typeof p == "function")
546
+ y = p.propTypes;
547
+ else if (typeof p == "object" && (p.$$typeof === c || // Note: Memo only checks outer props here.
548
+ // Inner props are checked in the reconciler.
549
+ p.$$typeof === h))
550
+ y = p.propTypes;
551
+ else
552
+ return;
553
+ if (y) {
554
+ var S = G(p);
555
+ Pn(y, s.props, "prop", S, s);
556
+ } else if (p.PropTypes !== void 0 && !Dt) {
557
+ Dt = !0;
558
+ var O = G(p);
559
+ v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
560
+ }
561
+ typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
562
+ }
563
+ }
564
+ function Kn(s) {
565
+ {
566
+ for (var p = Object.keys(s.props), y = 0; y < p.length; y++) {
567
+ var S = p[y];
568
+ if (S !== "children" && S !== "key") {
569
+ ze(s), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), ze(null);
570
+ break;
571
+ }
572
+ }
573
+ s.ref !== null && (ze(s), v("Invalid attribute `ref` supplied to `React.Fragment`."), ze(null));
574
+ }
575
+ }
576
+ var vr = {};
577
+ function $r(s, p, y, S, O, M) {
578
+ {
579
+ var P = fe(s);
580
+ if (!P) {
581
+ var T = "";
582
+ (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
583
+ var V = Un();
584
+ V ? T += V : T += mr();
585
+ var L;
586
+ s === null ? L = "null" : Pt(s) ? L = "array" : s !== void 0 && s.$$typeof === t ? (L = "<" + (G(s.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : L = typeof s, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, T);
587
+ }
588
+ var N = Gn(s, p, y, O, M);
589
+ if (N == null)
590
+ return N;
591
+ if (P) {
592
+ var Z = p.children;
593
+ if (Z !== void 0)
594
+ if (S)
595
+ if (Pt(Z)) {
596
+ for (var De = 0; De < Z.length; De++)
597
+ br(Z[De], s);
598
+ Object.freeze && Object.freeze(Z);
599
+ } else
600
+ v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
601
+ else
602
+ br(Z, s);
603
+ }
604
+ if (Xe.call(p, "key")) {
605
+ var ke = G(s), K = Object.keys(p).filter(function(eo) {
606
+ return eo !== "key";
607
+ }), Bt = K.length > 0 ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}";
608
+ if (!vr[ke + Bt]) {
609
+ var Qn = K.length > 0 ? "{" + K.join(": ..., ") + ": ...}" : "{}";
610
+ v(`A props object containing a "key" prop is being spread into JSX:
611
+ let props = %s;
612
+ <%s {...props} />
613
+ React keys must be passed directly to JSX without using spread:
614
+ let props = %s;
615
+ <%s key={someKey} {...props} />`, Bt, ke, Qn, ke), vr[ke + Bt] = !0;
616
+ }
617
+ }
618
+ return s === n ? Kn(N) : Vn(N), N;
619
+ }
620
+ }
621
+ function qn(s, p, y) {
622
+ return $r(s, p, y, !0);
623
+ }
624
+ function Xn(s, p, y) {
625
+ return $r(s, p, y, !1);
626
+ }
627
+ var Jn = Xn, Zn = qn;
628
+ Qe.Fragment = n, Qe.jsx = Jn, Qe.jsxs = Zn;
629
+ }()), Qe;
630
+ }
631
+ process.env.NODE_ENV === "production" ? Wt.exports = io() : Wt.exports = so();
632
+ var l = Wt.exports, q = function() {
633
+ return q = Object.assign || function(t) {
634
+ for (var r, n = 1, o = arguments.length; n < o; n++) {
635
+ r = arguments[n];
636
+ for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
637
+ }
638
+ return t;
639
+ }, q.apply(this, arguments);
640
+ };
641
+ function Le(e, t, r) {
642
+ if (r || arguments.length === 2) for (var n = 0, o = t.length, i; n < o; n++)
643
+ (i || !(n in t)) && (i || (i = Array.prototype.slice.call(t, 0, n)), i[n] = t[n]);
644
+ return e.concat(i || Array.prototype.slice.call(t));
645
+ }
646
+ function ao(e) {
647
+ var t = /* @__PURE__ */ Object.create(null);
648
+ return function(r) {
649
+ return t[r] === void 0 && (t[r] = e(r)), t[r];
650
+ };
651
+ }
652
+ var co = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, lo = /* @__PURE__ */ ao(
653
+ function(e) {
654
+ return co.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
655
+ }
656
+ /* Z+1 */
657
+ ), B = "-ms-", tt = "-moz-", z = "-webkit-", Ur = "comm", kt = "rule", Zt = "decl", uo = "@import", Yr = "@keyframes", fo = "@layer", Vr = Math.abs, Qt = String.fromCharCode, Gt = Object.assign;
658
+ function ho(e, t) {
659
+ return U(e, 0) ^ 45 ? (((t << 2 ^ U(e, 0)) << 2 ^ U(e, 1)) << 2 ^ U(e, 2)) << 2 ^ U(e, 3) : 0;
660
+ }
661
+ function Kr(e) {
662
+ return e.trim();
663
+ }
664
+ function le(e, t) {
665
+ return (e = t.exec(e)) ? e[0] : e;
666
+ }
667
+ function E(e, t, r) {
668
+ return e.replace(t, r);
669
+ }
670
+ function pt(e, t, r) {
671
+ return e.indexOf(t, r);
672
+ }
673
+ function U(e, t) {
674
+ return e.charCodeAt(t) | 0;
675
+ }
676
+ function Fe(e, t, r) {
677
+ return e.slice(t, r);
678
+ }
679
+ function se(e) {
680
+ return e.length;
681
+ }
682
+ function qr(e) {
683
+ return e.length;
684
+ }
685
+ function et(e, t) {
686
+ return t.push(e), e;
687
+ }
688
+ function po(e, t) {
689
+ return e.map(t).join("");
690
+ }
691
+ function kr(e, t) {
692
+ return e.filter(function(r) {
693
+ return !le(r, t);
694
+ });
695
+ }
696
+ var Ct = 1, Ne = 1, Xr = 0, ee = 0, H = 0, Ue = "";
697
+ function jt(e, t, r, n, o, i, a, d) {
698
+ return { value: e, root: t, parent: r, type: n, props: o, children: i, line: Ct, column: Ne, length: a, return: "", siblings: d };
699
+ }
700
+ function ve(e, t) {
701
+ return Gt(jt("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
702
+ }
703
+ function Me(e) {
704
+ for (; e.root; )
705
+ e = ve(e.root, { children: [e] });
706
+ et(e, e.siblings);
707
+ }
708
+ function mo() {
709
+ return H;
710
+ }
711
+ function go() {
712
+ return H = ee > 0 ? U(Ue, --ee) : 0, Ne--, H === 10 && (Ne = 1, Ct--), H;
713
+ }
714
+ function ie() {
715
+ return H = ee < Xr ? U(Ue, ee++) : 0, Ne++, H === 10 && (Ne = 1, Ct++), H;
716
+ }
717
+ function Ee() {
718
+ return U(Ue, ee);
719
+ }
720
+ function mt() {
721
+ return ee;
722
+ }
723
+ function Et(e, t) {
724
+ return Fe(Ue, e, t);
725
+ }
726
+ function Ut(e) {
727
+ switch (e) {
728
+ case 0:
729
+ case 9:
730
+ case 10:
731
+ case 13:
732
+ case 32:
733
+ return 5;
734
+ case 33:
735
+ case 43:
736
+ case 44:
737
+ case 47:
738
+ case 62:
739
+ case 64:
740
+ case 126:
741
+ case 59:
742
+ case 123:
743
+ case 125:
744
+ return 4;
745
+ case 58:
746
+ return 3;
747
+ case 34:
748
+ case 39:
749
+ case 40:
750
+ case 91:
751
+ return 2;
752
+ case 41:
753
+ case 93:
754
+ return 1;
755
+ }
756
+ return 0;
757
+ }
758
+ function yo(e) {
759
+ return Ct = Ne = 1, Xr = se(Ue = e), ee = 0, [];
760
+ }
761
+ function bo(e) {
762
+ return Ue = "", e;
763
+ }
764
+ function Lt(e) {
765
+ return Kr(Et(ee - 1, Yt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
766
+ }
767
+ function vo(e) {
768
+ for (; (H = Ee()) && H < 33; )
769
+ ie();
770
+ return Ut(e) > 2 || Ut(H) > 3 ? "" : " ";
771
+ }
772
+ function $o(e, t) {
773
+ for (; --t && ie() && !(H < 48 || H > 102 || H > 57 && H < 65 || H > 70 && H < 97); )
774
+ ;
775
+ return Et(e, mt() + (t < 6 && Ee() == 32 && ie() == 32));
776
+ }
777
+ function Yt(e) {
778
+ for (; ie(); )
779
+ switch (H) {
780
+ case e:
781
+ return ee;
782
+ case 34:
783
+ case 39:
784
+ e !== 34 && e !== 39 && Yt(H);
785
+ break;
786
+ case 40:
787
+ e === 41 && Yt(e);
788
+ break;
789
+ case 92:
790
+ ie();
791
+ break;
792
+ }
793
+ return ee;
794
+ }
795
+ function xo(e, t) {
796
+ for (; ie() && e + H !== 57; )
797
+ if (e + H === 84 && Ee() === 47)
798
+ break;
799
+ return "/*" + Et(t, ee - 1) + "*" + Qt(e === 47 ? e : ie());
800
+ }
801
+ function wo(e) {
802
+ for (; !Ut(Ee()); )
803
+ ie();
804
+ return Et(e, ee);
805
+ }
806
+ function So(e) {
807
+ return bo(gt("", null, null, null, [""], e = yo(e), 0, [0], e));
808
+ }
809
+ function gt(e, t, r, n, o, i, a, d, c) {
810
+ for (var f = 0, u = 0, h = a, g = 0, m = 0, b = 0, x = 1, k = 1, w = 1, v = 0, C = "", A = o, R = i, j = n, $ = C; k; )
811
+ switch (b = v, v = ie()) {
812
+ case 40:
813
+ if (b != 108 && U($, h - 1) == 58) {
814
+ pt($ += E(Lt(v), "&", "&\f"), "&\f", Vr(f ? d[f - 1] : 0)) != -1 && (w = -1);
815
+ break;
816
+ }
817
+ case 34:
818
+ case 39:
819
+ case 91:
820
+ $ += Lt(v);
821
+ break;
822
+ case 9:
823
+ case 10:
824
+ case 13:
825
+ case 32:
826
+ $ += vo(b);
827
+ break;
828
+ case 92:
829
+ $ += $o(mt() - 1, 7);
830
+ continue;
831
+ case 47:
832
+ switch (Ee()) {
833
+ case 42:
834
+ case 47:
835
+ et(ko(xo(ie(), mt()), t, r, c), c);
836
+ break;
837
+ default:
838
+ $ += "/";
839
+ }
840
+ break;
841
+ case 123 * x:
842
+ d[f++] = se($) * w;
843
+ case 125 * x:
844
+ case 59:
845
+ case 0:
846
+ switch (v) {
847
+ case 0:
848
+ case 125:
849
+ k = 0;
850
+ case 59 + u:
851
+ w == -1 && ($ = E($, /\f/g, "")), m > 0 && se($) - h && et(m > 32 ? jr($ + ";", n, r, h - 1, c) : jr(E($, " ", "") + ";", n, r, h - 2, c), c);
852
+ break;
853
+ case 59:
854
+ $ += ";";
855
+ default:
856
+ if (et(j = Cr($, t, r, f, u, o, d, C, A = [], R = [], h, i), i), v === 123)
857
+ if (u === 0)
858
+ gt($, t, j, j, A, i, h, d, R);
859
+ else
860
+ switch (g === 99 && U($, 3) === 110 ? 100 : g) {
861
+ case 100:
862
+ case 108:
863
+ case 109:
864
+ case 115:
865
+ gt(e, j, j, n && et(Cr(e, j, j, 0, 0, o, d, C, o, A = [], h, R), R), o, R, h, d, n ? A : R);
866
+ break;
867
+ default:
868
+ gt($, j, j, j, [""], R, 0, d, R);
869
+ }
870
+ }
871
+ f = u = m = 0, x = w = 1, C = $ = "", h = a;
872
+ break;
873
+ case 58:
874
+ h = 1 + se($), m = b;
875
+ default:
876
+ if (x < 1) {
877
+ if (v == 123)
878
+ --x;
879
+ else if (v == 125 && x++ == 0 && go() == 125)
880
+ continue;
881
+ }
882
+ switch ($ += Qt(v), v * x) {
883
+ case 38:
884
+ w = u > 0 ? 1 : ($ += "\f", -1);
885
+ break;
886
+ case 44:
887
+ d[f++] = (se($) - 1) * w, w = 1;
888
+ break;
889
+ case 64:
890
+ Ee() === 45 && ($ += Lt(ie())), g = Ee(), u = h = se(C = $ += wo(mt())), v++;
891
+ break;
892
+ case 45:
893
+ b === 45 && se($) == 2 && (x = 0);
894
+ }
895
+ }
896
+ return i;
897
+ }
898
+ function Cr(e, t, r, n, o, i, a, d, c, f, u, h) {
899
+ for (var g = o - 1, m = o === 0 ? i : [""], b = qr(m), x = 0, k = 0, w = 0; x < n; ++x)
900
+ for (var v = 0, C = Fe(e, g + 1, g = Vr(k = a[x])), A = e; v < b; ++v)
901
+ (A = Kr(k > 0 ? m[v] + " " + C : E(C, /&\f/g, m[v]))) && (c[w++] = A);
902
+ return jt(e, t, r, o === 0 ? kt : d, c, f, u, h);
903
+ }
904
+ function ko(e, t, r, n) {
905
+ return jt(e, t, r, Ur, Qt(mo()), Fe(e, 2, -2), 0, n);
906
+ }
907
+ function jr(e, t, r, n, o) {
908
+ return jt(e, t, r, Zt, Fe(e, 0, n), Fe(e, n + 1, -1), n, o);
909
+ }
910
+ function Jr(e, t, r) {
911
+ switch (ho(e, t)) {
912
+ case 5103:
913
+ return z + "print-" + e + e;
914
+ case 5737:
915
+ case 4201:
916
+ case 3177:
917
+ case 3433:
918
+ case 1641:
919
+ case 4457:
920
+ case 2921:
921
+ case 5572:
922
+ case 6356:
923
+ case 5844:
924
+ case 3191:
925
+ case 6645:
926
+ case 3005:
927
+ case 6391:
928
+ case 5879:
929
+ case 5623:
930
+ case 6135:
931
+ case 4599:
932
+ case 4855:
933
+ case 4215:
934
+ case 6389:
935
+ case 5109:
936
+ case 5365:
937
+ case 5621:
938
+ case 3829:
939
+ return z + e + e;
940
+ case 4789:
941
+ return tt + e + e;
942
+ case 5349:
943
+ case 4246:
944
+ case 4810:
945
+ case 6968:
946
+ case 2756:
947
+ return z + e + tt + e + B + e + e;
948
+ case 5936:
949
+ switch (U(e, t + 11)) {
950
+ case 114:
951
+ return z + e + B + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
952
+ case 108:
953
+ return z + e + B + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
954
+ case 45:
955
+ return z + e + B + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
956
+ }
957
+ case 6828:
958
+ case 4268:
959
+ case 2903:
960
+ return z + e + B + e + e;
961
+ case 6165:
962
+ return z + e + B + "flex-" + e + e;
963
+ case 5187:
964
+ return z + e + E(e, /(\w+).+(:[^]+)/, z + "box-$1$2" + B + "flex-$1$2") + e;
965
+ case 5443:
966
+ return z + e + B + "flex-item-" + E(e, /flex-|-self/g, "") + (le(e, /flex-|baseline/) ? "" : B + "grid-row-" + E(e, /flex-|-self/g, "")) + e;
967
+ case 4675:
968
+ return z + e + B + "flex-line-pack" + E(e, /align-content|flex-|-self/g, "") + e;
969
+ case 5548:
970
+ return z + e + B + E(e, "shrink", "negative") + e;
971
+ case 5292:
972
+ return z + e + B + E(e, "basis", "preferred-size") + e;
973
+ case 6060:
974
+ return z + "box-" + E(e, "-grow", "") + z + e + B + E(e, "grow", "positive") + e;
975
+ case 4554:
976
+ return z + E(e, /([^-])(transform)/g, "$1" + z + "$2") + e;
977
+ case 6187:
978
+ return E(E(E(e, /(zoom-|grab)/, z + "$1"), /(image-set)/, z + "$1"), e, "") + e;
979
+ case 5495:
980
+ case 3959:
981
+ return E(e, /(image-set\([^]*)/, z + "$1$`$1");
982
+ case 4968:
983
+ return E(E(e, /(.+:)(flex-)?(.*)/, z + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + z + e + e;
984
+ case 4200:
985
+ if (!le(e, /flex-|baseline/)) return B + "grid-column-align" + Fe(e, t) + e;
986
+ break;
987
+ case 2592:
988
+ case 3360:
989
+ return B + E(e, "template-", "") + e;
990
+ case 4384:
991
+ case 3616:
992
+ return r && r.some(function(n, o) {
993
+ return t = o, le(n.props, /grid-\w+-end/);
994
+ }) ? ~pt(e + (r = r[t].value), "span", 0) ? e : B + E(e, "-start", "") + e + B + "grid-row-span:" + (~pt(r, "span", 0) ? le(r, /\d+/) : +le(r, /\d+/) - +le(e, /\d+/)) + ";" : B + E(e, "-start", "") + e;
995
+ case 4896:
996
+ case 4128:
997
+ return r && r.some(function(n) {
998
+ return le(n.props, /grid-\w+-start/);
999
+ }) ? e : B + E(E(e, "-end", "-span"), "span ", "") + e;
1000
+ case 4095:
1001
+ case 3583:
1002
+ case 4068:
1003
+ case 2532:
1004
+ return E(e, /(.+)-inline(.+)/, z + "$1$2") + e;
1005
+ case 8116:
1006
+ case 7059:
1007
+ case 5753:
1008
+ case 5535:
1009
+ case 5445:
1010
+ case 5701:
1011
+ case 4933:
1012
+ case 4677:
1013
+ case 5533:
1014
+ case 5789:
1015
+ case 5021:
1016
+ case 4765:
1017
+ if (se(e) - 1 - t > 6)
1018
+ switch (U(e, t + 1)) {
1019
+ case 109:
1020
+ if (U(e, t + 4) !== 45)
1021
+ break;
1022
+ case 102:
1023
+ return E(e, /(.+:)(.+)-([^]+)/, "$1" + z + "$2-$3$1" + tt + (U(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
1024
+ case 115:
1025
+ return ~pt(e, "stretch", 0) ? Jr(E(e, "stretch", "fill-available"), t, r) + e : e;
1026
+ }
1027
+ break;
1028
+ case 5152:
1029
+ case 5920:
1030
+ return E(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, i, a, d, c, f) {
1031
+ return B + o + ":" + i + f + (a ? B + o + "-span:" + (d ? c : +c - +i) + f : "") + e;
1032
+ });
1033
+ case 4949:
1034
+ if (U(e, t + 6) === 121)
1035
+ return E(e, ":", ":" + z) + e;
1036
+ break;
1037
+ case 6444:
1038
+ switch (U(e, U(e, 14) === 45 ? 18 : 11)) {
1039
+ case 120:
1040
+ return E(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + z + (U(e, 14) === 45 ? "inline-" : "") + "box$3$1" + z + "$2$3$1" + B + "$2box$3") + e;
1041
+ case 100:
1042
+ return E(e, ":", ":" + B) + e;
1043
+ }
1044
+ break;
1045
+ case 5719:
1046
+ case 2647:
1047
+ case 2135:
1048
+ case 3927:
1049
+ case 2391:
1050
+ return E(e, "scroll-", "scroll-snap-") + e;
1051
+ }
1052
+ return e;
1053
+ }
1054
+ function vt(e, t) {
1055
+ for (var r = "", n = 0; n < e.length; n++)
1056
+ r += t(e[n], n, e, t) || "";
1057
+ return r;
1058
+ }
1059
+ function Co(e, t, r, n) {
1060
+ switch (e.type) {
1061
+ case fo:
1062
+ if (e.children.length) break;
1063
+ case uo:
1064
+ case Zt:
1065
+ return e.return = e.return || e.value;
1066
+ case Ur:
1067
+ return "";
1068
+ case Yr:
1069
+ return e.return = e.value + "{" + vt(e.children, n) + "}";
1070
+ case kt:
1071
+ if (!se(e.value = e.props.join(","))) return "";
1072
+ }
1073
+ return se(r = vt(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
1074
+ }
1075
+ function jo(e) {
1076
+ var t = qr(e);
1077
+ return function(r, n, o, i) {
1078
+ for (var a = "", d = 0; d < t; d++)
1079
+ a += e[d](r, n, o, i) || "";
1080
+ return a;
1081
+ };
1082
+ }
1083
+ function Eo(e) {
1084
+ return function(t) {
1085
+ t.root || (t = t.return) && e(t);
1086
+ };
1087
+ }
1088
+ function Io(e, t, r, n) {
1089
+ if (e.length > -1 && !e.return)
1090
+ switch (e.type) {
1091
+ case Zt:
1092
+ e.return = Jr(e.value, e.length, r);
1093
+ return;
1094
+ case Yr:
1095
+ return vt([ve(e, { value: E(e.value, "@", "@" + z) })], n);
1096
+ case kt:
1097
+ if (e.length)
1098
+ return po(r = e.props, function(o) {
1099
+ switch (le(o, n = /(::plac\w+|:read-\w+)/)) {
1100
+ case ":read-only":
1101
+ case ":read-write":
1102
+ Me(ve(e, { props: [E(o, /:(read-\w+)/, ":" + tt + "$1")] })), Me(ve(e, { props: [o] })), Gt(e, { props: kr(r, n) });
1103
+ break;
1104
+ case "::placeholder":
1105
+ Me(ve(e, { props: [E(o, /:(plac\w+)/, ":" + z + "input-$1")] })), Me(ve(e, { props: [E(o, /:(plac\w+)/, ":" + tt + "$1")] })), Me(ve(e, { props: [E(o, /:(plac\w+)/, B + "input-$1")] })), Me(ve(e, { props: [o] })), Gt(e, { props: kr(r, n) });
1106
+ break;
1107
+ }
1108
+ return "";
1109
+ });
1110
+ }
1111
+ }
1112
+ var Ro = {
1113
+ animationIterationCount: 1,
1114
+ aspectRatio: 1,
1115
+ borderImageOutset: 1,
1116
+ borderImageSlice: 1,
1117
+ borderImageWidth: 1,
1118
+ boxFlex: 1,
1119
+ boxFlexGroup: 1,
1120
+ boxOrdinalGroup: 1,
1121
+ columnCount: 1,
1122
+ columns: 1,
1123
+ flex: 1,
1124
+ flexGrow: 1,
1125
+ flexPositive: 1,
1126
+ flexShrink: 1,
1127
+ flexNegative: 1,
1128
+ flexOrder: 1,
1129
+ gridRow: 1,
1130
+ gridRowEnd: 1,
1131
+ gridRowSpan: 1,
1132
+ gridRowStart: 1,
1133
+ gridColumn: 1,
1134
+ gridColumnEnd: 1,
1135
+ gridColumnSpan: 1,
1136
+ gridColumnStart: 1,
1137
+ msGridRow: 1,
1138
+ msGridRowSpan: 1,
1139
+ msGridColumn: 1,
1140
+ msGridColumnSpan: 1,
1141
+ fontWeight: 1,
1142
+ lineHeight: 1,
1143
+ opacity: 1,
1144
+ order: 1,
1145
+ orphans: 1,
1146
+ tabSize: 1,
1147
+ widows: 1,
1148
+ zIndex: 1,
1149
+ zoom: 1,
1150
+ WebkitLineClamp: 1,
1151
+ // SVG-related properties
1152
+ fillOpacity: 1,
1153
+ floodOpacity: 1,
1154
+ stopOpacity: 1,
1155
+ strokeDasharray: 1,
1156
+ strokeDashoffset: 1,
1157
+ strokeMiterlimit: 1,
1158
+ strokeOpacity: 1,
1159
+ strokeWidth: 1
1160
+ }, Re = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Zr = "active", Qr = "data-styled-version", It = "6.1.13", er = `/*!sc*/
1161
+ `, $t = typeof window < "u" && "HTMLElement" in window, _o = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Er = /invalid hook call/i, dt = /* @__PURE__ */ new Set(), Ao = function(e, t) {
1162
+ if (process.env.NODE_ENV !== "production") {
1163
+ var r = t ? ' with the id of "'.concat(t, '"') : "", n = "The component ".concat(e).concat(r, ` has been created dynamically.
1164
+ `) + `You may see this warning because you've called styled inside another component.
1165
+ To resolve this only create new StyledComponents outside of any render method and function component.`, o = console.error;
1166
+ try {
1167
+ var i = !0;
1168
+ console.error = function(a) {
1169
+ for (var d = [], c = 1; c < arguments.length; c++) d[c - 1] = arguments[c];
1170
+ Er.test(a) ? (i = !1, dt.delete(n)) : o.apply(void 0, Le([a], d, !1));
1171
+ }, Be(), i && !dt.has(n) && (console.warn(n), dt.add(n));
1172
+ } catch (a) {
1173
+ Er.test(a.message) && dt.delete(n);
1174
+ } finally {
1175
+ console.error = o;
1176
+ }
1177
+ }
1178
+ }, Rt = Object.freeze([]), He = Object.freeze({});
1179
+ function To(e, t, r) {
1180
+ return r === void 0 && (r = He), e.theme !== r.theme && e.theme || t || r.theme;
1181
+ }
1182
+ var Vt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Po = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Oo = /(^-|-$)/g;
1183
+ function Ir(e) {
1184
+ return e.replace(Po, "-").replace(Oo, "");
1185
+ }
1186
+ var zo = /(a)(d)/gi, ut = 52, Rr = function(e) {
1187
+ return String.fromCharCode(e + (e > 25 ? 39 : 97));
1188
+ };
1189
+ function Kt(e) {
1190
+ var t, r = "";
1191
+ for (t = Math.abs(e); t > ut; t = t / ut | 0) r = Rr(t % ut) + r;
1192
+ return (Rr(t % ut) + r).replace(zo, "$1-$2");
1193
+ }
1194
+ var Ft, en = 5381, Ce = function(e, t) {
1195
+ for (var r = t.length; r; ) e = 33 * e ^ t.charCodeAt(--r);
1196
+ return e;
1197
+ }, tn = function(e) {
1198
+ return Ce(en, e);
1199
+ };
1200
+ function Do(e) {
1201
+ return Kt(tn(e) >>> 0);
1202
+ }
1203
+ function rn(e) {
1204
+ return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
1205
+ }
1206
+ function Nt(e) {
1207
+ return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
1208
+ }
1209
+ var nn = typeof Symbol == "function" && Symbol.for, on = nn ? Symbol.for("react.memo") : 60115, Mo = nn ? Symbol.for("react.forward_ref") : 60112, Bo = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Lo = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, sn = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Fo = ((Ft = {})[Mo] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Ft[on] = sn, Ft);
1210
+ function _r(e) {
1211
+ return ("type" in (t = e) && t.type.$$typeof) === on ? sn : "$$typeof" in e ? Fo[e.$$typeof] : Bo;
1212
+ var t;
1213
+ }
1214
+ var No = Object.defineProperty, Ho = Object.getOwnPropertyNames, Ar = Object.getOwnPropertySymbols, Wo = Object.getOwnPropertyDescriptor, Go = Object.getPrototypeOf, Tr = Object.prototype;
1215
+ function an(e, t, r) {
1216
+ if (typeof t != "string") {
1217
+ if (Tr) {
1218
+ var n = Go(t);
1219
+ n && n !== Tr && an(e, n, r);
1220
+ }
1221
+ var o = Ho(t);
1222
+ Ar && (o = o.concat(Ar(t)));
1223
+ for (var i = _r(e), a = _r(t), d = 0; d < o.length; ++d) {
1224
+ var c = o[d];
1225
+ if (!(c in Lo || r && r[c] || a && c in a || i && c in i)) {
1226
+ var f = Wo(t, c);
1227
+ try {
1228
+ No(e, c, f);
1229
+ } catch {
1230
+ }
1231
+ }
1232
+ }
1233
+ }
1234
+ return e;
1235
+ }
1236
+ function We(e) {
1237
+ return typeof e == "function";
1238
+ }
1239
+ function tr(e) {
1240
+ return typeof e == "object" && "styledComponentId" in e;
1241
+ }
1242
+ function je(e, t) {
1243
+ return e && t ? "".concat(e, " ").concat(t) : e || t || "";
1244
+ }
1245
+ function Pr(e, t) {
1246
+ if (e.length === 0) return "";
1247
+ for (var r = e[0], n = 1; n < e.length; n++) r += e[n];
1248
+ return r;
1249
+ }
1250
+ function Ge(e) {
1251
+ return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
1252
+ }
1253
+ function qt(e, t, r) {
1254
+ if (r === void 0 && (r = !1), !r && !Ge(e) && !Array.isArray(e)) return t;
1255
+ if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = qt(e[n], t[n]);
1256
+ else if (Ge(t)) for (var n in t) e[n] = qt(e[n], t[n]);
1257
+ return e;
1258
+ }
1259
+ function rr(e, t) {
1260
+ Object.defineProperty(e, "toString", { value: t });
1261
+ }
1262
+ var Uo = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
1263
+
1264
+ `, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
1265
+
1266
+ - Are you trying to reuse it across renders?
1267
+ - Are you accidentally calling collectStyles twice?
1268
+
1269
+ `, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
1270
+
1271
+ `, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
1272
+
1273
+ - Does this error occur on the client and is your target falsy?
1274
+ - Does this error occur on the server and is the sheet falsy?
1275
+
1276
+ `, 5: `The clone method cannot be used on the client!
1277
+
1278
+ - Are you running in a client-like environment on the server?
1279
+ - Are you trying to run SSR on the client?
1280
+
1281
+ `, 6: `Trying to insert a new style tag, but the given Node is unmounted!
1282
+
1283
+ - Are you using a custom target that isn't mounted?
1284
+ - Does your document not have a valid head element?
1285
+ - Have you accidentally removed a style tag manually?
1286
+
1287
+ `, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.
1288
+
1289
+ `, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
1290
+
1291
+ `, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
1292
+
1293
+ `, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
1294
+
1295
+ `, 14: `ThemeProvider: "theme" prop is required.
1296
+
1297
+ `, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
1298
+ You may only create up to 1,073,741,824 components. If you're creating components dynamically,
1299
+ as for instance in your render method then you may be running into this limitation.
1300
+
1301
+ `, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
1302
+ Has styled-components' style tag been unmounted or altered by another script?
1303
+ `, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
1304
+ function Yo() {
1305
+ for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
1306
+ for (var r = e[0], n = [], o = 1, i = e.length; o < i; o += 1) n.push(e[o]);
1307
+ return n.forEach(function(a) {
1308
+ r = r.replace(/%[a-z]/, a);
1309
+ }), r;
1310
+ }
1311
+ function Ye(e) {
1312
+ for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
1313
+ return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(Yo.apply(void 0, Le([Uo[e]], t, !1)).trim());
1314
+ }
1315
+ var Vo = function() {
1316
+ function e(t) {
1317
+ this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
1318
+ }
1319
+ return e.prototype.indexOfGroup = function(t) {
1320
+ for (var r = 0, n = 0; n < t; n++) r += this.groupSizes[n];
1321
+ return r;
1322
+ }, e.prototype.insertRules = function(t, r) {
1323
+ if (t >= this.groupSizes.length) {
1324
+ for (var n = this.groupSizes, o = n.length, i = o; t >= i; ) if ((i <<= 1) < 0) throw Ye(16, "".concat(t));
1325
+ this.groupSizes = new Uint32Array(i), this.groupSizes.set(n), this.length = i;
1326
+ for (var a = o; a < i; a++) this.groupSizes[a] = 0;
1327
+ }
1328
+ for (var d = this.indexOfGroup(t + 1), c = (a = 0, r.length); a < c; a++) this.tag.insertRule(d, r[a]) && (this.groupSizes[t]++, d++);
1329
+ }, e.prototype.clearGroup = function(t) {
1330
+ if (t < this.length) {
1331
+ var r = this.groupSizes[t], n = this.indexOfGroup(t), o = n + r;
1332
+ this.groupSizes[t] = 0;
1333
+ for (var i = n; i < o; i++) this.tag.deleteRule(n);
1334
+ }
1335
+ }, e.prototype.getGroup = function(t) {
1336
+ var r = "";
1337
+ if (t >= this.length || this.groupSizes[t] === 0) return r;
1338
+ for (var n = this.groupSizes[t], o = this.indexOfGroup(t), i = o + n, a = o; a < i; a++) r += "".concat(this.tag.getRule(a)).concat(er);
1339
+ return r;
1340
+ }, e;
1341
+ }(), Ko = 1 << 30, yt = /* @__PURE__ */ new Map(), xt = /* @__PURE__ */ new Map(), bt = 1, ft = function(e) {
1342
+ if (yt.has(e)) return yt.get(e);
1343
+ for (; xt.has(bt); ) bt++;
1344
+ var t = bt++;
1345
+ if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > Ko)) throw Ye(16, "".concat(t));
1346
+ return yt.set(e, t), xt.set(t, e), t;
1347
+ }, qo = function(e, t) {
1348
+ bt = t + 1, yt.set(e, t), xt.set(t, e);
1349
+ }, Xo = "style[".concat(Re, "][").concat(Qr, '="').concat(It, '"]'), Jo = new RegExp("^".concat(Re, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Zo = function(e, t, r) {
1350
+ for (var n, o = r.split(","), i = 0, a = o.length; i < a; i++) (n = o[i]) && e.registerName(t, n);
1351
+ }, Qo = function(e, t) {
1352
+ for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(er), o = [], i = 0, a = n.length; i < a; i++) {
1353
+ var d = n[i].trim();
1354
+ if (d) {
1355
+ var c = d.match(Jo);
1356
+ if (c) {
1357
+ var f = 0 | parseInt(c[1], 10), u = c[2];
1358
+ f !== 0 && (qo(u, f), Zo(e, u, c[3]), e.getTag().insertRules(f, o)), o.length = 0;
1359
+ } else o.push(d);
1360
+ }
1361
+ }
1362
+ }, Or = function(e) {
1363
+ for (var t = document.querySelectorAll(Xo), r = 0, n = t.length; r < n; r++) {
1364
+ var o = t[r];
1365
+ o && o.getAttribute(Re) !== Zr && (Qo(e, o), o.parentNode && o.parentNode.removeChild(o));
1366
+ }
1367
+ };
1368
+ function ei() {
1369
+ return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
1370
+ }
1371
+ var cn = function(e) {
1372
+ var t = document.head, r = e || t, n = document.createElement("style"), o = function(d) {
1373
+ var c = Array.from(d.querySelectorAll("style[".concat(Re, "]")));
1374
+ return c[c.length - 1];
1375
+ }(r), i = o !== void 0 ? o.nextSibling : null;
1376
+ n.setAttribute(Re, Zr), n.setAttribute(Qr, It);
1377
+ var a = ei();
1378
+ return a && n.setAttribute("nonce", a), r.insertBefore(n, i), n;
1379
+ }, ti = function() {
1380
+ function e(t) {
1381
+ this.element = cn(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(r) {
1382
+ if (r.sheet) return r.sheet;
1383
+ for (var n = document.styleSheets, o = 0, i = n.length; o < i; o++) {
1384
+ var a = n[o];
1385
+ if (a.ownerNode === r) return a;
1386
+ }
1387
+ throw Ye(17);
1388
+ }(this.element), this.length = 0;
1389
+ }
1390
+ return e.prototype.insertRule = function(t, r) {
1391
+ try {
1392
+ return this.sheet.insertRule(r, t), this.length++, !0;
1393
+ } catch {
1394
+ return !1;
1395
+ }
1396
+ }, e.prototype.deleteRule = function(t) {
1397
+ this.sheet.deleteRule(t), this.length--;
1398
+ }, e.prototype.getRule = function(t) {
1399
+ var r = this.sheet.cssRules[t];
1400
+ return r && r.cssText ? r.cssText : "";
1401
+ }, e;
1402
+ }(), ri = function() {
1403
+ function e(t) {
1404
+ this.element = cn(t), this.nodes = this.element.childNodes, this.length = 0;
1405
+ }
1406
+ return e.prototype.insertRule = function(t, r) {
1407
+ if (t <= this.length && t >= 0) {
1408
+ var n = document.createTextNode(r);
1409
+ return this.element.insertBefore(n, this.nodes[t] || null), this.length++, !0;
1410
+ }
1411
+ return !1;
1412
+ }, e.prototype.deleteRule = function(t) {
1413
+ this.element.removeChild(this.nodes[t]), this.length--;
1414
+ }, e.prototype.getRule = function(t) {
1415
+ return t < this.length ? this.nodes[t].textContent : "";
1416
+ }, e;
1417
+ }(), ni = function() {
1418
+ function e(t) {
1419
+ this.rules = [], this.length = 0;
1420
+ }
1421
+ return e.prototype.insertRule = function(t, r) {
1422
+ return t <= this.length && (this.rules.splice(t, 0, r), this.length++, !0);
1423
+ }, e.prototype.deleteRule = function(t) {
1424
+ this.rules.splice(t, 1), this.length--;
1425
+ }, e.prototype.getRule = function(t) {
1426
+ return t < this.length ? this.rules[t] : "";
1427
+ }, e;
1428
+ }(), zr = $t, oi = { isServer: !$t, useCSSOMInjection: !_o }, ln = function() {
1429
+ function e(t, r, n) {
1430
+ t === void 0 && (t = He), r === void 0 && (r = {});
1431
+ var o = this;
1432
+ this.options = q(q({}, oi), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && $t && zr && (zr = !1, Or(this)), rr(this, function() {
1433
+ return function(i) {
1434
+ for (var a = i.getTag(), d = a.length, c = "", f = function(h) {
1435
+ var g = function(w) {
1436
+ return xt.get(w);
1437
+ }(h);
1438
+ if (g === void 0) return "continue";
1439
+ var m = i.names.get(g), b = a.getGroup(h);
1440
+ if (m === void 0 || !m.size || b.length === 0) return "continue";
1441
+ var x = "".concat(Re, ".g").concat(h, '[id="').concat(g, '"]'), k = "";
1442
+ m !== void 0 && m.forEach(function(w) {
1443
+ w.length > 0 && (k += "".concat(w, ","));
1444
+ }), c += "".concat(b).concat(x, '{content:"').concat(k, '"}').concat(er);
1445
+ }, u = 0; u < d; u++) f(u);
1446
+ return c;
1447
+ }(o);
1448
+ });
1449
+ }
1450
+ return e.registerId = function(t) {
1451
+ return ft(t);
1452
+ }, e.prototype.rehydrate = function() {
1453
+ !this.server && $t && Or(this);
1454
+ }, e.prototype.reconstructWithOptions = function(t, r) {
1455
+ return r === void 0 && (r = !0), new e(q(q({}, this.options), t), this.gs, r && this.names || void 0);
1456
+ }, e.prototype.allocateGSInstance = function(t) {
1457
+ return this.gs[t] = (this.gs[t] || 0) + 1;
1458
+ }, e.prototype.getTag = function() {
1459
+ return this.tag || (this.tag = (t = function(r) {
1460
+ var n = r.useCSSOMInjection, o = r.target;
1461
+ return r.isServer ? new ni(o) : n ? new ti(o) : new ri(o);
1462
+ }(this.options), new Vo(t)));
1463
+ var t;
1464
+ }, e.prototype.hasNameForId = function(t, r) {
1465
+ return this.names.has(t) && this.names.get(t).has(r);
1466
+ }, e.prototype.registerName = function(t, r) {
1467
+ if (ft(t), this.names.has(t)) this.names.get(t).add(r);
1468
+ else {
1469
+ var n = /* @__PURE__ */ new Set();
1470
+ n.add(r), this.names.set(t, n);
1471
+ }
1472
+ }, e.prototype.insertRules = function(t, r, n) {
1473
+ this.registerName(t, r), this.getTag().insertRules(ft(t), n);
1474
+ }, e.prototype.clearNames = function(t) {
1475
+ this.names.has(t) && this.names.get(t).clear();
1476
+ }, e.prototype.clearRules = function(t) {
1477
+ this.getTag().clearGroup(ft(t)), this.clearNames(t);
1478
+ }, e.prototype.clearTag = function() {
1479
+ this.tag = void 0;
1480
+ }, e;
1481
+ }(), ii = /&/g, si = /^\s*\/\/.*$/gm;
1482
+ function dn(e, t) {
1483
+ return e.map(function(r) {
1484
+ return r.type === "rule" && (r.value = "".concat(t, " ").concat(r.value), r.value = r.value.replaceAll(",", ",".concat(t, " ")), r.props = r.props.map(function(n) {
1485
+ return "".concat(t, " ").concat(n);
1486
+ })), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = dn(r.children, t)), r;
1487
+ });
1488
+ }
1489
+ function ai(e) {
1490
+ var t, r, n, o = He, i = o.options, a = i === void 0 ? He : i, d = o.plugins, c = d === void 0 ? Rt : d, f = function(g, m, b) {
1491
+ return b.startsWith(r) && b.endsWith(r) && b.replaceAll(r, "").length > 0 ? ".".concat(t) : g;
1492
+ }, u = c.slice();
1493
+ u.push(function(g) {
1494
+ g.type === kt && g.value.includes("&") && (g.props[0] = g.props[0].replace(ii, r).replace(n, f));
1495
+ }), a.prefix && u.push(Io), u.push(Co);
1496
+ var h = function(g, m, b, x) {
1497
+ m === void 0 && (m = ""), b === void 0 && (b = ""), x === void 0 && (x = "&"), t = x, r = m, n = new RegExp("\\".concat(r, "\\b"), "g");
1498
+ var k = g.replace(si, ""), w = So(b || m ? "".concat(b, " ").concat(m, " { ").concat(k, " }") : k);
1499
+ a.namespace && (w = dn(w, a.namespace));
1500
+ var v = [];
1501
+ return vt(w, jo(u.concat(Eo(function(C) {
1502
+ return v.push(C);
1503
+ })))), v;
1504
+ };
1505
+ return h.hash = c.length ? c.reduce(function(g, m) {
1506
+ return m.name || Ye(15), Ce(g, m.name);
1507
+ }, en).toString() : "", h;
1508
+ }
1509
+ var ci = new ln(), Xt = ai(), un = de.createContext({ shouldForwardProp: void 0, styleSheet: ci, stylis: Xt });
1510
+ un.Consumer;
1511
+ de.createContext(void 0);
1512
+ function Dr() {
1513
+ return xe(un);
1514
+ }
1515
+ var Mr = function() {
1516
+ function e(t, r) {
1517
+ var n = this;
1518
+ this.inject = function(o, i) {
1519
+ i === void 0 && (i = Xt);
1520
+ var a = n.name + i.hash;
1521
+ o.hasNameForId(n.id, a) || o.insertRules(n.id, a, i(n.rules, a, "@keyframes"));
1522
+ }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, rr(this, function() {
1523
+ throw Ye(12, String(n.name));
1524
+ });
1525
+ }
1526
+ return e.prototype.getName = function(t) {
1527
+ return t === void 0 && (t = Xt), this.name + t.hash;
1528
+ }, e;
1529
+ }(), li = function(e) {
1530
+ return e >= "A" && e <= "Z";
1531
+ };
1532
+ function Br(e) {
1533
+ for (var t = "", r = 0; r < e.length; r++) {
1534
+ var n = e[r];
1535
+ if (r === 1 && n === "-" && e[0] === "-") return e;
1536
+ li(n) ? t += "-" + n.toLowerCase() : t += n;
1537
+ }
1538
+ return t.startsWith("ms-") ? "-" + t : t;
1539
+ }
1540
+ var fn = function(e) {
1541
+ return e == null || e === !1 || e === "";
1542
+ }, hn = function(e) {
1543
+ var t, r, n = [];
1544
+ for (var o in e) {
1545
+ var i = e[o];
1546
+ e.hasOwnProperty(o) && !fn(i) && (Array.isArray(i) && i.isCss || We(i) ? n.push("".concat(Br(o), ":"), i, ";") : Ge(i) ? n.push.apply(n, Le(Le(["".concat(o, " {")], hn(i), !1), ["}"], !1)) : n.push("".concat(Br(o), ": ").concat((t = o, (r = i) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in Ro || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
1547
+ }
1548
+ return n;
1549
+ };
1550
+ function Ie(e, t, r, n) {
1551
+ if (fn(e)) return [];
1552
+ if (tr(e)) return [".".concat(e.styledComponentId)];
1553
+ if (We(e)) {
1554
+ if (!We(i = e) || i.prototype && i.prototype.isReactComponent || !t) return [e];
1555
+ var o = e(t);
1556
+ return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Mr || Ge(o) || o === null || console.error("".concat(rn(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), Ie(o, t, r, n);
1557
+ }
1558
+ var i;
1559
+ return e instanceof Mr ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : Ge(e) ? hn(e) : Array.isArray(e) ? Array.prototype.concat.apply(Rt, e.map(function(a) {
1560
+ return Ie(a, t, r, n);
1561
+ })) : [e.toString()];
1562
+ }
1563
+ function di(e) {
1564
+ for (var t = 0; t < e.length; t += 1) {
1565
+ var r = e[t];
1566
+ if (We(r) && !tr(r)) return !1;
1567
+ }
1568
+ return !0;
1569
+ }
1570
+ var ui = tn(It), fi = function() {
1571
+ function e(t, r, n) {
1572
+ this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && di(t), this.componentId = r, this.baseHash = Ce(ui, r), this.baseStyle = n, ln.registerId(r);
1573
+ }
1574
+ return e.prototype.generateAndInjectStyles = function(t, r, n) {
1575
+ var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
1576
+ if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) o = je(o, this.staticRulesId);
1577
+ else {
1578
+ var i = Pr(Ie(this.rules, t, r, n)), a = Kt(Ce(this.baseHash, i) >>> 0);
1579
+ if (!r.hasNameForId(this.componentId, a)) {
1580
+ var d = n(i, ".".concat(a), void 0, this.componentId);
1581
+ r.insertRules(this.componentId, a, d);
1582
+ }
1583
+ o = je(o, a), this.staticRulesId = a;
1584
+ }
1585
+ else {
1586
+ for (var c = Ce(this.baseHash, n.hash), f = "", u = 0; u < this.rules.length; u++) {
1587
+ var h = this.rules[u];
1588
+ if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (c = Ce(c, h));
1589
+ else if (h) {
1590
+ var g = Pr(Ie(h, t, r, n));
1591
+ c = Ce(c, g + u), f += g;
1592
+ }
1593
+ }
1594
+ if (f) {
1595
+ var m = Kt(c >>> 0);
1596
+ r.hasNameForId(this.componentId, m) || r.insertRules(this.componentId, m, n(f, ".".concat(m), void 0, this.componentId)), o = je(o, m);
1597
+ }
1598
+ }
1599
+ return o;
1600
+ }, e;
1601
+ }(), pn = de.createContext(void 0);
1602
+ pn.Consumer;
1603
+ var Ht = {}, Lr = /* @__PURE__ */ new Set();
1604
+ function hi(e, t, r) {
1605
+ var n = tr(e), o = e, i = !Nt(e), a = t.attrs, d = a === void 0 ? Rt : a, c = t.componentId, f = c === void 0 ? function(A, R) {
1606
+ var j = typeof A != "string" ? "sc" : Ir(A);
1607
+ Ht[j] = (Ht[j] || 0) + 1;
1608
+ var $ = "".concat(j, "-").concat(Do(It + j + Ht[j]));
1609
+ return R ? "".concat(R, "-").concat($) : $;
1610
+ }(t.displayName, t.parentComponentId) : c, u = t.displayName, h = u === void 0 ? function(A) {
1611
+ return Nt(A) ? "styled.".concat(A) : "Styled(".concat(rn(A), ")");
1612
+ }(e) : u, g = t.displayName && t.componentId ? "".concat(Ir(t.displayName), "-").concat(t.componentId) : t.componentId || f, m = n && o.attrs ? o.attrs.concat(d).filter(Boolean) : d, b = t.shouldForwardProp;
1613
+ if (n && o.shouldForwardProp) {
1614
+ var x = o.shouldForwardProp;
1615
+ if (t.shouldForwardProp) {
1616
+ var k = t.shouldForwardProp;
1617
+ b = function(A, R) {
1618
+ return x(A, R) && k(A, R);
1619
+ };
1620
+ } else b = x;
1621
+ }
1622
+ var w = new fi(r, g, n ? o.componentStyle : void 0);
1623
+ function v(A, R) {
1624
+ return function(j, $, W) {
1625
+ var X = j.attrs, fe = j.componentStyle, he = j.defaultProps, pe = j.foldedComponentIds, G = j.styledComponentId, ae = j.target, Se = de.useContext(pn), at = Dr(), Ae = j.shouldForwardProp || at.shouldForwardProp;
1626
+ process.env.NODE_ENV !== "production" && xr(G);
1627
+ var Ke = To($, Se, he) || He, J = function(Pe, ce, ye) {
1628
+ for (var re, ne = q(q({}, ce), { className: void 0, theme: ye }), be = 0; be < Pe.length; be += 1) {
1629
+ var Oe = We(re = Pe[be]) ? re(ne) : re;
1630
+ for (var oe in Oe) ne[oe] = oe === "className" ? je(ne[oe], Oe[oe]) : oe === "style" ? q(q({}, ne[oe]), Oe[oe]) : Oe[oe];
1631
+ }
1632
+ return ce.className && (ne.className = je(ne.className, ce.className)), ne;
1633
+ }(X, $, Ke), me = J.as || ae, ge = {};
1634
+ for (var Y in J) J[Y] === void 0 || Y[0] === "$" || Y === "as" || Y === "theme" && J.theme === Ke || (Y === "forwardedAs" ? ge.as = J.forwardedAs : Ae && !Ae(Y, me) || (ge[Y] = J[Y], Ae || process.env.NODE_ENV !== "development" || lo(Y) || Lr.has(Y) || !Vt.has(me) || (Lr.add(Y), console.warn('styled-components: it looks like an unknown prop "'.concat(Y, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
1635
+ var Te = function(Pe, ce) {
1636
+ var ye = Dr(), re = Pe.generateAndInjectStyles(ce, ye.styleSheet, ye.stylis);
1637
+ return process.env.NODE_ENV !== "production" && xr(re), re;
1638
+ }(fe, J);
1639
+ process.env.NODE_ENV !== "production" && j.warnTooManyClasses && j.warnTooManyClasses(Te);
1640
+ var qe = je(pe, G);
1641
+ return Te && (qe += " " + Te), J.className && (qe += " " + J.className), ge[Nt(me) && !Vt.has(me) ? "class" : "className"] = qe, ge.ref = W, to(me, ge);
1642
+ }(C, A, R);
1643
+ }
1644
+ v.displayName = h;
1645
+ var C = de.forwardRef(v);
1646
+ return C.attrs = m, C.componentStyle = w, C.displayName = h, C.shouldForwardProp = b, C.foldedComponentIds = n ? je(o.foldedComponentIds, o.styledComponentId) : "", C.styledComponentId = g, C.target = n ? o.target : e, Object.defineProperty(C, "defaultProps", { get: function() {
1647
+ return this._foldedDefaultProps;
1648
+ }, set: function(A) {
1649
+ this._foldedDefaultProps = n ? function(R) {
1650
+ for (var j = [], $ = 1; $ < arguments.length; $++) j[$ - 1] = arguments[$];
1651
+ for (var W = 0, X = j; W < X.length; W++) qt(R, X[W], !0);
1652
+ return R;
1653
+ }({}, o.defaultProps, A) : A;
1654
+ } }), process.env.NODE_ENV !== "production" && (Ao(h, g), C.warnTooManyClasses = /* @__PURE__ */ function(A, R) {
1655
+ var j = {}, $ = !1;
1656
+ return function(W) {
1657
+ if (!$ && (j[W] = !0, Object.keys(j).length >= 200)) {
1658
+ var X = R ? ' with the id of "'.concat(R, '"') : "";
1659
+ console.warn("Over ".concat(200, " classes were generated for component ").concat(A).concat(X, `.
1660
+ `) + `Consider using the attrs method, together with a style object for frequently changed styles.
1661
+ Example:
1662
+ const Component = styled.div.attrs(props => ({
1663
+ style: {
1664
+ background: props.background,
1665
+ },
1666
+ }))\`width: 100%;\`
1667
+
1668
+ <Component />`), $ = !0, j = {};
1669
+ }
1670
+ };
1671
+ }(h, g)), rr(C, function() {
1672
+ return ".".concat(C.styledComponentId);
1673
+ }), i && an(C, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), C;
1674
+ }
1675
+ function Fr(e, t) {
1676
+ for (var r = [e[0]], n = 0, o = t.length; n < o; n += 1) r.push(t[n], e[n + 1]);
1677
+ return r;
1678
+ }
1679
+ var Nr = function(e) {
1680
+ return Object.assign(e, { isCss: !0 });
1681
+ };
1682
+ function pi(e) {
1683
+ for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
1684
+ if (We(e) || Ge(e)) return Nr(Ie(Fr(Rt, Le([e], t, !0))));
1685
+ var n = e;
1686
+ return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? Ie(n) : Nr(Ie(Fr(n, t)));
1687
+ }
1688
+ function Jt(e, t, r) {
1689
+ if (r === void 0 && (r = He), !t) throw Ye(1, t);
1690
+ var n = function(o) {
1691
+ for (var i = [], a = 1; a < arguments.length; a++) i[a - 1] = arguments[a];
1692
+ return e(t, r, pi.apply(void 0, Le([o], i, !1)));
1693
+ };
1694
+ return n.attrs = function(o) {
1695
+ return Jt(e, t, q(q({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
1696
+ }, n.withConfig = function(o) {
1697
+ return Jt(e, t, q(q({}, r), o));
1698
+ }, n;
1699
+ }
1700
+ var mn = function(e) {
1701
+ return Jt(hi, e);
1702
+ }, I = mn;
1703
+ Vt.forEach(function(e) {
1704
+ I[e] = mn(e);
1705
+ });
1706
+ process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
1707
+ Perhaps you're looking to import 'styled-components/native'?
1708
+ Read more about this at https://www.styled-components.com/docs/basics#react-native`);
1709
+ var ht = "__sc-".concat(Re, "__");
1710
+ process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[ht] || (window[ht] = 0), window[ht] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
1711
+
1712
+ See https://s-c.sh/2BAXzed for more info.`), window[ht] += 1);
1713
+ const it = `
1714
+ animation: fadeIn ease 400ms;
1715
+ -webkit-animation: fadeIn ease 400ms;
1716
+ -moz-animation: fadeIn ease 400ms;
1717
+
1718
+ @keyframes fadeIn {
1719
+ 0% {
1720
+ opacity: 0;
1721
+ }
1722
+ 100% {
1723
+ opacity: 1;
1724
+ }
1725
+ }
1726
+
1727
+ @-moz-keyframes fadeIn {
1728
+ 0% {
1729
+ opacity: 0;
1730
+ }
1731
+ 100% {
1732
+ opacity: 1;
1733
+ }
1734
+ }
1735
+
1736
+ @-webkit-keyframes fadeIn {
1737
+ 0% {
1738
+ opacity: 0;
1739
+ }
1740
+ 100% {
1741
+ opacity: 1;
1742
+ }
1743
+ }
1744
+ `, gn = `
1745
+ animation: fadeOut ease 400ms;
1746
+ -webkit-animation: fadeOut ease 400ms;
1747
+ -moz-animation: fadeOut ease 400ms;
1748
+
1749
+ @keyframes fadeOut {
1750
+ 0% {
1751
+ opacity: 1;
1752
+ }
1753
+ 100% {
1754
+ opacity: 0;
1755
+ }
1756
+ }
1757
+
1758
+ @-moz-keyframes fadeOut {
1759
+ 0% {
1760
+ opacity: 1;
1761
+ }
1762
+ 100% {
1763
+ opacity: 0;
1764
+ }
1765
+ }
1766
+
1767
+ @-webkit-keyframes fadeOut {
1768
+ 0% {
1769
+ opacity: 1;
1770
+ }
1771
+ 100% {
1772
+ opacity: 0;
1773
+ }
1774
+ }
1775
+ `, mi = Object.freeze({
1776
+ /* Very small devices (phones, 600px and down) */
1777
+ /* @media only screen and (max-width: 600px) {...} */
1778
+ phones: "only screen and (max-width: 600px)",
1779
+ /* Small devices (portrait tablets and large phones, 600px and up) */
1780
+ /* @media only screen and (min-width: 600px) {...} */
1781
+ portraitTablets: "only screen and (min-width: 600px)",
1782
+ /* Medium devices (landscape tablets, 768px and up) */
1783
+ /* @media only screen and (min-width: 768px) {...} */
1784
+ landscapeTablets: "only screen and (min-width: 768px)",
1785
+ /* Large devices (laptops/desktops, 992px and up) */
1786
+ /* @media only screen and (min-width: 992px) {...} */
1787
+ laptops: "only screen and (min-width: 992px)",
1788
+ /* Extra large devices (large laptops and desktops, 1200px and up) */
1789
+ /* @media only screen and (min-width: 1200px) {...} */
1790
+ desktops: "only screen and (min-width: 1200px)"
1791
+ }), gi = {
1792
+ // Colors
1793
+ fontColorBase: "hsl(0, 0%, 24%)",
1794
+ fontColorLight: "hsl(0, 0%, 62%)",
1795
+ fontColorAccent: "hsl(345, 100%, 47%)",
1796
+ backgroundColorBase: "hsl(0, 0%, 100%)",
1797
+ backgroundColorLight: "hsl(0, 0%, 95%)",
1798
+ backgroundColorTransparent: "hsla(0, 0%, 0%, 0.3)",
1799
+ // Gradients
1800
+ gradientShadow: "linear-gradient(to left, hsl(340deg 100% 16%) 0%, hsl(340deg 100% 32%) 8%, hsl(340deg 100% 32%) 92%, hsl(340deg 100% 16%) 100%)",
1801
+ // Fonts
1802
+ fontFamilyCore: "Arial, Helvetica, sans-serif",
1803
+ fontFamilyMonospace: "'Courier New', Courier, monospace",
1804
+ fontSizeBase: "1.2rem",
1805
+ fontSizeSmall: "0.8rem",
1806
+ fontSizeHeader: "2rem",
1807
+ // Units
1808
+ gapSmall: "0.25rem",
1809
+ gapMedium: "0.6rem",
1810
+ gapBig: "1rem",
1811
+ iconSize: "1.2rem",
1812
+ blockBorderRadius: "0.25rem",
1813
+ // Shadows
1814
+ boxShadow: "hsla(0, 0%, 0%, 0.15) 2.4px 2.4px 3.2px",
1815
+ textShadow: "2.4px 2.4px 3.2px hsla(0, 0%, 0%, 0.3)",
1816
+ // Borders
1817
+ borderBase: "1px solid hsl(0, 0%, 84%)",
1818
+ borderLight: "1px solid hsl(0, 0%, 89%)",
1819
+ borderAccent: "1px solid hsl(345, 100%, 47%)",
1820
+ borderOutline: "1px solid hsl(0, 0%, 24%)",
1821
+ // Z-indexes
1822
+ zIndexBase: "1",
1823
+ zIndexPopup: "100",
1824
+ zIndexModal: "200"
1825
+ }, yi = {
1826
+ // Colors
1827
+ fontColorBase: "hsl(0, 0%, 100%)",
1828
+ fontColorLight: "hsl(0, 0%, 92%)",
1829
+ fontColorAccent: "hsl(16, 82%, 52%)",
1830
+ backgroundColorBase: "hsl(0, 0%, 17%)",
1831
+ backgroundColorLight: "hsl(0, 0%, 24%)",
1832
+ backgroundColorTransparent: "hsla(0, 0%, 92%, 0.3)",
1833
+ // Gradients
1834
+ gradientShadow: "linear-gradient(to left, hsl(16, 86%, 26%) 0%, hsl(16, 86%, 30%) 8%, hsl(16, 86%, 30%) 92%, hsl(16, 86%, 26%) 100%)",
1835
+ // Fonts
1836
+ fontFamilyCore: "Arial, Helvetica, sans-serif",
1837
+ fontFamilyMonospace: "'Courier New', Courier, monospace",
1838
+ fontSizeBase: "1.2rem",
1839
+ fontSizeSmall: "0.8rem",
1840
+ fontSizeHeader: "2rem",
1841
+ // Units
1842
+ gapSmall: "0.25rem",
1843
+ gapMedium: "0.6rem",
1844
+ gapBig: "1rem",
1845
+ iconSize: "1.2rem",
1846
+ blockBorderRadius: "0.25rem",
1847
+ // Shadows
1848
+ boxShadow: "hsla(0, 0%, 92%, 0.15) 2.4px 2.4px 3.2px",
1849
+ textShadow: "2.4px 2.4px 3.2px hsla(0, 0%, 92%, 0.3)",
1850
+ // Borders
1851
+ borderBase: "1px solid hsl(0, 0%, 11%)",
1852
+ borderLight: "1px solid hsl(0, 0%, 29%)",
1853
+ borderAccent: "1px solid hsl(16, 82%, 52%)",
1854
+ borderOutline: "1px solid hsl(0, 0%, 100%)",
1855
+ // Z-indexes
1856
+ zIndexBase: "1",
1857
+ zIndexPopup: "100",
1858
+ zIndexModal: "200"
1859
+ }, bi = I.span`
1860
+ display: ${({ $visible: e }) => e ? "block" : "none"};
1861
+ position: absolute;
1862
+ max-width: 100%;
1863
+ right: 0;
1864
+ top: 72px;
1865
+ opacity: 0.8;
1866
+ z-index: ${(e) => e.$theme.zIndexPopup};
1867
+ background-color: ${(e) => e.$theme.backgroundColorBase};
1868
+ border: ${(e) => e.$theme.borderAccent};
1869
+ color: ${(e) => e.$theme.fontColorAccent};
1870
+ padding: ${(e) => e.$theme.gapMedium};
1871
+ font-size: ${(e) => e.$theme.fontSizeSmall};
1872
+ font-family: ${(e) => e.$theme.fontFamilyCore};
1873
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
1874
+ box-shadow: ${(e) => e.$theme.boxShadow};
1875
+ pointer-events: none;
1876
+
1877
+ ${it}
1878
+ `, yn = ({
1879
+ errorId: e,
1880
+ testId: t,
1881
+ message: r = "Invalid input",
1882
+ visible: n = !1,
1883
+ style: o,
1884
+ theme: i
1885
+ }) => /* @__PURE__ */ l.jsx(bi, { id: e, $visible: n, "data-testid": t, style: o, $theme: i, "aria-hidden": !n, children: r });
1886
+ var Q = /* @__PURE__ */ ((e) => (e.Success = "success", e.Error = "error", e.Warning = "warning", e.Info = "info", e.Help = "help", e))(Q || {}), $e = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Flat = "flat", e.Icon = "icon", e))($e || {}), _ = /* @__PURE__ */ ((e) => (e.ArrowDown = "arrow-down", e.ArrowUp = "arrow-up", e.Back = "back", e.Cancel = "cancel", e.CheckboxChecked = "checkbox-checked", e.CheckboxUnchecked = "checkbox-unchecked", e.CheckMark = "check-mark", e.ChevronDown = "chevron-down", e.ChevronLeft = "chevron-left", e.ChevronRight = "chevron-right", e.ChevronUp = "chevron-up", e.Clear = "clear", e.Copy = "copy", e.Cut = "cut", e.Delete = "delete", e.Download = "download", e.Error = "error", e.Forward = "forward", e.Help = "help", e.Hide = "hide", e.Info = "info", e.Paste = "paste", e.Question = "question", e.Save = "save", e.Show = "show", e.Upload = "upload", e.Warning = "warning", e.Remove = "remove", e))(_ || {});
1887
+ const vi = D(() => Promise.resolve().then(() => hs)), $i = D(() => Promise.resolve().then(() => ps)), xi = D(() => import("./BackIcon--7D86S5j.js")), wi = D(() => import("./CancelIcon-CefNQTfM.js")), Si = D(() => Promise.resolve().then(() => as)), ki = D(() => Promise.resolve().then(() => cs)), Ci = D(() => Promise.resolve().then(() => js)), ji = D(() => import("./ChevronDownIcon-DT6cBkWd.js")), Ei = D(() => import("./ChevronLeftIcon-CucDAu-3.js")), Ii = D(() => import("./ChevronRightIcon-D6FwG4SZ.js")), Ri = D(() => import("./ChevronUpIcon-BzSff1Do.js")), _i = D(() => import("./ClearIcon-CfYJJWkY.js")), Ai = D(() => import("./CopyIcon-BmS8MwnU.js")), Ti = D(() => import("./CutIcon-BO9ypkn3.js")), Pi = D(() => import("./DeleteIcon-BrrFpnWU.js")), Oi = D(() => import("./DownloadIcon-bbvm6wox.js")), zi = D(() => Promise.resolve().then(() => Bs)), Di = D(() => import("./ForwardIcon-rcLGwsvc.js")), Mi = D(() => Promise.resolve().then(() => Ls)), Bi = D(() => import("./HideIcon-CUCqvzEb.js")), Li = D(() => Promise.resolve().then(() => Fs)), Fi = D(() => import("./PasteIcon-BYfHdDmw.js")), Ni = D(() => import("./QuestionIcon-DO9Z_XaS.js")), Hi = D(() => import("./RemoveIcon-DwqdK0Jw.js")), Wi = D(() => import("./SaveIcon-DsEa-gJr.js")), Gi = D(() => import("./ShowIcon-BUCe-D_Z.js")), Ui = D(() => import("./UploadIcon-BW8L9vOq.js")), Yi = D(() => Promise.resolve().then(() => Ns)), Vi = {
1888
+ [_.ArrowDown]: vi,
1889
+ [_.ArrowUp]: $i,
1890
+ [_.Back]: xi,
1891
+ [_.Cancel]: wi,
1892
+ [_.CheckboxChecked]: Si,
1893
+ [_.CheckboxUnchecked]: ki,
1894
+ [_.CheckMark]: Ci,
1895
+ [_.ChevronDown]: ji,
1896
+ [_.ChevronUp]: Ri,
1897
+ [_.ChevronLeft]: Ei,
1898
+ [_.ChevronRight]: Ii,
1899
+ [_.Clear]: _i,
1900
+ [_.Copy]: Ai,
1901
+ [_.Cut]: Ti,
1902
+ [_.Delete]: Pi,
1903
+ [_.Download]: Oi,
1904
+ [_.Error]: zi,
1905
+ [_.Forward]: Di,
1906
+ [_.Help]: Mi,
1907
+ [_.Hide]: Bi,
1908
+ [_.Info]: Li,
1909
+ [_.Paste]: Fi,
1910
+ [_.Question]: Ni,
1911
+ [_.Save]: Wi,
1912
+ [_.Show]: Gi,
1913
+ [_.Upload]: Ui,
1914
+ [_.Warning]: Yi,
1915
+ [_.Remove]: Hi
1916
+ }, rt = ({ name: e, ...t }) => {
1917
+ if (!e) return null;
1918
+ const r = /* @__PURE__ */ l.jsx("span", { style: { fontSize: "1rem" }, "aria-label": "SVG Icon Fallback", children: "❌" }), n = Vi[e];
1919
+ return /* @__PURE__ */ l.jsx(ro, { fallback: r, children: /* @__PURE__ */ l.jsx(n, { ...t }) });
1920
+ }, Ki = I.button`
1921
+ background: transparent;
1922
+ border: none;
1923
+ display: flex;
1924
+ align-items: center;
1925
+ font-size: ${(e) => e.$theme.fontSizeBase};
1926
+ color: ${(e) => e.$theme.fontColorLight};
1927
+ padding: 0;
1928
+
1929
+ &:focus-visible {
1930
+ outline: ${(e) => e.$theme.borderOutline};
1931
+ outline-offset: -1px;
1932
+ }
1933
+
1934
+ &:hover {
1935
+ color: ${(e) => e.$theme.fontColorAccent};
1936
+ }
1937
+
1938
+ svg {
1939
+ cursor: pointer;
1940
+ height: ${(e) => e.$theme.iconSize};
1941
+ width: ${(e) => e.$theme.iconSize};
1942
+ }
1943
+
1944
+ &[disabled] {
1945
+ pointer-events: none;
1946
+ opacity: 0.5;
1947
+ }
1948
+ `, wt = ({ onClick: e, label: t, icon: r, disabled: n, theme: o }) => /* @__PURE__ */ l.jsx(Ki, { onClick: e, "aria-label": t, type: "button", disabled: n, $theme: o, children: /* @__PURE__ */ l.jsx(rt, { name: r }) }), qi = I.label`
1949
+ display: flex;
1950
+ align-items: center;
1951
+ font-size: ${(e) => e.$theme.fontSizeSmall};
1952
+ font-family: ${(e) => e.$theme.fontFamilyCore};
1953
+ gap: ${(e) => e.$theme.gapSmall};
1954
+ color: ${(e) => e.$theme.fontColorBase};
1955
+
1956
+ &:hover {
1957
+ text-shadow: ${(e) => e.$theme.textShadow};
1958
+ }
1959
+
1960
+ & + span {
1961
+ text-wrap: nowrap;
1962
+ overflow: hidden;
1963
+ text-overflow: ellipsis;
1964
+ }
1965
+
1966
+ & abbr {
1967
+ text-decoration: none;
1968
+ cursor: pointer;
1969
+ color: ${(e) => e.$theme.fontColorAccent};
1970
+ margin-left: ${(e) => e.$theme.gapSmall};
1971
+ }
1972
+ `, Ve = ({
1973
+ label: e,
1974
+ required: t,
1975
+ inputId: r,
1976
+ theme: n,
1977
+ icon: o,
1978
+ iconPosition: i,
1979
+ isTextHidden: a = !1,
1980
+ style: d
1981
+ }) => {
1982
+ const c = !!o && i === "left", f = !!o && i === "right";
1983
+ return /* @__PURE__ */ l.jsxs(qi, { htmlFor: r, style: d, $theme: n, children: [
1984
+ c && o,
1985
+ !a && /* @__PURE__ */ l.jsxs("span", { children: [
1986
+ e,
1987
+ t && /* @__PURE__ */ l.jsx("abbr", { title: "required", children: "*" })
1988
+ ] }),
1989
+ f && o
1990
+ ] });
1991
+ };
1992
+ function Xi(e) {
1993
+ return ({ tooltip: t, visibleOn: r, ...n }) => t != null && t.length ? /* @__PURE__ */ l.jsx(Qs, { tooltipContent: t, visibleOn: r, children: /* @__PURE__ */ l.jsx(e, { ...n }) }) : /* @__PURE__ */ l.jsx(e, { ...n });
1994
+ }
1995
+ const _e = de.createContext({}), Ji = de.createContext({
1996
+ mode: "light"
1997
+ });
1998
+ function Zi(e, t) {
1999
+ const r = e === "dark" ? yi : gi;
2000
+ if (t)
2001
+ for (const n in t) {
2002
+ const o = n;
2003
+ Object.prototype.hasOwnProperty.call(r, o) && (r[o] = t[o].toString());
2004
+ }
2005
+ return r;
2006
+ }
2007
+ function nt(e) {
2008
+ const t = document.getElementById(e);
2009
+ t && t.focus();
2010
+ }
2011
+ function bn({
2012
+ e,
2013
+ options: t,
2014
+ onClose: r
2015
+ }) {
2016
+ let n = "";
2017
+ t.forEach((i) => {
2018
+ document.getElementById(i.id) === document.activeElement && (n = i.id);
2019
+ });
2020
+ const o = t.findIndex((i) => i.id === n);
2021
+ switch (e.key) {
2022
+ case "Escape":
2023
+ e.preventDefault(), r();
2024
+ break;
2025
+ case "ArrowUp": {
2026
+ e.preventDefault();
2027
+ const i = o - 1 >= 0 ? o - 1 : t.length - 1, a = t[i];
2028
+ a && nt(a.id);
2029
+ break;
2030
+ }
2031
+ case "ArrowDown":
2032
+ case "Tab": {
2033
+ e.preventDefault();
2034
+ const i = o === t.length - 1 ? 0 : o + 1, a = t[i];
2035
+ a && nt(a.id);
2036
+ break;
2037
+ }
2038
+ }
2039
+ }
2040
+ const te = () => {
2041
+ const { customTheme: e, mode: t } = xe(Ji);
2042
+ return Zi(t, e);
2043
+ }, nr = ({ ref: e, onClickOutsideHandler: t, dependentRef: r }) => {
2044
+ ue(() => {
2045
+ const n = (o) => {
2046
+ const i = (e == null ? void 0 : e.current) && !e.current.contains(o.target), a = r != null && r.current ? !r.current.contains(o.target) : !0;
2047
+ i && a && t();
2048
+ };
2049
+ return document.addEventListener("mousedown", n), () => {
2050
+ document.removeEventListener("mousedown", n);
2051
+ };
2052
+ }, [e, r, t]);
2053
+ }, Qi = ({ ref: e, isVisible: t }) => {
2054
+ const [r, n] = F({ width: 0, height: 0 });
2055
+ return ue(() => {
2056
+ e.current && t && n({
2057
+ width: e.current.offsetWidth,
2058
+ height: e.current.offsetHeight
2059
+ });
2060
+ }, [e, t]), r;
2061
+ };
2062
+ function we(e) {
2063
+ const t = no(), r = e ?? t, n = `${r}_error`, o = `${r}_dropdown`;
2064
+ return {
2065
+ elementId: r,
2066
+ errorId: n,
2067
+ dropdownId: o
2068
+ };
2069
+ }
2070
+ const _t = ({ ref: e, keyCode: t, onKeyPress: r }) => {
2071
+ ue(() => {
2072
+ const n = (o) => {
2073
+ (o == null ? void 0 : o.code) === t && (e != null && e.current) && r();
2074
+ };
2075
+ return document.addEventListener("keydown", n, !1), () => {
2076
+ document.removeEventListener("keydown", n, !1);
2077
+ };
2078
+ }, [e, t, r]);
2079
+ }, es = ({ modalRef: e, isOpened: t }) => {
2080
+ ue(() => {
2081
+ const r = e.current;
2082
+ if (!t || !r) return;
2083
+ const n = r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'), o = n[0], i = n[n.length - 1], a = (d) => {
2084
+ d.key === "Tab" && (d.shiftKey && document.activeElement === o ? (d.preventDefault(), i.focus()) : !d.shiftKey && document.activeElement === i && (d.preventDefault(), o.focus()));
2085
+ };
2086
+ return r.addEventListener("keydown", a), () => {
2087
+ r.removeEventListener("keydown", a);
2088
+ };
2089
+ }, [e, t]);
2090
+ }, vn = (e, t = 300) => {
2091
+ const [r, n] = F(!1);
2092
+ return ue(() => {
2093
+ e && !r ? n(!0) : !e && r && setTimeout(() => {
2094
+ n(!1);
2095
+ }, t);
2096
+ }, [e]), r;
2097
+ }, st = (e) => {
2098
+ const { resetSignal: t } = xe(_e);
2099
+ ue(() => {
2100
+ t && e();
2101
+ }, [t, e]);
2102
+ };
2103
+ function Hr() {
2104
+ const { innerWidth: e, innerHeight: t } = window;
2105
+ return { width: e, height: t };
2106
+ }
2107
+ function ts() {
2108
+ const [e, t] = F(Hr());
2109
+ return ue(() => {
2110
+ function r() {
2111
+ t(Hr());
2112
+ }
2113
+ return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
2114
+ }, []), e;
2115
+ }
2116
+ const rs = ({ wrapperRef: e, tooltipRef: t, isOpened: r, spacing: n = 4 }) => {
2117
+ const [o, i] = F({ top: 0, left: 0 }), { width: a, height: d } = Qi({ ref: t, isVisible: r }), { width: c, height: f } = ts();
2118
+ return ue(() => {
2119
+ if (r && e.current) {
2120
+ const u = e.current.getBoundingClientRect();
2121
+ let h = Math.round(u.bottom + n), g = Math.round(u.left);
2122
+ h + d > window.innerHeight && (h = Math.round(u.top - d - n)), g + a > window.innerWidth && (g = Math.round(window.innerWidth - a - n)), g < 0 && (g = n), i({ top: h, left: g });
2123
+ }
2124
+ }, [r, e, d, a, n, c, f]), o;
2125
+ }, ns = I.button`
2126
+ position: relative;
2127
+ border: none;
2128
+ background: transparent;
2129
+ padding: 0;
2130
+ cursor: pointer;
2131
+ outline: none;
2132
+ transition: filter 250ms;
2133
+ width: ${(e) => e.$extended ? "100%" : "inherit"};
2134
+
2135
+ &[disabled] {
2136
+ pointer-events: none;
2137
+ opacity: 0.5;
2138
+ }
2139
+
2140
+ .chop-logic-button_shadow {
2141
+ position: absolute;
2142
+ top: 0;
2143
+ left: 0;
2144
+ width: 100%;
2145
+ height: 100%;
2146
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2147
+ background: hsl(0deg 0% 0% / 0.25);
2148
+ will-change: transform;
2149
+ transform: translateY(2px);
2150
+ transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
2151
+ }
2152
+
2153
+ .chop-logic-button_edge {
2154
+ position: absolute;
2155
+ top: 0;
2156
+ left: 0;
2157
+ width: 100%;
2158
+ height: 100%;
2159
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2160
+ background: ${(e) => e.$theme.gradientShadow};
2161
+ }
2162
+
2163
+ .chop-logic-button_front {
2164
+ display: flex;
2165
+ align-items: center;
2166
+ justify-content: center;
2167
+ gap: ${(e) => e.$theme.gapSmall};
2168
+ position: relative;
2169
+ padding: ${(e) => `${e.$theme.gapMedium} ${e.$theme.gapBig}`};
2170
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2171
+ font-size: ${(e) => e.$theme.fontSizeBase};
2172
+ color: #ffffff;
2173
+ background: ${(e) => e.$theme.fontColorAccent};
2174
+ will-change: transform;
2175
+ transform: translateY(-4px);
2176
+ transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
2177
+ }
2178
+
2179
+ &:hover {
2180
+ filter: brightness(110%);
2181
+ }
2182
+
2183
+ &:hover .chop-logic-button_front {
2184
+ transform: translateY(-6px);
2185
+ transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
2186
+ }
2187
+
2188
+ &:active .chop-logic-button_front {
2189
+ transform: translateY(-2px);
2190
+ transition: transform 34ms;
2191
+ }
2192
+
2193
+ &:hover .chop-logic-button_shadow {
2194
+ transform: translateY(4px);
2195
+ transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
2196
+ }
2197
+
2198
+ &:active .chop-logic-button_shadow {
2199
+ transform: translateY(1px);
2200
+ transition: transform 34ms;
2201
+ }
2202
+
2203
+ &:focus-visible {
2204
+ outline: revert;
2205
+ outline: ${(e) => e.$theme.borderOutline};
2206
+ outline-offset: 4px;
2207
+ }
2208
+ `, os = I.button`
2209
+ border: none;
2210
+ cursor: pointer;
2211
+ display: flex;
2212
+ align-items: center;
2213
+ justify-content: center;
2214
+ gap: ${(e) => e.$theme.gapSmall};
2215
+ padding: ${(e) => `${e.$theme.gapMedium} ${e.$theme.gapBig}`};
2216
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2217
+ font-size: ${(e) => e.$theme.fontSizeBase};
2218
+ color: ${(e) => e.$theme.fontColorBase};
2219
+ background: transparent;
2220
+ width: ${(e) => e.$extended ? "100%" : "inherit"};
2221
+
2222
+ &:hover,
2223
+ &:active {
2224
+ background: ${(e) => e.$theme.backgroundColorLight};
2225
+ transition: all 0.3s ease 0s;
2226
+ color: ${(e) => e.$theme.fontColorAccent};
2227
+ }
2228
+
2229
+ &:focus-visible {
2230
+ outline: ${(e) => e.$theme.borderOutline};
2231
+ }
2232
+
2233
+ &[disabled] {
2234
+ pointer-events: none;
2235
+ opacity: 0.5;
2236
+ }
2237
+ `, is = I.button`
2238
+ border: none;
2239
+ cursor: pointer;
2240
+ display: flex;
2241
+ align-items: center;
2242
+ justify-content: center;
2243
+ padding: ${(e) => e.$theme.gapMedium};
2244
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2245
+ font-size: ${(e) => e.$theme.fontSizeBase};
2246
+ color: ${(e) => e.$theme.fontColorBase};
2247
+ background: transparent;
2248
+
2249
+ &:hover {
2250
+ background-color: ${(e) => e.$theme.backgroundColorLight};
2251
+ color: ${(e) => e.$theme.fontColorAccent};
2252
+ transition: all 0.3s ease 0s;
2253
+ }
2254
+
2255
+ &:focus-visible {
2256
+ outline: ${(e) => e.$theme.borderOutline};
2257
+ }
2258
+
2259
+ &[disabled] {
2260
+ pointer-events: none;
2261
+ opacity: 0.5;
2262
+ }
2263
+
2264
+ svg {
2265
+ height: ${(e) => e.$theme.iconSize};
2266
+ width: ${(e) => e.$theme.iconSize};
2267
+ }
2268
+ `, ss = ({
2269
+ onClick: e,
2270
+ text: t,
2271
+ icon: r,
2272
+ label: n,
2273
+ disabled: o = !1,
2274
+ extended: i = !1,
2275
+ type: a = "button",
2276
+ view: d = $e.Primary,
2277
+ ...c
2278
+ }) => {
2279
+ const f = te();
2280
+ switch (d) {
2281
+ case $e.Primary:
2282
+ return /* @__PURE__ */ l.jsxs(
2283
+ ns,
2284
+ {
2285
+ $extended: i,
2286
+ "aria-label": n,
2287
+ type: a,
2288
+ onClick: e,
2289
+ disabled: o,
2290
+ $theme: f,
2291
+ ...c,
2292
+ children: [
2293
+ /* @__PURE__ */ l.jsx("span", { className: "chop-logic-button_shadow" }),
2294
+ /* @__PURE__ */ l.jsx("span", { className: "chop-logic-button_edge" }),
2295
+ /* @__PURE__ */ l.jsxs("span", { className: "chop-logic-button_front", children: [
2296
+ /* @__PURE__ */ l.jsx(rt, { name: r }),
2297
+ t
2298
+ ] })
2299
+ ]
2300
+ }
2301
+ );
2302
+ case $e.Flat:
2303
+ return /* @__PURE__ */ l.jsxs(
2304
+ os,
2305
+ {
2306
+ $extended: i,
2307
+ "aria-label": n,
2308
+ type: a,
2309
+ onClick: e,
2310
+ disabled: o,
2311
+ $theme: f,
2312
+ ...c,
2313
+ children: [
2314
+ /* @__PURE__ */ l.jsx(rt, { name: r }),
2315
+ t
2316
+ ]
2317
+ }
2318
+ );
2319
+ case $e.Icon:
2320
+ return /* @__PURE__ */ l.jsx(is, { "aria-label": n, type: a, onClick: e, disabled: o, $theme: f, ...c, children: /* @__PURE__ */ l.jsx(rt, { name: r }) });
2321
+ default:
2322
+ return null;
2323
+ }
2324
+ }, St = Xi(ss);
2325
+ function At(e) {
2326
+ return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx(
2327
+ "path",
2328
+ {
2329
+ fill: "currentColor",
2330
+ d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 12.414L3.293 8.707l1.414-1.414L7 9.586l4.793-4.793 1.414 1.414L7 12.414z"
2331
+ }
2332
+ ) });
2333
+ }
2334
+ const as = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2335
+ __proto__: null,
2336
+ default: At
2337
+ }, Symbol.toStringTag, { value: "Module" }));
2338
+ function Tt(e) {
2339
+ return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 16 16", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { fill: "currentColor", d: "M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 14H2V2h12v12z" }) });
2340
+ }
2341
+ const cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2342
+ __proto__: null,
2343
+ default: Tt
2344
+ }, Symbol.toStringTag, { value: "Module" })), ls = I.div`
2345
+ display: flex;
2346
+ gap: ${(e) => e.$theme.gapMedium};
2347
+ padding: ${(e) => e.$theme.gapMedium} 0;
2348
+ position: relative;
2349
+ overflow: hidden;
2350
+
2351
+ & svg {
2352
+ color: ${(e) => e.$checked ? e.$theme.fontColorAccent : e.$theme.fontColorLight};
2353
+ }
2354
+
2355
+ & label {
2356
+ cursor: pointer;
2357
+ gap: ${(e) => e.$theme.gapMedium};
2358
+ font-size: ${(e) => e.$theme.fontSizeBase} !important;
2359
+ &:hover,
2360
+ &:active {
2361
+ text-shadow: ${(e) => e.$theme.textShadow};
2362
+ }
2363
+ }
2364
+
2365
+ ${(e) => e.$disabled && `
2366
+ pointer-events: none;
2367
+ opacity: 0.5;
2368
+ `}
2369
+
2370
+ & input {
2371
+ position: absolute;
2372
+ z-index: -1;
2373
+ opacity: 0;
2374
+ top: 4px;
2375
+ left: 0;
2376
+ margin: 0;
2377
+
2378
+ &:focus-visible + label {
2379
+ outline: ${(e) => e.$theme.borderOutline};
2380
+ outline-offset: 2px;
2381
+ }
2382
+ }
2383
+ `;
2384
+ function ds({
2385
+ defaultChecked: e,
2386
+ initialValues: t,
2387
+ name: r
2388
+ }) {
2389
+ return t && (t == null ? void 0 : t[r]) !== void 0 ? !!(t != null && t[r]) : !!e;
2390
+ }
2391
+ function us({
2392
+ name: e,
2393
+ defaultChecked: t,
2394
+ onChange: r
2395
+ }) {
2396
+ const { onChangeFormInput: n, initialValues: o } = xe(_e), i = ds({ initialValues: o, name: e, defaultChecked: t }), [a, d] = F(i), c = (u) => {
2397
+ const h = u.target.checked;
2398
+ d(h), r == null || r(u), n == null || n({ name: e, value: h });
2399
+ }, f = ot(() => {
2400
+ d(i), n == null || n({ name: e, value: i });
2401
+ }, [e]);
2402
+ return st(f), {
2403
+ handleChange: c,
2404
+ checked: a
2405
+ };
2406
+ }
2407
+ const Pa = ({
2408
+ name: e,
2409
+ label: t,
2410
+ disabled: r,
2411
+ noLabel: n,
2412
+ required: o = !1,
2413
+ iconPosition: i = "left",
2414
+ defaultChecked: a,
2415
+ onChange: d,
2416
+ id: c,
2417
+ ...f
2418
+ }) => {
2419
+ const { handleChange: u, checked: h } = us({ name: e, defaultChecked: a, onChange: d }), { elementId: g } = we(c), m = te();
2420
+ return /* @__PURE__ */ l.jsxs(ls, { $disabled: !!r, $theme: m, $checked: h, ...f, children: [
2421
+ /* @__PURE__ */ l.jsx(
2422
+ "input",
2423
+ {
2424
+ id: g,
2425
+ name: e,
2426
+ type: "checkbox",
2427
+ disabled: r,
2428
+ required: o,
2429
+ checked: h,
2430
+ onChange: u,
2431
+ "aria-label": n ? t : void 0
2432
+ }
2433
+ ),
2434
+ /* @__PURE__ */ l.jsx(
2435
+ Ve,
2436
+ {
2437
+ label: t,
2438
+ required: o,
2439
+ inputId: g,
2440
+ isTextHidden: n,
2441
+ icon: h ? /* @__PURE__ */ l.jsx(At, {}) : /* @__PURE__ */ l.jsx(Tt, {}),
2442
+ iconPosition: i,
2443
+ theme: m
2444
+ }
2445
+ )
2446
+ ] });
2447
+ }, $n = I.div`
2448
+ position: relative;
2449
+ display: flex;
2450
+ justify-content: space-between;
2451
+ flex-direction: column;
2452
+ gap: ${(e) => e.$theme.gapMedium};
2453
+ background: transparent;
2454
+ `, xn = I.button`
2455
+ text-align: left;
2456
+ cursor: pointer;
2457
+ display: flex;
2458
+ justify-content: space-between;
2459
+ align-items: center;
2460
+ gap: ${(e) => e.$theme.gapMedium};
2461
+ padding: ${(e) => e.$theme.gapMedium};
2462
+ border: ${(e) => e.$theme.borderBase};
2463
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2464
+ background-color: ${(e) => e.$theme.backgroundColorLight};
2465
+ white-space: nowrap;
2466
+ text-overflow: ellipsis;
2467
+ overflow: hidden;
2468
+
2469
+ & > span:nth-child(1) {
2470
+ font-size: ${(e) => e.$theme.fontSizeBase};
2471
+ color: ${(e) => e.$theme.fontColorBase};
2472
+ font-family: ${(e) => e.$theme.fontFamilyCore};
2473
+ overflow: hidden;
2474
+ text-overflow: ellipsis;
2475
+ }
2476
+
2477
+ svg {
2478
+ cursor: pointer;
2479
+ color: ${(e) => e.$theme.fontColorLight};
2480
+ height: ${(e) => e.$theme.iconSize};
2481
+ width: ${(e) => e.$theme.iconSize};
2482
+
2483
+ &:hover {
2484
+ color: ${(e) => e.$theme.fontColorAccent};
2485
+ }
2486
+ }
2487
+
2488
+ &:focus-visible {
2489
+ outline: ${(e) => e.$theme.borderOutline};
2490
+ outline-offset: 2px;
2491
+ }
2492
+
2493
+ &[disabled] {
2494
+ pointer-events: none;
2495
+ opacity: 0.5;
2496
+ }
2497
+ `, wn = I.ul`
2498
+ visibility: hidden;
2499
+ opacity: 0;
2500
+ transition:
2501
+ visibility 0s,
2502
+ opacity 0.3s linear;
2503
+ position: absolute;
2504
+ background: ${(e) => e.$theme.backgroundColorLight};
2505
+ margin: 0;
2506
+ padding: 0;
2507
+ list-style: none;
2508
+ z-index: ${(e) => e.$theme.zIndexPopup};
2509
+ width: 100%;
2510
+ top: 72px;
2511
+ left: -1px;
2512
+ border: ${(e) => e.$theme.borderBase};
2513
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2514
+ box-shadow: ${(e) => e.$theme.boxShadow};
2515
+ overflow-y: auto;
2516
+ max-height: 180px;
2517
+
2518
+ ${(e) => e.$opened && "visibility: visible; opacity: 1;"}
2519
+ `, Sn = I.li`
2520
+ padding: ${(e) => e.$theme.gapMedium};
2521
+ cursor: pointer;
2522
+ display: flex;
2523
+ justify-content: space-between;
2524
+ align-items: center;
2525
+ gap: ${(e) => e.$theme.gapMedium};
2526
+ font-size: ${(e) => e.$theme.fontSizeBase};
2527
+ color: ${(e) => e.$theme.fontColorBase};
2528
+ font-family: ${(e) => e.$theme.fontFamilyCore};
2529
+
2530
+ &:hover,
2531
+ &:active {
2532
+ color: ${(e) => e.$theme.fontColorAccent};
2533
+ }
2534
+
2535
+ &:focus-visible {
2536
+ outline: ${(e) => e.$theme.borderOutline};
2537
+ outline-offset: -4px;
2538
+ }
2539
+
2540
+ svg {
2541
+ color: ${(e) => e.$selected ? e.$theme.fontColorAccent : e.$theme.fontColorLight};
2542
+ width: ${(e) => e.$theme.iconSize};
2543
+ height: ${(e) => e.$theme.iconSize};
2544
+ }
2545
+ `, fs = I(Sn)`
2546
+ justify-content: flex-start;
2547
+ `;
2548
+ function or(e) {
2549
+ return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M21.886 5.536A1.002 1.002 0 0021 5H3a1.002 1.002 0 00-.822 1.569l9 13a.998.998 0 001.644 0l9-13a.998.998 0 00.064-1.033zM12 17.243L4.908 7h14.184L12 17.243z" }) });
2550
+ }
2551
+ const hs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2552
+ __proto__: null,
2553
+ default: or
2554
+ }, Symbol.toStringTag, { value: "Module" }));
2555
+ function ir(e) {
2556
+ return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M3 19h18a1.002 1.002 0 00.823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 003 19zm9-12.243L19.092 17H4.908L12 6.757z" }) });
2557
+ }
2558
+ const ps = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2559
+ __proto__: null,
2560
+ default: ir
2561
+ }, Symbol.toStringTag, { value: "Module" })), ms = ({
2562
+ opened: e,
2563
+ onClick: t,
2564
+ comboboxId: r,
2565
+ dropdownId: n,
2566
+ name: o,
2567
+ placeholder: i,
2568
+ disabled: a,
2569
+ required: d,
2570
+ values: c,
2571
+ theme: f
2572
+ }) => {
2573
+ const u = c == null ? void 0 : c.filter((m) => m.selected).map((m) => m.label), h = c == null ? void 0 : c.filter((m) => m.selected).map((m) => m.id);
2574
+ let g = /* @__PURE__ */ l.jsx("span", { children: i });
2575
+ return u && u.length > 1 ? g = /* @__PURE__ */ l.jsx("span", { children: `${u.length} items selected` }) : u && u.length === 1 && (g = /* @__PURE__ */ l.jsx("span", { children: u[0] })), /* @__PURE__ */ l.jsxs(
2576
+ xn,
2577
+ {
2578
+ type: "button",
2579
+ name: o,
2580
+ value: h,
2581
+ role: "combobox",
2582
+ "aria-haspopup": "listbox",
2583
+ "aria-expanded": e,
2584
+ "aria-controls": n,
2585
+ id: r,
2586
+ onClick: t,
2587
+ disabled: a,
2588
+ "aria-required": d,
2589
+ $theme: f,
2590
+ children: [
2591
+ g,
2592
+ e ? /* @__PURE__ */ l.jsx(ir, {}) : /* @__PURE__ */ l.jsx(or, {})
2593
+ ]
2594
+ }
2595
+ );
2596
+ }, gs = ({ value: e, onSelect: t, theme: r }) => {
2597
+ const { id: n, label: o, selected: i } = e, a = (d) => (c) => {
2598
+ switch (c.key) {
2599
+ case " ":
2600
+ case "SpaceBar":
2601
+ case "Enter":
2602
+ c.preventDefault(), t(d);
2603
+ break;
2604
+ }
2605
+ };
2606
+ return /* @__PURE__ */ l.jsxs(
2607
+ fs,
2608
+ {
2609
+ id: n,
2610
+ role: "option",
2611
+ "aria-selected": i,
2612
+ tabIndex: 0,
2613
+ onKeyDown: a(n),
2614
+ onClick: () => t(n),
2615
+ $theme: r,
2616
+ $selected: i,
2617
+ children: [
2618
+ i ? /* @__PURE__ */ l.jsx(At, {}) : /* @__PURE__ */ l.jsx(Tt, {}),
2619
+ /* @__PURE__ */ l.jsx("span", { children: o })
2620
+ ]
2621
+ }
2622
+ );
2623
+ }, ys = ({ options: e, opened: t, onClose: r, onSelect: n, dropdownId: o, theme: i }) => /* @__PURE__ */ l.jsx(
2624
+ wn,
2625
+ {
2626
+ $opened: t,
2627
+ role: "listbox",
2628
+ id: o,
2629
+ tabIndex: -1,
2630
+ onKeyDown: (a) => bn({ e: a, options: e, onClose: r }),
2631
+ $theme: i,
2632
+ children: e.map((a) => /* @__PURE__ */ l.jsx(gs, { value: a, onSelect: () => n(a.id), theme: i }, a.id))
2633
+ }
2634
+ );
2635
+ function bs({
2636
+ name: e,
2637
+ options: t,
2638
+ initialValues: r,
2639
+ defaultValue: n
2640
+ }) {
2641
+ return t.map((o) => {
2642
+ let i = !1;
2643
+ return r && (r != null && r[e]) && Array.isArray(r[e]) && r[e].find((d) => d === o.id || (d == null ? void 0 : d.id) === o.id) && (i = !0), !(r != null && r[e]) && Array.isArray(n) && n.find((d) => d === o.id) && (i = !0), { ...o, selected: i };
2644
+ });
2645
+ }
2646
+ const Wr = (e) => e.filter((t) => t.selected).map((t) => t.id), vs = (e, t) => {
2647
+ const r = e.find((n) => n.id === t);
2648
+ return e.map((n) => n.id === t ? { ...n, selected: !(r != null && r.selected) } : n);
2649
+ };
2650
+ function $s({
2651
+ name: e,
2652
+ defaultValue: t,
2653
+ onChange: r,
2654
+ options: n
2655
+ }) {
2656
+ const [o, i] = F(!1), { onChangeFormInput: a, initialValues: d } = xe(_e), c = bs({ name: e, options: n, initialValues: d, defaultValue: t }), [f, u] = F(c), h = () => i(!1), g = () => i(!o), m = (x) => {
2657
+ const k = vs(f, x);
2658
+ u(k), r == null || r(k), a == null || a({ name: e, value: Wr(k) });
2659
+ }, b = ot(() => {
2660
+ i(!1), u(c), a == null || a({ name: e, value: Wr(c) });
2661
+ }, [e]);
2662
+ return st(b), {
2663
+ handleClose: h,
2664
+ handleToggle: g,
2665
+ handleSelect: m,
2666
+ opened: o,
2667
+ values: f
2668
+ };
2669
+ }
2670
+ const Oa = ({
2671
+ options: e,
2672
+ name: t,
2673
+ label: r,
2674
+ required: n = !1,
2675
+ placeholder: o = "Not selected",
2676
+ disabled: i = !1,
2677
+ onChange: a,
2678
+ defaultValue: d,
2679
+ id: c,
2680
+ ...f
2681
+ }) => {
2682
+ const u = Be(null), { elementId: h, dropdownId: g } = we(c), m = te(), { handleClose: b, handleSelect: x, handleToggle: k, opened: w, values: v } = $s({
2683
+ name: t,
2684
+ options: e,
2685
+ defaultValue: d,
2686
+ onChange: a
2687
+ });
2688
+ return nr({ ref: u, onClickOutsideHandler: b }), _t({ keyCode: "Escape", ref: u, onKeyPress: b }), /* @__PURE__ */ l.jsxs($n, { ref: u, $theme: m, ...f, children: [
2689
+ /* @__PURE__ */ l.jsx(Ve, { label: r, required: n, inputId: h, theme: m }),
2690
+ /* @__PURE__ */ l.jsx(
2691
+ ms,
2692
+ {
2693
+ name: t,
2694
+ opened: w,
2695
+ comboboxId: h,
2696
+ dropdownId: g,
2697
+ onClick: k,
2698
+ values: v,
2699
+ placeholder: o,
2700
+ disabled: i,
2701
+ required: n,
2702
+ theme: m
2703
+ }
2704
+ ),
2705
+ /* @__PURE__ */ l.jsx(
2706
+ ys,
2707
+ {
2708
+ theme: m,
2709
+ options: v,
2710
+ opened: w,
2711
+ onClose: b,
2712
+ dropdownId: g,
2713
+ onSelect: x
2714
+ }
2715
+ )
2716
+ ] });
2717
+ };
2718
+ function xs({
2719
+ name: e,
2720
+ initialValues: t,
2721
+ defaultValue: r
2722
+ }) {
2723
+ return t && t[e] ? Number(t[e]) : r && typeof r == "number" ? r : 0;
2724
+ }
2725
+ function ws({
2726
+ value: e,
2727
+ required: t,
2728
+ validator: r,
2729
+ maxValue: n,
2730
+ minValue: o
2731
+ }) {
2732
+ return t && !r && e === void 0 ? !1 : r && typeof r == "function" ? r(e) : n && o && e && !r ? e <= n && e >= o : !0;
2733
+ }
2734
+ function Ss({
2735
+ name: e,
2736
+ defaultValue: t,
2737
+ onChange: r,
2738
+ onSpinButtonClick: n,
2739
+ min: o,
2740
+ max: i,
2741
+ step: a,
2742
+ required: d,
2743
+ validator: c
2744
+ }) {
2745
+ const { onChangeFormInput: f, initialValues: u } = xe(_e), h = xs({ initialValues: u, defaultValue: t, name: e }), g = i ? Number(i) : Number.MAX_SAFE_INTEGER, m = o ? Number(o) : Number.MIN_SAFE_INTEGER, [b, x] = F(h), [k, w] = F(!0), v = ($) => {
2746
+ x($);
2747
+ const W = ws({ value: $, required: d, validator: c, maxValue: g, minValue: m });
2748
+ w(W), f == null || f({ name: e, value: $, valid: W });
2749
+ }, C = ($) => {
2750
+ const W = Number($.target.value);
2751
+ v(W), r == null || r($);
2752
+ }, A = () => {
2753
+ v(b + a), n == null || n(b + a);
2754
+ }, R = () => {
2755
+ v(b - a), n == null || n(b - a);
2756
+ }, j = ot(() => {
2757
+ x(h), w(!0), f == null || f({ name: e, value: h, valid: !0 });
2758
+ }, [e]);
2759
+ return st(j), {
2760
+ handleChange: C,
2761
+ value: b,
2762
+ valid: k,
2763
+ minValue: m,
2764
+ maxValue: g,
2765
+ increment: A,
2766
+ decrement: R
2767
+ };
2768
+ }
2769
+ const ks = I.div`
2770
+ display: flex;
2771
+ flex-direction: column;
2772
+ gap: ${(e) => e.$theme.gapMedium};
2773
+ position: relative;
2774
+
2775
+ & > div:nth-child(2) {
2776
+ display: flex;
2777
+ gap: ${(e) => e.$theme.gapMedium};
2778
+ align-items: center;
2779
+ border: ${(e) => e.$theme.borderBase};
2780
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
2781
+ padding: ${(e) => e.$theme.gapMedium};
2782
+ background-color: ${(e) => e.$theme.backgroundColorLight};
2783
+
2784
+ &:has(input:focus) {
2785
+ border: ${(e) => e.$theme.borderOutline};
2786
+ }
2787
+
2788
+ &:has(input[aria-invalid='true']) {
2789
+ border: ${(e) => e.$theme.borderAccent};
2790
+ }
2791
+
2792
+ &:has(input[disabled]) {
2793
+ pointer-events: none;
2794
+ opacity: 0.5;
2795
+ }
2796
+
2797
+ & > span:nth-child(2) {
2798
+ display: flex;
2799
+ align-items: center;
2800
+ }
2801
+ }
2802
+
2803
+ & input {
2804
+ font-size: ${(e) => e.$theme.fontSizeBase};
2805
+ padding: 0;
2806
+ border: none;
2807
+ font-family: ${(e) => e.$theme.fontFamilyCore};
2808
+ color: ${(e) => e.$theme.fontColorBase};
2809
+ display: inline-block;
2810
+ background: transparent;
2811
+ white-space: nowrap;
2812
+ text-overflow: ellipsis;
2813
+ overflow: hidden;
2814
+ flex-grow: 1;
2815
+ min-width: 0;
2816
+
2817
+ &:focus-visible {
2818
+ outline: none;
2819
+ }
2820
+
2821
+ &::-webkit-outer-spin-button,
2822
+ &::-webkit-inner-spin-button {
2823
+ -webkit-appearance: none;
2824
+ margin: 0;
2825
+ }
2826
+
2827
+ &[type='number'] {
2828
+ -moz-appearance: textfield;
2829
+ }
2830
+ }
2831
+ `, za = ({
2832
+ name: e,
2833
+ label: t,
2834
+ errorMessage: r,
2835
+ onChange: n,
2836
+ onBlur: o,
2837
+ onFocus: i,
2838
+ onSpinButtonClick: a,
2839
+ validator: d,
2840
+ min: c,
2841
+ max: f,
2842
+ id: u,
2843
+ tabIndex: h,
2844
+ disabled: g = !1,
2845
+ required: m = !1,
2846
+ readOnly: b = !1,
2847
+ hasSpinButtons: x = !0,
2848
+ defaultValue: k = 0,
2849
+ step: w = 1,
2850
+ ...v
2851
+ }) => {
2852
+ const { elementId: C, errorId: A } = we(u), R = te(), { value: j, valid: $, handleChange: W, increment: X, decrement: fe, minValue: he, maxValue: pe } = Ss({
2853
+ name: e,
2854
+ defaultValue: k,
2855
+ min: c,
2856
+ max: f,
2857
+ onChange: n,
2858
+ required: m,
2859
+ validator: d,
2860
+ step: w,
2861
+ onSpinButtonClick: a
2862
+ });
2863
+ return /* @__PURE__ */ l.jsxs(ks, { $theme: R, ...v, children: [
2864
+ /* @__PURE__ */ l.jsx(Ve, { label: t, required: m, inputId: C, theme: R }),
2865
+ /* @__PURE__ */ l.jsxs("div", { children: [
2866
+ /* @__PURE__ */ l.jsx(
2867
+ "input",
2868
+ {
2869
+ id: C,
2870
+ name: e,
2871
+ type: "number",
2872
+ disabled: g,
2873
+ required: m,
2874
+ readOnly: b,
2875
+ placeholder: "0",
2876
+ "aria-invalid": !$,
2877
+ "aria-errormessage": A,
2878
+ value: j.toString(),
2879
+ onChange: W,
2880
+ min: he,
2881
+ max: pe,
2882
+ step: w,
2883
+ onBlur: o,
2884
+ onFocus: i,
2885
+ tabIndex: h
2886
+ }
2887
+ ),
2888
+ x && /* @__PURE__ */ l.jsxs("span", { children: [
2889
+ /* @__PURE__ */ l.jsx(
2890
+ wt,
2891
+ {
2892
+ onClick: fe,
2893
+ label: `Decrement value for ${t}`,
2894
+ icon: _.ChevronLeft,
2895
+ disabled: g,
2896
+ theme: R
2897
+ }
2898
+ ),
2899
+ /* @__PURE__ */ l.jsx(
2900
+ wt,
2901
+ {
2902
+ onClick: X,
2903
+ label: `Increment value for ${t}`,
2904
+ icon: _.ChevronRight,
2905
+ disabled: g,
2906
+ theme: R
2907
+ }
2908
+ )
2909
+ ] })
2910
+ ] }),
2911
+ /* @__PURE__ */ l.jsx(yn, { errorId: A, message: r, visible: !$, theme: R })
2912
+ ] });
2913
+ }, Cs = ({
2914
+ opened: e,
2915
+ onClick: t,
2916
+ comboboxId: r,
2917
+ dropdownId: n,
2918
+ selected: o,
2919
+ name: i,
2920
+ placeholder: a,
2921
+ disabled: d,
2922
+ required: c,
2923
+ theme: f
2924
+ }) => /* @__PURE__ */ l.jsxs(
2925
+ xn,
2926
+ {
2927
+ type: "button",
2928
+ name: i,
2929
+ value: o == null ? void 0 : o.id,
2930
+ role: "combobox",
2931
+ "aria-haspopup": "listbox",
2932
+ "aria-expanded": e,
2933
+ "aria-controls": n,
2934
+ id: r,
2935
+ onClick: t,
2936
+ disabled: d,
2937
+ "aria-required": c,
2938
+ $theme: f,
2939
+ children: [
2940
+ o != null && o.label ? /* @__PURE__ */ l.jsx("span", { children: o == null ? void 0 : o.label }) : /* @__PURE__ */ l.jsx("span", { children: a }),
2941
+ e ? /* @__PURE__ */ l.jsx(ir, {}) : /* @__PURE__ */ l.jsx(or, {})
2942
+ ]
2943
+ }
2944
+ );
2945
+ function sr(e) {
2946
+ return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z" }) });
2947
+ }
2948
+ const js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2949
+ __proto__: null,
2950
+ default: sr
2951
+ }, Symbol.toStringTag, { value: "Module" })), Es = ({ value: e, selected: t, onSelect: r, onClear: n, theme: o }) => {
2952
+ const { id: i, label: a } = e, d = (f) => {
2953
+ t ? n() : r(f);
2954
+ }, c = (f) => (u) => {
2955
+ switch (u.key) {
2956
+ case " ":
2957
+ case "SpaceBar":
2958
+ case "Enter":
2959
+ u.preventDefault(), d(f);
2960
+ break;
2961
+ }
2962
+ };
2963
+ return /* @__PURE__ */ l.jsxs(
2964
+ Sn,
2965
+ {
2966
+ id: i,
2967
+ role: "option",
2968
+ "aria-selected": t,
2969
+ tabIndex: 0,
2970
+ onKeyDown: c(i),
2971
+ onClick: () => d(i),
2972
+ $theme: o,
2973
+ $selected: t,
2974
+ children: [
2975
+ /* @__PURE__ */ l.jsx("span", { children: a }),
2976
+ t && /* @__PURE__ */ l.jsx(sr, {})
2977
+ ]
2978
+ }
2979
+ );
2980
+ }, Is = ({
2981
+ options: e,
2982
+ opened: t,
2983
+ onClose: r,
2984
+ onSelect: n,
2985
+ dropdownId: o,
2986
+ comboboxId: i,
2987
+ selected: a,
2988
+ onClear: d,
2989
+ theme: c
2990
+ }) => {
2991
+ const f = (u) => {
2992
+ n(u), r(), nt(i);
2993
+ };
2994
+ return /* @__PURE__ */ l.jsx(
2995
+ wn,
2996
+ {
2997
+ role: "listbox",
2998
+ id: o,
2999
+ tabIndex: -1,
3000
+ onKeyDown: (u) => bn({ e: u, options: e, onClose: r }),
3001
+ $opened: t,
3002
+ $theme: c,
3003
+ children: e.map((u) => /* @__PURE__ */ l.jsx(
3004
+ Es,
3005
+ {
3006
+ value: u,
3007
+ onSelect: () => f(u.id),
3008
+ onClear: d,
3009
+ selected: u.id === (a == null ? void 0 : a.id),
3010
+ theme: c
3011
+ },
3012
+ u.id
3013
+ ))
3014
+ }
3015
+ );
3016
+ };
3017
+ function Rs({
3018
+ name: e,
3019
+ options: t,
3020
+ initialValues: r,
3021
+ defaultValue: n
3022
+ }) {
3023
+ var i;
3024
+ let o;
3025
+ return r && r[e] && (o = ((i = r[e]) == null ? void 0 : i.id) ?? r[e]), !(r != null && r[e]) && n && typeof n == "string" && (o = n), t.find((a) => a.id === o);
3026
+ }
3027
+ function _s({
3028
+ name: e,
3029
+ defaultValue: t,
3030
+ onChange: r,
3031
+ options: n
3032
+ }) {
3033
+ const { onChangeFormInput: o, initialValues: i } = xe(_e), a = Rs({ name: e, options: n, defaultValue: t, initialValues: i }), [d, c] = F(!1), [f, u] = F(a), h = () => c(!1), g = () => c(!d), m = (k) => {
3034
+ const w = n.find((v) => v.id === k);
3035
+ u(w), r == null || r(w), o == null || o({ name: e, value: w == null ? void 0 : w.id });
3036
+ }, b = () => {
3037
+ u(void 0), r == null || r(void 0);
3038
+ }, x = ot(() => {
3039
+ c(!1), u(a), o == null || o({ name: e, value: a == null ? void 0 : a.id });
3040
+ }, [e]);
3041
+ return st(x), {
3042
+ selected: f,
3043
+ opened: d,
3044
+ handleClear: b,
3045
+ handleClose: h,
3046
+ handleToggle: g,
3047
+ handleSelect: m
3048
+ };
3049
+ }
3050
+ const Da = ({
3051
+ options: e,
3052
+ onChange: t,
3053
+ name: r,
3054
+ label: n,
3055
+ defaultValue: o,
3056
+ id: i,
3057
+ placeholder: a = "Not selected",
3058
+ required: d = !1,
3059
+ disabled: c = !1,
3060
+ ...f
3061
+ }) => {
3062
+ const u = Be(null), h = te(), { elementId: g, dropdownId: m } = we(i), { handleClear: b, handleClose: x, handleSelect: k, handleToggle: w, selected: v, opened: C } = _s({
3063
+ options: e,
3064
+ onChange: t,
3065
+ defaultValue: o,
3066
+ name: r
3067
+ });
3068
+ return nr({ ref: u, onClickOutsideHandler: x }), _t({ keyCode: "Escape", ref: u, onKeyPress: x }), /* @__PURE__ */ l.jsxs($n, { ref: u, $theme: h, ...f, children: [
3069
+ /* @__PURE__ */ l.jsx(Ve, { label: n, required: d, inputId: g, theme: h }),
3070
+ /* @__PURE__ */ l.jsx(
3071
+ Cs,
3072
+ {
3073
+ name: r,
3074
+ opened: C,
3075
+ comboboxId: g,
3076
+ dropdownId: m,
3077
+ onClick: w,
3078
+ selected: v,
3079
+ placeholder: a,
3080
+ disabled: c,
3081
+ required: d,
3082
+ theme: h
3083
+ }
3084
+ ),
3085
+ /* @__PURE__ */ l.jsx(
3086
+ Is,
3087
+ {
3088
+ options: e,
3089
+ selected: v,
3090
+ opened: C,
3091
+ onClose: x,
3092
+ dropdownId: m,
3093
+ comboboxId: g,
3094
+ onSelect: k,
3095
+ onClear: b,
3096
+ theme: h
3097
+ }
3098
+ )
3099
+ ] });
3100
+ };
3101
+ function As({
3102
+ value: e,
3103
+ required: t,
3104
+ validator: r
3105
+ }) {
3106
+ return t && !r && !e.length ? !1 : r && typeof r == "function" ? r(e) : r && typeof r == "object" ? new RegExp(r.regexp, r == null ? void 0 : r.flags).test(e) : !0;
3107
+ }
3108
+ function Ts({
3109
+ name: e,
3110
+ initialValues: t,
3111
+ defaultValue: r
3112
+ }) {
3113
+ return t && (t != null && t[e]) ? t[e].toString() : r && typeof r == "string" ? r : "";
3114
+ }
3115
+ function Ps({
3116
+ name: e,
3117
+ defaultValue: t,
3118
+ onChange: r,
3119
+ onClear: n,
3120
+ required: o,
3121
+ validator: i
3122
+ }) {
3123
+ const { onChangeFormInput: a, initialValues: d } = xe(_e), c = Ts({ initialValues: d, defaultValue: t, name: e }), [f, u] = F(c), [h, g] = F(!0), [m, b] = F(!1), x = (C) => {
3124
+ const A = C.target.value, R = As({ value: A, required: o, validator: i });
3125
+ u(A), g(R), a == null || a({ name: e, value: A, valid: R }), r == null || r(C);
3126
+ }, k = () => {
3127
+ u(""), g(!0), a == null || a({ name: e, value: "", valid: !0 }), n == null || n();
3128
+ }, w = ot(() => {
3129
+ u(c), g(!0), a == null || a({ name: e, value: c, valid: !0 });
3130
+ }, [e]), v = () => {
3131
+ b(!m);
3132
+ };
3133
+ return st(w), {
3134
+ value: f,
3135
+ valid: h,
3136
+ passwordShown: m,
3137
+ handleChange: x,
3138
+ handleClear: k,
3139
+ togglePassword: v
3140
+ };
3141
+ }
3142
+ const Os = I.div`
3143
+ display: flex;
3144
+ flex-direction: column;
3145
+ gap: ${(e) => e.$theme.gapMedium};
3146
+ position: relative;
3147
+
3148
+ & > div:nth-child(2) {
3149
+ display: flex;
3150
+ gap: ${(e) => e.$theme.gapMedium};
3151
+ align-items: center;
3152
+ border: ${(e) => e.$theme.borderLight};
3153
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
3154
+ padding: ${(e) => e.$theme.gapMedium};
3155
+ background-color: ${(e) => e.$theme.backgroundColorLight};
3156
+
3157
+ &:has(input:focus) {
3158
+ border: ${(e) => e.$theme.borderOutline};
3159
+ }
3160
+
3161
+ &:has(input[aria-invalid='true']) {
3162
+ border: ${(e) => e.$theme.borderAccent};
3163
+ }
3164
+
3165
+ &:has(input[disabled]) {
3166
+ pointer-events: none;
3167
+ opacity: 0.5;
3168
+ }
3169
+
3170
+ & > span:nth-child(2) {
3171
+ display: flex;
3172
+ gap: ${(e) => e.$theme.gapSmall};
3173
+ align-items: center;
3174
+ }
3175
+ }
3176
+
3177
+ & input {
3178
+ font-size: ${(e) => e.$theme.fontSizeBase};
3179
+ padding: 0;
3180
+ border: none;
3181
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3182
+ color: ${(e) => e.$theme.fontColorBase};
3183
+ display: inline-block;
3184
+ background: transparent;
3185
+ white-space: nowrap;
3186
+ text-overflow: ellipsis;
3187
+ overflow: hidden;
3188
+ flex-grow: 1;
3189
+ min-width: 0;
3190
+
3191
+ &:focus-visible {
3192
+ outline: none;
3193
+ }
3194
+
3195
+ &:placeholder-shown + span {
3196
+ display: none !important;
3197
+ }
3198
+ }
3199
+ `, Ma = ({
3200
+ name: e,
3201
+ label: t,
3202
+ errorMessage: r,
3203
+ defaultValue: n,
3204
+ onChange: o,
3205
+ onBlur: i,
3206
+ onFocus: a,
3207
+ onClear: d,
3208
+ validator: c,
3209
+ maxLength: f,
3210
+ id: u,
3211
+ tabIndex: h,
3212
+ placeholder: g = "Type here...",
3213
+ disabled: m = !1,
3214
+ required: b = !1,
3215
+ clearable: x = !0,
3216
+ readOnly: k = !1,
3217
+ autoComplete: w = "off",
3218
+ type: v = "text",
3219
+ ...C
3220
+ }) => {
3221
+ const { value: A, valid: R, handleChange: j, handleClear: $, passwordShown: W, togglePassword: X } = Ps({
3222
+ defaultValue: n,
3223
+ name: e,
3224
+ onChange: o,
3225
+ onClear: d,
3226
+ required: b,
3227
+ validator: c
3228
+ }), { elementId: fe, errorId: he } = we(u), pe = v === "password", G = te();
3229
+ return /* @__PURE__ */ l.jsxs(Os, { $theme: G, ...C, children: [
3230
+ /* @__PURE__ */ l.jsx(Ve, { label: t, required: b, inputId: fe, theme: G }),
3231
+ /* @__PURE__ */ l.jsxs("div", { children: [
3232
+ /* @__PURE__ */ l.jsx(
3233
+ "input",
3234
+ {
3235
+ id: fe,
3236
+ name: e,
3237
+ type: W ? "text" : v,
3238
+ disabled: m,
3239
+ placeholder: g,
3240
+ required: b,
3241
+ readOnly: k,
3242
+ autoComplete: w,
3243
+ "aria-invalid": !R,
3244
+ "aria-errormessage": he,
3245
+ "aria-readonly": k,
3246
+ value: A,
3247
+ onChange: j,
3248
+ maxLength: f,
3249
+ onBlur: i,
3250
+ onFocus: a,
3251
+ tabIndex: h
3252
+ }
3253
+ ),
3254
+ /* @__PURE__ */ l.jsxs("span", { children: [
3255
+ x && /* @__PURE__ */ l.jsx(
3256
+ wt,
3257
+ {
3258
+ onClick: $,
3259
+ label: `Clear input for ${t}`,
3260
+ icon: _.Remove,
3261
+ disabled: m,
3262
+ theme: G
3263
+ }
3264
+ ),
3265
+ pe && /* @__PURE__ */ l.jsx(
3266
+ wt,
3267
+ {
3268
+ onClick: X,
3269
+ label: "Toggle password visibility",
3270
+ icon: W ? _.Hide : _.Show,
3271
+ disabled: m,
3272
+ theme: G
3273
+ }
3274
+ )
3275
+ ] })
3276
+ ] }),
3277
+ /* @__PURE__ */ l.jsx(yn, { errorId: he, message: r, visible: !R, theme: G })
3278
+ ] });
3279
+ }, zs = I.header`
3280
+ display: flex;
3281
+ justify-content: space-between;
3282
+ align-items: center;
3283
+
3284
+ h3 {
3285
+ display: flex;
3286
+ gap: ${(e) => e.$theme.gapMedium};
3287
+ align-items: center;
3288
+ margin: 0;
3289
+ color: ${(e) => e.$theme.fontColorBase};
3290
+
3291
+ svg {
3292
+ color: ${(e) => e.$theme.fontColorAccent};
3293
+ }
3294
+ }
3295
+ `, Ds = I.div`
3296
+ position: fixed;
3297
+ bottom: ${(e) => e.$theme.gapBig};
3298
+ left: 50%;
3299
+ transform: translateX(-50%);
3300
+ z-index: ${(e) => e.$theme.zIndexPopup};
3301
+ ${it}
3302
+
3303
+ ${(e) => e.$isClosing && gn}
3304
+ `, Ms = I.div`
3305
+ display: flex;
3306
+ flex-direction: column;
3307
+ gap: ${(e) => e.$theme.gapMedium};
3308
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3309
+ background: ${(e) => e.$theme.backgroundColorBase};
3310
+ color: ${(e) => e.$theme.fontColorBase};
3311
+ width: 90vw;
3312
+ padding: ${(e) => e.$theme.gapMedium};
3313
+ box-shadow: ${(e) => e.$theme.boxShadow};
3314
+ border: ${(e) => e.$theme.borderLight};
3315
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
3316
+ `;
3317
+ function kn(e) {
3318
+ return /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: [
3319
+ /* @__PURE__ */ l.jsx("path", { d: "M11 7h2v7h-2zm0 8h2v2h-2z" }),
3320
+ /* @__PURE__ */ l.jsx("path", { d: "M21.707 7.293l-5-5A.996.996 0 0016 2H8a.996.996 0 00-.707.293l-5 5A.996.996 0 002 8v8c0 .266.105.52.293.707l5 5A.996.996 0 008 22h8c.266 0 .52-.105.707-.293l5-5A.996.996 0 0022 16V8a.996.996 0 00-.293-.707zM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4h7.172L20 8.414v7.172z" })
3321
+ ] });
3322
+ }
3323
+ const Bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3324
+ __proto__: null,
3325
+ default: kn
3326
+ }, Symbol.toStringTag, { value: "Module" }));
3327
+ function Cn(e) {
3328
+ return /* @__PURE__ */ l.jsx("svg", { viewBox: "0 0 512 512", fill: "currentColor", height: "1em", width: "1em", ...e, children: /* @__PURE__ */ l.jsx("path", { d: "M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z" }) });
3329
+ }
3330
+ const Ls = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3331
+ __proto__: null,
3332
+ default: Cn
3333
+ }, Symbol.toStringTag, { value: "Module" }));
3334
+ function jn(e) {
3335
+ return /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 1024 1024", fill: "currentColor", height: "1em", width: "1em", ...e, children: [
3336
+ /* @__PURE__ */ l.jsx("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }),
3337
+ /* @__PURE__ */ l.jsx("path", { d: "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" })
3338
+ ] });
3339
+ }
3340
+ const Fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3341
+ __proto__: null,
3342
+ default: jn
3343
+ }, Symbol.toStringTag, { value: "Module" }));
3344
+ function En(e) {
3345
+ return /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", height: "1em", width: "1em", ...e, children: [
3346
+ /* @__PURE__ */ l.jsx("path", { fill: "none", d: "M0 0h24v24H0z" }),
3347
+ /* @__PURE__ */ l.jsx("path", { d: "M4 20v-6a8 8 0 1116 0v6h1v2H3v-2h1zm2 0h12v-6a6 6 0 10-12 0v6zm5-18h2v3h-2V2zm8.778 2.808l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121zM2.808 6.222l1.414-1.414 2.121 2.12L4.93 8.344 2.808 6.222zM7 14a5 5 0 015-5v2a3 3 0 00-3 3H7z" })
3348
+ ] });
3349
+ }
3350
+ const Ns = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3351
+ __proto__: null,
3352
+ default: En
3353
+ }, Symbol.toStringTag, { value: "Module" }));
3354
+ function Hs(e, t) {
3355
+ if (t) return t;
3356
+ switch (e) {
3357
+ case Q.Info:
3358
+ return "For your information";
3359
+ case Q.Warning:
3360
+ return "Please pay attention";
3361
+ case Q.Error:
3362
+ return "Something went wrong";
3363
+ case Q.Success:
3364
+ return "Everything is okay";
3365
+ case Q.Help:
3366
+ return "Useful tip";
3367
+ default:
3368
+ return "Alert";
3369
+ }
3370
+ }
3371
+ function Ws(e, t) {
3372
+ if (t)
3373
+ return /* @__PURE__ */ l.jsx(rt, { name: t });
3374
+ switch (e) {
3375
+ case Q.Info:
3376
+ return /* @__PURE__ */ l.jsx(jn, {});
3377
+ case Q.Warning:
3378
+ return /* @__PURE__ */ l.jsx(En, {});
3379
+ case Q.Error:
3380
+ return /* @__PURE__ */ l.jsx(kn, {});
3381
+ case Q.Success:
3382
+ return /* @__PURE__ */ l.jsx(sr, {});
3383
+ case Q.Help:
3384
+ return /* @__PURE__ */ l.jsx(Cn, {});
3385
+ default:
3386
+ return null;
3387
+ }
3388
+ }
3389
+ const Gs = ({ title: e, onClose: t, mode: r, icon: n, theme: o }) => {
3390
+ const i = Hs(r, e), a = Ws(r, n);
3391
+ return /* @__PURE__ */ l.jsxs(zs, { $theme: o, children: [
3392
+ /* @__PURE__ */ l.jsxs("h3", { children: [
3393
+ a,
3394
+ i
3395
+ ] }),
3396
+ /* @__PURE__ */ l.jsx(St, { icon: _.Cancel, view: $e.Icon, label: "Close alert popup", onClick: t })
3397
+ ] });
3398
+ }, Ba = ({
3399
+ isOpened: e,
3400
+ onClose: t,
3401
+ title: r,
3402
+ message: n,
3403
+ mode: o = Q.Info,
3404
+ icon: i,
3405
+ ...a
3406
+ }) => {
3407
+ const d = vn(e), c = d && !e, f = te();
3408
+ return d ? /* @__PURE__ */ l.jsx(ar, { children: /* @__PURE__ */ l.jsx(Ds, { $isClosing: c, $theme: f, children: /* @__PURE__ */ l.jsxs(Ms, { ...a, $theme: f, children: [
3409
+ /* @__PURE__ */ l.jsx(Gs, { title: r, onClose: t, mode: o, icon: i, theme: f }),
3410
+ /* @__PURE__ */ l.jsx("p", { children: n })
3411
+ ] }) }) }) : null;
3412
+ }, Us = I.div`
3413
+ z-index: ${(e) => e.$theme.zIndexModal};
3414
+ background-color: ${(e) => e.$theme.backgroundColorBase};
3415
+ box-shadow: ${(e) => e.$theme.boxShadow};
3416
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3417
+ color: ${(e) => e.$theme.fontColorBase};
3418
+ width: 100%;
3419
+ height: 90%;
3420
+ position: absolute;
3421
+ bottom: 0;
3422
+ left: 0;
3423
+ border-top-left-radius: ${(e) => e.$theme.blockBorderRadius};
3424
+ border-top-right-radius: ${(e) => e.$theme.blockBorderRadius};
3425
+ ${it}
3426
+
3427
+ @media ${mi.landscapeTablets} {
3428
+ width: fit-content;
3429
+ height: fit-content;
3430
+ position: relative;
3431
+ min-width: 40%;
3432
+ max-width: 90%;
3433
+ max-height: 90%;
3434
+ border-bottom-left-radius: ${(e) => e.$theme.blockBorderRadius};
3435
+ border-bottom-right-radius: ${(e) => e.$theme.blockBorderRadius};
3436
+
3437
+ header {
3438
+ font-size: ${(e) => e.$theme.fontSizeHeader};
3439
+ }
3440
+ }
3441
+ `, Ys = I.div`
3442
+ position: fixed;
3443
+ top: 0;
3444
+ left: 0;
3445
+ width: 100%;
3446
+ height: 100%;
3447
+ z-index: inherit;
3448
+ display: flex;
3449
+ justify-content: center;
3450
+ align-items: center;
3451
+ background-color: ${(e) => e.$theme.backgroundColorTransparent};
3452
+ ${it}
3453
+
3454
+ ${(e) => e.$isClosing && gn}
3455
+ `, Vs = I.header`
3456
+ font-size: 1.6rem;
3457
+ font-weight: bold;
3458
+ display: flex;
3459
+ justify-content: space-between;
3460
+ align-items: center;
3461
+ gap: ${(e) => e.$theme.gapBig};
3462
+ padding: ${(e) => e.$theme.gapBig};
3463
+ border-bottom: ${(e) => e.$theme.borderBase};
3464
+ color: ${(e) => e.$theme.fontColorBase};
3465
+ `, Ks = I.div`
3466
+ padding: ${(e) => e.$theme.gapBig};
3467
+ font-size: ${(e) => e.$theme.fontSizeBase};
3468
+ `, qs = ({ title: e, onClose: t, theme: r }) => /* @__PURE__ */ l.jsxs(Vs, { $theme: r, children: [
3469
+ e,
3470
+ /* @__PURE__ */ l.jsx(St, { icon: _.Cancel, view: $e.Icon, label: "Close modal window", onClick: t })
3471
+ ] }), Xs = ({ title: e, onClose: t, isOpened: r, children: n, theme: o, ...i }) => {
3472
+ const a = Be(null);
3473
+ return es({ modalRef: a, isOpened: r }), _t({ keyCode: "Escape", ref: a, onKeyPress: t }), /* @__PURE__ */ l.jsxs(Us, { ref: a, role: "dialog", "aria-modal": "true", $theme: o, ...i, children: [
3474
+ /* @__PURE__ */ l.jsx(qs, { title: e, onClose: t, theme: o }),
3475
+ /* @__PURE__ */ l.jsx(Ks, { $theme: o, children: n })
3476
+ ] });
3477
+ }, La = ({ isOpened: e, onClose: t, title: r, children: n, ...o }) => {
3478
+ const i = vn(e), a = i && !e, d = te();
3479
+ return i ? /* @__PURE__ */ l.jsx(ar, { children: /* @__PURE__ */ l.jsx(Ys, { $isClosing: a, $theme: d, children: /* @__PURE__ */ l.jsx(Xs, { title: r, onClose: t, isOpened: e, ...o, theme: d, children: n }) }) }) : null;
3480
+ }, Js = ({ id: e }) => {
3481
+ const [t, r] = F(!1), n = Be(null), o = Be(null), { top: i, left: a } = rs({ wrapperRef: n, tooltipRef: o, isOpened: t }), { elementId: d } = we(e), c = () => r(!1), f = () => r(!0), u = () => r(!t), h = (g) => {
3482
+ g.preventDefault(), u();
3483
+ };
3484
+ return _t({ keyCode: "Escape", ref: o, onKeyPress: c }), nr({ ref: o, onClickOutsideHandler: c, dependentRef: n }), {
3485
+ elementId: d,
3486
+ openTooltip: f,
3487
+ closeTooltip: c,
3488
+ toggleTooltip: u,
3489
+ handleContextMenu: h,
3490
+ top: i,
3491
+ left: a,
3492
+ isOpened: t,
3493
+ wrapperRef: n,
3494
+ tooltipRef: o
3495
+ };
3496
+ }, Zs = I.div`
3497
+ position: absolute;
3498
+ left: 0;
3499
+ top: 0;
3500
+ z-index: ${(e) => e.$theme.zIndexPopup};
3501
+ background-color: ${(e) => e.$theme.backgroundColorBase};
3502
+ border: ${(e) => e.$theme.borderLight};
3503
+ color: ${(e) => e.$theme.fontColorBase};
3504
+ padding: ${(e) => e.$theme.gapMedium};
3505
+ font-size: ${(e) => e.$theme.fontSizeSmall};
3506
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3507
+ border-radius: ${(e) => e.$theme.blockBorderRadius};
3508
+ box-shadow: ${(e) => e.$theme.boxShadow};
3509
+ pointer-events: none;
3510
+ white-space: nowrap;
3511
+
3512
+ ${it}
3513
+ `, Qs = ({
3514
+ children: e,
3515
+ tooltipContent: t,
3516
+ containerTag: r = "span",
3517
+ visibleOn: n = "hover",
3518
+ id: o,
3519
+ style: i,
3520
+ ...a
3521
+ }) => {
3522
+ const d = r, c = te(), { openTooltip: f, closeTooltip: u, toggleTooltip: h, handleContextMenu: g, elementId: m, top: b, left: x, isOpened: k, wrapperRef: w, tooltipRef: v } = Js({ id: o });
3523
+ return /* @__PURE__ */ l.jsxs(
3524
+ d,
3525
+ {
3526
+ style: { position: "relative", cursor: "pointer" },
3527
+ onClick: n === "click" ? h : void 0,
3528
+ onMouseOver: n === "hover" ? f : void 0,
3529
+ onMouseLeave: n === "hover" ? u : void 0,
3530
+ onFocus: n === "focus" ? f : void 0,
3531
+ onBlur: n === "focus" ? u : void 0,
3532
+ onContextMenu: n === "contextmenu" ? (C) => g(C) : void 0,
3533
+ tabIndex: 0,
3534
+ ref: w,
3535
+ "aria-describedby": m,
3536
+ children: [
3537
+ e,
3538
+ k && /* @__PURE__ */ l.jsx(ar, { children: /* @__PURE__ */ l.jsx(Zs, { style: { ...i, top: b, left: x }, ref: v, role: "tooltip", id: m, $theme: c, ...a, children: t }) })
3539
+ ]
3540
+ }
3541
+ );
3542
+ };
3543
+ function ea(e) {
3544
+ return e ? Object.keys(e).map((t) => [t, !0]) : [];
3545
+ }
3546
+ function ta(e, t) {
3547
+ return (t == null ? void 0 : t.valid) === void 0 ? e : e.map((r) => r[0] !== t.name ? r : [r[0], !!(t != null && t.valid)]);
3548
+ }
3549
+ function ra(e) {
3550
+ return e.every((t) => t[1]);
3551
+ }
3552
+ function na({
3553
+ initialValues: e,
3554
+ onReset: t,
3555
+ onSubmit: r,
3556
+ onClickSubmit: n
3557
+ }) {
3558
+ const [o, i] = F(e), [a, d] = F(ea(e)), [c, f] = F(0);
3559
+ return {
3560
+ handleInputChange: (m) => {
3561
+ const b = { ...o, [m.name]: m.value };
3562
+ i(b), d(ta(a, m));
3563
+ },
3564
+ handleSubmit: (m) => {
3565
+ m.preventDefault();
3566
+ const x = { ...Object.fromEntries(new FormData(m.target)), ...o };
3567
+ r == null || r(m), n == null || n(x);
3568
+ },
3569
+ handleReset: (m) => {
3570
+ t == null || t(m), i(e), f(c + 1);
3571
+ },
3572
+ resetSignal: c,
3573
+ valid: ra(a)
3574
+ };
3575
+ }
3576
+ const oa = I.form`
3577
+ display: grid;
3578
+ align-items: end;
3579
+ gap: ${(e) => e.$theme.gapMedium};
3580
+ font-size: ${(e) => e.$theme.fontSizeBase};
3581
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3582
+
3583
+ ${({ $columns: e }) => `
3584
+ grid-template-columns: repeat(${e}, 1fr);
3585
+ grid-template-rows: auto;
3586
+ `}
3587
+ `, ia = I.div`
3588
+ display: flex;
3589
+ align-items: center;
3590
+ justify-content: space-between;
3591
+ padding-top: 1rem;
3592
+
3593
+ ${({ $columns: e }) => `
3594
+ grid-column: 1 / ${e + 1};
3595
+ `}
3596
+ `, Fa = ({
3597
+ children: e,
3598
+ initialValues: t,
3599
+ onReset: r,
3600
+ onSubmit: n,
3601
+ onClickSubmit: o,
3602
+ columns: i = 1,
3603
+ hasReset: a = !0,
3604
+ ...d
3605
+ }) => {
3606
+ const { handleInputChange: c, handleSubmit: f, handleReset: u, resetSignal: h, valid: g } = na({
3607
+ initialValues: t,
3608
+ onReset: r,
3609
+ onSubmit: n,
3610
+ onClickSubmit: o
3611
+ }), m = te();
3612
+ return /* @__PURE__ */ l.jsx(oa, { onSubmit: f, onReset: u, $columns: i, $theme: m, ...d, children: /* @__PURE__ */ l.jsxs(_e.Provider, { value: { onChangeFormInput: c, initialValues: t, resetSignal: h }, children: [
3613
+ e,
3614
+ /* @__PURE__ */ l.jsxs(ia, { $columns: i, children: [
3615
+ a && /* @__PURE__ */ l.jsx(St, { type: "reset", text: "Reset", icon: _.Clear, view: $e.Flat }),
3616
+ /* @__PURE__ */ l.jsx(St, { type: "submit", text: "Submit", icon: _.Forward, extended: !a, disabled: !g })
3617
+ ] })
3618
+ ] }) });
3619
+ }, sa = I.table`
3620
+ border-collapse: collapse;
3621
+ `, aa = I.thead`
3622
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3623
+ color: ${(e) => e.$theme.fontColorBase};
3624
+ font-size: ${(e) => e.$theme.fontSizeBase};
3625
+ `, ca = I.tbody`
3626
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3627
+ color: ${(e) => e.$theme.fontColorBase};
3628
+ `, In = I.th`
3629
+ padding: ${(e) => e.$theme.gapMedium};
3630
+ text-align: left;
3631
+ `, la = I.tr`
3632
+ font-weight: bold;
3633
+ border-top: ${(e) => e.$theme.borderLight};
3634
+ border-bottom: ${(e) => e.$theme.borderLight};
3635
+ background-color: ${(e) => e.$theme.backgroundColorBase};
3636
+ `, Rn = I.td`
3637
+ padding: ${(e) => e.$theme.gapMedium};
3638
+ `, da = I.caption`
3639
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3640
+ color: ${(e) => e.$theme.fontColorBase};
3641
+ padding: ${(e) => e.$theme.gapMedium};
3642
+ font-weight: bold;
3643
+ `, ua = I.tr`
3644
+ border-bottom: ${(e) => e.$theme.borderLight};
3645
+
3646
+ ${(e) => e.$selected && `
3647
+ background-color: ${e.$theme.backgroundColorLight};
3648
+ `}
3649
+ `, Gr = I.col`
3650
+ border-right: ${(e) => e.$theme.borderLight};
3651
+
3652
+ ${(e) => e.$isFirst && `border-left: ${e.$theme.borderLight};`}
3653
+ ${(e) => e.$highlighted && `background-color: ${e.$theme.backgroundColorLight};`}
3654
+ `, fa = I.div`
3655
+ display: flex;
3656
+ gap: ${(e) => e.$theme.gapSmall};
3657
+ padding: ${(e) => e.$theme.gapSmall} 0;
3658
+ position: relative;
3659
+ overflow: hidden;
3660
+
3661
+ svg {
3662
+ color: ${(e) => e.$checked ? e.$theme.fontColorBase : e.$theme.fontColorLight};
3663
+ }
3664
+
3665
+ label {
3666
+ cursor: pointer;
3667
+ gap: ${(e) => e.$theme.gapSmall};
3668
+ font-size: ${(e) => e.$theme.fontSizeBase} !important;
3669
+ &:hover,
3670
+ &:active {
3671
+ text-shadow: ${(e) => e.$theme.textShadow};
3672
+ }
3673
+ }
3674
+
3675
+ ${(e) => e.$disabled && `
3676
+ pointer-events: none;
3677
+ opacity: 0.5;
3678
+ `}
3679
+ `, ha = I.input`
3680
+ position: absolute;
3681
+ z-index: -1;
3682
+ opacity: 0;
3683
+ top: 4px;
3684
+ left: 0;
3685
+ margin: 0;
3686
+
3687
+ &:focus-visible + label {
3688
+ outline: ${(e) => e.$theme.borderOutline};
3689
+ outline-offset: 2px;
3690
+ }
3691
+ `;
3692
+ function pa({
3693
+ item: e,
3694
+ columns: t,
3695
+ renderDataItem: r
3696
+ }) {
3697
+ const n = [];
3698
+ for (const o of t) {
3699
+ let i;
3700
+ r && e[o.field] ? i = r(e, o.field) : e[o.field] ? i = e[o.field].toString() : i = "", n.push(i);
3701
+ }
3702
+ return n;
3703
+ }
3704
+ const ma = ({ value: e, theme: t }) => /* @__PURE__ */ l.jsx(Rn, { $theme: t, children: e }), _n = ({
3705
+ name: e,
3706
+ label: t,
3707
+ disabled: r,
3708
+ required: n = !1,
3709
+ onChange: o,
3710
+ checked: i = !1,
3711
+ theme: a,
3712
+ ...d
3713
+ }) => {
3714
+ const { elementId: c } = we(d == null ? void 0 : d.id);
3715
+ return /* @__PURE__ */ l.jsxs(fa, { $disabled: !!r, $checked: i, $theme: a, children: [
3716
+ /* @__PURE__ */ l.jsx(
3717
+ ha,
3718
+ {
3719
+ id: c,
3720
+ name: e,
3721
+ type: "checkbox",
3722
+ disabled: r,
3723
+ required: n,
3724
+ checked: i,
3725
+ onChange: o,
3726
+ $theme: a
3727
+ }
3728
+ ),
3729
+ /* @__PURE__ */ l.jsx(
3730
+ Ve,
3731
+ {
3732
+ label: t,
3733
+ required: n,
3734
+ inputId: c,
3735
+ isTextHidden: !0,
3736
+ iconPosition: "left",
3737
+ theme: a,
3738
+ icon: i ? /* @__PURE__ */ l.jsx(At, {}) : /* @__PURE__ */ l.jsx(Tt, {})
3739
+ }
3740
+ )
3741
+ ] });
3742
+ }, ga = ({
3743
+ rowId: e,
3744
+ isRowSelected: t,
3745
+ selectRowById: r,
3746
+ deselectRowById: n,
3747
+ disabled: o,
3748
+ theme: i
3749
+ }) => {
3750
+ const a = (d) => {
3751
+ const { checked: c } = d.target;
3752
+ c ? r(e) : n(e);
3753
+ };
3754
+ return /* @__PURE__ */ l.jsx(Rn, { $theme: i, children: /* @__PURE__ */ l.jsx(
3755
+ _n,
3756
+ {
3757
+ theme: i,
3758
+ label: "Select row",
3759
+ onChange: a,
3760
+ id: `select_row_${e}`,
3761
+ checked: t,
3762
+ disabled: o
3763
+ }
3764
+ ) });
3765
+ }, ya = ({ rowId: e, selectRowById: t, deselectRowById: r, selectable: n, values: o, selectedIds: i, disabled: a, theme: d }) => {
3766
+ const c = i.includes(e);
3767
+ return /* @__PURE__ */ l.jsxs(ua, { $selected: c, $theme: d, children: [
3768
+ n && /* @__PURE__ */ l.jsx(
3769
+ ga,
3770
+ {
3771
+ rowId: e,
3772
+ selectRowById: t,
3773
+ deselectRowById: r,
3774
+ isRowSelected: c,
3775
+ disabled: a,
3776
+ theme: d
3777
+ }
3778
+ ),
3779
+ o.map((f, u) => /* @__PURE__ */ l.jsx(ma, { value: f, theme: d }, `row_${u}`))
3780
+ ] });
3781
+ }, ba = ({
3782
+ selectRowById: e,
3783
+ deselectRowById: t,
3784
+ renderDataItem: r,
3785
+ selectedIds: n,
3786
+ selectable: o,
3787
+ data: i,
3788
+ columns: a,
3789
+ theme: d
3790
+ }) => /* @__PURE__ */ l.jsx(ca, { $theme: d, children: i.map((c) => {
3791
+ const f = pa({ item: c, columns: a, renderDataItem: r });
3792
+ return /* @__PURE__ */ l.jsx(
3793
+ ya,
3794
+ {
3795
+ rowId: c.id,
3796
+ disabled: c == null ? void 0 : c.disabled,
3797
+ selectRowById: e,
3798
+ deselectRowById: t,
3799
+ selectable: o,
3800
+ values: f,
3801
+ selectedIds: n,
3802
+ theme: d
3803
+ },
3804
+ c.id
3805
+ );
3806
+ }) }), va = ({
3807
+ columns: e,
3808
+ selectable: t,
3809
+ theme: r
3810
+ }) => /* @__PURE__ */ l.jsxs("colgroup", { children: [
3811
+ t && /* @__PURE__ */ l.jsx(Gr, { $isFirst: !0, $highlighted: !1, $theme: r }),
3812
+ e.map((n, o) => /* @__PURE__ */ l.jsx(
3813
+ Gr,
3814
+ {
3815
+ $isFirst: o === 0 && !t,
3816
+ $highlighted: !!(n != null && n.highlighted),
3817
+ className: n == null ? void 0 : n.className,
3818
+ $theme: r
3819
+ },
3820
+ n == null ? void 0 : n.title
3821
+ ))
3822
+ ] }), $a = ({
3823
+ title: e,
3824
+ component: t,
3825
+ theme: r
3826
+ }) => /* @__PURE__ */ l.jsx(In, { $theme: r, children: t ?? e ?? "" }), xa = ({ gridId: e, isAllSelected: t, selectAll: r, deselectAll: n, disabled: o, theme: i }) => {
3827
+ const a = (d) => {
3828
+ const { checked: c } = d.target;
3829
+ c ? r() : n();
3830
+ };
3831
+ return /* @__PURE__ */ l.jsx(In, { $theme: i, children: /* @__PURE__ */ l.jsx(
3832
+ _n,
3833
+ {
3834
+ label: "Select all rows",
3835
+ onChange: a,
3836
+ id: `select_all_${e}`,
3837
+ checked: t,
3838
+ disabled: o,
3839
+ theme: i
3840
+ }
3841
+ ) });
3842
+ }, wa = ({
3843
+ columns: e,
3844
+ gridId: t,
3845
+ selectAll: r,
3846
+ deselectAll: n,
3847
+ selectable: o,
3848
+ isAllSelected: i,
3849
+ isAllCheckboxDisabled: a = !1,
3850
+ theme: d
3851
+ }) => /* @__PURE__ */ l.jsx(aa, { $theme: d, children: /* @__PURE__ */ l.jsxs(la, { $theme: d, children: [
3852
+ o && /* @__PURE__ */ l.jsx(
3853
+ xa,
3854
+ {
3855
+ isAllSelected: i,
3856
+ disabled: a,
3857
+ gridId: t,
3858
+ selectAll: r,
3859
+ deselectAll: n,
3860
+ theme: d
3861
+ }
3862
+ ),
3863
+ e.map((c) => /* @__PURE__ */ l.jsx($a, { title: c.title, component: c.component, theme: d }, `${c.title}_${t}`))
3864
+ ] }) }), Sa = ({
3865
+ data: e,
3866
+ id: t,
3867
+ onSelect: r
3868
+ }) => {
3869
+ const { elementId: n } = we(t), [o, i] = F([]), a = e.map((b) => b.id), d = a.length === o.length, c = e.some((b) => b == null ? void 0 : b.disabled), f = (b) => {
3870
+ i(b), r == null || r(b);
3871
+ };
3872
+ return {
3873
+ elementId: n,
3874
+ isAllSelected: d,
3875
+ isAllCheckboxDisabled: c,
3876
+ selectedIds: o,
3877
+ handleSelectAll: () => {
3878
+ f(a);
3879
+ },
3880
+ handleDeselectAll: () => {
3881
+ f([]);
3882
+ },
3883
+ handleSelectRowById: (b) => {
3884
+ const x = [...o, b];
3885
+ f(x);
3886
+ },
3887
+ handleDeselectRowById: (b) => {
3888
+ const x = o.filter((k) => k !== b);
3889
+ f(x);
3890
+ }
3891
+ };
3892
+ }, Na = ({
3893
+ columns: e,
3894
+ data: t,
3895
+ id: r,
3896
+ onSelect: n,
3897
+ renderDataItem: o,
3898
+ caption: i,
3899
+ selectable: a = !1,
3900
+ ...d
3901
+ }) => {
3902
+ const {
3903
+ elementId: c,
3904
+ handleSelectAll: f,
3905
+ handleDeselectAll: u,
3906
+ isAllCheckboxDisabled: h,
3907
+ isAllSelected: g,
3908
+ handleDeselectRowById: m,
3909
+ handleSelectRowById: b,
3910
+ selectedIds: x
3911
+ } = Sa({ id: r, data: t, onSelect: n }), k = te();
3912
+ return /* @__PURE__ */ l.jsxs(sa, { ...d, children: [
3913
+ i && /* @__PURE__ */ l.jsx(da, { $theme: k, children: i }),
3914
+ /* @__PURE__ */ l.jsx(va, { columns: e, selectable: a, theme: k }),
3915
+ /* @__PURE__ */ l.jsx(
3916
+ wa,
3917
+ {
3918
+ gridId: c,
3919
+ columns: e,
3920
+ selectable: a,
3921
+ selectAll: f,
3922
+ deselectAll: u,
3923
+ isAllSelected: g,
3924
+ isAllCheckboxDisabled: h,
3925
+ theme: k
3926
+ }
3927
+ ),
3928
+ /* @__PURE__ */ l.jsx(
3929
+ ba,
3930
+ {
3931
+ columns: e,
3932
+ data: t,
3933
+ selectable: a,
3934
+ selectRowById: b,
3935
+ deselectRowById: m,
3936
+ selectedIds: x,
3937
+ renderDataItem: o,
3938
+ theme: k
3939
+ }
3940
+ )
3941
+ ] });
3942
+ }, ar = ({ children: e }) => {
3943
+ const [t] = F(() => document.createElement("div"));
3944
+ return ue(() => (document.body.appendChild(t), () => {
3945
+ document.body.removeChild(t);
3946
+ }), [t]), oo.createPortal(e, t);
3947
+ }, ka = I.button`
3948
+ background: transparent;
3949
+ position: relative;
3950
+ outline: none;
3951
+ border: none;
3952
+ padding: ${(e) => e.$theme.gapMedium};
3953
+ cursor: pointer;
3954
+ font-size: ${(e) => e.$theme.fontSizeBase};
3955
+ font-family: ${(e) => e.$theme.fontFamilyCore};
3956
+ color: ${(e) => e.$theme.fontColorBase};
3957
+ overflow: hidden;
3958
+ border-top-left-radius: ${(e) => e.$theme.blockBorderRadius};
3959
+ border-top-right-radius: ${(e) => e.$theme.blockBorderRadius};
3960
+
3961
+ &:focus-visible {
3962
+ outline: ${(e) => e.$theme.borderOutline};
3963
+ outline-offset: -4px;
3964
+ }
3965
+
3966
+ &:hover,
3967
+ &:active {
3968
+ text-shadow: ${(e) => e.$theme.textShadow};
3969
+ color: ${(e) => e.$theme.fontColorAccent};
3970
+ }
3971
+
3972
+ ${(e) => e.$disabled && `
3973
+ pointer-events: none;
3974
+ filter: grayscale(80%);
3975
+ opacity: 0.6;
3976
+ `}
3977
+
3978
+ ${(e) => e.$selected && `
3979
+ border-top: ${e.$theme.borderLight};
3980
+ border-right: ${e.$theme.borderLight};
3981
+ border-left: ${e.$theme.borderLight};
3982
+ background-color: ${e.$theme.backgroundColorBase};
3983
+ top: 1px;
3984
+ `}
3985
+
3986
+ ${(e) => e.$mode === "vertical" && `
3987
+ border-bottom-left-radius: ${e.$theme.blockBorderRadius};
3988
+ border-top-right-radius: 0;
3989
+ `}
3990
+
3991
+ ${(e) => e.$mode === "vertical" && e.$selected && `
3992
+ border-top: ${e.$theme.borderLight};
3993
+ border-right: none;
3994
+ border-left: ${e.$theme.borderLight};
3995
+ border-bottom: ${e.$theme.borderLight};
3996
+ top: 0px;
3997
+ left: 1px;
3998
+ `}
3999
+ `, Ca = I.div`
4000
+ background-color: ${(e) => e.$theme.backgroundColorBase};
4001
+ color: ${(e) => e.$theme.fontColorBase};
4002
+ font-size: ${(e) => e.$theme.fontSizeBase};
4003
+ font-family: ${(e) => e.$theme.fontFamilyCore};
4004
+ padding: ${(e) => e.$theme.gapBig};
4005
+ flex-grow: 1;
4006
+ `, ja = I.div`
4007
+ border-bottom: ${(e) => e.$theme.borderLight};
4008
+ padding: 0 ${(e) => e.$theme.gapMedium};
4009
+ display: flex;
4010
+ gap: ${(e) => e.$theme.gapMedium};
4011
+
4012
+ ${(e) => e.$mode === "vertical" && `
4013
+ flex-direction: column;
4014
+ border-bottom: none;
4015
+ border-right: ${e.$theme.borderLight};
4016
+ padding: ${e.$theme.gapMedium} 0;
4017
+ `}
4018
+ `, Ea = I.div`
4019
+ display: flex;
4020
+ flex-direction: column;
4021
+ width: 100%;
4022
+
4023
+ ${({ $mode: e }) => e === "vertical" && `
4024
+ flex-direction: row;
4025
+ `}
4026
+ `, Ia = ({ tabs: e, selectedTabId: t, theme: r }) => {
4027
+ var i;
4028
+ const n = (i = e.find((a) => a.id === t)) == null ? void 0 : i.content, o = `tabpanel_${t}`;
4029
+ return /* @__PURE__ */ l.jsx(Ca, { role: "tabpanel", "aria-labelledby": t, id: o, $theme: r, children: n });
4030
+ }, Ra = ({
4031
+ title: e,
4032
+ onTabSelect: t,
4033
+ tabId: r,
4034
+ isSelected: n,
4035
+ isDisabled: o = !1,
4036
+ tabPanelId: i,
4037
+ mode: a,
4038
+ theme: d
4039
+ }) => /* @__PURE__ */ l.jsx(
4040
+ ka,
4041
+ {
4042
+ role: "tab",
4043
+ id: r,
4044
+ onClick: () => t(r),
4045
+ "aria-selected": n,
4046
+ "aria-controls": i,
4047
+ $selected: n,
4048
+ $disabled: o,
4049
+ $mode: a,
4050
+ $theme: d,
4051
+ children: e
4052
+ }
4053
+ ), _a = ({ tabs: e, onTabSelect: t, selectedTabId: r, tabPanelIds: n, mode: o, tabIds: i, theme: a }) => {
4054
+ const d = (c) => {
4055
+ const f = i.findIndex((u) => u === r);
4056
+ switch (c.key) {
4057
+ case "ArrowLeft":
4058
+ case "ArrowUp": {
4059
+ if (c.preventDefault(), c.key === "ArrowUp" && o === "horizontal" || c.key === "ArrowLeft" && o === "vertical") break;
4060
+ const u = f - 1 >= 0 ? f - 1 : i.length - 1, h = i[u];
4061
+ h && (nt(h), t(h));
4062
+ break;
4063
+ }
4064
+ case "ArrowRight":
4065
+ case "ArrowDown": {
4066
+ if (c.preventDefault(), c.key === "ArrowDown" && o === "horizontal" || c.key === "ArrowRight" && o === "vertical") break;
4067
+ const u = f === i.length - 1 ? 0 : f + 1, h = i[u];
4068
+ h && (nt(h), t(h));
4069
+ break;
4070
+ }
4071
+ }
4072
+ };
4073
+ return /* @__PURE__ */ l.jsx(ja, { role: "tablist", $mode: o, onKeyDown: d, $theme: a, children: e.map(({ id: c, title: f, disabled: u }, h) => /* @__PURE__ */ l.jsx(
4074
+ Ra,
4075
+ {
4076
+ title: f,
4077
+ onTabSelect: t,
4078
+ tabId: c,
4079
+ isSelected: c === r,
4080
+ isDisabled: u,
4081
+ tabPanelId: n[h],
4082
+ mode: o,
4083
+ theme: a
4084
+ },
4085
+ c
4086
+ )) });
4087
+ }, Ha = ({ tabs: e, defaultTabId: t, mode: r = "horizontal", ...n }) => {
4088
+ const o = e.map((h) => h.id), i = o.map((h) => `tabpanel_${h}`), a = t && o.includes(t) ? t : o[0], [d, c] = F(a), f = te(), u = (h) => {
4089
+ c(h);
4090
+ };
4091
+ return /* @__PURE__ */ l.jsxs(Ea, { $mode: r, ...n, children: [
4092
+ /* @__PURE__ */ l.jsx(
4093
+ _a,
4094
+ {
4095
+ tabs: e,
4096
+ selectedTabId: d,
4097
+ tabPanelIds: i,
4098
+ onTabSelect: u,
4099
+ mode: r,
4100
+ tabIds: o,
4101
+ theme: f
4102
+ }
4103
+ ),
4104
+ /* @__PURE__ */ l.jsx(Ia, { tabs: e, selectedTabId: d, theme: f })
4105
+ ] });
4106
+ };
4107
+ export {
4108
+ es as A,
4109
+ vn as B,
4110
+ St as C,
4111
+ st as D,
4112
+ rs as E,
4113
+ ts as F,
4114
+ wt as I,
4115
+ Pa as a,
4116
+ Oa as b,
4117
+ za as c,
4118
+ Da as d,
4119
+ Ma as e,
4120
+ Ba as f,
4121
+ La as g,
4122
+ Qs as h,
4123
+ Fa as i,
4124
+ l as j,
4125
+ Na as k,
4126
+ ar as l,
4127
+ Ha as m,
4128
+ _e as n,
4129
+ Ji as o,
4130
+ yn as p,
4131
+ rt as q,
4132
+ Ve as r,
4133
+ Q as s,
4134
+ $e as t,
4135
+ _ as u,
4136
+ te as v,
4137
+ nr as w,
4138
+ Qi as x,
4139
+ we as y,
4140
+ _t as z
4141
+ };
4142
+ //# sourceMappingURL=index-DdkNFaB4.js.map