@consta/uikit 4.8.0 → 4.9.0

package/__internal__/src/components/Attach/Attach.d.ts

@@ -1,23 +1,8 @@
-/// <reference types="react" />
 export { Attachment, cnAttachment } from '../Attachment/Attachment';
 /**
  * @deprecated since version 3.2.0 use Attachment
  */
-declare const Attach: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<{
-    fileExtension?: string | undefined;
-    loading?: boolean | undefined;
-    fileName?: string | undefined;
-    fileDescription?: string | undefined;
-    loadingProgress?: number | undefined;
-    errorText?: string | undefined;
-    loadingText?: string | undefined;
-    onButtonClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    buttonIcon?: import("@consta/icons/Icon").IconComponent | undefined;
-    buttonTitle?: string | undefined;
-    withAction?: boolean | undefined;
-    className?: string | undefined;
-    children?: undefined;
-}, "div">;
+declare const Attach: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<import("../Attachment").AttachmentProps, "div">;
 /**
  * @deprecated since version 3.2.0 cnAttachment
  */

package/__internal__/src/components/Attachment/Attachment.css

@@ -1 +1 @@
-.Attachment{background:var(--color-control-bg-clear);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:row;padding:var(--space-2xs) var(--space-xs);text-decoration:none;transition:background .2s ease;width:100%}.Attachment-File{flex:none;margin:var(--space-2xs) var(--space-xs) var(--space-2xs) 0;transition:opacity .2s}.Attachment-File_error{opacity:.4}.Attachment-Button{flex:none;opacity:0;transition:opacity .2s ease}.Attachment-Content{word-wrap:break-word;flex:1;margin-top:var(--space-3xs);overflow:hidden}.Attachment-Content:not(:last-child){margin-right:var(--space-xs)}.Attachment_withAction{cursor:pointer}.Attachment_withAction:hover{background:var(--color-control-bg-clear-hover)}.Attachment_withOnButtonAction{padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-xs)}.Attachment_withOnButtonAction:hover .Attachment_withOnButtonAction-Button{opacity:1}.Attachment_withOnButtonAction:hover{background:var(--color-control-bg-clear-hover)}.Attachment_withOnButtonAction:hover .Attachment-Button{opacity:1}
+.Attachment{background:var(--color-control-bg-clear);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:row;padding:var(--space-xs);text-decoration:none;transition:background-color .2s ease;width:100%}.Attachment-File{flex:none;margin-right:var(--space-xs);transition:opacity .2s}.Attachment-File_error{opacity:.4}.Attachment-Button{flex:none;opacity:0;transition:opacity .2s ease}.Attachment-Content{word-wrap:break-word;flex:1;overflow:hidden}.Attachment-Content>.Text:not(:first-child){margin-top:var(--space-2xs)}.Attachment-Content:not(:last-child){margin-right:var(--space-xs)}.Attachment_withAction{cursor:pointer}.Attachment_withAction:hover{background:var(--color-control-bg-clear-hover)}.Attachment_withOnButtonAction:hover .Attachment_withOnButtonAction-Button{opacity:1}.Attachment_withOnButtonAction:hover{background:var(--color-control-bg-clear-hover)}.Attachment_withOnButtonAction:hover .Attachment-Button{opacity:1}

package/__internal__/src/components/Attachment/Attachment.d.ts

@@ -1,21 +1,5 @@
 import './Attachment.css';
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-declare type Props = {
-    fileExtension?: string;
-    loading?: boolean;
-    fileName?: string;
-    fileDescription?: string;
-    loadingProgress?: number;
-    errorText?: string;
-    loadingText?: string;
-    onButtonClick?: React.EventHandler<React.MouseEvent>;
-    buttonIcon?: IconComponent;
-    buttonTitle?: string;
-    withAction?: boolean;
-    className?: string;
-    children?: never;
-};
+import { AttachmentProps } from './types';
 declare const cnAttachment: import("@bem-react/classname").ClassNameFormatter;
-declare const Attachment: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+declare const Attachment: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<AttachmentProps, "div">;
 export { Attachment, cnAttachment };

package/__internal__/src/components/Attachment/Attachment.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","onClick","withAction","buttonTitle"];import"./Attachment.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{Button}from"../Button/Button";import{File}from"../File/File";import{Text}from"../Text/Text";var cnAttachment=cn("Attachment"),Attachment=forwardRefWithAs(function(a,b){var c=a.className,d=a.as,e=void 0===d?"div":d,f=a.fileExtension,g=a.loading,h=a.fileName,i=a.buttonIcon,j=a.onButtonClick,k=a.errorText,l=a.loadingText,m=void 0===l?"Loading":l,n=a.loadingProgress,o=a.fileDescription,p=a.onClick,q=a.withAction,r=a.buttonTitle,s=_objectWithoutProperties(a,_excluded),t=!!j;return React.createElement(e,Object.assign({},s,{onClick:p,className:cnAttachment({withAction:q||!!p,withOnButtonAction:t},[c]),ref:b}),React.createElement(File,{className:cnAttachment("File",{error:!!k}),extension:f,loading:g,loadingWithProgressSpin:!0,loadingProgress:n,size:"s"}),React.createElement("div",{className:cnAttachment("Content")},h&&React.createElement(Text,{className:cnAttachment("FileName"),size:"s",view:"primary",lineHeight:"xs"},h),o&&!g&&React.createElement(Text,{className:cnAttachment("FileDescription"),size:"xs",lineHeight:"xs",view:"ghost"},o),m&&g&&React.createElement(Text,{className:cnAttachment("LoadingText"),size:"xs",lineHeight:"xs",view:"ghost"},n?"".concat(m," ").concat(n,"%"):"".concat(m,"...")),k&&React.createElement(Text,{className:cnAttachment("ErrorText"),size:"xs",lineHeight:"xs",view:"alert"},k)),t&&React.createElement(Button,{className:cnAttachment("Button"),as:"span",onlyIcon:!0,iconLeft:i,onClick:j,title:r,size:"xs",view:"clear"}))});export{Attachment,cnAttachment};
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","size","onClick","withAction","buttonTitle"];import"./Attachment.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{Button}from"../Button/Button";import{File}from"../File/File";import{Text}from"../Text/Text";import{attachmentPropSizeDefault}from"./types";var cnAttachment=cn("Attachment"),fileSizeMap={xs:"s",s:"s",m:"m"},textSizeMap={xs:"xs",s:"s",m:"s"},descriptionSizeMap={xs:"xs",s:"xs",m:"s"},Attachment=forwardRefWithAs(function(a,b){var c=a.className,d=a.as,e=void 0===d?"div":d,f=a.fileExtension,g=a.loading,h=a.fileName,i=a.buttonIcon,j=a.onButtonClick,k=a.errorText,l=a.loadingText,m=void 0===l?"Loading":l,n=a.loadingProgress,o=a.fileDescription,p=a.size,q=void 0===p?attachmentPropSizeDefault:p,r=a.onClick,s=a.withAction,t=a.buttonTitle,u=_objectWithoutProperties(a,_excluded),v=!!j;return React.createElement(e,Object.assign({},u,{onClick:r,className:cnAttachment({withAction:s||!!r,withOnButtonAction:v,size:q},[c]),ref:b}),React.createElement(File,{className:cnAttachment("File",{error:!!k}),extension:f,loading:g,loadingWithProgressSpin:!0,loadingProgress:n,size:fileSizeMap[q]}),React.createElement("div",{className:cnAttachment("Content")},h&&React.createElement(Text,{className:cnAttachment("FileName"),size:textSizeMap[q],view:"primary",lineHeight:"xs"},h),o&&!g&&React.createElement(Text,{className:cnAttachment("FileDescription"),size:descriptionSizeMap[q],lineHeight:"xs",view:"ghost"},o),m&&g&&React.createElement(Text,{className:cnAttachment("LoadingText"),size:descriptionSizeMap[q],lineHeight:"xs",view:"ghost"},n?"".concat(m," ").concat(n,"%"):"".concat(m,"...")),k&&React.createElement(Text,{className:cnAttachment("ErrorText"),size:descriptionSizeMap[q],lineHeight:"xs",view:"alert"},k)),v&&React.createElement(Button,{className:cnAttachment("Button"),as:"span",onlyIcon:!0,iconLeft:i,onClick:j,title:t,size:"xs",view:"clear"}))});export{Attachment,cnAttachment};
 //# sourceMappingURL=Attachment.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","names":["React","cn","forwardRefWithAs","Button","File","Text","cnAttachment","Attachment","props","ref","className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","onClick","withActionProp","withAction","buttonTitle","otherProps","withOnButtonAction","error"],"sources":["../../../../../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Button } from '../Button/Button';\nimport { File } from '../File/File';\nimport { Text } from '../Text/Text';\n\ntype Props = {\n  fileExtension?: string;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\n  loadingText?: string;\n  onButtonClick?: React.EventHandler<React.MouseEvent>;\n  buttonIcon?: IconComponent;\n  buttonTitle?: string;\n  withAction?: boolean;\n  className?: string;\n  children?: never;\n};\n\nconst cnAttachment = cn('Attachment');\n\nconst Attachment = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    className,\n    as = 'div',\n    fileExtension,\n    loading,\n    fileName,\n    buttonIcon,\n    onButtonClick,\n    errorText,\n    loadingText = 'Loading',\n    loadingProgress,\n    fileDescription,\n    onClick,\n    withAction: withActionProp,\n    buttonTitle,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const withAction = withActionProp || Boolean(onClick);\n  const withOnButtonAction = Boolean(onButtonClick);\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick}\n      className={cnAttachment({ withAction, withOnButtonAction }, [className])}\n      ref={ref}\n    >\n      <File\n        className={cnAttachment('File', { error: Boolean(errorText) })}\n        extension={fileExtension}\n        loading={loading}\n        loadingWithProgressSpin\n        loadingProgress={loadingProgress}\n        size=\"s\"\n      />\n      <div className={cnAttachment('Content')}>\n        {fileName && (\n          <Text\n            className={cnAttachment('FileName')}\n            size=\"s\"\n            view=\"primary\"\n            lineHeight=\"xs\"\n          >\n            {fileName}\n          </Text>\n        )}\n        {fileDescription && !loading && (\n          <Text\n            className={cnAttachment('FileDescription')}\n            size=\"xs\"\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {fileDescription}\n          </Text>\n        )}\n        {loadingText && loading && (\n          <Text\n            className={cnAttachment('LoadingText')}\n            size=\"xs\"\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {loadingProgress\n              ? `${loadingText} ${loadingProgress}%`\n              : `${loadingText}...`}\n          </Text>\n        )}\n        {errorText && (\n          <Text\n            className={cnAttachment('ErrorText')}\n            size=\"xs\"\n            lineHeight=\"xs\"\n            view=\"alert\"\n          >\n            {errorText}\n          </Text>\n        )}\n      </div>\n      {withOnButtonAction && (\n        <Button\n          className={cnAttachment('Button')}\n          as=\"span\"\n          onlyIcon\n          iconLeft={buttonIcon}\n          onClick={onButtonClick}\n          title={buttonTitle}\n          size=\"xs\"\n          view=\"clear\"\n        />\n      )}\n    </Tag>\n  );\n});\n\nexport { Attachment, cnAttachment };\n"],"mappings":"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"}
+{"version":3,"file":"Attachment.js","names":["React","cn","forwardRefWithAs","Button","File","Text","attachmentPropSizeDefault","cnAttachment","fileSizeMap","xs","s","m","textSizeMap","descriptionSizeMap","Attachment","props","ref","className","as","fileExtension","loading","fileName","buttonIcon","onButtonClick","errorText","loadingText","loadingProgress","fileDescription","size","onClick","withActionProp","withAction","buttonTitle","otherProps","withOnButtonAction","error"],"sources":["../../../../../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { FileIconPropSize } from '##/fileIcons/FileIcon/FileIcon';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { Button } from '../Button/Button';\nimport { File } from '../File/File';\nimport { Text, TextPropSize } from '../Text/Text';\nimport {\n  AttachmentProps,\n  AttachmentPropSize,\n  attachmentPropSizeDefault,\n} from './types';\n\nconst cnAttachment = cn('Attachment');\n\nconst fileSizeMap: Record<AttachmentPropSize, FileIconPropSize> = {\n  xs: 's',\n  s: 's',\n  m: 'm',\n};\n\nconst textSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n};\n\nconst descriptionSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n};\nconst Attachment = forwardRefWithAs<AttachmentProps>((props, ref) => {\n  const {\n    className,\n    as = 'div',\n    fileExtension,\n    loading,\n    fileName,\n    buttonIcon,\n    onButtonClick,\n    errorText,\n    loadingText = 'Loading',\n    loadingProgress,\n    fileDescription,\n    size = attachmentPropSizeDefault,\n    onClick,\n    withAction: withActionProp,\n    buttonTitle,\n    ...otherProps\n  } = props;\n  const Tag = as as string;\n  const withAction = withActionProp || Boolean(onClick);\n  const withOnButtonAction = Boolean(onButtonClick);\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick}\n      className={cnAttachment({ withAction, withOnButtonAction, size }, [\n        className,\n      ])}\n      ref={ref}\n    >\n      <File\n        className={cnAttachment('File', { error: Boolean(errorText) })}\n        extension={fileExtension}\n        loading={loading}\n        loadingWithProgressSpin\n        loadingProgress={loadingProgress}\n        size={fileSizeMap[size]}\n      />\n      <div className={cnAttachment('Content')}>\n        {fileName && (\n          <Text\n            className={cnAttachment('FileName')}\n            size={textSizeMap[size]}\n            view=\"primary\"\n            lineHeight=\"xs\"\n          >\n            {fileName}\n          </Text>\n        )}\n        {fileDescription && !loading && (\n          <Text\n            className={cnAttachment('FileDescription')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {fileDescription}\n          </Text>\n        )}\n        {loadingText && loading && (\n          <Text\n            className={cnAttachment('LoadingText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"ghost\"\n          >\n            {loadingProgress\n              ? `${loadingText} ${loadingProgress}%`\n              : `${loadingText}...`}\n          </Text>\n        )}\n        {errorText && (\n          <Text\n            className={cnAttachment('ErrorText')}\n            size={descriptionSizeMap[size]}\n            lineHeight=\"xs\"\n            view=\"alert\"\n          >\n            {errorText}\n          </Text>\n        )}\n      </div>\n      {withOnButtonAction && (\n        <Button\n          className={cnAttachment('Button')}\n          as=\"span\"\n          onlyIcon\n          iconLeft={buttonIcon}\n          onClick={onButtonClick}\n          title={buttonTitle}\n          size=\"xs\"\n          view=\"clear\"\n        />\n      )}\n    </Tag>\n  );\n});\n\nexport { Attachment, cnAttachment };\n"],"mappings":"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"}

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

@@ -1 +1,2 @@
 export * from './Attachment';
+export * from './types';

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

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

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

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

package/__internal__/src/components/Attachment/types.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+export declare const attachmentPropSize: readonly ["s", "xs", "m"];
+export declare type AttachmentPropSize = typeof attachmentPropSize[number];
+export declare const attachmentPropSizeDefault: AttachmentPropSize;
+export declare type AttachmentProps = {
+    fileExtension?: string;
+    loading?: boolean;
+    fileName?: string;
+    fileDescription?: string;
+    loadingProgress?: number;
+    errorText?: string;
+    size?: AttachmentPropSize;
+    loadingText?: string;
+    onButtonClick?: React.EventHandler<React.MouseEvent>;
+    buttonIcon?: IconComponent;
+    buttonTitle?: string;
+    withAction?: boolean;
+    className?: string;
+    children?: never;
+};

package/__internal__/src/components/Attachment/types.js

@@ -0,0 +1,2 @@
+export var attachmentPropSize=["s","xs","m"];export var attachmentPropSizeDefault=attachmentPropSize[0];
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/Attachment/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["attachmentPropSize","attachmentPropSizeDefault"],"sources":["../../../../../src/components/Attachment/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nexport const attachmentPropSize = ['s', 'xs', 'm'] as const;\nexport type AttachmentPropSize = typeof attachmentPropSize[number];\nexport const attachmentPropSizeDefault: AttachmentPropSize =\n  attachmentPropSize[0];\n\nexport type AttachmentProps = {\n  fileExtension?: string;\n  loading?: boolean;\n  fileName?: string;\n  fileDescription?: string;\n  loadingProgress?: number;\n  errorText?: string;\n  size?: AttachmentPropSize;\n  loadingText?: string;\n  onButtonClick?: React.EventHandler<React.MouseEvent>;\n  buttonIcon?: IconComponent;\n  buttonTitle?: string;\n  withAction?: boolean;\n  className?: string;\n  children?: never;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,mBAAkB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

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

@@ -19,7 +19,7 @@ export declare function withDefaultGetters<TYPE extends string, ITEM = AutoCompl
     getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM> | undefined;
     getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP> | undefined;
     getGroupKey?: AutoCompletePropGetGroupId<GROUP> | undefined;
-} & Omit<import("../TextField").TextFieldProps<TYPE>, "max" | "min" | "step" | "incrementButtons"> & (ITEM extends {
+} & Omit<import("../TextField").TextFieldProps<TYPE>, "step" | "max" | "min" | "incrementButtons"> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: AutoCompletePropGetItemLabel<ITEM>;

package/__internal__/src/components/AvatarGroup/AvatarGroup.css

@@ -1 +1 @@
-.AvatarGroup{--avatar-group-margin:6px;align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end}.AvatarGroup_size_xs{--avatar-group-margin:var(--space-3xs)}.AvatarGroup_size_s{--avatar-group-margin:var(--space-2xs)}.AvatarGroup_size_m{--avatar-group-margin:calc(var(--space-3xs) + var(--space-2xs))}.AvatarGroup_size_l{--avatar-group-margin:var(--space-xs)}.AvatarGroup>.Avatar{box-shadow:0 0 0 var(--space-3xs) var(--color-bg-default)}.AvatarGroup>.Avatar:not(:last-child){margin-left:calc(var(--avatar-group-margin)*-1)}.AvatarGroup-More.Avatar{--avatar-color:var(--color-bg-system);border:none;color:var(--color-typo-primary);margin:0;padding:0}
+.AvatarGroup{display:flex;width:100%}.AvatarGroup_size_xs{--avatar-group-margin:var(--space-3xs)}.AvatarGroup_size_s{--avatar-group-margin:var(--space-2xs)}.AvatarGroup_size_m{--avatar-group-margin:calc(var(--space-3xs) + var(--space-2xs))}.AvatarGroup_size_l{--avatar-group-margin:var(--space-xs)}.AvatarGroup>.Avatar{box-shadow:0 0 0 var(--space-3xs) var(--color-bg-default);flex:none}.AvatarGroup>.Avatar:not(:first-child){margin-left:calc(var(--avatar-group-margin)*-1)}.AvatarGroup-Avatar_hidden.Avatar,.AvatarGroup-More_hidden.Avatar{left:-300vw;position:absolute;visibility:hidden}.AvatarGroup-More.Avatar{--avatar-color:var(--color-bg-system);border:none;color:var(--color-typo-primary)}

package/__internal__/src/components/AvatarGroup/AvatarGroup.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","form","size","visibleCount","getItemName","getItemUrl"];import"./AvatarGroup.css";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{Avatar,avatarPropFormDefault,cnAvatar}from"../Avatar/Avatar";import{withDefaultGetters}from"./helpers";import{avatarGroupPropSizeDefault}from"./types";var cnAvatarGroup=cn("AvatarGroup"),AvatarGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.form,g=void 0===f?avatarPropFormDefault:f,h=c.size,i=void 0===h?avatarGroupPropSizeDefault:h,j=c.visibleCount,k=void 0===j?4:j,l=c.getItemName,m=c.getItemUrl,n=_objectWithoutProperties(c,_excluded);return React.createElement("div",Object.assign({className:cnAvatarGroup({size:i}),ref:b},n),e.length>k&&React.createElement("div",{className:cnAvatar({size:i,form:g},[cnAvatarGroup("More")])},"+".concat(e.length-k)),e.slice(0,k).map(function(a,b){return React.createElement(Avatar,{key:cnAvatarGroup({index:b}),url:m(a),name:l(a),className:cnAvatarGroup("Avatar"),size:i,form:g})}))};export var AvatarGroup=forwardRef(AvatarGroupRender);export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","form","size","visibleCount","getItemName","getItemUrl"];import"./AvatarGroup.css";import React,{forwardRef}from"react";import{useForkRef}from"../../hooks/useForkRef";import{getHiddenCount,useHideElementsInLine}from"../../hooks/useHideElementsInLineCanary";import{cn}from"../../utils/bem";import{Avatar,avatarPropFormDefault,cnAvatar}from"../Avatar/Avatar";import{withDefaultGetters}from"./helpers";import{avatarGroupPropSizeDefault}from"./types";var cnAvatarGroup=cn("AvatarGroup"),AvatarGroupRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.form,g=void 0===f?avatarPropFormDefault:f,h=c.size,i=void 0===h?avatarGroupPropSizeDefault:h,j=c.visibleCount,k=void 0===j?4:j,l=c.getItemName,m=c.getItemUrl,n=_objectWithoutProperties(c,_excluded),o=e.length+1,p=useHideElementsInLine(o,o-1,0,[k]),q=p.elementsRefs,r=p.parentRef,s=p.visibleMap,t="auto"===k,u=t?e:e.slice(0,k);return React.createElement("div",Object.assign({className:cnAvatarGroup({size:i}),ref:useForkRef([r,b])},n),u.map(function(a,b){return React.createElement(Avatar,{key:cnAvatarGroup({index:b}),url:m(a),name:l(a),className:cnAvatarGroup("Avatar",{hidden:!s[b]&&t}),size:i,form:g,ref:q[b]})}),(t||e.length>k)&&React.createElement("div",{className:cnAvatar({size:i,form:g},[cnAvatarGroup("More",{hidden:!s[o-1]&&t})]),ref:q[o-1]},"+".concat(t?getHiddenCount(s):e.length-k)))};export var AvatarGroup=forwardRef(AvatarGroupRender);export*from"./types";
 //# sourceMappingURL=AvatarGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["React","forwardRef","cn","Avatar","avatarPropFormDefault","cnAvatar","withDefaultGetters","avatarGroupPropSizeDefault","cnAvatarGroup","AvatarGroupRender","props","ref","items","form","size","visibleCount","getItemName","getItemUrl","otherProps","length","slice","map","item","index","AvatarGroup"],"sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import './AvatarGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { Avatar, avatarPropFormDefault, cnAvatar } from '../Avatar/Avatar';\nimport { withDefaultGetters } from './helpers';\nimport {\n  AvatarGroupComponent,\n  AvatarGroupProps,\n  avatarGroupPropSizeDefault,\n} from './types';\n\nconst cnAvatarGroup = cn('AvatarGroup');\n\nconst AvatarGroupRender = (\n  props: AvatarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    form = avatarPropFormDefault,\n    size = avatarGroupPropSizeDefault,\n    visibleCount = 4,\n    getItemName,\n    getItemUrl,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <div className={cnAvatarGroup({ size })} ref={ref} {...otherProps}>\n      {items.length > visibleCount && (\n        <div className={cnAvatar({ size, form }, [cnAvatarGroup('More')])}>\n          {`+${items.length - visibleCount}`}\n        </div>\n      )}\n      {items.slice(0, visibleCount).map((item, index) => (\n        <Avatar\n          key={cnAvatarGroup({ index })}\n          url={getItemUrl(item)}\n          name={getItemName(item)}\n          className={cnAvatarGroup('Avatar')}\n          size={size}\n          form={form}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const AvatarGroup = forwardRef(\n  AvatarGroupRender,\n) as AvatarGroupComponent;\n\nexport * from './types';\n"],"mappings":"qKAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,uBACA,OAASC,MAAT,CAAiBC,qBAAjB,CAAwCC,QAAxC,wBACA,OAASC,kBAAT,iBACA,OAGEC,0BAHF,e,GAMMC,cAAa,CAAGN,EAAE,CAAC,aAAD,C,CAElBO,iBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,CACH,MAQIL,kBAAkB,CAACI,CAAD,CARtB,KACEE,KADF,CACEA,CADF,YACU,EADV,OAEEC,IAFF,CAEEA,CAFF,YAEST,qBAFT,OAGEU,IAHF,CAGEA,CAHF,YAGSP,0BAHT,OAIEQ,YAJF,CAIEA,CAJF,YAIiB,CAJjB,GAKEC,CALF,GAKEA,WALF,CAMEC,CANF,GAMEA,UANF,CAOKC,CAPL,uCAUA,MACE,0CAAK,SAAS,CAAEV,aAAa,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAA7B,CAAyC,GAAG,CAAEH,CAA9C,EAAuDO,CAAvD,EACGN,CAAK,CAACO,MAAN,CAAeJ,CAAf,EACC,2BAAK,SAAS,CAAEV,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQD,IAAI,CAAJA,CAAR,CAAD,CAAiB,CAACL,aAAa,CAAC,MAAD,CAAd,CAAjB,CAAxB,aACOI,CAAK,CAACO,MAAN,CAAeJ,CADtB,EAFJ,CAMGH,CAAK,CAACQ,KAAN,CAAY,CAAZ,CAAeL,CAAf,EAA6BM,GAA7B,CAAiC,SAACC,CAAD,CAAOC,CAAP,QAChC,qBAAC,MAAD,EACE,GAAG,CAAEf,aAAa,CAAC,CAAEe,KAAK,CAALA,CAAF,CAAD,CADpB,CAEE,GAAG,CAAEN,CAAU,CAACK,CAAD,CAFjB,CAGE,IAAI,CAAEN,CAAW,CAACM,CAAD,CAHnB,CAIE,SAAS,CAAEd,aAAa,CAAC,QAAD,CAJ1B,CAKE,IAAI,CAAEM,CALR,CAME,IAAI,CAAED,CANR,EADgC,CAAjC,CANH,CAkBH,C,CAED,MAAO,IAAMW,YAAW,CAAGvB,UAAU,CACnCQ,iBADmC,CAA9B,CAIP"}
+{"version":3,"file":"AvatarGroup.js","names":["React","forwardRef","useForkRef","getHiddenCount","useHideElementsInLine","cn","Avatar","avatarPropFormDefault","cnAvatar","withDefaultGetters","avatarGroupPropSizeDefault","cnAvatarGroup","AvatarGroupRender","props","ref","items","form","size","visibleCount","getItemName","getItemUrl","otherProps","elementsLength","length","elementsRefs","parentRef","visibleMap","autoMode","itemsForRender","slice","map","item","index","hidden","AvatarGroup"],"sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import './AvatarGroup.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport {\n  getHiddenCount,\n  useHideElementsInLine,\n} from '##/hooks/useHideElementsInLineCanary';\n\nimport { cn } from '../../utils/bem';\nimport { Avatar, avatarPropFormDefault, cnAvatar } from '../Avatar/Avatar';\nimport { withDefaultGetters } from './helpers';\nimport {\n  AvatarGroupComponent,\n  AvatarGroupProps,\n  avatarGroupPropSizeDefault,\n} from './types';\n\nconst cnAvatarGroup = cn('AvatarGroup');\n\nconst AvatarGroupRender = (\n  props: AvatarGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    form = avatarPropFormDefault,\n    size = avatarGroupPropSizeDefault,\n    visibleCount = 4,\n    getItemName,\n    getItemUrl,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const elementsLength = items.length + 1;\n\n  const { elementsRefs, parentRef, visibleMap } = useHideElementsInLine(\n    elementsLength,\n    elementsLength - 1,\n    0,\n    [visibleCount],\n  );\n\n  const autoMode = visibleCount === 'auto';\n\n  const itemsForRender = autoMode ? items : items.slice(0, visibleCount);\n\n  return (\n    <div\n      className={cnAvatarGroup({ size })}\n      ref={useForkRef([parentRef, ref])}\n      {...otherProps}\n    >\n      {itemsForRender.map((item, index) => {\n        return (\n          <Avatar\n            key={cnAvatarGroup({ index })}\n            url={getItemUrl(item)}\n            name={getItemName(item)}\n            className={cnAvatarGroup('Avatar', {\n              hidden: !visibleMap[index] && autoMode,\n            })}\n            size={size}\n            form={form}\n            ref={elementsRefs[index]}\n          />\n        );\n      })}\n      {(autoMode || items.length > visibleCount) && (\n        <div\n          className={cnAvatar({ size, form }, [\n            cnAvatarGroup('More', {\n              hidden: !visibleMap[elementsLength - 1] && autoMode,\n            }),\n          ])}\n          ref={elementsRefs[elementsLength - 1]}\n        >\n          {`+${\n            autoMode ? getHiddenCount(visibleMap) : items.length - visibleCount\n          }`}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const AvatarGroup = forwardRef(\n  AvatarGroupRender,\n) as AvatarGroupComponent;\n\nexport * from './types';\n"],"mappings":"qKAAA,0BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,8BACA,OACEC,cADF,CAEEC,qBAFF,+CAKA,OAASC,EAAT,uBACA,OAASC,MAAT,CAAiBC,qBAAjB,CAAwCC,QAAxC,wBACA,OAASC,kBAAT,iBACA,OAGEC,0BAHF,e,GAMMC,cAAa,CAAGN,EAAE,CAAC,aAAD,C,CAElBO,iBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,OASCL,kBAAkB,CAACI,CAAD,CATnB,KAEDE,KAFC,CAEDA,CAFC,YAEO,EAFP,OAGDC,IAHC,CAGDA,CAHC,YAGMT,qBAHN,OAIDU,IAJC,CAIDA,CAJC,YAIMP,0BAJN,OAKDQ,YALC,CAKDA,CALC,YAKc,CALd,GAMDC,CANC,GAMDA,WANC,CAODC,CAPC,GAODA,UAPC,CAQEC,CARF,uCAWGC,CAAc,CAAGP,CAAK,CAACQ,MAAN,CAAe,CAXnC,GAa6CnB,qBAAqB,CACnEkB,CADmE,CAEnEA,CAAc,CAAG,CAFkD,CAGnE,CAHmE,CAInE,CAACJ,CAAD,CAJmE,CAblE,CAaKM,CAbL,GAaKA,YAbL,CAamBC,CAbnB,GAamBA,SAbnB,CAa8BC,CAb9B,GAa8BA,UAb9B,CAoBGC,CAAQ,CAAoB,MAAjB,GAAAT,CApBd,CAsBGU,CAAc,CAAGD,CAAQ,CAAGZ,CAAH,CAAWA,CAAK,CAACc,KAAN,CAAY,CAAZ,CAAeX,CAAf,CAtBvC,CAwBH,MACE,0CACE,SAAS,CAAEP,aAAa,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAD1B,CAEE,GAAG,CAAEf,UAAU,CAAC,CAACuB,CAAD,CAAYX,CAAZ,CAAD,CAFjB,EAGMO,CAHN,EAKGO,CAAc,CAACE,GAAf,CAAmB,SAACC,CAAD,CAAOC,CAAP,CAAiB,CACnC,MACE,qBAAC,MAAD,EACE,GAAG,CAAErB,aAAa,CAAC,CAAEqB,KAAK,CAALA,CAAF,CAAD,CADpB,CAEE,GAAG,CAAEZ,CAAU,CAACW,CAAD,CAFjB,CAGE,IAAI,CAAEZ,CAAW,CAACY,CAAD,CAHnB,CAIE,SAAS,CAAEpB,aAAa,CAAC,QAAD,CAAW,CACjCsB,MAAM,CAAE,CAACP,CAAU,CAACM,CAAD,CAAX,EAAsBL,CADG,CAAX,CAJ1B,CAOE,IAAI,CAAEV,CAPR,CAQE,IAAI,CAAED,CARR,CASE,GAAG,CAAEQ,CAAY,CAACQ,CAAD,CATnB,EAYH,CAdA,CALH,CAoBG,CAACL,CAAQ,EAAIZ,CAAK,CAACQ,MAAN,CAAeL,CAA5B,GACC,2BACE,SAAS,CAAEV,QAAQ,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQD,IAAI,CAAJA,CAAR,CAAD,CAAiB,CAClCL,aAAa,CAAC,MAAD,CAAS,CACpBsB,MAAM,CAAE,CAACP,CAAU,CAACJ,CAAc,CAAG,CAAlB,CAAX,EAAmCK,CADvB,CAAT,CADqB,CAAjB,CADrB,CAME,GAAG,CAAEH,CAAY,CAACF,CAAc,CAAG,CAAlB,CANnB,aASIK,CAAQ,CAAGxB,cAAc,CAACuB,CAAD,CAAjB,CAAgCX,CAAK,CAACQ,MAAN,CAAeL,CAT3D,EArBJ,CAoCH,C,CAED,MAAO,IAAMgB,YAAW,CAAGjC,UAAU,CACnCW,iBADmC,CAA9B,CAIP"}

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

@@ -5,18 +5,53 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     getItemUrl: AvatarGroupPropGetItemUrl<AvatarGroupDefaultItem> | AvatarGroupPropGetItemUrl<ITEM>;
     children?: undefined;
     items?: ITEM[] | undefined;
-    visibleCount?: number | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
+    visibleCount?: number | "auto" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     form?: "default" | "round" | "brick" | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
     className?: string | undefined;
-    color?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
-    role?: import("react").AriaRole | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -26,7 +61,7 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -35,7 +70,7 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -228,41 +263,6 @@ export declare function withDefaultGetters<ITEM>(props: AvatarGroupProps<ITEM>):
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/AvatarGroup/types.d.ts

@@ -15,7 +15,7 @@ export declare type AvatarGroupPropGetItemName<ITEM> = (item: ITEM) => string |
 export declare type AvatarGroupProps<ITEM = AvatarGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
     children?: never;
     items?: ITEM[];
-    visibleCount?: number;
+    visibleCount?: number | 'auto';
     getItemUrl?: AvatarGroupPropGetItemUrl<ITEM>;
     getItemName?: AvatarGroupPropGetItemName<ITEM>;
     size?: AvatarGroupPropSize;

package/__internal__/src/components/AvatarGroup/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["avatarGroupPropSize","avatarGroupPropSizeDefault","avatarGroupPropForm","avatarGroupPropFormDefault"],"sources":["../../../../../src/components/AvatarGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const avatarGroupPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarGroupPropSize = typeof avatarGroupPropSize[number];\nexport const avatarGroupPropSizeDefault: AvatarGroupPropSize =\n  avatarGroupPropSize[0];\n\nexport const avatarGroupPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarGroupPropForm = typeof avatarGroupPropForm[number];\nexport const avatarGroupPropFormDefault: AvatarGroupPropForm =\n  avatarGroupPropForm[0];\n\nexport type AvatarGroupDefaultItem = {\n  url?: string;\n  name?: string;\n};\n\nexport type AvatarGroupPropGetItemUrl<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type AvatarGroupPropGetItemName<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type AvatarGroupProps<ITEM = AvatarGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      items?: ITEM[];\n      visibleCount?: number;\n      getItemUrl?: AvatarGroupPropGetItemUrl<ITEM>;\n      getItemName?: AvatarGroupPropGetItemName<ITEM>;\n      size?: AvatarGroupPropSize;\n      form?: AvatarGroupPropForm;\n    },\n    HTMLDivElement\n  >;\n\nexport type AvatarGroupComponent = <ITEM = AvatarGroupDefaultItem>(\n  props: AvatarGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAIA,MAAO,IAAMA,oBAAmB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd,CAGP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd"}
+{"version":3,"file":"types.js","names":["avatarGroupPropSize","avatarGroupPropSizeDefault","avatarGroupPropForm","avatarGroupPropFormDefault"],"sources":["../../../../../src/components/AvatarGroup/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const avatarGroupPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarGroupPropSize = typeof avatarGroupPropSize[number];\nexport const avatarGroupPropSizeDefault: AvatarGroupPropSize =\n  avatarGroupPropSize[0];\n\nexport const avatarGroupPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarGroupPropForm = typeof avatarGroupPropForm[number];\nexport const avatarGroupPropFormDefault: AvatarGroupPropForm =\n  avatarGroupPropForm[0];\n\nexport type AvatarGroupDefaultItem = {\n  url?: string;\n  name?: string;\n};\n\nexport type AvatarGroupPropGetItemUrl<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type AvatarGroupPropGetItemName<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type AvatarGroupProps<ITEM = AvatarGroupDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      items?: ITEM[];\n      visibleCount?: number | 'auto';\n      getItemUrl?: AvatarGroupPropGetItemUrl<ITEM>;\n      getItemName?: AvatarGroupPropGetItemName<ITEM>;\n      size?: AvatarGroupPropSize;\n      form?: AvatarGroupPropForm;\n    },\n    HTMLDivElement\n  >;\n\nexport type AvatarGroupComponent = <ITEM = AvatarGroupDefaultItem>(\n  props: AvatarGroupProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAIA,MAAO,IAAMA,oBAAmB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd,CAGP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd"}

package/__internal__/src/components/Breadcrumbs/BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem"];import"./BreadcrumbsFitModeDropdown.css";import React,{forwardRef}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{cn}from"../../../utils/bem";import{BreadcrumbsMore}from"../BreadcrumbsMore/BreadcrumbsMore";import{useElements}from"../useElements";export var cnBreadcrumbsFitModeDropdown=cn("BreadcrumbsFitModeDropdown");export var BreadcrumbsFitModeDropdown=forwardRef(function(a,b){var c=a.items,d=a.getItemHref,e=a.getItemLabel,f=a.getItemIcon,g=a.getItemOnClick,h=a.getItemSubMenu,i=a.onItemClick,j=a.size,k=a.className,l=a.renderItem,m=_objectWithoutProperties(a,_excluded),n=useElements(c),o=n.firstItem,p=n.lastItem,q=n.readyToHideItems,r=n.hiddenItems,s=n.itemsRefs,t=n.wrapperRef,u=n.moreRef,v=n.firstItemRef,w=n.lastItemRef,x=n.lastWidth,y=n.compression,z=useForkRef([b,t]);return React.createElement("ul",Object.assign({className:cnBreadcrumbsFitModeDropdown({compression:y},[k]),ref:z},m,{style:_defineProperty({},"--breadcrumbs-item-last-width",x)}),l(o,"first",!0,!1,v),React.createElement(BreadcrumbsMore,{size:j,key:cnBreadcrumbsFitModeDropdown("More"),getItemHref:d,getItemIcon:f,getItemLabel:e,getItemOnClick:g,onItemClick:i,getItemSubMenu:h,items:r,ref:u,className:cnBreadcrumbsFitModeDropdown("Item",{removed:0>=r.length})}),q.map(function(a,b){return l(a,b,!1,!1,s[b],!!r[b])}),l(p,"last",!1,!0,w))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem"];import"./BreadcrumbsFitModeDropdown.css";import React,{forwardRef}from"react";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{cn}from"../../../utils/bem";import{BreadcrumbsMore}from"../BreadcrumbsMore/BreadcrumbsMore";import{useElements}from"../useElements";export var cnBreadcrumbsFitModeDropdown=cn("BreadcrumbsFitModeDropdown");export var BreadcrumbsFitModeDropdown=forwardRef(function(a,b){var c=a.items,d=a.getItemHref,e=a.getItemLabel,f=a.getItemIcon,g=a.getItemOnClick,h=a.getItemSubMenu,i=a.onItemClick,j=a.size,k=a.className,l=a.renderItem,m=_objectWithoutProperties(a,_excluded),n=useElements(c),o=n.firstItem,p=n.lastItem,q=n.readyToHideItems,r=n.visibleMap,s=n.elementsRefs,t=n.parentRef,u=n.hiddenItems,v=n.firstItemRef,w=n.lastItemRef,x=n.lastWidth,y=n.compression,z=useForkRef([b,t]);return React.createElement("ul",Object.assign({className:cnBreadcrumbsFitModeDropdown({compression:y},[k]),ref:z},m,{style:_defineProperty({},"--breadcrumbs-item-last-width",x)}),l(o,"first",!0,!1,v),React.createElement(BreadcrumbsMore,{size:j,key:cnBreadcrumbsFitModeDropdown("More"),getItemHref:d,getItemIcon:f,getItemLabel:e,getItemOnClick:g,onItemClick:i,getItemSubMenu:h,items:u,ref:s[0],className:cnBreadcrumbsFitModeDropdown("Item",{removed:0>=u.length})}),q.map(function(a,b){return l(a,b,!1,!1,s[b+1],!r[b+1])}),l(p,"last",!1,!0,w))});
 //# sourceMappingURL=BreadcrumbsFitModeDropdown.js.map

package/__internal__/src/components/Breadcrumbs/BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsFitModeDropdown.js","names":["React","forwardRef","useForkRef","cn","BreadcrumbsMore","useElements","cnBreadcrumbsFitModeDropdown","BreadcrumbsFitModeDropdown","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem","otherProps","firstItem","lastItem","readyToHideItems","hiddenItems","itemsRefs","wrapperRef","moreRef","firstItemRef","lastItemRef","lastWidth","compression","rootRef","removed","length","map","item","index"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown.tsx"],"sourcesContent":["import './BreadcrumbsFitModeDropdown.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../../utils/bem';\nimport { BreadcrumbsMore } from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { BreadcrumbsFitModeDropdownComponent } from '../types';\nimport { useElements } from '../useElements';\n\nexport const cnBreadcrumbsFitModeDropdown = cn('BreadcrumbsFitModeDropdown');\n\nexport const BreadcrumbsFitModeDropdown: BreadcrumbsFitModeDropdownComponent =\n  forwardRef((props, ref) => {\n    const {\n      items,\n      getItemHref,\n      getItemLabel,\n      getItemIcon,\n      getItemOnClick,\n      getItemSubMenu,\n      onItemClick,\n      size,\n      className,\n      renderItem,\n      ...otherProps\n    } = props;\n\n    const {\n      firstItem,\n      lastItem,\n      readyToHideItems,\n      hiddenItems,\n      itemsRefs,\n      wrapperRef,\n      moreRef,\n      firstItemRef,\n      lastItemRef,\n      lastWidth,\n      compression,\n    } = useElements(items);\n\n    const rootRef = useForkRef([ref, wrapperRef]);\n\n    return (\n      <ul\n        className={cnBreadcrumbsFitModeDropdown({ compression }, [className])}\n        ref={rootRef}\n        {...otherProps}\n        style={{ ['--breadcrumbs-item-last-width' as string]: lastWidth }}\n      >\n        {renderItem(firstItem, 'first', true, false, firstItemRef)}\n        <BreadcrumbsMore\n          size={size}\n          key={cnBreadcrumbsFitModeDropdown('More')}\n          getItemHref={getItemHref}\n          getItemIcon={getItemIcon}\n          getItemLabel={getItemLabel}\n          getItemOnClick={getItemOnClick}\n          onItemClick={onItemClick}\n          getItemSubMenu={getItemSubMenu}\n          items={hiddenItems}\n          ref={moreRef}\n          className={cnBreadcrumbsFitModeDropdown('Item', {\n            removed: hiddenItems.length <= 0,\n          })}\n        />\n        {readyToHideItems.map((item, index) =>\n          renderItem(\n            item,\n            index,\n            false,\n            false,\n            itemsRefs[index],\n            !!hiddenItems[index],\n          ),\n        )}\n        {renderItem(lastItem, 'last', false, true, lastItemRef)}\n      </ul>\n    );\n  });\n"],"mappings":"2SAAA,yCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BACA,OAASC,eAAT,0CAEA,OAASC,WAAT,sBAEA,MAAO,IAAMC,6BAA4B,CAAGH,EAAE,CAAC,4BAAD,CAAvC,CAEP,MAAO,IAAMI,2BAA+D,CAC1EN,UAAU,CAAC,SAACO,CAAD,CAAQC,CAAR,CAAgB,IAEvBC,EAFuB,CAarBF,CAbqB,CAEvBE,KAFuB,CAGvBC,CAHuB,CAarBH,CAbqB,CAGvBG,WAHuB,CAIvBC,CAJuB,CAarBJ,CAbqB,CAIvBI,YAJuB,CAKvBC,CALuB,CAarBL,CAbqB,CAKvBK,WALuB,CAMvBC,CANuB,CAarBN,CAbqB,CAMvBM,cANuB,CAOvBC,CAPuB,CAarBP,CAbqB,CAOvBO,cAPuB,CAQvBC,CARuB,CAarBR,CAbqB,CAQvBQ,WARuB,CASvBC,CATuB,CAarBT,CAbqB,CASvBS,IATuB,CAUvBC,CAVuB,CAarBV,CAbqB,CAUvBU,SAVuB,CAWvBC,CAXuB,CAarBX,CAbqB,CAWvBW,UAXuB,CAYpBC,CAZoB,0BAarBZ,CAbqB,cA2BrBH,WAAW,CAACK,CAAD,CA3BU,CAgBvBW,CAhBuB,GAgBvBA,SAhBuB,CAiBvBC,CAjBuB,GAiBvBA,QAjBuB,CAkBvBC,CAlBuB,GAkBvBA,gBAlBuB,CAmBvBC,CAnBuB,GAmBvBA,WAnBuB,CAoBvBC,CApBuB,GAoBvBA,SApBuB,CAqBvBC,CArBuB,GAqBvBA,UArBuB,CAsBvBC,CAtBuB,GAsBvBA,OAtBuB,CAuBvBC,CAvBuB,GAuBvBA,YAvBuB,CAwBvBC,CAxBuB,GAwBvBA,WAxBuB,CAyBvBC,CAzBuB,GAyBvBA,SAzBuB,CA0BvBC,CA1BuB,GA0BvBA,WA1BuB,CA6BnBC,CAAO,CAAG9B,UAAU,CAAC,CAACO,CAAD,CAAMiB,CAAN,CAAD,CA7BD,CA+BzB,MACE,yCACE,SAAS,CAAEpB,4BAA4B,CAAC,CAAEyB,WAAW,CAAXA,CAAF,CAAD,CAAkB,CAACb,CAAD,CAAlB,CADzC,CAEE,GAAG,CAAEc,CAFP,EAGMZ,CAHN,EAIE,KAAK,oBAAK,+BAAL,CAAiDU,CAAjD,CAJP,GAMGX,CAAU,CAACE,CAAD,CAAY,OAAZ,OAAkCO,CAAlC,CANb,CAOE,oBAAC,eAAD,EACE,IAAI,CAAEX,CADR,CAEE,GAAG,CAAEX,4BAA4B,CAAC,MAAD,CAFnC,CAGE,WAAW,CAAEK,CAHf,CAIE,WAAW,CAAEE,CAJf,CAKE,YAAY,CAAED,CALhB,CAME,cAAc,CAAEE,CANlB,CAOE,WAAW,CAAEE,CAPf,CAQE,cAAc,CAAED,CARlB,CASE,KAAK,CAAES,CATT,CAUE,GAAG,CAAEG,CAVP,CAWE,SAAS,CAAErB,4BAA4B,CAAC,MAAD,CAAS,CAC9C2B,OAAO,CAAwB,CAAtB,EAAAT,CAAW,CAACU,MADyB,CAAT,CAXzC,EAPF,CAsBGX,CAAgB,CAACY,GAAjB,CAAqB,SAACC,CAAD,CAAOC,CAAP,QACpBlB,EAAU,CACRiB,CADQ,CAERC,CAFQ,OAKRZ,CAAS,CAACY,CAAD,CALD,CAMR,CAAC,CAACb,CAAW,CAACa,CAAD,CANL,CADU,CAArB,CAtBH,CAgCGlB,CAAU,CAACG,CAAD,CAAW,MAAX,OAAgCO,CAAhC,CAhCb,CAmCH,CAnES,CADL"}
+{"version":3,"file":"BreadcrumbsFitModeDropdown.js","names":["React","forwardRef","useForkRef","cn","BreadcrumbsMore","useElements","cnBreadcrumbsFitModeDropdown","BreadcrumbsFitModeDropdown","props","ref","items","getItemHref","getItemLabel","getItemIcon","getItemOnClick","getItemSubMenu","onItemClick","size","className","renderItem","otherProps","firstItem","lastItem","readyToHideItems","visibleMap","elementsRefs","parentRef","hiddenItems","firstItemRef","lastItemRef","lastWidth","compression","rootRef","removed","length","map","item","index"],"sources":["../../../../../../src/components/Breadcrumbs/BreadcrumbsFitModeDropdown/BreadcrumbsFitModeDropdown.tsx"],"sourcesContent":["import './BreadcrumbsFitModeDropdown.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useForkRef } from '../../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../../utils/bem';\nimport { BreadcrumbsMore } from '../BreadcrumbsMore/BreadcrumbsMore';\nimport { BreadcrumbsFitModeDropdownComponent } from '../types';\nimport { useElements } from '../useElements';\n\nexport const cnBreadcrumbsFitModeDropdown = cn('BreadcrumbsFitModeDropdown');\n\nexport const BreadcrumbsFitModeDropdown: BreadcrumbsFitModeDropdownComponent =\n  forwardRef((props, ref) => {\n    const {\n      items,\n      getItemHref,\n      getItemLabel,\n      getItemIcon,\n      getItemOnClick,\n      getItemSubMenu,\n      onItemClick,\n      size,\n      className,\n      renderItem,\n      ...otherProps\n    } = props;\n\n    const {\n      firstItem,\n      lastItem,\n      readyToHideItems,\n      visibleMap,\n      elementsRefs,\n      parentRef,\n      hiddenItems,\n      firstItemRef,\n      lastItemRef,\n      lastWidth,\n      compression,\n    } = useElements(items);\n\n    const rootRef = useForkRef([ref, parentRef]);\n\n    return (\n      <ul\n        className={cnBreadcrumbsFitModeDropdown({ compression }, [className])}\n        ref={rootRef}\n        {...otherProps}\n        style={{ ['--breadcrumbs-item-last-width' as string]: lastWidth }}\n      >\n        {renderItem(firstItem, 'first', true, false, firstItemRef)}\n        <BreadcrumbsMore\n          size={size}\n          key={cnBreadcrumbsFitModeDropdown('More')}\n          getItemHref={getItemHref}\n          getItemIcon={getItemIcon}\n          getItemLabel={getItemLabel}\n          getItemOnClick={getItemOnClick}\n          onItemClick={onItemClick}\n          getItemSubMenu={getItemSubMenu}\n          items={hiddenItems}\n          ref={elementsRefs[0]}\n          className={cnBreadcrumbsFitModeDropdown('Item', {\n            removed: hiddenItems.length <= 0,\n          })}\n        />\n        {readyToHideItems.map((item, index) =>\n          renderItem(\n            item,\n            index,\n            false,\n            false,\n            elementsRefs[index + 1],\n            !visibleMap[index + 1],\n          ),\n        )}\n        {renderItem(lastItem, 'last', false, true, lastItemRef)}\n      </ul>\n    );\n  });\n"],"mappings":"2SAAA,yCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,UAAT,4CACA,OAASC,EAAT,0BACA,OAASC,eAAT,0CAEA,OAASC,WAAT,sBAEA,MAAO,IAAMC,6BAA4B,CAAGH,EAAE,CAAC,4BAAD,CAAvC,CAEP,MAAO,IAAMI,2BAA+D,CAC1EN,UAAU,CAAC,SAACO,CAAD,CAAQC,CAAR,CAAgB,IAEvBC,EAFuB,CAarBF,CAbqB,CAEvBE,KAFuB,CAGvBC,CAHuB,CAarBH,CAbqB,CAGvBG,WAHuB,CAIvBC,CAJuB,CAarBJ,CAbqB,CAIvBI,YAJuB,CAKvBC,CALuB,CAarBL,CAbqB,CAKvBK,WALuB,CAMvBC,CANuB,CAarBN,CAbqB,CAMvBM,cANuB,CAOvBC,CAPuB,CAarBP,CAbqB,CAOvBO,cAPuB,CAQvBC,CARuB,CAarBR,CAbqB,CAQvBQ,WARuB,CASvBC,CATuB,CAarBT,CAbqB,CASvBS,IATuB,CAUvBC,CAVuB,CAarBV,CAbqB,CAUvBU,SAVuB,CAWvBC,CAXuB,CAarBX,CAbqB,CAWvBW,UAXuB,CAYpBC,CAZoB,0BAarBZ,CAbqB,cA2BrBH,WAAW,CAACK,CAAD,CA3BU,CAgBvBW,CAhBuB,GAgBvBA,SAhBuB,CAiBvBC,CAjBuB,GAiBvBA,QAjBuB,CAkBvBC,CAlBuB,GAkBvBA,gBAlBuB,CAmBvBC,CAnBuB,GAmBvBA,UAnBuB,CAoBvBC,CApBuB,GAoBvBA,YApBuB,CAqBvBC,CArBuB,GAqBvBA,SArBuB,CAsBvBC,CAtBuB,GAsBvBA,WAtBuB,CAuBvBC,CAvBuB,GAuBvBA,YAvBuB,CAwBvBC,CAxBuB,GAwBvBA,WAxBuB,CAyBvBC,CAzBuB,GAyBvBA,SAzBuB,CA0BvBC,CA1BuB,GA0BvBA,WA1BuB,CA6BnBC,CAAO,CAAG9B,UAAU,CAAC,CAACO,CAAD,CAAMiB,CAAN,CAAD,CA7BD,CA+BzB,MACE,yCACE,SAAS,CAAEpB,4BAA4B,CAAC,CAAEyB,WAAW,CAAXA,CAAF,CAAD,CAAkB,CAACb,CAAD,CAAlB,CADzC,CAEE,GAAG,CAAEc,CAFP,EAGMZ,CAHN,EAIE,KAAK,oBAAK,+BAAL,CAAiDU,CAAjD,CAJP,GAMGX,CAAU,CAACE,CAAD,CAAY,OAAZ,OAAkCO,CAAlC,CANb,CAOE,oBAAC,eAAD,EACE,IAAI,CAAEX,CADR,CAEE,GAAG,CAAEX,4BAA4B,CAAC,MAAD,CAFnC,CAGE,WAAW,CAAEK,CAHf,CAIE,WAAW,CAAEE,CAJf,CAKE,YAAY,CAAED,CALhB,CAME,cAAc,CAAEE,CANlB,CAOE,WAAW,CAAEE,CAPf,CAQE,cAAc,CAAED,CARlB,CASE,KAAK,CAAEY,CATT,CAUE,GAAG,CAAEF,CAAY,CAAC,CAAD,CAVnB,CAWE,SAAS,CAAEnB,4BAA4B,CAAC,MAAD,CAAS,CAC9C2B,OAAO,CAAwB,CAAtB,EAAAN,CAAW,CAACO,MADyB,CAAT,CAXzC,EAPF,CAsBGX,CAAgB,CAACY,GAAjB,CAAqB,SAACC,CAAD,CAAOC,CAAP,QACpBlB,EAAU,CACRiB,CADQ,CAERC,CAFQ,OAKRZ,CAAY,CAACY,CAAK,CAAG,CAAT,CALJ,CAMR,CAACb,CAAU,CAACa,CAAK,CAAG,CAAT,CANH,CADU,CAArB,CAtBH,CAgCGlB,CAAU,CAACG,CAAD,CAAW,MAAX,OAAgCO,CAAhC,CAhCb,CAmCH,CAnES,CADL"}

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

@@ -8,19 +8,54 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     getItemSubMenu: BreadcrumbsPropGetItemSubMenu<DefaultItem>;
     items: DefaultItem[];
     onItemClick?: import("./types").BreadcrumbsPropOnItemClick<DefaultItem> | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
     onlyIconRoot?: boolean | undefined;
     fitMode?: "scroll" | "dropdown" | undefined;
     lastItemIsLink?: boolean | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
     className?: string | undefined;
-    color?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
-    role?: import("react").AriaRole | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -30,7 +65,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -39,7 +74,7 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -233,41 +268,6 @@ export declare function withDefaultGetters(props: BreadcrumbsProps): {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLUListElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLUListElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     ref?: import("react").Ref<HTMLUListElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/Breadcrumbs/useElements.d.ts

@@ -1,16 +1,14 @@
 /// <reference types="react" />
 export declare const useElements: <ITEM>(items: ITEM[]) => {
-    visibleItems: ITEM[];
-    hiddenItems: ITEM[];
-    itemsRefs: import("react").RefObject<HTMLLIElement>[];
-    wrapperRef: import("react").RefObject<HTMLUListElement>;
-    moreRef: import("react").RefObject<HTMLLIElement> | undefined;
     firstItem: ITEM | undefined;
     lastItem: ITEM | undefined;
     readyToHideItems: ITEM[];
+    hiddenItems: ITEM[];
+    visibleMap: boolean[];
     firstItemRef: import("react").RefObject<HTMLLIElement>;
     lastItemRef: import("react").RefObject<HTMLLIElement>;
     lastWidth: string;
     compression: string;
-    elementsSizeSum: number;
+    parentRef: import("react").RefObject<HTMLUListElement>;
+    elementsRefs: import("react").RefObject<HTMLLIElement>[];
 };

package/__internal__/src/components/Breadcrumbs/useElements.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["itemsDimensions","wrapperWidth"];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}import{useMemo}from"react";import{useHideElementsInLine}from"../../hooks/useHideElementsInLine/useHideElementsInLine";import{useRefs}from"../../hooks/useRefs/useRefs";import{useResizeObserved}from"../../hooks/useResizeObserved/useResizeObserved";var useReadyToHideItems=function(a){return useMemo(function(){var b=_toConsumableArray(a),c=b.shift(),d=b.pop();return[c,b,d]},[a])},getLastWidth=function(a,b,c,d){var e=b+c.reduce(function(a,b,c){return a+(d[c]?0:b)},0);return"".concat(a-e,"px")},getCompression=function(a){return 380>=a?"s":900>=a?"m":1200>=a?"l":"xl"};export var useElements=function(a){var b=useReadyToHideItems(a),c=_slicedToArray(b,3),d=c[0],e=c[1],f=c[2],g=useRefs(2),h=useResizeObserved(g,function(a){return a?parseInt(getComputedStyle(a).marginRight,10)+parseInt(getComputedStyle(a).marginLeft,10)+a.offsetWidth:0}),i=h.reduce(function(a,b){return a+b},0),j=useHideElementsInLine(e,i,!0),k=j.itemsDimensions,l=j.wrapperWidth,m=_objectWithoutProperties(j,_excluded),n=i+k.reduce(function(a,b){return a+b},0),o=getLastWidth(l,h[0],k,m.hiddenItems),p=getCompression(l);return _objectSpread({firstItem:d,lastItem:f,readyToHideItems:e,firstItemRef:g[0],lastItemRef:g[1],lastWidth:o,compression:p,elementsSizeSum:n},m)};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useMemo}from"react";import{useHideElementsInLine}from"../../hooks/useHideElementsInLineCanary";import{useRefs}from"../../hooks/useRefs";import{useResizeObserved}from"../../hooks/useResizeObserved";var useReadyToHideItems=function(a){return useMemo(function(){var b=_toConsumableArray(a),c=b.shift(),d=b.pop();return[c,b,d]},[a])},getLastWidth=function(a,b,c,d){var e=b+c.reduce(function(a,b,c){return a+(d[c]?b:0)},0);return"".concat(a-e,"px")},getCompression=function(a){return 380>=a?"s":900>=a?"m":1200>=a?"l":"xl"};export var useElements=function(a){var b=useReadyToHideItems(a),c=_slicedToArray(b,3),d=c[0],e=c[1],f=c[2],g=useRefs(2),h=useResizeObserved(g,function(a){return a?parseInt(getComputedStyle(a).marginRight,10)+parseInt(getComputedStyle(a).marginLeft,10)+a.offsetWidth:0}),i=h.reduce(function(a,b){return a+b},0),j=useHideElementsInLine(e.length+1,0,i),k=j.elementsSizes,l=j.parentSize,m=j.visibleMap,n=j.parentRef,o=j.elementsRefs,p=getLastWidth(l,h[0],k,m),q=getCompression(l),r=m.map(function(b,c){if(!b&&0!==c)return a[c]}).filter(function(a){return!!a});return{firstItem:d,lastItem:f,readyToHideItems:e,hiddenItems:r,visibleMap:m,firstItemRef:g[0],lastItemRef:g[1],lastWidth:p,compression:q,parentRef:n,elementsRefs:o}};
 //# sourceMappingURL=useElements.js.map