chore: migrate to svelte-4

- Use `SvelteComponent` instead of `SvelteComponentTyped`
- use `local` transitions for backwards-compatibility

package.json

@@ -32,16 +32,16 @@
     "carbon-icons-svelte": "^11.2.0",
     "postcss": "^8.4.16",
     "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.7.0",
+    "prettier-plugin-svelte": "^2.10.1",
     "rollup": "^2.78.1",
-    "rollup-plugin-svelte": "^7.1.0",
+    "rollup-plugin-svelte": "^7.1.5",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.49.11",
     "standard-version": "^9.5.0",
     "sveld": "^0.18.0",
-    "svelte": "^3.58.0",
+    "svelte": "^4.0.0",
     "svelte-check": "^3.4.3",
-    "typescript": "^4.7.4"
+    "typescript": "^5.0.0"
   },
   "standard-version": {
     "skip": {

src/Button/Button.svelte

@@ -27,7 +27,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/ComposedModal/ModalFooter.svelte

@@ -8,7 +8,7 @@
 
   /**
    * Specify the primary button icon
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let primaryButtonIcon = undefined;
 

src/ContextMenu/ContextMenuOption.svelte

@@ -14,7 +14,7 @@
   /**
    * Specify the icon to render
    * Icon is rendered to the left of the label text
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/Link/Link.svelte

@@ -19,7 +19,7 @@
   /**
    * Specify the icon to render
    * `inline` must be `false`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/Modal/Modal.svelte

@@ -57,7 +57,7 @@
 
   /**
    * Specify the primary button icon
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let primaryButtonIcon = undefined;
 

src/Notification/NotificationButton.svelte

@@ -7,7 +7,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = Close;
 

src/OverflowMenu/OverflowMenu.svelte

@@ -33,7 +33,7 @@
   /**
    * Specify the icon to render.
    * Defaults to `<OverflowMenuVertical />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = OverflowMenuVertical;
 

src/Search/Search.svelte

@@ -56,7 +56,7 @@
   /**
    * Specify the icon to render.
    * Defaults to `<Search />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = IconSearch;
 

src/Tag/Tag.svelte

@@ -27,7 +27,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/Tooltip/Tooltip.svelte

@@ -31,7 +31,7 @@
   /**
    * Specify the icon to render for the tooltip button.
    * Default to `<Information />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = Information;
 

src/TooltipIcon/TooltipIcon.svelte

@@ -7,7 +7,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/TreeView/TreeView.svelte

@@ -1,7 +1,7 @@
 <script>
   /**
    * @typedef {string | number} TreeNodeId
-   * @typedef {{ id: TreeNodeId; text: any; icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; children?: TreeNode[]; }} TreeNode
+   * @typedef {{ id: TreeNodeId; text: any; icon?: typeof import("svelte").SvelteComponent<any>; disabled?: boolean; children?: TreeNode[]; }} TreeNode
    * @event {TreeNode & { expanded: boolean; leaf: boolean; }} select
    * @event {TreeNode & { expanded: boolean; leaf: boolean; }} toggle
    * @event {TreeNode & { expanded: boolean; leaf: boolean; }} focus

src/TreeView/TreeViewNode.svelte

@@ -45,7 +45,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/TreeView/TreeViewNodeList.svelte

@@ -15,7 +15,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/UIShell/HamburgerMenu.svelte

@@ -11,14 +11,14 @@
   /**
    * Specify the icon to render for the closed state.
    * Defaults to `<Menu size={20} />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let iconMenu = Menu;
 
   /**
    * Specify the icon to render for the opened state.
    * Defaults to `<Close size={20} />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let iconClose = Close;
 

src/UIShell/Header.svelte

@@ -49,14 +49,14 @@
   /**
    * Specify the icon to render for the closed state.
    * Defaults to `<Menu size={20} />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let iconMenu = Menu;
 
   /**
    * Specify the icon to render for the opened state.
    * Defaults to `<Close size={20} />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let iconClose = Close;
 

src/UIShell/HeaderAction.svelte

@@ -10,14 +10,14 @@
   /**
    * Specify the icon to render when the action panel is closed.
    * Defaults to `<Switcher size={20} />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = Switcher;
 
   /**
    * Specify the icon to render when the action panel is open.
    * Defaults to `<Close size={20} />`
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let closeIcon = Close;
 

src/UIShell/HeaderActionLink.svelte

@@ -10,7 +10,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/UIShell/HeaderGlobalAction.svelte

@@ -4,7 +4,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/UIShell/SideNavLink.svelte

@@ -16,7 +16,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

src/UIShell/SideNavMenu.svelte

@@ -10,7 +10,7 @@
 
   /**
    * Specify the icon to render
-   * @type {typeof import("svelte").SvelteComponent}
+   * @type {typeof import("svelte").SvelteComponent<any>}
    */
   export let icon = undefined;
 

types/Accordion/Accordion.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 import type { AccordionSkeletonProps } from "./AccordionSkeleton.svelte";
 
 export interface AccordionProps extends AccordionSkeletonProps {
@@ -28,7 +28,7 @@ export interface AccordionProps extends AccordionSkeletonProps {
   skeleton?: boolean;
 }
 
-export default class Accordion extends SvelteComponentTyped<
+export default class Accordion extends SvelteComponent<
   AccordionProps,
   {
     click: WindowEventMap["click"];

types/Accordion/AccordionItem.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface AccordionItemProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@@ -29,7 +29,7 @@ export interface AccordionItemProps
   iconDescription?: string;
 }
 
-export default class AccordionItem extends SvelteComponentTyped<
+export default class AccordionItem extends SvelteComponent<
   AccordionItemProps,
   {
     animationend: WindowEventMap["animationend"];

types/Accordion/AccordionSkeleton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface AccordionSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
@@ -28,7 +28,7 @@ export interface AccordionSkeletonProps
   open?: boolean;
 }
 
-export default class AccordionSkeleton extends SvelteComponentTyped<
+export default class AccordionSkeleton extends SvelteComponent<
   AccordionSkeletonProps,
   {
     click: WindowEventMap["click"];

types/AspectRatio/AspectRatio.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface AspectRatioProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -19,7 +19,7 @@ export interface AspectRatioProps
     | "1x2";
 }
 
-export default class AspectRatio extends SvelteComponentTyped<
+export default class AspectRatio extends SvelteComponent<
   AspectRatioProps,
   {},
   { default: {} }

types/Breadcrumb/Breadcrumb.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 import type { BreadcrumbSkeletonProps } from "./BreadcrumbSkeleton.svelte";
 
 export interface BreadcrumbProps extends BreadcrumbSkeletonProps {
@@ -16,7 +16,7 @@ export interface BreadcrumbProps extends BreadcrumbSkeletonProps {
   skeleton?: boolean;
 }
 
-export default class Breadcrumb extends SvelteComponentTyped<
+export default class Breadcrumb extends SvelteComponent<
   BreadcrumbProps,
   {
     click: WindowEventMap["click"];

types/Breadcrumb/BreadcrumbItem.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface BreadcrumbItemProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@@ -16,7 +16,7 @@ export interface BreadcrumbItemProps
   isCurrentPage?: boolean;
 }
 
-export default class BreadcrumbItem extends SvelteComponentTyped<
+export default class BreadcrumbItem extends SvelteComponent<
   BreadcrumbItemProps,
   {
     click: WindowEventMap["click"];

types/Breadcrumb/BreadcrumbSkeleton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface BreadcrumbSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -16,7 +16,7 @@ export interface BreadcrumbSkeletonProps
   count?: number;
 }
 
-export default class BreadcrumbSkeleton extends SvelteComponentTyped<
+export default class BreadcrumbSkeleton extends SvelteComponent<
   BreadcrumbSkeletonProps,
   {
     click: WindowEventMap["click"];

types/Breakpoint/Breakpoint.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type BreakpointSize = "sm" | "md" | "lg" | "xlg" | "max";
 
@@ -19,7 +19,7 @@ export interface BreakpointProps {
   sizes?: Record<BreakpointSize, boolean>;
 }
 
-export default class Breakpoint extends SvelteComponentTyped<
+export default class Breakpoint extends SvelteComponent<
   BreakpointProps,
   {
     change: CustomEvent<{

types/Button/Button.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 import type { ButtonSkeletonProps } from "./ButtonSkeleton.svelte";
 
 export interface ButtonProps
@@ -107,7 +107,7 @@ export interface ButtonProps
   ref?: null | HTMLAnchorElement | HTMLButtonElement;
 }
 
-export default class Button extends SvelteComponentTyped<
+export default class Button extends SvelteComponent<
   ButtonProps,
   {
     click: WindowEventMap["click"];

types/Button/ButtonSet.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ButtonSetProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -10,7 +10,7 @@ export interface ButtonSetProps
   stacked?: boolean;
 }
 
-export default class ButtonSet extends SvelteComponentTyped<
+export default class ButtonSet extends SvelteComponent<
   ButtonSetProps,
   {},
   { default: {} }

types/Button/ButtonSkeleton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ButtonSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]> {
@@ -16,7 +16,7 @@ export interface ButtonSkeletonProps
   size?: "default" | "field" | "small" | "lg" | "xl";
 }
 
-export default class ButtonSkeleton extends SvelteComponentTyped<
+export default class ButtonSkeleton extends SvelteComponent<
   ButtonSkeletonProps,
   {
     click: WindowEventMap["click"];

types/Checkbox/Checkbox.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface CheckboxProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -88,7 +88,7 @@ export interface CheckboxProps
   ref?: null | HTMLInputElement;
 }
 
-export default class Checkbox extends SvelteComponentTyped<
+export default class Checkbox extends SvelteComponent<
   CheckboxProps,
   {
     check: CustomEvent<boolean>;

types/Checkbox/CheckboxSkeleton.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface CheckboxSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {}
 
-export default class CheckboxSkeleton extends SvelteComponentTyped<
+export default class CheckboxSkeleton extends SvelteComponent<
   CheckboxSkeletonProps,
   {
     click: WindowEventMap["click"];

types/CodeSnippet/CodeSnippet.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface CodeSnippetProps {
   /**
@@ -117,7 +117,7 @@ export interface CodeSnippetProps {
   ref?: null | HTMLPreElement;
 }
 
-export default class CodeSnippet extends SvelteComponentTyped<
+export default class CodeSnippet extends SvelteComponent<
   CodeSnippetProps,
   {
     expand: CustomEvent<null>;

types/CodeSnippet/CodeSnippetSkeleton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface CodeSnippetSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -10,7 +10,7 @@ export interface CodeSnippetSkeletonProps
   type?: "single" | "multi";
 }
 
-export default class CodeSnippetSkeleton extends SvelteComponentTyped<
+export default class CodeSnippetSkeleton extends SvelteComponent<
   CodeSnippetSkeletonProps,
   {
     click: WindowEventMap["click"];

types/ComboBox/ComboBox.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type ComboBoxItemId = any;
 
@@ -154,7 +154,7 @@ export interface ComboBoxProps
   listRef?: null | HTMLDivElement;
 }
 
-export default class ComboBox extends SvelteComponentTyped<
+export default class ComboBox extends SvelteComponent<
   ComboBoxProps,
   {
     select: CustomEvent<{

types/ComposedModal/ComposedModal.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ComposedModalProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -46,7 +46,7 @@ export interface ComposedModalProps
   ref?: null | HTMLDivElement;
 }
 
-export default class ComposedModal extends SvelteComponentTyped<
+export default class ComposedModal extends SvelteComponent<
   ComposedModalProps,
   {
     transitionend: CustomEvent<{ open: boolean }>;

types/ComposedModal/ModalBody.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ModalBodyProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -16,7 +16,7 @@ export interface ModalBodyProps
   hasScrollingContent?: boolean;
 }
 
-export default class ModalBody extends SvelteComponentTyped<
+export default class ModalBody extends SvelteComponent<
   ModalBodyProps,
   {},
   { default: {} }

types/ComposedModal/ModalFooter.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ModalFooterProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -53,7 +53,7 @@ export interface ModalFooterProps
   danger?: boolean;
 }
 
-export default class ModalFooter extends SvelteComponentTyped<
+export default class ModalFooter extends SvelteComponent<
   ModalFooterProps,
   { ["click:button--secondary"]: CustomEvent<{ text: string }> },
   { default: {} }

types/ComposedModal/ModalHeader.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ModalHeaderProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -46,7 +46,7 @@ export interface ModalHeaderProps
   iconDescription?: string;
 }
 
-export default class ModalHeader extends SvelteComponentTyped<
+export default class ModalHeader extends SvelteComponent<
   ModalHeaderProps,
   { click: WindowEventMap["click"] },
   { default: {} }

types/ContentSwitcher/ContentSwitcher.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ContentSwitcherProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -16,7 +16,7 @@ export interface ContentSwitcherProps
   size?: "sm" | "xl";
 }
 
-export default class ContentSwitcher extends SvelteComponentTyped<
+export default class ContentSwitcher extends SvelteComponent<
   ContentSwitcherProps,
   {
     change: CustomEvent<number>;

types/ContentSwitcher/Switch.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface SwitchProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@@ -35,7 +35,7 @@ export interface SwitchProps
   ref?: null | HTMLButtonElement;
 }
 
-export default class Switch extends SvelteComponentTyped<
+export default class Switch extends SvelteComponent<
   SwitchProps,
   {
     click: WindowEventMap["click"];

types/ContextMenu/ContextMenu.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ContextMenuProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["ul"]> {
@@ -36,7 +36,7 @@ export interface ContextMenuProps
   ref?: null | HTMLUListElement;
 }
 
-export default class ContextMenu extends SvelteComponentTyped<
+export default class ContextMenu extends SvelteComponent<
   ContextMenuProps,
   {
     open: CustomEvent<HTMLElement>;

types/ContextMenu/ContextMenuDivider.svelte.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ContextMenuDividerProps {}
 
-export default class ContextMenuDivider extends SvelteComponentTyped<
+export default class ContextMenuDivider extends SvelteComponent<
   ContextMenuDividerProps,
   {},
   {}

types/ContextMenu/ContextMenuGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ContextMenuGroupProps {
   /**
@@ -14,7 +14,7 @@ export interface ContextMenuGroupProps {
   labelText?: string;
 }
 
-export default class ContextMenuGroup extends SvelteComponentTyped<
+export default class ContextMenuGroup extends SvelteComponent<
   ContextMenuGroupProps,
   {},
   { default: {} }

types/ContextMenu/ContextMenuOption.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ContextMenuOptionProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {
@@ -69,7 +69,7 @@ export interface ContextMenuOptionProps
   ref?: null | HTMLLIElement;
 }
 
-export default class ContextMenuOption extends SvelteComponentTyped<
+export default class ContextMenuOption extends SvelteComponent<
   ContextMenuOptionProps,
   {
     keydown: WindowEventMap["keydown"];

types/ContextMenu/ContextMenuRadioGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ContextMenuRadioGroupProps {
   /**
@@ -15,7 +15,7 @@ export interface ContextMenuRadioGroupProps {
   labelText?: string;
 }
 
-export default class ContextMenuRadioGroup extends SvelteComponentTyped<
+export default class ContextMenuRadioGroup extends SvelteComponent<
   ContextMenuRadioGroupProps,
   {},
   { default: {} }

types/CopyButton/CopyButton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface CopyButtonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> {
@@ -34,7 +34,7 @@ export interface CopyButtonProps
   copy?: (text: string) => void;
 }
 
-export default class CopyButton extends SvelteComponentTyped<
+export default class CopyButton extends SvelteComponent<
   CopyButtonProps,
   {
     click: WindowEventMap["click"];

types/DataTable/DataTable.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type DataTableKey = string;
 
@@ -178,7 +178,7 @@ export interface DataTableProps
   page?: number;
 }
 
-export default class DataTable extends SvelteComponentTyped<
+export default class DataTable extends SvelteComponent<
   DataTableProps,
   {
     click: CustomEvent<{

types/DataTable/DataTableSkeleton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 import type { DataTableHeader } from "./DataTable.svelte";
 
 export interface DataTableSkeletonProps
@@ -50,7 +50,7 @@ export interface DataTableSkeletonProps
   showToolbar?: boolean;
 }
 
-export default class DataTableSkeleton extends SvelteComponentTyped<
+export default class DataTableSkeleton extends SvelteComponent<
   DataTableSkeletonProps,
   {
     click: WindowEventMap["click"];

types/DataTable/Table.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface TableProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
@@ -40,7 +40,7 @@ export interface TableProps
   tableStyle?: string;
 }
 
-export default class Table extends SvelteComponentTyped<
+export default class Table extends SvelteComponent<
   TableProps,
   {},
   { default: {} }

types/DataTable/TableBody.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface TableBodyProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tbody"]> {}
 
-export default class TableBody extends SvelteComponentTyped<
+export default class TableBody extends SvelteComponent<
   TableBodyProps,
   {},
   { default: {} }

types/DataTable/TableCell.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface TableCellProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["td"]> {}
 
-export default class TableCell extends SvelteComponentTyped<
+export default class TableCell extends SvelteComponent<
   TableCellProps,
   {
     click: WindowEventMap["click"];

types/DataTable/TableContainer.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface TableContainerProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -28,7 +28,7 @@ export interface TableContainerProps
   useStaticWidth?: boolean;
 }
 
-export default class TableContainer extends SvelteComponentTyped<
+export default class TableContainer extends SvelteComponent<
   TableContainerProps,
   {},
   { default: {} }

types/DataTable/TableHead.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface TableHeadProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["thead"]> {}
 
-export default class TableHead extends SvelteComponentTyped<
+export default class TableHead extends SvelteComponent<
   TableHeadProps,
   {
     click: WindowEventMap["click"];

types/DataTable/TableHeader.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface TableHeaderProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["th"]> {
@@ -40,7 +40,7 @@ export interface TableHeaderProps
   id?: string;
 }
 
-export default class TableHeader extends SvelteComponentTyped<
+export default class TableHeader extends SvelteComponent<
   TableHeaderProps,
   {
     mouseover: WindowEventMap["mouseover"];

types/DataTable/TableRow.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface TableRowProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["tr"]> {}
 
-export default class TableRow extends SvelteComponentTyped<
+export default class TableRow extends SvelteComponent<
   TableRowProps,
   {
     click: WindowEventMap["click"];

types/DataTable/Toolbar.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ToolbarProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["section"]> {
@@ -10,7 +10,7 @@ export interface ToolbarProps
   size?: "sm" | "default";
 }
 
-export default class Toolbar extends SvelteComponentTyped<
+export default class Toolbar extends SvelteComponent<
   ToolbarProps,
   {},
   { default: {} }

types/DataTable/ToolbarBatchActions.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ToolbarBatchActionsProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -16,7 +16,7 @@ export interface ToolbarBatchActionsProps
   active?: undefined | boolean;
 }
 
-export default class ToolbarBatchActions extends SvelteComponentTyped<
+export default class ToolbarBatchActions extends SvelteComponent<
   ToolbarBatchActionsProps,
   { cancel: CustomEvent<null> },
   { default: {}; cancel: {} }

types/DataTable/ToolbarContent.svelte.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ToolbarContentProps {}
 
-export default class ToolbarContent extends SvelteComponentTyped<
+export default class ToolbarContent extends SvelteComponent<
   ToolbarContentProps,
   {},
   { default: {} }

types/DataTable/ToolbarMenu.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 import type { OverflowMenuProps } from "../OverflowMenu/OverflowMenu.svelte";
 
 export interface ToolbarMenuProps extends OverflowMenuProps {}
 
-export default class ToolbarMenu extends SvelteComponentTyped<
+export default class ToolbarMenu extends SvelteComponent<
   ToolbarMenuProps,
   {},
   { default: {} }

types/DataTable/ToolbarMenuItem.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 import type { OverflowMenuItemProps } from "../OverflowMenu/OverflowMenuItem.svelte";
 
 export interface ToolbarMenuItemProps extends OverflowMenuItemProps {}
 
-export default class ToolbarMenuItem extends SvelteComponentTyped<
+export default class ToolbarMenuItem extends SvelteComponent<
   ToolbarMenuItemProps,
   { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
   { default: {} }

types/DataTable/ToolbarSearch.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ToolbarSearchProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
@@ -63,7 +63,7 @@ export interface ToolbarSearchProps
   ref?: null | HTMLInputElement;
 }
 
-export default class ToolbarSearch extends SvelteComponentTyped<
+export default class ToolbarSearch extends SvelteComponent<
   ToolbarSearchProps,
   {
     clear: WindowEventMap["clear"];

types/DatePicker/DatePicker.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface DatePickerProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -81,7 +81,7 @@ export interface DatePickerProps
   flatpickrProps?: import("flatpickr/dist/types/options").Options;
 }
 
-export default class DatePicker extends SvelteComponentTyped<
+export default class DatePicker extends SvelteComponent<
   DatePickerProps,
   {
     change: CustomEvent<

types/DatePicker/DatePickerInput.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface DatePickerInputProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
@@ -100,7 +100,7 @@ export interface DatePickerInputProps
   ref?: null | HTMLInputElement;
 }
 
-export default class DatePickerInput extends SvelteComponentTyped<
+export default class DatePickerInput extends SvelteComponent<
   DatePickerInputProps,
   {
     input: WindowEventMap["input"];

types/DatePicker/DatePickerSkeleton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface DatePickerSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -16,7 +16,7 @@ export interface DatePickerSkeletonProps
   id?: string;
 }
 
-export default class DatePickerSkeleton extends SvelteComponentTyped<
+export default class DatePickerSkeleton extends SvelteComponent<
   DatePickerSkeletonProps,
   {
     click: WindowEventMap["click"];

types/Dropdown/Dropdown.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type DropdownItemId = any;
 
@@ -143,7 +143,7 @@ export interface DropdownProps
   ref?: null | HTMLButtonElement;
 }
 
-export default class Dropdown extends SvelteComponentTyped<
+export default class Dropdown extends SvelteComponent<
   DropdownProps,
   {
     select: CustomEvent<{

types/Dropdown/DropdownSkeleton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface DropdownSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -10,7 +10,7 @@ export interface DropdownSkeletonProps
   inline?: boolean;
 }
 
-export default class DropdownSkeleton extends SvelteComponentTyped<
+export default class DropdownSkeleton extends SvelteComponent<
   DropdownSkeletonProps,
   {
     click: WindowEventMap["click"];

types/FileUploader/FileUploader.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FileUploaderProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -70,7 +70,7 @@ export interface FileUploaderProps
   name?: string;
 }
 
-export default class FileUploader extends SvelteComponentTyped<
+export default class FileUploader extends SvelteComponent<
   FileUploaderProps,
   {
     add: CustomEvent<ReadonlyArray<File>>;

types/FileUploader/FileUploaderButton.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FileUploaderButtonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
@@ -76,7 +76,7 @@ export interface FileUploaderButtonProps
   ref?: null | HTMLInputElement;
 }
 
-export default class FileUploaderButton extends SvelteComponentTyped<
+export default class FileUploaderButton extends SvelteComponent<
   FileUploaderButtonProps,
   {
     change: CustomEvent<ReadonlyArray<File>>;

types/FileUploader/FileUploaderDropContainer.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FileUploaderDropContainerProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -71,7 +71,7 @@ export interface FileUploaderDropContainerProps
   ref?: null | HTMLInputElement;
 }
 
-export default class FileUploaderDropContainer extends SvelteComponentTyped<
+export default class FileUploaderDropContainer extends SvelteComponent<
   FileUploaderDropContainerProps,
   {
     add: CustomEvent<ReadonlyArray<File>>;

types/FileUploader/FileUploaderItem.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FileUploaderItemProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["span"]> {
@@ -52,7 +52,7 @@ export interface FileUploaderItemProps
   name?: string;
 }
 
-export default class FileUploaderItem extends SvelteComponentTyped<
+export default class FileUploaderItem extends SvelteComponent<
   FileUploaderItemProps,
   {
     delete: CustomEvent<string>;

types/FileUploader/FileUploaderSkeleton.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FileUploaderSkeletonProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {}
 
-export default class FileUploaderSkeleton extends SvelteComponentTyped<
+export default class FileUploaderSkeleton extends SvelteComponent<
   FileUploaderSkeletonProps,
   {
     click: WindowEventMap["click"];

types/FileUploader/Filename.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FilenameProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]>,
@@ -24,7 +24,7 @@ export interface FilenameProps
   invalid?: boolean;
 }
 
-export default class Filename extends SvelteComponentTyped<
+export default class Filename extends SvelteComponent<
   FilenameProps,
   { click: WindowEventMap["click"]; keydown: WindowEventMap["keydown"] },
   {}

types/FluidForm/FluidForm.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FluidFormProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> {}
 
-export default class FluidForm extends SvelteComponentTyped<
+export default class FluidForm extends SvelteComponent<
   FluidFormProps,
   {
     click: WindowEventMap["click"];

types/Form/Form.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FormProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["form"]> {
@@ -10,7 +10,7 @@ export interface FormProps
   ref?: null | HTMLFormElement;
 }
 
-export default class Form extends SvelteComponentTyped<
+export default class Form extends SvelteComponent<
   FormProps,
   {
     click: WindowEventMap["click"];

types/FormGroup/FormGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FormGroupProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["fieldset"]> {
@@ -40,7 +40,7 @@ export interface FormGroupProps
   legendId?: string;
 }
 
-export default class FormGroup extends SvelteComponentTyped<
+export default class FormGroup extends SvelteComponent<
   FormGroupProps,
   {
     click: WindowEventMap["click"];

types/FormItem/FormItem.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FormItemProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {}
 
-export default class FormItem extends SvelteComponentTyped<
+export default class FormItem extends SvelteComponent<
   FormItemProps,
   {
     click: WindowEventMap["click"];

types/FormLabel/FormLabel.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface FormLabelProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["label"]> {
@@ -10,7 +10,7 @@ export interface FormLabelProps
   id?: string;
 }
 
-export default class FormLabel extends SvelteComponentTyped<
+export default class FormLabel extends SvelteComponent<
   FormLabelProps,
   {
     click: WindowEventMap["click"];

types/Grid/Column.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type ColumnSize = boolean | number;
 
@@ -80,7 +80,7 @@ export interface ColumnProps
   max?: ColumnBreakpoint;
 }
 
-export default class Column extends SvelteComponentTyped<
+export default class Column extends SvelteComponent<
   ColumnProps,
   {},
   { default: { props: { class: string; [key: string]: any } } }

types/Grid/Grid.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface GridProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -53,7 +53,7 @@ export interface GridProps
   padding?: boolean;
 }
 
-export default class Grid extends SvelteComponentTyped<
+export default class Grid extends SvelteComponent<
   GridProps,
   {},
   { default: { props: { class: string; [key: string]: any } } }

types/Grid/Row.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface RowProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -47,7 +47,7 @@ export interface RowProps
   padding?: boolean;
 }
 
-export default class Row extends SvelteComponentTyped<
+export default class Row extends SvelteComponent<
   RowProps,
   {},
   { default: { props: { class: string; [key: string]: any } } }

types/ImageLoader/ImageLoader.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ImageLoaderProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["img"]> {
@@ -47,7 +47,7 @@ export interface ImageLoaderProps
   fadeIn?: boolean;
 }
 
-export default class ImageLoader extends SvelteComponentTyped<
+export default class ImageLoader extends SvelteComponent<
   ImageLoaderProps,
   { load: CustomEvent<null>; error: CustomEvent<null> },
   { error: {}; loading: {} }

types/InlineLoading/InlineLoading.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface InlineLoadingProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -28,7 +28,7 @@ export interface InlineLoadingProps
   successDelay?: number;
 }
 
-export default class InlineLoading extends SvelteComponentTyped<
+export default class InlineLoading extends SvelteComponent<
   InlineLoadingProps,
   {
     click: WindowEventMap["click"];

types/Link/Link.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface LinkProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["a"]>,
@@ -48,7 +48,7 @@ export interface LinkProps
   ref?: null | HTMLAnchorElement | HTMLParagraphElement;
 }
 
-export default class Link extends SvelteComponentTyped<
+export default class Link extends SvelteComponent<
   LinkProps,
   {
     click: WindowEventMap["click"];

types/Link/OutboundLink.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 import type { LinkProps } from "./Link.svelte";
 
 export interface OutboundLinkProps extends LinkProps {}
 
-export default class OutboundLink extends SvelteComponentTyped<
+export default class OutboundLink extends SvelteComponent<
   OutboundLinkProps,
   {
     click: WindowEventMap["click"];

types/ListBox/ListBox.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ListBoxProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -58,7 +58,7 @@ export interface ListBoxProps
   warnText?: string;
 }
 
-export default class ListBox extends SvelteComponentTyped<
+export default class ListBox extends SvelteComponent<
   ListBoxProps,
   { keydown: WindowEventMap["keydown"]; click: WindowEventMap["click"] },
   { default: {} }

types/ListBox/ListBoxField.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type ListBoxFieldTranslationId = "close" | "open";
 
@@ -42,7 +42,7 @@ export interface ListBoxFieldProps
   ref?: null | HTMLDivElement;
 }
 
-export default class ListBoxField extends SvelteComponentTyped<
+export default class ListBoxField extends SvelteComponent<
   ListBoxFieldProps,
   {
     click: WindowEventMap["click"];

types/ListBox/ListBoxMenu.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ListBoxMenuProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -16,7 +16,7 @@ export interface ListBoxMenuProps
   ref?: null | HTMLDivElement;
 }
 
-export default class ListBoxMenu extends SvelteComponentTyped<
+export default class ListBoxMenu extends SvelteComponent<
   ListBoxMenuProps,
   { scroll: WindowEventMap["scroll"] },
   { default: {} }

types/ListBox/ListBoxMenuIcon.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type ListBoxMenuIconTranslationId = "close" | "open";
 
@@ -18,7 +18,7 @@ export interface ListBoxMenuIconProps
   translateWithId?: (id: ListBoxMenuIconTranslationId) => string;
 }
 
-export default class ListBoxMenuIcon extends SvelteComponentTyped<
+export default class ListBoxMenuIcon extends SvelteComponent<
   ListBoxMenuIconProps,
   { click: WindowEventMap["click"] },
   {}

types/ListBox/ListBoxMenuItem.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ListBoxMenuItemProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -22,7 +22,7 @@ export interface ListBoxMenuItemProps
   disabled?: boolean;
 }
 
-export default class ListBoxMenuItem extends SvelteComponentTyped<
+export default class ListBoxMenuItem extends SvelteComponent<
   ListBoxMenuItemProps,
   {
     click: WindowEventMap["click"];

types/ListBox/ListBoxSelection.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
 
@@ -30,7 +30,7 @@ export interface ListBoxSelectionProps
   ref?: null | HTMLDivElement;
 }
 
-export default class ListBoxSelection extends SvelteComponentTyped<
+export default class ListBoxSelection extends SvelteComponent<
   ListBoxSelectionProps,
   { clear: CustomEvent<any> },
   {}

types/ListItem/ListItem.svelte.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ListItemProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> {}
 
-export default class ListItem extends SvelteComponentTyped<
+export default class ListItem extends SvelteComponent<
   ListItemProps,
   {
     click: WindowEventMap["click"];

types/Loading/Loading.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface LoadingProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -34,7 +34,7 @@ export interface LoadingProps
   id?: string;
 }
 
-export default class Loading extends SvelteComponentTyped<
+export default class Loading extends SvelteComponent<
   LoadingProps,
   {},
   {}

types/LocalStorage/LocalStorage.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface LocalStorageProps {
   /**
@@ -15,7 +15,7 @@ export interface LocalStorageProps {
   value?: any;
 }
 
-export default class LocalStorage extends SvelteComponentTyped<
+export default class LocalStorage extends SvelteComponent<
   LocalStorageProps,
   {
     save: CustomEvent<null>;

types/Modal/Modal.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface ModalProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -132,7 +132,7 @@ export interface ModalProps
   ref?: null | HTMLDivElement;
 }
 
-export default class Modal extends SvelteComponentTyped<
+export default class Modal extends SvelteComponent<
   ModalProps,
   {
     transitionend: CustomEvent<{ open: boolean }>;

types/MultiSelect/MultiSelect.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export type MultiSelectItemId = any;
 
@@ -238,7 +238,7 @@ export interface MultiSelectProps
   highlightedId?: null | MultiSelectItemId;
 }
 
-export default class MultiSelect extends SvelteComponentTyped<
+export default class MultiSelect extends SvelteComponent<
   MultiSelectProps,
   {
     select: CustomEvent<{

types/Notification/InlineNotification.svelte.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import type { SvelteComponentTyped } from "svelte";
+import type { SvelteComponent } from "svelte";
 
 export interface InlineNotificationProps
   extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
@@ -64,7 +64,7 @@ export interface InlineNotificationProps
   closeButtonDescription?: string;
 }
 
-export default class InlineNotification extends SvelteComponentTyped<
+export default class InlineNotification extends SvelteComponent<
   InlineNotificationProps,
   {
     close: CustomEvent<{ timeout: boolean }>;