@faststore/components 2.0.110-alpha.0 → 2.0.113-alpha.0

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { default as UIProvider, Toast as ToastProps, useUI } from './UIProvider'
 export { useFadeEffect } from './useFadeEffect';
 export { useTrapFocus } from './useTrapFocus';
 export { useSearch } from './useSearch';
+export { useScrollDirection } from './useScrollDirection';

package/dist/hooks/index.js

@@ -2,4 +2,5 @@ export { default as UIProvider, useUI } from './UIProvider';
 export { useFadeEffect } from './useFadeEffect';
 export { useTrapFocus } from './useTrapFocus';
 export { useSearch } from './useSearch';
+export { useScrollDirection } from './useScrollDirection';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAuB,KAAK,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAuB,KAAK,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/hooks/useScrollDirection.d.ts

@@ -0,0 +1 @@
+export declare const useScrollDirection: () => string;

package/dist/hooks/useScrollDirection.js

@@ -0,0 +1,22 @@
+import { useEffect, useState, useTransition } from 'react';
+export const useScrollDirection = () => {
+    const [scrollDirection, setScrollDirection] = useState('');
+    const [isPending, startTransition] = useTransition();
+    useEffect(() => {
+        let lastScrollY = window.scrollY;
+        const updateScrollDirection = () => {
+            const { scrollY } = window;
+            const direction = scrollY > lastScrollY ? 'down' : 'up';
+            if (!isPending &&
+                direction !== scrollDirection &&
+                (scrollY - lastScrollY > 10 || scrollY - lastScrollY < -10)) {
+                startTransition(() => setScrollDirection(direction));
+            }
+            lastScrollY = scrollY > 0 ? scrollY : 0;
+        };
+        window.addEventListener('scroll', updateScrollDirection);
+        return () => window.removeEventListener('scroll', updateScrollDirection);
+    }, [isPending, scrollDirection]);
+    return scrollDirection;
+};
+//# sourceMappingURL=useScrollDirection.js.map

package/dist/hooks/useScrollDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollDirection.js","sourceRoot":"","sources":["../../src/hooks/useScrollDirection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAClE,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,aAAa,EAAE,CAAA;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,GAAG,MAAM,CAAC,OAAO,CAAA;QAEhC,MAAM,qBAAqB,GAAG,GAAG,EAAE;YACjC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;YAC1B,MAAM,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;YAEvD,IACE,CAAC,SAAS;gBACV,SAAS,KAAK,eAAe;gBAC7B,CAAC,OAAO,GAAG,WAAW,GAAG,EAAE,IAAI,OAAO,GAAG,WAAW,GAAG,CAAC,EAAE,CAAC,EAC3D;gBACA,eAAe,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAA;aACrD;YAED,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QACzC,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QAExD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAA;IAC1E,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA;IAEhC,OAAO,eAAe,CAAA;AACxB,CAAC,CAAA"}

package/dist/hooks/useSearch.js

@@ -1,5 +1,5 @@
-import { SearchContext } from "../molecules/SearchProvider/SearchProvider";
-import { useContext } from "react";
+import { useContext } from 'react';
+import { SearchContext } from '../molecules/SearchProvider/SearchProvider';
 export const useSearch = () => {
     const context = useContext(SearchContext);
     if (!context) {

package/dist/hooks/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../src/hooks/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAEzC,IAAI,CAAC,OAAO,EAAE;QACV,OAAO,EAAE,SAAS,EAAE,KAAc,EAAE,CAAA;KACvC;IAED,OAAO,EAAE,SAAS,EAAE,IAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA;AACxD,CAAC,CAAA"}
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../src/hooks/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAE1E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAEzC,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,EAAE,SAAS,EAAE,KAAc,EAAE,CAAA;KACrC;IAED,OAAO,EAAE,SAAS,EAAE,IAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAA;AACtD,CAAC,CAAA"}

package/dist/index.d.ts

@@ -55,6 +55,10 @@ export { default as LinkButton } from './molecules/LinkButton';
 export type { LinkButtonProps } from './molecules/LinkButton';
 export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
 export type { ModalProps, ModalHeaderProps } from './molecules/Modal';
+export { default as NavbarLinks } from './molecules/NavbarLinks';
+export type { NavbarLinksProps } from './molecules/NavbarLinks';
+export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './molecules/NavbarSlider';
+export type { NavbarSliderProps, NavbarSliderHeaderProps, NavbarSliderContentProps, NavbarSliderFooterProps, } from './molecules/NavbarSlider';
 export { default as OrderSummary } from './molecules/OrderSummary';
 export type { OrderSummaryProps } from './molecules/OrderSummary';
 export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
@@ -107,14 +111,18 @@ export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
 export type { HeroProps, HeroImageProps, HeroHeaderProps, } from './organisms/Hero';
 export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './organisms/ImageGallery';
 export type { ImageElementData, ImageGalleryProps, ImageGallerySelectorProps, ImageZoomProps, } from './organisms/ImageGallery';
+export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
+export type { NavbarProps, NavbarHeaderProps, NavbarRowProps, NavbarButtonsProps, } from './organisms/Navbar';
 export { default as OutOfStock } from './organisms/OutOfStock';
 export type { OutOfStockProps } from './organisms/OutOfStock';
 export { default as PaymentMethods } from './organisms/PaymentMethods';
 export type { PaymentMethodsProps } from './organisms/PaymentMethods';
 export { default as PriceRange } from './organisms/PriceRange';
 export type { PriceRangeProps } from './organisms/PriceRange';
-export { default as ProductShelf, ProductShelfItems, ProductShelfItem } from './organisms/ProductShelf';
-export type { ProductShelfProps, ProductShelfItemsProps, ProductShelfItemProps } from './organisms/ProductShelf';
+export { default as ProductGrid, ProductGridItem, } from './organisms/ProductGrid';
+export type { ProductGridProps, ProductGridItemProps, } from './organisms/ProductGrid';
+export { default as ProductShelf, ProductShelfItems, ProductShelfItem, } from './organisms/ProductShelf';
+export type { ProductShelfProps, ProductShelfItemsProps, ProductShelfItemProps, } from './organisms/ProductShelf';
 export { default as RegionModal } from './organisms/RegionModal';
 export type { RegionModalProps } from './organisms/RegionModal';
 export { default as SearchInput } from './organisms/SearchInput';

package/dist/index.js

@@ -31,6 +31,8 @@ export { default as Gift, GiftContent, GiftImage } from './molecules/Gift';
 export { default as InputField } from './molecules/InputField';
 export { default as LinkButton } from './molecules/LinkButton';
 export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
+export { default as NavbarLinks } from './molecules/NavbarLinks';
+export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './molecules/NavbarSlider';
 export { default as OrderSummary } from './molecules/OrderSummary';
 export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
 export { default as ProductTitle } from './molecules/ProductTitle';
@@ -59,10 +61,12 @@ export { default as EmptyState } from './organisms/EmptyState';
 export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
 export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
 export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './organisms/ImageGallery';
+export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
 export { default as OutOfStock } from './organisms/OutOfStock';
 export { default as PaymentMethods } from './organisms/PaymentMethods';
 export { default as PriceRange } from './organisms/PriceRange';
-export { default as ProductShelf, ProductShelfItems, ProductShelfItem } from './organisms/ProductShelf';
+export { default as ProductGrid, ProductGridItem, } from './organisms/ProductGrid';
+export { default as ProductShelf, ProductShelfItems, ProductShelfItem, } from './organisms/ProductShelf';
 export { default as RegionModal } from './organisms/RegionModal';
 export { default as SearchInput } from './organisms/SearchInput';
 export { default as ShippingSimulation } from './organisms/ShippingSimulation';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/molecules/NavbarLinks/NavbarLinks.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarLinksProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NavbarLinks: React.ForwardRefExoticComponent<NavbarLinksProps & React.RefAttributes<HTMLDivElement>>;
+export default NavbarLinks;

package/dist/molecules/NavbarLinks/NavbarLinks.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarLinks = forwardRef(function NavbarLinks({ children, testId = 'fs-navbar-links', ...otherProps }, ref) {
+    return (React.createElement("nav", { "data-fs-navbar-links": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default NavbarLinks;
+//# sourceMappingURL=NavbarLinks.js.map

package/dist/molecules/NavbarLinks/NavbarLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarLinks.js","sourceRoot":"","sources":["../../../src/molecules/NavbarLinks/NavbarLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,QAAQ,EAAE,MAAM,GAAG,iBAAiB,EAAE,GAAG,UAAU,EAAE,EACvD,GAAG;IAEH,OAAO,CACL,2DAA0B,GAAG,EAAE,GAAG,iBAAe,MAAM,KAAM,UAAU,IACpE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/molecules/NavbarLinks/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './NavbarLinks';
+export type { NavbarLinksProps } from './NavbarLinks';

package/dist/molecules/NavbarLinks/index.js

@@ -0,0 +1,2 @@
+export { default } from './NavbarLinks';
+//# sourceMappingURL=index.js.map

package/dist/molecules/NavbarLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/NavbarLinks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

package/dist/molecules/NavbarSlider/NavbarSlider.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { SlideOverProps } from '../..';
+type RequiredSliderOverProps = 'isOpen' | 'direction' | 'size';
+export interface NavbarSliderProps extends Omit<SlideOverProps, RequiredSliderOverProps> {
+    /**
+     * A boolean value that represents the state of the slider.
+     */
+    isOpen?: SlideOverProps['isOpen'];
+    /**
+     * Represents the side that the slider comes from.
+     */
+    direction?: SlideOverProps['direction'];
+    /**
+     * Represents the size of the slider.
+     */
+    size?: SlideOverProps['size'];
+}
+declare function NavbarSlider({ children, size, isOpen, direction, testId, ...otherProps }: NavbarSliderProps): JSX.Element;
+export default NavbarSlider;

package/dist/molecules/NavbarSlider/NavbarSlider.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SlideOver } from '../..';
+function NavbarSlider({ children, size = 'full', isOpen = true, direction = 'leftSide', testId = 'fs-navbar-slider', ...otherProps }) {
+    return (React.createElement(SlideOver, { size: "full", isOpen: isOpen, direction: "leftSide", "data-fs-navbar-slider": true, "data-testid": testId, ...otherProps }, children));
+}
+export default NavbarSlider;
+//# sourceMappingURL=NavbarSlider.js.map

package/dist/molecules/NavbarSlider/NavbarSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSlider.js","sourceRoot":"","sources":["../../../src/molecules/NavbarSlider/NavbarSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAqBjC,SAAS,YAAY,CAAC,EACpB,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,UAAU,EACtB,MAAM,GAAG,kBAAkB,EAC3B,GAAG,UAAU,EACK;IAClB,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,UAAU,gDAEP,MAAM,KACf,UAAU,IAEb,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/molecules/NavbarSlider/NavbarSliderContent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarSliderContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NavbarSliderContent: React.ForwardRefExoticComponent<NavbarSliderContentProps & React.RefAttributes<HTMLDivElement>>;
+export default NavbarSliderContent;

package/dist/molecules/NavbarSlider/NavbarSliderContent.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarSliderContent = forwardRef(function NavbarSliderContent({ children, testId = 'fs-navbar-slider-content', ...otherProps }, ref) {
+    return (React.createElement("div", { "data-fs-navbar-slider-content": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default NavbarSliderContent;
+//# sourceMappingURL=NavbarSliderContent.js.map

package/dist/molecules/NavbarSlider/NavbarSliderContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSliderContent.js","sourceRoot":"","sources":["../../../src/molecules/NavbarSlider/NavbarSliderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,mBAAmB,GAAG,UAAU,CAGpC,SAAS,mBAAmB,CAC5B,EAAE,QAAQ,EAAE,MAAM,GAAG,0BAA0B,EAAE,GAAG,UAAU,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,oEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,mBAAmB,CAAA"}

package/dist/molecules/NavbarSlider/NavbarSliderFooter.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarSliderFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NavbarSliderFooter: React.ForwardRefExoticComponent<NavbarSliderFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default NavbarSliderFooter;

package/dist/molecules/NavbarSlider/NavbarSliderFooter.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarSliderFooter = forwardRef(function NavbarSliderFooter({ children, testId = 'fs-navbar-slider-footer', ...otherProps }, ref) {
+    return (React.createElement("footer", { "data-fs-navbar-slider-footer": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default NavbarSliderFooter;
+//# sourceMappingURL=NavbarSliderFooter.js.map

package/dist/molecules/NavbarSlider/NavbarSliderFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSliderFooter.js","sourceRoot":"","sources":["../../../src/molecules/NavbarSlider/NavbarSliderFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,kBAAkB,CACzB,EAAE,QAAQ,EAAE,MAAM,GAAG,yBAAyB,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,sEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/molecules/NavbarSlider/NavbarSliderHeader.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { SlideOverHeaderProps } from '../..';
+export interface NavbarSliderHeaderProps extends SlideOverHeaderProps {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare function NavbarSliderHeader({ children, testId, ...otherProps }: NavbarSliderHeaderProps): JSX.Element;
+export default NavbarSliderHeader;

package/dist/molecules/NavbarSlider/NavbarSliderHeader.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SlideOverHeader } from '../..';
+function NavbarSliderHeader({ children, testId = 'fs-navbar-slider-header', ...otherProps }) {
+    return (React.createElement(SlideOverHeader, { "data-fs-navbar-slider-header": true, "data-testid": testId, ...otherProps }, children));
+}
+export default NavbarSliderHeader;
+//# sourceMappingURL=NavbarSliderHeader.js.map

package/dist/molecules/NavbarSlider/NavbarSliderHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarSliderHeader.js","sourceRoot":"","sources":["../../../src/molecules/NavbarSlider/NavbarSliderHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAUvC,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,MAAM,GAAG,yBAAyB,EAClC,GAAG,UAAU,EACW;IACxB,OAAO,CACL,oBAAC,eAAe,yDAED,MAAM,KACf,UAAU,IAEb,QAAQ,CACO,CACnB,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/dist/molecules/NavbarSlider/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './NavbarSlider';
+export type { NavbarSliderProps } from './NavbarSlider';
+export { default as NavbarSliderHeader } from './NavbarSliderHeader';
+export type { NavbarSliderHeaderProps } from './NavbarSliderHeader';
+export { default as NavbarSliderContent } from './NavbarSliderContent';
+export type { NavbarSliderContentProps } from './NavbarSliderContent';
+export { default as NavbarSliderFooter } from './NavbarSliderFooter';
+export type { NavbarSliderFooterProps } from './NavbarSliderFooter';

package/dist/molecules/NavbarSlider/index.js

@@ -0,0 +1,5 @@
+export { default } from './NavbarSlider';
+export { default as NavbarSliderHeader } from './NavbarSliderHeader';
+export { default as NavbarSliderContent } from './NavbarSliderContent';
+export { default as NavbarSliderFooter } from './NavbarSliderFooter';
+//# sourceMappingURL=index.js.map

package/dist/molecules/NavbarSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/NavbarSlider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/organisms/Navbar/Navbar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+    /**
+     * Specifies the scroll direction. This value can be achieved using the `useScrollDirection` hook.
+     */
+    scrollDirection: string;
+}
+declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLDivElement>>;
+export default Navbar;

package/dist/organisms/Navbar/Navbar.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const Navbar = forwardRef(function Navbar({ children, scrollDirection, testId = 'fs-navbar', ...otherProps }, ref) {
+    return (React.createElement("header", { "data-fs-navbar": true, ref: ref, "data-testid": testId, "data-fs-navbar-scroll": scrollDirection, ...otherProps }, children));
+});
+export default Navbar;
+//# sourceMappingURL=Navbar.js.map

package/dist/organisms/Navbar/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/Navbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CACpE,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,wDAEE,GAAG,EAAE,GAAG,iBACK,MAAM,2BACI,eAAe,KAClC,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/organisms/Navbar/NavbarButtons.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarButtonsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+    /**
+     * Specifies whether the Search Input is expanded or not.
+     */
+    searchExpanded: boolean;
+}
+declare const NavbarButtons: React.ForwardRefExoticComponent<NavbarButtonsProps & React.RefAttributes<HTMLDivElement>>;
+export default NavbarButtons;

package/dist/organisms/Navbar/NavbarButtons.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarButtons = forwardRef(function NavbarButtons({ children, searchExpanded, testId = 'fs-navbar-buttons', ...otherProps }, ref) {
+    return (React.createElement("div", { "data-fs-navbar-buttons": true, ref: ref, "data-testid": testId, "data-fs-navbar-search-expanded": searchExpanded, ...otherProps }, children));
+});
+export default NavbarButtons;
+//# sourceMappingURL=NavbarButtons.js.map

package/dist/organisms/Navbar/NavbarButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarButtons.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAczC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,GAAG,mBAAmB,EAAE,GAAG,UAAU,EAAE,EACzE,GAAG;IAEH,OAAO,CACL,6DAEE,GAAG,EAAE,GAAG,iBACK,MAAM,oCACa,cAAc,KAC1C,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/organisms/Navbar/NavbarHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NavbarHeader: React.ForwardRefExoticComponent<NavbarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default NavbarHeader;

package/dist/organisms/Navbar/NavbarHeader.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarHeader = forwardRef(function NavbarHeader({ children, testId = 'fs-navbar-header', ...otherProps }, ref) {
+    return (React.createElement("section", { "data-fs-navbar-header": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default NavbarHeader;
+//# sourceMappingURL=NavbarHeader.js.map

package/dist/organisms/Navbar/NavbarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarHeader.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EAAE,QAAQ,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,gEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/organisms/Navbar/NavbarRow.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface NavbarRowProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NavbarRow: React.ForwardRefExoticComponent<NavbarRowProps & React.RefAttributes<HTMLDivElement>>;
+export default NavbarRow;

package/dist/organisms/Navbar/NavbarRow.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const NavbarRow = forwardRef(function NavbarRow({ children, testId = 'fs-navbar-row', ...otherProps }, ref) {
+    return (React.createElement("div", { "data-fs-navbar-row": true, ref: ref, "data-testid": testId, ...otherProps }, children));
+});
+export default NavbarRow;
+//# sourceMappingURL=NavbarRow.js.map

package/dist/organisms/Navbar/NavbarRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarRow.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/NavbarRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,yDAAwB,GAAG,EAAE,GAAG,iBAAe,MAAM,KAAM,UAAU,IAClE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/organisms/Navbar/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './Navbar';
+export type { NavbarProps } from './Navbar';
+export { default as NavbarHeader } from './NavbarHeader';
+export type { NavbarHeaderProps } from './NavbarHeader';
+export { default as NavbarRow } from './NavbarRow';
+export type { NavbarRowProps } from './NavbarRow';
+export { default as NavbarButtons } from './NavbarButtons';
+export type { NavbarButtonsProps } from './NavbarButtons';

package/dist/organisms/Navbar/index.js

@@ -0,0 +1,5 @@
+export { default } from './Navbar';
+export { default as NavbarHeader } from './NavbarHeader';
+export { default as NavbarRow } from './NavbarRow';
+export { default as NavbarButtons } from './NavbarButtons';
+//# sourceMappingURL=index.js.map

package/dist/organisms/Navbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/Navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGlC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/organisms/ProductGrid/ProductGrid.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface ProductGridProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const ProductGrid: React.ForwardRefExoticComponent<ProductGridProps & React.RefAttributes<HTMLUListElement>>;
+export default ProductGrid;

package/dist/organisms/ProductGrid/ProductGrid.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const ProductGrid = forwardRef(function ProductGridItem({ testId = 'fs-product-grid', children, ...otherProps }, ref) {
+    return (React.createElement("ul", { ref: ref, "data-fs-product-grid": true, ...otherProps }, children));
+});
+export default ProductGrid;
+//# sourceMappingURL=ProductGrid.js.map

package/dist/organisms/ProductGrid/ProductGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../src/organisms/ProductGrid/ProductGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,iBAAiB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvD,GAAG;IAEH,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,mCAA2B,UAAU,IAC9C,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/ProductGrid/ProductGridItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface ProductGridItemProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const ProductGridItem: React.ForwardRefExoticComponent<ProductGridItemProps & React.RefAttributes<HTMLLIElement>>;
+export default ProductGridItem;

package/dist/organisms/ProductGrid/ProductGridItem.js

@@ -0,0 +1,6 @@
+import React, { forwardRef } from 'react';
+const ProductGridItem = forwardRef(function ProductGridItem({ testId = 'fs-product-grid-item', children, ...otherProps }, ref) {
+    return (React.createElement("li", { ref: ref, "data-fs-product-grid-item": true, ...otherProps }, children));
+});
+export default ProductGridItem;
+//# sourceMappingURL=ProductGridItem.js.map

package/dist/organisms/ProductGrid/ProductGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGridItem.js","sourceRoot":"","sources":["../../../src/organisms/ProductGrid/ProductGridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,sBAAsB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC5D,GAAG;IAEH,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,wCAAgC,UAAU,IACnD,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/organisms/ProductGrid/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './ProductGrid';
+export type { ProductGridProps } from './ProductGrid';
+export { default as ProductGridItem } from './ProductGridItem';
+export type { ProductGridItemProps } from './ProductGridItem';

package/dist/organisms/ProductGrid/index.js

@@ -0,0 +1,3 @@
+export { default } from './ProductGrid';
+export { default as ProductGridItem } from './ProductGridItem';
+//# sourceMappingURL=index.js.map

package/dist/organisms/ProductGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/ProductGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.110-alpha.0",
+  "version": "2.0.113-alpha.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "author": "Emerson Laurentino @emersonlaurentino",
@@ -30,5 +30,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "4d3127188c79beaa7f286bc8791f902742110c9b"
+  "gitHead": "d98da992d055d403b4beb5b15f74829a017bb763"
 }

package/src/hooks/index.ts

@@ -2,3 +2,4 @@ export { default as UIProvider, Toast as ToastProps, useUI } from './UIProvider'
 export { useFadeEffect } from './useFadeEffect'
 export { useTrapFocus } from './useTrapFocus'
 export { useSearch } from './useSearch'
+export { useScrollDirection } from './useScrollDirection'

package/src/hooks/useScrollDirection.ts

@@ -0,0 +1,31 @@
+import { useEffect, useState, useTransition } from 'react'
+
+export const useScrollDirection = () => {
+  const [scrollDirection, setScrollDirection] = useState<string>('')
+  const [isPending, startTransition] = useTransition()
+
+  useEffect(() => {
+    let lastScrollY = window.scrollY
+
+    const updateScrollDirection = () => {
+      const { scrollY } = window
+      const direction = scrollY > lastScrollY ? 'down' : 'up'
+
+      if (
+        !isPending &&
+        direction !== scrollDirection &&
+        (scrollY - lastScrollY > 10 || scrollY - lastScrollY < -10)
+      ) {
+        startTransition(() => setScrollDirection(direction))
+      }
+
+      lastScrollY = scrollY > 0 ? scrollY : 0
+    }
+
+    window.addEventListener('scroll', updateScrollDirection)
+
+    return () => window.removeEventListener('scroll', updateScrollDirection)
+  }, [isPending, scrollDirection])
+
+  return scrollDirection
+}

package/src/hooks/useSearch.ts

@@ -1,12 +1,13 @@
-import { SearchContext } from "../molecules/SearchProvider/SearchProvider"
-import { useContext } from "react"
+import { useContext } from 'react'
+
+import { SearchContext } from '../molecules/SearchProvider/SearchProvider'
 
 export const useSearch = () => {
-    const context = useContext(SearchContext)
+  const context = useContext(SearchContext)
 
-    if (!context) {
-        return { inContext: false as const }
-    }
+  if (!context) {
+    return { inContext: false as const }
+  }
 
-    return { inContext: true as const, values: context }
-}
+  return { inContext: true as const, values: context }
+}

package/src/index.ts

@@ -95,6 +95,20 @@ export { default as LinkButton } from './molecules/LinkButton'
 export type { LinkButtonProps } from './molecules/LinkButton'
 export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal'
 export type { ModalProps, ModalHeaderProps } from './molecules/Modal'
+export { default as NavbarLinks } from './molecules/NavbarLinks'
+export type { NavbarLinksProps } from './molecules/NavbarLinks'
+export {
+  default as NavbarSlider,
+  NavbarSliderHeader,
+  NavbarSliderContent,
+  NavbarSliderFooter,
+} from './molecules/NavbarSlider'
+export type {
+  NavbarSliderProps,
+  NavbarSliderHeaderProps,
+  NavbarSliderContentProps,
+  NavbarSliderFooterProps,
+} from './molecules/NavbarSlider'
 export { default as OrderSummary } from './molecules/OrderSummary'
 export type { OrderSummaryProps } from './molecules/OrderSummary'
 export {
@@ -236,6 +250,19 @@ export type {
   ImageZoomProps,
 } from './organisms/ImageGallery'
 
+export {
+  default as Navbar,
+  NavbarHeader,
+  NavbarRow,
+  NavbarButtons,
+} from './organisms/Navbar'
+export type {
+  NavbarProps,
+  NavbarHeaderProps,
+  NavbarRowProps,
+  NavbarButtonsProps,
+} from './organisms/Navbar'
+
 export { default as OutOfStock } from './organisms/OutOfStock'
 export type { OutOfStockProps } from './organisms/OutOfStock'
 
@@ -245,8 +272,25 @@ export type { PaymentMethodsProps } from './organisms/PaymentMethods'
 export { default as PriceRange } from './organisms/PriceRange'
 export type { PriceRangeProps } from './organisms/PriceRange'
 
-export { default as ProductShelf, ProductShelfItems, ProductShelfItem } from './organisms/ProductShelf'
-export type { ProductShelfProps, ProductShelfItemsProps, ProductShelfItemProps } from './organisms/ProductShelf'
+export {
+  default as ProductGrid,
+  ProductGridItem,
+} from './organisms/ProductGrid'
+export type {
+  ProductGridProps,
+  ProductGridItemProps,
+} from './organisms/ProductGrid'
+
+export {
+  default as ProductShelf,
+  ProductShelfItems,
+  ProductShelfItem,
+} from './organisms/ProductShelf'
+export type {
+  ProductShelfProps,
+  ProductShelfItemsProps,
+  ProductShelfItemProps,
+} from './organisms/ProductShelf'
 
 export { default as RegionModal } from './organisms/RegionModal'
 export type { RegionModalProps } from './organisms/RegionModal'

package/src/molecules/NavbarLinks/NavbarLinks.tsx

@@ -0,0 +1,24 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface NavbarLinksProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const NavbarLinks = forwardRef<HTMLDivElement, NavbarLinksProps>(
+  function NavbarLinks(
+    { children, testId = 'fs-navbar-links', ...otherProps },
+    ref
+  ) {
+    return (
+      <nav data-fs-navbar-links ref={ref} data-testid={testId} {...otherProps}>
+        {children}
+      </nav>
+    )
+  }
+)
+
+export default NavbarLinks

package/src/molecules/NavbarLinks/index.ts

@@ -0,0 +1,2 @@
+export { default } from './NavbarLinks'
+export type { NavbarLinksProps } from './NavbarLinks'

package/src/molecules/NavbarSlider/NavbarSlider.tsx

@@ -0,0 +1,46 @@
+import React from 'react'
+
+import { SlideOver } from '../..'
+import type { SlideOverProps } from '../..'
+
+type RequiredSliderOverProps = 'isOpen' | 'direction' | 'size'
+
+export interface NavbarSliderProps
+  extends Omit<SlideOverProps, RequiredSliderOverProps> {
+  /**
+   * A boolean value that represents the state of the slider.
+   */
+  isOpen?: SlideOverProps['isOpen']
+  /**
+   * Represents the side that the slider comes from.
+   */
+  direction?: SlideOverProps['direction']
+  /**
+   * Represents the size of the slider.
+   */
+  size?: SlideOverProps['size']
+}
+
+function NavbarSlider({
+  children,
+  size = 'full',
+  isOpen = true,
+  direction = 'leftSide',
+  testId = 'fs-navbar-slider',
+  ...otherProps
+}: NavbarSliderProps) {
+  return (
+    <SlideOver
+      size="full"
+      isOpen={isOpen}
+      direction="leftSide"
+      data-fs-navbar-slider
+      data-testid={testId}
+      {...otherProps}
+    >
+      {children}
+    </SlideOver>
+  )
+}
+
+export default NavbarSlider

package/src/molecules/NavbarSlider/NavbarSliderContent.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface NavbarSliderContentProps
+  extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const NavbarSliderContent = forwardRef<
+  HTMLDivElement,
+  NavbarSliderContentProps
+>(function NavbarSliderContent(
+  { children, testId = 'fs-navbar-slider-content', ...otherProps },
+  ref
+) {
+  return (
+    <div
+      data-fs-navbar-slider-content
+      ref={ref}
+      data-testid={testId}
+      {...otherProps}
+    >
+      {children}
+    </div>
+  )
+})
+
+export default NavbarSliderContent

package/src/molecules/NavbarSlider/NavbarSliderFooter.tsx

@@ -0,0 +1,30 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface NavbarSliderFooterProps
+  extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const NavbarSliderFooter = forwardRef<HTMLDivElement, NavbarSliderFooterProps>(
+  function NavbarSliderFooter(
+    { children, testId = 'fs-navbar-slider-footer', ...otherProps },
+    ref
+  ) {
+    return (
+      <footer
+        data-fs-navbar-slider-footer
+        ref={ref}
+        data-testid={testId}
+        {...otherProps}
+      >
+        {children}
+      </footer>
+    )
+  }
+)
+
+export default NavbarSliderFooter

package/src/molecules/NavbarSlider/NavbarSliderHeader.tsx

@@ -0,0 +1,29 @@
+import React from 'react'
+
+import { SlideOverHeader } from '../..'
+import type { SlideOverHeaderProps } from '../..'
+
+export interface NavbarSliderHeaderProps extends SlideOverHeaderProps {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+function NavbarSliderHeader({
+  children,
+  testId = 'fs-navbar-slider-header',
+  ...otherProps
+}: NavbarSliderHeaderProps) {
+  return (
+    <SlideOverHeader
+      data-fs-navbar-slider-header
+      data-testid={testId}
+      {...otherProps}
+    >
+      {children}
+    </SlideOverHeader>
+  )
+}
+
+export default NavbarSliderHeader

package/src/molecules/NavbarSlider/index.ts

@@ -0,0 +1,11 @@
+export { default } from './NavbarSlider'
+export type { NavbarSliderProps } from './NavbarSlider'
+
+export { default as NavbarSliderHeader } from './NavbarSliderHeader'
+export type { NavbarSliderHeaderProps } from './NavbarSliderHeader'
+
+export { default as NavbarSliderContent } from './NavbarSliderContent'
+export type { NavbarSliderContentProps } from './NavbarSliderContent'
+
+export { default as NavbarSliderFooter } from './NavbarSliderFooter'
+export type { NavbarSliderFooterProps } from './NavbarSliderFooter'

package/src/organisms/Navbar/Navbar.tsx

@@ -0,0 +1,32 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface NavbarProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+  /**
+   * Specifies the scroll direction. This value can be achieved using the `useScrollDirection` hook.
+   */
+  scrollDirection: string
+}
+
+const Navbar = forwardRef<HTMLDivElement, NavbarProps>(function Navbar(
+  { children, scrollDirection, testId = 'fs-navbar', ...otherProps },
+  ref
+) {
+  return (
+    <header
+      data-fs-navbar
+      ref={ref}
+      data-testid={testId}
+      data-fs-navbar-scroll={scrollDirection}
+      {...otherProps}
+    >
+      {children}
+    </header>
+  )
+})
+
+export default Navbar

package/src/organisms/Navbar/NavbarButtons.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface NavbarButtonsProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+  /**
+   * Specifies whether the Search Input is expanded or not.
+   */
+  searchExpanded: boolean
+}
+
+const NavbarButtons = forwardRef<HTMLDivElement, NavbarButtonsProps>(
+  function NavbarButtons(
+    { children, searchExpanded, testId = 'fs-navbar-buttons', ...otherProps },
+    ref
+  ) {
+    return (
+      <div
+        data-fs-navbar-buttons
+        ref={ref}
+        data-testid={testId}
+        data-fs-navbar-search-expanded={searchExpanded}
+        {...otherProps}
+      >
+        {children}
+      </div>
+    )
+  }
+)
+
+export default NavbarButtons

package/src/organisms/Navbar/NavbarHeader.tsx

@@ -0,0 +1,29 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface NavbarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const NavbarHeader = forwardRef<HTMLDivElement, NavbarHeaderProps>(
+  function NavbarHeader(
+    { children, testId = 'fs-navbar-header', ...otherProps },
+    ref
+  ) {
+    return (
+      <section
+        data-fs-navbar-header
+        ref={ref}
+        data-testid={testId}
+        {...otherProps}
+      >
+        {children}
+      </section>
+    )
+  }
+)
+
+export default NavbarHeader

package/src/organisms/Navbar/NavbarRow.tsx

@@ -0,0 +1,22 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface NavbarRowProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const NavbarRow = forwardRef<HTMLDivElement, NavbarRowProps>(function NavbarRow(
+  { children, testId = 'fs-navbar-row', ...otherProps },
+  ref
+) {
+  return (
+    <div data-fs-navbar-row ref={ref} data-testid={testId} {...otherProps}>
+      {children}
+    </div>
+  )
+})
+
+export default NavbarRow

package/src/organisms/Navbar/index.ts

@@ -0,0 +1,11 @@
+export { default } from './Navbar'
+export type { NavbarProps } from './Navbar'
+
+export { default as NavbarHeader } from './NavbarHeader'
+export type { NavbarHeaderProps } from './NavbarHeader'
+
+export { default as NavbarRow } from './NavbarRow'
+export type { NavbarRowProps } from './NavbarRow'
+
+export { default as NavbarButtons } from './NavbarButtons'
+export type { NavbarButtonsProps } from './NavbarButtons'

package/src/organisms/ProductGrid/ProductGrid.tsx

@@ -0,0 +1,24 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface ProductGridProps extends HTMLAttributes<HTMLUListElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const ProductGrid = forwardRef<HTMLUListElement, ProductGridProps>(
+  function ProductGridItem(
+    { testId = 'fs-product-grid', children, ...otherProps },
+    ref
+  ) {
+    return (
+      <ul ref={ref} data-fs-product-grid {...otherProps}>
+        {children}
+      </ul>
+    )
+  }
+)
+
+export default ProductGrid

package/src/organisms/ProductGrid/ProductGridItem.tsx

@@ -0,0 +1,24 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+export interface ProductGridItemProps extends HTMLAttributes<HTMLLIElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+   */
+  testId?: string
+}
+
+const ProductGridItem = forwardRef<HTMLLIElement, ProductGridItemProps>(
+  function ProductGridItem(
+    { testId = 'fs-product-grid-item', children, ...otherProps },
+    ref
+  ) {
+    return (
+      <li ref={ref} data-fs-product-grid-item {...otherProps}>
+        {children}
+      </li>
+    )
+  }
+)
+
+export default ProductGridItem

package/src/organisms/ProductGrid/index.ts

@@ -0,0 +1,5 @@
+export { default } from './ProductGrid'
+export type { ProductGridProps } from './ProductGrid'
+
+export { default as ProductGridItem } from './ProductGridItem'
+export type { ProductGridItemProps } from './ProductGridItem'