@faststore/ui 2.0.37-alpha.0 → 2.0.41-alpha.0

package/dist/components/molecules/Dropdown/DropdownButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAUjD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,MAAM,GAAG,uBAAuB,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,CAAA;IAE/D,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,iBAAkB,CAAC,OAAQ,EAAE;QAC1D,iBAAiB;KAClB,CAAC,CAAA;IAEF,OAAO,CACL,iEAEE,OAAO,EAAE,MAAM,iBACF,MAAM,EACnB,GAAG,EAAE,iBAAiB,mBACP,MAAM,mBACP,MAAM,mBACL,EAAE,KACb,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/molecules/Dropdown/DropdownItem.d.ts

@@ -1,10 +0,0 @@
-import type { ButtonHTMLAttributes } from 'react';
-import React from 'react';
-export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
-export default DropdownItem;

package/dist/components/molecules/Dropdown/DropdownItem.js

@@ -1,26 +0,0 @@
-import React, { useImperativeHandle, forwardRef, useRef, useState } from 'react';
-import { useDropdown } from './hooks/useDropdown';
-const DropdownItem = forwardRef(function Button({ children, onClick, testId = 'store-dropdown-item', ...otherProps }, ref) {
-    const { dropdownItemsRef, selectedDropdownItemIndexRef, close } = useDropdown();
-    const [dropdownItemIndex, setDropdownItemIndex] = useState(0);
-    const dropdownItemRef = 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?.();
-    };
-    useImperativeHandle(ref, () => dropdownItemRef.current, []);
-    return (React.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 }, children));
-});
-export default DropdownItem;
-//# sourceMappingURL=DropdownItem.js.map

package/dist/components/molecules/Dropdown/DropdownItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../src/components/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAUjD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,qBAAqB,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,KAAK,EAAE,GAC7D,WAAW,EAAE,CAAA;IAEf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,MAAM,EAAqB,CAAA;IAEnD,MAAM,SAAS,GAAG,CAAC,EAAqB,EAAE,EAAE;QAC1C,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACjD,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClC,oBAAoB,CAClB,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,CACtE,CAAA;SACF;QAED,eAAe,CAAC,OAAO,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,4BAA6B,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzD,gBAAgB,EAAE,OAAO,CAAC,4BAA6B,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IAC3E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,KAAsD,EACtD,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,EAAE,EAAE,CAAA;IACX,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO,CACL,8EAEe,MAAM,EACnB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,iBAAiB,KACzB,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/molecules/Dropdown/DropdownMenu.d.ts

@@ -1,22 +0,0 @@
-import type { AriaAttributes, KeyboardEvent, PropsWithChildren, MouseEvent, ReactNode } from 'react';
-import React from 'react';
-import type { ModalContentProps } from '../Modal/ModalContent';
-export interface DropdownMenuProps extends ModalContentProps {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * Identifies the element (or elements) that labels the current element.
-     * @see aria-labelledby https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby
-     */
-    'aria-labelledby'?: AriaAttributes['aria-label'];
-    /**
-     * This function is called whenever the user hits "Escape" or clicks outside
-     * the dialog.
-     */
-    onDismiss?: (event: MouseEvent | KeyboardEvent) => void;
-    children: ReactNode[] | ReactNode;
-}
-declare const DropdownMenu: ({ children, testId, style, ...otherProps }: PropsWithChildren<DropdownMenuProps>) => React.ReactPortal | null;
-export default DropdownMenu;

package/dist/components/molecules/Dropdown/DropdownMenu.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { createPortal } from 'react-dom';
-import { useDropdown } from './hooks/useDropdown';
-import { useDropdownPosition } from './hooks/useDropdownPosition';
-/*
- * 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 = 'store-dropdown-menu', style, ...otherProps }) => {
-    const { isOpen, close, dropdownItemsRef, selectedDropdownItemIndexRef, id } = useDropdown();
-    const dropdownPosition = useDropdownPosition();
-    const childrenLength = React.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?.();
-    };
-    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
-        ? createPortal(React.createElement("div", { role: "presentation", "data-fs-dropdown-overlay": true, onKeyDown: handleBackdropKeyDown, "data-testid": `${testId}-overlay` },
-            React.createElement("div", { role: "menu", "aria-orientation": "vertical", "data-fs-dropdown-menu": true, "data-testid": testId, style: { ...dropdownPosition, ...style }, id: id, ...otherProps }, children)), document.body)
-        : clearChildrenReferences();
-};
-export default DropdownMenu;
-//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/molecules/Dropdown/DropdownMenu.js.map

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

package/dist/components/molecules/Dropdown/contexts/DropdownContext.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-export type DropdownContextState = {
-    /**
-     * Control de Dropdown state as Opened (true) or Closed (false).
-     */
-    isOpen: boolean;
-    /**
-     * Reference to DropdownButton, used to calculate a position for the DropdownMenu.
-     */
-    dropdownButtonRef: React.RefObject<HTMLButtonElement> | null;
-    /**
-     * Reference to a selected DropdownItem, used to manipulate focus.
-     */
-    selectedDropdownItemIndexRef: React.MutableRefObject<number> | null;
-    /**
-     * Array of References to dropdownItems in a DropdownMenu.
-     */
-    dropdownItemsRef: React.MutableRefObject<HTMLButtonElement[]> | null;
-    /**
-     * Close DropdownMenu event inherited from Modal.
-     */
-    onDismiss?(): void;
-    /**
-     * Function responsible for close the DropdownMenu in this context.
-     */
-    close?(): void;
-    /**
-     * Function responsible for open the DropdownMenu in this context.
-     */
-    open?(): void;
-    /**
-     * Function responsible for switch the the DropdownMenu state in this context.
-     */
-    toggle?(): void;
-    /**
-     * Identifier to be used in aria-controls
-     */
-    id: string;
-};
-declare const DropdownContext: import("react").Context<DropdownContextState>;
-export default DropdownContext;

package/dist/components/molecules/Dropdown/contexts/DropdownContext.js

@@ -1,11 +0,0 @@
-import { createContext } from 'react';
-const defaultState = {
-    isOpen: false,
-    dropdownButtonRef: null,
-    selectedDropdownItemIndexRef: null,
-    dropdownItemsRef: null,
-    id: 'store-dropdown',
-};
-const DropdownContext = createContext(defaultState);
-export default DropdownContext;
-//# sourceMappingURL=DropdownContext.js.map

package/dist/components/molecules/Dropdown/contexts/DropdownContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownContext.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Dropdown/contexts/DropdownContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AA0CrC,MAAM,YAAY,GAAyB;IACzC,MAAM,EAAE,KAAK;IACb,iBAAiB,EAAE,IAAI;IACvB,4BAA4B,EAAE,IAAI;IAClC,gBAAgB,EAAE,IAAI;IACtB,EAAE,EAAE,gBAAgB;CACrB,CAAA;AAED,MAAM,eAAe,GAAG,aAAa,CAAuB,YAAY,CAAC,CAAA;AAEzE,eAAe,eAAe,CAAA"}

package/dist/components/molecules/Dropdown/hooks/useDropdown.d.ts

@@ -1,6 +0,0 @@
-import type { DropdownContextState } from '../contexts/DropdownContext';
-/**
- * Hook to use the Dropdown context.
- * @returns Dropdown context.
- */
-export declare const useDropdown: () => DropdownContextState;

package/dist/components/molecules/Dropdown/hooks/useDropdown.js

@@ -1,14 +0,0 @@
-import { useContext } from 'react';
-import DropdownContext from '../contexts/DropdownContext';
-/**
- * Hook to use the Dropdown context.
- * @returns Dropdown context.
- */
-export const useDropdown = () => {
-    const context = useContext(DropdownContext);
-    if (context === undefined) {
-        throw new Error('Do not use useDropdown hook outside the Dropdown context.');
-    }
-    return context;
-};
-//# sourceMappingURL=useDropdown.js.map

package/dist/components/molecules/Dropdown/hooks/useDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdown.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Dropdown/hooks/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlC,OAAO,eAAe,MAAM,6BAA6B,CAAA;AAEzD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAuB,eAAe,CAAC,CAAA;IAEjE,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAA;KAC7E;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/dist/components/molecules/Dropdown/hooks/useDropdownPosition.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-type DropdownPosition = Pick<React.CSSProperties, 'position' | 'top' | 'left'>;
-/**
- * Hook used to find the DropdownMenu position in relation to DropdownButton
- * @returns Style with positions.
- */
-export declare const useDropdownPosition: () => DropdownPosition;
-export {};

package/dist/components/molecules/Dropdown/hooks/useDropdownPosition.js

@@ -1,25 +0,0 @@
-import { useDropdown } from './useDropdown';
-/**
- * Hook used to find the DropdownMenu position in relation to DropdownButton
- * @returns Style with positions.
- */
-export 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

package/dist/components/molecules/Dropdown/hooks/useDropdownPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdownPosition.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Dropdown/hooks/useDropdownPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAqB,EAAE;IACxD,MAAM,EAAE,iBAAiB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE3C,yCAAyC;IACzC,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;IAE/C,MAAM,UAAU,GAAG,iBAAiB,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAA;IACtE,MAAM,QAAQ,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC,CAAA;IACrC,MAAM,SAAS,GAAG,UAAU,EAAE,MAAM,IAAI,CAAC,CAAA;IACzC,MAAM,SAAS,GAAG,UAAU,EAAE,IAAI,IAAI,CAAC,CAAA;IAEvC,uFAAuF;IACvF,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACtE,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAExE,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;IAEpD,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,CAAA;IAE3C,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,YAAY;KACnB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/molecules/Dropdown/index.d.ts

@@ -1,8 +0,0 @@
-export { default } from './Dropdown';
-export type { DropdownProps } from './Dropdown';
-export { default as DropdownButton } from './DropdownButton';
-export type { DropdownButtonProps } from './DropdownButton';
-export { default as DropdownItem } from './DropdownItem';
-export type { DropdownItemProps } from './DropdownItem';
-export { default as DropdownMenu } from './DropdownMenu';
-export type { DropdownMenuProps } from './DropdownMenu';

package/dist/components/molecules/Dropdown/index.js

@@ -1,5 +0,0 @@
-export { default } from './Dropdown';
-export { default as DropdownButton } from './DropdownButton';
-export { default as DropdownItem } from './DropdownItem';
-export { default as DropdownMenu } from './DropdownMenu';
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/src/components/molecules/Accordion/Accordion.tsx

@@ -1,76 +0,0 @@
-import type { HTMLAttributes, ReactElement } from 'react'
-import React, {
-  useContext,
-  cloneElement,
-  forwardRef,
-  createContext,
-} from 'react'
-
-interface AccordionContext {
-  indices: Set<number>
-  onChange: (index: number) => void
-  numberOfItems: number
-}
-
-const AccordionContext = createContext<AccordionContext | undefined>(undefined)
-
-export interface AccordionProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  /**
-   * Indices that indicate which accordion items are opened.
-   */
-  indices: Iterable<number>
-  /**
-   * Function that is triggered when an accordion item is opened/closed.
-   */
-  onChange: (index: number) => void
-}
-
-const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(
-  { testId = 'store-accordion', indices, onChange, children, ...otherProps },
-  ref
-) {
-  const childrenWithIndex = React.Children.map(
-    children as ReactElement,
-    (child, index) => cloneElement(child, { index: child.props.index ?? index })
-  )
-
-  const context = {
-    indices: new Set(indices),
-    onChange,
-    numberOfItems: childrenWithIndex.length,
-  }
-
-  return (
-    <AccordionContext.Provider value={context}>
-      <div
-        ref={ref}
-        data-fs-accordion
-        data-testid={testId}
-        role="region"
-        {...otherProps}
-      >
-        {childrenWithIndex}
-      </div>
-    </AccordionContext.Provider>
-  )
-})
-
-export function useAccordion() {
-  const context = useContext(AccordionContext)
-
-  if (context === undefined) {
-    throw new Error(
-      'Do not use Accordion components outside the Accordion context.'
-    )
-  }
-
-  return context
-}
-
-export default Accordion

package/src/components/molecules/Accordion/AccordionButton.tsx

@@ -1,81 +0,0 @@
-import React, { forwardRef } from 'react'
-
-import { useAccordion } from './Accordion'
-import { useAccordionItem } from './AccordionItem'
-
-import { Button } from '@faststore/components'
-import type { ButtonProps } from '@faststore/components'
-
-export interface AccordionButtonProps extends ButtonProps {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const AccordionButton = forwardRef<HTMLButtonElement, AccordionButtonProps>(
-  function AccordionButton(
-    { testId = 'store-accordion-button', children, ...otherProps },
-    ref
-  ) {
-    const { indices, onChange, numberOfItems } = useAccordion()
-    const { index, panel, button, prefixId } = useAccordionItem()
-
-    const onKeyDown = (event: React.KeyboardEvent) => {
-      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 (
-      <Button
-        ref={ref}
-        id={button}
-        aria-expanded={indices.has(index)}
-        aria-controls={panel}
-        data-accordion-button
-        data-testid={testId}
-        onKeyDown={onKeyDown}
-        onClick={() => {
-          onChange(index)
-        }}
-        {...otherProps}
-      >
-        {children}
-      </Button>
-    )
-  }
-)
-
-export default AccordionButton

package/src/components/molecules/Accordion/AccordionItem.tsx

@@ -1,92 +0,0 @@
-import type { ElementType, HTMLAttributes, ReactElement } from 'react'
-import React, { createContext, forwardRef, useContext } from 'react'
-import type {
-  PolymorphicComponentPropsWithRef,
-  PolymorphicRef,
-} from '../../../typings'
-
-interface AccordionItemContext {
-  index: number
-  panel: string
-  button: string
-  prefixId: string
-}
-
-const AccordionItemContext = createContext<AccordionItemContext | undefined>(
-  undefined
-)
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  /**
-   * Index of the current accordion item within the accordion.
-   */
-  index?: number
-  /**
-   * Namespace ID prefix for the current Accordion item's panel and button
-   * to avoid ID duplication when multiple instances are on the same page.
-   */
-  prefixId?: string
-}
-
-export type AccordionItemProps<
-  C extends ElementType
-> = PolymorphicComponentPropsWithRef<C, Props>
-
-type AccordionItemComponent = <C extends ElementType = 'div'>(
-  props: AccordionItemProps<C>
-) => ReactElement | null
-
-const AccordionItem: AccordionItemComponent = forwardRef(function AccordionItem<
-  C extends ElementType = 'div'
->(
-  {
-    testId = 'store-accordion-item',
-    children,
-    prefixId = '',
-    index = 0,
-    as: MaybeComponent,
-    ...otherProps
-  }: AccordionItemProps<C>,
-  ref: PolymorphicRef<C>
-) {
-  const Component = MaybeComponent ?? 'div'
-
-  const context = {
-    index,
-    prefixId,
-    panel: `${prefixId && `${prefixId}-`}panel--${index}`,
-    button: `${prefixId && `${prefixId}-`}button--${index}`,
-  }
-
-  return (
-    <AccordionItemContext.Provider value={context}>
-      <Component
-        ref={ref}
-        data-accordion-item
-        data-testid={testId}
-        {...otherProps}
-      >
-        {children}
-      </Component>
-    </AccordionItemContext.Provider>
-  )
-})
-
-export function useAccordionItem() {
-  const context = useContext(AccordionItemContext)
-
-  if (context === undefined) {
-    throw new Error(
-      'Do not use AccordionItem components outside the AccordionItem context.'
-    )
-  }
-
-  return context
-}
-
-export default AccordionItem

package/src/components/molecules/Accordion/AccordionPanel.tsx

@@ -1,40 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-import { useAccordion } from './Accordion'
-import { useAccordionItem } from './AccordionItem'
-
-export interface AccordionPanelProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(
-  function AccordionPanel(
-    { testId = 'store-accordion-panel', children, ...otherProps },
-    ref
-  ) {
-    const { indices } = useAccordion()
-    const { index, button, panel } = useAccordionItem()
-
-    return (
-      <div
-        ref={ref}
-        id={panel}
-        aria-labelledby={button}
-        role="region"
-        data-accordion-panel
-        data-testid={testId}
-        hidden={!indices.has(index)}
-        {...otherProps}
-      >
-        {children}
-      </div>
-    )
-  }
-)
-
-export default AccordionPanel

package/src/components/molecules/Accordion/index.ts

@@ -1,11 +0,0 @@
-export { default } from './Accordion'
-export type { AccordionProps } from './Accordion'
-
-export { default as AccordionItem } from './AccordionItem'
-export type { AccordionItemProps } from './AccordionItem'
-
-export { default as AccordionButton } from './AccordionButton'
-export type { AccordionButtonProps } from './AccordionButton'
-
-export { default as AccordionPanel } from './AccordionPanel'
-export type { AccordionPanelProps } from './AccordionPanel'