@faststore/core 2.0.76-alpha.0 → 2.0.79-alpha.0

package/.next/server/chunks/439.js

@@ -0,0 +1,175 @@
+"use strict";
+exports.id = 439;
+exports.ids = [439];
+exports.modules = {
+
+/***/ 9739:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "A": () => (/* binding */ useAccordion),
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const AccordionContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
+const Accordion = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Accordion({ testId = 'fs-accordion', indices, onChange, children, ...otherProps }, ref) {
+    const childrenWithIndex = react__WEBPACK_IMPORTED_MODULE_0___default().Children.map(children, (child, index) => (0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child, { index: child.props.index ?? index }));
+    const context = {
+        indices: new Set(indices),
+        onChange,
+        numberOfItems: childrenWithIndex.length,
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AccordionContext.Provider, { value: context },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-accordion": true, role: "region", "data-testid": testId, ...otherProps }, childrenWithIndex)));
+});
+function useAccordion() {
+    const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AccordionContext);
+    if (context === undefined) {
+        throw new Error('Do not use Accordion components outside the Accordion context.');
+    }
+    return context;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Accordion);
+//# sourceMappingURL=Accordion.js.map
+
+/***/ }),
+
+/***/ 7831:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Accordion_AccordionButton)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/Accordion.js
+var Accordion = __webpack_require__(9739);
+// EXTERNAL MODULE: ../components/dist/molecules/Accordion/AccordionItem.js
+var AccordionItem = __webpack_require__(5705);
+;// CONCATENATED MODULE: ../components/dist/assets/MinusCircle.js
+
+// Icon from Phosphor Icons
+const MinusCircle = () => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
+    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
+    external_react_default().createElement("circle", { cx: "128", cy: "128", r: "96", fill: "none", stroke: "currentColor", strokeMiterlimit: "10" }),
+    external_react_default().createElement("line", { x1: "88", y1: "128", x2: "168", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* harmony default export */ const assets_MinusCircle = (MinusCircle);
+//# sourceMappingURL=MinusCircle.js.map
+;// CONCATENATED MODULE: ../components/dist/assets/PlusCircle.js
+
+// Icon from Phosphor Icons
+const PlusCircle = () => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: 24, height: 24 },
+    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
+    external_react_default().createElement("circle", { cx: "128", cy: "128", r: "96", fill: "none", stroke: "currentColor", strokeMiterlimit: "10" }),
+    external_react_default().createElement("line", { x1: "88", y1: "128", x2: "168", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+    external_react_default().createElement("line", { x1: "128", y1: "88", x2: "128", y2: "168", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* harmony default export */ const assets_PlusCircle = (PlusCircle);
+//# sourceMappingURL=PlusCircle.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
+var Button = __webpack_require__(4842);
+;// CONCATENATED MODULE: ../components/dist/molecules/Accordion/AccordionButton.js
+
+
+
+
+const AccordionButton = (0,external_react_.forwardRef)(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = external_react_default().createElement(assets_MinusCircle, { "data-icon": "expanded" }), collapsedIcon = external_react_default().createElement(assets_PlusCircle, { "data-icon": "collapsed" }), children, ...otherProps }, ref) {
+    const { indices, onChange, numberOfItems } = (0,Accordion/* useAccordion */.A)();
+    const { index, panel, button, prefixId } = (0,AccordionItem/* useAccordionItem */.D)();
+    const onKeyDown = (event) => {
+        if (!['ArrowDown', 'ArrowUp'].includes(event.key)) {
+            return;
+        }
+        const getNext = () => {
+            const next = Number(index) + 1 === numberOfItems ? 0 : Number(index) + 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${next}`);
+        };
+        const getPrevious = () => {
+            const previous = Number(index) - 1 < 0 ? numberOfItems - 1 : Number(index) - 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${previous}`);
+        };
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                getNext()?.focus();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                getPrevious()?.focus();
+                break;
+            default:
+        }
+    };
+    return (external_react_default().createElement(Button/* default */.Z, { ref: ref, id: button, "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
+            onChange(index);
+        }, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Accordion_AccordionButton = (AccordionButton);
+//# sourceMappingURL=AccordionButton.js.map
+
+/***/ }),
+
+/***/ 5705:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "D": () => (/* binding */ useAccordionItem),
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+const AccordionItemContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
+const AccordionItem = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionItem({ prefixId = '', index = 0, as: MaybeComponent, children, testId = 'fs-accordion-item', ...otherProps }, ref) {
+    const Component = MaybeComponent ?? 'div';
+    const context = {
+        index,
+        prefixId,
+        panel: `${prefixId && `${prefixId}-`}panel--${index}`,
+        button: `${prefixId && `${prefixId}-`}button--${index}`,
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AccordionItemContext.Provider, { value: context },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, { ref: ref, "data-fs-accordion-item": true, "data-testid": testId, ...otherProps }, children)));
+});
+function useAccordionItem() {
+    const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(AccordionItemContext);
+    if (context === undefined) {
+        throw new Error('Do not use AccordionItem components outside the AccordionItem context.');
+    }
+    return context;
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionItem);
+//# sourceMappingURL=AccordionItem.js.map
+
+/***/ }),
+
+/***/ 331:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Accordion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9739);
+/* harmony import */ var _AccordionItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5705);
+
+
+
+const AccordionPanel = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionPanel({ testId = 'fs-accordion-panel', children, ...otherProps }, ref) {
+    const { indices } = (0,_Accordion__WEBPACK_IMPORTED_MODULE_1__/* .useAccordion */ .A)();
+    const { index, button, panel } = (0,_AccordionItem__WEBPACK_IMPORTED_MODULE_2__/* .useAccordionItem */ .D)();
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, id: panel, "data-fs-accordion-panel": true, "aria-labelledby": button, role: "region", hidden: !indices.has(index), "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionPanel);
+//# sourceMappingURL=AccordionPanel.js.map
+
+/***/ })
+
+};
+;

package/.next/server/chunks/444.js

@@ -0,0 +1,464 @@
+"use strict";
+exports.id = 444;
+exports.ids = [444];
+exports.modules = {
+
+/***/ 1444:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ ui_Breadcrumb_Breadcrumb)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/assets/DotsThree.js
+
+// Icon from Phosphor Icons
+const DotsThree = ({ size = 24 }) => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
+    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
+    external_react_default().createElement("circle", { cx: "128", cy: "128", r: "12" }),
+    external_react_default().createElement("circle", { cx: "192", cy: "128", r: "12" }),
+    external_react_default().createElement("circle", { cx: "64", cy: "128", r: "12" })));
+/* harmony default export */ const assets_DotsThree = (DotsThree);
+//# sourceMappingURL=DotsThree.js.map
+;// CONCATENATED MODULE: ../components/dist/assets/ArrowElbowDownRight.js
+
+// Icon from Phosphor Icons
+const ArrowElbowDownRight = ({ size = 24 }) => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", strokeWidth: "16", width: size, height: size },
+    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
+    external_react_default().createElement("polyline", { points: "160 128 208 176 160 224", fill: "none", stroke: "currentColor" }),
+    external_react_default().createElement("polyline", { points: "64 32 64 176 208 176", fill: "none", stroke: "currentColor" })));
+/* harmony default export */ const assets_ArrowElbowDownRight = (ArrowElbowDownRight);
+//# sourceMappingURL=ArrowElbowDownRight.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
+var Link = __webpack_require__(7865);
+;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/contexts/DropdownContext.js
+
+const defaultState = {
+    isOpen: false,
+    dropdownButtonRef: null,
+    selectedDropdownItemIndexRef: null,
+    dropdownItemsRef: null,
+    id: 'fs-dropdown',
+};
+const DropdownContext = (0,external_react_.createContext)(defaultState);
+/* harmony default export */ const contexts_DropdownContext = (DropdownContext);
+//# sourceMappingURL=DropdownContext.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/Dropdown.js
+
+
+const Dropdown = ({ children, isOpen: isOpenDefault = false, onDismiss, id = 'fs-dropdown', }) => {
+    const [isOpen, setIsOpen] = (0,external_react_.useState)(isOpenDefault);
+    const dropdownItemsRef = (0,external_react_.useRef)([]);
+    const selectedDropdownItemIndexRef = (0,external_react_.useRef)(0);
+    const dropdownButtonRef = (0,external_react_.useRef)(null);
+    const close = (0,external_react_.useCallback)(() => {
+        setIsOpen(false);
+        onDismiss?.();
+    }, [onDismiss]);
+    const open = () => {
+        setIsOpen(true);
+    };
+    const toggle = (0,external_react_.useCallback)(() => {
+        setIsOpen((old) => {
+            if (old) {
+                onDismiss?.();
+                dropdownButtonRef.current?.focus();
+            }
+            return !old;
+        });
+    }, [onDismiss]);
+    (0,external_react_.useEffect)(() => {
+        setIsOpen(isOpenDefault);
+    }, [isOpenDefault]);
+    (0,external_react_.useEffect)(() => {
+        isOpen && dropdownItemsRef?.current[0]?.focus();
+    }, [isOpen]);
+    (0,external_react_.useEffect)(() => {
+        let firstClick = true;
+        const event = (e) => {
+            const someItemWasClicked = dropdownItemsRef?.current.some((item) => e.target === item);
+            if (firstClick) {
+                firstClick = false;
+                return;
+            }
+            !someItemWasClicked && close();
+        };
+        if (isOpen) {
+            document.addEventListener('click', event);
+        }
+        else {
+            document.removeEventListener('click', event);
+        }
+        return () => {
+            document.removeEventListener('click', event);
+        };
+    }, [close, isOpen]);
+    const value = (0,external_react_.useMemo)(() => {
+        return {
+            isOpen,
+            close,
+            open,
+            toggle,
+            dropdownButtonRef,
+            onDismiss,
+            selectedDropdownItemIndexRef,
+            dropdownItemsRef,
+            id,
+        };
+    }, [close, id, isOpen, onDismiss, toggle]);
+    return (external_react_default().createElement(contexts_DropdownContext.Provider, { value: value }, children));
+};
+/* harmony default export */ const Dropdown_Dropdown = (Dropdown);
+//# sourceMappingURL=Dropdown.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/Button/Button.js + 1 modules
+var Button = __webpack_require__(4842);
+;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/hooks/useDropdown.js
+
+
+/**
+ * Hook to use the Dropdown context.
+ * @returns Dropdown context.
+ */
+const useDropdown = () => {
+    const context = (0,external_react_.useContext)(contexts_DropdownContext);
+    if (context === undefined) {
+        throw new Error('Do not use useDropdown hook outside the Dropdown context.');
+    }
+    return context;
+};
+//# sourceMappingURL=useDropdown.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/DropdownButton.js
+
+
+
+const DropdownButton = (0,external_react_.forwardRef)(function DropdownButton({ children, testId = 'fs-dropdown-button', ...otherProps }, ref) {
+    const { toggle, dropdownButtonRef, isOpen, id } = useDropdown();
+    (0,external_react_.useImperativeHandle)(ref, () => dropdownButtonRef.current, [
+        dropdownButtonRef,
+    ]);
+    return (external_react_default().createElement(Button/* default */.Z, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: 'tertiary', ...otherProps }, children));
+});
+/* harmony default export */ const Dropdown_DropdownButton = (DropdownButton);
+//# sourceMappingURL=DropdownButton.js.map
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(6405);
+;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/hooks/useDropdownPosition.js
+
+/**
+ * Hook used to find the DropdownMenu position in relation to DropdownButton
+ * @returns Style with positions.
+ */
+const useDropdownPosition = () => {
+    const { dropdownButtonRef } = useDropdown();
+    // Necessary to use this component in SSR
+    const isBrowser = typeof window !== 'undefined';
+    const buttonRect = dropdownButtonRef?.current?.getBoundingClientRect();
+    const topLevel = buttonRect?.top ?? 0;
+    const topOffset = buttonRect?.height ?? 0;
+    const leftLevel = buttonRect?.left ?? 0;
+    // The scroll properties fix the position of DropdownMenu when the scroll is activated.
+    const scrollTop = isBrowser ? document?.documentElement?.scrollTop : 0;
+    const scrollLeft = isBrowser ? document?.documentElement?.scrollLeft : 0;
+    const topPosition = topLevel + topOffset + scrollTop;
+    const leftPosition = leftLevel + scrollLeft;
+    return {
+        position: 'absolute',
+        top: topPosition,
+        left: leftPosition,
+    };
+};
+//# sourceMappingURL=useDropdownPosition.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/DropdownMenu.js
+
+
+
+
+/*
+ * This component is based on @reach/dialog.
+ * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
+ * https://reach.tech/dialog
+ */
+const DropdownMenu = ({ children, testId = 'fs-dropdown-menu', size = 'regular', style, ...otherProps }) => {
+    const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, dropdownButtonRef, id } = useDropdown();
+    const dropdownPosition = useDropdownPosition();
+    const childrenLength = external_react_default().Children.toArray(children).length;
+    const handleDownPress = () => {
+        if (selectedDropdownItemIndexRef.current < childrenLength - 1) {
+            selectedDropdownItemIndexRef.current++;
+        }
+        else {
+            selectedDropdownItemIndexRef.current = 0;
+        }
+        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
+    };
+    const handleUpPress = () => {
+        if (selectedDropdownItemIndexRef.current > 0) {
+            selectedDropdownItemIndexRef.current--;
+        }
+        else {
+            selectedDropdownItemIndexRef.current = childrenLength - 1;
+        }
+        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
+    };
+    const handleHomePress = () => {
+        selectedDropdownItemIndexRef.current = 0;
+        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
+    };
+    const handleEndPress = () => {
+        selectedDropdownItemIndexRef.current = childrenLength - 1;
+        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
+    };
+    const handleEscapePress = () => {
+        close?.();
+        dropdownButtonRef?.current?.focus();
+    };
+    const handleBackdropKeyDown = (event) => {
+        if (event.defaultPrevented || event.key === 'Enter') {
+            return;
+        }
+        event.preventDefault();
+        event.key === 'Escape' && handleEscapePress();
+        event.key === 'ArrowDown' && handleDownPress();
+        event.key === 'ArrowUp' && handleUpPress();
+        event.key === 'Home' && handleHomePress();
+        event.key === 'End' && handleEndPress();
+        event.stopPropagation();
+    };
+    const clearChildrenReferences = () => {
+        dropdownItemsRef.current = [];
+        return null;
+    };
+    return isOpen
+        ? (0,external_react_dom_.createPortal)(external_react_default().createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
+            external_react_default().createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-fs-dropdown-menu-size": size, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
+        : clearChildrenReferences();
+};
+/* harmony default export */ const Dropdown_DropdownMenu = (DropdownMenu);
+//# sourceMappingURL=DropdownMenu.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Dropdown/DropdownItem.js
+
+
+
+const DropdownItem = (0,external_react_.forwardRef)(function Button({ children, icon, onClick, testId = 'fs-dropdown-item', ...otherProps }, ref) {
+    const { dropdownItemsRef, selectedDropdownItemIndexRef, close } = useDropdown();
+    const [dropdownItemIndex, setDropdownItemIndex] = (0,external_react_.useState)(0);
+    const dropdownItemRef = (0,external_react_.useRef)();
+    const addToRefs = (el) => {
+        if (el && !dropdownItemsRef?.current.includes(el)) {
+            dropdownItemsRef?.current.push(el);
+            setDropdownItemIndex(dropdownItemsRef?.current.findIndex((element) => element === el) ?? 0);
+        }
+        dropdownItemRef.current = el;
+    };
+    const onFocusItem = () => {
+        selectedDropdownItemIndexRef.current = dropdownItemIndex;
+        dropdownItemsRef?.current[selectedDropdownItemIndexRef.current]?.focus();
+    };
+    const handleOnClickItem = (event) => {
+        onClick?.(event);
+        close?.();
+    };
+    (0,external_react_.useImperativeHandle)(ref, () => dropdownItemRef.current, []);
+    return (external_react_default().createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
+        icon && external_react_default().createElement(Icon/* default */.Z, { "data-fs-dropdown-item-icon": true, component: icon }),
+        children));
+});
+/* harmony default export */ const Dropdown_DropdownItem = (DropdownItem);
+//# sourceMappingURL=DropdownItem.js.map
+// EXTERNAL MODULE: ../components/dist/atoms/List/List.js
+var List = __webpack_require__(1329);
+;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/Divider.js
+
+const Divider = ({ divider, testId }) => {
+    const props = {
+        'data-fs-breadcrumb-divider': true,
+        'aria-hidden': true,
+        'data-testid': `${testId}-divider`,
+    };
+    if (external_react_default().isValidElement(divider)) {
+        return external_react_default().cloneElement(divider, props);
+    }
+    return external_react_default().createElement("span", { ...props }, divider ?? '/');
+};
+/* harmony default export */ const Breadcrumb_Divider = (Divider);
+//# sourceMappingURL=Divider.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/ListItem.js
+
+
+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 (!external_react_default().isValidElement(children)) {
+        return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
+            external_react_default().createElement("span", { ...props },
+                children,
+                isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId }))));
+    }
+    return (external_react_default().createElement("li", { "data-fs-breadcrumb-list-item": true },
+        external_react_default().cloneElement(children, props),
+        isLastItem ? null : external_react_default().createElement(Breadcrumb_Divider, { divider: divider, testId: testId })));
+};
+/* harmony default export */ const Breadcrumb_ListItem = (ListItem);
+//# sourceMappingURL=ListItem.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/BreadcrumbPure.js
+
+
+
+const BreadcrumbPure = (0,external_react_.forwardRef)(function BreadcrumbPure({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', ...otherProps }, ref) {
+    return (external_react_default().createElement("nav", { "aria-label": "Breadcrumb", role: "navigation", ref: ref, "data-fs-breadcrumb": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement(List/* default */.Z, { as: "ol", "data-fs-breadcrumb-list": true }, external_react_default().Children.toArray(children).map((child, index, childrenArray) => {
+            const isLastItem = index === childrenArray.length - 1;
+            return (external_react_default().createElement(Breadcrumb_ListItem, { isLastItem: isLastItem, divider: rawDivider, key: `breadcrumb-${index}`, testId: testId }, child));
+        }))));
+});
+/* harmony default export */ const Breadcrumb_BreadcrumbPure = (BreadcrumbPure);
+//# sourceMappingURL=BreadcrumbPure.js.map
+;// CONCATENATED MODULE: ../components/dist/assets/House.js
+
+// Icon from Phosphor Icons
+const House = ({ size = 24 }) => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "16", width: size, height: size },
+    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
+    external_react_default().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" })));
+/* harmony default export */ const assets_House = (House);
+//# sourceMappingURL=House.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/HomeLink.js
+
+
+const HomeLink = () => (external_react_default().createElement(Link/* default */.Z, { "data-fs-breadcrumb-link": true, "data-fs-breadcrumb-link-home": true, "aria-label": "Go to homepage", href: "/" },
+    external_react_default().createElement(Icon/* default */.Z, { component: external_react_default().createElement(assets_House, { size: 18 }) })));
+/* harmony default export */ const Breadcrumb_HomeLink = (HomeLink);
+//# sourceMappingURL=HomeLink.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/BreadcrumbBase.js
+
+
+
+
+
+
+
+const BreadcrumbBase = (0,external_react_.forwardRef)(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink = external_react_default().createElement(Breadcrumb_HomeLink, null), dropdownButtonIcon = external_react_default().createElement(Icon/* default */.Z, { component: external_react_default().createElement(assets_DotsThree, null) }), collapsedItemsIcon = external_react_default().createElement(Icon/* default */.Z, { component: external_react_default().createElement(assets_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 = (0,external_react_.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 = (0,external_react_.useCallback)((renderLinkProps) => {
+        const breadcrumbItem = renderLink?.(renderLinkProps);
+        const itemProps = renderLinkProps.collapsed
+            ? {
+                'data-fs-breadcrumb-dropdown-link': true,
+            }
+            : {
+                'data-fs-breadcrumb-link': true,
+            };
+        return breadcrumbItem ? ((0,external_react_.cloneElement)(breadcrumbItem, { ...itemProps, key: renderLinkProps.itemProps.position })) : (external_react_default().createElement(Link/* default */.Z, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
+    }, [renderLink]);
+    return (external_react_default().createElement(Breadcrumb_BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
+        homeLinkWithProps,
+        !collapseBreadcrumb &&
+            breadcrumbList.map((item, index) => {
+                return breadcrumbList.length === index + 1 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+            }),
+        collapseBreadcrumb &&
+            firstItem &&
+            breadcrumbLink({ itemProps: firstItem, collapsed: false }),
+        collapseBreadcrumb && (external_react_default().createElement(Dropdown_Dropdown, null,
+            external_react_default().createElement(Dropdown_DropdownButton, { "data-fs-breadcrumb-dropdown-button": true, size: "small" }, dropdownButtonIcon),
+            external_react_default().createElement(Dropdown_DropdownMenu, { "data-fs-breadcrumb-dropdown-menu": true }, mediumItems.map((item) => (external_react_default().createElement(Dropdown_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 ? (external_react_default().createElement("span", { key: String(item.position) }, item.name)) : (breadcrumbLink({ itemProps: item, collapsed: false }));
+            })));
+});
+/* harmony default export */ const Breadcrumb_BreadcrumbBase = (BreadcrumbBase);
+//# sourceMappingURL=BreadcrumbBase.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Breadcrumb/Breadcrumb.js
+
+
+const Breadcrumb = ({ breadcrumbList, ...otherProps }) => (external_react_default().createElement((external_react_default()).Fragment, null,
+    external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, ...otherProps }),
+    external_react_default().createElement(Breadcrumb_BreadcrumbBase, { breadcrumbList: breadcrumbList, isDesktop: true, ...otherProps })));
+/* harmony default export */ const Breadcrumb_Breadcrumb = (Breadcrumb);
+//# sourceMappingURL=Breadcrumb.js.map
+// EXTERNAL MODULE: ./src/components/ui/Icon/index.ts + 1 modules
+var ui_Icon = __webpack_require__(2478);
+// EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
+var ui_Link = __webpack_require__(1093);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/Breadcrumb/Breadcrumb.tsx
+const _excluded = ["breadcrumbList"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+const Breadcrumb_Breadcrumb_Breadcrumb = _ref => {
+  let {
+    breadcrumbList
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx_runtime_.jsx(Breadcrumb_Breadcrumb, _objectSpread({
+    breadcrumbList: breadcrumbList,
+    homeLink: /*#__PURE__*/jsx_runtime_.jsx(ui_Link/* default */.Z, {
+      "aria-label": "Go to homepage",
+      href: "/",
+      children: /*#__PURE__*/jsx_runtime_.jsx(ui_Icon/* default */.Z, {
+        name: "House",
+        width: 18,
+        height: 18,
+        weight: "bold"
+      })
+    }),
+    renderLink: ({
+      itemProps: {
+        item: link,
+        name
+      }
+    }) => /*#__PURE__*/jsx_runtime_.jsx(ui_Link/* default */.Z, {
+      "data-fs-breadcrumb-link": true,
+      href: link,
+      children: name
+    })
+  }, otherProps));
+};
+
+/* harmony default export */ const ui_Breadcrumb_Breadcrumb = (/*#__PURE__*/(0,external_react_.memo)(Breadcrumb_Breadcrumb_Breadcrumb));
+;// CONCATENATED MODULE: ./src/components/ui/Breadcrumb/index.ts
+
+
+/***/ })
+
+};
+;