Export types in Svelte component

packages/svelte/src/iconify.ts

@@ -1,2 +1,17 @@
+// Types
+export type { IconifyJSON } from '@iconify/types';
+export type { IconifyIcon } from '@iconify/core/lib/icon';
+export type {
+	IconifyIconSize,
+	IconifyHorizontalIconAlignment,
+	IconifyVerticalIconAlignment,
+} from '@iconify/core/lib/customisations';
+
+// Types from props.ts
+export type { IconifyIconCustomisations, IconProps } from './props';
+
+// Component
 export { default as Icon } from './Icon.svelte';
+
+// Functions
 export { addIcon, addCollection } from './functions';

packages/svelte/src/offline.ts

@@ -1,2 +1,17 @@
+// Types
+export type { IconifyJSON } from '@iconify/types';
+export type { IconifyIcon } from '@iconify/core/lib/icon';
+export type {
+	IconifyIconSize,
+	IconifyHorizontalIconAlignment,
+	IconifyVerticalIconAlignment,
+} from '@iconify/core/lib/customisations';
+
+// Types from props.ts
+export type { IconifyIconCustomisations, IconProps } from './props';
+
+// Component
 export { default as Icon } from './OfflineIcon.svelte';
+
+// Functions
 export { addIcon, addCollection } from './offline-functions';

packages/svelte/src/props.ts

@@ -22,15 +22,16 @@ export interface IconifyIconProps extends IconifyIconCustomisations {
 	// Shorthand properties
 	flip?: string;
 	align?: string;
-
-	// Unique id, used as base for ids for shapes. Use it to get consistent ids for server side rendering
-	id?: string;
 }
 
 /**
- * Properties for element that are mentioned in generate-icon.ts
+ * Properties for element that are mentioned in render.ts
  */
 interface IconifyElementProps {
+	// Unique id, used as base for ids for shapes. Use it to get consistent ids for server side rendering
+	id?: string;
+
+	// Style
 	style?: string;
 }