analytica-frontend-lib 1.1.61 → 1.1.63
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/Accordation/index.js +230 -211
- package/dist/Accordation/index.js.map +1 -1
- package/dist/Accordation/index.mjs +199 -180
- package/dist/Accordation/index.mjs.map +1 -1
- package/dist/Card/index.js +220 -201
- package/dist/Card/index.js.map +1 -1
- package/dist/Card/index.mjs +193 -174
- package/dist/Card/index.mjs.map +1 -1
- package/dist/CheckBox/index.d.mts +1 -1
- package/dist/CheckBox/index.d.ts +1 -1
- package/dist/DropdownMenu/index.js.map +1 -1
- package/dist/DropdownMenu/index.mjs.map +1 -1
- package/dist/IconRender/index.d.mts +2 -2
- package/dist/IconRender/index.d.ts +2 -2
- package/dist/IconRender/index.js +37 -18
- package/dist/IconRender/index.js.map +1 -1
- package/dist/IconRender/index.mjs +37 -18
- package/dist/IconRender/index.mjs.map +1 -1
- package/dist/NotificationCard/index.js.map +1 -1
- package/dist/NotificationCard/index.mjs.map +1 -1
- package/dist/Quiz/index.js +495 -476
- package/dist/Quiz/index.js.map +1 -1
- package/dist/Quiz/index.mjs +412 -393
- package/dist/Quiz/index.mjs.map +1 -1
- package/dist/Radio/index.d.mts +2 -2
- package/dist/Radio/index.d.ts +2 -2
- package/dist/Search/index.d.mts +1 -1
- package/dist/Search/index.d.ts +1 -1
- package/dist/Search/index.js.map +1 -1
- package/dist/Search/index.mjs.map +1 -1
- package/dist/SubjectInfo/index.d.mts +1 -1
- package/dist/SubjectInfo/index.d.ts +1 -1
- package/dist/SubjectInfo/index.js +8 -4
- package/dist/SubjectInfo/index.js.map +1 -1
- package/dist/SubjectInfo/index.mjs +8 -3
- package/dist/SubjectInfo/index.mjs.map +1 -1
- package/dist/{SubjectInfo-DZvZ5alE.d.mts → SubjectInfo-Dvt0OodP.d.mts} +2 -2
- package/dist/{SubjectInfo-DZvZ5alE.d.ts → SubjectInfo-Dvt0OodP.d.ts} +2 -2
- package/dist/ThemeToggle/index.js.map +1 -1
- package/dist/ThemeToggle/index.mjs.map +1 -1
- package/dist/index.css +15 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +475 -558
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +392 -475
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +15 -0
- package/dist/styles.css.map +1 -1
- package/dist/utils/index.d.mts +5 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.js +35 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.mjs +10 -0
- package/dist/utils/index.mjs.map +1 -0
- package/package.json +1 -1
|
@@ -718,7 +718,10 @@ import {
|
|
|
718
718
|
} from "phosphor-react";
|
|
719
719
|
|
|
720
720
|
// src/components/IconRender/IconRender.tsx
|
|
721
|
+
import { cloneElement } from "react";
|
|
721
722
|
import * as PhosphorIcons from "phosphor-react";
|
|
723
|
+
|
|
724
|
+
// src/assets/icons/subjects/ChatPT.tsx
|
|
722
725
|
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
723
726
|
var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
724
727
|
"svg",
|
|
@@ -753,7 +756,10 @@ var ChatPT = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
753
756
|
]
|
|
754
757
|
}
|
|
755
758
|
);
|
|
756
|
-
|
|
759
|
+
|
|
760
|
+
// src/assets/icons/subjects/ChatEN.tsx
|
|
761
|
+
import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
762
|
+
var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs5(
|
|
757
763
|
"svg",
|
|
758
764
|
{
|
|
759
765
|
width: size,
|
|
@@ -762,21 +768,21 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
762
768
|
fill: "none",
|
|
763
769
|
xmlns: "http://www.w3.org/2000/svg",
|
|
764
770
|
children: [
|
|
765
|
-
/* @__PURE__ */
|
|
771
|
+
/* @__PURE__ */ jsx6(
|
|
766
772
|
"path",
|
|
767
773
|
{
|
|
768
774
|
d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
|
|
769
775
|
fill: color
|
|
770
776
|
}
|
|
771
777
|
),
|
|
772
|
-
/* @__PURE__ */
|
|
778
|
+
/* @__PURE__ */ jsx6(
|
|
773
779
|
"path",
|
|
774
780
|
{
|
|
775
781
|
d: "M22.5488 12V20.5312H21.0781L17.252 14.4199V20.5312H15.7812V12H17.252L21.0898 18.123V12H22.5488Z",
|
|
776
782
|
fill: color
|
|
777
783
|
}
|
|
778
784
|
),
|
|
779
|
-
/* @__PURE__ */
|
|
785
|
+
/* @__PURE__ */ jsx6(
|
|
780
786
|
"path",
|
|
781
787
|
{
|
|
782
788
|
d: "M14.584 19.3652V20.5312H10.0547V19.3652H14.584ZM10.4707 12V20.5312H9V12H10.4707ZM13.9922 15.5625V16.7109H10.0547V15.5625H13.9922ZM14.5547 12V13.1719H10.0547V12H14.5547Z",
|
|
@@ -786,7 +792,10 @@ var ChatEN = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
786
792
|
]
|
|
787
793
|
}
|
|
788
794
|
);
|
|
789
|
-
|
|
795
|
+
|
|
796
|
+
// src/assets/icons/subjects/ChatES.tsx
|
|
797
|
+
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
798
|
+
var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs6(
|
|
790
799
|
"svg",
|
|
791
800
|
{
|
|
792
801
|
width: size,
|
|
@@ -795,21 +804,21 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
795
804
|
fill: "none",
|
|
796
805
|
xmlns: "http://www.w3.org/2000/svg",
|
|
797
806
|
children: [
|
|
798
|
-
/* @__PURE__ */
|
|
807
|
+
/* @__PURE__ */ jsx7(
|
|
799
808
|
"path",
|
|
800
809
|
{
|
|
801
810
|
d: "M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275L6.29254 29.5187L10.375 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10C9.75992 24.0001 9.52787 24.0866 9.34629 24.2437L5.00004 28V8H27V24Z",
|
|
802
811
|
fill: color
|
|
803
812
|
}
|
|
804
813
|
),
|
|
805
|
-
/* @__PURE__ */
|
|
814
|
+
/* @__PURE__ */ jsx7(
|
|
806
815
|
"path",
|
|
807
816
|
{
|
|
808
817
|
d: "M21.1426 17.8027C21.1426 17.627 21.1152 17.4707 21.0605 17.334C21.0098 17.1973 20.918 17.0723 20.7852 16.959C20.6523 16.8457 20.4648 16.7363 20.2227 16.6309C19.9844 16.5215 19.6797 16.4102 19.3086 16.2969C18.9023 16.1719 18.5273 16.0332 18.1836 15.8809C17.8438 15.7246 17.5469 15.5449 17.293 15.3418C17.0391 15.1348 16.8418 14.8984 16.7012 14.6328C16.5605 14.3633 16.4902 14.0527 16.4902 13.7012C16.4902 13.3535 16.5625 13.0371 16.707 12.752C16.8555 12.4668 17.0645 12.2207 17.334 12.0137C17.6074 11.8027 17.9297 11.6406 18.3008 11.5273C18.6719 11.4102 19.082 11.3516 19.5312 11.3516C20.1641 11.3516 20.709 11.4688 21.166 11.7031C21.627 11.9375 21.9805 12.252 22.2266 12.6465C22.4766 13.041 22.6016 13.4766 22.6016 13.9531H21.1426C21.1426 13.6719 21.082 13.4238 20.9609 13.209C20.8438 12.9902 20.6641 12.8184 20.4219 12.6934C20.1836 12.5684 19.8809 12.5059 19.5137 12.5059C19.166 12.5059 18.877 12.5586 18.6465 12.6641C18.416 12.7695 18.2441 12.9121 18.1309 13.0918C18.0176 13.2715 17.9609 13.4746 17.9609 13.7012C17.9609 13.8613 17.998 14.0078 18.0723 14.1406C18.1465 14.2695 18.2598 14.3906 18.4121 14.5039C18.5645 14.6133 18.7559 14.7168 18.9863 14.8145C19.2168 14.9121 19.4883 15.0059 19.8008 15.0957C20.2734 15.2363 20.6855 15.3926 21.0371 15.5645C21.3887 15.7324 21.6816 15.9238 21.916 16.1387C22.1504 16.3535 22.3262 16.5977 22.4434 16.8711C22.5605 17.1406 22.6191 17.4473 22.6191 17.791C22.6191 18.1504 22.5469 18.4746 22.4023 18.7637C22.2578 19.0488 22.0508 19.293 21.7812 19.4961C21.5156 19.6953 21.1953 19.8496 20.8203 19.959C20.4492 20.0645 20.0352 20.1172 19.5781 20.1172C19.168 20.1172 18.7637 20.0625 18.3652 19.9531C17.9707 19.8438 17.6113 19.6777 17.2871 19.4551C16.9629 19.2285 16.7051 18.9473 16.5137 18.6113C16.3223 18.2715 16.2266 17.875 16.2266 17.4219H17.6973C17.6973 17.6992 17.7441 17.9355 17.8379 18.1309C17.9355 18.3262 18.0703 18.4863 18.2422 18.6113C18.4141 18.7324 18.6133 18.8223 18.8398 18.8809C19.0703 18.9395 19.3164 18.9688 19.5781 18.9688C19.9219 18.9688 20.209 18.9199 20.4395 18.8223C20.6738 18.7246 20.8496 18.5879 20.9668 18.4121C21.084 18.2363 21.1426 18.0332 21.1426 17.8027Z",
|
|
809
818
|
fill: color
|
|
810
819
|
}
|
|
811
820
|
),
|
|
812
|
-
/* @__PURE__ */
|
|
821
|
+
/* @__PURE__ */ jsx7(
|
|
813
822
|
"path",
|
|
814
823
|
{
|
|
815
824
|
d: "M15.4512 18.834V20H10.9219V18.834H15.4512ZM11.3379 11.4688V20H9.86719V11.4688H11.3379ZM14.8594 15.0312V16.1797H10.9219V15.0312H14.8594ZM15.4219 11.4688V12.6406H10.9219V11.4688H15.4219Z",
|
|
@@ -819,29 +828,39 @@ var ChatES = ({ size, color }) => /* @__PURE__ */ jsxs4(
|
|
|
819
828
|
]
|
|
820
829
|
}
|
|
821
830
|
);
|
|
831
|
+
|
|
832
|
+
// src/components/IconRender/IconRender.tsx
|
|
833
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
822
834
|
var IconRender = ({
|
|
823
835
|
iconName,
|
|
824
836
|
color = "#000000",
|
|
825
837
|
size = 24,
|
|
826
838
|
weight = "regular"
|
|
827
839
|
}) => {
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
840
|
+
if (typeof iconName === "string") {
|
|
841
|
+
switch (iconName) {
|
|
842
|
+
case "Chat_PT":
|
|
843
|
+
return /* @__PURE__ */ jsx8(ChatPT, { size, color });
|
|
844
|
+
case "Chat_EN":
|
|
845
|
+
return /* @__PURE__ */ jsx8(ChatEN, { size, color });
|
|
846
|
+
case "Chat_ES":
|
|
847
|
+
return /* @__PURE__ */ jsx8(ChatES, { size, color });
|
|
848
|
+
default: {
|
|
849
|
+
const IconComponent = PhosphorIcons[iconName] || PhosphorIcons.Question;
|
|
850
|
+
return /* @__PURE__ */ jsx8(IconComponent, { size, color, weight });
|
|
851
|
+
}
|
|
838
852
|
}
|
|
853
|
+
} else {
|
|
854
|
+
return cloneElement(iconName, {
|
|
855
|
+
size,
|
|
856
|
+
color: "currentColor"
|
|
857
|
+
});
|
|
839
858
|
}
|
|
840
859
|
};
|
|
841
860
|
var IconRender_default = IconRender;
|
|
842
861
|
|
|
843
862
|
// src/components/Card/Card.tsx
|
|
844
|
-
import { Fragment as Fragment3, jsx as
|
|
863
|
+
import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
845
864
|
var CARD_BASE_CLASSES = {
|
|
846
865
|
default: "w-full bg-background border border-border-50 rounded-xl",
|
|
847
866
|
compact: "w-full bg-background border border-border-50 rounded-lg",
|
|
@@ -883,7 +902,7 @@ var CardBase = forwardRef(
|
|
|
883
902
|
const minHeightClasses = CARD_MIN_HEIGHT_CLASSES[minHeight];
|
|
884
903
|
const layoutClasses = CARD_LAYOUT_CLASSES[layout];
|
|
885
904
|
const cursorClasses = CARD_CURSOR_CLASSES[cursor];
|
|
886
|
-
return /* @__PURE__ */
|
|
905
|
+
return /* @__PURE__ */ jsx9(
|
|
887
906
|
"div",
|
|
888
907
|
{
|
|
889
908
|
ref,
|
|
@@ -941,7 +960,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
941
960
|
const actionIconClasses = ACTION_ICON_CLASSES[action];
|
|
942
961
|
const actionSubTitleClasses = ACTION_SUBTITLE_CLASSES[action];
|
|
943
962
|
const actionHeaderClasses = ACTION_HEADER_CLASSES[action];
|
|
944
|
-
return /* @__PURE__ */
|
|
963
|
+
return /* @__PURE__ */ jsxs7(
|
|
945
964
|
"div",
|
|
946
965
|
{
|
|
947
966
|
ref,
|
|
@@ -951,7 +970,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
951
970
|
),
|
|
952
971
|
...props,
|
|
953
972
|
children: [
|
|
954
|
-
/* @__PURE__ */
|
|
973
|
+
/* @__PURE__ */ jsxs7(
|
|
955
974
|
"div",
|
|
956
975
|
{
|
|
957
976
|
className: cn(
|
|
@@ -960,7 +979,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
960
979
|
extended ? "rounded-t-xl" : "rounded-xl"
|
|
961
980
|
),
|
|
962
981
|
children: [
|
|
963
|
-
/* @__PURE__ */
|
|
982
|
+
/* @__PURE__ */ jsx9(
|
|
964
983
|
"span",
|
|
965
984
|
{
|
|
966
985
|
className: cn(
|
|
@@ -970,7 +989,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
970
989
|
children: icon
|
|
971
990
|
}
|
|
972
991
|
),
|
|
973
|
-
/* @__PURE__ */
|
|
992
|
+
/* @__PURE__ */ jsx9(
|
|
974
993
|
Text_default,
|
|
975
994
|
{
|
|
976
995
|
size: "2xs",
|
|
@@ -979,7 +998,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
979
998
|
children: title
|
|
980
999
|
}
|
|
981
1000
|
),
|
|
982
|
-
/* @__PURE__ */
|
|
1001
|
+
/* @__PURE__ */ jsx9(
|
|
983
1002
|
"p",
|
|
984
1003
|
{
|
|
985
1004
|
className: cn("text-lg font-bold truncate", actionSubTitleClasses),
|
|
@@ -989,8 +1008,8 @@ var CardActivitiesResults = forwardRef(
|
|
|
989
1008
|
]
|
|
990
1009
|
}
|
|
991
1010
|
),
|
|
992
|
-
extended && /* @__PURE__ */
|
|
993
|
-
/* @__PURE__ */
|
|
1011
|
+
extended && /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-2.5 pb-9.5 pt-2.5", children: [
|
|
1012
|
+
/* @__PURE__ */ jsx9(
|
|
994
1013
|
"p",
|
|
995
1014
|
{
|
|
996
1015
|
className: cn(
|
|
@@ -1000,7 +1019,7 @@ var CardActivitiesResults = forwardRef(
|
|
|
1000
1019
|
children: header
|
|
1001
1020
|
}
|
|
1002
1021
|
),
|
|
1003
|
-
/* @__PURE__ */
|
|
1022
|
+
/* @__PURE__ */ jsx9(Badge_default, { size: "large", action: "info", children: description })
|
|
1004
1023
|
] })
|
|
1005
1024
|
]
|
|
1006
1025
|
}
|
|
@@ -1019,7 +1038,7 @@ var CardQuestions = forwardRef(
|
|
|
1019
1038
|
const isDone = state === "done";
|
|
1020
1039
|
const stateLabel = isDone ? "Realizado" : "N\xE3o Realizado";
|
|
1021
1040
|
const buttonLabel = isDone ? "Ver Quest\xE3o" : "Responder";
|
|
1022
|
-
return /* @__PURE__ */
|
|
1041
|
+
return /* @__PURE__ */ jsxs7(
|
|
1023
1042
|
CardBase,
|
|
1024
1043
|
{
|
|
1025
1044
|
ref,
|
|
@@ -1029,10 +1048,10 @@ var CardQuestions = forwardRef(
|
|
|
1029
1048
|
className: cn("justify-between gap-4", className),
|
|
1030
1049
|
...props,
|
|
1031
1050
|
children: [
|
|
1032
|
-
/* @__PURE__ */
|
|
1033
|
-
/* @__PURE__ */
|
|
1034
|
-
/* @__PURE__ */
|
|
1035
|
-
/* @__PURE__ */
|
|
1051
|
+
/* @__PURE__ */ jsxs7("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
1052
|
+
/* @__PURE__ */ jsx9("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
|
|
1053
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
1054
|
+
/* @__PURE__ */ jsx9(
|
|
1036
1055
|
Badge_default,
|
|
1037
1056
|
{
|
|
1038
1057
|
size: "medium",
|
|
@@ -1041,13 +1060,13 @@ var CardQuestions = forwardRef(
|
|
|
1041
1060
|
children: stateLabel
|
|
1042
1061
|
}
|
|
1043
1062
|
),
|
|
1044
|
-
/* @__PURE__ */
|
|
1063
|
+
/* @__PURE__ */ jsxs7("span", { className: "flex flex-row items-center gap-1 text-text-700 text-xs", children: [
|
|
1045
1064
|
isDone ? "Nota" : "Sem nota",
|
|
1046
|
-
isDone && /* @__PURE__ */
|
|
1065
|
+
isDone && /* @__PURE__ */ jsx9(Badge_default, { size: "medium", action: "success", children: "00" })
|
|
1047
1066
|
] })
|
|
1048
1067
|
] })
|
|
1049
1068
|
] }),
|
|
1050
|
-
/* @__PURE__ */
|
|
1069
|
+
/* @__PURE__ */ jsx9("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx9(
|
|
1051
1070
|
Button_default,
|
|
1052
1071
|
{
|
|
1053
1072
|
size: "extra-small",
|
|
@@ -1078,19 +1097,19 @@ var CardProgress = forwardRef(
|
|
|
1078
1097
|
}, ref) => {
|
|
1079
1098
|
const isHorizontal = direction === "horizontal";
|
|
1080
1099
|
const contentComponent = {
|
|
1081
|
-
horizontal: /* @__PURE__ */
|
|
1082
|
-
showDates && /* @__PURE__ */
|
|
1083
|
-
initialDate && /* @__PURE__ */
|
|
1084
|
-
/* @__PURE__ */
|
|
1085
|
-
/* @__PURE__ */
|
|
1100
|
+
horizontal: /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
1101
|
+
showDates && /* @__PURE__ */ jsxs7("div", { className: "flex flex-row gap-6 items-center", children: [
|
|
1102
|
+
initialDate && /* @__PURE__ */ jsxs7("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
1103
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 font-semibold", children: "In\xEDcio" }),
|
|
1104
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-600", children: initialDate })
|
|
1086
1105
|
] }),
|
|
1087
|
-
endDate && /* @__PURE__ */
|
|
1088
|
-
/* @__PURE__ */
|
|
1089
|
-
/* @__PURE__ */
|
|
1106
|
+
endDate && /* @__PURE__ */ jsxs7("span", { className: "flex flex-row gap-1 items-center text-2xs", children: [
|
|
1107
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 font-semibold", children: "Fim" }),
|
|
1108
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-600", children: endDate })
|
|
1090
1109
|
] })
|
|
1091
1110
|
] }),
|
|
1092
|
-
/* @__PURE__ */
|
|
1093
|
-
/* @__PURE__ */
|
|
1111
|
+
/* @__PURE__ */ jsxs7("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
1112
|
+
/* @__PURE__ */ jsx9(
|
|
1094
1113
|
ProgressBar_default,
|
|
1095
1114
|
{
|
|
1096
1115
|
size: "small",
|
|
@@ -1099,7 +1118,7 @@ var CardProgress = forwardRef(
|
|
|
1099
1118
|
"data-testid": "progress-bar"
|
|
1100
1119
|
}
|
|
1101
1120
|
),
|
|
1102
|
-
/* @__PURE__ */
|
|
1121
|
+
/* @__PURE__ */ jsxs7(
|
|
1103
1122
|
Text_default,
|
|
1104
1123
|
{
|
|
1105
1124
|
size: "xs",
|
|
@@ -1115,9 +1134,9 @@ var CardProgress = forwardRef(
|
|
|
1115
1134
|
)
|
|
1116
1135
|
] })
|
|
1117
1136
|
] }),
|
|
1118
|
-
vertical: /* @__PURE__ */
|
|
1137
|
+
vertical: /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-800", children: subhead })
|
|
1119
1138
|
};
|
|
1120
|
-
return /* @__PURE__ */
|
|
1139
|
+
return /* @__PURE__ */ jsxs7(
|
|
1121
1140
|
CardBase,
|
|
1122
1141
|
{
|
|
1123
1142
|
ref,
|
|
@@ -1128,20 +1147,20 @@ var CardProgress = forwardRef(
|
|
|
1128
1147
|
className: cn(isHorizontal ? "h-20" : "", className),
|
|
1129
1148
|
...props,
|
|
1130
1149
|
children: [
|
|
1131
|
-
/* @__PURE__ */
|
|
1150
|
+
/* @__PURE__ */ jsx9(
|
|
1132
1151
|
"div",
|
|
1133
1152
|
{
|
|
1134
1153
|
className: cn(
|
|
1135
1154
|
"flex justify-center items-center [&>svg]:size-6 text-text-950",
|
|
1136
1155
|
isHorizontal ? "min-w-[80px] min-h-[80px] rounded-l-xl" : "min-h-[50px] w-full rounded-t-xl",
|
|
1137
|
-
!color.startsWith("#") ?
|
|
1156
|
+
!color.startsWith("#") ? `${color}` : ""
|
|
1138
1157
|
),
|
|
1139
1158
|
style: color.startsWith("#") ? { backgroundColor: color } : void 0,
|
|
1140
1159
|
"data-testid": "icon-container",
|
|
1141
1160
|
children: icon
|
|
1142
1161
|
}
|
|
1143
1162
|
),
|
|
1144
|
-
/* @__PURE__ */
|
|
1163
|
+
/* @__PURE__ */ jsxs7(
|
|
1145
1164
|
"div",
|
|
1146
1165
|
{
|
|
1147
1166
|
className: cn(
|
|
@@ -1149,7 +1168,7 @@ var CardProgress = forwardRef(
|
|
|
1149
1168
|
!isHorizontal && "gap-4"
|
|
1150
1169
|
),
|
|
1151
1170
|
children: [
|
|
1152
|
-
/* @__PURE__ */
|
|
1171
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
|
|
1153
1172
|
contentComponent[direction]
|
|
1154
1173
|
]
|
|
1155
1174
|
}
|
|
@@ -1169,7 +1188,7 @@ var CardTopic = forwardRef(
|
|
|
1169
1188
|
className = "",
|
|
1170
1189
|
...props
|
|
1171
1190
|
}, ref) => {
|
|
1172
|
-
return /* @__PURE__ */
|
|
1191
|
+
return /* @__PURE__ */ jsxs7(
|
|
1173
1192
|
CardBase,
|
|
1174
1193
|
{
|
|
1175
1194
|
ref,
|
|
@@ -1180,13 +1199,13 @@ var CardTopic = forwardRef(
|
|
|
1180
1199
|
className: cn("justify-center gap-2 py-2 px-4", className),
|
|
1181
1200
|
...props,
|
|
1182
1201
|
children: [
|
|
1183
|
-
subHead && /* @__PURE__ */
|
|
1184
|
-
/* @__PURE__ */
|
|
1185
|
-
index < subHead.length - 1 && /* @__PURE__ */
|
|
1202
|
+
subHead && /* @__PURE__ */ jsx9("span", { className: "text-text-600 text-2xs flex flex-row gap-1", children: subHead.map((text, index) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
|
|
1203
|
+
/* @__PURE__ */ jsx9("p", { children: text }),
|
|
1204
|
+
index < subHead.length - 1 && /* @__PURE__ */ jsx9("p", { children: "\u2022" })
|
|
1186
1205
|
] }, `${text} - ${index}`)) }),
|
|
1187
|
-
/* @__PURE__ */
|
|
1188
|
-
/* @__PURE__ */
|
|
1189
|
-
/* @__PURE__ */
|
|
1206
|
+
/* @__PURE__ */ jsx9("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
|
|
1207
|
+
/* @__PURE__ */ jsxs7("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
|
|
1208
|
+
/* @__PURE__ */ jsx9(
|
|
1190
1209
|
ProgressBar_default,
|
|
1191
1210
|
{
|
|
1192
1211
|
size: "small",
|
|
@@ -1195,7 +1214,7 @@ var CardTopic = forwardRef(
|
|
|
1195
1214
|
"data-testid": "progress-bar"
|
|
1196
1215
|
}
|
|
1197
1216
|
),
|
|
1198
|
-
showPercentage && /* @__PURE__ */
|
|
1217
|
+
showPercentage && /* @__PURE__ */ jsxs7(
|
|
1199
1218
|
Text_default,
|
|
1200
1219
|
{
|
|
1201
1220
|
size: "xs",
|
|
@@ -1229,7 +1248,7 @@ var CardPerformance = forwardRef(
|
|
|
1229
1248
|
...props
|
|
1230
1249
|
}, ref) => {
|
|
1231
1250
|
const hasProgress = progress !== void 0;
|
|
1232
|
-
return /* @__PURE__ */
|
|
1251
|
+
return /* @__PURE__ */ jsxs7(
|
|
1233
1252
|
CardBase,
|
|
1234
1253
|
{
|
|
1235
1254
|
ref,
|
|
@@ -1243,10 +1262,10 @@ var CardPerformance = forwardRef(
|
|
|
1243
1262
|
onClick: () => actionVariant == "caret" && onClickButton?.(valueButton),
|
|
1244
1263
|
...props,
|
|
1245
1264
|
children: [
|
|
1246
|
-
/* @__PURE__ */
|
|
1247
|
-
/* @__PURE__ */
|
|
1248
|
-
/* @__PURE__ */
|
|
1249
|
-
actionVariant === "button" && /* @__PURE__ */
|
|
1265
|
+
/* @__PURE__ */ jsxs7("div", { className: "w-full flex flex-col justify-between gap-2", children: [
|
|
1266
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row justify-between items-center gap-2", children: [
|
|
1267
|
+
/* @__PURE__ */ jsx9("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
1268
|
+
actionVariant === "button" && /* @__PURE__ */ jsx9(
|
|
1250
1269
|
Button_default,
|
|
1251
1270
|
{
|
|
1252
1271
|
variant: "outline",
|
|
@@ -1257,16 +1276,16 @@ var CardPerformance = forwardRef(
|
|
|
1257
1276
|
}
|
|
1258
1277
|
)
|
|
1259
1278
|
] }),
|
|
1260
|
-
/* @__PURE__ */
|
|
1279
|
+
/* @__PURE__ */ jsx9("div", { className: "w-full", children: hasProgress ? /* @__PURE__ */ jsx9(
|
|
1261
1280
|
ProgressBar_default,
|
|
1262
1281
|
{
|
|
1263
1282
|
value: progress,
|
|
1264
1283
|
label: `${progress}% ${labelProgress}`,
|
|
1265
1284
|
variant: progressVariant
|
|
1266
1285
|
}
|
|
1267
|
-
) : /* @__PURE__ */
|
|
1286
|
+
) : /* @__PURE__ */ jsx9("p", { className: "text-xs text-text-600 truncate", children: description }) })
|
|
1268
1287
|
] }),
|
|
1269
|
-
actionVariant == "caret" && /* @__PURE__ */
|
|
1288
|
+
actionVariant == "caret" && /* @__PURE__ */ jsx9(
|
|
1270
1289
|
CaretRight,
|
|
1271
1290
|
{
|
|
1272
1291
|
className: "size-4.5 text-text-800 cursor-pointer",
|
|
@@ -1290,7 +1309,7 @@ var CardResults = forwardRef(
|
|
|
1290
1309
|
...props
|
|
1291
1310
|
}, ref) => {
|
|
1292
1311
|
const isRow = direction == "row";
|
|
1293
|
-
return /* @__PURE__ */
|
|
1312
|
+
return /* @__PURE__ */ jsxs7(
|
|
1294
1313
|
CardBase,
|
|
1295
1314
|
{
|
|
1296
1315
|
ref,
|
|
@@ -1300,7 +1319,7 @@ var CardResults = forwardRef(
|
|
|
1300
1319
|
className: cn("items-stretch cursor-pointer pr-4", className),
|
|
1301
1320
|
...props,
|
|
1302
1321
|
children: [
|
|
1303
|
-
/* @__PURE__ */
|
|
1322
|
+
/* @__PURE__ */ jsx9(
|
|
1304
1323
|
"div",
|
|
1305
1324
|
{
|
|
1306
1325
|
className: cn(
|
|
@@ -1309,11 +1328,11 @@ var CardResults = forwardRef(
|
|
|
1309
1328
|
style: {
|
|
1310
1329
|
backgroundColor: color
|
|
1311
1330
|
},
|
|
1312
|
-
children: /* @__PURE__ */
|
|
1331
|
+
children: /* @__PURE__ */ jsx9(IconRender_default, { iconName: icon, color: "currentColor", size: 20 })
|
|
1313
1332
|
}
|
|
1314
1333
|
),
|
|
1315
|
-
/* @__PURE__ */
|
|
1316
|
-
/* @__PURE__ */
|
|
1334
|
+
/* @__PURE__ */ jsxs7("div", { className: "w-full flex flex-row justify-between items-center", children: [
|
|
1335
|
+
/* @__PURE__ */ jsxs7(
|
|
1317
1336
|
"div",
|
|
1318
1337
|
{
|
|
1319
1338
|
className: cn(
|
|
@@ -1321,28 +1340,28 @@ var CardResults = forwardRef(
|
|
|
1321
1340
|
isRow ? "flex-row items-center gap-2" : "flex-col"
|
|
1322
1341
|
),
|
|
1323
1342
|
children: [
|
|
1324
|
-
/* @__PURE__ */
|
|
1325
|
-
/* @__PURE__ */
|
|
1326
|
-
/* @__PURE__ */
|
|
1343
|
+
/* @__PURE__ */ jsx9("p", { className: "text-sm font-bold text-text-950 flex-1", children: header }),
|
|
1344
|
+
/* @__PURE__ */ jsxs7("span", { className: "flex flex-wrap flex-row gap-1 items-center", children: [
|
|
1345
|
+
/* @__PURE__ */ jsxs7(
|
|
1327
1346
|
Badge_default,
|
|
1328
1347
|
{
|
|
1329
1348
|
action: "success",
|
|
1330
1349
|
variant: "solid",
|
|
1331
1350
|
size: "large",
|
|
1332
|
-
iconLeft: /* @__PURE__ */
|
|
1351
|
+
iconLeft: /* @__PURE__ */ jsx9(CheckCircle, {}),
|
|
1333
1352
|
children: [
|
|
1334
1353
|
correct_answers,
|
|
1335
1354
|
" Corretas"
|
|
1336
1355
|
]
|
|
1337
1356
|
}
|
|
1338
1357
|
),
|
|
1339
|
-
/* @__PURE__ */
|
|
1358
|
+
/* @__PURE__ */ jsxs7(
|
|
1340
1359
|
Badge_default,
|
|
1341
1360
|
{
|
|
1342
1361
|
action: "error",
|
|
1343
1362
|
variant: "solid",
|
|
1344
1363
|
size: "large",
|
|
1345
|
-
iconLeft: /* @__PURE__ */
|
|
1364
|
+
iconLeft: /* @__PURE__ */ jsx9(XCircle, {}),
|
|
1346
1365
|
children: [
|
|
1347
1366
|
incorrect_answers,
|
|
1348
1367
|
" Incorretas"
|
|
@@ -1353,7 +1372,7 @@ var CardResults = forwardRef(
|
|
|
1353
1372
|
]
|
|
1354
1373
|
}
|
|
1355
1374
|
),
|
|
1356
|
-
/* @__PURE__ */
|
|
1375
|
+
/* @__PURE__ */ jsx9(CaretRight, { className: "min-w-6 min-h-6 text-text-800" })
|
|
1357
1376
|
] })
|
|
1358
1377
|
]
|
|
1359
1378
|
}
|
|
@@ -1374,7 +1393,7 @@ var CardStatus = forwardRef(
|
|
|
1374
1393
|
return "Em branco";
|
|
1375
1394
|
}
|
|
1376
1395
|
};
|
|
1377
|
-
return /* @__PURE__ */
|
|
1396
|
+
return /* @__PURE__ */ jsx9(
|
|
1378
1397
|
CardBase,
|
|
1379
1398
|
{
|
|
1380
1399
|
ref,
|
|
@@ -1383,22 +1402,22 @@ var CardStatus = forwardRef(
|
|
|
1383
1402
|
minHeight: "medium",
|
|
1384
1403
|
className: cn("items-center cursor-pointer", className),
|
|
1385
1404
|
...props,
|
|
1386
|
-
children: /* @__PURE__ */
|
|
1387
|
-
/* @__PURE__ */
|
|
1388
|
-
/* @__PURE__ */
|
|
1389
|
-
status && /* @__PURE__ */
|
|
1405
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
|
|
1406
|
+
/* @__PURE__ */ jsx9("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
|
|
1407
|
+
/* @__PURE__ */ jsxs7("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
|
|
1408
|
+
status && /* @__PURE__ */ jsx9(
|
|
1390
1409
|
Badge_default,
|
|
1391
1410
|
{
|
|
1392
1411
|
action: status == "correct" ? "success" : "error",
|
|
1393
1412
|
variant: "solid",
|
|
1394
1413
|
size: "medium",
|
|
1395
|
-
iconLeft: status == "correct" ? /* @__PURE__ */
|
|
1414
|
+
iconLeft: status == "correct" ? /* @__PURE__ */ jsx9(CheckCircle, {}) : /* @__PURE__ */ jsx9(XCircle, {}),
|
|
1396
1415
|
children: getLabelBadge(status)
|
|
1397
1416
|
}
|
|
1398
1417
|
),
|
|
1399
|
-
label && /* @__PURE__ */
|
|
1418
|
+
label && /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-800", children: label })
|
|
1400
1419
|
] }),
|
|
1401
|
-
/* @__PURE__ */
|
|
1420
|
+
/* @__PURE__ */ jsx9(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
|
|
1402
1421
|
] })
|
|
1403
1422
|
}
|
|
1404
1423
|
);
|
|
@@ -1406,7 +1425,7 @@ var CardStatus = forwardRef(
|
|
|
1406
1425
|
);
|
|
1407
1426
|
var CardSettings = forwardRef(
|
|
1408
1427
|
({ header, className, icon, ...props }, ref) => {
|
|
1409
|
-
return /* @__PURE__ */
|
|
1428
|
+
return /* @__PURE__ */ jsxs7(
|
|
1410
1429
|
CardBase,
|
|
1411
1430
|
{
|
|
1412
1431
|
ref,
|
|
@@ -1419,9 +1438,9 @@ var CardSettings = forwardRef(
|
|
|
1419
1438
|
),
|
|
1420
1439
|
...props,
|
|
1421
1440
|
children: [
|
|
1422
|
-
/* @__PURE__ */
|
|
1423
|
-
/* @__PURE__ */
|
|
1424
|
-
/* @__PURE__ */
|
|
1441
|
+
/* @__PURE__ */ jsx9("span", { className: "[&>svg]:size-6", children: icon }),
|
|
1442
|
+
/* @__PURE__ */ jsx9("p", { className: "w-full text-sm truncate", children: header }),
|
|
1443
|
+
/* @__PURE__ */ jsx9(CaretRight, { size: 24, className: "cursor-pointer" })
|
|
1425
1444
|
]
|
|
1426
1445
|
}
|
|
1427
1446
|
);
|
|
@@ -1429,7 +1448,7 @@ var CardSettings = forwardRef(
|
|
|
1429
1448
|
);
|
|
1430
1449
|
var CardSupport = forwardRef(
|
|
1431
1450
|
({ header, className, direction = "col", children, ...props }, ref) => {
|
|
1432
|
-
return /* @__PURE__ */
|
|
1451
|
+
return /* @__PURE__ */ jsxs7(
|
|
1433
1452
|
CardBase,
|
|
1434
1453
|
{
|
|
1435
1454
|
ref,
|
|
@@ -1442,7 +1461,7 @@ var CardSupport = forwardRef(
|
|
|
1442
1461
|
),
|
|
1443
1462
|
...props,
|
|
1444
1463
|
children: [
|
|
1445
|
-
/* @__PURE__ */
|
|
1464
|
+
/* @__PURE__ */ jsxs7(
|
|
1446
1465
|
"div",
|
|
1447
1466
|
{
|
|
1448
1467
|
className: cn(
|
|
@@ -1450,12 +1469,12 @@ var CardSupport = forwardRef(
|
|
|
1450
1469
|
direction == "col" ? "flex-col" : "flex-row items-center"
|
|
1451
1470
|
),
|
|
1452
1471
|
children: [
|
|
1453
|
-
/* @__PURE__ */
|
|
1454
|
-
/* @__PURE__ */
|
|
1472
|
+
/* @__PURE__ */ jsx9("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx9("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
|
|
1473
|
+
/* @__PURE__ */ jsx9("span", { className: "flex flex-row gap-1", children })
|
|
1455
1474
|
]
|
|
1456
1475
|
}
|
|
1457
1476
|
),
|
|
1458
|
-
/* @__PURE__ */
|
|
1477
|
+
/* @__PURE__ */ jsx9(CaretRight, { className: "text-text-800 cursor-pointer", size: 24 })
|
|
1459
1478
|
]
|
|
1460
1479
|
}
|
|
1461
1480
|
);
|
|
@@ -1475,7 +1494,7 @@ var CardForum = forwardRef(
|
|
|
1475
1494
|
hour,
|
|
1476
1495
|
...props
|
|
1477
1496
|
}, ref) => {
|
|
1478
|
-
return /* @__PURE__ */
|
|
1497
|
+
return /* @__PURE__ */ jsxs7(
|
|
1479
1498
|
CardBase,
|
|
1480
1499
|
{
|
|
1481
1500
|
ref,
|
|
@@ -1486,7 +1505,7 @@ var CardForum = forwardRef(
|
|
|
1486
1505
|
className: cn("w-auto h-auto gap-3", className),
|
|
1487
1506
|
...props,
|
|
1488
1507
|
children: [
|
|
1489
|
-
/* @__PURE__ */
|
|
1508
|
+
/* @__PURE__ */ jsx9(
|
|
1490
1509
|
"button",
|
|
1491
1510
|
{
|
|
1492
1511
|
type: "button",
|
|
@@ -1495,18 +1514,18 @@ var CardForum = forwardRef(
|
|
|
1495
1514
|
className: "min-w-8 h-8 rounded-full bg-background-950"
|
|
1496
1515
|
}
|
|
1497
1516
|
),
|
|
1498
|
-
/* @__PURE__ */
|
|
1499
|
-
/* @__PURE__ */
|
|
1500
|
-
/* @__PURE__ */
|
|
1501
|
-
/* @__PURE__ */
|
|
1517
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
|
|
1518
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
|
|
1519
|
+
/* @__PURE__ */ jsx9("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
|
|
1520
|
+
/* @__PURE__ */ jsxs7("p", { className: "text-xs text-text-600", children: [
|
|
1502
1521
|
"\u2022 ",
|
|
1503
1522
|
date,
|
|
1504
1523
|
" \u2022 ",
|
|
1505
1524
|
hour
|
|
1506
1525
|
] })
|
|
1507
1526
|
] }),
|
|
1508
|
-
/* @__PURE__ */
|
|
1509
|
-
/* @__PURE__ */
|
|
1527
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
|
|
1528
|
+
/* @__PURE__ */ jsxs7(
|
|
1510
1529
|
"button",
|
|
1511
1530
|
{
|
|
1512
1531
|
type: "button",
|
|
@@ -1514,8 +1533,8 @@ var CardForum = forwardRef(
|
|
|
1514
1533
|
onClick: () => onClickComments?.(valueComments),
|
|
1515
1534
|
className: "text-text-600 flex flex-row gap-2 items-center",
|
|
1516
1535
|
children: [
|
|
1517
|
-
/* @__PURE__ */
|
|
1518
|
-
/* @__PURE__ */
|
|
1536
|
+
/* @__PURE__ */ jsx9(ChatCircleText, { "aria-hidden": "true", size: 16 }),
|
|
1537
|
+
/* @__PURE__ */ jsxs7("p", { className: "text-xs", children: [
|
|
1519
1538
|
comments,
|
|
1520
1539
|
" respostas"
|
|
1521
1540
|
] })
|
|
@@ -1618,12 +1637,12 @@ var CardAudio = forwardRef(
|
|
|
1618
1637
|
};
|
|
1619
1638
|
const getVolumeIcon = () => {
|
|
1620
1639
|
if (volume === 0) {
|
|
1621
|
-
return /* @__PURE__ */
|
|
1640
|
+
return /* @__PURE__ */ jsx9(SpeakerSimpleX, { size: 24 });
|
|
1622
1641
|
}
|
|
1623
1642
|
if (volume < 0.5) {
|
|
1624
|
-
return /* @__PURE__ */
|
|
1643
|
+
return /* @__PURE__ */ jsx9(SpeakerLow, { size: 24 });
|
|
1625
1644
|
}
|
|
1626
|
-
return /* @__PURE__ */
|
|
1645
|
+
return /* @__PURE__ */ jsx9(SpeakerHigh, { size: 24 });
|
|
1627
1646
|
};
|
|
1628
1647
|
useEffect(() => {
|
|
1629
1648
|
const handleClickOutside = (event) => {
|
|
@@ -1639,7 +1658,7 @@ var CardAudio = forwardRef(
|
|
|
1639
1658
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
1640
1659
|
};
|
|
1641
1660
|
}, []);
|
|
1642
|
-
return /* @__PURE__ */
|
|
1661
|
+
return /* @__PURE__ */ jsxs7(
|
|
1643
1662
|
CardBase,
|
|
1644
1663
|
{
|
|
1645
1664
|
ref,
|
|
@@ -1652,7 +1671,7 @@ var CardAudio = forwardRef(
|
|
|
1652
1671
|
),
|
|
1653
1672
|
...props,
|
|
1654
1673
|
children: [
|
|
1655
|
-
/* @__PURE__ */
|
|
1674
|
+
/* @__PURE__ */ jsx9(
|
|
1656
1675
|
"audio",
|
|
1657
1676
|
{
|
|
1658
1677
|
ref: audioRef,
|
|
@@ -1664,7 +1683,7 @@ var CardAudio = forwardRef(
|
|
|
1664
1683
|
onEnded: handleEnded,
|
|
1665
1684
|
"data-testid": "audio-element",
|
|
1666
1685
|
"aria-label": title,
|
|
1667
|
-
children: tracks ? tracks.map((track) => /* @__PURE__ */
|
|
1686
|
+
children: tracks ? tracks.map((track) => /* @__PURE__ */ jsx9(
|
|
1668
1687
|
"track",
|
|
1669
1688
|
{
|
|
1670
1689
|
kind: track.kind,
|
|
@@ -1674,7 +1693,7 @@ var CardAudio = forwardRef(
|
|
|
1674
1693
|
default: track.default
|
|
1675
1694
|
},
|
|
1676
1695
|
track.src
|
|
1677
|
-
)) : /* @__PURE__ */
|
|
1696
|
+
)) : /* @__PURE__ */ jsx9(
|
|
1678
1697
|
"track",
|
|
1679
1698
|
{
|
|
1680
1699
|
kind: "captions",
|
|
@@ -1685,7 +1704,7 @@ var CardAudio = forwardRef(
|
|
|
1685
1704
|
)
|
|
1686
1705
|
}
|
|
1687
1706
|
),
|
|
1688
|
-
/* @__PURE__ */
|
|
1707
|
+
/* @__PURE__ */ jsx9(
|
|
1689
1708
|
"button",
|
|
1690
1709
|
{
|
|
1691
1710
|
type: "button",
|
|
@@ -1693,14 +1712,14 @@ var CardAudio = forwardRef(
|
|
|
1693
1712
|
disabled: !src,
|
|
1694
1713
|
className: "cursor-pointer text-text-950 hover:text-primary-600 disabled:text-text-400 disabled:cursor-not-allowed",
|
|
1695
1714
|
"aria-label": isPlaying ? "Pausar" : "Reproduzir",
|
|
1696
|
-
children: isPlaying ? /* @__PURE__ */
|
|
1697
|
-
/* @__PURE__ */
|
|
1698
|
-
/* @__PURE__ */
|
|
1699
|
-
] }) }) : /* @__PURE__ */
|
|
1715
|
+
children: isPlaying ? /* @__PURE__ */ jsx9("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsxs7("div", { className: "flex gap-0.5", children: [
|
|
1716
|
+
/* @__PURE__ */ jsx9("div", { className: "w-1 h-4 bg-current rounded-sm" }),
|
|
1717
|
+
/* @__PURE__ */ jsx9("div", { className: "w-1 h-4 bg-current rounded-sm" })
|
|
1718
|
+
] }) }) : /* @__PURE__ */ jsx9(Play, { size: 24 })
|
|
1700
1719
|
}
|
|
1701
1720
|
),
|
|
1702
|
-
/* @__PURE__ */
|
|
1703
|
-
/* @__PURE__ */
|
|
1721
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(currentTime) }),
|
|
1722
|
+
/* @__PURE__ */ jsx9("div", { className: "flex-1 relative", "data-testid": "progress-bar", children: /* @__PURE__ */ jsx9(
|
|
1704
1723
|
"button",
|
|
1705
1724
|
{
|
|
1706
1725
|
type: "button",
|
|
@@ -1715,7 +1734,7 @@ var CardAudio = forwardRef(
|
|
|
1715
1734
|
}
|
|
1716
1735
|
},
|
|
1717
1736
|
"aria-label": "Barra de progresso do \xE1udio",
|
|
1718
|
-
children: /* @__PURE__ */
|
|
1737
|
+
children: /* @__PURE__ */ jsx9(
|
|
1719
1738
|
"div",
|
|
1720
1739
|
{
|
|
1721
1740
|
className: "h-full bg-primary-600 rounded-full transition-all duration-100",
|
|
@@ -1726,19 +1745,19 @@ var CardAudio = forwardRef(
|
|
|
1726
1745
|
)
|
|
1727
1746
|
}
|
|
1728
1747
|
) }),
|
|
1729
|
-
/* @__PURE__ */
|
|
1730
|
-
/* @__PURE__ */
|
|
1731
|
-
/* @__PURE__ */
|
|
1748
|
+
/* @__PURE__ */ jsx9("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
|
|
1749
|
+
/* @__PURE__ */ jsxs7("div", { className: "relative h-6", ref: volumeControlRef, children: [
|
|
1750
|
+
/* @__PURE__ */ jsx9(
|
|
1732
1751
|
"button",
|
|
1733
1752
|
{
|
|
1734
1753
|
type: "button",
|
|
1735
1754
|
onClick: toggleVolumeControl,
|
|
1736
1755
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
1737
1756
|
"aria-label": "Controle de volume",
|
|
1738
|
-
children: /* @__PURE__ */
|
|
1757
|
+
children: /* @__PURE__ */ jsx9("div", { className: "w-6 h-6 flex items-center justify-center", children: getVolumeIcon() })
|
|
1739
1758
|
}
|
|
1740
1759
|
),
|
|
1741
|
-
showVolumeControl && /* @__PURE__ */
|
|
1760
|
+
showVolumeControl && /* @__PURE__ */ jsx9(
|
|
1742
1761
|
"button",
|
|
1743
1762
|
{
|
|
1744
1763
|
type: "button",
|
|
@@ -1748,7 +1767,7 @@ var CardAudio = forwardRef(
|
|
|
1748
1767
|
setShowVolumeControl(false);
|
|
1749
1768
|
}
|
|
1750
1769
|
},
|
|
1751
|
-
children: /* @__PURE__ */
|
|
1770
|
+
children: /* @__PURE__ */ jsx9(
|
|
1752
1771
|
"input",
|
|
1753
1772
|
{
|
|
1754
1773
|
type: "range",
|
|
@@ -1789,22 +1808,22 @@ var CardAudio = forwardRef(
|
|
|
1789
1808
|
}
|
|
1790
1809
|
)
|
|
1791
1810
|
] }),
|
|
1792
|
-
/* @__PURE__ */
|
|
1793
|
-
/* @__PURE__ */
|
|
1811
|
+
/* @__PURE__ */ jsxs7("div", { className: "relative h-6", ref: speedMenuRef, children: [
|
|
1812
|
+
/* @__PURE__ */ jsx9(
|
|
1794
1813
|
"button",
|
|
1795
1814
|
{
|
|
1796
1815
|
type: "button",
|
|
1797
1816
|
onClick: toggleSpeedMenu,
|
|
1798
1817
|
className: "cursor-pointer text-text-950 hover:text-primary-600",
|
|
1799
1818
|
"aria-label": "Op\xE7\xF5es de velocidade",
|
|
1800
|
-
children: /* @__PURE__ */
|
|
1819
|
+
children: /* @__PURE__ */ jsx9(DotsThreeVertical, { size: 24 })
|
|
1801
1820
|
}
|
|
1802
1821
|
),
|
|
1803
|
-
showSpeedMenu && /* @__PURE__ */
|
|
1822
|
+
showSpeedMenu && /* @__PURE__ */ jsx9("div", { className: "absolute bottom-full right-0 mb-2 p-2 bg-background border border-border-100 rounded-lg shadow-lg min-w-24 z-10", children: /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-1", children: [
|
|
1804
1823
|
{ speed: 1, label: "1x" },
|
|
1805
1824
|
{ speed: 1.5, label: "1.5x" },
|
|
1806
1825
|
{ speed: 2, label: "2x" }
|
|
1807
|
-
].map(({ speed, label }) => /* @__PURE__ */
|
|
1826
|
+
].map(({ speed, label }) => /* @__PURE__ */ jsx9(
|
|
1808
1827
|
"button",
|
|
1809
1828
|
{
|
|
1810
1829
|
type: "button",
|
|
@@ -1832,7 +1851,7 @@ var SIMULADO_BACKGROUND_CLASSES = {
|
|
|
1832
1851
|
var CardSimulado = forwardRef(
|
|
1833
1852
|
({ title, duration, info, backgroundColor, className, ...props }, ref) => {
|
|
1834
1853
|
const backgroundClass = SIMULADO_BACKGROUND_CLASSES[backgroundColor];
|
|
1835
|
-
return /* @__PURE__ */
|
|
1854
|
+
return /* @__PURE__ */ jsx9(
|
|
1836
1855
|
CardBase,
|
|
1837
1856
|
{
|
|
1838
1857
|
ref,
|
|
@@ -1845,18 +1864,18 @@ var CardSimulado = forwardRef(
|
|
|
1845
1864
|
className
|
|
1846
1865
|
),
|
|
1847
1866
|
...props,
|
|
1848
|
-
children: /* @__PURE__ */
|
|
1849
|
-
/* @__PURE__ */
|
|
1850
|
-
/* @__PURE__ */
|
|
1851
|
-
/* @__PURE__ */
|
|
1852
|
-
duration && /* @__PURE__ */
|
|
1853
|
-
/* @__PURE__ */
|
|
1854
|
-
/* @__PURE__ */
|
|
1867
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-center w-full gap-4", children: [
|
|
1868
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
|
|
1869
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "lg", weight: "bold", className: "text-text-950 truncate", children: title }),
|
|
1870
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-4 text-text-700", children: [
|
|
1871
|
+
duration && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1", children: [
|
|
1872
|
+
/* @__PURE__ */ jsx9(Clock, { size: 16, className: "flex-shrink-0" }),
|
|
1873
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", children: duration })
|
|
1855
1874
|
] }),
|
|
1856
|
-
/* @__PURE__ */
|
|
1875
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", className: "truncate", children: info })
|
|
1857
1876
|
] })
|
|
1858
1877
|
] }),
|
|
1859
|
-
/* @__PURE__ */
|
|
1878
|
+
/* @__PURE__ */ jsx9(
|
|
1860
1879
|
CaretRight,
|
|
1861
1880
|
{
|
|
1862
1881
|
size: 24,
|
|
@@ -1901,7 +1920,7 @@ var CardTest = forwardRef(
|
|
|
1901
1920
|
const interactiveClasses = isSelectable ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary-950 focus:ring-offset-2" : "";
|
|
1902
1921
|
const selectedClasses = selected ? "ring-2 ring-primary-950 ring-offset-2" : "";
|
|
1903
1922
|
if (isSelectable) {
|
|
1904
|
-
return /* @__PURE__ */
|
|
1923
|
+
return /* @__PURE__ */ jsx9(
|
|
1905
1924
|
"button",
|
|
1906
1925
|
{
|
|
1907
1926
|
ref,
|
|
@@ -1913,8 +1932,8 @@ var CardTest = forwardRef(
|
|
|
1913
1932
|
onKeyDown: handleKeyDown,
|
|
1914
1933
|
"aria-pressed": selected,
|
|
1915
1934
|
...props,
|
|
1916
|
-
children: /* @__PURE__ */
|
|
1917
|
-
/* @__PURE__ */
|
|
1935
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
1936
|
+
/* @__PURE__ */ jsx9(
|
|
1918
1937
|
Text_default,
|
|
1919
1938
|
{
|
|
1920
1939
|
size: "md",
|
|
@@ -1923,10 +1942,10 @@ var CardTest = forwardRef(
|
|
|
1923
1942
|
children: title
|
|
1924
1943
|
}
|
|
1925
1944
|
),
|
|
1926
|
-
/* @__PURE__ */
|
|
1927
|
-
duration && /* @__PURE__ */
|
|
1928
|
-
/* @__PURE__ */
|
|
1929
|
-
/* @__PURE__ */
|
|
1945
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
1946
|
+
duration && /* @__PURE__ */ jsxs7("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
1947
|
+
/* @__PURE__ */ jsx9(Clock, { size: 16, className: "text-text-700" }),
|
|
1948
|
+
/* @__PURE__ */ jsx9(
|
|
1930
1949
|
Text_default,
|
|
1931
1950
|
{
|
|
1932
1951
|
size: "sm",
|
|
@@ -1935,7 +1954,7 @@ var CardTest = forwardRef(
|
|
|
1935
1954
|
}
|
|
1936
1955
|
)
|
|
1937
1956
|
] }),
|
|
1938
|
-
/* @__PURE__ */
|
|
1957
|
+
/* @__PURE__ */ jsx9(
|
|
1939
1958
|
Text_default,
|
|
1940
1959
|
{
|
|
1941
1960
|
size: "sm",
|
|
@@ -1948,14 +1967,14 @@ var CardTest = forwardRef(
|
|
|
1948
1967
|
}
|
|
1949
1968
|
);
|
|
1950
1969
|
}
|
|
1951
|
-
return /* @__PURE__ */
|
|
1970
|
+
return /* @__PURE__ */ jsx9(
|
|
1952
1971
|
"div",
|
|
1953
1972
|
{
|
|
1954
1973
|
ref,
|
|
1955
1974
|
className: cn(`${baseClasses} ${className}`.trim()),
|
|
1956
1975
|
...props,
|
|
1957
|
-
children: /* @__PURE__ */
|
|
1958
|
-
/* @__PURE__ */
|
|
1976
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col justify-between gap-[27px] flex-grow min-h-[67px] w-full min-w-0", children: [
|
|
1977
|
+
/* @__PURE__ */ jsx9(
|
|
1959
1978
|
Text_default,
|
|
1960
1979
|
{
|
|
1961
1980
|
size: "md",
|
|
@@ -1964,10 +1983,10 @@ var CardTest = forwardRef(
|
|
|
1964
1983
|
children: title
|
|
1965
1984
|
}
|
|
1966
1985
|
),
|
|
1967
|
-
/* @__PURE__ */
|
|
1968
|
-
duration && /* @__PURE__ */
|
|
1969
|
-
/* @__PURE__ */
|
|
1970
|
-
/* @__PURE__ */
|
|
1986
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-row justify-start items-end gap-4 w-full", children: [
|
|
1987
|
+
duration && /* @__PURE__ */ jsxs7("div", { className: "flex flex-row items-center gap-1 flex-shrink-0", children: [
|
|
1988
|
+
/* @__PURE__ */ jsx9(Clock, { size: 16, className: "text-text-700" }),
|
|
1989
|
+
/* @__PURE__ */ jsx9(
|
|
1971
1990
|
Text_default,
|
|
1972
1991
|
{
|
|
1973
1992
|
size: "sm",
|
|
@@ -1976,7 +1995,7 @@ var CardTest = forwardRef(
|
|
|
1976
1995
|
}
|
|
1977
1996
|
)
|
|
1978
1997
|
] }),
|
|
1979
|
-
/* @__PURE__ */
|
|
1998
|
+
/* @__PURE__ */ jsx9(
|
|
1980
1999
|
Text_default,
|
|
1981
2000
|
{
|
|
1982
2001
|
size: "sm",
|
|
@@ -2013,14 +2032,14 @@ var SIMULATION_TYPE_STYLES = {
|
|
|
2013
2032
|
}
|
|
2014
2033
|
};
|
|
2015
2034
|
var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ...props }, ref) => {
|
|
2016
|
-
return /* @__PURE__ */
|
|
2035
|
+
return /* @__PURE__ */ jsx9(
|
|
2017
2036
|
"div",
|
|
2018
2037
|
{
|
|
2019
2038
|
ref,
|
|
2020
2039
|
className: cn("w-full max-w-[992px] h-auto", className),
|
|
2021
2040
|
...props,
|
|
2022
|
-
children: /* @__PURE__ */
|
|
2023
|
-
data.map((section, sectionIndex) => /* @__PURE__ */
|
|
2041
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-0", children: [
|
|
2042
|
+
data.map((section, sectionIndex) => /* @__PURE__ */ jsx9("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs7(
|
|
2024
2043
|
"div",
|
|
2025
2044
|
{
|
|
2026
2045
|
className: cn(
|
|
@@ -2028,7 +2047,7 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2028
2047
|
sectionIndex === 0 ? "rounded-t-3xl" : ""
|
|
2029
2048
|
),
|
|
2030
2049
|
children: [
|
|
2031
|
-
/* @__PURE__ */
|
|
2050
|
+
/* @__PURE__ */ jsx9(
|
|
2032
2051
|
Text_default,
|
|
2033
2052
|
{
|
|
2034
2053
|
size: "xs",
|
|
@@ -2037,9 +2056,9 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2037
2056
|
children: section.date
|
|
2038
2057
|
}
|
|
2039
2058
|
),
|
|
2040
|
-
/* @__PURE__ */
|
|
2059
|
+
/* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-2 flex-1", children: section.simulations.map((simulation) => {
|
|
2041
2060
|
const typeStyles = SIMULATION_TYPE_STYLES[simulation.type];
|
|
2042
|
-
return /* @__PURE__ */
|
|
2061
|
+
return /* @__PURE__ */ jsx9(
|
|
2043
2062
|
CardBase,
|
|
2044
2063
|
{
|
|
2045
2064
|
layout: "horizontal",
|
|
@@ -2051,9 +2070,9 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2051
2070
|
transition-shadow duration-200 h-auto min-h-[61px]`
|
|
2052
2071
|
),
|
|
2053
2072
|
onClick: () => onSimulationClick?.(simulation),
|
|
2054
|
-
children: /* @__PURE__ */
|
|
2055
|
-
/* @__PURE__ */
|
|
2056
|
-
/* @__PURE__ */
|
|
2073
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-between items-center w-full gap-2", children: [
|
|
2074
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap flex-col justify-between sm:flex-row gap-2 flex-1 min-w-0", children: [
|
|
2075
|
+
/* @__PURE__ */ jsx9(
|
|
2057
2076
|
Text_default,
|
|
2058
2077
|
{
|
|
2059
2078
|
size: "lg",
|
|
@@ -2062,8 +2081,8 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2062
2081
|
children: simulation.title
|
|
2063
2082
|
}
|
|
2064
2083
|
),
|
|
2065
|
-
/* @__PURE__ */
|
|
2066
|
-
/* @__PURE__ */
|
|
2084
|
+
/* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
|
|
2085
|
+
/* @__PURE__ */ jsx9(
|
|
2067
2086
|
Badge_default,
|
|
2068
2087
|
{
|
|
2069
2088
|
variant: "examsOutlined",
|
|
@@ -2072,10 +2091,10 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2072
2091
|
children: typeStyles.text
|
|
2073
2092
|
}
|
|
2074
2093
|
),
|
|
2075
|
-
/* @__PURE__ */
|
|
2094
|
+
/* @__PURE__ */ jsx9(Text_default, { size: "sm", className: "text-text-800 truncate", children: simulation.info })
|
|
2076
2095
|
] })
|
|
2077
2096
|
] }),
|
|
2078
|
-
/* @__PURE__ */
|
|
2097
|
+
/* @__PURE__ */ jsx9(
|
|
2079
2098
|
CaretRight,
|
|
2080
2099
|
{
|
|
2081
2100
|
size: 24,
|
|
@@ -2091,7 +2110,7 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2091
2110
|
]
|
|
2092
2111
|
}
|
|
2093
2112
|
) }, section.date)),
|
|
2094
|
-
data.length > 0 && /* @__PURE__ */
|
|
2113
|
+
data.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w-full h-6 bg-white rounded-b-3xl" })
|
|
2095
2114
|
] })
|
|
2096
2115
|
}
|
|
2097
2116
|
);
|
|
@@ -2099,7 +2118,7 @@ var CardSimulationHistory = forwardRef(({ data, onSimulationClick, className, ..
|
|
|
2099
2118
|
|
|
2100
2119
|
// src/components/Accordation/Accordation.tsx
|
|
2101
2120
|
import { CaretRight as CaretRight2 } from "phosphor-react";
|
|
2102
|
-
import { jsx as
|
|
2121
|
+
import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
2103
2122
|
var CardAccordation = forwardRef2(
|
|
2104
2123
|
({
|
|
2105
2124
|
trigger,
|
|
@@ -2122,7 +2141,7 @@ var CardAccordation = forwardRef2(
|
|
|
2122
2141
|
handleToggle();
|
|
2123
2142
|
}
|
|
2124
2143
|
};
|
|
2125
|
-
return /* @__PURE__ */
|
|
2144
|
+
return /* @__PURE__ */ jsxs8(
|
|
2126
2145
|
CardBase,
|
|
2127
2146
|
{
|
|
2128
2147
|
ref,
|
|
@@ -2132,7 +2151,7 @@ var CardAccordation = forwardRef2(
|
|
|
2132
2151
|
className: cn("overflow-hidden", className),
|
|
2133
2152
|
...props,
|
|
2134
2153
|
children: [
|
|
2135
|
-
/* @__PURE__ */
|
|
2154
|
+
/* @__PURE__ */ jsxs8(
|
|
2136
2155
|
"button",
|
|
2137
2156
|
{
|
|
2138
2157
|
onClick: handleToggle,
|
|
@@ -2142,7 +2161,7 @@ var CardAccordation = forwardRef2(
|
|
|
2142
2161
|
"aria-controls": "accordion-content",
|
|
2143
2162
|
children: [
|
|
2144
2163
|
trigger,
|
|
2145
|
-
/* @__PURE__ */
|
|
2164
|
+
/* @__PURE__ */ jsx10(
|
|
2146
2165
|
CaretRight2,
|
|
2147
2166
|
{
|
|
2148
2167
|
size: 20,
|
|
@@ -2156,7 +2175,7 @@ var CardAccordation = forwardRef2(
|
|
|
2156
2175
|
]
|
|
2157
2176
|
}
|
|
2158
2177
|
),
|
|
2159
|
-
/* @__PURE__ */
|
|
2178
|
+
/* @__PURE__ */ jsx10(
|
|
2160
2179
|
"div",
|
|
2161
2180
|
{
|
|
2162
2181
|
id: contentId,
|
|
@@ -2165,7 +2184,7 @@ var CardAccordation = forwardRef2(
|
|
|
2165
2184
|
isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
|
|
2166
2185
|
),
|
|
2167
2186
|
"data-testid": "accordion-content",
|
|
2168
|
-
children: /* @__PURE__ */
|
|
2187
|
+
children: /* @__PURE__ */ jsx10("div", { className: "p-4 pt-0 border-border-50", children })
|
|
2169
2188
|
}
|
|
2170
2189
|
)
|
|
2171
2190
|
]
|