@faststore/components 2.0.66-alpha.0 → 2.0.69-alpha.0

package/dist/assets/ArrowElbowDownRight.d.ts

@@ -1,3 +1,4 @@
-import type { FC } from 'react';
-declare const ArrowElbowDownRight: FC;
+/// <reference types="react" />
+import { IconProps } from './IconProps';
+declare const ArrowElbowDownRight: ({ size }: IconProps) => JSX.Element;
 export default ArrowElbowDownRight;

package/dist/assets/ArrowElbowDownRight.js

@@ -1,8 +1,8 @@
 import React from 'react';
 // Icon from Phosphor Icons
-const ArrowElbowDownRight = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", strokeWidth: "16", width: 24, height: 24 },
+const ArrowElbowDownRight = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", strokeWidth: "16", width: size, height: size },
     React.createElement("rect", { width: "256", height: "256", fill: "none" }),
-    React.createElement("polyline", { points: "160 128 208 176 160 224", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" }),
-    React.createElement("polyline", { points: "64 32 64 176 208 176", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "16" })));
+    React.createElement("polyline", { points: "160 128 208 176 160 224", fill: "none", stroke: "currentColor" }),
+    React.createElement("polyline", { points: "64 32 64 176 208 176", fill: "none", stroke: "currentColor" })));
 export default ArrowElbowDownRight;
 //# sourceMappingURL=ArrowElbowDownRight.js.map

package/dist/assets/ArrowElbowDownRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowElbowDownRight.js","sourceRoot":"","sources":["../../src/assets/ArrowElbowDownRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,mBAAmB,GAAO,GAAG,EAAE,CAAC,CACpC,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,kCACE,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACP;IACZ,kCACE,MAAM,EAAC,sBAAsB,EAC7B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,oBACN,OAAO,qBACN,OAAO,kBACV,IAAI,GACP,CACR,CACP,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ArrowElbowDownRight.js","sourceRoot":"","sources":["../../src/assets/ArrowElbowDownRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,mBAAmB,GAAG,CAAC,EAAE,IAAI,GAAI,EAAE,EAAa,EAAE,EAAE,CAAC,CACzD,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;IAEZ,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,kCACE,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,GACX;IACZ,kCACE,MAAM,EAAC,sBAAsB,EAC7B,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,GACX,CACR,CACP,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/assets/DotsThree.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from './IconProps';
+declare const DotsThree: ({ size }: IconProps) => JSX.Element;
+export default DotsThree;

package/dist/assets/DotsThree.js

@@ -0,0 +1,9 @@
+import React from 'react';
+// Icon from Phosphor Icons
+const DotsThree = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
+    React.createElement("rect", { width: "256", height: "256", fill: "none" }),
+    React.createElement("circle", { cx: "128", cy: "128", r: "12" }),
+    React.createElement("circle", { cx: "192", cy: "128", r: "12" }),
+    React.createElement("circle", { cx: "64", cy: "128", r: "12" })));
+export default DotsThree;
+//# sourceMappingURL=DotsThree.js.map

package/dist/assets/DotsThree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsThree.js","sourceRoot":"","sources":["../../src/assets/DotsThree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAa,EAAE,EAAE,CAAC,CAC9C,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;IAEZ,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,gCAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,GAAU;IAC1C,gCAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,GAAU;IAC1C,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,GAAU,CACrC,CACP,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/assets/House.d.ts

@@ -1,3 +1,4 @@
-import type { FC } from 'react';
-declare const House: FC;
+/// <reference types="react" />
+import { IconProps } from './IconProps';
+declare const House: ({ size }: IconProps) => JSX.Element;
 export default House;

package/dist/assets/House.js

@@ -1,6 +1,6 @@
 import React from 'react';
 // Icon from Phosphor Icons
-const House = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
+const House = ({ size = 24 }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
     React.createElement("rect", { width: "256", height: "256", fill: "none" }),
     React.createElement("path", { d: "M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "24" })));
 export default House;

package/dist/assets/House.js.map

@@ -1 +1 @@
-{"version":3,"file":"House.js","sourceRoot":"","sources":["../../src/assets/House.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,KAAK,GAAO,GAAG,EAAE,CAAC,CACtB,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE;IAEV,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV,CACJ,CACP,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"House.js","sourceRoot":"","sources":["../../src/assets/House.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,2BAA2B;AAC3B,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAa,EAAE,EAAE,CAAC,CAC1C,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,aAAa,EACrB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI;IAEZ,8BAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAQ;IAClD,8BACE,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,IAAI,GACV,CACJ,CACP,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/assets/IconProps.d.ts

@@ -0,0 +1,3 @@
+export type IconProps = {
+    size?: number;
+};

package/dist/assets/IconProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IconProps.js.map

package/dist/assets/IconProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../src/assets/IconProps.ts"],"names":[],"mappings":""}

package/dist/assets/index.d.ts

@@ -3,6 +3,7 @@ export { default as ArrowElbowDownRight } from './ArrowElbowDownRight';
 export { default as ArrowRight } from './ArrowRight';
 export { default as CaretDown } from './CaretDown';
 export { default as Checked } from './Checked';
+export { default as DotsThree } from './DotsThree';
 export { default as Heart } from './Heart';
 export { default as House } from './House';
 export { default as Minus } from './Minus';

package/dist/assets/index.js

@@ -4,6 +4,7 @@ export { default as ArrowElbowDownRight } from './ArrowElbowDownRight';
 export { default as ArrowRight } from './ArrowRight';
 export { default as CaretDown } from './CaretDown';
 export { default as Checked } from './Checked';
+export { default as DotsThree } from './DotsThree';
 export { default as Heart } from './Heart';
 export { default as House } from './House';
 export { default as Minus } from './Minus';

package/dist/assets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/index.d.ts

@@ -35,6 +35,8 @@ export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, }
 export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './molecules/Accordion';
 export { default as Alert } from './molecules/Alert';
 export type { AlertProps } from './molecules/Alert';
+export { BreadcrumbPure, Breadcrumb, } from './molecules/Breadcrumb';
+export type { BreadcrumbPureProps, BreadcrumbProps, } from './molecules/Breadcrumb';
 export { default as BuyButton } from './molecules/BuyButton';
 export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
 export type { CartItemProps, CartItemImageProps, CartItemSummaryProps, } from './molecules/CartItem';

package/dist/index.js

@@ -22,6 +22,7 @@ export { default as SROnly } from './atoms/SROnly';
 // Molecules
 export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
 export { default as Alert } from './molecules/Alert';
+export { BreadcrumbPure, Breadcrumb, } from './molecules/Breadcrumb';
 export { default as BuyButton } from './molecules/BuyButton';
 export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
 export { default as CheckboxField } from './molecules/CheckboxField';

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/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BreadcrumbBaseProps } from './BreadcrumbBase';
+export type BreadcrumbProps = Omit<BreadcrumbBaseProps, "isDesktop">;
+declare const Breadcrumb: ({ breadcrumbList, ...otherProps }: BreadcrumbProps) => JSX.Element;
+export default Breadcrumb;

package/dist/molecules/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import BreadcrumbBase from './BreadcrumbBase';
+const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (React.createElement(React.Fragment, null,
+    React.createElement(BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
+    React.createElement(BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/molecules/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAuC,MAAM,kBAAkB,CAAA;AAKtE,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,GAAG,UAAU,EACG,EAAE,EAAE,CAAC,CACrB;IACE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,KAAM,UAAU,GAAI;IAClE,oBAAC,cAAc,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,WAAK,UAAU,GAAI,CAC3E,CACJ,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/molecules/Breadcrumb/BreadcrumbBase.d.ts

@@ -0,0 +1,77 @@
+import React, { ReactElement, ReactNode } from 'react';
+import { BreadcrumbPureProps } from './BreadcrumbPure';
+type ItemElement = {
+    item: string;
+    name: string;
+    position: number;
+};
+type RenderLinkProps = {
+    /**
+     * Item prop for specific item.
+     */
+    itemProps: ItemElement;
+    /**
+     * Represents if the item is collapsed or not.
+     */
+    collapsed: boolean;
+};
+export type BreadcrumbBaseProps = {
+    /**
+     * Array of ItemElement that represents each breadcrumb item.
+     */
+    breadcrumbList: ItemElement[];
+    /**
+     * Represents if is Desktop os mobile.
+     */
+    isDesktop?: boolean;
+    /**
+     * Link go to home.
+     */
+    homeLink?: ReactElement;
+    /**
+     * Icon for dropdown button.
+     */
+    dropdownButtonIcon?: ReactNode;
+    /**
+     * Icon for collapsed items.
+     */
+    collapsedItemsIcon?: ReactNode;
+    /**
+     * Function to render a item as breadcrumb link.
+     * @param renderLinkProps Properties for each item to be rendered.
+     * @returns Link to be rendered.
+     */
+    renderLink?: (renderLinkProps: RenderLinkProps) => ReactElement;
+} & BreadcrumbPureProps;
+declare const BreadcrumbBase: React.ForwardRefExoticComponent<{
+    /**
+     * Array of ItemElement that represents each breadcrumb item.
+     */
+    breadcrumbList: ItemElement[];
+    /**
+     * Represents if is Desktop os mobile.
+     */
+    isDesktop?: boolean | undefined;
+    /**
+     * Link go to home.
+     */
+    homeLink?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    /**
+     * Icon for dropdown button.
+     */
+    dropdownButtonIcon?: ReactNode;
+    /**
+     * Icon for collapsed items.
+     */
+    collapsedItemsIcon?: ReactNode;
+    /**
+     * Function to render a item as breadcrumb link.
+     * @param renderLinkProps Properties for each item to be rendered.
+     * @returns Link to be rendered.
+     */
+    renderLink?: ((renderLinkProps: RenderLinkProps) => ReactElement) | undefined;
+} & {
+    divider?: React.ReactNode;
+    testId?: string | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default BreadcrumbBase;

package/dist/molecules/Breadcrumb/BreadcrumbBase.js

@@ -0,0 +1,51 @@
+import React, { cloneElement, forwardRef, useCallback } from 'react';
+import { ArrowElbowDownRight, DotsThree } from '../../assets';
+import Icon from '../../atoms/Icon';
+import Link from '../../atoms/Link';
+import Dropdown, { DropdownButton, DropdownMenu, DropdownItem, } from '../Dropdown';
+import BreadcrumbPure from './BreadcrumbPure';
+import HomeLink from './HomeLink';
+const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink = React.createElement(HomeLink, null), dropdownButtonIcon = React.createElement(Icon, { component: React.createElement(DotsThree, null) }), collapsedItemsIcon = React.createElement(Icon, { component: React.createElement(ArrowElbowDownRight, null) }), ...otherProps }, ref) {
+    const homeLinkProps = {
+        'data-fs-breadcrumb-link': true,
+        'data-fs-breadcrumb-link-home': true,
+        'aria-label': 'Go to homepage',
+        href: '/',
+    };
+    const homeLinkWithProps = cloneElement(homeLink, homeLinkProps);
+    const firstItem = isDesktop ? breadcrumbList[0] : null;
+    const mediumItems = isDesktop
+        ? breadcrumbList.slice(1, -2)
+        : breadcrumbList.slice(0, -2);
+    const lastItems = breadcrumbList.slice(-2);
+    const collapseBreadcrumb = breadcrumbList.length > 4;
+    const breadcrumbLink = useCallback((renderLinkProps) => {
+        const breadcrumbItem = renderLink?.(renderLinkProps);
+        const itemProps = renderLinkProps.collapsed
+            ? {
+                'data-fs-breadcrumb-dropdown-link': true,
+            }
+            : {
+                'data-fs-breadcrumb-link': true,
+            };
+        return breadcrumbItem ? (cloneElement(breadcrumbItem, { ...itemProps, key: renderLinkProps.itemProps.position })) : (React.createElement(Link, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
+    }, [renderLink]);
+    return (React.createElement(BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
+        homeLinkWithProps,
+        !collapseBreadcrumb &&
+            breadcrumbList.map((item, index) => {
+                return breadcrumbList.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+            }),
+        collapseBreadcrumb &&
+            firstItem &&
+            breadcrumbLink({ itemProps: firstItem, collapsed: false }),
+        collapseBreadcrumb && (React.createElement(Dropdown, null,
+            React.createElement(DropdownButton, { "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
+            React.createElement(DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (React.createElement(DropdownItem, { "data-fs-breadcrumb-dropdown-item": true, key: String(item.position), icon: collapsedItemsIcon }, breadcrumbLink({ itemProps: item, collapsed: true }))))))),
+        collapseBreadcrumb &&
+            lastItems.map((item, index) => {
+                return lastItems.length === index + 1 ? (React.createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+            })));
+});
+export default BreadcrumbBase;
+//# sourceMappingURL=BreadcrumbBase.js.map

package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map

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

package/dist/molecules/Breadcrumb/BreadcrumbPure.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { HTMLAttributes, ReactNode } from 'react';
+export type BreadcrumbPureProps = {
+    /**
+     * A ReactNode that will be rendered as the Divider icon.
+     */
+    divider?: ReactNode;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare const BreadcrumbPure: React.ForwardRefExoticComponent<{
+    /**
+     * A ReactNode that will be rendered as the Divider icon.
+     */
+    divider?: ReactNode;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default BreadcrumbPure;

package/dist/molecules/Breadcrumb/BreadcrumbPure.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from "react";
+import List from "../../atoms/List";
+import ListItem from "./ListItem";
+const BreadcrumbPure = forwardRef(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
+    return (React.createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
+        React.createElement(List, { as: "ol", "data-fs-breadcrumb-list": true }, React.Children.toArray(children).map((child, index, childrenArray) => {
+            const isLastItem = index === childrenArray.length - 1;
+            return (React.createElement(ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
+        }))));
+});
+export default BreadcrumbPure;
+//# sourceMappingURL=BreadcrumbPure.js.map

package/dist/molecules/Breadcrumb/BreadcrumbPure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbPure.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbPure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAEnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAajC,MAAM,cAAc,GAAG,UAAU,CAC7B,SAAS,cAAc,CACrB,EACE,QAAQ,EACR,OAAO,EAAE,UAAU,GAAG,EAAE,EACxB,MAAM,GAAG,eAAe,EACxB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,2CACa,YAAY,EACvB,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,6CAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,qCACV,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CACnC,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;YAErD,OAAO,CACL,oBAAC,QAAQ,IACP,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,cAAc,KAAK,EAAE,EAC1B,MAAM,EAAE,MAAM,IAEb,KAAK,CACG,CACZ,CAAA;QACH,CAAC,CACF,CACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAEH,eAAe,cAAc,CAAA"}

package/dist/molecules/Breadcrumb/Divider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BreadcrumbBaseProps } from "./BreadcrumbBase";
+declare const Divider: ({ divider, testId }: Omit<BreadcrumbBaseProps, "breadcrumbList">) => JSX.Element;
+export default Divider;

package/dist/molecules/Breadcrumb/Divider.js

@@ -0,0 +1,14 @@
+import React from "react";
+const Divider = ({ divider, testId }) => {
+    const props = {
+        'data-fs-breadcrumb-divider': true,
+        'aria-hidden': true,
+        'data-testid': `${testId}-divider`,
+    };
+    if (React.isValidElement(divider)) {
+        return React.cloneElement(divider, props);
+    }
+    return React.createElement("span", { ...props }, divider ?? '/');
+};
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/molecules/Breadcrumb/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAA+C,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG;QACZ,4BAA4B,EAAE,IAAI;QAClC,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,GAAG,MAAM,UAAU;KACnC,CAAA;IAED,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;KAC1C;IAED,OAAO,iCAAU,KAAK,IAAG,OAAO,IAAI,GAAG,CAAQ,CAAA;AACnD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/molecules/Breadcrumb/HomeLink.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HomeLink: () => JSX.Element;
+export default HomeLink;

package/dist/molecules/Breadcrumb/HomeLink.js

@@ -0,0 +1,6 @@
+import { House, Icon, Link } from "../..";
+import React from "react";
+const HomeLink = () => (React.createElement(Link, { "data-fs-breadcrumb-link": true, "data-fs-breadcrumb-link-home": true, "aria-label": "Go to homepage", href: "/" },
+    React.createElement(Icon, { component: React.createElement(House, { size: 18 }) })));
+export default HomeLink;
+//# sourceMappingURL=HomeLink.js.map

package/dist/molecules/Breadcrumb/HomeLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeLink.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/HomeLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,oBAAC,IAAI,yFAGQ,gBAAgB,EAC3B,IAAI,EAAC,GAAG;IAER,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GAAI,CACnC,CACR,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/molecules/Breadcrumb/ListItem.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { BreadcrumbBaseProps } from './BreadcrumbBase';
+type ListItemProps = {
+    children: ReactNode;
+    isLastItem: boolean;
+    divider: BreadcrumbBaseProps['divider'];
+    testId: string;
+};
+declare const ListItem: ({ children, isLastItem, divider, testId }: ListItemProps) => JSX.Element;
+export default ListItem;

package/dist/molecules/Breadcrumb/ListItem.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Divider from './Divider';
+const ListItem = ({ children, isLastItem, divider, testId }) => {
+    const props = {
+        'data-testid': `${testId}-item`,
+        'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
+        'aria-current': isLastItem ? 'page' : undefined,
+    };
+    if (!React.isValidElement(children)) {
+        return (React.createElement("li", { "data-fs-breadcrumb-list-item": true },
+            React.createElement("span", { ...props },
+                children,
+                isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId }))));
+    }
+    return (React.createElement("li", { "data-fs-breadcrumb-list-item": true },
+        React.cloneElement(children, props),
+        isLastItem ? null : React.createElement(Divider, { divider: divider, testId: testId })));
+};
+export default ListItem;
+//# sourceMappingURL=ListItem.js.map

package/dist/molecules/Breadcrumb/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,OAAO,MAAM,WAAW,CAAA;AAS/B,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAiB,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG;QACZ,aAAa,EAAE,GAAG,MAAM,OAAO;QAC/B,yBAAyB,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACxD,cAAc,EAAE,UAAU,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;KAC3D,CAAA;IAED,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,OAAO,CACL;YACE,iCAAU,KAAK;gBACZ,QAAQ;gBACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC7D,CACJ,CACN,CAAA;KACF;IAED,OAAO,CACL;QACG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC;QACnC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC/D,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default as BreadcrumbPure } from './BreadcrumbPure';
+export type { BreadcrumbPureProps } from './BreadcrumbPure';
+export { default as Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps } from './Breadcrumb';

package/dist/molecules/Breadcrumb/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAE5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "2.0.66-alpha.0",
+  "version": "2.0.69-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": "67c201f56dcedf4ee63b4a852264e8b147b8dff0"
+  "gitHead": "9203ce7fd8a8fd0d0ae60afde8743adaec18c53d"
 }

package/src/assets/ArrowElbowDownRight.tsx

@@ -1,32 +1,26 @@
 import React from 'react'
-import type { FC } from 'react'
+import { IconProps } from './IconProps'
 
 // Icon from Phosphor Icons
-const ArrowElbowDownRight: FC = () => (
+const ArrowElbowDownRight = ({ size  = 24 }: IconProps) => (
   <svg
     xmlns="http://www.w3.org/2000/svg" 
     viewBox="0 0 256 256" 
     fill="currentColor"
     strokeWidth="16"
-    width={24}
-    height={24}
+    width={size}
+    height={size}
   >
     <rect width="256" height="256" fill="none"></rect>
     <polyline 
       points="160 128 208 176 160 224" 
       fill="none" 
-      stroke="currentColor" 
-      stroke-linecap="round" 
-      stroke-linejoin="round" 
-      stroke-width="16"
+      stroke="currentColor"
     ></polyline>
     <polyline 
       points="64 32 64 176 208 176" 
       fill="none" 
       stroke="currentColor" 
-      stroke-linecap="round" 
-      stroke-linejoin="round" 
-      stroke-width="16"
     ></polyline>
   </svg>
 )

package/src/assets/DotsThree.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { IconProps } from './IconProps'
+
+// Icon from Phosphor Icons
+const DotsThree = ({ size = 24 }: IconProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 256 256"
+    strokeWidth="16"
+    width={size}
+    height={size}
+  >
+    <rect width="256" height="256" fill="none"></rect>
+    <circle cx="128" cy="128" r="12"></circle>
+    <circle cx="192" cy="128" r="12"></circle>
+    <circle cx="64" cy="128" r="12"></circle>
+  </svg>
+)
+
+export default DotsThree

package/src/assets/House.tsx

@@ -1,15 +1,15 @@
 import React from 'react'
-import type { FC } from 'react'
+import { IconProps } from './IconProps'
 
 // Icon from Phosphor Icons
-const House: FC = () => (
+const House = ({ size = 24 }: IconProps) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     fill="currentColor"
     viewBox="0 0 256 256"
     strokeWidth="16"
-    width={24}
-    height={24}
+    width={size}
+    height={size}
   >
     <rect width="256" height="256" fill="none"></rect>
     <path

package/src/assets/IconProps.ts

@@ -0,0 +1,3 @@
+export type IconProps = {
+    size?: number
+}

package/src/assets/index.ts

@@ -5,6 +5,7 @@ export { default as ArrowElbowDownRight } from './ArrowElbowDownRight'
 export { default as ArrowRight } from './ArrowRight'
 export { default as CaretDown } from './CaretDown'
 export { default as Checked } from './Checked'
+export { default as DotsThree } from './DotsThree'
 export { default as Heart } from './Heart'
 export { default as House } from './House'
 export { default as Minus } from './Minus'

package/src/index.ts

@@ -52,6 +52,14 @@ export type {
 } from './molecules/Accordion'
 export { default as Alert } from './molecules/Alert'
 export type { AlertProps } from './molecules/Alert'
+export {
+  BreadcrumbPure,
+  Breadcrumb,
+} from './molecules/Breadcrumb'
+export type {
+  BreadcrumbPureProps,
+  BreadcrumbProps,
+} from './molecules/Breadcrumb'
 export { default as BuyButton } from './molecules/BuyButton'
 export {
   default as CartItem,

package/src/molecules/Breadcrumb/Breadcrumb.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import BreadcrumbBase, { BreadcrumbBaseProps } from './BreadcrumbBase'
+
+export type BreadcrumbProps = Omit<BreadcrumbBaseProps, "isDesktop">
+
+
+const Breadcrumb = ({
+  breadcrumbList,
+  ...otherProps
+}: BreadcrumbProps) => (
+  <>
+    <BreadcrumbBase breadcrumbList={breadcrumbList} {...otherProps} />
+    <BreadcrumbBase breadcrumbList={breadcrumbList} isDesktop {...otherProps} />
+  </>
+)
+
+export default Breadcrumb

package/src/molecules/Breadcrumb/BreadcrumbBase.tsx

@@ -0,0 +1,165 @@
+import React, { cloneElement, forwardRef, ReactElement, ReactNode, useCallback } from 'react'
+import { ArrowElbowDownRight, DotsThree } from '../../assets'
+import Icon from '../../atoms/Icon'
+import Link from '../../atoms/Link'
+import Dropdown, {
+  DropdownButton,
+  DropdownMenu,
+  DropdownItem,
+} from '../Dropdown'
+import BreadcrumbPure, { BreadcrumbPureProps } from './BreadcrumbPure'
+import HomeLink from './HomeLink'
+
+type ItemElement = {
+  item: string
+  name: string
+  position: number
+}
+
+type RenderLinkProps = {
+  /**
+   * Item prop for specific item.
+   */
+  itemProps: ItemElement
+  /**
+   * Represents if the item is collapsed or not.
+   */
+  collapsed: boolean
+}
+
+export type BreadcrumbBaseProps = {
+  /**
+   * Array of ItemElement that represents each breadcrumb item.
+   */
+  breadcrumbList: ItemElement[]
+  /**
+   * Represents if is Desktop os mobile.
+   */
+  isDesktop?: boolean
+  /**
+   * Link go to home.
+   */
+  homeLink?: ReactElement
+  /**
+   * Icon for dropdown button.
+   */
+  dropdownButtonIcon?: ReactNode
+  /**
+   * Icon for collapsed items.
+   */
+  collapsedItemsIcon?: ReactNode
+  /**
+   * Function to render a item as breadcrumb link.
+   * @param renderLinkProps Properties for each item to be rendered.
+   * @returns Link to be rendered.
+   */
+  renderLink?: (renderLinkProps: RenderLinkProps) => ReactElement
+} & BreadcrumbPureProps
+
+const BreadcrumbBase = forwardRef<HTMLDivElement, BreadcrumbBaseProps>(
+  function BreadcrumbBase(
+    {
+      children,
+      divider: rawDivider = '',
+      testId = 'fs-breadcrumb',
+      breadcrumbList,
+      isDesktop = false,
+      renderLink,
+      homeLink = <HomeLink />,
+      dropdownButtonIcon = <Icon component={<DotsThree />} />,
+      collapsedItemsIcon = <Icon component={<ArrowElbowDownRight />} />,
+      ...otherProps
+    },
+    ref
+  ) {
+    const homeLinkProps = {
+      'data-fs-breadcrumb-link': true,
+      'data-fs-breadcrumb-link-home': true,
+      'aria-label': 'Go to homepage',
+      href: '/',
+    }
+
+    const homeLinkWithProps = cloneElement(homeLink, homeLinkProps)
+
+    const firstItem = isDesktop ? breadcrumbList[0] : null
+    const mediumItems = isDesktop
+      ? breadcrumbList.slice(1, -2)
+      : breadcrumbList.slice(0, -2)
+
+    const lastItems = breadcrumbList.slice(-2)
+
+    const collapseBreadcrumb = breadcrumbList.length > 4
+
+    const breadcrumbLink = useCallback((renderLinkProps: RenderLinkProps) => {
+      const breadcrumbItem = renderLink?.(renderLinkProps)
+      const itemProps = renderLinkProps.collapsed
+        ? {
+            'data-fs-breadcrumb-dropdown-link': true,
+          }
+        : {
+            'data-fs-breadcrumb-link': true,
+          }
+      return breadcrumbItem ? (
+        cloneElement(breadcrumbItem, {...itemProps, key: renderLinkProps.itemProps.position })
+      ) : (
+        <Link {...itemProps} href={renderLinkProps.itemProps.item} key={renderLinkProps.itemProps.position}>
+          {renderLinkProps.itemProps.name}
+        </Link>
+      )
+    }, [renderLink])
+
+    return (
+      <BreadcrumbPure
+        ref={ref}
+        data-fs-breadcrumb-is-desktop={isDesktop}
+        {...otherProps}
+      >
+        {homeLinkWithProps}
+        
+        {!collapseBreadcrumb &&
+          breadcrumbList.map((item, index) => {
+            return breadcrumbList.length === index + 1 ? (
+              <span key={String(item.position)}>{item.name}</span>
+            ) : (
+              breadcrumbLink({ itemProps: item, collapsed: false })
+            )
+          })}
+
+        {collapseBreadcrumb &&
+          firstItem &&
+          breadcrumbLink({ itemProps: firstItem, collapsed: false })}
+
+        {collapseBreadcrumb && (
+          <Dropdown>
+            <DropdownButton
+              data-fs-breadcrumb-dropdown-button
+              size="small"
+            >{dropdownButtonIcon}</DropdownButton>
+            <DropdownMenu data-fs-breadcrumb-dropdown-menu>
+              {mediumItems.map((item) => (
+                <DropdownItem
+                  data-fs-breadcrumb-dropdown-item
+                  key={String(item.position)}
+                  icon={collapsedItemsIcon}
+                >
+                  {breadcrumbLink({ itemProps: item, collapsed: true })}
+                </DropdownItem>
+              ))}
+            </DropdownMenu>
+          </Dropdown>
+        )}
+
+        {collapseBreadcrumb &&
+          lastItems.map((item, index) => {
+            return lastItems.length === index + 1 ? (
+              <span key={String(item.position)}>{item.name}</span>
+            ) : (
+              breadcrumbLink({ itemProps: item, collapsed: false })
+            )
+          })}
+      </BreadcrumbPure>
+    )
+  }
+)
+
+export default BreadcrumbBase

package/src/molecules/Breadcrumb/BreadcrumbPure.tsx

@@ -0,0 +1,59 @@
+import React, { forwardRef } from "react"
+import List from "../../atoms/List"
+import type { HTMLAttributes, ReactNode } from 'react'
+import ListItem from "./ListItem"
+
+export type BreadcrumbPureProps = {
+    /**
+     * A ReactNode that will be rendered as the Divider icon.
+     */
+    divider?: ReactNode
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string
+} & HTMLAttributes<HTMLDivElement> 
+
+const BreadcrumbPure = forwardRef<HTMLDivElement, BreadcrumbPureProps>(
+    function BreadcrumbPure(
+      {
+        children,
+        divider: rawDivider = '',
+        testId = 'fs-breadcrumb',
+        ...otherProps
+      },
+      ref
+    ) {
+      return (
+        <nav
+          aria-label="Breadcrumb"
+          role="navigation"
+          ref={ref}
+          data-fs-breadcrumb
+          data-testid={testId}
+          {...otherProps}
+        >
+          <List as="ol" data-fs-breadcrumb-list>
+            {React.Children.toArray(children).map(
+              (child, index, childrenArray) => {
+                const isLastItem = index === childrenArray.length - 1
+  
+                return (
+                  <ListItem
+                    isLastItem={isLastItem}
+                    divider={rawDivider}
+                    key={`breadcrumb-${index}`}
+                    testId={testId}
+                  >
+                    {child}
+                  </ListItem>
+                )
+              }
+            )}
+          </List>
+        </nav>
+      )
+    }
+  )
+
+export default BreadcrumbPure

package/src/molecules/Breadcrumb/Divider.tsx

@@ -0,0 +1,18 @@
+import React from "react"
+import { BreadcrumbBaseProps } from "./BreadcrumbBase"
+
+const Divider = ({ divider, testId }: Omit<BreadcrumbBaseProps, "breadcrumbList">) => {
+    const props = {
+      'data-fs-breadcrumb-divider': true,
+      'aria-hidden': true,
+      'data-testid': `${testId}-divider`,
+    }
+  
+    if (React.isValidElement(divider)) {
+      return React.cloneElement(divider, props)
+    }
+  
+    return <span {...props}>{divider ?? '/'}</span>
+}
+
+export default Divider

package/src/molecules/Breadcrumb/HomeLink.tsx

@@ -0,0 +1,15 @@
+import { House, Icon, Link } from "../..";
+import React from "react";
+
+const HomeLink = () => (
+  <Link
+    data-fs-breadcrumb-link
+    data-fs-breadcrumb-link-home
+    aria-label="Go to homepage"
+    href="/"
+  >
+    <Icon component={<House size={18} />} />
+  </Link>
+)
+
+export default HomeLink

package/src/molecules/Breadcrumb/ListItem.tsx

@@ -0,0 +1,38 @@
+import React, { ReactNode } from 'react'
+import { BreadcrumbBaseProps } from './BreadcrumbBase'
+import Divider from './Divider'
+
+type ListItemProps = {
+  children: ReactNode
+  isLastItem: boolean
+  divider: BreadcrumbBaseProps['divider']
+  testId: string
+}
+
+const ListItem = ({ children, isLastItem, divider, testId }: ListItemProps) => {
+  const props = {
+    'data-testid': `${testId}-item`,
+    'data-fs-breadcrumb-item': isLastItem ? 'current' : true,
+    'aria-current': isLastItem ? ('page' as const) : undefined,
+  }
+
+  if (!React.isValidElement(children)) {
+    return (
+      <li data-fs-breadcrumb-list-item>
+        <span {...props}>
+          {children}
+          {isLastItem ? null : <Divider divider={divider} testId={testId} />}
+        </span>
+      </li>
+    )
+  }
+
+  return (
+    <li data-fs-breadcrumb-list-item>
+      {React.cloneElement(children, props)}
+      {isLastItem ? null : <Divider divider={divider} testId={testId} />}
+    </li>
+  )
+}
+
+export default ListItem

package/src/molecules/Breadcrumb/index.ts

@@ -0,0 +1,4 @@
+export { default as BreadcrumbPure } from './BreadcrumbPure'
+export type { BreadcrumbPureProps } from './BreadcrumbPure'
+export { default as Breadcrumb } from './Breadcrumb'
+export type { BreadcrumbProps } from './Breadcrumb'