fix(types): loosen icon prop type to any (#2095)

Fixes https://github.com/carbon-design-system/carbon-icons-svelte/issues/207

`carbon-icons-svelte@13` and `carbon-pictograms-svelte@13` now  
only support TypeScript for Svelte 4/5.

The new `Component` type is incompatible with the `icon` prop in  
`carbon-components-svelte`, causing a type error with Svelte 5, as  
`typeof SvelteComponent` doesn't match the new `Component` type.

Since `Component` isn't available in Svelte 3/4, this PR changes  
the `icon` prop type to `any` for compatibility across Svelte 3, 4, and 5.

src/Button/Button.svelte

@@ -29,7 +29,7 @@
    * Specify the icon to render
    * Alternatively, use the named slot "icon" (e.g., `<Icon slot="icon" size="{20}" />`)
    *
-   * @type {typeof import("svelte").SvelteComponent<any>}
+   * @type {any}
    */
   export let icon = undefined;
 

src/ComposedModal/ModalFooter.svelte

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

src/Link/Link.svelte

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

src/Modal/Modal.svelte

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

src/Notification/NotificationButton.svelte

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

src/Tag/Tag.svelte

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

src/TooltipIcon/TooltipIcon.svelte

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

src/TreeView/TreeView.svelte

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

src/TreeView/TreeViewNode.svelte

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

src/TreeView/TreeViewNodeList.svelte

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

src/UIShell/Header.svelte

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

src/UIShell/HeaderActionLink.svelte

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

src/UIShell/HeaderGlobalAction.svelte

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

src/UIShell/SideNavLink.svelte

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

src/UIShell/SideNavMenu.svelte

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