framework7-svelte 8.1.0 → 8.3.0

package/components/chip.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface ChipProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ChipProps {
   media ?: string;
   text ?: string | number;
   deleteable ?: boolean;
@@ -13,7 +14,6 @@ interface ChipProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   tooltipTrigger ?: string;
   onClick ?: (event?: any) => void;
   onDelete ?: (event?: any) => void;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -32,8 +32,8 @@ interface ChipProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
 
 
 
-declare class Chip extends SvelteComponentTyped<
-  ChipProps,
+declare class Chip extends SvelteComponent<
+  ChipProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ChipProps>,
   { click: CustomEvent<void>; delete: CustomEvent<void>; },
   {  'media' : {};  'text' : {};  'default' : {}; }
 > {}

package/components/fab-backdrop.d.ts

@@ -1,15 +1,16 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface FabBackdropProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
-  children?: React.ReactNode;
+interface FabBackdropProps {
+  
 }
 
 
 
-declare class FabBackdrop extends SvelteComponentTyped<
-  FabBackdropProps,
+declare class FabBackdrop extends SvelteComponent<
+  FabBackdropProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof FabBackdropProps>,
   {  },
   {  }
 > {}

package/components/fab-button.d.ts

@@ -1,15 +1,15 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface FabButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface FabButtonProps {
   fabClose ?: boolean;
   label ?: string;
   target ?: string;
   tooltip ?: string;
   tooltipTrigger ?: string;
   onClick ?: (event?: any) => void;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -21,8 +21,8 @@ interface FabButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
 
 
 
-declare class FabButton extends SvelteComponentTyped<
-  FabButtonProps,
+declare class FabButton extends SvelteComponent<
+  FabButtonProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof FabButtonProps>,
   { click: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/fab-buttons.d.ts

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

package/components/fab.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface FabProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface FabProps {
   morphTo ?: string;
   href ?: boolean | string;
   target ?: string;
@@ -11,7 +12,6 @@ interface FabProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div'
   tooltip ?: string;
   tooltipTrigger ?: string;
   onClick ?: (event?: any) => void;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -23,8 +23,8 @@ interface FabProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div'
 
 
 
-declare class Fab extends SvelteComponentTyped<
-  FabProps,
+declare class Fab extends SvelteComponent<
+  FabProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof FabProps>,
   { click: CustomEvent<void>; },
   {  'default' : {};  'text' : {};  'link' : {};  'root' : {}; }
 > {}

package/components/gauge.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface GaugeProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface GaugeProps {
   type ?: string;
   value ?: number | string;
   size ?: number | string;
@@ -18,13 +19,12 @@ interface GaugeProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['di
   labelTextColor ?: string;
   labelFontSize ?: number | string;
   labelFontWeight ?: number | string;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Gauge extends SvelteComponentTyped<
-  GaugeProps,
+declare class Gauge extends SvelteComponent<
+  GaugeProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof GaugeProps>,
   {  },
   {  }
 > {}

package/components/icon.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface IconProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface IconProps {
   material ?: string;
   f7 ?: string;
   icon ?: string;
@@ -11,7 +12,6 @@ interface IconProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   tooltip ?: string;
   tooltipTrigger ?: string;
   size ?: string | number;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -23,8 +23,8 @@ interface IconProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
 
 
 
-declare class Icon extends SvelteComponentTyped<
-  IconProps,
+declare class Icon extends SvelteComponent<
+  IconProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof IconProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/input.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Calendar, ColorPicker, TextEditor } from 'framework7/types';
 
 
-interface InputProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface InputProps {
   type ?: string;
   name ?: string;
   value ?: string | number | Array<any> | Date | Object;
@@ -68,13 +69,12 @@ interface InputProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['di
   onBlur ?: (...args: any[]) => void;
   onChange ?: (...args: any[]) => void;
   onTextEditorChange ?: (...args: any[]) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Input extends SvelteComponentTyped<
-  InputProps,
+declare class Input extends SvelteComponent<
+  InputProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof InputProps>,
   { textareaResize: CustomEvent<void>; inputNotEmpty: CustomEvent<void>; inputEmpty: CustomEvent<void>; inputClear: CustomEvent<void>; input: CustomEvent<void>; focus: CustomEvent<void>; blur: CustomEvent<void>; change: CustomEvent<void>; textEditorChange: CustomEvent<void>; calendarChange: CustomEvent<void>; colorpickerChange: CustomEvent<void>; },
   {  'default' : {};  'error-message' : {};  'info' : {}; }
 > {}

package/components/link.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { SmartSelect } from 'framework7/types';
 
 
-interface LinkProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface LinkProps {
   noLinkClass ?: boolean;
   text ?: string;
   tabLink ?: boolean | string;
@@ -74,13 +75,12 @@ interface LinkProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   transition?: string;
   openIn?: string;
   onClick ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Link extends SvelteComponentTyped<
-  LinkProps,
+declare class Link extends SvelteComponent<
+  LinkProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof LinkProps>,
   { click: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/list-button.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface ListButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ListButtonProps {
   title ?: string | number;
   text ?: string | number;
   tabLink ?: boolean | string;
@@ -59,13 +60,12 @@ interface ListButtonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMa
   cardClose?: boolean | string;
   menuClose?: boolean | string;
   onClick ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class ListButton extends SvelteComponentTyped<
-  ListButtonProps,
+declare class ListButton extends SvelteComponent<
+  ListButtonProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ListButtonProps>,
   { click: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/list-group.d.ts

@@ -1,14 +1,14 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface ListGroupProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ListGroupProps {
   mediaList ?: boolean;
   sortable ?: boolean;
   sortableOpposite ?: boolean;
   sortableTapHold ?: boolean;
   sortableMoveElements ?: boolean;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -20,8 +20,8 @@ interface ListGroupProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
 
 
 
-declare class ListGroup extends SvelteComponentTyped<
-  ListGroupProps,
+declare class ListGroup extends SvelteComponent<
+  ListGroupProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ListGroupProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/list-index.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface ListIndexProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ListIndexProps {
   init ?: boolean;
   listEl ?: string | object;
   indexes ?: string | Array<any>;
@@ -18,13 +19,12 @@ interface ListIndexProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
   rippleColor?: string;
   dark?: boolean;
   onListIndexSelect ?: (itemContent?: any, itemIndex?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class ListIndex extends SvelteComponentTyped<
-  ListIndexProps,
+declare class ListIndex extends SvelteComponent<
+  ListIndexProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ListIndexProps>,
   { listIndexSelect: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/list-input.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { Calendar, ColorPicker, TextEditor } from 'framework7/types';
 
 
-interface ListInputProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ListInputProps {
   sortable ?: boolean;
   media ?: string;
   dropdown ?: string | boolean;
@@ -72,13 +73,12 @@ interface ListInputProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap
   onBlur ?: (...args: any[]) => void;
   onChange ?: (...args: any[]) => void;
   onTextEditorChange ?: (...args: any[]) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class ListInput extends SvelteComponentTyped<
-  ListInputProps,
+declare class ListInput extends SvelteComponent<
+  ListInputProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ListInputProps>,
   { textareaResize: CustomEvent<void>; inputNotEmpty: CustomEvent<void>; inputEmpty: CustomEvent<void>; inputClear: CustomEvent<void>; input: CustomEvent<void>; focus: CustomEvent<void>; blur: CustomEvent<void>; change: CustomEvent<void>; textEditorChange: CustomEvent<void>; calendarChange: CustomEvent<void>; colorPickerChange: CustomEvent<void>; },
   {  'root-start' : {};  'content-start' : {};  'media' : {};  'inner-start' : {};  'label' : {};  'default' : {};  'input' : {};  'error-message' : {};  'info' : {};  'inner' : {};  'inner-end' : {};  'content' : {};  'content-end' : {};  'root' : {};  'root-end' : {}; }
 > {}

package/components/list-item.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { SmartSelect } from 'framework7/types';
 
 
-interface ListItemProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ListItemProps {
   title ?: string | number;
   text ?: string | number;
   media ?: string;
@@ -110,13 +111,12 @@ interface ListItemProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap[
   onAccordionOpen ?: (...args: any[]) => void;
   onAccordionOpened ?: (...args: any[]) => void;
   onChange ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class ListItem extends SvelteComponentTyped<
-  ListItemProps,
+declare class ListItem extends SvelteComponent<
+  ListItemProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ListItemProps>,
   { click: CustomEvent<void>; swipeoutOverswipeEnter: CustomEvent<void>; swipeoutOverswipeExit: CustomEvent<void>; swipeoutDeleted: CustomEvent<void>; swipeoutDelete: CustomEvent<void>; swipeoutClose: CustomEvent<void>; swipeoutClosed: CustomEvent<void>; swipeoutOpen: CustomEvent<void>; swipeoutOpened: CustomEvent<void>; swipeout: CustomEvent<void>; accordionBeforeClose: CustomEvent<void>; accordionClose: CustomEvent<void>; accordionClosed: CustomEvent<void>; accordionBeforeOpen: CustomEvent<void>; accordionOpen: CustomEvent<void>; accordionOpened: CustomEvent<void>; change: CustomEvent<void>; },
   {  'default' : {};  'root-start' : {};  'content-start' : {};  'media' : {};  'inner-start' : {};  'header' : {};  'before-title' : {};  'title' : {};  'after-title' : {};  'after-start' : {};  'after' : {};  'after-end' : {};  'subtitle' : {};  'text' : {};  'inner' : {};  'footer' : {};  'inner-end' : {};  'content' : {};  'content-end' : {};  'root' : {};  'root-end' : {}; }
 > {}

package/components/list.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { VirtualList } from 'framework7/types';
 
 
-interface ListProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface ListProps {
   inset ?: boolean;
   insetIos ?: boolean;
   insetMd ?: boolean;
@@ -70,13 +71,12 @@ interface ListProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div
   onSortableMove ?: (itemEl?: any) => void;
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class List extends SvelteComponentTyped<
-  ListProps,
+declare class List extends SvelteComponent<
+  ListProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof ListProps>,
   { submit: CustomEvent<void>; sortableEnable: CustomEvent<void>; sortableDisable: CustomEvent<void>; sortableSort: CustomEvent<void>; sortableMove: CustomEvent<void>; virtualItemBeforeInsert: CustomEvent<void>; virtualBeforeClear: CustomEvent<void>; virtualItemsBeforeInsert: CustomEvent<void>; virtualItemsAfterInsert: CustomEvent<void>; },
   {  'before-list' : {};  'list' : {};  'default' : {};  'after-list' : {}; }
 > {}

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

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

package/components/login-screen.d.ts

@@ -1,10 +1,11 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 import { LoginScreen } from 'framework7/types';
 
 
-interface LoginScreenProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface LoginScreenProps {
   opened?: boolean;
   animate?: boolean;
   containerEl ?: string | object;
@@ -12,7 +13,6 @@ interface LoginScreenProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameM
   onLoginScreenOpened ?: (instance: LoginScreen.LoginScreen) => void;
   onLoginScreenClose ?: (instance: LoginScreen.LoginScreen) => void;
   onLoginScreenClosed ?: (instance: LoginScreen.LoginScreen) => void;
-  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -24,8 +24,8 @@ interface LoginScreenProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameM
 
 
 
-declare class LoginScreen extends SvelteComponentTyped<
-  LoginScreenProps,
+declare class LoginScreen extends SvelteComponent<
+  LoginScreenProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof LoginScreenProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/message.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface MessageProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface MessageProps {
   text ?: string;
   name ?: string;
   avatar ?: string;
@@ -34,13 +35,12 @@ interface MessageProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['
   onClickHeader ?: (event?: any) => void;
   onClickFooter ?: (event?: any) => void;
   onClickBubble ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class Message extends SvelteComponentTyped<
-  MessageProps,
+declare class Message extends SvelteComponent<
+  MessageProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof MessageProps>,
   { click: CustomEvent<void>; clickName: CustomEvent<void>; clickText: CustomEvent<void>; clickAvatar: CustomEvent<void>; clickHeader: CustomEvent<void>; clickFooter: CustomEvent<void>; clickBubble: CustomEvent<void>; },
   {  'start' : {};  'avatar' : {};  'content-start' : {};  'name' : {};  'header' : {};  'bubble-start' : {};  'image' : {};  'text-header' : {};  'text' : {};  'text-footer' : {};  'bubble-end' : {};  'default' : {};  'footer' : {};  'content-end' : {};  'end' : {}; }
 > {}

package/components/messagebar-attachment.d.ts

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface MessagebarAttachmentProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface MessagebarAttachmentProps {
   image ?: string;
   deletable ?: boolean;
   color?: string;
@@ -14,13 +15,12 @@ interface MessagebarAttachmentProps extends svelte.JSX.HTMLAttributes<HTMLElemen
   dark?: boolean;
   onAttachmentClick ?: (event?: any) => void;
   onAttachmentDelete ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class MessagebarAttachment extends SvelteComponentTyped<
-  MessagebarAttachmentProps,
+declare class MessagebarAttachment extends SvelteComponent<
+  MessagebarAttachmentProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof MessagebarAttachmentProps>,
   { attachmentClick: CustomEvent<void>; attachmentDelete: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

package/components/messagebar-attachments.d.ts

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

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

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface MessagebarSheetImageProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface MessagebarSheetImageProps {
   image ?: string;
   checked ?: boolean;
   color?: string;
@@ -15,13 +16,12 @@ interface MessagebarSheetImageProps extends svelte.JSX.HTMLAttributes<HTMLElemen
   onChecked ?: (event?: any) => void;
   onUnchecked ?: (event?: any) => void;
   onChange ?: (event?: any) => void;
-  children?: React.ReactNode;
 }
 
 
 
-declare class MessagebarSheetImage extends SvelteComponentTyped<
-  MessagebarSheetImageProps,
+declare class MessagebarSheetImage extends SvelteComponent<
+  MessagebarSheetImageProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof MessagebarSheetImageProps>,
   { checked: CustomEvent<void>; unchecked: CustomEvent<void>; change: CustomEvent<void>; },
   {  'default' : {}; }
 > {}

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

@@ -1,8 +1,9 @@
 
-import { SvelteComponentTyped } from 'svelte';
+import { SvelteComponent } from 'svelte';
+import { HTMLAttributes } from 'svelte/elements';
 
 
-interface MessagebarSheetItemProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap['div']> {
+interface MessagebarSheetItemProps {
   color?: string;
   colorTheme?: string;
   textColor?: string;
@@ -10,13 +11,12 @@ interface MessagebarSheetItemProps extends svelte.JSX.HTMLAttributes<HTMLElement
   borderColor?: string;
   rippleColor?: string;
   dark?: boolean;
-  children?: React.ReactNode;
 }
 
 
 
-declare class MessagebarSheetItem extends SvelteComponentTyped<
-  MessagebarSheetItemProps,
+declare class MessagebarSheetItem extends SvelteComponent<
+  MessagebarSheetItemProps & Omit<HTMLAttributes<HTMLElementTagNameMap['div']>, keyof MessagebarSheetItemProps>,
   {  },
   {  'default' : {}; }
 > {}

package/components/messagebar-sheet.d.ts

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