feat: navigation dropdown (#273)

* navigational dropdown

* better navigational drodown

* refactor

* refactor

* lint, typecheck format

* add backNavigation to context

* add backNavigation to context

* added deep navigation story

Author: dedarritchon

src/elements/dropdown/__docs__/index.stories.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable storybook/story-exports */
-import {ComponentMeta} from '@storybook/react';
+import {Meta} from '@storybook/react';
 
 import {Dropdown} from '../dropdown';
 import DocumentationMDX from './docs.mdx';
@@ -23,7 +23,7 @@ export default {
     viewMode: 'docs'
   },
   id: 'Elements/Dropdown'
-} as ComponentMeta<typeof Dropdown>;
+} as Meta<typeof Dropdown>;
 
 export {Basic} from './stories/basic.stories';
 export {Simple} from './stories/simple.stories';
@@ -32,9 +32,13 @@ export {Avatar} from './stories/avatar.stories';
 export {Header} from './stories/header.stories';
 export {Form} from './stories/form.stories';
 
-// Nested Dropdown Examples
+// Nested Dropdown Examples (Hover-based)
 export {BasicNestedDropdown} from './stories/nestedDropdown.stories';
 export {CustomConfigDropdown} from './stories/nestedDropdown.stories';
 export {MultiSelectDropdown} from './stories/nestedDropdown.stories';
 export {LeftAlignedSubmenus} from './stories/nestedDropdown.stories';
 export {PerformanceTest} from './stories/nestedDropdown.stories';
+
+// Navigational Dropdown Examples (Click-to-navigate)
+export {BasicNavigational} from './stories/navigationalDropdown.stories';
+export {DeepNavigational} from './stories/navigationalDropdown.stories';