@iroco/ui 1.0.0-9 → 1.0.1

package/dist/IconIrocoLogo.svelte

@@ -1,9 +1,21 @@
-<script>import { Color } from "./definition";
-export let href = "/";
-export let ariaLabel = "go to Iroco home";
-export let width = "5rem";
-export let height = "5rem";
-export let color = Color.green;
+<script lang="ts">
+	import { Color } from './definition';
+
+	interface Props {
+		href?: string;
+		ariaLabel?: string;
+		width?: string;
+		height?: string;
+		color?: Color | string;
+	}
+
+	let {
+		href = '/',
+		ariaLabel = 'go to Iroco home',
+		width = '5rem',
+		height = '5rem',
+		color = Color.green
+	}: Props = $props();
 </script>
 
 <a class="iroco-logo" {href} aria-label={ariaLabel}>

package/dist/IconIrocoLogo.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponent } from "svelte";
 import { Color } from './definition';
-declare const __propDef: {
-    props: {
-        href?: string | undefined;
-        ariaLabel?: string | undefined;
-        width?: string | undefined;
-        height?: string | undefined;
-        color?: Color | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconIrocoLogoProps = typeof __propDef.props;
-export type IconIrocoLogoEvents = typeof __propDef.events;
-export type IconIrocoLogoSlots = typeof __propDef.slots;
-export default class IconIrocoLogo extends SvelteComponent<IconIrocoLogoProps, IconIrocoLogoEvents, IconIrocoLogoSlots> {
+interface Props {
+    href?: string;
+    ariaLabel?: string;
+    width?: string;
+    height?: string;
+    color?: Color | string;
 }
-export {};
+declare const IconIrocoLogo: import("svelte").Component<Props, {}, "">;
+type IconIrocoLogo = ReturnType<typeof IconIrocoLogo>;
+export default IconIrocoLogo;

package/dist/IconMoreSign.stories.svelte

@@ -1,9 +1,10 @@
-<script context="module">
-	import IconMoreSign from './IconMoreSign.svelte';
+<script module lang="ts">
+	import { IconMoreSign } from './index';
 
-	export const meta = {
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+
+	const { Story } = defineMeta({
 		title: 'Iroco-UI/Icons/IconMoreSign',
-		type: 'Icons',
 		component: IconMoreSign,
 		argTypes: {
 			width: {
@@ -17,15 +18,7 @@
 				max: 512
 			}
 		}
-	};
-</script>
-
-<script>
-	import { Story, Template } from '@storybook/addon-svelte-csf';
+	});
 </script>
 
-<Template let:args>
-	<IconMoreSign {...args} />
-</Template>
-
-<Story name="Default" />
+<Story name="Default" />

package/dist/IconMoreSign.stories.svelte.d.ts

@@ -1,50 +1,19 @@
-export namespace meta {
-    export let title: string;
-    export let type: string;
-    export { IconMoreSign as component };
-    export namespace argTypes {
-        namespace width {
-            namespace control {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            let min: number;
-            let max: number;
-        }
-        namespace height {
-            export namespace control_1 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_1 as control };
-            let min_1: number;
-            export { min_1 as min };
-            let max_1: number;
-            export { max_1 as max };
-        }
-    }
+import { IconMoreSign } from './index';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
 }
-/** @typedef {typeof __propDef.props}  IconMoreSignProps */
-/** @typedef {typeof __propDef.events}  IconMoreSignEvents */
-/** @typedef {typeof __propDef.slots}  IconMoreSignSlots */
-export default class IconMoreSign extends SvelteComponent<{
-    [x: string]: never;
-}, {
+declare const IconMoreSign: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconMoreSignProps = typeof __propDef.props;
-export type IconMoreSignEvents = typeof __propDef.events;
-export type IconMoreSignSlots = typeof __propDef.slots;
-import IconMoreSign from './IconMoreSign.svelte';
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+}, {}, {}, string>;
+type IconMoreSign = InstanceType<typeof IconMoreSign>;
+export default IconMoreSign;

package/dist/IconMoreSign.svelte

@@ -1,5 +1,10 @@
-<script>export let width = "3rem";
-export let height = "3rem";
+<script lang="ts">
+	interface Props {
+		width?: string;
+		height?: string;
+	}
+
+	let { width = '3rem', height = '3rem' }: Props = $props();
 </script>
 
 <svg

package/dist/IconMoreSign.svelte.d.ts

@@ -1,17 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        width?: string | undefined;
-        height?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconMoreSignProps = typeof __propDef.props;
-export type IconMoreSignEvents = typeof __propDef.events;
-export type IconMoreSignSlots = typeof __propDef.slots;
-export default class IconMoreSign extends SvelteComponent<IconMoreSignProps, IconMoreSignEvents, IconMoreSignSlots> {
+interface Props {
+    width?: string;
+    height?: string;
 }
-export {};
+declare const IconMoreSign: import("svelte").Component<Props, {}, "">;
+type IconMoreSign = ReturnType<typeof IconMoreSign>;
+export default IconMoreSign;

package/dist/IconTrashCan.stories.svelte

@@ -1,9 +1,11 @@
-<script context="module">
+<script module lang="ts">
 	import { IconTrashCan } from './index';
 
-	export const meta = {
+	import {defineMeta} from '@storybook/addon-svelte-csf'
+
+	const {Story} = defineMeta({
+
 		title: 'Iroco-UI/Icons/IconTrashCan',
-		type: 'Icons',
 		component: IconTrashCan,
 		argTypes: {
 			width: {
@@ -17,15 +19,7 @@
 				max: 512
 			}
 		}
-	};
+	})
 </script>
 
-<script>
-	import { Story, Template } from '@storybook/addon-svelte-csf';
-</script>
-
-<Template let:args>
-	<IconTrashCan {...args} />
-</Template>
-
 <Story name="Default" />

package/dist/IconTrashCan.stories.svelte.d.ts

@@ -1,50 +1,19 @@
-export namespace meta {
-    export let title: string;
-    export let type: string;
-    export { IconTrashCan as component };
-    export namespace argTypes {
-        namespace width {
-            namespace control {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            let min: number;
-            let max: number;
-        }
-        namespace height {
-            export namespace control_1 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_1 as control };
-            let min_1: number;
-            export { min_1 as min };
-            let max_1: number;
-            export { max_1 as max };
-        }
-    }
-}
-/** @typedef {typeof __propDef.props}  IconTrashCanProps */
-/** @typedef {typeof __propDef.events}  IconTrashCanEvents */
-/** @typedef {typeof __propDef.slots}  IconTrashCanSlots */
-export default class IconTrashCan extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconTrashCanProps = typeof __propDef.props;
-export type IconTrashCanEvents = typeof __propDef.events;
-export type IconTrashCanSlots = typeof __propDef.slots;
 import { IconTrashCan } from './index';
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+    z_$$bindings?: Bindings;
+}
+declare const IconTrashCan: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconTrashCan = InstanceType<typeof IconTrashCan>;
+export default IconTrashCan;

package/dist/IconTrashCan.svelte

@@ -1,6 +1,11 @@
-<script>export let width = "5rem";
-export let height = "5rem";
-export let stroke = "currentColor";
+<script lang="ts">
+	interface Props {
+		width?: string;
+		height?: string;
+		stroke?: string;
+	}
+
+	let { width = '5rem', height = '5rem', stroke = 'currentColor' }: Props = $props();
 </script>
 
 <svg {width} {height} fill="none" {stroke} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"

package/dist/IconTrashCan.svelte.d.ts

@@ -1,18 +1,8 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        width?: string | undefined;
-        height?: string | undefined;
-        stroke?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconTrashCanProps = typeof __propDef.props;
-export type IconTrashCanEvents = typeof __propDef.events;
-export type IconTrashCanSlots = typeof __propDef.slots;
-export default class IconTrashCan extends SvelteComponent<IconTrashCanProps, IconTrashCanEvents, IconTrashCanSlots> {
+interface Props {
+    width?: string;
+    height?: string;
+    stroke?: string;
 }
-export {};
+declare const IconTrashCan: import("svelte").Component<Props, {}, "">;
+type IconTrashCan = ReturnType<typeof IconTrashCan>;
+export default IconTrashCan;

package/dist/ImageArticle.stories.svelte

@@ -1,11 +1,14 @@
-<script context="module">
-	import ImageArticle from './ImageArticle.svelte';
+<script module lang="ts">
+	import { ImageArticle } from './index';
 	import accessibilityImageFile from '../stories/assets/accessibility.svg';
 	import discordImageFile from '../stories/assets/discord.svg';
 	import youtubeImageFile from '../stories/assets/youtube.svg';
 	import tutorialsImageFile from '../stories/assets/tutorials.svg';
 
-	export const meta = {
+	import { defineMeta, setTemplate } from '@storybook/addon-svelte-csf';
+
+	const { Story } = defineMeta({
+
 		title: 'ImageArticle',
 		component: ImageArticle,
 		argTypes: {
@@ -38,16 +41,16 @@
 			],
 			reversed: false
 		}
-	};
+	});
 </script>
 
-<script>
-	import { Story, Template } from '@storybook/addon-svelte-csf';
+<script lang="ts">
+	setTemplate(template);
 </script>
 
-<Template let:args>
+{#snippet template({ ...args })}
 	<ImageArticle {...args}></ImageArticle>
-</Template>
+{/snippet}
 
 <Story name="Default" />
 <Story name="Reversed" args={{ reversed: true }} />

package/dist/ImageArticle.stories.svelte.d.ts

@@ -1,66 +1,19 @@
-export namespace meta {
-    export let title: string;
-    export { ImageArticle as component };
-    export namespace argTypes {
-        namespace reversed {
-            namespace control {
-                let type: string;
-            }
-        }
-        namespace figureCaption {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        namespace imgSrc {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            export let options: any[];
-        }
-        let buttonList: {};
-    }
-    export namespace args {
-        export let alt: string;
-        export { accessibilityImageFile as imgSrc };
-        let figureCaption_1: undefined;
-        export { figureCaption_1 as figureCaption };
-        export let articleTitle: string;
-        export let articleContent: string;
-        let buttonList_1: {
-            href: string;
-            label: string;
-        }[];
-        export { buttonList_1 as buttonList };
-        let reversed_1: boolean;
-        export { reversed_1 as reversed };
-    }
+import { ImageArticle } from './index';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
 }
-/** @typedef {typeof __propDef.props}  ImageArticleProps */
-/** @typedef {typeof __propDef.events}  ImageArticleEvents */
-/** @typedef {typeof __propDef.slots}  ImageArticleSlots */
-export default class ImageArticle extends SvelteComponent<{
-    [x: string]: never;
-}, {
+declare const ImageArticle: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ImageArticleProps = typeof __propDef.props;
-export type ImageArticleEvents = typeof __propDef.events;
-export type ImageArticleSlots = typeof __propDef.slots;
-import ImageArticle from './ImageArticle.svelte';
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+}, {}, {}, string>;
+type ImageArticle = InstanceType<typeof ImageArticle>;
+export default ImageArticle;