framework7-svelte 8.1.0 → 8.3.0

package/components/messagebar.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Messagebar } from 'framework7/types';
 
 
-interface MessagebarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface MessagebarProps {
   sheetVisible ?: boolean;
   attachmentsVisible ?: boolean;
   top ?: boolean;
@@ -38,13 +39,12 @@ interface MessagebarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMa
   onMessagebarAttachmentDelete ?: (instance?: Messagebar.Messagebar, attachmentEl?: HTMLElement, attachmentElIndex?: number) => void;
   onMessagebarAttachmentClick ?: (instance?: Messagebar.Messagebar, attachmentEl?: HTMLElement, attachmentElIndex?: number) => void;
   onMessagebarResizePage ?: (instance?: Messagebar.Messagebar) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Messagebar extends SvelteComponentTyped<
-  MessagebarProps,
+declare class Messagebar extends SvelteComponent<
+  MessagebarProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof MessagebarProps>,
   { change: CustomEvent<void>; input: CustomEvent<void>; focus: CustomEvent<void>; blur: CustomEvent<void>; submit: CustomEvent<void>; send: CustomEvent<void>; click: CustomEvent<void>; messagebarAttachmentDelete: CustomEvent<void>; messagebarAttachmentClick: CustomEvent<void>; messagebarResizePage: CustomEvent<void>; },
   {  'before-inner' : {};  'inner-start' : {};  'before-area' : {};  'after-inner' : {};  'send-link' : {};  'inner-end' : {};  'default' : {}; }
 > {}

package/components/messages-title.d.ts

@@ -1,9 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface MessagesTitleProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
-  children?: React.ReactNode;
+interface MessagesTitleProps {
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -15,8 +15,8 @@ interface MessagesTitleProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNam
 
 
 
-declare class MessagesTitle extends SvelteComponentTyped<
-  MessagesTitleProps,
+declare class MessagesTitle extends SvelteComponent<
+  MessagesTitleProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof MessagesTitleProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/messages.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Messages } from 'framework7/types';
 
 
-interface MessagesProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface MessagesProps {
   autoLayout ?: boolean;
   messages ?: Array<any>;
   newMessagesFirst ?: boolean;
@@ -21,7 +22,6 @@ interface MessagesProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap[
   customClassMessageRule ?: Function;
   renderMessage ?: Function;
   init ?: boolean;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -33,8 +33,8 @@ interface MessagesProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap[
 
 
 
-declare class Messages extends SvelteComponentTyped<
-  MessagesProps,
+declare class Messages extends SvelteComponent<
+  MessagesProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof MessagesProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/nav-left.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface NavLeftProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface NavLeftProps {
   backLink ?: boolean | string;
   backLinkUrl ?: string;
   backLinkForce ?: boolean;
@@ -17,13 +18,12 @@ interface NavLeftProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['
   dark?: boolean;
   onBackClick ?: (event?: any) => void;
   onClickBack ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class NavLeft extends SvelteComponentTyped<
-  NavLeftProps,
+declare class NavLeft extends SvelteComponent<
+  NavLeftProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof NavLeftProps>,
   { clickBack: CustomEvent<void>; backClick: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/nav-right.d.ts

@@ -1,10 +1,10 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface NavRightProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface NavRightProps {
   sliding ?: boolean;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -16,8 +16,8 @@ interface NavRightProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap[
 
 
 
-declare class NavRight extends SvelteComponentTyped<
-  NavRightProps,
+declare class NavRight extends SvelteComponent<
+  NavRightProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof NavRightProps>,
   {  },
   {  'default' : {}; }
 > {}

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

@@ -1,9 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface NavTitleLargeProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
-  children?: React.ReactNode;
+interface NavTitleLargeProps {
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -15,8 +15,8 @@ interface NavTitleLargeProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNam
 
 
 
-declare class NavTitleLarge extends SvelteComponentTyped<
-  NavTitleLargeProps,
+declare class NavTitleLarge extends SvelteComponent<
+  NavTitleLargeProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof NavTitleLargeProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/nav-title.d.ts

@@ -1,12 +1,12 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface NavTitleProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface NavTitleProps {
   title ?: string;
   subtitle ?: string;
   sliding ?: boolean;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -18,8 +18,8 @@ interface NavTitleProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap[
 
 
 
-declare class NavTitle extends SvelteComponentTyped<
-  NavTitleProps,
+declare class NavTitle extends SvelteComponent<
+  NavTitleProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof NavTitleProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/navbar.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface NavbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface NavbarProps {
   backLink ?: boolean | string;
   backLinkUrl ?: string;
   backLinkForce ?: boolean;
@@ -33,13 +34,12 @@ interface NavbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['d
   onNavbarTransparentHide ?: (...args: any[]) => void;
   onBackClick ?: (event?: any) => void;
   onClickBack ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Navbar extends SvelteComponentTyped<
-  NavbarProps,
+declare class Navbar extends SvelteComponent<
+  NavbarProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof NavbarProps>,
   { navbarHide: CustomEvent<void>; navbarShow: CustomEvent<void>; navbarTransparentShow: CustomEvent<void>; navbarTransparentHide: CustomEvent<void>; navbarExpand: CustomEvent<void>; navbarCollapse: CustomEvent<void>; clickBack: CustomEvent<void>; },
   {  'before-inner' : {};  'nav-left' : {};  'left' : {};  'title' : {};  'nav-right' : {};  'right' : {};  'title-large' : {};  'default' : {};  'after-inner' : {}; }
 > {}

package/components/page-content.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface PageContentProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PageContentProps {
   tab ?: boolean;
   tabActive ?: boolean;
   ptr ?: boolean;
@@ -34,13 +35,12 @@ interface PageContentProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameM
   onInfinite ?: (...args: any[]) => void;
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class PageContent extends SvelteComponentTyped<
-  PageContentProps,
+declare class PageContent extends SvelteComponent<
+  PageContentProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PageContentProps>,
   { ptrPullStart: CustomEvent<void>; ptrPullMove: CustomEvent<void>; ptrPullEnd: CustomEvent<void>; ptrRefresh: CustomEvent<void>; ptrDone: CustomEvent<void>; infinite: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/page.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface PageProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PageProps {
   name ?: string;
   withSubnavbar ?: boolean;
   subnavbar ?: boolean;
@@ -51,13 +52,12 @@ interface PageProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   onPageBeforeUnmount ?: (page?: any) => void;
   onPageTabShow ?: (...args: any[]) => void;
   onPageTabHide ?: (...args: any[]) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Page extends SvelteComponentTyped<
-  PageProps,
+declare class Page extends SvelteComponent<
+  PageProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PageProps>,
   { ptrPullStart: CustomEvent<void>; ptrPullMove: CustomEvent<void>; ptrPullEnd: CustomEvent<void>; ptrRefresh: CustomEvent<void>; ptrDone: CustomEvent<void>; infinite: CustomEvent<void>; pageMounted: CustomEvent<void>; pageInit: CustomEvent<void>; pageReinit: CustomEvent<void>; pageBeforeIn: CustomEvent<void>; pageBeforeOut: CustomEvent<void>; pageAfterOut: CustomEvent<void>; pageAfterIn: CustomEvent<void>; pageBeforeRemove: CustomEvent<void>; pageBeforeUnmount: CustomEvent<void>; pageTabShow: CustomEvent<void>; pageTabHide: CustomEvent<void>; },
   {  'fixed' : {};  'static' : {};  'default' : {}; }
 > {}

package/components/panel.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Panel } from 'framework7/types';
 
 
-interface PanelProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PanelProps {
   side ?: string;
   effect ?: string;
   cover ?: boolean;
@@ -43,13 +44,12 @@ interface PanelProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['di
   onPanelBreakpoint ?: (event?: any) => void;
   onPanelCollapsedBreakpoint ?: (event?: any) => void;
   onPanelResize ?: (...args: any[]) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Panel extends SvelteComponentTyped<
-  PanelProps,
+declare class Panel extends SvelteComponent<
+  PanelProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PanelProps>,
   { panelOpen: CustomEvent<void>; panelOpened: CustomEvent<void>; panelClose: CustomEvent<void>; panelClosed: CustomEvent<void>; panelBackdropClick: CustomEvent<void>; panelSwipe: CustomEvent<void>; panelSwipeOpen: CustomEvent<void>; panelBreakpoint: CustomEvent<void>; panelCollapsedBreakpoint: CustomEvent<void>; panelResize: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/photo-browser.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { PhotoBrowser } from 'framework7/types';
 
 
-interface PhotoBrowserProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PhotoBrowserProps {
   init ?: boolean;
   params ?: Object;
   photos ?: Array<any>;
@@ -43,13 +44,12 @@ interface PhotoBrowserProps extends svelte.JSX.HTMLAttributes<HTMLElementTagName
   onPhotoBrowserOpened ?: (...args: any[]) => void;
   onPhotoBrowserClosed ?: (...args: any[]) => void;
   onPhotoBrowserSwipeToClose ?: (...args: any[]) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class PhotoBrowser extends SvelteComponentTyped<
-  PhotoBrowserProps,
+declare class PhotoBrowser extends SvelteComponent<
+  PhotoBrowserProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PhotoBrowserProps>,
   { photoBrowserOpen: CustomEvent<void>; photoBrowserClose: CustomEvent<void>; photoBrowserOpened: CustomEvent<void>; photoBrowserClosed: CustomEvent<void>; photoBrowserSwipeToClose: CustomEvent<void>; },
   {  }
 > {}

package/components/pie-chart.d.ts

@@ -1,20 +1,20 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface PieChartProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PieChartProps {
   size?: number;
   tooltip?: boolean;
   datasets?: {value: number; color?: string; label?: string}[];
   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;
-  children?: React.ReactNode;
 }
 
 
 
-declare class PieChart extends SvelteComponentTyped<
-  PieChartProps,
+declare class PieChart extends SvelteComponent<
+  PieChartProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PieChartProps>,
   { select: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/popover.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Popover } from 'framework7/types';
 
 
-interface PopoverProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PopoverProps {
   opened ?: boolean;
   animate ?: boolean;
   targetEl ?: string | object;
@@ -27,13 +28,12 @@ interface PopoverProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['
   onPopoverOpened ?: (instance?: Popover.Popover) => void;
   onPopoverClose ?: (instance?: Popover.Popover) => void;
   onPopoverClosed ?: (instance?: Popover.Popover) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Popover extends SvelteComponentTyped<
-  PopoverProps,
+declare class Popover extends SvelteComponent<
+  PopoverProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PopoverProps>,
   { popoverOpen: CustomEvent<void>; popoverOpened: CustomEvent<void>; popoverClose: CustomEvent<void>; popoverClosed: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/popup.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Popup } from 'framework7/types';
 
 
-interface PopupProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PopupProps {
   tabletFullscreen ?: boolean;
   opened ?: boolean;
   animate ?: boolean;
@@ -31,13 +32,12 @@ interface PopupProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['di
   onPopupOpened ?: (instance?: Popup.Popup) => void;
   onPopupClose ?: (instance?: Popup.Popup) => void;
   onPopupClosed ?: (instance?: Popup.Popup) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Popup extends SvelteComponentTyped<
-  PopupProps,
+declare class Popup extends SvelteComponent<
+  PopupProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PopupProps>,
   { popupSwipeStart: CustomEvent<void>; popupSwipeMove: CustomEvent<void>; popupSwipeEnd: CustomEvent<void>; popupSwipeClose: CustomEvent<void>; popupOpen: CustomEvent<void>; popupOpened: CustomEvent<void>; popupClose: CustomEvent<void>; popupClosed: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/preloader.d.ts

@@ -1,10 +1,10 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface PreloaderProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface PreloaderProps {
   size ?: number | string;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -16,8 +16,8 @@ interface PreloaderProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
 
 
 
-declare class Preloader extends SvelteComponentTyped<
-  PreloaderProps,
+declare class Preloader extends SvelteComponent<
+  PreloaderProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof PreloaderProps>,
   {  },
   {  }
 > {}

package/components/progressbar.d.ts

@@ -1,11 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface ProgressbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ProgressbarProps {
   progress ?: number;
   infinite ?: boolean;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -17,8 +17,8 @@ interface ProgressbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameM
 
 
 
-declare class Progressbar extends SvelteComponentTyped<
-  ProgressbarProps,
+declare class Progressbar extends SvelteComponent<
+  ProgressbarProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ProgressbarProps>,
   {  },
   {  }
 > {}

package/components/radio.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface RadioProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface RadioProps {
   checked ?: boolean;
   name ?: number | string;
   value ?: number | string | boolean;
@@ -17,13 +18,12 @@ interface RadioProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['di
   rippleColor?: string;
   dark?: boolean;
   onChange ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Radio extends SvelteComponentTyped<
-  RadioProps,
+declare class Radio extends SvelteComponent<
+  RadioProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof RadioProps>,
   { change: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/range.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Range } from 'framework7/types';
 
 
-interface RangeProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface RangeProps {
   init ?: boolean;
   value ?: number | Array<any> | string;
   min ?: number | string;
@@ -34,13 +35,12 @@ interface RangeProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['di
   dark?: boolean;
   onRangeChange ?: (val?: any) => void;
   onRangeChanged ?: (val?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Range extends SvelteComponentTyped<
-  RangeProps,
+declare class Range extends SvelteComponent<
+  RangeProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof RangeProps>,
   { rangeChange: CustomEvent<void>; rangeChanged: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/routable-modals.d.ts

@@ -1,15 +1,16 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface RoutableModalsProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface RoutableModalsProps {
   
 }
 
 
 
-declare class RoutableModals extends SvelteComponentTyped<
-  RoutableModalsProps,
+declare class RoutableModals extends SvelteComponent<
+  RoutableModalsProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof RoutableModalsProps>,
   { modalsRouterDidUpdate: CustomEvent<void>; },
   {  }
 > {}

package/components/router-context-provider.d.ts

@@ -1,15 +1,16 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface RouterContextProviderProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface RouterContextProviderProps {
   
 }
 
 
 
-declare class RouterContextProvider extends SvelteComponentTyped<
-  RouterContextProviderProps,
+declare class RouterContextProvider extends SvelteComponent<
+  RouterContextProviderProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof RouterContextProviderProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/searchbar.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Searchbar } from 'framework7/types';
 
 
-interface SearchbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface SearchbarProps {
   outline ?: boolean;
   form ?: boolean;
   placeholder ?: string;
@@ -50,13 +51,12 @@ interface SearchbarProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
   onSubmit ?: (event?: any) => void;
   onClickClear ?: (event?: any) => void;
   onClickDisable ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Searchbar extends SvelteComponentTyped<
-  SearchbarProps,
+declare class Searchbar extends SvelteComponent<
+  SearchbarProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof SearchbarProps>,
   { change: CustomEvent<void>; input: CustomEvent<void>; focus: CustomEvent<void>; blur: CustomEvent<void>; submit: CustomEvent<void>; searchbarSearch: CustomEvent<void>; searchbarClear: CustomEvent<void>; searchbarEnable: CustomEvent<void>; searchbarDisable: CustomEvent<void>; },
   {  'before-inner' : {};  'inner-start' : {};  'input-wrap-start' : {};  'input-wrap-end' : {};  'inner-end' : {};  'default' : {};  'after-inner' : {}; }
 > {}

package/components/segmented.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface SegmentedProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface SegmentedProps {
   raised ?: boolean;
   raisedIos ?: boolean;
   raisedMd ?: boolean;
@@ -13,7 +14,6 @@ interface SegmentedProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
   strongIos ?: boolean;
   strongMd ?: boolean;
   tag ?: string;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -25,8 +25,8 @@ interface SegmentedProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
 
 
 
-declare class Segmented extends SvelteComponentTyped<
-  SegmentedProps,
+declare class Segmented extends SvelteComponent<
+  SegmentedProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof SegmentedProps>,
   {  },
   {  'default' : {}; }
 > {}