@consta/uikit 5.14.0 → 5.15.0

package/__internal__/src/components/Badge/Badge.css

@@ -1 +1 @@
-.Badge{align-items:center;box-sizing:border-box;color:var(--badge-text-color);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horisontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color);width:var(--badge-size)}.Badge-Icon{flex:1}
+.Badge{align-items:center;box-sizing:border-box;color:var(--badge-text-color);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horizontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color);width:var(--badge-size)}.Badge-Icon{flex:1}

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

@@ -1,3 +1,3 @@
-import './Badge.css';
-import { BadgeProps } from './types';
-export declare const Badge: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<BadgeProps, "div">;
+import './Badge.css';
+import { BadgeProps } from './types';
+export declare const Badge: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<BadgeProps, "div">;

package/__internal__/src/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as","title","style"];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"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{useTheme}from"../Theme";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{cnBadge}from"./cn";import{guardStatus}from"./guardStatus";import{getBgColor,getBorderColor,getDegreeMixing,getHorisontalPadding,getMinifiedBorderSize,getSize,getTextColor,getTextSize}from"./maps";import{badgePropFormDefault,badgePropSizeDefault,badgePropStatusDefault,badgePropViewDefault}from"./types";var renderIcon=function(a){return a?React.createElement(a,{size:"xs",className:cnBadge("Icon")}):null};export var Badge=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?badgePropSizeDefault:c,e=a.view,f=void 0===e?badgePropViewDefault:e,g=a.status,h=void 0===g?badgePropStatusDefault:g,i=a.form,j=void 0===i?badgePropFormDefault:i,k=a.icon,l=a.iconLeft,m=a.iconRight,n=a.minified,o=void 0!==n&&n,p=a.label,q=a.as,r=void 0===q?"div":q,s=a.title,t=a.style,u=_objectWithoutProperties(a,_excluded),v=guardStatus(h),w=useTheme(),x=w.themeClassNames,y="system"!==v&&"disabled"!==v&&"filled"===f?classnames(a.className,x.color.accent):a.className,z=null!==l&&void 0!==l?l:k,A=1===[k,l,m,p].filter(Boolean).length&&1>=((null===p||void 0===p?void 0:p.length)||0);return React.createElement(r,Object.assign({},u,{className:cnBadge(_objectSpread({minified:o},!o&&{view:f,form:j,counter:A}),[y]),ref:b,title:s||o&&p,style:_objectSpread(_objectSpread({},t),{},{"--badge-bg-color":getBgColor(v),"--badge-border-color":getBorderColor(v,f),"--badge-horisontal-padding":getHorisontalPadding(d,j,o),"--badge-minified-border-size":getMinifiedBorderSize(d,o),"--badge-size":getSize(d,o),"--badge-text-color":getTextColor(v,f),"--badge-text-size":getTextSize(d),"--badge-degree-mixing":getDegreeMixing(v,f)})}),!o&&React.createElement(React.Fragment,null,renderIcon(z),p,renderIcon(m)))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as","title","style"];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"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{useTheme}from"../Theme";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{cnBadge}from"./cn";import{guardStatus}from"./guardStatus";import{getBgColor,getBorderColor,getDegreeMixing,getHorizontalPadding,getMinifiedBorderSize,getSize,getTextColor,getTextSize}from"./maps";import{badgePropFormDefault,badgePropSizeDefault,badgePropStatusDefault,badgePropViewDefault}from"./types";var renderIcon=function(a){return a?React.createElement(a,{size:"xs",className:cnBadge("Icon")}):null};export var Badge=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?badgePropSizeDefault:c,e=a.view,f=void 0===e?badgePropViewDefault:e,g=a.status,h=void 0===g?badgePropStatusDefault:g,i=a.form,j=void 0===i?badgePropFormDefault:i,k=a.icon,l=a.iconLeft,m=a.iconRight,n=a.minified,o=void 0!==n&&n,p=a.label,q=a.as,r=void 0===q?"div":q,s=a.title,t=a.style,u=_objectWithoutProperties(a,_excluded),v=guardStatus(h),w=useTheme(),x=w.themeClassNames,y="system"!==v&&"disabled"!==v&&"filled"===f?classnames(a.className,x.color.accent):a.className,z=null!==l&&void 0!==l?l:k,A=1===[k,l,m,p].filter(Boolean).length&&1>=((null===p||void 0===p?void 0:p.length)||0);return React.createElement(r,Object.assign({},u,{className:cnBadge(_objectSpread({minified:o},!o&&{view:f,form:j,counter:A}),[y]),ref:b,title:s||o&&p,style:_objectSpread(_objectSpread({},t),{},{"--badge-bg-color":getBgColor(v),"--badge-border-color":getBorderColor(v,f),"--badge-horizontal-padding":getHorizontalPadding(d,j,o),"--badge-minified-border-size":getMinifiedBorderSize(d,o),"--badge-size":getSize(d,o),"--badge-text-color":getTextColor(v,f),"--badge-text-size":getTextSize(d),"--badge-degree-mixing":getDegreeMixing(v,f)})}),!o&&React.createElement(React.Fragment,null,renderIcon(z),p,renderIcon(m)))});
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["classnames","React","useTheme","forwardRefWithAs","cnBadge","guardStatus","getBgColor","getBorderColor","getDegreeMixing","getHorisontalPadding","getMinifiedBorderSize","getSize","getTextColor","getTextSize","badgePropFormDefault","badgePropSizeDefault","badgePropStatusDefault","badgePropViewDefault","renderIcon","Icon","Badge","props","ref","size","view","status","statusProp","form","icon","iconLeft","IconRight","iconRight","minified","label","as","title","style","otherProps","themeClassNames","className","color","accent","IconLeft","counter","filter","Boolean","length"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { useTheme } from '##/components/Theme';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { cnBadge } from './cn';\nimport { guardStatus } from './guardStatus';\nimport {\n  getBgColor,\n  getBorderColor,\n  getDegreeMixing,\n  getHorisontalPadding,\n  getMinifiedBorderSize,\n  getSize,\n  getTextColor,\n  getTextSize,\n} from './maps';\nimport {\n  badgePropFormDefault,\n  BadgeProps,\n  badgePropSizeDefault,\n  badgePropStatusDefault,\n  badgePropViewDefault,\n} from './types';\n\nconst renderIcon = (Icon: IconComponent | undefined) =>\n  Icon ? <Icon size=\"xs\" className={cnBadge('Icon')} /> : null;\n\nexport const Badge = forwardRefWithAs<BadgeProps>((props, ref) => {\n  const {\n    size = badgePropSizeDefault,\n    view = badgePropViewDefault,\n    status: statusProp = badgePropStatusDefault,\n    form = badgePropFormDefault,\n    icon,\n    iconLeft,\n    iconRight: IconRight,\n    minified = false,\n    label,\n    as = 'div',\n    title,\n    style,\n    ...otherProps\n  } = props;\n\n  const status = guardStatus(statusProp);\n  const Tag = as as string;\n  const { themeClassNames } = useTheme();\n\n  const className =\n    status !== 'system' && status !== 'disabled' && view === 'filled'\n      ? classnames(props.className, themeClassNames.color.accent)\n      : props.className;\n  const IconLeft = iconLeft ?? icon;\n  const counter =\n    [icon, iconLeft, IconRight, label].filter(Boolean).length === 1 &&\n    (label?.length || 0) <= 1;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnBadge(\n        {\n          minified,\n          ...(!minified && {\n            view,\n            form,\n            counter,\n          }),\n        },\n        [className],\n      )}\n      ref={ref}\n      title={title || (minified && label)}\n      style={{\n        ...style,\n        '--badge-bg-color': getBgColor(status),\n        '--badge-border-color': getBorderColor(status, view),\n        '--badge-horisontal-padding': getHorisontalPadding(\n          size,\n          form,\n          minified,\n        ),\n        '--badge-minified-border-size': getMinifiedBorderSize(size, minified),\n        '--badge-size': getSize(size, minified),\n        '--badge-text-color': getTextColor(status, view),\n        '--badge-text-size': getTextSize(size),\n        '--badge-degree-mixing': getDegreeMixing(status, view),\n      }}\n    >\n      {!minified && (\n        <>\n          {renderIcon(IconLeft)}\n          {label}\n          {renderIcon(IconRight)}\n        </>\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Badge.js","names":["classnames","React","useTheme","forwardRefWithAs","cnBadge","guardStatus","getBgColor","getBorderColor","getDegreeMixing","getHorizontalPadding","getMinifiedBorderSize","getSize","getTextColor","getTextSize","badgePropFormDefault","badgePropSizeDefault","badgePropStatusDefault","badgePropViewDefault","renderIcon","Icon","Badge","props","ref","size","view","status","statusProp","form","icon","iconLeft","IconRight","iconRight","minified","label","as","title","style","otherProps","themeClassNames","className","color","accent","IconLeft","counter","filter","Boolean","length"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { useTheme } from '##/components/Theme';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { cnBadge } from './cn';\nimport { guardStatus } from './guardStatus';\nimport {\n  getBgColor,\n  getBorderColor,\n  getDegreeMixing,\n  getHorizontalPadding,\n  getMinifiedBorderSize,\n  getSize,\n  getTextColor,\n  getTextSize,\n} from './maps';\nimport {\n  badgePropFormDefault,\n  BadgeProps,\n  badgePropSizeDefault,\n  badgePropStatusDefault,\n  badgePropViewDefault,\n} from './types';\n\nconst renderIcon = (Icon: IconComponent | undefined) =>\n  Icon ? <Icon size=\"xs\" className={cnBadge('Icon')} /> : null;\n\nexport const Badge = forwardRefWithAs<BadgeProps>((props, ref) => {\n  const {\n    size = badgePropSizeDefault,\n    view = badgePropViewDefault,\n    status: statusProp = badgePropStatusDefault,\n    form = badgePropFormDefault,\n    icon,\n    iconLeft,\n    iconRight: IconRight,\n    minified = false,\n    label,\n    as = 'div',\n    title,\n    style,\n    ...otherProps\n  } = props;\n\n  const status = guardStatus(statusProp);\n  const Tag = as as string;\n  const { themeClassNames } = useTheme();\n\n  const className =\n    status !== 'system' && status !== 'disabled' && view === 'filled'\n      ? classnames(props.className, themeClassNames.color.accent)\n      : props.className;\n  const IconLeft = iconLeft ?? icon;\n  const counter =\n    [icon, iconLeft, IconRight, label].filter(Boolean).length === 1 &&\n    (label?.length || 0) <= 1;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnBadge(\n        {\n          minified,\n          ...(!minified && {\n            view,\n            form,\n            counter,\n          }),\n        },\n        [className],\n      )}\n      ref={ref}\n      title={title || (minified && label)}\n      style={{\n        ...style,\n        '--badge-bg-color': getBgColor(status),\n        '--badge-border-color': getBorderColor(status, view),\n        '--badge-horizontal-padding': getHorizontalPadding(\n          size,\n          form,\n          minified,\n        ),\n        '--badge-minified-border-size': getMinifiedBorderSize(size, minified),\n        '--badge-size': getSize(size, minified),\n        '--badge-text-color': getTextColor(status, view),\n        '--badge-text-size': getTextSize(size),\n        '--badge-degree-mixing': getDegreeMixing(status, view),\n      }}\n    >\n      {!minified && (\n        <>\n          {renderIcon(IconLeft)}\n          {label}\n          {renderIcon(IconRight)}\n        </>\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Badge/cn.d.ts

@@ -1 +1 @@
-export declare const cnBadge: import("@bem-react/classname").ClassNameFormatter;
+export declare const cnBadge: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/Badge/guardStatus.d.ts

@@ -1,2 +1,2 @@
-import { BadgePropStatus } from './types';
-export declare const guardStatus: (status: BadgePropStatus) => BadgePropStatus;
+import { BadgePropStatus } from './types';
+export declare const guardStatus: (status: BadgePropStatus) => BadgePropStatus;

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

@@ -1,3 +1,3 @@
-export * from './Badge';
-export * from './types';
-export * from './cn';
+export * from './Badge';
+export * from './types';
+export * from './cn';

package/__internal__/src/components/Badge/maps.d.ts

@@ -1,9 +1,9 @@
-import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from './types';
-export declare const getHorisontalPadding: (size: BadgePropSize, form: BadgePropForm, minified: boolean) => string | undefined;
-export declare const getSize: (size: BadgePropSize, minified: boolean) => string;
-export declare const getTextSize: (size: BadgePropSize) => string;
-export declare const getMinifiedBorderSize: (size: BadgePropSize, minified: boolean) => string | undefined;
-export declare const getBgColor: (status: BadgePropStatus) => string;
-export declare const getTextColor: (status: BadgePropStatus, view: BadgePropView) => string;
-export declare const getBorderColor: (status: BadgePropStatus, view: BadgePropView) => string | undefined;
-export declare const getDegreeMixing: (status: BadgePropStatus, view: BadgePropView) => "30%" | "100%" | "10%" | undefined;
+import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from './types';
+export declare const getHorizontalPadding: (size: BadgePropSize, form: BadgePropForm, minified: boolean) => string | undefined;
+export declare const getSize: (size: BadgePropSize, minified: boolean) => string;
+export declare const getTextSize: (size: BadgePropSize) => string;
+export declare const getMinifiedBorderSize: (size: BadgePropSize, minified: boolean) => string | undefined;
+export declare const getBgColor: (status: BadgePropStatus) => string;
+export declare const getTextColor: (status: BadgePropStatus, view: BadgePropView) => string;
+export declare const getBorderColor: (status: BadgePropStatus, view: BadgePropView) => string | undefined;
+export declare const getDegreeMixing: (status: BadgePropStatus, view: BadgePropView) => "30%" | "100%" | "10%" | undefined;

package/__internal__/src/components/Badge/maps.js

@@ -1,2 +1,2 @@
-var horisontalPaddingRoundMap={xs:"xs",s:"xs",m:"s",l:"s"},horisontalPaddingDefaultMap={xs:"2xs",s:"2xs",m:"xs",l:"xs"};export var getHorisontalPadding=function(a,b,c){return c?void 0:"default"===b?"var(--space-".concat(horisontalPaddingDefaultMap[a],")"):"var(--space-".concat(horisontalPaddingRoundMap[a],")")};var sizeMap={xs:"m",s:"l",m:"xl",l:"2xl"},sizeMinifiedMap={xs:10,s:16,m:24,l:32};export var getSize=function(a,b){return b?"".concat(sizeMinifiedMap[a],"px"):"var(--space-".concat(sizeMap[a],")")};var textSizeMap={xs:"calc(var(--size-text-m) / 2)",s:"var(--size-text-2xs)",m:"var(--size-text-xs)",l:"var(--badge-text-size)"};export var getTextSize=function(a){return textSizeMap[a]};var minifiedBorderSizeMap={xs:2,s:3,m:4,l:5};export var getMinifiedBorderSize=function(a,b){return b?"".concat(minifiedBorderSizeMap[a],"px"):void 0};export var getBgColor=function(a){return"disabled"===a?"var(--color-control-bg-disable)":"var(--color-bg-".concat(a,")")};export var getTextColor=function(a,b){return"disabled"===a?"var(--color-control-typo-disable)":"system"===a?"var(--color-typo-secondary)":"filled"===b?"var(--color-typo-primary)":"var(--color-typo-".concat(a,")")};export var getBorderColor=function(a,b){return"stroked"===b&&"disabled"===a?"var(--color-control-bg-border-disable)":"stroked"===b?"var(--color-bg-".concat(a,")"):void 0};export var getDegreeMixing=function(a,b){return"tinted"===b&&"system"===a?"30%":"tinted"===b&&"disabled"===a?"100%":"tinted"===b?"10%":void 0};
+var horizontalPaddingRoundMap={xs:"xs",s:"xs",m:"s",l:"s"},horizontalPaddingDefaultMap={xs:"2xs",s:"2xs",m:"xs",l:"xs"};export var getHorizontalPadding=function(a,b,c){return c?void 0:"default"===b?"var(--space-".concat(horizontalPaddingDefaultMap[a],")"):"var(--space-".concat(horizontalPaddingRoundMap[a],")")};var sizeMap={xs:"m",s:"l",m:"xl",l:"2xl"},sizeMinifiedMap={xs:10,s:16,m:24,l:32};export var getSize=function(a,b){return b?"".concat(sizeMinifiedMap[a],"px"):"var(--space-".concat(sizeMap[a],")")};var textSizeMap={xs:"calc(var(--size-text-m) / 2)",s:"var(--size-text-2xs)",m:"var(--size-text-xs)",l:"var(--badge-text-size)"};export var getTextSize=function(a){return textSizeMap[a]};var minifiedBorderSizeMap={xs:2,s:3,m:4,l:5};export var getMinifiedBorderSize=function(a,b){return b?"".concat(minifiedBorderSizeMap[a],"px"):void 0};export var getBgColor=function(a){return"disabled"===a?"var(--color-control-bg-disable)":"var(--color-bg-".concat(a,")")};export var getTextColor=function(a,b){return"disabled"===a?"var(--color-control-typo-disable)":"system"===a?"var(--color-typo-secondary)":"filled"===b?"var(--color-typo-primary)":"var(--color-typo-".concat(a,")")};export var getBorderColor=function(a,b){return"stroked"===b&&"disabled"===a?"var(--color-control-bg-border-disable)":"stroked"===b?"var(--color-bg-".concat(a,")"):void 0};export var getDegreeMixing=function(a,b){return"tinted"===b&&"system"===a?"30%":"tinted"===b&&"disabled"===a?"100%":"tinted"===b?"10%":void 0};
 //# sourceMappingURL=maps.js.map

package/__internal__/src/components/Badge/maps.js.map

@@ -1 +1 @@
-{"version":3,"file":"maps.js","names":["horisontalPaddingRoundMap","xs","s","m","l","horisontalPaddingDefaultMap","getHorisontalPadding","size","form","minified","sizeMap","sizeMinifiedMap","getSize","textSizeMap","getTextSize","minifiedBorderSizeMap","getMinifiedBorderSize","getBgColor","status","getTextColor","view","getBorderColor","getDegreeMixing"],"sources":["../../../../../src/components/Badge/maps.ts"],"sourcesContent":["import { Space } from '##/mixs/MixSpace';\n\nimport {\n  BadgePropForm,\n  BadgePropSize,\n  BadgePropStatus,\n  BadgePropView,\n} from './types';\n\nconst horisontalPaddingRoundMap: Record<BadgePropSize, Space> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nconst horisontalPaddingDefaultMap: Record<BadgePropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 'xs',\n};\n\nexport const getHorisontalPadding = (\n  size: BadgePropSize,\n  form: BadgePropForm,\n  minified: boolean,\n) => {\n  if (minified) {\n    return undefined;\n  }\n  if (form === 'default') {\n    return `var(--space-${horisontalPaddingDefaultMap[size]})`;\n  }\n  return `var(--space-${horisontalPaddingRoundMap[size]})`;\n};\n\nconst sizeMap: Record<BadgePropSize, Space> = {\n  xs: 'm',\n  s: 'l',\n  m: 'xl',\n  l: '2xl',\n};\n\nconst sizeMinifiedMap: Record<BadgePropSize, number> = {\n  xs: 10,\n  s: 16,\n  m: 24,\n  l: 32,\n};\n\nexport const getSize = (size: BadgePropSize, minified: boolean) => {\n  if (minified) {\n    return `${sizeMinifiedMap[size]}px`;\n  }\n\n  return `var(--space-${sizeMap[size]})`;\n};\n\nconst textSizeMap: Record<BadgePropSize, string> = {\n  xs: 'calc(var(--size-text-m) / 2)',\n  s: 'var(--size-text-2xs)',\n  m: 'var(--size-text-xs)',\n  l: 'var(--badge-text-size)',\n};\n\nexport const getTextSize = (size: BadgePropSize) => textSizeMap[size];\n\nconst minifiedBorderSizeMap: Record<BadgePropSize, number> = {\n  xs: 2,\n  s: 3,\n  m: 4,\n  l: 5,\n};\n\nexport const getMinifiedBorderSize = (size: BadgePropSize, minified: boolean) =>\n  minified ? `${minifiedBorderSizeMap[size]}px` : undefined;\n\nexport const getBgColor = (status: BadgePropStatus) =>\n  status === 'disabled'\n    ? 'var(--color-control-bg-disable)'\n    : `var(--color-bg-${status})`;\n\nexport const getTextColor = (status: BadgePropStatus, view: BadgePropView) => {\n  if (status === 'disabled') {\n    return 'var(--color-control-typo-disable)';\n  }\n  if (status === 'system') {\n    return 'var(--color-typo-secondary)';\n  }\n  if (view === 'filled') {\n    return 'var(--color-typo-primary)';\n  }\n  return `var(--color-typo-${status})`;\n};\n\nexport const getBorderColor = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'stroked' && status === 'disabled') {\n    return 'var(--color-control-bg-border-disable)';\n  }\n  if (view === 'stroked') {\n    return `var(--color-bg-${status})`;\n  }\n  return undefined;\n};\n\nexport const getDegreeMixing = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'tinted' && status === 'system') {\n    return '30%';\n  }\n  if (view === 'tinted' && status === 'disabled') {\n    return '100%';\n  }\n  if (view === 'tinted') {\n    return '10%';\n  }\n  return undefined;\n};\n"],"mappings":"GASMA,0BAAuD,CAAG,CAC9DC,EAAE,CAAE,IAD0D,CAE9DC,CAAC,CAAE,IAF2D,CAG9DC,CAAC,CAAE,GAH2D,CAI9DC,CAAC,CAAE,GAJ2D,C,CAO1DC,2BAAyD,CAAG,CAChEJ,EAAE,CAAE,KAD4D,CAEhEC,CAAC,CAAE,KAF6D,CAGhEC,CAAC,CAAE,IAH6D,CAIhEC,CAAC,CAAE,IAJ6D,C,CAOlE,MAAO,IAAME,qBAAoB,CAAG,SAClCC,CADkC,CAElCC,CAFkC,CAGlCC,CAHkC,CAI/B,OACCA,EADD,QAIU,SAAT,GAAAD,CAJD,uBAKqBH,2BAA2B,CAACE,CAAD,CALhD,4BAOmBP,yBAAyB,CAACO,CAAD,CAP5C,KAQJ,CAZM,C,GAcDG,QAAqC,CAAG,CAC5CT,EAAE,CAAE,GADwC,CAE5CC,CAAC,CAAE,GAFyC,CAG5CC,CAAC,CAAE,IAHyC,CAI5CC,CAAC,CAAE,KAJyC,C,CAOxCO,eAA8C,CAAG,CACrDV,EAAE,CAAE,EADiD,CAErDC,CAAC,CAAE,EAFkD,CAGrDC,CAAC,CAAE,EAHkD,CAIrDC,CAAC,CAAE,EAJkD,C,CAOvD,MAAO,IAAMQ,QAAO,CAAG,SAACL,CAAD,CAAsBE,CAAtB,CAA4C,OAC7DA,EAD6D,WAErDE,eAAe,CAACJ,CAAD,CAFsC,6BAK3CG,OAAO,CAACH,CAAD,CALoC,KAMlE,CANM,CAQP,GAAMM,YAA0C,CAAG,CACjDZ,EAAE,CAAE,8BAD6C,CAEjDC,CAAC,CAAE,sBAF8C,CAGjDC,CAAC,CAAE,qBAH8C,CAIjDC,CAAC,CAAE,wBAJ8C,CAAnD,CAOA,MAAO,IAAMU,YAAW,CAAG,SAACP,CAAD,QAAyBM,YAAW,CAACN,CAAD,CAApC,CAApB,CAEP,GAAMQ,sBAAoD,CAAG,CAC3Dd,EAAE,CAAE,CADuD,CAE3DC,CAAC,CAAE,CAFwD,CAG3DC,CAAC,CAAE,CAHwD,CAI3DC,CAAC,CAAE,CAJwD,CAA7D,CAOA,MAAO,IAAMY,sBAAqB,CAAG,SAACT,CAAD,CAAsBE,CAAtB,QACnCA,EAAQ,WAAMM,qBAAqB,CAACR,CAAD,CAA3B,aAD2B,CAA9B,CAGP,MAAO,IAAMU,WAAU,CAAG,SAACC,CAAD,QACb,UAAX,GAAAA,CAAM,CACF,iCADE,0BAEgBA,CAFhB,KADkB,CAAnB,CAKP,MAAO,IAAMC,aAAY,CAAG,SAACD,CAAD,CAA0BE,CAA1B,CAAkD,OAC7D,UAAX,GAAAF,CADwE,CAEnE,mCAFmE,CAI7D,QAAX,GAAAA,CAJwE,CAKnE,6BALmE,CAO/D,QAAT,GAAAE,CAPwE,CAQnE,2BARmE,4BAUjDF,CAViD,KAW7E,CAXM,CAaP,MAAO,IAAMG,eAAc,CAAG,SAC5BH,CAD4B,CAE5BE,CAF4B,CAGzB,OACU,SAAT,GAAAA,CAAI,EAA6B,UAAX,GAAAF,CADvB,CAEM,wCAFN,CAIU,SAAT,GAAAE,CAJD,0BAKwBF,CALxB,YAQJ,CAXM,CAaP,MAAO,IAAMI,gBAAe,CAAG,SAC7BJ,CAD6B,CAE7BE,CAF6B,CAG1B,OACU,QAAT,GAAAA,CAAI,EAA4B,QAAX,GAAAF,CADtB,CAEM,KAFN,CAIU,QAAT,GAAAE,CAAI,EAA4B,UAAX,GAAAF,CAJtB,CAKM,MALN,CAOU,QAAT,GAAAE,CAPD,CAQM,KARN,OAWJ,CAdM"}
+{"version":3,"file":"maps.js","names":["horizontalPaddingRoundMap","xs","s","m","l","horizontalPaddingDefaultMap","getHorizontalPadding","size","form","minified","sizeMap","sizeMinifiedMap","getSize","textSizeMap","getTextSize","minifiedBorderSizeMap","getMinifiedBorderSize","getBgColor","status","getTextColor","view","getBorderColor","getDegreeMixing"],"sources":["../../../../../src/components/Badge/maps.ts"],"sourcesContent":["import { Space } from '##/mixs/MixSpace';\n\nimport {\n  BadgePropForm,\n  BadgePropSize,\n  BadgePropStatus,\n  BadgePropView,\n} from './types';\n\nconst horizontalPaddingRoundMap: Record<BadgePropSize, Space> = {\n  xs: 'xs',\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nconst horizontalPaddingDefaultMap: Record<BadgePropSize, Space> = {\n  xs: '2xs',\n  s: '2xs',\n  m: 'xs',\n  l: 'xs',\n};\n\nexport const getHorizontalPadding = (\n  size: BadgePropSize,\n  form: BadgePropForm,\n  minified: boolean,\n) => {\n  if (minified) {\n    return undefined;\n  }\n  if (form === 'default') {\n    return `var(--space-${horizontalPaddingDefaultMap[size]})`;\n  }\n  return `var(--space-${horizontalPaddingRoundMap[size]})`;\n};\n\nconst sizeMap: Record<BadgePropSize, Space> = {\n  xs: 'm',\n  s: 'l',\n  m: 'xl',\n  l: '2xl',\n};\n\nconst sizeMinifiedMap: Record<BadgePropSize, number> = {\n  xs: 10,\n  s: 16,\n  m: 24,\n  l: 32,\n};\n\nexport const getSize = (size: BadgePropSize, minified: boolean) => {\n  if (minified) {\n    return `${sizeMinifiedMap[size]}px`;\n  }\n\n  return `var(--space-${sizeMap[size]})`;\n};\n\nconst textSizeMap: Record<BadgePropSize, string> = {\n  xs: 'calc(var(--size-text-m) / 2)',\n  s: 'var(--size-text-2xs)',\n  m: 'var(--size-text-xs)',\n  l: 'var(--badge-text-size)',\n};\n\nexport const getTextSize = (size: BadgePropSize) => textSizeMap[size];\n\nconst minifiedBorderSizeMap: Record<BadgePropSize, number> = {\n  xs: 2,\n  s: 3,\n  m: 4,\n  l: 5,\n};\n\nexport const getMinifiedBorderSize = (size: BadgePropSize, minified: boolean) =>\n  minified ? `${minifiedBorderSizeMap[size]}px` : undefined;\n\nexport const getBgColor = (status: BadgePropStatus) =>\n  status === 'disabled'\n    ? 'var(--color-control-bg-disable)'\n    : `var(--color-bg-${status})`;\n\nexport const getTextColor = (status: BadgePropStatus, view: BadgePropView) => {\n  if (status === 'disabled') {\n    return 'var(--color-control-typo-disable)';\n  }\n  if (status === 'system') {\n    return 'var(--color-typo-secondary)';\n  }\n  if (view === 'filled') {\n    return 'var(--color-typo-primary)';\n  }\n  return `var(--color-typo-${status})`;\n};\n\nexport const getBorderColor = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'stroked' && status === 'disabled') {\n    return 'var(--color-control-bg-border-disable)';\n  }\n  if (view === 'stroked') {\n    return `var(--color-bg-${status})`;\n  }\n  return undefined;\n};\n\nexport const getDegreeMixing = (\n  status: BadgePropStatus,\n  view: BadgePropView,\n) => {\n  if (view === 'tinted' && status === 'system') {\n    return '30%';\n  }\n  if (view === 'tinted' && status === 'disabled') {\n    return '100%';\n  }\n  if (view === 'tinted') {\n    return '10%';\n  }\n  return undefined;\n};\n"],"mappings":"GASMA,0BAAuD,CAAG,CAC9DC,EAAE,CAAE,IAD0D,CAE9DC,CAAC,CAAE,IAF2D,CAG9DC,CAAC,CAAE,GAH2D,CAI9DC,CAAC,CAAE,GAJ2D,C,CAO1DC,2BAAyD,CAAG,CAChEJ,EAAE,CAAE,KAD4D,CAEhEC,CAAC,CAAE,KAF6D,CAGhEC,CAAC,CAAE,IAH6D,CAIhEC,CAAC,CAAE,IAJ6D,C,CAOlE,MAAO,IAAME,qBAAoB,CAAG,SAClCC,CADkC,CAElCC,CAFkC,CAGlCC,CAHkC,CAI/B,OACCA,EADD,QAIU,SAAT,GAAAD,CAJD,uBAKqBH,2BAA2B,CAACE,CAAD,CALhD,4BAOmBP,yBAAyB,CAACO,CAAD,CAP5C,KAQJ,CAZM,C,GAcDG,QAAqC,CAAG,CAC5CT,EAAE,CAAE,GADwC,CAE5CC,CAAC,CAAE,GAFyC,CAG5CC,CAAC,CAAE,IAHyC,CAI5CC,CAAC,CAAE,KAJyC,C,CAOxCO,eAA8C,CAAG,CACrDV,EAAE,CAAE,EADiD,CAErDC,CAAC,CAAE,EAFkD,CAGrDC,CAAC,CAAE,EAHkD,CAIrDC,CAAC,CAAE,EAJkD,C,CAOvD,MAAO,IAAMQ,QAAO,CAAG,SAACL,CAAD,CAAsBE,CAAtB,CAA4C,OAC7DA,EAD6D,WAErDE,eAAe,CAACJ,CAAD,CAFsC,6BAK3CG,OAAO,CAACH,CAAD,CALoC,KAMlE,CANM,CAQP,GAAMM,YAA0C,CAAG,CACjDZ,EAAE,CAAE,8BAD6C,CAEjDC,CAAC,CAAE,sBAF8C,CAGjDC,CAAC,CAAE,qBAH8C,CAIjDC,CAAC,CAAE,wBAJ8C,CAAnD,CAOA,MAAO,IAAMU,YAAW,CAAG,SAACP,CAAD,QAAyBM,YAAW,CAACN,CAAD,CAApC,CAApB,CAEP,GAAMQ,sBAAoD,CAAG,CAC3Dd,EAAE,CAAE,CADuD,CAE3DC,CAAC,CAAE,CAFwD,CAG3DC,CAAC,CAAE,CAHwD,CAI3DC,CAAC,CAAE,CAJwD,CAA7D,CAOA,MAAO,IAAMY,sBAAqB,CAAG,SAACT,CAAD,CAAsBE,CAAtB,QACnCA,EAAQ,WAAMM,qBAAqB,CAACR,CAAD,CAA3B,aAD2B,CAA9B,CAGP,MAAO,IAAMU,WAAU,CAAG,SAACC,CAAD,QACb,UAAX,GAAAA,CAAM,CACF,iCADE,0BAEgBA,CAFhB,KADkB,CAAnB,CAKP,MAAO,IAAMC,aAAY,CAAG,SAACD,CAAD,CAA0BE,CAA1B,CAAkD,OAC7D,UAAX,GAAAF,CADwE,CAEnE,mCAFmE,CAI7D,QAAX,GAAAA,CAJwE,CAKnE,6BALmE,CAO/D,QAAT,GAAAE,CAPwE,CAQnE,2BARmE,4BAUjDF,CAViD,KAW7E,CAXM,CAaP,MAAO,IAAMG,eAAc,CAAG,SAC5BH,CAD4B,CAE5BE,CAF4B,CAGzB,OACU,SAAT,GAAAA,CAAI,EAA6B,UAAX,GAAAF,CADvB,CAEM,wCAFN,CAIU,SAAT,GAAAE,CAJD,0BAKwBF,CALxB,YAQJ,CAXM,CAaP,MAAO,IAAMI,gBAAe,CAAG,SAC7BJ,CAD6B,CAE7BE,CAF6B,CAG1B,OACU,QAAT,GAAAA,CAAI,EAA4B,QAAX,GAAAF,CADtB,CAEM,KAFN,CAIU,QAAT,GAAAE,CAAI,EAA4B,UAAX,GAAAF,CAJtB,CAKM,MALN,CAOU,QAAT,GAAAE,CAPD,CAQM,KARN,OAWJ,CAdM"}

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

@@ -1,31 +1,31 @@
-import { IconComponent } from '@consta/icons/Icon';
-export declare const badgePropSize: readonly ["xs", "s", "m", "l"];
-export declare type BadgePropSize = typeof badgePropSize[number];
-export declare const badgePropSizeDefault: BadgePropSize;
-export declare const badgePropView: readonly ["filled", "stroked", "tinted"];
-export declare type BadgePropView = typeof badgePropView[number];
-export declare const badgePropViewDefault: BadgePropView;
-export declare const badgePropStatus: readonly ["normal", "success", "warning", "alert", "system", "disabled"];
-export declare type BadgePropStatus = typeof badgePropStatus[number] | 'error';
-export declare const badgePropStatusDefault: BadgePropStatus;
-export declare const badgePropForm: readonly ["default", "round"];
-export declare type BadgePropForm = typeof badgePropForm[number];
-export declare const badgePropFormDefault: BadgePropForm;
-export declare type BadgeProps = {
-    size?: BadgePropSize;
-    view?: BadgePropView;
-    /**
-     * "error" deprecated since version 5.13.0 use "alert"
-     */
-    status?: BadgePropStatus;
-    form?: BadgePropForm;
-    minified?: boolean;
-    /**
-     * @deprecated since version 4.17.2 use iconLeft
-     */
-    icon?: IconComponent;
-    iconLeft?: IconComponent;
-    iconRight?: IconComponent;
-    label?: string;
-    children?: never;
-};
+import { IconComponent } from '@consta/icons/Icon';
+export declare const badgePropSize: readonly ["xs", "s", "m", "l"];
+export declare type BadgePropSize = typeof badgePropSize[number];
+export declare const badgePropSizeDefault: BadgePropSize;
+export declare const badgePropView: readonly ["filled", "stroked", "tinted"];
+export declare type BadgePropView = typeof badgePropView[number];
+export declare const badgePropViewDefault: BadgePropView;
+export declare const badgePropStatus: readonly ["normal", "success", "warning", "alert", "system", "disabled"];
+export declare type BadgePropStatus = typeof badgePropStatus[number] | 'error';
+export declare const badgePropStatusDefault: BadgePropStatus;
+export declare const badgePropForm: readonly ["default", "round"];
+export declare type BadgePropForm = typeof badgePropForm[number];
+export declare const badgePropFormDefault: BadgePropForm;
+export declare type BadgeProps = {
+    size?: BadgePropSize;
+    view?: BadgePropView;
+    /**
+     * "error" deprecated since version 5.13.0 use "alert"
+     */
+    status?: BadgePropStatus;
+    form?: BadgePropForm;
+    minified?: boolean;
+    /**
+     * @deprecated since version 4.17.2 use iconLeft
+     */
+    icon?: IconComponent;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
+    label?: string;
+    children?: never;
+};

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

@@ -1,4 +1,4 @@
-import './BadgeGroup.css';
-import { BadgeGroupComponent } from './types';
-export declare const BadgeGroup: BadgeGroupComponent;
-export * from './types';
+import './BadgeGroup.css';
+import { BadgeGroupComponent } from './types';
+export declare const BadgeGroup: BadgeGroupComponent;
+export * from './types';

package/__internal__/src/components/BadgeGroup/helper.d.ts

@@ -1,34 +1,34 @@
-/// <reference types="react" />
-import { BadgeGroupDefaultItem, BadgeGroupPropGetItemAs, BadgeGroupPropGetItemAttributes, BadgeGroupPropGetItemIconLeft, BadgeGroupPropGetItemIconRight, BadgeGroupPropGetItemKey, BadgeGroupPropGetItemLabel, BadgeGroupPropGetItemRef, BadgeGroupPropGetItemStatus, BadgeGroupPropGetItemView, BadgeGroupProps } from './types';
-export declare function withDefaultGetters<ITEM>(props: BadgeGroupProps<ITEM>): {
-    items: ITEM[];
-    fitMode?: "wrap" | "reduction" | undefined;
-    getItemKey?: BadgeGroupPropGetItemKey<ITEM> | undefined;
-    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM> | undefined;
-    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM> | undefined;
-    getItemView?: BadgeGroupPropGetItemView<ITEM> | undefined;
-    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM> | undefined;
-    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM> | undefined;
-    getItemRef?: BadgeGroupPropGetItemRef<ITEM> | undefined;
-    getItemAs?: BadgeGroupPropGetItemAs<ITEM> | undefined;
-    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM> | undefined;
-    form?: "default" | "round" | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
-    minified?: boolean | undefined;
-    moreRef?: import("react").RefObject<HTMLDivElement> | undefined;
-    moreAttributes?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> | undefined;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "form" | "size" | "css" | "items" | "getItemLabel" | "getItemKey" | "getItemStatus" | "getItemAs" | "getItemAttributes" | "getItemRef" | "minified" | "fitMode" | "getItemView" | "getItemIconLeft" | "getItemIconRight" | "moreRef" | "moreAttributes"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
-    key: string | number;
-} ? {} : {
-    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
-}) & {
-    getItemKey: BadgeGroupPropGetItemKey<BadgeGroupDefaultItem> | BadgeGroupPropGetItemKey<ITEM>;
-    getItemLabel: BadgeGroupPropGetItemLabel<BadgeGroupDefaultItem> | BadgeGroupPropGetItemLabel<ITEM>;
-    getItemIconRight: BadgeGroupPropGetItemIconRight<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconRight<ITEM>;
-    getItemIconLeft: BadgeGroupPropGetItemIconLeft<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconLeft<ITEM>;
-    getItemView: BadgeGroupPropGetItemView<BadgeGroupDefaultItem> | BadgeGroupPropGetItemView<ITEM>;
-    getItemStatus: BadgeGroupPropGetItemStatus<BadgeGroupDefaultItem> | BadgeGroupPropGetItemStatus<ITEM>;
-    getItemRef: BadgeGroupPropGetItemRef<BadgeGroupDefaultItem> | BadgeGroupPropGetItemRef<ITEM>;
-    getItemAs: BadgeGroupPropGetItemAs<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAs<ITEM>;
-    getItemAttributes: BadgeGroupPropGetItemAttributes<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAttributes<ITEM>;
-};
+/// <reference types="react" />
+import { BadgeGroupDefaultItem, BadgeGroupPropGetItemAs, BadgeGroupPropGetItemAttributes, BadgeGroupPropGetItemIconLeft, BadgeGroupPropGetItemIconRight, BadgeGroupPropGetItemKey, BadgeGroupPropGetItemLabel, BadgeGroupPropGetItemRef, BadgeGroupPropGetItemStatus, BadgeGroupPropGetItemView, BadgeGroupProps } from './types';
+export declare function withDefaultGetters<ITEM>(props: BadgeGroupProps<ITEM>): {
+    items: ITEM[];
+    fitMode?: "wrap" | "reduction" | undefined;
+    getItemKey?: BadgeGroupPropGetItemKey<ITEM> | undefined;
+    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM> | undefined;
+    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM> | undefined;
+    getItemView?: BadgeGroupPropGetItemView<ITEM> | undefined;
+    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM> | undefined;
+    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM> | undefined;
+    getItemRef?: BadgeGroupPropGetItemRef<ITEM> | undefined;
+    getItemAs?: BadgeGroupPropGetItemAs<ITEM> | undefined;
+    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM> | undefined;
+    form?: "default" | "round" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
+    minified?: boolean | undefined;
+    moreRef?: import("react").RefObject<HTMLDivElement> | undefined;
+    moreAttributes?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "form" | "size" | "css" | "items" | "getItemLabel" | "getItemKey" | "getItemStatus" | "getItemAs" | "getItemAttributes" | "getItemRef" | "minified" | "fitMode" | "getItemView" | "getItemIconLeft" | "getItemIconRight" | "moreRef" | "moreAttributes"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+    key: string | number;
+} ? {} : {
+    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
+}) & {
+    getItemKey: BadgeGroupPropGetItemKey<BadgeGroupDefaultItem> | BadgeGroupPropGetItemKey<ITEM>;
+    getItemLabel: BadgeGroupPropGetItemLabel<BadgeGroupDefaultItem> | BadgeGroupPropGetItemLabel<ITEM>;
+    getItemIconRight: BadgeGroupPropGetItemIconRight<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconRight<ITEM>;
+    getItemIconLeft: BadgeGroupPropGetItemIconLeft<BadgeGroupDefaultItem> | BadgeGroupPropGetItemIconLeft<ITEM>;
+    getItemView: BadgeGroupPropGetItemView<BadgeGroupDefaultItem> | BadgeGroupPropGetItemView<ITEM>;
+    getItemStatus: BadgeGroupPropGetItemStatus<BadgeGroupDefaultItem> | BadgeGroupPropGetItemStatus<ITEM>;
+    getItemRef: BadgeGroupPropGetItemRef<BadgeGroupDefaultItem> | BadgeGroupPropGetItemRef<ITEM>;
+    getItemAs: BadgeGroupPropGetItemAs<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAs<ITEM>;
+    getItemAttributes: BadgeGroupPropGetItemAttributes<BadgeGroupDefaultItem> | BadgeGroupPropGetItemAttributes<ITEM>;
+};

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

@@ -1 +1 @@
-export * from './BadgeGroup';
+export * from './BadgeGroup';

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

@@ -1,51 +1,51 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from "../Badge";
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type BadgeGroupDefaultItem = {
-    key: string | number;
-    status?: BadgePropStatus;
-    view?: BadgePropView;
-    label?: string;
-    iconLeft?: IconComponent;
-    iconRight?: IconComponent;
-    as?: AsTags;
-    ref?: React.RefObject<HTMLElement>;
-    attributes?: Omit<AsAttributes, 'children' | 'ref'>;
-};
-export declare type BadgeGroupPropGetItemKey<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['key'];
-export declare type BadgeGroupPropGetItemStatus<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['status'];
-export declare type BadgeGroupPropGetItemView<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['view'];
-export declare type BadgeGroupPropGetItemLabel<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['label'];
-export declare type BadgeGroupPropGetItemIconLeft<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconLeft'];
-export declare type BadgeGroupPropGetItemIconRight<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconRight'];
-export declare type BadgeGroupPropGetItemRef<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['ref'];
-export declare type BadgeGroupPropGetItemAs<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['as'];
-export declare type BadgeGroupPropGetItemAttributes<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['attributes'];
-export declare type BadgeGroupProps<ITEM = BadgeGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    fitMode?: 'reduction' | 'wrap';
-    getItemKey?: BadgeGroupPropGetItemKey<ITEM>;
-    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM>;
-    /**
-     * "error" deprecated since version 5.13.0 use "alert"
-     */
-    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM>;
-    getItemView?: BadgeGroupPropGetItemView<ITEM>;
-    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM>;
-    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM>;
-    getItemRef?: BadgeGroupPropGetItemRef<ITEM>;
-    getItemAs?: BadgeGroupPropGetItemAs<ITEM>;
-    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM>;
-    form?: BadgePropForm;
-    size?: BadgePropSize;
-    minified?: boolean;
-    moreRef?: React.RefObject<HTMLDivElement>;
-    moreAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-}, HTMLDivElement> & (ITEM extends {
-    key: string | number;
-} ? {} : {
-    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
-});
-export declare type BadgeGroupComponent = <ITEM = BadgeGroupDefaultItem>(props: BadgeGroupProps<ITEM>) => React.ReactElement | null;
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from "../Badge";
+import { AsAttributes, AsTags } from "../../utils/types/AsTags";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export declare type BadgeGroupDefaultItem = {
+    key: string | number;
+    status?: BadgePropStatus;
+    view?: BadgePropView;
+    label?: string;
+    iconLeft?: IconComponent;
+    iconRight?: IconComponent;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    attributes?: Omit<AsAttributes, 'children' | 'ref'>;
+};
+export declare type BadgeGroupPropGetItemKey<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['key'];
+export declare type BadgeGroupPropGetItemStatus<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['status'];
+export declare type BadgeGroupPropGetItemView<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['view'];
+export declare type BadgeGroupPropGetItemLabel<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['label'];
+export declare type BadgeGroupPropGetItemIconLeft<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconLeft'];
+export declare type BadgeGroupPropGetItemIconRight<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['iconRight'];
+export declare type BadgeGroupPropGetItemRef<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['ref'];
+export declare type BadgeGroupPropGetItemAs<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['as'];
+export declare type BadgeGroupPropGetItemAttributes<ITEM> = (item: ITEM) => BadgeGroupDefaultItem['attributes'];
+export declare type BadgeGroupProps<ITEM = BadgeGroupDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    fitMode?: 'reduction' | 'wrap';
+    getItemKey?: BadgeGroupPropGetItemKey<ITEM>;
+    getItemLabel?: BadgeGroupPropGetItemLabel<ITEM>;
+    /**
+     * "error" deprecated since version 5.13.0 use "alert"
+     */
+    getItemStatus?: BadgeGroupPropGetItemStatus<ITEM>;
+    getItemView?: BadgeGroupPropGetItemView<ITEM>;
+    getItemIconLeft?: BadgeGroupPropGetItemIconLeft<ITEM>;
+    getItemIconRight?: BadgeGroupPropGetItemIconRight<ITEM>;
+    getItemRef?: BadgeGroupPropGetItemRef<ITEM>;
+    getItemAs?: BadgeGroupPropGetItemAs<ITEM>;
+    getItemAttributes?: BadgeGroupPropGetItemAttributes<ITEM>;
+    form?: BadgePropForm;
+    size?: BadgePropSize;
+    minified?: boolean;
+    moreRef?: React.RefObject<HTMLDivElement>;
+    moreAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+}, HTMLDivElement> & (ITEM extends {
+    key: string | number;
+} ? {} : {
+    getItemKey: BadgeGroupPropGetItemKey<ITEM>;
+});
+export declare type BadgeGroupComponent = <ITEM = BadgeGroupDefaultItem>(props: BadgeGroupProps<ITEM>) => React.ReactElement | null;

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

@@ -1,4 +1,4 @@
-import './BookmarkTabs.css';
-import { BookmarkTabsComponent } from './types';
-export declare const cnBookmarkTabs: import("@bem-react/classname").ClassNameFormatter;
-export declare const BookmarkTabs: BookmarkTabsComponent;
+import './BookmarkTabs.css';
+import { BookmarkTabsComponent } from './types';
+export declare const cnBookmarkTabs: import("@bem-react/classname").ClassNameFormatter;
+export declare const BookmarkTabs: BookmarkTabsComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"BookmarkTabs.js","names":["IconAdd","IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useState","useComponentSize","useForkRef","cnMixScrollBar","cn","Button","BookmarkTabsTab","withDefaultGetters","bookmarkTabsPropFormDefault","bookmarkTabsPropSizeDefault","bookmarkTabsPropViewDefault","useBookmarkTabs","cnBookmarkTabs","renderItemDefault","props","_item","item","attributes","as","otherProps","BookmarkTabsRender","ref","items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","renderItemProp","size","form","view","withNavigationButtons","onMouseLeaveProp","onMouseLeave","className","id","higlightedIndex","setHighlitedIndex","getItemActive","withAddButton","refs","fixedTabs","fixedTabsRef","otherTabs","otherTabsRef","showControls","wrapperRef","containerRef","controlsRef","addButtonRef","navigate","sizes","fixedWidth","width","fixed","controlRef","bordered","index","tabWidth","onClick","e","active","label","leftIcon","rightIcon","tabRef","onClose","hovered","borderedIndexes","arr","activeIndex","indexOf","Array","from","length","keys","filter","el","invisible","map","includes","type","BookmarkTabs"],"sources":["../../../../../src/components/BookmarkTabs/BookmarkTabs.tsx"],"sourcesContent":["import './BookmarkTabs.css';\n\nimport { IconAdd } from '@consta/icons/IconAdd';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { Button } from '../Button';\nimport { BookmarkTabsTab } from './BookmarkTabsTab';\nimport { withDefaultGetters } from './helper';\nimport {\n  BookmarkTabsComponent,\n  bookmarkTabsPropFormDefault,\n  BookmarkTabsProps,\n  bookmarkTabsPropSizeDefault,\n  bookmarkTabsPropViewDefault,\n  BookmarkTabsRenderItemProps,\n} from './types';\nimport { useBookmarkTabs } from './useBookmarkTabs';\n\nexport const cnBookmarkTabs = cn('BookmarkTabs');\n\nconst renderItemDefault = <ITEM,>(\n  props: BookmarkTabsRenderItemProps<ITEM>,\n): React.ReactElement => {\n  const { item: _item, attributes = {}, as, ...otherProps } = props;\n  return <BookmarkTabsTab {...attributes} {...otherProps} as={as} />;\n};\n\nconst BookmarkTabsRender = (\n  props: BookmarkTabsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    onCreate,\n    getItemKey,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemRightIcon,\n    getItemAs,\n    getItemRef,\n    getItemAttributes,\n    getItemFixed,\n    onChange,\n    onRemove,\n    renderItem: renderItemProp = renderItemDefault,\n    size = bookmarkTabsPropSizeDefault,\n    form = bookmarkTabsPropFormDefault,\n    view = bookmarkTabsPropViewDefault,\n    withNavigationButtons,\n    onMouseLeave: onMouseLeaveProp,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [higlightedIndex, setHighlitedIndex] = useState<number | null>(null);\n\n  type Item = typeof items[number];\n\n  const getItemActive = (item: Item) => {\n    return value ? getItemKey(item) === getItemKey(value) : false;\n  };\n\n  const {\n    refs,\n    fixedTabs,\n    fixedTabsRef,\n    otherTabs,\n    otherTabsRef,\n    showControls,\n    wrapperRef,\n    containerRef,\n    controlsRef,\n    addButtonRef,\n    navigate,\n    sizes,\n  } = useBookmarkTabs({\n    items,\n    getItemFixed,\n    size,\n    withNavigationButtons,\n    withAddButton: !!onCreate,\n  });\n\n  const { width: fixedWidth } = useComponentSize(fixedTabsRef);\n\n  const renderItem = (\n    item: Item,\n    fixed: boolean,\n    controlRef: React.RefObject<HTMLDivElement>,\n    bordered: boolean,\n    index: number,\n    tabWidth?: string,\n  ) => (\n    <div\n      className={cnBookmarkTabs('Tab')}\n      onMouseEnter={() => setHighlitedIndex(index)}\n      onFocus={() => setHighlitedIndex(index)}\n      ref={controlRef}\n    >\n      {renderItemProp({\n        item,\n        onClick: (e) => onChange?.(item, { e }),\n        active: getItemActive(item),\n        label: getItemLabel(item),\n        leftIcon: getItemLeftIcon(item),\n        rightIcon: getItemRightIcon(item),\n        as: getItemAs(item) ?? 'div',\n        attributes: getItemAttributes(item),\n        tabRef: getItemRef(item),\n        fixed,\n        bordered,\n        onClose: onRemove ? (e) => onRemove(item, { e }) : undefined,\n        size,\n        view,\n        hovered: higlightedIndex === index,\n        form,\n        tabWidth,\n      })}\n    </div>\n  );\n\n  const onMouseLeave: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    onMouseLeaveProp?.(e);\n    setHighlitedIndex(null);\n  };\n\n  const borderedIndexes = useMemo(() => {\n    const arr = [...fixedTabs, ...otherTabs];\n    const activeIndex = value ? arr.indexOf(value) : -1;\n    return Array.from(Array(arr.length - 1).keys()).filter((el) =>\n      form === 'round' ? el !== activeIndex && el !== activeIndex - 1 : true,\n    );\n  }, [fixedTabs, otherTabs, value, form]);\n\n  return (\n    <div\n      className={cnBookmarkTabs({ size, view, form }, [className])}\n      ref={useForkRef([ref, containerRef])}\n      id={id}\n      onMouseLeave={onMouseLeave}\n      {...otherProps}\n    >\n      {showControls && (\n        <div ref={controlsRef} className={cnBookmarkTabs('ScrollControls')}>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('prev')}\n              iconLeft={IconArrowLeft}\n              onlyIcon\n            />\n          </div>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('next')}\n              iconLeft={IconArrowRight}\n              onlyIcon\n            />\n          </div>\n        </div>\n      )}\n      <div\n        ref={wrapperRef}\n        className={cnBookmarkTabs(\n          'Wrapper',\n          cnMixScrollBar({ invisible: true }),\n        )}\n      >\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `max-content`,\n          }}\n          ref={fixedTabsRef}\n          className={cnBookmarkTabs('List')}\n        >\n          {fixedTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(\n                item,\n                true,\n                refs[index],\n                borderedIndexes.includes(index),\n                index,\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `calc(100% - ${fixedWidth}px)`,\n          }}\n          className={cnBookmarkTabs('List')}\n          ref={otherTabsRef}\n        >\n          {otherTabs.map((item, index) => {\n            const { length } = fixedTabs;\n            return (\n              <React.Fragment key={getItemKey(item)}>\n                {renderItem(\n                  item,\n                  false,\n                  refs[length + index],\n                  borderedIndexes.includes(length + index),\n                  length + index,\n                  sizes[index],\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {onCreate && (\n        <div\n          ref={addButtonRef}\n          className={cnBookmarkTabs('Button', { type: 'add' })}\n        >\n          <Button\n            view=\"clear\"\n            size=\"xs\"\n            type=\"button\"\n            onClick={onCreate}\n            iconLeft={IconAdd}\n            onlyIcon\n          />\n        </div>\n      )}\n      <div className={cnBookmarkTabs('Empty')} />\n    </div>\n  );\n};\n\nexport const BookmarkTabs = forwardRef(\n  BookmarkTabsRender,\n) as BookmarkTabsComponent;\n"],"mappings":"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"}
+{"version":3,"file":"BookmarkTabs.js","names":["IconAdd","IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useState","useComponentSize","useForkRef","cnMixScrollBar","cn","Button","BookmarkTabsTab","withDefaultGetters","bookmarkTabsPropFormDefault","bookmarkTabsPropSizeDefault","bookmarkTabsPropViewDefault","useBookmarkTabs","cnBookmarkTabs","renderItemDefault","props","_item","item","attributes","as","otherProps","BookmarkTabsRender","ref","items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","renderItemProp","size","form","view","withNavigationButtons","onMouseLeaveProp","onMouseLeave","className","id","highlightedIndex","setHighlightedIndex","getItemActive","withAddButton","refs","fixedTabs","fixedTabsRef","otherTabs","otherTabsRef","showControls","wrapperRef","containerRef","controlsRef","addButtonRef","navigate","sizes","fixedWidth","width","fixed","controlRef","bordered","index","tabWidth","onClick","e","active","label","leftIcon","rightIcon","tabRef","onClose","hovered","borderedIndexes","arr","activeIndex","indexOf","Array","from","length","keys","filter","el","invisible","map","includes","type","BookmarkTabs"],"sources":["../../../../../src/components/BookmarkTabs/BookmarkTabs.tsx"],"sourcesContent":["import './BookmarkTabs.css';\n\nimport { IconAdd } from '@consta/icons/IconAdd';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { Button } from '../Button';\nimport { BookmarkTabsTab } from './BookmarkTabsTab';\nimport { withDefaultGetters } from './helper';\nimport {\n  BookmarkTabsComponent,\n  bookmarkTabsPropFormDefault,\n  BookmarkTabsProps,\n  bookmarkTabsPropSizeDefault,\n  bookmarkTabsPropViewDefault,\n  BookmarkTabsRenderItemProps,\n} from './types';\nimport { useBookmarkTabs } from './useBookmarkTabs';\n\nexport const cnBookmarkTabs = cn('BookmarkTabs');\n\nconst renderItemDefault = <ITEM,>(\n  props: BookmarkTabsRenderItemProps<ITEM>,\n): React.ReactElement => {\n  const { item: _item, attributes = {}, as, ...otherProps } = props;\n  return <BookmarkTabsTab {...attributes} {...otherProps} as={as} />;\n};\n\nconst BookmarkTabsRender = (\n  props: BookmarkTabsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    onCreate,\n    getItemKey,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemRightIcon,\n    getItemAs,\n    getItemRef,\n    getItemAttributes,\n    getItemFixed,\n    onChange,\n    onRemove,\n    renderItem: renderItemProp = renderItemDefault,\n    size = bookmarkTabsPropSizeDefault,\n    form = bookmarkTabsPropFormDefault,\n    view = bookmarkTabsPropViewDefault,\n    withNavigationButtons,\n    onMouseLeave: onMouseLeaveProp,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [highlightedIndex, setHighlightedIndex] = useState<number | null>(null);\n\n  type Item = typeof items[number];\n\n  const getItemActive = (item: Item) => {\n    return value ? getItemKey(item) === getItemKey(value) : false;\n  };\n\n  const {\n    refs,\n    fixedTabs,\n    fixedTabsRef,\n    otherTabs,\n    otherTabsRef,\n    showControls,\n    wrapperRef,\n    containerRef,\n    controlsRef,\n    addButtonRef,\n    navigate,\n    sizes,\n  } = useBookmarkTabs({\n    items,\n    getItemFixed,\n    size,\n    withNavigationButtons,\n    withAddButton: !!onCreate,\n  });\n\n  const { width: fixedWidth } = useComponentSize(fixedTabsRef);\n\n  const renderItem = (\n    item: Item,\n    fixed: boolean,\n    controlRef: React.RefObject<HTMLDivElement>,\n    bordered: boolean,\n    index: number,\n    tabWidth?: string,\n  ) => (\n    <div\n      className={cnBookmarkTabs('Tab')}\n      onMouseEnter={() => setHighlightedIndex(index)}\n      onFocus={() => setHighlightedIndex(index)}\n      ref={controlRef}\n    >\n      {renderItemProp({\n        item,\n        onClick: (e) => onChange?.(item, { e }),\n        active: getItemActive(item),\n        label: getItemLabel(item),\n        leftIcon: getItemLeftIcon(item),\n        rightIcon: getItemRightIcon(item),\n        as: getItemAs(item) ?? 'div',\n        attributes: getItemAttributes(item),\n        tabRef: getItemRef(item),\n        fixed,\n        bordered,\n        onClose: onRemove ? (e) => onRemove(item, { e }) : undefined,\n        size,\n        view,\n        hovered: highlightedIndex === index,\n        form,\n        tabWidth,\n      })}\n    </div>\n  );\n\n  const onMouseLeave: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    onMouseLeaveProp?.(e);\n    setHighlightedIndex(null);\n  };\n\n  const borderedIndexes = useMemo(() => {\n    const arr = [...fixedTabs, ...otherTabs];\n    const activeIndex = value ? arr.indexOf(value) : -1;\n    return Array.from(Array(arr.length - 1).keys()).filter((el) =>\n      form === 'round' ? el !== activeIndex && el !== activeIndex - 1 : true,\n    );\n  }, [fixedTabs, otherTabs, value, form]);\n\n  return (\n    <div\n      className={cnBookmarkTabs({ size, view, form }, [className])}\n      ref={useForkRef([ref, containerRef])}\n      id={id}\n      onMouseLeave={onMouseLeave}\n      {...otherProps}\n    >\n      {showControls && (\n        <div ref={controlsRef} className={cnBookmarkTabs('ScrollControls')}>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('prev')}\n              iconLeft={IconArrowLeft}\n              onlyIcon\n            />\n          </div>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('next')}\n              iconLeft={IconArrowRight}\n              onlyIcon\n            />\n          </div>\n        </div>\n      )}\n      <div\n        ref={wrapperRef}\n        className={cnBookmarkTabs(\n          'Wrapper',\n          cnMixScrollBar({ invisible: true }),\n        )}\n      >\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `max-content`,\n          }}\n          ref={fixedTabsRef}\n          className={cnBookmarkTabs('List')}\n        >\n          {fixedTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(\n                item,\n                true,\n                refs[index],\n                borderedIndexes.includes(index),\n                index,\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `calc(100% - ${fixedWidth}px)`,\n          }}\n          className={cnBookmarkTabs('List')}\n          ref={otherTabsRef}\n        >\n          {otherTabs.map((item, index) => {\n            const { length } = fixedTabs;\n            return (\n              <React.Fragment key={getItemKey(item)}>\n                {renderItem(\n                  item,\n                  false,\n                  refs[length + index],\n                  borderedIndexes.includes(length + index),\n                  length + index,\n                  sizes[index],\n                )}\n              </React.Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {onCreate && (\n        <div\n          ref={addButtonRef}\n          className={cnBookmarkTabs('Button', { type: 'add' })}\n        >\n          <Button\n            view=\"clear\"\n            size=\"xs\"\n            type=\"button\"\n            onClick={onCreate}\n            iconLeft={IconAdd}\n            onlyIcon\n          />\n        </div>\n      )}\n      <div className={cnBookmarkTabs('Empty')} />\n    </div>\n  );\n};\n\nexport const BookmarkTabs = forwardRef(\n  BookmarkTabsRender,\n) as BookmarkTabsComponent;\n"],"mappings":"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"}

package/__internal__/src/components/BookmarkTabs/BookmarkTabsTab/BookmarkTabsTab.d.ts

@@ -1,4 +1,4 @@
-import './BookmarkTabsTab.css';
-import { BookmarkTabsTabComponent } from '../types';
-export declare const cnBookmarkTabsTab: import("@bem-react/classname").ClassNameFormatter;
-export declare const BookmarkTabsTab: BookmarkTabsTabComponent;
+import './BookmarkTabsTab.css';
+import { BookmarkTabsTabComponent } from '../types';
+export declare const cnBookmarkTabsTab: import("@bem-react/classname").ClassNameFormatter;
+export declare const BookmarkTabsTab: BookmarkTabsTabComponent;

package/__internal__/src/components/BookmarkTabs/BookmarkTabsTab/index.d.ts

@@ -1 +1 @@
-export * from './BookmarkTabsTab';
+export * from './BookmarkTabsTab';