@redneckz/wildless-cms-uni-blocks 0.13.6 → 0.13.7

package/mobile/lib/components/MortgageFiltration/MortgageFiltrationContent.d.ts

@@ -1,5 +1,5 @@
 import type { BaseFiltrationInnerContent, StringArray } from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
-import type { HotFilterRecord } from './HotFilterRecord';
+import type { HotFilterBase } from '../../ui-kit/BaseFiltration/HotFilterBase';
 export declare type MortgageFiltrationSchema = {
     /** @title Тип недвижимости */
     propertyType?: StringArray;
@@ -10,14 +10,18 @@ export declare type MortgageFiltrationSchema = {
     /** @title Дополнительно */
     extraOptions?: StringArray;
 };
-/**
- * @title Кнопка фильтрации
- */
-export interface HotFilterButton {
-    /** @title Текст */
-    text?: string;
+export interface MortgageFiltrationHotFilter extends HotFilterBase {
     /** @title Применяемые фильтры */
-    filter?: HotFilterRecord;
+    filter?: {
+        /** @title Тип недвижимости */
+        propertyType?: string[];
+        /** @title Этап строительства */
+        stage?: string[];
+        /** @title Категории */
+        categories?: string[];
+        /** @title Дополнительно */
+        extraOptions?: string[];
+    };
 }
 /**
  * @title Подборщик ипотек
@@ -26,5 +30,5 @@ export interface MortgageFiltrationContent extends BaseFiltrationInnerContent {
     /** @title Параметры фильтрации */
     filtrationSchema?: MortgageFiltrationSchema;
     /** @title Горячие фильтры */
-    hotFilters?: HotFilterButton[];
+    hotFilters?: MortgageFiltrationHotFilter[];
 }

package/mobile/lib/ui-kit/Badge/Badge.d.ts

@@ -0,0 +1,6 @@
+interface BadgeProps {
+    count?: number;
+    version?: 'primary' | 'secondary';
+}
+export declare const Badge: import("@redneckz/uni-jsx").UNIComponent<BadgeProps, any, any>;
+export {};

package/mobile/lib/ui-kit/Badge/Badge.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style.js';
+import { Text } from '../Text/Text.js';
+const badgeBgStyleMap = {
+    primary: 'bg-white/30',
+    secondary: 'bg-main-divider',
+};
+const badgeTextColorStyleMap = {
+    primary: 'text-white',
+    secondary: 'text-secondary-text',
+};
+export const Badge = JSX(({ count, version = 'secondary' }) => {
+    return (_jsx("div", { className: style('w-6 h-6 rounded-full flex items-center justify-center', badgeBgStyleMap[version]), children: _jsx(Text, { size: "text-xs", color: badgeTextColorStyleMap[version], children: count }) }));
+});
+//# sourceMappingURL=Badge.js.map

package/mobile/lib/ui-kit/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/ui-kit/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,eAAe,GAA2B;IAC9C,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,sBAAsB,GAA8B;IACxD,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,WAAW,EAAE,EAAE,EAAE;IACxE,OAAO,CACL,cACE,SAAS,EAAE,KAAK,CACd,uDAAuD,EACvD,eAAe,CAAC,OAAO,CAAC,CACzB,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,YACxD,KAAK,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/BaseFiltration/BaseFiltrationInner.js

@@ -6,8 +6,7 @@ import { checkShouldRenderBlock } from '../BaseFiltration/checkShouldRenderBlock
 import { DefaultFoldButton } from '../Foldable/DefaultFoldButton.js';
 import { Foldable } from '../Foldable/Foldable.js';
 import { FoldableSection } from '../Foldable/FoldableSection.js';
-import { Paragraph } from '../Paragraph/Paragraph.js';
-import { Text } from '../Text/Text.js';
+import { Headline } from '../../components/Headline/Headline.js';
 const ICONS = ['ArrowDownIcon', 'ArrowUpIcon'];
 const resultsGridStyle = 'grid grid-cols-12 gap-2xs border-box';
 export const BaseFiltrationInner = JSX(({ label = '', filtrationState = {}, topItemsCount = 0, block, notFound, ...rest }) => {
@@ -15,11 +14,11 @@ export const BaseFiltrationInner = JSX(({ label = '', filtrationState = {}, topI
     const [visibleBlocks, hiddenBlocks] = topItemsCount > 0
         ? [blocksToRender.slice(0, topItemsCount), blocksToRender.slice(topItemsCount)]
         : [blocksToRender, []];
-    return (_jsxs("div", { children: [_jsx("div", { className: style(blocksToRender.length ? 'hidden' : 'block'), children: notFound ? renderNotFound(notFound) : null }), _jsxs("div", { className: style(blocksToRender.length ? '' : 'hidden'), children: [_jsx("div", { className: style('mb-2xs', resultsGridStyle), children: renderBlocksList(visibleBlocks, { ...rest.options, parent: block }) }), _jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => {
-                            return (_jsx(FoldableSection, { className: style(resultsGridStyle, isUnfolded ? 'mb-2xs' : ''), isUnfolded: isUnfolded, children: renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }) }));
+    return (_jsxs("div", { children: [_jsx("div", { className: style(blocksToRender.length ? 'hidden' : 'block'), children: notFound ? renderNotFound(notFound) : null }), _jsxs("div", { className: style('space-y-2xs', blocksToRender.length ? '' : 'hidden'), children: [_jsx("div", { className: style(resultsGridStyle), children: renderBlocksList(visibleBlocks, { ...rest.options, parent: block }) }), _jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => {
+                            return (_jsx(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }) }));
                         }, renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { className: style(topItemsCount < 1 ? 'hidden' : ''), disabled: !hiddenBlocks?.length, label: label, icon: ICONS[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] })] }));
 });
 function renderNotFound({ title, description }) {
-    return (_jsxs("div", { className: "bg-white py-20", children: [title ? (_jsx("div", { className: "mb-xs", children: _jsx(Paragraph, { align: "text-center", children: _jsx(Text, { size: "text-h4", children: title }) }) })) : null, description ? (_jsx(Paragraph, { size: "text-xl", font: "font-light", align: "text-center", children: description })) : null] }));
+    return (_jsx("div", { className: "bg-white py-20", children: _jsx(Headline, { title: title, description: description, headlineVersion: "S", isEmbedded: true }) }));
 }
 //# sourceMappingURL=BaseFiltrationInner.js.map

package/mobile/lib/ui-kit/BaseFiltration/BaseFiltrationInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseFiltrationInner.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BaseFiltrationInner.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/ui-kit/BaseFiltration/HotFilterBase.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @title Кнопка фильтрации
+ */
+export interface HotFilterBase {
+    /** @title Текст */
+    text?: string;
+}

package/mobile/lib/ui-kit/BaseFiltration/HotFilterBase.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HotFilterBase.js.map

package/mobile/lib/ui-kit/BaseFiltration/HotFilterBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotFilterBase.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/HotFilterBase.ts"],"names":[],"mappings":""}

package/mobile/lib/ui-kit/BaseFiltration/getBadgeCount.d.ts

@@ -0,0 +1,3 @@
+import type { BlockDef } from '../../model/ContentPageDef';
+import type { BaseFilter } from './useHotFilters';
+export declare const getBadgeCount: (blocks?: BlockDef[], filter?: BaseFilter) => number;

package/mobile/lib/ui-kit/BaseFiltration/getBadgeCount.js

@@ -0,0 +1,3 @@
+import { checkShouldRenderBlock } from '../../ui-kit/BaseFiltration/checkShouldRenderBlock.js';
+export const getBadgeCount = (blocks = [], filter = {}) => blocks.filter(({ content = {} }) => checkShouldRenderBlock(filter, content)).length;
+//# sourceMappingURL=getBadgeCount.js.map

package/mobile/lib/ui-kit/BaseFiltration/getBadgeCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBadgeCount.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/getBadgeCount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAG5F,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAqB,EAAE,EAAE,SAAqB,EAAE,EAAE,EAAE,CAChF,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,sBAAsB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC"}

package/mobile/lib/ui-kit/BaseFiltration/hotFilterRecordCmp.d.ts

@@ -0,0 +1 @@
+export declare const hotFilterRecordCmp: (a: Record<string, string[]> | null | undefined, b: Record<string, string[]> | null | undefined) => boolean;

package/mobile/lib/{components/MortgageFiltration/HotFilterRecord.js → ui-kit/BaseFiltration/hotFilterRecordCmp.js}

@@ -1,3 +1,3 @@
 import { arrCmp, combineBoolCmps, objCmp, scalarCmp } from '../../utils/BoolComparator.js';
 export const hotFilterRecordCmp = objCmp(combineBoolCmps(scalarCmp, arrCmp()));
-//# sourceMappingURL=HotFilterRecord.js.map
+//# sourceMappingURL=hotFilterRecordCmp.js.map

package/mobile/lib/ui-kit/BaseFiltration/hotFilterRecordCmp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotFilterRecordCmp.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/hotFilterRecordCmp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAW,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/BaseFiltration/renderFiltrationForm.js

@@ -2,7 +2,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { Button } from '../Button/Button.js';
 import { SlideCheckboxGroup } from '../SlideCheckboxGroup/SlideCheckboxGroup.js';
 import { Text } from '../Text/Text.js';
-export const renderFiltrationForm = ({ field, reset, filtrationSchema, resetButton, children, }) => (_jsxs("form", { className: "flex justify-between bg-white p-4xl mb-2xs", children: [_jsxs("div", { className: "flex gap-5xl", children: [children, Object.entries(filtrationSchema).map(renderFormItem(field))] }), resetButton ? (_jsx("div", { children: _jsx(Button, { className: "w-72 ml-s", onClick: reset, ...resetButton }) })) : null] }));
+export const renderFiltrationForm = ({ field, reset, filtrationSchema, resetButton, children, }) => (_jsxs("form", { className: "flex justify-between bg-white p-4xl", children: [_jsxs("div", { className: "flex gap-5xl", children: [children, Object.entries(filtrationSchema).map(renderFormItem(field))] }), resetButton ? (_jsx("div", { children: _jsx(Button, { className: "w-72 ml-s", onClick: reset, ...resetButton }) })) : null] }));
 const renderFormItem = (field) => ([key, item]) => {
     const type = item?.type;
     switch (type) {

package/mobile/lib/ui-kit/BaseFiltration/renderFiltrationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderFiltrationForm.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/renderFiltrationForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAoBpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,QAAQ,GACkB,EAAE,EAAE,CAAC,CAC/B,gBAAM,SAAS,EAAC,4CAA4C,aAC1D,eAAK,SAAS,EAAC,cAAc,aAC1B,QAAQ,EACR,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,IACxD,EACL,WAAW,CAAC,CAAC,CAAC,CACb,wBACE,KAAC,MAAM,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,KAAK,KAAM,WAAW,GAAI,GAC7D,CACP,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AAEF,MAAM,cAAc,GAClB,CAAC,KAA+B,EAAE,EAAE,CACpC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAuB,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,IAAI,EAAE,IAAI,CAAC;IAExB,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,gBAAgB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;QAC5C;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,KAA+B,EAAE,EAAE,CAAC,CAAC,IAAkB,EAAE,EAAE;IAChG,MAAM,OAAO,GACX,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC1F,EAAE,CAAC;IAEL,OAAO,CACL,0BACG,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,IAAI,CAAC,KAAK,GACN,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,IAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,WAAK,KAAK,CAA+B,GAAG,CAAC,GAAI,KARrF,GAAG,CASP,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"renderFiltrationForm.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/renderFiltrationForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAoBpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,QAAQ,GACkB,EAAE,EAAE,CAAC,CAC/B,gBAAM,SAAS,EAAC,qCAAqC,aACnD,eAAK,SAAS,EAAC,cAAc,aAC1B,QAAQ,EACR,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,IACxD,EACL,WAAW,CAAC,CAAC,CAAC,CACb,wBACE,KAAC,MAAM,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,KAAK,KAAM,WAAW,GAAI,GAC7D,CACP,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AAEF,MAAM,cAAc,GAClB,CAAC,KAA+B,EAAE,EAAE,CACpC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAuB,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,IAAI,EAAE,IAAI,CAAC;IAExB,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,gBAAgB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;QAC5C;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,KAA+B,EAAE,EAAE,CAAC,CAAC,IAAkB,EAAE,EAAE;IAChG,MAAM,OAAO,GACX,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC1F,EAAE,CAAC;IAEL,OAAO,CACL,0BACG,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,IAAI,CAAC,KAAK,GACN,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,IAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,WAAK,KAAK,CAA+B,GAAG,CAAC,GAAI,KARrF,GAAG,CASP,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/BaseFiltration/useHotFilters.d.ts

@@ -0,0 +1,14 @@
+import type { BlockDef } from '../../model/ContentPageDef';
+import type { TabsControlProps } from '../TabsControl/TabsControlProps';
+import { HotFilterBase } from './HotFilterBase';
+export declare type BaseFilter = HotFilterBase & {
+    filter?: Record<string, string[]>;
+};
+interface UseHotFiltersParams {
+    hotFilters?: BaseFilter[];
+    filtrationState?: Record<string, string[]>;
+    blocks?: BlockDef[];
+    onFiltrationStateChange: (_?: Record<string, string[]>) => void;
+}
+export declare const useHotFilters: ({ hotFilters, filtrationState, blocks, onFiltrationStateChange, }: UseHotFiltersParams) => TabsControlProps;
+export {};

package/mobile/lib/ui-kit/BaseFiltration/useHotFilters.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { Badge } from '../Badge/Badge.js';
+import { getBadgeCount } from './getBadgeCount.js';
+import { hotFilterRecordCmp } from './hotFilterRecordCmp.js';
+const EMPTY_ARR = [];
+const EMPTY_OBJ = {};
+export const useHotFilters = ({ hotFilters = EMPTY_ARR, filtrationState = EMPTY_OBJ, blocks = EMPTY_ARR, onFiltrationStateChange, }) => {
+    const activeItemIndex = useMemo(() => Math.max(0, hotFilters.findIndex((_) => hotFilterRecordCmp(_.filter, filtrationState))), [hotFilters, filtrationState]);
+    const items = useMemo(() => hotFilters.map((_) => ({
+        text: _.text,
+        appendRight: (_jsx(Badge, { version: _ === hotFilters[activeItemIndex] ? 'primary' : 'secondary', count: getBadgeCount(blocks, _.filter) })),
+    })), [hotFilters, blocks, activeItemIndex]);
+    const handleChange = useCallback((_) => {
+        onFiltrationStateChange(hotFilters[items.indexOf(_)].filter);
+    }, [hotFilters, items]);
+    return {
+        value: items[activeItemIndex],
+        items: items,
+        onChange: handleChange,
+    };
+};
+//# sourceMappingURL=useHotFilters.js.map

package/mobile/lib/ui-kit/BaseFiltration/useHotFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHotFilters.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/useHotFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,SAAS,GAAG,EAAE,CAAC;AAarB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,GAAG,SAAS,EACtB,eAAe,GAAG,SAAS,EAC3B,MAAM,GAAG,SAAS,EAClB,uBAAuB,GACH,EAAoB,EAAE;IAC1C,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,IAAI,CAAC,GAAG,CACN,CAAC,EACD,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAC3E,EACH,CAAC,UAAU,EAAE,eAAe,CAAC,CAC9B,CAAC;IAEF,MAAM,KAAK,GAAkB,OAAO,CAClC,GAAG,EAAE,CACH,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACrB,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,WAAW,EAAE,CACX,KAAC,KAAK,IACJ,OAAO,EAAE,CAAC,KAAK,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACpE,KAAK,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,GACtC,CACH;KACF,CAAC,CAAC,EACL,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,CAAC,CACtC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAc,EAAE,EAAE;QACjB,uBAAuB,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC,EACD,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC;QAC7B,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,YAAY;KACvB,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/BaseTile/BaseTile.js

@@ -7,9 +7,5 @@ const imageAlignmentMap = {
     end: 'self-end',
 };
 export const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, backImage, children, }) => (_jsxs("div", { className: style('relative flex flex-col gap-3xl font-sans overflow-hidden', padding || defaultPadding, className), children: [title ? _jsx("div", { className: "relative", children: title }) : null, _jsxs("div", { className: "grow relative flex flex-wrap @xl:flex-nowrap justify-around @xl:justify-between items-stretch gap-3xl", children: [renderImageContainer(leftImage, { imageAlign }), _jsxs("div", { className: style('flex flex-col gap-3xl max-w-[600px] @xl:max-w-[728px]', leftImage ? '' : 'grow'), children: [insetTitle, _jsx("div", { className: "grow", children: children }), backImage ? (_jsx("div", { className: "mx-auto sm:absolute sm:-z-10 sm:-bottom-4 sm:-right-4", children: backImage })) : null, buttons] }), renderImageContainer(rightImage, { className: '-order-1 @xl:order-1', imageAlign })] })] })));
-const renderImageContainer = (image, { className, imageAlign }) => {
-    //TODO Спорное решение
-    const fullWidth = image?.props?.image?.size?.width > 400;
-    return image ? (_jsx("div", { className: style('flex-shrink-0', fullWidth ? 'w-full @xl:w-auto' : '', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
-};
+const renderImageContainer = (image, { className, imageAlign }) => image ? (_jsx("div", { className: style('md:flex-shrink-0', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
 //# sourceMappingURL=BaseTile.js.map

package/mobile/lib/ui-kit/BaseTile/BaseTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAY1C,MAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;IACrB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,EACT,cAAc,EACd,OAAO,EACP,KAAK,GAAG,EAAE,EACV,UAAU,GAAG,EAAE,EACf,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,KAAK,CACd,0DAA0D,EAC1D,OAAO,IAAI,cAAc,EACzB,SAAS,CACV,aAEA,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACvD,eAAK,SAAS,EAAC,uGAAuG,aACnH,oBAAoB,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,CAAC,EAChD,eACE,SAAS,EAAE,KAAK,CACd,uDAAuD,EACvD,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CACxB,aAEA,UAAU,EACX,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,GAAO,EACrC,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,uDAAuD,YAAE,SAAS,GAAO,CACzF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IACJ,EACL,oBAAoB,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,UAAU,EAAE,CAAC,IAChF,IACF,CACP,CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAC3B,KAAwB,EACxB,EAAE,SAAS,EAAE,UAAU,EAA8C,EACrE,EAAE;IACF,sBAAsB;IACtB,MAAM,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,GAAG,CAAC;IAEzD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,cACE,SAAS,EAAE,KAAK,CACd,eAAe,EACf,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACpC,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAC3C,SAAS,CACV,YAEA,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
+{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAY1C,MAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;IACrB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,EACT,cAAc,EACd,OAAO,EACP,KAAK,GAAG,EAAE,EACV,UAAU,GAAG,EAAE,EACf,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,KAAK,CACd,0DAA0D,EAC1D,OAAO,IAAI,cAAc,EACzB,SAAS,CACV,aAEA,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACvD,eAAK,SAAS,EAAC,uGAAuG,aACnH,oBAAoB,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,CAAC,EAChD,eACE,SAAS,EAAE,KAAK,CACd,uDAAuD,EACvD,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CACxB,aAEA,UAAU,EACX,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,GAAO,EACrC,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,uDAAuD,YAAE,SAAS,GAAO,CACzF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IACJ,EACL,oBAAoB,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,UAAU,EAAE,CAAC,IAChF,IACF,CACP,CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAC3B,KAAwB,EACxB,EAAE,SAAS,EAAE,UAAU,EAA8C,EACrE,EAAE,CACF,KAAK,CAAC,CAAC,CAAC,CACN,cACE,SAAS,EAAE,KAAK,CAAC,kBAAkB,EAAE,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,YAE3F,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}

package/mobile/lib/ui-kit/TabsControl/TabItem.d.ts

@@ -1,11 +1,14 @@
 import type { LinkProps } from '../../model/LinkProps';
+import type { VNode } from '../../model/VNode';
 import type { TabsControlProps } from './TabsControlProps';
-export declare type TabItemBase = LinkProps;
+export interface TabItemBase extends LinkProps {
+    appendRight?: VNode;
+}
 export declare type TabType = 'default' | 'underlined' | 'rounded';
 export interface TabItemProps {
     item?: TabItemBase;
     isActive?: boolean;
-    onClick?: TabsControlProps['onChange'];
     type?: TabType;
+    onClick?: TabsControlProps['onChange'];
 }
 export declare const TabItem: import("@redneckz/uni-jsx").UNIComponent<TabItemProps, any, any>;

package/mobile/lib/ui-kit/TabsControl/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAc9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,KAAC,YAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAe9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CACjD,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,KAAK,GAAI,CAC9E,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IAC9C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAE3E,OAAO,KAAC,YAAY,OAAK,KAAK,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH,mDAAmD;AACnD,MAAM,aAAa,GAAG,GAAG,CAAe,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,KAAM,IAAI,GAAI,CAAC;AACtE,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/TabsControl/TabItemInner.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 import { Text } from '../Text/Text.js';
@@ -25,7 +25,7 @@ const activeTabBgStyleMap = {
 };
 export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
     const Tag = tag;
-    const { text, ...link } = item;
-    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsx("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: _jsx(Text, { size: "text-m", children: text }) }) }));
+    const { text, appendRight, ...link } = item;
+    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tab", "aria-selected": isActive, onClick: onClick, ...link, children: _jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [_jsx(Text, { size: "text-m", children: text }), appendRight ? _jsx("div", { className: "ml-xs", children: appendRight }) : null] }) }));
 });
 //# sourceMappingURL=TabItemInner.js.map

package/mobile/lib/ui-kit/TabsControl/TabItemInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE/B,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,cACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,GAC7B,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,kBAAkB,GAA4B;IAClD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA4B;IACrD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAA4B;IAC7C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,mBAAmB,GAA4B;IACnD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE5C,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CACd,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CAAC,IAAI,CAAC,EACxB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3D,EACD,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,eACE,SAAS,EAAE,KAAK,CACd,QAAQ,EACR,kCAAkC,EAClC,+BAA+B,EAC/B,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CACtD,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,YAAE,IAAI,GAAQ,EAChC,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,OAAO,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5D,GACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/src/components/Blocks.ts

@@ -1,6 +1,7 @@
 import type { BlocksRegistry } from '../model/BlocksRegistry';
 import { ApplicationForm } from './ApplicationForm/ApplicationForm';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
+import { Bonus } from './Bonus/Bonus';
 import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
 import { ButtonsBlock } from './ButtonsBlock/ButtonsBlock';
 import { Calculator } from './Calculator/Calculator';
@@ -9,6 +10,7 @@ import { Carousel } from './Carousel/Carousel';
 import { CarouselBankHistoryCard } from './CarouselBankHistoryCard/CarouselBankHistoryCard';
 import { CarouselCard } from './CarouselCard/CarouselCard';
 import { CarouselCatalogCard } from './CarouselCatalogCard/CarouselCatalogCard';
+import { CarouselLinks } from './CarouselLinks/CarouselLinks';
 import { CarouselProductCard } from './CarouselProductCard/CarouselProductCard';
 import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCard';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
@@ -27,6 +29,7 @@ import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
 import { ProductTile } from './ProductTile/ProductTile';
+import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
 import { SafeDepositRental } from './SafeDepositRental/SafeDepositRental';
@@ -40,6 +43,7 @@ import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 export const Blocks: BlocksRegistry = {
   ApplicationForm,
   BenefitsBlock,
+  Bonus,
   BonusBenefitsBlock,
   ButtonsBlock,
   Calculator,
@@ -48,6 +52,7 @@ export const Blocks: BlocksRegistry = {
   CarouselBankHistoryCard,
   CarouselCard,
   CarouselCatalogCard,
+  CarouselLinks,
   CarouselProductCard,
   CarouselProgramsCard,
   CarouselRecommendationCard,
@@ -66,6 +71,7 @@ export const Blocks: BlocksRegistry = {
   ProductBlock,
   ProductGallery,
   ProductTile,
+  RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
   SafeDepositRental,

package/mobile/src/components/Bonus/Bonus.tsx

@@ -4,7 +4,6 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Headline } from '../Headline/Headline';
 import type { BonusContent, BonusCountDef, BonusImageDef } from './BonusContent';
 
@@ -29,18 +28,13 @@ export const Bonus = JSX<BonusProps>(
                   className="space-y-xs flex flex-col grow w-full sm:w-[49%] border border-gray p-m"
                 >
                   <div className="grow">
-                    {_?.title ? (
-                      <div className="mb-xs last:mb-0">
-                        <Text size="text-h4">{_.title}</Text>
-                      </div>
-                    ) : null}
-                    {_?.description ? (
-                      <div className="mb-text last:mb-0">
-                        <Paragraph size="text-xl" font="font-light">
-                          {_.description}
-                        </Paragraph>
-                      </div>
-                    ) : null}
+                    <Headline
+                      title={_?.title}
+                      description={_?.description}
+                      headlineVersion="S"
+                      isEmbedded={true}
+                      align="text-left"
+                    />
                   </div>
                   <div className="flex justify-center sm:justify-between sm:items-end">
                     <div className="hidden sm:block">{renderButtonsSection(_?.buttons)}</div>

package/mobile/src/components/CarouselEventCard/CarouselEventCard.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
-import { Text } from '../../ui-kit/Text/Text';
 import type { CarouselEventCardContent } from './CarouselEventCardContent';
+import { Headline } from '../Headline/Headline';
 
 export interface CarouselEventCardProps extends CarouselEventCardContent, UniBlockProps {}
 
@@ -16,16 +15,15 @@ export const CarouselEventCard = JSX<CarouselEventCardProps>(
         <LinkWrapper className="flex flex-col" href={href} target={target}>
           {icon?.icon ? <Img image={icon} /> : null}
           {icon?.src ? <Img image={icon} /> : null}
-          {title ? (
-            <Heading headingType="h6" as="h4" className="text-left mt-s ml-s mb-xs" title={title} />
-          ) : null}
-          {description ? (
-            <div className="ml-s mb-m">
-              <Text font="font-light" size="text-m" color="text-secondary-text">
-                {description}
-              </Text>
-            </div>
-          ) : null}
+          <div className="p-s">
+            <Headline
+              title={title}
+              description={description}
+              headlineVersion="XS"
+              isEmbedded={true}
+              align="text-left"
+            />
+          </div>
         </LinkWrapper>
       </BlockWrapper>
     );

package/mobile/src/components/ErrorBlock/ErrorBlock.tsx

@@ -1,12 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import { Text } from '../../ui-kit/Text/Text';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Button } from '../../ui-kit/Button/Button';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { style } from '../../utils/style';
 import type { ErrorBlockContent } from './ErrorBlockContent';
+import { Headline } from '../Headline/Headline';
 
 export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 
@@ -33,14 +32,7 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
       {...rest}
     >
       <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
-      {title ? <Heading headingType="h1" className="text-left" title={title} /> : null}
-      {subtitle ? (
-        <div className="max-w-[613px] text-center">
-          <Text size="text-xl" font="font-light">
-            {subtitle}
-          </Text>
-        </div>
-      ) : null}
+      <Headline title={title} description={subtitle} headlineVersion="XL" isEmbedded={true} />
       {button?.text ? (
         <Button className="py-4 px-9" version={button?.version} {...button}>
           {button.text}

package/mobile/src/components/Footer/TextInformation.tsx

@@ -2,16 +2,17 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Text } from '../../ui-kit/Text/Text';
 import type { FooterLink } from './FooterLink';
 import { TextInformationLink } from './TextInformationLink';
+import { style } from '../../utils/style';
 
 export const TextInformation = JSX<FooterLink>(({ className = '', links }) => (
-  <div className={className}>
+  <div className={style('@container', className)}>
     <div className="pt-lg">
       <Text size="text-xs" font="font-light" color="text-secondary-text">
         {`\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.`}
       </Text>
     </div>
     {links?.length ? (
-      <div className="flex flex-col sm:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
+      <div className="flex flex-col @lg:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
         {links.map((_, i) => (
           <TextInformationLink key={String(i)} index={i} {..._} />
         ))}

package/mobile/src/components/HorizontalLayout/HorizontalLayoutContent.ts

@@ -13,6 +13,8 @@ export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
 export type HorizontalLayoutContent = UniBlockContent & {
   colorPalette?: ColorPalette;
   gap?: GapVersion;
+  /** @title контур на дочерних элементах */
+  isCardBorder?: boolean;
   /** @title Внутренний отступ компоновщика */
   isPadding?: boolean;
 };

package/mobile/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -83,7 +83,7 @@ const renderInvestmentColumn = (
       {column.cells?.length ? (
         <div
           className={`w-full ${
-            isLastColumn ? 'border-4 border-green-more-dark p-2xs min-w-[292px]' : ''
+            isLastColumn ? 'border-4 border-green-more-dark p-2xs min-w-72' : ''
           }`}
         >
           {column.cells.reverse().map(renderInvestmentCell)}

package/mobile/src/components/MortgageFiltration/MortgageFiltration.tsx

@@ -1,60 +1,45 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BaseFiltrationInner } from '../../ui-kit/BaseFiltration/BaseFiltrationInner';
 import { renderFiltrationForm } from '../../ui-kit/BaseFiltration/renderFiltrationForm';
+import { useHotFilters } from '../../ui-kit/BaseFiltration/useHotFilters';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import type { TabItemBase } from '../../ui-kit/TabsControl/TabItem';
 import { TabsControl } from '../../ui-kit/TabsControl/TabsControl';
 import { style } from '../../utils/style';
-import { hotFilterRecordCmp } from './HotFilterRecord';
 import type {
   MortgageFiltrationContent,
   MortgageFiltrationSchema,
 } from './MortgageFiltrationContent';
 
-interface MortgageFiltrationProps extends MortgageFiltrationContent, UniBlockProps {}
+type MortgageFiltrationState = Partial<Record<keyof MortgageFiltrationSchema, string[]>>;
 
-const initialFiltrationState: Partial<Record<keyof MortgageFiltrationSchema, string[]>> = {
+const initialFiltrationState: MortgageFiltrationState = {
   categories: [],
   extraOptions: [],
   propertyType: [],
   stage: [],
 };
 
+interface MortgageFiltrationProps extends MortgageFiltrationContent, UniBlockProps {}
+
 export const MortgageFiltration: JSXBlock<MortgageFiltrationProps> = JSX<MortgageFiltrationProps>(
-  ({ className, hotFilters = [], filtrationSchema = {}, resetButton, ...rest }) => {
+  ({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
     const [filtrationState, { field, reset, update: replaceFiltrationState }] =
       useForm(initialFiltrationState);
 
-    const tabsControlItems: TabItemBase[] = useMemo(
-      () =>
-        hotFilters.map(({ text }) => ({
-          text,
-        })),
-      [hotFilters],
+    const handleFiltrationStateChange = useCallback(
+      (_: MortgageFiltrationState = initialFiltrationState) => replaceFiltrationState(_),
+      [],
     );
 
-    const [hotFilterIndex, setHotFilterIndex] = useState(0);
-
-    const handleHotFilterSelect = useCallback(
-      (_: TabItemBase) => {
-        setHotFilterIndex(tabsControlItems.indexOf(_));
-        replaceFiltrationState(
-          hotFilters[tabsControlItems.indexOf(_)].filter || initialFiltrationState,
-        );
-      },
-      [hotFilters, tabsControlItems],
-    );
-
-    useEffect(() => {
-      const suggestedHotFilterIndex = hotFilters.findIndex((_) =>
-        hotFilterRecordCmp(_.filter, filtrationState),
-      );
-
-      setHotFilterIndex(suggestedHotFilterIndex !== -1 ? suggestedHotFilterIndex : 0);
-    }, [hotFilters, filtrationState]);
+    const tabsControlProps = useHotFilters({
+      hotFilters,
+      filtrationState,
+      blocks: rest.block?.blocks,
+      onFiltrationStateChange: handleFiltrationStateChange,
+    });
 
     return (
       <BlockWrapper
@@ -63,12 +48,7 @@ export const MortgageFiltration: JSXBlock<MortgageFiltrationProps> = JSX<Mortgag
         version="transparent"
         {...rest}
       >
-        <TabsControl
-          className="mb-2xs"
-          items={tabsControlItems}
-          value={tabsControlItems[hotFilterIndex]}
-          onChange={handleHotFilterSelect}
-        />
+        <TabsControl {...tabsControlProps} />
         {renderFiltrationForm({ field, reset, filtrationSchema, resetButton })}
         <BaseFiltrationInner filtrationState={filtrationState} {...rest} />
       </BlockWrapper>