@mriqbox/ui-kit 3.3.1 → 3.3.2

package/bin/cli.js

@@ -57,6 +57,7 @@ const COMPONENT_MAP = {
     'MriKeyboardVisualizer': 'organisms',
     'MriPageHeader': 'organisms',
     'MriSidebar': 'organisms',
+    'MriTopbar': 'organisms',
     'MriTable': 'organisms',
 };
 
@@ -173,7 +174,7 @@ async function checkDependencies(filePath, installDir) {
 program
     .name('mri-ui')
     .description('Add Mri UI components to your project')
-    .version('3.3.1');
+    .version('3.3.2');
 
 program
     .command('add <component>')

package/dist/components/organisms/MriTopbar.d.ts

@@ -0,0 +1,19 @@
+import { ElementType, ReactNode } from 'react';
+
+export interface MriTopbarItem {
+    label: string;
+    route?: string;
+    icon: ElementType;
+    onClick?: () => void;
+    divider?: boolean;
+}
+export interface MriTopbarProps {
+    items: MriTopbarItem[];
+    activeRoute?: string;
+    onNavigate?: (route: string) => void;
+    logo?: ReactNode;
+    rightContent?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+export declare function MriTopbar({ items, activeRoute, onNavigate, logo, rightContent, children, className }: MriTopbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/MriTopbar.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriTopbar } from './MriTopbar';
+
+declare const meta: Meta<typeof MriTopbar>;
+export default meta;
+export declare const Default: StoryObj<typeof MriTopbar>;

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export * from './components/molecules/MriCreatableCombobox';
 export * from './components/organisms/MriCalendar';
 export * from './components/organisms/MriPageHeader';
 export * from './components/organisms/MriSidebar';
+export * from './components/organisms/MriTopbar';
 export * from './components/organisms/MriTable';
 export * from './components/organisms/MriKeyboardVisualizer';
 export * from './lib/utils';