@alfalab/core-components-side-panel 5.9.13 → 5.9.14-snapshot-1393ffa

package/esm/mobile/mobile.css

@@ -1,58 +1,11 @@
-/* hash: tiz56 */
 :root {
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-}
-/* deprecated */
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-}
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-}
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-}
 :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-}
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-0: 0px;
 }
-/* @deprecated */
-/* @deprecated */
-/* @deprecated */
-/* @deprecated */
-/* @deprecated */
-/* сбрасывает синюю подсветку при нажатии */
-:root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-}
-.side-panel__component_84nmz {
+.side-panel__component_f3c5a {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -60,17 +13,17 @@
     overflow-y: auto;
     max-width: 600px;
 }
-.side-panel__component_84nmz.side-panel__component_84nmz {
+.side-panel__component_f3c5a.side-panel__component_f3c5a {
     position: fixed;
     flex: 1;
 }
 @media (display-mode: standalone) {
-.side-panel__content_84nmz {
+.side-panel__content_f3c5a {
         padding-top: var(--sat);
         padding-bottom: var(--sab)
 }
     }
-.side-panel__mobileContent_84nmz {
+.side-panel__mobileContent_f3c5a {
     display: flex;
     flex-direction: column;
     width: 100%;

package/esm/mobile/mobile.module.css.js

@@ -0,0 +1,6 @@
+import './mobile.css';
+
+var styles = {"component":"side-panel__component_f3c5a","content":"side-panel__content_f3c5a","mobileContent":"side-panel__mobileContent_f3c5a"};
+
+export { styles as default };
+//# sourceMappingURL=mobile.module.css.js.map

package/esm/mobile/mobile.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '../../../vars/src/safe-area.css';\n@import '../vars.css';\n\n.component {\n    top: var(--gap-0);\n    height: 100%;\n    width: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-width: 600px;\n}\n\n.component.component {\n    position: fixed;\n    flex: 1;\n}\n\n.content {\n    @media (display-mode: standalone) {\n        padding-top: var(--sat);\n        padding-bottom: var(--sab);\n    }\n}\n\n.mobileContent {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC,SAAS,CAAC,2BAA2B,CAAC,eAAe,CAAC,iCAAiC,CAAC;;;;"}

package/esm/mobile/transitions.mobile.css

@@ -1,24 +1,23 @@
-/* hash: 1mham */
-.side-panel__appear_19ls9,
-.side-panel__enter_19ls9 {
+.side-panel__appear_1klre,
+.side-panel__enter_1klre {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_19ls9,
-.side-panel__enterActive_19ls9 {
+.side-panel__appearActive_1klre,
+.side-panel__enterActive_1klre {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_19ls9 {
+.side-panel__exit_1klre {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_19ls9,
-.side-panel__exitDone_19ls9 {
+.side-panel__exitActive_1klre,
+.side-panel__exitDone_1klre {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/esm/mobile/transitions.mobile.module.css.js

@@ -0,0 +1,6 @@
+import './transitions.mobile.css';
+
+var transitions = {"appear":"side-panel__appear_1klre","enter":"side-panel__enter_1klre","appearActive":"side-panel__appearActive_1klre","enterActive":"side-panel__enterActive_1klre","exit":"side-panel__exit_1klre","exitActive":"side-panel__exitActive_1klre","exitDone":"side-panel__exitDone_1klre"};
+
+export { transitions as default };
+//# sourceMappingURL=transitions.mobile.module.css.js.map

package/esm/mobile/transitions.mobile.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.mobile.module.css.js","sources":["../src/mobile/transitions.mobile.module.css"],"sourcesContent":[".appear,\n.enter {\n    opacity: 0;\n    transform: translateY(15px);\n}\n\n.appearActive,\n.enterActive {\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity 200ms ease-in, transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.exitActive,\n.exitDone {\n    opacity: 0;\n    transform: translateY(15px);\n    transition: opacity 200ms ease-out, transform 200ms ease-out;\n}\n"],"names":[],"mappings":";;AAEgB,kBAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,OAAO,CAAC,yBAAyB,CAAC,cAAc,CAAC,gCAAgC,CAAC,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,wBAAwB,CAAC,YAAY,CAAC,8BAA8B,CAAC,UAAU,CAAC,4BAA4B,CAAC;;;;"}

package/esm/shared/index.js

@@ -1,2 +1,3 @@
 export { ModalContext } from '../Context.js';
 export { getSidePanelTestIds } from '../utils.js';
+//# sourceMappingURL=index.js.map

package/esm/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{cssm → esm/src}/Component.responsive.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { DrawerProps } from "@alfalab/core-components-drawer";
-import { Controls } from "./components/controls/index";
-import { Header } from "./components/header/Component";
-type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
+import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { DrawerProps } from '@alfalab/core-components-drawer';
+import { Controls } from './components/controls';
+import { Header } from './components/header/Component';
+export declare type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -30,7 +29,7 @@ type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTrans
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-declare const SidePanelResponsiveComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelResponsiveComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "placement" | "nativeScrollbar" | "contentTransitionProps"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -59,7 +58,7 @@ declare const SidePanelResponsiveComponent: React.ForwardRefExoticComponent<Base
 declare const ContentResponsive: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
 declare const FooterResponsive: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
 /** Респонсив компаунд */
-declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "placement" | "nativeScrollbar" | "contentTransitionProps"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -86,8 +85,8 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Controls: React.FC<import("./components/controls/index").ControlsProps>;
+    Controls: React.FC<import("./components/controls").ControlsProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
 };
-export { SidePanelResponsiveProps, SidePanelResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, Header as HeaderResponsive, Controls as ControlsResponsive, ContentResponsive, FooterResponsive };
+export { SidePanelResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, Header as HeaderResponsive, Controls as ControlsResponsive, ContentResponsive, FooterResponsive, };

package/esm/src/Context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseModalContext } from '@alfalab/core-components-base-modal';
+export declare const ModalContext: import("react").Context<BaseModalContext>;

package/esm/src/ResponsiveContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TResponsiveModalContext } from './typings';
+export declare const ResponsiveContext: React.Context<TResponsiveModalContext>;

package/esm/{components → src/components}/content/Component.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-type ContentProps = {
+export declare type ContentProps = {
     /**
      * Контент
      */
@@ -13,5 +13,4 @@ type ContentProps = {
      */
     dataTestId?: string;
 };
-declare const Content: FC<ContentProps>;
-export { ContentProps, Content };
+export declare const Content: FC<ContentProps>;

package/esm/src/components/content/Component.desktop.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ContentProps } from './Component';
+export declare type ContentDesktopProps = ContentProps & {
+    /**
+     * Размер (только для desktop версии компонента)
+     */
+    size?: 's' | 500;
+};
+export declare const ContentDesktop: FC<ContentDesktopProps>;

package/esm/src/components/content/Component.mobile.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ContentProps } from './Component';
+export declare type ContentMobileProps = ContentProps;
+export declare const ContentMobile: FC<ContentMobileProps>;

package/esm/{components → src/components}/controls/Component.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-interface ControlsProps {
+import React, { ReactNode } from 'react';
+export interface ControlsProps {
     /**
      * Основной слот
      */
@@ -25,5 +23,4 @@ interface ControlsProps {
      */
     gap?: 16 | 24 | 32;
 }
-declare const Controls: React.FC<ControlsProps>;
-export { ControlsProps, Controls };
+export declare const Controls: React.FC<ControlsProps>;

package/esm/src/components/controls/index.d.ts

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

package/{components → esm/src/components}/footer/Component.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-type FooterProps = {
+export declare type FooterProps = {
     /**
      * Контент футера
      */
@@ -25,5 +25,4 @@ type FooterProps = {
      */
     dataTestId?: string;
 };
-declare const Footer: FC<FooterProps>;
-export { FooterProps, Footer };
+export declare const Footer: FC<FooterProps>;

package/esm/src/components/footer/Component.desktop.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { FooterProps } from './Component';
+export declare type FooterDesktopProps = FooterProps & {
+    /**
+     * Размер (только для desktop версии компонента)
+     */
+    size?: 's' | 500;
+};
+export declare const FooterDesktop: FC<FooterDesktopProps>;

package/esm/src/components/footer/Component.mobile.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FooterProps } from './Component';
+export declare type FooterMobileProps = FooterProps;
+export declare const FooterMobile: FC<FooterMobileProps>;

package/esm/src/components/header/Component.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationBarPrivateProps } from '@alfalab/core-components-navigation-bar-private';
+export declare type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
+export declare const Header: FC<HeaderProps>;

package/esm/src/consts.d.ts

@@ -0,0 +1,4 @@
+export declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    500: string;
+};

package/{cssm → esm/src}/desktop/Component.desktop.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { DrawerProps } from "@alfalab/core-components-drawer";
-import { ContentDesktop } from "../components/content/Component.desktop";
-import { ControlsProps } from "../components/controls/index";
-import { FooterDesktop } from "../components/footer/Component.desktop";
-import { HeaderProps } from "../components/header/Component";
-type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
+import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { DrawerProps } from '@alfalab/core-components-drawer';
+import { ContentDesktop } from '../components/content/Component.desktop';
+import { ControlsProps } from '../components/controls';
+import { FooterDesktop } from '../components/footer/Component.desktop';
+import { HeaderProps } from '../components/header/Component';
+export declare type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -18,7 +17,7 @@ type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'n
      */
     hasCloser?: boolean;
 };
-declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "placement" | "nativeScrollbar" | "contentTransitionProps"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -30,9 +29,9 @@ declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseMod
      */
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+declare const HeaderDesktop: React.FC<Omit<HeaderProps, "subtitle" | "titleSize">>;
 declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
-declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
+declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "placement" | "nativeScrollbar" | "contentTransitionProps"> & {
     /**
      * Ширина модального окна
      * @default "s"
@@ -45,8 +44,8 @@ declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps &
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<import("../components/content/Component.desktop").ContentDesktopProps>;
-    Header: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
+    Header: React.FC<Omit<HeaderProps, "subtitle" | "titleSize">>;
     Footer: React.FC<import("../components/footer/Component.desktop").FooterDesktopProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { SidePanelDesktopProps, SidePanelDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, ContentDesktop, HeaderDesktop, FooterDesktop, ControlsDesktop };
+export { SidePanelDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, ContentDesktop, HeaderDesktop, FooterDesktop, ControlsDesktop, };

package/esm/src/desktop/index.d.ts

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

package/esm/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './desktop';
+export * from './mobile';
+export { SidePanelResponsive as SidePanel, type SidePanelResponsiveProps as SidePanelProps, SidePanelResponsive, SidePanelComponentResponsive, HeaderResponsive, ControlsResponsive, ContentResponsive, FooterResponsive, } from './Component.responsive';

package/{cssm → esm/src}/mobile/Component.mobile.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { ContentMobile } from "../components/content/Component.mobile";
-import { ControlsProps } from "../components/controls/index";
-import { FooterMobile } from "../components/footer/Component.mobile";
-import { Header } from "../components/header/Component";
-type SidePanelMobileProps = BaseModalProps & {
+import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { ContentMobile } from '../components/content/Component.mobile';
+import { ControlsProps } from '../components/controls';
+import { FooterMobile } from '../components/footer/Component.mobile';
+import { Header } from '../components/header/Component';
+export declare type SidePanelMobileProps = BaseModalProps & {
     /**
      * Управление наличием закрывающего крестика
      * @default false
@@ -32,4 +31,4 @@ declare const SidePanelMobile: React.ForwardRefExoticComponent<BaseModalProps &
     Footer: React.FC<import("../components/footer/Component").FooterProps>;
     Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
 };
-export { SidePanelMobileProps, SidePanelMobile, SidePanelMobileComponent as SidePanelComponentMobile, ContentMobile, Header as HeaderMobile, FooterMobile, ControlsMobile };
+export { SidePanelMobile, SidePanelMobileComponent as SidePanelComponentMobile, ContentMobile, Header as HeaderMobile, FooterMobile, ControlsMobile, };

package/esm/src/mobile/index.d.ts

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

package/esm/src/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalContext } from '../Context';
+export { getSidePanelTestIds } from '../utils';

package/esm/src/typings.d.ts

@@ -0,0 +1,6 @@
+export declare type View = 'desktop' | 'mobile';
+export declare type TResponsiveModalContext = {
+    view: View;
+    size: 's' | 500;
+    dataTestId?: string;
+} | null;

package/esm/{utils.d.ts → src/utils.d.ts}

@@ -1,4 +1,4 @@
-declare function getSidePanelTestIds(dataTestId: string): {
+export declare function getSidePanelTestIds(dataTestId: string): {
     modal: string;
     content: string;
     footer: string;
@@ -8,4 +8,3 @@ declare function getSidePanelTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-export { getSidePanelTestIds };

package/esm/typings.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typings.js.map

package/esm/typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/utils.js

@@ -14,3 +14,4 @@ function getSidePanelTestIds(dataTestId) {
 }
 
 export { getSidePanelTestIds };
+//# sourceMappingURL=utils.js.map

package/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getSidePanelTestIds(dataTestId: string) {\n    return {\n        modal: dataTestId,\n        content: getDataTestId(dataTestId, 'content'),\n        footer: getDataTestId(dataTestId, 'footer'),\n        controls: getDataTestId(dataTestId, 'controls'),\n        header: getDataTestId(dataTestId, 'header'),\n        title: getDataTestId(dataTestId, 'header-title'),\n        closer: getDataTestId(dataTestId, 'header-closer'),\n        backButton: getDataTestId(dataTestId, 'header-back-button'),\n    };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,mBAAmB,CAAC,UAAkB,EAAA;IAClD,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,OAAO,EAAE,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC;AAC7C,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,QAAQ,EAAE,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC;AAC/C,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AAChD,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,eAAe,CAAC;AAClD,QAAA,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;KAC9D;AACL;;;;"}

package/index.js

@@ -2,34 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+var Component_desktop = require('./desktop/Component.desktop.js');
+var Component_mobile = require('./mobile/Component.mobile.js');
 var Component_responsive = require('./Component.responsive.js');
-var components_header_Component = require('./components/header/Component.js');
-var components_controls_Component = require('./components/controls/Component.js');
-var components_content_Component_desktop = require('./components/content/Component.desktop.js');
-var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var components_content_Component_mobile = require('./components/content/Component.mobile.js');
-var components_footer_Component_mobile = require('./components/footer/Component.mobile.js');
+var Component = require('./components/header/Component.js');
+var Component$1 = require('./components/controls/Component.js');
+var Component_desktop$1 = require('./components/content/Component.desktop.js');
+var Component_desktop$2 = require('./components/footer/Component.desktop.js');
+var Component_mobile$1 = require('./components/content/Component.mobile.js');
+var Component_mobile$2 = require('./components/footer/Component.mobile.js');
 
 
 
-exports.ControlsDesktop = desktop_Component_desktop.ControlsDesktop;
-exports.HeaderDesktop = desktop_Component_desktop.HeaderDesktop;
-exports.SidePanelComponentDesktop = desktop_Component_desktop.SidePanelComponentDesktop;
-exports.SidePanelDesktop = desktop_Component_desktop.SidePanelDesktop;
-exports.ControlsMobile = mobile_Component_mobile.ControlsMobile;
-exports.SidePanelComponentMobile = mobile_Component_mobile.SidePanelComponentMobile;
-exports.SidePanelMobile = mobile_Component_mobile.SidePanelMobile;
+exports.ControlsDesktop = Component_desktop.ControlsDesktop;
+exports.HeaderDesktop = Component_desktop.HeaderDesktop;
+exports.SidePanelComponentDesktop = Component_desktop.SidePanelComponentDesktop;
+exports.SidePanelDesktop = Component_desktop.SidePanelDesktop;
+exports.ControlsMobile = Component_mobile.ControlsMobile;
+exports.SidePanelComponentMobile = Component_mobile.SidePanelComponentMobile;
+exports.SidePanelMobile = Component_mobile.SidePanelMobile;
 exports.ContentResponsive = Component_responsive.ContentResponsive;
 exports.FooterResponsive = Component_responsive.FooterResponsive;
 exports.SidePanel = Component_responsive.SidePanelResponsive;
 exports.SidePanelComponentResponsive = Component_responsive.SidePanelComponentResponsive;
 exports.SidePanelResponsive = Component_responsive.SidePanelResponsive;
-exports.HeaderMobile = components_header_Component.Header;
-exports.HeaderResponsive = components_header_Component.Header;
-exports.ControlsResponsive = components_controls_Component.Controls;
-exports.ContentDesktop = components_content_Component_desktop.ContentDesktop;
-exports.FooterDesktop = components_footer_Component_desktop.FooterDesktop;
-exports.ContentMobile = components_content_Component_mobile.ContentMobile;
-exports.FooterMobile = components_footer_Component_mobile.FooterMobile;
+exports.HeaderMobile = Component.Header;
+exports.HeaderResponsive = Component.Header;
+exports.ControlsResponsive = Component$1.Controls;
+exports.ContentDesktop = Component_desktop$1.ContentDesktop;
+exports.FooterDesktop = Component_desktop$2.FooterDesktop;
+exports.ContentMobile = Component_mobile$1.ContentMobile;
+exports.FooterMobile = Component_mobile$2.FooterMobile;
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/mobile/Component.mobile.js

@@ -6,46 +6,43 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
-var components_content_Component_mobile = require('../components/content/Component.mobile.js');
-var components_controls_Component = require('../components/controls/Component.js');
-var components_footer_Component_mobile = require('../components/footer/Component.mobile.js');
-var components_header_Component = require('../components/header/Component.js');
+var Component_mobile = require('../components/content/Component.mobile.js');
+var Component$1 = require('../components/controls/Component.js');
+var Component_mobile$1 = require('../components/footer/Component.mobile.js');
+var Component = require('../components/header/Component.js');
 var ResponsiveContext = require('../ResponsiveContext.js');
+var mobile_module = require('./mobile.module.css.js');
+var transitions_mobile_module = require('./transitions.mobile.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"side-panel__component_84nmz","content":"side-panel__content_84nmz","mobileContent":"side-panel__mobileContent_84nmz"};
-require('./mobile.css')
-
-var transitions = {"appear":"side-panel__appear_19ls9","enter":"side-panel__enter_19ls9","appearActive":"side-panel__appearActive_19ls9","enterActive":"side-panel__enterActive_19ls9","exit":"side-panel__exit_19ls9","exitActive":"side-panel__exitActive_19ls9","exitDone":"side-panel__exitDone_19ls9"};
-require('./transitions.mobile.css')
-
 var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, transitionProps = _a.transitionProps, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "className", "transitionProps", "dataTestId"]);
     var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
     var contextValue = React.useMemo(function () { return ({ size: 500, view: 'mobile', dataTestId: dataTestId }); }, [dataTestId]);
     var renderContent = function () {
         var _a;
-        return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: tslib.__assign({ classNames: transitions }, transitionProps), className: cn__default.default(className, styles.component), scrollHandler: 'content', contentProps: tslib.__assign(tslib.__assign({}, restProps.contentProps), { className: cn__default.default(styles.content, (_a = restProps.contentProps) === null || _a === void 0 ? void 0 : _a.className) }) }),
-            React__default.default.createElement("div", { className: styles.mobileContent }, children)));
+        return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: tslib.__assign({ classNames: transitions_mobile_module }, transitionProps), className: cn__default.default(className, mobile_module.component), scrollHandler: 'content', contentProps: tslib.__assign(tslib.__assign({}, restProps.contentProps), { className: cn__default.default(mobile_module.content, (_a = restProps.contentProps) === null || _a === void 0 ? void 0 : _a.className) }) }),
+            React__default.default.createElement("div", { className: mobile_module.mobileContent }, children)));
     };
     var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
-var ControlsMobile = components_controls_Component.Controls;
+var ControlsMobile = Component$1.Controls;
 var SidePanelMobile = Object.assign(SidePanelMobileComponent, {
-    Content: components_content_Component_mobile.ContentMobile,
-    Header: components_header_Component.Header,
-    Footer: components_footer_Component_mobile.FooterMobile,
+    Content: Component_mobile.ContentMobile,
+    Header: Component.Header,
+    Footer: Component_mobile$1.FooterMobile,
     Controls: ControlsMobile,
 });
 
-exports.ContentMobile = components_content_Component_mobile.ContentMobile;
-exports.FooterMobile = components_footer_Component_mobile.FooterMobile;
-exports.HeaderMobile = components_header_Component.Header;
+exports.ContentMobile = Component_mobile.ContentMobile;
+exports.FooterMobile = Component_mobile$1.FooterMobile;
+exports.HeaderMobile = Component.Header;
 exports.ControlsMobile = ControlsMobile;
 exports.SidePanelComponentMobile = SidePanelMobileComponent;
 exports.SidePanelMobile = SidePanelMobile;
+//# sourceMappingURL=Component.mobile.js.map