@evenicanpm/storefront-core 1.0.4 → 1.0.5

package/src/components-v2/product-cards/product-card-search/product-card.tsx

@@ -9,7 +9,7 @@ import { RemoveRedEye } from "@mui/icons-material";
 import Favorite from "@mui/icons-material/Favorite";
 import FavoriteBorder from "@mui/icons-material/FavoriteBorder";
 // LOCAL CUSTOM HOOK
-import useProduct from "../use-product";
+import useProduct from "@evenicanpm/storefront-core/src/components-v2/product-cards/use-product";
 // GLOBAL CUSTOM COMPONENTS
 import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 import { FlexRowCenter } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
@@ -27,7 +27,7 @@ import {
   CardMedia,
   FavoriteButton,
   QuickViewSmallButton,
-} from "./styles/index";
+} from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-search/styles/index";
 
 type Product = {
   slug: string;

package/src/components-v2/product-dialog/compound/product-dialog.tsx

@@ -9,12 +9,17 @@ import Divider from "@mui/material/Divider";
 import IconButton from "@mui/material/IconButton";
 import DialogContent from "@mui/material/DialogContent";
 import Close from "@mui/icons-material/Close";
-import { Carousel } from "../../carousel";
-import BazaarImage from "../../BazaarImage";
-import { FlexBox } from "../../flex-box";
-import { H2, Paragraph, H1, H6 } from "../../Typography";
+import { Carousel } from "@evenicanpm/storefront-core/src/components-v2/carousel";
+import BazaarImage from "@evenicanpm/storefront-core/src/components-v2/BazaarImage";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
+import {
+  H2,
+  Paragraph,
+  H1,
+  H6,
+} from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { currency } from "@evenicanpm/storefront-core/src/lib/lib";
-import QuantityVariantsSelect from "../../product-quantity-variants";
+import QuantityVariantsSelect from "@evenicanpm/storefront-core/src/components-v2/product-quantity-variants";
 import getProductById from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-id";
 import { createContext, ReactElement, useContext } from "react";
 import { ProductDetails } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
@@ -48,21 +53,21 @@ interface ProductDialogContext {
 export const ProductDialogContext = createContext(null);
 
 /**
-* @category Compound Component
-* @example
-*   <ProductViewDialog {...props}>
-*     <ProductViewDialog.Content>
-*       <ProductViewDialog.Content.Images />
-*       <ProductViewDialog.Content.Info>
-*         <ProductViewDialog.Content.Info.Name />
-*         <ProductViewDialog.Content.Info.Category />
-*         <ProductViewDialog.Content.Info.Description />
-*         <ProductViewDialog.Content.Info.Rating />
-*         <ProductViewDialog.Content.Info.AddToCart />
-*       </ProductViewDialog.Content.Info>
-*     </ProductViewDialog.Content>
-*   </ProductViewDialog>
-*/
+ * @category Compound Component
+ * @example
+ *   <ProductViewDialog {...props}>
+ *     <ProductViewDialog.Content>
+ *       <ProductViewDialog.Content.Images />
+ *       <ProductViewDialog.Content.Info>
+ *         <ProductViewDialog.Content.Info.Name />
+ *         <ProductViewDialog.Content.Info.Category />
+ *         <ProductViewDialog.Content.Info.Description />
+ *         <ProductViewDialog.Content.Info.Rating />
+ *         <ProductViewDialog.Content.Info.AddToCart />
+ *       </ProductViewDialog.Content.Info>
+ *     </ProductViewDialog.Content>
+ *   </ProductViewDialog>
+ */
 export default function ProductDialog(props: Props) {
   const { children, openDialog, handleCloseDialog } = props;
   const { data: product, isPending } = getProductById.useData({
@@ -70,23 +75,31 @@ export default function ProductDialog(props: Props) {
   });
   if (isPending) return null;
   return (
-    <ProductDialogContext.Provider value={{ product, openDialog, handleCloseDialog }}>
+    <ProductDialogContext.Provider
+      value={{ product, openDialog, handleCloseDialog }}
+    >
       <Dialog
         open={openDialog}
         maxWidth={false}
         onClose={handleCloseDialog}
         sx={{ zIndex: 1501 }}
       >
-        <DialogContent sx={{ maxWidth: 900, width: "100%" }}>{children}</DialogContent>
+        <DialogContent sx={{ maxWidth: 900, width: "100%" }}>
+          {children}
+        </DialogContent>
       </Dialog>
-    </ProductDialogContext.Provider >
+    </ProductDialogContext.Provider>
   );
 }
 
 /**
-  * @category Sub-Component
-  */
-export const ProductDialogContent = ({ children }: { children: React.ReactNode }) => {
+ * @category Sub-Component
+ */
+export const ProductDialogContent = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
   const { handleCloseDialog } = useContext(ProductDialogContext);
 
   return (
@@ -104,17 +117,16 @@ export const ProductDialogContent = ({ children }: { children: React.ReactNode }
       </IconButton>
     </DialogContent>
   );
-}
+};
 
 /**
-  * @category Sub-Component
-  */
+ * @category Sub-Component
+ */
 export const ProductDialogContentImages = () => {
   const { product } = useContext(ProductDialogContext);
 
   return (
-    < Grid size={{ md: 6, xs: 12 }
-    }>
+    <Grid size={{ md: 6, xs: 12 }}>
       <Carousel
         slidesToShow={1}
         arrowStyles={{
@@ -137,28 +149,32 @@ export const ProductDialogContentImages = () => {
           />
         ))}
       </Carousel>
-    </Grid >
+    </Grid>
   );
-}
+};
 
 /**
  * @category Sub-Component
  */
-export const ProductDialogContentInfo = ({ children }: { children: React.ReactNode }) => {
+export const ProductDialogContentInfo = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
   return (
     <Grid size={{ md: 6, xs: 12 }} alignSelf="center">
       {children}
     </Grid>
   );
-}
+};
 
 /**
  * @category Sub-Component
  */
 export const InfoName = () => {
   const { product } = useContext(ProductDialogContext);
-  return <H2>{product?.Name}</H2>
-}
+  return <H2>{product?.Name}</H2>;
+};
 
 /**
  * @category Sub-Component
@@ -168,24 +184,24 @@ export const InfoCategory = () => {
     <Paragraph py={1} color="grey.500" fontWeight={600} fontSize={13}>
       CATEGORY
     </Paragraph>
-  )
-}
+  );
+};
 
 /**
  * @category Sub-Component
  */
 export const InfoPrice = () => {
   const { product } = useContext(ProductDialogContext);
-  return <H1 color="primary.main">{currency(product?.Price)}</H1>
-}
+  return <H1 color="primary.main">{currency(product?.Price)}</H1>;
+};
 
 /**
  * @category Sub-Component
  */
 export const InfoDescription = () => {
   const { product } = useContext(ProductDialogContext);
-  return <Paragraph my={2}>{product?.Description}</Paragraph>
-}
+  return <Paragraph my={2}>{product?.Description}</Paragraph>;
+};
 
 /**
  * @category Sub-Component
@@ -197,7 +213,7 @@ export const InfoRating = () => {
       <H6 lineHeight="1">(50)</H6>
     </FlexBox>
   );
-}
+};
 
 /**
  * @category Sub-Component
@@ -212,7 +228,7 @@ export const InfoAddToCart = () => {
       </FlexBox>
     </>
   );
-}
+};
 
 ProductDialog.Content = ProductDialogContent;
 ProductDialogContentInfo.Name = InfoName;

package/src/components-v2/product-dialog/index.tsx

@@ -1,5 +1,5 @@
 "use client";
-import ProductViewDialog from "./compound/product-dialog";
+import ProductViewDialog from "@evenicanpm/storefront-core/src/components-v2/product-dialog/compound/product-dialog";
 
 interface Props {
   productId: number;
@@ -26,4 +26,3 @@ export default function ProductDialog(props: Props) {
     </ProductViewDialog>
   );
 }
-

package/src/components-v2/product-dimensions/compound/dimensions-group-error.tsx

@@ -2,13 +2,13 @@
  * @module ProductDimensions
  */
 "use client";
-import { DimensionsContext } from "./dimensions";
+import { DimensionsContext } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions";
 import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { useTranslations } from "next-intl";
 import { ProductDimensionType } from "@msdyn365-commerce/retail-proxy";
-import { hasSelectedDimension } from "../utils/has-selected-dimension";
+import { hasSelectedDimension } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/utils/has-selected-dimension";
 import { useContext } from "react";
-import { DimensionsGroupContext } from "./dimensions-group";
+import { DimensionsGroupContext } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group";
 
 /**
  * An error that corresponds with a specific dimension group.

package/src/components-v2/product-dimensions/compound/dimensions-group-label.tsx

@@ -5,7 +5,7 @@
 import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { ProductDimensionType } from "@msdyn365-commerce/retail-proxy";
 import { useContext } from "react";
-import { DimensionsGroupContext } from "./dimensions-group";
+import { DimensionsGroupContext } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group";
 
 /**
  * @category Sub-Component

package/src/components-v2/product-dimensions/compound/dimensions-group-list-chip.tsx

@@ -7,7 +7,7 @@ import {
   ProductDimensionValueInventoryAvailability,
   ProductDimensionType,
 } from "@msdyn365-commerce/retail-proxy";
-import { DimensionsContext } from "./dimensions";
+import { DimensionsContext } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions";
 
 /**
  * @category Props

package/src/components-v2/product-dimensions/compound/dimensions-group-list.tsx

@@ -2,9 +2,9 @@
  * @module ProductDimensions
  */
 "use client";
-import { DimensionGroupListChip } from "./dimensions-group-list-chip";
+import { DimensionGroupListChip } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group-list-chip";
 import { useContext } from "react";
-import { DimensionsGroupContext } from "./dimensions-group";
+import { DimensionsGroupContext } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group";
 
 /**
  * @category Sub-Component

package/src/components-v2/product-dimensions/compound/dimensions-group.tsx

@@ -6,9 +6,9 @@ import Box from "@mui/material/Box";
 import { createContext } from "react";
 import { ProductDimensionValueInventoryAvailability } from "@msdyn365-commerce/retail-proxy";
 import { PropsWithChildren } from "react";
-import { DimensionGroupError } from "./dimensions-group-error";
-import { DimensionGroupLabel } from "./dimensions-group-label";
-import { DimensionGroupList } from "./dimensions-group-list";
+import { DimensionGroupError } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group-error";
+import { DimensionGroupLabel } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group-label";
+import { DimensionGroupList } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group-list";
 
 /**
  * @category Props

package/src/components-v2/product-dimensions/compound/dimensions.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { ProductDimensionValueInventoryAvailability } from "@msdyn365-commerce/retail-proxy";
 import React, { PropsWithChildren, ReactElement, createContext } from "react";
-import { DimensionGroup } from "./dimensions-group";
+import { DimensionGroup } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions-group";
 
 /**
  * @category Context

package/src/components-v2/product-dimensions/index.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { ProductDimensionValueInventoryAvailability } from "@msdyn365-commerce/retail-proxy";
-import { Dimensions } from "./compound/dimensions";
+import { Dimensions } from "@evenicanpm/storefront-core/src/components-v2/product-dimensions/compound/dimensions";
 
 // TODO: When selecting a single dimension, loading spinner starts... not necessary, inefficient.
 

package/src/components-v2/product-quantity-buttons/compound/quantity-buttons-root.tsx

@@ -1,7 +1,7 @@
 /**
  * @module ProductQuantityButtons
  */
-import React, { createContext, useContext, ReactNode, useMemo } from "react";
+import React, { createContext, useContext, ReactNode } from "react";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import Button from "@mui/material/Button";
 import { CartLine } from "@msdyn365-commerce/retail-proxy";

package/src/components-v2/product-quantity-buttons/index.tsx

@@ -3,8 +3,8 @@
  * @category Implementation component
  */
 import React from "react";
-import { QuantityButtons } from "./compound/quantity-buttons-root";
-import { QuantityButtonProps } from "./compound/quantity-buttons-root";
+import { QuantityButtons } from "@evenicanpm/storefront-core/src/components-v2/product-quantity-buttons/compound/quantity-buttons-root";
+import { QuantityButtonProps } from "@evenicanpm/storefront-core/src/components-v2/product-quantity-buttons/compound/quantity-buttons-root";
 
 /**
  * Pre-composed version of quantity buttons.

package/src/components-v2/products-view/compound/products-grid-view.tsx

@@ -9,8 +9,8 @@ import ProductCardPlp from "@evenicanpm/storefront-core/src/components-v2/produc
 // DATA MODEL
 import { ProductSearchResult as Product } from "@msdyn365-commerce/retail-proxy";
 import { ProductPrice } from "@/api-manager/schemas/product.schema";
-import { ProductsViewContext } from "./context";
-import { ProductsViewProps } from "./types";
+import { ProductsViewContext } from "@evenicanpm/storefront-core/src/components-v2/products-view/compound/context";
+import { ProductsViewProps } from "@evenicanpm/storefront-core/src/components-v2/products-view/compound/types";
 
 /**
  * Root component of products grid view.

package/src/components-v2/products-view/compound/products-list-view.tsx

@@ -8,8 +8,8 @@ import { ProductCardPlpList } from "@evenicanpm/storefront-core/src/components-v
 import { ProductPrice } from "@/api-manager/schemas/product.schema";
 // DATA MODEL
 import { ProductSearchResult as Product } from "@msdyn365-commerce/retail-proxy";
-import { ProductsViewContext } from "./context";
-import { ProductsViewProps } from "./types";
+import { ProductsViewContext } from "@evenicanpm/storefront-core/src/components-v2/products-view/compound/context";
+import { ProductsViewProps } from "@evenicanpm/storefront-core/src/components-v2/products-view/compound/types";
 
 /**
  * Root component of the ProductsListView.

package/src/components-v2/products-view/compound/types.ts

@@ -1,4 +1,4 @@
-import { ProductsViewContext } from "./context";
+import { ProductsViewContext } from "@evenicanpm/storefront-core/src/components-v2/products-view/compound/context";
 import { PropsWithChildren, ReactNode } from "react";
 
 /**

package/src/components-v2/products-view/index.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
-import ProductsGridView from "./compound/products-grid-view";
-import ProductsListView from "./compound/products-list-view";
+import ProductsGridView from "@evenicanpm/storefront-core/src/components-v2/products-view/compound/products-grid-view";
+import ProductsListView from "@evenicanpm/storefront-core/src/components-v2/products-view/compound/products-list-view";
 // DATA MODEL
 import { ProductSearchResult as Product } from "@msdyn365-commerce/retail-proxy";
 import { ProductPrice } from "@/api-manager/schemas/product.schema";

package/src/components-v2/progress/index.ts

@@ -1 +1 @@
-export { default } from "./progress";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/progress/progress";

package/src/components-v2/scrollbar/index.ts

@@ -1 +1 @@
-export { default } from "./scrollbar";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/scrollbar/scrollbar";

package/src/components-v2/scrollbar/scrollbar.tsx

@@ -3,7 +3,7 @@ import { SxProps, Theme } from "@mui/material/styles";
 import { Props } from "simplebar-react";
 import "simplebar-react/dist/simplebar.min.css";
 // STYLED COMPONENT
-import { StyledScrollBar } from "./styles";
+import { StyledScrollBar } from "@evenicanpm/storefront-core/src/components-v2/scrollbar/styles";
 
 // =============================================================
 interface ScrollbarProps extends Props {

package/src/components-v2/search-bar/compound/results-item-lg.tsx

@@ -4,7 +4,10 @@
 import React, { useContext } from "react";
 import Grid from "@mui/material/Grid";
 import ProductCardSearch from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-search";
-import { SearchContext, SearchResultItemContext } from "./context";
+import {
+  SearchContext,
+  SearchResultItemContext,
+} from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 
 /**
  * Large, vertical result item card, used for desktop view.

package/src/components-v2/search-bar/compound/results-item-sm.tsx

@@ -12,7 +12,10 @@ import {
   Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { currency } from "@/lib/lib";
-import { SearchContext, SearchResultItemContext } from "./context";
+import {
+  SearchContext,
+  SearchResultItemContext,
+} from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 
 /**
  * Small, horizontal result item card, used for mobile view.

package/src/components-v2/search-bar/compound/results-suspense.tsx

@@ -4,12 +4,12 @@
 "use client";
 
 import React, { Suspense, useContext } from "react";
-import { SearchContext } from "./context";
+import { SearchContext } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 import { CircularProgress } from "@mui/material";
-import SearchResult from "./results";
-import { SearchResultCard } from "../styles/index";
+import SearchResult from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results";
+import { SearchResultCard } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
 import ResultItemCardLg from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results-item-lg";
-import ResultItemCardSm from "./results-item-sm";
+import ResultItemCardSm from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results-item-sm";
 
 import _ from "lodash";
 

package/src/components-v2/search-bar/compound/results.tsx

@@ -4,8 +4,11 @@
 import React, { useContext } from "react";
 import { useTranslations } from "next-intl";
 import searchProducts from "@/services/product/queries/search-products";
-import { SearchResultCard } from "../styles/index";
-import { SearchContext, SearchResultItemContext } from "./context";
+import { SearchResultCard } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
+import {
+  SearchContext,
+  SearchResultItemContext,
+} from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 import Grid from "@mui/material/Grid";
 
 /**

package/src/components-v2/search-bar/compound/search-bar-root.tsx

@@ -6,15 +6,15 @@ import React, { useRef } from "react";
 import Box from "@mui/material/Box";
 
 // local hooks
-import useSearch from "../hooks/use-search";
-import { useClickOutside } from "../hooks/use-click-outside";
+import useSearch from "@evenicanpm/storefront-core/src/components-v2/search-bar/hooks/use-search";
+import { useClickOutside } from "@evenicanpm/storefront-core/src/components-v2/search-bar/hooks/use-click-outside";
 
 // contexts
-import { SearchContext } from "./context";
+import { SearchContext } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 
 // components
-import SearchResultSuspense from "./results-suspense";
-import TextField from "./textfield";
+import SearchResultSuspense from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results-suspense";
+import TextField from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield";
 
 import _ from "lodash";
 

package/src/components-v2/search-bar/compound/textfield-adornment-category.tsx

@@ -8,9 +8,9 @@ import TouchRipple from "@mui/material/ButtonBase";
 import useTheme from "@mui/material/styles/useTheme";
 import getCategories from "@/services/categories/queries/get-categories";
 import { MdKeyboardArrowDown as KeyboardArrowDownOutlined } from "react-icons/md";
-import { findCategoryNameById } from "../utils/findCategoryNameById";
+import { findCategoryNameById } from "@evenicanpm/storefront-core/src/components-v2/search-bar/utils/findCategoryNameById";
 import Menu from "@evenicanpm/storefront-core/src/components-v2/BazaarMenu";
-import { DropDownHandler } from "../styles/index";
+import { DropDownHandler } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
 import { useTranslations } from "next-intl";
 type DisplayCategory = {
   name: string;

package/src/components-v2/search-bar/compound/textfield.tsx

@@ -5,15 +5,15 @@
 import React, { useContext } from "react";
 import TextField from "@mui/material/TextField";
 
-import SearchIconAdornment from "./textfield-adornment-search-icon";
-import AdornmentButton from "./textfield-adornment-button";
-import CategoryDropdown from "./textfield-adornment-category";
+import SearchIconAdornment from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield-adornment-search-icon";
+import AdornmentButton from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield-adornment-button";
+import CategoryDropdown from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield-adornment-category";
 
-import { INPUT_SX } from "../styles/index";
+import { INPUT_SX } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
 import { useTheme, useMediaQuery } from "@mui/material";
 import _ from "lodash";
 import { useTranslations } from "next-intl";
-import { SearchContext } from "./context";
+import { SearchContext } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 
 /**
  * The actual input field for the search bar.

package/src/components-v2/search-bar/index.tsx

@@ -1,7 +1,7 @@
 /**
  * @module SearchBar
  */
-import SearchBar from "./compound/search-bar-root";
+import SearchBar from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/search-bar-root";
 
 interface Props {
   handleCloseDrawer?: () => void;

package/src/components-v2/section/compound/section-header.tsx

@@ -9,9 +9,12 @@ import { ReactNode } from "react";
 import ArrowLeft from "@mui/icons-material/ArrowLeft";
 import ArrowRight from "@mui/icons-material/ArrowRight";
 // Local Custom Components
-import { H2 } from "../../Typography";
-import { FlexBetween, FlexBox } from "../../flex-box/index";
-import useSettings from "../../../hooks/use-settings";
+import { H2 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import {
+  FlexBetween,
+  FlexBox,
+} from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
 
 /**
  * @category Sub-Component

package/src/components-v2/section/compound/section.tsx

@@ -4,7 +4,7 @@
 import { ReactNode } from "react";
 import Container from "@mui/material/Container";
 import Box, { BoxProps } from "@mui/material/Box";
-import { SectionHeader } from "./section-header";
+import { SectionHeader } from "@evenicanpm/storefront-core/src/components-v2/section/compound/section-header";
 
 interface Props extends BoxProps {
   children: ReactNode;

package/src/components-v2/section/index.ts

@@ -1 +1 @@
-export { Section } from "./compound/section";
+export { Section } from "@evenicanpm/storefront-core/src/components-v2/section/compound/section";

package/src/components-v2/side-nav/index.ts

@@ -1 +1 @@
-export { default } from "./side-nav";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/side-nav/side-nav";

package/src/components-v2/sticky/index.ts

@@ -1 +1 @@
-export { default } from "./sticky";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/sticky/sticky";

package/src/components-v2/sticky/sticky.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState, ReactNode } from "react";
 import clsx from "clsx";
-import { StyledBox } from "./styles";
+import { StyledBox } from "@evenicanpm/storefront-core/src/components-v2/sticky/styles";
 
 // ============================================================
 interface Props {