@festo-ui/react 4.0.3-pre-20221124.8 → 5.0.0-dev.102

package/node/index.js

@@ -0,0 +1,370 @@
+"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, "ColorIndicator", {
+  enumerable: true,
+  get: function () {
+    return _ColorIndicator.default;
+  }
+});
+Object.defineProperty(exports, "ColorPicker", {
+  enumerable: true,
+  get: function () {
+    return _ColorPicker.default;
+  }
+});
+Object.defineProperty(exports, "ConfirmModal", {
+  enumerable: true,
+  get: function () {
+    return _ConfirmModal.default;
+  }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () {
+    return _DatePicker.default;
+  }
+});
+Object.defineProperty(exports, "DateRangePicker", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePicker.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, "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, "Progress", {
+  enumerable: true,
+  get: function () {
+    return _Progress.default;
+  }
+});
+Object.defineProperty(exports, "Prompt", {
+  enumerable: true,
+  get: function () {
+    return _Prompt.default;
+  }
+});
+Object.defineProperty(exports, "RadioButton", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.default;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.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, "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, "TextEditor", {
+  enumerable: true,
+  get: function () {
+    return _TextEditor.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, "useSnackbar", {
+  enumerable: true,
+  get: function () {
+    return _useSnackbar.default;
+  }
+});
+var _Accordion = _interopRequireDefault(require("./lib/components/accordion/Accordion"));
+var _AccordionHeader = _interopRequireDefault(require("./lib/components/accordion/accordion-header/AccordionHeader"));
+var _AccordionItemBody = _interopRequireDefault(require("./lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody"));
+var _AccordionItemHeader = _interopRequireDefault(require("./lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader"));
+var _AccordionItem = _interopRequireDefault(require("./lib/components/accordion/accordion-item/AccordionItem"));
+var _Breadcrumb = _interopRequireDefault(require("./lib/components/breadcrumb/Breadcrumb"));
+var _Button = _interopRequireDefault(require("./lib/components/buttons/button/Button"));
+var _Card = _interopRequireDefault(require("./lib/components/card/Card"));
+var _CardBody = _interopRequireDefault(require("./lib/components/card/CardBody"));
+var _CardHeader = _interopRequireDefault(require("./lib/components/card/CardHeader"));
+var _CardNotification = _interopRequireDefault(require("./lib/components/card/CardNotification"));
+var _ChipContainer = _interopRequireDefault(require("./lib/components/chips/chip-container/ChipContainer"));
+var _Chip = _interopRequireWildcard(require("./lib/components/chips/chip/Chip"));
+var _LinkButton = _interopRequireDefault(require("./lib/components/link-button/LinkButton"));
+var _LoadingIndicator = _interopRequireDefault(require("./lib/components/loading-indicator/LoadingIndicator"));
+var _AlertModal = _interopRequireDefault(require("./lib/components/modals/AlertModal"));
+var _ConfirmModal = _interopRequireDefault(require("./lib/components/modals/ConfirmModal"));
+var _Prompt = _interopRequireDefault(require("./lib/components/modals/Prompt"));
+var _Pagination = _interopRequireDefault(require("./lib/components/pagination/Pagination"));
+var _PopoverMenu = _interopRequireDefault(require("./lib/components/popovers/popover-menu/PopoverMenu"));
+var _Popover = _interopRequireDefault(require("./lib/components/popovers/popover/Popover"));
+var _Tooltip = _interopRequireDefault(require("./lib/components/popovers/tooltip/Tooltip"));
+var _Progress = _interopRequireDefault(require("./lib/components/progress/Progress"));
+var _SearchInput = _interopRequireDefault(require("./lib/components/search-input/SearchInput"));
+var _SearchSuggestion = _interopRequireDefault(require("./lib/components/search-input/SearchSuggestion"));
+var _Snackbar = _interopRequireDefault(require("./lib/components/snackbar/Snackbar"));
+var _SnackbarProvider = _interopRequireDefault(require("./lib/components/snackbar/SnackbarProvider"));
+var _useSnackbar = _interopRequireDefault(require("./lib/components/snackbar/useSnackbar"));
+var _StepHorizontal = _interopRequireDefault(require("./lib/components/stepper-horizontal/step-horizontal/StepHorizontal"));
+var _StepperHorizontal = _interopRequireDefault(require("./lib/components/stepper-horizontal/StepperHorizontal"));
+var _StepVertical = _interopRequireDefault(require("./lib/components/stepper-vertical/step-vertical/StepVertical"));
+var _StepperVertical = _interopRequireDefault(require("./lib/components/stepper-vertical/StepperVertical"));
+var _TabPane = _interopRequireDefault(require("./lib/components/tab/tab-pane/TabPane"));
+var _Tabs = _interopRequireDefault(require("./lib/components/tab/Tabs"));
+var _TableHeaderCell = _interopRequireDefault(require("./lib/components/table-header-cell/TableHeaderCell"));
+var _Checkbox = _interopRequireDefault(require("./lib/forms/checkbox/Checkbox"));
+var _ColorIndicator = _interopRequireDefault(require("./lib/forms/color-indicator/ColorIndicator"));
+var _ColorPicker = _interopRequireDefault(require("./lib/forms/color-picker/ColorPicker"));
+var _DatePicker = _interopRequireDefault(require("./lib/forms/date-picker/DatePicker"));
+var _DateRangePicker = _interopRequireDefault(require("./lib/forms/date-range-picker/DateRangePicker"));
+var _RadioButton = _interopRequireDefault(require("./lib/forms/radio/RadioButton"));
+var _Segment = _interopRequireDefault(require("./lib/forms/segment/Segment"));
+var _SegmentControl = _interopRequireDefault(require("./lib/forms/segment/segment-control/SegmentControl"));
+var _Select = _interopRequireDefault(require("./lib/forms/select/Select"));
+var _Slider = _interopRequireDefault(require("./lib/forms/slider/Slider"));
+var _Switch = _interopRequireDefault(require("./lib/forms/switch/Switch"));
+var _TextArea = _interopRequireDefault(require("./lib/forms/text-area/TextArea"));
+var _TextEditor = _interopRequireDefault(require("./lib/forms/text-editor/TextEditor"));
+var _TextInput = _interopRequireDefault(require("./lib/forms/text-input/TextInput"));
+var _TimePicker = _interopRequireDefault(require("./lib/forms/time-picker/TimePicker"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -0,0 +1,46 @@
+"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"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let nextId = 0;
+const Accordion = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    showMore = 'Show more',
+    showLess = 'Show less',
+    keepItemsOpen = true,
+    className,
+    ...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
+  }), [expanded]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: ref,
+      className: (0, _classnames.default)('fr-accordion', className),
+      ...props,
+      children: children
+    })
+  });
+});
+var _default = Accordion;
+exports.default = _default;

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

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

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

@@ -0,0 +1,25 @@
+"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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 = AccordionHeader;
+exports.default = _default;

package/node/lib/components/accordion/accordion-item/AccordionItem.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _useControlled = _interopRequireDefault(require("../../../helper/useControlled"));
+var _AccordionContext = _interopRequireDefault(require("../AccordionContext"));
+var _AccordionItemContext = _interopRequireDefault(require("./AccordionItemContext"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let nextId = 0;
+const AccordionItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    expanded: expandedProp,
+    defaultExpanded = false,
+    children,
+    onChange,
+    className,
+    ...props
+  } = _ref;
+  const {
+    showLess,
+    showMore,
+    parentId,
+    keepItemsOpen,
+    expanded: expandedContext,
+    toggle: accordionToggle
+  } = (0, _react.useContext)(_AccordionContext.default);
+  const componentId = (0, _react.useRef)(`accordion-item-${++nextId}`);
+  const id = `${parentId}-${componentId.current}`;
+  const controlledExpanded = keepItemsOpen ? expandedProp : expandedContext === id;
+  const [expanded, setExpanded] = (0, _useControlled.default)({
+    controlled: controlledExpanded,
+    default: defaultExpanded
+  });
+  const linkText = expanded ? showLess : showMore;
+  const handleChange = (0, _react.useCallback)(event => {
+    if (onChange) {
+      onChange(event, !expanded);
+    }
+    if (!keepItemsOpen) {
+      accordionToggle?.(id, !expanded);
+    }
+    setExpanded(!expanded);
+  }, [accordionToggle, expanded, id, keepItemsOpen, onChange, setExpanded]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    expanded,
+    toggle: handleChange,
+    id
+  }), [expanded, handleChange, id]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionItemContext.default.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: ref,
+      className: (0, _classnames.default)('fr-accordion-item', {
+        'fr-accordion-item--collapsed': !expanded,
+        'fr-accordion-item--expanded': expanded
+      }, className),
+      ...props,
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fr-accordion-item-link",
+        children: linkText
+      })]
+    })
+  });
+});
+var _default = AccordionItem;
+exports.default = _default;

package/node/lib/components/accordion/accordion-item/AccordionItemContext.js

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

package/node/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _reactTransitionGroup = require("react-transition-group");
+var _useForkRef = _interopRequireDefault(require("../../../../helper/useForkRef"));
+var _AccordionItemContext = _interopRequireDefault(require("../AccordionItemContext"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AccordionItemBody = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...props
+  } = _ref;
+  const {
+    expanded,
+    id
+  } = (0, _react.useContext)(_AccordionItemContext.default);
+  const innerRef = (0, _react.useRef)(null);
+  const element = innerRef.current;
+  const combinedRef = (0, _useForkRef.default)(ref, innerRef);
+  const initialHeight = (0, _react.useRef)(expanded ? 'auto' : 0);
+  const handleEntering = () => {
+    if (element) {
+      const itemHeight = element.scrollHeight;
+      element.style.height = `${itemHeight}px`;
+    }
+  };
+  const handleEntered = () => {
+    if (element) {
+      element.style.height = 'auto';
+    }
+  };
+  const handleExit = () => {
+    if (element) {
+      const itemHeight = element.scrollHeight;
+      element.style.height = `${itemHeight}px`;
+    }
+  };
+  const handleExiting = () => {
+    setTimeout(() => {
+      if (element) {
+        element.style.height = '0px';
+      }
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
+    in: expanded,
+    nodeRef: innerRef,
+    timeout: 300,
+    onExit: handleExit,
+    onExiting: handleExiting,
+    onEntering: handleEntering,
+    onEntered: handleEntered,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: combinedRef,
+      role: "region",
+      id: `${id}-body`,
+      "aria-labelledby": `${id}-header`,
+      className: (0, _classnames.default)('fr-accordion-item-body', className),
+      style: {
+        height: initialHeight.current,
+        minHeight: 0
+      },
+      ...props,
+      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fr-accordion-item-body-spacer-bottom"
+      })]
+    })
+  });
+});
+var _default = AccordionItemBody;
+exports.default = _default;

package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+var _AccordionItemContext = _interopRequireDefault(require("../AccordionItemContext"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const AccordionItemHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    className,
+    ...props
+  } = _ref;
+  const {
+    toggle,
+    id
+  } = (0, _react.useContext)(_AccordionItemContext.default);
+  function handleKeyDown(event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      toggle?.(event);
+    }
+  }
+  function handleKeyUp(event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      toggle?.(event);
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    className: (0, _classnames.default)('fr-accordion-item-header', className),
+    role: "button",
+    tabIndex: 0,
+    id: `${id}-header`,
+    "aria-controls": `${id}-body`,
+    onKeyDown: handleKeyDown,
+    onKeyUp: handleKeyUp,
+    onClick: toggle,
+    ...props,
+    children: children
+  });
+});
+var _default = AccordionItemHeader;
+exports.default = _default;