@finsweet/webflow-apps-utils 1.0.42 → 1.0.44

package/dist/ui/icons/FinsweetLibraryIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/FinsweetLogoIcon.svelte

@@ -1,4 +1,4 @@
-<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<g id="logo-icon" clip-path="url(#clip0_356_4114)">
 		<path id="Back-white" d="M24.5 0.5H0.5V24.5H24.5V0.5Z" fill="#111111" />
 		<path

package/dist/ui/icons/FinsweetLogoOutlineIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<g clip-path="url(#clip0_5665_3736)">
 		<path
 			d="M12.7839 6.16037V4.88037H8.15991V12.0924H9.79591V9.30037H12.1599V8.06837H9.79591V6.16037H12.7839Z"

package/dist/ui/icons/FolderIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11" viewBox="0 0 10 11" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10 10" fill="none">
 	<path
 		d="M6.34481 3C6.25596 3.10625 6.14962 3.23125 6.01702 3.375C5.69394 3.725 5.26721 4.15 4.77519 4.47C4.44337 4.67813 4.07923 4.86687 3.59933 4.875H0.625V9.25H9.375V3H6.34481ZM3.96413 3.46875C4.19433 3.32001 4.40807 3.15043 4.60221 2.9625C4.72606 2.84563 4.84048 2.72688 4.9475 2.6125L4.07452 1.75H0.625V3.625H3.59731C3.60808 3.63125 3.76894 3.59375 3.96413 3.46875Z"
 		fill="currentColor"

package/dist/ui/icons/FolderOutlinedIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="2 3 12 10" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/FolderPlusIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 14" fill="none">
 	<path
 		d="M1.75 3.5C1.75 3.01675 2.14175 2.625 2.625 2.625H5.86872L7.61872 4.375H11.375C11.8582 4.375 12.25 4.76675 12.25 5.25V6.5625H11.375V5.25H7.25628L5.50628 3.5H2.625V10.5H7.4375V11.375H2.625C2.14175 11.375 1.75 10.9832 1.75 10.5V3.5Z"
 		fill="currentColor"

package/dist/ui/icons/FreeComponentIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="3 1 9 11" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/GlobeCheckedIcon.svelte

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 17 17" fill="none">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M8.8332 2.5C8.77585 2.50005 8.64177 2.53456 8.44755 2.781C8.25763 3.02199 8.06472 3.4017 7.89346 3.91547C7.58821 4.83124 7.38038 6.08547 7.34037 7.5H8.83334V8.5H7.34037C7.38038 9.91453 7.58821 11.1688 7.89346 12.0845C8.06472 12.5983 8.25763 12.978 8.44755 13.219C8.64192 13.4656 8.77606 13.5 8.83334 13.5V14.5C5.24348 14.5 2.33334 11.5899 2.33334 8C2.33334 4.41015 5.24348 1.5 8.83334 1.5C12.255 1.5 15.0591 4.14378 15.3144 7.5H14.3109C14.1048 5.21221 12.4977 3.32838 10.3541 2.71294C10.4921 2.9781 10.6145 3.27709 10.7219 3.59924C11.067 4.63454 11.2865 5.99982 11.3267 7.5H10.3263C10.2863 6.08547 10.0785 4.83124 9.77321 3.91547C9.60195 3.4017 9.40904 3.02199 9.21912 2.781C9.02475 2.53437 8.89048 2.5 8.8332 2.5ZM6.94478 3.59925C6.59968 4.63454 6.38014 5.99982 6.34 7.5H3.35576C3.56192 5.21221 5.16901 3.32838 7.3126 2.71294C7.17459 2.9781 7.05217 3.27709 6.94478 3.59925ZM6.34 8.5H3.35576C3.56192 10.7878 5.16901 12.6716 7.3126 13.2871C7.17459 13.0219 7.05217 12.7229 6.94478 12.4008C6.59968 11.3655 6.38014 10.0002 6.34 8.5Z"
+		fill="currentColor"
+	/>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M16.187 9.35353L12.1871 13.3541C12.0934 13.4479 11.9662 13.5006 11.8335 13.5006C11.7009 13.5006 11.5737 13.4479 11.48 13.3541L9.47982 11.3535L10.187 10.6465L11.8336 12.2934L15.4798 8.64648L16.187 9.35353Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/GlobeCheckedIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default GlobeCheckedIcon;
+type GlobeCheckedIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const GlobeCheckedIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, 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;
+}

package/dist/ui/icons/GlobeIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 12 12" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 12 12" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/GlobeWarningIcon.svelte

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 12 12" fill="none">
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M6.375 10.5V9.75C6.33204 9.75 6.23144 9.72423 6.08566 9.53925C5.94322 9.35851 5.79854 9.07373 5.6701 8.6884C5.44115 8.00157 5.28528 7.06089 5.25528 6H6.375V5.25H5.25528C5.28528 4.1891 5.44115 3.24843 5.6701 2.5616C5.79854 2.17627 5.94322 1.89149 6.08566 1.71075C6.23132 1.52592 6.33189 1.50004 6.3749 1.5C6.41786 1.5 6.51856 1.52577 6.66434 1.71075C6.80678 1.89149 6.95146 2.17627 7.0799 2.5616C7.30885 3.24843 7.46472 4.1891 7.49472 5.25H8.245C8.2149 4.12487 8.05024 3.10091 7.79142 2.32443C7.71088 2.08282 7.61906 1.85857 7.51555 1.65971C9.12324 2.12129 10.3286 3.53416 10.4832 5.25H11.2358C11.0443 2.73283 8.94121 0.75 6.375 0.75C3.68261 0.75 1.5 2.93261 1.5 5.625C1.5 8.31739 3.68261 10.5 6.375 10.5ZM4.95858 2.32443C4.69976 3.10091 4.5351 4.12487 4.505 5.25H2.26682C2.42144 3.53416 3.62676 2.12129 5.23445 1.65971C5.13094 1.85857 5.03912 2.08282 4.95858 2.32443ZM4.505 6H2.26682C2.42144 7.71584 3.62676 9.12871 5.23445 9.59029C5.13094 9.39143 5.03912 9.16718 4.95858 8.92557C4.69976 8.14909 4.5351 7.12514 4.505 6Z"
+		fill="currentColor"
+	/>
+	<path
+		d="M9.375 9.375C9.78921 9.375 10.125 9.71079 10.125 10.125C10.125 10.5392 9.78921 10.875 9.375 10.875C8.96079 10.875 8.625 10.5392 8.625 10.125C8.625 9.71079 8.96079 9.375 9.375 9.375ZM9.75 8.25H9V6H9.75V8.25Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/GlobeWarningIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default GlobeWarningIcon;
+type GlobeWarningIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const GlobeWarningIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, 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;
+}

package/dist/ui/icons/HandPointUpIcon.svelte

@@ -1,9 +1,9 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<g id="NoClassStates">
 		<path
 			id="icon"
 			d="M5.06584 10.5153V2.50949C5.07445 2.23869 5.18262 1.98201 5.36752 1.79365C5.55242 1.6053 5.79956 1.5 6.05678 1.5C6.314 1.5 6.56114 1.6053 6.74604 1.79365C6.93094 1.98201 7.03911 2.23869 7.04772 2.50949V5.64396H8.37563C8.74202 5.64396 9.03625 5.95507 9.03625 6.33986H10.3575C10.7239 6.33986 11.0203 6.65097 11.0203 7.03576H12.0118C12.5559 7.03576 13 7.50359 13 8.08019V10.2369C13.0008 10.8838 12.9149 11.5276 12.7446 12.1492L11.6765 15.5H5.72536C4.73387 14.1082 2.14355 10.0463 2.14355 10.0463C2.03652 9.88492 1.98677 9.68908 2.00301 9.493C2.01925 9.29693 2.10044 9.11312 2.23238 8.97375C2.3734 8.82437 2.56293 8.73684 2.76278 8.72881C2.96263 8.72078 3.15794 8.79284 3.30936 8.93048L5.06584 10.5153Z"
-			fill="#D9D9D9"
+			fill="currentColor"
 		/>
 	</g>
 </svg>

package/dist/ui/icons/HeartIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/HeartIconOutlined.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/HelpAltIcon.svelte

@@ -1,8 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 21 21" fill="none">
 	<path
 		opacity="0.4"
 		d="M10.9375 2.625C6.82988 2.625 3.5 5.95488 3.5 10.0625C3.5 14.1701 6.82988 17.5 10.9375 17.5C15.0451 17.5 18.375 14.1701 18.375 10.0625H17.5C17.5 13.6869 14.5619 16.625 10.9375 16.625C7.31313 16.625 4.375 13.6869 4.375 10.0625C4.375 6.43813 7.31313 3.5 10.9375 3.5V2.625Z"
-		fill="#BDBDBD"
+		fill="currentColor"
 	/>
 	<path
 		d="M13.125 2.62524H12.25V3.50024H13.125V4.37524H14V3.50024H14.875V2.62524H14V1.75024H13.125V2.62524Z"

package/dist/ui/icons/HelpIcon.svelte

@@ -1,16 +1,25 @@
-<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<rect x="0.375" y="2.375" width="11.25" height="11.25" rx="1.125" fill="#2B2B2B" />
+<svg width="100%" height="100%" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<rect
 		x="0.375"
 		y="2.375"
 		width="11.25"
 		height="11.25"
 		rx="1.125"
-		stroke="#212121"
+		fill="currentColor"
+		fill-opacity="0.2"
+	/>
+	<rect
+		x="0.375"
+		y="2.375"
+		width="11.25"
+		height="11.25"
+		rx="1.125"
+		stroke="currentColor"
+		stroke-opacity="0.2"
 		stroke-width="0.75"
 	/>
 	<path
 		d="M5.48864 9.36364V9.32955C5.49242 8.9678 5.5303 8.67992 5.60227 8.46591C5.67424 8.25189 5.77652 8.0786 5.90909 7.94602C6.04167 7.81345 6.20076 7.69129 6.38636 7.57955C6.49811 7.51136 6.59848 7.43087 6.6875 7.33807C6.77652 7.24337 6.84659 7.13447 6.89773 7.01136C6.95076 6.88826 6.97727 6.75189 6.97727 6.60227C6.97727 6.41667 6.93371 6.25568 6.84659 6.11932C6.75947 5.98295 6.64299 5.87784 6.49716 5.80398C6.35133 5.73011 6.18939 5.69318 6.01136 5.69318C5.85606 5.69318 5.70644 5.72538 5.5625 5.78977C5.41856 5.85417 5.2983 5.95549 5.2017 6.09375C5.10511 6.23201 5.04924 6.41288 5.03409 6.63636H4.31818C4.33333 6.31439 4.41667 6.03883 4.56818 5.80966C4.72159 5.58049 4.9233 5.4053 5.1733 5.28409C5.42519 5.16288 5.70455 5.10227 6.01136 5.10227C6.3447 5.10227 6.63447 5.16856 6.88068 5.30114C7.12879 5.43371 7.32008 5.61553 7.45455 5.84659C7.59091 6.07765 7.65909 6.34091 7.65909 6.63636C7.65909 6.8447 7.62689 7.03314 7.5625 7.2017C7.5 7.37027 7.40909 7.52083 7.28977 7.65341C7.17235 7.78598 7.0303 7.90341 6.86364 8.00568C6.69697 8.10985 6.56345 8.2197 6.46307 8.33523C6.36269 8.44886 6.28977 8.58428 6.24432 8.74148C6.19886 8.89867 6.17424 9.0947 6.17045 9.32955V9.36364H5.48864ZM5.85227 11.0455C5.71212 11.0455 5.59186 10.9953 5.49148 10.8949C5.3911 10.7945 5.34091 10.6742 5.34091 10.5341C5.34091 10.3939 5.3911 10.2737 5.49148 10.1733C5.59186 10.0729 5.71212 10.0227 5.85227 10.0227C5.99242 10.0227 6.11269 10.0729 6.21307 10.1733C6.31345 10.2737 6.36364 10.3939 6.36364 10.5341C6.36364 10.6269 6.33996 10.7121 6.29261 10.7898C6.24716 10.8674 6.18561 10.9299 6.10795 10.9773C6.0322 11.0227 5.94697 11.0455 5.85227 11.0455Z"
-		fill="#ABABAB"
+		fill="currentColor"
 	/>
 </svg>

package/dist/ui/icons/HomeIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 14 12" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/Icons.stories.js

@@ -0,0 +1,55 @@
+import IconsShowcase from './IconsShowcase.svelte';
+const meta = {
+    title: 'Ui/Icons',
+    component: IconsShowcase,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: 'A comprehensive showcase of all available icons. Use the controls to adjust size and color. Icons use `width="100%"` and `height="100%"` with proper viewBox, so they scale to fill their container.'
+            }
+        }
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        size: {
+            control: { type: 'range', min: 8, max: 128, step: 1 },
+            description: 'Icon size in pixels'
+        },
+        color: {
+            control: 'color',
+            description: 'Icon color (uses currentColor by default)'
+        }
+    }
+};
+export default meta;
+export const Default = {
+    args: {
+        size: 24,
+        color: '#ffffff'
+    }
+};
+export const Small = {
+    args: {
+        size: 16,
+        color: '#ffffff'
+    }
+};
+export const Large = {
+    args: {
+        size: 48,
+        color: '#ffffff'
+    }
+};
+export const Colored = {
+    args: {
+        size: 24,
+        color: '#6366f1'
+    }
+};
+export const ExtraLarge = {
+    args: {
+        size: 64,
+        color: '#22c55e'
+    }
+};

package/dist/ui/icons/IconsShowcase.svelte

@@ -0,0 +1,142 @@
+<script lang="ts">
+	import * as Icons from './index.js';
+
+	export let size: number = 24;
+	export let color: string = 'currentColor';
+
+	let search: string = '';
+
+	// Filter out app icons (they're exported from apps/index.ts via re-export)
+	const allIconEntries = Object.entries(Icons).filter(([name, component]) => {
+		// Skip non-component exports and app-specific icons
+		return (
+			typeof component === 'function' &&
+			!name.includes('App') &&
+			!['CookieIcon', 'SliderAppIcon', 'TableAppIcon', 'TabsIcon'].includes(name)
+		);
+	});
+
+	$: iconEntries = search
+		? allIconEntries.filter(([name]) => name.toLowerCase().includes(search.toLowerCase()))
+		: allIconEntries;
+
+	$: matchCount = iconEntries.length;
+</script>
+
+<div class="controls">
+	<label>
+		Search:
+		<input type="text" bind:value={search} placeholder="Filter icons..." class="search-input" />
+	</label>
+	<label>
+		Size (px):
+		<input type="number" bind:value={size} min="8" max="128" step="1" />
+	</label>
+	<label>
+		Color:
+		<input type="color" bind:value={color} />
+		<input type="text" bind:value={color} style="width: 80px" />
+	</label>
+	<span class="count">{matchCount} icons</span>
+</div>
+
+<div class="icons-grid" style="color: {color}">
+	{#each iconEntries as [name, IconComponent] (name)}
+		<div class="icon-item">
+			<div class="icon-wrapper" style="width: {size}px; height: {size}px;">
+				<svelte:component this={IconComponent} />
+			</div>
+			<span class="icon-name">{name}</span>
+		</div>
+	{/each}
+</div>
+
+<style>
+	.controls {
+		display: flex;
+		gap: 24px;
+		margin-bottom: 24px;
+		padding: 16px;
+		background: #1a1a1a;
+		border-radius: 8px;
+		align-items: center;
+	}
+
+	.controls label {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		color: #fff;
+		font-size: 14px;
+	}
+
+	.controls input[type='number'] {
+		width: 60px;
+		padding: 4px 8px;
+		border: 1px solid #444;
+		border-radius: 4px;
+		background: #2a2a2a;
+		color: #fff;
+	}
+
+	.controls input[type='color'] {
+		width: 32px;
+		height: 32px;
+		padding: 0;
+		border: none;
+		border-radius: 4px;
+		cursor: pointer;
+	}
+
+	.controls input[type='text'] {
+		padding: 4px 8px;
+		border: 1px solid #444;
+		border-radius: 4px;
+		background: #2a2a2a;
+		color: #fff;
+	}
+
+	.controls .search-input {
+		width: 180px;
+	}
+
+	.controls .count {
+		margin-left: auto;
+		color: #888;
+		font-size: 13px;
+	}
+
+	.icons-grid {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16px;
+		padding: 16px;
+		background: #1a1a1a;
+		border-radius: 8px;
+	}
+
+	.icon-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 8px;
+		padding: 12px;
+		background: #2a2a2a;
+		border-radius: 6px;
+		min-width: 80px;
+	}
+
+	.icon-wrapper {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.icon-name {
+		font-size: 10px;
+		color: #888;
+		text-align: center;
+		word-break: break-word;
+		max-width: 100px;
+	}
+</style>

package/dist/ui/icons/IconsShowcase.svelte.d.ts

@@ -0,0 +1,21 @@
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const IconsShowcase: $$__sveltets_2_IsomorphicComponent<{
+    size?: number;
+    color?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type IconsShowcase = InstanceType<typeof IconsShowcase>;
+export default IconsShowcase;

package/dist/ui/icons/InfoIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="2 1 13 13" fill="none">
 	<path
 		opacity="0.4"
 		fill-rule="evenodd"

package/dist/ui/icons/LineChartIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"

package/dist/ui/icons/ListIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<g opacity="0.7">
 		<path
 			fill-rule="evenodd"

package/dist/ui/icons/LockIcon.svelte

@@ -1,8 +1,8 @@
 <svg
 	xmlns="http://www.w3.org/2000/svg"
-	width="24"
-	height="24"
-	viewBox="0 0 24 24"
+	width="100%"
+	height="100%"
+	viewBox="2 6 20 17"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"

package/dist/ui/icons/LogoutIcon.svelte

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 13 11" fill="none">
+	<path
+		d="M5 1L1 1L1 10H5V11H1C0.447715 11 0 10.5523 0 10L0 1C0 0.447715 0.447715 0 1 0L5 0V1Z"
+		fill="currentColor"
+	/>
+	<path
+		d="M8.14645 8.14645L10.2929 6L3.5 6V5L10.2929 5L8.14645 2.85355L8.85355 2.14645L12.2071 5.5L8.85355 8.85355L8.14645 8.14645Z"
+		fill="currentColor"
+	/>
+</svg>

package/dist/ui/icons/LogoutIcon.svelte.d.ts

@@ -0,0 +1,26 @@
+export default LogoutIcon;
+type LogoutIcon = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const LogoutIcon: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, 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;
+}

package/dist/ui/icons/MessageIcon.svelte

@@ -1,4 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="-2 -2 18 18" fill="none">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="-2 -2 18 18"
+	fill="none"
+>
 	<path d="M3.9375 6.125H10.0625V5.25H3.9375V6.125Z" fill="currentColor" />
 	<path d="M3.9375 8.75H7V7.875H3.9375V8.75Z" fill="currentColor" />
 	<path

package/dist/ui/icons/MobileLandscape.svelte

@@ -1,15 +1,4 @@
-<script lang="ts">
-	export let width = 16;
-	export let height = 16;
-</script>
-
-<svg
-	width={`${width}`}
-	height={`${height}`}
-	viewBox="0 0 16 16"
-	fill="none"
-	xmlns="http://www.w3.org/2000/svg"
->
+<svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path d="M11.9286 8.84515V6.488H11.1429V8.84515H11.9286Z" fill="currentColor" />
 	<path
 		fill-rule="evenodd"

package/dist/ui/icons/MobileLandscape.svelte.d.ts

@@ -1,8 +1,21 @@
+export default MobileLandscape;
+type MobileLandscape = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const MobileLandscape: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, 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> & {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: Props & {
+    (internal: unknown, props: {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,11 +24,3 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const MobileLandscape: $$__sveltets_2_IsomorphicComponent<{
-    width?: number;
-    height?: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MobileLandscape = InstanceType<typeof MobileLandscape>;
-export default MobileLandscape;

package/dist/ui/icons/MobilePortrait.svelte

@@ -1,15 +1,4 @@
-<script lang="ts">
-	export let width = 16;
-	export let height = 16;
-</script>
-
-<svg
-	width={`${width}`}
-	height={`${height}`}
-	viewBox="0 0 16 16"
-	fill="none"
-	xmlns="http://www.w3.org/2000/svg"
->
+<svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<path d="M7.16671 11.8889H9.50004V11.1111H7.16671V11.8889Z" fill="currentColor" />
 	<path
 		fill-rule="evenodd"

package/dist/ui/icons/MobilePortrait.svelte.d.ts

@@ -1,8 +1,21 @@
+export default MobilePortrait;
+type MobilePortrait = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const MobilePortrait: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, 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> & {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: Props & {
+    (internal: unknown, props: {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,11 +24,3 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const MobilePortrait: $$__sveltets_2_IsomorphicComponent<{
-    width?: number;
-    height?: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MobilePortrait = InstanceType<typeof MobilePortrait>;
-export default MobilePortrait;

package/dist/ui/icons/NavigatorIcon.svelte

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
 	<path d="M1.33333 5.16667L11.3333 5.16667V4.5L1.33333 4.5V5.16667Z" fill="currentColor" />
 	<path d="M14.6667 8.5L4.66666 8.5V7.83333L14.6667 7.83333V8.5Z" fill="currentColor" />
 	<path