@iroco/ui 1.0.0-9 → 1.0.0

package/dist/DataTable.svelte.d.ts

@@ -1,26 +1,19 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        rows: {
-            [key: string]: string | number;
-        }[];
-        columns: {
-            key: string;
-            title: string;
-            renderComponent?: {
-                component: SvelteComponent;
-                props?: any;
-            } | undefined;
-        }[];
+import type { Component } from 'svelte';
+type TableColumn = {
+    key: string;
+    title: string;
+    renderComponent?: {
+        component: Component;
+        props?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
 };
-export type DataTableProps = typeof __propDef.props;
-export type DataTableEvents = typeof __propDef.events;
-export type DataTableSlots = typeof __propDef.slots;
-export default class DataTable extends SvelteComponent<DataTableProps, DataTableEvents, DataTableSlots> {
-}
-export {};
+type TableRow = {
+    [key: string]: string | number;
+};
+type $$ComponentProps = {
+    rows: Array<TableRow>;
+    columns: Array<TableColumn>;
+};
+declare const DataTable: Component<$$ComponentProps, {}, "">;
+type DataTable = ReturnType<typeof DataTable>;
+export default DataTable;

package/dist/IconBurger.stories.svelte

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

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

@@ -1,48 +1,19 @@
-export namespace meta {
-    export let title: string;
-    export { IconBurger as component };
-    export namespace argTypes {
-        namespace width {
-            namespace control {
-                let type: string;
-            }
-            let min: number;
-            let max: number;
-        }
-        namespace height {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 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 { IconBurger } 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}  IconBurgerProps */
-/** @typedef {typeof __propDef.events}  IconBurgerEvents */
-/** @typedef {typeof __propDef.slots}  IconBurgerSlots */
-export default class IconBurger extends SvelteComponent<{
-    [x: string]: never;
-}, {
+declare const IconBurger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconBurgerProps = typeof __propDef.props;
-export type IconBurgerEvents = typeof __propDef.events;
-export type IconBurgerSlots = typeof __propDef.slots;
-import IconBurger from './IconBurger.svelte';
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+}, {}, {}, string>;
+type IconBurger = InstanceType<typeof IconBurger>;
+export default IconBurger;

package/dist/IconBurger.svelte

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

package/dist/IconBurger.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 IconBurgerProps = typeof __propDef.props;
-export type IconBurgerEvents = typeof __propDef.events;
-export type IconBurgerSlots = typeof __propDef.slots;
-export default class IconBurger extends SvelteComponent<IconBurgerProps, IconBurgerEvents, IconBurgerSlots> {
+interface Props {
+    width?: string;
+    height?: string;
 }
-export {};
+declare const IconBurger: import("svelte").Component<Props, {}, "">;
+type IconBurger = ReturnType<typeof IconBurger>;
+export default IconBurger;

package/dist/IconClose.stories.svelte

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

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

@@ -1,48 +1,19 @@
-export namespace meta {
-    export let title: string;
-    export { IconClose as component };
-    export namespace argTypes {
-        namespace width {
-            namespace control {
-                let type: string;
-            }
-            let min: number;
-            let max: number;
-        }
-        namespace height {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 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 { IconClose } 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}  IconCloseProps */
-/** @typedef {typeof __propDef.events}  IconCloseEvents */
-/** @typedef {typeof __propDef.slots}  IconCloseSlots */
-export default class IconClose extends SvelteComponent<{
-    [x: string]: never;
-}, {
+declare const IconClose: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconCloseProps = typeof __propDef.props;
-export type IconCloseEvents = typeof __propDef.events;
-export type IconCloseSlots = typeof __propDef.slots;
-import IconClose from './IconClose.svelte';
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};
+}, {}, {}, string>;
+type IconClose = InstanceType<typeof IconClose>;
+export default IconClose;

package/dist/IconClose.svelte

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

package/dist/IconClose.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 IconCloseProps = typeof __propDef.props;
-export type IconCloseEvents = typeof __propDef.events;
-export type IconCloseSlots = typeof __propDef.slots;
-export default class IconClose extends SvelteComponent<IconCloseProps, IconCloseEvents, IconCloseSlots> {
+interface Props {
+    width?: string;
+    height?: string;
 }
-export {};
+declare const IconClose: import("svelte").Component<Props, {}, "">;
+type IconClose = ReturnType<typeof IconClose>;
+export default IconClose;

package/dist/IconFloppyDisk.stories.svelte

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

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

@@ -1,55 +1,19 @@
-export namespace meta {
-    export let title: string;
-    export { IconFloppyDisk as component };
-    export namespace argTypes {
-        namespace width {
-            namespace control {
-                let type: string;
-            }
-            let min: number;
-            let max: number;
-        }
-        namespace height {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 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 };
-        }
-        namespace fill {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-        }
-    }
-}
-/** @typedef {typeof __propDef.props}  IconFloppyDiskProps */
-/** @typedef {typeof __propDef.events}  IconFloppyDiskEvents */
-/** @typedef {typeof __propDef.slots}  IconFloppyDiskSlots */
-export default class IconFloppyDisk extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconFloppyDiskProps = typeof __propDef.props;
-export type IconFloppyDiskEvents = typeof __propDef.events;
-export type IconFloppyDiskSlots = typeof __propDef.slots;
 import { IconFloppyDisk } 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 IconFloppyDisk: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconFloppyDisk = InstanceType<typeof IconFloppyDisk>;
+export default IconFloppyDisk;

package/dist/IconFloppyDisk.svelte

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

package/dist/IconFloppyDisk.svelte.d.ts

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

package/dist/IconInfo.stories.svelte

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

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

@@ -1,50 +1,19 @@
-export namespace meta {
-    export let title: string;
-    export let type: string;
-    export { IconInfo 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}  IconInfoProps */
-/** @typedef {typeof __propDef.events}  IconInfoEvents */
-/** @typedef {typeof __propDef.slots}  IconInfoSlots */
-export default class IconInfo extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconInfoProps = typeof __propDef.props;
-export type IconInfoEvents = typeof __propDef.events;
-export type IconInfoSlots = typeof __propDef.slots;
 import { IconInfo } 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 IconInfo: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconInfo = InstanceType<typeof IconInfo>;
+export default IconInfo;

package/dist/IconInfo.svelte

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

package/dist/IconInfo.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 IconInfoProps = typeof __propDef.props;
-export type IconInfoEvents = typeof __propDef.events;
-export type IconInfoSlots = typeof __propDef.slots;
-export default class IconInfo extends SvelteComponent<IconInfoProps, IconInfoEvents, IconInfoSlots> {
+interface Props {
+    width?: string;
+    height?: string;
 }
-export {};
+declare const IconInfo: import("svelte").Component<Props, {}, "">;
+type IconInfo = ReturnType<typeof IconInfo>;
+export default IconInfo;

package/dist/IconIrocoLogo.stories.svelte

@@ -1,9 +1,9 @@
-<script context="module">
+<script module lang="ts">
 	import { IconIrocoLogo } from './index';
+	import {defineMeta,setTemplate} from '@storybook/addon-svelte-csf'
 
-	export const meta = {
+	const {Story} = defineMeta({
 		title: 'Iroco-UI/Iroco/IconIrocoLogo',
-		type: 'Icons',
 		component: IconIrocoLogo,
 		argTypes: {
 			width: {
@@ -20,15 +20,15 @@
 				control: { type: 'color' }
 			}
 		}
-	};
+	})
 </script>
 
-<script>
-	import { Story, Template } from '@storybook/addon-svelte-csf';
+<script lang="ts">
+	setTemplate(template);
 </script>
 
-<Template let:args>
+{#snippet template({ ...args })}
 	<IconIrocoLogo {...args} />
-</Template>
+{/snippet}
 
 <Story name="Default" />