@alfalab/core-components-side-panel 6.0.1-snapshot-c2c8d5a → 6.0.2

package/esm/components/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.footer {\n    width: 100%;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s ease, background 0.2s ease;\n}\n\n.sticky {\n    background: var(--side-panel-footer-background);\n    position: sticky;\n    z-index: 1;\n}\n\n.highlighted {\n    background: var(--side-panel-footer-highlight-background);\n    box-shadow: var(--side-panel-footer-highlight-box-shadow);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.footer {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n}\n\n.sticky {\n    background: var(--side-panel-footer-background);\n    position: sticky;\n    z-index: 1;\n}\n\n.highlighted {\n    background: var(--side-panel-footer-highlight-background);\n    box-shadow: var(--side-panel-footer-highlight-box-shadow);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/esm/components/footer/layout.css

@@ -7,35 +7,35 @@
     --gap-32: var(--gap-2xl);
 } :root {
     --side-panel-footer-default-gap: var(--gap-16);
-} .side-panel__column_1jt22 {
+} .side-panel__column_qu8e4 {
     display: flex;
-    flex-direction: column
-} .side-panel__column_1jt22 > *:not(:last-child):not(:only-child) {
+    flex-direction: column;
+} .side-panel__column_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_qu8e4.side-panel__gap-16_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-16);
-    } .side-panel__column_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_qu8e4.side-panel__gap-24_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-24);
-    } .side-panel__column_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child) {
+    } .side-panel__column_qu8e4.side-panel__gap-32_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-32);
-    } .side-panel__start_1jt22 {
+    } .side-panel__start_qu8e4 {
     justify-content: flex-start;
-} .side-panel__center_1jt22 {
+} .side-panel__center_qu8e4 {
     justify-content: center;
-} .side-panel__space-between_1jt22 {
-    justify-content: space-between
-} .side-panel__space-between_1jt22 > * {
+} .side-panel__space-between_qu8e4 {
+    justify-content: space-between;
+} .side-panel__space-between_qu8e4 > * {
         flex: 1;
-    } .side-panel__start_1jt22,
-.side-panel__center_1jt22,
-.side-panel__space-between_1jt22 {
-    display: flex
-} .side-panel__start_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22 > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_qu8e4,
+.side-panel__center_qu8e4,
+.side-panel__space-between_qu8e4 {
+    display: flex;
+} .side-panel__start_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__center_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__space-between_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-right: var(--side-panel-footer-default-gap);
-    } .side-panel__start_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-16_1jt22 > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_qu8e4.side-panel__gap-16_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__center_qu8e4.side-panel__gap-16_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__space-between_qu8e4.side-panel__gap-16_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-16);
-    } .side-panel__start_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-24_1jt22 > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_qu8e4.side-panel__gap-24_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__center_qu8e4.side-panel__gap-24_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__space-between_qu8e4.side-panel__gap-24_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-24);
-    } .side-panel__start_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child), .side-panel__center_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child), .side-panel__space-between_1jt22.side-panel__gap-32_1jt22 > *:not(:last-child):not(:only-child) {
+    } .side-panel__start_qu8e4.side-panel__gap-32_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__center_qu8e4.side-panel__gap-32_qu8e4 > *:not(:last-child):not(:only-child), .side-panel__space-between_qu8e4.side-panel__gap-32_qu8e4 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-32);
     }

package/esm/components/footer/layout.module.css.js

@@ -1,6 +1,6 @@
 import './layout.css';
 
-var layoutStyles = {"column":"side-panel__column_1jt22","gap-16":"side-panel__gap-16_1jt22","gap-24":"side-panel__gap-24_1jt22","gap-32":"side-panel__gap-32_1jt22","start":"side-panel__start_1jt22","center":"side-panel__center_1jt22","space-between":"side-panel__space-between_1jt22"};
+var layoutStyles = {"column":"side-panel__column_qu8e4","gap-16":"side-panel__gap-16_qu8e4","gap-24":"side-panel__gap-24_qu8e4","gap-32":"side-panel__gap-32_qu8e4","start":"side-panel__start_qu8e4","center":"side-panel__center_qu8e4","space-between":"side-panel__space-between_qu8e4"};
 
 export { layoutStyles as default };
 //# sourceMappingURL=layout.module.css.js.map

package/esm/components/footer/mobile.css

@@ -6,14 +6,14 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.side-panel__footer_8r3mt {
-    padding: var(--gap-16)
+.side-panel__footer_1u9zt {
+    padding: var(--gap-16);
 }
 @media (display-mode: standalone) {
-.side-panel__footer_8r3mt {
-        padding-bottom: calc(var(--sab) + var(--gap-16))
+.side-panel__footer_1u9zt {
+        padding-bottom: calc(var(--sab) + var(--gap-16));
 }
     }
-.side-panel__sticky_8r3mt {
+.side-panel__sticky_1u9zt {
     bottom: var(--gap-0);
 }

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"footer":"side-panel__footer_8r3mt","sticky":"side-panel__sticky_8r3mt"};
+var styles = {"footer":"side-panel__footer_1u9zt","sticky":"side-panel__sticky_1u9zt"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

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

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

package/esm/components/header/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { FC, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { ModalContext } from '../../Context';\nimport { ResponsiveContext } from '../../ResponsiveContext';\n\nimport desktopStyles from './desktop.module.css';\nimport styles from './index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const Header: FC<HeaderProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    hasCloser = true,\n    ...restProps\n}) => {\n    const { setHasHeader, headerHighlighted, onClose, componentRef } = useContext(ModalContext);\n    const { size = 500, view = 'desktop', dataTestId } = useContext(ResponsiveContext) || {};\n\n    useEffect(() => {\n        setHasHeader(true);\n    }, [setHasHeader]);\n\n    const hasContent = Boolean(title || children);\n\n    return (\n        <NavigationBarPrivate\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            {...restProps}\n            scrollableParentRef={componentRef}\n            view={view}\n            sticky={sticky}\n            title={title}\n            hasCloser={hasCloser}\n            onClose={onClose}\n            className={cn(styles.header, className, {\n                [styles.highlighted]: hasContent && sticky && headerHighlighted,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.sticky]: view === 'desktop' && sticky,\n                [desktopStyles[SIZE_TO_CLASSNAME_MAP[size]]]: view === 'desktop',\n                [mobileStyles.sticky]: view === 'mobile' && sticky,\n                [mobileStyles.header]: view === 'mobile',\n            })}\n            contentClassName={cn(contentClassName, {\n                [desktopStyles.content]: view === 'desktop',\n                [mobileStyles.content]: view === 'mobile',\n            })}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAmBO,IAAM,MAAM,GAAoB,UAAC,EAQvC,EAAA;;IAPG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACb,SAAS,GAPwB,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,CAQvC,CADe;AAEN,IAAA,IAAA,KAA6D,UAAU,CAAC,YAAY,CAAC,EAAnF,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAA6B;IACrF,IAAA,EAAA,GAA+C,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,EAAhF,EAAU,GAAA,EAAA,CAAA,IAAA,EAAV,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAAE,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAwC;AAExF,IAAA,SAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;IAE7C,QACI,oBAAC,oBAAoB,EAAA,QAAA,CAAA,EACjB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAC3C,SAAS,EACb,EAAA,mBAAmB,EAAE,YAAY,EACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YAClC,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,UAAU,IAAI,MAAM,IAAI,iBAAiB;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;YAC/B,EAAC,CAAA,aAAa,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,SAAS,IAAI,MAAM;YACpD,EAAC,CAAA,aAAa,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAA,GAAG,IAAI,KAAK,SAAS;YAChE,EAAC,CAAA,YAAY,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,QAAQ,IAAI,MAAM;AAClD,YAAA,EAAA,CAAC,YAAY,CAAC,MAAM,CAAG,GAAA,IAAI,KAAK,QAAQ;AAC1C,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,gBAAgB,GAAA,EAAA,GAAA,EAAA;AACjC,YAAA,EAAA,CAAC,aAAa,CAAC,OAAO,CAAG,GAAA,IAAI,KAAK,SAAS;AAC3C,YAAA,EAAA,CAAC,YAAY,CAAC,OAAO,CAAG,GAAA,IAAI,KAAK,QAAQ;gBAC3C,EAED,CAAA,EAAA,QAAQ,CACU;AAE/B;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/header/Component.tsx"],"sourcesContent":["import React, { type FC, useContext, useEffect } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { SIZE_TO_CLASSNAME_MAP } from '../../consts';\nimport { ModalContext } from '../../Context';\nimport { ResponsiveContext } from '../../ResponsiveContext';\n\nimport desktopStyles from './desktop.module.css';\nimport styles from './index.module.css';\nimport mobileStyles from './mobile.module.css';\n\nexport type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;\n\nexport const Header: FC<HeaderProps> = ({\n    className,\n    children,\n    contentClassName,\n    title,\n    sticky,\n    hasCloser = true,\n    ...restProps\n}) => {\n    const { setHasHeader, headerHighlighted, onClose, componentRef } = useContext(ModalContext);\n    const { size = 500, view = 'desktop', dataTestId } = useContext(ResponsiveContext) || {};\n\n    useEffect(() => {\n        setHasHeader(true);\n    }, [setHasHeader]);\n\n    const hasContent = Boolean(title || children);\n\n    return (\n        <NavigationBarPrivate\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            {...restProps}\n            scrollableParentRef={componentRef}\n            view={view}\n            sticky={sticky}\n            title={title}\n            hasCloser={hasCloser}\n            onClose={onClose}\n            className={cn(styles.header, className, {\n                [styles.highlighted]: hasContent && sticky && headerHighlighted,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.sticky]: view === 'desktop' && sticky,\n                [desktopStyles[SIZE_TO_CLASSNAME_MAP[size]]]: view === 'desktop',\n                [mobileStyles.sticky]: view === 'mobile' && sticky,\n                [mobileStyles.header]: view === 'mobile',\n            })}\n            contentClassName={cn(contentClassName, {\n                [desktopStyles.content]: view === 'desktop',\n                [mobileStyles.content]: view === 'mobile',\n            })}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAmBO,IAAM,MAAM,GAAoB,UAAC,EAQvC,EAAA;;IAPG,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACb,SAAS,GAPwB,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,CAQvC,CADe;AAEN,IAAA,IAAA,KAA6D,UAAU,CAAC,YAAY,CAAC,EAAnF,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,iBAAiB,uBAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAA6B;IACrF,IAAA,EAAA,GAA+C,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,EAAhF,EAAU,GAAA,EAAA,CAAA,IAAA,EAAV,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAAE,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAwC;AAExF,IAAA,SAAS,CAAC,YAAA;QACN,YAAY,CAAC,IAAI,CAAC;AACtB,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAElB,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;IAE7C,QACI,oBAAC,oBAAoB,EAAA,QAAA,CAAA,EACjB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAC3C,SAAS,EACb,EAAA,mBAAmB,EAAE,YAAY,EACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YAClC,EAAC,CAAA,MAAM,CAAC,WAAW,CAAA,GAAG,UAAU,IAAI,MAAM,IAAI,iBAAiB;AAC/D,YAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAAC,MAAM,CAAC,UAAU,CAAA,GAAG,UAAU;YAC/B,EAAC,CAAA,aAAa,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,SAAS,IAAI,MAAM;YACpD,EAAC,CAAA,aAAa,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAA,GAAG,IAAI,KAAK,SAAS;YAChE,EAAC,CAAA,YAAY,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,QAAQ,IAAI,MAAM;AAClD,YAAA,EAAA,CAAC,YAAY,CAAC,MAAM,CAAG,GAAA,IAAI,KAAK,QAAQ;AAC1C,YAAA,EAAA,EAAA,EACF,gBAAgB,EAAE,EAAE,CAAC,gBAAgB,GAAA,EAAA,GAAA,EAAA;AACjC,YAAA,EAAA,CAAC,aAAa,CAAC,OAAO,CAAG,GAAA,IAAI,KAAK,SAAS;AAC3C,YAAA,EAAA,CAAC,YAAY,CAAC,OAAO,CAAG,GAAA,IAAI,KAAK,QAAQ;gBAC3C,EAED,CAAA,EAAA,QAAQ,CACU;AAE/B;;;;"}

package/esm/components/header/desktop.css

@@ -5,8 +5,8 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 } :root {
     --side-panel-s-header-paddings: 28px 28px var(--gap-0);
     --side-panel-s-header-desktop-content-paddings: 6px var(--gap-12) var(--gap-16);
@@ -14,15 +14,15 @@
     --side-panel-s-header-desktop-line-height: 36px;
     --side-panel-header-desktop-font-weight: bold;
     --side-panel-header-desktop-font-family: var(--font-family-system);
-} .side-panel__content_124hw {
+} .side-panel__content_witg9 {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
-} .side-panel__size-500_124hw .side-panel__content_124hw {
+} .side-panel__size-500_witg9 .side-panel__content_witg9 {
     padding: var(--side-panel-s-header-desktop-content-paddings);
     font-size: var(--side-panel-s-header-desktop-font-size);
     line-height: var(--side-panel-s-header-desktop-line-height);
-} .side-panel__size-500_124hw {
+} .side-panel__size-500_witg9 {
     padding: var(--side-panel-s-header-paddings);
-} .side-panel__sticky_124hw {
+} .side-panel__sticky_witg9 {
     top: var(--gap-0);
 }

package/esm/components/header/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var desktopStyles = {"content":"side-panel__content_124hw","size-500":"side-panel__size-500_124hw","sticky":"side-panel__sticky_124hw"};
+var desktopStyles = {"content":"side-panel__content_witg9","size-500":"side-panel__size-500_witg9","sticky":"side-panel__sticky_witg9"};
 
 export { desktopStyles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/components/header/index.css

@@ -5,42 +5,44 @@
     --side-panel-header-background: var(--color-light-modal-bg-primary);
     --side-panel-header-highlight-background: var(--color-light-modal-bg-primary);
     --side-panel-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .side-panel__header_l7iuu {
+} .side-panel__header_1qgjl {
     width: 100%;
     box-sizing: border-box;
-    transition: box-shadow 0.2s ease, background 0.2s ease
-} .side-panel__header_l7iuu:not(.side-panel__hasContent_l7iuu) {
+    transition:
+        box-shadow 0.2s ease,
+        background 0.2s ease;
+} .side-panel__header_1qgjl:not(.side-panel__hasContent_1qgjl) {
         pointer-events: none;
-    } .side-panel__highlighted_l7iuu {
+    } .side-panel__highlighted_1qgjl {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-} .side-panel__sticky_l7iuu {
+} .side-panel__sticky_1qgjl {
     position: sticky;
-    z-index: 1
-} .side-panel__sticky_l7iuu.side-panel__hasContent_l7iuu {
+    z-index: 1;
+} .side-panel__sticky_1qgjl.side-panel__hasContent_1qgjl {
         background: var(--side-panel-header-background);
-    } .side-panel__header_l7iuu.side-panel__backgroundImage_l7iuu {
+    } .side-panel__header_1qgjl.side-panel__backgroundImage_1qgjl {
     background: center no-repeat;
     background-size: cover;
-} .side-panel__content_l7iuu {
+} .side-panel__content_1qgjl {
     flex-grow: 1;
-} .side-panel__title_l7iuu {
+} .side-panel__title_1qgjl {
     word-break: break-word;
-} .side-panel__addon_l7iuu {
+} .side-panel__addon_1qgjl {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .side-panel__closer_l7iuu {
+} .side-panel__closer_1qgjl {
     margin-left: auto;
-} .side-panel__right_l7iuu {
+} .side-panel__right_1qgjl {
     justify-content: flex-end;
     text-align: right;
-} .side-panel__trim_l7iuu {
-    overflow: hidden
-} .side-panel__trim_l7iuu .side-panel__title_l7iuu {
+} .side-panel__trim_1qgjl {
+    overflow: hidden;
+} .side-panel__trim_1qgjl .side-panel__title_1qgjl {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/esm/components/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"header":"side-panel__header_l7iuu","hasContent":"side-panel__hasContent_l7iuu","highlighted":"side-panel__highlighted_l7iuu","sticky":"side-panel__sticky_l7iuu"};
+var styles = {"header":"side-panel__header_1qgjl","hasContent":"side-panel__hasContent_1qgjl","highlighted":"side-panel__highlighted_1qgjl","sticky":"side-panel__sticky_1qgjl"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/header/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s ease, background 0.2s ease;\n\n    &:not(.hasContent) {\n        pointer-events: none;\n    }\n}\n\n.highlighted {\n    background: var(--side-panel-header-highlight-background);\n    box-shadow: var(--side-panel-header-highlight-box-shadow);\n}\n\n.sticky {\n    position: sticky;\n    z-index: 1;\n\n    &.hasContent {\n        background: var(--side-panel-header-background);\n    }\n}\n\n.header.backgroundImage {\n    background: center no-repeat;\n    background-size: cover;\n}\n\n.content {\n    flex-grow: 1;\n}\n\n.title {\n    word-break: break-word;\n}\n\n.addon {\n    min-width: 48px;\n    height: 48px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: all;\n}\n\n.closer {\n    margin-left: auto;\n}\n\n.right {\n    justify-content: flex-end;\n    text-align: right;\n}\n\n.trim {\n    overflow: hidden;\n\n    & .title {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,YAAY,CAAC,8BAA8B,CAAC,aAAa,CAAC,+BAA+B,CAAC,QAAQ,CAAC,0BAAgS,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.header {\n    width: 100%;\n    box-sizing: border-box;\n    transition:\n        box-shadow 0.2s ease,\n        background 0.2s ease;\n\n    &:not(.hasContent) {\n        pointer-events: none;\n    }\n}\n\n.highlighted {\n    background: var(--side-panel-header-highlight-background);\n    box-shadow: var(--side-panel-header-highlight-box-shadow);\n}\n\n.sticky {\n    position: sticky;\n    z-index: 1;\n\n    &.hasContent {\n        background: var(--side-panel-header-background);\n    }\n}\n\n.header.backgroundImage {\n    background: center no-repeat;\n    background-size: cover;\n}\n\n.content {\n    flex-grow: 1;\n}\n\n.title {\n    word-break: break-word;\n}\n\n.addon {\n    min-width: 48px;\n    height: 48px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: all;\n}\n\n.closer {\n    margin-left: auto;\n}\n\n.right {\n    justify-content: flex-end;\n    text-align: right;\n}\n\n.trim {\n    overflow: hidden;\n\n    & .title {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,YAAY,CAAC,8BAA8B,CAAC,aAAa,CAAC,+BAA+B,CAAC,QAAQ,CAAC,0BAAgS,CAAC;;;;"}

package/esm/components/header/mobile.css

@@ -9,8 +9,8 @@
     --gap-8: var(--gap-xs);
 }
 :root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
 :root {
     --side-panel-header-mobile-content-paddings: 10px var(--gap-8);
@@ -22,18 +22,18 @@
     --side-panel-header-mobile-paddings: var(--side-panel-header-mobile-top-padding) var(--gap-8)
         var(--gap-4) var(--gap-8);
 }
-.side-panel__header_7ci4d {
-    padding: var(--side-panel-header-mobile-paddings)
+.side-panel__header_1a6e2 {
+    padding: var(--side-panel-header-mobile-paddings);
 }
 @media (display-mode: standalone) {
-.side-panel__header_7ci4d {
-        padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding))
+.side-panel__header_1a6e2 {
+        padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding));
 }
     }
-.side-panel__sticky_7ci4d {
+.side-panel__sticky_1a6e2 {
     top: var(--gap-0);
 }
-.side-panel__content_7ci4d {
+.side-panel__content_1a6e2 {
     font-size: var(--side-panel-header-mobile-font-size);
     line-height: var(--side-panel-header-mobile-line-height);
     font-family: var(--side-panel-header-mobile-font-family);

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var mobileStyles = {"header":"side-panel__header_7ci4d","sticky":"side-panel__sticky_7ci4d","content":"side-panel__content_7ci4d"};
+var mobileStyles = {"header":"side-panel__header_1a6e2","sticky":"side-panel__sticky_1a6e2","content":"side-panel__content_1a6e2"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/desktop/Component.desktop.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { BaseModalProps } from '@alfalab/core-components-base-modal/esm';
-import { DrawerProps } from '@alfalab/core-components-drawer/esm';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal/esm';
+import { type DrawerProps } from '@alfalab/core-components-drawer/esm';
 import { ContentDesktop } from '../components/content/Component.desktop';
-import { ControlsProps } from '../components/controls';
+import { type ControlsProps } from '../components/controls';
 import { FooterDesktop } from '../components/footer/Component.desktop';
-import { HeaderProps } from '../components/header/Component';
+import { type HeaderProps } from '../components/header/Component';
 export declare type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
     /**
      * Ширина модального окна

package/esm/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, isValidElement, useContext, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Drawer, DrawerProps } from '@alfalab/core-components-drawer';\n\nimport { ContentDesktop } from '../components/content/Component.desktop';\nimport { Controls, ControlsProps } from '../components/controls';\nimport { FooterDesktop } from '../components/footer/Component.desktop';\nimport { Header, HeaderProps } from '../components/header/Component';\nimport { SIZE_TO_CLASSNAME_MAP } from '../consts';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { TResponsiveModalContext } from '../typings';\n\nimport styles from './desktop.module.css';\nimport transitions from './transitions.desktop.module.css';\n\nexport type SidePanelDesktopProps = BaseModalProps &\n    Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {\n        /**\n         * Ширина модального окна\n         * @default \"s\"\n         */\n        size?: 's' | 500;\n\n        /**\n         * Управление наличием закрывающего крестика\n         * @default false\n         */\n        hasCloser?: boolean;\n    };\n\nconst SidePanelDesktopComponent = forwardRef<HTMLDivElement, SidePanelDesktopProps>(\n    (\n        {\n            size = 500,\n            children,\n            className,\n            wrapperClassName,\n            contentTransitionProps = {},\n            backdropProps,\n            placement = 'right',\n            dataTestId,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const modalRef = useRef<HTMLElement>(null);\n\n        const enterCn = cn({\n            [transitions.appearRight]: placement === 'right',\n            [transitions.appearLeft]: placement === 'left',\n        });\n\n        const exitCn = cn({\n            [transitions.exitActiveRight]: placement === 'right',\n            [transitions.exitActiveLeft]: placement === 'left',\n        });\n\n        const contextValue = React.useMemo<TResponsiveModalContext>(\n            () => ({ size, view: 'desktop', dataTestId }),\n            [size, dataTestId],\n        );\n\n        const renderContent = () => (\n            <Drawer\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={mergeRefs([ref, modalRef])}\n                placement={placement}\n                wrapperClassName={wrapperClassName}\n                className={cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]], styles.hidden)}\n                backdropProps={backdropProps}\n                contentTransitionProps={{\n                    classNames: {\n                        appear: enterCn,\n                        enter: enterCn,\n                        appearActive: transitions.enterActive,\n                        enterActive: transitions.enterActive,\n                        exit: transitions.exit,\n                        exitActive: exitCn,\n                        exitDone: exitCn,\n                    },\n                    ...contentTransitionProps,\n                }}\n            >\n                {React.Children.map(children, (child) =>\n                    isValidElement(child) ? cloneElement(child, { size }) : child,\n                )}\n            </Drawer>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst HeaderDesktop = Header as React.FC<Omit<HeaderProps, 'titleSize' | 'subtitle'>>;\nconst ControlsDesktop = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {\n    Content: ContentDesktop,\n    Header: HeaderDesktop,\n    Footer: FooterDesktop,\n    Controls: ControlsDesktop,\n});\n\nexport {\n    SidePanelDesktop,\n    SidePanelDesktopComponent as SidePanelComponentDesktop,\n    ContentDesktop,\n    HeaderDesktop,\n    FooterDesktop,\n    ControlsDesktop,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, isValidElement, useContext, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type BaseModalProps } from '@alfalab/core-components-base-modal';\nimport { Drawer, type DrawerProps } from '@alfalab/core-components-drawer';\n\nimport { ContentDesktop } from '../components/content/Component.desktop';\nimport { Controls, type ControlsProps } from '../components/controls';\nimport { FooterDesktop } from '../components/footer/Component.desktop';\nimport { Header, type HeaderProps } from '../components/header/Component';\nimport { SIZE_TO_CLASSNAME_MAP } from '../consts';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { type TResponsiveModalContext } from '../typings';\n\nimport styles from './desktop.module.css';\nimport transitions from './transitions.desktop.module.css';\n\nexport type SidePanelDesktopProps = BaseModalProps &\n    Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {\n        /**\n         * Ширина модального окна\n         * @default \"s\"\n         */\n        size?: 's' | 500;\n\n        /**\n         * Управление наличием закрывающего крестика\n         * @default false\n         */\n        hasCloser?: boolean;\n    };\n\nconst SidePanelDesktopComponent = forwardRef<HTMLDivElement, SidePanelDesktopProps>(\n    (\n        {\n            size = 500,\n            children,\n            className,\n            wrapperClassName,\n            contentTransitionProps = {},\n            backdropProps,\n            placement = 'right',\n            dataTestId,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const modalRef = useRef<HTMLElement>(null);\n\n        const enterCn = cn({\n            [transitions.appearRight]: placement === 'right',\n            [transitions.appearLeft]: placement === 'left',\n        });\n\n        const exitCn = cn({\n            [transitions.exitActiveRight]: placement === 'right',\n            [transitions.exitActiveLeft]: placement === 'left',\n        });\n\n        const contextValue = React.useMemo<TResponsiveModalContext>(\n            () => ({ size, view: 'desktop', dataTestId }),\n            [size, dataTestId],\n        );\n\n        const renderContent = () => (\n            <Drawer\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={mergeRefs([ref, modalRef])}\n                placement={placement}\n                wrapperClassName={wrapperClassName}\n                className={cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]], styles.hidden)}\n                backdropProps={backdropProps}\n                contentTransitionProps={{\n                    classNames: {\n                        appear: enterCn,\n                        enter: enterCn,\n                        appearActive: transitions.enterActive,\n                        enterActive: transitions.enterActive,\n                        exit: transitions.exit,\n                        exitActive: exitCn,\n                        exitDone: exitCn,\n                    },\n                    ...contentTransitionProps,\n                }}\n            >\n                {React.Children.map(children, (child) =>\n                    isValidElement(child) ? cloneElement(child, { size }) : child,\n                )}\n            </Drawer>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst HeaderDesktop = Header as React.FC<Omit<HeaderProps, 'titleSize' | 'subtitle'>>;\nconst ControlsDesktop = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {\n    Content: ContentDesktop,\n    Header: HeaderDesktop,\n    Footer: FooterDesktop,\n    Controls: ControlsDesktop,\n});\n\nexport {\n    SidePanelDesktop,\n    SidePanelDesktopComponent as SidePanelComponentDesktop,\n    ContentDesktop,\n    HeaderDesktop,\n    FooterDesktop,\n    ControlsDesktop,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiCA,IAAM,yBAAyB,GAAG,UAAU,CACxC,UACI,EAUC,EACD,GAAG,EAAA;;AAVC,IAAA,IAAA,YAAU,EAAV,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,KAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,8BAA2B,EAA3B,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EAC3B,aAAa,mBAAA,EACb,EAAA,GAAA,EAAA,CAAA,SAAmB,EAAnB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACnB,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAA,MAAA,CAAA,EAAA,EAThB,2HAUC,CADe;AAIhB,IAAA,IAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AACvD,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAc,IAAI,CAAC;IAE1C,IAAM,OAAO,GAAG,EAAE,EAAA,EAAA,GAAA,EAAA;AACd,QAAA,EAAA,CAAC,WAAW,CAAC,WAAW,CAAG,GAAA,SAAS,KAAK,OAAO;AAChD,QAAA,EAAA,CAAC,WAAW,CAAC,UAAU,CAAG,GAAA,SAAS,KAAK,MAAM;YAChD;IAEF,IAAM,MAAM,GAAG,EAAE,EAAA,EAAA,GAAA,EAAA;AACb,QAAA,EAAA,CAAC,WAAW,CAAC,eAAe,CAAG,GAAA,SAAS,KAAK,OAAO;AACpD,QAAA,EAAA,CAAC,WAAW,CAAC,cAAc,CAAG,GAAA,SAAS,KAAK,MAAM;YACpD;AAEF,IAAA,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,YAAM,EAAA,QAAC,EAAE,IAAI,EAAA,IAAA,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAA,UAAA,EAAE,EAAtC,EAAuC,EAC7C,CAAC,IAAI,EAAE,UAAU,CAAC,CACrB;IAED,IAAM,aAAa,GAAG,YAAA,EAAM,QACxB,KAAC,CAAA,aAAA,CAAA,MAAM,EACC,QAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAC5E,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAClB,QAAA,CAAA,EAAA,UAAU,EAAE;AACR,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,KAAK,EAAE,OAAO;gBACd,YAAY,EAAE,WAAW,CAAC,WAAW;gBACrC,WAAW,EAAE,WAAW,CAAC,WAAW;gBACpC,IAAI,EAAE,WAAW,CAAC,IAAI;AACtB,gBAAA,UAAU,EAAE,MAAM;AAClB,gBAAA,QAAQ,EAAE,MAAM;aACnB,EACE,EAAA,sBAAsB,CAG5B,EAAA,CAAA,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAChC,QAAA,OAAA,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE,CAAC,GAAG,KAAK;AAA7D,KAA6D,CAChE,CACI,EACZ,EAAA;IAED,IAAM,iBAAiB,GAAG,YAAM,EAAA,QAC5B,KAAC,CAAA,aAAA,CAAA,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,IAC1C,aAAa,EAAE,CACS,EAChC,EAAA;IAED,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,iBAAiB,EAAE;AACpE,CAAC;AAGC,IAAA,aAAa,GAAG;AAChB,IAAA,eAAe,GAAG;AAExB,IAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,yBAAyB,EAAE;AAC9D,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,QAAQ,EAAE,eAAe;AAC5B,CAAA;;;;"}

package/esm/desktop/desktop.css

@@ -1,7 +1,7 @@
 :root {
     --side-panel-s-width: 500px;
-} .side-panel__size-500_1i8c2.side-panel__size-500_1i8c2 {
+} .side-panel__size-500_rbvin.side-panel__size-500_rbvin {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_1i8c2 {
+} .side-panel__hidden_rbvin {
     overflow-x: hidden;
 }

package/esm/desktop/desktop.module.css.js

@@ -1,6 +1,6 @@
 import './desktop.css';
 
-var styles = {"size-500":"side-panel__size-500_1i8c2","hidden":"side-panel__hidden_1i8c2"};
+var styles = {"size-500":"side-panel__size-500_rbvin","hidden":"side-panel__hidden_rbvin"};
 
 export { styles as default };
 //# sourceMappingURL=desktop.module.css.js.map

package/esm/desktop/transitions.desktop.css

@@ -1,32 +1,38 @@
-.side-panel__enterRight_hryyo {
+.side-panel__enterRight_1nzmo {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_hryyo {
+.side-panel__enterLeft_1nzmo {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_hryyo {
+.side-panel__enterActive_1nzmo {
     opacity: 1;
     transform: translateX(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
-.side-panel__exit_hryyo {
+.side-panel__exit_1nzmo {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_hryyo {
+.side-panel__exitActiveRight_1nzmo {
     opacity: 0;
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_hryyo {
+.side-panel__exitActiveLeft_1nzmo {
     opacity: 0;
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
     transform: translateX(-15px);
 }

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

@@ -1,6 +1,6 @@
 import './transitions.desktop.css';
 
-var transitions = {"enterActive":"side-panel__enterActive_hryyo","exit":"side-panel__exit_hryyo","exitActiveRight":"side-panel__exitActiveRight_hryyo","exitActiveLeft":"side-panel__exitActiveLeft_hryyo"};
+var transitions = {"enterActive":"side-panel__enterActive_1nzmo","exit":"side-panel__exit_1nzmo","exitActiveRight":"side-panel__exitActiveRight_1nzmo","exitActiveLeft":"side-panel__exitActiveLeft_1nzmo"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.desktop.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"transitions.desktop.module.css.js","sources":["../src/desktop/transitions.desktop.module.css"],"sourcesContent":["@define-mixin exit-active {\n    opacity: 0;\n    transition: opacity 200ms ease-out, transform 200ms ease-out;\n}\n\n.enterRight {\n    opacity: 0;\n    transform: translateX(15px);\n}\n\n.enterLeft {\n    opacity: 0;\n    transform: translateX(-15px);\n}\n\n.enterActive {\n    opacity: 1;\n    transform: translateX(0);\n    transition: opacity 200ms ease-in, transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.exitActiveRight {\n    @mixin exit-active;\n    transform: translateX(15px);\n}\n\n.exitActiveLeft {\n    @mixin exit-active;\n    transform: translateX(-15px);\n}\n"],"names":[],"mappings":";;AAEgB,kBAAe,CAAuF,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}
+{"version":3,"file":"transitions.desktop.module.css.js","sources":["../src/desktop/transitions.desktop.module.css"],"sourcesContent":["@define-mixin exit-active {\n    opacity: 0;\n    transition:\n        opacity 200ms ease-out,\n        transform 200ms ease-out;\n}\n\n.enterRight {\n    opacity: 0;\n    transform: translateX(15px);\n}\n\n.enterLeft {\n    opacity: 0;\n    transform: translateX(-15px);\n}\n\n.enterActive {\n    opacity: 1;\n    transform: translateX(0);\n    transition:\n        opacity 200ms ease-in,\n        transform 200ms ease-in;\n}\n\n.exit {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.exitActiveRight {\n    @mixin exit-active;\n    transform: translateX(15px);\n}\n\n.exitActiveLeft {\n    @mixin exit-active;\n    transform: translateX(-15px);\n}\n"],"names":[],"mappings":";;AAEgB,kBAAe,CAAuF,aAAa,CAAC,+BAA+B,CAAC,MAAM,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,gBAAgB,CAAC,kCAAkC,CAAC;;;;"}

package/esm/mobile/Component.mobile.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BaseModalProps } from '@alfalab/core-components-base-modal/esm';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal/esm';
 import { ContentMobile } from '../components/content/Component.mobile';
-import { ControlsProps } from '../components/controls';
+import { type ControlsProps } from '../components/controls';
 import { FooterMobile } from '../components/footer/Component.mobile';
 import { Header } from '../components/header/Component';
 export declare type SidePanelMobileProps = BaseModalProps & {

package/esm/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal, BaseModalProps } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content/Component.mobile';\nimport { Controls, ControlsProps } from '../components/controls';\nimport { FooterMobile } from '../components/footer/Component.mobile';\nimport { Header } from '../components/header/Component';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { TResponsiveModalContext } from '../typings';\n\nimport styles from './mobile.module.css';\nimport transitions from './transitions.mobile.module.css';\n\nexport type SidePanelMobileProps = BaseModalProps & {\n    /**\n     * Управление наличием закрывающего крестика\n     * @default false\n     */\n    hasCloser?: boolean;\n};\n\nconst SidePanelMobileComponent = forwardRef<HTMLDivElement, SidePanelMobileProps>(\n    ({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const contextValue = useMemo<TResponsiveModalContext>(\n            () => ({ size: 500, view: 'mobile', dataTestId }),\n            [dataTestId],\n        );\n\n        const renderContent = () => (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    classNames: transitions,\n                    ...transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentProps={{\n                    ...restProps.contentProps,\n                    className: cn(styles.content, restProps.contentProps?.className),\n                }}\n            >\n                <div className={styles.mobileContent}>{children}</div>\n            </BaseModal>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst ControlsMobile = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelMobile = Object.assign(SidePanelMobileComponent, {\n    Content: ContentMobile,\n    Header,\n    Footer: FooterMobile,\n    Controls: ControlsMobile,\n});\n\nexport {\n    SidePanelMobile,\n    SidePanelMobileComponent as SidePanelComponentMobile,\n    ContentMobile,\n    Header as HeaderMobile,\n    FooterMobile,\n    ControlsMobile,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAuBA,IAAM,wBAAwB,GAAG,UAAU,CACvC,UAAC,EAAkE,EAAE,GAAG,EAAA;AAArE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAhE,0DAAkE,CAAF;AAC7D,IAAA,IAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;IACvD,IAAM,YAAY,GAAG,OAAO,CACxB,YAAA,EAAM,QAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAA,UAAA,EAAE,EAAC,EAAA,EACjD,CAAC,UAAU,CAAC,CACf;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;;QAAM,QACxB,KAAC,CAAA,aAAA,CAAA,SAAS,EACF,QAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAA,QAAA,CAAA,EACX,UAAU,EAAE,WAAW,EAAA,EACpB,eAAe,CAAA,EAEtB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,YAAY,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACL,SAAS,CAAC,YAAY,CAAA,EAAA,EACzB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAA,EAAA,GAAA,SAAS,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,CAAC,EAAA,CAAA,EAAA,CAAA;YAGpE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,IAAG,QAAQ,CAAO,CAC9C;KACf;IAED,IAAM,iBAAiB,GAAG,YAAM,EAAA,QAC5B,KAAC,CAAA,aAAA,CAAA,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,IAC1C,aAAa,EAAE,CACS,EAChC,EAAA;IAED,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,iBAAiB,EAAE;AACpE,CAAC;AAGC,IAAA,cAAc,GAAG;AAEvB,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE;AAC5D,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,QAAQ,EAAE,cAAc;AAC3B,CAAA;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal, type BaseModalProps } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content/Component.mobile';\nimport { Controls, type ControlsProps } from '../components/controls';\nimport { FooterMobile } from '../components/footer/Component.mobile';\nimport { Header } from '../components/header/Component';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { type TResponsiveModalContext } from '../typings';\n\nimport styles from './mobile.module.css';\nimport transitions from './transitions.mobile.module.css';\n\nexport type SidePanelMobileProps = BaseModalProps & {\n    /**\n     * Управление наличием закрывающего крестика\n     * @default false\n     */\n    hasCloser?: boolean;\n};\n\nconst SidePanelMobileComponent = forwardRef<HTMLDivElement, SidePanelMobileProps>(\n    ({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const contextValue = useMemo<TResponsiveModalContext>(\n            () => ({ size: 500, view: 'mobile', dataTestId }),\n            [dataTestId],\n        );\n\n        const renderContent = () => (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    classNames: transitions,\n                    ...transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentProps={{\n                    ...restProps.contentProps,\n                    className: cn(styles.content, restProps.contentProps?.className),\n                }}\n            >\n                <div className={styles.mobileContent}>{children}</div>\n            </BaseModal>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst ControlsMobile = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelMobile = Object.assign(SidePanelMobileComponent, {\n    Content: ContentMobile,\n    Header,\n    Footer: FooterMobile,\n    Controls: ControlsMobile,\n});\n\nexport {\n    SidePanelMobile,\n    SidePanelMobileComponent as SidePanelComponentMobile,\n    ContentMobile,\n    Header as HeaderMobile,\n    FooterMobile,\n    ControlsMobile,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAuBA,IAAM,wBAAwB,GAAG,UAAU,CACvC,UAAC,EAAkE,EAAE,GAAG,EAAA;AAArE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAhE,0DAAkE,CAAF;AAC7D,IAAA,IAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;IACvD,IAAM,YAAY,GAAG,OAAO,CACxB,YAAA,EAAM,QAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAA,UAAA,EAAE,EAAC,EAAA,EACjD,CAAC,UAAU,CAAC,CACf;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;;QAAM,QACxB,KAAC,CAAA,aAAA,CAAA,SAAS,EACF,QAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAA,QAAA,CAAA,EACX,UAAU,EAAE,WAAW,EAAA,EACpB,eAAe,CAAA,EAEtB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,YAAY,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACL,SAAS,CAAC,YAAY,CAAA,EAAA,EACzB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAA,EAAA,GAAA,SAAS,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,CAAC,EAAA,CAAA,EAAA,CAAA;YAGpE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,IAAG,QAAQ,CAAO,CAC9C;KACf;IAED,IAAM,iBAAiB,GAAG,YAAM,EAAA,QAC5B,KAAC,CAAA,aAAA,CAAA,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,IAC1C,aAAa,EAAE,CACS,EAChC,EAAA;IAED,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,iBAAiB,EAAE;AACpE,CAAC;AAGC,IAAA,cAAc,GAAG;AAEvB,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE;AAC5D,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,QAAQ,EAAE,cAAc;AAC3B,CAAA;;;;"}

package/esm/mobile/mobile.css

@@ -5,7 +5,7 @@
 :root {
     --gap-0: 0px;
 }
-.side-panel__component_4l3kd {
+.side-panel__component_10kgl {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -13,17 +13,17 @@
     overflow-y: auto;
     max-width: 600px;
 }
-.side-panel__component_4l3kd.side-panel__component_4l3kd {
+.side-panel__component_10kgl.side-panel__component_10kgl {
     position: fixed;
     flex: 1;
 }
 @media (display-mode: standalone) {
-.side-panel__content_4l3kd {
+.side-panel__content_10kgl {
         padding-top: var(--sat);
-        padding-bottom: var(--sab)
+        padding-bottom: var(--sab);
 }
     }
-.side-panel__mobileContent_4l3kd {
+.side-panel__mobileContent_10kgl {
     display: flex;
     flex-direction: column;
     width: 100%;

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

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"component":"side-panel__component_4l3kd","content":"side-panel__content_4l3kd","mobileContent":"side-panel__mobileContent_4l3kd"};
+var styles = {"component":"side-panel__component_10kgl","content":"side-panel__content_10kgl","mobileContent":"side-panel__mobileContent_10kgl"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/mobile/transitions.mobile.css

@@ -1,24 +1,28 @@
-.side-panel__appear_70148,
-.side-panel__enter_70148 {
+.side-panel__appear_kof7r,
+.side-panel__enter_kof7r {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_70148,
-.side-panel__enterActive_70148 {
+.side-panel__appearActive_kof7r,
+.side-panel__enterActive_kof7r {
     opacity: 1;
     transform: translateY(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
+    transition:
+        opacity 200ms ease-in,
+        transform 200ms ease-in;
 }
 
-.side-panel__exit_70148 {
+.side-panel__exit_kof7r {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_70148,
-.side-panel__exitDone_70148 {
+.side-panel__exitActive_kof7r,
+.side-panel__exitDone_kof7r {
     opacity: 0;
     transform: translateY(15px);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition:
+        opacity 200ms ease-out,
+        transform 200ms ease-out;
 }

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

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-var transitions = {"appear":"side-panel__appear_70148","enter":"side-panel__enter_70148","appearActive":"side-panel__appearActive_70148","enterActive":"side-panel__enterActive_70148","exit":"side-panel__exit_70148","exitActive":"side-panel__exitActive_70148","exitDone":"side-panel__exitDone_70148"};
+var transitions = {"appear":"side-panel__appear_kof7r","enter":"side-panel__enter_kof7r","appearActive":"side-panel__appearActive_kof7r","enterActive":"side-panel__enterActive_kof7r","exit":"side-panel__exit_kof7r","exitActive":"side-panel__exitActive_kof7r","exitDone":"side-panel__exitDone_kof7r"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

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

@@ -1 +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;;;;"}
+{"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:\n        opacity 200ms ease-in,\n        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:\n        opacity 200ms ease-out,\n        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/mobile/Component.mobile.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BaseModalProps } from '@alfalab/core-components-base-modal';
+import { type BaseModalProps } from '@alfalab/core-components-base-modal';
 import { ContentMobile } from '../components/content/Component.mobile';
-import { ControlsProps } from '../components/controls';
+import { type ControlsProps } from '../components/controls';
 import { FooterMobile } from '../components/footer/Component.mobile';
 import { Header } from '../components/header/Component';
 export declare type SidePanelMobileProps = BaseModalProps & {

package/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal, BaseModalProps } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content/Component.mobile';\nimport { Controls, ControlsProps } from '../components/controls';\nimport { FooterMobile } from '../components/footer/Component.mobile';\nimport { Header } from '../components/header/Component';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { TResponsiveModalContext } from '../typings';\n\nimport styles from './mobile.module.css';\nimport transitions from './transitions.mobile.module.css';\n\nexport type SidePanelMobileProps = BaseModalProps & {\n    /**\n     * Управление наличием закрывающего крестика\n     * @default false\n     */\n    hasCloser?: boolean;\n};\n\nconst SidePanelMobileComponent = forwardRef<HTMLDivElement, SidePanelMobileProps>(\n    ({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const contextValue = useMemo<TResponsiveModalContext>(\n            () => ({ size: 500, view: 'mobile', dataTestId }),\n            [dataTestId],\n        );\n\n        const renderContent = () => (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    classNames: transitions,\n                    ...transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentProps={{\n                    ...restProps.contentProps,\n                    className: cn(styles.content, restProps.contentProps?.className),\n                }}\n            >\n                <div className={styles.mobileContent}>{children}</div>\n            </BaseModal>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst ControlsMobile = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelMobile = Object.assign(SidePanelMobileComponent, {\n    Content: ContentMobile,\n    Header,\n    Footer: FooterMobile,\n    Controls: ControlsMobile,\n});\n\nexport {\n    SidePanelMobile,\n    SidePanelMobileComponent as SidePanelComponentMobile,\n    ContentMobile,\n    Header as HeaderMobile,\n    FooterMobile,\n    ControlsMobile,\n};\n"],"names":["forwardRef","__rest","useContext","ResponsiveContext","useMemo","React","BaseModal","__assign","transitions","cn","styles","Controls","ContentMobile","Header","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,IAAM,wBAAwB,GAAGA,gBAAU,CACvC,UAAC,EAAkE,EAAE,GAAG,EAAA;AAArE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAhE,0DAAkE,CAAF;AAC7D,IAAA,IAAM,iBAAiB,GAAGC,gBAAU,CAACC,mCAAiB,CAAC;IACvD,IAAM,YAAY,GAAGC,aAAO,CACxB,YAAA,EAAM,QAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAA,UAAA,EAAE,EAAC,EAAA,EACjD,CAAC,UAAU,CAAC,CACf;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;;QAAM,QACxBC,sBAAC,CAAA,aAAA,CAAAC,iCAAS,EACFC,cAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAAA,cAAA,CAAA,EACX,UAAU,EAAEC,yBAAW,EAAA,EACpB,eAAe,CAAA,EAEtB,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,YAAY,EAAAH,cAAA,CAAAA,cAAA,CAAA,EAAA,EACL,SAAS,CAAC,YAAY,CAAA,EAAA,EACzB,SAAS,EAAEE,mBAAE,CAACC,aAAM,CAAC,OAAO,EAAE,CAAA,EAAA,GAAA,SAAS,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,CAAC,EAAA,CAAA,EAAA,CAAA;YAGpEL,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEK,aAAM,CAAC,aAAa,IAAG,QAAQ,CAAO,CAC9C;KACf;IAED,IAAM,iBAAiB,GAAG,YAAM,EAAA,QAC5BL,sBAAC,CAAA,aAAA,CAAAF,mCAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,IAC1C,aAAa,EAAE,CACS,EAChC,EAAA;IAED,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,iBAAiB,EAAE;AACpE,CAAC;AAGC,IAAA,cAAc,GAAGQ;AAEvB,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE;AAC5D,IAAA,OAAO,EAAEC,8BAAa;AACtB,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,MAAM,EAAEC,+BAAY;AACpB,IAAA,QAAQ,EAAE,cAAc;AAC3B,CAAA;;;;;;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal, type BaseModalProps } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content/Component.mobile';\nimport { Controls, type ControlsProps } from '../components/controls';\nimport { FooterMobile } from '../components/footer/Component.mobile';\nimport { Header } from '../components/header/Component';\nimport { ResponsiveContext } from '../ResponsiveContext';\nimport { type TResponsiveModalContext } from '../typings';\n\nimport styles from './mobile.module.css';\nimport transitions from './transitions.mobile.module.css';\n\nexport type SidePanelMobileProps = BaseModalProps & {\n    /**\n     * Управление наличием закрывающего крестика\n     * @default false\n     */\n    hasCloser?: boolean;\n};\n\nconst SidePanelMobileComponent = forwardRef<HTMLDivElement, SidePanelMobileProps>(\n    ({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {\n        const responsiveContext = useContext(ResponsiveContext);\n        const contextValue = useMemo<TResponsiveModalContext>(\n            () => ({ size: 500, view: 'mobile', dataTestId }),\n            [dataTestId],\n        );\n\n        const renderContent = () => (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    classNames: transitions,\n                    ...transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentProps={{\n                    ...restProps.contentProps,\n                    className: cn(styles.content, restProps.contentProps?.className),\n                }}\n            >\n                <div className={styles.mobileContent}>{children}</div>\n            </BaseModal>\n        );\n\n        const renderWithContext = () => (\n            <ResponsiveContext.Provider value={contextValue}>\n                {renderContent()}\n            </ResponsiveContext.Provider>\n        );\n\n        return responsiveContext ? renderContent() : renderWithContext();\n    },\n);\n\nconst ControlsMobile = Controls as React.FC<Omit<ControlsProps, 'mobileLayout'>>;\n\nconst SidePanelMobile = Object.assign(SidePanelMobileComponent, {\n    Content: ContentMobile,\n    Header,\n    Footer: FooterMobile,\n    Controls: ControlsMobile,\n});\n\nexport {\n    SidePanelMobile,\n    SidePanelMobileComponent as SidePanelComponentMobile,\n    ContentMobile,\n    Header as HeaderMobile,\n    FooterMobile,\n    ControlsMobile,\n};\n"],"names":["forwardRef","__rest","useContext","ResponsiveContext","useMemo","React","BaseModal","__assign","transitions","cn","styles","Controls","ContentMobile","Header","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,IAAM,wBAAwB,GAAGA,gBAAU,CACvC,UAAC,EAAkE,EAAE,GAAG,EAAA;AAArE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAhE,0DAAkE,CAAF;AAC7D,IAAA,IAAM,iBAAiB,GAAGC,gBAAU,CAACC,mCAAiB,CAAC;IACvD,IAAM,YAAY,GAAGC,aAAO,CACxB,YAAA,EAAM,QAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAA,UAAA,EAAE,EAAC,EAAA,EACjD,CAAC,UAAU,CAAC,CACf;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;;QAAM,QACxBC,sBAAC,CAAA,aAAA,CAAAC,iCAAS,EACFC,cAAA,CAAA,EAAA,EAAA,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EAAAA,cAAA,CAAA,EACX,UAAU,EAAEC,yBAAW,EAAA,EACpB,eAAe,CAAA,EAEtB,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,YAAY,EAAAH,cAAA,CAAAA,cAAA,CAAA,EAAA,EACL,SAAS,CAAC,YAAY,CAAA,EAAA,EACzB,SAAS,EAAEE,mBAAE,CAACC,aAAM,CAAC,OAAO,EAAE,CAAA,EAAA,GAAA,SAAS,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,CAAC,EAAA,CAAA,EAAA,CAAA;YAGpEL,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEK,aAAM,CAAC,aAAa,IAAG,QAAQ,CAAO,CAC9C;KACf;IAED,IAAM,iBAAiB,GAAG,YAAM,EAAA,QAC5BL,sBAAC,CAAA,aAAA,CAAAF,mCAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,IAC1C,aAAa,EAAE,CACS,EAChC,EAAA;IAED,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,iBAAiB,EAAE;AACpE,CAAC;AAGC,IAAA,cAAc,GAAGQ;AAEvB,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,wBAAwB,EAAE;AAC5D,IAAA,OAAO,EAAEC,8BAAa;AACtB,IAAA,MAAM,EAAAC,gBAAA;AACN,IAAA,MAAM,EAAEC,+BAAY;AACpB,IAAA,QAAQ,EAAE,cAAc;AAC3B,CAAA;;;;;;;;;"}