framework7-react 7.0.4 → 7.0.5

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

@@ -46,6 +46,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>;
 

package/components/photo-browser.d.ts

@@ -42,6 +42,7 @@ export interface PhotoBrowserProps {
   onPhotoBrowserClosed ?: (...args: any[]) => void;
   onPhotoBrowserSwipeToClose ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7PhotoBrowser: () => PhotoBrowser.PhotoBrowser; open: () => void; close: () => void;}>;
+  children?: React.ReactNode;
 }
 declare const PhotoBrowser: React.FunctionComponent<PhotoBrowserProps>;
 

package/components/pie-chart.d.ts

@@ -13,6 +13,7 @@ export interface PieChartProps {
   formatTooltip?: (data: {index: number; value: number; label: string; color: string; percentage: number}) => void;
   onSelect ?: (index: number | null, item: {value: number; label: string; color: string}) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const PieChart: React.FunctionComponent<PieChartProps>;
 

package/components/popover.d.ts

@@ -31,6 +31,7 @@ export interface PopoverProps {
   onPopoverClose ?: (instance?: Popover.Popover) => void;
   onPopoverClosed ?: (instance?: Popover.Popover) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Popover: () => Popover.Popover}>;
+  children?: React.ReactNode;
 }
 declare const Popover: React.FunctionComponent<PopoverProps>;
 

package/components/popup.d.ts

@@ -36,6 +36,7 @@ export interface PopupProps {
   onPopupClose ?: (instance?: Popup.Popup) => void;
   onPopupClosed ?: (instance?: Popup.Popup) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Popup: () => Popup.Popup}>;
+  children?: React.ReactNode;
 }
 declare const Popup: React.FunctionComponent<PopupProps>;
 

package/components/preloader.d.ts

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

package/components/progressbar.d.ts

@@ -10,6 +10,7 @@ export interface ProgressbarProps {
   progress ?: number;
   infinite ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null; set: (progress: number, duration: number) => void}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/radio.d.ts

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

package/components/range.d.ts

@@ -39,6 +39,7 @@ export interface RangeProps {
   onRangeChange ?: (val?: any) => void;
   onRangeChanged ?: (val?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Range: () => Range.Range}>;
+  children?: React.ReactNode;
 }
 declare const Range: React.FunctionComponent<RangeProps>;
 

package/components/row.d.ts

@@ -16,6 +16,7 @@ export interface RowProps {
   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/searchbar.d.ts

@@ -56,6 +56,7 @@ export interface SearchbarProps {
   onClickClear ?: (event?: any) => void;
   onClickDisable ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Searchbar: () => Searchbar.Searchbar;}>;
+  children?: React.ReactNode;
 }
 declare const Searchbar: React.FunctionComponent<SearchbarProps>;
 

package/components/segmented.d.ts

@@ -21,6 +21,7 @@ export interface SegmentedProps {
   strongAurora ?: boolean;
   tag ?: string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/sheet.d.ts

@@ -39,6 +39,7 @@ export interface SheetProps {
   onSheetClose ?: (instance?: Sheet.Sheet) => void;
   onSheetClosed ?: (instance?: Sheet.Sheet) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Sheet: () => Sheet.Sheet;}>;
+  children?: React.ReactNode;
 }
 declare const Sheet: React.FunctionComponent<SheetProps>;
 

package/components/stepper.d.ts

@@ -61,6 +61,7 @@ export interface StepperProps {
   onStepperMinusClick ?: (event?: any, stepper?: Stepper.Stepper) => void;
   onStepperPlusClick ?: (event?: any, stepper?: Stepper.Stepper) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Stepper: () => Stepper.Stepper;}>;
+  children?: React.ReactNode;
 }
 declare const Stepper: React.FunctionComponent<StepperProps>;
 

package/components/subnavbar.d.ts

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

package/components/swipeout-actions.d.ts

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

package/components/swipeout-button.d.ts

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

package/components/tab.d.ts

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

package/components/tabs.d.ts

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

package/components/text-editor.d.ts

@@ -38,6 +38,7 @@ export interface TextEditorProps {
   onTextEditorInsertLink?: (...args: any[]) => void;
   onTextEditorInsertImage?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7TextEditor: () => TextEditor.TextEditor;}>;
+  children?: React.ReactNode;
 }
 declare const TextEditor: React.FunctionComponent<TextEditorProps>;
 

package/components/toggle.d.ts

@@ -28,6 +28,7 @@ export interface ToggleProps {
   onToggleChange ?: (...args: any[]) => void;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Toggle: () => Toggle.Toggle;}>;
+  children?: React.ReactNode;
 }
 declare const Toggle: React.FunctionComponent<ToggleProps>;
 

package/components/toolbar.d.ts

@@ -34,6 +34,7 @@ export interface ToolbarProps {
   onToolbarHide ?: (...args: any[]) => void;
   onToolbarShow ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; hide: () => void; show: () => void;}>;
+  children?: React.ReactNode;
 }
 declare const Toolbar: React.FunctionComponent<ToolbarProps>;
 

package/components/treeview-item.d.ts

@@ -74,6 +74,7 @@ export interface TreeviewItemProps {
   onTreeviewClose ?: (el?: HTMLElement) => void;
   onTreeviewLoadChildren ?: (el?: HTMLElement, done?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const TreeviewItem: React.FunctionComponent<TreeviewItemProps>;
 

package/components/treeview.d.ts

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

package/components/view.d.ts

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

package/components/views.d.ts

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

package/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 7.0.4
+ * Framework7 React 7.0.5
  * Build full featured iOS & Android apps using Framework7 & React
  * https://framework7.io/react/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: May 25, 2022
+ * Released on: May 31, 2022
  */
 import Framework7React from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-react",
-  "version": "7.0.4",
+  "version": "7.0.5",
   "description": "Build full featured iOS & Android apps using Framework7 & React",
   "type": "module",
   "exports": {