@reshape-biotech/design-system 0.0.32 → 0.0.34

package/dist/components/banner/Banner.stories.svelte

@@ -1,8 +1,8 @@
 <script module lang="ts">
 	import { Info, Warning as WarningIcon } from 'phosphor-svelte';
 	import Banner from './Banner.svelte';
+	import Button from '../button/Button.svelte';
 	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import Button from 'design-system/components/button/Button.svelte';
 
 	const { Story } = defineMeta({
 		component: Banner,

package/dist/components/banner/Banner.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import Banner from './Banner.svelte';
+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;
+}
+declare const Banner: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Banner = InstanceType<typeof Banner>;
+export default Banner;

package/dist/components/button/Button.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import Button from './Button.svelte';
+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;
+}
+declare const Button: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

package/dist/components/divider/Divider.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Divider;
+type Divider = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Divider: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Divider from './Divider.svelte';
+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;
+}

package/dist/components/drawer/Drawer.stories.svelte

@@ -1,6 +1,5 @@
 <script module>
 	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import Button from 'design-system/components/button/Button.svelte';
 	import Drawer from './Drawer.svelte';
 
 	const { Story } = defineMeta({
@@ -37,11 +36,9 @@
 	<div class="py-12">
 		<Drawer id="my-drawer" open controlled>
 			{#snippet trigger({ C })}
-				<div>
-					<C.DrawerLabel id="my-drawer" classes="btn btn-primary rounded-full "
-						>Open Drawer
-					</C.DrawerLabel>
-				</div>
+				<C.DrawerLabel id="my-drawer" classes="btn btn-primary rounded-full "
+					>Open Drawer
+				</C.DrawerLabel>
 			{/snippet}
 			{#snippet content()}
 				<div>
@@ -58,11 +55,9 @@
 	<div class="py-12">
 		<Drawer id="my-drawer" side="left">
 			{#snippet trigger({ C })}
-				<div>
-					<C.DrawerLabel id="my-drawer" classes="btn btn-primary rounded-full "
-						>Open Drawer
-					</C.DrawerLabel>
-				</div>
+				<C.DrawerLabel id="my-drawer" classes="btn btn-primary rounded-full "
+					>Open Drawer
+				</C.DrawerLabel>
 			{/snippet}
 			{#snippet content()}
 				<div>

package/dist/components/drawer/Drawer.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Drawer;
+type Drawer = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Drawer: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Drawer from './Drawer.svelte';
+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;
+}

package/dist/components/drawer/Drawer.svelte

@@ -8,8 +8,8 @@
 		// Open only works when controlled is true
 		open?: boolean;
 		side?: 'left' | 'right';
-		trigger?: Snippet<[any]>;
-		content?: Snippet;
+		trigger?: Snippet<[{ C: { DrawerLabel: typeof DrawerLabel } }]>;
+		content: Snippet;
 	}
 
 	let {
@@ -33,13 +33,12 @@
 	{/if}
 
 	<div class="drawer-content">
-		<!-- Page content here -->
 		{@render trigger?.({ C })}
 	</div>
 	<div class="drawer-side" inert={controlled ? !open : false}>
 		<label for={id} aria-label="close sidebar" class="drawer-overlay"></label>
 		<div class="h-screen bg-base sm:w-[460px]">
-			{@render content?.()}
+			{@render content()}
 		</div>
 	</div>
 </div>

package/dist/components/drawer/Drawer.svelte.d.ts

@@ -1,11 +1,16 @@
 import type { Snippet } from 'svelte';
+import DrawerLabel from './DrawerLabel.svelte';
 interface Props {
     id: string;
     controlled?: boolean;
     open?: boolean;
     side?: 'left' | 'right';
-    trigger?: Snippet<[any]>;
-    content?: Snippet;
+    trigger?: Snippet<[{
+        C: {
+            DrawerLabel: typeof DrawerLabel;
+        };
+    }]>;
+    content: Snippet;
 }
 declare const Drawer: import("svelte").Component<Props, {}, "open">;
 type Drawer = ReturnType<typeof Drawer>;

package/dist/components/dropdown/Dropdown.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Dropdown;
+type Dropdown = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Dropdown: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Dropdown from './Dropdown.svelte';
+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;
+}

package/dist/components/dropdown/Dropdown.svelte

@@ -11,8 +11,10 @@
 		openOnHover?: boolean;
 		closeOnItemClick?: boolean;
 		class?: string;
-		trigger?: Snippet<[any]>;
-		content?: Snippet<[any]>;
+		trigger?: Snippet<[{ Trigger: typeof DropdownTrigger }]>;
+		content?: Snippet<
+			[{ C: { DropdownContent: typeof DropdownContent; DropdownMenu: typeof DropdownMenu } }]
+		>;
 	}
 
 	let {

package/dist/components/dropdown/Dropdown.svelte.d.ts

@@ -1,4 +1,7 @@
 import type { Snippet } from 'svelte';
+import DropdownContent from './components/DropdownContent.svelte';
+import DropdownMenu from './components/DropdownMenu.svelte';
+import DropdownTrigger from './components/DropdownTrigger.svelte';
 interface Props {
     side?: 'dropdown-top' | 'dropdown-bottom' | 'dropdown-left' | 'dropdown-right';
     open?: boolean;
@@ -6,8 +9,17 @@ interface Props {
     openOnHover?: boolean;
     closeOnItemClick?: boolean;
     class?: string;
-    trigger?: Snippet<[any]>;
-    content?: Snippet<[any]>;
+    trigger?: Snippet<[{
+        Trigger: typeof DropdownTrigger;
+    }]>;
+    content?: Snippet<[
+        {
+            C: {
+                DropdownContent: typeof DropdownContent;
+                DropdownMenu: typeof DropdownMenu;
+            };
+        }
+    ]>;
 }
 declare const Dropdown: import("svelte").Component<Props, {}, "open">;
 type Dropdown = ReturnType<typeof Dropdown>;

package/dist/components/icon-button/IconButton.stories.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
 	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import IconButton from 'design-system/components/icon-button/IconButton.svelte';
+	import IconButton from '../icon-button/IconButton.svelte';
 	import { Plus } from 'phosphor-svelte';
 
 	const { Story } = defineMeta({

package/dist/components/icon-button/IconButton.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import IconButton from '../icon-button/IconButton.svelte';
+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;
+}
+declare const IconButton: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconButton = InstanceType<typeof IconButton>;
+export default IconButton;

package/dist/components/input/Input.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Input;
+type Input = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Input: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Input from './Input.svelte';
+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;
+}

package/dist/components/list/List.stories.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
 	import List from './List.svelte';
-	import Tag from 'design-system/components/tag/Tag.svelte';
+	import Tag from '../tag/Tag.svelte';
 	import { ArrowUpRight } from 'phosphor-svelte';
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 

package/dist/components/list/List.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import List from './List.svelte';
+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;
+}
+declare const List: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type List = InstanceType<typeof List>;
+export default List;

package/dist/components/markdown/Markdown.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Markdown;
+type Markdown = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Markdown: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Markdown from './Markdown.svelte';
+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;
+}

package/dist/components/modal/Modal.stories.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
-	import Button from 'design-system/components/button/Button.svelte';
-	import Modal from 'design-system/components/modal/Modal.svelte';
+	import Button from '../button/Button.svelte';
+	import Modal from '../modal/Modal.svelte';
 	import ContactSupportModal from './ContactSupportModal.svelte';
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	const { Story } = defineMeta({

package/dist/components/modal/Modal.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import Modal from '../modal/Modal.svelte';
+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;
+}
+declare const Modal: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Modal = InstanceType<typeof Modal>;
+export default Modal;

package/dist/components/notification-popup/NotificationPopup.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default NotificationPopup;
+type NotificationPopup = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const NotificationPopup: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import NotificationPopup from './NotificationPopup.svelte';
+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;
+}

package/dist/components/segmented-control-buttons/SegmentedControlButtons.stories.svelte

@@ -12,7 +12,7 @@
 
 <Story name="Primary">
 	<SegmentedControlButtons class="w-[350px]">
-		{#snippet children(ControlButton)}
+		{#snippet children({ ControlButton })}
 			<ControlButton active><Star /> Low</ControlButton>
 			<ControlButton><Star /> Medium</ControlButton>
 			<ControlButton disabled><Star /> High</ControlButton>
@@ -21,7 +21,7 @@
 </Story>
 <Story name="Large">
 	<SegmentedControlButtons size="lg" class="w-[350px]">
-		{#snippet children(ControlButton)}
+		{#snippet children({ ControlButton })}
 			<ControlButton active><Star /> Low</ControlButton>
 			<ControlButton><Star /> Medium</ControlButton>
 			<ControlButton disabled><Star /> High</ControlButton>
@@ -30,7 +30,7 @@
 </Story>
 <Story name="Secondary">
 	<SegmentedControlButtons class="w-[350px]">
-		{#snippet children(ControlButton)}
+		{#snippet children({ ControlButton })}
 			<ControlButton active color="secondary">
 				<Star /> Low
 			</ControlButton>

package/dist/components/segmented-control-buttons/SegmentedControlButtons.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import SegmentedControlButtons from './SegmentedControlButtons.svelte';
+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;
+}
+declare const SegmentedControlButtons: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SegmentedControlButtons = InstanceType<typeof SegmentedControlButtons>;
+export default SegmentedControlButtons;

package/dist/components/segmented-control-buttons/SegmentedControlButtons.svelte

@@ -5,7 +5,7 @@
 	interface Props {
 		class?: string;
 		size?: 'md' | 'lg';
-		children?: Snippet<[typeof ControlButton]>;
+		children?: Snippet<[{ ControlButton: typeof ControlButton }]>;
 	}
 
 	let { class: className = '', size = 'md', children }: Props = $props();
@@ -17,5 +17,5 @@
 </script>
 
 <div class={`join flex gap-1 rounded-lg bg-neutral p-1 ${sizes[size]} ${size} ${className}`}>
-	{@render children?.(ControlButton)}
+	{@render children?.({ ControlButton })}
 </div>

package/dist/components/segmented-control-buttons/SegmentedControlButtons.svelte.d.ts

@@ -3,7 +3,9 @@ import ControlButton from './ControlButton.svelte';
 interface Props {
     class?: string;
     size?: 'md' | 'lg';
-    children?: Snippet<[typeof ControlButton]>;
+    children?: Snippet<[{
+        ControlButton: typeof ControlButton;
+    }]>;
 }
 declare const SegmentedControlButtons: import("svelte").Component<Props, {}, "">;
 type SegmentedControlButtons = ReturnType<typeof SegmentedControlButtons>;

package/dist/components/select/Select.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import Select from './Select.svelte';
+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;
+}
+declare const Select: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Select = InstanceType<typeof Select>;
+export default Select;

package/dist/components/skeleton-loader/SkeletonLoader.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default SkeletonLoader;
+type SkeletonLoader = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const SkeletonLoader: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import SkeletonLoader from './SkeletonLoader.svelte';
+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;
+}

package/dist/components/skeleton-loader/SkeletonLoader.svelte

@@ -6,7 +6,7 @@
 	interface Props {
 		class?: string;
 		dataTestId?: string;
-		children?: Snippet<[any]>;
+		children?: Snippet<[{ Skeleton: typeof Skeleton; SkeletonImage: typeof SkeletonImage }]>;
 	}
 
 	let { class: className = '', dataTestId = '', children }: Props = $props();

package/dist/components/skeleton-loader/SkeletonLoader.svelte.d.ts

@@ -1,8 +1,13 @@
 import type { Snippet } from 'svelte';
+import Skeleton from './components/Skeleton.svelte';
+import SkeletonImage from './components/SkeletonImage.svelte';
 interface Props {
     class?: string;
     dataTestId?: string;
-    children?: Snippet<[any]>;
+    children?: Snippet<[{
+        Skeleton: typeof Skeleton;
+        SkeletonImage: typeof SkeletonImage;
+    }]>;
 }
 declare const SkeletonLoader: import("svelte").Component<Props, {}, "">;
 type SkeletonLoader = ReturnType<typeof SkeletonLoader>;

package/dist/components/slider/Slider.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Slider;
+type Slider = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Slider: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Slider from './Slider.svelte';
+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;
+}

package/dist/components/stat-card/StatCard.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default StatCard;
+type StatCard = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const StatCard: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import StatCard from './StatCard.svelte';
+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;
+}

package/dist/components/status-badge/StatusBadge.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import StatusBadge from '../status-badge/StatusBadge.svelte';
+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;
+}
+declare const StatusBadge: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type StatusBadge = InstanceType<typeof StatusBadge>;
+export default StatusBadge;

package/dist/components/table/Table.stories.svelte

@@ -7,7 +7,7 @@
 		title: 'Design System/Table',
 		tags: ['autodocs']
 	});
-	import IconButton from 'design-system/components/icon-button/IconButton.svelte';
+	import IconButton from '../icon-button/IconButton.svelte';
 	import { Phone } from 'phosphor-svelte';
 
 	export const users = [

package/dist/components/table/Table.stories.svelte.d.ts

@@ -0,0 +1,24 @@
+import Table from './Table.svelte';
+export declare const users: {
+    name: string;
+    age: number;
+    role: string;
+}[];
+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;
+}
+declare const Table: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Table = InstanceType<typeof Table>;
+export default Table;

package/dist/components/table/Table.svelte

@@ -6,7 +6,7 @@
 
 	interface Props {
 		tableLayout?: 'fixed' | 'auto';
-		children?: Snippet<[any]>;
+		children?: Snippet<[{ C: { Tr: typeof Tr; Th: typeof Th; Td: typeof Td } }]>;
 	}
 
 	let { tableLayout = 'fixed', children }: Props = $props();

package/dist/components/table/Table.svelte.d.ts

@@ -1,7 +1,16 @@
 import type { Snippet } from 'svelte';
+import Td from './components/Td.svelte';
+import Th from './components/Th.svelte';
+import Tr from './components/Tr.svelte';
 interface Props {
     tableLayout?: 'fixed' | 'auto';
-    children?: Snippet<[any]>;
+    children?: Snippet<[{
+        C: {
+            Tr: typeof Tr;
+            Th: typeof Th;
+            Td: typeof Td;
+        };
+    }]>;
 }
 declare const Table: import("svelte").Component<Props, {}, "">;
 type Table = ReturnType<typeof Table>;

package/dist/components/tabs/Tabs.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Tabs;
+type Tabs = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Tabs: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Tabs from './Tabs.svelte';
+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;
+}

package/dist/components/tag/Tag.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import Tag from './Tag.svelte';
+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;
+}
+declare const Tag: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Tag = InstanceType<typeof Tag>;
+export default Tag;

package/dist/components/tooltip/Tooltip.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Tooltip;
+type Tooltip = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Tooltip: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Tooltip from './Tooltip.svelte';
+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;
+}

package/dist/tailwind.d.ts

@@ -0,0 +1,11 @@
+import type { Tailwindest } from 'tailwindest';
+export type Overflow = Tailwindest['overflow'];
+export type Width = Tailwindest['width'];
+export type MinWidth = Tailwindest['minWidth'];
+export type Height = Tailwindest['height'];
+export type MaxHeight = Tailwindest['maxHeight'];
+export type Margin = Tailwindest['margin'];
+export type Padding = Tailwindest['padding'];
+export type JustifyContent = Tailwindest['justifyContent'];
+export type Rounding = Tailwindest['borderRadius'];
+export type ButtonVariant = 'btn-neutral' | 'btn-primary' | 'btn-secondary' | 'btn-accent' | 'btn-info' | 'btn-success' | 'btn-warning' | 'btn-error' | 'btn-ghost' | 'btn-link' | 'btn-outline' | 'btn-active' | 'btn-disabled';

package/dist/tailwind.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,9 +1,9 @@
 {
 	"name": "@reshape-biotech/design-system",
-	"version": "0.0.32",
+	"version": "0.0.34",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build && npm run package",
+		"build": "vite build",
 		"package": "svelte-package --input ./src/lib --output ./dist",
 		"check": "svelte-check",
 		"test": "vitest run",
@@ -40,8 +40,6 @@
 	},
 	"devDependencies": {
 		"@eslint/compat": "^1.2.3",
-		"@storybook/addon-svelte-csf": "^5.0.0-next.11",
-		"@storybook/svelte": "^8.4.7",
 		"@sveltejs/adapter-vercel": "^5.5.0",
 		"@sveltejs/kit": "^2.9.0",
 		"@sveltejs/package": "^2.0.0",
@@ -65,13 +63,13 @@
 		"publint": "^0.2.0",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
+		"svelte-select": "^5.8.1",
 		"tailwindcss": "^3.4.9",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.0.0",
 		"vite": "^5.4.4",
 		"vitest": "^2.1.4",
-		"marked": "^15.0.0",
-		"svelte-select": "^5.8.1"
+		"marked": "^15.0.0"
 	},
 	"dependencies": {}
 }

package/dist/components/toast/Toast.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-	import { flip } from 'svelte/animate';
-	import { fly } from 'svelte/transition';
-	import { notifications } from '../../notifications';
-
-	/**
-	 * @typedef {Object} Props
-	 * @property {any} [themes]
-	 */
-
-	/** @type {Props} */
-	let {
-		themes = {
-			danger: '#E26D69',
-			success: '#84C991',
-			warning: '#f0ad4e',
-			info: '#5bc0de',
-			default: '#aaaaaa'
-		}
-	} = $props();
-</script>
-
-<div class="notifications">
-	{#each $notifications as notification (notification.id)}
-		<div
-			animate:flip
-			class="toast-custom"
-			style="background: {themes[notification.type]};"
-			transition:fly={{ y: 30 }}
-		>
-			<div class="content">{notification.message}</div>
-			{#if notification.icon}<i class={notification.icon}></i>{/if}
-		</div>
-	{/each}
-</div>
-
-<style>
-	.notifications {
-		position: fixed;
-		top: 10px;
-		left: 0;
-		right: 0;
-		margin: 0 auto;
-		padding: 0;
-		z-index: 9999;
-		display: flex;
-		flex-direction: column;
-		justify-content: flex-start;
-		align-items: center;
-		pointer-events: none;
-	}
-
-	.toast-custom {
-		flex: 0 0 auto;
-		padding: 0 16px;
-		margin-bottom: 10px;
-		border-radius: 100px;
-	}
-
-	.content {
-		padding: 10px;
-		display: block;
-		color: white;
-		font-weight: 500;
-	}
-</style>

package/dist/components/toast/Toast.svelte.d.ts

@@ -1,5 +0,0 @@
-declare const Toast: import("svelte").Component<{
-    themes?: Record<string, any>;
-}, {}, "">;
-type Toast = ReturnType<typeof Toast>;
-export default Toast;

package/dist/components/toast/index.d.ts

@@ -1 +0,0 @@
-export { default as Toast } from './Toast.svelte';

package/dist/components/toast/index.js

@@ -1 +0,0 @@
-export { default as Toast } from './Toast.svelte';