This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

```
jinic
├─ .editorconfig
├─ .eslintrc.js
├─ .git
│  ├─ COMMIT_EDITMSG
│  ├─ config
│  ├─ description
│  ├─ FETCH_HEAD
│  ├─ HEAD
│  ├─ hooks
│  │  ├─ applypatch-msg.sample
│  │  ├─ commit-msg.sample
│  │  ├─ fsmonitor-watchman.sample
│  │  ├─ post-update.sample
│  │  ├─ pre-applypatch.sample
│  │  ├─ pre-commit.sample
│  │  ├─ pre-merge-commit.sample
│  │  ├─ pre-push.sample
│  │  ├─ pre-rebase.sample
│  │  ├─ pre-receive.sample
│  │  ├─ prepare-commit-msg.sample
│  │  ├─ push-to-checkout.sample
│  │  └─ update.sample
│  ├─ index
│  ├─ info
│  │  └─ exclude
│  ├─ logs
│  │  ├─ HEAD
│  │  └─ refs
│  │     └─ heads
│  │        └─ master
│  ├─ objects
│  │  ├─ 00
│  │  │  ├─ 00c9dfdaed273b759338ca01fccd3f86fef4e3
│  │  │  └─ ca8b29f3766eeee8aca212a969f9109bdf0750
│  │  ├─ 01
│  │  │  ├─ 3311df25fbc13030bc224e4e88df0903b42ed8
│  │  │  ├─ 43cf2de008b5ff50c9666ca1dad6deefed0119
│  │  │  ├─ 4c2434c93077214993b7a0ea1a9a59f899fd45
│  │  │  ├─ 6403746eae026dde8521e445f55c8d3476b0c6
│  │  │  ├─ 6775353b8a44fea3f891290cee79919fed0b01
│  │  │  ├─ 6b4f1af0c54e9605d7f8c3a5d09b96c38c3d95
│  │  │  ├─ b6a70d9d0b5fdd37c69ce74580da663536af38
│  │  │  ├─ db39a37c2b7594763376a6bdfb540c076ac334
│  │  │  └─ ef9e70e6b8d77fd11c5d08b35c11122beb6c70
│  │  ├─ 02 以下省略
│  │  ├─ info
│  │  └─ pack
│  └─ refs
│     ├─ heads
│     │  └─ master
│     └─ tags
├─ .gitignore
├─ .npmrc
├─ .prettierrc.json
├─ .stylelintrc.json
├─ .vscode
│  ├─ custom.code-snippets
│  ├─ extensions.json
│  └─ settings.json
├─ jsconfig.json
├─ next.config.js
├─ package.json
├─ pnpm-lock.yaml
├─ postcss.config.js
├─ public
│  ├─ images
│  │  ├─ avatars
│  │  │  ├─ 1.png
│  │  │  ├─ 10.png
│  │  │  ├─ 2.png
│  │  │  ├─ 3.png
│  │  │  ├─ 4.png
│  │  │  ├─ 5.png
│  │  │  ├─ 6.png
│  │  │  ├─ 7.png
│  │  │  ├─ 8.png
│  │  │  └─ 9.png
│  │  ├─ cards
│  │  │  ├─ 1.png
│  │  │  ├─ 2.png
│  │  │  ├─ 3.png
│  │  │  ├─ 4.png
│  │  │  ├─ 5.png
│  │  │  ├─ amazon-echo-dot.png
│  │  │  ├─ apple-iPhone-13.png
│  │  │  ├─ apple-watch-series-7.png
│  │  │  ├─ australia.png
│  │  │  ├─ beats-studio-2.png
│  │  │  ├─ brazil.png
│  │  │  ├─ china.png
│  │  │  ├─ france.png
│  │  │  ├─ graphic-illustration-1.png
│  │  │  ├─ graphic-illustration-2.png
│  │  │  ├─ graphic-illustration-3.png
│  │  │  ├─ india.png
│  │  │  ├─ iPhone-11-pro.png
│  │  │  ├─ nike-air-jordan.png
│  │  │  ├─ play-station-console.png
│  │  │  └─ us.png
│  │  ├─ icons
│  │  │  ├─ mobile-bg.png
│  │  │  ├─ pdf-document.png
│  │  │  ├─ social-bg.png
│  │  │  └─ support-bg.png
│  │  ├─ illustrations
│  │  │  ├─ auth
│  │  │  │  ├─ v2-forgot-password-dark.png
│  │  │  │  ├─ v2-forgot-password-light.png
│  │  │  │  ├─ v2-login-dark-border.png
│  │  │  │  ├─ v2-login-dark.png
│  │  │  │  ├─ v2-login-light-border.png
│  │  │  │  ├─ v2-login-light.png
│  │  │  │  ├─ v2-register-dark-border.png
│  │  │  │  ├─ v2-register-dark.png
│  │  │  │  ├─ v2-register-light-border.png
│  │  │  │  ├─ v2-register-light.png
│  │  │  │  ├─ v2-reset-password-dark.png
│  │  │  │  ├─ v2-reset-password-light.png
│  │  │  │  ├─ v2-two-steps-dark.png
│  │  │  │  ├─ v2-two-steps-light.png
│  │  │  │  ├─ v2-verify-email-dark.png
│  │  │  │  └─ v2-verify-email-light.png
│  │  │  ├─ characters
│  │  │  │  ├─ 1.png
│  │  │  │  ├─ 2.png
│  │  │  │  ├─ 3.png
│  │  │  │  ├─ 4.png
│  │  │  │  ├─ 5.png
│  │  │  │  ├─ 6.png
│  │  │  │  ├─ 7.png
│  │  │  │  └─ 8.png
│  │  │  ├─ characters-with-objects
│  │  │  │  ├─ 1.png
│  │  │  │  └─ 2.png
│  │  │  └─ objects
│  │  │     ├─ pricing-basic.png
│  │  │     ├─ pricing-enterprise.png
│  │  │     └─ pricing-standard.png
│  │  ├─ logos
│  │  │  ├─ american-express.png
│  │  │  ├─ angular.png
│  │  │  ├─ asana.png
│  │  │  ├─ aws.png
│  │  │  ├─ behance.png
│  │  │  ├─ bootstrap.png
│  │  │  ├─ brave.png
│  │  │  ├─ chrome.png
│  │  │  ├─ dinners-club.png
│  │  │  ├─ dribbble.png
│  │  │  ├─ event-bg.png
│  │  │  ├─ facebook.png
│  │  │  ├─ figma-bg.png
│  │  │  ├─ figma.png
│  │  │  ├─ firebase.png
│  │  │  ├─ github.png
│  │  │  ├─ google-chrome.png
│  │  │  ├─ google.png
│  │  │  ├─ html-bg.png
│  │  │  ├─ internet-explorer.png
│  │  │  ├─ jcb.png
│  │  │  ├─ laravel.png
│  │  │  ├─ linkedin.png
│  │  │  ├─ mailchimp.png
│  │  │  ├─ mastercard.png
│  │  │  ├─ mozilla-firefox.png
│  │  │  ├─ opera-mini.png
│  │  │  ├─ python-bg.png
│  │  │  ├─ react-bg.png
│  │  │  ├─ react.png
│  │  │  ├─ safari.png
│  │  │  ├─ sketch-bg.png
│  │  │  ├─ sketch.png
│  │  │  ├─ slack.png
│  │  │  ├─ twitter-bg.png
│  │  │  ├─ twitter.png
│  │  │  ├─ visa.png
│  │  │  ├─ vue-bg.png
│  │  │  ├─ vue.png
│  │  │  └─ xd-bg.png
│  │  ├─ misc
│  │  │  └─ barcode.png
│  │  └─ pages
│  │     ├─ auth-mask-dark.png
│  │     ├─ auth-mask-light.png
│  │     ├─ auth-reg-multi-mask-dark.png
│  │     ├─ auth-reg-multi-mask-light.png
│  │     ├─ create-deal-type-dark.png
│  │     ├─ create-deal-type-light.png
│  │     ├─ faq-header.png
│  │     ├─ google-home.png
│  │     ├─ iPhone-11.png
│  │     ├─ misc-mask-dark.png
│  │     ├─ misc-mask-light.png
│  │     └─ profile-banner.png
│  ├─ next.svg
│  └─ vercel.svg
├─ README.md
├─ src
│  ├─ @core
│  │  ├─ components
│  │  │  ├─ custom-inputs
│  │  │  │  ├─ Horizontal.jsx
│  │  │  │  ├─ Image.jsx
│  │  │  │  └─ Vertical.jsx
│  │  │  ├─ customizer
│  │  │  │  ├─ index.jsx
│  │  │  │  └─ styles.module.css
│  │  │  ├─ mui
│  │  │  │  ├─ Autocomplete.jsx
│  │  │  │  ├─ Avatar.jsx
│  │  │  │  ├─ Badge.jsx
│  │  │  │  ├─ Chip.jsx
│  │  │  │  ├─ TabList.jsx
│  │  │  │  └─ TextField.jsx
│  │  │  ├─ option-menu
│  │  │  │  └─ index.jsx
│  │  │  └─ scroll-to-top
│  │  │     └─ index.jsx
│  │  ├─ contexts
│  │  │  └─ settingsContext.jsx
│  │  ├─ hooks
│  │  │  ├─ useImageVariant.js
│  │  │  ├─ useLayoutInit.js
│  │  │  ├─ useObjectCookie.js
│  │  │  └─ useSettings.jsx
│  │  ├─ styles
│  │  │  ├─ horizontal
│  │  │  │  ├─ menuItemStyles.js
│  │  │  │  └─ menuRootStyles.js
│  │  │  ├─ stepper.js
│  │  │  ├─ table.module.css
│  │  │  └─ vertical
│  │  │     ├─ menuItemStyles.js
│  │  │     ├─ menuSectionStyles.js
│  │  │     └─ navigationCustomStyles.js
│  │  ├─ svg
│  │  │  ├─ ContentCompact.jsx
│  │  │  ├─ ContentWide.jsx
│  │  │  ├─ DirectionLtr.jsx
│  │  │  ├─ DirectionRtl.jsx
│  │  │  ├─ LayoutCollapsed.jsx
│  │  │  ├─ LayoutHorizontal.jsx
│  │  │  ├─ LayoutVertical.jsx
│  │  │  ├─ Logo.jsx
│  │  │  ├─ SkinBordered.jsx
│  │  │  └─ SkinDefault.jsx
│  │  ├─ tailwind
│  │  │  └─ plugin.js
│  │  ├─ theme
│  │  │  ├─ colorSchemes.js
│  │  │  ├─ customShadows.js
│  │  │  ├─ index.js
│  │  │  ├─ overrides
│  │  │  │  ├─ accordion.jsx
│  │  │  │  ├─ alert.jsx
│  │  │  │  ├─ autocomplete.jsx
│  │  │  │  ├─ avatar.js
│  │  │  │  ├─ backdrop.js
│  │  │  │  ├─ badges.js
│  │  │  │  ├─ breadcrumbs.js
│  │  │  │  ├─ button-group.js
│  │  │  │  ├─ button.js
│  │  │  │  ├─ card.js
│  │  │  │  ├─ checkbox.jsx
│  │  │  │  ├─ chip.js
│  │  │  │  ├─ dialog.js
│  │  │  │  ├─ drawer.js
│  │  │  │  ├─ fab.js
│  │  │  │  ├─ form-control-label.js
│  │  │  │  ├─ icon-button.js
│  │  │  │  ├─ index.js
│  │  │  │  ├─ input.js
│  │  │  │  ├─ list.js
│  │  │  │  ├─ menu.js
│  │  │  │  ├─ pagination.js
│  │  │  │  ├─ paper.js
│  │  │  │  ├─ popover.js
│  │  │  │  ├─ progress.js
│  │  │  │  ├─ radio.jsx
│  │  │  │  ├─ rating.jsx
│  │  │  │  ├─ select.jsx
│  │  │  │  ├─ slider.js
│  │  │  │  ├─ snackbar.js
│  │  │  │  ├─ switch.js
│  │  │  │  ├─ table-pagination.js
│  │  │  │  ├─ tabs.js
│  │  │  │  ├─ timeline.js
│  │  │  │  ├─ toggle-button.js
│  │  │  │  ├─ tooltip.js
│  │  │  │  └─ typography.js
│  │  │  ├─ shadows.js
│  │  │  ├─ spacing.js
│  │  │  └─ typography.js
│  │  └─ utils
│  │     └─ serverHelpers.js
│  ├─ @layouts
│  │  ├─ BlankLayout.jsx
│  │  ├─ components
│  │  │  ├─ horizontal
│  │  │  │  ├─ Footer.jsx
│  │  │  │  ├─ Header.jsx
│  │  │  │  ├─ LayoutContent.jsx
│  │  │  │  └─ Navbar.jsx
│  │  │  └─ vertical
│  │  │     ├─ Footer.jsx
│  │  │     ├─ LayoutContent.jsx
│  │  │     └─ Navbar.jsx
│  │  ├─ HorizontalLayout.jsx
│  │  ├─ LayoutWrapper.jsx
│  │  ├─ styles
│  │  │  ├─ horizontal
│  │  │  │  ├─ StyledFooter.jsx
│  │  │  │  └─ StyledHeader.jsx
│  │  │  ├─ shared
│  │  │  │  └─ StyledMain.jsx
│  │  │  └─ vertical
│  │  │     ├─ StyledFooter.jsx
│  │  │     └─ StyledHeader.jsx
│  │  ├─ utils
│  │  │  └─ layoutClasses.js
│  │  └─ VerticalLayout.jsx
│  ├─ @menu
│  │  ├─ components
│  │  │  ├─ horizontal-menu
│  │  │  │  ├─ HorizontalNav.jsx
│  │  │  │  ├─ Menu.jsx
│  │  │  │  ├─ MenuButton.jsx
│  │  │  │  ├─ MenuItem.jsx
│  │  │  │  ├─ SubMenu.jsx
│  │  │  │  ├─ SubMenuContent.jsx
│  │  │  │  └─ VerticalNavInHorizontal.jsx
│  │  │  ├─ RouterLink.jsx
│  │  │  └─ vertical-menu
│  │  │     ├─ Menu.jsx
│  │  │     ├─ MenuButton.jsx
│  │  │     ├─ MenuItem.jsx
│  │  │     ├─ MenuSection.jsx
│  │  │     ├─ NavCollapseIcons.jsx
│  │  │     ├─ NavHeader.jsx
│  │  │     ├─ SubMenu.jsx
│  │  │     ├─ SubMenuContent.jsx
│  │  │     └─ VerticalNav.jsx
│  │  ├─ contexts
│  │  │  ├─ horizontalNavContext.jsx
│  │  │  └─ verticalNavContext.jsx
│  │  ├─ defaultConfigs.js
│  │  ├─ hooks
│  │  │  ├─ useHorizontalMenu.jsx
│  │  │  ├─ useHorizontalNav.jsx
│  │  │  ├─ useMediaQuery.jsx
│  │  │  ├─ useVerticalMenu.jsx
│  │  │  └─ useVerticalNav.jsx
│  │  ├─ horizontal-menu
│  │  │  └─ index.jsx
│  │  ├─ styles
│  │  │  ├─ horizontal
│  │  │  │  ├─ horizontalUl.module.css
│  │  │  │  ├─ StyledHorizontalMenu.jsx
│  │  │  │  ├─ StyledHorizontalMenuItem.jsx
│  │  │  │  ├─ StyledHorizontalNav.jsx
│  │  │  │  ├─ StyledHorizontalNavExpandIcon.jsx
│  │  │  │  ├─ StyledHorizontalSubMenuContent.jsx
│  │  │  │  └─ StyledHorizontalSubMenuContentWrapper.jsx
│  │  │  ├─ StyledBackdrop.jsx
│  │  │  ├─ StyledMenuIcon.jsx
│  │  │  ├─ StyledMenuLabel.jsx
│  │  │  ├─ StyledMenuPrefix.jsx
│  │  │  ├─ StyledMenuSectionLabel.jsx
│  │  │  ├─ StyledMenuSuffix.jsx
│  │  │  ├─ StyledSubMenuContent.jsx
│  │  │  ├─ styles.module.css
│  │  │  └─ vertical
│  │  │     ├─ StyledVerticalMenu.jsx
│  │  │     ├─ StyledVerticalMenuItem.jsx
│  │  │     ├─ StyledVerticalMenuSection.jsx
│  │  │     ├─ StyledVerticalNav.jsx
│  │  │     ├─ StyledVerticalNavBgColorContainer.jsx
│  │  │     ├─ StyledVerticalNavContainer.jsx
│  │  │     ├─ StyledVerticalNavExpandIcon.jsx
│  │  │     └─ verticalNavBgImage.module.css
│  │  ├─ svg
│  │  │  ├─ ChevronRight.jsx
│  │  │  ├─ Close.jsx
│  │  │  ├─ RadioCircle.jsx
│  │  │  └─ RadioCircleMarked.jsx
│  │  ├─ utils
│  │  │  ├─ menuClasses.js
│  │  │  └─ menuUtils.jsx
│  │  └─ vertical-menu
│  │     └─ index.jsx
│  ├─ app
│  │  ├─ api
│  │  │  ├─ apps
│  │  │  │  ├─ calendar-events
│  │  │  │  │  └─ route.js
│  │  │  │  ├─ invoice
│  │  │  │  │  └─ route.js
│  │  │  │  ├─ permissions
│  │  │  │  │  └─ route.js
│  │  │  │  └─ user-list
│  │  │  │     └─ route.js
│  │  │  ├─ auth
│  │  │  │  └─ [...nextauth]
│  │  │  │     └─ route.js
│  │  │  ├─ fake-db
│  │  │  │  ├─ apps
│  │  │  │  │  ├─ invoice
│  │  │  │  │  │  └─ index.js
│  │  │  │  │  ├─ permissions
│  │  │  │  │  │  └─ index.js
│  │  │  │  │  └─ user-list
│  │  │  │  │     └─ index.js
│  │  │  │  ├─ calendar
│  │  │  │  │  └─ index.js
│  │  │  │  └─ pages
│  │  │  │     ├─ faq
│  │  │  │     │  └─ index.js
│  │  │  │     ├─ pricing
│  │  │  │     │  └─ index.js
│  │  │  │     ├─ user-profile
│  │  │  │     │  └─ index.js
│  │  │  │     └─ widget-examples
│  │  │  │        └─ index.js
│  │  │  ├─ login
│  │  │  │  ├─ route.js
│  │  │  │  └─ users.js
│  │  │  └─ pages
│  │  │     ├─ faq
│  │  │     │  └─ route.js
│  │  │     ├─ pricing
│  │  │     │  └─ route.js
│  │  │     ├─ profile
│  │  │     │  └─ route.js
│  │  │     └─ widget-examples
│  │  │        └─ route.js
│  │  ├─ favicon.ico
│  │  ├─ globals.css
│  │  └─ [lang]
│  │     ├─ (blank-layout-pages)
│  │     │  ├─ apps
│  │     │  │  └─ invoice
│  │     │  │     └─ print
│  │     │  │        └─ [id]
│  │     │  │           └─ page.jsx
│  │     │  ├─ forgot-password
│  │     │  │  └─ page.jsx
│  │     │  ├─ layout.jsx
│  │     │  ├─ login
│  │     │  │  └─ page.jsx
│  │     │  ├─ pages
│  │     │  │  ├─ auth
│  │     │  │  │  ├─ forgot-password-v1
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ forgot-password-v2
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ login-v1
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ login-v2
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ register-multi-steps
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ register-v1
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ register-v2
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ reset-password-v1
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ reset-password-v2
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ two-steps-v1
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ two-steps-v2
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ verify-email-v1
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ verify-email-v2
│  │     │  │  │     └─ page.jsx
│  │     │  │  └─ misc
│  │     │  │     ├─ 401-not-authorized
│  │     │  │     │  └─ page.jsx
│  │     │  │     ├─ 404-not-found
│  │     │  │     │  └─ page.jsx
│  │     │  │     ├─ coming-soon
│  │     │  │     │  └─ page.jsx
│  │     │  │     └─ under-maintenance
│  │     │  │        └─ page.jsx
│  │     │  └─ register
│  │     │     └─ page.jsx
│  │     ├─ (dashboard)
│  │     │  ├─ apps
│  │     │  │  ├─ calendar
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ invoice
│  │     │  │  │  ├─ add
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ edit
│  │     │  │  │  │  └─ [id]
│  │     │  │  │  │     └─ page.jsx
│  │     │  │  │  ├─ list
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ preview
│  │     │  │  │     └─ [id]
│  │     │  │  │        └─ page.jsx
│  │     │  │  ├─ permissions
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ roles
│  │     │  │  │  └─ page.jsx
│  │     │  │  └─ user
│  │     │  │     ├─ list
│  │     │  │     │  └─ page.jsx
│  │     │  │     └─ view
│  │     │  │        └─ page.jsx
│  │     │  ├─ charts
│  │     │  │  ├─ apex-charts
│  │     │  │  │  └─ page.jsx
│  │     │  │  └─ recharts
│  │     │  │     └─ page.jsx
│  │     │  ├─ dashboards
│  │     │  │  ├─ analytics
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ crm
│  │     │  │  │  └─ page.jsx
│  │     │  │  └─ ecommerce
│  │     │  │     └─ page.jsx
│  │     │  ├─ forms
│  │     │  │  ├─ form-layouts
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ form-validation
│  │     │  │  │  └─ page.jsx
│  │     │  │  └─ form-wizard
│  │     │  │     └─ page.jsx
│  │     │  ├─ layout.jsx
│  │     │  ├─ pages
│  │     │  │  ├─ account-settings
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ dialog-examples
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ faq
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ pricing
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ user-profile
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ widget-examples
│  │     │  │  │  ├─ actions
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ advanced
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ basic
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ charts
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ statistics
│  │     │  │  │     └─ page.jsx
│  │     │  │  └─ wizard-examples
│  │     │  │     ├─ checkout
│  │     │  │     │  └─ page.jsx
│  │     │  │     ├─ create-deal
│  │     │  │     │  └─ page.jsx
│  │     │  │     └─ property-listing
│  │     │  │        └─ page.jsx
│  │     │  ├─ react-table
│  │     │  │  └─ page.jsx
│  │     │  └─ shared-route
│  │     │     └─ page.jsx
│  │     ├─ hook-examples
│  │     │  ├─ use-horizontal-nav
│  │     │  │  ├─ is-breakpoint-reached
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ layout.jsx
│  │     │  │  └─ update-is-breakpoint-reached
│  │     │  │     └─ page.jsx
│  │     │  ├─ use-media-query
│  │     │  │  └─ page.jsx
│  │     │  ├─ use-settings
│  │     │  │  ├─ layout.jsx
│  │     │  │  ├─ settings-changed
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ settings-content-width
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ settings-footer-content-width
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ settings-layout
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ settings-mode
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ settings-navbar-content-width
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ settings-primary-color
│  │     │  │  │  └─ page.jsx
│  │     │  │  ├─ settings-semi-dark
│  │     │  │  │  └─ page.jsx
│  │     │  │  └─ settings-skin
│  │     │  │     └─ page.jsx
│  │     │  └─ use-vertical-nav
│  │     │     ├─ collapsed-function
│  │     │     │  └─ page.jsx
│  │     │     ├─ hover-function
│  │     │     │  └─ page.jsx
│  │     │     ├─ is-breakpoint-reached
│  │     │     │  └─ page.jsx
│  │     │     ├─ is-collapsed
│  │     │     │  └─ page.jsx
│  │     │     ├─ is-hovered
│  │     │     │  └─ page.jsx
│  │     │     ├─ is-popout-when-collapsed
│  │     │     │  └─ page.jsx
│  │     │     ├─ is-scroll-with-content
│  │     │     │  └─ page.jsx
│  │     │     ├─ is-toggled
│  │     │     │  └─ page.jsx
│  │     │     ├─ layout.jsx
│  │     │     └─ toggle-function
│  │     │        └─ page.jsx
│  │     ├─ layout.jsx
│  │     ├─ menu-examples
│  │     │  ├─ horizontal-menu
│  │     │  │  ├─ horizontal-nav
│  │     │  │  │  ├─ basic
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ breakpoint
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ breakpoints
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ custom-breakpoint
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ custom-styles
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ hide-menu
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ switch-to-vertical
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ vertical-nav-props
│  │     │  │  │     ├─ background-color
│  │     │  │  │     │  └─ page.jsx
│  │     │  │  │     ├─ background-image
│  │     │  │  │     │  └─ page.jsx
│  │     │  │  │     ├─ custom-styles
│  │     │  │  │     │  └─ page.jsx
│  │     │  │  │     └─ width
│  │     │  │  │        └─ page.jsx
│  │     │  │  ├─ layout.jsx
│  │     │  │  ├─ menu
│  │     │  │  │  ├─ basic
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ expand-icon
│  │     │  │  │  │  ├─ with-params
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  └─ without-params
│  │     │  │  │  │     └─ page.jsx
│  │     │  │  │  ├─ expanded-menu-item-icon
│  │     │  │  │  │  ├─ basic
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  ├─ icon-with-level
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  ├─ icon-with-param
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  └─ icon-with-param-level
│  │     │  │  │  │     └─ page.jsx
│  │     │  │  │  ├─ menu-item-styles
│  │     │  │  │  │  ├─ with-params
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  └─ without-params
│  │     │  │  │  │     └─ page.jsx
│  │     │  │  │  ├─ popout-menu-offset
│  │     │  │  │  │  ├─ with-params
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  └─ without-params
│  │     │  │  │  │     └─ page.jsx
│  │     │  │  │  ├─ root-styles
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ text-truncate
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ transition-duration
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ trigger-popout
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ vertical-menu-props
│  │     │  │  │     └─ page.jsx
│  │     │  │  ├─ menu-item
│  │     │  │  │  ├─ basic
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ component
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ disabled
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ icon
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ on-active-change
│  │     │  │  │  │  ├─ with-params
│  │     │  │  │  │  │  ├─ inside
│  │     │  │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  └─ without-params
│  │     │  │  │  │     ├─ inside
│  │     │  │  │  │     │  └─ page.jsx
│  │     │  │  │  │     └─ page.jsx
│  │     │  │  │  ├─ on-click
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ prefix
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ root-styles
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ suffix
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ target
│  │     │  │  │     └─ page.jsx
│  │     │  │  ├─ menu-position
│  │     │  │  │  ├─ horizontal-navbar
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ vertical-navbar
│  │     │  │  │     └─ page.jsx
│  │     │  │  ├─ menu-render
│  │     │  │  │  ├─ dynamic-menu
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ menu-with-api
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ static-menu
│  │     │  │  │     └─ page.jsx
│  │     │  │  ├─ menu-scroll
│  │     │  │  │  ├─ browser-scroll
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ perfect-scroll
│  │     │  │  │     └─ page.jsx
│  │     │  │  ├─ styles.module.css
│  │     │  │  ├─ submenu
│  │     │  │  │  ├─ basic
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ component
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ content-classname
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ disabled
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ icon
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ on-click
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ on-open-change
│  │     │  │  │  │  ├─ with-params
│  │     │  │  │  │  │  └─ page.jsx
│  │     │  │  │  │  └─ without-params
│  │     │  │  │  │     └─ page.jsx
│  │     │  │  │  ├─ prefix
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  ├─ root-styles
│  │     │  │  │  │  └─ page.jsx
│  │     │  │  │  └─ suffix
│  │     │  │  │     └─ page.jsx
│  │     │  │  └─ VerticalNavContent.jsx
│  │     │  └─ vertical-menu
│  │     │     ├─ layout.jsx
│  │     │     ├─ menu
│  │     │     │  ├─ basic
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ collapsed-menu-section-label
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ expand-icon
│  │     │     │  │  ├─ with-params
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  └─ without-params
│  │     │     │  │     └─ page.jsx
│  │     │     │  ├─ expanded-menu-item-icon
│  │     │     │  │  ├─ basic
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  ├─ icon-with-level
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  ├─ icon-with-param
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  └─ icon-with-param-level
│  │     │     │  │     └─ page.jsx
│  │     │     │  ├─ menu-item-styles
│  │     │     │  │  ├─ with-params
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  └─ without-params
│  │     │     │  │     └─ page.jsx
│  │     │     │  ├─ menu-section-styles
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ popout-collapsed
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ popout-menu-offset
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ root-styles
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ sub-menu-open-behavior
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ text-truncate
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ transition-duration
│  │     │     │  │  └─ page.jsx
│  │     │     │  └─ trigger-popout
│  │     │     │     └─ page.jsx
│  │     │     ├─ menu-item
│  │     │     │  ├─ basic
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ component
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ disable
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ icon
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ on-active-change
│  │     │     │  │  ├─ with-params
│  │     │     │  │  │  ├─ inside
│  │     │     │  │  │  │  └─ page.jsx
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  └─ without-params
│  │     │     │  │     ├─ inside
│  │     │     │  │     │  └─ page.jsx
│  │     │     │  │     └─ page.jsx
│  │     │     │  ├─ on-click
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ prefix
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ root-styles
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ suffix
│  │     │     │  │  └─ page.jsx
│  │     │     │  └─ target
│  │     │     │     └─ page.jsx
│  │     │     ├─ menu-position
│  │     │     │  ├─ fixed-menu
│  │     │     │  │  └─ page.jsx
│  │     │     │  └─ scroll-with-content
│  │     │     │     └─ page.jsx
│  │     │     ├─ menu-render
│  │     │     │  ├─ dynamic-menu
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ menu-with-api
│  │     │     │  │  └─ page.jsx
│  │     │     │  └─ static-menu
│  │     │     │     └─ page.jsx
│  │     │     ├─ menu-scroll
│  │     │     │  ├─ full
│  │     │     │  │  ├─ browser-scroll
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  └─ perfect-scroll
│  │     │     │  │     └─ page.jsx
│  │     │     │  └─ popout
│  │     │     │     ├─ browser-scroll
│  │     │     │     │  └─ page.jsx
│  │     │     │     └─ perfect-scroll
│  │     │     │        └─ page.jsx
│  │     │     ├─ menu-section
│  │     │     │  ├─ basic
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ icon
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ prefix
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ root-styles
│  │     │     │  │  └─ page.jsx
│  │     │     │  └─ suffix
│  │     │     │     └─ page.jsx
│  │     │     ├─ menu-types
│  │     │     │  ├─ collapsed-hover
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ collapsed-popout
│  │     │     │  │  └─ page.jsx
│  │     │     │  └─ toggle
│  │     │     │     └─ page.jsx
│  │     │     ├─ nav-collapse-icons
│  │     │     │  └─ page.jsx
│  │     │     ├─ submenu
│  │     │     │  ├─ basic
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ component
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ content-classname
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ default-open
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ disabled
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ icon
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ on-click
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ on-open-change
│  │     │     │  │  ├─ with-params
│  │     │     │  │  │  └─ page.jsx
│  │     │     │  │  └─ without-params
│  │     │     │  │     └─ page.jsx
│  │     │     │  ├─ prefix
│  │     │     │  │  └─ page.jsx
│  │     │     │  ├─ root-styles
│  │     │     │  │  └─ page.jsx
│  │     │     │  └─ suffix
│  │     │     │     └─ page.jsx
│  │     │     └─ vertical-nav
│  │     │        ├─ backdrop-color
│  │     │        │  └─ page.jsx
│  │     │        ├─ background-color
│  │     │        │  └─ page.jsx
│  │     │        ├─ background-image
│  │     │        │  └─ page.jsx
│  │     │        ├─ basic
│  │     │        │  └─ page.jsx
│  │     │        ├─ breakpoint
│  │     │        │  └─ page.jsx
│  │     │        ├─ breakpoints
│  │     │        │  └─ page.jsx
│  │     │        ├─ collapsed-width
│  │     │        │  └─ page.jsx
│  │     │        ├─ custom-breakpoint
│  │     │        │  └─ page.jsx
│  │     │        ├─ custom-styles
│  │     │        │  └─ page.jsx
│  │     │        ├─ overlay
│  │     │        │  └─ page.jsx
│  │     │        ├─ transition-duration
│  │     │        │  └─ page.jsx
│  │     │        └─ width
│  │     │           └─ page.jsx
│  │     └─ [...not-found]
│  │        └─ page.jsx
│  ├─ assets
│  │  ├─ iconify-icons
│  │  │  └─ bundle-icons-css.js
│  │  └─ svg
│  │     ├─ Keyboard.jsx
│  │     ├─ Paper.jsx
│  │     └─ Rocket.jsx
│  ├─ components
│  │  ├─ card-statistics
│  │  │  ├─ CardStatsSquare.jsx
│  │  │  ├─ Horizontal.jsx
│  │  │  ├─ HorizontalWithSubtitle.jsx
│  │  │  ├─ StatsWithAreaChart.jsx
│  │  │  └─ Vertical.jsx
│  │  ├─ dialogs
│  │  │  ├─ add-edit-address
│  │  │  │  └─ index.jsx
│  │  │  ├─ billing-card
│  │  │  │  └─ index.jsx
│  │  │  ├─ confirmation-dialog
│  │  │  │  └─ index.jsx
│  │  │  ├─ create-app
│  │  │  │  ├─ Billing.jsx
│  │  │  │  ├─ Database.jsx
│  │  │  │  ├─ Details.jsx
│  │  │  │  ├─ FrameWork.jsx
│  │  │  │  ├─ index.jsx
│  │  │  │  └─ Submit.jsx
│  │  │  ├─ DialogCloseButton.jsx
│  │  │  ├─ edit-user-info
│  │  │  │  └─ index.jsx
│  │  │  ├─ OpenDialogOnElementClick.jsx
│  │  │  ├─ payment-method
│  │  │  │  └─ index.jsx
│  │  │  ├─ payment-providers
│  │  │  │  └─ index.jsx
│  │  │  ├─ permission-dialog
│  │  │  │  └─ index.jsx
│  │  │  ├─ pricing
│  │  │  │  └─ index.jsx
│  │  │  ├─ refer-earn
│  │  │  │  └─ index.jsx
│  │  │  ├─ role-dialog
│  │  │  │  └─ index.jsx
│  │  │  ├─ share-project
│  │  │  │  └─ index.jsx
│  │  │  ├─ two-factor-auth
│  │  │  │  └─ index.jsx
│  │  │  └─ upgrade-plan
│  │  │     └─ index.jsx
│  │  ├─ DirectionalIcon.jsx
│  │  ├─ Form.jsx
│  │  ├─ GenerateMenu.jsx
│  │  ├─ layout
│  │  │  ├─ horizontal
│  │  │  │  ├─ Footer.jsx
│  │  │  │  ├─ FooterContent.jsx
│  │  │  │  ├─ Header.jsx
│  │  │  │  ├─ HorizontalMenu.jsx
│  │  │  │  ├─ NavbarContent.jsx
│  │  │  │  ├─ Navigation.jsx
│  │  │  │  ├─ NavToggle.jsx
│  │  │  │  └─ VerticalNavContent.jsx
│  │  │  ├─ shared
│  │  │  │  ├─ LanguageDropdown.jsx
│  │  │  │  ├─ Logo.jsx
│  │  │  │  ├─ ModeDropdown.jsx
│  │  │  │  ├─ NotificationsDropdown.jsx
│  │  │  │  ├─ search
│  │  │  │  │  ├─ DefaultSuggestions.jsx
│  │  │  │  │  ├─ index.jsx
│  │  │  │  │  ├─ NoResult.jsx
│  │  │  │  │  ├─ SearchResultItem.jsx
│  │  │  │  │  ├─ SearchResults.jsx
│  │  │  │  │  └─ StyledKBarAnimator.jsx
│  │  │  │  ├─ ShortcutsDropdown.jsx
│  │  │  │  └─ UserDropdown.jsx
│  │  │  └─ vertical
│  │  │     ├─ Footer.jsx
│  │  │     ├─ FooterContent.jsx
│  │  │     ├─ Navbar.jsx
│  │  │     ├─ NavbarContent.jsx
│  │  │     ├─ Navigation.jsx
│  │  │     ├─ NavToggle.jsx
│  │  │     └─ VerticalMenu.jsx
│  │  ├─ Link.jsx
│  │  ├─ pricing
│  │  │  ├─ index.jsx
│  │  │  └─ PlanDetails.jsx
│  │  ├─ Providers.jsx
│  │  ├─ stepper-dot
│  │  │  ├─ index.jsx
│  │  │  └─ styles.module.css
│  │  ├─ TablePaginationComponent.jsx
│  │  └─ theme
│  │     ├─ index.jsx
│  │     ├─ mergedTheme.js
│  │     ├─ ModeChanger.jsx
│  │     └─ userTheme.js
│  ├─ configs
│  │  ├─ demoConfigs.js
│  │  ├─ i18n.js
│  │  ├─ primaryColorConfig.js
│  │  └─ themeConfig.js
│  ├─ contexts
│  │  └─ nextAuthProvider.jsx
│  ├─ data
│  │  ├─ dictionaries
│  │  │  ├─ ar.json
│  │  │  ├─ en.json
│  │  │  └─ fr.json
│  │  ├─ navigation
│  │  │  ├─ horizontalMenuData.jsx
│  │  │  └─ verticalMenuData.jsx
│  │  └─ searchData.js
│  ├─ examples
│  │  ├─ editor
│  │  │  ├─ EditorControlled.jsx
│  │  │  └─ EditorUncontrolled.jsx
│  │  └─ menu
│  │     ├─ Providers.jsx
│  │     └─ ThemeProvider.jsx
│  ├─ libs
│  │  ├─ ApexCharts.jsx
│  │  ├─ auth.js
│  │  ├─ Editor.jsx
│  │  ├─ Recharts.jsx
│  │  └─ styles
│  │     ├─ AppFullCalendar.js
│  │     ├─ AppKeenSlider.js
│  │     ├─ AppReactApexCharts.jsx
│  │     ├─ AppReactDatepicker.jsx
│  │     ├─ AppReactDraftWysiwyg.jsx
│  │     ├─ AppReactDropzone.js
│  │     ├─ AppReactToastify.jsx
│  │     └─ AppRecharts.js
│  ├─ middleware.js
│  ├─ prisma
│  │  ├─ dev.db
│  │  ├─ migrations
│  │  │  ├─ 20231221071046_
│  │  │  │  └─ migration.sql
│  │  │  ├─ 20240429061405_jicnic
│  │  │  │  └─ migration.sql
│  │  │  ├─ 20240429063410_jicnic_password
│  │  │  │  └─ migration.sql
│  │  │  └─ migration_lock.toml
│  │  ├─ schema.prisma
│  │  └─ seeds
│  │     └─ seed.js
│  ├─ reducers
│  │  └─ calendarReducer.js
│  ├─ utils
│  │  ├─ getDictionary.js
│  │  ├─ getInitials.js
│  │  ├─ i18n.js
│  │  ├─ rgbaToHex.js
│  │  └─ string.js
│  └─ views
│     ├─ apps
│     │  ├─ calendar
│     │  │  ├─ AddEventSidebar.jsx
│     │  │  ├─ Calendar.jsx
│     │  │  ├─ CalendarWrapper.jsx
│     │  │  └─ SidebarLeft.jsx
│     │  ├─ invoice
│     │  │  ├─ add
│     │  │  │  ├─ AddActions.jsx
│     │  │  │  ├─ AddCard.jsx
│     │  │  │  └─ AddCustomerDrawer.jsx
│     │  │  ├─ edit
│     │  │  │  ├─ EditActions.jsx
│     │  │  │  └─ EditCard.jsx
│     │  │  ├─ list
│     │  │  │  ├─ index.jsx
│     │  │  │  ├─ InvoiceCard.jsx
│     │  │  │  └─ InvoiceListTable.jsx
│     │  │  ├─ preview
│     │  │  │  ├─ index.jsx
│     │  │  │  ├─ PreviewActions.jsx
│     │  │  │  └─ PreviewCard.jsx
│     │  │  ├─ print
│     │  │  │  └─ index.jsx
│     │  │  └─ shared
│     │  │     ├─ AddPaymentDrawer.jsx
│     │  │     └─ SendInvoiceDrawer.jsx
│     │  ├─ permissions
│     │  │  └─ index.jsx
│     │  ├─ roles
│     │  │  ├─ index.jsx
│     │  │  ├─ RoleCards.jsx
│     │  │  └─ RolesTable.jsx
│     │  └─ user
│     │     ├─ list
│     │     │  ├─ AddUserDrawer.jsx
│     │     │  ├─ index.jsx
│     │     │  ├─ TableFilters.jsx
│     │     │  ├─ UserListCards.jsx
│     │     │  └─ UserListTable.jsx
│     │     └─ view
│     │        ├─ user-left-overview
│     │        │  ├─ index.jsx
│     │        │  ├─ UserDetails.jsx
│     │        │  └─ UserPlan.jsx
│     │        └─ user-right
│     │           ├─ billing-plans
│     │           │  ├─ BillingAddress.jsx
│     │           │  ├─ CurrentPlan.jsx
│     │           │  ├─ index.jsx
│     │           │  └─ PaymentMethod.jsx
│     │           ├─ connections
│     │           │  └─ index.jsx
│     │           ├─ index.jsx
│     │           ├─ notifications
│     │           │  └─ index.jsx
│     │           ├─ overview
│     │           │  ├─ index.jsx
│     │           │  ├─ InvoiceListTable.jsx
│     │           │  ├─ ProjectListTable.jsx
│     │           │  └─ UserActivityTimeline.jsx
│     │           └─ security
│     │              ├─ ChangePassword.jsx
│     │              ├─ index.jsx
│     │              ├─ RecentDevice.jsx
│     │              └─ TwoStepVerification.jsx
│     ├─ charts
│     │  ├─ apex
│     │  │  ├─ ApexAreaChart.jsx
│     │  │  ├─ ApexBarChart.jsx
│     │  │  ├─ ApexCandlestickChart.jsx
│     │  │  ├─ ApexColumnChart.jsx
│     │  │  ├─ ApexDonutChart.jsx
│     │  │  ├─ ApexHeatmapChart.jsx
│     │  │  ├─ ApexLineChart.jsx
│     │  │  ├─ ApexRadarChart.jsx
│     │  │  ├─ ApexRadialBarChart.jsx
│     │  │  └─ ApexScatterChart.jsx
│     │  └─ recharts
│     │     ├─ RechartsAreaChart.jsx
│     │     ├─ RechartsBarChart.jsx
│     │     ├─ RechartsLineChart.jsx
│     │     ├─ RechartsPieChart.jsx
│     │     ├─ RechartsRadarChart.jsx
│     │     └─ RechartsScatterChart.jsx
│     ├─ dashboards
│     │  ├─ analytics
│     │  │  ├─ EarningReports.jsx
│     │  │  ├─ LineAreaDailySalesChart.jsx
│     │  │  ├─ MonthlyCampaignState.jsx
│     │  │  ├─ ProjectsTable.jsx
│     │  │  ├─ SalesByCountries.jsx
│     │  │  ├─ SalesOverview.jsx
│     │  │  ├─ SourceVisits.jsx
│     │  │  ├─ SupportTracker.jsx
│     │  │  ├─ TotalEarning.jsx
│     │  │  └─ WebsiteAnalyticsSlider.jsx
│     │  ├─ crm
│     │  │  ├─ ActiveProjects.jsx
│     │  │  ├─ ActivityTimeline.jsx
│     │  │  ├─ BarChartRevenueGrowth.jsx
│     │  │  ├─ DistributedBarChartOrder.jsx
│     │  │  ├─ EarningReportsWithTabs.jsx
│     │  │  ├─ LastTransaction.jsx
│     │  │  ├─ LineAreaYearlySalesChart.jsx
│     │  │  ├─ ProjectStatus.jsx
│     │  │  ├─ RadarSalesChart.jsx
│     │  │  └─ SalesByCountries.jsx
│     │  └─ ecommerce
│     │     ├─ Congratulations.jsx
│     │     ├─ DonutChartGeneratedLeads.jsx
│     │     ├─ EarningReports.jsx
│     │     ├─ InvoiceListTable.jsx
│     │     ├─ LineChartProfit.jsx
│     │     ├─ Orders.jsx
│     │     ├─ PopularProducts.jsx
│     │     ├─ RadialBarChart.jsx
│     │     ├─ RevenueReport.jsx
│     │     ├─ StatisticsCard.jsx
│     │     └─ Transactions.jsx
│     ├─ ForgotPassword.jsx
│     ├─ forms
│     │  ├─ form-layouts
│     │  │  ├─ FormLayoutsAlignment.jsx
│     │  │  ├─ FormLayoutsBasic.jsx
│     │  │  ├─ FormLayoutsCollapsible.jsx
│     │  │  ├─ FormLayoutsIcons.jsx
│     │  │  ├─ FormLayoutsSeparator.jsx
│     │  │  └─ FormLayoutsTabs.jsx
│     │  ├─ form-validation
│     │  │  ├─ FormValidationAsyncSubmit.jsx
│     │  │  ├─ FormValidationBasic.jsx
│     │  │  └─ FormValidationSchema.jsx
│     │  └─ form-wizard
│     │     ├─ StepperAlternativeLabel.jsx
│     │     ├─ StepperCustomHorizontal.jsx
│     │     ├─ StepperCustomVertical.jsx
│     │     ├─ StepperLinearWithValidation.jsx
│     │     ├─ StepperVerticalWithNumbers.jsx
│     │     └─ StepperVerticalWithoutNumbers.jsx
│     ├─ Login.jsx
│     ├─ NotAuthorized.jsx
│     ├─ NotFound.jsx
│     ├─ pages
│     │  ├─ account-settings
│     │  │  ├─ account
│     │  │  │  ├─ AccountDelete.jsx
│     │  │  │  ├─ AccountDetails.jsx
│     │  │  │  └─ index.jsx
│     │  │  ├─ billing-plans
│     │  │  │  ├─ Address.jsx
│     │  │  │  ├─ CurrentPlan.jsx
│     │  │  │  ├─ index.jsx
│     │  │  │  ├─ InvoiceListTable.jsx
│     │  │  │  └─ PaymentMethod.jsx
│     │  │  ├─ connections
│     │  │  │  └─ index.jsx
│     │  │  ├─ index.jsx
│     │  │  ├─ notifications
│     │  │  │  └─ index.jsx
│     │  │  └─ security
│     │  │     ├─ ApiKeyList.jsx
│     │  │     ├─ ChangePasswordCard.jsx
│     │  │     ├─ CreateApiKey.jsx
│     │  │     ├─ index.jsx
│     │  │     ├─ RecentDevicesTable.jsx
│     │  │     └─ TwoFactorAuthenticationCard.jsx
│     │  ├─ auth
│     │  │  ├─ AuthIllustrationWrapper.jsx
│     │  │  ├─ ForgotPasswordV1.jsx
│     │  │  ├─ ForgotPasswordV2.jsx
│     │  │  ├─ LoginV1.jsx
│     │  │  ├─ LoginV2.jsx
│     │  │  ├─ register-multi-steps
│     │  │  │  ├─ index.jsx
│     │  │  │  ├─ StepAccountDetails.jsx
│     │  │  │  ├─ StepBillingDetails.jsx
│     │  │  │  └─ StepPersonalInfo.jsx
│     │  │  ├─ RegisterV1.jsx
│     │  │  ├─ RegisterV2.jsx
│     │  │  ├─ ResetPasswordV1.jsx
│     │  │  ├─ ResetPasswordV2.jsx
│     │  │  ├─ TwoStepsV1.jsx
│     │  │  ├─ TwoStepsV2.jsx
│     │  │  ├─ VerifyEmailV1.jsx
│     │  │  └─ VerifyEmailV2.jsx
│     │  ├─ dialog-examples
│     │  │  ├─ DialogAddCard.jsx
│     │  │  ├─ DialogAddNewAddress.jsx
│     │  │  ├─ DialogAuthentication.jsx
│     │  │  ├─ DialogCreateApp.jsx
│     │  │  ├─ DialogEditUserInfo.jsx
│     │  │  ├─ DialogPaymentMethod.jsx
│     │  │  ├─ DialogPaymentProviders.jsx
│     │  │  ├─ DialogPricing.jsx
│     │  │  ├─ DialogReferEarn.jsx
│     │  │  └─ DialogShareProject.jsx
│     │  ├─ faq
│     │  │  ├─ FaqFooter.jsx
│     │  │  ├─ FaqHeader.jsx
│     │  │  ├─ Faqs.jsx
│     │  │  ├─ index.jsx
│     │  │  └─ styles.module.css
│     │  ├─ misc
│     │  │  ├─ ComingSoon.jsx
│     │  │  └─ UnderMaintenance.jsx
│     │  ├─ pricing
│     │  │  └─ index.jsx
│     │  ├─ user-profile
│     │  │  ├─ connections
│     │  │  │  └─ index.jsx
│     │  │  ├─ index.jsx
│     │  │  ├─ profile
│     │  │  │  ├─ AboutOverview.jsx
│     │  │  │  ├─ ActivityTimeline.jsx
│     │  │  │  ├─ ConnectionsTeams.jsx
│     │  │  │  ├─ index.jsx
│     │  │  │  └─ ProjectsTables.jsx
│     │  │  ├─ projects
│     │  │  │  └─ index.jsx
│     │  │  ├─ teams
│     │  │  │  └─ index.jsx
│     │  │  └─ UserProfileHeader.jsx
│     │  ├─ widget-examples
│     │  │  ├─ actions
│     │  │  │  ├─ AllActions.jsx
│     │  │  │  ├─ Collapsible.jsx
│     │  │  │  ├─ RefreshContent.jsx
│     │  │  │  ├─ RemoveCard.jsx
│     │  │  │  └─ Table.jsx
│     │  │  ├─ advanced
│     │  │  │  ├─ ActiveProjects.jsx
│     │  │  │  ├─ ActivityTimeline.jsx
│     │  │  │  ├─ BrowserStates.jsx
│     │  │  │  ├─ Congratulations.jsx
│     │  │  │  ├─ EarningReports.jsx
│     │  │  │  ├─ LastTransaction.jsx
│     │  │  │  ├─ MonthlyCampaignState.jsx
│     │  │  │  ├─ Orders.jsx
│     │  │  │  ├─ PopularProducts.jsx
│     │  │  │  ├─ SalesByCountries.jsx
│     │  │  │  ├─ SourceVisits.jsx
│     │  │  │  ├─ Transactions.jsx
│     │  │  │  └─ WebsiteAnalyticsSlider.jsx
│     │  │  ├─ basic
│     │  │  │  ├─ CardFacebook.jsx
│     │  │  │  ├─ CardHorizontalRatings.jsx
│     │  │  │  ├─ CardInfluencingInfluencer.jsx
│     │  │  │  ├─ CardInfluencingInfluencerWithImg.jsx
│     │  │  │  ├─ CardLifetimeMembership.jsx
│     │  │  │  ├─ CardLinkedIn.jsx
│     │  │  │  ├─ CardMobile.jsx
│     │  │  │  ├─ CardSupport.jsx
│     │  │  │  ├─ CardTwitter.jsx
│     │  │  │  ├─ CardUser.jsx
│     │  │  │  ├─ CardVerticalRatings.jsx
│     │  │  │  ├─ CardWatch.jsx
│     │  │  │  ├─ CardWithCollapse.jsx
│     │  │  │  ├─ CardWithTabs.jsx
│     │  │  │  └─ CardWithTabsCenter.jsx
│     │  │  ├─ charts
│     │  │  │  ├─ EarningReports.jsx
│     │  │  │  ├─ EarningReportsWithTabs.jsx
│     │  │  │  ├─ ProjectStatus.jsx
│     │  │  │  ├─ RevenueReport.jsx
│     │  │  │  ├─ Sales.jsx
│     │  │  │  ├─ SupportTracker.jsx
│     │  │  │  └─ TotalEarning.jsx
│     │  │  └─ statistics
│     │  │     ├─ BarChartDailyTraffic.jsx
│     │  │     ├─ BarChartRevenueGrowth.jsx
│     │  │     ├─ BarChartSessionsWithNegativeValues.jsx
│     │  │     ├─ CardStatsLineAreaCharts.jsx
│     │  │     ├─ DistributedBarChartOrder.jsx
│     │  │     ├─ DonutChartGeneratedLeads.jsx
│     │  │     ├─ Horizontal.jsx
│     │  │     ├─ LineAreaDailySalesChart.jsx
│     │  │     ├─ LineAreaYearlySalesChart.jsx
│     │  │     ├─ LineChartImpression.jsx
│     │  │     ├─ LineChartProfit.jsx
│     │  │     ├─ RadialBarChart.jsx
│     │  │     ├─ SalesOverview.jsx
│     │  │     ├─ Square.jsx
│     │  │     ├─ StatisticsCard.jsx
│     │  │     ├─ SubscribersOrders.jsx
│     │  │     └─ Vertical.jsx
│     │  └─ wizard-examples
│     │     ├─ checkout
│     │     │  ├─ index.jsx
│     │     │  ├─ StepAddress.jsx
│     │     │  ├─ StepCart.jsx
│     │     │  ├─ StepConfirmation.jsx
│     │     │  └─ StepPayment.jsx
│     │     ├─ create-deal
│     │     │  ├─ index.jsx
│     │     │  ├─ StepDealDetails.jsx
│     │     │  ├─ StepDealType.jsx
│     │     │  ├─ StepDealUsage.jsx
│     │     │  └─ StepReview.jsx
│     │     └─ property-listing
│     │        ├─ index.jsx
│     │        ├─ StepPersonalDetails.jsx
│     │        ├─ StepPriceDetails.jsx
│     │        ├─ StepPropertyArea.jsx
│     │        ├─ StepPropertyDetails.jsx
│     │        └─ StepPropertyFeatures.jsx
│     ├─ react-table
│     │  ├─ BasicDataTables.jsx
│     │  ├─ ColumnVisibility.jsx
│     │  ├─ data.js
│     │  ├─ EditableDataTables.jsx
│     │  ├─ KitchenSink.jsx
│     │  └─ RowSelection.jsx
│     └─ Register.jsx
├─ tailwind.config.js
└─ tsconfig.json

```
