@cloud-ru/uikit-product-page-layout 0.21.3 → 0.21.4

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.21.4 (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.21.3 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { CopyLineProps } from '@sbercloud/uikit-product-copy-line';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type DefaultSubHeaderProps = WithSupportProps<{
+    label: string;
+    value: CopyLineProps;
+    labelTooltip?: ReactNode;
+}>;
+export declare function DefaultSubHeader({ label, labelTooltip, value, ...rest }: DefaultSubHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/DefaultSubHeader/DefaultSubHeader.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.DefaultSubHeader = DefaultSubHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_copy_line_1 = require("@sbercloud/uikit-product-copy-line");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function DefaultSubHeader(_a) {
+    var { label, labelTooltip, value } = _a, rest = __rest(_a, ["label", "labelTooltip", "value"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: styles_module_scss_1.default.subheader }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.label, children: [label, labelTooltip && (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { tip: labelTooltip })] }), (0, jsx_runtime_1.jsx)(uikit_product_copy_line_1.CopyLine, Object.assign({}, value))] })));
+}

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

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

package/dist/cjs/components/DefaultSubHeader/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("./DefaultSubHeader"), exports);

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

@@ -0,0 +1,19 @@
+.subheader{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:calc(var(--dimension-2m, 16px) - var(--dimension-050m, 4px));
+}
+
+.label{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+}

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type HeadlineProps = WithSupportProps<{
+    title: string;
+    beforeHeadline?: ReactNode;
+    afterHeadline?: ReactNode;
+    actions?: ReactNode;
+    subHeader?: ReactNode;
+    truncateTitle?: boolean;
+}>;
+export declare function Headline({ title, actions, beforeHeadline, afterHeadline, subHeader, truncateTitle, ...rest }: HeadlineProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/components/Headline/Headline.js

@@ -0,0 +1,29 @@
+"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.Headline = Headline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Headline(_a) {
+    var { title, actions, beforeHeadline, afterHeadline, subHeader, truncateTitle } = _a, rest = __rest(_a, ["title", "actions", "beforeHeadline", "afterHeadline", "subHeader", "truncateTitle"]);
+    const needsRender = Boolean(title || beforeHeadline || afterHeadline || subHeader || actions);
+    if (!needsRender)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: styles_module_scss_1.default.headline }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.headlineLayout, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.titleLayout, children: [beforeHeadline && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.prefixButtonWrapper, children: beforeHeadline }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansHeadlineM, { tag: 'h1', className: styles_module_scss_1.default.title, children: truncateTitle ? (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, { variant: 'end', text: title, maxLines: 1 }) : title }), afterHeadline && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.statusWrapper, children: afterHeadline })] }), Boolean(actions) && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.actions, children: actions })] }), subHeader && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.subHeader, children: subHeader })] })));
+}

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

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

package/dist/cjs/components/Headline/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("./Headline"), exports);

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

@@ -0,0 +1,52 @@
+.headline{
+  display:flex;
+  flex-direction:column;
+}
+
+.headlineLayout{
+  display:flex;
+  flex-direction:row;
+  gap:var(--dimension-1m, 8px);
+  align-items:flex-start;
+}
+
+.titleLayout{
+  display:flex;
+  flex-direction:row;
+  gap:var(--dimension-1m, 8px);
+  align-items:flex-start;
+  width:100%;
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.title{
+  min-width:0;
+}
+
+.prefixButtonWrapper{
+  display:flex;
+  align-items:center;
+  height:var(--sans-headline-m-line-height, 36px);
+  flex-shrink:0;
+}
+
+.statusWrapper{
+  display:flex;
+  align-items:center;
+  height:var(--sans-headline-m-line-height, 36px);
+  flex-shrink:0;
+}
+
+.actions{
+  height:var(--sans-headline-m-line-height, 36px);
+  display:flex;
+  align-items:center;
+  gap:8px;
+  flex-shrink:0;
+  justify-content:flex-end;
+}
+
+.subHeader{
+  margin-top:4px;
+  color:var(--sys-neutral-text-main, #41424e);
+}

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { HeadlineProps } from '../Headline';
+export type PageCatalogProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'actions'> & {
+    className?: string;
+}>>;
+export declare function PageCatalog({ children, title, actions, className, ...rest }: PageCatalogProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PageCatalog/PageCatalog.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.PageCatalog = PageCatalog;
+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 Headline_1 = require("../Headline");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PageCatalog(_a) {
+    var { children, title, actions, className } = _a, rest = __rest(_a, ["children", "title", "actions", "className"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.catalog, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, actions: actions }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.content, children: children })] })));
+}

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

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

package/dist/cjs/components/PageCatalog/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("./PageCatalog"), exports);

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

@@ -0,0 +1,16 @@
+.catalog{
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-3m, 24px);
+  padding:var(--dimension-3m, 24px);
+  margin:0 auto;
+  box-sizing:border-box;
+  max-width:min(100%, 1248px);
+  min-width:992px;
+}
+
+.content{
+  display:flex;
+  flex-direction:column;
+  flex-grow:1;
+}

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

@@ -0,0 +1,40 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ButtonFilledProps, ButtonOutlineProps, ButtonSimpleProps } from '@snack-uikit/button';
+import { TooltipProps } from '@snack-uikit/tooltip';
+import { HeadlineProps } from '../Headline';
+import { ButtonPrimaryVariant, ButtonSecondaryVariant } from './types';
+export type PageFormProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'subHeader'> & {
+    className?: string;
+    stepper?: ReactNode;
+    priceSummary?: {
+        total: ReactNode;
+        content?: ReactNode;
+    };
+    sideBlock?: {
+        label: string;
+        content: ReactNode;
+    }[];
+    footer?: {
+        buttonPrimary: ({
+            variant: ButtonPrimaryVariant;
+        } | {
+            variant: 'custom';
+            label: string;
+        }) & {
+            tooltip?: TooltipProps;
+        } & Omit<ButtonFilledProps, 'label'>;
+        buttonSecondary?: ({
+            variant: ButtonSecondaryVariant;
+        } | {
+            variant: 'custom';
+            label: string;
+        }) & {
+            tooltip?: TooltipProps;
+        } & Omit<ButtonOutlineProps, 'label'>;
+        buttonAdditional?: ButtonSimpleProps & {
+            tooltip?: TooltipProps;
+        };
+    };
+}>>;
+export declare function PageForm({ children, stepper, title, subHeader, className, footer, sideBlock, priceSummary, ...rest }: PageFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/PageForm/PageForm.js

@@ -0,0 +1,39 @@
+"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.PageForm = PageForm;
+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 button_1 = require("@snack-uikit/button");
+const Headline_1 = require("../Headline");
+const hooks_1 = require("./hooks");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PageForm(_a) {
+    var _b, _c;
+    var { children, stepper, title, subHeader, className, footer, sideBlock, priceSummary } = _a, rest = __rest(_a, ["children", "stepper", "title", "subHeader", "className", "footer", "sideBlock", "priceSummary"]);
+    const getButtonLabel = (0, hooks_1.useGetButtonLabel)();
+    const moreItems = (0, react_1.useMemo)(() => [priceSummary === null || priceSummary === void 0 ? void 0 : priceSummary.content].concat(sideBlock === null || sideBlock === void 0 ? void 0 : sideBlock.map(item => item.content)).filter(Boolean), [priceSummary === null || priceSummary === void 0 ? void 0 : priceSummary.content, sideBlock]);
+    const PrimaryButton = (0, hooks_1.useButtonWithTooltip)({ Button: button_1.ButtonFilled, tooltip: footer === null || footer === void 0 ? void 0 : footer.buttonPrimary.tooltip });
+    const SecondaryButton = (0, hooks_1.useButtonWithTooltip)({ Button: button_1.ButtonOutline, tooltip: (_b = footer === null || footer === void 0 ? void 0 : footer.buttonSecondary) === null || _b === void 0 ? void 0 : _b.tooltip });
+    const AdditionalButton = (0, hooks_1.useButtonWithTooltip)({ Button: button_1.ButtonSimple, tooltip: (_c = footer === null || footer === void 0 ? void 0 : footer.buttonAdditional) === null || _c === void 0 ? void 0 : _c.tooltip });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.container, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.form, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.headline, children: (0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, subHeader: subHeader }) }), stepper, (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.body, children: children }), footer && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.footer, children: [footer.buttonSecondary && ((0, jsx_runtime_1.jsx)(SecondaryButton, Object.assign({}, footer.buttonSecondary, { size: 'm', appearance: 'neutral', label: footer.buttonSecondary.variant === 'custom'
+                                    ? footer.buttonSecondary.label
+                                    : getButtonLabel(footer.buttonSecondary.variant) }))), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.mainActions, children: [footer.buttonAdditional && (0, jsx_runtime_1.jsx)(AdditionalButton, Object.assign({}, footer.buttonAdditional, { size: 'm' })), (0, jsx_runtime_1.jsx)(PrimaryButton, Object.assign({}, footer.buttonPrimary, { size: 'm', label: footer.buttonPrimary.variant === 'custom'
+                                            ? footer.buttonPrimary.label
+                                            : getButtonLabel(footer.buttonPrimary.variant) }))] })] }))] }), (moreItems === null || moreItems === void 0 ? void 0 : moreItems.length) > 0 && (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.sideItems, children: moreItems })] })));
+}

package/dist/cjs/components/PageForm/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const BUTTON_PRIMARY_VARIANT: {
+    readonly Continue: "continue";
+    readonly Create: "create";
+    readonly Save: "save";
+    readonly Rent: "rent";
+    readonly Send: "send";
+    readonly Restore: "restore";
+    readonly Add: "add";
+};
+export declare const BUTTON_SECONDARY_VARIANT: {
+    readonly Cancel: "cancel";
+    readonly Back: "back";
+};

package/dist/cjs/components/PageForm/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUTTON_SECONDARY_VARIANT = exports.BUTTON_PRIMARY_VARIANT = void 0;
+exports.BUTTON_PRIMARY_VARIANT = {
+    Continue: 'continue',
+    Create: 'create',
+    Save: 'save',
+    Rent: 'rent',
+    Send: 'send',
+    Restore: 'restore',
+    Add: 'add',
+};
+exports.BUTTON_SECONDARY_VARIANT = {
+    Cancel: 'cancel',
+    Back: 'back',
+};

package/dist/cjs/components/PageForm/hooks.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent } from 'react';
+import { TooltipProps } from '@snack-uikit/tooltip';
+import { ButtonPrimaryVariant, ButtonSecondaryVariant } from './types';
+export declare function useButtonWithTooltip<T extends Record<string, unknown>>({ Button, tooltip, }: {
+    tooltip?: TooltipProps;
+    Button: ForwardRefExoticComponent<T>;
+}): ForwardRefExoticComponent<T> | ((props: T) => import("react/jsx-runtime").JSX.Element);
+export declare function useGetButtonLabel(): (variant: ButtonPrimaryVariant | ButtonSecondaryVariant) => string;

package/dist/cjs/components/PageForm/hooks.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useButtonWithTooltip = useButtonWithTooltip;
+exports.useGetButtonLabel = useGetButtonLabel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const tooltip_1 = require("@snack-uikit/tooltip");
+function useButtonWithTooltip({ Button, tooltip, }) {
+    if (tooltip) {
+        return function ButtonWithTooltip(props) {
+            return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, Object.assign({}, tooltip, { children: (0, jsx_runtime_1.jsx)(Button, Object.assign({}, props)) })));
+        };
+    }
+    return Button;
+}
+function useGetButtonLabel() {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PageLayout');
+    return function getButtonLabel(variant) {
+        return t(`PageForm.${variant}`);
+    };
+}

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

@@ -0,0 +1,3 @@
+export * from './PageForm';
+export * from './constants';
+export * from './types';

package/dist/cjs/components/PageForm/index.js

@@ -0,0 +1,19 @@
+"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("./PageForm"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,61 @@
+.container{
+  padding:var(--dimension-3m, 24px);
+  min-width:-moz-fit-content;
+  min-width:fit-content;
+  display:flex;
+  justify-content:center;
+  gap:24px;
+  min-height:100%;
+  box-sizing:border-box;
+}
+
+.form{
+  display:flex;
+  flex-direction:column;
+  gap:32px;
+  width:800px;
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  padding:56px;
+  flex-shrink:0;
+  border-radius:16px;
+  min-height:100%;
+  box-sizing:border-box;
+}
+
+.headline{
+  position:relative;
+}
+
+.footer{
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+}
+
+.mainActions{
+  display:flex;
+  align-items:center;
+  margin-left:auto;
+}
+
+.sideItems{
+  display:flex;
+  flex-direction:column;
+  gap:16px;
+  width:304px;
+  position:sticky;
+  top:24px;
+  align-self:flex-start;
+}
+
+.body{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-main, #41424e);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  flex:1;
+}

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

@@ -0,0 +1,4 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { BUTTON_PRIMARY_VARIANT, BUTTON_SECONDARY_VARIANT } from './constants';
+export type ButtonPrimaryVariant = ValueOf<typeof BUTTON_PRIMARY_VARIANT>;
+export type ButtonSecondaryVariant = ValueOf<typeof BUTTON_SECONDARY_VARIANT>;

package/dist/cjs/components/PageForm/types.js

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

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

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

package/dist/cjs/components/PageLoading/PageLoading.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.PageLoading = PageLoading;
+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 loaders_1 = require("@snack-uikit/loaders");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function PageLoading(_a) {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsx)(loaders_1.Spinner, { size: 'm', className: styles_module_scss_1.default.spinner }) })));
+}

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

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

package/dist/cjs/components/PageLoading/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("./PageLoading"), exports);

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

@@ -0,0 +1,12 @@
+.wrapper{
+  box-sizing:border-box;
+  width:100%;
+  height:100%;
+  color:var(--sys-neutral-accent-default, #787b8a);
+}
+
+.spinner{
+  position:fixed;
+  top:calc(50% - var(--size-loader-loader-m, 48px) / 2);
+  left:calc(50% - var(--size-loader-loader-m, 48px) / 2);
+}

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

@@ -0,0 +1,18 @@
+import { PropsWithChildren } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { HeadlineProps } from '../Headline';
+import { PageSidebarProps } from '../PageSidebar';
+export type PageServicesProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'actions' | 'subHeader' | 'afterHeadline' | 'beforeHeadline' | 'truncateTitle'> & {
+    className?: string;
+    sidebar?: PageSidebarProps;
+    autoHeight?: boolean;
+}>>;
+export declare const PageServices: import("react").ForwardRefExoticComponent<{
+    'data-test-id'?: string;
+} & import("react").AriaAttributes & Pick<HeadlineProps, "title" | "actions" | "beforeHeadline" | "afterHeadline" | "subHeader" | "truncateTitle"> & {
+    className?: string;
+    sidebar?: PageSidebarProps;
+    autoHeight?: boolean;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;