@faststore/components 2.0.114-alpha.0 → 2.0.117-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, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
+export type { NavbarLinksProps, NavbarLinksListProps, NavbarLinksListItemProps, } 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,6 +111,8 @@ 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';

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, NavbarLinksList, NavbarLinksListItem, } 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,6 +61,7 @@ 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';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,SAAS,CAAA;AAEvB,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAKnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,aAAa,EACb,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAM7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,sBAAsB,CAAA;AAO7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAM1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAK1E,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,sBAAsB,GACvB,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,iBAAiB,GAClB,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,4BAA4B,CAAA;AAOnC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,mBAAmB,CAAA;AAS1B,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAG1E,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,EACf,iBAAiB,GAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAA;AAS3B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAOzE,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,oBAAoB,EACpB,SAAS,GACV,MAAM,0BAA0B,CAAA;AAQjC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AAOjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAG9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA"}
+{"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/NavbarLinksList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ListProps } from '../..';
+export interface NavbarLinksListProps extends ListProps {
+    /**
+     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
+     */
+    testId?: string;
+}
+declare const NavbarLinksList: React.ForwardRefExoticComponent<Pick<NavbarLinksListProps, "children" | "slot" | "style" | "title" | "marker" | "testId" | "aria-label" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "as"> & React.RefAttributes<HTMLUListElement>>;
+export default NavbarLinksList;

package/dist/molecules/NavbarLinks/NavbarLinksList.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarLinksList.js","sourceRoot":"","sources":["../../../src/molecules/NavbarLinks/NavbarLinksList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAU5B,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,QAAQ,EAAE,MAAM,GAAG,sBAAsB,EAAE,GAAG,UAAU,EAAE,EAC5D,GAAG;IAEH,OAAO,CACL,oBAAC,IAAI,uCAEH,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

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

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

package/dist/molecules/NavbarLinks/NavbarLinksListItem.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarLinksListItem.js","sourceRoot":"","sources":["../../../src/molecules/NavbarLinks/NavbarLinksListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,mBAAmB,GAAG,UAAU,CACpC,SAAS,mBAAmB,CAC1B,EAAE,QAAQ,EAAE,MAAM,GAAG,2BAA2B,EAAE,GAAG,UAAU,EAAE,EACjE,GAAG;IAEH,OAAO,CACL,oEAEE,GAAG,EAAE,GAAG,iBACK,MAAM,KACf,UAAU,IAEb,QAAQ,CACN,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,6 @@
+export { default } from './NavbarLinks';
+export type { NavbarLinksProps } from './NavbarLinks';
+export { default as NavbarLinksList } from './NavbarLinksList';
+export type { NavbarLinksListProps } from './NavbarLinksList';
+export { default as NavbarLinksListItem } from './NavbarLinksListItem';
+export type { NavbarLinksListItemProps } from './NavbarLinksListItem';

package/dist/molecules/NavbarLinks/index.js

@@ -0,0 +1,4 @@
+export { default } from './NavbarLinks';
+export { default as NavbarLinksList } from './NavbarLinksList';
+export { default as NavbarLinksListItem } from './NavbarLinksListItem';
+//# 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;AAGvC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,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, { "data-fs-navbar-slider": true, size: "full", isOpen: isOpen, direction: "leftSide", "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,mCAER,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,UAAU,iBACP,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.114-alpha.0",
+  "version": "2.0.117-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": "3d49923a96682db78955fcf81e6f134161de0d40"
+  "gitHead": "0d97039ebb2acb1c000ca9a4c914c2388a4cd49e"
 }

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,28 @@ 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,
+  NavbarLinksList,
+  NavbarLinksListItem,
+} from './molecules/NavbarLinks'
+export type {
+  NavbarLinksProps,
+  NavbarLinksListProps,
+  NavbarLinksListItemProps,
+} 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 +258,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'
 

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/NavbarLinksList.tsx

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

package/src/molecules/NavbarLinks/NavbarLinksListItem.tsx

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

package/src/molecules/NavbarLinks/index.ts

@@ -0,0 +1,8 @@
+export { default } from './NavbarLinks'
+export type { NavbarLinksProps } from './NavbarLinks'
+
+export { default as NavbarLinksList } from './NavbarLinksList'
+export type { NavbarLinksListProps } from './NavbarLinksList'
+
+export { default as NavbarLinksListItem } from './NavbarLinksListItem'
+export type { NavbarLinksListItemProps } from './NavbarLinksListItem'

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
+      data-fs-navbar-slider
+      size="full"
+      isOpen={isOpen}
+      direction="leftSide"
+      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'