beth-clarity 1.0.5 → 1.0.7

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 (4) hide show
  1. package/dist/clarity-design-system.es.js +644 -36
  2. package/dist/clarity-design-system.umd.js +2 -2
  3. package/dist/styles/index.css +1 -1
  4. package/package.json +3 -1
package/dist/clarity-design-system.es.js CHANGED
@@ -1,35 +1,638 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- const i = ({
3
- variant: s = "primary",
4
- size: o = "medium",
5
- disabled: f = !1,
6
- loading: a = !1,
7
- children: t,
8
- onClick: c,
9
- type: r = "button",
10
- className: l = "",
11
- ...d
1
+ import { jsxs as u, jsx as t } from "react/jsx-runtime";
2
+ import P, { useState as R, useRef as B, useEffect as W, forwardRef as ne, isValidElement as ee, createContext as oe, cloneElement as Z, useContext as de } from "react";
3
+ const _e = ({
4
+ variant: a = "primary",
5
+ product: l,
6
+ tone: s,
7
+ hoverTone: m,
8
+ size: c = "medium",
9
+ disabled: r = !1,
10
+ loading: o = !1,
11
+ children: f,
12
+ onClick: y,
13
+ type: N = "button",
14
+ className: w = "",
15
+ ...x
12
16
  }) => {
13
- const e = "clarity-button", p = [
14
- e,
15
- `${e}--${s}`,
16
- `${e}--${o}`,
17
- a && `${e}--loading`,
18
- f && `${e}--disabled`,
19
- l
20
- ].filter(Boolean).join(" ");
21
- return /* @__PURE__ */ n(
17
+ const i = "clarity-button", n = l && s, b = n ? `${i}--custom` : `${i}--${a}`, j = [
18
+ i,
19
+ b,
20
+ `${i}--${c}`,
21
+ o && `${i}--loading`,
22
+ r && `${i}--disabled`,
23
+ w
24
+ ].filter(Boolean).join(" "), k = (h) => {
25
+ const _ = parseInt(h);
26
+ return _ >= 800 ? "900" : _ >= 700 ? "800" : _ >= 600 ? "700" : _ >= 500 ? "600" : _ >= 400 ? "500" : _ >= 300 ? "400" : _ >= 200 ? "300" : "200";
27
+ }, d = n ? {
28
+ "--custom-bg-color": `var(--clarity-${l}-${s})`,
29
+ "--custom-hover-color": `var(--clarity-${l}-${m || k(s)})`
30
+ } : {};
31
+ return /* @__PURE__ */ u(
22
32
  "button",
23
33
  {
24
- className: p,
25
- disabled: f || a,
26
- onClick: c,
27
- type: r,
28
- ...d,
29
- children: a ? /* @__PURE__ */ n("span", { className: `${e}__spinner`, children: "⟳" }) : t
34
+ className: j,
35
+ style: d,
36
+ disabled: r || o,
37
+ onClick: y,
38
+ type: N,
39
+ ...x,
40
+ children: [
41
+ o && /* @__PURE__ */ t("div", { className: `${i}__spinner` }),
42
+ f
43
+ ]
30
44
  }
31
45
  );
32
- }, b = {
46
+ }, ue = P.forwardRef(({
47
+ variant: a,
48
+ size: l = "medium",
49
+ label: s,
50
+ helperText: m,
51
+ error: c = !1,
52
+ errorMessage: r,
53
+ startIcon: o,
54
+ endIcon: f,
55
+ className: y = "",
56
+ disabled: N = !1,
57
+ value: w,
58
+ defaultValue: x,
59
+ onFocus: i,
60
+ onBlur: n,
61
+ ...b
62
+ }, j) => {
63
+ const [k, d] = R(!1), [h, _] = R(!1), g = B(null);
64
+ P.useImperativeHandle(j, () => g.current), W(() => {
65
+ const p = g.current;
66
+ p && _(p.value.length > 0);
67
+ }, [w, x]);
68
+ const v = (p) => {
69
+ d(!0), i == null || i(p);
70
+ }, M = (p) => {
71
+ d(!1), _(p.target.value.length > 0), n == null || n(p);
72
+ }, O = [
73
+ "clarity-input",
74
+ "clarity-input--outlined",
75
+ `clarity-input--${l}`,
76
+ a && `clarity-input--${a}`,
77
+ c && "clarity-input--error",
78
+ N && "clarity-input--disabled",
79
+ (k || h) && "clarity-input--focused",
80
+ o && "clarity-input--with-start-icon",
81
+ f && "clarity-input--with-end-icon",
82
+ y
83
+ ].filter(Boolean).join(" ");
84
+ return /* @__PURE__ */ u("div", { className: "clarity-input-wrapper", children: [
85
+ /* @__PURE__ */ u("div", { className: O, children: [
86
+ o && /* @__PURE__ */ t("div", { className: "clarity-input__start-icon", children: o }),
87
+ /* @__PURE__ */ u("div", { className: "clarity-input__field", children: [
88
+ /* @__PURE__ */ t(
89
+ "input",
90
+ {
91
+ ref: g,
92
+ className: "clarity-input__element",
93
+ disabled: N,
94
+ value: w,
95
+ defaultValue: x,
96
+ onFocus: v,
97
+ onBlur: M,
98
+ ...b
99
+ }
100
+ ),
101
+ s && /* @__PURE__ */ t("label", { className: "clarity-input__label", children: s })
102
+ ] }),
103
+ f && /* @__PURE__ */ t("div", { className: "clarity-input__end-icon", children: f })
104
+ ] }),
105
+ (m || c && r) && /* @__PURE__ */ t("div", { className: "clarity-input__helper-text", children: c && r ? r : m })
106
+ ] });
107
+ });
108
+ ue.displayName = "Input";
109
+ const me = P.forwardRef(({
110
+ variant: a,
111
+ size: l = "medium",
112
+ label: s,
113
+ helperText: m,
114
+ error: c = !1,
115
+ errorMessage: r,
116
+ startIcon: o,
117
+ endIcon: f,
118
+ className: y = "",
119
+ disabled: N = !1,
120
+ value: w,
121
+ defaultValue: x,
122
+ onFocus: i,
123
+ onBlur: n,
124
+ rows: b = 3,
125
+ minHeight: j,
126
+ maxHeight: k,
127
+ resizable: d = !0,
128
+ ...h
129
+ }, _) => {
130
+ const [g, v] = R(!1), [M, O] = R(!1), p = B(null);
131
+ P.useImperativeHandle(_, () => p.current), W(() => {
132
+ const L = p.current;
133
+ L && O(L.value.length > 0);
134
+ }, [w, x]);
135
+ const E = (L) => {
136
+ v(!0), i == null || i(L);
137
+ }, S = (L) => {
138
+ v(!1), O(L.target.value.length > 0), n == null || n(L);
139
+ }, T = [
140
+ "clarity-textarea",
141
+ "clarity-textarea--outlined",
142
+ `clarity-textarea--${l}`,
143
+ a && `clarity-textarea--${a}`,
144
+ c && "clarity-textarea--error",
145
+ N && "clarity-textarea--disabled",
146
+ (g || M) && "clarity-textarea--focused",
147
+ o && "clarity-textarea--with-start-icon",
148
+ f && "clarity-textarea--with-end-icon",
149
+ y
150
+ ].filter(Boolean).join(" "), D = {
151
+ resize: d ? "vertical" : "none",
152
+ minHeight: j ? `${j}px` : void 0,
153
+ maxHeight: k ? `${k}px` : void 0
154
+ };
155
+ return /* @__PURE__ */ u("div", { className: "clarity-textarea-wrapper", children: [
156
+ /* @__PURE__ */ u("div", { className: T, children: [
157
+ o && /* @__PURE__ */ t("div", { className: "clarity-textarea__start-icon", children: o }),
158
+ /* @__PURE__ */ u("div", { className: "clarity-textarea__field", children: [
159
+ /* @__PURE__ */ t(
160
+ "textarea",
161
+ {
162
+ ref: p,
163
+ className: "clarity-textarea__element",
164
+ disabled: N,
165
+ value: w,
166
+ defaultValue: x,
167
+ onFocus: E,
168
+ onBlur: S,
169
+ rows: b,
170
+ style: D,
171
+ ...h
172
+ }
173
+ ),
174
+ s && /* @__PURE__ */ t("label", { className: "clarity-textarea__label", children: s })
175
+ ] }),
176
+ f && /* @__PURE__ */ t("div", { className: "clarity-textarea__end-icon", children: f })
177
+ ] }),
178
+ (m || c && r) && /* @__PURE__ */ t("div", { className: "clarity-textarea__helper-text", children: c && r ? r : m })
179
+ ] });
180
+ });
181
+ me.displayName = "Textarea";
182
+ const fe = P.forwardRef(({
183
+ variant: a,
184
+ size: l = "medium",
185
+ label: s,
186
+ helperText: m,
187
+ error: c = !1,
188
+ errorMessage: r,
189
+ startIcon: o,
190
+ endIcon: f,
191
+ className: y = "",
192
+ disabled: N = !1,
193
+ value: w,
194
+ defaultValue: x,
195
+ onFocus: i,
196
+ onBlur: n,
197
+ onChange: b,
198
+ options: j,
199
+ placeholder: k = "Selecione uma opção",
200
+ isClearable: d = !1,
201
+ isSearchable: h = !1,
202
+ ..._
203
+ }, g) => {
204
+ const [v, M] = R(!1), [O, p] = R(!1), [E, S] = R(w || x || ""), [T, D] = R(""), L = B(null), A = B(null);
205
+ P.useImperativeHandle(g, () => L.current), W(() => {
206
+ w !== void 0 && S(w);
207
+ }, [w]), W(() => {
208
+ const e = (C) => {
209
+ L.current && !L.current.contains(C.target) && (M(!1), p(!1), n == null || n());
210
+ };
211
+ return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
212
+ }, [n]);
213
+ const V = h && T ? j.filter(
214
+ (e) => e.label.toLowerCase().includes(T.toLowerCase())
215
+ ) : j, z = () => {
216
+ N || (M(!v), p(!v), v ? (n == null || n(), h && D("")) : (i == null || i(), h && setTimeout(() => {
217
+ var e;
218
+ (e = A.current) == null || e.focus();
219
+ }, 0)));
220
+ }, q = (e) => {
221
+ e.disabled || (S(e.value), M(!1), p(!1), D(""), b == null || b(e.value), n == null || n());
222
+ }, G = (e) => {
223
+ D(e.target.value);
224
+ }, J = (e) => {
225
+ e.key === "Escape" ? (M(!1), p(!1), D("")) : e.key === "Enter" && V.length > 0 && V[0] && q(V[0]);
226
+ }, I = j.find((e) => e.value === E), F = E !== "" && E !== void 0, Q = (e) => {
227
+ e.stopPropagation(), S(""), b == null || b("");
228
+ }, X = F || O || k || h && T, Y = [
229
+ "clarity-select",
230
+ "clarity-select--outlined",
231
+ `clarity-select--${l}`,
232
+ a && `clarity-select--${a}`,
233
+ c && "clarity-select--error",
234
+ N && "clarity-select--disabled",
235
+ (O || v) && "clarity-select--focused",
236
+ X && "clarity-select--label-up",
237
+ v && "clarity-select--open",
238
+ h && "clarity-select--searchable",
239
+ o && "clarity-select--with-start-icon",
240
+ (f || d) && "clarity-select--with-end-icon",
241
+ y
242
+ ].filter(Boolean).join(" ");
243
+ return /* @__PURE__ */ u("div", { className: "clarity-select-wrapper", children: [
244
+ /* @__PURE__ */ u(
245
+ "div",
246
+ {
247
+ ref: L,
248
+ className: Y,
249
+ onClick: h ? void 0 : z,
250
+ role: "combobox",
251
+ "aria-expanded": v,
252
+ "aria-haspopup": "listbox",
253
+ tabIndex: N || h ? -1 : 0,
254
+ ..._,
255
+ children: [
256
+ o && /* @__PURE__ */ t("div", { className: "clarity-select__start-icon", children: o }),
257
+ /* @__PURE__ */ u("div", { className: "clarity-select__field", children: [
258
+ h ? /* @__PURE__ */ t(
259
+ "input",
260
+ {
261
+ ref: A,
262
+ type: "text",
263
+ className: "clarity-select__search-input",
264
+ value: v ? T : I ? I.label : "",
265
+ onChange: G,
266
+ onKeyDown: J,
267
+ onFocus: () => {
268
+ v || (M(!0), p(!0), i == null || i());
269
+ },
270
+ placeholder: I ? I.label : k,
271
+ disabled: N,
272
+ readOnly: !v
273
+ }
274
+ ) : /* @__PURE__ */ t("div", { className: "clarity-select__display", children: I ? I.label : k }),
275
+ s && /* @__PURE__ */ t("label", { className: "clarity-select__label", children: s })
276
+ ] }),
277
+ d && F && /* @__PURE__ */ t(
278
+ "button",
279
+ {
280
+ type: "button",
281
+ className: "clarity-select__clear-button",
282
+ onClick: Q,
283
+ "aria-label": "Limpar seleção",
284
+ children: /* @__PURE__ */ t(
285
+ "svg",
286
+ {
287
+ width: "16",
288
+ height: "16",
289
+ viewBox: "0 0 16 16",
290
+ fill: "none",
291
+ children: /* @__PURE__ */ t(
292
+ "path",
293
+ {
294
+ d: "M12 4L4 12M4 4L12 12",
295
+ stroke: "currentColor",
296
+ strokeWidth: "1.5",
297
+ strokeLinecap: "round",
298
+ strokeLinejoin: "round"
299
+ }
300
+ )
301
+ }
302
+ )
303
+ }
304
+ ),
305
+ /* @__PURE__ */ t(
306
+ "div",
307
+ {
308
+ className: "clarity-select__end-icon",
309
+ onClick: h ? z : void 0,
310
+ children: f || /* @__PURE__ */ t(
311
+ "svg",
312
+ {
313
+ className: "clarity-select__arrow",
314
+ width: "16",
315
+ height: "16",
316
+ viewBox: "0 0 16 16",
317
+ fill: "none",
318
+ children: /* @__PURE__ */ t(
319
+ "path",
320
+ {
321
+ d: "M4 6L8 10L12 6",
322
+ stroke: "currentColor",
323
+ strokeWidth: "1.5",
324
+ strokeLinecap: "round",
325
+ strokeLinejoin: "round"
326
+ }
327
+ )
328
+ }
329
+ )
330
+ }
331
+ ),
332
+ v && /* @__PURE__ */ t("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ t("ul", { className: "clarity-select__options", role: "listbox", children: V.length > 0 ? V.map((e) => /* @__PURE__ */ t(
333
+ "li",
334
+ {
335
+ className: [
336
+ "clarity-select__option",
337
+ e.disabled && "clarity-select__option--disabled",
338
+ E === e.value && "clarity-select__option--selected"
339
+ ].filter(Boolean).join(" "),
340
+ onClick: () => q(e),
341
+ role: "option",
342
+ "aria-selected": E === e.value,
343
+ children: e.label
344
+ },
345
+ e.value
346
+ )) : /* @__PURE__ */ t("li", { className: "clarity-select__option clarity-select__option--no-results", children: "Nenhum resultado encontrado" }) }) })
347
+ ]
348
+ }
349
+ ),
350
+ (m || c && r) && /* @__PURE__ */ t("div", { className: "clarity-select__helper-text", children: c && r ? r : m })
351
+ ] });
352
+ });
353
+ fe.displayName = "Select";
354
+ const ye = ne(({
355
+ options: a = [],
356
+ value: l = [],
357
+ onChange: s,
358
+ placeholder: m = "Selecione opções",
359
+ label: c,
360
+ helperText: r,
361
+ error: o = !1,
362
+ errorMessage: f,
363
+ disabled: y = !1,
364
+ variant: N = "primary",
365
+ size: w = "medium",
366
+ maxSelectedLabels: x = 3,
367
+ selectionLimit: i,
368
+ className: n = "",
369
+ id: b,
370
+ name: j,
371
+ required: k = !1,
372
+ "data-testid": d,
373
+ ...h
374
+ }, _) => {
375
+ const [g, v] = R(!1), [M, O] = R(""), [p, E] = R(!1), S = B(null), T = B(null), D = B(null), L = (e) => {
376
+ S.current = e, _ && (typeof _ == "function" ? _(e) : _.current = e);
377
+ };
378
+ W(() => {
379
+ const e = (C) => {
380
+ S.current && !S.current.contains(C.target) && (v(!1), E(!1), O(""));
381
+ };
382
+ return document.addEventListener("click", e), () => document.removeEventListener("click", e);
383
+ }, []);
384
+ const A = a.filter(
385
+ (e) => e.label.toLowerCase().includes(M.toLowerCase())
386
+ ), V = () => {
387
+ y || (v(!g), E(!g), g ? O("") : setTimeout(() => {
388
+ var e;
389
+ (e = T.current) == null || e.focus();
390
+ }, 100));
391
+ }, z = (e, C) => {
392
+ if (y)
393
+ return;
394
+ C && (C.stopPropagation(), C.preventDefault());
395
+ const H = l.includes(e);
396
+ let $;
397
+ H ? $ = l.filter((U) => U !== e) : $ = [...l, e], s && s($);
398
+ }, q = (e, C) => {
399
+ if (C.stopPropagation(), y) return;
400
+ const H = l.filter(($) => $ !== e);
401
+ s == null || s(H);
402
+ }, G = (e) => {
403
+ e.stopPropagation(), !y && (s == null || s([]));
404
+ }, J = (e) => {
405
+ O(e.target.value);
406
+ }, I = (e) => {
407
+ e.key === "Escape" && (v(!1), E(!1), O(""));
408
+ }, F = p || g || l.length > 0, Q = () => {
409
+ if (l.length === 0) return null;
410
+ const e = l.map(
411
+ ($) => a.find((U) => U.value === $)
412
+ ).filter(Boolean), C = e.slice(0, x), H = e.length - x;
413
+ return /* @__PURE__ */ u("div", { className: "clarity-multiselect__chips", children: [
414
+ C.map(($) => /* @__PURE__ */ u("div", { className: "clarity-multiselect__chip", children: [
415
+ /* @__PURE__ */ t("span", { className: "clarity-multiselect__chip-label", children: $.label }),
416
+ !y && /* @__PURE__ */ t(
417
+ "button",
418
+ {
419
+ type: "button",
420
+ className: "clarity-multiselect__chip-remove",
421
+ onClick: (U) => q($.value, U),
422
+ "aria-label": `Remover ${$.label}`,
423
+ children: "×"
424
+ }
425
+ )
426
+ ] }, $.value)),
427
+ H > 0 && /* @__PURE__ */ u("div", { className: "clarity-multiselect__chip clarity-multiselect__chip--count", children: [
428
+ "+",
429
+ H,
430
+ " mais"
431
+ ] })
432
+ ] });
433
+ }, X = [
434
+ "clarity-multiselect-wrapper",
435
+ n
436
+ ].filter(Boolean).join(" "), Y = [
437
+ "clarity-multiselect",
438
+ `clarity-multiselect--${N}`,
439
+ `clarity-multiselect--${w}`,
440
+ g && "clarity-multiselect--open",
441
+ p && "clarity-multiselect--focused",
442
+ F && "clarity-multiselect--label-up",
443
+ o && "clarity-multiselect--error",
444
+ y && "clarity-multiselect--disabled",
445
+ l.length > 0 && "clarity-multiselect--has-value"
446
+ ].filter(Boolean).join(" ");
447
+ return /* @__PURE__ */ u("div", { className: X, children: [
448
+ /* @__PURE__ */ u(
449
+ "div",
450
+ {
451
+ ref: L,
452
+ className: Y,
453
+ "data-testid": d,
454
+ ...h,
455
+ children: [
456
+ /* @__PURE__ */ u(
457
+ "div",
458
+ {
459
+ className: "clarity-multiselect__field",
460
+ onClick: V,
461
+ children: [
462
+ c && /* @__PURE__ */ u("label", { className: "clarity-multiselect__label", children: [
463
+ c,
464
+ k && /* @__PURE__ */ t("span", { className: "clarity-multiselect__required", children: "*" })
465
+ ] }),
466
+ /* @__PURE__ */ t("div", { className: "clarity-multiselect__content", children: l.length > 0 ? Q() : /* @__PURE__ */ t("span", { className: "clarity-multiselect__placeholder", children: m }) }),
467
+ /* @__PURE__ */ u("div", { className: "clarity-multiselect__icons", children: [
468
+ l.length > 0 && !y && /* @__PURE__ */ t(
469
+ "button",
470
+ {
471
+ type: "button",
472
+ className: "clarity-multiselect__clear-button",
473
+ onClick: G,
474
+ "aria-label": "Limpar seleção",
475
+ children: "×"
476
+ }
477
+ ),
478
+ /* @__PURE__ */ t("div", { className: "clarity-multiselect__dropdown-icon", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
479
+ "path",
480
+ {
481
+ d: "M4 6L8 10L12 6",
482
+ stroke: "currentColor",
483
+ strokeWidth: "1.5",
484
+ strokeLinecap: "round",
485
+ strokeLinejoin: "round"
486
+ }
487
+ ) }) })
488
+ ] })
489
+ ]
490
+ }
491
+ ),
492
+ g && /* @__PURE__ */ u("div", { ref: D, className: "clarity-multiselect__dropdown", children: [
493
+ /* @__PURE__ */ t("div", { className: "clarity-multiselect__search", children: /* @__PURE__ */ t(
494
+ "input",
495
+ {
496
+ ref: T,
497
+ type: "text",
498
+ className: "clarity-multiselect__search-input",
499
+ placeholder: "Buscar opções...",
500
+ value: M,
501
+ onChange: J,
502
+ onKeyDown: I
503
+ }
504
+ ) }),
505
+ /* @__PURE__ */ t("ul", { className: "clarity-multiselect__options", children: A.length > 0 ? A.map((e) => {
506
+ const C = l.includes(e.value), H = e.disabled || y;
507
+ return /* @__PURE__ */ u(
508
+ "li",
509
+ {
510
+ className: [
511
+ "clarity-multiselect__option",
512
+ C && "clarity-multiselect__option--selected",
513
+ H && "clarity-multiselect__option--disabled"
514
+ ].filter(Boolean).join(" "),
515
+ onClick: ($) => !H && z(e.value, $),
516
+ children: [
517
+ /* @__PURE__ */ t("div", { className: "clarity-multiselect__option-checkbox", children: /* @__PURE__ */ t("div", { className: [
518
+ "clarity-multiselect__checkbox",
519
+ C && "clarity-multiselect__checkbox--checked"
520
+ ].filter(Boolean).join(" "), children: C && /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
521
+ "path",
522
+ {
523
+ d: "M2 6L5 9L10 3",
524
+ stroke: "currentColor",
525
+ strokeWidth: "2",
526
+ strokeLinecap: "round",
527
+ strokeLinejoin: "round"
528
+ }
529
+ ) }) }) }),
530
+ /* @__PURE__ */ t("span", { className: "clarity-multiselect__option-label", children: e.label })
531
+ ]
532
+ },
533
+ e.value
534
+ );
535
+ }) : /* @__PURE__ */ t("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })
536
+ ] })
537
+ ]
538
+ }
539
+ ),
540
+ (r || o && f) && /* @__PURE__ */ t("div", { className: "clarity-multiselect__helper", children: o && f ? /* @__PURE__ */ t("span", { className: "clarity-multiselect__error-message", children: f }) : r && /* @__PURE__ */ t("span", { className: "clarity-multiselect__helper-text", children: r }) })
541
+ ] });
542
+ });
543
+ ye.displayName = "MultiSelect";
544
+ const te = oe(null), le = () => {
545
+ const a = de(te);
546
+ if (!a)
547
+ throw new Error("useModal must be used within a Modal provider");
548
+ return a;
549
+ }, ae = ({
550
+ children: a,
551
+ className: l = "",
552
+ title: s
553
+ }) => {
554
+ const { onClose: m, variant: c, showCloseButton: r } = le(), o = [
555
+ "clarity-modal-header",
556
+ l,
557
+ c && `clarity-modal-header--${c}`
558
+ ].filter(Boolean).join(" "), f = [
559
+ "clarity-modal-close",
560
+ c && `clarity-modal-close--${c}`
561
+ ].filter(Boolean).join(" ");
562
+ return /* @__PURE__ */ u("div", { className: o, children: [
563
+ s && /* @__PURE__ */ t("h2", { className: "clarity-modal-title", children: s }),
564
+ a,
565
+ r && /* @__PURE__ */ t("button", { className: f, onClick: (y) => {
566
+ y.stopPropagation(), m();
567
+ }, children: "×" })
568
+ ] });
569
+ };
570
+ ae.displayName = "ModalHeader";
571
+ const se = ({ children: a, className: l = "" }) => /* @__PURE__ */ t("div", { className: `clarity-modal-content ${l}`, children: a });
572
+ se.displayName = "ModalContent";
573
+ const ce = ({ children: a, className: l = "" }) => /* @__PURE__ */ u("div", { className: `clarity-modal-footer ${l}`, children: [
574
+ /* @__PURE__ */ t("div", { className: "clarity-modal-scroll-indicator" }),
575
+ a
576
+ ] });
577
+ ce.displayName = "ModalFooter";
578
+ const ie = ({ children: a, onClick: l, variant: s }) => Z(a, {
579
+ onClick: (m) => {
580
+ var c, r;
581
+ l == null || l(), (r = (c = a.props).onClick) == null || r.call(c, m);
582
+ },
583
+ variant: s
584
+ });
585
+ ie.displayName = "ModalTrigger";
586
+ const re = ({ children: a }) => {
587
+ const { onClose: l } = le();
588
+ return Z(a, {
589
+ onClick: (s) => {
590
+ var m, c;
591
+ l(), (c = (m = a.props).onClick) == null || c.call(m, s);
592
+ }
593
+ });
594
+ };
595
+ re.displayName = "ModalClose";
596
+ const K = ({
597
+ isOpen: a,
598
+ onClose: l,
599
+ children: s,
600
+ className: m = "",
601
+ variant: c,
602
+ size: r = "medium",
603
+ showCloseButton: o = !0,
604
+ closeOnOverlayClick: f = !0
605
+ }) => {
606
+ const [y, N] = R(!1), x = a !== void 0 ? a : y, i = l || (() => {
607
+ N(!1);
608
+ });
609
+ W(() => {
610
+ const d = (h) => {
611
+ h.key === "Escape" && i();
612
+ };
613
+ return x ? (document.addEventListener("keydown", d), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
614
+ document.removeEventListener("keydown", d), document.body.style.overflow = "unset";
615
+ };
616
+ }, [x, i]);
617
+ const n = (d) => {
618
+ f && d.target === d.currentTarget && i();
619
+ }, b = P.Children.toArray(s).find(
620
+ (d) => ee(d) && d.type.displayName === "ModalTrigger"
621
+ ), j = P.Children.toArray(s).filter(
622
+ (d) => ee(d) && d.type.displayName !== "ModalTrigger"
623
+ ), k = ["clarity-modal", m, `clarity-modal--${r}`].filter(Boolean).join(" ");
624
+ return /* @__PURE__ */ u(te.Provider, { value: { onClose: i, variant: c, showCloseButton: o }, children: [
625
+ b && Z(b, { onClick: () => N(!0), variant: c }),
626
+ x && /* @__PURE__ */ t("div", { className: "clarity-modal-overlay", onClick: n, children: /* @__PURE__ */ t("div", { className: k, children: j }) })
627
+ ] });
628
+ };
629
+ K.Header = ae;
630
+ K.Content = se;
631
+ K.Footer = ce;
632
+ K.Trigger = ie;
633
+ K.Close = re;
634
+ K.displayName = "Modal";
635
+ const ve = {
33
636
  primary: {
34
637
  50: "#f0f9ff",
35
638
  100: "#e0f2fe",
@@ -78,7 +681,7 @@ const i = ({
78
681
  800: "#065f46",
79
682
  900: "#064e3b"
80
683
  }
81
- }, m = {
684
+ }, Ne = {
82
685
  xs: "4px",
83
686
  sm: "8px",
84
687
  md: "16px",
@@ -86,7 +689,7 @@ const i = ({
86
689
  xl: "32px",
87
690
  "2xl": "48px",
88
691
  "3xl": "64px"
89
- }, u = {
692
+ }, xe = {
90
693
  fontFamily: {
91
694
  sans: ["Inter", "system-ui", "sans-serif"],
92
695
  mono: ["Fira Code", "monospace"]
@@ -106,12 +709,17 @@ const i = ({
106
709
  semibold: 600,
107
710
  bold: 700
108
711
  }
109
- }, y = (...s) => s.filter(Boolean).join(" "), g = () => Math.random().toString(36).substr(2, 9);
712
+ }, be = (...a) => a.filter(Boolean).join(" "), we = () => Math.random().toString(36).substr(2, 9);
110
713
  export {
111
- i as Button,
112
- y as cn,
113
- b as colors,
114
- g as generateId,
115
- m as spacing,
116
- u as typography
714
+ _e as Button,
715
+ ue as Input,
716
+ K as Modal,
717
+ ye as MultiSelect,
718
+ fe as Select,
719
+ me as Textarea,
720
+ be as cn,
721
+ ve as colors,
722
+ we as generateId,
723
+ Ne as spacing,
724
+ xe as typography
117
725
  };
package/dist/clarity-design-system.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.ClarityDesignSystem={},e.React))})(this,(function(e,t){"use strict";var n=document.createElement("style");n.textContent=`:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.clarity-design-system h1{font-size:3.2em;line-height:1.1}.elisa-design-system{max-width:1200px;margin:0 auto;padding:2rem}.elisa-design-system h1{text-align:center;margin-bottom:2rem;color:#213547}:root{--clarity-primary-500: #0ea5e9;--clarity-primary-600: #0284c7;--clarity-secondary-500: #64748b;--clarity-secondary-600: #475569;--clarity-danger-500: #ef4444;--clarity-danger-600: #dc2626;--clarity-success-500: #10b981;--clarity-success-600: #059669;--clarity-spacing-xs: 4px;--clarity-spacing-sm: 8px;--clarity-spacing-md: 16px;--clarity-spacing-lg: 24px;--clarity-spacing-xl: 32px;--clarity-font-family-sans: "Inter", system-ui, sans-serif;--clarity-font-size-base: 16px}*{box-sizing:border-box}.clarity-design-system{font-family:var(--clarity-font-family-sans);font-size:var(--clarity-font-size-base);line-height:1.5}.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.5}.clarity-button--small{padding:4px 8px;font-size:12px;border-radius:4px}.clarity-button--medium{padding:8px 16px;font-size:14px}.clarity-button--large{padding:12px 24px;font-size:16px;border-radius:8px}.clarity-button--primary{background-color:var(--clarity-primary-500);color:#fff}.clarity-button--primary:hover:not(:disabled){background-color:var(--clarity-primary-600)}.clarity-button--secondary{background-color:var(--clarity-secondary-500);color:#fff}.clarity-button--secondary:hover:not(:disabled){background-color:var(--clarity-secondary-600)}.clarity-button--danger{background-color:var(--clarity-danger-500);color:#fff}.clarity-button--danger:hover:not(:disabled){background-color:var(--clarity-danger-600)}.clarity-button--success{background-color:var(--clarity-success-500);color:#fff}.clarity-button--success:hover:not(:disabled){background-color:var(--clarity-success-600)}.clarity-button--disabled{opacity:.5;cursor:not-allowed}.clarity-button--loading{cursor:wait}.clarity-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
2
- /*$vite$:1*/`,document.head.appendChild(n);const s=({variant:a="primary",size:p="medium",disabled:o=!1,loading:i=!1,children:m,onClick:b,type:u="button",className:g="",...x})=>{const r="clarity-button",h=[r,`${r}--${a}`,`${r}--${p}`,i&&`${r}--loading`,o&&`${r}--disabled`,g].filter(Boolean).join(" ");return t.jsx("button",{className:h,disabled:o||i,onClick:b,type:u,...x,children:i?t.jsx("span",{className:`${r}__spinner`,children:"⟳"}):m})},c={primary:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},danger:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},success:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"}},l={xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px","2xl":"48px","3xl":"64px"},d={fontFamily:{sans:["Inter","system-ui","sans-serif"],mono:["Fira Code","monospace"]},fontSize:{xs:"12px",sm:"14px",base:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px"},fontWeight:{normal:400,medium:500,semibold:600,bold:700}},f=(...a)=>a.filter(Boolean).join(" "),y=()=>Math.random().toString(36).substr(2,9);e.Button=s,e.cn=f,e.colors=c,e.generateId=y,e.spacing=l,e.typography=d,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(h,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],a):(h=typeof globalThis<"u"?globalThis:h||self,a(h.ClarityDesignSystem={},h.React,h.React))})(this,(function(h,a,e){"use strict";var Q=document.createElement("style");Q.textContent=`:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.clarity-design-system h1{font-size:3.2em;line-height:1.1}.elisa-design-system{max-width:1200px;margin:0 auto;padding:2rem}.elisa-design-system h1{text-align:center;margin-bottom:2rem;color:#213547}:root{--clarity-elisa-100: #E8F4F3;--clarity-elisa-200: #B8DDD9;--clarity-elisa-300: #88C6BF;--clarity-elisa-400: #5FAFA5;--clarity-elisa-500: #3D9B8B;--clarity-elisa-600: #3D7574;--clarity-elisa-700: #2F5E5D;--clarity-elisa-800: #214746;--clarity-elisa-900: #133130;--clarity-elisa-primary: #3D7574;--clarity-elisa-secondary: #ADB5BD;--clarity-duda-100: #E0F9F8;--clarity-duda-200: #B3F0ED;--clarity-duda-300: #80E6E1;--clarity-duda-400: #4DDCD5;--clarity-duda-500: #26D0C9;--clarity-duda-600: #1AB5AE;--clarity-duda-700: #159A93;--clarity-duda-800: #107F78;--clarity-duda-900: #0B645D;--clarity-duda-primary: #1AB5AE;--clarity-duda-secondary: #ADB5BD;--clarity-dora-100: #E3F2FF;--clarity-dora-200: #B8DDFF;--clarity-dora-300: #8CC8FF;--clarity-dora-400: #61B3FF;--clarity-dora-500: #359EFF;--clarity-dora-600: #207FE2;--clarity-dora-700: #1A64B5;--clarity-dora-800: #144988;--clarity-dora-900: #0E2E5B;--clarity-dora-primary: #207FE2;--clarity-dora-secondary: #ADB5BD;--clarity-selena-100: #F3E8FF;--clarity-selena-200: #E1C7FF;--clarity-selena-300: #CFA6FF;--clarity-selena-400: #BD85FF;--clarity-selena-500: #AB64FF;--clarity-selena-600: #9943FF;--clarity-selena-700: #7A35CC;--clarity-selena-800: #5B2799;--clarity-selena-900: #3C1966;--clarity-selena-primary: #9943FF;--clarity-selena-secondary: #ADB5BD;--clarity-hub-100: #E8F9F6;--clarity-hub-200: #C2F0E6;--clarity-hub-300: #9CE7D6;--clarity-hub-400: #76DEC6;--clarity-hub-500: #50D5B6;--clarity-hub-600: #3BB89F;--clarity-hub-700: #2F9680;--clarity-hub-800: #237461;--clarity-hub-900: #175242;--clarity-hub-primary: #3BB89F;--clarity-hub-secondary: #ADB5BD;--clarity-gray-100: #F8F9FA;--clarity-gray-200: #E9ECEF;--clarity-gray-300: #DEE2E6;--clarity-gray-400: #CED4DA;--clarity-gray-500: #ADB5BD;--clarity-gray-600: #6C757D;--clarity-gray-700: #495057;--clarity-gray-800: #343A40;--clarity-gray-900: #212529;--clarity-gray-primary: #6C757D;--clarity-gray-secondary: #ADB5BD;--clarity-primary-500: #0ea5e9;--clarity-primary-600: #0284c7;--clarity-secondary-500: #64748b;--clarity-secondary-600: #475569;--clarity-danger-500: #ef4444;--clarity-danger-600: #dc2626;--clarity-success-500: #10b981;--clarity-success-600: #059669;--clarity-spacing-xs: 4px;--clarity-spacing-sm: 8px;--clarity-spacing-md: 16px;--clarity-spacing-lg: 24px;--clarity-spacing-xl: 32px;--clarity-font-family-sans: "Inter", system-ui, sans-serif;--clarity-font-size-base: 16px}*{box-sizing:border-box}.clarity-design-system{font-family:var(--clarity-font-family-sans);font-size:var(--clarity-font-size-base);line-height:1.5}.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.5}.clarity-button--small{padding:4px 8px;font-size:12px;border-radius:4px}.clarity-button--medium{padding:8px 16px;font-size:14px}.clarity-button--large{padding:12px 24px;font-size:16px;border-radius:8px}.clarity-button--primary{background-color:var(--clarity-primary-500);color:#fff}.clarity-button--primary:hover:not(:disabled){background-color:var(--clarity-primary-600)}.clarity-button--secondary{background-color:var(--clarity-secondary-500);color:#fff}.clarity-button--secondary:hover:not(:disabled){background-color:var(--clarity-secondary-600)}.clarity-button--danger{background-color:var(--clarity-danger-500);color:#fff}.clarity-button--danger:hover:not(:disabled){background-color:var(--clarity-danger-600)}.clarity-button--success{background-color:var(--clarity-success-500);color:#fff}.clarity-button--success:hover:not(:disabled){background-color:var(--clarity-success-600)}.clarity-button--disabled{opacity:.5;cursor:not-allowed}.clarity-button--loading{cursor:wait}.clarity-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clarity-button--elisa-primary{background-color:var(--clarity-elisa-primary);color:#fff}.clarity-button--elisa-primary:hover:not(:disabled){background-color:var(--clarity-elisa-700)}.clarity-button--elisa-secondary{background-color:var(--clarity-elisa-secondary);color:#fff}.clarity-button--elisa-secondary:hover:not(:disabled){background-color:var(--clarity-elisa-600)}.clarity-button--dora-primary{background-color:var(--clarity-dora-primary);color:#fff}.clarity-button--dora-primary:hover:not(:disabled){background-color:var(--clarity-dora-700)}.clarity-button--dora-secondary{background-color:var(--clarity-dora-secondary);color:#fff}.clarity-button--dora-secondary:hover:not(:disabled){background-color:var(--clarity-dora-600)}.clarity-button--hub-primary{background-color:var(--clarity-hub-primary);color:#fff}.clarity-button--hub-primary:hover:not(:disabled){background-color:var(--clarity-hub-700)}.clarity-button--hub-secondary{background-color:var(--clarity-hub-secondary);color:#fff}.clarity-button--hub-secondary:hover:not(:disabled){background-color:var(--clarity-hub-600)}.clarity-button--selena-primary{background-color:var(--clarity-selena-primary);color:#fff}.clarity-button--selena-primary:hover:not(:disabled){background-color:var(--clarity-selena-700)}.clarity-button--selena-secondary{background-color:var(--clarity-selena-secondary);color:#fff}.clarity-button--selena-secondary:hover:not(:disabled){background-color:var(--clarity-selena-600)}.clarity-button--custom{background-color:var(--custom-bg-color);color:#fff}.clarity-button--custom:hover:not(:disabled){background-color:var(--custom-hover-color)}.clarity-button--duda-primary{background-color:var(--clarity-duda-primary);color:#fff}.clarity-button--duda-primary:hover:not(:disabled){background-color:var(--clarity-duda-600)}.clarity-button--duda-secondary{background-color:var(--clarity-duda-secondary);color:#fff}.clarity-button--duda-secondary:hover:not(:disabled){background-color:var(--clarity-duda-700)}.clarity-input-wrapper{display:flex;flex-direction:column;width:100%}.clarity-input{position:relative;display:flex;align-items:center;border-radius:8px;transition:all .2s ease-in-out;background-color:transparent;border:1px solid var(--clarity-gray-300)}.clarity-input__field{position:relative;flex:1;display:flex;align-items:center}.clarity-input__element{width:100%;border:none;outline:none;background:transparent;font-family:inherit;color:var(--clarity-gray-900);transition:all .2s ease-in-out;padding:16px 12px}.clarity-input__element::placeholder{color:transparent}.clarity-input__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clarity-gray-500);font-size:16px;transition:all .2s ease-in-out;pointer-events:none;background:#fff;padding:0 4px;margin-left:0}.clarity-input--focused{border:2px solid var(--clarity-primary-600)}.clarity-input--focused .clarity-input__label{color:var(--clarity-primary-600);top:0;transform:translateY(-50%);font-size:12px;left:11px}.clarity-input--outlined{border:1px solid var(--clarity-gray-300)}.clarity-input--outlined .clarity-input__element{padding:16px 12px}.clarity-input--outlined.clarity-input--focused{border:2px solid var(--clarity-primary-600)}.clarity-input--outlined.clarity-input--focused .clarity-input__label,.clarity-input--outlined.clarity-input--focused .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{top:0;transform:translateY(-50%);font-size:12px;color:var(--clarity-primary-600);left:11px}.clarity-input--primary.clarity-input--focused{border:2px solid var(--clarity-primary-600)}.clarity-input--primary.clarity-input--focused .clarity-input__label{color:var(--clarity-primary-600);left:11px}.clarity-input--secondary.clarity-input--focused{border:2px solid var(--clarity-secondary-600)}.clarity-input--secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-secondary-600);left:11px}.clarity-input--elisa-primary.clarity-input--focused{border:2px solid var(--clarity-elisa-primary)}.clarity-input--elisa-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-elisa-primary);left:11px}.clarity-input--dora-primary.clarity-input--focused{border:2px solid var(--clarity-dora-primary)}.clarity-input--dora-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-dora-primary);left:11px}.clarity-input--hub-primary.clarity-input--focused{border:2px solid var(--clarity-hub-primary)}.clarity-input--hub-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-hub-primary);left:11px}.clarity-input--selena-primary.clarity-input--focused{border:2px solid var(--clarity-selena-primary)}.clarity-input--selena-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-selena-primary);left:11px}.clarity-input--duda-primary.clarity-input--focused{border:2px solid var(--clarity-duda-primary)}.clarity-input--duda-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-duda-primary);left:11px}.clarity-input--elisa-secondary.clarity-input--focused{border:2px solid var(--clarity-elisa-secondary)}.clarity-input--elisa-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-elisa-secondary);left:11px}.clarity-input--dora-secondary.clarity-input--focused{border:2px solid var(--clarity-dora-secondary)}.clarity-input--dora-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-dora-secondary);left:11px}.clarity-input--hub-secondary.clarity-input--focused{border:2px solid var(--clarity-hub-secondary)}.clarity-input--hub-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-hub-secondary);left:11px}.clarity-input--selena-secondary.clarity-input--focused{border:2px solid var(--clarity-selena-secondary)}.clarity-input--selena-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-selena-secondary);left:11px}.clarity-input--duda-secondary.clarity-input--focused{border:2px solid var(--clarity-duda-secondary)}.clarity-input--duda-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-duda-secondary);left:11px}.clarity-input--small .clarity-input__element{padding:12px 8px;font-size:14px}.clarity-input--small .clarity-input__label{font-size:14px;left:8px}.clarity-input--small.clarity-input--focused .clarity-input__label{font-size:10px;left:7px}.clarity-input--large .clarity-input__element{padding:20px 16px;font-size:18px}.clarity-input--large .clarity-input__label{font-size:18px;left:16px}.clarity-input--large.clarity-input--focused .clarity-input__label{font-size:14px;left:15px}.clarity-input--error{border:1px solid var(--clarity-danger-500)!important}.clarity-input--error.clarity-input--focused{border:2px solid var(--clarity-danger-500)!important}.clarity-input--error .clarity-input__label{color:var(--clarity-danger-500)!important}.clarity-input--error.clarity-input--focused .clarity-input__label{left:11px!important}.clarity-input--disabled{opacity:.6;cursor:not-allowed}.clarity-input--disabled .clarity-input__element{cursor:not-allowed}.clarity-input__start-icon,.clarity-input__end-icon{display:flex;align-items:center;color:var(--clarity-gray-500);padding:0 8px}.clarity-input--with-start-icon .clarity-input__element{padding-left:0}.clarity-input--with-end-icon .clarity-input__element{padding-right:0}.clarity-input__helper-text{margin-top:4px;font-size:12px;color:var(--clarity-gray-600)}.clarity-input--error .clarity-input__helper-text{color:var(--clarity-danger-500)}.clarity-input--focused .clarity-input__label,.clarity-input__element:not(:placeholder-shown)+.clarity-input__label{top:0;transform:translateY(-50%);font-size:12px}.clarity-input.clarity-input--primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-primary-600)!important}.clarity-input.clarity-input--secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-secondary-600)!important}.clarity-input.clarity-input--elisa-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-elisa-primary)!important}.clarity-input.clarity-input--dora-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-dora-primary)!important}.clarity-input.clarity-input--hub-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-hub-primary)!important}.clarity-input.clarity-input--selena-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-selena-primary)!important}.clarity-input.clarity-input--duda-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-duda-primary)!important}.clarity-input.clarity-input--elisa-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-elisa-secondary)!important}.clarity-input.clarity-input--dora-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-dora-secondary)!important}.clarity-input.clarity-input--hub-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-hub-secondary)!important}.clarity-input.clarity-input--selena-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-selena-secondary)!important}.clarity-input.clarity-input--duda-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-duda-secondary)!important}.clarity-input--multiline .clarity-input__element{min-height:80px;padding-top:20px;padding-bottom:8px;line-height:1.5;font-family:inherit}.clarity-input--multiline .clarity-input__label{top:16px}.clarity-input--multiline.clarity-input--focused .clarity-input__label,.clarity-input--multiline .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{top:8px}.clarity-input--small.clarity-input--multiline .clarity-input__element{min-height:60px;padding-top:16px;padding-bottom:6px}.clarity-input--large.clarity-input--multiline .clarity-input__element{min-height:100px;padding-top:24px;padding-bottom:10px}.clarity-textarea-wrapper{display:flex;flex-direction:column;width:100%}.clarity-textarea{position:relative;display:flex;align-items:flex-start;border-radius:8px;transition:all .2s ease-in-out;background-color:transparent;border:1px solid var(--clarity-gray-300)}.clarity-textarea__field{position:relative;flex:1;display:flex;align-items:flex-start}.clarity-textarea__element{width:100%;border:none;outline:none;background:transparent;font-family:inherit;color:var(--clarity-gray-900);transition:all .2s ease-in-out;padding:20px 12px 8px;min-height:80px;line-height:1.5;resize:vertical}.clarity-textarea__element::placeholder{color:transparent}.clarity-textarea__label{position:absolute;left:12px;top:16px;color:var(--clarity-gray-500);font-size:16px;transition:all .2s ease-in-out;pointer-events:none;background:#fff;padding:0 4px;margin-left:0}.clarity-textarea--focused{border:2px solid var(--clarity-primary-600)}.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-primary-600);top:8px;font-size:12px;left:11px}.clarity-textarea--outlined{border:1px solid var(--clarity-gray-300)}.clarity-textarea--outlined.clarity-textarea--focused{border:2px solid var(--clarity-primary-600)}.clarity-textarea--outlined.clarity-textarea--focused .clarity-textarea__label,.clarity-textarea--outlined .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{top:8px;font-size:12px;color:var(--clarity-primary-600);left:11px}.clarity-textarea--primary.clarity-textarea--focused{border:2px solid var(--clarity-primary-600)}.clarity-textarea--primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-primary-600);left:11px}.clarity-textarea--secondary.clarity-textarea--focused{border:2px solid var(--clarity-secondary-600)}.clarity-textarea--secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-secondary-600);left:11px}.clarity-textarea--elisa-primary.clarity-textarea--focused{border:2px solid var(--clarity-elisa-primary)}.clarity-textarea--elisa-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-elisa-primary);left:11px}.clarity-textarea--dora-primary.clarity-textarea--focused{border:2px solid var(--clarity-dora-primary)}.clarity-textarea--dora-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-dora-primary);left:11px}.clarity-textarea--hub-primary.clarity-textarea--focused{border:2px solid var(--clarity-hub-primary)}.clarity-textarea--hub-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-hub-primary);left:11px}.clarity-textarea--selena-primary.clarity-textarea--focused{border:2px solid var(--clarity-selena-primary)}.clarity-textarea--selena-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-selena-primary);left:11px}.clarity-textarea--duda-primary.clarity-textarea--focused{border:2px solid var(--clarity-duda-primary)}.clarity-textarea--duda-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-duda-primary);left:11px}.clarity-textarea--elisa-secondary.clarity-textarea--focused{border:2px solid var(--clarity-elisa-secondary)}.clarity-textarea--elisa-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-elisa-secondary);left:11px}.clarity-textarea--dora-secondary.clarity-textarea--focused{border:2px solid var(--clarity-dora-secondary)}.clarity-textarea--dora-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-dora-secondary);left:11px}.clarity-textarea--hub-secondary.clarity-textarea--focused{border:2px solid var(--clarity-hub-secondary)}.clarity-textarea--hub-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-hub-secondary);left:11px}.clarity-textarea--selena-secondary.clarity-textarea--focused{border:2px solid var(--clarity-selena-secondary)}.clarity-textarea--selena-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-selena-secondary);left:11px}.clarity-textarea--duda-secondary.clarity-textarea--focused{border:2px solid var(--clarity-duda-secondary)}.clarity-textarea--duda-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-duda-secondary);left:11px}.clarity-textarea--small .clarity-textarea__element{padding:16px 8px 6px;font-size:14px;min-height:60px}.clarity-textarea--small .clarity-textarea__label{font-size:14px;left:8px;top:12px}.clarity-textarea--small.clarity-textarea--focused .clarity-textarea__label{font-size:10px;left:7px;top:6px}.clarity-textarea--large .clarity-textarea__element{padding:24px 16px 10px;font-size:18px;min-height:100px}.clarity-textarea--large .clarity-textarea__label{font-size:18px;left:16px;top:20px}.clarity-textarea--large.clarity-textarea--focused .clarity-textarea__label{font-size:14px;left:15px;top:10px}.clarity-textarea--error{border:1px solid var(--clarity-danger-500)!important}.clarity-textarea--error.clarity-textarea--focused{border:2px solid var(--clarity-danger-500)!important}.clarity-textarea--error .clarity-textarea__label{color:var(--clarity-danger-500)!important}.clarity-textarea--error.clarity-textarea--focused .clarity-textarea__label{left:11px!important}.clarity-textarea--disabled{opacity:.6;cursor:not-allowed}.clarity-textarea--disabled .clarity-textarea__element{cursor:not-allowed}.clarity-textarea__start-icon,.clarity-textarea__end-icon{display:flex;align-items:flex-start;color:var(--clarity-gray-500);padding:16px 8px 8px}.clarity-textarea--with-start-icon .clarity-textarea__element{padding-left:0}.clarity-textarea--with-end-icon .clarity-textarea__element{padding-right:0}.clarity-textarea__helper-text{margin-top:4px;font-size:12px;color:var(--clarity-gray-600)}.clarity-textarea--error .clarity-textarea__helper-text{color:var(--clarity-danger-500)}.clarity-textarea--focused .clarity-textarea__label,.clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{top:8px;font-size:12px}.clarity-textarea.clarity-textarea--primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-primary-600)!important}.clarity-textarea.clarity-textarea--secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-secondary-600)!important}.clarity-textarea.clarity-textarea--elisa-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-elisa-primary)!important}.clarity-textarea.clarity-textarea--dora-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-dora-primary)!important}.clarity-textarea.clarity-textarea--hub-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-hub-primary)!important}.clarity-textarea.clarity-textarea--selena-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-selena-primary)!important}.clarity-textarea.clarity-textarea--duda-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-duda-primary)!important}.clarity-textarea.clarity-textarea--elisa-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-elisa-secondary)!important}.clarity-textarea.clarity-textarea--dora-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-dora-secondary)!important}.clarity-textarea.clarity-textarea--hub-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-hub-secondary)!important}.clarity-textarea.clarity-textarea--selena-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-selena-secondary)!important}.clarity-textarea.clarity-textarea--duda-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-duda-secondary)!important}.clarity-select-wrapper{display:flex;flex-direction:column;width:100%;position:relative}.clarity-select{position:relative;display:flex;align-items:center;border:1px solid var(--clarity-gray-300);border-radius:8px;background-color:transparent;transition:all .2s ease-in-out;cursor:pointer;outline:none;min-width:200px}.clarity-select--focused{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #0ea5e91a}.clarity-select__field{position:relative;flex:1;display:flex;align-items:center}.clarity-select__display{width:100%;font-family:inherit;font-size:14px;line-height:1.5;color:var(--clarity-gray-900);padding:12px 0 12px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.clarity-select--disabled .clarity-select__display{color:var(--clarity-gray-500)}.clarity-select__label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--clarity-gray-500);font-size:14px;transition:all .2s ease-in-out;pointer-events:none;background:#fff;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 60px)}.clarity-select--label-up .clarity-select__label{top:0;font-size:12px;color:var(--clarity-primary-600)}.clarity-select--searchable.clarity-select--label-up .clarity-select__label{top:-4px;left:21px;z-index:1}.clarity-select__start-icon,.clarity-select__end-icon{display:flex;align-items:center;justify-content:center;color:var(--clarity-gray-500);pointer-events:none}.clarity-select--searchable .clarity-select__end-icon{pointer-events:auto;cursor:pointer}.clarity-select__start-icon{margin-left:16px;margin-right:8px}.clarity-select__end-icon{margin-left:8px;margin-right:16px}.clarity-select__arrow{transition:transform .2s ease-in-out}.clarity-select--open .clarity-select__arrow{transform:rotate(180deg)}.clarity-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--clarity-gray-100);border:1px solid var(--clarity-gray-300);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:4px;max-height:200px;overflow-y:auto}.clarity-select__options{list-style:none;margin:0;padding:4px 0}.clarity-select__option{padding:8px 16px;font-size:14px;color:var(--clarity-gray-900);cursor:pointer;transition:background-color .15s ease-in-out}.clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#0ea5e91a}.clarity-select--primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#0ea5e91a}.clarity-select--secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#64748b1a}.clarity-select--elisa-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#3d75741a}.clarity-select--elisa-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#3d9b8b1a}.clarity-select--dora-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#207fe21a}.clarity-select--dora-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#359eff1a}.clarity-select--hub-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#3bb89f1a}.clarity-select--hub-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#50d5b61a}.clarity-select--selena-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#9943ff1a}.clarity-select--selena-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#ab64ff1a}.clarity-select--duda-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#1ab5ae1a}.clarity-select--duda-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#26d0c91a}.clarity-select__option--selected{background-color:#0ea5e91a;color:var(--clarity-primary-600);font-weight:500}.clarity-select__option--disabled{color:var(--clarity-gray-400);cursor:not-allowed}.clarity-select__helper-text{margin-top:6px;font-size:12px;color:var(--clarity-gray-600)}.clarity-select--small{min-height:36px;min-width:180px}.clarity-select--small .clarity-select__label{left:12px;font-size:13px;max-width:calc(100% - 50px)}.clarity-select--small .clarity-select__display{padding:8px 0 8px 12px;font-size:13px}.clarity-select--small.clarity-select--label-up .clarity-select__label{font-size:11px}.clarity-select--medium{min-height:48px;min-width:200px}.clarity-select--medium .clarity-select__display{padding:16px 0 16px 16px;font-size:14px}.clarity-select--large{min-height:52px;min-width:220px}.clarity-select--large .clarity-select__label{left:20px;font-size:16px;max-width:calc(100% - 70px)}.clarity-select--large .clarity-select__display{padding:16px 0 16px 20px;font-size:16px}.clarity-select--large.clarity-select--label-up .clarity-select__label{font-size:13px}.clarity-select--small .clarity-select__start-icon{margin-left:12px;margin-right:6px}.clarity-select--small .clarity-select__end-icon{margin-left:6px;margin-right:12px}.clarity-select--large .clarity-select__start-icon{margin-left:20px;margin-right:10px}.clarity-select--large .clarity-select__end-icon{margin-left:10px;margin-right:20px}.clarity-select--with-start-icon .clarity-select__display{padding-left:0}.clarity-select--with-end-icon .clarity-select__display{padding-right:0}.clarity-select--focused .clarity-select__display{padding:11px 0 11px 15px}.clarity-select--focused.clarity-select--small .clarity-select__display{padding:7px 0 7px 11px}.clarity-select--focused.clarity-select--large .clarity-select__display{padding:15px 0 15px 19px}.clarity-select--focused.clarity-select--with-start-icon .clarity-select__display{padding-left:0}.clarity-select--focused.clarity-select--with-end-icon .clarity-select__display{padding-right:0}.clarity-select--error{border-color:var(--clarity-danger-500)}.clarity-select--error:hover{border-color:var(--clarity-danger-600)}.clarity-select--error.clarity-select--focused{border:2px solid var(--clarity-danger-500);box-shadow:0 0 0 3px #ef44441a}.clarity-select--error .clarity-select__label,.clarity-select--error .clarity-select__helper-text{color:var(--clarity-danger-600)}.clarity-select--disabled{opacity:.6;cursor:not-allowed}.clarity-select--disabled:hover{border-color:var(--clarity-gray-300)}.clarity-select--disabled .clarity-select__label,.clarity-select--disabled .clarity-select__start-icon,.clarity-select--disabled .clarity-select__end-icon,.clarity-select--disabled .clarity-select__display{cursor:not-allowed}.clarity-select--disabled .clarity-select__label,.clarity-select--disabled .clarity-select__start-icon,.clarity-select--disabled .clarity-select__end-icon{color:var(--clarity-gray-400)}.clarity-select--primary.clarity-select--focused{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #0ea5e91a}.clarity-select--primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-primary-600)}.clarity-select--secondary.clarity-select--focused{border:2px solid var(--clarity-secondary-500);box-shadow:0 0 0 3px #64748b1a}.clarity-select--secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-secondary-600)}.clarity-select--elisa-primary.clarity-select--focused{border:2px solid var(--clarity-elisa-primary);box-shadow:0 0 0 3px #3d75741a}.clarity-select--elisa-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-elisa-primary)}.clarity-select--elisa-secondary.clarity-select--focused{border:2px solid var(--clarity-elisa-secondary);box-shadow:0 0 0 3px #3d9b8b1a}.clarity-select--elisa-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-elisa-secondary)}.clarity-select--dora-primary.clarity-select--focused{border:2px solid var(--clarity-dora-primary);box-shadow:0 0 0 3px #207fe21a}.clarity-select--dora-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-dora-primary)}.clarity-select--dora-secondary.clarity-select--focused{border:2px solid var(--clarity-dora-secondary);box-shadow:0 0 0 3px #359eff1a}.clarity-select--dora-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-dora-secondary)}.clarity-select--hub-primary.clarity-select--focused{border:2px solid var(--clarity-hub-primary);box-shadow:0 0 0 3px #3bb89f1a}.clarity-select--hub-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-hub-primary)}.clarity-select--hub-secondary.clarity-select--focused{border:2px solid var(--clarity-hub-secondary);box-shadow:0 0 0 3px #50d5b61a}.clarity-select--hub-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-hub-secondary)}.clarity-select--selena-primary.clarity-select--focused{border:2px solid var(--clarity-selena-primary);box-shadow:0 0 0 3px #9943ff1a}.clarity-select--selena-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-selena-primary)}.clarity-select--selena-secondary.clarity-select--focused{border:2px solid var(--clarity-selena-secondary);box-shadow:0 0 0 3px #ab64ff1a}.clarity-select--selena-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-selena-secondary)}.clarity-select--duda-primary.clarity-select--focused{border:2px solid var(--clarity-duda-primary);box-shadow:0 0 0 3px #1ab5ae1a}.clarity-select--duda-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-duda-primary)}.clarity-select--duda-secondary.clarity-select--focused{border:2px solid var(--clarity-duda-secondary);box-shadow:0 0 0 3px #26d0c91a}.clarity-select--duda-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-duda-secondary)}.clarity-select__clear-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--clarity-gray-500);padding:4px;border-radius:4px;transition:all .2s ease-in-out}.clarity-select__clear-button:hover{color:var(--clarity-gray-700);background-color:var(--clarity-gray-100)}.clarity-select__clear-button:focus{outline:2px solid var(--clarity-primary-500);outline-offset:2px}.clarity-select--disabled .clarity-select__clear-button{color:var(--clarity-gray-400);cursor:not-allowed}.clarity-select--disabled .clarity-select__clear-button:hover{background-color:transparent}.clarity-select__search-input{width:100%;border:none;outline:none;background:transparent;font-family:inherit;color:var(--clarity-gray-900);font-size:14px;padding:12px 16px}.clarity-select__search-input::placeholder{color:var(--clarity-gray-500)}.clarity-select__search-input:read-only{cursor:pointer}.clarity-select--searchable .clarity-select__field{cursor:text}.clarity-select--searchable:not(.clarity-select--open) .clarity-select__field{cursor:pointer}.clarity-select__option--no-results{color:var(--clarity-gray-500);font-style:italic;cursor:default}.clarity-select__option--no-results:hover{background-color:transparent!important}.clarity-select--small .clarity-select__search-input{font-size:13px}.clarity-select--large .clarity-select__search-input{font-size:16px}.clarity-multiselect-wrapper{display:flex;flex-direction:column;width:100%}.clarity-multiselect{position:relative;width:100%;min-width:200px}.clarity-multiselect__field{position:relative;display:flex;align-items:center;min-height:48px;border:1px solid var(--clarity-gray-300);border-radius:8px;background-color:var(--clarity-white);cursor:pointer;transition:all .2s ease-in-out;padding:8px 12px}.clarity-multiselect__field:hover{border-color:var(--clarity-gray-400)}.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #3b82f61a;padding:7px 11px}.clarity-multiselect--error .clarity-multiselect__field{border-color:var(--clarity-error-500)}.clarity-multiselect--error.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-error-500);box-shadow:0 0 0 3px #ef44441a}.clarity-multiselect--disabled .clarity-multiselect__field{background-color:var(--clarity-gray-50);border-color:var(--clarity-gray-200);cursor:not-allowed}.clarity-multiselect__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clarity-gray-600);font-size:14px;font-weight:400;pointer-events:none;transition:all .2s ease-in-out;background-color:#fff;padding:0 4px;z-index:1}.clarity-multiselect--label-up .clarity-multiselect__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:500;color:var(--clarity-primary-600)}.clarity-multiselect--error .clarity-multiselect__label{color:var(--clarity-error-600)}.clarity-multiselect--disabled .clarity-multiselect__label{color:var(--clarity-gray-400)}.clarity-multiselect__required{color:var(--clarity-error-500);margin-left:2px}.clarity-multiselect__content{flex:1;display:flex;align-items:center;min-height:32px;overflow:hidden}.clarity-multiselect__placeholder{color:var(--clarity-gray-500);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clarity-multiselect--disabled .clarity-multiselect__placeholder{color:var(--clarity-gray-400)}.clarity-multiselect__chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center;width:100%;overflow:hidden}.clarity-multiselect__chip{display:inline-flex;align-items:center;background-color:var(--clarity-primary-50);border:1px solid var(--clarity-primary-200);border-radius:16px;padding:4px 8px;font-size:12px;font-weight:500;color:var(--clarity-primary-700);max-width:120px;flex-shrink:0}.clarity-multiselect__chip--count{background-color:var(--clarity-gray-100);border-color:var(--clarity-gray-300);color:var(--clarity-gray-600)}.clarity-multiselect__chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.clarity-multiselect__chip-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--clarity-primary-500);margin-left:4px;padding:0;width:16px;height:16px;border-radius:50%;font-size:14px;line-height:1;transition:all .2s ease-in-out}.clarity-multiselect__chip-remove:hover{background-color:var(--clarity-primary-100);color:var(--clarity-primary-700)}.clarity-multiselect__icons{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}.clarity-multiselect__clear-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--clarity-gray-500);padding:4px;border-radius:4px;transition:all .2s ease-in-out;font-size:16px;line-height:1}.clarity-multiselect__clear-button:hover{color:var(--clarity-gray-700);background-color:var(--clarity-gray-100)}.clarity-multiselect__dropdown-icon{display:flex;align-items:center;color:var(--clarity-gray-500);transition:transform .2s ease-in-out}.clarity-multiselect--open .clarity-multiselect__dropdown-icon{transform:rotate(180deg)}.clarity-multiselect--disabled .clarity-multiselect__dropdown-icon{color:var(--clarity-gray-400)}.clarity-multiselect__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--clarity-white);border:1px solid var(--clarity-gray-200);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:4px;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.clarity-multiselect__search{padding:12px;border-bottom:1px solid var(--clarity-gray-200);flex-shrink:0}.clarity-multiselect__search-input{width:100%;border:1px solid var(--clarity-gray-300);border-radius:6px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .2s ease-in-out}.clarity-multiselect__search-input:focus{border-color:var(--clarity-primary-500);box-shadow:0 0 0 2px #3b82f61a}.clarity-multiselect__search-input::placeholder{color:var(--clarity-gray-500)}.clarity-multiselect__options{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.clarity-multiselect__option{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease-in-out;border-bottom:1px solid var(--clarity-gray-100)}.clarity-multiselect__option:last-child{border-bottom:none}.clarity-multiselect__option:hover{background-color:var(--clarity-gray-50)}.clarity-multiselect__option--selected{background-color:var(--clarity-primary-50)}.clarity-multiselect__option--selected:hover{background-color:var(--clarity-primary-100)}.clarity-multiselect__option--disabled{color:var(--clarity-gray-400);cursor:not-allowed}.clarity-multiselect__option--disabled:hover{background-color:transparent}.clarity-multiselect__option--no-results{color:var(--clarity-gray-500);font-style:italic;cursor:default}.clarity-multiselect__option--no-results:hover{background-color:transparent}.clarity-multiselect__option-checkbox{margin-right:12px;flex-shrink:0}.clarity-multiselect__checkbox{width:16px;height:16px;border:2px solid var(--clarity-gray-300);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.clarity-multiselect__checkbox--checked{border:2px solid var(--clarity-gray-300);padding:1px}.clarity-multiselect--primary .clarity-multiselect__option--selected{background-color:#0ea5e91a}.clarity-multiselect--secondary .clarity-multiselect__option--selected{background-color:#64748b1a}.clarity-multiselect--elisa-primary .clarity-multiselect__option--selected,.clarity-multiselect--elisa-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-elisa-100)}.clarity-multiselect--dora-primary .clarity-multiselect__option--selected,.clarity-multiselect--dora-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-dora-100)}.clarity-multiselect--hub-primary .clarity-multiselect__option--selected,.clarity-multiselect--hub-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-hub-100)}.clarity-multiselect--selena-primary .clarity-multiselect__option--selected,.clarity-multiselect--selena-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-selena-100)}.clarity-multiselect--duda-primary .clarity-multiselect__option--selected,.clarity-multiselect--duda-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-duda-100)}.clarity-multiselect__option--disabled .clarity-multiselect__checkbox{border-color:var(--clarity-gray-100)}.clarity-multiselect__option--disabled .clarity-multiselect__checkbox--checked{background-color:var(--clarity-gray-300);border-color:var(--clarity-gray-300)}.clarity-multiselect__option-label{flex:1;font-size:14px;color:var(--clarity-gray-900)}.clarity-multiselect__option--disabled .clarity-multiselect__option-label{color:var(--clarity-gray-400)}.clarity-multiselect__helper{margin-top:6px;font-size:12px;line-height:1.4}.clarity-multiselect__helper-text{color:var(--clarity-gray-600)}.clarity-multiselect__error-message{color:var(--clarity-error-600)}.clarity-multiselect--small .clarity-multiselect__field{min-height:40px;padding:6px 10px}.clarity-multiselect--small.clarity-multiselect--focused .clarity-multiselect__field{padding:5px 9px}.clarity-multiselect--small .clarity-multiselect__label{font-size:13px;left:10px}.clarity-multiselect--small.clarity-multiselect--label-up .clarity-multiselect__label{font-size:11px}.clarity-multiselect--small .clarity-multiselect__placeholder{font-size:13px}.clarity-multiselect--small .clarity-multiselect__chip{padding:2px 6px;font-size:11px}.clarity-multiselect--large .clarity-multiselect__field{min-height:56px;padding:12px 16px}.clarity-multiselect--large.clarity-multiselect--focused .clarity-multiselect__field{padding:11px 15px}.clarity-multiselect--large .clarity-multiselect__label{font-size:16px;left:16px}.clarity-multiselect--large.clarity-multiselect--label-up .clarity-multiselect__label{font-size:13px}.clarity-multiselect--large .clarity-multiselect__placeholder{font-size:16px}.clarity-multiselect--large .clarity-multiselect__chip{padding:6px 10px;font-size:13px}.clarity-multiselect--primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #3b82f61a}.clarity-multiselect--primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-primary-600)}.clarity-multiselect--secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-secondary-500);box-shadow:0 0 0 3px #64748b1a}.clarity-multiselect--secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-secondary-600)}.clarity-multiselect--elisa-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-elisa-primary);box-shadow:0 0 0 3px #3d75741a}.clarity-multiselect--elisa-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-elisa-primary)}.clarity-multiselect--elisa-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-elisa-secondary);box-shadow:0 0 0 3px #3d9b8b1a}.clarity-multiselect--elisa-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-elisa-secondary)}.clarity-multiselect--dora-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-dora-primary);box-shadow:0 0 0 3px #207fe21a}.clarity-multiselect--dora-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-dora-primary)}.clarity-multiselect--dora-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-dora-secondary);box-shadow:0 0 0 3px #359eff1a}.clarity-multiselect--dora-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-dora-secondary)}.clarity-multiselect--hub-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-hub-primary);box-shadow:0 0 0 3px #3bb89f1a}.clarity-multiselect--hub-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-hub-primary)}.clarity-multiselect--hub-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-hub-secondary);box-shadow:0 0 0 3px #50d5b61a}.clarity-multiselect--hub-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-hub-secondary)}.clarity-multiselect--selena-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-selena-primary);box-shadow:0 0 0 3px #9943ff1a}.clarity-multiselect--selena-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-selena-primary)}.clarity-multiselect--selena-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-selena-secondary);box-shadow:0 0 0 3px #ab64ff1a}.clarity-multiselect--selena-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-selena-secondary)}.clarity-multiselect--duda-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-duda-primary);box-shadow:0 0 0 3px #1ab5ae1a}.clarity-multiselect--duda-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-duda-primary)}.clarity-multiselect--duda-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-duda-secondary);box-shadow:0 0 0 3px #26d0c91a}.clarity-multiselect--duda-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-duda-secondary)}.clarity-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.clarity-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-height:90vh;min-height:150px;display:flex;flex-direction:column;overflow:hidden}.clarity-modal--small{max-width:300px}.clarity-modal--medium{max-width:500px}.clarity-modal--large{max-width:800px}.clarity-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--clarity-gray-200)}.clarity-modal-title{margin:0;font-size:20px;font-weight:600;color:var(--clarity-gray-900)}.clarity-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--clarity-gray-500);transition:color .2s ease-in-out;margin-left:auto}.clarity-modal-close:hover{color:var(--clarity-gray-700)}.clarity-modal-content{padding:24px;overflow-y:auto;flex-grow:1}.clarity-modal-footer{position:relative;padding:16px 24px;border-top:1px solid var(--clarity-gray-200);display:flex;justify-content:flex-end;gap:8px;background-color:#fff;z-index:10}.clarity-modal-scroll-indicator{position:absolute;bottom:101.5%;left:0;right:0;height:12px;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none;z-index:5;width:94%;margin:0 auto}.clarity-modal-header--primary{background-color:var(--clarity-primary-600)}.clarity-modal-header--primary .clarity-modal-title,.clarity-modal-header--primary .clarity-modal-close{color:#fff}.clarity-modal-header--secondary{background-color:var(--clarity-secondary-600)}.clarity-modal-header--secondary .clarity-modal-title,.clarity-modal-header--secondary .clarity-modal-close{color:#fff}.clarity-modal-header--elisa-primary{background-color:var(--clarity-elisa-primary)}.clarity-modal-header--elisa-primary .clarity-modal-title,.clarity-modal-header--elisa-primary .clarity-modal-close{color:#fff}.clarity-modal-header--dora-primary{background-color:var(--clarity-dora-primary)}.clarity-modal-header--dora-primary .clarity-modal-title,.clarity-modal-header--dora-primary .clarity-modal-close{color:#fff}.clarity-modal-header--hub-primary{background-color:var(--clarity-hub-primary)}.clarity-modal-header--hub-primary .clarity-modal-title,.clarity-modal-header--hub-primary .clarity-modal-close{color:#fff}.clarity-modal-header--selena-primary{background-color:var(--clarity-selena-primary)}.clarity-modal-header--selena-primary .clarity-modal-title,.clarity-modal-header--selena-primary .clarity-modal-close{color:#fff}.clarity-modal-header--duda-primary{background-color:var(--clarity-duda-primary)}.clarity-modal-header--duda-primary .clarity-modal-title,.clarity-modal-header--duda-primary .clarity-modal-close{color:#fff}.clarity-modal-header--elisa-secondary{background-color:var(--clarity-elisa-secondary)}.clarity-modal-header--elisa-secondary .clarity-modal-title,.clarity-modal-header--elisa-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--dora-secondary{background-color:var(--clarity-dora-secondary)}.clarity-modal-header--dora-secondary .clarity-modal-title,.clarity-modal-header--dora-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--hub-secondary{background-color:var(--clarity-hub-secondary)}.clarity-modal-header--hub-secondary .clarity-modal-title,.clarity-modal-header--hub-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--selena-secondary{background-color:var(--clarity-selena-secondary)}.clarity-modal-header--selena-secondary .clarity-modal-title,.clarity-modal-header--selena-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--duda-secondary{background-color:var(--clarity-duda-secondary)}.clarity-modal-header--duda-secondary .clarity-modal-title,.clarity-modal-header--duda-secondary .clarity-modal-close{color:#fff}
2
+ /*$vite$:1*/`,document.head.appendChild(Q);const sa=({variant:l="primary",product:t,tone:i,hoverTone:p,size:c="medium",disabled:s=!1,loading:n=!1,children:u,onClick:m,type:g="button",className:k="",...v})=>{const o="clarity-button",y=t&&i,w=y?`${o}--custom`:`${o}--${l}`,D=[o,w,`${o}--${c}`,n&&`${o}--loading`,s&&`${o}--disabled`,k].filter(Boolean).join(" "),z=x=>{const f=parseInt(x);return f>=800?"900":f>=700?"800":f>=600?"700":f>=500?"600":f>=400?"500":f>=300?"400":f>=200?"300":"200"},d=y?{"--custom-bg-color":`var(--clarity-${t}-${i})`,"--custom-hover-color":`var(--clarity-${t}-${p||z(i)})`}:{};return a.jsxs("button",{className:D,style:d,disabled:s||n,onClick:m,type:g,...v,children:[n&&a.jsx("div",{className:`${o}__spinner`}),u]})},X=e.forwardRef(({variant:l,size:t="medium",label:i,helperText:p,error:c=!1,errorMessage:s,startIcon:n,endIcon:u,className:m="",disabled:g=!1,value:k,defaultValue:v,onFocus:o,onBlur:y,...w},D)=>{const[z,d]=e.useState(!1),[x,f]=e.useState(!1),C=e.useRef(null);e.useImperativeHandle(D,()=>C.current),e.useEffect(()=>{const _=C.current;_&&f(_.value.length>0)},[k,v]);const b=_=>{d(!0),o==null||o(_)},B=_=>{d(!1),f(_.target.value.length>0),y==null||y(_)},j=["clarity-input","clarity-input--outlined",`clarity-input--${t}`,l&&`clarity-input--${l}`,c&&"clarity-input--error",g&&"clarity-input--disabled",(z||x)&&"clarity-input--focused",n&&"clarity-input--with-start-icon",u&&"clarity-input--with-end-icon",m].filter(Boolean).join(" ");return a.jsxs("div",{className:"clarity-input-wrapper",children:[a.jsxs("div",{className:j,children:[n&&a.jsx("div",{className:"clarity-input__start-icon",children:n}),a.jsxs("div",{className:"clarity-input__field",children:[a.jsx("input",{ref:C,className:"clarity-input__element",disabled:g,value:k,defaultValue:v,onFocus:b,onBlur:B,...w}),i&&a.jsx("label",{className:"clarity-input__label",children:i})]}),u&&a.jsx("div",{className:"clarity-input__end-icon",children:u})]}),(p||c&&s)&&a.jsx("div",{className:"clarity-input__helper-text",children:c&&s?s:p})]})});X.displayName="Input";const Z=e.forwardRef(({variant:l,size:t="medium",label:i,helperText:p,error:c=!1,errorMessage:s,startIcon:n,endIcon:u,className:m="",disabled:g=!1,value:k,defaultValue:v,onFocus:o,onBlur:y,rows:w=3,minHeight:D,maxHeight:z,resizable:d=!0,...x},f)=>{const[C,b]=e.useState(!1),[B,j]=e.useState(!1),_=e.useRef(null);e.useImperativeHandle(f,()=>_.current),e.useEffect(()=>{const E=_.current;E&&j(E.value.length>0)},[k,v]);const L=E=>{b(!0),o==null||o(E)},$=E=>{b(!1),j(E.target.value.length>0),y==null||y(E)},S=["clarity-textarea","clarity-textarea--outlined",`clarity-textarea--${t}`,l&&`clarity-textarea--${l}`,c&&"clarity-textarea--error",g&&"clarity-textarea--disabled",(C||B)&&"clarity-textarea--focused",n&&"clarity-textarea--with-start-icon",u&&"clarity-textarea--with-end-icon",m].filter(Boolean).join(" "),M={resize:d?"vertical":"none",minHeight:D?`${D}px`:void 0,maxHeight:z?`${z}px`:void 0};return a.jsxs("div",{className:"clarity-textarea-wrapper",children:[a.jsxs("div",{className:S,children:[n&&a.jsx("div",{className:"clarity-textarea__start-icon",children:n}),a.jsxs("div",{className:"clarity-textarea__field",children:[a.jsx("textarea",{ref:_,className:"clarity-textarea__element",disabled:g,value:k,defaultValue:v,onFocus:L,onBlur:$,rows:w,style:M,...x}),i&&a.jsx("label",{className:"clarity-textarea__label",children:i})]}),u&&a.jsx("div",{className:"clarity-textarea__end-icon",children:u})]}),(p||c&&s)&&a.jsx("div",{className:"clarity-textarea__helper-text",children:c&&s?s:p})]})});Z.displayName="Textarea";const R=e.forwardRef(({variant:l,size:t="medium",label:i,helperText:p,error:c=!1,errorMessage:s,startIcon:n,endIcon:u,className:m="",disabled:g=!1,value:k,defaultValue:v,onFocus:o,onBlur:y,onChange:w,options:D,placeholder:z="Selecione uma opção",isClearable:d=!1,isSearchable:x=!1,...f},C)=>{const[b,B]=e.useState(!1),[j,_]=e.useState(!1),[L,$]=e.useState(k||v||""),[S,M]=e.useState(""),E=e.useRef(null),H=e.useRef(null);e.useImperativeHandle(C,()=>E.current),e.useEffect(()=>{k!==void 0&&$(k)},[k]),e.useEffect(()=>{const r=N=>{E.current&&!E.current.contains(N.target)&&(B(!1),_(!1),y==null||y())};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[y]);const I=x&&S?D.filter(r=>r.label.toLowerCase().includes(S.toLowerCase())):D,V=()=>{g||(B(!b),_(!b),b?(y==null||y(),x&&M("")):(o==null||o(),x&&setTimeout(()=>{var r;(r=H.current)==null||r.focus()},0)))},Y=r=>{r.disabled||($(r.value),B(!1),_(!1),M(""),w==null||w(r.value),y==null||y())},q=r=>{M(r.target.value)},K=r=>{r.key==="Escape"?(B(!1),_(!1),M("")):r.key==="Enter"&&I.length>0&&I[0]&&Y(I[0])},O=D.find(r=>r.value===L),W=L!==""&&L!==void 0,U=r=>{r.stopPropagation(),$(""),w==null||w("")},G=W||j||z||x&&S,J=["clarity-select","clarity-select--outlined",`clarity-select--${t}`,l&&`clarity-select--${l}`,c&&"clarity-select--error",g&&"clarity-select--disabled",(j||b)&&"clarity-select--focused",G&&"clarity-select--label-up",b&&"clarity-select--open",x&&"clarity-select--searchable",n&&"clarity-select--with-start-icon",(u||d)&&"clarity-select--with-end-icon",m].filter(Boolean).join(" ");return a.jsxs("div",{className:"clarity-select-wrapper",children:[a.jsxs("div",{ref:E,className:J,onClick:x?void 0:V,role:"combobox","aria-expanded":b,"aria-haspopup":"listbox",tabIndex:g||x?-1:0,...f,children:[n&&a.jsx("div",{className:"clarity-select__start-icon",children:n}),a.jsxs("div",{className:"clarity-select__field",children:[x?a.jsx("input",{ref:H,type:"text",className:"clarity-select__search-input",value:b?S:O?O.label:"",onChange:q,onKeyDown:K,onFocus:()=>{b||(B(!0),_(!0),o==null||o())},placeholder:O?O.label:z,disabled:g,readOnly:!b}):a.jsx("div",{className:"clarity-select__display",children:O?O.label:z}),i&&a.jsx("label",{className:"clarity-select__label",children:i})]}),d&&W&&a.jsx("button",{type:"button",className:"clarity-select__clear-button",onClick:U,"aria-label":"Limpar seleção",children:a.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:a.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),a.jsx("div",{className:"clarity-select__end-icon",onClick:x?V:void 0,children:u||a.jsx("svg",{className:"clarity-select__arrow",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:a.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),b&&a.jsx("div",{className:"clarity-select__dropdown",children:a.jsx("ul",{className:"clarity-select__options",role:"listbox",children:I.length>0?I.map(r=>a.jsx("li",{className:["clarity-select__option",r.disabled&&"clarity-select__option--disabled",L===r.value&&"clarity-select__option--selected"].filter(Boolean).join(" "),onClick:()=>Y(r),role:"option","aria-selected":L===r.value,children:r.label},r.value)):a.jsx("li",{className:"clarity-select__option clarity-select__option--no-results",children:"Nenhum resultado encontrado"})})})]}),(p||c&&s)&&a.jsx("div",{className:"clarity-select__helper-text",children:c&&s?s:p})]})});R.displayName="Select";const aa=e.forwardRef(({options:l=[],value:t=[],onChange:i,placeholder:p="Selecione opções",label:c,helperText:s,error:n=!1,errorMessage:u,disabled:m=!1,variant:g="primary",size:k="medium",maxSelectedLabels:v=3,selectionLimit:o,className:y="",id:w,name:D,required:z=!1,"data-testid":d,...x},f)=>{const[C,b]=e.useState(!1),[B,j]=e.useState(""),[_,L]=e.useState(!1),$=e.useRef(null),S=e.useRef(null),M=e.useRef(null),E=r=>{$.current=r,f&&(typeof f=="function"?f(r):f.current=r)};e.useEffect(()=>{const r=N=>{$.current&&!$.current.contains(N.target)&&(b(!1),L(!1),j(""))};return document.addEventListener("click",r),()=>document.removeEventListener("click",r)},[]);const H=l.filter(r=>r.label.toLowerCase().includes(B.toLowerCase())),I=()=>{m||(b(!C),L(!C),C?j(""):setTimeout(()=>{var r;(r=S.current)==null||r.focus()},100))},V=(r,N)=>{if(m)return;N&&(N.stopPropagation(),N.preventDefault());const A=t.includes(r);let F;A?F=t.filter(P=>P!==r):F=[...t,r],i&&i(F)},Y=(r,N)=>{if(N.stopPropagation(),m)return;const A=t.filter(F=>F!==r);i==null||i(A)},q=r=>{r.stopPropagation(),!m&&(i==null||i([]))},K=r=>{j(r.target.value)},O=r=>{r.key==="Escape"&&(b(!1),L(!1),j(""))},W=_||C||t.length>0,U=()=>{if(t.length===0)return null;const r=t.map(F=>l.find(P=>P.value===F)).filter(Boolean),N=r.slice(0,v),A=r.length-v;return a.jsxs("div",{className:"clarity-multiselect__chips",children:[N.map(F=>a.jsxs("div",{className:"clarity-multiselect__chip",children:[a.jsx("span",{className:"clarity-multiselect__chip-label",children:F.label}),!m&&a.jsx("button",{type:"button",className:"clarity-multiselect__chip-remove",onClick:P=>Y(F.value,P),"aria-label":`Remover ${F.label}`,children:"×"})]},F.value)),A>0&&a.jsxs("div",{className:"clarity-multiselect__chip clarity-multiselect__chip--count",children:["+",A," mais"]})]})},G=["clarity-multiselect-wrapper",y].filter(Boolean).join(" "),J=["clarity-multiselect",`clarity-multiselect--${g}`,`clarity-multiselect--${k}`,C&&"clarity-multiselect--open",_&&"clarity-multiselect--focused",W&&"clarity-multiselect--label-up",n&&"clarity-multiselect--error",m&&"clarity-multiselect--disabled",t.length>0&&"clarity-multiselect--has-value"].filter(Boolean).join(" ");return a.jsxs("div",{className:G,children:[a.jsxs("div",{ref:E,className:J,"data-testid":d,...x,children:[a.jsxs("div",{className:"clarity-multiselect__field",onClick:I,children:[c&&a.jsxs("label",{className:"clarity-multiselect__label",children:[c,z&&a.jsx("span",{className:"clarity-multiselect__required",children:"*"})]}),a.jsx("div",{className:"clarity-multiselect__content",children:t.length>0?U():a.jsx("span",{className:"clarity-multiselect__placeholder",children:p})}),a.jsxs("div",{className:"clarity-multiselect__icons",children:[t.length>0&&!m&&a.jsx("button",{type:"button",className:"clarity-multiselect__clear-button",onClick:q,"aria-label":"Limpar seleção",children:"×"}),a.jsx("div",{className:"clarity-multiselect__dropdown-icon",children:a.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:a.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]}),C&&a.jsxs("div",{ref:M,className:"clarity-multiselect__dropdown",children:[a.jsx("div",{className:"clarity-multiselect__search",children:a.jsx("input",{ref:S,type:"text",className:"clarity-multiselect__search-input",placeholder:"Buscar opções...",value:B,onChange:K,onKeyDown:O})}),a.jsx("ul",{className:"clarity-multiselect__options",children:H.length>0?H.map(r=>{const N=t.includes(r.value),A=r.disabled||m;return a.jsxs("li",{className:["clarity-multiselect__option",N&&"clarity-multiselect__option--selected",A&&"clarity-multiselect__option--disabled"].filter(Boolean).join(" "),onClick:F=>!A&&V(r.value,F),children:[a.jsx("div",{className:"clarity-multiselect__option-checkbox",children:a.jsx("div",{className:["clarity-multiselect__checkbox",N&&"clarity-multiselect__checkbox--checked"].filter(Boolean).join(" "),children:N&&a.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:a.jsx("path",{d:"M2 6L5 9L10 3",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}),a.jsx("span",{className:"clarity-multiselect__option-label",children:r.label})]},r.value)}):a.jsx("li",{className:"clarity-multiselect__option clarity-multiselect__option--no-results",children:"Nenhum resultado encontrado"})})]})]}),(s||n&&u)&&a.jsx("div",{className:"clarity-multiselect__helper",children:n&&u?a.jsx("span",{className:"clarity-multiselect__error-message",children:u}):s&&a.jsx("span",{className:"clarity-multiselect__helper-text",children:s})})]})});aa.displayName="MultiSelect";const ra=e.createContext(null),ea=()=>{const l=e.useContext(ra);if(!l)throw new Error("useModal must be used within a Modal provider");return l},ta=({children:l,className:t="",title:i})=>{const{onClose:p,variant:c,showCloseButton:s}=ea(),n=["clarity-modal-header",t,c&&`clarity-modal-header--${c}`].filter(Boolean).join(" "),u=["clarity-modal-close",c&&`clarity-modal-close--${c}`].filter(Boolean).join(" ");return a.jsxs("div",{className:n,children:[i&&a.jsx("h2",{className:"clarity-modal-title",children:i}),l,s&&a.jsx("button",{className:u,onClick:m=>{m.stopPropagation(),p()},children:"×"})]})};ta.displayName="ModalHeader";const la=({children:l,className:t=""})=>a.jsx("div",{className:`clarity-modal-content ${t}`,children:l});la.displayName="ModalContent";const ia=({children:l,className:t=""})=>a.jsxs("div",{className:`clarity-modal-footer ${t}`,children:[a.jsx("div",{className:"clarity-modal-scroll-indicator"}),l]});ia.displayName="ModalFooter";const ca=({children:l,onClick:t,variant:i})=>e.cloneElement(l,{onClick:p=>{var c,s;t==null||t(),(s=(c=l.props).onClick)==null||s.call(c,p)},variant:i});ca.displayName="ModalTrigger";const oa=({children:l})=>{const{onClose:t}=ea();return e.cloneElement(l,{onClick:i=>{var p,c;t(),(c=(p=l.props).onClick)==null||c.call(p,i)}})};oa.displayName="ModalClose";const T=({isOpen:l,onClose:t,children:i,className:p="",variant:c,size:s="medium",showCloseButton:n=!0,closeOnOverlayClick:u=!0})=>{const[m,g]=e.useState(!1),v=l!==void 0?l:m,o=t||(()=>{g(!1)});e.useEffect(()=>{const d=x=>{x.key==="Escape"&&o()};return v?(document.addEventListener("keydown",d),document.body.style.overflow="hidden"):document.body.style.overflow="unset",()=>{document.removeEventListener("keydown",d),document.body.style.overflow="unset"}},[v,o]);const y=d=>{u&&d.target===d.currentTarget&&o()},w=e.Children.toArray(i).find(d=>e.isValidElement(d)&&d.type.displayName==="ModalTrigger"),D=e.Children.toArray(i).filter(d=>e.isValidElement(d)&&d.type.displayName!=="ModalTrigger"),z=["clarity-modal",p,`clarity-modal--${s}`].filter(Boolean).join(" ");return a.jsxs(ra.Provider,{value:{onClose:o,variant:c,showCloseButton:n},children:[w&&e.cloneElement(w,{onClick:()=>g(!0),variant:c}),v&&a.jsx("div",{className:"clarity-modal-overlay",onClick:y,children:a.jsx("div",{className:z,children:D})})]})};T.Header=ta,T.Content=la,T.Footer=ia,T.Trigger=ca,T.Close=oa,T.displayName="Modal";const ya={primary:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},danger:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},success:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"}},na={xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px","2xl":"48px","3xl":"64px"},da={fontFamily:{sans:["Inter","system-ui","sans-serif"],mono:["Fira Code","monospace"]},fontSize:{xs:"12px",sm:"14px",base:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px"},fontWeight:{normal:400,medium:500,semibold:600,bold:700}},pa=(...l)=>l.filter(Boolean).join(" "),ua=()=>Math.random().toString(36).substr(2,9);h.Button=sa,h.Input=X,h.Modal=T,h.MultiSelect=aa,h.Select=R,h.Textarea=Z,h.cn=pa,h.colors=ya,h.generateId=ua,h.spacing=na,h.typography=da,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
package/dist/styles/index.css CHANGED
@@ -1 +1 @@
1
- :root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.clarity-design-system h1{font-size:3.2em;line-height:1.1}.elisa-design-system{max-width:1200px;margin:0 auto;padding:2rem}.elisa-design-system h1{text-align:center;margin-bottom:2rem;color:#213547}:root{--clarity-primary-500: #0ea5e9;--clarity-primary-600: #0284c7;--clarity-secondary-500: #64748b;--clarity-secondary-600: #475569;--clarity-danger-500: #ef4444;--clarity-danger-600: #dc2626;--clarity-success-500: #10b981;--clarity-success-600: #059669;--clarity-spacing-xs: 4px;--clarity-spacing-sm: 8px;--clarity-spacing-md: 16px;--clarity-spacing-lg: 24px;--clarity-spacing-xl: 32px;--clarity-font-family-sans: "Inter", system-ui, sans-serif;--clarity-font-size-base: 16px}*{box-sizing:border-box}.clarity-design-system{font-family:var(--clarity-font-family-sans);font-size:var(--clarity-font-size-base);line-height:1.5}.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.5}.clarity-button--small{padding:4px 8px;font-size:12px;border-radius:4px}.clarity-button--medium{padding:8px 16px;font-size:14px}.clarity-button--large{padding:12px 24px;font-size:16px;border-radius:8px}.clarity-button--primary{background-color:var(--clarity-primary-500);color:#fff}.clarity-button--primary:hover:not(:disabled){background-color:var(--clarity-primary-600)}.clarity-button--secondary{background-color:var(--clarity-secondary-500);color:#fff}.clarity-button--secondary:hover:not(:disabled){background-color:var(--clarity-secondary-600)}.clarity-button--danger{background-color:var(--clarity-danger-500);color:#fff}.clarity-button--danger:hover:not(:disabled){background-color:var(--clarity-danger-600)}.clarity-button--success{background-color:var(--clarity-success-500);color:#fff}.clarity-button--success:hover:not(:disabled){background-color:var(--clarity-success-600)}.clarity-button--disabled{opacity:.5;cursor:not-allowed}.clarity-button--loading{cursor:wait}.clarity-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
1
+ :root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.clarity-design-system h1{font-size:3.2em;line-height:1.1}.elisa-design-system{max-width:1200px;margin:0 auto;padding:2rem}.elisa-design-system h1{text-align:center;margin-bottom:2rem;color:#213547}:root{--clarity-elisa-100: #E8F4F3;--clarity-elisa-200: #B8DDD9;--clarity-elisa-300: #88C6BF;--clarity-elisa-400: #5FAFA5;--clarity-elisa-500: #3D9B8B;--clarity-elisa-600: #3D7574;--clarity-elisa-700: #2F5E5D;--clarity-elisa-800: #214746;--clarity-elisa-900: #133130;--clarity-elisa-primary: #3D7574;--clarity-elisa-secondary: #ADB5BD;--clarity-duda-100: #E0F9F8;--clarity-duda-200: #B3F0ED;--clarity-duda-300: #80E6E1;--clarity-duda-400: #4DDCD5;--clarity-duda-500: #26D0C9;--clarity-duda-600: #1AB5AE;--clarity-duda-700: #159A93;--clarity-duda-800: #107F78;--clarity-duda-900: #0B645D;--clarity-duda-primary: #1AB5AE;--clarity-duda-secondary: #ADB5BD;--clarity-dora-100: #E3F2FF;--clarity-dora-200: #B8DDFF;--clarity-dora-300: #8CC8FF;--clarity-dora-400: #61B3FF;--clarity-dora-500: #359EFF;--clarity-dora-600: #207FE2;--clarity-dora-700: #1A64B5;--clarity-dora-800: #144988;--clarity-dora-900: #0E2E5B;--clarity-dora-primary: #207FE2;--clarity-dora-secondary: #ADB5BD;--clarity-selena-100: #F3E8FF;--clarity-selena-200: #E1C7FF;--clarity-selena-300: #CFA6FF;--clarity-selena-400: #BD85FF;--clarity-selena-500: #AB64FF;--clarity-selena-600: #9943FF;--clarity-selena-700: #7A35CC;--clarity-selena-800: #5B2799;--clarity-selena-900: #3C1966;--clarity-selena-primary: #9943FF;--clarity-selena-secondary: #ADB5BD;--clarity-hub-100: #E8F9F6;--clarity-hub-200: #C2F0E6;--clarity-hub-300: #9CE7D6;--clarity-hub-400: #76DEC6;--clarity-hub-500: #50D5B6;--clarity-hub-600: #3BB89F;--clarity-hub-700: #2F9680;--clarity-hub-800: #237461;--clarity-hub-900: #175242;--clarity-hub-primary: #3BB89F;--clarity-hub-secondary: #ADB5BD;--clarity-gray-100: #F8F9FA;--clarity-gray-200: #E9ECEF;--clarity-gray-300: #DEE2E6;--clarity-gray-400: #CED4DA;--clarity-gray-500: #ADB5BD;--clarity-gray-600: #6C757D;--clarity-gray-700: #495057;--clarity-gray-800: #343A40;--clarity-gray-900: #212529;--clarity-gray-primary: #6C757D;--clarity-gray-secondary: #ADB5BD;--clarity-primary-500: #0ea5e9;--clarity-primary-600: #0284c7;--clarity-secondary-500: #64748b;--clarity-secondary-600: #475569;--clarity-danger-500: #ef4444;--clarity-danger-600: #dc2626;--clarity-success-500: #10b981;--clarity-success-600: #059669;--clarity-spacing-xs: 4px;--clarity-spacing-sm: 8px;--clarity-spacing-md: 16px;--clarity-spacing-lg: 24px;--clarity-spacing-xl: 32px;--clarity-font-family-sans: "Inter", system-ui, sans-serif;--clarity-font-size-base: 16px}*{box-sizing:border-box}.clarity-design-system{font-family:var(--clarity-font-family-sans);font-size:var(--clarity-font-size-base);line-height:1.5}.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.5}.clarity-button--small{padding:4px 8px;font-size:12px;border-radius:4px}.clarity-button--medium{padding:8px 16px;font-size:14px}.clarity-button--large{padding:12px 24px;font-size:16px;border-radius:8px}.clarity-button--primary{background-color:var(--clarity-primary-500);color:#fff}.clarity-button--primary:hover:not(:disabled){background-color:var(--clarity-primary-600)}.clarity-button--secondary{background-color:var(--clarity-secondary-500);color:#fff}.clarity-button--secondary:hover:not(:disabled){background-color:var(--clarity-secondary-600)}.clarity-button--danger{background-color:var(--clarity-danger-500);color:#fff}.clarity-button--danger:hover:not(:disabled){background-color:var(--clarity-danger-600)}.clarity-button--success{background-color:var(--clarity-success-500);color:#fff}.clarity-button--success:hover:not(:disabled){background-color:var(--clarity-success-600)}.clarity-button--disabled{opacity:.5;cursor:not-allowed}.clarity-button--loading{cursor:wait}.clarity-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clarity-button--elisa-primary{background-color:var(--clarity-elisa-primary);color:#fff}.clarity-button--elisa-primary:hover:not(:disabled){background-color:var(--clarity-elisa-700)}.clarity-button--elisa-secondary{background-color:var(--clarity-elisa-secondary);color:#fff}.clarity-button--elisa-secondary:hover:not(:disabled){background-color:var(--clarity-elisa-600)}.clarity-button--dora-primary{background-color:var(--clarity-dora-primary);color:#fff}.clarity-button--dora-primary:hover:not(:disabled){background-color:var(--clarity-dora-700)}.clarity-button--dora-secondary{background-color:var(--clarity-dora-secondary);color:#fff}.clarity-button--dora-secondary:hover:not(:disabled){background-color:var(--clarity-dora-600)}.clarity-button--hub-primary{background-color:var(--clarity-hub-primary);color:#fff}.clarity-button--hub-primary:hover:not(:disabled){background-color:var(--clarity-hub-700)}.clarity-button--hub-secondary{background-color:var(--clarity-hub-secondary);color:#fff}.clarity-button--hub-secondary:hover:not(:disabled){background-color:var(--clarity-hub-600)}.clarity-button--selena-primary{background-color:var(--clarity-selena-primary);color:#fff}.clarity-button--selena-primary:hover:not(:disabled){background-color:var(--clarity-selena-700)}.clarity-button--selena-secondary{background-color:var(--clarity-selena-secondary);color:#fff}.clarity-button--selena-secondary:hover:not(:disabled){background-color:var(--clarity-selena-600)}.clarity-button--custom{background-color:var(--custom-bg-color);color:#fff}.clarity-button--custom:hover:not(:disabled){background-color:var(--custom-hover-color)}.clarity-button--duda-primary{background-color:var(--clarity-duda-primary);color:#fff}.clarity-button--duda-primary:hover:not(:disabled){background-color:var(--clarity-duda-600)}.clarity-button--duda-secondary{background-color:var(--clarity-duda-secondary);color:#fff}.clarity-button--duda-secondary:hover:not(:disabled){background-color:var(--clarity-duda-700)}.clarity-input-wrapper{display:flex;flex-direction:column;width:100%}.clarity-input{position:relative;display:flex;align-items:center;border-radius:8px;transition:all .2s ease-in-out;background-color:transparent;border:1px solid var(--clarity-gray-300)}.clarity-input__field{position:relative;flex:1;display:flex;align-items:center}.clarity-input__element{width:100%;border:none;outline:none;background:transparent;font-family:inherit;color:var(--clarity-gray-900);transition:all .2s ease-in-out;padding:16px 12px}.clarity-input__element::placeholder{color:transparent}.clarity-input__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clarity-gray-500);font-size:16px;transition:all .2s ease-in-out;pointer-events:none;background:#fff;padding:0 4px;margin-left:0}.clarity-input--focused{border:2px solid var(--clarity-primary-600)}.clarity-input--focused .clarity-input__label{color:var(--clarity-primary-600);top:0;transform:translateY(-50%);font-size:12px;left:11px}.clarity-input--outlined{border:1px solid var(--clarity-gray-300)}.clarity-input--outlined .clarity-input__element{padding:16px 12px}.clarity-input--outlined.clarity-input--focused{border:2px solid var(--clarity-primary-600)}.clarity-input--outlined.clarity-input--focused .clarity-input__label,.clarity-input--outlined.clarity-input--focused .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{top:0;transform:translateY(-50%);font-size:12px;color:var(--clarity-primary-600);left:11px}.clarity-input--primary.clarity-input--focused{border:2px solid var(--clarity-primary-600)}.clarity-input--primary.clarity-input--focused .clarity-input__label{color:var(--clarity-primary-600);left:11px}.clarity-input--secondary.clarity-input--focused{border:2px solid var(--clarity-secondary-600)}.clarity-input--secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-secondary-600);left:11px}.clarity-input--elisa-primary.clarity-input--focused{border:2px solid var(--clarity-elisa-primary)}.clarity-input--elisa-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-elisa-primary);left:11px}.clarity-input--dora-primary.clarity-input--focused{border:2px solid var(--clarity-dora-primary)}.clarity-input--dora-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-dora-primary);left:11px}.clarity-input--hub-primary.clarity-input--focused{border:2px solid var(--clarity-hub-primary)}.clarity-input--hub-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-hub-primary);left:11px}.clarity-input--selena-primary.clarity-input--focused{border:2px solid var(--clarity-selena-primary)}.clarity-input--selena-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-selena-primary);left:11px}.clarity-input--duda-primary.clarity-input--focused{border:2px solid var(--clarity-duda-primary)}.clarity-input--duda-primary.clarity-input--focused .clarity-input__label{color:var(--clarity-duda-primary);left:11px}.clarity-input--elisa-secondary.clarity-input--focused{border:2px solid var(--clarity-elisa-secondary)}.clarity-input--elisa-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-elisa-secondary);left:11px}.clarity-input--dora-secondary.clarity-input--focused{border:2px solid var(--clarity-dora-secondary)}.clarity-input--dora-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-dora-secondary);left:11px}.clarity-input--hub-secondary.clarity-input--focused{border:2px solid var(--clarity-hub-secondary)}.clarity-input--hub-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-hub-secondary);left:11px}.clarity-input--selena-secondary.clarity-input--focused{border:2px solid var(--clarity-selena-secondary)}.clarity-input--selena-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-selena-secondary);left:11px}.clarity-input--duda-secondary.clarity-input--focused{border:2px solid var(--clarity-duda-secondary)}.clarity-input--duda-secondary.clarity-input--focused .clarity-input__label{color:var(--clarity-duda-secondary);left:11px}.clarity-input--small .clarity-input__element{padding:12px 8px;font-size:14px}.clarity-input--small .clarity-input__label{font-size:14px;left:8px}.clarity-input--small.clarity-input--focused .clarity-input__label{font-size:10px;left:7px}.clarity-input--large .clarity-input__element{padding:20px 16px;font-size:18px}.clarity-input--large .clarity-input__label{font-size:18px;left:16px}.clarity-input--large.clarity-input--focused .clarity-input__label{font-size:14px;left:15px}.clarity-input--error{border:1px solid var(--clarity-danger-500)!important}.clarity-input--error.clarity-input--focused{border:2px solid var(--clarity-danger-500)!important}.clarity-input--error .clarity-input__label{color:var(--clarity-danger-500)!important}.clarity-input--error.clarity-input--focused .clarity-input__label{left:11px!important}.clarity-input--disabled{opacity:.6;cursor:not-allowed}.clarity-input--disabled .clarity-input__element{cursor:not-allowed}.clarity-input__start-icon,.clarity-input__end-icon{display:flex;align-items:center;color:var(--clarity-gray-500);padding:0 8px}.clarity-input--with-start-icon .clarity-input__element{padding-left:0}.clarity-input--with-end-icon .clarity-input__element{padding-right:0}.clarity-input__helper-text{margin-top:4px;font-size:12px;color:var(--clarity-gray-600)}.clarity-input--error .clarity-input__helper-text{color:var(--clarity-danger-500)}.clarity-input--focused .clarity-input__label,.clarity-input__element:not(:placeholder-shown)+.clarity-input__label{top:0;transform:translateY(-50%);font-size:12px}.clarity-input.clarity-input--primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-primary-600)!important}.clarity-input.clarity-input--secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-secondary-600)!important}.clarity-input.clarity-input--elisa-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-elisa-primary)!important}.clarity-input.clarity-input--dora-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-dora-primary)!important}.clarity-input.clarity-input--hub-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-hub-primary)!important}.clarity-input.clarity-input--selena-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-selena-primary)!important}.clarity-input.clarity-input--duda-primary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-duda-primary)!important}.clarity-input.clarity-input--elisa-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-elisa-secondary)!important}.clarity-input.clarity-input--dora-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-dora-secondary)!important}.clarity-input.clarity-input--hub-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-hub-secondary)!important}.clarity-input.clarity-input--selena-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-selena-secondary)!important}.clarity-input.clarity-input--duda-secondary .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{color:var(--clarity-duda-secondary)!important}.clarity-input--multiline .clarity-input__element{min-height:80px;padding-top:20px;padding-bottom:8px;line-height:1.5;font-family:inherit}.clarity-input--multiline .clarity-input__label{top:16px}.clarity-input--multiline.clarity-input--focused .clarity-input__label,.clarity-input--multiline .clarity-input__element:not(:placeholder-shown)+.clarity-input__label{top:8px}.clarity-input--small.clarity-input--multiline .clarity-input__element{min-height:60px;padding-top:16px;padding-bottom:6px}.clarity-input--large.clarity-input--multiline .clarity-input__element{min-height:100px;padding-top:24px;padding-bottom:10px}.clarity-textarea-wrapper{display:flex;flex-direction:column;width:100%}.clarity-textarea{position:relative;display:flex;align-items:flex-start;border-radius:8px;transition:all .2s ease-in-out;background-color:transparent;border:1px solid var(--clarity-gray-300)}.clarity-textarea__field{position:relative;flex:1;display:flex;align-items:flex-start}.clarity-textarea__element{width:100%;border:none;outline:none;background:transparent;font-family:inherit;color:var(--clarity-gray-900);transition:all .2s ease-in-out;padding:20px 12px 8px;min-height:80px;line-height:1.5;resize:vertical}.clarity-textarea__element::placeholder{color:transparent}.clarity-textarea__label{position:absolute;left:12px;top:16px;color:var(--clarity-gray-500);font-size:16px;transition:all .2s ease-in-out;pointer-events:none;background:#fff;padding:0 4px;margin-left:0}.clarity-textarea--focused{border:2px solid var(--clarity-primary-600)}.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-primary-600);top:8px;font-size:12px;left:11px}.clarity-textarea--outlined{border:1px solid var(--clarity-gray-300)}.clarity-textarea--outlined.clarity-textarea--focused{border:2px solid var(--clarity-primary-600)}.clarity-textarea--outlined.clarity-textarea--focused .clarity-textarea__label,.clarity-textarea--outlined .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{top:8px;font-size:12px;color:var(--clarity-primary-600);left:11px}.clarity-textarea--primary.clarity-textarea--focused{border:2px solid var(--clarity-primary-600)}.clarity-textarea--primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-primary-600);left:11px}.clarity-textarea--secondary.clarity-textarea--focused{border:2px solid var(--clarity-secondary-600)}.clarity-textarea--secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-secondary-600);left:11px}.clarity-textarea--elisa-primary.clarity-textarea--focused{border:2px solid var(--clarity-elisa-primary)}.clarity-textarea--elisa-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-elisa-primary);left:11px}.clarity-textarea--dora-primary.clarity-textarea--focused{border:2px solid var(--clarity-dora-primary)}.clarity-textarea--dora-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-dora-primary);left:11px}.clarity-textarea--hub-primary.clarity-textarea--focused{border:2px solid var(--clarity-hub-primary)}.clarity-textarea--hub-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-hub-primary);left:11px}.clarity-textarea--selena-primary.clarity-textarea--focused{border:2px solid var(--clarity-selena-primary)}.clarity-textarea--selena-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-selena-primary);left:11px}.clarity-textarea--duda-primary.clarity-textarea--focused{border:2px solid var(--clarity-duda-primary)}.clarity-textarea--duda-primary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-duda-primary);left:11px}.clarity-textarea--elisa-secondary.clarity-textarea--focused{border:2px solid var(--clarity-elisa-secondary)}.clarity-textarea--elisa-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-elisa-secondary);left:11px}.clarity-textarea--dora-secondary.clarity-textarea--focused{border:2px solid var(--clarity-dora-secondary)}.clarity-textarea--dora-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-dora-secondary);left:11px}.clarity-textarea--hub-secondary.clarity-textarea--focused{border:2px solid var(--clarity-hub-secondary)}.clarity-textarea--hub-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-hub-secondary);left:11px}.clarity-textarea--selena-secondary.clarity-textarea--focused{border:2px solid var(--clarity-selena-secondary)}.clarity-textarea--selena-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-selena-secondary);left:11px}.clarity-textarea--duda-secondary.clarity-textarea--focused{border:2px solid var(--clarity-duda-secondary)}.clarity-textarea--duda-secondary.clarity-textarea--focused .clarity-textarea__label{color:var(--clarity-duda-secondary);left:11px}.clarity-textarea--small .clarity-textarea__element{padding:16px 8px 6px;font-size:14px;min-height:60px}.clarity-textarea--small .clarity-textarea__label{font-size:14px;left:8px;top:12px}.clarity-textarea--small.clarity-textarea--focused .clarity-textarea__label{font-size:10px;left:7px;top:6px}.clarity-textarea--large .clarity-textarea__element{padding:24px 16px 10px;font-size:18px;min-height:100px}.clarity-textarea--large .clarity-textarea__label{font-size:18px;left:16px;top:20px}.clarity-textarea--large.clarity-textarea--focused .clarity-textarea__label{font-size:14px;left:15px;top:10px}.clarity-textarea--error{border:1px solid var(--clarity-danger-500)!important}.clarity-textarea--error.clarity-textarea--focused{border:2px solid var(--clarity-danger-500)!important}.clarity-textarea--error .clarity-textarea__label{color:var(--clarity-danger-500)!important}.clarity-textarea--error.clarity-textarea--focused .clarity-textarea__label{left:11px!important}.clarity-textarea--disabled{opacity:.6;cursor:not-allowed}.clarity-textarea--disabled .clarity-textarea__element{cursor:not-allowed}.clarity-textarea__start-icon,.clarity-textarea__end-icon{display:flex;align-items:flex-start;color:var(--clarity-gray-500);padding:16px 8px 8px}.clarity-textarea--with-start-icon .clarity-textarea__element{padding-left:0}.clarity-textarea--with-end-icon .clarity-textarea__element{padding-right:0}.clarity-textarea__helper-text{margin-top:4px;font-size:12px;color:var(--clarity-gray-600)}.clarity-textarea--error .clarity-textarea__helper-text{color:var(--clarity-danger-500)}.clarity-textarea--focused .clarity-textarea__label,.clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{top:8px;font-size:12px}.clarity-textarea.clarity-textarea--primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-primary-600)!important}.clarity-textarea.clarity-textarea--secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-secondary-600)!important}.clarity-textarea.clarity-textarea--elisa-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-elisa-primary)!important}.clarity-textarea.clarity-textarea--dora-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-dora-primary)!important}.clarity-textarea.clarity-textarea--hub-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-hub-primary)!important}.clarity-textarea.clarity-textarea--selena-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-selena-primary)!important}.clarity-textarea.clarity-textarea--duda-primary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-duda-primary)!important}.clarity-textarea.clarity-textarea--elisa-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-elisa-secondary)!important}.clarity-textarea.clarity-textarea--dora-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-dora-secondary)!important}.clarity-textarea.clarity-textarea--hub-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-hub-secondary)!important}.clarity-textarea.clarity-textarea--selena-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-selena-secondary)!important}.clarity-textarea.clarity-textarea--duda-secondary .clarity-textarea__element:not(:placeholder-shown)+.clarity-textarea__label{color:var(--clarity-duda-secondary)!important}.clarity-select-wrapper{display:flex;flex-direction:column;width:100%;position:relative}.clarity-select{position:relative;display:flex;align-items:center;border:1px solid var(--clarity-gray-300);border-radius:8px;background-color:transparent;transition:all .2s ease-in-out;cursor:pointer;outline:none;min-width:200px}.clarity-select--focused{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #0ea5e91a}.clarity-select__field{position:relative;flex:1;display:flex;align-items:center}.clarity-select__display{width:100%;font-family:inherit;font-size:14px;line-height:1.5;color:var(--clarity-gray-900);padding:12px 0 12px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.clarity-select--disabled .clarity-select__display{color:var(--clarity-gray-500)}.clarity-select__label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--clarity-gray-500);font-size:14px;transition:all .2s ease-in-out;pointer-events:none;background:#fff;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 60px)}.clarity-select--label-up .clarity-select__label{top:0;font-size:12px;color:var(--clarity-primary-600)}.clarity-select--searchable.clarity-select--label-up .clarity-select__label{top:-4px;left:21px;z-index:1}.clarity-select__start-icon,.clarity-select__end-icon{display:flex;align-items:center;justify-content:center;color:var(--clarity-gray-500);pointer-events:none}.clarity-select--searchable .clarity-select__end-icon{pointer-events:auto;cursor:pointer}.clarity-select__start-icon{margin-left:16px;margin-right:8px}.clarity-select__end-icon{margin-left:8px;margin-right:16px}.clarity-select__arrow{transition:transform .2s ease-in-out}.clarity-select--open .clarity-select__arrow{transform:rotate(180deg)}.clarity-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--clarity-gray-100);border:1px solid var(--clarity-gray-300);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:4px;max-height:200px;overflow-y:auto}.clarity-select__options{list-style:none;margin:0;padding:4px 0}.clarity-select__option{padding:8px 16px;font-size:14px;color:var(--clarity-gray-900);cursor:pointer;transition:background-color .15s ease-in-out}.clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#0ea5e91a}.clarity-select--primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#0ea5e91a}.clarity-select--secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#64748b1a}.clarity-select--elisa-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#3d75741a}.clarity-select--elisa-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#3d9b8b1a}.clarity-select--dora-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#207fe21a}.clarity-select--dora-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#359eff1a}.clarity-select--hub-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#3bb89f1a}.clarity-select--hub-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#50d5b61a}.clarity-select--selena-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#9943ff1a}.clarity-select--selena-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#ab64ff1a}.clarity-select--duda-primary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#1ab5ae1a}.clarity-select--duda-secondary .clarity-select__option:hover:not(.clarity-select__option--disabled){background-color:#26d0c91a}.clarity-select__option--selected{background-color:#0ea5e91a;color:var(--clarity-primary-600);font-weight:500}.clarity-select__option--disabled{color:var(--clarity-gray-400);cursor:not-allowed}.clarity-select__helper-text{margin-top:6px;font-size:12px;color:var(--clarity-gray-600)}.clarity-select--small{min-height:36px;min-width:180px}.clarity-select--small .clarity-select__label{left:12px;font-size:13px;max-width:calc(100% - 50px)}.clarity-select--small .clarity-select__display{padding:8px 0 8px 12px;font-size:13px}.clarity-select--small.clarity-select--label-up .clarity-select__label{font-size:11px}.clarity-select--medium{min-height:48px;min-width:200px}.clarity-select--medium .clarity-select__display{padding:16px 0 16px 16px;font-size:14px}.clarity-select--large{min-height:52px;min-width:220px}.clarity-select--large .clarity-select__label{left:20px;font-size:16px;max-width:calc(100% - 70px)}.clarity-select--large .clarity-select__display{padding:16px 0 16px 20px;font-size:16px}.clarity-select--large.clarity-select--label-up .clarity-select__label{font-size:13px}.clarity-select--small .clarity-select__start-icon{margin-left:12px;margin-right:6px}.clarity-select--small .clarity-select__end-icon{margin-left:6px;margin-right:12px}.clarity-select--large .clarity-select__start-icon{margin-left:20px;margin-right:10px}.clarity-select--large .clarity-select__end-icon{margin-left:10px;margin-right:20px}.clarity-select--with-start-icon .clarity-select__display{padding-left:0}.clarity-select--with-end-icon .clarity-select__display{padding-right:0}.clarity-select--focused .clarity-select__display{padding:11px 0 11px 15px}.clarity-select--focused.clarity-select--small .clarity-select__display{padding:7px 0 7px 11px}.clarity-select--focused.clarity-select--large .clarity-select__display{padding:15px 0 15px 19px}.clarity-select--focused.clarity-select--with-start-icon .clarity-select__display{padding-left:0}.clarity-select--focused.clarity-select--with-end-icon .clarity-select__display{padding-right:0}.clarity-select--error{border-color:var(--clarity-danger-500)}.clarity-select--error:hover{border-color:var(--clarity-danger-600)}.clarity-select--error.clarity-select--focused{border:2px solid var(--clarity-danger-500);box-shadow:0 0 0 3px #ef44441a}.clarity-select--error .clarity-select__label,.clarity-select--error .clarity-select__helper-text{color:var(--clarity-danger-600)}.clarity-select--disabled{opacity:.6;cursor:not-allowed}.clarity-select--disabled:hover{border-color:var(--clarity-gray-300)}.clarity-select--disabled .clarity-select__label,.clarity-select--disabled .clarity-select__start-icon,.clarity-select--disabled .clarity-select__end-icon,.clarity-select--disabled .clarity-select__display{cursor:not-allowed}.clarity-select--disabled .clarity-select__label,.clarity-select--disabled .clarity-select__start-icon,.clarity-select--disabled .clarity-select__end-icon{color:var(--clarity-gray-400)}.clarity-select--primary.clarity-select--focused{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #0ea5e91a}.clarity-select--primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-primary-600)}.clarity-select--secondary.clarity-select--focused{border:2px solid var(--clarity-secondary-500);box-shadow:0 0 0 3px #64748b1a}.clarity-select--secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-secondary-600)}.clarity-select--elisa-primary.clarity-select--focused{border:2px solid var(--clarity-elisa-primary);box-shadow:0 0 0 3px #3d75741a}.clarity-select--elisa-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-elisa-primary)}.clarity-select--elisa-secondary.clarity-select--focused{border:2px solid var(--clarity-elisa-secondary);box-shadow:0 0 0 3px #3d9b8b1a}.clarity-select--elisa-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-elisa-secondary)}.clarity-select--dora-primary.clarity-select--focused{border:2px solid var(--clarity-dora-primary);box-shadow:0 0 0 3px #207fe21a}.clarity-select--dora-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-dora-primary)}.clarity-select--dora-secondary.clarity-select--focused{border:2px solid var(--clarity-dora-secondary);box-shadow:0 0 0 3px #359eff1a}.clarity-select--dora-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-dora-secondary)}.clarity-select--hub-primary.clarity-select--focused{border:2px solid var(--clarity-hub-primary);box-shadow:0 0 0 3px #3bb89f1a}.clarity-select--hub-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-hub-primary)}.clarity-select--hub-secondary.clarity-select--focused{border:2px solid var(--clarity-hub-secondary);box-shadow:0 0 0 3px #50d5b61a}.clarity-select--hub-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-hub-secondary)}.clarity-select--selena-primary.clarity-select--focused{border:2px solid var(--clarity-selena-primary);box-shadow:0 0 0 3px #9943ff1a}.clarity-select--selena-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-selena-primary)}.clarity-select--selena-secondary.clarity-select--focused{border:2px solid var(--clarity-selena-secondary);box-shadow:0 0 0 3px #ab64ff1a}.clarity-select--selena-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-selena-secondary)}.clarity-select--duda-primary.clarity-select--focused{border:2px solid var(--clarity-duda-primary);box-shadow:0 0 0 3px #1ab5ae1a}.clarity-select--duda-primary.clarity-select--label-up .clarity-select__label{color:var(--clarity-duda-primary)}.clarity-select--duda-secondary.clarity-select--focused{border:2px solid var(--clarity-duda-secondary);box-shadow:0 0 0 3px #26d0c91a}.clarity-select--duda-secondary.clarity-select--label-up .clarity-select__label{color:var(--clarity-duda-secondary)}.clarity-select__clear-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--clarity-gray-500);padding:4px;border-radius:4px;transition:all .2s ease-in-out}.clarity-select__clear-button:hover{color:var(--clarity-gray-700);background-color:var(--clarity-gray-100)}.clarity-select__clear-button:focus{outline:2px solid var(--clarity-primary-500);outline-offset:2px}.clarity-select--disabled .clarity-select__clear-button{color:var(--clarity-gray-400);cursor:not-allowed}.clarity-select--disabled .clarity-select__clear-button:hover{background-color:transparent}.clarity-select__search-input{width:100%;border:none;outline:none;background:transparent;font-family:inherit;color:var(--clarity-gray-900);font-size:14px;padding:12px 16px}.clarity-select__search-input::placeholder{color:var(--clarity-gray-500)}.clarity-select__search-input:read-only{cursor:pointer}.clarity-select--searchable .clarity-select__field{cursor:text}.clarity-select--searchable:not(.clarity-select--open) .clarity-select__field{cursor:pointer}.clarity-select__option--no-results{color:var(--clarity-gray-500);font-style:italic;cursor:default}.clarity-select__option--no-results:hover{background-color:transparent!important}.clarity-select--small .clarity-select__search-input{font-size:13px}.clarity-select--large .clarity-select__search-input{font-size:16px}.clarity-multiselect-wrapper{display:flex;flex-direction:column;width:100%}.clarity-multiselect{position:relative;width:100%;min-width:200px}.clarity-multiselect__field{position:relative;display:flex;align-items:center;min-height:48px;border:1px solid var(--clarity-gray-300);border-radius:8px;background-color:var(--clarity-white);cursor:pointer;transition:all .2s ease-in-out;padding:8px 12px}.clarity-multiselect__field:hover{border-color:var(--clarity-gray-400)}.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #3b82f61a;padding:7px 11px}.clarity-multiselect--error .clarity-multiselect__field{border-color:var(--clarity-error-500)}.clarity-multiselect--error.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-error-500);box-shadow:0 0 0 3px #ef44441a}.clarity-multiselect--disabled .clarity-multiselect__field{background-color:var(--clarity-gray-50);border-color:var(--clarity-gray-200);cursor:not-allowed}.clarity-multiselect__label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clarity-gray-600);font-size:14px;font-weight:400;pointer-events:none;transition:all .2s ease-in-out;background-color:#fff;padding:0 4px;z-index:1}.clarity-multiselect--label-up .clarity-multiselect__label{top:0;transform:translateY(-50%);font-size:12px;font-weight:500;color:var(--clarity-primary-600)}.clarity-multiselect--error .clarity-multiselect__label{color:var(--clarity-error-600)}.clarity-multiselect--disabled .clarity-multiselect__label{color:var(--clarity-gray-400)}.clarity-multiselect__required{color:var(--clarity-error-500);margin-left:2px}.clarity-multiselect__content{flex:1;display:flex;align-items:center;min-height:32px;overflow:hidden}.clarity-multiselect__placeholder{color:var(--clarity-gray-500);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clarity-multiselect--disabled .clarity-multiselect__placeholder{color:var(--clarity-gray-400)}.clarity-multiselect__chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center;width:100%;overflow:hidden}.clarity-multiselect__chip{display:inline-flex;align-items:center;background-color:var(--clarity-primary-50);border:1px solid var(--clarity-primary-200);border-radius:16px;padding:4px 8px;font-size:12px;font-weight:500;color:var(--clarity-primary-700);max-width:120px;flex-shrink:0}.clarity-multiselect__chip--count{background-color:var(--clarity-gray-100);border-color:var(--clarity-gray-300);color:var(--clarity-gray-600)}.clarity-multiselect__chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.clarity-multiselect__chip-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--clarity-primary-500);margin-left:4px;padding:0;width:16px;height:16px;border-radius:50%;font-size:14px;line-height:1;transition:all .2s ease-in-out}.clarity-multiselect__chip-remove:hover{background-color:var(--clarity-primary-100);color:var(--clarity-primary-700)}.clarity-multiselect__icons{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}.clarity-multiselect__clear-button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--clarity-gray-500);padding:4px;border-radius:4px;transition:all .2s ease-in-out;font-size:16px;line-height:1}.clarity-multiselect__clear-button:hover{color:var(--clarity-gray-700);background-color:var(--clarity-gray-100)}.clarity-multiselect__dropdown-icon{display:flex;align-items:center;color:var(--clarity-gray-500);transition:transform .2s ease-in-out}.clarity-multiselect--open .clarity-multiselect__dropdown-icon{transform:rotate(180deg)}.clarity-multiselect--disabled .clarity-multiselect__dropdown-icon{color:var(--clarity-gray-400)}.clarity-multiselect__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--clarity-white);border:1px solid var(--clarity-gray-200);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:4px;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.clarity-multiselect__search{padding:12px;border-bottom:1px solid var(--clarity-gray-200);flex-shrink:0}.clarity-multiselect__search-input{width:100%;border:1px solid var(--clarity-gray-300);border-radius:6px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .2s ease-in-out}.clarity-multiselect__search-input:focus{border-color:var(--clarity-primary-500);box-shadow:0 0 0 2px #3b82f61a}.clarity-multiselect__search-input::placeholder{color:var(--clarity-gray-500)}.clarity-multiselect__options{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.clarity-multiselect__option{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease-in-out;border-bottom:1px solid var(--clarity-gray-100)}.clarity-multiselect__option:last-child{border-bottom:none}.clarity-multiselect__option:hover{background-color:var(--clarity-gray-50)}.clarity-multiselect__option--selected{background-color:var(--clarity-primary-50)}.clarity-multiselect__option--selected:hover{background-color:var(--clarity-primary-100)}.clarity-multiselect__option--disabled{color:var(--clarity-gray-400);cursor:not-allowed}.clarity-multiselect__option--disabled:hover{background-color:transparent}.clarity-multiselect__option--no-results{color:var(--clarity-gray-500);font-style:italic;cursor:default}.clarity-multiselect__option--no-results:hover{background-color:transparent}.clarity-multiselect__option-checkbox{margin-right:12px;flex-shrink:0}.clarity-multiselect__checkbox{width:16px;height:16px;border:2px solid var(--clarity-gray-300);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.clarity-multiselect__checkbox--checked{border:2px solid var(--clarity-gray-300);padding:1px}.clarity-multiselect--primary .clarity-multiselect__option--selected{background-color:#0ea5e91a}.clarity-multiselect--secondary .clarity-multiselect__option--selected{background-color:#64748b1a}.clarity-multiselect--elisa-primary .clarity-multiselect__option--selected,.clarity-multiselect--elisa-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-elisa-100)}.clarity-multiselect--dora-primary .clarity-multiselect__option--selected,.clarity-multiselect--dora-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-dora-100)}.clarity-multiselect--hub-primary .clarity-multiselect__option--selected,.clarity-multiselect--hub-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-hub-100)}.clarity-multiselect--selena-primary .clarity-multiselect__option--selected,.clarity-multiselect--selena-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-selena-100)}.clarity-multiselect--duda-primary .clarity-multiselect__option--selected,.clarity-multiselect--duda-secondary .clarity-multiselect__option--selected{background-color:var(--clarity-duda-100)}.clarity-multiselect__option--disabled .clarity-multiselect__checkbox{border-color:var(--clarity-gray-100)}.clarity-multiselect__option--disabled .clarity-multiselect__checkbox--checked{background-color:var(--clarity-gray-300);border-color:var(--clarity-gray-300)}.clarity-multiselect__option-label{flex:1;font-size:14px;color:var(--clarity-gray-900)}.clarity-multiselect__option--disabled .clarity-multiselect__option-label{color:var(--clarity-gray-400)}.clarity-multiselect__helper{margin-top:6px;font-size:12px;line-height:1.4}.clarity-multiselect__helper-text{color:var(--clarity-gray-600)}.clarity-multiselect__error-message{color:var(--clarity-error-600)}.clarity-multiselect--small .clarity-multiselect__field{min-height:40px;padding:6px 10px}.clarity-multiselect--small.clarity-multiselect--focused .clarity-multiselect__field{padding:5px 9px}.clarity-multiselect--small .clarity-multiselect__label{font-size:13px;left:10px}.clarity-multiselect--small.clarity-multiselect--label-up .clarity-multiselect__label{font-size:11px}.clarity-multiselect--small .clarity-multiselect__placeholder{font-size:13px}.clarity-multiselect--small .clarity-multiselect__chip{padding:2px 6px;font-size:11px}.clarity-multiselect--large .clarity-multiselect__field{min-height:56px;padding:12px 16px}.clarity-multiselect--large.clarity-multiselect--focused .clarity-multiselect__field{padding:11px 15px}.clarity-multiselect--large .clarity-multiselect__label{font-size:16px;left:16px}.clarity-multiselect--large.clarity-multiselect--label-up .clarity-multiselect__label{font-size:13px}.clarity-multiselect--large .clarity-multiselect__placeholder{font-size:16px}.clarity-multiselect--large .clarity-multiselect__chip{padding:6px 10px;font-size:13px}.clarity-multiselect--primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-primary-500);box-shadow:0 0 0 3px #3b82f61a}.clarity-multiselect--primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-primary-600)}.clarity-multiselect--secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-secondary-500);box-shadow:0 0 0 3px #64748b1a}.clarity-multiselect--secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-secondary-600)}.clarity-multiselect--elisa-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-elisa-primary);box-shadow:0 0 0 3px #3d75741a}.clarity-multiselect--elisa-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-elisa-primary)}.clarity-multiselect--elisa-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-elisa-secondary);box-shadow:0 0 0 3px #3d9b8b1a}.clarity-multiselect--elisa-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-elisa-secondary)}.clarity-multiselect--dora-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-dora-primary);box-shadow:0 0 0 3px #207fe21a}.clarity-multiselect--dora-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-dora-primary)}.clarity-multiselect--dora-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-dora-secondary);box-shadow:0 0 0 3px #359eff1a}.clarity-multiselect--dora-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-dora-secondary)}.clarity-multiselect--hub-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-hub-primary);box-shadow:0 0 0 3px #3bb89f1a}.clarity-multiselect--hub-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-hub-primary)}.clarity-multiselect--hub-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-hub-secondary);box-shadow:0 0 0 3px #50d5b61a}.clarity-multiselect--hub-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-hub-secondary)}.clarity-multiselect--selena-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-selena-primary);box-shadow:0 0 0 3px #9943ff1a}.clarity-multiselect--selena-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-selena-primary)}.clarity-multiselect--selena-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-selena-secondary);box-shadow:0 0 0 3px #ab64ff1a}.clarity-multiselect--selena-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-selena-secondary)}.clarity-multiselect--duda-primary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-duda-primary);box-shadow:0 0 0 3px #1ab5ae1a}.clarity-multiselect--duda-primary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-duda-primary)}.clarity-multiselect--duda-secondary.clarity-multiselect--focused .clarity-multiselect__field{border:2px solid var(--clarity-duda-secondary);box-shadow:0 0 0 3px #26d0c91a}.clarity-multiselect--duda-secondary.clarity-multiselect--label-up .clarity-multiselect__label{color:var(--clarity-duda-secondary)}.clarity-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.clarity-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-height:90vh;min-height:150px;display:flex;flex-direction:column;overflow:hidden}.clarity-modal--small{max-width:300px}.clarity-modal--medium{max-width:500px}.clarity-modal--large{max-width:800px}.clarity-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--clarity-gray-200)}.clarity-modal-title{margin:0;font-size:20px;font-weight:600;color:var(--clarity-gray-900)}.clarity-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--clarity-gray-500);transition:color .2s ease-in-out;margin-left:auto}.clarity-modal-close:hover{color:var(--clarity-gray-700)}.clarity-modal-content{padding:24px;overflow-y:auto;flex-grow:1}.clarity-modal-footer{position:relative;padding:16px 24px;border-top:1px solid var(--clarity-gray-200);display:flex;justify-content:flex-end;gap:8px;background-color:#fff;z-index:10}.clarity-modal-scroll-indicator{position:absolute;bottom:101.5%;left:0;right:0;height:12px;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none;z-index:5;width:94%;margin:0 auto}.clarity-modal-header--primary{background-color:var(--clarity-primary-600)}.clarity-modal-header--primary .clarity-modal-title,.clarity-modal-header--primary .clarity-modal-close{color:#fff}.clarity-modal-header--secondary{background-color:var(--clarity-secondary-600)}.clarity-modal-header--secondary .clarity-modal-title,.clarity-modal-header--secondary .clarity-modal-close{color:#fff}.clarity-modal-header--elisa-primary{background-color:var(--clarity-elisa-primary)}.clarity-modal-header--elisa-primary .clarity-modal-title,.clarity-modal-header--elisa-primary .clarity-modal-close{color:#fff}.clarity-modal-header--dora-primary{background-color:var(--clarity-dora-primary)}.clarity-modal-header--dora-primary .clarity-modal-title,.clarity-modal-header--dora-primary .clarity-modal-close{color:#fff}.clarity-modal-header--hub-primary{background-color:var(--clarity-hub-primary)}.clarity-modal-header--hub-primary .clarity-modal-title,.clarity-modal-header--hub-primary .clarity-modal-close{color:#fff}.clarity-modal-header--selena-primary{background-color:var(--clarity-selena-primary)}.clarity-modal-header--selena-primary .clarity-modal-title,.clarity-modal-header--selena-primary .clarity-modal-close{color:#fff}.clarity-modal-header--duda-primary{background-color:var(--clarity-duda-primary)}.clarity-modal-header--duda-primary .clarity-modal-title,.clarity-modal-header--duda-primary .clarity-modal-close{color:#fff}.clarity-modal-header--elisa-secondary{background-color:var(--clarity-elisa-secondary)}.clarity-modal-header--elisa-secondary .clarity-modal-title,.clarity-modal-header--elisa-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--dora-secondary{background-color:var(--clarity-dora-secondary)}.clarity-modal-header--dora-secondary .clarity-modal-title,.clarity-modal-header--dora-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--hub-secondary{background-color:var(--clarity-hub-secondary)}.clarity-modal-header--hub-secondary .clarity-modal-title,.clarity-modal-header--hub-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--selena-secondary{background-color:var(--clarity-selena-secondary)}.clarity-modal-header--selena-secondary .clarity-modal-title,.clarity-modal-header--selena-secondary .clarity-modal-close{color:#fff}.clarity-modal-header--duda-secondary{background-color:var(--clarity-duda-secondary)}.clarity-modal-header--duda-secondary .clarity-modal-title,.clarity-modal-header--duda-secondary .clarity-modal-close{color:#fff}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beth-clarity",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "description": "Design System da Beth Health Tech com componentes React reutilizáveis",
5
5
  "main": "dist/clarity-design-system.umd.js",
6
6
  "module": "dist/clarity-design-system.es.js",
@@ -17,6 +17,8 @@
17
17
  "dist"
18
18
  ],
19
19
  "sideEffects": [
20
+ "./dist/styles/index.css",
21
+ "./dist/clarity-design-system.es.js",
20
22
  "**/*.css",
21
23
  "./src/auto-styles.css"
22
24
  ],