framework7-react 7.0.3 → 7.0.6

package/components/accordion-content.d.ts

@@ -8,6 +8,7 @@ export interface AccordionContentProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/accordion-item.d.ts

@@ -15,6 +15,7 @@ export interface AccordionItemProps {
   onAccordionClose ?: (...args: any[]) => void;
   onAccordionClosed ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/accordion-toggle.d.ts

@@ -8,6 +8,7 @@ export interface AccordionToggleProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/accordion.d.ts

@@ -9,6 +9,7 @@ export interface AccordionProps {
   style?: React.CSSProperties;
   accordionOpposite?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/actions-button.d.ts

@@ -11,6 +11,7 @@ export interface ActionsButtonProps {
   close?: boolean;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/actions-group.d.ts

@@ -8,6 +8,7 @@ export interface ActionsGroupProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/actions-label.d.ts

@@ -10,6 +10,7 @@ export interface ActionsLabelProps {
   bold?: boolean;
   onClick?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/actions.d.ts

@@ -26,6 +26,7 @@ export interface ActionsProps {
   onActionsClosed ?: (instance?: Actions.Actions) => void;
   containerEl ?: string | object;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Actions: () => Actions.Actions}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/app.d.ts

@@ -9,6 +9,7 @@ export interface AppProps extends Framework7Parameters {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/appbar.d.ts

@@ -13,6 +13,7 @@ export interface AppbarProps {
   innerClass?: string;
   innerClassName?: string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/area-chart.d.ts

@@ -25,6 +25,7 @@ export interface AreaChartProps {
   formatTooltipDataset?: (label: any, value: number, color: string) => string;
   onSelect ?: (index: number | null) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const AreaChart: React.FunctionComponent<AreaChartProps>;
 

package/components/badge.d.ts

@@ -12,6 +12,7 @@ export interface BadgeProps {
   tooltip?: string;
   tooltipTrigger?: string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/block-footer.d.ts

@@ -8,6 +8,7 @@ export interface BlockFooterProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/block-header.d.ts

@@ -8,6 +8,7 @@ export interface BlockHeaderProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/block-title.d.ts

@@ -10,6 +10,7 @@ export interface BlockTitleProps {
   large?: boolean;
   medium?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/block.d.ts

@@ -26,6 +26,7 @@ export interface BlockProps {
   onTabShow?: (el?: HTMLElement) => void;
   onTabHide?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/breadcrumbs-collapsed.d.ts

@@ -9,6 +9,7 @@ export interface BreadcrumbsCollapsedProps {
   style?: React.CSSProperties;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const BreadcrumbsCollapsed: React.FunctionComponent<BreadcrumbsCollapsedProps>;
 

package/components/breadcrumbs-item.d.ts

@@ -10,6 +10,7 @@ export interface BreadcrumbsItemProps {
   onClick ?: (event?: any) => void;
   active?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const BreadcrumbsItem: React.FunctionComponent<BreadcrumbsItemProps>;
 

package/components/breadcrumbs-separator.d.ts

@@ -8,6 +8,7 @@ export interface BreadcrumbsSeparatorProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const BreadcrumbsSeparator: React.FunctionComponent<BreadcrumbsSeparatorProps>;
 

package/components/breadcrumbs.d.ts

@@ -8,6 +8,7 @@ export interface BreadcrumbsProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Breadcrumbs: React.FunctionComponent<BreadcrumbsProps>;
 

package/components/button.d.ts

@@ -47,6 +47,7 @@ export interface ButtonProps {
   loading?: boolean;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/card-content.d.ts

@@ -9,6 +9,7 @@ export interface CardContentProps {
   style?: React.CSSProperties;
   padding?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/card-footer.d.ts

@@ -8,6 +8,7 @@ export interface CardFooterProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/card-header.d.ts

@@ -8,6 +8,7 @@ export interface CardHeaderProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/card.d.ts

@@ -32,6 +32,7 @@ export interface CardProps {
   onCardClose ?: (el?: HTMLElement) => void;
   onCardClosed ?: (el?: HTMLElement, pageEl?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; open: () => void; close: () => void}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/checkbox.d.ts

@@ -23,6 +23,7 @@ export interface CheckboxProps {
   dark?: boolean;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; inputEl: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Checkbox: React.FunctionComponent<CheckboxProps>;
 

package/components/chip.d.ts

@@ -18,6 +18,7 @@ export interface ChipProps {
   onClick ?: (event?: any) => void;
   onDelete ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/col.d.ts

@@ -21,6 +21,7 @@ export interface ColProps {
   onClick ?: (event?: any) => void;
   onGridResize ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/fab-backdrop.d.ts

@@ -8,6 +8,7 @@ export interface FabBackdropProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const FabBackdrop: React.FunctionComponent<FabBackdropProps>;
 

package/components/fab-button.d.ts

@@ -14,6 +14,7 @@ export interface FabButtonProps {
   tooltipTrigger ?: string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/fab-buttons.d.ts

@@ -9,6 +9,7 @@ export interface FabButtonsProps {
   style?: React.CSSProperties;
   position?: string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/fab.d.ts

@@ -16,6 +16,7 @@ export interface FabProps {
   tooltipTrigger ?: string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/gauge.d.ts

@@ -23,6 +23,7 @@ export interface GaugeProps {
   labelFontSize ?: number | string;
   labelFontWeight ?: number | string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Gauge: React.FunctionComponent<GaugeProps>;
 

package/components/icon.d.ts

@@ -17,6 +17,7 @@ export interface IconProps {
   tooltipTrigger ?: string;
   size ?: string | number;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/input.d.ts

@@ -73,6 +73,7 @@ export interface InputProps {
   onChange ?: (...args: any[]) => void;
   onTextEditorChange ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Input: React.FunctionComponent<InputProps>;
 

package/components/input.js

@@ -64,7 +64,7 @@ const Input = /*#__PURE__*/forwardRef((props, ref) => {
     dropdown = 'auto',
     // Datepicker
     calendarParams,
-    // Colorpciker
+    // Colorpicker
     colorPickerParams,
     // Text editor
     textEditorParams

package/components/link.d.ts

@@ -80,6 +80,7 @@ export interface LinkProps {
   openIn?: string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7SmartSelect: () => SmartSelect.SmartSelect}>;
+  children?: React.ReactNode;
 }
 declare const Link: React.FunctionComponent<LinkProps>;
 

package/components/list-button.d.ts

@@ -64,6 +64,7 @@ export interface ListButtonProps {
   menuClose?: boolean | string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const ListButton: React.FunctionComponent<ListButtonProps>;
 

package/components/list-group.d.ts

@@ -13,6 +13,7 @@ export interface ListGroupProps {
   sortableTapHold ?: boolean;
   sortableMoveElements ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/list-index.d.ts

@@ -24,6 +24,7 @@ export interface ListIndexProps {
   dark?: boolean;
   onListIndexSelect ?: (itemContent?: any, itemIndex?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const ListIndex: React.FunctionComponent<ListIndexProps>;
 

package/components/list-input.d.ts

@@ -78,6 +78,7 @@ export interface ListInputProps {
   onChange ?: (...args: any[]) => void;
   onTextEditorChange ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const ListInput: React.FunctionComponent<ListInputProps>;
 

package/components/list-item-cell.d.ts

@@ -8,6 +8,7 @@ export interface ListItemCellProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/list-item-row.d.ts

@@ -8,6 +8,7 @@ export interface ListItemRowProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/list-item.d.ts

@@ -115,6 +115,7 @@ export interface ListItemProps {
   onAccordionOpened ?: (...args: any[]) => void;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7SmartSelect: () => SmartSelect.SmartSelect}>;
+  children?: React.ReactNode;
 }
 declare const ListItem: React.FunctionComponent<ListItemProps>;
 

package/components/list.d.ts

@@ -63,6 +63,7 @@ export interface ListProps {
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7VirtualList: () => VirtualList.VirtualList}>;
+  children?: React.ReactNode;
 }
 declare const List: React.FunctionComponent<ListProps>;
 

package/components/login-screen-title.d.ts

@@ -8,6 +8,7 @@ export interface LoginScreenTitleProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/login-screen.d.ts

@@ -17,6 +17,7 @@ export interface LoginScreenProps {
   onLoginScreenClose ?: (instance: LoginScreen.LoginScreen) => void;
   onLoginScreenClosed ?: (instance: LoginScreen.LoginScreen) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7LoginScreen: () => LoginScreen.LoginScreen}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/menu-dropdown-item.d.ts

@@ -60,6 +60,7 @@ export interface MenuDropdownItemProps {
   menuClose?: boolean | string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MenuDropdownItem: React.FunctionComponent<MenuDropdownItemProps>;
 

package/components/menu-dropdown.d.ts

@@ -13,6 +13,7 @@ export interface MenuDropdownProps {
   center ?: boolean;
   right ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/menu-item.d.ts

@@ -73,6 +73,7 @@ export interface MenuItemProps {
   onMenuOpened ?: (el?: HTMLElement) => void;
   onMenuClosed ?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MenuItem: React.FunctionComponent<MenuItemProps>;
 

package/components/menu.d.ts

@@ -8,6 +8,7 @@ export interface MenuProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/message.d.ts

@@ -39,6 +39,7 @@ export interface MessageProps {
   onClickFooter ?: (event?: any) => void;
   onClickBubble ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Message: React.FunctionComponent<MessageProps>;
 

package/components/messagebar-attachment.d.ts

@@ -19,6 +19,7 @@ export interface MessagebarAttachmentProps {
   onAttachmentClick ?: (event?: any) => void;
   onAttachmentDelete ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MessagebarAttachment: React.FunctionComponent<MessagebarAttachmentProps>;
 

package/components/messagebar-attachments.d.ts

@@ -8,6 +8,7 @@ export interface MessagebarAttachmentsProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/messagebar-sheet-image.d.ts

@@ -20,6 +20,7 @@ export interface MessagebarSheetImageProps {
   onUnchecked ?: (event?: any) => void;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MessagebarSheetImage: React.FunctionComponent<MessagebarSheetImageProps>;
 

package/components/messagebar-sheet-item.d.ts

@@ -15,6 +15,7 @@ export interface MessagebarSheetItemProps {
   rippleColor?: string;
   dark?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MessagebarSheetItem: React.FunctionComponent<MessagebarSheetItemProps>;
 

package/components/messagebar-sheet.d.ts

@@ -8,6 +8,7 @@ export interface MessagebarSheetProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/messagebar.d.ts

@@ -43,6 +43,7 @@ export interface MessagebarProps {
   onMessagebarAttachmentClick ?: (instance?: Messagebar.Messagebar, attachmentEl?: HTMLElement, attachmentElIndex?: number) => void;
   onMessagebarResizePage ?: (instance?: Messagebar.Messagebar) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Messagebar: () => Messagebar.Messagebar}>;
+  children?: React.ReactNode;
 }
 declare const Messagebar: React.FunctionComponent<MessagebarProps>;
 

package/components/messages-title.d.ts

@@ -8,6 +8,7 @@ export interface MessagesTitleProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/messages.d.ts

@@ -26,6 +26,7 @@ export interface MessagesProps {
   renderMessage ?: Function;
   init ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Messages: () => Messages.Messages}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/nav-left.d.ts

@@ -22,6 +22,7 @@ export interface NavLeftProps {
   onBackClick ?: (event?: any) => void;
   onClickBack ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const NavLeft: React.FunctionComponent<NavLeftProps>;
 

package/components/nav-right.d.ts

@@ -9,6 +9,7 @@ export interface NavRightProps {
   style?: React.CSSProperties;
   sliding ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/nav-title-large.d.ts

@@ -8,6 +8,7 @@ export interface NavTitleLargeProps {
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/nav-title.d.ts

@@ -11,6 +11,7 @@ export interface NavTitleProps {
   subtitle ?: string;
   sliding ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/navbar.d.ts

@@ -39,6 +39,7 @@ export interface NavbarProps {
   onBackClick ?: (event?: any) => void;
   onClickBack ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Navbar: React.FunctionComponent<NavbarProps>;
 

package/components/page-content.d.ts

@@ -39,6 +39,7 @@ export interface PageContentProps {
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const PageContent: React.FunctionComponent<PageContentProps>;
 

package/components/page.d.ts

@@ -57,6 +57,7 @@ export interface PageProps {
   onPageTabShow ?: (...args: any[]) => void;
   onPageTabHide ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Page: React.FunctionComponent<PageProps>;
 

package/components/panel.d.ts

@@ -28,6 +28,7 @@ export interface PanelProps {
   swipeActiveArea ?: number;
   swipeThreshold ?: number;
   containerEl ?: string | object;
+  closeByBackdropClick?: boolean;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -46,6 +47,7 @@ export interface PanelProps {
   onPanelCollapsedBreakpoint ?: (event?: any) => void;
   onPanelResize ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Panel: () => Panel.Panel}>;
+  children?: React.ReactNode;
 }
 declare const Panel: React.FunctionComponent<PanelProps>;