@cloud-ru/uikit-product-mobile-layout 0.20.7

package/dist/cjs/helperComponents/SidebarSelect/hooks/useItemsContent.js

@@ -0,0 +1,59 @@
+"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.useItemsContent = useItemsContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_mobile_tooltip_1 = require("@sbercloud/uikit-product-mobile-tooltip");
+const getItemsContent = (items, onSelect) => items.map((_a) => {
+    var { id, label, onClick, afterContent, beforeContent, disabledReason, disabledReasonPlacement } = _a, rest = __rest(_a, ["id", "label", "onClick", "afterContent", "beforeContent", "disabledReason", "disabledReasonPlacement"]);
+    const href = 'href' in rest ? rest.href : undefined;
+    const newItems = 'items' in rest ? rest.items : undefined;
+    const type = 'type' in rest ? rest.type : undefined;
+    const clickHandler = (event) => {
+        if (href && ((event === null || event === void 0 ? void 0 : event.metaKey) || (event === null || event === void 0 ? void 0 : event.button) === 1)) {
+            return;
+        }
+        event.preventDefault();
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        if (!items.length) {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(id);
+        }
+    };
+    if (type === 'group') {
+        return Object.assign(Object.assign({}, rest), { label, type: 'group', items: getItemsContent(newItems || [], onSelect) });
+    }
+    const newItem = {
+        id,
+        content: {
+            option: label,
+        },
+        itemWrapRender: (item) => {
+            if (!disabledReason) {
+                return href ? ((0, jsx_runtime_1.jsx)("a", { href: href, onClick: clickHandler, children: item })) : (item);
+            }
+            return ((0, jsx_runtime_1.jsx)(uikit_product_mobile_tooltip_1.MobileTooltip, { hoverDelayOpen: 500, open: disabledReason ? undefined : false, tip: disabledReason, placement: disabledReasonPlacement, children: item }));
+        },
+        onClick: href ? undefined : clickHandler,
+        afterContent,
+        beforeContent,
+        disabled: Boolean(disabledReason),
+    };
+    if (newItems === null || newItems === void 0 ? void 0 : newItems.length) {
+        return Object.assign(Object.assign({}, newItem), { type: 'collapse', items: getItemsContent(newItems || [], onSelect) });
+    }
+    return newItem;
+});
+function useItemsContent(items, onSelect) {
+    return (0, react_1.useMemo)(() => getItemsContent(items, onSelect), [items, onSelect]);
+}

package/dist/cjs/helperComponents/SidebarSelect/hooks/useSearchFilter.d.ts

@@ -0,0 +1,7 @@
+import { SidebarItem } from '../types';
+export declare const useSearchFilter: (list: SidebarItem[], searchValue: string) => {
+    filteredList: SidebarItem[];
+    searchCollapseState: {
+        value: (string | number)[];
+    };
+};

package/dist/cjs/helperComponents/SidebarSelect/hooks/useSearchFilter.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchFilter = void 0;
+const react_1 = require("react");
+const matchString = (value, searchValue) => value.trim().toLowerCase().includes(searchValue.trim().toLowerCase());
+const filterService = (servicesList, searchValue) => {
+    if (!searchValue)
+        return servicesList;
+    return servicesList.reduce((result, service) => {
+        var _a;
+        if (service.label && matchString(service.label, searchValue)) {
+            result.push(service);
+            return result;
+        }
+        if ('items' in service && ((_a = service.items) === null || _a === void 0 ? void 0 : _a.length)) {
+            const items = filterService(service.items, searchValue);
+            if (items.length) {
+                result.push(Object.assign(Object.assign({}, service), { items }));
+            }
+            return result;
+        }
+        return result;
+    }, []);
+};
+const getItemIds = (list) => list.reduce((result, el) => {
+    var _a;
+    result.push(el.id);
+    if ('items' in el && ((_a = el.items) === null || _a === void 0 ? void 0 : _a.length)) {
+        const childItems = getItemIds(el.items);
+        result.push(...childItems);
+    }
+    return result;
+}, []);
+const useSearchFilter = (list, searchValue) => {
+    const filteredList = (0, react_1.useMemo)(() => filterService(list, searchValue), [list, searchValue]);
+    const searchCollapseState = (0, react_1.useMemo)(() => ({ value: getItemIds(filteredList) }), [filteredList]);
+    return {
+        filteredList,
+        searchCollapseState,
+    };
+};
+exports.useSearchFilter = useSearchFilter;

package/dist/cjs/helperComponents/SidebarSelect/hooks/useSelectedItem.d.ts

@@ -0,0 +1,7 @@
+import { SidebarItem } from '../types';
+type SelectedItem = {
+    item: SidebarItem | undefined;
+    path: (string | number)[];
+};
+export declare function useSelectedItem(items: SidebarItem[], selected: string | number | undefined): SelectedItem;
+export {};

package/dist/cjs/helperComponents/SidebarSelect/hooks/useSelectedItem.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectedItem = useSelectedItem;
+const react_1 = require("react");
+function findSelectedItem(items, selected) {
+    return items.reduce((result, el) => {
+        var _a;
+        if (el.id === selected) {
+            result.path.push(el.id);
+            return Object.assign(Object.assign({}, result), { item: el });
+        }
+        if ('items' in el && ((_a = el.items) === null || _a === void 0 ? void 0 : _a.length)) {
+            const child = findSelectedItem(el.items, selected);
+            if (child.item) {
+                result.path.push(el.id, ...child.path);
+                return Object.assign(Object.assign({}, result), { item: child.item });
+            }
+        }
+        return result;
+    }, { item: undefined, path: [] });
+}
+function useSelectedItem(items, selected) {
+    return (0, react_1.useMemo)(() => findSelectedItem(items, selected), [items, selected]);
+}

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

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

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

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

@@ -0,0 +1,19 @@
+.wrapper{
+  font-family:var(--sans-body-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-l-font-weight, Regular);
+  line-height:var(--sans-body-l-line-height, 24px);
+  font-size:var(--sans-body-l-font-size, 16px);
+  letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
+  padding:0 calc(var(--dimension-2m, 16px) - var(--dimension-050m, 4px));
+  gap:var(--dimension-1m, 8px);
+  height:var(--dimension-6m, 48px);
+  display:flex;
+  align-items:center;
+  color:var(--sys-neutral-text-support, #6d707f);
+  cursor:pointer;
+}
+
+.triggerText{
+  flex-grow:1;
+}

package/dist/cjs/helperComponents/SidebarSelect/types.d.ts

@@ -0,0 +1 @@
+export type { SidebarItem } from '@sbercloud/uikit-product-page-layout';

package/dist/cjs/helperComponents/SidebarSelect/types.js

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

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

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

package/dist/cjs/helperComponents/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("./Actions"), exports);
+__exportStar(require("./Headline"), exports);
+__exportStar(require("./SidebarSelect"), exports);

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

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

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

package/dist/cjs/helpers/useGetButtonLabel.d.ts

@@ -0,0 +1,2 @@
+import { ButtonPrimaryVariant, ButtonSecondaryVariant } from '@sbercloud/uikit-product-page-layout';
+export declare function useGetButtonLabel(): (variant: ButtonPrimaryVariant | ButtonSecondaryVariant) => string;

package/dist/cjs/helpers/useGetButtonLabel.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetButtonLabel = useGetButtonLabel;
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+function useGetButtonLabel() {
+    const { t } = (0, uikit_product_locale_1.useLocale)('MobileLayout');
+    return function getButtonLabel(variant) {
+        return t(variant);
+    };
+}

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/AdaptiveLayout/AdaptiveLayout.d.ts

@@ -0,0 +1,23 @@
+import { CardBannerProps } from '@sbercloud/uikit-product-card-predefined';
+import { BlockBasicProps, EmptyBlockProps } from '@sbercloud/uikit-product-layout';
+import { PageCatalogProps, PageFormProps, PageServicesProps } from '@sbercloud/uikit-product-page-layout';
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { MobilePageCatalogProps } from '../MobilePageCatalog';
+import { MobilePageServicesProps } from '../MobilePageServices';
+export type ButtonVariant = NonNullable<NonNullable<MobilePageServicesProps['actions']>[0]['variant']>;
+export type Action = Omit<NonNullable<MobilePageServicesProps['actions']>[0], 'variant'> & {
+    variant: ButtonVariant;
+};
+export type AdaptiveBlockBasicProps = WithLayoutType<BlockBasicProps>;
+export declare function AdaptiveBlockBasic({ layoutType, ...props }: AdaptiveBlockBasicProps): import("react/jsx-runtime").JSX.Element;
+export type AdaptiveCardBannerProps = WithLayoutType<CardBannerProps>;
+export declare function AdaptiveCardBanner({ layoutType, ...props }: AdaptiveCardBannerProps): import("react/jsx-runtime").JSX.Element;
+export type AdaptiveEmptyBlockProps = WithLayoutType<EmptyBlockProps>;
+export declare function AdaptiveEmptyBlock({ layoutType, ...props }: AdaptiveEmptyBlockProps): import("react/jsx-runtime").JSX.Element;
+export type AdaptivePageFormProps = WithLayoutType<PageFormProps>;
+export declare function AdaptivePageForm({ layoutType, ...props }: AdaptivePageFormProps): import("react/jsx-runtime").JSX.Element;
+export type AdaptivePageServicesProps = WithLayoutType & Omit<PageServicesProps, 'actions'> & Pick<MobilePageServicesProps, 'actions'>;
+export declare function AdaptivePageServices({ layoutType, actions, ...props }: AdaptivePageServicesProps): import("react/jsx-runtime").JSX.Element;
+export type AdaptivePageCatalogProps = WithLayoutType & Omit<PageCatalogProps, 'actions'> & Pick<MobilePageCatalogProps, 'actions'>;
+export declare function AdaptivePageCatalog({ layoutType, actions, ...props }: AdaptivePageCatalogProps): import("react/jsx-runtime").JSX.Element;
+export type { BlockBasicProps, CardBannerProps, EmptyBlockProps, PageFormProps, PageServicesProps, PageCatalogProps };

package/dist/esm/components/AdaptiveLayout/AdaptiveLayout.js

@@ -0,0 +1,60 @@
+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 { CardBanner } from '@sbercloud/uikit-product-card-predefined';
+import { BlockBasic, EmptyBlock } from '@sbercloud/uikit-product-layout';
+import { PageCatalog, PageForm, PageServices, } from '@sbercloud/uikit-product-page-layout';
+import { DesktopActions } from '../../helperComponents';
+import { MobileBlockBasic } from '../MobileBlockBasic';
+import { MobileCardBanner } from '../MobileCardBanner';
+import { MobileEmptyBlock } from '../MobileEmptyBlock';
+import { MobilePageCatalog } from '../MobilePageCatalog';
+import { MobilePageForm } from '../MobilePageForm';
+import { MobilePageServices } from '../MobilePageServices';
+export function AdaptiveBlockBasic(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? _jsx(MobileBlockBasic, Object.assign({}, props)) : _jsx(BlockBasic, Object.assign({}, props));
+}
+export function AdaptiveCardBanner(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? _jsx(MobileCardBanner, Object.assign({}, props)) : _jsx(CardBanner, Object.assign({}, props));
+}
+export function AdaptiveEmptyBlock(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? _jsx(MobileEmptyBlock, Object.assign({}, props)) : _jsx(EmptyBlock, Object.assign({}, props));
+}
+export function AdaptivePageForm(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? _jsx(MobilePageForm, Object.assign({}, props)) : _jsx(PageForm, Object.assign({}, props));
+}
+export function AdaptivePageServices(_a) {
+    var { layoutType, actions } = _a, props = __rest(_a, ["layoutType", "actions"]);
+    const isMobile = layoutType === 'mobile';
+    if (isMobile) {
+        return _jsx(MobilePageServices, Object.assign({ actions: actions }, props));
+    }
+    const actionsNode = actions ? _jsx(DesktopActions, { items: actions }) : undefined;
+    return _jsx(PageServices, Object.assign({}, props, { actions: actionsNode }));
+}
+export function AdaptivePageCatalog(_a) {
+    var { layoutType, actions } = _a, props = __rest(_a, ["layoutType", "actions"]);
+    const isMobile = layoutType === 'mobile';
+    if (isMobile) {
+        return _jsx(MobilePageCatalog, Object.assign({ actions: actions }, props));
+    }
+    const actionsNode = actions ? _jsx(DesktopActions, { items: actions }) : undefined;
+    return _jsx(PageCatalog, Object.assign({}, props, { actions: actionsNode }));
+}

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

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

package/dist/esm/components/AdaptiveLayout/index.js

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

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

@@ -0,0 +1,3 @@
+import { BlockBasicProps } from '@sbercloud/uikit-product-layout';
+export type MobileBlockBasicProps = BlockBasicProps;
+export declare function MobileBlockBasic(props: MobileBlockBasicProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/MobileBlockBasic/MobileBlockBasic.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import { BlockBasic } from '@sbercloud/uikit-product-layout';
+import styles from './styles.module.css';
+export function MobileBlockBasic(props) {
+    return _jsx(BlockBasic, Object.assign({}, props, { className: cn(styles.wrapper, props.className), "data-mobile": true }));
+}

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

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

package/dist/esm/components/MobileBlockBasic/index.js

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

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

@@ -0,0 +1,3 @@
+.wrapper[data-mobile]{
+  padding:var(--dimension-2m, 16px);
+}

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

@@ -0,0 +1,14 @@
+import { MouseEventHandler } from 'react';
+import { CardProps } from '@snack-uikit/card';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type MobileCardBannerProps = WithSupportProps<Pick<CardProps, 'onClick' | 'className' | 'disabled' | 'href'> & {
+    title: string;
+    description: string;
+    actionLabel: string;
+    image: {
+        src: string;
+        alt: string;
+    };
+    onClose?: MouseEventHandler<HTMLElement>;
+}>;
+export declare function MobileCardBanner({ href, title, description, onClick, actionLabel, image, className, onClose, disabled, ...rest }: MobileCardBannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/MobileCardBanner/MobileCardBanner.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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowRightSVG, CrossSVG } from '@sbercloud/uikit-product-icons';
+import { ButtonTonal } from '@snack-uikit/button';
+import { Card } from '@snack-uikit/card';
+import { Typography } from '@snack-uikit/typography';
+import { extractSupportProps } from '@snack-uikit/utils';
+import styles from './styles.module.css';
+export function MobileCardBanner(_a) {
+    var { href, title, description, onClick, actionLabel, image, className, onClose, disabled } = _a, rest = __rest(_a, ["href", "title", "description", "onClick", "actionLabel", "image", "className", "onClose", "disabled"]);
+    return (_jsx(Card, Object.assign({}, extractSupportProps(rest), { href: href, className: className, onClick: onClick, disabled: disabled, children: _jsxs(_Fragment, { children: [onClose && (_jsx("div", { className: styles.cardFunctionBadgeWrapper, children: _jsx(ButtonTonal, { icon: _jsx(CrossSVG, {}), appearance: 'neutral', onClick: e => {
+                            e.stopPropagation();
+                            onClose(e);
+                        }, size: 'xs' }) })), _jsxs("div", { className: styles.cardBannerContent, children: [_jsxs("div", { className: styles.cardBannerLeft, children: [_jsx("div", { className: styles.cardBannerTitle, children: title }), _jsx(Typography.SansBodyM, { children: _jsx("div", { "data-test-id": 'card-banner__description', className: styles.cardBannerDescription, children: description }) }), _jsx(Card.Footer.CallToAction, { className: styles.cardBannerFooter, label: actionLabel, icon: _jsx(ArrowRightSVG, {}) })] }), _jsx("img", { src: image.src, alt: image.alt, className: styles.cardBannerImage, "data-test-id": 'card-banner__image' })] })] }) })));
+}

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

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

package/dist/esm/components/MobileCardBanner/index.js

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

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

@@ -0,0 +1,52 @@
+.cardBannerContent{
+  display:flex;
+  flex-direction:row;
+  justify-content:space-between;
+  gap:var(--dimension-2m, 16px);
+  width:100%;
+  height:100%;
+}
+
+.cardBannerLeft{
+  display:flex;
+  flex-direction:column;
+  flex-grow:1;
+  gap:calc(var(--dimension-050m, 4px) + var(--dimension-1m, 8px));
+}
+
+.cardBannerDescription{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.cardBannerTitle{
+  font-family:var(--sans-title-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-title-m-font-weight, Semibold);
+  line-height:var(--sans-title-m-line-height, 24px);
+  font-size:var(--sans-title-m-font-size, 16px);
+  letter-spacing:var(--sans-title-m-letter-spacing, 0.15px);
+  paragraph-spacing:var(--sans-title-m-paragraph-spacing, 8.8px);
+  max-width:100%;
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.cardBannerImage{
+  width:calc(var(--dimension-5m, 40px) + var(--dimension-7m, 56px));
+  flex-shrink:0;
+  -o-object-position:center;
+     object-position:center;
+  -o-object-fit:cover;
+     object-fit:cover;
+}
+
+.cardFunctionBadgeWrapper{
+  position:absolute;
+  right:var(--dimension-1m, 8px);
+  top:var(--dimension-1m, 8px);
+  display:flex;
+  align-items:flex-end;
+  justify-content:flex-start;
+}
+
+.cardBannerFooter{
+  margin-top:auto;
+}

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { IconPredefinedProps } from '@snack-uikit/icon-predefined';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { FooterProps } from './components';
+export type MobileEmptyBlockProps = WithSupportProps<{
+    /** Заголовок */
+    title?: string;
+    /** Подзаголовок */
+    description?: ReactNode;
+    /** Иконка */
+    icon?: Pick<IconPredefinedProps, 'icon' | 'decor' | 'appearance'>;
+    className?: string;
+}> & (Pick<FooterProps, 'primaryButton' | 'secondaryButton'> | {
+    primaryButton?: never;
+    secondaryButton?: never;
+});
+export declare function MobileEmptyBlock({ primaryButton, secondaryButton, className, title, description, icon, ...rest }: MobileEmptyBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/MobileEmptyBlock/MobileEmptyBlock.js

@@ -0,0 +1,23 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { IconPredefined } from '@snack-uikit/icon-predefined';
+import { Typography } from '@snack-uikit/typography';
+import { extractSupportProps } from '@snack-uikit/utils';
+import { Footer } from './components';
+import styles from './styles.module.css';
+export function MobileEmptyBlock(_a) {
+    var _b, _c;
+    var { primaryButton, secondaryButton, className, title, description, icon } = _a, rest = __rest(_a, ["primaryButton", "secondaryButton", "className", "title", "description", "icon"]);
+    return (_jsx("div", Object.assign({ className: cn(styles.emptyBlock, className) }, extractSupportProps(rest), { children: _jsxs("div", Object.assign({ className: cn(styles.infoBlock, className) }, extractSupportProps(rest), { children: [icon && (_jsx(IconPredefined, { icon: icon.icon, appearance: (_b = icon.appearance) !== null && _b !== void 0 ? _b : 'primary', decor: (_c = icon.decor) !== null && _c !== void 0 ? _c : true, size: 'm' })), _jsxs("div", { className: styles.contentLayout, children: [_jsxs("div", { className: styles.textWrap, children: [title && (_jsx(Typography, { family: 'sans', purpose: 'title', size: 'm', className: styles.title, children: title })), description && (_jsx(Typography, { family: 'sans', purpose: 'body', size: 'm', className: styles.description, children: description }))] }), primaryButton && _jsx(Footer, { primaryButton: primaryButton, secondaryButton: secondaryButton })] })] })) })));
+}

package/dist/esm/components/MobileEmptyBlock/components/Footer/Footer.d.ts

@@ -0,0 +1,14 @@
+import { MobileTooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+import { ButtonFilledProps, ButtonTonalProps } from '@snack-uikit/button';
+export type FooterProps = {
+    /** Основная кнопка */
+    primaryButton: Omit<ButtonFilledProps, 'size'> & {
+        tooltip?: MobileTooltipProps;
+    };
+    /** Дополнительная кнопка */
+    secondaryButton?: Omit<ButtonTonalProps, 'size'> & {
+        tooltip?: MobileTooltipProps;
+    };
+    className?: string;
+};
+export declare function Footer({ primaryButton, secondaryButton, className }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/MobileEmptyBlock/components/Footer/Footer.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { ButtonFilled, ButtonTonal } from '@snack-uikit/button';
+import { useButtonWithTooltip } from './hooks';
+import styles from './styles.module.css';
+export function Footer({ primaryButton, secondaryButton, className }) {
+    const PrimaryButton = useButtonWithTooltip({ Button: ButtonFilled, tooltip: primaryButton.tooltip });
+    const SecondaryButton = useButtonWithTooltip({ Button: ButtonTonal, tooltip: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.tooltip });
+    return (_jsxs("div", { className: cn(styles.infoBlockFooter, className), children: [_jsx(PrimaryButton, Object.assign({}, primaryButton, { size: 'm', "data-test-id": primaryButton['data-test-id'], fullWidth: true })), secondaryButton && (_jsx(SecondaryButton, Object.assign({}, secondaryButton, { size: 'm', "data-test-id": secondaryButton['data-test-id'], fullWidth: true })))] }));
+}

package/dist/esm/components/MobileEmptyBlock/components/Footer/hooks.d.ts

@@ -0,0 +1,6 @@
+import { JSXElementConstructor } from 'react';
+import { MobileTooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+export declare function useButtonWithTooltip<T>({ Button, tooltip, }: {
+    tooltip?: MobileTooltipProps;
+    Button: JSXElementConstructor<T>;
+}): JSXElementConstructor<T> | ((props: T) => import("react/jsx-runtime").JSX.Element);

package/dist/esm/components/MobileEmptyBlock/components/Footer/hooks.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MobileTooltip } from '@sbercloud/uikit-product-mobile-tooltip';
+export function useButtonWithTooltip({ Button, tooltip, }) {
+    if (tooltip) {
+        return function ButtonWithTooltip(props) {
+            return (_jsx(MobileTooltip, Object.assign({}, tooltip, { children: _jsx(Button, Object.assign({}, props)) })));
+        };
+    }
+    return Button;
+}

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

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

package/dist/esm/components/MobileEmptyBlock/components/Footer/index.js

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

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

@@ -0,0 +1,7 @@
+.infoBlockFooter{
+  gap:var(--space-info-block-footer-gap, 8px);
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  width:100%;
+}

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

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

package/dist/esm/components/MobileEmptyBlock/components/index.js

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

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

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

package/dist/esm/components/MobileEmptyBlock/index.js

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