@hh.ru/magritte-ui-media-viewer 1.3.42 → 1.3.44

package/index.css

@@ -1,21 +1,21 @@
 :root{
-  --magritte-color-background-overlay-viewer-v26-0-0:#000000;
-  --magritte-color-background-overlay-toolbar-v26-0-0:#000000a3;
-  --magritte-color-text-constant-v26-0-0:#ffffff;
-  --magritte-color-text-constant-secondary-v26-0-0:#ffffffb3;
-  --magritte-color-component-skeleton-background-content-v26-0-0:#8293a23d;;
-  --magritte-gradient-component-media-viewer-background-fade-v26-0-0:#00000000 0%, #00000052 100%;
+  --magritte-color-background-overlay-viewer-v26-0-2:#000000;
+  --magritte-color-background-overlay-toolbar-v26-0-2:#000000a3;
+  --magritte-color-text-constant-v26-0-2:#ffffff;
+  --magritte-color-text-constant-secondary-v26-0-2:#ffffffb3;
+  --magritte-color-component-skeleton-background-content-v26-0-2:#8293a23d;;
+  --magritte-gradient-component-media-viewer-background-fade-v26-0-2:#00000000 0%, #00000052 100%;
 }
 
 :root{
-  --magritte-semantic-animation-time-m-duration-v26-0-0:400ms;
-  --magritte-semantic-animation-ease-base-timing-function-v26-0-0:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-time-m-duration-v26-0-2:400ms;
+  --magritte-semantic-animation-ease-base-timing-function-v26-0-2:cubic-bezier(0.4, 0.24, 0, 1);
 }
 
 .magritte-night-theme{
-  --magritte-color-component-skeleton-background-content-v26-0-0:#5e5e5e3d;
+  --magritte-color-component-skeleton-background-content-v26-0-2:#5e5e5e3d;
 }
-.magritte-media-viewer___KnrXP_1-3-42{
+.magritte-media-viewer___KnrXP_1-3-44{
   position:fixed;
   inset:0;
   display:grid;
@@ -25,23 +25,23 @@
   user-select:none;
   --media-viewer-toolbars-opacity:calc(1 - var(--magritte-ui-media-viewer-close-progress) - var(--magritte-ui-media-viewer-hide-tools-progress));
   --media-viewer-background-opacity:calc(1 - var(--magritte-ui-media-viewer-close-progress));
-  --magritte-ui-nav-bar-background-color-override:var(--magritte-color-background-overlay-toolbar-v26-0-0);
+  --magritte-ui-nav-bar-background-color-override:var(--magritte-color-background-overlay-toolbar-v26-0-2);
 }
-.magritte-media-viewer___KnrXP_1-3-42::before{
+.magritte-media-viewer___KnrXP_1-3-44::before{
   content:'';
   position:absolute;
   inset:0;
-  background:var(--magritte-color-background-overlay-viewer-v26-0-0);
+  background:var(--magritte-color-background-overlay-viewer-v26-0-2);
   opacity:var(--media-viewer-background-opacity);
   pointer-events:none;
 }
-.magritte-gallery-placeholder___rUoGL_1-3-42{
+.magritte-gallery-placeholder___rUoGL_1-3-44{
   display:flex;
   align-items:stretch;
   grid-row:2;
   min-height:0;
 }
-.magritte-media-viewer-gallery___P0SnN_1-3-42{
+.magritte-media-viewer-gallery___P0SnN_1-3-44{
   display:grid;
   flex-grow:1;
   contain:layout size;
@@ -50,16 +50,16 @@
   inset:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-3-42{
+  body.magritte-old-layout .magritte-media-viewer-gallery___P0SnN_1-3-44{
     position:relative;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-3-42{
+  body:not(.magritte-old-layout) .magritte-media-viewer-gallery___P0SnN_1-3-44{
     position:relative;
   }
 }
-.magritte-gallery-item___Js0Z5_1-3-42{
+.magritte-gallery-item___Js0Z5_1-3-44{
   position:relative;
   grid-area:1 / 1;
   contain:size;
@@ -68,7 +68,7 @@
   overflow-y:visible;
   opacity:calc(1 - var(--magritte-ui-media-viewer-image-close-progress, 0));
 }
-.magritte-gallery-item-transform-container___N8-sA_1-3-42{
+.magritte-gallery-item-transform-container___N8-sA_1-3-44{
   position:absolute;
   top:50%;
   left:50%;
@@ -76,37 +76,37 @@
   will-change:transform;
   touch-action:none;
 }
-.magritte-preview-counter___uP2Hc_1-3-42{
+.magritte-preview-counter___uP2Hc_1-3-44{
   min-width:0;
   text-align:center;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-3-42{
+  body.magritte-old-layout .magritte-preview-counter___uP2Hc_1-3-44{
     text-align:left;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-3-42{
+  body:not(.magritte-old-layout) .magritte-preview-counter___uP2Hc_1-3-44{
     text-align:left;
   }
 }
-.magritte-preview-counter___uP2Hc_1-3-42.magritte-with-description___-w7ld_1-3-42{
+.magritte-preview-counter___uP2Hc_1-3-44.magritte-with-description___-w7ld_1-3-44{
   cursor:pointer;
 }
-.magritte-counter-number___gUpMp_1-3-42{
+.magritte-counter-number___gUpMp_1-3-44{
   display:block;
   transform:translateY(calc(18px * 0.5));
-  transition:transform var(--magritte-semantic-animation-time-m-duration-v26-0-0) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-0);
+  transition:transform var(--magritte-semantic-animation-time-m-duration-v26-0-2) var(--magritte-semantic-animation-ease-base-timing-function-v26-0-2);
 }
-.magritte-with-description___-w7ld_1-3-42 .magritte-counter-number___gUpMp_1-3-42{
+.magritte-with-description___-w7ld_1-3-44 .magritte-counter-number___gUpMp_1-3-44{
   transform:translateY(0);
 }
-.magritte-no-description-placeholder___qc6h2_1-3-42{
+.magritte-no-description-placeholder___qc6h2_1-3-44{
   display:block;
   height:18px;
   padding:0;
 }
-.magritte-preview-zoom-control___026jA_1-3-42{
+.magritte-preview-zoom-control___026jA_1-3-44{
   display:flex;
   flex-direction:row;
   gap:2px;
@@ -114,27 +114,27 @@
   justify-self:end;
   grid-column:3;
 }
-.magritte-preview-container___nwjNY_1-3-42{
+.magritte-preview-container___nwjNY_1-3-44{
   display:grid;
   grid-template-columns:1fr auto 1fr;
   gap:16px;
   padding:4px 16px;
-  background:var(--magritte-color-background-overlay-toolbar-v26-0-0);
+  background:var(--magritte-color-background-overlay-toolbar-v26-0-2);
   align-items:center;
   grid-row:3;
   z-index:10;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-container___nwjNY_1-3-42{
+  body.magritte-old-layout .magritte-preview-container___nwjNY_1-3-44{
     padding:16px 24px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-3-42{
+  body:not(.magritte-old-layout) .magritte-preview-container___nwjNY_1-3-44{
     padding:16px 24px;
   }
 }
-.magritte-preview___0Ge4C_1-3-42{
+.magritte-preview___0Ge4C_1-3-44{
   display:flex;
   flex-direction:row;
   touch-action:none;
@@ -142,18 +142,18 @@
   min-width:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview___0Ge4C_1-3-42{
+  body.magritte-old-layout .magritte-preview___0Ge4C_1-3-44{
     max-width:calc(((40 + 8) * (var(--media-viewer-max-visible-items) - 1) + 80) * 1px);
     overflow:hidden;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview___0Ge4C_1-3-42{
+  body:not(.magritte-old-layout) .magritte-preview___0Ge4C_1-3-44{
     max-width:calc(((40 + 8) * (var(--media-viewer-max-visible-items) - 1) + 80) * 1px);
     overflow:hidden;
   }
 }
-.magritte-preview-list___SAXLZ_1-3-42{
+.magritte-preview-list___SAXLZ_1-3-44{
   margin-left:50%;
   contain:layout paint;
   display:flex;
@@ -163,18 +163,18 @@
   flex:0 0 auto;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-list___SAXLZ_1-3-42{
+  body.magritte-old-layout .magritte-preview-list___SAXLZ_1-3-44{
     margin:0;
     gap:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-3-42{
+  body:not(.magritte-old-layout) .magritte-preview-list___SAXLZ_1-3-44{
     margin:0;
     gap:8px;
   }
 }
-.magritte-preview-item___gz5f2_1-3-42{
+.magritte-preview-item___gz5f2_1-3-44{
   contain:layout paint size;
   position:relative;
   flex-shrink:0;
@@ -185,36 +185,36 @@
   display:flex;
   align-items:center;
   justify-content:center;
-  background-color:var(--magritte-color-component-skeleton-background-content-v26-0-0);
+  background-color:var(--magritte-color-component-skeleton-background-content-v26-0-2);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-item___gz5f2_1-3-42{
+  body.magritte-old-layout .magritte-preview-item___gz5f2_1-3-44{
     height:80px;
     border-radius:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-3-42{
+  body:not(.magritte-old-layout) .magritte-preview-item___gz5f2_1-3-44{
     height:80px;
     border-radius:8px;
   }
 }
-.magritte-preview-item-container___JDVsk_1-3-42{
+.magritte-preview-item-container___JDVsk_1-3-44{
   contain:layout paint size;
   overflow:hidden;
   scale:1;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-3-42{
+  body.magritte-old-layout .magritte-preview-item-container___JDVsk_1-3-44{
     scale:1.66666667;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-3-42{
+  body:not(.magritte-old-layout) .magritte-preview-item-container___JDVsk_1-3-44{
     scale:1.66666667;
   }
 }
-.magritte-preview-item-container___JDVsk_1-3-42 *{
+.magritte-preview-item-container___JDVsk_1-3-44 *{
   touch-action:none;
   position:absolute;
   top:0;
@@ -224,8 +224,8 @@
   height:100%;
   user-select:none;
 }
-.magritte-media-viewer-toolbar___2C8nr_1-3-42{
-  background:var(--magritte-color-background-overlay-toolbar-v26-0-0);
+.magritte-media-viewer-toolbar___2C8nr_1-3-44{
+  background:var(--magritte-color-background-overlay-toolbar-v26-0-2);
   padding:0 8px;
   display:grid;
   grid-template-columns:1fr auto 1fr;
@@ -235,30 +235,30 @@
   grid-row:4;
   z-index:10;
 }
-.magritte-media-viewer-toolbar___2C8nr_1-3-42.magritte-no-description___NebrT_1-3-42{
+.magritte-media-viewer-toolbar___2C8nr_1-3-44.magritte-no-description___NebrT_1-3-44{
   display:flex;
   justify-content:space-between;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-3-42{
+  body.magritte-old-layout .magritte-media-viewer-toolbar___2C8nr_1-3-44{
     display:none;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-3-42{
+  body:not(.magritte-old-layout) .magritte-media-viewer-toolbar___2C8nr_1-3-44{
     display:none;
   }
 }
-.magritte-media-viewer-toolbar-left___YzkJt_1-3-42,
-.magritte-media-viewer-toolbar-right___kBER9_1-3-42{
+.magritte-media-viewer-toolbar-left___YzkJt_1-3-44,
+.magritte-media-viewer-toolbar-right___kBER9_1-3-44{
   display:flex;
   gap:4px;
 }
-.magritte-media-viewer-toolbar-right___kBER9_1-3-42{
+.magritte-media-viewer-toolbar-right___kBER9_1-3-44{
   justify-content:end;
 }
-.magritte-prev-button___WMYjR_1-3-42,
-.magritte-next-button___f8hJT_1-3-42{
+.magritte-prev-button___WMYjR_1-3-44,
+.magritte-next-button___f8hJT_1-3-44{
   cursor:pointer;
   position:absolute;
   top:0;
@@ -266,40 +266,40 @@
   width:48px;
   opacity:var(--media-viewer-background-opacity);
 }
-.magritte-prev-button___WMYjR_1-3-42:active,
-.magritte-next-button___f8hJT_1-3-42:active{
-  background:linear-gradient(90deg, var(--magritte-gradient-component-media-viewer-background-fade-v26-0-0));
+.magritte-prev-button___WMYjR_1-3-44:active,
+.magritte-next-button___f8hJT_1-3-44:active{
+  background:linear-gradient(90deg, var(--magritte-gradient-component-media-viewer-background-fade-v26-0-2));
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-42,
-  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-42{
+  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-44,
+  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-44{
     width:88px;
   }
-  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-42:active,
-  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-42:active{
+  body.magritte-old-layout .magritte-prev-button___WMYjR_1-3-44:active,
+  body.magritte-old-layout .magritte-next-button___f8hJT_1-3-44:active{
     background:none;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-42,
-  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-42{
+  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-44,
+  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-44{
     width:88px;
   }
-  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-42:active,
-  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-42:active{
+  body:not(.magritte-old-layout) .magritte-prev-button___WMYjR_1-3-44:active,
+  body:not(.magritte-old-layout) .magritte-next-button___f8hJT_1-3-44:active{
     background:none;
   }
 }
-.magritte-prev-button___WMYjR_1-3-42{
+.magritte-prev-button___WMYjR_1-3-44{
   left:0;
 }
-.magritte-prev-button___WMYjR_1-3-42:active{
-  background:linear-gradient(270deg, var(--magritte-gradient-component-media-viewer-background-fade-v26-0-0));
+.magritte-prev-button___WMYjR_1-3-44:active{
+  background:linear-gradient(270deg, var(--magritte-gradient-component-media-viewer-background-fade-v26-0-2));
 }
-.magritte-next-button___f8hJT_1-3-42{
+.magritte-next-button___f8hJT_1-3-44{
   right:0;
 }
-.magritte-slide-button___sY8LB_1-3-42{
+.magritte-slide-button___sY8LB_1-3-44{
   display:flex;
   background:none;
   padding:0;
@@ -309,7 +309,7 @@
   position:absolute;
   inset:0;
 }
-.magritte-preview-placeholder___yuhW1_1-3-42{
+.magritte-preview-placeholder___yuhW1_1-3-44{
   --magritte-media-viewer-preview-width:24px;
   --magritte-media-viewer-preview-gap:2px;
   flex:0 0 auto;
@@ -318,24 +318,24 @@
   flex-grow:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-3-42{
+  body.magritte-old-layout .magritte-preview-placeholder___yuhW1_1-3-44{
     --magritte-media-viewer-preview-width:40px;
     --magritte-media-viewer-preview-gap:8px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-preview-placeholder___yuhW1_1-3-42{
+  body:not(.magritte-old-layout) .magritte-preview-placeholder___yuhW1_1-3-44{
     --magritte-media-viewer-preview-width:40px;
     --magritte-media-viewer-preview-gap:8px;
   }
 }
-.magritte-gallery-item-loader___70TDe_1-3-42{
+.magritte-gallery-item-loader___70TDe_1-3-44{
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%, -50%);
 }
-.magritte-gallery-item-error-container___Z-HyZ_1-3-42{
+.magritte-gallery-item-error-container___Z-HyZ_1-3-44{
   display:flex;
   flex-direction:column;
   align-items:center;
@@ -349,24 +349,24 @@
   width:100%;
   box-sizing:border-box;
 }
-.magritte-description-bottom-sheet-content___swnEV_1-3-42{
+.magritte-description-bottom-sheet-content___swnEV_1-3-44{
   padding:8px 0;
 }
-.magritte-header___egZXt_1-3-42{
+.magritte-header___egZXt_1-3-44{
   grid-row:1;
   z-index:2;
   opacity:var(--media-viewer-toolbars-opacity);
   transform:translateY(calc(var(--magritte-ui-media-viewer-hide-tools-progress) * -100%));
-  --magritte-ui-nav-bar-title-color-override:var(--magritte-color-text-constant-v26-0-0);
-  --magritte-ui-nav-bar-subtitle-color-override:var(--magritte-color-text-constant-secondary-v26-0-0);
+  --magritte-ui-nav-bar-title-color-override:var(--magritte-color-text-constant-v26-0-2);
+  --magritte-ui-nav-bar-subtitle-color-override:var(--magritte-color-text-constant-secondary-v26-0-2);
 }
-.magritte-footer___rOH-M_1-3-42{
+.magritte-footer___rOH-M_1-3-44{
   grid-row:3;
   z-index:2;
   opacity:var(--media-viewer-toolbars-opacity);
   transform:translateY(calc(var(--magritte-ui-media-viewer-hide-tools-progress) * 100%));
 }
-.magritte-description___dYc-E_1-3-42{
+.magritte-description___dYc-E_1-3-44{
   display:inline-block;
   max-width:100%;
 }

package/index.d.ts

@@ -1,5 +1,5 @@
-export { type GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';
-export { MediaViewer } from '@hh.ru/magritte-ui-media-viewer/public/MediaViewer';
-export { type PreviewProps } from '@hh.ru/magritte-ui-media-viewer/public/Preview';
-export { type ToolbarProps } from '@hh.ru/magritte-ui-media-viewer/public/Toolbar';
-export { useMediaViewerControls, useMediaViewerInfo } from '@hh.ru/magritte-ui-media-viewer/internal/context';
+export { type GalleryItemProps } from './internal/GalleryItemBody';
+export { MediaViewer } from './public/MediaViewer';
+export { type PreviewProps } from './public/Preview';
+export { type ToolbarProps } from './public/Toolbar';
+export { useMediaViewerControls, useMediaViewerInfo } from './internal/context';

package/index.js

@@ -18,7 +18,7 @@ import './internal/utils.js';
 import './internal/hooks/useTapToToggleTools.js';
 import './internal/hooks/useVirtualization.js';
 import './public/Footer.js';
-import './media-viewer-Bad5vA1g.js';
+import './media-viewer-DV9g1W74.js';
 import './public/Gallery.js';
 import '@hh.ru/magritte-common-resize';
 import '@hh.ru/magritte-ui-icon/icon';

package/index.mock.js

@@ -1,54 +1,60 @@
 import './index.css';
 import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
 
-const MediaViewer = mockComponent('MediaViewer', {
-    Gallery: mockComponent('Gallery', undefined, {
-        withChildren: true,
+const MediaViewer = mockComponent(
+  "MediaViewer",
+  {
+    Gallery: mockComponent("Gallery", void 0, {
+      withChildren: true
     }),
-    GalleryItem: mockComponent('GalleryItem', undefined, {
-        withChildren: true,
+    GalleryItem: mockComponent("GalleryItem", void 0, {
+      withChildren: true
     }),
-    Preview: mockComponent('Preview', undefined, {
-        withChildren: true,
+    Preview: mockComponent("Preview", void 0, {
+      withChildren: true
     }),
-    Toolbar: mockComponent('Toolbar', undefined, {
-        withChildren: true,
+    Toolbar: mockComponent("Toolbar", void 0, {
+      withChildren: true
     }),
-    Header: mockComponent('Header', undefined, {
-        withChildren: true,
+    Header: mockComponent("Header", void 0, {
+      withChildren: true
     }),
-    Footer: mockComponent('Footer', undefined, {
-        withChildren: true,
+    Footer: mockComponent("Footer", void 0, {
+      withChildren: true
     }),
-    DesktopTool: mockComponent('DesktopTool', undefined, {
-        withChildren: true,
+    DesktopTool: mockComponent("DesktopTool", void 0, {
+      withChildren: true
     }),
-    MobileTool: mockComponent('MobileTool', undefined, {
-        withChildren: true,
+    MobileTool: mockComponent("MobileTool", void 0, {
+      withChildren: true
     }),
-    RotateTool: mockComponent('RotateTool', undefined, {
-        withChildren: true,
+    RotateTool: mockComponent("RotateTool", void 0, {
+      withChildren: true
     }),
-    CloseTool: mockComponent('CloseTool', undefined, {
-        withChildren: true,
+    CloseTool: mockComponent("CloseTool", void 0, {
+      withChildren: true
     }),
-    FullWidthTool: mockComponent('FullWidthTool', undefined, {
-        withChildren: true,
-    }),
-}, {
-    withChildren: true,
-});
+    FullWidthTool: mockComponent("FullWidthTool", void 0, {
+      withChildren: true
+    })
+  },
+  {
+    withChildren: true
+  }
+);
 const useMediaViewerControls = () => {
-    return {
-        goToSlideIndex: () => { },
-        close: () => { },
-    };
+  return {
+    goToSlideIndex: () => {
+    },
+    close: () => {
+    }
+  };
 };
 const useMediaViewerInfo = () => {
-    return {
-        currentSlideIndex: 0,
-        totalSlides: 1,
-    };
+  return {
+    currentSlideIndex: 0,
+    totalSlides: 1
+  };
 };
 
 export { MediaViewer, useMediaViewerControls, useMediaViewerInfo };

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const MediaViewer = mockComponent(\n    'MediaViewer',\n    {\n        Gallery: mockComponent('Gallery', undefined, {\n            withChildren: true,\n        }),\n        GalleryItem: mockComponent('GalleryItem', undefined, {\n            withChildren: true,\n        }),\n        Preview: mockComponent('Preview', undefined, {\n            withChildren: true,\n        }),\n        Toolbar: mockComponent('Toolbar', undefined, {\n            withChildren: true,\n        }),\n        Header: mockComponent('Header', undefined, {\n            withChildren: true,\n        }),\n        Footer: mockComponent('Footer', undefined, {\n            withChildren: true,\n        }),\n        DesktopTool: mockComponent('DesktopTool', undefined, {\n            withChildren: true,\n        }),\n        MobileTool: mockComponent('MobileTool', undefined, {\n            withChildren: true,\n        }),\n        RotateTool: mockComponent('RotateTool', undefined, {\n            withChildren: true,\n        }),\n        CloseTool: mockComponent('CloseTool', undefined, {\n            withChildren: true,\n        }),\n        FullWidthTool: mockComponent('FullWidthTool', undefined, {\n            withChildren: true,\n        }),\n    },\n    {\n        withChildren: true,\n    }\n);\n\nexport const useMediaViewerControls = (): {\n    goToSlideIndex: (index: number) => void;\n    close: VoidFunction;\n} => {\n    return {\n        goToSlideIndex: () => {},\n        close: () => {},\n    };\n};\n\nexport const useMediaViewerInfo = (): {\n    currentSlideIndex: number;\n    totalSlides: number;\n} => {\n    return {\n        currentSlideIndex: 0,\n        totalSlides: 1,\n    };\n};\n"],"names":[],"mappings":";;AAEa,MAAA,WAAW,GAAG,aAAa,CACpC,aAAa,EACb;AACI,IAAA,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE;AACzC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,WAAW,EAAE,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE;AACjD,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE;AACzC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE;AACzC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,MAAM,EAAE,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE;AACvC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,MAAM,EAAE,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE;AACvC,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,WAAW,EAAE,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE;AACjD,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,UAAU,EAAE,aAAa,CAAC,YAAY,EAAE,SAAS,EAAE;AAC/C,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,UAAU,EAAE,aAAa,CAAC,YAAY,EAAE,SAAS,EAAE;AAC/C,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,SAAS,EAAE,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE;AAC7C,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;AACF,IAAA,aAAa,EAAE,aAAa,CAAC,eAAe,EAAE,SAAS,EAAE;AACrD,QAAA,YAAY,EAAE,IAAI;KACrB,CAAC;CACL,EACD;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EACH;AAEK,MAAM,sBAAsB,GAAG,MAGlC;IACA,OAAO;AACH,QAAA,cAAc,EAAE,MAAK,GAAG;AACxB,QAAA,KAAK,EAAE,MAAK,GAAG;KAClB,CAAC;AACN,EAAE;AAEK,MAAM,kBAAkB,GAAG,MAG9B;IACA,OAAO;AACH,QAAA,iBAAiB,EAAE,CAAC;AACpB,QAAA,WAAW,EAAE,CAAC;KACjB,CAAC;AACN;;;;"}
+{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport const MediaViewer = mockComponent(\n    'MediaViewer',\n    {\n        Gallery: mockComponent('Gallery', undefined, {\n            withChildren: true,\n        }),\n        GalleryItem: mockComponent('GalleryItem', undefined, {\n            withChildren: true,\n        }),\n        Preview: mockComponent('Preview', undefined, {\n            withChildren: true,\n        }),\n        Toolbar: mockComponent('Toolbar', undefined, {\n            withChildren: true,\n        }),\n        Header: mockComponent('Header', undefined, {\n            withChildren: true,\n        }),\n        Footer: mockComponent('Footer', undefined, {\n            withChildren: true,\n        }),\n        DesktopTool: mockComponent('DesktopTool', undefined, {\n            withChildren: true,\n        }),\n        MobileTool: mockComponent('MobileTool', undefined, {\n            withChildren: true,\n        }),\n        RotateTool: mockComponent('RotateTool', undefined, {\n            withChildren: true,\n        }),\n        CloseTool: mockComponent('CloseTool', undefined, {\n            withChildren: true,\n        }),\n        FullWidthTool: mockComponent('FullWidthTool', undefined, {\n            withChildren: true,\n        }),\n    },\n    {\n        withChildren: true,\n    }\n);\n\nexport const useMediaViewerControls = (): {\n    goToSlideIndex: (index: number) => void;\n    close: VoidFunction;\n} => {\n    return {\n        goToSlideIndex: () => {},\n        close: () => {},\n    };\n};\n\nexport const useMediaViewerInfo = (): {\n    currentSlideIndex: number;\n    totalSlides: number;\n} => {\n    return {\n        currentSlideIndex: 0,\n        totalSlides: 1,\n    };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,WAAc,GAAA,aAAA;AAAA,EACvB,aAAA;AAAA,EACA;AAAA,IACI,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,WAAA,EAAa,aAAc,CAAA,aAAA,EAAe,KAAW,CAAA,EAAA;AAAA,MACjD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,OAAA,EAAS,aAAc,CAAA,SAAA,EAAW,KAAW,CAAA,EAAA;AAAA,MACzC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,MAAA,EAAQ,aAAc,CAAA,QAAA,EAAU,KAAW,CAAA,EAAA;AAAA,MACvC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,MAAA,EAAQ,aAAc,CAAA,QAAA,EAAU,KAAW,CAAA,EAAA;AAAA,MACvC,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,WAAA,EAAa,aAAc,CAAA,aAAA,EAAe,KAAW,CAAA,EAAA;AAAA,MACjD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,UAAA,EAAY,aAAc,CAAA,YAAA,EAAc,KAAW,CAAA,EAAA;AAAA,MAC/C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,UAAA,EAAY,aAAc,CAAA,YAAA,EAAc,KAAW,CAAA,EAAA;AAAA,MAC/C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,SAAA,EAAW,aAAc,CAAA,WAAA,EAAa,KAAW,CAAA,EAAA;AAAA,MAC7C,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,IACD,aAAA,EAAe,aAAc,CAAA,eAAA,EAAiB,KAAW,CAAA,EAAA;AAAA,MACrD,YAAc,EAAA,IAAA;AAAA,KACjB,CAAA;AAAA,GACL;AAAA,EACA;AAAA,IACI,YAAc,EAAA,IAAA;AAAA,GAClB;AACJ,EAAA;AAEO,MAAM,yBAAyB,MAGjC;AACD,EAAO,OAAA;AAAA,IACH,gBAAgB,MAAM;AAAA,KAAC;AAAA,IACvB,OAAO,MAAM;AAAA,KAAC;AAAA,GAClB,CAAA;AACJ,EAAA;AAEO,MAAM,qBAAqB,MAG7B;AACD,EAAO,OAAA;AAAA,IACH,iBAAmB,EAAA,CAAA;AAAA,IACnB,WAAa,EAAA,CAAA;AAAA,GACjB,CAAA;AACJ;;;;"}

package/internal/Counter.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type ReactElement } from 'react';
-import type { GalleryItemProps } from '@hh.ru/magritte-ui-media-viewer/internal/GalleryItemBody';
+import type { GalleryItemProps } from '../internal/GalleryItemBody';
 export declare const hasCounterContent: (items: ReactElement<GalleryItemProps>[]) => boolean;
 export declare const Counter: FC<{
     items: ReactElement<GalleryItemProps>[];