@faststore/core 2.0.116-alpha.0 → 2.0.118-alpha.0

package/.next/server/chunks/6881.js

@@ -0,0 +1,320 @@
+exports.id = 6881;
+exports.ids = [6881];
+exports.modules = {
+
+/***/ 2928:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* 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__);
+
+const Skeleton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Skeleton({ testId = 'fs-skeleton', loading = true, shimmer = true, children, size, border, borderRadius, ...otherProps }, ref) {
+    const styles = {
+        width: size.width,
+        height: size.height,
+    };
+    return loading ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: ref, "data-fs-skeleton": true, "data-testid": testId, "data-fs-skeleton-border": border ? border : null, style: borderRadius ? { ...styles, borderRadius: borderRadius } : styles, ...otherProps }, shimmer && react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-skeleton-shimmer": true }))) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Skeleton);
+//# sourceMappingURL=Skeleton.js.map
+
+/***/ }),
+
+/***/ 8879:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ Section_Section)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/sections/Section/Section.tsx
+const _excluded = ["className"];
+
+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 Section = /*#__PURE__*/(0,external_react_.forwardRef)(function Section(_ref, ref) {
+  let {
+    className = ''
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx_runtime_.jsx("section", _objectSpread({
+    ref: ref,
+    className: `section ${className}`
+  }, otherProps));
+});
+/* harmony default export */ const Section_Section = (Section);
+;// CONCATENATED MODULE: ./src/components/sections/Section/index.ts
+
+
+/***/ }),
+
+/***/ 3288:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ ProductCardSkeleton_ProductCardSkeleton)
+});
+
+// EXTERNAL MODULE: ../components/dist/atoms/Skeleton/Skeleton.js
+var Skeleton = __webpack_require__(2928);
+// EXTERNAL MODULE: ./src/components/skeletons/ProductCardSkeleton/product-card-skeleton.module.scss
+var product_card_skeleton_module = __webpack_require__(1207);
+var product_card_skeleton_module_default = /*#__PURE__*/__webpack_require__.n(product_card_skeleton_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/ProductCardSkeleton.tsx
+
+
+
+
+
+function ProductCardSkeleton({
+  bordered,
+  sectioned,
+  displayButton,
+  aspectRatio = 1,
+  variant = 'default'
+}) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+    className: (product_card_skeleton_module_default()).fsProductCardSkeleton,
+    "data-fs-product-card-skeleton": true,
+    "data-fs-product-card-skeleton-variant": variant,
+    "data-fs-product-card-skeleton-bordered": bordered,
+    "data-fs-product-card-skeleton-sectioned": sectioned,
+    children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+      "data-fs-product-card-skeleton-image": true,
+      style: {
+        '--fs-product-card-skeleton-image-aspect-ratio': aspectRatio
+      },
+      children: /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        size: {
+          width: '100%',
+          height: '100%'
+        }
+      })
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
+      "data-fs-product-card-skeleton-content": true,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '90%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-text": true,
+        size: {
+          width: '70%',
+          height: '1.5rem'
+        }
+      }), /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-badge": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        border: "pill"
+      }), displayButton && /*#__PURE__*/jsx_runtime_.jsx(Skeleton/* default */.Z, {
+        "data-fs-product-card-skeleton-button": true,
+        size: {
+          width: '6rem',
+          height: '2rem'
+        },
+        style: {
+          columnGap: '.75rem'
+        }
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const ProductCardSkeleton_ProductCardSkeleton = (ProductCardSkeleton);
+;// CONCATENATED MODULE: ./src/components/skeletons/ProductCardSkeleton/index.ts
+
+
+/***/ }),
+
+/***/ 8459:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "K": () => (/* binding */ ITEMS_PER_SECTION),
+/* harmony export */   "g": () => (/* binding */ ITEMS_PER_PAGE)
+/* harmony export */ });
+const ITEMS_PER_PAGE = 12;
+const ITEMS_PER_SECTION = 5;
+
+/***/ }),
+
+/***/ 2953:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "p": () => (/* binding */ prefetchQuery)
+/* harmony export */ });
+/* harmony import */ var swr__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5941);
+/* harmony import */ var _request__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(180);
+/* harmony import */ var _useQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7732);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_2__]);
+([swr__WEBPACK_IMPORTED_MODULE_0__, _useQuery__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+const _excluded = ["cache"];
+
+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 prefetchQuery = (operationName, variables, _ref) => {
+  let {
+    cache
+  } = _ref,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  const key = (0,_useQuery__WEBPACK_IMPORTED_MODULE_2__/* .getKey */ .km)(operationName, variables);
+
+  if (cache.get(key)) {
+    return;
+  }
+
+  (0,swr__WEBPACK_IMPORTED_MODULE_0__.mutate)(key, (0,_request__WEBPACK_IMPORTED_MODULE_1__/* .request */ .W)(operationName, variables, options));
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 4867:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "BG": () => (/* binding */ useProductsQueryPrefetch),
+/* harmony export */   "kN": () => (/* binding */ useProductsQuery),
+/* harmony export */   "yb": () => (/* binding */ useLocalizedVariables)
+/* harmony export */ });
+/* unused harmony export query */
+/* 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 swr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5941);
+/* harmony import */ var src_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8459);
+/* harmony import */ var _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2953);
+/* harmony import */ var _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7732);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5971);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__]);
+([swr__WEBPACK_IMPORTED_MODULE_1__, _graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__, _graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
+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; }
+
+
+
+
+
+
+
+const query = "ProductsQuery";
+
+const toArray = x => Array.isArray(x) ? x : x ? [x] : [];
+
+const useLocalizedVariables = ({
+  first,
+  after,
+  sort,
+  term,
+  selectedFacets
+}) => {
+  const {
+    channel,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_4__/* .useSession */ .kP)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+    const facets = toArray(selectedFacets);
+    return {
+      first: first ?? src_constants__WEBPACK_IMPORTED_MODULE_5__/* .ITEMS_PER_SECTION */ .K,
+      after: after ?? '0',
+      sort: sort ?? 'score_desc',
+      term: term ?? '',
+      selectedFacets: [...facets, {
+        key: 'channel',
+        value: channel ?? ''
+      }, {
+        key: 'locale',
+        value: locale
+      }]
+    };
+  }, [selectedFacets, first, after, sort, term, channel, locale]);
+};
+/**
+ * Use this hook for fetching a list of products, like in search results and shelves
+ */
+
+const useProductsQuery = (variables, options) => {
+  const localizedVariables = useLocalizedVariables(variables);
+  const {
+    data
+  } = (0,_graphql_useQuery__WEBPACK_IMPORTED_MODULE_3__/* .useQuery */ .aM)(query, localizedVariables, _objectSpread({
+    fallbackData: null,
+    suspense: true
+  }, options));
+  return data?.search?.products;
+};
+const useProductsQueryPrefetch = (variables, options) => {
+  const localizedVariables = useLocalizedVariables(variables);
+  const {
+    cache
+  } = (0,swr__WEBPACK_IMPORTED_MODULE_1__.useSWRConfig)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => (0,_graphql_prefetchQuery__WEBPACK_IMPORTED_MODULE_2__/* .prefetchQuery */ .p)(query, localizedVariables, _objectSpread({
+    cache
+  }, options)), [localizedVariables, cache, options]);
+};
+__webpack_async_result__();
+} catch(e) { __webpack_async_result__(e); } });
+
+/***/ }),
+
+/***/ 1207:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-product-card-skeleton": "product-card-skeleton_fs-product-card-skeleton__fPdHb",
+	"fsProductCardSkeleton": "product-card-skeleton_fs-product-card-skeleton__fPdHb"
+};
+
+
+/***/ })
+
+};
+;

package/.next/server/chunks/6898.js

@@ -0,0 +1,149 @@
+"use strict";
+exports.id = 6898;
+exports.ids = [6898];
+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
+
+/***/ }),
+
+/***/ 7743:
+/***/ ((__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_2__ = __webpack_require__(9739);
+/* harmony import */ var _AccordionItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5705);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5045);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7578);
+
+
+
+
+const AccordionButton = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "MinusCircle", "data-icon": "expanded" }), collapsedIcon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { name: "PlusCircle", "data-icon": "collapsed" }), children, ...otherProps }, ref) {
+    const { indices, onChange, numberOfItems } = (0,_Accordion__WEBPACK_IMPORTED_MODULE_2__/* .useAccordion */ .A)();
+    const { index, panel, button, prefixId } = (0,_AccordionItem__WEBPACK_IMPORTED_MODULE_3__/* .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 (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["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 __WEBPACK_DEFAULT_EXPORT__ = (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
+
+/***/ })
+
+};
+;