@evenicanpm/storefront-core 1.0.6 → 1.1.0

package/src/components/_components/data-table/table-header.tsx

@@ -6,7 +6,7 @@ import TableCell from "@mui/material/TableCell";
 import TableHead from "@mui/material/TableHead";
 import TableSortLabel from "@mui/material/TableSortLabel";
 // CUSTOM ICON COMPONENT
-import UpDown from "@/components/_components/icons/up-down";
+import UpDown from "@evenicanpm/storefront-core/src/components/_components/icons/up-down";
 
 // STYLED COMPONENTS
 const StyledTableCell = styled(TableCell)(({ theme }) => ({

package/src/components/_components/footer/components/app-store.tsx

@@ -1,6 +1,6 @@
 import Box from "@mui/material/Box";
 // GLOBAL CUSTOM COMPONENT
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 // CUSTOM ICON COMPONENTS
 import { PLAY_APP_STORE_DATA } from "../data/index";
 

package/src/components/_components/footer/components/logo.tsx

@@ -1,8 +1,8 @@
 import { Fragment } from "react";
 import Link from "next/link";
 import AppStore from "./app-store";
-import Image from "@/components/_components/BazaarImage";
-import { Paragraph } from "@/components/_components/Typography";
+import Image from "@evenicanpm/storefront-core/src/components/_components/BazaarImage";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 
 export default function LogoSection() {
   return (

package/src/components/_components/footer/components/social-links.tsx

@@ -3,7 +3,7 @@
 import IconButton from "@mui/material/IconButton";
 import styled from "@mui/material/styles/styled";
 // GLOBAL CUSTOM COMPONENT
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 // DATA
 import { SOCIAL_ICON_LINKS } from "../data/index";
 

package/src/components/_components/footer/footer-1.tsx

@@ -7,7 +7,7 @@ import AboutLinks from "./components/about-links";
 import SocialLinks from "./components/social-links";
 import CustomerCareLinks from "./components/customer-care-links";
 // GLOBAL CUSTOM COMPONENTS
-import { Paragraph } from "@/components/_components/Typography";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // STYLED COMPONENTS
 import { Heading } from "./styles/index";
 

package/src/components/_components/footer/footer-2.tsx

@@ -5,8 +5,8 @@ import Grid from "@mui/material/Grid2";
 import AppStore from "./components/app-store";
 import SocialLinks from "./components/social-links";
 // GLOBAL CUSTOM COMPONENTS
-import BazaarImage from "@/components/_components/BazaarImage";
-import { Paragraph } from "@/components/_components/Typography";
+import BazaarImage from "@evenicanpm/storefront-core/src/components/_components/BazaarImage";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // DATA
 import { CUSTOMER_CARE_LINKS } from "./data/index";
 // STYLED COMPONENTS

package/src/components/_components/footer/footer-3.tsx

@@ -7,8 +7,8 @@ import Container from "@mui/material/Container";
 import AppStore from "./components/app-store";
 import SocialLinks from "./components/social-links";
 // GLOBAL CUSTOM COMPONENTS
-import BazaarImage from "@/components/_components/BazaarImage";
-import { Paragraph } from "@/components/_components/Typography";
+import BazaarImage from "@evenicanpm/storefront-core/src/components/_components/BazaarImage";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // DATA
 import { CUSTOMER_CARE_LINKS } from "./data/index";
 // STYLED COMPONENTS

package/src/components/_components/footer/footer-4.tsx

@@ -7,9 +7,9 @@ import AboutLinks from "./components/about-links";
 import SocialLinks from "./components/social-links";
 import CustomerCareLinks from "./components/customer-care-links";
 // GLOBAL CUSTOM COMPONENTS
-import LazyImage from "@/components/_components/LazyImage";
-import { Paragraph } from "@/components/_components/Typography";
-import FlexBetween from "@/components/_components/flex-box/flex-between";
+import LazyImage from "@evenicanpm/storefront-core/src/components/_components/LazyImage";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import FlexBetween from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-between";
 // STYLED COMPONENT
 import { Heading } from "./styles/index";
 

package/src/components/_components/header/components/categories-menu.tsx

@@ -2,10 +2,10 @@ import Button from "@mui/material/Button";
 // MUI ICON COMPONENT
 import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
 // CUSTOM ICON COMPONENTS
-import Category from "@/components/_components/icons/category";
+import Category from "@evenicanpm/storefront-core/src/components/_components/icons/category";
 // GLOBAL CUSTOM COMPONENTS
-import { FlexBox } from "@/components/_components/flex-box/index";
-import CategoryMenu from "@/components/_components/categories/category-menu";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
+import CategoryMenu from "@evenicanpm/storefront-core/src/components/_components/categories/category-menu";
 
 export default function CategoriesMenu() {
   return (

package/src/components/_components/header/components/mobile-header.tsx

@@ -4,16 +4,19 @@ import Drawer from "@mui/material/Drawer";
 import IconButton from "@mui/material/IconButton";
 import { useTranslations } from "next-intl";
 // CUSTOM COMPONENTS
-import { Paragraph } from "@/components/_components/Typography";
-import { SearchInput } from "@/components/_components/search-box/index";
-import { MobileMenu } from "@/components/_components/navbar/mobile-menu/index";
-import { FlexBetween, FlexBox } from "@/components/_components/flex-box/index";
-import SiteLogo from "@/components/_components/site-logo";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import { SearchInput } from "@evenicanpm/storefront-core/src/components/_components/search-box/index";
+import { MobileMenu } from "@evenicanpm/storefront-core/src/components/_components/navbar/mobile-menu/index";
+import {
+  FlexBetween,
+  FlexBox,
+} from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
+import SiteLogo from "@evenicanpm/storefront-core/src/components/_components/site-logo";
 import MiniCartClient from "../../MiniCartClient";
 import User from "./user";
 // ICONS
 import { MdClear as Clear } from "react-icons/md";
-import Search from "@/components/_components/icons/search";
+import Search from "@evenicanpm/storefront-core/src/components/_components/icons/search";
 // API
 import { Cart } from "@/schemas/cart.schema";
 

package/src/components/_components/header/components/user.tsx

@@ -4,9 +4,9 @@ import React, { useState, MouseEvent, useEffect } from "react";
 import { useRouter } from "next/navigation";
 
 // API
-import useUpdateUser from "@/services/user/mutations/update-user";
-import useSessionInit from "@/services/session/mutations/session-init";
-import useSessionLogout from "@/services/session/mutations/session-logout";
+import useUpdateUser from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-user";
+import useSessionInit from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-init";
+import useSessionLogout from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-logout";
 
 // UI
 import {
@@ -18,8 +18,8 @@ import {
   IconButton,
 } from "@mui/material";
 import { MdPersonOutline as PersonOutline } from "react-icons/md";
-import MobileUserIcon from "@/components/_components/icons/user";
-import { NavLink } from "@/components/_components/nav-link/index";
+import MobileUserIcon from "@evenicanpm/storefront-core/src/components/_components/icons/user";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
 import T from "@/components/T";
 
 // Auth

package/src/components/_components/header/header.tsx

@@ -5,8 +5,8 @@ import useTheme from "@mui/material/styles/useTheme";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import clsx from "clsx";
 // GLOBAL CUSTOM COMPONENTS
-import FlexBox from "@/components/_components/flex-box/flex-box";
-import SiteLogo from "@/components/_components/site-logo";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
+import SiteLogo from "@evenicanpm/storefront-core/src/components/_components/site-logo";
 // LOCAL CUSTOM COMPONENTS
 import MobileHeader from "./components/mobile-header";
 import CategoriesMenu from "./components/categories-menu";

package/src/components/_components/header/sticky-header.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import Header from "@/components/_components/header/index";
-import SearchInputWithCategory from "@/components/_components/search-box/search-input-category";
-import Sticky from "@/components/_components/sticky/index";
+import Header from "@evenicanpm/storefront-core/src/components/_components/header/index";
+import SearchInputWithCategory from "@evenicanpm/storefront-core/src/components/_components/search-box/search-input-category";
+import Sticky from "@evenicanpm/storefront-core/src/components/_components/sticky/index";
 import { useCallback, useState } from "react";
 
 export default function StickyHeader() {

package/src/components/_components/mini-cart/components/cart-item.tsx

@@ -9,8 +9,11 @@ import Add from "@mui/icons-material/Add";
 import Close from "@mui/icons-material/Close";
 import Remove from "@mui/icons-material/Remove";
 // GLOBAL CUSTOM COMPONENTS
-import { FlexBox } from "@/components/_components/flex-box/index";
-import { H6, Tiny } from "@/components/_components/Typography";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
+import {
+  H6,
+  Tiny,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import { CartLine } from "@/schemas/cart.schema";
 import { useFormatter, useTranslations } from "next-intl";
 import { CircularProgress } from "@mui/material";

package/src/components/_components/mini-cart/components/empty-view.tsx

@@ -1,6 +1,6 @@
 // GLOBAL CUSTOM COMPONENTS
-import { FlexBox } from "@/components/_components/flex-box/index";
-import { Paragraph } from "@/components/_components/Typography";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import { useTranslations } from "next-intl";
 
 import { MdShoppingBag as ShoppingBag } from "react-icons/md";

package/src/components/_components/mini-cart/components/top-header.tsx

@@ -1,8 +1,11 @@
 import IconButton from "@mui/material/IconButton";
 import Clear from "@mui/icons-material/Clear";
 // LOCAL CUSTOM COMPONENTS
-import { Paragraph } from "@/components/_components/Typography";
-import { FlexBetween, FlexBox } from "@/components/_components/flex-box/index";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import {
+  FlexBetween,
+  FlexBox,
+} from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
 // CUSTOM ICON COMPONENT
 import { MdOutlineShoppingBag as CartBag } from "react-icons/md";
 import { useTranslations } from "next-intl";

package/src/components/_components/mini-cart/mini-cart.tsx

@@ -10,13 +10,13 @@ import MiniCartItem from "./components/cart-item";
 import EmptyCartView from "./components/empty-view";
 import BottomActions from "./components/bottom-actions";
 // GLOBAL CUSTOM COMPONENT
-import Scrollbar from "@/components/_components/scrollbar/index";
+import Scrollbar from "@evenicanpm/storefront-core/src/components/_components/scrollbar/index";
 // CUSTOM UTILS LIBRARY FUNCTION
 // CUSTOM DATA MODEL
 import { Cart, CartLine } from "@/schemas/cart.schema";
 import { useFormatter } from "next-intl";
-import useUpdateCartLines from "@/services/cart/mutations/update-cart-lines";
-import useDeleteCartLine from "@/services/cart/mutations/delete-cart-line";
+import useUpdateCartLines from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-lines";
+import useDeleteCartLine from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/delete-cart-line";
 
 // =========================================================
 export interface MiniCartProps {

package/src/components/_components/mobile-navigation/mobile-navigation-bar.tsx

@@ -7,13 +7,13 @@ import { Theme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import { useTranslations } from "next-intl";
 // CUSTOM ICON COMPONENTS
-import Home from "@/components/_components/icons/home";
-import User2 from "@/components/_components/icons/user2";
-import CategoryOutlined from "@/components/_components/icons/category-outline";
-import ShoppingBagOutlined from "@/components/_components/icons/shopping-bag-outlined";
+import Home from "@evenicanpm/storefront-core/src/components/_components/icons/home";
+import User2 from "@evenicanpm/storefront-core/src/components/_components/icons/user2";
+import CategoryOutlined from "@evenicanpm/storefront-core/src/components/_components/icons/category-outline";
+import ShoppingBagOutlined from "@evenicanpm/storefront-core/src/components/_components/icons/shopping-bag-outlined";
 // STYLED COMPONENTS
 import { iconStyle, StyledBox, StyledNavLink, Wrapper } from "./styles/index";
-import getCart from "@/services/cart/queries/get-cart";
+import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
 import { NavContext } from "@/components/NavProvider/index";
 
 const MENU_LIST = [

package/src/components/_components/nav-link/nav-link-2.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link";
 // GLOBAL CUSTOM COMPONENT
-import { Small } from "@/components/_components/Typography";
+import { Small } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 
 // ==============================================================
 interface NavLinkProps {

package/src/components/_components/nav-link/nav-link-3.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 // MUI ICON COMPONENT
 import ArrowForward from "@mui/icons-material/ArrowForward";
 // GLOBAL CUSTOM COMPONENTS
-import { Span } from "@/components/_components/Typography";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 
 //   ==========================================
 interface Props {

package/src/components/_components/navbar/categories.tsx

@@ -1,10 +1,10 @@
 import { MdChevronRight as ChevronRight } from "react-icons/md";
 import { useTranslations } from "next-intl";
 // GLOBAL CUSTOM COMPONENTS
-import { Paragraph } from "@/components/_components/Typography";
-import CategoryMenu from "@/components/_components/categories/category-menu";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import CategoryMenu from "@evenicanpm/storefront-core/src/components/_components/categories/category-menu";
 // CUSTOM ICON COMPONENT
-import Category from "@/components/_components/icons/category";
+import Category from "@evenicanpm/storefront-core/src/components/_components/icons/category";
 // STYLED COMPONENT
 import { CategoryMenuButton } from "./styles";
 

package/src/components/_components/navbar/category-based-menu/category-based-menu.tsx

@@ -3,7 +3,7 @@
 import { useState } from "react";
 import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
 // GLOBAL CUSTOM COMPONENT
-import FlexRowCenter from "@/components/_components/flex-box/flex-row-center";
+import FlexRowCenter from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-row-center";
 // LOCAL CUSTOM COMPONENTS
 import Categories from "./components/categories";
 import ChildCategories from "./components/child-categories";

package/src/components/_components/navbar/category-based-menu/components/child-categories.tsx

@@ -1,7 +1,7 @@
 import Box from "@mui/material/Box";
 // LOCAL CUSTOM COMPONENTS
-import { H6 } from "@/components/_components/Typography";
-import Scrollbar from "@/components/_components/scrollbar/index";
+import { H6 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import Scrollbar from "@evenicanpm/storefront-core/src/components/_components/scrollbar/index";
 // LOCAL CUSTOM COMPONENT
 import CategoryItem from "./category-item";
 // STYLED COMPONENT

package/src/components/_components/navbar/mega-menu/category-list.tsx

@@ -1,6 +1,6 @@
 import List from "@mui/material/List";
 // GLOBAL CUSTOM COMPONENTS
-import { H6 } from "@/components/_components/Typography";
+import { H6 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // STYLED COMPONENTS
 import { MenuListItem, StyledNavLink } from "./styles";
 // Types

package/src/components/_components/navbar/mega-menu/mega-menu.tsx

@@ -3,7 +3,7 @@ import Grid from "@mui/material/Grid2";
 import Card from "@mui/material/Card";
 import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
 // GLOBAL CUSTOM COMPONENTS
-import FlexRowCenter from "@/components/_components/flex-box/flex-row-center";
+import FlexRowCenter from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-row-center";
 // GLOBAL CUSTOM HOOKS
 import useOverflowDetect from "@evenicanpm/storefront-core/src/hooks/use-overflow-detect";
 // LOCAL CUSTOM COMPONENT

package/src/components/_components/navbar/mobile-menu/mobile-menu.tsx

@@ -9,7 +9,7 @@ import { Divider } from "@mui/material";
 import { MdMenu as Menu } from "react-icons/md";
 import { MdClear as Clear } from "react-icons/md";
 // GLOBAL CUSTOM COMPONENT
-import Scrollbar from "@/components/_components/scrollbar/index";
+import Scrollbar from "@evenicanpm/storefront-core/src/components/_components/scrollbar/index";
 // RENDER MENU LEVEL FUNCTION
 import { renderLevels } from "./render-levels";
 // Nav Related
@@ -17,7 +17,7 @@ import { NavContext } from "@/components/NavProvider/index";
 import {
   transformCategoryNav,
   transformCmsNav,
-} from "@/components/_components/navbar/utils/transform-nav";
+} from "@evenicanpm/storefront-core/src/components/_components/navbar/utils/transform-nav";
 
 export default function MobileMenu() {
   const { categories, cmsNav, isMobileSideNavOpen, toggleMobileSideNav } =

package/src/components/_components/navbar/mobile-menu/render-levels.tsx

@@ -3,10 +3,10 @@ import Accordion from "@mui/material/Accordion";
 import AccordionSummary from "@mui/material/AccordionSummary";
 import { MdExpandMore as ExpandMore } from "react-icons/md";
 // GLOBAL CUSTOM COMPONENTS
-import { H6 } from "@/components/_components/Typography";
-import { NavLink } from "@/components/_components/nav-link/index";
+import { H6 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
 
-import { TransformedNavItem } from "@/components/_components/navbar/utils/transform-nav";
+import { TransformedNavItem } from "@evenicanpm/storefront-core/src/components/_components/navbar/utils/transform-nav";
 
 const ACCORDION_STYLES = {
   "&:not(:last-child)": { borderBottom: 0 },

package/src/components/_components/navbar/nav-list/nav-item-child.tsx

@@ -10,12 +10,12 @@ import ArrowRight from "@mui/icons-material/ArrowRight";
 import useOverflowDetect from "@evenicanpm/storefront-core/src/hooks/use-overflow-detect";
 import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
 // GLOBAL CUSTOM COMPONENTS
-import { Span } from "@/components/_components/Typography";
-import BazaarCard from "@/components/_components/BazaarCard";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import BazaarCard from "@evenicanpm/storefront-core/src/components/_components/BazaarCard";
 // STYLED COMPONENTS
 import { ParentNav, ParentNavItem } from "../styles";
 
-import { TransformedNavItem } from "@/components/_components/navbar/utils/transform-nav";
+import { TransformedNavItem } from "@evenicanpm/storefront-core/src/components/_components/navbar/utils/transform-nav";
 
 // ==============================================================
 interface Props extends PropsWithChildren {

package/src/components/_components/navbar/nav-list/nav-list.tsx

@@ -3,9 +3,9 @@ import MenuItem from "@mui/material/MenuItem";
 // MUI ICON COMPONENTS
 import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
 // GLOBAL CUSTOM COMPONENTS
-import { NavLink } from "@/components/_components/nav-link/index";
-import { FlexBox } from "@/components/_components/flex-box/index";
-import BazaarCard from "@/components/_components/BazaarCard";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
+import BazaarCard from "@evenicanpm/storefront-core/src/components/_components/BazaarCard";
 // LOCAL CUSTOM COMPONENTS
 import MegaMenu from "../mega-menu/index";
 import NavItemChild from "./nav-item-child";
@@ -17,7 +17,7 @@ import { NavContext } from "@/components/NavProvider/index";
 import {
   transformCmsNav,
   TransformedNavItem,
-} from "@/components/_components/navbar/utils/transform-nav";
+} from "@evenicanpm/storefront-core/src/components/_components/navbar/utils/transform-nav";
 
 export default function NavigationList() {
   const renderNestedNav = (list: TransformedNavItem[], isRoot = false) => {

package/src/components/_components/newsletter/newsletter.tsx

@@ -15,7 +15,11 @@ import debounce from "@mui/material/utils/debounce";
 // MUI ICON COMPONENTS
 import Clear from "@mui/icons-material/Clear";
 // GLOBAL CUSTOM COMPONENTS
-import { H1, Paragraph, Span } from "@/components/_components/Typography";
+import {
+  H1,
+  Paragraph,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // LOCAL CUSTOM COMPONENT
 import SocialIcons from "./social-icons";
 // STYLED COMPONENTS

package/src/components/_components/newsletter/social-icons.tsx

@@ -4,7 +4,7 @@ import Google from "@mui/icons-material/Google";
 import Twitter from "@mui/icons-material/Twitter";
 import Instagram from "@mui/icons-material/Instagram";
 // GLOBAL CUSTOM COMPONENT
-import FlexRowCenter from "@/components/_components/flex-box/flex-row-center";
+import FlexRowCenter from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-row-center";
 // CUSTOM ICON COMPONENT
 // import Facebook from "icons/Facebook";
 import FallbackIcon from "@/components/Blocks/Icons/Components/FallbackIcon";

package/src/components/_components/page-sidenav/grocery-side-nav/components/link-item.tsx

@@ -1,6 +1,6 @@
 // GLOBAL CUSTOM COMPONENTS
-import { Span } from "@/components/_components/Typography";
-import { NavLink } from "@/components/_components/nav-link/index";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
 
 // ==============================================================
 interface Props {

package/src/components/_components/page-sidenav/grocery-side-nav/components/list-item.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 // GLOBAL CUSTOM COMPONENTS
-import { Span } from "@/components/_components/Typography";
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 // CUSTOM ICON COMPONENTS
 // import appIcons from "icons";
 import FallbackIcon from "@/components/Blocks/Icons/Components/FallbackIcon";

package/src/components/_components/page-sidenav/grocery-side-nav/components/nav-accordion.tsx

@@ -3,12 +3,12 @@
 import { Fragment, useState } from "react";
 import Collapse from "@mui/material/Collapse";
 // GLOBAL CUSTOM COMPONENTS
-import { AccordionHeader } from "@/components/_components/accordion/index";
+import { AccordionHeader } from "@evenicanpm/storefront-core/src/components/_components/accordion/index";
 // LOCAL CUSTOM COMPONENT
 import ListItem from "./list-item";
 import { renderChild } from "./render-child";
 // CUSTOM DATA MODEL
-import { CategoryItem } from "@/components/_components/bazaar-types";
+import { CategoryItem } from "@evenicanpm/storefront-core/src/components/_components/bazaar-types";
 
 // ==============================================================
 type Props = { item: CategoryItem };

package/src/components/_components/page-sidenav/grocery-side-nav/grocery-side-nav.tsx

@@ -1,13 +1,13 @@
 // GLOBAL CUSTOM COMPONENTS
-import Scrollbar from "@/components/_components/scrollbar/index";
-import { NavLink } from "@/components/_components/nav-link/index";
+import Scrollbar from "@evenicanpm/storefront-core/src/components/_components/scrollbar/index";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
 // LOCAL CUSTOM COMPONENTS
 import ListItem from "./components/list-item";
 import NavAccordion from "./components/nav-accordion";
 // STYLED COMPONENTS
 import { StyledCard } from "./styles/index";
 // CUSTOM DATA MODEL
-import { CategoryItem } from "@/components/_components/bazaar-types";
+import { CategoryItem } from "@evenicanpm/storefront-core/src/components/_components/bazaar-types";
 
 // ===========================================================
 type Props = { navigation: CategoryItem[] };

package/src/components/_components/page-sidenav/health-beauty-side-nav/components/list-item.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 // GLOBAL CUSTOM COMPONENTS
-import { Span } from "@/components/_components/Typography";
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 // CUSTOM ICON COMPONENTS
 // import appIcons from "icons";
 import FallbackIcon from "@/components/Blocks/Icons/Components/FallbackIcon";

package/src/components/_components/page-sidenav/health-beauty-side-nav/components/nav-accordion.tsx

@@ -3,12 +3,12 @@
 import { Fragment, useState } from "react";
 import Collapse from "@mui/material/Collapse";
 // GLOBAL CUSTOM COMPONENTS
-import { AccordionHeader } from "@/components/_components/accordion/index";
+import { AccordionHeader } from "@evenicanpm/storefront-core/src/components/_components/accordion/index";
 // LOCAL CUSTOM COMPONENT
 import ListItem from "./list-item";
 import { renderChild } from "./render-child";
 // CUSTOM DATA MODEL
-import { CategoryItem } from "@/components/_components/bazaar-types";
+import { CategoryItem } from "@evenicanpm/storefront-core/src/components/_components/bazaar-types";
 
 // ==============================================================
 type Props = { item: CategoryItem };

package/src/components/_components/page-sidenav/health-beauty-side-nav/components/render-child.tsx

@@ -1,5 +1,5 @@
-import { Span } from "@/components/_components/Typography";
-import { NavLink } from "@/components/_components/nav-link/index";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
 // STYLED COMPONENTS
 import { Circle, DotListItem } from "../styles/index";
 

package/src/components/_components/page-sidenav/health-beauty-side-nav/health-beauty-side-nav.tsx

@@ -1,15 +1,15 @@
 // GLOBAL CUSTOM COMPONENTS
-import { H4 } from "@/components/_components/Typography";
-import Scrollbar from "@/components/_components/scrollbar/index";
-import { NavLink } from "@/components/_components/nav-link/index";
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import { H4 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import Scrollbar from "@evenicanpm/storefront-core/src/components/_components/scrollbar/index";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 // LOCAL CUSTOM COMPONENT
 import ListItem from "./components/list-item";
 import NavAccordion from "./components/nav-accordion";
 // STYLED COMPONENT
 import { NavbarRoot } from "./styles/index";
 // CUSTOM DATA MODEL
-import { CategoryItem } from "@/components/_components/bazaar-types";
+import { CategoryItem } from "@evenicanpm/storefront-core/src/components/_components/bazaar-types";
 
 // =================================================================
 type Props = { navigation: CategoryItem[] };

package/src/components/_components/page-sidenav/side-navbar/components/list-item.tsx

@@ -1,6 +1,6 @@
 import { Fragment } from "react";
 // GLOBAL CUSTOM COMPONENTS
-import { Span } from "@/components/_components/Typography";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // CUSTOM ICON COMPONENTS
 // import appIcons from "icons";
 import FallbackIcon from "@/components/Blocks/Icons/Components/FallbackIcon";

package/src/components/_components/page-sidenav/side-navbar/components/nav-accordion.tsx

@@ -3,13 +3,13 @@
 import { Fragment, useState } from "react";
 import Collapse from "@mui/material/Collapse";
 // GLOBAL CUSTOM COMPONENTS
-import FlexBox from "@/components/_components/flex-box/flex-box";
-import AccordionHeader from "@/components/_components/accordion/accordion-header";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
+import AccordionHeader from "@evenicanpm/storefront-core/src/components/_components/accordion/accordion-header";
 // LOCAL CUSTOM COMPONENT
 import ListItem from "./list-item";
 import { renderChild } from "./render-child";
 // CUSTOM DATA MODEL
-import { CategoryItem } from "@/components/_components/bazaar-types";
+import { CategoryItem } from "@evenicanpm/storefront-core/src/components/_components/bazaar-types";
 
 // ==============================================================
 interface Props {

package/src/components/_components/page-sidenav/side-navbar/components/render-child.tsx

@@ -1,4 +1,4 @@
-import { Span } from "@/components/_components/Typography";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import { Circle, StyledList } from "../styles/index";
 
 interface Title {