@cloud-ru/uikit-product-site-layout 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.2.3 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.2.2 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/Layout.d.ts

@@ -0,0 +1,15 @@
+import { Footer, FooterProps as LayoutFooterProps, Header, HeaderProps as LayoutHeaderProps, Main, MainProps as LayoutMainProps, SectionWrapper, SectionWrapperProps } from '../helperComponents';
+import { LayoutProps } from './types';
+export declare function LayoutComponent({ children, meta, className, ...rest }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare const Layout: typeof LayoutComponent & {
+    Header: typeof Header;
+    Main: typeof Main;
+    Footer: typeof Footer;
+    SectionWrapper: typeof SectionWrapper;
+};
+export declare namespace SiteLayout {
+    type HeaderProps = LayoutHeaderProps;
+    type MainProps = LayoutMainProps;
+    type FooterProps = LayoutFooterProps;
+    type WrapperProps = SectionWrapperProps;
+}

package/dist/cjs/components/Layout.js

@@ -0,0 +1,32 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+exports.LayoutComponent = LayoutComponent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const helperComponents_1 = require("../helperComponents");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function LayoutComponent(_a) {
+    var { children, meta, className } = _a, rest = __rest(_a, ["children", "meta", "className"]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [meta, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.layout, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: children }))] }));
+}
+exports.Layout = LayoutComponent;
+exports.Layout.Header = helperComponents_1.Header;
+exports.Layout.Main = helperComponents_1.Main;
+exports.Layout.Footer = helperComponents_1.Footer;
+exports.Layout.SectionWrapper = helperComponents_1.SectionWrapper;

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Layout';
+export * from './types';

package/dist/cjs/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Layout"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/components/styles.module.css

@@ -0,0 +1,6 @@
+.layout{
+  display:flex;
+  flex-direction:column;
+  box-sizing:border-box;
+  min-height:100dvh;
+}

package/dist/cjs/components/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type LayoutProps = WithSupportProps<{
+    /** Слот под основной контент, рекомендуется использовать helper компоненты Layout.Header, Layout.Footer, etc. */
+    children: ReactNode;
+    /** Слот под опциональные meta и всё что должно быть вне зарендеренной страницы */
+    meta?: ReactNode;
+    className?: string;
+}>;

package/dist/cjs/components/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/helperComponents/Footer/Footer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type FooterProps = WithSupportProps<WithLayoutType<{
+    children: ReactNode;
+    className?: string;
+}>>;
+export declare function Footer({ children, className, layoutType, ...rest }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Footer/Footer.js

@@ -0,0 +1,25 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = Footer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Footer(_a) {
+    var { children, className, layoutType } = _a, rest = __rest(_a, ["children", "className", "layoutType"]);
+    return ((0, jsx_runtime_1.jsx)("footer", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.footer, className), "data-layout-type": layoutType }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: children })));
+}

package/dist/cjs/helperComponents/Footer/index.d.ts

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

package/dist/cjs/helperComponents/Footer/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Footer"), exports);

package/dist/cjs/helperComponents/Footer/styles.module.css

@@ -0,0 +1,7 @@
+.footer{
+  position:relative;
+  padding:52px 0;
+}
+.footer[data-layout-type=mobile], .footer[data-layout-type=tablet]{
+  padding:40px 0;
+}

package/dist/cjs/helperComponents/Header/Header.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type HeaderProps = WithSupportProps<{
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}>;
+export declare function Header({ children, className, style, ...rest }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Header/Header.js

@@ -0,0 +1,20 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = Header;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+function Header(_a) {
+    var { children, className, style } = _a, rest = __rest(_a, ["children", "className", "style"]);
+    return ((0, jsx_runtime_1.jsx)("header", Object.assign({ className: className }, (0, uikit_product_utils_1.extractSupportProps)(rest), { style: style, children: children })));
+}

package/dist/cjs/helperComponents/Header/index.d.ts

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

package/dist/cjs/helperComponents/Header/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Header"), exports);

package/dist/cjs/helperComponents/Main/Main.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type MainProps = WithSupportProps<{
+    children: ReactNode;
+    className?: string;
+}>;
+export declare function Main({ children, className, ...rest }: MainProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Main/Main.js

@@ -0,0 +1,25 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Main = Main;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Main(_a) {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)("main", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.main, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: children })));
+}

package/dist/cjs/helperComponents/Main/index.d.ts

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

package/dist/cjs/helperComponents/Main/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Main"), exports);

package/dist/cjs/helperComponents/Main/styles.module.css

@@ -0,0 +1,5 @@
+.main{
+  display:flex;
+  flex:1;
+  flex-direction:inherit;
+}

package/dist/cjs/helperComponents/SectionWrapper/SectionWrapper.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type SectionWrapperProps = WithSupportProps<WithLayoutType<{
+    id?: string;
+    children: ReactNode;
+    className?: string;
+}>>;
+export declare const SectionWrapper: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & {
+    id?: string;
+    children: ReactNode;
+    className?: string;
+} & {
+    layoutType: import("@sbercloud/uikit-product-utils").LayoutType;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/helperComponents/SectionWrapper/SectionWrapper.js

@@ -0,0 +1,26 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.SectionWrapper = (0, react_1.forwardRef)((_a, ref) => {
+    var { id, children, className, layoutType } = _a, rest = __rest(_a, ["id", "children", "className", "layoutType"]);
+    return ((0, jsx_runtime_1.jsx)("section", Object.assign({ id: id, ref: ref, className: (0, classnames_1.default)(styles_module_scss_1.default.sectionWrapper, className), "data-layout-type": layoutType }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.contentWrapper, "data-layout-type": layoutType, children: children }) })));
+});

package/dist/cjs/helperComponents/SectionWrapper/index.d.ts

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

package/dist/cjs/helperComponents/SectionWrapper/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SectionWrapper"), exports);

package/dist/cjs/helperComponents/SectionWrapper/styles.module.css

@@ -0,0 +1,21 @@
+.sectionWrapper{
+  display:flex;
+  justify-content:center;
+  width:100%;
+  min-width:0;
+}
+
+.contentWrapper{
+  width:100%;
+  max-width:1216px;
+  padding:0 var(--dimension-4m, 32px);
+  min-width:0;
+}
+.contentWrapper[data-layout-type=tablet]{
+  max-width:unset;
+  padding:0 var(--dimension-4m, 32px);
+}
+.contentWrapper[data-layout-type=mobile]{
+  max-width:unset;
+  padding:0 var(--dimension-2m, 16px);
+}

package/dist/cjs/helperComponents/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Header';
+export * from './Main';
+export * from './Footer';
+export * from './SectionWrapper';

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Header"), exports);
+__exportStar(require("./Main"), exports);
+__exportStar(require("./Footer"), exports);
+__exportStar(require("./SectionWrapper"), exports);

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/dist/esm/components/Layout.d.ts

@@ -0,0 +1,15 @@
+import { Footer, FooterProps as LayoutFooterProps, Header, HeaderProps as LayoutHeaderProps, Main, MainProps as LayoutMainProps, SectionWrapper, SectionWrapperProps } from '../helperComponents';
+import { LayoutProps } from './types';
+export declare function LayoutComponent({ children, meta, className, ...rest }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare const Layout: typeof LayoutComponent & {
+    Header: typeof Header;
+    Main: typeof Main;
+    Footer: typeof Footer;
+    SectionWrapper: typeof SectionWrapper;
+};
+export declare namespace SiteLayout {
+    type HeaderProps = LayoutHeaderProps;
+    type MainProps = LayoutMainProps;
+    type FooterProps = LayoutFooterProps;
+    type WrapperProps = SectionWrapperProps;
+}

package/dist/esm/components/Layout.js

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { Footer, Header, Main, SectionWrapper, } from '../helperComponents';
+import styles from './styles.module.css';
+export function LayoutComponent(_a) {
+    var { children, meta, className } = _a, rest = __rest(_a, ["children", "meta", "className"]);
+    return (_jsxs(_Fragment, { children: [meta, _jsx("div", Object.assign({ className: cn(styles.layout, className) }, extractSupportProps(rest), { children: children }))] }));
+}
+export const Layout = LayoutComponent;
+Layout.Header = Header;
+Layout.Main = Main;
+Layout.Footer = Footer;
+Layout.SectionWrapper = SectionWrapper;

package/dist/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Layout';
+export * from './types';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './Layout';
+export * from './types';

package/dist/esm/components/styles.module.css

@@ -0,0 +1,6 @@
+.layout{
+  display:flex;
+  flex-direction:column;
+  box-sizing:border-box;
+  min-height:100dvh;
+}

package/dist/esm/components/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type LayoutProps = WithSupportProps<{
+    /** Слот под основной контент, рекомендуется использовать helper компоненты Layout.Header, Layout.Footer, etc. */
+    children: ReactNode;
+    /** Слот под опциональные meta и всё что должно быть вне зарендеренной страницы */
+    meta?: ReactNode;
+    className?: string;
+}>;

package/dist/esm/components/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/helperComponents/Footer/Footer.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type FooterProps = WithSupportProps<WithLayoutType<{
+    children: ReactNode;
+    className?: string;
+}>>;
+export declare function Footer({ children, className, layoutType, ...rest }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/Footer/Footer.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import styles from './styles.module.css';
+export function Footer(_a) {
+    var { children, className, layoutType } = _a, rest = __rest(_a, ["children", "className", "layoutType"]);
+    return (_jsx("footer", Object.assign({ className: cn(styles.footer, className), "data-layout-type": layoutType }, extractSupportProps(rest), { children: children })));
+}

package/dist/esm/helperComponents/Footer/index.d.ts

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

package/dist/esm/helperComponents/Footer/index.js

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

package/dist/esm/helperComponents/Footer/styles.module.css

@@ -0,0 +1,7 @@
+.footer{
+  position:relative;
+  padding:52px 0;
+}
+.footer[data-layout-type=mobile], .footer[data-layout-type=tablet]{
+  padding:40px 0;
+}

package/dist/esm/helperComponents/Header/Header.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type HeaderProps = WithSupportProps<{
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}>;
+export declare function Header({ children, className, style, ...rest }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/Header/Header.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+export function Header(_a) {
+    var { children, className, style } = _a, rest = __rest(_a, ["children", "className", "style"]);
+    return (_jsx("header", Object.assign({ className: className }, extractSupportProps(rest), { style: style, children: children })));
+}

package/dist/esm/helperComponents/Header/index.d.ts

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

package/dist/esm/helperComponents/Header/index.js

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

package/dist/esm/helperComponents/Main/Main.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type MainProps = WithSupportProps<{
+    children: ReactNode;
+    className?: string;
+}>;
+export declare function Main({ children, className, ...rest }: MainProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/Main/Main.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import styles from './styles.module.css';
+export function Main(_a) {
+    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
+    return (_jsx("main", Object.assign({ className: cn(styles.main, className) }, extractSupportProps(rest), { children: children })));
+}

package/dist/esm/helperComponents/Main/index.d.ts

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

package/dist/esm/helperComponents/Main/index.js

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

package/dist/esm/helperComponents/Main/styles.module.css

@@ -0,0 +1,5 @@
+.main{
+  display:flex;
+  flex:1;
+  flex-direction:inherit;
+}

package/dist/esm/helperComponents/SectionWrapper/SectionWrapper.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type SectionWrapperProps = WithSupportProps<WithLayoutType<{
+    id?: string;
+    children: ReactNode;
+    className?: string;
+}>>;
+export declare const SectionWrapper: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & {
+    id?: string;
+    children: ReactNode;
+    className?: string;
+} & {
+    layoutType: import("@sbercloud/uikit-product-utils").LayoutType;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/helperComponents/SectionWrapper/SectionWrapper.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import { forwardRef } from 'react';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import styles from './styles.module.css';
+export const SectionWrapper = forwardRef((_a, ref) => {
+    var { id, children, className, layoutType } = _a, rest = __rest(_a, ["id", "children", "className", "layoutType"]);
+    return (_jsx("section", Object.assign({ id: id, ref: ref, className: cn(styles.sectionWrapper, className), "data-layout-type": layoutType }, extractSupportProps(rest), { children: _jsx("div", { className: styles.contentWrapper, "data-layout-type": layoutType, children: children }) })));
+});

package/dist/esm/helperComponents/SectionWrapper/index.d.ts

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

package/dist/esm/helperComponents/SectionWrapper/index.js

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

package/dist/esm/helperComponents/SectionWrapper/styles.module.css

@@ -0,0 +1,21 @@
+.sectionWrapper{
+  display:flex;
+  justify-content:center;
+  width:100%;
+  min-width:0;
+}
+
+.contentWrapper{
+  width:100%;
+  max-width:1216px;
+  padding:0 var(--dimension-4m, 32px);
+  min-width:0;
+}
+.contentWrapper[data-layout-type=tablet]{
+  max-width:unset;
+  padding:0 var(--dimension-4m, 32px);
+}
+.contentWrapper[data-layout-type=mobile]{
+  max-width:unset;
+  padding:0 var(--dimension-2m, 16px);
+}

package/dist/esm/helperComponents/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Header';
+export * from './Main';
+export * from './Footer';
+export * from './SectionWrapper';

package/dist/esm/helperComponents/index.js

@@ -0,0 +1,4 @@
+export * from './Header';
+export * from './Main';
+export * from './Footer';
+export * from './SectionWrapper';

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-layout",
   "title": "Site Layout",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,14 +30,15 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-utils": "7.0.1",
     "classnames": "2.5.1"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
 }