@consta/uikit 3.28.0 → 4.0.0

package/__internal__/src/components/Collapse/Collapse.css

@@ -1,165 +1 @@
-.Collapse {
-  --horizontal-space: 0;
-}
-
-  .Collapse_size_2xs {
-      --vertical-space: var(--space-2xs);
-      --elements-offset: var(--space-xs);
-      --body-offset-up: var(--space-2xs);
-      --body-offset-bottom: var(--space-xs);
-    }
-
-  .Collapse_size_xs {
-      --vertical-space: var(--space-2xs);
-      --elements-offset: var(--space-xs);
-      --body-offset-up: var(--space-2xs);
-      --body-offset-bottom: var(--space-xs);
-    }
-
-  .Collapse_size_s {
-      --vertical-space: var(--space-xs);
-      --elements-offset: var(--space-xs);
-      --body-offset-up: var(--space-xs);
-      --body-offset-bottom: var(--space-m);
-    }
-
-  .Collapse_size_m {
-      --vertical-space: var(--space-s);
-      --elements-offset: var(--space-s);
-      --body-offset-up: var(--space-s);
-      --body-offset-bottom: var(--space-xl);
-    }
-
-  .Collapse_size_l {
-      --vertical-space: var(--space-s);
-      --elements-offset: var(--space-s);
-      --body-offset-up: var(--space-s);
-      --body-offset-bottom: var(--space-xl);
-    }
-
-  .Collapse_horizontalSpace_3xs {
-      --horizontal-space: var(--space-3xs);
-    }
-
-  .Collapse_horizontalSpace_2xs {
-      --horizontal-space: var(--space-2xs);
-    }
-
-  .Collapse_horizontalSpace_xs {
-      --horizontal-space: var(--space-xs);
-    }
-
-  .Collapse_horizontalSpace_s {
-      --horizontal-space: var(--space-s);
-    }
-
-  .Collapse_horizontalSpace_m {
-      --horizontal-space: var(--space-m);
-    }
-
-  .Collapse_horizontalSpace_l {
-      --horizontal-space: var(--space-l);
-    }
-
-  .Collapse_horizontalSpace_xl {
-      --horizontal-space: var(--space-xl);
-    }
-
-  .Collapse_horizontalSpace_2xl {
-      --horizontal-space: var(--space-2xl);
-    }
-
-  .Collapse_horizontalSpace_3xl {
-      --horizontal-space: var(--space-3xl);
-    }
-
-  .Collapse_horizontalSpace_4xl {
-      --horizontal-space: var(--space-4xl);
-    }
-
-  .Collapse_horizontalSpace_5xl {
-      --horizontal-space: var(--space-5xl);
-    }
-
-  .Collapse_horizontalSpace_6xl {
-      --horizontal-space: var(--space-6xl);
-    }
-
-  .Collapse_view_secondary {
-      color: var(--color-typo-secondary);
-    }
-
-  .Collapse-Label {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: row;
-            flex-direction: row;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    padding: var(--vertical-space) var(--horizontal-space);
-    cursor: pointer;
-    -webkit-transition: background 0.3s;
-    transition: background 0.3s;
-  }
-
-  .Collapse-Label_hoverEffect:hover {
-        background: var(--color-control-bg-clear-hover);
-      }
-
-  .Collapse-Label_iconPosition_right {
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: reverse;
-            -ms-flex-direction: row-reverse;
-                flex-direction: row-reverse;
-      }
-
-  .Collapse-Body {
-    overflow: hidden;
-    max-height: 0;
-    -webkit-transition: max-height 0.3s;
-    transition: max-height 0.3s;
-    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.5, 1);
-            transition-timing-function: cubic-bezier(0.7, 0, 0.5, 1);
-  }
-
-  .Collapse-Body_isOpen {
-      max-height: 200vh;
-    }
-
-  .Collapse-Body_divider {
-      border-bottom: 1px solid var(--color-bg-border);
-    }
-
-  .Collapse-Side {
-    margin-left: var(--elements-offset);
-    line-height: 0;
-  }
-
-  .Collapse-Content {
-    padding: var(--body-offset-up) var(--horizontal-space) var(--body-offset-bottom)
-      var(--horizontal-space);
-  }
-
-  .Collapse-Icon {
-    -webkit-box-flex: 0;
-        -ms-flex: none;
-            flex: none;
-  }
-
-  .Collapse-Icon_position_left {
-        margin-right: var(--elements-offset);
-      }
-
-  .Collapse-Icon_position_right {
-        margin-left: var(--elements-offset);
-      }
-
-  .Collapse-LabelText {
-    -webkit-box-flex: 1;
-        -ms-flex: 1;
-            flex: 1;
-  }
+.Collapse{--horizontal-space:0}.Collapse_size_2xs,.Collapse_size_xs{--vertical-space:var(--space-2xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-2xs);--body-offset-bottom:var(--space-xs)}.Collapse_size_s{--vertical-space:var(--space-xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-xs);--body-offset-bottom:var(--space-m)}.Collapse_size_l,.Collapse_size_m{--vertical-space:var(--space-s);--elements-offset:var(--space-s);--body-offset-up:var(--space-s);--body-offset-bottom:var(--space-xl)}.Collapse_horizontalSpace_3xs{--horizontal-space:var(--space-3xs)}.Collapse_horizontalSpace_2xs{--horizontal-space:var(--space-2xs)}.Collapse_horizontalSpace_xs{--horizontal-space:var(--space-xs)}.Collapse_horizontalSpace_s{--horizontal-space:var(--space-s)}.Collapse_horizontalSpace_m{--horizontal-space:var(--space-m)}.Collapse_horizontalSpace_l{--horizontal-space:var(--space-l)}.Collapse_horizontalSpace_xl{--horizontal-space:var(--space-xl)}.Collapse_horizontalSpace_2xl{--horizontal-space:var(--space-2xl)}.Collapse_horizontalSpace_3xl{--horizontal-space:var(--space-3xl)}.Collapse_horizontalSpace_4xl{--horizontal-space:var(--space-4xl)}.Collapse_horizontalSpace_5xl{--horizontal-space:var(--space-5xl)}.Collapse_horizontalSpace_6xl{--horizontal-space:var(--space-6xl)}.Collapse_view_secondary{color:var(--color-typo-secondary)}.Collapse-Label{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:var(--vertical-space) var(--horizontal-space);transition:background .3s}.Collapse-Label_hoverEffect:hover{background:var(--color-control-bg-clear-hover)}.Collapse-Label_iconPosition_right{flex-direction:row-reverse}.Collapse-Body{max-height:0;overflow:hidden;transition:max-height .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.Collapse-Body_isOpen{max-height:200vh}.Collapse-Body_divider{border-bottom:1px solid var(--color-bg-border)}.Collapse-Side{line-height:0;margin-left:var(--elements-offset)}.Collapse-Content{padding:var(--body-offset-up) var(--horizontal-space) var(--body-offset-bottom) var(--horizontal-space)}.Collapse-Icon{flex:none}.Collapse-Icon_position_left{margin-right:var(--elements-offset)}.Collapse-Icon_position_right{margin-left:var(--elements-offset)}.Collapse-LabelText{flex:1}

package/__internal__/src/components/Collapse/Collapse.js

@@ -1,60 +1,2 @@
-import { __assign, __read, __rest, __spread } from "tslib";
-import './Collapse.css';
-import React, { useRef } from 'react';
-import { useForkRef } from '../../hooks/useForkRef/useForkRef';
-import { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';
-import { cn } from '../../utils/bem';
-import { getByMap } from '../../utils/getByMap';
-import { usePropsHandler } from '../EventInterceptor/usePropsHandler';
-import { Text } from '../Text/Text';
-import { CollapseIcon, collapseIconPropDirection, } from './CollapseIcon/CollapseIcon';
-export var collapsePropSize = ['m', 'l', 's', 'xs', '2xs'];
-export var collapsePropSizeDefault = collapsePropSize[0];
-export var collapsePropView = ['primary', 'secondary'];
-export var collapsePropViewDefault = collapsePropView[0];
-export var collapsePropHorizontalSpace = [
-    '3xs',
-    '6xl',
-    '5xl',
-    '4xl',
-    '3xl',
-    '2xl',
-    'xl',
-    'l',
-    'm',
-    's',
-    'xs',
-    '2xs',
-];
-export var collapsePropIconPosition = ['left', 'right'];
-export var collapsePropIconPositionDefault = collapsePropIconPosition[0];
-export var collapsePropDirectionIcon = collapseIconPropDirection;
-export var collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];
-export var collapsePropCloseDirectionIconDefault = collapsePropDirectionIcon[2];
-export var COMPONENT_NAME = 'Collapse';
-export var cnCollapse = cn('Collapse');
-export var sizeIconMap = {
-    '2xs': 'xs',
-    'xs': 'xs',
-    's': 'xs',
-    'm': 's',
-    'l': 's'
-};
-function renderSide(side) {
-    var sides = side ? __spread((Array.isArray(side) ? side : [side])) : [];
-    return sides.map(function (item, index) { return (React.createElement("div", { className: cnCollapse('Side'), key: index }, item)); });
-}
-export var Collapse = React.forwardRef(function (props, ref) {
-    var collapseRef = useRef(null);
-    var _a = usePropsHandler(COMPONENT_NAME, props, collapseRef), label = _a.label, _b = _a.size, size = _b === void 0 ? collapsePropSizeDefault : _b, _c = _a.view, view = _c === void 0 ? collapsePropViewDefault : _c, className = _a.className, isOpen = _a.isOpen, children = _a.children, hoverEffect = _a.hoverEffect, divider = _a.divider, _d = _a.icon, icon = _d === void 0 ? IconArrowDown : _d, closeIcon = _a.closeIcon, rightSide = _a.rightSide, horizontalSpace = _a.horizontalSpace, _e = _a.iconPosition, iconPosition = _e === void 0 ? collapsePropIconPositionDefault : _e, _f = _a.directionIcon, directionIcon = _f === void 0 ? collapsePropDirectionIconDefault : _f, _g = _a.closeDirectionIcon, closeDirectionIcon = _g === void 0 ? collapsePropCloseDirectionIconDefault : _g, style = _a.style, otherProps = __rest(_a, ["label", "size", "view", "className", "isOpen", "children", "hoverEffect", "divider", "icon", "closeIcon", "rightSide", "horizontalSpace", "iconPosition", "directionIcon", "closeDirectionIcon", "style"]);
-    return (React.createElement("div", { ref: useForkRef([ref, collapseRef]), className: cnCollapse({ size: size, view: view, horizontalSpace: horizontalSpace }, [className]), style: style },
-        React.createElement("div", __assign({ className: cnCollapse('Label', {
-                hoverEffect: hoverEffect,
-                iconPosition: iconPosition
-            }) }, otherProps),
-            React.createElement(CollapseIcon, { className: cnCollapse('Icon', { position: iconPosition }), size: getByMap(sizeIconMap, size), icon: icon, closeIcon: closeIcon, isOpen: isOpen, direction: directionIcon, closeDirection: closeDirectionIcon }),
-            React.createElement(Text, { className: cnCollapse('LabelText'), view: view, size: size }, label),
-            iconPosition === 'left' && renderSide(rightSide)),
-        React.createElement("div", { className: cnCollapse('Body', { isOpen: isOpen, divider: divider }) },
-            React.createElement("div", { className: cnCollapse('Content') }, children))));
-});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style"];import"./Collapse.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon,collapseIconPropDirection}from"./CollapseIcon/CollapseIcon";export var collapsePropSize=["m","l","s","xs","2xs"];export var collapsePropSizeDefault=collapsePropSize[0];export var collapsePropView=["primary","secondary"];export var collapsePropViewDefault=collapsePropView[0];export var collapsePropHorizontalSpace=["3xs","6xl","5xl","4xl","3xl","2xl","xl","l","m","s","xs","2xs"];export var collapsePropIconPosition=["left","right"];export var collapsePropIconPositionDefault=collapsePropIconPosition[0];export var collapsePropDirectionIcon=collapseIconPropDirection;export var collapsePropDirectionIconDefault=collapsePropDirectionIcon[0];export var collapsePropCloseDirectionIconDefault=collapsePropDirectionIcon[2];export var COMPONENT_NAME="Collapse";export var cnCollapse=cn("Collapse");export var sizeIconMap={"2xs":"xs",xs:"xs",s:"xs",m:"s",l:"s"};function renderSide(a){var b=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];return b.map(function(a,b){return React.createElement("div",{className:cnCollapse("Side"),key:b},a)})}export var Collapse=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.label,f=d.size,g=void 0===f?collapsePropSizeDefault:f,h=d.view,i=void 0===h?collapsePropViewDefault:h,j=d.className,k=d.isOpen,l=d.children,m=d.hoverEffect,n=d.divider,o=d.icon,p=void 0===o?IconArrowDown:o,q=d.closeIcon,r=d.rightSide,s=d.horizontalSpace,t=d.iconPosition,u=void 0===t?collapsePropIconPositionDefault:t,v=d.directionIcon,w=void 0===v?collapsePropDirectionIconDefault:v,x=d.closeDirectionIcon,y=void 0===x?collapsePropCloseDirectionIconDefault:x,z=d.style,A=_objectWithoutProperties(d,_excluded);return React.createElement("div",{ref:useForkRef([b,c]),className:cnCollapse({size:g,view:i,horizontalSpace:s},[j]),style:z},React.createElement("div",Object.assign({className:cnCollapse("Label",{hoverEffect:m,iconPosition:u})},A),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:u}),size:getByMap(sizeIconMap,g),icon:p,closeIcon:q,isOpen:k,direction:w,closeDirection:y}),React.createElement(Text,{className:cnCollapse("LabelText"),view:i,size:g},e),"left"===u&&renderSide(r)),React.createElement("div",{className:cnCollapse("Body",{isOpen:k,divider:n})},React.createElement("div",{className:cnCollapse("Content")},l)))});
+//# sourceMappingURL=Collapse.js.map

package/__internal__/src/components/Collapse/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","names":["React","useRef","useForkRef","IconArrowDown","cn","getByMap","usePropsHandler","Text","CollapseIcon","collapseIconPropDirection","collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault","COMPONENT_NAME","cnCollapse","sizeIconMap","renderSide","side","sides","Array","isArray","map","item","index","Collapse","forwardRef","props","ref","collapseRef","label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Text } from '../Text/Text';\nimport {\n  CollapseIcon,\n  CollapseIconPropDirection,\n  collapseIconPropDirection,\n} from './CollapseIcon/CollapseIcon';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropView = ['primary', 'secondary'] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n  '3xs',\n  '6xl',\n  '5xl',\n  '4xl',\n  '3xl',\n  '2xl',\n  'xl',\n  'l',\n  'm',\n  's',\n  'xs',\n  '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n  typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n  collapsePropDirectionIcon[2];\n\nexport const COMPONENT_NAME = 'Collapse' as const;\n\ntype CollapseProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: CollapsePropSize;\n    icon?: IconComponent;\n    view?: CollapsePropView;\n    divider?: boolean;\n    label: string;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    isOpen?: boolean;\n  } & (\n    | {\n        closeIcon?: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          rightSide?: React.ReactNode;\n        }\n      | {\n          iconPosition?: 'right';\n          rightSide?: never;\n        }\n    ),\n  HTMLDivElement\n>;\n\ntype Collapse = (props: CollapseProps) => React.ReactElement | null;\n\nexport const cnCollapse = cn('Collapse');\n\nexport const sizeIconMap: Record<CollapsePropSize, IconPropSize> = {\n  '2xs': 'xs',\n  'xs': 'xs',\n  's': 'xs',\n  'm': 's',\n  'l': 's',\n};\n\nfunction renderSide(side: React.ReactNode): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  return sides.map((item, index) => (\n    <div className={cnCollapse('Side')} key={index}>\n      {item}\n    </div>\n  ));\n}\n\nexport const Collapse: Collapse = React.forwardRef<\n  HTMLDivElement,\n  CollapseProps\n>((props, ref) => {\n  const collapseRef = useRef<HTMLDivElement>(null);\n\n  const {\n    label,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    className,\n    isOpen,\n    children,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    rightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, collapseRef);\n\n  return (\n    <div\n      ref={useForkRef([ref, collapseRef])}\n      className={cnCollapse({ size, view, horizontalSpace }, [className])}\n      style={style}\n    >\n      <div\n        className={cnCollapse('Label', {\n          hoverEffect,\n          iconPosition,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={getByMap(sizeIconMap, size)}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n        />\n        <Text className={cnCollapse('LabelText')} view={view} size={size}>\n          {label}\n        </Text>\n        {iconPosition === 'left' && renderSide(rightSide)}\n      </div>\n      <div className={cnCollapse('Body', { isOpen, divider })}>\n        <div className={cnCollapse('Content')}>{children}</div>\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.css

@@ -1,128 +1 @@
-.CollapseIcon {
-  color: var(--color-typo-primary);
-  -webkit-transition: -webkit-transform 0.3s;
-  transition: -webkit-transform 0.3s;
-  transition: transform 0.3s;
-  transition: transform 0.3s, -webkit-transform 0.3s;
-  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.5, 1);
-          transition-timing-function: cubic-bezier(0.7, 0, 0.5, 1);
-  -webkit-transform: var(--direction-transform);
-          transform: var(--direction-transform);
-}
-
-  .CollapseIcon_direction_up {
-      --direction-transform: rotate(0deg);
-    }
-
-  .CollapseIcon_direction_right {
-      --direction-transform: rotate(90deg);
-    }
-
-  .CollapseIcon_direction_down {
-      --direction-transform: rotate(180deg);
-    }
-
-  .CollapseIcon_direction_left {
-      --direction-transform: rotate(270deg);
-    }
-
-  .CollapseIcon_direction_upRight {
-      --direction-transform: rotate(45deg);
-    }
-
-  .CollapseIcon_direction_downRight {
-      --direction-transform: rotate(135deg);
-    }
-
-  .CollapseIcon_direction_downLeft {
-      --direction-transform: rotate(225deg);
-    }
-
-  .CollapseIcon_direction_upLeft {
-      --direction-transform: rotate(315deg);
-    }
-
-  .CollapseIcon_closeDirection_up {
-      --close-direction-transform: rotate(0deg);
-    }
-
-  .CollapseIcon_closeDirection_right {
-      --close-direction-transform: rotate(90deg);
-    }
-
-  .CollapseIcon_closeDirection_down {
-      --close-direction-transform: rotate(180deg);
-    }
-
-  .CollapseIcon_closeDirection_left {
-      --close-direction-transform: rotate(270deg);
-    }
-
-  .CollapseIcon_closeDirection_upRight {
-      --close-direction-transform: rotate(45deg);
-    }
-
-  .CollapseIcon_closeDirection_downRight {
-      --close-direction-transform: rotate(135deg);
-    }
-
-  .CollapseIcon_closeDirection_downLeft {
-      --close-direction-transform: rotate(225deg);
-    }
-
-  .CollapseIcon_closeDirection_upLeft {
-      --close-direction-transform: rotate(315deg);
-    }
-
-  .CollapseIcon_isOpen {
-    -webkit-transform: var(--close-direction-transform);
-            transform: var(--close-direction-transform);
-  }
-
-  .CollapseIcon_withCloseIcon {
-    position: absolute;
-    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-    transition: opacity 0.3s, -webkit-transform 0.3s;
-    transition: transform 0.3s, opacity 0.3s;
-    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-  }
-
-  .CollapseIcon_animate_enter {
-      opacity: 0;
-      -webkit-transform: scale(0.1);
-              transform: scale(0.1);
-    }
-
-  .CollapseIcon_animate_enterActive {
-      opacity: 1;
-      -webkit-transform: scale(1);
-              transform: scale(1);
-    }
-
-  .CollapseIcon_animate_enterDone {
-      opacity: 1;
-      -webkit-transform: scale(1);
-              transform: scale(1);
-    }
-
-  .CollapseIcon_animate_exit {
-      opacity: 1;
-      -webkit-transform: scale(1);
-              transform: scale(1);
-    }
-
-  .CollapseIcon_animate_exitActive {
-      opacity: 0;
-      -webkit-transform: scale(0.1);
-              transform: scale(0.1);
-    }
-
-  .CollapseIcon_animate_exitDone {
-      opacity: 0;
-      -webkit-transform: scale(0.1);
-              transform: scale(0.1);
-    }
-
-  .CollapseIcon-Wrapper {
-    position: relative;
-  }
+.CollapseIcon{color:var(--color-typo-primary);transform:var(--direction-transform);transition:transform .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.CollapseIcon_direction_up{--direction-transform:rotate(0deg)}.CollapseIcon_direction_right{--direction-transform:rotate(90deg)}.CollapseIcon_direction_down{--direction-transform:rotate(180deg)}.CollapseIcon_direction_left{--direction-transform:rotate(270deg)}.CollapseIcon_direction_upRight{--direction-transform:rotate(45deg)}.CollapseIcon_direction_downRight{--direction-transform:rotate(135deg)}.CollapseIcon_direction_downLeft{--direction-transform:rotate(225deg)}.CollapseIcon_direction_upLeft{--direction-transform:rotate(315deg)}.CollapseIcon_closeDirection_up{--close-direction-transform:rotate(0deg)}.CollapseIcon_closeDirection_right{--close-direction-transform:rotate(90deg)}.CollapseIcon_closeDirection_down{--close-direction-transform:rotate(180deg)}.CollapseIcon_closeDirection_left{--close-direction-transform:rotate(270deg)}.CollapseIcon_closeDirection_upRight{--close-direction-transform:rotate(45deg)}.CollapseIcon_closeDirection_downRight{--close-direction-transform:rotate(135deg)}.CollapseIcon_closeDirection_downLeft{--close-direction-transform:rotate(225deg)}.CollapseIcon_closeDirection_upLeft{--close-direction-transform:rotate(315deg)}.CollapseIcon_isOpen{transform:var(--close-direction-transform)}.CollapseIcon_animate_entered,.CollapseIcon_animate_entering{opacity:1;transform:scale(1)}.CollapseIcon_animate_exited,.CollapseIcon_animate_exiting{opacity:0;transform:scale(.1)}.CollapseIcon_animate_entered,.CollapseIcon_animate_entering,.CollapseIcon_animate_exiting{position:absolute;transition:transform .3s,opacity .3s}.CollapseIcon-Wrapper{position:relative}

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.d.ts

@@ -1,7 +1,7 @@
 import './CollapseIcon.css';
 import React from 'react';
-import { IconProps, IconPropSize } from '../../../icons/Icon/Icon';
-import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
+import { IconProps, IconPropSize } from "../../../icons/Icon";
+import { PropsWithHTMLAttributes } from "../../../utils/types/PropsWithHTMLAttributes";
 export declare const collapseIconPropDirection: readonly ["up", "right", "down", "left", "upRight", "downRight", "upLeft", "downLeft"];
 export declare type CollapseIconPropDirection = typeof collapseIconPropDirection[number];
 export declare type CollapseIconProps = PropsWithHTMLAttributes<{

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js

@@ -1,33 +1,2 @@
-import { __assign, __rest } from "tslib";
-import './CollapseIcon.css';
-import React, { useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { cnIcon } from '../../../icons/Icon/Icon';
-import { cn } from '../../../utils/bem';
-import { cnForCssTransition } from '../../../utils/cnForCssTransition';
-export var collapseIconPropDirection = [
-    'up',
-    'right',
-    'down',
-    'left',
-    'upRight',
-    'downRight',
-    'upLeft',
-    'downLeft',
-];
-var cnCollapseIcon = cn('CollapseIcon');
-var cssTransitionClassNames = cnForCssTransition(cnCollapseIcon);
-var animateTimeout = 300;
-export var CollapseIcon = function (props) {
-    var size = props.size, Icon = props.icon, CloseIcon = props.closeIcon, direction = props.direction, closeDirection = props.closeDirection, isOpen = props.isOpen, className = props.className, otherProps = __rest(props, ["size", "icon", "closeIcon", "direction", "closeDirection", "isOpen", "className"]);
-    var iconRef = useRef(null);
-    var closeIconRef = useRef(null);
-    if (CloseIcon) {
-        return (React.createElement("span", { className: cnCollapseIcon('Wrapper', [cnIcon({ size: size }), className]) },
-            React.createElement(CSSTransition, { "in": !isOpen, unmountOnExit: true, classNames: cssTransitionClassNames, timeout: animateTimeout, nodeRef: iconRef },
-                React.createElement(Icon, __assign({}, otherProps, { className: cnCollapseIcon({ withCloseIcon: true }), size: size, ref: iconRef }))),
-            React.createElement(CSSTransition, { "in": isOpen, unmountOnExit: true, classNames: cssTransitionClassNames, timeout: animateTimeout, nodeRef: closeIconRef },
-                React.createElement(CloseIcon, __assign({}, otherProps, { className: cnCollapseIcon({ withCloseIcon: true }), size: size, ref: closeIconRef })))));
-    }
-    return (React.createElement(Icon, __assign({}, otherProps, { className: cnCollapseIcon({ isOpen: isOpen, direction: direction, closeDirection: closeDirection }, [className]), size: size })));
-};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","closeIcon","direction","closeDirection","isOpen","className"];import"./CollapseIcon.css";import React,{useRef}from"react";import{Transition}from"react-transition-group";import{cnIcon}from"../../../icons/Icon";import{cn}from"../../../utils/bem";export var collapseIconPropDirection=["up","right","down","left","upRight","downRight","upLeft","downLeft"];var cnCollapseIcon=cn("CollapseIcon"),animateTimeout=300;export var CollapseIcon=function(a){var b=a.size,c=a.icon,d=a.closeIcon,e=a.direction,f=a.closeDirection,g=a.isOpen,h=a.className,i=_objectWithoutProperties(a,_excluded),j=useRef(null),k=useRef(null);return d?React.createElement("span",{className:cnCollapseIcon("Wrapper",[cnIcon({size:b}),h])},React.createElement(Transition,{in:!g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:j},function(a){return React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:j}))}),React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:animateTimeout,nodeRef:k},function(a){return React.createElement(d,Object.assign({},i,{className:cnCollapseIcon({animate:a}),size:b,ref:k}))})):React.createElement(c,Object.assign({},i,{className:cnCollapseIcon({isOpen:g,direction:e,closeDirection:f},[h]),size:b}))};
+//# sourceMappingURL=CollapseIcon.js.map

package/__internal__/src/components/Collapse/CollapseIcon/CollapseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseIcon.js","names":["React","useRef","Transition","cnIcon","cn","collapseIconPropDirection","cnCollapseIcon","animateTimeout","CollapseIcon","props","size","Icon","icon","CloseIcon","closeIcon","direction","closeDirection","isOpen","className","otherProps","iconRef","closeIconRef","animate"],"sources":["../../../../../../src/components/Collapse/CollapseIcon/CollapseIcon.tsx"],"sourcesContent":["import './CollapseIcon.css';\n\nimport React, { useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cnIcon, IconProps, IconPropSize } from '##/icons/Icon';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapseIconPropDirection = [\n  'up',\n  'right',\n  'down',\n  'left',\n  'upRight',\n  'downRight',\n  'upLeft',\n  'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n  typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n  {\n    size: IconPropSize;\n    icon: React.FC<IconProps>;\n    isOpen?: boolean;\n    cildren?: never;\n    closeIcon?: React.FC<IconProps>;\n    direction?: CollapseIconPropDirection;\n    closeDirection?: CollapseIconPropDirection;\n  },\n  HTMLSpanElement\n>;\n\nconst cnCollapseIcon = cn('CollapseIcon');\nconst animateTimeout = 300;\n\nexport const CollapseIcon: React.FC<CollapseIconProps> = (props) => {\n  const {\n    size,\n    icon: Icon,\n    closeIcon: CloseIcon,\n    direction,\n    closeDirection,\n    isOpen,\n    className,\n    ...otherProps\n  } = props;\n\n  const iconRef = useRef<HTMLSpanElement>(null);\n  const closeIconRef = useRef<HTMLSpanElement>(null);\n\n  if (CloseIcon) {\n    return (\n      <span\n        className={cnCollapseIcon('Wrapper', [cnIcon({ size }), className])}\n      >\n        <Transition\n          in={!isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={iconRef}\n        >\n          {(animate) => (\n            <Icon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={iconRef}\n            />\n          )}\n        </Transition>\n        <Transition\n          in={isOpen}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={closeIconRef}\n        >\n          {(animate) => (\n            <CloseIcon\n              {...otherProps}\n              className={cnCollapseIcon({ animate })}\n              size={size}\n              ref={closeIconRef}\n            />\n          )}\n        </Transition>\n      </span>\n    );\n  }\n  return (\n    <Icon\n      {...otherProps}\n      className={cnCollapseIcon({ isOpen, direction, closeDirection }, [\n        className,\n      ])}\n      size={size}\n    />\n  );\n};\n"],"mappings":"iLAAA,2BAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,2BACA,OAASC,EAAT,0BAGA,MAAO,IAAMC,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,C,GA0BDC,eAAc,CAAGF,EAAE,CAAC,cAAD,C,CACnBG,cAAc,CAAG,G,CAEvB,MAAO,IAAMC,aAAyC,CAAG,SAACC,CAAD,CAAW,IAEhEC,EAFgE,CAU9DD,CAV8D,CAEhEC,IAFgE,CAG1DC,CAH0D,CAU9DF,CAV8D,CAGhEG,IAHgE,CAIrDC,CAJqD,CAU9DJ,CAV8D,CAIhEK,SAJgE,CAKhEC,CALgE,CAU9DN,CAV8D,CAKhEM,SALgE,CAMhEC,CANgE,CAU9DP,CAV8D,CAMhEO,cANgE,CAOhEC,CAPgE,CAU9DR,CAV8D,CAOhEQ,MAPgE,CAQhEC,CARgE,CAU9DT,CAV8D,CAQhES,SARgE,CAS7DC,CAT6D,0BAU9DV,CAV8D,YAY5DW,CAAO,CAAGnB,MAAM,CAAkB,IAAlB,CAZ4C,CAa5DoB,CAAY,CAAGpB,MAAM,CAAkB,IAAlB,CAbuC,OAe9DY,EAf8D,CAiB9D,4BACE,SAAS,CAAEP,cAAc,CAAC,SAAD,CAAY,CAACH,MAAM,CAAC,CAAEO,IAAI,CAAJA,CAAF,CAAD,CAAP,CAAmBQ,CAAnB,CAAZ,CAD3B,EAGE,oBAAC,UAAD,EACE,GAAI,CAACD,CADP,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEa,CAJX,EAMG,SAACE,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEU,CAJP,GADD,CANH,CAHF,CAkBE,oBAAC,UAAD,EACE,GAAIH,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEV,cAHX,CAIE,OAAO,CAAEc,CAJX,EAMG,SAACC,CAAD,QACC,qBAAC,CAAD,kBACMH,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEgB,OAAO,CAAPA,CAAF,CAAD,CAF3B,CAGE,IAAI,CAAEZ,CAHR,CAIE,GAAG,CAAEW,CAJP,GADD,CANH,CAlBF,CAjB8D,CAsDhE,oBAAC,CAAD,kBACMF,CADN,EAEE,SAAS,CAAEb,cAAc,CAAC,CAAEW,MAAM,CAANA,CAAF,CAAUF,SAAS,CAATA,CAAV,CAAqBC,cAAc,CAAdA,CAArB,CAAD,CAAwC,CAC/DE,CAD+D,CAAxC,CAF3B,CAKE,IAAI,CAAER,CALR,GAQH,CA9DM"}

package/__internal__/src/components/Collapse/index.d.ts

@@ -0,0 +1 @@
+export * from './Collapse';

package/__internal__/src/components/Collapse/index.js

@@ -0,0 +1,2 @@
+export*from"./Collapse";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/Collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Collapse/index.ts"],"sourcesContent":["export * from './Collapse';\n"],"mappings":"AAAA"}

package/__internal__/src/components/CollapseGroup/CollapseGroup.js

@@ -1,25 +1,2 @@
-import { __assign, __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';
-import { Collapse, collapsePropCloseDirectionIconDefault, collapsePropDirectionIconDefault, collapsePropIconPositionDefault, collapsePropSizeDefault, collapsePropViewDefault, } from '../Collapse/Collapse';
-import { withDefaultGetters } from './helpers';
-import { useChoice } from './useChoice';
-var CollapseGroupRender = function (props, ref) {
-    var _a = withDefaultGetters(props), items = _a.items, getItemLabel = _a.getItemLabel, getItemContent = _a.getItemContent, _b = _a.size, size = _b === void 0 ? collapsePropSizeDefault : _b, _c = _a.view, view = _c === void 0 ? collapsePropViewDefault : _c, hoverEffect = _a.hoverEffect, divider = _a.divider, _d = _a.icon, icon = _d === void 0 ? IconArrowDown : _d, closeIcon = _a.closeIcon, getItemRightSide = _a.getItemRightSide, horizontalSpace = _a.horizontalSpace, _e = _a.iconPosition, iconPosition = _e === void 0 ? collapsePropIconPositionDefault : _e, _f = _a.directionIcon, directionIcon = _f === void 0 ? collapsePropDirectionIconDefault : _f, _g = _a.closeDirectionIcon, closeDirectionIcon = _g === void 0 ? collapsePropCloseDirectionIconDefault : _g, otherProps = __rest(_a, ["items", "getItemLabel", "getItemContent", "size", "view", "hoverEffect", "divider", "icon", "closeIcon", "getItemRightSide", "horizontalSpace", "iconPosition", "directionIcon", "closeDirectionIcon"]);
-    var _h = useChoice(props), getChecked = _h.getChecked, getOnChange = _h.getOnChange;
-    return (React.createElement("div", __assign({ ref: ref }, otherProps), items.map(function (item, index) {
-        return (React.createElement(Collapse, __assign({ label: getItemLabel(item), key: index, size: size, view: view, horizontalSpace: horizontalSpace, icon: icon, hoverEffect: hoverEffect, divider: divider, isOpen: getChecked(index), onClick: getOnChange(index) }, (iconPosition === 'left'
-            ? {
-                iconPosition: iconPosition,
-                rightSide: getItemRightSide(item)
-            }
-            : { iconPosition: iconPosition }), (closeIcon
-            ? { closeIcon: closeIcon }
-            : {
-                directionIcon: directionIcon,
-                closeDirectionIcon: closeDirectionIcon
-            })), getItemContent(item)));
-    })));
-};
-export var CollapseGroup = forwardRef(CollapseGroupRender);
-export * from './helpers';
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemContent","size","view","hoverEffect","divider","icon","closeIcon","getItemRightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon"];import React,{forwardRef}from"react";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{Collapse,collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"../Collapse/Collapse";import{withDefaultGetters}from"./helpers";import{useChoice}from"./useChoice";var CollapseGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=c.getItemLabel,f=c.getItemContent,g=c.size,h=void 0===g?collapsePropSizeDefault:g,i=c.view,j=void 0===i?collapsePropViewDefault:i,k=c.hoverEffect,l=c.divider,m=c.icon,n=void 0===m?IconArrowDown:m,o=c.closeIcon,p=c.getItemRightSide,q=c.horizontalSpace,r=c.iconPosition,s=void 0===r?collapsePropIconPositionDefault:r,t=c.directionIcon,u=void 0===t?collapsePropDirectionIconDefault:t,v=c.closeDirectionIcon,w=void 0===v?collapsePropCloseDirectionIconDefault:v,x=_objectWithoutProperties(c,_excluded),y=useChoice(a),z=y.getChecked,A=y.getOnChange;return React.createElement("div",Object.assign({ref:b},x),d.map(function(a,b){return React.createElement(Collapse,Object.assign({label:e(a),key:b,size:h,view:j,horizontalSpace:q,icon:n,hoverEffect:k,divider:l,isOpen:z(b),onClick:A(b)},"left"===s?{iconPosition:s,rightSide:p(a)}:{iconPosition:s},o?{closeIcon:o}:{directionIcon:u,closeDirectionIcon:w}),f(a))}))};export var CollapseGroup=forwardRef(CollapseGroupRender);export*from"./helpers";
+//# sourceMappingURL=CollapseGroup.js.map

package/__internal__/src/components/CollapseGroup/CollapseGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseGroup.js","names":["React","forwardRef","IconArrowDown","Collapse","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","withDefaultGetters","useChoice","CollapseGroupRender","props","ref","items","getItemLabel","getItemContent","size","view","hoverEffect","divider","icon","closeIcon","getItemRightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","otherProps","getChecked","getOnChange","map","item","index","rightSide","CollapseGroup"],"sources":["../../../../../src/components/CollapseGroup/CollapseGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport {\n  Collapse,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from '../Collapse/Collapse';\nimport {\n  CollapseGroupComponent,\n  CollapseGroupRenderFunction,\n  withDefaultGetters,\n} from './helpers';\nimport { useChoice } from './useChoice';\n\nconst CollapseGroupRender: CollapseGroupRenderFunction = (props, ref) => {\n  const {\n    items,\n    getItemLabel,\n    getItemContent,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    getItemRightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { getChecked, getOnChange } = useChoice(props);\n\n  return (\n    <div ref={ref} {...otherProps}>\n      {items.map((item, index) => {\n        return (\n          <Collapse\n            label={getItemLabel(item)}\n            key={index}\n            size={size}\n            view={view}\n            horizontalSpace={horizontalSpace}\n            icon={icon}\n            hoverEffect={hoverEffect}\n            divider={divider}\n            isOpen={getChecked(index)}\n            onClick={getOnChange(index)}\n            {...(iconPosition === 'left'\n              ? {\n                  iconPosition,\n                  rightSide: getItemRightSide(item),\n                }\n              : { iconPosition })}\n            {...(closeIcon\n              ? { closeIcon }\n              : {\n                  directionIcon,\n                  closeDirectionIcon,\n                })}\n          >\n            {getItemContent(item)}\n          </Collapse>\n        );\n      })}\n    </div>\n  );\n};\n\nexport const CollapseGroup = forwardRef(\n  CollapseGroupRender,\n) as CollapseGroupComponent;\n\nexport * from './helpers';\n"],"mappings":"+RAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,aAAT,+CACA,OACEC,QADF,CAEEC,qCAFF,CAGEC,gCAHF,CAIEC,+BAJF,CAKEC,uBALF,CAMEC,uBANF,4BAQA,OAGEC,kBAHF,iBAKA,OAASC,SAAT,mBAEA,GAAMC,oBAAgD,CAAG,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAiBnEJ,kBAAkB,CAACG,CAAD,CAjBiD,CAErEE,CAFqE,GAErEA,KAFqE,CAGrEC,CAHqE,GAGrEA,YAHqE,CAIrEC,CAJqE,GAIrEA,cAJqE,KAKrEC,IALqE,CAKrEA,CALqE,YAK9DV,uBAL8D,OAMrEW,IANqE,CAMrEA,CANqE,YAM9DV,uBAN8D,GAOrEW,CAPqE,GAOrEA,WAPqE,CAQrEC,CARqE,GAQrEA,OARqE,KASrEC,IATqE,CASrEA,CATqE,YAS9DnB,aAT8D,GAUrEoB,CAVqE,GAUrEA,SAVqE,CAWrEC,CAXqE,GAWrEA,gBAXqE,CAYrEC,CAZqE,GAYrEA,eAZqE,KAarEC,YAbqE,CAarEA,CAbqE,YAatDnB,+BAbsD,OAcrEoB,aAdqE,CAcrEA,CAdqE,YAcrDrB,gCAdqD,OAerEsB,kBAfqE,CAerEA,CAfqE,YAehDvB,qCAfgD,GAgBlEwB,CAhBkE,yCAmBnClB,SAAS,CAACE,CAAD,CAnB0B,CAmB/DiB,CAnB+D,GAmB/DA,UAnB+D,CAmBnDC,CAnBmD,GAmBnDA,WAnBmD,CAqBvE,MACE,0CAAK,GAAG,CAAEjB,CAAV,EAAmBe,CAAnB,EACGd,CAAK,CAACiB,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,CAAiB,CAC1B,MACE,qBAAC,QAAD,gBACE,KAAK,CAAElB,CAAY,CAACiB,CAAD,CADrB,CAEE,GAAG,CAAEC,CAFP,CAGE,IAAI,CAAEhB,CAHR,CAIE,IAAI,CAAEC,CAJR,CAKE,eAAe,CAAEM,CALnB,CAME,IAAI,CAAEH,CANR,CAOE,WAAW,CAAEF,CAPf,CAQE,OAAO,CAAEC,CARX,CASE,MAAM,CAAES,CAAU,CAACI,CAAD,CATpB,CAUE,OAAO,CAAEH,CAAW,CAACG,CAAD,CAVtB,EAWwB,MAAjB,GAAAR,CAAY,CACb,CACEA,YAAY,CAAZA,CADF,CAEES,SAAS,CAAEX,CAAgB,CAACS,CAAD,CAF7B,CADa,CAKb,CAAEP,YAAY,CAAZA,CAAF,CAhBN,CAiBOH,CAAS,CACV,CAAEA,SAAS,CAATA,CAAF,CADU,CAEV,CACEI,aAAa,CAAbA,CADF,CAEEC,kBAAkB,CAAlBA,CAFF,CAnBN,EAwBGX,CAAc,CAACgB,CAAD,CAxBjB,CA2BH,CA7BA,CADH,CAiCH,CAvDD,CAyDA,MAAO,IAAMG,cAAa,CAAGlC,UAAU,CACrCU,mBADqC,CAAhC,CAIP"}

package/__internal__/src/components/CollapseGroup/helpers.d.ts

@@ -62,10 +62,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     items: ITEM[];
     isAccordion?: IS_ACCORDION | undefined;
     children?: undefined;
-    icon?: React.FC<PropsWithHTMLAttributesAndRef<{
-        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
-        size?: "xs" | "s" | "m" | undefined;
-    }, HTMLSpanElement>> | undefined;
+    icon?: IconComponent | undefined;
     divider?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
@@ -76,16 +73,13 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     getItemLabel?: CollapseGroupPropGetItemLabel<ITEM> | undefined;
     getItemContent?: CollapseGroupPropGetItemContent<ITEM> | undefined;
 } & {
-    closeIcon: React.FC<PropsWithHTMLAttributesAndRef<{
-        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
-        size?: "xs" | "s" | "m" | undefined;
-    }, HTMLSpanElement>>;
+    closeIcon: IconComponent;
     directionIcon?: undefined;
     closeDirectionIcon?: undefined;
 } & {
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
-} & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "view" | "size" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;
@@ -101,10 +95,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
     items: ITEM[];
     isAccordion?: IS_ACCORDION | undefined;
     children?: undefined;
-    icon?: React.FC<PropsWithHTMLAttributesAndRef<{
-        view?: "link" | "alert" | "brand" | "ghost" | "primary" | "secondary" | "success" | "warning" | "disabled" | undefined;
-        size?: "xs" | "s" | "m" | undefined;
-    }, HTMLSpanElement>> | undefined;
+    icon?: IconComponent | undefined;
     divider?: boolean | undefined;
     size?: "xs" | "s" | "m" | "l" | "2xs" | undefined;
     view?: "primary" | "secondary" | undefined;
@@ -121,7 +112,7 @@ export declare function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(p
 } & {
     iconPosition?: "left" | undefined;
     getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM> | undefined;
-} & Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "view" | "size" | "items" | "getItemLabel" | "icon" | "getItemRightSide" | "horizontalSpace" | "closeIcon" | "divider" | "hoverEffect" | "directionIcon" | "closeDirectionIcon" | "iconPosition" | "isAccordion" | "onOpen" | "opened" | "getItemContent"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: CollapseGroupPropGetItemLabel<ITEM>;

package/__internal__/src/components/CollapseGroup/helpers.js

@@ -1,11 +1,2 @@
-import { __assign } from "tslib";
-export var defaultGetItemLabel = function (item) { return item.label; };
-export var defaultGetItemContent = function (item) {
-    return item.content;
-};
-export var defaultGetItemRightSide = function (item) {
-    return item.rightSide;
-};
-export function withDefaultGetters(props) {
-    return __assign(__assign({}, props), { getItemLabel: props.getItemLabel || defaultGetItemLabel, getItemContent: props.getItemContent || defaultGetItemContent, getItemRightSide: props.getItemRightSide || defaultGetItemRightSide });
-}
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var defaultGetItemLabel=function(a){return a.label};export var defaultGetItemContent=function(a){return a.content};export var defaultGetItemRightSide=function(a){return a.rightSide};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemContent:a.getItemContent||defaultGetItemContent,getItemRightSide:a.getItemRightSide||defaultGetItemRightSide})}
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/CollapseGroup/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemContent","content","defaultGetItemRightSide","rightSide","withDefaultGetters","props","getItemLabel","getItemContent","getItemRightSide"],"sources":["../../../../../src/components/CollapseGroup/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  CollapsePropHorizontalSpace,\n  CollapsePropSize,\n  CollapsePropView,\n} from '../Collapse/Collapse';\nimport { CollapseIconPropDirection } from '../Collapse/CollapseIcon/CollapseIcon';\n\nexport type DefaultItem = {\n  label: string;\n  content: React.ReactNode;\n  rightSide?: React.ReactNode | React.ReactNode[];\n};\n\nexport type CollapseGroupPropOnOpen<IS_ACCORDION> = (params: {\n  e: React.MouseEvent<HTMLDivElement, MouseEvent>;\n  value: (IS_ACCORDION extends true ? number : number[]) | null;\n}) => void;\n\nexport type CollapseGroupPropOpened<IS_ACCORDION> =\n  | (IS_ACCORDION extends true ? number : number[])\n  | null\n  | undefined;\n\ntype CollapseGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\ntype CollapseGroupPropGetItemContent<ITEM> = (item: ITEM) => React.ReactNode;\ntype CollapseGroupPropGetItemRightSide<ITEM> = (\n  item: ITEM,\n) => React.ReactNode | React.ReactNode[] | undefined;\n\nexport type CollapseGroupProps<\n  ITEM,\n  IS_ACCORDION extends boolean,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    isAccordion?: IS_ACCORDION;\n    children?: never;\n    icon?: IconComponent;\n    divider?: boolean;\n    size?: CollapsePropSize;\n    view?: CollapsePropView;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    onOpen?: CollapseGroupPropOnOpen<IS_ACCORDION>;\n    opened?: CollapseGroupPropOpened<IS_ACCORDION>;\n    getItemLabel?: CollapseGroupPropGetItemLabel<ITEM>;\n    getItemContent?: CollapseGroupPropGetItemContent<ITEM>;\n  } & (\n    | {\n        closeIcon: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          getItemRightSide?: CollapseGroupPropGetItemRightSide<ITEM>;\n        }\n      | {\n          iconPosition?: 'right';\n          getItemRightSide?: never;\n        }\n    ),\n  HTMLDivElement\n> &\n  (ITEM extends { label: DefaultItem['label'] }\n    ? {}\n    : { getItemLabel: CollapseGroupPropGetItemLabel<ITEM> }) &\n  (ITEM extends { content: DefaultItem['content'] }\n    ? {}\n    : { getItemContent: CollapseGroupPropGetItemContent<ITEM> });\n\nexport const defaultGetItemLabel: CollapseGroupPropGetItemLabel<DefaultItem> = (\n  item,\n) => item.label;\nexport const defaultGetItemContent: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.content;\nexport const defaultGetItemRightSide: CollapseGroupPropGetItemContent<\n  DefaultItem\n> = (item) => item.rightSide;\n\nexport type CollapseGroupComponent = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) => React.ReactElement | null;\n\nexport type CollapseGroupRenderFunction = <\n  ITEM,\n  IS_ACCORDION extends boolean = false,\n>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport function withDefaultGetters<ITEM, IS_ACCORDION extends boolean>(\n  props: CollapseGroupProps<ITEM, IS_ACCORDION>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemContent: props.getItemContent || defaultGetItemContent,\n    getItemRightSide: props.getItemRightSide || defaultGetItemRightSide,\n  };\n}\n"],"mappings":"qqBAkFA,MAAO,IAAMA,oBAA+D,CAAG,SAC7EC,CAD6E,QAE1EA,EAAI,CAACC,KAFqE,CAAxE,CAGP,MAAO,IAAMC,sBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,OAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,SAAf,CAFG,CAmBP,MAAO,SAASC,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBT,mBAFtC,CAGEU,cAAc,CAAEF,CAAK,CAACE,cAAN,EAAwBP,qBAH1C,CAIEQ,gBAAgB,CAAEH,CAAK,CAACG,gBAAN,EAA0BN,uBAJ9C,EAMD"}

package/__internal__/src/components/CollapseGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './CollapseGroup';