@post-pioneer/ui-kit 0.1.43 → 0.1.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/ui-kit-postpioneer.es.js +375 -375
- package/dist/ui-kit-postpioneer.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import { jsx as o, jsxs as x, Fragment as C1 } from "react/jsx-runtime";
|
|
2
|
+
import p, { forwardRef as g, useState as a1 } from "react";
|
|
3
|
+
const m1 = g(
|
|
4
4
|
({ width: e = "12", height: r = "14", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
|
|
5
5
|
"svg",
|
|
6
6
|
{
|
|
@@ -24,8 +24,8 @@ const v1 = g(
|
|
|
24
24
|
}
|
|
25
25
|
)
|
|
26
26
|
);
|
|
27
|
-
|
|
28
|
-
const
|
|
27
|
+
m1.displayName = "AlertsBellIcon";
|
|
28
|
+
const v1 = g(
|
|
29
29
|
({ width: e = "6", height: r = "10", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
|
|
30
30
|
"svg",
|
|
31
31
|
{
|
|
@@ -47,7 +47,7 @@ const m1 = g(
|
|
|
47
47
|
}
|
|
48
48
|
)
|
|
49
49
|
);
|
|
50
|
-
|
|
50
|
+
v1.displayName = "ArrowChevronLeftIcon";
|
|
51
51
|
const x1 = g(
|
|
52
52
|
({ width: e = "6", height: r = "10", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
|
|
53
53
|
"svg",
|
|
@@ -223,7 +223,7 @@ const N1 = g(
|
|
|
223
223
|
color: t,
|
|
224
224
|
xmlns: "http://www.w3.org/2000/svg",
|
|
225
225
|
...a,
|
|
226
|
-
children: /* @__PURE__ */
|
|
226
|
+
children: /* @__PURE__ */ x("g", { opacity: "0.9", children: [
|
|
227
227
|
/* @__PURE__ */ o(
|
|
228
228
|
"path",
|
|
229
229
|
{
|
|
@@ -338,7 +338,7 @@ const M1 = g(
|
|
|
338
338
|
)
|
|
339
339
|
);
|
|
340
340
|
M1.displayName = "TelegramIcon";
|
|
341
|
-
const
|
|
341
|
+
const j1 = g(
|
|
342
342
|
({ width: e = "16", height: r = "16", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
|
|
343
343
|
"svg",
|
|
344
344
|
{
|
|
@@ -354,8 +354,8 @@ const S1 = g(
|
|
|
354
354
|
}
|
|
355
355
|
)
|
|
356
356
|
);
|
|
357
|
-
|
|
358
|
-
const
|
|
357
|
+
j1.displayName = "TimeCalendarV2Icon";
|
|
358
|
+
const S1 = g(
|
|
359
359
|
({ width: e = "14", height: r = "14", color: t = "currentColor", ...a }, n) => /* @__PURE__ */ o(
|
|
360
360
|
"svg",
|
|
361
361
|
{
|
|
@@ -371,7 +371,7 @@ const B1 = g(
|
|
|
371
371
|
}
|
|
372
372
|
)
|
|
373
373
|
);
|
|
374
|
-
|
|
374
|
+
S1.displayName = "FacebookIcon";
|
|
375
375
|
function o1(e) {
|
|
376
376
|
var r, t, a = "";
|
|
377
377
|
if (typeof e == "string" || typeof e == "number") a += e;
|
|
@@ -385,14 +385,14 @@ function V() {
|
|
|
385
385
|
for (var e, r, t = 0, a = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = o1(e)) && (a && (a += " "), a += r);
|
|
386
386
|
return a;
|
|
387
387
|
}
|
|
388
|
-
const
|
|
389
|
-
card:
|
|
390
|
-
header:
|
|
391
|
-
title:
|
|
392
|
-
subtitle:
|
|
393
|
-
content:
|
|
394
|
-
},
|
|
395
|
-
focus:
|
|
388
|
+
const B1 = "_card_1nlez_780", H1 = "_header_1nlez_801", I1 = "_title_1nlez_806", Z1 = "_subtitle_1nlez_819", R1 = "_content_1nlez_827", W = {
|
|
389
|
+
card: B1,
|
|
390
|
+
header: H1,
|
|
391
|
+
title: I1,
|
|
392
|
+
subtitle: Z1,
|
|
393
|
+
content: R1
|
|
394
|
+
}, A1 = "_focus_qdf1d_550", T1 = "_swap_qdf1d_632", W1 = "_swap__content_qdf1d_688", E1 = "_typography_qdf1d_780", F1 = "_truncate_qdf1d_991", Z = {
|
|
395
|
+
focus: A1,
|
|
396
396
|
"focus--default": "_focus--default_qdf1d_567",
|
|
397
397
|
"focus--danger": "_focus--danger_qdf1d_571",
|
|
398
398
|
"focus--visible": "_focus--visible_qdf1d_577",
|
|
@@ -416,7 +416,7 @@ const H1 = "_card_1nlez_780", I1 = "_header_1nlez_801", Z1 = "_title_1nlez_806",
|
|
|
416
416
|
"swap--with-background": "_swap--with-background_qdf1d_712",
|
|
417
417
|
"swap--with-border": "_swap--with-border_qdf1d_718",
|
|
418
418
|
"swap--interactive": "_swap--interactive_qdf1d_726",
|
|
419
|
-
typography:
|
|
419
|
+
typography: E1,
|
|
420
420
|
"align-left": "_align-left_qdf1d_786",
|
|
421
421
|
"align-center": "_align-center_qdf1d_790",
|
|
422
422
|
"align-right": "_align-right_qdf1d_794",
|
|
@@ -453,7 +453,7 @@ const H1 = "_card_1nlez_780", I1 = "_header_1nlez_801", Z1 = "_title_1nlez_806",
|
|
|
453
453
|
"multiline-truncate": "_multiline-truncate_qdf1d_997",
|
|
454
454
|
"no-wrap": "_no-wrap_qdf1d_1004",
|
|
455
455
|
"break-word": "_break-word_qdf1d_1008"
|
|
456
|
-
},
|
|
456
|
+
}, G1 = {
|
|
457
457
|
// Headlines
|
|
458
458
|
"headline-xl": "headline-xl",
|
|
459
459
|
"headline-l": "headline-l",
|
|
@@ -500,7 +500,7 @@ const H1 = "_card_1nlez_780", I1 = "_header_1nlez_801", Z1 = "_title_1nlez_806",
|
|
|
500
500
|
SmallText: "text-short-s-regular",
|
|
501
501
|
RegularLink: "text-long-m-regular",
|
|
502
502
|
SmallLink: "text-short-s-regular"
|
|
503
|
-
},
|
|
503
|
+
}, O = g(
|
|
504
504
|
(e, r) => {
|
|
505
505
|
const {
|
|
506
506
|
as: t = "p",
|
|
@@ -513,50 +513,50 @@ const H1 = "_card_1nlez_780", I1 = "_header_1nlez_801", Z1 = "_title_1nlez_806",
|
|
|
513
513
|
noWrap: d = !1,
|
|
514
514
|
breakWord: c = !1,
|
|
515
515
|
...f
|
|
516
|
-
} = e,
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
516
|
+
} = e, h = G1[i], u = V(
|
|
517
|
+
Z.typography,
|
|
518
|
+
Z[h],
|
|
519
|
+
Z[`align-${s}`],
|
|
520
520
|
{
|
|
521
|
-
[
|
|
522
|
-
[
|
|
523
|
-
[
|
|
524
|
-
[
|
|
521
|
+
[Z.truncate]: _,
|
|
522
|
+
[Z.multilineTruncate]: l,
|
|
523
|
+
[Z.noWrap]: d,
|
|
524
|
+
[Z.breakWord]: c
|
|
525
525
|
},
|
|
526
526
|
n
|
|
527
527
|
);
|
|
528
|
-
return
|
|
529
|
-
className:
|
|
528
|
+
return O1(t, {
|
|
529
|
+
className: u,
|
|
530
530
|
ref: r,
|
|
531
531
|
...f
|
|
532
532
|
}, a);
|
|
533
533
|
}
|
|
534
534
|
);
|
|
535
|
-
function
|
|
536
|
-
return
|
|
535
|
+
function O1(e, r, t) {
|
|
536
|
+
return p.createElement(e, r, t);
|
|
537
537
|
}
|
|
538
|
-
|
|
539
|
-
const
|
|
538
|
+
O.displayName = "Typography";
|
|
539
|
+
const g0 = ({
|
|
540
540
|
title: e,
|
|
541
541
|
subtitle: r,
|
|
542
542
|
children: t,
|
|
543
543
|
className: a,
|
|
544
544
|
onSubmit: n
|
|
545
|
-
}) => /* @__PURE__ */
|
|
545
|
+
}) => /* @__PURE__ */ x(
|
|
546
546
|
n ? "form" : "div",
|
|
547
547
|
{
|
|
548
548
|
className: V(W.card, a),
|
|
549
549
|
onSubmit: n,
|
|
550
550
|
children: [
|
|
551
|
-
(e || r) && /* @__PURE__ */
|
|
552
|
-
e && /* @__PURE__ */ o(
|
|
553
|
-
r && /* @__PURE__ */ o(
|
|
551
|
+
(e || r) && /* @__PURE__ */ x("div", { className: W.header, children: [
|
|
552
|
+
e && /* @__PURE__ */ o(O, { variant: "headline-s", textAlign: "center", as: "h2", className: W.title, children: e }),
|
|
553
|
+
r && /* @__PURE__ */ o(O, { as: "p", className: W.subtitle, children: r })
|
|
554
554
|
] }),
|
|
555
555
|
t && /* @__PURE__ */ o("div", { className: W.content, children: t })
|
|
556
556
|
]
|
|
557
557
|
}
|
|
558
|
-
),
|
|
559
|
-
focus:
|
|
558
|
+
), P1 = "_focus_krrhh_550", D1 = "_swap_krrhh_632", U1 = "_swap__content_krrhh_688", K1 = "_avatar_krrhh_780", X1 = "_avatar__wrapper_krrhh_832", J1 = "_avatar__content_krrhh_837", Q1 = "_avatar__image_krrhh_847", Y1 = "_avatar__initials_krrhh_853", e2 = "_avatar__placeholder_krrhh_882", t2 = "_avatar__status_krrhh_913", H = {
|
|
559
|
+
focus: P1,
|
|
560
560
|
"focus--default": "_focus--default_krrhh_567",
|
|
561
561
|
"focus--danger": "_focus--danger_krrhh_571",
|
|
562
562
|
"focus--visible": "_focus--visible_krrhh_577",
|
|
@@ -604,13 +604,13 @@ const m0 = ({
|
|
|
604
604
|
className: i = "",
|
|
605
605
|
onError: _
|
|
606
606
|
}) => {
|
|
607
|
-
const l = (
|
|
608
|
-
const
|
|
609
|
-
return
|
|
607
|
+
const l = (u) => {
|
|
608
|
+
const C = u.trim().split(" ");
|
|
609
|
+
return C.length === 1 ? C[0].charAt(0).toUpperCase() : `${C[0].charAt(0)}${C[C.length - 1].charAt(0)}`.toUpperCase();
|
|
610
610
|
}, d = () => {
|
|
611
611
|
if (s) return s;
|
|
612
612
|
if (r) {
|
|
613
|
-
const
|
|
613
|
+
const u = [
|
|
614
614
|
"var(--color-blue-gray-600)",
|
|
615
615
|
"var(--color-indigo-600)",
|
|
616
616
|
"var(--color-success-600)",
|
|
@@ -627,8 +627,8 @@ const m0 = ({
|
|
|
627
627
|
"var(--color-yellow-600)",
|
|
628
628
|
"var(--color-rose-600)",
|
|
629
629
|
"var(--color-pink-600)"
|
|
630
|
-
],
|
|
631
|
-
return
|
|
630
|
+
], C = r.split("").reduce((b, v) => b + v.charCodeAt(0), 0);
|
|
631
|
+
return u[C % u.length];
|
|
632
632
|
}
|
|
633
633
|
return "var(--color-blue-gray-300)";
|
|
634
634
|
}, c = {
|
|
@@ -637,33 +637,33 @@ const m0 = ({
|
|
|
637
637
|
away: "var(--color-warning-500)",
|
|
638
638
|
busy: "var(--color-danger-500)"
|
|
639
639
|
}, f = [
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
n ?
|
|
640
|
+
H.avatar,
|
|
641
|
+
H[`avatar--${t}`],
|
|
642
|
+
n ? H["avatar--bordered"] : "",
|
|
643
643
|
i
|
|
644
|
-
].filter(Boolean).join(" "),
|
|
644
|
+
].filter(Boolean).join(" "), h = () => {
|
|
645
645
|
if (e)
|
|
646
646
|
return /* @__PURE__ */ o(
|
|
647
647
|
"img",
|
|
648
648
|
{
|
|
649
649
|
src: e,
|
|
650
650
|
alt: r ? `${r} avatar` : "Avatar",
|
|
651
|
-
className:
|
|
651
|
+
className: H.avatar__image,
|
|
652
652
|
onError: _
|
|
653
653
|
}
|
|
654
654
|
);
|
|
655
655
|
if (r) {
|
|
656
|
-
const
|
|
656
|
+
const u = l(r);
|
|
657
657
|
return /* @__PURE__ */ o(
|
|
658
658
|
"div",
|
|
659
659
|
{
|
|
660
|
-
className:
|
|
660
|
+
className: H.avatar__initials,
|
|
661
661
|
style: { backgroundColor: d() },
|
|
662
|
-
children:
|
|
662
|
+
children: u
|
|
663
663
|
}
|
|
664
664
|
);
|
|
665
665
|
}
|
|
666
|
-
return /* @__PURE__ */ o("div", { className:
|
|
666
|
+
return /* @__PURE__ */ o("div", { className: H.avatar__placeholder, children: /* @__PURE__ */ x(
|
|
667
667
|
"svg",
|
|
668
668
|
{
|
|
669
669
|
width: "24",
|
|
@@ -679,22 +679,22 @@ const m0 = ({
|
|
|
679
679
|
}
|
|
680
680
|
) });
|
|
681
681
|
};
|
|
682
|
-
return /* @__PURE__ */
|
|
683
|
-
/* @__PURE__ */ o("div", { className:
|
|
682
|
+
return /* @__PURE__ */ x("div", { className: f, children: [
|
|
683
|
+
/* @__PURE__ */ o("div", { className: H.avatar__content, children: h() }),
|
|
684
684
|
a && /* @__PURE__ */ o(
|
|
685
685
|
"div",
|
|
686
686
|
{
|
|
687
|
-
className:
|
|
687
|
+
className: H.avatar__status,
|
|
688
688
|
style: { backgroundColor: c[a] }
|
|
689
689
|
}
|
|
690
690
|
)
|
|
691
691
|
] });
|
|
692
|
-
}, n2 = "_avatarGroup_1qulr_780", a2 = "_avatarGroup__item_1qulr_784", o2 = "_avatarGroup__more_1qulr_795",
|
|
692
|
+
}, n2 = "_avatarGroup_1qulr_780", a2 = "_avatarGroup__item_1qulr_784", o2 = "_avatarGroup__more_1qulr_795", E = {
|
|
693
693
|
avatarGroup: n2,
|
|
694
694
|
"avatarGroup--overlap": "_avatarGroup--overlap_1qulr_784",
|
|
695
695
|
avatarGroup__item: a2,
|
|
696
696
|
avatarGroup__more: o2
|
|
697
|
-
},
|
|
697
|
+
}, C0 = ({
|
|
698
698
|
items: e,
|
|
699
699
|
max: r = 5,
|
|
700
700
|
size: t = "m",
|
|
@@ -702,24 +702,24 @@ const m0 = ({
|
|
|
702
702
|
className: n = ""
|
|
703
703
|
}) => {
|
|
704
704
|
const s = e.slice(0, r), i = e.length - s.length;
|
|
705
|
-
return /* @__PURE__ */
|
|
705
|
+
return /* @__PURE__ */ x(
|
|
706
706
|
"div",
|
|
707
707
|
{
|
|
708
708
|
className: [
|
|
709
|
-
|
|
710
|
-
a ?
|
|
709
|
+
E.avatarGroup,
|
|
710
|
+
a ? E["avatarGroup--overlap"] : "",
|
|
711
711
|
n
|
|
712
712
|
].filter(Boolean).join(" "),
|
|
713
713
|
children: [
|
|
714
|
-
s.map((_, l) => /* @__PURE__ */ o("div", { className:
|
|
715
|
-
i > 0 && /* @__PURE__ */
|
|
714
|
+
s.map((_, l) => /* @__PURE__ */ o("div", { className: E.avatarGroup__item, children: /* @__PURE__ */ o(r2, { ..._, size: t }) }, l)),
|
|
715
|
+
i > 0 && /* @__PURE__ */ x("div", { className: `${E.avatarGroup__item} ${E.avatarGroup__more}`, children: [
|
|
716
716
|
"+",
|
|
717
717
|
i
|
|
718
718
|
] })
|
|
719
719
|
]
|
|
720
720
|
}
|
|
721
721
|
);
|
|
722
|
-
},
|
|
722
|
+
}, m0 = ({
|
|
723
723
|
size: e = 80,
|
|
724
724
|
borderColor: r = "#D6DDFF",
|
|
725
725
|
borderWidth: t = 2,
|
|
@@ -753,7 +753,7 @@ const m0 = ({
|
|
|
753
753
|
}
|
|
754
754
|
)
|
|
755
755
|
}
|
|
756
|
-
), s2 = "_focus_rofil_550", _2 = "_swap_rofil_632", i2 = "_swap__content_rofil_688", l2 = "_spinner_rofil_780", d2 = "_spinner__label_rofil_842",
|
|
756
|
+
), s2 = "_focus_rofil_550", _2 = "_swap_rofil_632", i2 = "_swap__content_rofil_688", l2 = "_spinner_rofil_780", d2 = "_spinner__label_rofil_842", A = {
|
|
757
757
|
focus: s2,
|
|
758
758
|
"focus--default": "_focus--default_rofil_567",
|
|
759
759
|
"focus--danger": "_focus--danger_rofil_571",
|
|
@@ -804,15 +804,15 @@ const m0 = ({
|
|
|
804
804
|
labelPosition: n = "bottom"
|
|
805
805
|
}) => {
|
|
806
806
|
const s = !!a, i = [
|
|
807
|
-
|
|
808
|
-
s &&
|
|
807
|
+
A["spinner-container"],
|
|
808
|
+
s && A[`spinner-container--label-${n}`],
|
|
809
809
|
t
|
|
810
810
|
].filter(Boolean).join(" "), _ = [
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
811
|
+
A.spinner,
|
|
812
|
+
A[`spinner--${e}`],
|
|
813
|
+
A[`spinner--${r}`]
|
|
814
814
|
].filter(Boolean).join(" ");
|
|
815
|
-
return /* @__PURE__ */
|
|
815
|
+
return /* @__PURE__ */ x("div", { className: i, children: [
|
|
816
816
|
/* @__PURE__ */ o("div", { className: _, children: (() => {
|
|
817
817
|
switch (e) {
|
|
818
818
|
case "xs":
|
|
@@ -831,9 +831,9 @@ const m0 = ({
|
|
|
831
831
|
return null;
|
|
832
832
|
}
|
|
833
833
|
})() }),
|
|
834
|
-
a && /* @__PURE__ */ o("span", { className:
|
|
834
|
+
a && /* @__PURE__ */ o("span", { className: A.spinner__label, "aria-hidden": "true", children: a })
|
|
835
835
|
] });
|
|
836
|
-
}, u2 = "_focus_1vdat_550", p2 = "_swap_1vdat_632", f2 = "_swap__content_1vdat_688", h2 = "_button_1vdat_780", w2 = "_sizeL_1vdat_805", g2 = "_sizeM_1vdat_809", C2 = "_sizeS_1vdat_813",
|
|
836
|
+
}, u2 = "_focus_1vdat_550", p2 = "_swap_1vdat_632", f2 = "_swap__content_1vdat_688", h2 = "_button_1vdat_780", w2 = "_sizeL_1vdat_805", g2 = "_sizeM_1vdat_809", C2 = "_sizeS_1vdat_813", m2 = "_iconOnly_1vdat_817", v2 = "_primary_1vdat_829", x2 = "_disabled_1vdat_834", b2 = "_count_1vdat_848", y2 = "_secondary_1vdat_852", z2 = "_ghost_1vdat_875", L2 = "_link_1vdat_898", k2 = "_dangerPrimary_1vdat_927", V2 = "_dangerSecondary_1vdat_953", N2 = "_dangerGhost_1vdat_979", $2 = "_dangerLink_1vdat_1005", q2 = "_open_1vdat_1032", M2 = "_content_1vdat_1044", j2 = "_loader_1vdat_1049", S2 = "_text_1vdat_1055", B2 = "_icon_1vdat_817", H2 = "_chevron_1vdat_1082", I2 = "_loading_1vdat_1110", y = {
|
|
837
837
|
focus: u2,
|
|
838
838
|
"focus--default": "_focus--default_1vdat_567",
|
|
839
839
|
"focus--danger": "_focus--danger_1vdat_571",
|
|
@@ -862,8 +862,8 @@ const m0 = ({
|
|
|
862
862
|
sizeL: w2,
|
|
863
863
|
sizeM: g2,
|
|
864
864
|
sizeS: C2,
|
|
865
|
-
iconOnly:
|
|
866
|
-
primary:
|
|
865
|
+
iconOnly: m2,
|
|
866
|
+
primary: v2,
|
|
867
867
|
disabled: x2,
|
|
868
868
|
count: b2,
|
|
869
869
|
secondary: y2,
|
|
@@ -875,12 +875,12 @@ const m0 = ({
|
|
|
875
875
|
dangerLink: $2,
|
|
876
876
|
open: q2,
|
|
877
877
|
content: M2,
|
|
878
|
-
loader:
|
|
879
|
-
text:
|
|
880
|
-
icon:
|
|
881
|
-
chevron:
|
|
882
|
-
loading:
|
|
883
|
-
},
|
|
878
|
+
loader: j2,
|
|
879
|
+
text: S2,
|
|
880
|
+
icon: B2,
|
|
881
|
+
chevron: H2,
|
|
882
|
+
loading: I2
|
|
883
|
+
}, Z2 = (e) => {
|
|
884
884
|
switch (e) {
|
|
885
885
|
case "l":
|
|
886
886
|
return "m";
|
|
@@ -891,7 +891,7 @@ const m0 = ({
|
|
|
891
891
|
default:
|
|
892
892
|
return "s";
|
|
893
893
|
}
|
|
894
|
-
},
|
|
894
|
+
}, R2 = g(
|
|
895
895
|
(e, r) => {
|
|
896
896
|
const {
|
|
897
897
|
size: t = "m",
|
|
@@ -904,12 +904,12 @@ const m0 = ({
|
|
|
904
904
|
children: d,
|
|
905
905
|
icon: c,
|
|
906
906
|
iconPosition: f = "left",
|
|
907
|
-
tooltip:
|
|
908
|
-
count:
|
|
909
|
-
withChevron:
|
|
910
|
-
href:
|
|
911
|
-
...
|
|
912
|
-
} = e,
|
|
907
|
+
tooltip: h,
|
|
908
|
+
count: u,
|
|
909
|
+
withChevron: C = !1,
|
|
910
|
+
href: b,
|
|
911
|
+
...v
|
|
912
|
+
} = e, q = f === "only" || !d && c, S = C && !q, w = [
|
|
913
913
|
y.button,
|
|
914
914
|
y[`size${t.toUpperCase()}`],
|
|
915
915
|
y[a],
|
|
@@ -917,32 +917,32 @@ const m0 = ({
|
|
|
917
917
|
s && y.loading,
|
|
918
918
|
i && y.active,
|
|
919
919
|
_ && y.open,
|
|
920
|
-
|
|
920
|
+
q && y.iconOnly,
|
|
921
921
|
l
|
|
922
|
-
].filter(Boolean).join(" "), k = () => /* @__PURE__ */
|
|
923
|
-
/* @__PURE__ */
|
|
922
|
+
].filter(Boolean).join(" "), k = () => /* @__PURE__ */ x(C1, { children: [
|
|
923
|
+
/* @__PURE__ */ x("span", { className: y.content, children: [
|
|
924
924
|
c && f !== "right" && /* @__PURE__ */ o("span", { className: y.icon, children: c }),
|
|
925
925
|
d && /* @__PURE__ */ o("span", { className: y.text, children: d }),
|
|
926
926
|
c && f === "right" && /* @__PURE__ */ o("span", { className: y.icon, children: c }),
|
|
927
|
-
|
|
928
|
-
|
|
927
|
+
S && /* @__PURE__ */ o("span", { className: y.chevron }),
|
|
928
|
+
u !== void 0 && /* @__PURE__ */ o("span", { className: y.count, children: u > 99 ? "+99" : u })
|
|
929
929
|
] }),
|
|
930
|
-
s && /* @__PURE__ */ o("span", { className: y.loader, children: /* @__PURE__ */ o(c2, { size:
|
|
930
|
+
s && /* @__PURE__ */ o("span", { className: y.loader, children: /* @__PURE__ */ o(c2, { size: Z2(t) }) })
|
|
931
931
|
] });
|
|
932
|
-
if (
|
|
933
|
-
const
|
|
934
|
-
return n || s ? /* @__PURE__ */ o("span", { className: w, ...
|
|
932
|
+
if (b) {
|
|
933
|
+
const B = v;
|
|
934
|
+
return n || s ? /* @__PURE__ */ o("span", { className: w, ...B, children: k() }) : /* @__PURE__ */ o(
|
|
935
935
|
"a",
|
|
936
936
|
{
|
|
937
937
|
ref: r,
|
|
938
|
-
href:
|
|
938
|
+
href: b,
|
|
939
939
|
className: w,
|
|
940
|
-
...
|
|
940
|
+
...B,
|
|
941
941
|
children: k()
|
|
942
942
|
}
|
|
943
943
|
);
|
|
944
944
|
}
|
|
945
|
-
const { type: z = "button", ...M } =
|
|
945
|
+
const { type: z = "button", ...M } = v;
|
|
946
946
|
return /* @__PURE__ */ o(
|
|
947
947
|
"button",
|
|
948
948
|
{
|
|
@@ -950,16 +950,16 @@ const m0 = ({
|
|
|
950
950
|
type: z,
|
|
951
951
|
className: w,
|
|
952
952
|
disabled: n || s,
|
|
953
|
-
"aria-label":
|
|
953
|
+
"aria-label": q && h ? h : void 0,
|
|
954
954
|
...M,
|
|
955
955
|
children: k()
|
|
956
956
|
}
|
|
957
957
|
);
|
|
958
958
|
}
|
|
959
959
|
);
|
|
960
|
-
|
|
961
|
-
const
|
|
962
|
-
focus:
|
|
960
|
+
R2.displayName = "Button";
|
|
961
|
+
const A2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2d_688", E2 = "_badge_17z2d_780", F2 = "_badge__part_17z2d_1042", G = {
|
|
962
|
+
focus: A2,
|
|
963
963
|
"focus--default": "_focus--default_17z2d_567",
|
|
964
964
|
"focus--danger": "_focus--danger_17z2d_571",
|
|
965
965
|
"focus--visible": "_focus--visible_17z2d_577",
|
|
@@ -983,7 +983,7 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
983
983
|
"swap--with-background": "_swap--with-background_17z2d_712",
|
|
984
984
|
"swap--with-border": "_swap--with-border_17z2d_718",
|
|
985
985
|
"swap--interactive": "_swap--interactive_17z2d_726",
|
|
986
|
-
badge:
|
|
986
|
+
badge: E2,
|
|
987
987
|
"badge--s": "_badge--s_17z2d_790",
|
|
988
988
|
"badge--m": "_badge--m_17z2d_795",
|
|
989
989
|
"badge--outline": "_badge--outline_17z2d_803",
|
|
@@ -1023,7 +1023,7 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1023
1023
|
"badge__part--yellow": "_badge__part--yellow_17z2d_1103",
|
|
1024
1024
|
"badge__part--rose": "_badge__part--rose_17z2d_1107",
|
|
1025
1025
|
"badge__part--pink": "_badge__part--pink_17z2d_1111"
|
|
1026
|
-
},
|
|
1026
|
+
}, v0 = ({
|
|
1027
1027
|
children: e,
|
|
1028
1028
|
color: r = "gray",
|
|
1029
1029
|
variant: t = "primary",
|
|
@@ -1031,15 +1031,15 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1031
1031
|
className: n = ""
|
|
1032
1032
|
}) => {
|
|
1033
1033
|
const s = [
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1034
|
+
G.badge,
|
|
1035
|
+
G[`badge--${r}`],
|
|
1036
|
+
G[`badge--${t}`],
|
|
1037
|
+
G[`badge--${a}`],
|
|
1038
1038
|
n
|
|
1039
1039
|
].filter(Boolean).join(" ");
|
|
1040
1040
|
return /* @__PURE__ */ o("span", { className: s, children: e });
|
|
1041
|
-
},
|
|
1042
|
-
focus:
|
|
1041
|
+
}, G2 = "_focus_1pwhe_550", O2 = "_swap_1pwhe_632", P2 = "_swap__content_1pwhe_688", D2 = "_divider_1pwhe_780", U2 = "_divider__text_1pwhe_852", I = {
|
|
1042
|
+
focus: G2,
|
|
1043
1043
|
"focus--default": "_focus--default_1pwhe_567",
|
|
1044
1044
|
"focus--danger": "_focus--danger_1pwhe_571",
|
|
1045
1045
|
"focus--visible": "_focus--visible_1pwhe_577",
|
|
@@ -1049,7 +1049,7 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1049
1049
|
"focus--input": "_focus--input_1pwhe_607",
|
|
1050
1050
|
"focus--button": "_focus--button_1pwhe_612",
|
|
1051
1051
|
"focus--card": "_focus--card_1pwhe_617",
|
|
1052
|
-
swap:
|
|
1052
|
+
swap: O2,
|
|
1053
1053
|
"swap--text": "_swap--text_1pwhe_641",
|
|
1054
1054
|
"swap--icon": "_swap--icon_1pwhe_652",
|
|
1055
1055
|
"swap--icon-xs": "_swap--icon-xs_1pwhe_662",
|
|
@@ -1057,7 +1057,7 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1057
1057
|
"swap--icon-m": "_swap--icon-m_1pwhe_672",
|
|
1058
1058
|
"swap--icon-l": "_swap--icon-l_1pwhe_677",
|
|
1059
1059
|
"swap--icon-xl": "_swap--icon-xl_1pwhe_682",
|
|
1060
|
-
swap__content:
|
|
1060
|
+
swap__content: P2,
|
|
1061
1061
|
"swap--group-horizontal": "_swap--group-horizontal_1pwhe_697",
|
|
1062
1062
|
"swap--group-vertical": "_swap--group-vertical_1pwhe_704",
|
|
1063
1063
|
"swap--with-background": "_swap--with-background_1pwhe_712",
|
|
@@ -1080,7 +1080,7 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1080
1080
|
divider__text: U2,
|
|
1081
1081
|
"divider--text-left": "_divider--text-left_1pwhe_855",
|
|
1082
1082
|
"divider--text-right": "_divider--text-right_1pwhe_864"
|
|
1083
|
-
},
|
|
1083
|
+
}, x0 = ({
|
|
1084
1084
|
orientation: e = "horizontal",
|
|
1085
1085
|
variant: r = "solid",
|
|
1086
1086
|
size: t = "m",
|
|
@@ -1091,13 +1091,13 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1091
1091
|
..._
|
|
1092
1092
|
}) => {
|
|
1093
1093
|
const l = !!s, d = [
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
l &&
|
|
1100
|
-
l &&
|
|
1094
|
+
I.divider,
|
|
1095
|
+
I[`divider--${e}`],
|
|
1096
|
+
I[`divider--${r}`],
|
|
1097
|
+
I[`divider--${t}`],
|
|
1098
|
+
I[`divider--${a}`],
|
|
1099
|
+
l && I["divider--with-text"],
|
|
1100
|
+
l && I[`divider--text-${i}`],
|
|
1101
1101
|
n
|
|
1102
1102
|
].filter(Boolean).join(" ");
|
|
1103
1103
|
return l && e === "horizontal" ? /* @__PURE__ */ o(
|
|
@@ -1107,7 +1107,7 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1107
1107
|
role: "separator",
|
|
1108
1108
|
"aria-orientation": e,
|
|
1109
1109
|
..._,
|
|
1110
|
-
children: /* @__PURE__ */ o("span", { className:
|
|
1110
|
+
children: /* @__PURE__ */ o("span", { className: I.divider__text, children: s })
|
|
1111
1111
|
}
|
|
1112
1112
|
) : /* @__PURE__ */ o(
|
|
1113
1113
|
"div",
|
|
@@ -1121,16 +1121,16 @@ const E2 = "_focus_17z2d_550", T2 = "_swap_17z2d_632", W2 = "_swap__content_17z2
|
|
|
1121
1121
|
};
|
|
1122
1122
|
var K2 = (e) => e.type === "checkbox", F = (e) => e instanceof Date, Q = (e) => e == null;
|
|
1123
1123
|
const s1 = (e) => typeof e == "object";
|
|
1124
|
-
var
|
|
1124
|
+
var R = (e) => !Q(e) && !Array.isArray(e) && s1(e) && !F(e), X2 = (e) => R(e) && e.target ? K2(e.target) ? e.target.checked : e.target.value : e, J2 = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Q2 = (e, r) => e.has(J2(r)), Y2 = (e) => {
|
|
1125
1125
|
const r = e.constructor && e.constructor.prototype;
|
|
1126
|
-
return
|
|
1126
|
+
return R(r) && r.hasOwnProperty("isPrototypeOf");
|
|
1127
1127
|
}, ee = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
|
|
1128
1128
|
function _1(e) {
|
|
1129
1129
|
let r;
|
|
1130
1130
|
const t = Array.isArray(e), a = typeof FileList < "u" ? e instanceof FileList : !1;
|
|
1131
1131
|
if (e instanceof Date)
|
|
1132
1132
|
r = new Date(e);
|
|
1133
|
-
else if (!(ee && (e instanceof Blob || a)) && (t ||
|
|
1133
|
+
else if (!(ee && (e instanceof Blob || a)) && (t || R(e)))
|
|
1134
1134
|
if (r = t ? [] : Object.create(Object.getPrototypeOf(e)), !t && !Y2(e))
|
|
1135
1135
|
r = e;
|
|
1136
1136
|
else
|
|
@@ -1141,7 +1141,7 @@ function _1(e) {
|
|
|
1141
1141
|
return r;
|
|
1142
1142
|
}
|
|
1143
1143
|
var i1 = (e) => /^\w*$/.test(e), K = (e) => e === void 0, te = (e) => Array.isArray(e) ? e.filter(Boolean) : [], l1 = (e) => te(e.replace(/["|']|\]/g, "").split(/\.|\[/)), L = (e, r, t) => {
|
|
1144
|
-
if (!r || !
|
|
1144
|
+
if (!r || !R(e))
|
|
1145
1145
|
return t;
|
|
1146
1146
|
const a = (i1(r) ? [r] : l1(r)).reduce((n, s) => Q(n) ? n : n[s], e);
|
|
1147
1147
|
return K(a) || a === e ? K(e[r]) ? t : e[r] : a;
|
|
@@ -1153,7 +1153,7 @@ var i1 = (e) => /^\w*$/.test(e), K = (e) => e === void 0, te = (e) => Array.isAr
|
|
|
1153
1153
|
let l = t;
|
|
1154
1154
|
if (a !== i) {
|
|
1155
1155
|
const d = e[_];
|
|
1156
|
-
l =
|
|
1156
|
+
l = R(d) || Array.isArray(d) ? d : isNaN(+n[a + 1]) ? {} : [];
|
|
1157
1157
|
}
|
|
1158
1158
|
if (_ === "__proto__" || _ === "constructor" || _ === "prototype")
|
|
1159
1159
|
return;
|
|
@@ -1165,9 +1165,9 @@ const t1 = {
|
|
|
1165
1165
|
CHANGE: "change"
|
|
1166
1166
|
}, r1 = {
|
|
1167
1167
|
all: "all"
|
|
1168
|
-
}, d1 =
|
|
1168
|
+
}, d1 = p.createContext(null);
|
|
1169
1169
|
d1.displayName = "HookFormContext";
|
|
1170
|
-
const Y = () =>
|
|
1170
|
+
const Y = () => p.useContext(d1);
|
|
1171
1171
|
var re = (e, r, t, a = !0) => {
|
|
1172
1172
|
const n = {
|
|
1173
1173
|
defaultValues: r._defaultValues
|
|
@@ -1181,9 +1181,9 @@ var re = (e, r, t, a = !0) => {
|
|
|
1181
1181
|
});
|
|
1182
1182
|
return n;
|
|
1183
1183
|
};
|
|
1184
|
-
const c1 = typeof window < "u" ?
|
|
1184
|
+
const c1 = typeof window < "u" ? p.useLayoutEffect : p.useEffect;
|
|
1185
1185
|
function ne(e) {
|
|
1186
|
-
const r = Y(), { control: t = r.control, disabled: a, name: n, exact: s } = e || {}, [i, _] =
|
|
1186
|
+
const r = Y(), { control: t = r.control, disabled: a, name: n, exact: s } = e || {}, [i, _] = p.useState(t._formState), l = p.useRef({
|
|
1187
1187
|
isDirty: !1,
|
|
1188
1188
|
isLoading: !1,
|
|
1189
1189
|
dirtyFields: !1,
|
|
@@ -1203,9 +1203,9 @@ function ne(e) {
|
|
|
1203
1203
|
...d
|
|
1204
1204
|
});
|
|
1205
1205
|
}
|
|
1206
|
-
}), [n, a, s]),
|
|
1206
|
+
}), [n, a, s]), p.useEffect(() => {
|
|
1207
1207
|
l.current.isValid && t._setValid(!0);
|
|
1208
|
-
}, [t]),
|
|
1208
|
+
}, [t]), p.useMemo(() => re(i, t, l.current, !1), [i, t]);
|
|
1209
1209
|
}
|
|
1210
1210
|
var ae = (e) => typeof e == "string", oe = (e, r, t, a, n) => ae(e) ? L(t, e, n) : Array.isArray(e) ? e.map((s) => L(t, s)) : t, n1 = (e) => Q(e) || !s1(e);
|
|
1211
1211
|
function u1(e, r, t = /* @__PURE__ */ new WeakSet()) {
|
|
@@ -1225,36 +1225,36 @@ function u1(e, r, t = /* @__PURE__ */ new WeakSet()) {
|
|
|
1225
1225
|
return !1;
|
|
1226
1226
|
if (s !== "ref") {
|
|
1227
1227
|
const _ = r[s];
|
|
1228
|
-
if (F(i) && F(_) ||
|
|
1228
|
+
if (F(i) && F(_) || R(i) && R(_) || Array.isArray(i) && Array.isArray(_) ? !u1(i, _, t) : i !== _)
|
|
1229
1229
|
return !1;
|
|
1230
1230
|
}
|
|
1231
1231
|
}
|
|
1232
1232
|
return !0;
|
|
1233
1233
|
}
|
|
1234
1234
|
function se(e) {
|
|
1235
|
-
const r = Y(), { control: t = r.control, name: a, defaultValue: n, disabled: s, exact: i, compute: _ } = e || {}, l =
|
|
1235
|
+
const r = Y(), { control: t = r.control, name: a, defaultValue: n, disabled: s, exact: i, compute: _ } = e || {}, l = p.useRef(n), d = p.useRef(_), c = p.useRef(void 0);
|
|
1236
1236
|
d.current = _;
|
|
1237
|
-
const f =
|
|
1237
|
+
const f = p.useMemo(() => t._getWatch(a, l.current), [t, a]), [h, u] = p.useState(d.current ? d.current(f) : f);
|
|
1238
1238
|
return c1(() => t._subscribe({
|
|
1239
1239
|
name: a,
|
|
1240
1240
|
formState: {
|
|
1241
1241
|
values: !0
|
|
1242
1242
|
},
|
|
1243
1243
|
exact: i,
|
|
1244
|
-
callback: (
|
|
1244
|
+
callback: (C) => {
|
|
1245
1245
|
if (!s) {
|
|
1246
|
-
const
|
|
1246
|
+
const b = oe(a, t._names, C.values || t._formValues, !1, l.current);
|
|
1247
1247
|
if (d.current) {
|
|
1248
|
-
const
|
|
1249
|
-
u1(
|
|
1248
|
+
const v = d.current(b);
|
|
1249
|
+
u1(v, c.current) || (u(v), c.current = v);
|
|
1250
1250
|
} else
|
|
1251
|
-
|
|
1251
|
+
u(b);
|
|
1252
1252
|
}
|
|
1253
1253
|
}
|
|
1254
|
-
}), [t, s, a, i]),
|
|
1254
|
+
}), [t, s, a, i]), p.useEffect(() => t._removeUnmounted()), h;
|
|
1255
1255
|
}
|
|
1256
1256
|
function p1(e) {
|
|
1257
|
-
const r = Y(), { name: t, disabled: a, control: n = r.control, shouldUnregister: s, defaultValue: i } = e, _ = Q2(n._names.array, t), l =
|
|
1257
|
+
const r = Y(), { name: t, disabled: a, control: n = r.control, shouldUnregister: s, defaultValue: i } = e, _ = Q2(n._names.array, t), l = p.useMemo(() => L(n._formValues, t, L(n._defaultValues, t, i)), [n, t, i]), d = se({
|
|
1258
1258
|
control: n,
|
|
1259
1259
|
name: t,
|
|
1260
1260
|
defaultValue: l,
|
|
@@ -1263,13 +1263,13 @@ function p1(e) {
|
|
|
1263
1263
|
control: n,
|
|
1264
1264
|
name: t,
|
|
1265
1265
|
exact: !0
|
|
1266
|
-
}), f =
|
|
1266
|
+
}), f = p.useRef(e), h = p.useRef(void 0), u = p.useRef(n.register(t, {
|
|
1267
1267
|
...e.rules,
|
|
1268
1268
|
value: d,
|
|
1269
1269
|
...U(e.disabled) ? { disabled: e.disabled } : {}
|
|
1270
1270
|
}));
|
|
1271
1271
|
f.current = e;
|
|
1272
|
-
const
|
|
1272
|
+
const C = p.useMemo(() => Object.defineProperties({}, {
|
|
1273
1273
|
invalid: {
|
|
1274
1274
|
enumerable: !0,
|
|
1275
1275
|
get: () => !!L(c.errors, t)
|
|
@@ -1290,19 +1290,19 @@ function p1(e) {
|
|
|
1290
1290
|
enumerable: !0,
|
|
1291
1291
|
get: () => L(c.errors, t)
|
|
1292
1292
|
}
|
|
1293
|
-
}), [c, t]),
|
|
1293
|
+
}), [c, t]), b = p.useCallback((w) => u.current.onChange({
|
|
1294
1294
|
target: {
|
|
1295
1295
|
value: X2(w),
|
|
1296
1296
|
name: t
|
|
1297
1297
|
},
|
|
1298
1298
|
type: t1.CHANGE
|
|
1299
|
-
}), [t]),
|
|
1299
|
+
}), [t]), v = p.useCallback(() => u.current.onBlur({
|
|
1300
1300
|
target: {
|
|
1301
1301
|
value: L(n._formValues, t),
|
|
1302
1302
|
name: t
|
|
1303
1303
|
},
|
|
1304
1304
|
type: t1.BLUR
|
|
1305
|
-
}), [t, n._formValues]),
|
|
1305
|
+
}), [t, n._formValues]), q = p.useCallback((w) => {
|
|
1306
1306
|
const k = L(n._fields, t);
|
|
1307
1307
|
k && w && (k._f.ref = {
|
|
1308
1308
|
focus: () => w.focus && w.focus(),
|
|
@@ -1310,92 +1310,92 @@ function p1(e) {
|
|
|
1310
1310
|
setCustomValidity: (z) => w.setCustomValidity(z),
|
|
1311
1311
|
reportValidity: () => w.reportValidity()
|
|
1312
1312
|
});
|
|
1313
|
-
}, [n._fields, t]),
|
|
1313
|
+
}, [n._fields, t]), S = p.useMemo(() => ({
|
|
1314
1314
|
name: t,
|
|
1315
1315
|
value: d,
|
|
1316
1316
|
...U(a) || c.disabled ? { disabled: c.disabled || a } : {},
|
|
1317
|
-
onChange:
|
|
1318
|
-
onBlur:
|
|
1319
|
-
ref:
|
|
1320
|
-
}), [t, a, c.disabled,
|
|
1321
|
-
return
|
|
1322
|
-
const w = n._options.shouldUnregister || s, k =
|
|
1317
|
+
onChange: b,
|
|
1318
|
+
onBlur: v,
|
|
1319
|
+
ref: q
|
|
1320
|
+
}), [t, a, c.disabled, b, v, q, d]);
|
|
1321
|
+
return p.useEffect(() => {
|
|
1322
|
+
const w = n._options.shouldUnregister || s, k = h.current;
|
|
1323
1323
|
k && k !== t && !_ && n.unregister(k), n.register(t, {
|
|
1324
1324
|
...f.current.rules,
|
|
1325
1325
|
...U(f.current.disabled) ? { disabled: f.current.disabled } : {}
|
|
1326
1326
|
});
|
|
1327
|
-
const z = (M,
|
|
1328
|
-
const
|
|
1329
|
-
|
|
1327
|
+
const z = (M, B) => {
|
|
1328
|
+
const $ = L(n._fields, M);
|
|
1329
|
+
$ && $._f && ($._f.mount = B);
|
|
1330
1330
|
};
|
|
1331
1331
|
if (z(t, !0), w) {
|
|
1332
1332
|
const M = _1(L(n._options.defaultValues, t, f.current.defaultValue));
|
|
1333
1333
|
e1(n._defaultValues, t, M), K(L(n._formValues, t)) && e1(n._formValues, t, M);
|
|
1334
1334
|
}
|
|
1335
|
-
return !_ && n.register(t),
|
|
1335
|
+
return !_ && n.register(t), h.current = t, () => {
|
|
1336
1336
|
(_ ? w && !n._state.action : w) ? n.unregister(t) : z(t, !1);
|
|
1337
1337
|
};
|
|
1338
|
-
}, [t, n, _, s]),
|
|
1338
|
+
}, [t, n, _, s]), p.useEffect(() => {
|
|
1339
1339
|
n._setDisabledField({
|
|
1340
1340
|
disabled: a,
|
|
1341
1341
|
name: t
|
|
1342
1342
|
});
|
|
1343
|
-
}, [a, t, n]),
|
|
1344
|
-
field:
|
|
1343
|
+
}, [a, t, n]), p.useMemo(() => ({
|
|
1344
|
+
field: S,
|
|
1345
1345
|
formState: c,
|
|
1346
|
-
fieldState:
|
|
1347
|
-
}), [
|
|
1346
|
+
fieldState: C
|
|
1347
|
+
}), [S, c, C]);
|
|
1348
1348
|
}
|
|
1349
|
-
const _e = "
|
|
1349
|
+
const _e = "_focus_604xh_550", ie = "_swap_604xh_632", le = "_swap__content_604xh_688", de = "_root_604xh_780", ce = "_fullWidth_604xh_786", ue = "_wrapper_604xh_791", pe = "_single_604xh_808", fe = "_first_604xh_811", he = "_middle_604xh_814", we = "_last_604xh_818", ge = "_error_604xh_825", Ce = "_outline_604xh_828", me = "_fill_604xh_842", ve = "_small_604xh_858", xe = "_input_604xh_861", be = "_label_604xh_865", ye = "_medium_604xh_870", ze = "_disabled_604xh_911", Le = "_clearButton_604xh_923", ke = "_withPrefix_604xh_929", Ve = "_withSuffix_604xh_932", Ne = "_requiredIcon_604xh_970", $e = "_filled_604xh_980", qe = "_innerHint_604xh_1034", Me = "_affix_604xh_1081", je = "_prefix_604xh_1092", Se = "_suffix_604xh_1097", Be = "_errorText_604xh_1106", m = {
|
|
1350
1350
|
focus: _e,
|
|
1351
|
-
"focus--default": "_focus--
|
|
1352
|
-
"focus--danger": "_focus--
|
|
1353
|
-
"focus--visible": "_focus--
|
|
1354
|
-
"focus-danger": "_focus-
|
|
1355
|
-
"focus-within--default": "_focus-within--
|
|
1356
|
-
"focus-within--danger": "_focus-within--
|
|
1357
|
-
"focus--input": "_focus--
|
|
1358
|
-
"focus--button": "_focus--
|
|
1359
|
-
"focus--card": "_focus--
|
|
1351
|
+
"focus--default": "_focus--default_604xh_567",
|
|
1352
|
+
"focus--danger": "_focus--danger_604xh_571",
|
|
1353
|
+
"focus--visible": "_focus--visible_604xh_577",
|
|
1354
|
+
"focus-danger": "_focus-danger_604xh_592",
|
|
1355
|
+
"focus-within--default": "_focus-within--default_604xh_598",
|
|
1356
|
+
"focus-within--danger": "_focus-within--danger_604xh_602",
|
|
1357
|
+
"focus--input": "_focus--input_604xh_607",
|
|
1358
|
+
"focus--button": "_focus--button_604xh_612",
|
|
1359
|
+
"focus--card": "_focus--card_604xh_617",
|
|
1360
1360
|
swap: ie,
|
|
1361
|
-
"swap--text": "_swap--
|
|
1362
|
-
"swap--icon": "_swap--
|
|
1363
|
-
"swap--icon-xs": "_swap--icon-
|
|
1364
|
-
"swap--icon-s": "_swap--icon-
|
|
1365
|
-
"swap--icon-m": "_swap--icon-
|
|
1366
|
-
"swap--icon-l": "_swap--icon-
|
|
1367
|
-
"swap--icon-xl": "_swap--icon-
|
|
1361
|
+
"swap--text": "_swap--text_604xh_641",
|
|
1362
|
+
"swap--icon": "_swap--icon_604xh_652",
|
|
1363
|
+
"swap--icon-xs": "_swap--icon-xs_604xh_662",
|
|
1364
|
+
"swap--icon-s": "_swap--icon-s_604xh_667",
|
|
1365
|
+
"swap--icon-m": "_swap--icon-m_604xh_672",
|
|
1366
|
+
"swap--icon-l": "_swap--icon-l_604xh_677",
|
|
1367
|
+
"swap--icon-xl": "_swap--icon-xl_604xh_682",
|
|
1368
1368
|
swap__content: le,
|
|
1369
|
-
"swap--group-horizontal": "_swap--group-
|
|
1370
|
-
"swap--group-vertical": "_swap--group-
|
|
1371
|
-
"swap--with-background": "_swap--with-
|
|
1372
|
-
"swap--with-border": "_swap--with-
|
|
1373
|
-
"swap--interactive": "_swap--
|
|
1369
|
+
"swap--group-horizontal": "_swap--group-horizontal_604xh_697",
|
|
1370
|
+
"swap--group-vertical": "_swap--group-vertical_604xh_704",
|
|
1371
|
+
"swap--with-background": "_swap--with-background_604xh_712",
|
|
1372
|
+
"swap--with-border": "_swap--with-border_604xh_718",
|
|
1373
|
+
"swap--interactive": "_swap--interactive_604xh_726",
|
|
1374
1374
|
root: de,
|
|
1375
1375
|
fullWidth: ce,
|
|
1376
1376
|
wrapper: ue,
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1377
|
+
single: pe,
|
|
1378
|
+
first: fe,
|
|
1379
|
+
middle: he,
|
|
1380
|
+
last: we,
|
|
1381
|
+
error: ge,
|
|
1382
|
+
outline: Ce,
|
|
1383
|
+
fill: me,
|
|
1384
|
+
small: ve,
|
|
1385
|
+
input: xe,
|
|
1386
|
+
label: be,
|
|
1387
|
+
medium: ye,
|
|
1388
|
+
disabled: ze,
|
|
1389
|
+
clearButton: Le,
|
|
1390
|
+
withPrefix: ke,
|
|
1391
|
+
withSuffix: Ve,
|
|
1392
|
+
requiredIcon: Ne,
|
|
1393
|
+
filled: $e,
|
|
1394
|
+
innerHint: qe,
|
|
1395
|
+
affix: Me,
|
|
1396
|
+
prefix: je,
|
|
1397
|
+
suffix: Se,
|
|
1398
|
+
errorText: Be
|
|
1399
1399
|
}, f1 = g(
|
|
1400
1400
|
({
|
|
1401
1401
|
className: e,
|
|
@@ -1410,82 +1410,82 @@ const _e = "_focus_1xn7u_550", ie = "_swap_1xn7u_632", le = "_swap__content_1xn7
|
|
|
1410
1410
|
variant: d = "outline",
|
|
1411
1411
|
size: c = "small",
|
|
1412
1412
|
variantGroupItems: f = "single",
|
|
1413
|
-
prefix:
|
|
1414
|
-
suffix:
|
|
1415
|
-
value:
|
|
1416
|
-
defaultValue:
|
|
1417
|
-
onChange:
|
|
1418
|
-
type:
|
|
1419
|
-
fullWidth:
|
|
1413
|
+
prefix: h,
|
|
1414
|
+
suffix: u,
|
|
1415
|
+
value: C,
|
|
1416
|
+
defaultValue: b,
|
|
1417
|
+
onChange: v,
|
|
1418
|
+
type: q = "text",
|
|
1419
|
+
fullWidth: S = !0,
|
|
1420
1420
|
...w
|
|
1421
1421
|
}, k) => {
|
|
1422
|
-
const z =
|
|
1423
|
-
z ||
|
|
1422
|
+
const z = C !== void 0, [M, B] = a1(b?.toString() ?? ""), $ = z ? C : M, P = !!$ && $.toString().length > 0, w1 = (D) => {
|
|
1423
|
+
z || B(D.target.value), v?.(D);
|
|
1424
1424
|
}, g1 = () => {
|
|
1425
1425
|
if (r) return;
|
|
1426
|
-
z ||
|
|
1426
|
+
z || B(""), v?.({
|
|
1427
1427
|
target: { value: "" },
|
|
1428
1428
|
currentTarget: { value: "" }
|
|
1429
1429
|
});
|
|
1430
1430
|
};
|
|
1431
|
-
return /* @__PURE__ */
|
|
1432
|
-
/* @__PURE__ */
|
|
1431
|
+
return /* @__PURE__ */ x("div", { className: V(m.root, S && m.fullWidth, e), children: [
|
|
1432
|
+
/* @__PURE__ */ x(
|
|
1433
1433
|
"div",
|
|
1434
1434
|
{
|
|
1435
1435
|
className: V(
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1436
|
+
m.wrapper,
|
|
1437
|
+
m[d],
|
|
1438
|
+
m[c],
|
|
1439
|
+
m[f],
|
|
1440
1440
|
{
|
|
1441
|
-
[
|
|
1442
|
-
[
|
|
1443
|
-
[
|
|
1444
|
-
[
|
|
1445
|
-
[
|
|
1441
|
+
[m.disabled]: r,
|
|
1442
|
+
[m.error]: !!t,
|
|
1443
|
+
[m.filled]: P,
|
|
1444
|
+
[m.withPrefix]: !!h,
|
|
1445
|
+
[m.withSuffix]: !!u
|
|
1446
1446
|
}
|
|
1447
1447
|
),
|
|
1448
1448
|
children: [
|
|
1449
|
-
|
|
1449
|
+
h && /* @__PURE__ */ o("div", { className: V(m.affix, m.prefix), children: h }),
|
|
1450
1450
|
/* @__PURE__ */ o(
|
|
1451
1451
|
"input",
|
|
1452
1452
|
{
|
|
1453
1453
|
id: _,
|
|
1454
1454
|
ref: k,
|
|
1455
1455
|
disabled: r,
|
|
1456
|
-
value:
|
|
1456
|
+
value: $,
|
|
1457
1457
|
onChange: w1,
|
|
1458
|
-
className:
|
|
1459
|
-
type:
|
|
1458
|
+
className: m.input,
|
|
1459
|
+
type: q,
|
|
1460
1460
|
placeholder: "",
|
|
1461
1461
|
...w
|
|
1462
1462
|
}
|
|
1463
1463
|
),
|
|
1464
|
-
i && /* @__PURE__ */
|
|
1464
|
+
i && /* @__PURE__ */ x("label", { htmlFor: _, className: V(m.label), children: [
|
|
1465
1465
|
i,
|
|
1466
|
-
s && /* @__PURE__ */ o(J, { className:
|
|
1466
|
+
s && /* @__PURE__ */ o(J, { className: m.requiredIcon })
|
|
1467
1467
|
] }),
|
|
1468
|
-
n && !t && !
|
|
1469
|
-
l &&
|
|
1468
|
+
n && !t && !P && /* @__PURE__ */ o("span", { className: m.innerHint, children: n }),
|
|
1469
|
+
l && P && !r && /* @__PURE__ */ o(
|
|
1470
1470
|
"button",
|
|
1471
1471
|
{
|
|
1472
1472
|
type: "button",
|
|
1473
|
-
className:
|
|
1473
|
+
className: m.clearButton,
|
|
1474
1474
|
onClick: g1,
|
|
1475
1475
|
"aria-label": "Очистить поле",
|
|
1476
1476
|
children: /* @__PURE__ */ o(X, {})
|
|
1477
1477
|
}
|
|
1478
1478
|
),
|
|
1479
|
-
|
|
1479
|
+
u && /* @__PURE__ */ o("div", { className: V(m.affix, m.suffix), children: u })
|
|
1480
1480
|
]
|
|
1481
1481
|
}
|
|
1482
1482
|
),
|
|
1483
|
-
t && a && /* @__PURE__ */ o("span", { className:
|
|
1483
|
+
t && a && /* @__PURE__ */ o("span", { className: m.errorText, children: t })
|
|
1484
1484
|
] });
|
|
1485
1485
|
}
|
|
1486
1486
|
);
|
|
1487
1487
|
f1.displayName = "Input";
|
|
1488
|
-
const
|
|
1488
|
+
const b0 = ({
|
|
1489
1489
|
name: e,
|
|
1490
1490
|
control: r,
|
|
1491
1491
|
error: t,
|
|
@@ -1507,41 +1507,38 @@ const L0 = ({
|
|
|
1507
1507
|
"aria-invalid": s
|
|
1508
1508
|
}
|
|
1509
1509
|
);
|
|
1510
|
-
},
|
|
1511
|
-
focus:
|
|
1512
|
-
"focus--default": "_focus--
|
|
1513
|
-
"focus--danger": "_focus--
|
|
1514
|
-
"focus--visible": "_focus--
|
|
1515
|
-
"focus-danger": "_focus-
|
|
1516
|
-
"focus-within--default": "_focus-within--
|
|
1517
|
-
"focus-within--danger": "_focus-within--
|
|
1518
|
-
"focus--input": "_focus--
|
|
1519
|
-
"focus--button": "_focus--
|
|
1520
|
-
"focus--card": "_focus--
|
|
1521
|
-
swap:
|
|
1522
|
-
"swap--text": "_swap--
|
|
1523
|
-
"swap--icon": "_swap--
|
|
1524
|
-
"swap--icon-xs": "_swap--icon-
|
|
1525
|
-
"swap--icon-s": "_swap--icon-
|
|
1526
|
-
"swap--icon-m": "_swap--icon-
|
|
1527
|
-
"swap--icon-l": "_swap--icon-
|
|
1528
|
-
"swap--icon-xl": "_swap--icon-
|
|
1529
|
-
swap__content:
|
|
1530
|
-
"swap--group-horizontal": "_swap--group-
|
|
1531
|
-
"swap--group-vertical": "_swap--group-
|
|
1532
|
-
"swap--with-background": "_swap--with-
|
|
1533
|
-
"swap--with-border": "_swap--with-
|
|
1534
|
-
"swap--interactive": "_swap--
|
|
1535
|
-
root:
|
|
1536
|
-
fullWidth:
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
inputWrapper: Pe,
|
|
1543
|
-
horizontal: je,
|
|
1544
|
-
groupError: De
|
|
1510
|
+
}, He = "_focus_wmnjj_550", Ie = "_swap_wmnjj_632", Ze = "_swap__content_wmnjj_688", Re = "_root_wmnjj_780", Ae = "_fullWidth_wmnjj_785", Te = "_container_wmnjj_792", We = "_vertical_wmnjj_796", Ee = "_inputWrapper_wmnjj_799", Fe = "_horizontal_wmnjj_814", Ge = "_groupError_wmnjj_844", T = {
|
|
1511
|
+
focus: He,
|
|
1512
|
+
"focus--default": "_focus--default_wmnjj_567",
|
|
1513
|
+
"focus--danger": "_focus--danger_wmnjj_571",
|
|
1514
|
+
"focus--visible": "_focus--visible_wmnjj_577",
|
|
1515
|
+
"focus-danger": "_focus-danger_wmnjj_592",
|
|
1516
|
+
"focus-within--default": "_focus-within--default_wmnjj_598",
|
|
1517
|
+
"focus-within--danger": "_focus-within--danger_wmnjj_602",
|
|
1518
|
+
"focus--input": "_focus--input_wmnjj_607",
|
|
1519
|
+
"focus--button": "_focus--button_wmnjj_612",
|
|
1520
|
+
"focus--card": "_focus--card_wmnjj_617",
|
|
1521
|
+
swap: Ie,
|
|
1522
|
+
"swap--text": "_swap--text_wmnjj_641",
|
|
1523
|
+
"swap--icon": "_swap--icon_wmnjj_652",
|
|
1524
|
+
"swap--icon-xs": "_swap--icon-xs_wmnjj_662",
|
|
1525
|
+
"swap--icon-s": "_swap--icon-s_wmnjj_667",
|
|
1526
|
+
"swap--icon-m": "_swap--icon-m_wmnjj_672",
|
|
1527
|
+
"swap--icon-l": "_swap--icon-l_wmnjj_677",
|
|
1528
|
+
"swap--icon-xl": "_swap--icon-xl_wmnjj_682",
|
|
1529
|
+
swap__content: Ze,
|
|
1530
|
+
"swap--group-horizontal": "_swap--group-horizontal_wmnjj_697",
|
|
1531
|
+
"swap--group-vertical": "_swap--group-vertical_wmnjj_704",
|
|
1532
|
+
"swap--with-background": "_swap--with-background_wmnjj_712",
|
|
1533
|
+
"swap--with-border": "_swap--with-border_wmnjj_718",
|
|
1534
|
+
"swap--interactive": "_swap--interactive_wmnjj_726",
|
|
1535
|
+
root: Re,
|
|
1536
|
+
fullWidth: Ae,
|
|
1537
|
+
container: Te,
|
|
1538
|
+
vertical: We,
|
|
1539
|
+
inputWrapper: Ee,
|
|
1540
|
+
horizontal: Fe,
|
|
1541
|
+
groupError: Ge
|
|
1545
1542
|
}, h1 = g(
|
|
1546
1543
|
({
|
|
1547
1544
|
children: e,
|
|
@@ -1552,41 +1549,44 @@ const L0 = ({
|
|
|
1552
1549
|
showGroupErrorMessage: s = !0,
|
|
1553
1550
|
...i
|
|
1554
1551
|
}, _) => {
|
|
1555
|
-
const l = Array.isArray(e) ? e : [e], d = l.length, c = l.map((h) => h.props.error).filter(Boolean), f =
|
|
1556
|
-
return /* @__PURE__ */
|
|
1552
|
+
const l = Array.isArray(e) ? e : [e], d = l.length, c = l.map((h) => h.props.error).filter(Boolean), f = n || (c.length > 0 ? c.join(", ") : "");
|
|
1553
|
+
return /* @__PURE__ */ x(
|
|
1557
1554
|
"div",
|
|
1558
1555
|
{
|
|
1559
1556
|
ref: _,
|
|
1560
1557
|
className: V(
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
t && I.fullWidth,
|
|
1564
|
-
{
|
|
1565
|
-
[I.hasGroupError]: f,
|
|
1566
|
-
[I.hasChildErrors]: !n && v
|
|
1567
|
-
},
|
|
1558
|
+
T.root,
|
|
1559
|
+
t && T.fullWidth,
|
|
1568
1560
|
a
|
|
1569
1561
|
),
|
|
1570
1562
|
...i,
|
|
1571
1563
|
children: [
|
|
1572
|
-
/* @__PURE__ */ o("div", { className: V(
|
|
1573
|
-
const
|
|
1574
|
-
variantGroupItems:
|
|
1575
|
-
key:
|
|
1576
|
-
//
|
|
1577
|
-
showErrorMessage: !
|
|
1564
|
+
/* @__PURE__ */ o("div", { className: V(T.container, T[r]), children: l.map((h, u) => {
|
|
1565
|
+
const C = u === 0 ? "first" : u === d - 1 ? "last" : "middle", b = p.cloneElement(h, {
|
|
1566
|
+
variantGroupItems: C,
|
|
1567
|
+
key: u,
|
|
1568
|
+
// Скрываем текст ошибки под инпутом, так как он показывается под группой
|
|
1569
|
+
showErrorMessage: !1,
|
|
1578
1570
|
fullWidth: r === "horizontal"
|
|
1579
1571
|
});
|
|
1580
|
-
return /* @__PURE__ */ o("div", { className:
|
|
1572
|
+
return /* @__PURE__ */ o("div", { className: T.inputWrapper, children: b }, u);
|
|
1581
1573
|
}) }),
|
|
1582
|
-
s &&
|
|
1574
|
+
s && f && /* @__PURE__ */ o(
|
|
1575
|
+
O,
|
|
1576
|
+
{
|
|
1577
|
+
as: "span",
|
|
1578
|
+
variant: "text-short-xs-regular",
|
|
1579
|
+
className: T.groupError,
|
|
1580
|
+
children: f
|
|
1581
|
+
}
|
|
1582
|
+
)
|
|
1583
1583
|
]
|
|
1584
1584
|
}
|
|
1585
1585
|
);
|
|
1586
1586
|
}
|
|
1587
1587
|
);
|
|
1588
1588
|
h1.displayName = "InputGroupStack";
|
|
1589
|
-
const
|
|
1589
|
+
const y0 = ({
|
|
1590
1590
|
name: e,
|
|
1591
1591
|
control: r,
|
|
1592
1592
|
groupError: t,
|
|
@@ -1606,8 +1606,8 @@ const k0 = ({
|
|
|
1606
1606
|
children: a
|
|
1607
1607
|
}
|
|
1608
1608
|
);
|
|
1609
|
-
},
|
|
1610
|
-
focus:
|
|
1609
|
+
}, Oe = "_focus_f2n8z_550", Pe = "_swap_f2n8z_632", De = "_swap__content_f2n8z_688", Ue = "_pageContainer_f2n8z_780", Ke = "_white_f2n8z_787", Xe = "_gray_f2n8z_790", Je = "_content_f2n8z_883", j = {
|
|
1610
|
+
focus: Oe,
|
|
1611
1611
|
"focus--default": "_focus--default_f2n8z_567",
|
|
1612
1612
|
"focus--danger": "_focus--danger_f2n8z_571",
|
|
1613
1613
|
"focus--visible": "_focus--visible_f2n8z_577",
|
|
@@ -1617,7 +1617,7 @@ const k0 = ({
|
|
|
1617
1617
|
"focus--input": "_focus--input_f2n8z_607",
|
|
1618
1618
|
"focus--button": "_focus--button_f2n8z_612",
|
|
1619
1619
|
"focus--card": "_focus--card_f2n8z_617",
|
|
1620
|
-
swap:
|
|
1620
|
+
swap: Pe,
|
|
1621
1621
|
"swap--text": "_swap--text_f2n8z_641",
|
|
1622
1622
|
"swap--icon": "_swap--icon_f2n8z_652",
|
|
1623
1623
|
"swap--icon-xs": "_swap--icon-xs_f2n8z_662",
|
|
@@ -1625,15 +1625,15 @@ const k0 = ({
|
|
|
1625
1625
|
"swap--icon-m": "_swap--icon-m_f2n8z_672",
|
|
1626
1626
|
"swap--icon-l": "_swap--icon-l_f2n8z_677",
|
|
1627
1627
|
"swap--icon-xl": "_swap--icon-xl_f2n8z_682",
|
|
1628
|
-
swap__content:
|
|
1628
|
+
swap__content: De,
|
|
1629
1629
|
"swap--group-horizontal": "_swap--group-horizontal_f2n8z_697",
|
|
1630
1630
|
"swap--group-vertical": "_swap--group-vertical_f2n8z_704",
|
|
1631
1631
|
"swap--with-background": "_swap--with-background_f2n8z_712",
|
|
1632
1632
|
"swap--with-border": "_swap--with-border_f2n8z_718",
|
|
1633
1633
|
"swap--interactive": "_swap--interactive_f2n8z_726",
|
|
1634
|
-
pageContainer:
|
|
1635
|
-
white:
|
|
1636
|
-
gray:
|
|
1634
|
+
pageContainer: Ue,
|
|
1635
|
+
white: Ke,
|
|
1636
|
+
gray: Xe,
|
|
1637
1637
|
"maxWidth-xs": "_maxWidth-xs_f2n8z_801",
|
|
1638
1638
|
"maxWidth-s": "_maxWidth-s_f2n8z_805",
|
|
1639
1639
|
"maxWidth-m": "_maxWidth-m_f2n8z_809",
|
|
@@ -1655,7 +1655,7 @@ const k0 = ({
|
|
|
1655
1655
|
"layout-flex": "_layout-flex_f2n8z_869",
|
|
1656
1656
|
"layout-grid": "_layout-grid_f2n8z_873",
|
|
1657
1657
|
"layout-centered": "_layout-centered_f2n8z_877",
|
|
1658
|
-
content:
|
|
1658
|
+
content: Je,
|
|
1659
1659
|
"direction-row": "_direction-row_f2n8z_889",
|
|
1660
1660
|
"direction-column": "_direction-column_f2n8z_892",
|
|
1661
1661
|
"justify-start": "_justify-start_f2n8z_898",
|
|
@@ -1667,7 +1667,7 @@ const k0 = ({
|
|
|
1667
1667
|
"align-center": "_align-center_f2n8z_919",
|
|
1668
1668
|
"align-end": "_align-end_f2n8z_922",
|
|
1669
1669
|
"align-stretch": "_align-stretch_f2n8z_925"
|
|
1670
|
-
},
|
|
1670
|
+
}, z0 = ({
|
|
1671
1671
|
children: e,
|
|
1672
1672
|
variant: r = "white",
|
|
1673
1673
|
layout: t = "flex",
|
|
@@ -1682,31 +1682,31 @@ const k0 = ({
|
|
|
1682
1682
|
"div",
|
|
1683
1683
|
{
|
|
1684
1684
|
className: V(
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1685
|
+
j.pageContainer,
|
|
1686
|
+
j[r],
|
|
1687
|
+
j[`layout-${t}`],
|
|
1688
|
+
j[`padding-${i}`],
|
|
1689
|
+
j[`margin-${_}`],
|
|
1690
|
+
j[`maxWidth-${l}`],
|
|
1691
1691
|
d
|
|
1692
1692
|
),
|
|
1693
1693
|
children: /* @__PURE__ */ o(
|
|
1694
1694
|
"div",
|
|
1695
1695
|
{
|
|
1696
1696
|
className: V(
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1697
|
+
j.content,
|
|
1698
|
+
j[`justify-${n}`],
|
|
1699
|
+
j[`align-${s}`],
|
|
1700
1700
|
{
|
|
1701
|
-
[
|
|
1701
|
+
[j[`direction-${a}`]]: t === "flex"
|
|
1702
1702
|
}
|
|
1703
1703
|
),
|
|
1704
1704
|
children: e
|
|
1705
1705
|
}
|
|
1706
1706
|
)
|
|
1707
1707
|
}
|
|
1708
|
-
),
|
|
1709
|
-
focus:
|
|
1708
|
+
), Qe = "_focus_ehd4r_550", Ye = "_swap_ehd4r_632", e0 = "_swap__content_ehd4r_688", t0 = "_root_ehd4r_780", r0 = "_wrapper_ehd4r_787", n0 = "_outline_ehd4r_794", a0 = "_fill_ehd4r_804", o0 = "_error_ehd4r_813", s0 = "_disabled_ehd4r_823", _0 = "_textarea_ehd4r_828", i0 = "_label_ehd4r_851", l0 = "_required_ehd4r_866", d0 = "_filled_ehd4r_875", c0 = "_clearButton_ehd4r_894", u0 = "_errorText_ehd4r_919", p0 = "_innerHint_ehd4r_925", N = {
|
|
1709
|
+
focus: Qe,
|
|
1710
1710
|
"focus--default": "_focus--default_ehd4r_567",
|
|
1711
1711
|
"focus--danger": "_focus--danger_ehd4r_571",
|
|
1712
1712
|
"focus--visible": "_focus--visible_ehd4r_577",
|
|
@@ -1716,7 +1716,7 @@ const k0 = ({
|
|
|
1716
1716
|
"focus--input": "_focus--input_ehd4r_607",
|
|
1717
1717
|
"focus--button": "_focus--button_ehd4r_612",
|
|
1718
1718
|
"focus--card": "_focus--card_ehd4r_617",
|
|
1719
|
-
swap:
|
|
1719
|
+
swap: Ye,
|
|
1720
1720
|
"swap--text": "_swap--text_ehd4r_641",
|
|
1721
1721
|
"swap--icon": "_swap--icon_ehd4r_652",
|
|
1722
1722
|
"swap--icon-xs": "_swap--icon-xs_ehd4r_662",
|
|
@@ -1724,26 +1724,26 @@ const k0 = ({
|
|
|
1724
1724
|
"swap--icon-m": "_swap--icon-m_ehd4r_672",
|
|
1725
1725
|
"swap--icon-l": "_swap--icon-l_ehd4r_677",
|
|
1726
1726
|
"swap--icon-xl": "_swap--icon-xl_ehd4r_682",
|
|
1727
|
-
swap__content:
|
|
1727
|
+
swap__content: e0,
|
|
1728
1728
|
"swap--group-horizontal": "_swap--group-horizontal_ehd4r_697",
|
|
1729
1729
|
"swap--group-vertical": "_swap--group-vertical_ehd4r_704",
|
|
1730
1730
|
"swap--with-background": "_swap--with-background_ehd4r_712",
|
|
1731
1731
|
"swap--with-border": "_swap--with-border_ehd4r_718",
|
|
1732
1732
|
"swap--interactive": "_swap--interactive_ehd4r_726",
|
|
1733
|
-
root:
|
|
1734
|
-
wrapper:
|
|
1735
|
-
outline:
|
|
1736
|
-
fill:
|
|
1737
|
-
error:
|
|
1738
|
-
disabled:
|
|
1739
|
-
textarea:
|
|
1740
|
-
label:
|
|
1741
|
-
required:
|
|
1742
|
-
filled:
|
|
1743
|
-
clearButton:
|
|
1744
|
-
errorText:
|
|
1745
|
-
innerHint:
|
|
1746
|
-
},
|
|
1733
|
+
root: t0,
|
|
1734
|
+
wrapper: r0,
|
|
1735
|
+
outline: n0,
|
|
1736
|
+
fill: a0,
|
|
1737
|
+
error: o0,
|
|
1738
|
+
disabled: s0,
|
|
1739
|
+
textarea: _0,
|
|
1740
|
+
label: i0,
|
|
1741
|
+
required: l0,
|
|
1742
|
+
filled: d0,
|
|
1743
|
+
clearButton: c0,
|
|
1744
|
+
errorText: u0,
|
|
1745
|
+
innerHint: p0
|
|
1746
|
+
}, f0 = g(
|
|
1747
1747
|
({
|
|
1748
1748
|
className: e,
|
|
1749
1749
|
disabled: r,
|
|
@@ -1757,53 +1757,53 @@ const k0 = ({
|
|
|
1757
1757
|
rows: d = 4,
|
|
1758
1758
|
clearable: c = !1,
|
|
1759
1759
|
type: f = "outline",
|
|
1760
|
-
value:
|
|
1761
|
-
defaultValue:
|
|
1762
|
-
...
|
|
1763
|
-
},
|
|
1764
|
-
const
|
|
1765
|
-
|
|
1766
|
-
},
|
|
1767
|
-
r || (
|
|
1760
|
+
value: h,
|
|
1761
|
+
defaultValue: u,
|
|
1762
|
+
...C
|
|
1763
|
+
}, b) => {
|
|
1764
|
+
const v = h !== void 0, [q, S] = a1(u?.toString() ?? ""), w = v ? h : q, z = (w?.toString() ?? "").length > 0, M = ($) => {
|
|
1765
|
+
v || S($.target.value), l?.($);
|
|
1766
|
+
}, B = () => {
|
|
1767
|
+
r || (v || S(""), l?.({
|
|
1768
1768
|
target: { value: "" },
|
|
1769
1769
|
currentTarget: { value: "" }
|
|
1770
1770
|
}));
|
|
1771
1771
|
};
|
|
1772
|
-
return /* @__PURE__ */
|
|
1773
|
-
/* @__PURE__ */
|
|
1772
|
+
return /* @__PURE__ */ x("div", { className: V(N.root, e), children: [
|
|
1773
|
+
/* @__PURE__ */ x(
|
|
1774
1774
|
"div",
|
|
1775
1775
|
{
|
|
1776
|
-
className: V(
|
|
1777
|
-
[
|
|
1778
|
-
[
|
|
1779
|
-
[
|
|
1776
|
+
className: V(N.wrapper, N[f], {
|
|
1777
|
+
[N.disabled]: r,
|
|
1778
|
+
[N.error]: t,
|
|
1779
|
+
[N.filled]: z
|
|
1780
1780
|
}),
|
|
1781
1781
|
children: [
|
|
1782
1782
|
/* @__PURE__ */ o(
|
|
1783
1783
|
"textarea",
|
|
1784
1784
|
{
|
|
1785
1785
|
id: i,
|
|
1786
|
-
ref:
|
|
1786
|
+
ref: b,
|
|
1787
1787
|
disabled: r,
|
|
1788
1788
|
maxLength: _,
|
|
1789
1789
|
rows: d,
|
|
1790
|
-
className:
|
|
1790
|
+
className: N.textarea,
|
|
1791
1791
|
value: w,
|
|
1792
1792
|
onChange: M,
|
|
1793
|
-
...
|
|
1793
|
+
...C
|
|
1794
1794
|
}
|
|
1795
1795
|
),
|
|
1796
|
-
s && /* @__PURE__ */
|
|
1796
|
+
s && /* @__PURE__ */ x("label", { htmlFor: i, className: N.label, children: [
|
|
1797
1797
|
s,
|
|
1798
|
-
n && /* @__PURE__ */ o(J, { className:
|
|
1798
|
+
n && /* @__PURE__ */ o(J, { className: N.required })
|
|
1799
1799
|
] }),
|
|
1800
|
-
a && !t && !z && /* @__PURE__ */ o("span", { className:
|
|
1800
|
+
a && !t && !z && /* @__PURE__ */ o("span", { className: N.innerHint, children: a }),
|
|
1801
1801
|
c && z && !r && /* @__PURE__ */ o(
|
|
1802
1802
|
"button",
|
|
1803
1803
|
{
|
|
1804
1804
|
type: "button",
|
|
1805
|
-
className:
|
|
1806
|
-
onClick:
|
|
1805
|
+
className: N.clearButton,
|
|
1806
|
+
onClick: B,
|
|
1807
1807
|
"aria-label": "Очистить поле",
|
|
1808
1808
|
children: /* @__PURE__ */ o(X, {})
|
|
1809
1809
|
}
|
|
@@ -1811,24 +1811,24 @@ const k0 = ({
|
|
|
1811
1811
|
]
|
|
1812
1812
|
}
|
|
1813
1813
|
),
|
|
1814
|
-
t && /* @__PURE__ */ o("span", { className:
|
|
1814
|
+
t && /* @__PURE__ */ o("span", { className: N.errorText, children: t })
|
|
1815
1815
|
] });
|
|
1816
1816
|
}
|
|
1817
1817
|
);
|
|
1818
|
-
|
|
1818
|
+
f0.displayName = "TextArea";
|
|
1819
1819
|
export {
|
|
1820
|
-
|
|
1821
|
-
|
|
1820
|
+
m1 as AlertsBellIcon,
|
|
1821
|
+
v1 as ArrowChevronLeftIcon,
|
|
1822
1822
|
x1 as ArrowChevronRightIcon,
|
|
1823
|
-
|
|
1823
|
+
g0 as AuthCard,
|
|
1824
1824
|
r2 as Avatar,
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1825
|
+
C0 as AvatarGroup,
|
|
1826
|
+
m0 as AvatarWithCssBorder,
|
|
1827
|
+
v0 as Badge,
|
|
1828
|
+
R2 as Button,
|
|
1829
|
+
b0 as ControlledInput,
|
|
1830
|
+
y0 as ControlledInputGroupStack,
|
|
1831
|
+
x0 as Divider,
|
|
1832
1832
|
y1 as EyeIcon,
|
|
1833
1833
|
z1 as EyeSlashIcon,
|
|
1834
1834
|
b1 as FacebookIcon,
|
|
@@ -1839,14 +1839,14 @@ export {
|
|
|
1839
1839
|
V1 as LogoutV1Outline,
|
|
1840
1840
|
X as MathSymbolXV2Icon,
|
|
1841
1841
|
N1 as MathSymbolsAddSquareV2Icon,
|
|
1842
|
-
|
|
1842
|
+
z0 as PageContainer,
|
|
1843
1843
|
J as RequiredIcon,
|
|
1844
1844
|
$1 as SearchIcon,
|
|
1845
1845
|
c2 as Spinner,
|
|
1846
1846
|
q1 as SwapIcon,
|
|
1847
1847
|
M1 as TelegramIcon,
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1848
|
+
f0 as TextArea,
|
|
1849
|
+
j1 as TimeCalendarV2Icon,
|
|
1850
|
+
O as Typography,
|
|
1851
|
+
S1 as VKIcon
|
|
1852
1852
|
};
|