@semcore/accordion 5.49.0-prerelease.0 → 5.49.0-prerelease.1

package/lib/es6/Accordion.js

@@ -2,47 +2,53 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { Collapse as CollapseAnimate, Flex } from '@semcore/base-components';
-import { createComponent, Component, sstyled, Root } from '@semcore/core';
-import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
-import ChevronRightL from '@semcore/icon/ChevronRight/l';
-import ChevronRightM from '@semcore/icon/ChevronRight/m';
-import { Text } from '@semcore/typography';
 import React from 'react';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
+import { Box, Flex } from '@semcore/flex-box';
+import { Collapse as CollapseAnimate } from '@semcore/animation';
+import { Text } from '@semcore/typography';
+import ChevronRightM from '@semcore/icon/ChevronRight/m';
+import ChevronRightL from '@semcore/icon/ChevronRight/l';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 /*!__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_hkpt8_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_.__use_hkpt8_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_._use_primary_hkpt8_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_._use_primary_hkpt8_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_hkpt8_gg_.__disabled_hkpt8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_hkpt8_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_hkpt8_gg_.__selected_hkpt8_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_hkpt8_gg_{transition:none}}", /*__inner_css_end__*/"hkpt8_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_iycv2_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_iycv2_gg_.__keyboardFocused_iycv2_gg_:not(._tabIndex_-1_iycv2_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));pointer-events:none;z-index:3}.___SItemToggle_iycv2_gg_.__use_iycv2_gg_.__use_iycv2_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_iycv2_gg_.__use_iycv2_gg_._use_primary_iycv2_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_iycv2_gg_.__use_iycv2_gg_._use_primary_iycv2_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_iycv2_gg_.__disabled_iycv2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_iycv2_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_iycv2_gg_.__selected_iycv2_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_iycv2_gg_{transition:none}}", /*__inner_css_end__*/"iycv2_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SItemToggle": "___SItemToggle_hkpt8_gg_",
-  "_use": "__use_hkpt8_gg_",
-  "_use_primary": "_use_primary_hkpt8_gg_",
-  "_disabled": "__disabled_hkpt8_gg_",
-  "__SItemChevron": "___SItemChevron_hkpt8_gg_",
-  "_selected": "__selected_hkpt8_gg_"
+  "__SItemToggle": "___SItemToggle_iycv2_gg_",
+  "_keyboardFocused": "__keyboardFocused_iycv2_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_iycv2_gg_",
+  "_use": "__use_iycv2_gg_",
+  "_use_primary": "_use_primary_iycv2_gg_",
+  "_disabled": "__disabled_iycv2_gg_",
+  "__SItemChevron": "___SItemChevron_iycv2_gg_",
+  "_selected": "__selected_iycv2_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
+  _inherits(RootAccordion, _Component);
+  var _super = _createSuper(RootAccordion);
   function RootAccordion() {
     var _this;
     _classCallCheck(this, RootAccordion);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, RootAccordion, [].concat(args));
-    _defineProperty(_this, "handleToggleInteraction", function (newValue) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleToggleInteraction", function (newValue) {
       var value = _this.asProps.value;
       if (Array.isArray(value)) {
         var indexOfNewValue = value.indexOf(newValue);
         var result = _toConsumableArray(value);
-        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
         _this.handlers.value(result);
       } else {
@@ -51,8 +57,7 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _inherits(RootAccordion, _Component);
-  return _createClass(RootAccordion, [{
+  _createClass(RootAccordion, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -82,6 +87,7 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement(Children, null);
     }
   }]);
+  return RootAccordion;
 }(Component);
 _defineProperty(RootAccordion, "displayName", 'Accordion');
 _defineProperty(RootAccordion, "style", style);
@@ -92,20 +98,20 @@ _defineProperty(RootAccordion, "defaultProps", {
 _defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
   variable: '--intergalactic-duration-accordion',
   fallback: '200',
-  map: function map(value) {
-    return "".concat(Number.parseInt(value));
-  },
+  map: Number.parseInt,
   prop: 'duration'
 })]);
 export var RootItem = /*#__PURE__*/function (_Component2) {
+  _inherits(RootItem, _Component2);
+  var _super2 = _createSuper(RootItem);
   function RootItem() {
     var _this2;
     _classCallCheck(this, RootItem);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _callSuper(this, RootItem, [].concat(args));
-    _defineProperty(_this2, "handleClick", function () {
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "handleClick", function () {
       var _this2$asProps = _this2.asProps,
         value = _this2$asProps.value,
         $handleInteraction = _this2$asProps.$handleInteraction;
@@ -113,13 +119,13 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
     });
     return _this2;
   }
-  _inherits(RootItem, _Component2);
-  return _createClass(RootItem, [{
+  _createClass(RootItem, [{
     key: "getToggleProps",
     value: function getToggleProps() {
       var _this$asProps2 = this.asProps,
         value = _this$asProps2.value,
         uid = _this$asProps2.uid,
+        selected = _this$asProps2.selected,
         disabled = _this$asProps2.disabled,
         use = _this$asProps2.use;
       return {
@@ -128,8 +134,7 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
         onClick: disabled ? undefined : this.handleClick,
         id: "igc-".concat(uid, "-").concat(value, "-toggle"),
         tag: 'h3',
-        size: 300,
-        tabIndex: disabled ? -1 : 0
+        size: 300
       };
     }
   }, {
@@ -142,7 +147,7 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
         disabled = _this$asProps3.disabled;
       return {
         disabled: disabled,
-        'id': "igc-".concat(uid, "-").concat(value, "-toggle-button"),
+        id: "igc-".concat(uid, "-").concat(value, "-toggle-button"),
         'aria-expanded': selected ? 'true' : 'false',
         'aria-controls': selected ? "igc-".concat(uid, "-").concat(value, "-collapse") : undefined
       };
@@ -158,8 +163,8 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
       return {
         selected: selected,
         duration: duration,
-        'id': "igc-".concat(uid, "-").concat(value, "-collapse"),
-        'role': 'region',
+        id: "igc-".concat(uid, "-").concat(value, "-collapse"),
+        role: 'region',
         'aria-labelledby': "igc-".concat(uid, "-").concat(value, "-toggle-button")
       };
     }
@@ -181,20 +186,23 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
       return /*#__PURE__*/React.createElement(Children, null);
     }
   }]);
+  return RootItem;
 }(Component);
 _defineProperty(RootItem, "displayName", 'Item');
 _defineProperty(RootItem, "style", style);
 _defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
 var Toggle = /*#__PURE__*/function (_Component3) {
+  _inherits(Toggle, _Component3);
+  var _super3 = _createSuper(Toggle);
   function Toggle() {
     var _this3;
     _classCallCheck(this, Toggle);
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-    _this3 = _callSuper(this, Toggle, [].concat(args));
-    _defineProperty(_this3, "toggleRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this3, "handleKeyDown", function (event) {
+    _this3 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "toggleRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "handleKeyDown", function (event) {
       if (event.key === 'Enter') {
         if (_this3.toggleRef.current === event.target) {
           event.currentTarget.click();
@@ -208,25 +216,26 @@ var Toggle = /*#__PURE__*/function (_Component3) {
     });
     return _this3;
   }
-  _inherits(Toggle, _Component3);
-  return _createClass(Toggle, [{
+  _createClass(Toggle, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps,
         _ref5;
       var _this$asProps6 = this.asProps,
         styles = _this$asProps6.styles,
+        disabled = _this$asProps6.disabled,
         use = _this$asProps6.use;
       var SItemToggle = Text;
       return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItemToggle, _ref5.cn("SItemToggle", _objectSpread({}, _assignProps({
         "use": use,
         "ref": this.toggleRef,
-        "innerOutline": true,
         "onKeyDown": this.handleKeyDown
       }, _ref))));
     }
   }]);
+  return Toggle;
 }(Component);
+_defineProperty(Toggle, "enhance", [keyboardFocusEnhance()]);
 function Chevron(props) {
   var _ref2 = arguments[0],
     _ref6;
@@ -239,10 +248,11 @@ function ToggleButton(props) {
   var _ref3 = arguments[0],
     _ref7;
   var styles = props.styles;
-  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(Flex, _assignProps3({
+  var SToggleButton = Flex;
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SToggleButton, _ref7.cn("SToggleButton", _objectSpread({}, _assignProps3(_objectSpread({
     "alignItems": 'center',
     "role": 'button'
-  }, _ref3));
+  }, props), _ref3))));
 }
 function Collapse(props) {
   var _ref4 = arguments[0];

package/lib/es6/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["Collapse","CollapseAnimate","Flex","createComponent","Component","sstyled","Root","uniqueIDEnhancement","cssVariableEnhance","ChevronRightL","ChevronRightM","Text","React","style","_sstyled","insert","RootAccordion","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_inherits","_createClass","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","tabIndex","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","getChevronProps","_this$asProps5","Toggle","_Component3","_this3","_len3","_key3","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","cn","_objectSpread","_assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","_assignProps2","ToggleButton","_ref3","_ref7","_assignProps3","_ref4","visible","_assignProps4","Item","Accordion","wrapAccordion","wrapper"],"sources":["../../src/Accordion.tsx"],"sourcesContent":["import { Collapse as CollapseAnimate, Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSAccordion } from './Accordion.type';\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<NSAccordion.Component>,\n  typeof RootAccordion.enhance,\n  NSAccordion.Handlers\n> {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n    use: 'secondary',\n  };\n\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: (value: string) => `${Number.parseInt(value)}`,\n      prop: 'duration',\n    }),\n  ] as const;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue: NSAccordion.Item.Props['value']) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }: NSAccordion.Item.Props) {\n    const { value: selectedValue, duration, use } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n\n    return {\n      selected,\n      duration,\n      use,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\nexport class RootItem extends Component<\n  Intergalactic.InternalTypings.InferChildComponentProps<NSAccordion.Item.Component, typeof RootAccordion, 'Item'>,\n  typeof RootItem.enhance\n> {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()] as const;\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, disabled, use } = this.asProps;\n    return {\n      use,\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      tag: 'h3',\n      size: 300,\n      tabIndex: disabled ? -1 : 0,\n    };\n  }\n\n  getToggleButtonProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      'id': `igc-${uid}-${value}-toggle-button`,\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      'id': `igc-${uid}-${value}-collapse`,\n      'role': 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component<\n  Intergalactic.InternalTypings.InferChildComponentProps<NSAccordion.Item.Toggle.Component, typeof RootItem, 'Toggle'>\n> {\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, use } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle use={use} ref={this.toggleRef} render={Text} innerOutline onKeyDown={this.handleKeyDown} />,\n    );\n  }\n}\n\nfunction Chevron(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    NSAccordion.Item.Chevron.Component,\n    typeof RootItem,\n    'Chevron'\n  >,\n) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    NSAccordion.Item.ToggleButton.Component,\n    typeof RootItem,\n    'ToggleButton'\n  >,\n) {\n  const { styles } = props;\n\n  return sstyled(styles)(\n    <Root render={Flex} alignItems='center' role='button' />,\n  );\n}\n\nfunction Collapse(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<\n    NSAccordion.Item.Collapse.Component,\n    typeof RootItem,\n    'Collapse'\n  >,\n) {\n  const { selected } = props;\n  const visible = selected;\n\n  return (\n    <Root\n      render={CollapseAnimate}\n      visible={visible}\n      interactive\n      inert={!visible ? '' : undefined}\n      aria-hidden={!visible}\n    />\n  );\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  ToggleButton,\n  Collapse,\n}) as NSAccordion.Item.Component;\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n}) as unknown as NSAccordion.Component;\n\nexport const wrapAccordion = <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<NSAccordion.WrapComponent>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n) => wrapper as NSAccordion.WrapComponent<PropsExtending>;\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","Collapse","CollapseAnimate","Text","ChevronRightM","ChevronRightL","keyboardFocusEnhance","uniqueIDEnhancement","cssVariableEnhance","style","_sstyled","insert","RootAccordion","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_createClass","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","role","getChevronProps","_this$asProps5","Toggle","_Component3","_super3","_this3","_len3","_key3","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","cn","_objectSpread","_assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","_assignProps2","ToggleButton","_ref3","_ref7","SToggleButton","_assignProps3","_ref4","visible","_assignProps4","Item","Accordion","wrapAccordion","wrapper"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n    use: 'secondary',\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration, use } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      use,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled, use } = this.asProps;\n    return {\n      use,\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      tag: 'h3',\n      size: 300,\n    };\n  }\n\n  getToggleButtonProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      id: `igc-${uid}-${value}-toggle-button`,\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, disabled, use } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle use={use} ref={this.toggleRef} render={Text} onKeyDown={this.handleKeyDown} />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n  const { styles } = props;\n\n  const SToggleButton = Root;\n  return sstyled(styles)(\n    <SToggleButton alignItems='center' render={Flex} role={'button'} {...props} />,\n  );\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  const visible = selected;\n\n  return (\n    <Root\n      render={CollapseAnimate}\n      visible={visible}\n      interactive\n      inert={!visible ? '' : undefined}\n      aria-hidden={!visible}\n    />\n  );\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  ToggleButton,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { CollapseProps } from '@semcore/animation';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {\n  /** Value for the active tab. Can be set as stroke, number, null or as array.\n   * @type AccordionValue\n   * */\n  value?: T;\n  /**\n   * Value of the active tabs selected by default\n   * @type AccordionValue\n   * @default []\n   */\n  defaultValue?: T;\n  /** Called when the selection is changed\n   * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n   * */\n  onChange?:\n    | ((value: T, event?: React.SyntheticEvent) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Animation duration of each Accordion.Item inside\n   * @default 350 */\n  duration?: number;\n\n  /**\n   * Changes the visual appearance of the component\n   * @default secondary\n   */\n  use?: 'primary' | 'secondary';\n};\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue>\n  extends AccordionProps<T> {}\n\n/** @deprecated */\nexport interface IAccordionContext extends AccordionContext, UnknownProperties {}\nexport type AccordionContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}\nexport type AccordionHandlers = {\n  value: (value: AccordionValue) => void;\n};\n\n/** @deprecated */\nexport interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}\nexport type AccordionItemProps = {\n  /** Tab value */\n  value: string | number;\n  /** Disabling selection changes */\n  disabled?: boolean;\n  /** Animation duration\n   * @default 350 */\n  duration?: number;\n};\n\n/** @deprecated */\nexport interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}\nexport type AccordionItemContext = {\n  getToggleProps?: PropGetterFn;\n  getCollapseProps?: PropGetterFn;\n  getChevronProps?: PropGetterFn;\n  selected?: boolean;\n};\n\nexport type AccordionItemToggleProps = BoxProps &\n  KeyboardFocusProps & {\n    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  };\nexport type ChevronItemProps = BoxProps & {\n  /**\n   * Chevron size\n   * @default m\n   */\n  size?: 'm' | 'l';\n};\n\ntype IntergalacticAccordionComponent<PropsExtending = {}> = (<\n  Value extends AccordionValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    AccordionProps<Value>,\n    AccordionContext & { value: Value },\n    [handlers: AccordionHandlers]\n  > &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;\n\ndeclare const Accordion: IntergalacticAccordionComponent & {\n  Item: Intergalactic.Component<\n    'div',\n    AccordionItemProps,\n    AccordionItemContext,\n    [handlers: AccordionHandlers]\n  > & {\n    Toggle: Intergalactic.Component<typeof Text, AccordionItemToggleProps>;\n    ToggleButton: Intergalactic.Component<typeof Flex, {}>;\n    Chevron: Intergalactic.Component<'div', ChevronItemProps>;\n    Collapse: Intergalactic.Component<'div', CollapseProps>;\n  };\n};\n\ndeclare const wrapAccordion: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticAccordionComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticAccordionComponent<PropsExtending>;\nexport { wrapAccordion };\n\nexport default Accordion;\n"],"mappings":""}

package/lib/es6/index.js

@@ -1,3 +1,3 @@
-export { default, wrapAccordion } from './Accordion';
-export * from './Accordion.type';
+export { default } from './Accordion';
+export * from './Accordion';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","wrapAccordion"],"sources":["../../src/index.ts"],"sourcesContent":["export { default, wrapAccordion } from './Accordion';\nexport * from './Accordion.type';\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,aAAa,QAAQ,aAAa;AACpD,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Accordion';\nexport * from './Accordion';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa;AACrC,cAAc,aAAa"}

package/lib/es6/style/accordion.shadow.css

@@ -6,6 +6,15 @@ SItemToggle {
   outline: 0;
 }
 
+SItemToggle[keyboardFocused]:not([tabIndex='-1'])::after {
+  position: absolute;
+  display: block;
+  content: '';
+  inset: 3px;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
+  pointer-events: none;
+  z-index: 3;
+}
 SItemToggle[use][use] {
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
   font-weight: var(--intergalactic-regular, 400);
@@ -25,7 +34,6 @@ SItemToggle[disabled] {
 }
 
 SItemChevron {
-  margin-right: var(--intergalactic-spacing-2x, 8px);
   transform: rotate(0deg);
   transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
   fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));

package/lib/esm/Accordion.mjs

@@ -2,44 +2,52 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
-import { Flex, Collapse as Collapse$1 } from "@semcore/base-components";
-import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
-import ChevronRightL from "@semcore/icon/ChevronRight/l";
-import ChevronRightM from "@semcore/icon/ChevronRight/m";
-import { Text } from "@semcore/typography";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { Component, sstyled as sstyled$1, assignProps } from "@semcore/core";
 import React from "react";
+import { Flex } from "@semcore/flex-box";
+import { Collapse as Collapse$1 } from "@semcore/animation";
+import { Text } from "@semcore/typography";
+import ChevronRightM from "@semcore/icon/ChevronRight/m";
+import ChevronRightL from "@semcore/icon/ChevronRight/l";
+import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import { cssVariableEnhance } from "@semcore/utils/lib/useCssVariable";
 /*!__reshadow-styles__:"./style/accordion.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SItemToggle_hkpt8_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_.__use_hkpt8_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_._use_primary_hkpt8_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_._use_primary_hkpt8_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_hkpt8_gg_.__disabled_hkpt8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_hkpt8_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_hkpt8_gg_.__selected_hkpt8_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_hkpt8_gg_{transition:none}}",
+    '.___SItemToggle_iycv2_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_iycv2_gg_.__keyboardFocused_iycv2_gg_:not(._tabIndex_-1_iycv2_gg_)::after{position:absolute;display:block;content:"";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));pointer-events:none;z-index:3}.___SItemToggle_iycv2_gg_.__use_iycv2_gg_.__use_iycv2_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_iycv2_gg_.__use_iycv2_gg_._use_primary_iycv2_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_iycv2_gg_.__use_iycv2_gg_._use_primary_iycv2_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_iycv2_gg_.__disabled_iycv2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_iycv2_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_iycv2_gg_.__selected_iycv2_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_iycv2_gg_{transition:none}}',
     /*__inner_css_end__*/
-    "hkpt8_gg_"
+    "iycv2_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SItemToggle": "___SItemToggle_hkpt8_gg_",
-    "_use": "__use_hkpt8_gg_",
-    "_use_primary": "_use_primary_hkpt8_gg_",
-    "_disabled": "__disabled_hkpt8_gg_",
-    "__SItemChevron": "___SItemChevron_hkpt8_gg_",
-    "_selected": "__selected_hkpt8_gg_"
+    "__SItemToggle": "___SItemToggle_iycv2_gg_",
+    "_keyboardFocused": "__keyboardFocused_iycv2_gg_",
+    "_tabIndex_-1": "_tabIndex_-1_iycv2_gg_",
+    "_use": "__use_iycv2_gg_",
+    "_use_primary": "_use_primary_iycv2_gg_",
+    "_disabled": "__disabled_iycv2_gg_",
+    "__SItemChevron": "___SItemChevron_iycv2_gg_",
+    "_selected": "__selected_iycv2_gg_"
   })
 );
-var RootAccordion = /* @__PURE__ */ (function(_Component) {
+var RootAccordion = /* @__PURE__ */ function(_Component) {
+  _inherits(RootAccordion2, _Component);
+  var _super = _createSuper(RootAccordion2);
   function RootAccordion2() {
     var _this;
     _classCallCheck(this, RootAccordion2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, RootAccordion2, [].concat(args));
-    _defineProperty(_this, "handleToggleInteraction", function(newValue) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleToggleInteraction", function(newValue) {
       var value = _this.asProps.value;
       if (Array.isArray(value)) {
         var indexOfNewValue = value.indexOf(newValue);
@@ -52,8 +60,7 @@ var RootAccordion = /* @__PURE__ */ (function(_Component) {
     });
     return _this;
   }
-  _inherits(RootAccordion2, _Component);
-  return _createClass(RootAccordion2, [{
+  _createClass(RootAccordion2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -80,7 +87,8 @@ var RootAccordion = /* @__PURE__ */ (function(_Component) {
       return /* @__PURE__ */ React.createElement(Children, null);
     }
   }]);
-})(Component);
+  return RootAccordion2;
+}(Component);
 _defineProperty(RootAccordion, "displayName", "Accordion");
 _defineProperty(RootAccordion, "style", style);
 _defineProperty(RootAccordion, "defaultProps", {
@@ -90,38 +98,38 @@ _defineProperty(RootAccordion, "defaultProps", {
 _defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
   variable: "--intergalactic-duration-accordion",
   fallback: "200",
-  map: function map(value) {
-    return "".concat(Number.parseInt(value));
-  },
+  map: Number.parseInt,
   prop: "duration"
 })]);
-var RootItem = /* @__PURE__ */ (function(_Component2) {
+var RootItem = /* @__PURE__ */ function(_Component2) {
+  _inherits(RootItem2, _Component2);
+  var _super2 = _createSuper(RootItem2);
   function RootItem2() {
     var _this2;
     _classCallCheck(this, RootItem2);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _callSuper(this, RootItem2, [].concat(args));
-    _defineProperty(_this2, "handleClick", function() {
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "handleClick", function() {
       var _this2$asProps = _this2.asProps, value = _this2$asProps.value, $handleInteraction = _this2$asProps.$handleInteraction;
       $handleInteraction(value);
     });
     return _this2;
   }
-  _inherits(RootItem2, _Component2);
-  return _createClass(RootItem2, [{
+  _createClass(RootItem2, [{
     key: "getToggleProps",
     value: function getToggleProps() {
-      var _this$asProps2 = this.asProps, value = _this$asProps2.value, uid = _this$asProps2.uid, disabled = _this$asProps2.disabled, use = _this$asProps2.use;
+      var _this$asProps2 = this.asProps, value = _this$asProps2.value, uid = _this$asProps2.uid;
+      _this$asProps2.selected;
+      var disabled = _this$asProps2.disabled, use = _this$asProps2.use;
       return {
         use,
         disabled,
         onClick: disabled ? void 0 : this.handleClick,
         id: "igc-".concat(uid, "-").concat(value, "-toggle"),
         tag: "h3",
-        size: 300,
-        tabIndex: disabled ? -1 : 0
+        size: 300
       };
     }
   }, {
@@ -130,7 +138,7 @@ var RootItem = /* @__PURE__ */ (function(_Component2) {
       var _this$asProps3 = this.asProps, value = _this$asProps3.value, uid = _this$asProps3.uid, selected = _this$asProps3.selected, disabled = _this$asProps3.disabled;
       return {
         disabled,
-        "id": "igc-".concat(uid, "-").concat(value, "-toggle-button"),
+        id: "igc-".concat(uid, "-").concat(value, "-toggle-button"),
         "aria-expanded": selected ? "true" : "false",
         "aria-controls": selected ? "igc-".concat(uid, "-").concat(value, "-collapse") : void 0
       };
@@ -142,8 +150,8 @@ var RootItem = /* @__PURE__ */ (function(_Component2) {
       return {
         selected,
         duration,
-        "id": "igc-".concat(uid, "-").concat(value, "-collapse"),
-        "role": "region",
+        id: "igc-".concat(uid, "-").concat(value, "-collapse"),
+        role: "region",
         "aria-labelledby": "igc-".concat(uid, "-").concat(value, "-toggle-button")
       };
     }
@@ -163,20 +171,23 @@ var RootItem = /* @__PURE__ */ (function(_Component2) {
       return /* @__PURE__ */ React.createElement(Children, null);
     }
   }]);
-})(Component);
+  return RootItem2;
+}(Component);
 _defineProperty(RootItem, "displayName", "Item");
 _defineProperty(RootItem, "style", style);
 _defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
-var Toggle = /* @__PURE__ */ (function(_Component3) {
+var Toggle = /* @__PURE__ */ function(_Component3) {
+  _inherits(Toggle2, _Component3);
+  var _super3 = _createSuper(Toggle2);
   function Toggle2() {
     var _this3;
     _classCallCheck(this, Toggle2);
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
-    _this3 = _callSuper(this, Toggle2, [].concat(args));
-    _defineProperty(_this3, "toggleRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this3, "handleKeyDown", function(event) {
+    _this3 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this3), "toggleRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "handleKeyDown", function(event) {
       if (event.key === "Enter") {
         if (_this3.toggleRef.current === event.target) {
           event.currentTarget.click();
@@ -190,35 +201,38 @@ var Toggle = /* @__PURE__ */ (function(_Component3) {
     });
     return _this3;
   }
-  _inherits(Toggle2, _Component3);
-  return _createClass(Toggle2, [{
+  _createClass(Toggle2, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps, _ref5;
-      var _this$asProps6 = this.asProps, styles = _this$asProps6.styles, use = _this$asProps6.use;
+      var _this$asProps6 = this.asProps, styles = _this$asProps6.styles;
+      _this$asProps6.disabled;
+      var use = _this$asProps6.use;
       var SItemToggle = Text;
-      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SItemToggle, _ref5.cn("SItemToggle", _objectSpread({}, assignProps({
+      return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SItemToggle, _ref5.cn("SItemToggle", _objectSpread({}, assignProps({
         "use": use,
         "ref": this.toggleRef,
-        "innerOutline": true,
         "onKeyDown": this.handleKeyDown
       }, _ref))));
     }
   }]);
-})(Component);
+  return Toggle2;
+}(Component);
+_defineProperty(Toggle, "enhance", [keyboardFocusEnhance()]);
 function Chevron(props) {
   var _ref2 = arguments[0], _ref6;
   var styles = props.styles, size = props.size;
   var SItemChevron = size === "l" ? ChevronRightL : ChevronRightM;
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SItemChevron, _ref6.cn("SItemChevron", _objectSpread({}, assignProps({}, _ref2))));
+  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SItemChevron, _ref6.cn("SItemChevron", _objectSpread({}, assignProps({}, _ref2))));
 }
 function ToggleButton(props) {
   var _ref3 = arguments[0], _ref7;
   var styles = props.styles;
-  return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(Flex, assignProps({
+  var SToggleButton = Flex;
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SToggleButton, _ref7.cn("SToggleButton", _objectSpread({}, assignProps(_objectSpread({
     "alignItems": "center",
     "role": "button"
-  }, _ref3));
+  }, props), _ref3))));
 }
 function Collapse(props) {
   var _ref4 = arguments[0];

package/lib/esm/index.mjs

@@ -1,6 +1,6 @@
-import { default as default2, wrapAccordion } from "./Accordion.mjs";
-import "./Accordion.type.mjs";
+import { RootItem, default as default2, wrapAccordion } from "./Accordion.mjs";
 export {
+  RootItem,
   default2 as default,
   wrapAccordion
 };