@festo-ui/react 9.0.0-dev.711 → 9.0.0-dev.713

package/lib/helper/index.js

@@ -0,0 +1,7 @@
+export const provideDiv = () => {
+  const div = document.createElement("div");
+  const id = Math.floor(Math.random() * 1000);
+  div.setAttribute("id", `${id}`);
+  return div;
+};
+export default provideDiv;

package/lib/helper/setRef.d.ts

@@ -0,0 +1 @@
+export default function setRef<T>(ref: React.ForwardedRef<T> | undefined, value: any): void;

package/lib/helper/setRef.js

@@ -0,0 +1,7 @@
+export default function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}

package/{dist/utils → lib/helper}/types.d.ts

@@ -7,7 +7,7 @@ export interface ClassNamePropsWithChildren extends ClassNameProps {
 export interface Image {
     src: string;
     alt: string;
-    aspectRatio: '3/2' | '16/9';
+    aspectRatio: "3/2" | "16/9";
 }
 export interface SelectConfiguration {
     hideLabel?: boolean;
@@ -17,13 +17,13 @@ export interface SelectConfiguration {
         viewportSize?: number;
     };
 }
-export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
 type AsProp<C extends React.ElementType> = {
     component?: C;
 };
 type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = object> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
+type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
 export {};

package/lib/helper/types.js

@@ -0,0 +1 @@
+export {};

package/{dist/utils → lib/helper}/useControlled.d.ts

@@ -1,7 +1,7 @@
-import { type Dispatch, type SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from "react";
 export interface UseControlledProps<T> {
     controlled: T | undefined;
     default: T;
     onChange?: (value: T) => void;
 }
-export declare function useControlled<T>({ controlled, default: defaultValue, onChange, }: UseControlledProps<T>): [T | undefined, Dispatch<SetStateAction<T>>];
+export default function useControlled<T>({ controlled, default: defaultValue, onChange, }: UseControlledProps<T>): [T | undefined, Dispatch<SetStateAction<T>>];

package/lib/helper/useControlled.js

@@ -0,0 +1,22 @@
+import { useRef, useState, useCallback } from "react";
+export default function useControlled(_ref) {
+  let {
+    controlled,
+    default: defaultValue,
+    onChange
+  } = _ref;
+  const {
+    current: isControlled
+  } = useRef(controlled !== undefined);
+  const [valueState, setValue] = useState(defaultValue);
+  const value = isControlled ? controlled : valueState;
+  const setValueIfUncontrolled = useCallback(newValue => {
+    if (!isControlled) {
+      setValue(newValue);
+    }
+    const setter = newValue;
+    const onChangeValue = typeof newValue === "function" ? setter(controlled) : newValue;
+    onChange?.(onChangeValue);
+  }, [controlled, isControlled, onChange]);
+  return [value, setValueIfUncontrolled];
+}

package/lib/helper/useForkRef.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function useForkRef<T>(refA: React.Ref<T> | null | undefined, refB: React.Ref<T> | null | undefined): React.RefCallback<T> | null;

package/lib/helper/useForkRef.js

@@ -0,0 +1,18 @@
+import React from "react";
+import setRef from "./setRef.js"; // https://github.com/facebook/react/issues/13029#issuecomment-497629971
+export default function useForkRef(refA, refB) {
+  /**
+   * This will create a new function if the ref props change and are defined.
+   * This means react will call the old forkRef with `null` and the new forkRef
+   * with the ref. Cleanup naturally emerges from this behavior
+   */
+  return React.useMemo(() => {
+    if ((refA === null || refA === undefined) && (refB == null || refB === undefined)) {
+      return null;
+    }
+    return instance => {
+      setRef(refA, instance);
+      setRef(refB, instance);
+    };
+  }, [refA, refB]);
+}

package/lib/helper/useId.d.ts

@@ -0,0 +1 @@
+export default function useId(idInput?: string): string | undefined;

package/lib/helper/useId.js

@@ -0,0 +1,22 @@
+import React from "react";
+
+// eslint-disable-next-line no-useless-concat
+const maybeReactUseId = React["useId" + ""];
+let nextId = 0;
+function useLegacyId() {
+  const [id, setId] = React.useState(undefined);
+  React.useEffect(() => {
+    if (id == null) {
+      nextId += 1;
+      setId(`fr-${nextId}`);
+    }
+  }, [id]);
+  return id;
+}
+export default function useId(idInput) {
+  if (idInput !== undefined && idInput !== null) {
+    return idInput;
+  }
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return maybeReactUseId ? maybeReactUseId() : useLegacyId();
+}

package/lib/helper/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from "react";
+export default function useOnClickOutside(ref: RefObject<HTMLElement>, callback: (event: MouseEvent | TouchEvent) => void, ref2?: RefObject<HTMLElement>): void;

package/lib/helper/useOnClickOutside.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+export default function useOnClickOutside(ref, callback, ref2) {
+  useEffect(() => {
+    const listener = event => {
+      // Do nothing if clicking ref's element or descendent elements
+      if (!ref.current || ref.current.contains(event.target) || ref2 && (!ref2.current || ref2.current.contains(event.target))) {
+        return;
+      }
+      callback(event);
+    };
+    document.addEventListener("mousedown", listener, true);
+    document.addEventListener("touchstart", listener, true);
+    return () => {
+      document.removeEventListener("mousedown", listener, true);
+      document.removeEventListener("touchstart", listener, true);
+    };
+  }, [ref, ref2, callback]);
+}

package/node/index.js

@@ -0,0 +1,439 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.default;
+  }
+});
+Object.defineProperty(exports, "AccordionHeader", {
+  enumerable: true,
+  get: function () {
+    return _AccordionHeader.default;
+  }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () {
+    return _AccordionItem.default;
+  }
+});
+Object.defineProperty(exports, "AccordionItemBody", {
+  enumerable: true,
+  get: function () {
+    return _AccordionItemBody.default;
+  }
+});
+Object.defineProperty(exports, "AccordionItemHeader", {
+  enumerable: true,
+  get: function () {
+    return _AccordionItemHeader.default;
+  }
+});
+Object.defineProperty(exports, "AlertModal", {
+  enumerable: true,
+  get: function () {
+    return _AlertModal.default;
+  }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function () {
+    return _Breadcrumb.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _Card.default;
+  }
+});
+Object.defineProperty(exports, "CardBody", {
+  enumerable: true,
+  get: function () {
+    return _CardBody.default;
+  }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () {
+    return _CardHeader.default;
+  }
+});
+Object.defineProperty(exports, "CardNotification", {
+  enumerable: true,
+  get: function () {
+    return _CardNotification.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.default;
+  }
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () {
+    return _Chip.default;
+  }
+});
+Object.defineProperty(exports, "ChipContainer", {
+  enumerable: true,
+  get: function () {
+    return _ChipContainer.default;
+  }
+});
+Object.defineProperty(exports, "ChipType", {
+  enumerable: true,
+  get: function () {
+    return _Chip.ChipType;
+  }
+});
+Object.defineProperty(exports, "ConfirmModal", {
+  enumerable: true,
+  get: function () {
+    return _ConfirmModal.default;
+  }
+});
+Object.defineProperty(exports, "CustomModal", {
+  enumerable: true,
+  get: function () {
+    return _CustomModal.default;
+  }
+});
+Object.defineProperty(exports, "ImageGallery", {
+  enumerable: true,
+  get: function () {
+    return _ImageGallery.default;
+  }
+});
+Object.defineProperty(exports, "ImageGalleryContent", {
+  enumerable: true,
+  get: function () {
+    return _ImageGalleryContent.default;
+  }
+});
+Object.defineProperty(exports, "ImageGalleryItem", {
+  enumerable: true,
+  get: function () {
+    return _ImageGalleryItem.default;
+  }
+});
+Object.defineProperty(exports, "ImageGallerySwiper", {
+  enumerable: true,
+  get: function () {
+    return _ImageGallerySwiper.default;
+  }
+});
+Object.defineProperty(exports, "ImageGalleryThumbsSwiper", {
+  enumerable: true,
+  get: function () {
+    return _ImageGalleryThumbsSwiper.default;
+  }
+});
+Object.defineProperty(exports, "LinkButton", {
+  enumerable: true,
+  get: function () {
+    return _LinkButton.default;
+  }
+});
+Object.defineProperty(exports, "LoadingIndicator", {
+  enumerable: true,
+  get: function () {
+    return _LoadingIndicator.default;
+  }
+});
+Object.defineProperty(exports, "MobileFlyout", {
+  enumerable: true,
+  get: function () {
+    return _MobileFlyout.default;
+  }
+});
+Object.defineProperty(exports, "MobileFlyoutItem", {
+  enumerable: true,
+  get: function () {
+    return _MobileFlyoutItem.default;
+  }
+});
+Object.defineProperty(exports, "MobileFlyoutPage", {
+  enumerable: true,
+  get: function () {
+    return _MobileFlyoutPage.default;
+  }
+});
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () {
+    return _Pagination.default;
+  }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function () {
+    return _Popover.default;
+  }
+});
+Object.defineProperty(exports, "PopoverMenu", {
+  enumerable: true,
+  get: function () {
+    return _PopoverMenu.default;
+  }
+});
+Object.defineProperty(exports, "PopoverMenuContext", {
+  enumerable: true,
+  get: function () {
+    return _PopoverMenuContext.default;
+  }
+});
+Object.defineProperty(exports, "PopoverMenuItem", {
+  enumerable: true,
+  get: function () {
+    return _PopoverMenuItem.default;
+  }
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function () {
+    return _Progress.default;
+  }
+});
+Object.defineProperty(exports, "Prompt", {
+  enumerable: true,
+  get: function () {
+    return _Prompt.default;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.default;
+  }
+});
+Object.defineProperty(exports, "RadioButton", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.default;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () {
+    return _RadioGroup.default;
+  }
+});
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () {
+    return _ScrollArea.default;
+  }
+});
+Object.defineProperty(exports, "SearchInput", {
+  enumerable: true,
+  get: function () {
+    return _SearchInput.default;
+  }
+});
+Object.defineProperty(exports, "SearchSuggestion", {
+  enumerable: true,
+  get: function () {
+    return _SearchSuggestion.default;
+  }
+});
+Object.defineProperty(exports, "Segment", {
+  enumerable: true,
+  get: function () {
+    return _Segment.default;
+  }
+});
+Object.defineProperty(exports, "SegmentControl", {
+  enumerable: true,
+  get: function () {
+    return _SegmentControl.default;
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () {
+    return _Select.default;
+  }
+});
+Object.defineProperty(exports, "SelectOption", {
+  enumerable: true,
+  get: function () {
+    return _SelectOption.default;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function () {
+    return _Slider.default;
+  }
+});
+Object.defineProperty(exports, "Snackbar", {
+  enumerable: true,
+  get: function () {
+    return _Snackbar.default;
+  }
+});
+Object.defineProperty(exports, "SnackbarProvider", {
+  enumerable: true,
+  get: function () {
+    return _SnackbarProvider.default;
+  }
+});
+Object.defineProperty(exports, "StepHorizontal", {
+  enumerable: true,
+  get: function () {
+    return _StepHorizontal.default;
+  }
+});
+Object.defineProperty(exports, "StepVertical", {
+  enumerable: true,
+  get: function () {
+    return _StepVertical.default;
+  }
+});
+Object.defineProperty(exports, "StepperHorizontal", {
+  enumerable: true,
+  get: function () {
+    return _StepperHorizontal.default;
+  }
+});
+Object.defineProperty(exports, "StepperVertical", {
+  enumerable: true,
+  get: function () {
+    return _StepperVertical.default;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _Switch.default;
+  }
+});
+Object.defineProperty(exports, "TabPane", {
+  enumerable: true,
+  get: function () {
+    return _TabPane.default;
+  }
+});
+Object.defineProperty(exports, "TableHeaderCell", {
+  enumerable: true,
+  get: function () {
+    return _TableHeaderCell.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.default;
+  }
+});
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function () {
+    return _TextArea.default;
+  }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function () {
+    return _TextInput.default;
+  }
+});
+Object.defineProperty(exports, "TimePicker", {
+  enumerable: true,
+  get: function () {
+    return _TimePicker.default;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.default;
+  }
+});
+Object.defineProperty(exports, "addSnackbar", {
+  enumerable: true,
+  get: function () {
+    return _SnackbarProvider.addSnackbar;
+  }
+});
+Object.defineProperty(exports, "useSnackbar", {
+  enumerable: true,
+  get: function () {
+    return _useSnackbar.default;
+  }
+});
+var _Accordion = _interopRequireDefault(require("./lib/components/accordion/Accordion.js"));
+var _AccordionHeader = _interopRequireDefault(require("./lib/components/accordion/accordion-header/AccordionHeader.js"));
+var _AccordionItemBody = _interopRequireDefault(require("./lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js"));
+var _AccordionItemHeader = _interopRequireDefault(require("./lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js"));
+var _AccordionItem = _interopRequireDefault(require("./lib/components/accordion/accordion-item/AccordionItem.js"));
+var _Breadcrumb = _interopRequireDefault(require("./lib/components/breadcrumb/Breadcrumb.js"));
+var _Button = _interopRequireDefault(require("./lib/components/buttons/button/Button.js"));
+var _Card = _interopRequireDefault(require("./lib/components/card/Card.js"));
+var _CardBody = _interopRequireDefault(require("./lib/components/card/CardBody.js"));
+var _CardHeader = _interopRequireDefault(require("./lib/components/card/CardHeader.js"));
+var _CardNotification = _interopRequireDefault(require("./lib/components/card/CardNotification.js"));
+var _ChipContainer = _interopRequireDefault(require("./lib/components/chips/chip-container/ChipContainer.js"));
+var _Chip = _interopRequireWildcard(require("./lib/components/chips/chip/Chip.js"));
+var _LinkButton = _interopRequireDefault(require("./lib/components/link-button/LinkButton.js"));
+var _LoadingIndicator = _interopRequireDefault(require("./lib/components/loading-indicator/LoadingIndicator.js"));
+var _MobileFlyout = _interopRequireDefault(require("./lib/components/mobile-flyout/MobileFlyout.js"));
+var _MobileFlyoutItem = _interopRequireDefault(require("./lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js"));
+var _MobileFlyoutPage = _interopRequireDefault(require("./lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js"));
+var _AlertModal = _interopRequireDefault(require("./lib/components/modals/AlertModal.js"));
+var _ConfirmModal = _interopRequireDefault(require("./lib/components/modals/ConfirmModal.js"));
+var _CustomModal = _interopRequireDefault(require("./lib/components/modals/CustomModal.js"));
+var _ImageGallery = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGallery.js"));
+var _ImageGalleryContent = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGalleryContent.js"));
+var _ImageGallerySwiper = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGallerySwiper.js"));
+var _ImageGalleryThumbsSwiper = _interopRequireDefault(require("./lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js"));
+var _ImageGalleryItem = _interopRequireDefault(require("./lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js"));
+var _Prompt = _interopRequireDefault(require("./lib/components/modals/Prompt.js"));
+var _Pagination = _interopRequireDefault(require("./lib/components/pagination/Pagination.js"));
+var _PopoverMenuContext = _interopRequireDefault(require("./lib/components/popovers/popover-menu/PopoverMenuContext.js"));
+var _PopoverMenu = _interopRequireDefault(require("./lib/components/popovers/popover-menu/PopoverMenu.js"));
+var _PopoverMenuItem = _interopRequireDefault(require("./lib/components/popovers/popover-menu-item/PopoverMenuItem.js"));
+var _Popover = _interopRequireDefault(require("./lib/components/popovers/popover/Popover.js"));
+var _Tooltip = _interopRequireDefault(require("./lib/components/popovers/tooltip/Tooltip.js"));
+var _Progress = _interopRequireDefault(require("./lib/components/progress/Progress.js"));
+var _SearchInput = _interopRequireDefault(require("./lib/components/search-input/SearchInput.js"));
+var _SearchSuggestion = _interopRequireDefault(require("./lib/components/search-input/SearchSuggestion.js"));
+var _Snackbar = _interopRequireDefault(require("./lib/components/snackbar/Snackbar.js"));
+var _SnackbarProvider = _interopRequireWildcard(require("./lib/components/snackbar/SnackbarProvider.js"));
+var _useSnackbar = _interopRequireDefault(require("./lib/components/snackbar/useSnackbar.js"));
+var _StepHorizontal = _interopRequireDefault(require("./lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js"));
+var _StepperHorizontal = _interopRequireDefault(require("./lib/components/stepper-horizontal/StepperHorizontal.js"));
+var _StepVertical = _interopRequireDefault(require("./lib/components/stepper-vertical/step-vertical/StepVertical.js"));
+var _StepperVertical = _interopRequireDefault(require("./lib/components/stepper-vertical/StepperVertical.js"));
+var _TabPane = _interopRequireDefault(require("./lib/components/tab/tab-pane/TabPane.js"));
+var _Tabs = _interopRequireDefault(require("./lib/components/tab/Tabs.js"));
+var _TableHeaderCell = _interopRequireDefault(require("./lib/components/table-header-cell/TableHeaderCell.js"));
+var _Checkbox = _interopRequireDefault(require("./lib/forms/checkbox/Checkbox.js"));
+var _RadioButton = _interopRequireDefault(require("./lib/forms/radio/RadioButton.js"));
+var _RadioGroup = _interopRequireDefault(require("./lib/forms/radio/RadioGroup.js"));
+var _ScrollArea = _interopRequireDefault(require("./lib/components/scroll-area/ScrollArea.js"));
+var _Segment = _interopRequireDefault(require("./lib/forms/segment/Segment.js"));
+var _SegmentControl = _interopRequireDefault(require("./lib/forms/segment/segment-control/SegmentControl.js"));
+var _Select = _interopRequireDefault(require("./lib/forms/select/Select.js"));
+var _SelectOption = _interopRequireDefault(require("./lib/forms/select/select-option/SelectOption.js"));
+var _Slider = _interopRequireDefault(require("./lib/forms/slider/Slider.js"));
+var _Switch = _interopRequireDefault(require("./lib/forms/switch/Switch.js"));
+var _TextArea = _interopRequireDefault(require("./lib/forms/text-area/TextArea.js"));
+var _TextInput = _interopRequireDefault(require("./lib/forms/text-input/TextInput.js"));
+var _TimePicker = _interopRequireDefault(require("./lib/forms/time-picker/TimePicker.js"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/node/lib/components/accordion/Accordion.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _AccordionContext = _interopRequireDefault(require("./AccordionContext.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+let nextId = 0;
+const Accordion = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    showMore = "Show more",
+    showLess = "Show less",
+    keepItemsOpen = true,
+    className,
+    transparent = false,
+    highlighted = true,
+    ...props
+  } = _ref;
+  const componentId = (0, _react.useRef)(`accordion-${++nextId}`);
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const handleChange = (id, newExpanded) => {
+    setExpanded(newExpanded ? id : false);
+  };
+  const contextValue = (0, _react.useMemo)(() => ({
+    showMore,
+    showLess,
+    parentId: componentId.current,
+    keepItemsOpen,
+    expanded,
+    toggle: handleChange,
+    highlighted
+  }), [expanded, keepItemsOpen, showLess, showMore, highlighted]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref,
+      className: (0, _classnames.default)("fr-accordion", {
+        "fwe-bg-white": !transparent
+      }, className),
+      ...props,
+      children: children
+    })
+  });
+});
+var _default = exports.default = Accordion;

package/node/lib/components/accordion/AccordionContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const AccordionContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = exports.default = AccordionContext;

package/node/lib/components/accordion/accordion-header/AccordionHeader.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AccordionHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    className: (0, _classnames.default)("fr-accordion-header", className),
+    ...props,
+    children: children
+  });
+});
+var _default = exports.default = AccordionHeader;