@campxdev/react-blueprint 2.3.7 → 2.3.9

package/dist/esm/types/src/components/Assets/Icons/IconComponents/AmenitiesIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../Icons';
+export declare const AmenitiesIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Assets/Icons/IconComponents/BoardingPointsIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+export declare const BoardingPointIcon: React.FC<IconProps>;

package/dist/esm/types/src/components/Assets/Icons/IconComponents/BusesIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+export declare const BusesIcon: React.FC<IconProps>;

package/dist/esm/types/src/components/Assets/Icons/IconComponents/GatePassIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../Icons';
+export declare const GatePassIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/Assets/Icons/IconComponents/RouteBusAssignmentIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+export declare const RouteBusAssignmentIcon: React.FC<IconProps>;

package/dist/esm/types/src/components/Assets/Icons/IconComponents/TransportRegistrationsIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+export declare const TransportRegistrationIcon: React.FC<IconProps>;

package/dist/esm/types/src/components/Assets/Icons/IconComponents/TransportRoutesIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+export declare const TransportRoutesIcon: React.FC<IconProps>;

package/dist/esm/types/src/components/Assets/Icons/Icons.d.ts

@@ -9,7 +9,11 @@ export interface IconProps {
 }
 export type IconComponent = FC<IconProps>;
 export type IconsType = {
+    GatePassIcon: IconComponent;
+    AmenitiesIcon: IconComponent;
     AcademicFeesIcon: IconComponent;
+    BoardingPointIcon: IconComponent;
+    RouteBusAssignmentIcon: IconComponent;
     ChallansIcon: IconComponent;
     AcademicsIcon: IconComponent;
     ActivitiesIcon: IconComponent;
@@ -38,6 +42,8 @@ export type IconsType = {
     CareerIcon: IconComponent;
     CareersIcon: IconComponent;
     CautionIcon: IconComponent;
+    BusesIcon: IconComponent;
+    TransportRoutesIcon: IconComponent;
     CertificateIcon: IconComponent;
     CetIcon: IconComponent;
     CheckedCheckboxIcon: IconComponent;
@@ -66,6 +72,7 @@ export type IconsType = {
     DeviceIcon: IconComponent;
     DocumentIcon: IconComponent;
     DoneSquare: IconComponent;
+    TransportRegistrationIcon: IconComponent;
     DownArrow: IconComponent;
     UpArrow: IconComponent;
     DownloadIcon: IconComponent;

package/dist/esm/types/src/components/Layout/AppLayout/components/AppBar.d.ts

@@ -1,16 +1,17 @@
 import React from 'react';
-import { SideMenuItemProps } from './Sidebar/interfaces';
 interface AppBarProps {
     /** Right section component (actions, profile, etc.) */
     rightSection?: React.ReactNode;
     /** Center section component (workspace switcher, etc.) */
     centerSection?: React.ReactNode;
-    /** Menu items for mobile drawer */
-    menu?: SideMenuItemProps[];
     /** Custom className for the AppBar */
     className?: string;
     /** Custom styles for the AppBar */
     sx?: any;
+    /** Hide hamburger menu (for persistent sidebar mode) */
+    hideHamburger?: boolean;
+    /** Callback to toggle sidebar (for persistent sidebar mode on mobile) */
+    onToggleSidebar?: () => void;
 }
 export declare const AppBar: React.FC<AppBarProps>;
 export {};

package/dist/esm/types/src/components/Layout/AppLayout/components/PersistentSidebar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SideMenuItemProps } from './Sidebar/interfaces';
+import { UserProfilePopupProps } from './UserProfilePopup';
+interface PersistentSidebarProps {
+    /** Menu items for navigation */
+    menu: SideMenuItemProps[];
+    userProfileParams: UserProfilePopupProps;
+    /** Whether the sidebar is collapsed */
+    collapsed: boolean;
+    /** Function to toggle sidebar collapse state */
+    onToggle: () => void;
+}
+export declare const PersistentSidebar: React.FC<PersistentSidebarProps>;
+export {};

package/dist/esm/types/src/components/Layout/AppLayout/components/Sidebar/interfaces.d.ts

@@ -40,6 +40,7 @@ export interface MenuItemProps {
     currentMenuPath: string | null;
     internalMenuClickHandler: (params: InternalMenuClickHandlerProps) => void;
     onClose?: () => void;
+    collapsed?: boolean;
 }
 export interface SubMenuItemProps {
     index: number;
@@ -52,4 +53,5 @@ export interface MenuBarProps {
     internalMenuClickHandler: (params: InternalMenuClickHandlerProps) => void;
     previousMenuClickHandler: () => void;
     onClose?: () => void;
+    collapsed?: boolean;
 }

package/dist/esm/types/src/components/Layout/AppLayout/components/UserProfilePopup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface UserProfilePopupProps {
+export interface UserProfilePopupProps {
     /** User's full name */
     userFullName: string;
     /** User's designation/role */
@@ -18,6 +18,8 @@ interface UserProfilePopupProps {
     onActiveDevicesClick?: () => void;
     /** Account section click handler */
     onAccountClick?: () => void;
+    /**Persistant Side bar collapsed - boolean */
+    collapsed?: boolean;
 }
 /**
  * Independent User Profile popup component for AppLayout right section
@@ -38,4 +40,3 @@ interface UserProfilePopupProps {
  * />
  */
 export declare const UserProfilePopup: React.FC<UserProfilePopupProps>;
-export {};

package/dist/esm/types/src/components/Layout/AppLayout/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { SideMenuItemProps } from './components/Sidebar/interfaces';
+import { UserProfilePopupProps } from './components/UserProfilePopup';
 export interface HelpDocsAction {
     name: string;
     onClick: () => void;
@@ -15,6 +16,8 @@ export interface AppLayoutProps {
     children: ReactNode;
     /** Navigation menu items */
     menu: SideMenuItemProps[];
+    /**User profile parameters */
+    userProfileParams: UserProfilePopupProps;
     /** AppBar customization - Primary approach */
     rightSection?: ReactNode;
     /** AppBar center section customization */
@@ -23,4 +26,8 @@ export interface AppLayoutProps {
     mainContainerSx?: any;
     /** Help documentation configuration for route-based contextual help */
     helpDocsConfig?: HelpDocsConfig;
+    /**
+     * Initial collapsed state for persistent sidebar
+     */
+    initialCollapsed?: boolean;
 }

package/dist/index.d.ts

@@ -81,7 +81,11 @@ interface IconProps {
 }
 type IconComponent = FC<IconProps>;
 type IconsType = {
+    GatePassIcon: IconComponent;
+    AmenitiesIcon: IconComponent;
     AcademicFeesIcon: IconComponent;
+    BoardingPointIcon: IconComponent;
+    RouteBusAssignmentIcon: IconComponent;
     ChallansIcon: IconComponent;
     AcademicsIcon: IconComponent;
     ActivitiesIcon: IconComponent;
@@ -110,6 +114,8 @@ type IconsType = {
     CareerIcon: IconComponent;
     CareersIcon: IconComponent;
     CautionIcon: IconComponent;
+    BusesIcon: IconComponent;
+    TransportRoutesIcon: IconComponent;
     CertificateIcon: IconComponent;
     CetIcon: IconComponent;
     CheckedCheckboxIcon: IconComponent;
@@ -138,6 +144,7 @@ type IconsType = {
     DeviceIcon: IconComponent;
     DocumentIcon: IconComponent;
     DoneSquare: IconComponent;
+    TransportRegistrationIcon: IconComponent;
     DownArrow: IconComponent;
     UpArrow: IconComponent;
     DownloadIcon: IconComponent;
@@ -949,6 +956,48 @@ interface SubMenuData {
     permissionKey?: string;
 }
 
+interface UserProfilePopupProps {
+    /** User's full name */
+    userFullName: string;
+    /** User's designation/role */
+    designation?: string;
+    /** Profile dropdown actions (custom menu items) */
+    profileActions?: react__default.ReactNode[];
+    /** Logout click handler */
+    onLogout?: () => void;
+    /** Profile image URL */
+    profileUrl?: string;
+    /** Custom styles for the avatar */
+    avatarSx?: any;
+    /** Whether to show active devices option */
+    showActiveDevices?: boolean;
+    /** Active devices click handler */
+    onActiveDevicesClick?: () => void;
+    /** Account section click handler */
+    onAccountClick?: () => void;
+    /**Persistant Side bar collapsed - boolean */
+    collapsed?: boolean;
+}
+/**
+ * Independent User Profile popup component for AppLayout right section
+ * No longer depends on UserBox - contains its own implementation
+ * Provides clean, flexible props interface
+ *
+ * @example
+ * <UserProfilePopup
+ *   userFullName="John Doe"
+ *   designation="Administrator"
+ *   profileActions={[
+ *     <SwitchInstitutionPopup key="switch" />,
+ *     <DropdownMenuItem key="settings" label="Settings" onClick={() => {}} />
+ *   ]}
+ *   onLogout={handleLogout}
+ *   showActiveDevices={true}
+ *   onActiveDevicesClick={() => console.log('Active devices')}
+ * />
+ */
+declare const UserProfilePopup: react__default.FC<UserProfilePopupProps>;
+
 interface HelpDocsAction {
     name: string;
     onClick: () => void;
@@ -964,6 +1013,8 @@ interface AppLayoutProps {
     children: ReactNode;
     /** Navigation menu items */
     menu: SideMenuItemProps$1[];
+    /**User profile parameters */
+    userProfileParams: UserProfilePopupProps;
     /** AppBar customization - Primary approach */
     rightSection?: ReactNode;
     /** AppBar center section customization */
@@ -972,6 +1023,10 @@ interface AppLayoutProps {
     mainContainerSx?: any;
     /** Help documentation configuration for route-based contextual help */
     helpDocsConfig?: HelpDocsConfig;
+    /**
+     * Initial collapsed state for persistent sidebar
+     */
+    initialCollapsed?: boolean;
 }
 
 declare const AppLayout: react__default.FC<AppLayoutProps>;
@@ -1039,46 +1094,6 @@ interface SwitchInstitutionPopupProps {
  */
 declare const SwitchInstitutionPopup: react__default.FC<SwitchInstitutionPopupProps>;
 
-interface UserProfilePopupProps {
-    /** User's full name */
-    userFullName: string;
-    /** User's designation/role */
-    designation?: string;
-    /** Profile dropdown actions (custom menu items) */
-    profileActions?: react__default.ReactNode[];
-    /** Logout click handler */
-    onLogout?: () => void;
-    /** Profile image URL */
-    profileUrl?: string;
-    /** Custom styles for the avatar */
-    avatarSx?: any;
-    /** Whether to show active devices option */
-    showActiveDevices?: boolean;
-    /** Active devices click handler */
-    onActiveDevicesClick?: () => void;
-    /** Account section click handler */
-    onAccountClick?: () => void;
-}
-/**
- * Independent User Profile popup component for AppLayout right section
- * No longer depends on UserBox - contains its own implementation
- * Provides clean, flexible props interface
- *
- * @example
- * <UserProfilePopup
- *   userFullName="John Doe"
- *   designation="Administrator"
- *   profileActions={[
- *     <SwitchInstitutionPopup key="switch" />,
- *     <DropdownMenuItem key="settings" label="Settings" onClick={() => {}} />
- *   ]}
- *   onLogout={handleLogout}
- *   showActiveDevices={true}
- *   onActiveDevicesClick={() => console.log('Active devices')}
- * />
- */
-declare const UserProfilePopup: react__default.FC<UserProfilePopupProps>;
-
 type AppHeaderProps = {
     actions?: ReactNode[];
     profileActions?: ReactNode[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "2.3.7",
+  "version": "2.3.9",
   "description": "React UI component library for CampX applications",
   "author": "CampX",
   "license": "MIT",

package/src/App.tsx

@@ -6,13 +6,8 @@ import {
 } from 'react-router-dom';
 import './App.css';
 
-import { Stack } from '@mui/material';
 import { Icons } from './components/export';
-import {
-  AppLayout,
-  SwitchInstitutionPopup,
-  UserProfilePopup,
-} from './components/Layout/AppLayout';
+import { AppLayout } from './components/Layout/AppLayout';
 
 // Sample Pages
 import { Dashboard } from './pages/Dashboard';
@@ -269,39 +264,16 @@ function App() {
     // In a real app, you would handle logout logic here
   };
 
+  const userProfileParams = {
+    userFullName: 'User',
+    designation: 'Admin',
+    onLogout: () => {},
+    onAccountClick: () => {},
+    profileActions: [],
+  };
   return (
     <Router>
-      <AppLayout
-        menu={sampleMenu}
-        rightSection={
-          <Stack direction="row" alignItems="center" gap={1}>
-            <Icons.AdminIcon size={24} />
-            <UserProfilePopup
-              userFullName="John Doe"
-              designation="Administrator"
-              onLogout={handleLogout}
-              showActiveDevices={true}
-              profileActions={[
-                <SwitchInstitutionPopup
-                  key="switch-institution"
-                  institutionsData={[
-                    {
-                      name: 'Demo University',
-                      code: 'demo',
-                      imageSquare: { url: '' },
-                    },
-                    {
-                      name: 'Test College',
-                      code: 'test',
-                      imageSquare: { url: '' },
-                    },
-                  ]}
-                />,
-              ]}
-            />
-          </Stack>
-        }
-      >
+      <AppLayout menu={sampleMenu} userProfileParams={userProfileParams}>
         <Routes>
           <Route path="/" element={<Navigate to="/dashboard" replace />} />
           <Route path="/dashboard" element={<Dashboard />} />

package/src/components/Assets/Icons/IconComponents/AmenitiesIcon.tsx

@@ -0,0 +1,50 @@
+import { IconProps } from '../Icons';
+
+export const AmenitiesIcon = ({ size = 16 }: IconProps) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 30 31"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_6203_16114)">
+        <path
+          d="M15.0033 24.666C12.9789 24.6659 11.0173 23.9638 9.45251 22.6795C7.88775 21.3951 6.81673 19.608 6.42193 17.6225C6.02714 15.637 6.33299 13.5761 7.28737 11.7908C8.24176 10.0055 9.78563 8.60644 11.6559 7.83187C13.5262 7.0573 15.6073 6.95519 17.5444 7.54294C19.4816 8.13069 21.155 9.37194 22.2796 11.0552C23.4041 12.7384 23.9103 14.7595 23.7117 16.7741C23.5132 18.7887 22.6223 20.6722 21.1908 22.1035C20.3793 22.9175 19.4149 23.563 18.353 24.0027C17.2911 24.4425 16.1527 24.6679 15.0033 24.666ZM15.0033 9.04102C13.4128 9.04155 11.8716 9.59354 10.6424 10.603C9.41324 11.6124 8.57208 13.0168 8.26226 14.5768C7.95244 16.1369 8.19313 17.7562 8.94332 19.1587C9.69351 20.5612 10.9068 21.6602 12.3764 22.2684C13.8461 22.8767 15.4811 22.9566 17.0031 22.4944C18.525 22.0323 19.8396 21.0568 20.7229 19.7341C21.6062 18.4114 22.0036 16.8233 21.8473 15.2405C21.691 13.6576 20.9907 12.1779 19.8658 11.0535C19.2276 10.4146 18.4695 9.90799 17.6351 9.56265C16.8007 9.2173 15.9063 9.04004 15.0033 9.04102Z"
+          fill="#121212"
+          stroke="#121212"
+          stroke-width="0.4"
+        />
+        <path
+          d="M10.3083 28.4378C10.1891 28.4353 10.071 28.4142 9.95828 28.3753C7.16958 27.2642 4.83899 25.242 3.34578 22.6378C1.87141 20.0965 1.28351 17.1372 1.67453 14.2253C1.70602 13.9783 1.83434 13.754 2.03125 13.6016C2.22817 13.4492 2.47754 13.3813 2.72453 13.4128C2.97151 13.4443 3.19586 13.5726 3.34824 13.7695C3.50061 13.9665 3.56852 14.2158 3.53703 14.4628C3.20856 16.9637 3.7138 19.5031 4.97453 21.6878C6.2537 23.9249 8.25459 25.6614 10.6495 26.6128C10.8794 26.7083 11.063 26.8898 11.161 27.1186C11.2591 27.3474 11.2639 27.6055 11.1745 27.8378C11.1084 28.0141 10.99 28.166 10.8352 28.2732C10.6804 28.3804 10.4966 28.4379 10.3083 28.4378Z"
+          fill="#121212"
+          stroke="#121212"
+          stroke-width="0.4"
+        />
+        <path
+          d="M7.31149 6.98791C7.16915 6.98718 7.02883 6.95418 6.90109 6.8914C6.77335 6.82861 6.66151 6.73766 6.57399 6.62541C6.49685 6.52924 6.43976 6.41857 6.40612 6.29996C6.37247 6.18135 6.36294 6.0572 6.37808 5.93485C6.39323 5.81249 6.43275 5.69441 6.49431 5.58759C6.55587 5.48077 6.63822 5.38737 6.73649 5.31291C9.07098 3.48421 11.9465 2.48222 14.9119 2.46412C17.8773 2.44602 20.7648 3.41284 23.1215 5.21291C23.2192 5.2876 23.3012 5.3808 23.3628 5.48718C23.4245 5.59356 23.4646 5.71104 23.4808 5.83292C23.4971 5.95479 23.4892 6.07868 23.4575 6.1975C23.4259 6.31631 23.3712 6.42774 23.2965 6.52541C23.2218 6.62308 23.1286 6.70508 23.0222 6.76674C22.9158 6.82839 22.7984 6.86849 22.6765 6.88474C22.5546 6.90099 22.4307 6.89307 22.3119 6.86145C22.1931 6.82982 22.0817 6.7751 21.984 6.70041C19.9552 5.15318 17.4705 4.32244 14.9191 4.33827C12.3676 4.3541 9.89346 5.21561 7.88399 6.78791C7.72125 6.91736 7.51944 6.98786 7.31149 6.98791Z"
+          fill="#121212"
+          stroke="#121212"
+          stroke-width="0.4"
+        />
+        <path
+          d="M19.6897 28.438C19.4705 28.4396 19.2576 28.3644 19.088 28.2254C18.9184 28.0865 18.8027 27.8926 18.7612 27.6773C18.7196 27.462 18.7547 27.2389 18.8604 27.0468C18.966 26.8547 19.1356 26.7057 19.3397 26.6255C21.7319 25.6696 23.7315 23.9343 25.0147 21.7005C26.2871 19.5202 26.7932 16.9768 26.4522 14.4755C26.4366 14.3532 26.4453 14.229 26.4777 14.1101C26.5101 13.9911 26.5656 13.8797 26.641 13.7822C26.7165 13.6847 26.8104 13.603 26.9174 13.5418C27.0244 13.4806 27.1424 13.4411 27.2647 13.4255C27.387 13.4099 27.5112 13.4186 27.6301 13.451C27.7491 13.4833 27.8605 13.5388 27.958 13.6143C28.0555 13.6897 28.1372 13.7837 28.1984 13.8907C28.2596 13.9977 28.2991 14.1157 28.3147 14.238C28.6973 17.1501 28.1085 20.107 26.6397 22.6505C25.146 25.2543 22.8156 27.2764 20.0272 28.388C19.9172 28.4186 19.8039 28.4354 19.6897 28.438Z"
+          fill="#121212"
+          stroke="#121212"
+          stroke-width="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_6203_16114">
+          <rect
+            width="30"
+            height="30"
+            fill="white"
+            transform="translate(0 0.450195)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/BoardingPointsIcon.tsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+
+export const BoardingPointIcon: React.FC<IconProps> = ({
+  size = 16,
+  color = '#121212',
+  disabled = false,
+  hoverColor,
+  backgroundColor,
+  onClick,
+}) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 30 30"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      onClick={onClick}
+      style={{
+        backgroundColor,
+        cursor: onClick ? 'pointer' : 'default',
+        opacity: disabled ? 0.5 : 1,
+      }}
+    >
+      <g clipPath="url(#clip0_6096_17200)">
+        <path
+          d="M6.8366 13.4374C5.91489 13.4409 5.02772 13.087 4.3616 12.4499C2.0616 10.2624 1.1366 7.87492 1.6741 5.53742C1.94643 4.38232 2.60851 3.35636 3.54883 2.63234C4.48915 1.90832 5.65026 1.53046 6.8366 1.56242C8.02277 1.53117 9.18352 1.90929 10.1237 2.6332C11.0639 3.35711 11.7261 4.38266 11.9991 5.53742C12.5366 7.87492 11.5991 10.2624 9.3116 12.4499C8.6467 13.0889 7.75872 13.4432 6.8366 13.4374ZM3.4991 5.96242C3.0241 8.04992 4.41159 9.89992 5.66159 11.0874C5.97975 11.3914 6.40283 11.561 6.84285 11.561C7.28286 11.561 7.70594 11.3914 8.0241 11.0874C9.2741 9.89992 10.6616 8.04992 10.1741 5.94992C9.99687 5.21071 9.5684 4.55601 8.96191 4.09772C8.35543 3.63944 7.60861 3.40604 6.8491 3.43742C6.08471 3.40531 5.33287 3.6395 4.72191 4.09999C4.11096 4.56049 3.67876 5.21875 3.4991 5.96242Z"
+          fill={color}
+          stroke={color}
+          strokeWidth="0.4"
+        />
+        <path
+          d="M6.88672 7.75C6.5552 7.75 6.23726 7.6183 6.00284 7.38388C5.76841 7.14946 5.63672 6.83152 5.63672 6.5C5.63672 6.16848 5.76841 5.85054 6.00284 5.61612C6.23726 5.3817 6.5552 5.25 6.88672 5.25H6.89922C7.23074 5.25166 7.54802 5.38494 7.78127 5.62054C8.01452 5.85613 8.14463 6.17473 8.14297 6.50625C8.14131 6.83777 8.00803 7.15505 7.77243 7.3883C7.53684 7.62155 7.21824 7.75166 6.88672 7.75Z"
+          fill={color}
+          stroke={color}
+          strokeWidth="0.4"
+        />
+        <path
+          d="M23.1122 28.4372C22.1872 28.4387 21.2969 28.0852 20.6247 27.4497C18.3122 25.2622 17.3747 22.8747 17.9247 20.5247C18.203 19.3681 18.8701 18.3421 19.8145 17.6185C20.7588 16.8949 21.923 16.5176 23.1122 16.5497C24.3015 16.5176 25.4657 16.8949 26.41 17.6185C27.3543 18.3421 28.0214 19.3681 28.2997 20.5247C28.8372 22.8622 27.8997 25.2622 25.5872 27.4372C24.9267 28.0845 24.0369 28.444 23.1122 28.4372ZM23.1122 18.4372C22.3463 18.4048 21.5928 18.6386 20.9798 19.099C20.3668 19.5593 19.9322 20.2177 19.7497 20.9622C19.2622 23.0497 20.6622 24.9122 21.9122 26.0997C22.2338 26.4068 22.6614 26.5781 23.106 26.5781C23.5506 26.5781 23.9781 26.4068 24.2997 26.0997C25.5497 24.9122 26.9497 23.0622 26.4622 20.9747C26.2899 20.2262 25.86 19.5619 25.2477 19.0981C24.6353 18.6343 23.8795 18.4004 23.1122 18.4372Z"
+          fill={color}
+          stroke={color}
+          strokeWidth="0.4"
+        />
+        <path
+          d="M23.1621 22.75C22.8306 22.75 22.5126 22.6183 22.2782 22.3839C22.0438 22.1495 21.9121 21.8315 21.9121 21.5C21.9121 21.1685 22.0438 20.8505 22.2782 20.6161C22.5126 20.3817 22.8306 20.25 23.1621 20.25H23.1746C23.5061 20.25 23.8241 20.3817 24.0585 20.6161C24.2929 20.8505 24.4246 21.1685 24.4246 21.5C24.4207 21.8325 24.286 22.15 24.0497 22.3839C23.8135 22.6179 23.4946 22.7494 23.1621 22.75Z"
+          fill={color}
+          stroke={color}
+          strokeWidth="0.4"
+        />
+        <path
+          d="M14.9998 24.6876H11.6498C10.9507 24.6868 10.2684 24.473 9.69396 24.0746C9.1195 23.6762 8.6801 23.1122 8.43434 22.4577C8.18858 21.8033 8.14813 21.0895 8.31837 20.4114C8.48862 19.7334 8.86148 19.1233 9.38725 18.6626L19.3748 9.9251C19.6148 9.71652 19.7853 9.43957 19.8635 9.13135C19.9418 8.82314 19.9239 8.49838 19.8124 8.20058C19.7009 7.90278 19.5011 7.64617 19.2397 7.46513C18.9782 7.28408 18.6677 7.18725 18.3498 7.1876H14.9998C14.7516 7.18596 14.5141 7.08667 14.3387 6.9112C14.1632 6.73574 14.0639 6.49824 14.0623 6.2501C14.0639 6.00197 14.1632 5.76446 14.3387 5.589C14.5141 5.41354 14.7516 5.31424 14.9998 5.3126H18.3498C19.0492 5.30718 19.7333 5.51804 20.3084 5.91633C20.8834 6.31461 21.3214 6.88087 21.5623 7.5376C21.8129 8.19195 21.8562 8.90756 21.6862 9.58734C21.5163 10.2671 21.1413 10.8782 20.6123 11.3376L10.6248 20.0751C10.3847 20.2837 10.2142 20.5606 10.136 20.8689C10.0577 21.1771 10.0756 21.5018 10.1871 21.7996C10.2986 22.0974 10.4984 22.354 10.7598 22.5351C11.0213 22.7161 11.3318 22.813 11.6498 22.8126H14.9998C15.2484 22.8126 15.4869 22.9114 15.6627 23.0872C15.8385 23.263 15.9373 23.5015 15.9373 23.7501C15.9373 23.9987 15.8385 24.2372 15.6627 24.413C15.4869 24.5888 15.2484 24.6876 14.9998 24.6876Z"
+          fill={color}
+          stroke={color}
+          strokeWidth="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_6096_17200">
+          <rect width="30" height="30" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/BusesIcon.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+
+export const BusesIcon: React.FC<IconProps> = ({
+  size = 16,
+  color = '#121212',
+  disabled = false,
+  hoverColor,
+  backgroundColor,
+  onClick,
+}) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 30 30"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      onClick={onClick}
+      style={{
+        backgroundColor,
+        cursor: onClick ? 'pointer' : 'default',
+        opacity: disabled ? 0.5 : 1,
+      }}
+    >
+      <path
+        d="M21.1245 28.4385H8.8755C7.59983 28.4358 6.37715 27.9279 5.47511 27.0259C4.57307 26.1238 4.06514 24.9012 4.0625 23.6255V6.37648C4.06514 5.1008 4.57307 3.87813 5.47511 2.97609C6.37715 2.07405 7.59983 1.56612 8.8755 1.56348L21.1255 1.56348C22.4012 1.56612 23.6238 2.07405 24.5259 2.97609C25.4279 3.87813 25.9359 5.1008 25.9385 6.37648V23.6265C25.9356 24.9022 25.4274 26.1247 24.5252 27.0266C23.623 27.9284 22.4002 28.4361 21.1245 28.4385ZM8.8745 3.43848C8.09579 3.4398 7.34937 3.74979 6.79884 4.30052C6.2483 4.85124 5.93856 5.59777 5.9375 6.37648V23.6265C5.93882 24.4052 6.24882 25.1516 6.79954 25.7021C7.35027 26.2527 8.09679 26.5624 8.8755 26.5635H21.1255C21.9042 26.5622 22.6506 26.2522 23.2012 25.7014C23.7517 25.1507 24.0614 24.4042 24.0625 23.6255V6.37648C24.0614 5.5976 23.7516 4.85092 23.2008 4.30017C22.6501 3.74941 21.9034 3.43953 21.1245 3.43848H8.8745Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M23.1255 17.1885H6.8755C6.12977 17.1874 5.41489 16.8907 4.88758 16.3634C4.36027 15.8361 4.06356 15.1212 4.0625 14.3755V11.8755C4.06382 11.1299 4.36065 10.4153 4.88793 9.8882C5.41521 9.36111 6.12994 9.06453 6.8755 9.06348H23.1255C23.8711 9.0648 24.5857 9.36162 25.1128 9.88891C25.6399 10.4162 25.9364 11.1309 25.9375 11.8765V14.3765C25.9362 15.1219 25.6395 15.8363 25.1124 16.3634C24.5854 16.8905 23.8709 17.1872 23.1255 17.1885ZM6.8755 10.9385C6.62721 10.94 6.38954 11.0394 6.21397 11.2149C6.0384 11.3905 5.93907 11.6282 5.9375 11.8765V14.3765C5.93907 14.6248 6.0384 14.8624 6.21397 15.038C6.38954 15.2136 6.62721 15.3129 6.8755 15.3145H23.1255C23.3738 15.3126 23.6114 15.2131 23.7867 15.0373C23.9621 14.8615 24.0612 14.6238 24.0625 14.3755V11.8755C24.0609 11.6274 23.9617 11.3898 23.7864 11.2143C23.611 11.0388 23.3736 10.9393 23.1255 10.9375L6.8755 10.9385Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M9.9995 23.4338C9.79447 23.4349 9.59134 23.3945 9.40231 23.3151C9.21328 23.2357 9.04225 23.1189 8.8995 22.9718C8.82323 22.901 8.75605 22.8211 8.6995 22.7338C8.64613 22.6505 8.59996 22.5629 8.5615 22.4718C8.51702 22.3758 8.48348 22.2752 8.4615 22.1718C8.44742 22.0734 8.43941 21.9742 8.4375 21.8748C8.43962 21.7744 8.44797 21.6742 8.4625 21.5748C8.48448 21.4713 8.51802 21.3707 8.5625 21.2748C8.60091 21.1833 8.64708 21.0953 8.7005 21.0118C8.75705 20.9245 8.82423 20.8445 8.9005 20.7738C9.19684 20.4909 9.5908 20.333 10.0005 20.333C10.4102 20.333 10.8042 20.4909 11.1005 20.7738C11.1768 20.8445 11.2439 20.9245 11.3005 21.0118C11.3536 21.0954 11.3994 21.1834 11.4375 21.2748C11.482 21.3707 11.5155 21.4713 11.5375 21.5748C11.552 21.6742 11.5604 21.7744 11.5625 21.8748C11.5604 21.9752 11.552 22.0754 11.5375 22.1748C11.5155 22.2782 11.482 22.3788 11.4375 22.4748C11.399 22.5659 11.3529 22.6535 11.2995 22.7368C11.2429 22.8241 11.1758 22.904 11.0995 22.9748C10.9565 23.1214 10.7854 23.2376 10.5963 23.3165C10.4073 23.3954 10.2043 23.4353 9.9995 23.4338Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M20.0002 23.4338C19.7951 23.4349 19.592 23.3946 19.403 23.3152C19.2139 23.2358 19.0429 23.119 18.9002 22.9718C18.7537 22.8285 18.6373 22.6574 18.5579 22.4685C18.4784 22.2796 18.4375 22.0767 18.4375 21.8718C18.4375 21.6669 18.4784 21.464 18.5579 21.2752C18.6373 21.0863 18.7537 20.9151 18.9002 20.7718C19.1965 20.4889 19.5905 20.3311 20.0002 20.3311C20.4099 20.3311 20.8038 20.4889 21.1002 20.7718C21.2466 20.9151 21.363 21.0863 21.4424 21.2752C21.5219 21.464 21.5628 21.6669 21.5628 21.8718C21.5628 22.0767 21.5219 22.2796 21.4424 22.4685C21.363 22.6574 21.2466 22.8285 21.1002 22.9718C20.9574 23.119 20.7864 23.2358 20.5973 23.3152C20.4083 23.3946 20.2052 23.4349 20.0002 23.4338Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M18.1255 7.18848H11.8755C11.6274 7.18691 11.3899 7.08771 11.2143 6.91236C11.0388 6.73701 10.9393 6.49959 10.9375 6.25148C10.9391 6.00319 11.0384 5.76552 11.214 5.58995C11.3895 5.41438 11.6272 5.31505 11.8755 5.31348H18.1255C18.3736 5.31531 18.611 5.41476 18.7864 5.5903C18.9617 5.76584 19.0609 6.00336 19.0625 6.25148C19.0607 6.49942 18.9614 6.73669 18.786 6.91201C18.6107 7.08734 18.3734 7.18664 18.1255 7.18848Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/GatePassIcon.tsx

@@ -0,0 +1,50 @@
+import { IconProps } from '../Icons';
+
+export const GatePassIcon = ({ size = 16 }: IconProps) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 30 31"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_6203_16144)">
+        <path
+          d="M21.2505 26.3887H8.7495C3.2375 26.3887 1.5625 24.7137 1.5625 19.2007V18.5757C1.56433 18.3276 1.66378 18.0901 1.83932 17.9148C2.01486 17.7394 2.25238 17.6402 2.5005 17.6387C3.07256 17.6264 3.61707 17.3906 4.01733 16.9817C4.41758 16.5728 4.64173 16.0234 4.64173 15.4512C4.64173 14.879 4.41758 14.3296 4.01733 13.9206C3.61707 13.5117 3.07256 13.2759 2.5005 13.2637C2.25221 13.2621 2.01454 13.1628 1.83897 12.9872C1.6634 12.8116 1.56407 12.574 1.5625 12.3257V11.7007C1.5625 6.18867 3.2375 4.51367 8.7495 4.51367H21.2495C26.7625 4.51367 28.4365 6.18867 28.4365 11.7007V12.9507C28.4349 13.1988 28.3357 13.4363 28.1604 13.6119C27.985 13.7874 27.7476 13.8868 27.4995 13.8887C26.9193 13.8887 26.3629 14.1191 25.9527 14.5294C25.5425 14.9396 25.312 15.496 25.312 16.0762C25.312 16.6563 25.5425 17.2127 25.9527 17.623C26.3629 18.0332 26.9193 18.2637 27.4995 18.2637C27.7476 18.2652 27.9851 18.3644 28.1607 18.5398C28.3362 18.7151 28.4357 18.9526 28.4375 19.2007C28.4375 24.7137 26.7625 26.3887 21.2505 26.3887ZM3.4375 19.4007C3.4625 23.7007 4.3495 24.5137 8.7495 24.5137H21.2495C25.4245 24.5137 26.4365 23.7767 26.5495 20.0267C25.6613 19.8136 24.8708 19.3073 24.3058 18.5895C23.7409 17.8717 23.4344 16.9845 23.4359 16.071C23.4374 15.1576 23.7468 14.2713 24.3141 13.5555C24.8815 12.8396 25.6736 12.3358 26.5625 12.1257V11.7007C26.5625 7.23867 25.7255 6.38867 21.2505 6.38867H8.7495C4.3495 6.38867 3.4625 7.20167 3.4375 11.5007C4.32701 11.7111 5.11947 12.2156 5.68656 12.9324C6.25364 13.6493 6.56217 14.5366 6.56217 15.4507C6.56217 16.3647 6.25364 17.252 5.68656 17.9689C5.11947 18.6858 4.32701 19.1903 3.4375 19.4007Z"
+          fill="#121212"
+          stroke="#121212"
+          strokeWidth="0.4"
+        />
+        <path
+          d="M12.5005 9.51367C12.2522 9.5121 12.0145 9.41277 11.839 9.2372C11.6634 9.06163 11.5641 8.82396 11.5625 8.57567V5.45167C11.5641 5.20338 11.6634 4.96571 11.839 4.79014C12.0145 4.61457 12.2522 4.51525 12.5005 4.51367C12.7488 4.51525 12.9865 4.61457 13.162 4.79014C13.3376 4.96571 13.4369 5.20338 13.4385 5.45167V8.57567C13.4369 8.82396 13.3376 9.06163 13.162 9.2372C12.9865 9.41277 12.7488 9.5121 12.5005 9.51367Z"
+          fill="#121212"
+          stroke="#121212"
+          strokeWidth="0.4"
+        />
+        <path
+          d="M12.5005 18.6739C12.2524 18.6723 12.0149 18.5732 11.8393 18.3978C11.6638 18.2224 11.5643 17.985 11.5625 17.7369V13.1499C11.5641 12.9016 11.6634 12.664 11.839 12.4884C12.0145 12.3128 12.2522 12.2135 12.5005 12.2119C12.7488 12.2135 12.9865 12.3128 13.162 12.4884C13.3376 12.664 13.4369 12.9016 13.4385 13.1499V17.7369C13.4386 17.8601 13.4145 17.9821 13.3673 18.0959C13.3202 18.2097 13.2511 18.3131 13.164 18.4001C13.0769 18.4872 12.9734 18.5562 12.8595 18.6031C12.7457 18.6501 12.6237 18.6742 12.5005 18.6739Z"
+          fill="#121212"
+          stroke="#121212"
+          strokeWidth="0.4"
+        />
+        <path
+          d="M12.5005 26.3887C12.2522 26.3871 12.0145 26.2878 11.839 26.1122C11.6634 25.9366 11.5641 25.699 11.5625 25.4507V22.3267C11.5641 22.0784 11.6634 21.8407 11.839 21.6651C12.0145 21.4896 12.2522 21.3902 12.5005 21.3887C12.7488 21.3902 12.9865 21.4896 13.162 21.6651C13.3376 21.8407 13.4369 22.0784 13.4385 22.3267V25.4507C13.4369 25.699 13.3376 25.9366 13.162 26.1122C12.9865 26.2878 12.7488 26.3871 12.5005 26.3887Z"
+          fill="#121212"
+          stroke="#121212"
+          strokeWidth="0.4"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_6203_16144">
+          <rect
+            width="30"
+            height="30"
+            fill="white"
+            transform="translate(0 0.450195)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};