diff --git a/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.tsx b/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.tsx
index 2f2063eb23f..176e64c5959 100644
--- a/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.tsx
+++ b/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.tsx
@@ -1,6 +1,7 @@
 import React, { forwardRef, useMemo } from 'react';
 
 import { RootProps } from '../../engines';
+import { useEscKeyDown } from '../../hooks';
 import { Overlay } from '../Overlay';
 import { IconClose } from '../_Icon';
 import { cx } from '../../utils';
@@ -39,9 +40,12 @@ export const bottomSheetRoot = (Root: RootProps<HTMLDivElement, BottomSheetProps
                 withOverlay = true,
                 withBlur = true,
                 withTransition = true,
+                closeOnEsc = true,
                 maxHeight = '66dvh',
                 zIndex = 1000,
                 onClose = noop,
+                onOverlayClick,
+                onEscKeyDown,
                 className,
                 view,
                 size,
@@ -63,8 +67,19 @@ export const bottomSheetRoot = (Root: RootProps<HTMLDivElement, BottomSheetProps
                 hasHandle,
             });
 
+            useEscKeyDown({ opened, closeOnEsc, onEscKeyDown, onClose });
+
             const panelClassName = cx(classes.panel, withTransition && classes.animated, !opened && classes.closed);
 
+            const handleOverlayClick = (event: React.MouseEvent<HTMLDivElement>) => {
+                if (onOverlayClick) {
+                    onOverlayClick(event);
+                    return;
+                }
+
+                onClose();
+            };
+
             return (
                 <Root ref={ref} className={className} view={view} size={size} {...rest}>
                     {withOverlay && opened && (
@@ -75,7 +90,7 @@ export const bottomSheetRoot = (Root: RootProps<HTMLDivElement, BottomSheetProps
                             }
                             withBlur={withBlur}
                             isClickable
-                            onOverlayClick={onClose}
+                            onOverlayClick={handleOverlayClick}
                         />
                     )}
 
diff --git a/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.types.ts b/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.types.ts
index 26158635e37..0cca4c85a3a 100644
--- a/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.types.ts
+++ b/packages/plasma-new-hope/src/components/BottomSheet/BottomSheet.types.ts
@@ -64,10 +64,28 @@ export interface BottomSheetProps extends HTMLAttributes<HTMLDivElement> {
      */
     zIndex?: CSSProperties['zIndex'];
     /**
-     * Обработчик закрытия шторки. Вызывается при клике по оверлею, по кнопке закрытия или свайпом вниз.
+     * Обработчик закрытия шторки. Вызывается по кнопке закрытия или свайпом вниз,
+     * при клике по оверлею (если не передан onOverlayClick)
+     * и при нажатии ESC (если не передан onEscKeyDown).
      */
     onClose?: () => void;
 
+    /**
+     * Обработчик клика по оверлею (если не передан, используется onClose).
+     */
+    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+
+    /**
+     * Закрывать шторку при нажатии на ESC.
+     * @default true
+     */
+    closeOnEsc?: boolean;
+
+    /**
+     * Обработчик нажатия ESC (если не передан, используется onClose).
+     */
+    onEscKeyDown?: (event: KeyboardEvent) => void;
+
     /**
      * Вид компонента.
      */
diff --git a/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx b/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx
index b1bce637d7c..63b2cd26a24 100644
--- a/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx
+++ b/packages/plasma-new-hope/src/components/Sheet/Sheet.tsx
@@ -1,6 +1,7 @@
 import React, { forwardRef, useRef } from 'react';
 
 import { RootProps } from '../../engines';
+import { useEscKeyDown } from '../../hooks';
 import { Overlay } from '../Overlay';
 import { cx } from '../../utils';
 
@@ -30,6 +31,9 @@ export const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>
                 opened,
                 children,
                 onClose,
+                onOverlayClick,
+                onEscKeyDown,
+                closeOnEsc = true,
                 hasHandle = true,
                 handlePlacement,
                 contentHeader,
@@ -53,6 +57,7 @@ export const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>
 
             useOverflow({ opened });
             useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, hasScrollEvents, onClose });
+            useEscKeyDown({ opened, closeOnEsc, onEscKeyDown, onClose });
 
             const hasHeader = Boolean(contentHeader);
             const hasFooter = Boolean(contentFooter);
@@ -63,6 +68,15 @@ export const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>
                 ? `var(${tokens.sheetOverlayWithBlurColor})`
                 : `var(${tokens.sheetOverlayColor})`;
 
+            const handleOverlayClick = (event: React.MouseEvent<HTMLDivElement>) => {
+                if (onOverlayClick) {
+                    onOverlayClick(event);
+                    return;
+                }
+
+                onClose();
+            };
+
             return (
                 <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>
                     <StyledContentWrapper
@@ -89,7 +103,7 @@ export const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>
                             backgroundColorProperty={overlayBackgroundToken}
                             withBlur={withBlur}
                             isClickable
-                            onOverlayClick={onClose}
+                            onOverlayClick={handleOverlayClick}
                         />
                     )}
                 </Root>
diff --git a/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts b/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts
index 6753b668c64..a6d04d4ad9d 100644
--- a/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts
+++ b/packages/plasma-new-hope/src/components/Sheet/Sheet.types.ts
@@ -7,10 +7,28 @@ export interface SheetProps extends HTMLAttributes<HTMLDivElement> {
     opened?: boolean;
 
     /**
-     * Обработчик закрытия шторки. Вызывается при клике по оверлею или смахиванию шторки вниз
+     * Обработчик закрытия шторки. Вызывается при смахивании шторки вниз,
+     * при клике по оверлею (если не передан onOverlayClick)
+     * и при нажатии ESC (если не передан onEscKeyDown).
      */
     onClose: () => void;
 
+    /**
+     * Обработчик клика по оверлею (если не передан, используется onClose).
+     */
+    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+
+    /**
+     * Закрывать шторку при нажатии на ESC.
+     * @default true
+     */
+    closeOnEsc?: boolean;
+
+    /**
+     * Обработчик нажатия ESC (если не передан, используется onClose).
+     */
+    onEscKeyDown?: (event: KeyboardEvent) => void;
+
     /**
      * Слот для контента в заголовке
      */
diff --git a/packages/plasma-new-hope/src/hooks/index.ts b/packages/plasma-new-hope/src/hooks/index.ts
index ec759750690..7147613ba49 100644
--- a/packages/plasma-new-hope/src/hooks/index.ts
+++ b/packages/plasma-new-hope/src/hooks/index.ts
@@ -10,3 +10,4 @@ export { useCodeHook } from './useCodeHook';
 export { useDisableScroll } from './useDisableScroll';
 export { useForkRef } from './useForkRef';
 export { useResizeObserver } from './useResizeObserver';
+export { useEscKeyDown } from './useEscKeyDown';
diff --git a/packages/plasma-new-hope/src/hooks/useEscKeyDown.ts b/packages/plasma-new-hope/src/hooks/useEscKeyDown.ts
new file mode 100644
index 00000000000..0fd2a273073
--- /dev/null
+++ b/packages/plasma-new-hope/src/hooks/useEscKeyDown.ts
@@ -0,0 +1,52 @@
+import { useEffect, useRef } from 'react';
+
+const ESCAPE_KEYCODE = 27;
+const stack: object[] = [];
+
+export type UseEscKeyDownArgs = {
+    onClose: () => void;
+    opened?: boolean;
+    closeOnEsc?: boolean;
+    onEscKeyDown?: (event: KeyboardEvent) => void;
+};
+
+/**
+ * Закрывает верхний открытый слой по ESC.
+ * При нескольких открытых Sheet/BottomSheet реагирует только последний.
+ * Если у верхнего слоя closeOnEsc=false, ESC ничего не закрывает.
+ */
+export const useEscKeyDown = ({ opened, closeOnEsc = true, onEscKeyDown, onClose }: UseEscKeyDownArgs) => {
+    const callbackRef = useRef({ closeOnEsc, onEscKeyDown, onClose });
+    callbackRef.current = { closeOnEsc, onEscKeyDown, onClose };
+
+    useEffect(() => {
+        if (!opened) {
+            return undefined;
+        }
+
+        const id = {};
+        stack.push(id);
+
+        const onKeyDown = (event: KeyboardEvent) => {
+            if (event.keyCode !== ESCAPE_KEYCODE || stack[stack.length - 1] !== id || !callbackRef.current.closeOnEsc) {
+                return;
+            }
+
+            const { onEscKeyDown: onEsc, onClose: close } = callbackRef.current;
+
+            if (onEsc) {
+                onEsc(event);
+                return;
+            }
+
+            close();
+        };
+
+        window.addEventListener('keydown', onKeyDown);
+
+        return () => {
+            stack.splice(stack.indexOf(id), 1);
+            window.removeEventListener('keydown', onKeyDown);
+        };
+    }, [opened]);
+};
diff --git a/utils/api-tests/script.mjs b/utils/api-tests/script.mjs
index 9d0733795ab..2e7e7e0b050 100644
--- a/utils/api-tests/script.mjs
+++ b/utils/api-tests/script.mjs
@@ -13,50 +13,50 @@ const config = {
     libs: [
         {
             name: '@salutejs/plasma-b2c',
-            excludeComponents: ['TextField', 'CodeArea'],
+            excludeComponents: ['TextField', 'CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/plasma-web',
-            excludeComponents: ['TextField', 'CodeArea'],
+            excludeComponents: ['TextField', 'CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/plasma-giga',
         },
         {
             name: '@salutejs/sdds-bizcom',
-            excludeComponents: ['CodeArea'],
+            excludeComponents: ['CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-cs',
-            excludeComponents: ['Select', 'InformationWrapper', 'CodeArea'],
+            excludeComponents: ['Select', 'InformationWrapper', 'CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-dfa',
-            excludeComponents: ['InformationWrapper', 'CodeArea'],
+            excludeComponents: ['InformationWrapper', 'CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-finai',
-            excludeComponents: ['CodeArea'],
+            excludeComponents: ['CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-insol',
-            excludeComponents: ['CodeArea'],
+            excludeComponents: ['CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-netology',
-            excludeComponents: ['CodeArea'],
+            excludeComponents: ['CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-platform-ai',
-            excludeComponents: ['CodeArea'],
+            excludeComponents: ['CodeArea', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-scan',
-            excludeComponents: ['CodeArea'],
+            excludeComponents: ['CodeArea', 'Sheet', 'BottomSheet'],
         },
         {
             name: '@salutejs/sdds-serv',
-            excludeComponents: ['CodeArea'],
+            excludeComponents: ['CodeArea', 'BottomSheet'],
         },
     ],
     includeComponents: [],
diff --git a/utils/api-tests/src/components/BottomSheet/BottomSheet.api.test.tsx b/utils/api-tests/src/components/BottomSheet/BottomSheet.api.test.tsx
new file mode 100644
index 00000000000..2d00b09b2ae
--- /dev/null
+++ b/utils/api-tests/src/components/BottomSheet/BottomSheet.api.test.tsx
@@ -0,0 +1,166 @@
+import * as React from 'react';
+import type { ComponentProps, ReactNode, CSSProperties, AriaRole } from 'react';
+import { useState } from 'react';
+import { describe, it } from 'node:test';
+import { expectTypeOf } from 'expect-type';
+import { BottomSheet } from '@salutejs/plasma-giga';
+
+type BottomSheetProps = ComponentProps<typeof BottomSheet>;
+
+describe('Basics', () => {
+    it('Common', () => {
+        // layout
+        expectTypeOf<BottomSheetProps>()
+            .toHaveProperty('handlePlacement')
+            .toEqualTypeOf<'inner' | 'outer' | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('hasClose').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('hasHandle').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('withOverlay').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('withBlur').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('withTransition').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<BottomSheetProps>()
+            .toHaveProperty('maxHeight')
+            .toEqualTypeOf<CSSProperties['maxHeight'] | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('zIndex').toEqualTypeOf<CSSProperties['zIndex'] | undefined>();
+
+        // state
+        expectTypeOf<BottomSheetProps>().toHaveProperty('opened').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('closeOnEsc').toEqualTypeOf<boolean | undefined>();
+
+        // content slots
+        expectTypeOf<BottomSheetProps>().toHaveProperty('children').toEqualTypeOf<ReactNode>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('contentBeforeHeader').toEqualTypeOf<ReactNode>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('contentHeader').toEqualTypeOf<ReactNode>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('contentFooter').toEqualTypeOf<ReactNode>();
+
+        // callbacks
+        expectTypeOf<BottomSheetProps>().toHaveProperty('onClose').toEqualTypeOf<(() => void) | undefined>();
+        expectTypeOf<BottomSheetProps>()
+            .toHaveProperty('onOverlayClick')
+            .toEqualTypeOf<((event: React.MouseEvent<HTMLDivElement>) => void) | undefined>();
+        expectTypeOf<BottomSheetProps>()
+            .toHaveProperty('onEscKeyDown')
+            .toEqualTypeOf<((event: KeyboardEvent) => void) | undefined>();
+    });
+
+    it('Variations', () => {
+        type View = NonNullable<BottomSheetProps['view']>;
+        expectTypeOf<View>().toExtend<string>();
+        expectTypeOf<string>().not.toExtend<View>();
+
+        type Size = NonNullable<BottomSheetProps['size']>;
+        expectTypeOf<Size>().toExtend<string>();
+        expectTypeOf<string>().not.toExtend<Size>();
+    });
+
+    it('HTMLDivElement', () => {
+        expectTypeOf<BottomSheetProps>().toHaveProperty('id').toEqualTypeOf<string | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('className').toEqualTypeOf<string | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('style').toEqualTypeOf<CSSProperties | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('aria-label').toEqualTypeOf<string | undefined>();
+        expectTypeOf<BottomSheetProps>().toHaveProperty('role').toEqualTypeOf<AriaRole | undefined>();
+        expectTypeOf<BottomSheetProps>()
+            .toHaveProperty('onClick')
+            .toEqualTypeOf<React.MouseEventHandler<HTMLDivElement> | undefined>();
+        expectTypeOf<BottomSheetProps>()
+            .toHaveProperty('onMouseEnter')
+            .toEqualTypeOf<React.MouseEventHandler<HTMLDivElement> | undefined>();
+        expectTypeOf<BottomSheetProps>()
+            .toHaveProperty('onMouseLeave')
+            .toEqualTypeOf<React.MouseEventHandler<HTMLDivElement> | undefined>();
+    });
+});
+
+describe('Complex', () => {
+    it('Examples', () => {
+        expectTypeOf<BottomSheetProps>({});
+        expectTypeOf<BottomSheetProps>({ opened: true, onClose: () => {} });
+        expectTypeOf<BottomSheetProps>({
+            opened: true,
+            onClose: () => {},
+            onOverlayClick: () => {},
+            withOverlay: true,
+            withBlur: true,
+        });
+        expectTypeOf<BottomSheetProps>({
+            opened: true,
+            contentBeforeHeader: 'Before',
+            contentHeader: 'Header',
+            contentFooter: 'Footer',
+            handlePlacement: 'outer',
+            hasClose: true,
+            hasHandle: true,
+            maxHeight: '80dvh',
+            zIndex: 2000,
+        });
+    });
+});
+
+describe('Examples', () => {
+    it('Controlled', () => {
+        () => {
+            const [opened, setOpened] = useState(false);
+
+            return (
+                <BottomSheet opened={opened} onClose={() => setOpened(false)}>
+                    Content
+                </BottomSheet>
+            );
+        };
+    });
+
+    it('With overlay click', () => {
+        () => {
+            const [opened, setOpened] = useState(false);
+
+            return (
+                <BottomSheet
+                    opened={opened}
+                    onClose={() => setOpened(false)}
+                    onOverlayClick={() => setOpened(false)}
+                    withOverlay
+                    withBlur
+                >
+                    Content
+                </BottomSheet>
+            );
+        };
+    });
+
+    it('With esc', () => {
+        () => {
+            const [opened, setOpened] = useState(false);
+
+            return (
+                <BottomSheet
+                    opened={opened}
+                    onClose={() => setOpened(false)}
+                    onEscKeyDown={() => setOpened(false)}
+                    closeOnEsc
+                >
+                    Content
+                </BottomSheet>
+            );
+        };
+    });
+
+    it('With slots', () => {
+        () => {
+            return (
+                <BottomSheet
+                    opened
+                    onClose={() => {}}
+                    contentBeforeHeader={<div>Before</div>}
+                    contentHeader={<div>Header</div>}
+                    contentFooter={<div>Footer</div>}
+                    handlePlacement="outer"
+                    hasClose
+                    hasHandle
+                    maxHeight="80dvh"
+                >
+                    Content
+                </BottomSheet>
+            );
+        };
+    });
+});
diff --git a/utils/api-tests/src/components/Sheet/Sheet.api.test.tsx b/utils/api-tests/src/components/Sheet/Sheet.api.test.tsx
new file mode 100644
index 00000000000..51dc16b39ab
--- /dev/null
+++ b/utils/api-tests/src/components/Sheet/Sheet.api.test.tsx
@@ -0,0 +1,156 @@
+import * as React from 'react';
+import type { ComponentProps, ReactNode, CSSProperties, AriaRole } from 'react';
+import { useState } from 'react';
+import { describe, it } from 'node:test';
+import { expectTypeOf } from 'expect-type';
+import { Sheet } from '@salutejs/plasma-b2c';
+
+type SheetProps = ComponentProps<typeof Sheet>;
+
+describe('Basics', () => {
+    it('Common', () => {
+        // layout
+        expectTypeOf<SheetProps>().toHaveProperty('hasHandle').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('withOverlay').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('withBlur').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('withTransition').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('isHeaderFixed').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('isFooterFixed').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('hasScrollEvents').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('throttleMs').toEqualTypeOf<number | undefined>();
+
+        // state
+        expectTypeOf<SheetProps>().toHaveProperty('opened').toEqualTypeOf<boolean | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('closeOnEsc').toEqualTypeOf<boolean | undefined>();
+
+        // content slots
+        expectTypeOf<SheetProps>().toHaveProperty('children').toEqualTypeOf<ReactNode>();
+        expectTypeOf<SheetProps>().toHaveProperty('contentHeader').toEqualTypeOf<ReactNode>();
+        expectTypeOf<SheetProps>().toHaveProperty('contentFooter').toEqualTypeOf<ReactNode>();
+
+        // callbacks
+        expectTypeOf<SheetProps>().toHaveProperty('onClose').toEqualTypeOf<() => void>();
+        expectTypeOf<SheetProps>()
+            .toHaveProperty('onOverlayClick')
+            .toEqualTypeOf<((event: React.MouseEvent<HTMLDivElement>) => void) | undefined>();
+        expectTypeOf<SheetProps>()
+            .toHaveProperty('onEscKeyDown')
+            .toEqualTypeOf<((event: KeyboardEvent) => void) | undefined>();
+    });
+
+    it('Variations', () => {
+        type View = NonNullable<SheetProps['view']>;
+        expectTypeOf<View>().toExtend<string>();
+        expectTypeOf<string>().not.toExtend<View>();
+
+        type HandlePlacement = NonNullable<SheetProps['handlePlacement']>;
+        expectTypeOf<HandlePlacement>().toExtend<string>();
+        expectTypeOf<string>().not.toExtend<HandlePlacement>();
+    });
+
+    it('HTMLDivElement', () => {
+        expectTypeOf<SheetProps>().toHaveProperty('id').toEqualTypeOf<string | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('className').toEqualTypeOf<string | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('style').toEqualTypeOf<CSSProperties | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('aria-label').toEqualTypeOf<string | undefined>();
+        expectTypeOf<SheetProps>().toHaveProperty('role').toEqualTypeOf<AriaRole | undefined>();
+        expectTypeOf<SheetProps>()
+            .toHaveProperty('onClick')
+            .toEqualTypeOf<React.MouseEventHandler<HTMLDivElement> | undefined>();
+        expectTypeOf<SheetProps>()
+            .toHaveProperty('onMouseEnter')
+            .toEqualTypeOf<React.MouseEventHandler<HTMLDivElement> | undefined>();
+        expectTypeOf<SheetProps>()
+            .toHaveProperty('onMouseLeave')
+            .toEqualTypeOf<React.MouseEventHandler<HTMLDivElement> | undefined>();
+    });
+});
+
+describe('Complex', () => {
+    it('Examples', () => {
+        expectTypeOf<SheetProps>({ onClose: () => {} });
+        expectTypeOf<SheetProps>({ opened: true, onClose: () => {} });
+        expectTypeOf<SheetProps>({
+            opened: true,
+            onClose: () => {},
+            onOverlayClick: () => {},
+            withOverlay: true,
+            withBlur: true,
+        });
+        expectTypeOf<SheetProps>({
+            opened: true,
+            onClose: () => {},
+            contentHeader: 'Header',
+            contentFooter: 'Footer',
+            isHeaderFixed: true,
+            isFooterFixed: true,
+        });
+    });
+});
+
+describe('Examples', () => {
+    it('Controlled', () => {
+        () => {
+            const [opened, setOpened] = useState(false);
+
+            return (
+                <Sheet opened={opened} onClose={() => setOpened(false)}>
+                    Content
+                </Sheet>
+            );
+        };
+    });
+
+    it('With overlay click', () => {
+        () => {
+            const [opened, setOpened] = useState(false);
+
+            return (
+                <Sheet
+                    opened={opened}
+                    onClose={() => setOpened(false)}
+                    onOverlayClick={() => setOpened(false)}
+                    withOverlay
+                    withBlur
+                >
+                    Content
+                </Sheet>
+            );
+        };
+    });
+
+    it('With esc', () => {
+        () => {
+            const [opened, setOpened] = useState(false);
+
+            return (
+                <Sheet
+                    opened={opened}
+                    onClose={() => setOpened(false)}
+                    onEscKeyDown={() => setOpened(false)}
+                    closeOnEsc
+                >
+                    Content
+                </Sheet>
+            );
+        };
+    });
+
+    it('With header and footer', () => {
+        () => {
+            return (
+                <Sheet
+                    opened
+                    onClose={() => {}}
+                    contentHeader={<div>Header</div>}
+                    contentFooter={<div>Footer</div>}
+                    isHeaderFixed
+                    isFooterFixed
+                    hasHandle
+                >
+                    Content
+                </Sheet>
+            );
+        };
+    });
+});