@canmingir/link 1.1.0

package/minimal/src/routes/paths.js

@@ -0,0 +1,180 @@
+import { paramCase } from 'src/utils/change-case';
+
+import { _id, _postTitles } from 'src/_mock/assets';
+
+// ----------------------------------------------------------------------
+
+const MOCK_ID = _id[1];
+
+const MOCK_TITLE = _postTitles[2];
+
+const ROOTS = {
+  AUTH: '/auth',
+  AUTH_DEMO: '/auth-demo',
+  DASHBOARD: '/dashboard',
+};
+
+// ----------------------------------------------------------------------
+
+export const paths = {
+  comingSoon: '/coming-soon',
+  maintenance: '/maintenance',
+  pricing: '/pricing',
+  payment: '/payment',
+  about: '/about-us',
+  contact: '/contact-us',
+  faqs: '/faqs',
+  page403: '/403',
+  page404: '/404',
+  page500: '/500',
+  components: '/components',
+  docs: 'https://docs.minimals.cc',
+  changelog: 'https://docs.minimals.cc/changelog',
+  zoneUI: 'https://mui.com/store/items/zone-landing-page/',
+  minimalUI: 'https://mui.com/store/items/minimal-dashboard/',
+  freeUI: 'https://mui.com/store/items/minimal-dashboard-free/',
+  figma:
+    'https://www.figma.com/file/hjxMnGUJCjY7pX8lQbS7kn/%5BPreview%5D-Minimal-Web.v5.4.0?type=design&node-id=0-1&mode=design&t=2fxnS70DuiTLGzND-0',
+  product: {
+    root: `/product`,
+    checkout: `/product/checkout`,
+    details: (id) => `/product/${id}`,
+    demo: {
+      details: `/product/${MOCK_ID}`,
+    },
+  },
+  post: {
+    root: `/post`,
+    details: (title) => `/post/${paramCase(title)}`,
+    demo: {
+      details: `/post/${paramCase(MOCK_TITLE)}`,
+    },
+  },
+  // AUTH
+  auth: {
+    amplify: {
+      login: `${ROOTS.AUTH}/amplify/login`,
+      verify: `${ROOTS.AUTH}/amplify/verify`,
+      register: `${ROOTS.AUTH}/amplify/register`,
+      newPassword: `${ROOTS.AUTH}/amplify/new-password`,
+      forgotPassword: `${ROOTS.AUTH}/amplify/forgot-password`,
+    },
+    jwt: {
+      login: `${ROOTS.AUTH}/jwt/login`,
+      register: `${ROOTS.AUTH}/jwt/register`,
+    },
+    firebase: {
+      login: `${ROOTS.AUTH}/firebase/login`,
+      verify: `${ROOTS.AUTH}/firebase/verify`,
+      register: `${ROOTS.AUTH}/firebase/register`,
+      forgotPassword: `${ROOTS.AUTH}/firebase/forgot-password`,
+    },
+    auth0: {
+      login: `${ROOTS.AUTH}/auth0/login`,
+    },
+  },
+  authDemo: {
+    classic: {
+      login: `${ROOTS.AUTH_DEMO}/classic/login`,
+      register: `${ROOTS.AUTH_DEMO}/classic/register`,
+      forgotPassword: `${ROOTS.AUTH_DEMO}/classic/forgot-password`,
+      newPassword: `${ROOTS.AUTH_DEMO}/classic/new-password`,
+      verify: `${ROOTS.AUTH_DEMO}/classic/verify`,
+    },
+    modern: {
+      login: `${ROOTS.AUTH_DEMO}/modern/login`,
+      register: `${ROOTS.AUTH_DEMO}/modern/register`,
+      forgotPassword: `${ROOTS.AUTH_DEMO}/modern/forgot-password`,
+      newPassword: `${ROOTS.AUTH_DEMO}/modern/new-password`,
+      verify: `${ROOTS.AUTH_DEMO}/modern/verify`,
+    },
+  },
+  // DASHBOARD
+  dashboard: {
+    root: ROOTS.DASHBOARD,
+    mail: `${ROOTS.DASHBOARD}/mail`,
+    chat: `${ROOTS.DASHBOARD}/chat`,
+    blank: `${ROOTS.DASHBOARD}/blank`,
+    kanban: `${ROOTS.DASHBOARD}/kanban`,
+    calendar: `${ROOTS.DASHBOARD}/calendar`,
+    fileManager: `${ROOTS.DASHBOARD}/file-manager`,
+    permission: `${ROOTS.DASHBOARD}/permission`,
+    general: {
+      app: `${ROOTS.DASHBOARD}/app`,
+      ecommerce: `${ROOTS.DASHBOARD}/ecommerce`,
+      analytics: `${ROOTS.DASHBOARD}/analytics`,
+      banking: `${ROOTS.DASHBOARD}/banking`,
+      booking: `${ROOTS.DASHBOARD}/booking`,
+      file: `${ROOTS.DASHBOARD}/file`,
+    },
+    user: {
+      root: `${ROOTS.DASHBOARD}/user`,
+      new: `${ROOTS.DASHBOARD}/user/new`,
+      list: `${ROOTS.DASHBOARD}/user/list`,
+      cards: `${ROOTS.DASHBOARD}/user/cards`,
+      profile: `${ROOTS.DASHBOARD}/user/profile`,
+      account: `${ROOTS.DASHBOARD}/user/account`,
+      edit: (id) => `${ROOTS.DASHBOARD}/user/${id}/edit`,
+      demo: {
+        edit: `${ROOTS.DASHBOARD}/user/${MOCK_ID}/edit`,
+      },
+    },
+    product: {
+      root: `${ROOTS.DASHBOARD}/product`,
+      new: `${ROOTS.DASHBOARD}/product/new`,
+      details: (id) => `${ROOTS.DASHBOARD}/product/${id}`,
+      edit: (id) => `${ROOTS.DASHBOARD}/product/${id}/edit`,
+      demo: {
+        details: `${ROOTS.DASHBOARD}/product/${MOCK_ID}`,
+        edit: `${ROOTS.DASHBOARD}/product/${MOCK_ID}/edit`,
+      },
+    },
+    invoice: {
+      root: `${ROOTS.DASHBOARD}/invoice`,
+      new: `${ROOTS.DASHBOARD}/invoice/new`,
+      details: (id) => `${ROOTS.DASHBOARD}/invoice/${id}`,
+      edit: (id) => `${ROOTS.DASHBOARD}/invoice/${id}/edit`,
+      demo: {
+        details: `${ROOTS.DASHBOARD}/invoice/${MOCK_ID}`,
+        edit: `${ROOTS.DASHBOARD}/invoice/${MOCK_ID}/edit`,
+      },
+    },
+    post: {
+      root: `${ROOTS.DASHBOARD}/post`,
+      new: `${ROOTS.DASHBOARD}/post/new`,
+      details: (title) => `${ROOTS.DASHBOARD}/post/${paramCase(title)}`,
+      edit: (title) => `${ROOTS.DASHBOARD}/post/${paramCase(title)}/edit`,
+      demo: {
+        details: `${ROOTS.DASHBOARD}/post/${paramCase(MOCK_TITLE)}`,
+        edit: `${ROOTS.DASHBOARD}/post/${paramCase(MOCK_TITLE)}/edit`,
+      },
+    },
+    order: {
+      root: `${ROOTS.DASHBOARD}/order`,
+      details: (id) => `${ROOTS.DASHBOARD}/order/${id}`,
+      demo: {
+        details: `${ROOTS.DASHBOARD}/order/${MOCK_ID}`,
+      },
+    },
+    job: {
+      root: `${ROOTS.DASHBOARD}/job`,
+      new: `${ROOTS.DASHBOARD}/job/new`,
+      details: (id) => `${ROOTS.DASHBOARD}/job/${id}`,
+      edit: (id) => `${ROOTS.DASHBOARD}/job/${id}/edit`,
+      demo: {
+        details: `${ROOTS.DASHBOARD}/job/${MOCK_ID}`,
+        edit: `${ROOTS.DASHBOARD}/job/${MOCK_ID}/edit`,
+      },
+    },
+    tour: {
+      root: `${ROOTS.DASHBOARD}/tour`,
+      new: `${ROOTS.DASHBOARD}/tour/new`,
+      details: (id) => `${ROOTS.DASHBOARD}/tour/${id}`,
+      edit: (id) => `${ROOTS.DASHBOARD}/tour/${id}/edit`,
+      demo: {
+        details: `${ROOTS.DASHBOARD}/tour/${MOCK_ID}`,
+        edit: `${ROOTS.DASHBOARD}/tour/${MOCK_ID}/edit`,
+      },
+    },
+  },
+};

package/minimal/src/routes/sections/auth-demo.jsx

@@ -0,0 +1,112 @@
+import { lazy, Suspense } from 'react';
+import { Outlet } from 'react-router-dom';
+
+import CompactLayout from 'src/layouts/compact';
+import AuthModernLayout from 'src/layouts/auth/modern';
+import AuthClassicLayout from 'src/layouts/auth/classic';
+import AuthModernCompactLayout from 'src/layouts/auth/modern-compact';
+
+import { SplashScreen } from 'src/components/loading-screen';
+
+// ----------------------------------------------------------------------
+
+// CLASSIC
+const LoginClassicPage = lazy(() => import('src/pages/auth-demo/classic/login'));
+const RegisterClassicPage = lazy(() => import('src/pages/auth-demo/classic/register'));
+const ForgotPasswordClassicPage = lazy(() => import('src/pages/auth-demo/classic/forgot-password'));
+const VerifyClassicPage = lazy(() => import('src/pages/auth-demo/classic/verify'));
+const NewPasswordClassicPage = lazy(() => import('src/pages/auth-demo/classic/new-password'));
+
+// MODERN
+const LoginModernPage = lazy(() => import('src/pages/auth-demo/modern/login'));
+const RegisterModernPage = lazy(() => import('src/pages/auth-demo/modern/register'));
+const ForgotPasswordModernPage = lazy(() => import('src/pages/auth-demo/modern/forgot-password'));
+const VerifyModernPage = lazy(() => import('src/pages/auth-demo/modern/verify'));
+const NewPasswordModernPage = lazy(() => import('src/pages/auth-demo/modern/new-password'));
+
+// ----------------------------------------------------------------------
+
+const authClassic = {
+  path: 'classic',
+  element: (
+    <Suspense fallback={<SplashScreen />}>
+      <Outlet />
+    </Suspense>
+  ),
+  children: [
+    {
+      path: 'login',
+      element: (
+        <AuthClassicLayout>
+          <LoginClassicPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      path: 'register',
+      element: (
+        <AuthClassicLayout title="Manage the job more effectively with Minimal">
+          <RegisterClassicPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      element: (
+        <CompactLayout>
+          <Outlet />
+        </CompactLayout>
+      ),
+      children: [
+        { path: 'forgot-password', element: <ForgotPasswordClassicPage /> },
+        { path: 'new-password', element: <NewPasswordClassicPage /> },
+        { path: 'verify', element: <VerifyClassicPage /> },
+      ],
+    },
+  ],
+};
+
+const authModern = {
+  path: 'modern',
+  element: (
+    <Suspense fallback={<SplashScreen />}>
+      <Outlet />
+    </Suspense>
+  ),
+  children: [
+    {
+      path: 'login',
+      element: (
+        <AuthModernLayout>
+          <LoginModernPage />
+        </AuthModernLayout>
+      ),
+    },
+    {
+      path: 'register',
+      element: (
+        <AuthModernLayout>
+          <RegisterModernPage />
+        </AuthModernLayout>
+      ),
+    },
+    {
+      element: (
+        <AuthModernCompactLayout>
+          <Outlet />
+        </AuthModernCompactLayout>
+      ),
+      children: [
+        { path: 'forgot-password', element: <ForgotPasswordModernPage /> },
+        { path: 'new-password', element: <NewPasswordModernPage /> },
+        { path: 'verify', element: <VerifyModernPage /> },
+      ],
+    },
+  ],
+};
+
+export const authDemoRoutes = [
+  {
+    path: 'auth-demo',
+    children: [authClassic, authModern],
+  },
+];

package/minimal/src/routes/sections/auth.jsx

@@ -0,0 +1,175 @@
+import { lazy, Suspense } from 'react';
+import { Outlet } from 'react-router-dom';
+
+import { GuestGuard } from 'src/auth/guard';
+import CompactLayout from 'src/layouts/compact';
+import AuthClassicLayout from 'src/layouts/auth/classic';
+
+import { SplashScreen } from 'src/components/loading-screen';
+
+// ----------------------------------------------------------------------
+
+// AMPLIFY
+const AmplifyLoginPage = lazy(() => import('src/pages/auth/amplify/login'));
+const AmplifyRegisterPage = lazy(() => import('src/pages/auth/amplify/register'));
+const AmplifyVerifyPage = lazy(() => import('src/pages/auth/amplify/verify'));
+const AmplifyNewPasswordPage = lazy(() => import('src/pages/auth/amplify/new-password'));
+const AmplifyForgotPasswordPage = lazy(() => import('src/pages/auth/amplify/forgot-password'));
+
+// JWT
+const JwtLoginPage = lazy(() => import('src/pages/auth/jwt/login'));
+const JwtRegisterPage = lazy(() => import('src/pages/auth/jwt/register'));
+
+// FIREBASE
+const FirebaseLoginPage = lazy(() => import('src/pages/auth/firebase/login'));
+const FirebaseRegisterPage = lazy(() => import('src/pages/auth/firebase/register'));
+const FirebaseVerifyPage = lazy(() => import('src/pages/auth/firebase/verify'));
+const FirebaseForgotPasswordPage = lazy(() => import('src/pages/auth/firebase/forgot-password'));
+
+// AUTH0
+const Auth0LoginPage = lazy(() => import('src/pages/auth/auth0/login'));
+const Auth0Callback = lazy(() => import('src/pages/auth/auth0/callback'));
+
+// ----------------------------------------------------------------------
+
+const authAmplify = {
+  path: 'amplify',
+  element: (
+    <GuestGuard>
+      <Suspense fallback={<SplashScreen />}>
+        <Outlet />
+      </Suspense>
+    </GuestGuard>
+  ),
+  children: [
+    {
+      path: 'login',
+      element: (
+        <AuthClassicLayout>
+          <AmplifyLoginPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      path: 'register',
+      element: (
+        <AuthClassicLayout title="Manage the job more effectively with Minimal">
+          <AmplifyRegisterPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      element: (
+        <CompactLayout>
+          <Outlet />
+        </CompactLayout>
+      ),
+      children: [
+        { path: 'verify', element: <AmplifyVerifyPage /> },
+        { path: 'new-password', element: <AmplifyNewPasswordPage /> },
+        { path: 'forgot-password', element: <AmplifyForgotPasswordPage /> },
+      ],
+    },
+  ],
+};
+
+const authJwt = {
+  path: 'jwt',
+  element: (
+    <GuestGuard>
+      <Suspense fallback={<SplashScreen />}>
+        <Outlet />
+      </Suspense>
+    </GuestGuard>
+  ),
+  children: [
+    {
+      path: 'login',
+      element: (
+        <AuthClassicLayout>
+          <JwtLoginPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      path: 'register',
+      element: (
+        <AuthClassicLayout title="Manage the job more effectively with Minimal">
+          <JwtRegisterPage />
+        </AuthClassicLayout>
+      ),
+    },
+  ],
+};
+
+const authFirebase = {
+  path: 'firebase',
+  element: (
+    <GuestGuard>
+      <Suspense fallback={<SplashScreen />}>
+        <Outlet />
+      </Suspense>
+    </GuestGuard>
+  ),
+  children: [
+    {
+      path: 'login',
+      element: (
+        <AuthClassicLayout>
+          <FirebaseLoginPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      path: 'register',
+      element: (
+        <AuthClassicLayout title="Manage the job more effectively with Minimal">
+          <FirebaseRegisterPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      element: (
+        <CompactLayout>
+          <Outlet />
+        </CompactLayout>
+      ),
+      children: [
+        { path: 'verify', element: <FirebaseVerifyPage /> },
+        { path: 'forgot-password', element: <FirebaseForgotPasswordPage /> },
+      ],
+    },
+  ],
+};
+
+const authAuth0 = {
+  path: 'auth0',
+  element: (
+    <GuestGuard>
+      <Suspense fallback={<SplashScreen />}>
+        <Outlet />
+      </Suspense>
+    </GuestGuard>
+  ),
+  children: [
+    {
+      path: 'login',
+      element: (
+        <AuthClassicLayout>
+          <Auth0LoginPage />
+        </AuthClassicLayout>
+      ),
+    },
+    {
+      path: 'callback',
+      element: <Auth0Callback />,
+    },
+  ],
+};
+
+export const authRoutes = [
+  {
+    path: 'auth',
+    children: [authAmplify, authJwt, authFirebase, authAuth0],
+  },
+];

package/minimal/src/routes/sections/components.jsx

@@ -0,0 +1,173 @@
+import { lazy, Suspense } from 'react';
+import { Outlet, Navigate } from 'react-router-dom';
+
+import MainLayout from 'src/layouts/main';
+
+import { SplashScreen } from 'src/components/loading-screen';
+
+// ----------------------------------------------------------------------
+
+const IndexPage = lazy(() => import('src/pages/components'));
+// FOUNDATION
+const ColorsPage = lazy(() => import('src/pages/components/foundation/colors'));
+const TypographyPage = lazy(() => import('src/pages/components/foundation/typography'));
+const ShadowsPage = lazy(() => import('src/pages/components/foundation/shadows'));
+const GridPage = lazy(() => import('src/pages/components/foundation/grid'));
+const IconsPage = lazy(() => import('src/pages/components/foundation/icons'));
+
+// MUI COMPONENTS
+const AccordionPage = lazy(() => import('src/pages/components/mui/accordion'));
+const AlertPage = lazy(() => import('src/pages/components/mui/alert'));
+const AutocompletePage = lazy(() => import('src/pages/components/mui/autocomplete'));
+const AvatarPage = lazy(() => import('src/pages/components/mui/avatar'));
+const BadgePage = lazy(() => import('src/pages/components/mui/badge'));
+const BreadcrumbsPage = lazy(() => import('src/pages/components/mui/breadcrumbs'));
+const ButtonsPage = lazy(() => import('src/pages/components/mui/buttons'));
+const CheckboxPage = lazy(() => import('src/pages/components/mui/checkbox'));
+const ChipPage = lazy(() => import('src/pages/components/mui/chip'));
+const DataGridPage = lazy(() => import('src/pages/components/mui/data-grid'));
+const DialogPage = lazy(() => import('src/pages/components/mui/dialog'));
+const ListPage = lazy(() => import('src/pages/components/mui/list'));
+const MenuPage = lazy(() => import('src/pages/components/mui/menu'));
+const PaginationPage = lazy(() => import('src/pages/components/mui/pagination'));
+const PickersPage = lazy(() => import('src/pages/components/mui/pickers'));
+const PopoverPage = lazy(() => import('src/pages/components/mui/popover'));
+const ProgressPage = lazy(() => import('src/pages/components/mui/progress'));
+const RadioButtonsPage = lazy(() => import('src/pages/components/mui/radio-button'));
+const RatingPage = lazy(() => import('src/pages/components/mui/rating'));
+const SliderPage = lazy(() => import('src/pages/components/mui/slider'));
+const StepperPage = lazy(() => import('src/pages/components/mui/stepper'));
+const SwitchPage = lazy(() => import('src/pages/components/mui/switch'));
+const TablePage = lazy(() => import('src/pages/components/mui/table'));
+const TabsPage = lazy(() => import('src/pages/components/mui/tabs'));
+const TextFieldPage = lazy(() => import('src/pages/components/mui/textfield'));
+const TimelinePage = lazy(() => import('src/pages/components/mui/timeline'));
+const TooltipPage = lazy(() => import('src/pages/components/mui/tooltip'));
+const TransferListPage = lazy(() => import('src/pages/components/mui/transfer-list'));
+
+// EXTRA COMPONENTS
+const AnimatePage = lazy(() => import('src/pages/components/extra/animate'));
+const CarouselsPage = lazy(() => import('src/pages/components/extra/carousel'));
+const ChartPage = lazy(() => import('src/pages/components/extra/chart'));
+const CopyToClipboardPage = lazy(() => import('src/pages/components/extra/copy-to-clipboard'));
+const EditorPage = lazy(() => import('src/pages/components/extra/editor'));
+const FormValidationPage = lazy(() => import('src/pages/components/extra/form-validation'));
+const ImagePage = lazy(() => import('src/pages/components/extra/image'));
+const LabelPage = lazy(() => import('src/pages/components/extra/label'));
+const LightboxPage = lazy(() => import('src/pages/components/extra/lightbox'));
+const MapPage = lazy(() => import('src/pages/components/extra/map'));
+const MegaMenuPage = lazy(() => import('src/pages/components/extra/mega-menu'));
+const MultiLanguagePage = lazy(() => import('src/pages/components/extra/multi-language'));
+const NavigationBarPage = lazy(() => import('src/pages/components/extra/navigation-bar'));
+const OrganizationalChartPage = lazy(() => import('src/pages/components/extra/organization-chart'));
+const ScrollbarPage = lazy(() => import('src/pages/components/extra/scroll'));
+const SnackbarPage = lazy(() => import('src/pages/components/extra/snackbar'));
+const TextMaxLinePage = lazy(() => import('src/pages/components/extra/text-max-line'));
+const UploadPage = lazy(() => import('src/pages/components/extra/upload'));
+const MarkdownPage = lazy(() => import('src/pages/components/extra/markdown'));
+const ScrollProgressPage = lazy(() => import('src/pages/components/extra/scroll-progress'));
+
+// ----------------------------------------------------------------------
+
+export const componentsRoutes = [
+  {
+    element: (
+      <MainLayout>
+        <Suspense fallback={<SplashScreen />}>
+          <Outlet />
+        </Suspense>
+      </MainLayout>
+    ),
+    children: [
+      {
+        path: 'components',
+        children: [
+          { element: <IndexPage />, index: true },
+          {
+            path: 'foundation',
+            children: [
+              {
+                element: <Navigate to="/components/foundation/colors" replace />,
+                index: true,
+              },
+              { path: 'colors', element: <ColorsPage /> },
+              { path: 'typography', element: <TypographyPage /> },
+              { path: 'shadows', element: <ShadowsPage /> },
+              { path: 'grid', element: <GridPage /> },
+              { path: 'icons', element: <IconsPage /> },
+            ],
+          },
+          {
+            path: 'mui',
+            children: [
+              {
+                element: <Navigate to="/components/mui/accordion" replace />,
+                index: true,
+              },
+              { path: 'accordion', element: <AccordionPage /> },
+              { path: 'alert', element: <AlertPage /> },
+              { path: 'autocomplete', element: <AutocompletePage /> },
+              { path: 'avatar', element: <AvatarPage /> },
+              { path: 'badge', element: <BadgePage /> },
+              { path: 'breadcrumbs', element: <BreadcrumbsPage /> },
+              { path: 'buttons', element: <ButtonsPage /> },
+              { path: 'checkbox', element: <CheckboxPage /> },
+              { path: 'chip', element: <ChipPage /> },
+              { path: 'data-grid', element: <DataGridPage /> },
+              { path: 'dialog', element: <DialogPage /> },
+              { path: 'list', element: <ListPage /> },
+              { path: 'menu', element: <MenuPage /> },
+              { path: 'pagination', element: <PaginationPage /> },
+              { path: 'pickers', element: <PickersPage /> },
+              { path: 'popover', element: <PopoverPage /> },
+              { path: 'progress', element: <ProgressPage /> },
+              { path: 'radio-button', element: <RadioButtonsPage /> },
+              { path: 'rating', element: <RatingPage /> },
+              { path: 'slider', element: <SliderPage /> },
+              { path: 'stepper', element: <StepperPage /> },
+              { path: 'switch', element: <SwitchPage /> },
+              { path: 'table', element: <TablePage /> },
+              { path: 'tabs', element: <TabsPage /> },
+              { path: 'textfield', element: <TextFieldPage /> },
+              { path: 'timeline', element: <TimelinePage /> },
+              { path: 'tooltip', element: <TooltipPage /> },
+              { path: 'transfer-list', element: <TransferListPage /> },
+            ],
+          },
+          {
+            path: 'extra',
+            children: [
+              {
+                element: <Navigate to="/components/extra/animate" replace />,
+                index: true,
+              },
+              { path: 'animate', element: <AnimatePage /> },
+              { path: 'carousel', element: <CarouselsPage /> },
+              { path: 'chart', element: <ChartPage /> },
+              { path: 'copy-to-clipboard', element: <CopyToClipboardPage /> },
+              { path: 'editor', element: <EditorPage /> },
+              { path: 'form-validation', element: <FormValidationPage /> },
+              { path: 'image', element: <ImagePage /> },
+              { path: 'label', element: <LabelPage /> },
+              { path: 'lightbox', element: <LightboxPage /> },
+              { path: 'map', element: <MapPage /> },
+              { path: 'mega-menu', element: <MegaMenuPage /> },
+              { path: 'multi-language', element: <MultiLanguagePage /> },
+              { path: 'navigation-bar', element: <NavigationBarPage /> },
+              {
+                path: 'organization-chart',
+                element: <OrganizationalChartPage />,
+              },
+              { path: 'scroll', element: <ScrollbarPage /> },
+              { path: 'snackbar', element: <SnackbarPage /> },
+              { path: 'text-max-line', element: <TextMaxLinePage /> },
+              { path: 'upload', element: <UploadPage /> },
+              { path: 'markdown', element: <MarkdownPage /> },
+              { path: 'scroll-progress', element: <ScrollProgressPage /> },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+];