mountain-ui 1.0.80 → 1.0.82

package/index.js

@@ -1,4 +1,43 @@
 export { init as initMountainUi } from "hamzus-ui";
+
+// ============================================
+// User State
+// ============================================
+
+export { userState, createUserState, loadSession, logout } from './src/lib/components/User/user.js';
+export { default as UserDropdown } from './src/lib/components/User/UserDropdown.svelte';
+
+// ============================================
+// Project Registry
+// ============================================
+
+export { projectRegistry } from './src/lib/registry/projectRegistry/registry.svelte.js';
+export { createProject } from './src/lib/registry/projectRegistry/createProject.js';
+export { registerProjects } from './src/lib/registry/projectRegistry/registerProjects.js';
+
+// Project Registry component
+export { default as ProjectButton } from './src/lib/registry/projectRegistry/components/ProjectButton.svelte';
+export { default as ProjectCard } from './src/lib/registry/projectRegistry/components/ProjectCard.svelte';
+export { default as ProjectDropdown } from './src/lib/registry/projectRegistry/components/ProjectDropdown.svelte';
+export { default as TargetProjectSubscriptionCard } from './src/lib/registry/projectRegistry/components/TargetProjectSubscriptionCard.svelte';
+
+// ============================================
+// Navigation Registry
+// ============================================
+
+export { navigationRegistry } from './src/lib/registry/navigationRegistry/registry.svelte.js';
+export { createNavigation } from './src/lib/registry/navigationRegistry/createNavigation.js';
+export { registerNavigation } from './src/lib/registry/navigationRegistry/registerNavigation.js';
+
+// Project Registry component
+export { default as Navbar } from './src/lib/registry/navigationRegistry/components/Navbar.svelte';
+export { default as NavbarBtn } from './src/lib/registry/navigationRegistry/components/NavbarBtn.svelte';
+export { default as NavbarGroup } from './src/lib/registry/navigationRegistry/components/NavbarGroup.svelte';
+export { default as NavigationGroupRow } from './src/lib/registry/navigationRegistry/components/NavigationGroupRow.svelte';
+export { default as NavigationRow } from './src/lib/registry/navigationRegistry/components/NavigationRow.svelte';
+export { default as NewNavbarGroupDialog } from './src/lib/registry/navigationRegistry/components/NewNavbarGroupDialog.svelte';
+
+
 // ============================================
 // Field Type Registry
 // ============================================
@@ -28,6 +67,7 @@ export { default as EntityButton } from './src/lib/registry/entityRegistry/compo
 export { default as EntityCard } from './src/lib/registry/entityRegistry/components/EntityCard.svelte';
 export { default as EntityForm } from './src/lib/registry/entityRegistry/components/EntityForm.svelte';
 export { default as EntityPage } from './src/lib/registry/entityRegistry/components/EntityPage.svelte';
+export { default as EntityFieldContainer } from './src/lib/registry/entityRegistry/components/EntityFieldContainer.svelte';
 export { default as EntryForm } from './src/lib/registry/entityRegistry/components/EntryForm.svelte';
 export { default as EntryPage } from './src/lib/registry/entityRegistry/components/EntryPage.svelte';
 export { default as FieldButton } from './src/lib/registry/entityRegistry/components/FieldButton.svelte';
@@ -44,7 +84,7 @@ export { default as LinkIcon } from './src/lib/registry/entityRegistry/component
 
 
 // ============================================
-// View Registry
+// View Type Registry
 // ============================================
 
 export { viewEntriesTypeRegistry } from './src/lib/registry/viewEntriesTypeRegistry/registry.svelte.js';
@@ -53,6 +93,21 @@ export { registerDefaultViewEntriesTypes } from './src/lib/registry/viewEntriesT
 
 export { default as ViewEntriesTypeButton } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeButton.svelte';
 export { default as ViewEntriesTypeComponent } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeComponent.svelte';
+export { default as ViewEntriesTypeIcon } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeIcon.svelte';
+export { default as ViewEntriesTypeDropdown } from './src/lib/registry/viewEntriesTypeRegistry/components/ViewEntriesTypeDropdown.svelte';
+
+// ============================================
+// View Profil Registry
+// ============================================
+
+export { viewEntriesProfilRegistry } from './src/lib/registry/viewEntriesProfilRegistry/registry.svelte.js';
+export { createViewEntriesProfil } from './src/lib/registry/viewEntriesProfilRegistry/createViewEntriesProfil.js';
+export { registerDefaultViewEntriesProfils } from './src/lib/registry/viewEntriesProfilRegistry/registerDefaultViewEntriesTypes.js';
+
+export { default as CreateViewEntriesProfilDialog } from './src/lib/registry/viewEntriesProfilRegistry/components/CreateViewEntriesProfilDialog.svelte';
+export { default as ViewEntriesProfilButton } from './src/lib/registry/viewEntriesProfilRegistry/components/ViewEntriesProfilButton.svelte';
+export { default as ViewEntriesProfilComponent } from './src/lib/registry/viewEntriesProfilRegistry/components/ViewEntriesProfilComponent.svelte';
+export { default as ViewEntriesProfilDropdown } from './src/lib/registry/viewEntriesProfilRegistry/components/ViewEntriesProfilDropdown.svelte';
 
 // ============================================
 // EntryActionType Registry

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "mountain-ui",
 	"private": false,
-	"version": "1.0.80",
+	"version": "1.0.82",
 	"description": "A comprehensive UI component library for ERP systems with field types, entities, and registry management built with Svelte",
 	"type": "module",
 	"module": "index.js",

package/src/lib/components/Colors/ColorSelector.svelte

@@ -0,0 +1,54 @@
+<script>
+	import { DropdownMenu, IconButton } from 'hamzus-ui';
+
+	let { value = 'var(--accent)', onChange = (val) => {} } = $props();
+
+	const colors = [
+		'var(--green)',
+		'var(--red)',
+		'var(--blue)',
+		'var(--orange)',
+		'var(--mauve)',
+		'var(--yellow)',
+		'var(--violet)',
+		'var(--font-1)',
+		'var(--font-2)',
+		'var(--font-3)'
+	];
+
+    function handleClick(color) {
+        value = color
+
+        onChange(value)
+    }
+</script>
+
+<DropdownMenu.Root direction="bottom">
+	<DropdownMenu.Trigger slot="trigger">
+		<IconButton variant="secondary">
+			<span class="color" style="--color:{value};"></span>
+		</IconButton>
+	</DropdownMenu.Trigger>
+	<DropdownMenu.Content slot="content" width="250px">
+        <div class="colors">
+            {#each colors as color}
+                <IconButton onClick={()=>{handleClick(color)}} variant={color === value ? "secondary" : "ghost"}>
+                    <span class="color" style="--color:{color};"></span>
+                </IconButton>
+            {/each}
+        </div>
+	</DropdownMenu.Content>
+</DropdownMenu.Root>
+
+<style>
+    .colors {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+    }
+	.color {
+		width: 20px;
+		height: 20px;
+		border-radius: 60px;
+		background-color: var(--color);
+	}
+</style>

package/src/lib/components/Icons/Icon.svelte

@@ -0,0 +1,24 @@
+<script>
+	import { onMount } from 'svelte';
+	import icons from './icons/icons.json';
+	import { Button, DropdownMenu, IconButton, Tabs } from 'hamzus-ui';
+
+	let { value = '' } = $props();
+
+	const svgs = import.meta.glob('./icons/**/*.svg', {
+		query: '?raw',
+		import: 'default'
+	});
+
+	async function loadSvg(theme, name) {
+		[theme, name] = value.split('|');
+
+		return await svgs[`./icons/${theme}/${name}.svg`]();
+	}
+</script>
+
+{#await loadSvg(value) then svg}
+	{#if value}
+		{@html svg}
+	{/if}
+{/await}

package/src/lib/components/Icons/IconSelector.svelte

@@ -0,0 +1,90 @@
+<script>
+	import { onMount } from 'svelte';
+	import icons from './icons/icons.json';
+	import { Button, DropdownMenu, IconButton, Tabs } from 'hamzus-ui';
+
+    let {onClick= (value)=>{}} = $props() 
+
+	let activeMenu = $state(icons[0].name);
+
+	const svgs = import.meta.glob('./icons/**/*.svg', {
+		query: '?raw',
+		import: 'default'
+	});
+	async function loadSvg(theme, name) {
+		return await svgs[`./icons/${theme}/${name}.svg`]();
+	}
+
+    function handleClick(cat, child) {
+        onClick(cat + "|" + child)
+    }
+</script>
+
+<DropdownMenu.Root direction="bottom">
+	<DropdownMenu.Trigger slot="trigger">
+		<slot/>
+	</DropdownMenu.Trigger>
+	<DropdownMenu.Content slot="content" width="500px">
+		<div class="content">
+			<div class="categories-container">
+				<div class="categories">
+					{#each icons as iconTheme}
+						<Button
+                            variant={activeMenu === iconTheme.name ? "secondary" : "ghost"}
+							onClick={() => {
+								activeMenu = iconTheme.name;
+							}}
+						>
+							<h6>
+								{iconTheme.name}
+							</h6>
+						</Button>
+					{/each}
+				</div>
+			</div>
+            <div class="icons-container">
+                <div class="icons">
+				{#if activeMenu}
+					{@const iconTheme = icons.find((iconTheme) => iconTheme.name === activeMenu)}
+					{#each iconTheme.children as child}
+						{#await loadSvg(activeMenu, child) then svg}
+							<IconButton variant="ghost" onClick={()=>{handleClick(activeMenu, child)}}>
+								{@html svg}
+							</IconButton>
+						{/await}
+					{/each}
+				{/if}
+			</div>
+            </div>
+			
+		</div>
+	</DropdownMenu.Content>
+</DropdownMenu.Root>
+
+<style>
+	.content {
+		width: 100%;
+        height: 100%;
+        overflow: hidden;
+		display: flex;
+	}
+
+	.categories-container {
+        overflow: auto;
+        height: 1fr;
+		width: 150px;
+        border-right: 1px solid var(--stroke);
+	}
+
+
+	.icons-container {
+		width: 100%;
+		height: 1fr;
+        overflow: auto;
+	}
+    .icons {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--pad-s);
+    }
+</style>

package/src/lib/components/Icons/icons/Archive/archive-add.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.8203 2H7.18031C5.05031 2 3.32031 3.74 3.32031 5.86V19.95C3.32031 21.75 4.61031 22.51 6.19031 21.64L11.0703 18.93C11.5903 18.64 12.4303 18.64 12.9403 18.93L17.8203 21.64C19.4003 22.52 20.6903 21.76 20.6903 19.95V5.86C20.6803 3.74 18.9503 2 16.8203 2Z" fill="#292D32"/>
+<path d="M14.5 9.89996H12.75V8.20996C12.75 7.79996 12.41 7.45996 12 7.45996C11.59 7.45996 11.25 7.79996 11.25 8.20996V9.89996H9.5C9.09 9.89996 8.75 10.24 8.75 10.65C8.75 11.06 9.09 11.4 9.5 11.4H11.25V13.21C11.25 13.62 11.59 13.96 12 13.96C12.41 13.96 12.75 13.62 12.75 13.21V11.4H14.5C14.91 11.4 15.25 11.06 15.25 10.65C15.25 10.24 14.91 9.89996 14.5 9.89996Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/archive-minus.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.8203 2H7.18031C5.05031 2 3.32031 3.74 3.32031 5.86V19.95C3.32031 21.75 4.61031 22.51 6.19031 21.64L11.0703 18.93C11.5903 18.64 12.4303 18.64 12.9403 18.93L17.8203 21.64C19.4003 22.52 20.6903 21.76 20.6903 19.95V5.86C20.6803 3.74 18.9503 2 16.8203 2Z" fill="#292D32"/>
+<path d="M14.5 11.3999H9.5C9.09 11.3999 8.75 11.0599 8.75 10.6499C8.75 10.2399 9.09 9.8999 9.5 9.8999H14.5C14.91 9.8999 15.25 10.2399 15.25 10.6499C15.25 11.0599 14.91 11.3999 14.5 11.3999Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/archive-slash.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M20.68 6.31982V19.9498C20.68 21.7498 19.39 22.5098 17.82 21.6398L12.94 18.9198C12.42 18.6398 11.58 18.6398 11.06 18.9198L6.18 21.6398C5.76 21.8698 5.36 21.9898 5 21.9998L20.68 6.31982Z" fill="#292D32"/>
+<path d="M20.1203 3.88L3.39031 20.61C3.34031 20.41 3.32031 20.19 3.32031 19.95V5.86C3.32031 3.74 5.05031 2 7.18031 2H16.8203C18.2203 2 19.4503 2.75 20.1203 3.88Z" fill="#292D32"/>
+<path d="M21.7709 2.22988C21.4709 1.92988 20.9809 1.92988 20.6809 2.22988L2.23086 20.6899C1.93086 20.9899 1.93086 21.4799 2.23086 21.7799C2.38086 21.9199 2.57086 21.9999 2.77086 21.9999C2.97086 21.9999 3.16086 21.9199 3.31086 21.7699L21.7709 3.30988C22.0809 3.00988 22.0809 2.52988 21.7709 2.22988Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/archive-tick.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.8203 1.91016H7.18031C5.06031 1.91016 3.32031 3.65016 3.32031 5.77016V19.8602C3.32031 21.6602 4.61031 22.4202 6.19031 21.5502L11.0703 18.8402C11.5903 18.5502 12.4303 18.5502 12.9403 18.8402L17.8203 21.5502C19.4003 22.4302 20.6903 21.6702 20.6903 19.8602V5.77016C20.6803 3.65016 18.9503 1.91016 16.8203 1.91016Z" fill="#292D32"/>
+<path d="M11.0893 13.2499C10.8993 13.2499 10.7093 13.1799 10.5593 13.0299L9.0593 11.5299C8.7693 11.2399 8.7693 10.7599 9.0593 10.4699C9.3493 10.1799 9.8293 10.1799 10.1193 10.4699L11.0893 11.4399L14.5593 7.96994C14.8493 7.67994 15.3293 7.67994 15.6193 7.96994C15.9093 8.25994 15.9093 8.73994 15.6193 9.02994L11.6193 13.0299C11.4693 13.1799 11.2793 13.2499 11.0893 13.2499Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/archive.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.8203 2H7.18031C5.05031 2 3.32031 3.74 3.32031 5.86V19.95C3.32031 21.75 4.61031 22.51 6.19031 21.64L11.0703 18.93C11.5903 18.64 12.4303 18.64 12.9403 18.93L17.8203 21.64C19.4003 22.52 20.6903 21.76 20.6903 19.95V5.86C20.6803 3.74 18.9503 2 16.8203 2Z" fill="#292D32"/>
+<path d="M12.0007 10.2801C10.9807 10.2801 9.96074 10.1001 8.99074 9.75005C8.60074 9.61005 8.40074 9.18005 8.54074 8.79005C8.69074 8.40005 9.12074 8.20005 9.51074 8.34005C11.1207 8.92005 12.8907 8.92005 14.5007 8.34005C14.8907 8.20005 15.3207 8.40005 15.4607 8.79005C15.6007 9.18005 15.4007 9.61005 15.0107 9.75005C14.0407 10.1001 13.0207 10.2801 12.0007 10.2801Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/book-saved.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 5.30019V21.3302C12.17 21.3302 12.35 21.3002 12.49 21.2202L12.53 21.2002C14.45 20.1502 17.8 19.0502 19.97 18.7602L20.26 18.7202C21.22 18.6002 22 17.7002 22 16.7402V4.66018C22 3.47018 21.03 2.57019 19.84 2.67019C17.74 2.84019 14.56 3.90022 12.78 5.01022L12.53 5.16018C12.38 5.25018 12.19 5.30019 12 5.30019Z" fill="#292D32"/>
+<path d="M2 4.67002V16.74C2 17.7 2.77999 18.6 3.73999 18.72L4.07001 18.76C6.25001 19.05 9.61003 20.16 11.53 21.22C11.66 21.3 11.82 21.3301 12 21.3301V5.30002C11.81 5.30002 11.62 5.25001 11.47 5.16001L11.3 5.05002C9.51999 3.93002 6.32998 2.86003 4.22998 2.68003H4.16998C2.97998 2.58003 2 3.47002 2 4.67002Z" fill="#292D32"/>
+<path d="M19 2.78027V7.07025C19 7.47025 18.56 7.71023 18.22 7.49023L17 6.68024L15.78 7.49023C15.45 7.71023 15 7.47025 15 7.07025V3.92023C16.31 3.40023 17.77 2.98027 19 2.78027Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/book-square.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.1898 2H7.81976C4.17976 2 2.00977 4.17 2.00977 7.81V16.18C2.00977 19.82 4.17976 21.99 7.81976 21.99H16.1898C19.8298 21.99 21.9998 19.82 21.9998 16.18V7.81C21.9998 4.17 19.8298 2 16.1898 2Z" fill="#292D32"/>
+<path d="M11.4991 8.09V17.25C11.4991 17.61 11.1391 17.85 10.8091 17.71C9.59914 17.19 8.01913 16.71 6.91913 16.57L6.72913 16.55C6.11913 16.47 5.61914 15.9 5.61914 15.28V7.57999C5.61914 6.81999 6.23915 6.25 6.99915 6.31C8.24915 6.41 10.0992 7.01001 11.2592 7.67001C11.4092 7.74001 11.4991 7.91 11.4991 8.09Z" fill="#292D32"/>
+<path d="M18.38 7.69983V15.2698C18.38 15.8898 17.88 16.4598 17.27 16.5398L17.06 16.5598C15.97 16.7098 14.4 17.1798 13.19 17.6898C12.86 17.8298 12.5 17.5898 12.5 17.2298V8.0798C12.5 7.8998 12.59 7.72983 12.75 7.63983C13.91 6.98983 15.72 6.4098 16.95 6.2998H16.99C17.76 6.3098 18.38 6.92983 18.38 7.69983Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/receipt-square.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.90024 16.5299C9.38024 16.0099 10.1203 16.0499 10.5403 16.6199L11.1403 17.4199C11.6103 18.0499 12.3902 18.0499 12.8602 17.4199L13.4503 16.6299C13.8703 16.0699 14.6102 16.0299 15.0902 16.5399C16.1402 17.6599 16.9902 17.2899 16.9902 15.7199V9.08988C16.9902 6.71988 16.4302 6.12988 14.2102 6.12988H9.77023C7.55023 6.12988 6.99023 6.71988 6.99023 9.08988V15.7199C7.00023 17.2699 7.86024 17.6399 8.90024 16.5299Z" fill="#292D32"/>
+<path opacity="0.4" d="M16.1898 2H7.81976C4.17976 2 2.00977 4.17 2.00977 7.81V16.18C2.00977 19.82 4.17976 21.99 7.81976 21.99H16.1898C19.8298 21.99 21.9998 19.82 21.9998 16.18V7.81C21.9998 4.17 19.8298 2 16.1898 2Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/save-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12.89 5.87988H5.10999C3.39999 5.87988 2 7.27987 2 8.98987V20.3499C2 21.7999 3.04 22.4199 4.31 21.7099L8.23999 19.5199C8.65999 19.2899 9.34 19.2899 9.75 19.5199L13.68 21.7099C14.95 22.4199 15.99 21.7999 15.99 20.3499V8.98987C16 7.27987 14.6 5.87988 12.89 5.87988Z" fill="#292D32"/>
+<path d="M22 5.10999V16.47C22 17.92 20.96 18.53 19.69 17.83L16 15.77V8.98999C16 7.27999 14.6 5.88 12.89 5.88H8V5.10999C8 3.39999 9.39999 2 11.11 2H18.89C20.6 2 22 3.39999 22 5.10999Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/save-add.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16 8.98987V20.3499C16 21.7999 14.96 22.4099 13.69 21.7099L9.76001 19.5199C9.34001 19.2899 8.65999 19.2899 8.23999 19.5199L4.31 21.7099C3.04 22.4099 2 21.7999 2 20.3499V8.98987C2 7.27987 3.39999 5.87988 5.10999 5.87988H12.89C14.6 5.87988 16 7.27987 16 8.98987Z" fill="#292D32"/>
+<path d="M22 5.10999V16.47C22 17.92 20.96 18.53 19.69 17.83L16 15.77V8.98999C16 7.27999 14.6 5.88 12.89 5.88H8V5.10999C8 3.39999 9.39999 2 11.11 2H18.89C20.6 2 22 3.39999 22 5.10999Z" fill="#292D32"/>
+<path d="M11 11.25H9.75V10C9.75 9.59 9.41 9.25 9 9.25C8.59 9.25 8.25 9.59 8.25 10V11.25H7C6.59 11.25 6.25 11.59 6.25 12C6.25 12.41 6.59 12.75 7 12.75H8.25V14C8.25 14.41 8.59 14.75 9 14.75C9.41 14.75 9.75 14.41 9.75 14V12.75H11C11.41 12.75 11.75 12.41 11.75 12C11.75 11.59 11.41 11.25 11 11.25Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/save-minus.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16 8.98987V20.3499C16 21.7999 14.96 22.4099 13.69 21.7099L9.76001 19.5199C9.34001 19.2899 8.65999 19.2899 8.23999 19.5199L4.31 21.7099C3.04 22.4099 2 21.7999 2 20.3499V8.98987C2 7.27987 3.39999 5.87988 5.10999 5.87988H12.89C14.6 5.87988 16 7.27987 16 8.98987Z" fill="#292D32"/>
+<path d="M22 5.10999V16.47C22 17.92 20.96 18.53 19.69 17.83L16 15.77V8.98999C16 7.27999 14.6 5.88 12.89 5.88H8V5.10999C8 3.39999 9.39999 2 11.11 2H18.89C20.6 2 22 3.39999 22 5.10999Z" fill="#292D32"/>
+<path d="M11 12.75H7C6.59 12.75 6.25 12.41 6.25 12C6.25 11.59 6.59 11.25 7 11.25H11C11.41 11.25 11.75 11.59 11.75 12C11.75 12.41 11.41 12.75 11 12.75Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Archive/save-remove.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16 8.98987V20.3499C16 21.7999 14.96 22.4099 13.69 21.7099L9.76 19.5199C9.34 19.2899 8.66 19.2899 8.24 19.5199L4.31 21.7099C3.04 22.4099 2 21.7999 2 20.3499V8.98987C2 7.27987 3.4 5.87988 5.11 5.87988H12.89C14.6 5.87988 16 7.27987 16 8.98987Z" fill="#292D32"/>
+<path d="M10.0593 11.9998L10.9393 11.1198C11.2293 10.8298 11.2293 10.3498 10.9393 10.0598C10.6493 9.76979 10.1693 9.76979 9.8793 10.0598L8.9993 10.9398L8.1193 10.0598C7.8293 9.76979 7.3493 9.76979 7.0593 10.0598C6.7693 10.3498 6.7693 10.8298 7.0593 11.1198L7.9393 11.9998L7.0593 12.8798C6.7693 13.1698 6.7693 13.6498 7.0593 13.9398C7.2093 14.0898 7.3993 14.1598 7.5893 14.1598C7.7793 14.1598 7.9693 14.0898 8.1193 13.9398L8.9993 13.0598L9.8793 13.9398C10.0293 14.0898 10.2193 14.1598 10.4093 14.1598C10.5993 14.1598 10.7893 14.0898 10.9393 13.9398C11.2293 13.6498 11.2293 13.1698 10.9393 12.8798L10.0593 11.9998Z" fill="#292D32"/>
+<path d="M22 5.10999V16.47C22 17.92 20.96 18.53 19.69 17.83L16 15.77V8.98999C16 7.27999 14.6 5.88 12.89 5.88H8V5.10999C8 3.39999 9.4 2 11.11 2H18.89C20.6 2 22 3.39999 22 5.10999Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrange-circle-2.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M17.8499 13.5301C17.7699 13.3501 17.6298 13.2001 17.4398 13.1201C17.3498 13.0801 17.2498 13.0601 17.1498 13.0601H6.83984C6.42984 13.0601 6.08984 13.4001 6.08984 13.8101C6.08984 14.2201 6.42984 14.5601 6.83984 14.5601H15.3398L13.5798 16.3201C13.2898 16.6101 13.2898 17.0901 13.5798 17.3801C13.7298 17.5301 13.9198 17.6001 14.1098 17.6001C14.2998 17.6001 14.4899 17.5301 14.6399 17.3801L17.6798 14.3401C17.7498 14.2701 17.7998 14.1901 17.8398 14.1001C17.9198 13.9201 17.9199 13.7101 17.8499 13.5301Z" fill="#292D32"/>
+<path d="M17.1498 9.43009H8.64984L10.4099 7.67011C10.6999 7.38011 10.6999 6.90008 10.4099 6.61008C10.1199 6.32008 9.63986 6.32008 9.34986 6.61008L6.30985 9.65009C6.23985 9.72009 6.18984 9.80011 6.14984 9.89011C6.06984 10.0701 6.06984 10.2801 6.14984 10.4601C6.22984 10.6401 6.36985 10.7901 6.55985 10.8701C6.64985 10.9101 6.74986 10.9301 6.84986 10.9301H17.1599C17.5699 10.9301 17.9099 10.5901 17.9099 10.1801C17.9099 9.77009 17.5698 9.43009 17.1498 9.43009Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrange-circle.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M17.3903 9.25998L14.3503 6.22C14.2803 6.15 14.2003 6.1 14.1103 6.06C13.9303 5.98 13.7203 5.98 13.5403 6.06C13.3603 6.14 13.2103 6.28 13.1303 6.47C13.0903 6.56 13.0703 6.65998 13.0703 6.75998V17.07C13.0703 17.48 13.4103 17.82 13.8203 17.82C14.2303 17.82 14.5703 17.48 14.5703 17.07V8.57001L16.3303 10.33C16.4803 10.48 16.6703 10.55 16.8603 10.55C17.0503 10.55 17.2403 10.48 17.3903 10.33C17.6803 10.02 17.6803 9.54998 17.3903 9.25998Z" fill="#292D32"/>
+<path d="M10.9301 6.75C10.9301 6.34 10.5901 6 10.1801 6C9.77009 6 9.43009 6.34 9.43009 6.75V15.25L7.67011 13.49C7.38011 13.2 6.90008 13.2 6.61008 13.49C6.32008 13.78 6.32008 14.26 6.61008 14.55L9.65009 17.59C9.72009 17.66 9.80011 17.71 9.89011 17.75C9.98011 17.79 10.0801 17.81 10.1801 17.81C10.2801 17.81 10.3701 17.79 10.4701 17.75C10.6501 17.67 10.8001 17.53 10.8801 17.34C10.9201 17.25 10.9401 17.15 10.9401 17.05V6.75H10.9301Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrange-square-2.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.82C4.17 2 2 4.17 2 7.81V16.18C2 19.82 4.17 21.99 7.81 21.99H16.18C19.82 21.99 21.99 19.82 21.99 16.18V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M10.1801 6.1001C9.77008 6.1001 9.43008 6.4401 9.43008 6.8501V15.3501L7.67008 13.5901C7.38008 13.3001 6.90008 13.3001 6.61008 13.5901C6.32008 13.8801 6.32008 14.3601 6.61008 14.6501L9.65008 17.6901C9.72008 17.7601 9.80008 17.8101 9.89008 17.8501C9.98008 17.8901 10.0801 17.9101 10.1801 17.9101C10.2801 17.9101 10.3701 17.8901 10.4701 17.8501C10.6501 17.7701 10.8001 17.6301 10.8801 17.4401C10.9201 17.3501 10.9401 17.2501 10.9401 17.1501V6.8501C10.9301 6.4301 10.6001 6.1001 10.1801 6.1001Z" fill="#292D32"/>
+<path d="M17.3903 9.3601L14.3503 6.3201C14.2803 6.2501 14.2003 6.2001 14.1103 6.1601C13.9303 6.0801 13.7203 6.0801 13.5403 6.1601C13.3603 6.2401 13.2103 6.3801 13.1303 6.5701C13.0903 6.6601 13.0703 6.7601 13.0703 6.8601V17.1701C13.0703 17.5801 13.4103 17.9201 13.8203 17.9201C14.2303 17.9201 14.5703 17.5801 14.5703 17.1701V8.6701L16.3303 10.4301C16.4803 10.5801 16.6703 10.6501 16.8603 10.6501C17.0503 10.6501 17.2403 10.5801 17.3903 10.4301C17.6803 10.1201 17.6803 9.6501 17.3903 9.3601Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrange-square.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M17.8496 13.5301C17.7696 13.3501 17.6296 13.2001 17.4396 13.1201C17.3496 13.0801 17.2496 13.0601 17.1496 13.0601H6.84961C6.43961 13.0601 6.09961 13.4001 6.09961 13.8101C6.09961 14.2201 6.43961 14.5601 6.84961 14.5601H15.3496L13.5896 16.3201C13.2996 16.6101 13.2996 17.0901 13.5896 17.3801C13.7396 17.5301 13.9296 17.6001 14.1196 17.6001C14.3096 17.6001 14.4996 17.5301 14.6496 17.3801L17.6896 14.3401C17.7596 14.2701 17.8096 14.1901 17.8496 14.1001C17.9196 13.9201 17.9196 13.7101 17.8496 13.5301Z" fill="#292D32"/>
+<path d="M6.15016 10.4701C6.23016 10.6501 6.37016 10.8001 6.56016 10.8801C6.65016 10.9201 6.75016 10.9401 6.85016 10.9401H17.1602C17.5702 10.9401 17.9102 10.6001 17.9102 10.1901C17.9102 9.78009 17.5702 9.44009 17.1602 9.44009H8.66016L10.4202 7.68009C10.7102 7.39009 10.7102 6.91009 10.4202 6.62009C10.1302 6.33009 9.65016 6.33009 9.36016 6.62009L6.32016 9.65009C6.25016 9.72009 6.19016 9.81009 6.15016 9.90009C6.08016 10.0801 6.08016 10.2901 6.15016 10.4701Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M21.75 6.7302C21.75 6.5302 21.67 6.34023 21.53 6.20023L17.81 2.4802C17.52 2.1902 17.04 2.1902 16.75 2.4802C16.46 2.7702 16.46 3.25019 16.75 3.54019L19.2 5.99021H3C2.59 5.99021 2.25 6.33021 2.25 6.74021C2.25 7.15021 2.59 7.49021 3 7.49021H19.19L16.75 9.93021C16.46 10.2202 16.46 10.7002 16.75 10.9902C16.9 11.1402 17.09 11.2102 17.28 11.2102C17.47 11.2102 17.66 11.1402 17.81 10.9902L21.52 7.28024C21.59 7.21024 21.65 7.12023 21.69 7.02023C21.69 7.01023 21.69 7.00021 21.7 6.99021C21.73 6.90021 21.75 6.8202 21.75 6.7302Z" fill="#292D32"/>
+<path d="M21 16.5202H4.81L7.25 14.0802C7.54 13.7902 7.54 13.3102 7.25 13.0202C6.96 12.7302 6.48 12.7302 6.19 13.0202L2.47998 16.7302C2.40998 16.8002 2.35 16.8902 2.31 16.9902C2.31 17.0002 2.30999 17.0102 2.29999 17.0202C2.26999 17.1002 2.25 17.1902 2.25 17.2802C2.25 17.4802 2.32997 17.6702 2.46997 17.8102L6.19 21.5302C6.34 21.6802 6.52997 21.7502 6.71997 21.7502C6.90997 21.7502 7.1 21.6802 7.25 21.5302C7.54 21.2402 7.54 20.7602 7.25 20.4702L4.79999 18.0202H21C21.41 18.0202 21.75 17.6802 21.75 17.2702C21.75 16.8602 21.41 16.5202 21 16.5202Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-3.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9795 6.19L7.2695 2.47998C7.1995 2.40998 7.10949 2.35 7.00949 2.31C6.99949 2.31 6.98946 2.30999 6.97946 2.29999C6.89946 2.26999 6.80945 2.25 6.71945 2.25C6.51945 2.25 6.32948 2.32997 6.18948 2.46997L2.46945 6.19C2.17945 6.48 2.17945 6.96 2.46945 7.25C2.75945 7.54 3.23951 7.54 3.52951 7.25L5.97946 4.79999V21C5.97946 21.41 6.31946 21.75 6.72946 21.75C7.13946 21.75 7.47946 21.41 7.47946 21V4.81L9.91947 7.25C10.0695 7.4 10.2595 7.46997 10.4495 7.46997C10.6395 7.46997 10.8295 7.4 10.9795 7.25C11.2695 6.96 11.2695 6.49 10.9795 6.19Z" fill="#292D32"/>
+<path opacity="0.4" d="M21.5302 16.75C21.2402 16.46 20.7602 16.46 20.4702 16.75L18.0202 19.2V3C18.0202 2.59 17.6802 2.25 17.2702 2.25C16.8602 2.25 16.5202 2.59 16.5202 3V19.19L14.0802 16.75C13.7902 16.46 13.3102 16.46 13.0202 16.75C12.7302 17.04 12.7302 17.52 13.0202 17.81L16.7302 21.52C16.8002 21.59 16.8902 21.65 16.9902 21.69C17.0002 21.69 17.0102 21.69 17.0202 21.7C17.1002 21.73 17.1902 21.75 17.2802 21.75C17.4802 21.75 17.6702 21.67 17.8102 21.53L21.5302 17.81C21.8202 17.51 21.8202 17.04 21.5302 16.75Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-bottom.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.32919 6H14.6692C17.9892 6 19.3392 8.35 17.6892 11.22L16.9492 12.5C16.7692 12.81 16.4392 13 16.0792 13H7.91919C7.55919 13 7.22919 12.81 7.04919 12.5L6.30919 11.22C4.65919 8.35 6.00919 6 9.32919 6Z" fill="#292D32"/>
+<path opacity="0.4" d="M8.78957 14H15.2196C15.6096 14 15.8496 14.42 15.6496 14.75L15.0096 15.85C13.3596 18.72 10.6396 18.72 8.98957 15.85L8.34957 14.75C8.15957 14.42 8.39957 14 8.78957 14Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-circle-down.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M12.0002 15.0099C11.8102 15.0099 11.6202 14.9399 11.4702 14.7899L7.94016 11.2599C7.65016 10.9699 7.65016 10.4899 7.94016 10.1999C8.23016 9.90992 8.71016 9.90992 9.00016 10.1999L12.0002 13.1999L15.0002 10.1999C15.2902 9.90992 15.7702 9.90992 16.0602 10.1999C16.3502 10.4899 16.3502 10.9699 16.0602 11.2599L12.5302 14.7899C12.3802 14.9399 12.1902 15.0099 12.0002 15.0099Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-circle-left.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M13.2599 16.2802C13.0699 16.2802 12.8799 16.2102 12.7299 16.0602L9.19992 12.5302C8.90992 12.2402 8.90992 11.7602 9.19992 11.4702L12.7299 7.94016C13.0199 7.65016 13.4999 7.65016 13.7899 7.94016C14.0799 8.23016 14.0799 8.71016 13.7899 9.00016L10.7899 12.0002L13.7899 15.0002C14.0799 15.2902 14.0799 15.7702 13.7899 16.0602C13.6499 16.2102 13.4599 16.2802 13.2599 16.2802Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-circle-right.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M10.7397 16.2802C10.5497 16.2802 10.3597 16.2102 10.2097 16.0602C9.91969 15.7702 9.91969 15.2902 10.2097 15.0002L13.2097 12.0002L10.2097 9.00016C9.91969 8.71016 9.91969 8.23016 10.2097 7.94016C10.4997 7.65016 10.9797 7.65016 11.2697 7.94016L14.7997 11.4702C15.0897 11.7602 15.0897 12.2402 14.7997 12.5302L11.2697 16.0602C11.1197 16.2102 10.9297 16.2802 10.7397 16.2802Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-circle-up.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M15.5302 14.0099C15.3402 14.0099 15.1502 13.9399 15.0002 13.7899L12.0002 10.7899L9.00016 13.7899C8.71016 14.0799 8.23016 14.0799 7.94016 13.7899C7.65016 13.4999 7.65016 13.0199 7.94016 12.7299L11.4702 9.19992C11.7602 8.90992 12.2402 8.90992 12.5302 9.19992L16.0602 12.7299C16.3502 13.0199 16.3502 13.4999 16.0602 13.7899C15.9102 13.9399 15.7202 14.0099 15.5302 14.0099Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-down-1.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M15.4807 13.2302L11.6907 8.18018H6.08072C5.12072 8.18018 4.64073 9.34018 5.32073 10.0202L10.5007 15.2002C11.3307 16.0302 12.6807 16.0302 13.5107 15.2002L15.4807 13.2302Z" fill="#292D32"/>
+<path d="M17.9195 8.18018H11.6895L15.4795 13.2302L18.6895 10.0202C19.3595 9.34018 18.8795 8.18018 17.9195 8.18018Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-down-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M2 16.19V7.81C2 4.17 4.17 2 7.81 2H16.18C19.83 2 22 4.17 22 7.81V16.18C22 19.82 19.83 21.99 16.19 21.99H7.81C4.17 22 2 19.83 2 16.19Z" fill="#292D32"/>
+<path d="M11.4704 18.53L7.18039 14.24C6.89039 13.95 6.89039 13.47 7.18039 13.18C7.47039 12.89 7.95039 12.89 8.24039 13.18L11.2504 16.19V6C11.2504 5.59 11.5904 5.25 12.0004 5.25C12.4104 5.25 12.7504 5.59 12.7504 6V16.19L15.7604 13.18C16.0504 12.89 16.5304 12.89 16.8204 13.18C16.9704 13.33 17.0404 13.52 17.0404 13.71C17.0404 13.9 16.9704 14.09 16.8204 14.24L12.5304 18.53C12.3904 18.67 12.2004 18.75 12.0004 18.75C11.8004 18.75 11.6104 18.67 11.4704 18.53Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-down.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M15.5295 11.97C15.2395 11.68 14.7595 11.68 14.4695 11.97L12.7495 13.69V8.5C12.7495 8.09 12.4095 7.75 11.9995 7.75C11.5895 7.75 11.2495 8.09 11.2495 8.5V13.69L9.52945 11.97C9.23945 11.68 8.75945 11.68 8.46945 11.97C8.17945 12.26 8.17945 12.74 8.46945 13.03L11.4695 16.03C11.6195 16.18 11.8095 16.25 11.9995 16.25C12.1895 16.25 12.3795 16.18 12.5295 16.03L15.5295 13.03C15.8195 12.74 15.8195 12.26 15.5295 11.97Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-left-1.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 9.32993V14.6699C18 17.9899 15.65 19.3399 12.78 17.6899L11.5 16.9499C11.19 16.7699 11 16.4399 11 16.0799V7.91993C11 7.55993 11.19 7.22993 11.5 7.04993L12.78 6.30992C15.65 4.65992 18 6.00993 18 9.32993Z" fill="#292D32"/>
+<path opacity="0.4" d="M10.0005 8.79006V15.2201C10.0005 15.6101 9.58055 15.8501 9.25055 15.6501L8.15055 15.0101C5.28055 13.3601 5.28055 10.6401 8.15055 8.99006L9.25055 8.35006C9.58055 8.16006 10.0005 8.40006 10.0005 8.79006Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-left-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M7.81 2H16.18C19.83 2 22 4.17 22 7.81V16.18C22 19.82 19.83 21.99 16.19 21.99H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2Z" fill="#292D32"/>
+<path d="M5.47 11.4699L9.76 7.1799C10.05 6.8899 10.53 6.8899 10.82 7.1799C11.11 7.4699 11.11 7.9499 10.82 8.2399L7.81 11.2499H18C18.41 11.2499 18.75 11.5899 18.75 11.9999C18.75 12.4099 18.41 12.7499 18 12.7499H7.81L10.82 15.7599C11.11 16.0499 11.11 16.5299 10.82 16.8199C10.67 16.9699 10.48 17.0399 10.29 17.0399C10.1 17.0399 9.91 16.9699 9.76 16.8199L5.47 12.5299C5.33 12.3899 5.25 12.1999 5.25 11.9999C5.25 11.7999 5.33 11.6099 5.47 11.4699Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-left-3.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M10.7702 8.52002L15.8202 12.31V17.92C15.8202 18.88 14.6602 19.36 13.9802 18.68L8.80023 13.51C7.97023 12.68 7.97023 11.33 8.80023 10.5L10.7702 8.52002Z" fill="#292D32"/>
+<path d="M15.8195 6.07993V12.3099L10.7695 8.51993L13.9795 5.30993C14.6595 4.63993 15.8195 5.11993 15.8195 6.07993Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-left.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M15.4995 11.2499H10.3095L12.0295 9.52994C12.3195 9.23994 12.3195 8.75994 12.0295 8.46994C11.7395 8.17994 11.2595 8.17994 10.9695 8.46994L7.96945 11.4699C7.67945 11.7599 7.67945 12.2399 7.96945 12.5299L10.9695 15.5299C11.1195 15.6799 11.3095 15.7499 11.4995 15.7499C11.6895 15.7499 11.8795 15.6799 12.0295 15.5299C12.3195 15.2399 12.3195 14.7599 12.0295 14.4699L10.3095 12.7499H15.4995C15.9095 12.7499 16.2495 12.4099 16.2495 11.9999C16.2495 11.5899 15.9095 11.2499 15.4995 11.2499Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-right-1.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 9.32993V14.6699C6 17.9899 8.35 19.3399 11.22 17.6899L12.5 16.9499C12.81 16.7699 13 16.4399 13 16.0799V7.91993C13 7.55993 12.81 7.22993 12.5 7.04993L11.22 6.30992C8.35 4.65992 6 6.00993 6 9.32993Z" fill="#292D32"/>
+<path opacity="0.4" d="M14 8.79006V15.2201C14 15.6101 14.42 15.8501 14.75 15.6501L15.85 15.0101C18.72 13.3601 18.72 10.6401 15.85 8.99006L14.75 8.35006C14.42 8.16006 14 8.40006 14 8.79006Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-right-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M18.53 11.4699L14.24 7.1799C13.95 6.8899 13.47 6.8899 13.18 7.1799C12.89 7.4699 12.89 7.9499 13.18 8.2399L16.19 11.2499H6C5.59 11.2499 5.25 11.5899 5.25 11.9999C5.25 12.4099 5.59 12.7499 6 12.7499H16.19L13.18 15.7599C12.89 16.0499 12.89 16.5299 13.18 16.8199C13.33 16.9699 13.52 17.0399 13.71 17.0399C13.9 17.0399 14.09 16.9699 14.24 16.8199L18.53 12.5299C18.67 12.3899 18.75 12.1999 18.75 11.9999C18.75 11.7999 18.67 11.6099 18.53 11.4699Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-right-3.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M13.2297 8.52002L8.17969 12.31V17.92C8.17969 18.88 9.33969 19.36 10.0197 18.68L15.1997 13.5C16.0297 12.67 16.0297 11.32 15.1997 10.49L13.2297 8.52002Z" fill="#292D32"/>
+<path d="M8.17969 6.07993V12.3099L13.2297 8.51993L10.0197 5.30993C9.33969 4.63993 8.17969 5.11993 8.17969 6.07993Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-right.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M16.03 11.4699L13.03 8.46994C12.74 8.17994 12.26 8.17994 11.97 8.46994C11.68 8.75994 11.68 9.23994 11.97 9.52994L13.69 11.2499H8.5C8.09 11.2499 7.75 11.5899 7.75 11.9999C7.75 12.4099 8.09 12.7499 8.5 12.7499H13.69L11.97 14.4699C11.68 14.7599 11.68 15.2399 11.97 15.5299C12.12 15.6799 12.31 15.7499 12.5 15.7499C12.69 15.7499 12.88 15.6799 13.03 15.5299L16.03 12.5299C16.32 12.2399 16.32 11.7599 16.03 11.4699Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-square-down.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M12.0002 14.9098C11.8102 14.9098 11.6202 14.8398 11.4702 14.6898L7.94016 11.1598C7.65016 10.8698 7.65016 10.3898 7.94016 10.0998C8.23016 9.80982 8.71016 9.80982 9.00016 10.0998L12.0002 13.0998L15.0002 10.0998C15.2902 9.80982 15.7702 9.80982 16.0602 10.0998C16.3502 10.3898 16.3502 10.8698 16.0602 11.1598L12.5302 14.6898C12.3802 14.8398 12.1902 14.9098 12.0002 14.9098Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-square-left.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M13.2599 16.2802C13.0699 16.2802 12.8799 16.2102 12.7299 16.0602L9.19992 12.5302C8.90992 12.2402 8.90992 11.7602 9.19992 11.4702L12.7299 7.94016C13.0199 7.65016 13.4999 7.65016 13.7899 7.94016C14.0799 8.23016 14.0799 8.71016 13.7899 9.00016L10.7899 12.0002L13.7899 15.0002C14.0799 15.2902 14.0799 15.7702 13.7899 16.0602C13.6499 16.2102 13.4599 16.2802 13.2599 16.2802Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-square-right.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M10.7397 16.2802C10.5497 16.2802 10.3597 16.2102 10.2097 16.0602C9.91969 15.7702 9.91969 15.2902 10.2097 15.0002L13.2097 12.0002L10.2097 9.00016C9.91969 8.71016 9.91969 8.23016 10.2097 7.94016C10.4997 7.65016 10.9797 7.65016 11.2697 7.94016L14.7997 11.4702C15.0897 11.7602 15.0897 12.2402 14.7997 12.5302L11.2697 16.0602C11.1197 16.2102 10.9297 16.2802 10.7397 16.2802Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-square-up.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M15.5302 14.2101C15.3402 14.2101 15.1502 14.1401 15.0002 13.9901L12.0002 10.9901L9.00016 13.9901C8.71016 14.2801 8.23016 14.2801 7.94016 13.9901C7.65016 13.7001 7.65016 13.2201 7.94016 12.9301L11.4702 9.40012C11.7602 9.11012 12.2402 9.11012 12.5302 9.40012L16.0602 12.9301C16.3502 13.2201 16.3502 13.7001 16.0602 13.9901C15.9102 14.1401 15.7202 14.2101 15.5302 14.2101Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-swap-horizontal.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M7.81 2H16.18C19.83 2 22 4.17 22 7.81V16.18C22 19.82 19.83 21.99 16.19 21.99H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2Z" fill="#292D32"/>
+<path d="M17.69 13.4798C17.61 13.2998 17.47 13.1498 17.28 13.0698C17.19 13.0298 17.09 13.0098 16.99 13.0098H7C6.59 13.0098 6.25 13.3498 6.25 13.7598C6.25 14.1698 6.59 14.5098 7 14.5098H15.19L13.52 16.1798C13.23 16.4698 13.23 16.9498 13.52 17.2398C13.67 17.3898 13.86 17.4598 14.05 17.4598C14.24 17.4598 14.43 17.3898 14.58 17.2398L17.53 14.2898C17.6 14.2198 17.65 14.1398 17.69 14.0498C17.77 13.8598 17.77 13.6598 17.69 13.4798Z" fill="#292D32"/>
+<path d="M6.31 10.52C6.39 10.7 6.53 10.85 6.72 10.93C6.81 10.97 6.9 10.99 7 10.99H17C17.41 10.99 17.75 10.65 17.75 10.24C17.75 9.82998 17.41 9.48998 17 9.48998H8.81L10.48 7.81998C10.77 7.52998 10.77 7.04998 10.48 6.75998C10.19 6.46998 9.71 6.46998 9.42 6.75998L6.47 9.70998C6.4 9.77998 6.35 9.85998 6.31 9.94998C6.23 10.14 6.23 10.34 6.31 10.52Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-swap.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M7.81 2H16.18C19.83 2 22 4.17 22 7.81V16.18C22 19.82 19.83 21.99 16.19 21.99H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2Z" fill="#292D32"/>
+<path d="M10.2405 6.25C9.82047 6.25 9.49047 6.59 9.49047 7V15.19L7.82047 13.52C7.53047 13.23 7.05047 13.23 6.76047 13.52C6.47047 13.81 6.47047 14.29 6.76047 14.58L9.71047 17.53C9.78047 17.6 9.86047 17.65 9.95047 17.69C10.0405 17.73 10.1405 17.75 10.2405 17.75C10.3405 17.75 10.4305 17.73 10.5305 17.69C10.7105 17.61 10.8605 17.47 10.9405 17.28C10.9805 17.19 11.0005 17.09 11.0005 16.99V7C10.9905 6.59 10.6505 6.25 10.2405 6.25Z" fill="#292D32"/>
+<path d="M17.2398 9.42L14.2898 6.47C14.2198 6.4 14.1398 6.35 14.0498 6.31C13.8698 6.23 13.6598 6.23 13.4798 6.31C13.2998 6.39 13.1498 6.53 13.0698 6.72C13.0298 6.81 13.0098 6.9 13.0098 7V17C13.0098 17.41 13.3498 17.75 13.7598 17.75C14.1698 17.75 14.5098 17.41 14.5098 17V8.81L16.1798 10.48C16.3298 10.63 16.5198 10.7 16.7098 10.7C16.8998 10.7 17.0898 10.63 17.2398 10.48C17.5298 10.19 17.5298 9.71 17.2398 9.42Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-up-1.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M22 7.81V16.18C22 19.82 19.83 21.99 16.19 21.99H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2H16.18C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+<path d="M12.5309 5.47L16.8209 9.76C17.1109 10.05 17.1109 10.53 16.8209 10.82C16.5309 11.11 16.0509 11.11 15.7609 10.82L12.7509 7.81V18C12.7509 18.41 12.4109 18.75 12.0009 18.75C11.5909 18.75 11.2509 18.41 11.2509 18V7.81L8.24094 10.82C7.95094 11.11 7.47094 11.11 7.18094 10.82C7.03094 10.67 6.96094 10.48 6.96094 10.29C6.96094 10.1 7.04094 9.9 7.18094 9.76L11.4709 5.47C11.6109 5.33 11.8009 5.25 12.0009 5.25C12.2009 5.25 12.3909 5.33 12.5309 5.47Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-up-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M15.4807 10.7702L11.6907 15.8202H6.08072C5.12072 15.8202 4.64073 14.6602 5.32073 13.9802L10.5007 8.80023C11.3307 7.97023 12.6807 7.97023 13.5107 8.80023L15.4807 10.7702Z" fill="#292D32"/>
+<path d="M17.9195 15.82H11.6895L15.4795 10.77L18.6895 13.98C19.3595 14.66 18.8795 15.82 17.9195 15.82Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-up-3.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.32919 18H14.6692C17.9892 18 19.3392 15.65 17.6892 12.78L16.9492 11.5C16.7692 11.19 16.4392 11 16.0792 11H7.91919C7.55919 11 7.22919 11.19 7.04919 11.5L6.30919 12.78C4.65919 15.65 6.00919 18 9.32919 18Z" fill="#292D32"/>
+<path opacity="0.4" d="M8.78957 10.0001H15.2196C15.6096 10.0001 15.8496 9.58006 15.6496 9.25006L15.0096 8.15006C13.3596 5.28006 10.6396 5.28006 8.98957 8.15006L8.34957 9.25006C8.15957 9.58006 8.39957 10.0001 8.78957 10.0001Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/arrow-up.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#292D32"/>
+<path d="M15.5295 10.9699L12.5295 7.96994C12.2395 7.67994 11.7595 7.67994 11.4695 7.96994L8.46945 10.9699C8.17945 11.2599 8.17945 11.7399 8.46945 12.0299C8.75945 12.3199 9.23945 12.3199 9.52945 12.0299L11.2495 10.3099V15.4999C11.2495 15.9099 11.5895 16.2499 11.9995 16.2499C12.4095 16.2499 12.7495 15.9099 12.7495 15.4999V10.3099L14.4695 12.0299C14.6195 12.1799 14.8095 12.2499 14.9995 12.2499C15.1895 12.2499 15.3795 12.1799 15.5295 12.0299C15.8195 11.7399 15.8195 11.2599 15.5295 10.9699Z" fill="#292D32"/>
+</svg>

package/src/lib/components/Icons/icons/Arrow/back-square.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.19 2H7.82C4.17 2 2 4.17 2 7.81V16.18C2 19.82 4.17 21.99 7.81 21.99H16.18C19.82 21.99 21.99 19.82 21.99 16.18V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M13.9195 8.48006H8.76945L9.09945 8.15006C9.38945 7.86006 9.38945 7.38006 9.09945 7.09006C8.80945 6.80006 8.32945 6.80006 8.03945 7.09006L6.46945 8.66006C6.17945 8.95006 6.17945 9.43006 6.46945 9.72006L8.03945 11.2901C8.18945 11.4401 8.37945 11.5101 8.56945 11.5101C8.75945 11.5101 8.94945 11.4401 9.09945 11.2901C9.38945 11.0001 9.38945 10.5201 9.09945 10.2301L8.83945 9.97006H13.9195C15.1995 9.97006 16.2495 11.0101 16.2495 12.3001C16.2495 13.5901 15.2094 14.6301 13.9195 14.6301H8.99945C8.58945 14.6301 8.24945 14.9701 8.24945 15.3801C8.24945 15.7901 8.58945 16.1301 8.99945 16.1301H13.9195C16.0295 16.1301 17.7495 14.4101 17.7495 12.3001C17.7495 10.1901 16.0295 8.48006 13.9195 8.48006Z" fill="#292D32"/>
+</svg>