@zendeskgarden/react-accordions 8.46.0 → 8.48.0

package/dist/index.cjs.js

@@ -30,14 +30,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -53,14 +51,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -68,19 +61,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    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;
@@ -227,9 +213,9 @@ var sizeStyles$1 = function sizeStyles(props) {
   var marginVertical = space.base * 3;
   return styled.css(["margin:", "px ", "px ", "px ", "px;padding:0 ", "px ", "px ", "px;"], marginVertical, marginRight, marginVertical, marginLeft, paddingRight, paddingBottom, paddingLeft);
 };
-var StyledContent = styled__default['default'].div.attrs({
+var StyledContent = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -243,9 +229,9 @@ StyledContent.defaultProps = {
 };
 
 var COMPONENT_ID$j = 'accordions.step_line';
-var StyledLine = styled__default['default'].div.attrs({
+var StyledLine = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -265,9 +251,9 @@ StyledLine.defaultProps = {
 };
 
 var COMPONENT_ID$i = 'accordions.step';
-var StyledStep = styled__default['default'].li.attrs({
+var StyledStep = styled__default["default"].li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -295,9 +281,9 @@ StyledStep.defaultProps = {
 };
 
 var COMPONENT_ID$h = 'accordions.step_inner_content';
-var StyledInnerContent = styled__default['default'].div.attrs({
+var StyledInnerContent = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -317,9 +303,9 @@ StyledInnerContent.defaultProps = {
 };
 
 var COMPONENT_ID$g = 'accordions.stepper';
-var StyledStepper = styled__default['default'].ol.attrs({
+var StyledStepper = styled__default["default"].ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -333,7 +319,7 @@ StyledStepper.defaultProps = {
 };
 
 var COMPONENT_ID$f = 'accordions.step_icon';
-var StyledIconFlexContainer = styled__default['default'].div.withConfig({
+var StyledIconFlexContainer = styled__default["default"].div.withConfig({
   displayName: "StyledIcon__StyledIconFlexContainer",
   componentId: "sc-v20nz9-0"
 })(["display:flex;flex-basis:100%;justify-content:center;width:100%;"]);
@@ -345,9 +331,9 @@ var sizeStyles = function sizeStyles(props) {
 var colorStyles$2 = function colorStyles(props) {
   return styled.css(["background:", ";color:", ";"], props.isActive ? reactTheming.getColor('neutralHue', 600, props.theme) : reactTheming.getColor('neutralHue', 200, props.theme), props.isActive ? props.theme.colors.background : props.theme.colors.foreground);
 };
-var StyledIcon = styled__default['default'].div.attrs({
+var StyledIcon = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -362,9 +348,9 @@ StyledIcon.defaultProps = {
 };
 
 var COMPONENT_ID$e = 'accordions.step_label';
-var StyledLabel = styled__default['default'].div.attrs({
+var StyledLabel = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -390,9 +376,9 @@ StyledLabel.defaultProps = {
 };
 
 var COMPONENT_ID$d = 'accordions.step_label_text';
-var StyledLabelText = styled__default['default'].div.attrs({
+var StyledLabelText = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -408,9 +394,9 @@ StyledLabelText.defaultProps = {
 };
 
 var COMPONENT_ID$c = 'accordions.accordion';
-var StyledAccordion = styled__default['default'].div.attrs({
+var StyledAccordion = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -438,9 +424,9 @@ var paddingStyles = function paddingStyles(props) {
   }
   return styled.css(["transition:", ";padding:", "px ", "px ", "px;"], props.isAnimated && 'padding 0.25s ease-in-out', paddingTop, paddingHorizontal, paddingBottom);
 };
-var StyledPanel = styled__default['default'].section.attrs({
+var StyledPanel = styled__default["default"].section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -455,9 +441,9 @@ StyledPanel.defaultProps = {
 };
 
 var COMPONENT_ID$a = 'accordions.section';
-var StyledSection = styled__default['default'].div.attrs({
+var StyledSection = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -469,9 +455,9 @@ StyledSection.defaultProps = {
 };
 
 var COMPONENT_ID$9 = 'accordions.header';
-var StyledHeader = styled__default['default'].div.attrs({
+var StyledHeader = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -497,9 +483,9 @@ var colorStyles$1 = function colorStyles(props) {
   }
   return styled.css(["color:", ";&:hover{cursor:", ";color:", ";}"], color, showColor && 'pointer', showColor && color);
 };
-var StyledButton = styled__default['default'].button.attrs({
+var StyledButton = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -523,9 +509,9 @@ StyledButton.defaultProps = {
 };
 
 var COMPONENT_ID$7 = 'accordions.step_inner_panel';
-var StyledInnerPanel = styled__default['default'].div.attrs({
+var StyledInnerPanel = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -555,7 +541,7 @@ var colorStyles = function colorStyles(props) {
   }
   return styled.css(["color:", ";&:hover{color:", ";}"], color, showColor && color);
 };
-var StyledRotateIcon = styled__default['default'](
+var StyledRotateIcon = styled__default["default"](
 function (_ref) {
   var children = _ref.children;
       _ref.isRotated;
@@ -566,7 +552,7 @@ function (_ref) {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -586,9 +572,9 @@ StyledRotateIcon.defaultProps = {
 };
 
 var COMPONENT_ID$5 = 'timeline';
-var StyledTimeline = styled__default['default'].ol.attrs({
+var StyledTimeline = styled__default["default"].ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -600,9 +586,9 @@ StyledTimeline.defaultProps = {
 };
 
 var COMPONENT_ID$4 = 'timeline.content.separator';
-var StyledSeparator = styled__default['default'].div.attrs({
+var StyledSeparator = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -618,9 +604,9 @@ StyledSeparator.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'timeline.content';
-var StyledTimelineContent = styled__default['default'].div.attrs({
+var StyledTimelineContent = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -634,9 +620,9 @@ StyledTimelineContent.defaultProps = {
 };
 
 var COMPONENT_ID$2 = 'timeline.opposite.content';
-var StyledOppositeContent = styled__default['default'].div.attrs({
+var StyledOppositeContent = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -652,9 +638,9 @@ StyledOppositeContent.defaultProps = {
 };
 
 var COMPONENT_ID$1 = 'timeline.item';
-var StyledTimelineItem = styled__default['default'].li.attrs({
+var StyledTimelineItem = styled__default["default"].li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -671,14 +657,14 @@ StyledTimelineItem.defaultProps = {
 
 var _excluded$5 = ["surfaceColor", "children"];
 var COMPONENT_ID = 'timeline.icon';
-var StyledItemIcon = styled__default['default'](function (_ref) {
+var StyledItemIcon = styled__default["default"](function (_ref) {
   _ref.surfaceColor;
       var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$5);
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -762,7 +748,7 @@ var useTimelineItemContext = function useTimelineItemContext() {
   return context;
 };
 
-var Step = React.forwardRef(function (props, ref) {
+var StepComponent = React.forwardRef(function (props, ref) {
   var _useStepperContext = useStepperContext(),
       currentIndexRef = _useStepperContext.currentIndexRef,
       isHorizontal = _useStepperContext.isHorizontal;
@@ -783,38 +769,39 @@ var Step = React.forwardRef(function (props, ref) {
       currentStepIndex: currentStepIndex
     };
   }, [currentStepIndex]);
-  return React__default['default'].createElement(StepContext.Provider, {
+  return React__default["default"].createElement(StepContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledStep, _extends$3({
+  }, React__default["default"].createElement(StyledStep, _extends$3({
     ref: ref,
     isHorizontal: isHorizontal
-  }, props), isHorizontal && React__default['default'].createElement(StyledLine, null), props.children));
+  }, props), isHorizontal && React__default["default"].createElement(StyledLine, null), props.children));
 });
-Step.displayName = 'Step';
+StepComponent.displayName = 'Stepper.Step';
+var Step = StepComponent;
 
-function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var _path$1;
 
-var _ref$2 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: 1.25,
-  d: "M3 9l3 3 7-7"
-});
+function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
-function SvgCheckSmStroke(props) {
+var SvgCheckSmStroke = function SvgCheckSmStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.25,
+    d: "M3 9l3 3 7-7"
+  })));
+};
 
-var Label$1 = React.forwardRef(function (props, ref) {
+var LabelComponent$1 = React.forwardRef(function (props, ref) {
   var _useStepContext = useStepContext(),
       currentStepIndex = _useStepContext.currentStepIndex;
   var _useStepperContext = useStepperContext(),
@@ -824,26 +811,27 @@ var Label$1 = React.forwardRef(function (props, ref) {
   var stepIcon = props.icon || numericStep;
   var isActive = activeIndex === currentStepIndex;
   var isCompleted = activeIndex > currentStepIndex;
-  var styledIcon = React__default['default'].createElement(StyledIcon, {
+  var styledIcon = React__default["default"].createElement(StyledIcon, {
     isActive: isActive,
     isHorizontal: isHorizontal
-  }, isCompleted ? React__default['default'].createElement(SvgCheckSmStroke, null) : stepIcon);
-  return React__default['default'].createElement(StyledLabel, _extends$3({
+  }, isCompleted ? React__default["default"].createElement(SvgCheckSmStroke, null) : stepIcon);
+  return React__default["default"].createElement(StyledLabel, _extends$3({
     ref: ref,
     isActive: isActive,
     isHorizontal: isHorizontal
-  }, props), isHorizontal ? React__default['default'].createElement(StyledIconFlexContainer, null, styledIcon) : styledIcon, React__default['default'].createElement(StyledLabelText, {
+  }, props), isHorizontal ? React__default["default"].createElement(StyledIconFlexContainer, null, styledIcon) : styledIcon, React__default["default"].createElement(StyledLabelText, {
     isHidden: props.isHidden,
     isHorizontal: isHorizontal
   }, props.children));
 });
-Label$1.displayName = 'Label';
-Label$1.propTypes = {
-  icon: PropTypes__default['default'].node,
-  isHidden: PropTypes__default['default'].bool
+LabelComponent$1.displayName = 'Stepper.Label';
+LabelComponent$1.propTypes = {
+  icon: PropTypes__default["default"].node,
+  isHidden: PropTypes__default["default"].bool
 };
+var Label$1 = LabelComponent$1;
 
-var Content$1 = React.forwardRef(function (props, ref) {
+var ContentComponent$1 = React.forwardRef(function (props, ref) {
   var contentRef = React.useRef();
   var _useStepperContext = useStepperContext(),
       activeIndex = _useStepperContext.activeIndex,
@@ -851,7 +839,7 @@ var Content$1 = React.forwardRef(function (props, ref) {
   var _useStepContext = useStepContext(),
       currentStepIndex = _useStepContext.currentStepIndex;
   var isActive = currentStepIndex === activeIndex;
-  var updateMaxHeight = React.useCallback(debounce__default['default'](function () {
+  var updateMaxHeight = React.useCallback(debounce__default["default"](function () {
     if (contentRef.current) {
       var child = contentRef.current.children[0];
       child.style.maxHeight = "".concat(child.scrollHeight, "px");
@@ -867,17 +855,18 @@ var Content$1 = React.forwardRef(function (props, ref) {
     }
     return undefined;
   }, [isActive, isHorizontal, props.children, updateMaxHeight]);
-  return isHorizontal === false ? React__default['default'].createElement(StyledContent, _extends$3({
-    ref: mergeRefs__default['default']([contentRef, ref]),
+  return isHorizontal === false ? React__default["default"].createElement(StyledContent, _extends$3({
+    ref: mergeRefs__default["default"]([contentRef, ref]),
     isActive: isActive
-  }, props), React__default['default'].createElement(StyledInnerContent, {
+  }, props), React__default["default"].createElement(StyledInnerContent, {
     isActive: isActive
   }, props.children)) : null;
 });
-Content$1.displayName = 'Content';
+ContentComponent$1.displayName = 'Stepper.Content';
+var Content$1 = ContentComponent$1;
 
 var _excluded$4 = ["isHorizontal", "activeIndex"];
-var Stepper = React.forwardRef(function (_ref, ref) {
+var StepperComponent = React.forwardRef(function (_ref, ref) {
   var isHorizontal = _ref.isHorizontal,
       activeIndex = _ref.activeIndex,
       props = _objectWithoutProperties(_ref, _excluded$4);
@@ -892,56 +881,58 @@ var Stepper = React.forwardRef(function (_ref, ref) {
   React.useEffect(function () {
     currentIndexRef.current = 0;
   });
-  return React__default['default'].createElement(StepperContext.Provider, {
+  return React__default["default"].createElement(StepperContext.Provider, {
     value: stepperContext
-  }, React__default['default'].createElement(StyledStepper, _extends$3({
+  }, React__default["default"].createElement(StyledStepper, _extends$3({
     ref: ref,
     isHorizontal: isHorizontal
   }, props)));
 });
-Stepper.Step = Step;
-Stepper.Label = Label$1;
-Stepper.Content = Content$1;
-Stepper.displayName = 'Stepper';
-Stepper.defaultProps = {
+StepperComponent.displayName = 'Stepper';
+StepperComponent.defaultProps = {
   activeIndex: 0,
   isHorizontal: false
 };
+var Stepper = StepperComponent;
+Stepper.Content = Content$1;
+Stepper.Label = Label$1;
+Stepper.Step = Step;
 
-var Section = React.forwardRef(function (props, ref) {
+var SectionComponent = React.forwardRef(function (props, ref) {
   var _useAccordionContext = useAccordionContext(),
       currentIndexRef = _useAccordionContext.currentIndexRef;
   var sectionIndexRef = React.useRef(currentIndexRef.current++);
   var sectionIndex = sectionIndexRef.current;
-  return React__default['default'].createElement(SectionContext.Provider, {
+  return React__default["default"].createElement(SectionContext.Provider, {
     value: sectionIndex
-  }, React__default['default'].createElement(StyledSection, _extends$3({
+  }, React__default["default"].createElement(StyledSection, _extends$3({
     ref: ref
   }, props)));
 });
-Section.displayName = 'Section';
+SectionComponent.displayName = 'Accordion.Section';
+var Section = SectionComponent;
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path;
 
-var _ref$1 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
-});
+function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-function SvgChevronDownStroke(props) {
+var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
+  })));
+};
 
 var _excluded$3 = ["onClick", "onFocus", "onBlur", "onMouseOver", "onMouseOut", "children"],
     _excluded2 = ["onClick", "onKeyDown"];
-var Header = React.forwardRef(function (props, ref) {
+var HeaderComponent = React.forwardRef(function (props, ref) {
   var _useAccordionContext = useAccordionContext(),
       ariaLevel = _useAccordionContext.level,
       isCompact = _useAccordionContext.isCompact,
@@ -989,9 +980,9 @@ var Header = React.forwardRef(function (props, ref) {
       otherTriggerProps: otherTriggerProps
     };
   }, [isHovered, otherTriggerProps]);
-  return React__default['default'].createElement(HeaderContext.Provider, {
+  return React__default["default"].createElement(HeaderContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledHeader, getHeaderProps(_objectSpread2({
+  }, React__default["default"].createElement(StyledHeader, getHeaderProps(_objectSpread2({
     ref: ref,
     ariaLevel: ariaLevel,
     isCompact: isCompact,
@@ -1009,7 +1000,7 @@ var Header = React.forwardRef(function (props, ref) {
     onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, function () {
       return setIsHovered(false);
     })
-  }, other)), children, React__default['default'].createElement(StyledRotateIcon, {
+  }, other)), children, React__default["default"].createElement(StyledRotateIcon, {
     isCompact: isCompact,
     isHovered: isHovered,
     isRotated: isExpanded,
@@ -1020,11 +1011,12 @@ var Header = React.forwardRef(function (props, ref) {
     onMouseOut: containerUtilities.composeEventHandlers(onMouseOut, function () {
       return setIsHovered(false);
     })
-  }, React__default['default'].createElement(SvgChevronDownStroke, null))));
+  }, React__default["default"].createElement(SvgChevronDownStroke, null))));
 });
-Header.displayName = 'Header';
+HeaderComponent.displayName = 'Accordion.Header';
+var Header = HeaderComponent;
 
-var Label = React.forwardRef(function (props, ref) {
+var LabelComponent = React.forwardRef(function (props, ref) {
   var sectionIndex = useSectionContext();
   var _useAccordionContext = useAccordionContext(),
       isCompact = _useAccordionContext.isCompact,
@@ -1034,7 +1026,7 @@ var Label = React.forwardRef(function (props, ref) {
   var _useHeaderContext = useHeaderContext(),
       isHovered = _useHeaderContext.isHovered,
       otherTriggerProps = _useHeaderContext.otherTriggerProps;
-  return React__default['default'].createElement(StyledButton, _extends$3({
+  return React__default["default"].createElement(StyledButton, _extends$3({
     ref: ref,
     isCompact: isCompact,
     isHovered: isHovered,
@@ -1042,9 +1034,10 @@ var Label = React.forwardRef(function (props, ref) {
     isCollapsible: isCollapsible
   }, otherTriggerProps, props));
 });
-Label.displayName = 'Label';
+LabelComponent.displayName = 'Accordion.Label';
+var Label = LabelComponent;
 
-var Panel = React.forwardRef(function (props, ref) {
+var PanelComponent = React.forwardRef(function (props, ref) {
   var _useAccordionContext = useAccordionContext(),
       isCompact = _useAccordionContext.isCompact,
       isBare = _useAccordionContext.isBare,
@@ -1054,13 +1047,13 @@ var Panel = React.forwardRef(function (props, ref) {
   var panelRef = React.useRef();
   var index = useSectionContext();
   var isExpanded = expandedSections.includes(index);
-  var updateMaxHeight = React.useCallback(debounce__default['default'](function () {
+  var updateMaxHeight = React.useCallback(debounce__default["default"](function () {
     if (panelRef.current) {
       var child = panelRef.current.children[0];
       child.style.maxHeight = "".concat(child.scrollHeight, "px");
     }
   }, 100), [panelRef]);
-  React__default['default'].useEffect(function () {
+  React__default["default"].useEffect(function () {
     if (!isAnimated) {
       return undefined;
     }
@@ -1070,23 +1063,24 @@ var Panel = React.forwardRef(function (props, ref) {
       removeEventListener('resize', updateMaxHeight);
     };
   }, [isAnimated, isExpanded, updateMaxHeight, props.children]);
-  return React__default['default'].createElement(StyledPanel, getPanelProps(_objectSpread2({
+  return React__default["default"].createElement(StyledPanel, getPanelProps(_objectSpread2({
     role: null,
-    ref: mergeRefs__default['default']([panelRef, ref]),
+    ref: mergeRefs__default["default"]([panelRef, ref]),
     index: index,
     isBare: isBare,
     isCompact: isCompact,
     isExpanded: isExpanded,
     isAnimated: isAnimated
-  }, props)), React__default['default'].createElement(StyledInnerPanel, {
+  }, props)), React__default["default"].createElement(StyledInnerPanel, {
     isExpanded: isExpanded,
     isAnimated: isAnimated
   }, props.children));
 });
-Panel.displayName = 'Panel';
+PanelComponent.displayName = 'Accordion.Panel';
+var Panel = PanelComponent;
 
 var _excluded$2 = ["level", "isBare", "onChange", "isCompact", "isAnimated", "isExpandable", "isCollapsible", "defaultExpandedSections", "expandedSections"];
-var Accordion = React.forwardRef(function (_ref, ref) {
+var AccordionComponent = React.forwardRef(function (_ref, ref) {
   var level = _ref.level,
       isBare = _ref.isBare,
       onChange = _ref.onChange,
@@ -1126,18 +1120,14 @@ var Accordion = React.forwardRef(function (_ref, ref) {
       expandedSections: expandedSections
     };
   }, [level, isBare, isCompact, isAnimated, isCollapsible, getPanelProps, getHeaderProps, getTriggerProps, currentIndexRef, expandedSections]);
-  return React__default['default'].createElement(AccordionContext.Provider, {
+  return React__default["default"].createElement(AccordionContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledAccordion, _extends$3({
+  }, React__default["default"].createElement(StyledAccordion, _extends$3({
     ref: ref
   }, props)));
 });
-Accordion.Section = Section;
-Accordion.Header = Header;
-Accordion.Label = Label;
-Accordion.Panel = Panel;
-Accordion.displayName = 'Accordion';
-Accordion.defaultProps = {
+AccordionComponent.displayName = 'Accordion';
+AccordionComponent.defaultProps = {
   isBare: false,
   isCompact: false,
   isAnimated: true,
@@ -1148,9 +1138,22 @@ Accordion.defaultProps = {
     return undefined;
   }
 };
+var Accordion = AccordionComponent;
+Accordion.Header = Header;
+Accordion.Label = Label;
+Accordion.Panel = Panel;
+Accordion.Section = Section;
+
+var OppositeContentComponent = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledOppositeContent, _extends$3({
+    ref: ref
+  }, props));
+});
+OppositeContentComponent.displayName = 'Timeline.OppositeContent';
+var OppositeContent = OppositeContentComponent;
 
 var _excluded$1 = ["icon", "surfaceColor"];
-var Item = React.forwardRef(function (_ref, ref) {
+var ItemComponent = React.forwardRef(function (_ref, ref) {
   var icon = _ref.icon,
       surfaceColor = _ref.surfaceColor,
       props = _objectWithoutProperties(_ref, _excluded$1);
@@ -1165,63 +1168,58 @@ var Item = React.forwardRef(function (_ref, ref) {
   var hasOppositeContent = false;
   React.Children.forEach(props.children, function (child) {
     if (child) {
-      if (child.type === Timeline.OppositeContent) {
+      if (child.type === OppositeContent) {
         hasOppositeContent = true;
       }
     }
   });
-  return React__default['default'].createElement(TimelineItemContext.Provider, {
+  return React__default["default"].createElement(TimelineItemContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledTimelineItem, _extends$3({
+  }, React__default["default"].createElement(StyledTimelineItem, _extends$3({
     ref: ref,
     isAlternate: isAlternate,
     hasOppositeContent: hasOppositeContent
   }, props)));
 });
-Item.displayName = 'Item';
+ItemComponent.displayName = 'Timeline.Item';
+var Item = ItemComponent;
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _circle;
 
-var _ref = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 6,
-  cy: 6,
-  r: 4.5,
-  fill: "none",
-  stroke: "currentColor"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgCircleFullStroke(props) {
+var SvgCircleFullStroke = function SvgCircleFullStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 6,
+    cy: 6,
+    r: 4.5,
+    fill: "none",
+    stroke: "currentColor"
+  })));
+};
 
-var Content = React.forwardRef(function (props, ref) {
+var ContentComponent = React.forwardRef(function (props, ref) {
   var _useTimelineItemConte = useTimelineItemContext(),
       icon = _useTimelineItemConte.icon,
       surfaceColor = _useTimelineItemConte.surfaceColor;
-  return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(StyledSeparator, null, React__default['default'].createElement(StyledItemIcon, {
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledSeparator, null, React__default["default"].createElement(StyledItemIcon, {
     surfaceColor: surfaceColor
-  }, icon || React__default['default'].createElement(SvgCircleFullStroke, null))), React__default['default'].createElement(StyledTimelineContent, _extends$3({
+  }, icon || React__default["default"].createElement(SvgCircleFullStroke, null))), React__default["default"].createElement(StyledTimelineContent, _extends$3({
     ref: ref
   }, props)));
 });
-Content.displayName = 'Content';
-
-var OppositeContent = React.forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledOppositeContent, _extends$3({
-    ref: ref
-  }, props));
-});
-OppositeContent.displayName = 'OppositeContent';
+ContentComponent.displayName = 'Timeline.Content';
+var Content = ContentComponent;
 
 var _excluded = ["isAlternate"];
-var Timeline = React.forwardRef(function (_ref, ref) {
+var TimelineComponent = React.forwardRef(function (_ref, ref) {
   var isAlternate = _ref.isAlternate,
       props = _objectWithoutProperties(_ref, _excluded);
   var value = React.useMemo(function () {
@@ -1229,16 +1227,17 @@ var Timeline = React.forwardRef(function (_ref, ref) {
       isAlternate: isAlternate
     };
   }, [isAlternate]);
-  return React__default['default'].createElement(TimelineContext.Provider, {
+  return React__default["default"].createElement(TimelineContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledTimeline, _extends$3({
+  }, React__default["default"].createElement(StyledTimeline, _extends$3({
     ref: ref
   }, props)));
 });
-Timeline.Item = Item;
+TimelineComponent.displayName = 'Timeline';
+var Timeline = TimelineComponent;
 Timeline.Content = Content;
+Timeline.Item = Item;
 Timeline.OppositeContent = OppositeContent;
-Timeline.displayName = 'Timeline';
 
 exports.Accordion = Accordion;
 exports.Stepper = Stepper;