react-native-inapp-inspector 1.0.4 → 1.0.5

package/dist/esm/styles/index.d.ts

@@ -1,7 +1,8 @@
-declare const styles: {
+import AppColors from './AppColors';
+export declare const getRawStyles: (colors: typeof AppColors) => {
     header: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         paddingHorizontal: number;
         paddingVertical: number;
         zIndex: number;
@@ -17,17 +18,17 @@ declare const styles: {
     };
     headerLeft: {
         flex: number;
-        alignItems: "flex-start";
+        alignItems: string;
     };
     headerCenter: {
         flex: number;
-        alignItems: "center";
+        alignItems: string;
     };
     headerRight: {
         flex: number;
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "flex-end";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
     };
     headerTitle: {
         fontFamily: string;
@@ -36,15 +37,17 @@ declare const styles: {
         letterSpacing: number;
     };
     headerButtonGroup: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         backgroundColor: string;
         borderRadius: number;
         padding: number;
+        borderWidth: number;
+        borderColor: string;
     };
     headerGroupButton: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         paddingHorizontal: number;
         paddingVertical: number;
         borderRadius: number;
@@ -52,6 +55,14 @@ declare const styles: {
     };
     headerGroupButtonActive: {
         backgroundColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
     };
     headerGroupButtonText: {
         fontFamily: string;
@@ -60,15 +71,15 @@ declare const styles: {
         letterSpacing: number;
     };
     headerDetailCenter: {
-        alignItems: "center";
-        justifyContent: "center";
-        width: "100%";
+        alignItems: string;
+        justifyContent: string;
+        width: string;
     };
     headerDetailRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
-        maxWidth: "100%";
+        maxWidth: string;
     };
     headerMethodBadge: {
         paddingHorizontal: number;
@@ -97,8 +108,8 @@ declare const styles: {
         letterSpacing: number;
     };
     headerDetailSubRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
         marginTop: number;
     };
@@ -123,8 +134,8 @@ declare const styles: {
         letterSpacing: number;
     };
     headerCountBadge: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         backgroundColor: string;
         paddingHorizontal: number;
         paddingVertical: number;
@@ -150,6 +161,16 @@ declare const styles: {
     iconBtnMinimal: {
         padding: number;
     };
+    closeButtonCircle: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: string;
+        justifyContent: string;
+        borderWidth: number;
+        borderColor: string;
+    };
     listContent: {
         paddingBottom: number;
     };
@@ -162,11 +183,11 @@ declare const styles: {
         paddingBottom: number;
     };
     fabWrapper: {
-        position: "absolute";
+        position: string;
         bottom: number;
         right: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         zIndex: number;
         elevation: number;
         shadowColor: string;
@@ -178,7 +199,7 @@ declare const styles: {
         shadowRadius: number;
     };
     fabPulseRing: {
-        position: "absolute";
+        position: string;
         width: number;
         height: number;
         borderRadius: number;
@@ -188,8 +209,9 @@ declare const styles: {
         width: number;
         height: number;
         borderRadius: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
+        backgroundColor: string;
         shadowColor: string;
         shadowOffset: {
             width: number;
@@ -205,14 +227,14 @@ declare const styles: {
         fontSize: number;
     };
     fabBadge: {
-        position: "absolute";
+        position: string;
         top: number;
         right: number;
         minWidth: number;
         height: number;
         borderRadius: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         paddingHorizontal: number;
         borderWidth: number;
         borderColor: string;
@@ -236,38 +258,10 @@ declare const styles: {
         color: string;
         fontSize: number;
     };
-    dashboardCard: {
-        marginHorizontal: number;
-        marginBottom: number;
-        backgroundColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-        shadowColor: string;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-        overflow: "hidden";
-    };
-    dashboardStatsRow: {
-        flexDirection: "row";
-        paddingVertical: number;
-        paddingHorizontal: number;
-    };
     statBox: {
         flex: number;
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    dashboardStatDivider: {
-        width: number;
-        backgroundColor: string;
-        height: "80%";
-        alignSelf: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     statValue: {
         fontFamily: string;
@@ -279,27 +273,27 @@ declare const styles: {
         color: string;
         fontSize: number;
         marginTop: number;
-        textTransform: "uppercase";
+        textTransform: string;
         letterSpacing: number;
     };
     miniGraphWrap: {
         marginTop: number;
         height: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     toolbarRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingHorizontal: number;
         marginBottom: number;
         gap: number;
         marginTop: number;
     };
     toolbarRight: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     toolbarDivider: {
@@ -312,8 +306,8 @@ declare const styles: {
         width: number;
         height: number;
         borderRadius: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         backgroundColor: string;
         borderWidth: number;
         borderColor: string;
@@ -334,15 +328,15 @@ declare const styles: {
         elevation: number;
     };
     trashBadge: {
-        position: "absolute";
+        position: string;
         top: number;
         right: number;
         backgroundColor: string;
         borderRadius: number;
         minWidth: number;
         height: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         borderWidth: number;
         borderColor: string;
     };
@@ -359,12 +353,12 @@ declare const styles: {
         fontFamily: string;
         color: string;
         fontSize: number;
-        textTransform: "uppercase";
+        textTransform: string;
         letterSpacing: number;
         marginBottom: number;
     };
     statusRowContent: {
-        alignItems: "center";
+        alignItems: string;
         paddingVertical: number;
     };
     statusFilterWrap: {
@@ -373,8 +367,8 @@ declare const styles: {
     statusFilterChip: {
         paddingHorizontal: number;
         height: number;
-        justifyContent: "center";
-        alignItems: "center";
+        justifyContent: string;
+        alignItems: string;
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
@@ -408,8 +402,8 @@ declare const styles: {
     };
     searchContainer: {
         flex: number;
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         backgroundColor: string;
         borderRadius: number;
         paddingHorizontal: number;
@@ -442,7 +436,7 @@ declare const styles: {
         fontSize: number;
     };
     menuDropdown: {
-        position: "absolute";
+        position: string;
         top: number;
         width: number;
         backgroundColor: string;
@@ -458,7 +452,7 @@ declare const styles: {
         shadowOpacity: number;
         shadowRadius: number;
         elevation: number;
-        overflow: "hidden";
+        overflow: string;
     };
     dropdownItem: {
         padding: number;
@@ -472,17 +466,17 @@ declare const styles: {
         borderTopColor: string;
     };
     domainHeaderRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingLeft: number;
         paddingRight: number;
         marginTop: number;
         marginBottom: number;
     };
     domainHeaderLeft: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         flex: number;
         paddingRight: number;
         gap: number;
@@ -490,15 +484,15 @@ declare const styles: {
     domainHeaderText: {
         fontFamily: string;
         fontSize: number;
-        fontWeight: "700";
-        textTransform: "capitalize";
+        fontWeight: string;
+        textTransform: string;
         flexShrink: number;
         marginLeft: number;
     };
     domainSubRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        flexWrap: "wrap";
+        flexDirection: string;
+        alignItems: string;
+        flexWrap: string;
         marginTop: number;
     };
     domainTimestamp: {
@@ -512,17 +506,17 @@ declare const styles: {
         marginLeft: number;
     };
     domainStatsGroup: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
-        overflow: "hidden";
+        overflow: string;
         backgroundColor: string;
     };
     groupBtnItem: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
         paddingHorizontal: number;
         paddingVertical: number;
@@ -536,32 +530,32 @@ declare const styles: {
         fontSize: number;
     };
     treeNodeRow: {
-        flexDirection: "row";
-        alignItems: "stretch";
+        flexDirection: string;
+        alignItems: string;
         paddingRight: number;
     };
     treeLines: {
         width: number;
-        position: "relative";
+        position: string;
     };
     modernTreeLine: {
-        position: "absolute";
+        position: string;
         left: number;
         top: number;
         width: number;
-        height: "100%";
+        height: string;
         borderLeftWidth: number;
         opacity: number;
     };
     modernTreeLineLast: {
-        height: "50%";
+        height: string;
         borderBottomWidth: number;
         borderBottomLeftRadius: number;
     };
     modernTreeBranch: {
-        position: "absolute";
+        position: string;
         left: number;
-        top: "50%";
+        top: string;
         width: number;
         borderTopWidth: number;
         opacity: number;
@@ -574,7 +568,7 @@ declare const styles: {
         marginHorizontal: number;
         marginVertical: number;
         borderRadius: number;
-        overflow: "hidden";
+        overflow: string;
         shadowColor: string;
         shadowOffset: {
             width: number;
@@ -593,8 +587,8 @@ declare const styles: {
         paddingBottom: number;
     };
     cardTopRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         marginBottom: number;
     };
     smallCheckbox: {
@@ -603,8 +597,8 @@ declare const styles: {
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         backgroundColor: string;
         marginRight: number;
     };
@@ -620,8 +614,8 @@ declare const styles: {
         minWidth: number;
     };
     chip: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
         paddingHorizontal: number;
         paddingVertical: number;
@@ -633,20 +627,20 @@ declare const styles: {
         fontSize: number;
     };
     cardMiddleRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         marginBottom: number;
     };
     cardBottomRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         marginBottom: number;
     };
     cardDateRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     cardDateText: {
@@ -656,8 +650,8 @@ declare const styles: {
         letterSpacing: number;
     };
     cardMetaRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
         flexShrink: number;
     };
@@ -702,18 +696,18 @@ declare const styles: {
         backgroundColor: string;
         marginTop: number;
         borderRadius: number;
-        overflow: "hidden";
-        position: "relative";
+        overflow: string;
+        position: string;
     };
     timelineBar: {
-        position: "absolute";
-        height: "100%";
+        position: string;
+        height: string;
         borderRadius: number;
     };
     empty: {
         flex: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     emptyIcon: {
         fontSize: number;
@@ -721,8 +715,8 @@ declare const styles: {
     };
     emptyContainer: {
         flex: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         paddingVertical: number;
         paddingHorizontal: number;
     };
@@ -731,8 +725,8 @@ declare const styles: {
         height: number;
         borderRadius: number;
         backgroundColor: string;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         marginBottom: number;
         shadowColor: string;
         shadowOffset: {
@@ -754,7 +748,7 @@ declare const styles: {
         fontFamily: string;
         color: string;
         fontSize: number;
-        textAlign: "center";
+        textAlign: string;
         lineHeight: number;
         letterSpacing: number;
     };
@@ -797,14 +791,14 @@ declare const styles: {
         elevation: number;
     };
     detailInfoTop: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingBottom: number;
     };
     detailInfoRight: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     detailMethodLabel: {
@@ -832,7 +826,7 @@ declare const styles: {
         color: string;
         fontSize: number;
         lineHeight: number;
-        textDecorationLine: "underline";
+        textDecorationLine: string;
         letterSpacing: number;
     };
     metaContainer: {
@@ -841,7 +835,7 @@ declare const styles: {
         borderColor: string;
         borderRadius: number;
         marginBottom: number;
-        overflow: "hidden";
+        overflow: string;
         shadowColor: string;
         shadowOffset: {
             width: number;
@@ -852,9 +846,9 @@ declare const styles: {
         elevation: number;
     };
     metaHeader: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingHorizontal: number;
         paddingVertical: number;
         borderBottomWidth: number;
@@ -866,7 +860,7 @@ declare const styles: {
         color: string;
         fontSize: number;
         letterSpacing: number;
-        textTransform: "uppercase";
+        textTransform: string;
     };
     metaChevron: {
         fontFamily: string;
@@ -879,9 +873,9 @@ declare const styles: {
         paddingTop: number;
     };
     metaRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingVertical: number;
     };
     metaDivider: {
@@ -889,8 +883,8 @@ declare const styles: {
         backgroundColor: string;
     };
     metaLabelRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     metaLabel: {
@@ -904,8 +898,8 @@ declare const styles: {
         fontSize: number;
     };
     metaValueRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     perfBadge: {
@@ -924,15 +918,15 @@ declare const styles: {
         marginVertical: number;
     };
     detailSearchRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         marginBottom: number;
     };
     detailSearchBox: {
         flex: number;
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         backgroundColor: string;
         borderRadius: number;
         paddingLeft: number;
@@ -951,7 +945,7 @@ declare const styles: {
         borderColor: string;
         borderRadius: number;
         marginBottom: number;
-        overflow: "hidden";
+        overflow: string;
     };
     sectionHeaderGradient: {
         backgroundColor: string;
@@ -961,13 +955,13 @@ declare const styles: {
         borderBottomColor: string;
     };
     sectionHeaderRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
     };
     sectionTitleRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
         flex: number;
         marginRight: number;
@@ -979,8 +973,8 @@ declare const styles: {
         flexShrink: number;
     };
     sectionHeaderActions: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     htCard: {
@@ -990,11 +984,11 @@ declare const styles: {
         borderColor: string;
         borderLeftWidth: number;
         marginBottom: number;
-        overflow: "hidden";
+        overflow: string;
     };
     htCardHeader: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         paddingHorizontal: number;
         paddingVertical: number;
         gap: number;
@@ -1006,8 +1000,8 @@ declare const styles: {
         width: number;
         height: number;
         borderRadius: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     htTitle: {
         fontFamily: string;
@@ -1035,11 +1029,11 @@ declare const styles: {
         borderWidth: number;
         borderColor: string;
         backgroundColor: string;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     htColHeadRow: {
-        flexDirection: "row";
+        flexDirection: string;
         paddingHorizontal: number;
         paddingVertical: number;
         backgroundColor: string;
@@ -1051,20 +1045,20 @@ declare const styles: {
         color: string;
         fontSize: number;
         letterSpacing: number;
-        textTransform: "uppercase";
+        textTransform: string;
     };
     htRow: {
-        flexDirection: "row";
+        flexDirection: string;
         paddingHorizontal: number;
         paddingVertical: number;
-        alignItems: "flex-start";
+        alignItems: string;
     };
     htRowBorder: {
         borderBottomWidth: number;
         borderBottomColor: string;
     };
     htKeyCell: {
-        width: "30%";
+        width: string;
         paddingVertical: number;
         paddingRight: number;
     };
@@ -1077,7 +1071,7 @@ declare const styles: {
     htCellDivider: {
         width: number;
         backgroundColor: string;
-        alignSelf: "stretch";
+        alignSelf: string;
         marginVertical: number;
     };
     htValueCell: {
@@ -1103,13 +1097,13 @@ declare const styles: {
     htCopyBtn: {
         paddingHorizontal: number;
         paddingVertical: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     htEmpty: {
         paddingHorizontal: number;
         paddingVertical: number;
-        alignItems: "center";
+        alignItems: string;
     };
     htEmptyText: {
         fontFamily: string;
@@ -1123,8 +1117,8 @@ declare const styles: {
         borderWidth: number;
         borderColor: string;
         backgroundColor: string;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     iconSquareBtnSuccess: {
         borderColor: string;
@@ -1135,14 +1129,14 @@ declare const styles: {
         backgroundColor: string;
     };
     codeBlockScroll: {
-        width: "100%";
+        width: string;
         backgroundColor: string;
     };
     codeBlock: {
         paddingTop: number;
         paddingHorizontal: number;
         paddingBottom: number;
-        minWidth: "100%";
+        minWidth: string;
     };
     codeSyntax: {
         color: string;
@@ -1161,8 +1155,8 @@ declare const styles: {
         fontFamily: string;
     };
     treeRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         paddingVertical: number;
     };
     treeChevron: {
@@ -1229,8 +1223,8 @@ declare const styles: {
         marginVertical: number;
     };
     filePreviewCard: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         backgroundColor: string;
         borderRadius: number;
         padding: number;
@@ -1250,8 +1244,8 @@ declare const styles: {
         height: number;
         borderRadius: number;
         backgroundColor: string;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     filePreviewName: {
         fontFamily: string;
@@ -1265,29 +1259,29 @@ declare const styles: {
         fontSize: number;
     };
     imagePreviewWrapper: {
-        width: "100%";
+        width: string;
         height: number;
         borderRadius: number;
-        overflow: "hidden";
+        overflow: string;
         marginBottom: number;
         backgroundColor: string;
         borderWidth: number;
         borderColor: string;
     };
     imagePreview: {
-        width: "100%";
-        height: "100%";
+        width: string;
+        height: string;
     };
     imageDownloadBtn: {
-        position: "absolute";
+        position: string;
         bottom: number;
         right: number;
         width: number;
         height: number;
         borderRadius: number;
         backgroundColor: string;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         shadowColor: string;
         shadowOffset: {
             width: number;
@@ -1303,12 +1297,12 @@ declare const styles: {
         borderColor: string;
         borderRadius: number;
         marginBottom: number;
-        overflow: "hidden";
+        overflow: string;
     };
     sourcePageAccordionHeader: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingHorizontal: number;
         paddingVertical: number;
         borderBottomWidth: number;
@@ -1316,14 +1310,14 @@ declare const styles: {
         backgroundColor: string;
     };
     sourcePageTop: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
         flex: number;
     };
     sourcePageHeaderRight: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     sourcePageIcon: {
@@ -1333,8 +1327,8 @@ declare const styles: {
         backgroundColor: string;
         borderWidth: number;
         borderColor: string;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
     };
     sourcePageLabel: {
         fontFamily: string;
@@ -1352,9 +1346,9 @@ declare const styles: {
         borderTopColor: string;
     };
     paramsAccordionHeader: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingHorizontal: number;
         paddingVertical: number;
         borderBottomWidth: number;
@@ -1362,13 +1356,13 @@ declare const styles: {
         backgroundColor: string;
     };
     paramsAccordionLeft: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     paramsAccordionRight: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
     };
     sourceParamsLabel: {
@@ -1376,7 +1370,7 @@ declare const styles: {
         color: string;
         fontSize: number;
         letterSpacing: number;
-        textTransform: "uppercase";
+        textTransform: string;
     };
     paramsBody: {
         paddingHorizontal: number;
@@ -1384,9 +1378,9 @@ declare const styles: {
         paddingTop: number;
     };
     paramRow: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingVertical: number;
         gap: number;
     };
@@ -1401,21 +1395,21 @@ declare const styles: {
         flex: number;
     };
     paramValueRow: {
-        flexDirection: "row";
-        alignItems: "center";
+        flexDirection: string;
+        alignItems: string;
         gap: number;
         flex: number;
-        justifyContent: "flex-end";
+        justifyContent: string;
     };
     paramValue: {
         fontFamily: string;
         color: string;
         fontSize: number;
-        textAlign: "right";
+        textAlign: string;
         flexShrink: number;
     };
     headerGradient: {
-        width: "100%";
+        width: string;
     };
     statusChip: {
         paddingHorizontal: number;
@@ -1428,7 +1422,7 @@ declare const styles: {
         fontSize: number;
     };
     tabBar: {
-        flexDirection: "row";
+        flexDirection: string;
         backgroundColor: string;
         paddingHorizontal: number;
         paddingTop: number;
@@ -1439,8 +1433,8 @@ declare const styles: {
         paddingHorizontal: number;
         paddingVertical: number;
         borderRadius: number;
-        alignItems: "center";
-        justifyContent: "center";
+        alignItems: string;
+        justifyContent: string;
         backgroundColor: string;
     };
     tabItemActive: {
@@ -1463,9 +1457,9 @@ declare const styles: {
         color: string;
     };
     screenSectionHeader: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
         paddingHorizontal: number;
         paddingVertical: number;
         backgroundColor: string;
@@ -1484,5 +1478,220 @@ declare const styles: {
         fontSize: number;
         color: string;
     };
+    modalBackdrop: {
+        flex: number;
+        backgroundColor: string;
+        justifyContent: string;
+    };
+    modalBackdropPressable: {
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    modalContentCard: {
+        height: string;
+        backgroundColor: string;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        overflow: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    tabBarContainer: {
+        backgroundColor: string;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    contentTabButton: {
+        flexDirection: string;
+        alignItems: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        marginRight: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+    };
+    contentTabButtonActive: {
+        backgroundColor: string;
+        borderColor: string;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    contentTabButtonText: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    contentTabButtonTextActive: {
+        color: string;
+        fontWeight: string;
+    };
+    insightsContainer: {
+        flex: number;
+        backgroundColor: string;
+    };
+    insightsContent: {
+        padding: number;
+        paddingBottom: number;
+    };
+    dashboardContainer: {
+        gap: number;
+    };
+    dashboardModuleCard: {
+        backgroundColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        padding: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        elevation: number;
+    };
+    dashboardModuleHeader: {
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        marginBottom: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+        paddingBottom: number;
+    };
+    dashboardModuleTitle: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    dashboardModuleGoText: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    dashboardModuleGrid: {
+        flexDirection: string;
+        flexWrap: string;
+        justifyContent: string;
+        gap: number;
+    };
+    dashboardGridItem: {
+        flex: number;
+        minWidth: string;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        alignItems: string;
+        justifyContent: string;
+    };
+    dashboardGridVal: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    dashboardGridLbl: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        marginTop: number;
+    };
+    analyticsCardRow: {};
+    analyticsTopEventsCard: {
+        marginHorizontal: number;
+        marginBottom: number;
+        backgroundColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        elevation: number;
+    };
+    analyticsTopEventsHeaderRow: {
+        flexDirection: string;
+        alignItems: string;
+        justifyContent: string;
+        marginBottom: number;
+    };
+    analyticsTopEventsTitle: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        letterSpacing: number;
+        textTransform: string;
+    };
+    analyticsTopEventsSubtitle: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        letterSpacing: number;
+    };
+    analyticsTopEventRow: {
+        flexDirection: string;
+        alignItems: string;
+        marginBottom: number;
+        gap: number;
+    };
+    analyticsTopEventName: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        flex: number;
+    };
+    analyticsTopEventBarWrap: {
+        flex: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        overflow: string;
+    };
+    analyticsTopEventBar: {
+        height: string;
+        borderRadius: number;
+    };
+    analyticsTopEventCount: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+        width: number;
+        textAlign: string;
+    };
+    analyticsIconCircle: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: string;
+        justifyContent: string;
+    };
 };
+declare const styles: any;
+export declare const toggleGlobalTheme: (isDark: boolean) => void;
 export default styles;