@redneckz/wildless-cms-uni-blocks 0.14.293 → 0.14.295

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

@@ -1,15 +1,16 @@
+import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
 import { type LinkProps } from '../../model/LinkProps';
+import { type IconProps } from '../../model/Picture';
 import { type VNode } from '../../model/VNode';
-import { type TabsControlProps } from './TabsControlProps';
-export interface TabItemBase extends LinkProps {
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
+export interface TabItemBase extends LinkProps, TitleProps, DescriptionProps, IconProps {
     name?: string;
     appendRight?: VNode;
 }
-export declare type TabType = 'default' | 'underlined' | 'rounded';
 export interface TabItemProps {
     item?: TabItemBase;
     isActive?: boolean;
-    type?: TabType;
+    type?: TabsType;
     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;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgB9C,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;AAK9C,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"}

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

@@ -1,31 +1,37 @@
 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';
+import { renderTabItemInner } from './renderTabItemInner.js';
 const tabPaddingStyleMap = {
     default: 'px-xs',
     underlined: 'px-m',
-    rounded: 'px-lg rounded-md',
+    animated: 'px-m border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
 };
 const tabTextStyle = 'text-secondary-text hover:text-primary-main';
 const activeTabTextStyleMap = {
     default: 'text-black sm:text-white',
     underlined: 'text-primary-main border-b-2',
-    rounded: 'text-white',
+    animated: 'text-white sm:text-white',
 };
 const tabBgStyleMap = {
     default: 'bg-white',
     underlined: 'bg-white',
-    rounded: 'bg-transparent',
+    animated: 'p-1 ease-in duration-300 bg-white text-primary-text h-[70px] w-96',
 };
 const activeTabBgStyleMap = {
     default: 'sm:bg-primary-main',
     underlined: 'bg-white',
-    rounded: 'bg-primary-main',
+    animated: 'p-2 border-none bg-primary-main text-white h-20 w-96',
 };
-export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive, type = 'default', onClick }) => {
+export const TabItemInner = JSX(({ tag = 'div', item = {}, isActive = false, type = 'default', onClick }) => {
     const Tag = tag;
-    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] }) }));
+    const { text, description, icon, appendRight, ...link } = item;
+    return (_jsx(Tag, { className: style('h-12', 'block flex-1', 'cursor-pointer', tabPaddingStyleMap[type], isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type]), role: "tablist", onClick: onClick, ...link, children: _jsxs("div", { className: style('h-full', 'flex justify-center items-center', 'text-center whitespace-nowrap', isActive ? activeTabTextStyleMap[type] : tabTextStyle), children: [renderTabItemInner({
+                    text,
+                    description,
+                    icon,
+                    isActive,
+                    type,
+                }), 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,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"}
+{"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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,MAAM,kBAAkB,GAA6B;IACnD,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,kFAAkF;CAC7F,CAAC;AAEF,MAAM,YAAY,GAAG,6CAA6C,CAAC;AAEnE,MAAM,qBAAqB,GAA6B;IACtD,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,8BAA8B;IAC1C,QAAQ,EAAE,0BAA0B;CACrC,CAAC;AAEF,MAAM,aAAa,GAA6B;IAC9C,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,mEAAmE;CAC9E,CAAC;AAEF,MAAM,mBAAmB,GAA6B;IACpD,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,sDAAsD;CACjE,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,GAAG,GAAG,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,MAAM,GAAG,GAAQ,GAAG,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC;IAE/D,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,SAAS,EACd,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,aAEA,kBAAkB,CAAC;oBAClB,IAAI;oBACJ,WAAW;oBACX,IAAI;oBACJ,QAAQ;oBACR,IAAI;iBACL,CAAC,EACD,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/lib/ui-kit/TabsControl/TabsControl.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
 import { renderTab } from './renderTab.js';
-export const TabsControl = JSX(({ className, tabsType = 'default', items = [], value, onChange }) => (_jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tablist", children: items.map(renderTab(value, onChange, tabsType)) })));
+export const TabsControl = JSX(({ className, tabsType = 'default', items = [], value, onChange }) => (_jsx("div", { className: style('flex gap-x-2xs overflow-x-auto no-scrollbar', className), role: "tabpanel", children: items.map(renderTab(value, onChange, tabsType)) })));
 //# sourceMappingURL=TabsControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,cAAK,SAAS,EAAE,KAAK,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5F,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}
+{"version":3,"file":"TabsControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/TabsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,cACE,SAAS,EAAE,KAAK,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAC1E,IAAI,EAAC,UAAU,YAEd,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,GAC5C,CACP,CACF,CAAC"}

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

@@ -1,6 +1,15 @@
 import { type ListControlProps } from '../ListControlProps';
-import { type TabItemBase, type TabType } from './TabItem';
+import { type TabItemBase } from './TabItem';
+/**
+ * @title Тип вкладки
+ * @enumNames [
+ *   "По ширине экрана",
+ *   "С прокруткой",
+ *   "Кнопка с анимацией",
+ * ]
+ */
+export declare type TabsType = 'default' | 'underlined' | 'animated';
 export interface TabsControlProps extends ListControlProps<TabItemBase> {
     className?: string;
-    tabsType?: TabType;
+    tabsType?: TabsType;
 }

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type TabItemBase, type TabType } from './TabItem';
-import { type TabsControlProps } from './TabsControlProps';
-export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabType) => (tab: TabItemBase, i: number) => JSX.Element;
+import { type TabItemBase } from './TabItem';
+import { type TabsControlProps, type TabsType } from './TabsControlProps';
+export declare const renderTab: (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabsType) => (tab: TabItemBase, i: number) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAkC,MAAM,WAAW,CAAC;AAGpE,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAc,EAAE,EAAE,CACpF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,KAAC,OAAO,IACN,QAAQ,EAAE,GAAG,KAAK,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,GAAG,IADJ,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}
+{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAoB,MAAM,WAAW,CAAC;AAGtD,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,SAAuB,EAAE,OAAsC,EAAE,IAAe,EAAE,EAAE,CACrF,CAAC,GAAgB,EAAE,CAAS,EAAE,EAAE,CAC9B,CACE,KAAC,OAAO,IACN,QAAQ,EAAE,GAAG,KAAK,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAEV,IAAI,EAAE,GAAG,IADJ,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type Picture } from '../../model/Picture';
+interface TabsLayoutButtonProps {
+    isActive: boolean;
+    description?: string;
+    icon?: Picture;
+    type: string;
+    text?: string;
+}
+export declare const renderTabItemInner: ({ text, description, icon, isActive, type, }: TabsLayoutButtonProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { style } from '../../utils/style.js';
+import { Img } from '../Img/Img.js';
+const getButtonClassNames = (isActive) => ({
+    btn: `w-96 ${isActive ? 'p-m border-none bg-primary-main text-white' : 'p-s ease-in duration-300 bg-white'}`,
+    text: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l text-primary-text',
+    desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
+    icon: isActive ? '' : 'text-primary-main',
+    iconVersion: (isActive ? 'white' : 'normal'),
+    oldText: 'text-m text-center',
+    oldDesc: 'text-m-light',
+});
+export const renderTabItemInner = ({ text, description, icon, isActive, type, }) => {
+    const buttonClassNames = getButtonClassNames(isActive);
+    return (_jsxs("div", { className: style('cursor-pointer text-left border-b-0 flex gap-2xs'), "aria-label": text, role: "tab", children: [icon ? (_jsx(Img, { className: style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
+                    ...icon,
+                    iconVersion: icon?.iconVersion ?? buttonClassNames.iconVersion,
+                }, width: "24", height: "24", alt: text })) : null, _jsxs("div", { className: "border-0", children: [_jsx("div", { className: type === 'animated' ? buttonClassNames.text : buttonClassNames.oldText, children: text }), _jsx("div", { className: type === 'animated' ? buttonClassNames.desc : buttonClassNames.oldDesc, children: description })] })] }));
+};
+//# sourceMappingURL=renderTabItemInner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderTabItemInner.js","sourceRoot":"","sources":["../../../src/ui-kit/TabsControl/renderTabItemInner.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,MAAM,mBAAmB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,CAAC;IAClD,GAAG,EAAE,QACH,QAAQ,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,CAAC,mCAC5D,EAAE;IACF,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iCAAiC;IACpE,IAAI,EAAE,cAAc,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,4BAA4B,EAAE;IACnF,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;IACzC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAgB;IAC3D,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,IAAI,GACkB,EAAE,EAAE;IAC1B,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAEvD,OAAO,CACL,eACE,SAAS,EAAE,KAAK,CAAC,kDAAkD,CAAC,gBACxD,IAAI,EAChB,IAAI,EAAC,KAAK,aAET,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAClE,KAAK,EAAE;oBACL,GAAG,IAAI;oBACP,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,gBAAgB,CAAC,WAAW;iBAC/D,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,IAAI,GACT,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,YACnF,IAAI,GACD,EACN,cAAK,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,YACnF,WAAW,GACR,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/src/components/Blocks.ts

@@ -7,6 +7,7 @@ import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
 import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
 import { ButtonsBlock } from './ButtonsBlock/ButtonsBlock';
 import { Calculator } from './Calculator/Calculator';
+import { CalculatorBonus } from './CalculatorBonus/CalculatorBonus';
 import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Carousel } from './Carousel/Carousel';
 import { CarouselBankHistoryCard } from './CarouselBankHistoryCard/CarouselBankHistoryCard';
@@ -52,6 +53,7 @@ export const Blocks: BlocksRegistry = {
   BonusBenefitsBlock,
   ButtonsBlock,
   Calculator,
+  CalculatorBonus,
   CardTransfer,
   Carousel,
   CarouselBankHistoryCard,

package/mobile/src/components/Calculator/BusinessDepositCalculatorForm.tsx

@@ -1,18 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
+import { CalculatorValueBlock } from '../../ui-kit/Calculator/CalculatorValueBlock';
+import { renderFootnote } from '../../ui-kit/Calculator/renderFootnote';
+import { renderRate } from '../../ui-kit/Calculator/renderRate';
+import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { Text } from '../../ui-kit/Text/Text';
 import { type BusinessDepositCalculatorProps } from './CalculatorContent';
 import { CalculatorFormLayout } from './CalculatorFormLayout';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { BUSINESS_DEFAULT_DAYS, BUSINESS_DEFAULT_SUM } from './constants';
 import { getMoneyDefaultValue, getMonthsDefaultValue } from './getDefaultValues';
 import { renderDaysInput } from './renderDaysInput';
-import { renderFootnote } from './renderFootnote';
 import { renderInterestPayment } from './renderInterestPayment';
-import { renderRate } from './renderRate';
-import { renderWantedSumInput } from './renderWantedSumInput';
 import {
   useBusinessDepositCalculatorParams,
   type BusinessDepositCalculatorParams,

package/mobile/src/components/Calculator/CalculatorContent.ts

@@ -178,15 +178,6 @@ export type BusinessDepositCalculatorParamsDef = TitleProps &
     calcType: 'BusinessDepositCalculatorForm';
   };
 
-/**
- * @title Калькулятор бонусов
- * @default {"calcType": "BonusCalculatorForm"}
- */
-export type BonusCalculatorParamsDef = TitleProps &
-  CommonCalculatorProps & {
-    calcType: 'BonusCalculatorForm';
-  };
-
 /**
  * @title Калькулятор рефинансирования
  * @default {"calcType": "RefinancingCalculatorForm"}
@@ -211,8 +202,7 @@ export type CalculatorBlockDef =
   | CreditCalculatorParamsDef
   | RefinancingCalculatorParamsDef
   | DepositCalculatorParamsDef
-  | BusinessDepositCalculatorParamsDef
-  | BonusCalculatorParamsDef;
+  | BusinessDepositCalculatorParamsDef;
 
 /**
  * @title Кнопка навигации

package/mobile/src/components/Calculator/CreditCalculatorForm.tsx

@@ -3,6 +3,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
+import { CalculatorValueBlock } from '../../ui-kit/Calculator/CalculatorValueBlock';
+import { renderFootnote } from '../../ui-kit/Calculator/renderFootnote';
+import { renderRate } from '../../ui-kit/Calculator/renderRate';
+import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { clamp } from '../../utils/clamp';
@@ -11,7 +15,6 @@ import {
   type CreditCalculatorProps,
 } from './CalculatorContent';
 import { CalculatorFormLayout } from './CalculatorFormLayout';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { CREDIT_DEFAULT_SUM, DEFAULT_MONTHS } from './constants';
 import {
   getCreditCalculatorParams,
@@ -19,11 +22,8 @@ import {
   type CreditCalculatorParams,
 } from './getCreditCalculatorParams';
 import { getMoneyDefaultValue, getMonthsDefaultValue } from './getDefaultValues';
-import { renderFootnote } from './renderFootnote';
 import { renderMonthsInput } from './renderMonthsInput';
 import { renderPaymentType } from './renderPaymentType';
-import { renderRate } from './renderRate';
-import { renderWantedSumInput } from './renderWantedSumInput';
 
 export interface CreditCalculatorProp extends CreditCalculatorProps {
   className?: string;

package/mobile/src/components/Calculator/DepositCalculatorForm.tsx

@@ -2,6 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
+import { CalculatorValueBlock } from '../../ui-kit/Calculator/CalculatorValueBlock';
+import { renderFootnote } from '../../ui-kit/Calculator/renderFootnote';
+import { renderRate } from '../../ui-kit/Calculator/renderRate';
+import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { clamp } from '../../utils/clamp';
 import {
@@ -9,7 +13,6 @@ import {
   type DepositCalculatorProps,
 } from './CalculatorContent';
 import { CalculatorFormLayout } from './CalculatorFormLayout';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { DEPOSIT_DEFAULT_SUM } from './constants';
 import { getMoneyDefaultValue, getMonthsDefaultValue } from './getDefaultValues';
 import {
@@ -17,12 +20,9 @@ import {
   type DepositCalculatorData,
   type DepositCalculatorParams,
 } from './getDepositCalculatorParams';
-import { renderFootnote } from './renderFootnote';
 import { renderInterestPayment } from './renderInterestPayment';
 import { renderMonthsInput } from './renderMonthsInput';
-import { renderRate } from './renderRate';
 import { renderRegistrationType } from './renderRegistrationType';
-import { renderWantedSumInput } from './renderWantedSumInput';
 
 export interface DepositCalculatorProp extends DepositCalculatorProps {
   className?: string;

package/mobile/src/components/Calculator/EmbeddableCalcBlocks.tsx

@@ -1,4 +1,3 @@
-import { BonusCalculatorForm, type BonusCalculatorProps } from './BonusCalculatorForm';
 import {
   BusinessDepositCalculatorForm,
   type BusinessDepositCalculatorProp,
@@ -14,13 +13,11 @@ export type EmbeddableCalcProps =
   | CreditCalculatorProp
   | DepositCalculatorProp
   | BusinessDepositCalculatorProp
-  | BonusCalculatorProps
   | RefinancingCalculatorProp;
 
 export const EmbeddableCalcBlocks = {
   CreditCalculatorForm,
   DepositCalculatorForm,
   BusinessDepositCalculatorForm,
-  BonusCalculatorForm,
   RefinancingCalculatorForm,
 };

package/mobile/src/components/Calculator/RefinancingCalculatorForm.tsx

@@ -2,6 +2,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { useForm, type FormFieldRegisterer } from '../../hooks/useForm';
+import { CalculatorValueBlock } from '../../ui-kit/Calculator/CalculatorValueBlock';
+import { renderFootnote } from '../../ui-kit/Calculator/renderFootnote';
+import { renderRate } from '../../ui-kit/Calculator/renderRate';
+import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import {
@@ -9,7 +13,6 @@ import {
   type RefinancingCalculatorProps,
 } from './CalculatorContent';
 import { CalculatorFormLayout } from './CalculatorFormLayout';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
 import {
   DEFAULT_REFINANCING_MONTHS,
   REFINANCING_DEFAULT_SUM,
@@ -20,11 +23,8 @@ import {
   type RefinancingCalculatorData,
   type RefinancingCalculatorParams,
 } from './getRefinancingCalculatorParams';
-import { renderFootnote } from './renderFootnote';
 import { renderMonthsInput } from './renderMonthsInput';
 import { renderPaymentType } from './renderPaymentType';
-import { renderRate } from './renderRate';
-import { renderWantedSumInput } from './renderWantedSumInput';
 
 export interface RefinancingCalculatorProp extends RefinancingCalculatorProps {
   className?: string;

package/mobile/src/components/Calculator/constants.ts

@@ -1,4 +1,3 @@
-import { type BonusCalculatorData } from './getBonusCalculatorParams';
 import { type CreditCalculatorSourceBookRateParams } from './getCreditCalculatorParams';
 import { type DepositCalculatorSourceBookParams } from './getDepositCalculatorParams';
 import { type RefinancingCalculatorSourceBookRateParams } from './getRefinancingCalculatorParams';
@@ -58,22 +57,6 @@ export const DEFAULT_REFINANCING_CALCULATOR_PARAMS: RefinancingCalculatorSourceB
   isInsurance: true,
 };
 
-export const DEFAULT_TRAVEL_MIN_SUM = 6000;
-export const DEFAULT_REST_MIN_SUM = 6000;
-
-export const DEFAULT_BONUS_CALCULATOR_PARAMS: Required<BonusCalculatorData> = {
-  minSumTravel: 6000,
-  maxSumTravel: 200000,
-  minSumOther: 6000,
-  maxSumOther: 200000,
-  maxBonus: 5000,
-  prefMonthsNum: 2,
-  prefTravelBonusRate: 0.015,
-  prefRestBonusRate: 0.01,
-  travelBonusRate: 0.015,
-  restBonusRate: 0.01,
-};
-
 export const DEFAULT_DEPOSIT_CALCULATOR_PARAMS: DepositCalculatorSourceBookParams = {
   minSum: 50000,
   maxSum: 100000001,
@@ -98,7 +81,6 @@ export const DEFAULT_BUSINESS_DEPOSIT_CALCULATOR_PARAMS: BusinessDepositCalculat
   };
 
 export const CREDIT_CALC_DEFAULT_DIR = 'credit-calculator-data';
-export const BONUS_CALC_DEFAULT_DIR = 'bonus-calculator-data';
 export const DEPOSIT_CALC_DEFAULT_DIR = 'deposit-calculator-data';
 export const BUSINESS_DEPOSIT_CALC_DEFAULT_DIR = 'business-calculator-data';
 export const REFINANCING_CALC_DEFAULT_DIR = 'refinancing-calculator-data';

package/mobile/src/components/CalculatorBonus/CalculatorBonus.example.json

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

package/mobile/src/components/CalculatorBonus/CalculatorBonus.tsx

@@ -0,0 +1,75 @@
+import { type JSONRefObject } from '../../data/JSONRefObject';
+import { useForm } from '../../hooks/useForm';
+import { CalculatorLayout } from '../../ui-kit/Calculator/CalculatorLayout';
+import { CalculatorValueBlock } from '../../ui-kit/Calculator/CalculatorValueBlock';
+import { renderFootnote } from '../../ui-kit/Calculator/renderFootnote';
+import { renderRate } from '../../ui-kit/Calculator/renderRate';
+import { renderWantedSumInput } from '../../ui-kit/Calculator/renderWantedSumInput';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
+import { UniBlock } from '../../UniBlock/UniBlock';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { style } from '../../utils/style';
+import { type CalculatorBonusContent } from './CalculatorBonusContent';
+import { getBonusCalculatorParams, type BonusCalculatorData } from './getBonusCalculatorParams';
+
+const DEFAULT_TRAVEL_MIN_SUM = 6000;
+const DEFAULT_REST_MIN_SUM = 6000;
+
+export interface CalculatorBonusProps extends CalculatorBonusContent, UniBlockProps {
+  className?: string;
+  calcSource?: BonusCalculatorData & JSONRefObject;
+}
+export const CalculatorBonus = UniBlock<CalculatorBonusProps>(
+  ({ className = '', title, calcSource, buttons, footnote, ...rest }) => {
+    const [userInputParams, { field }] = useForm({
+      travelExpenseValue: DEFAULT_TRAVEL_MIN_SUM,
+      restExpenseValue: DEFAULT_REST_MIN_SUM,
+    });
+
+    const { minSumTravel, maxSumTravel, minSumOther, maxSumOther, monthBonus, yearBonus } =
+      getBonusCalculatorParams(userInputParams, calcSource);
+
+    return (
+      <CalculatorLayout className={className} title={title} {...rest}>
+        <section
+          className={style('flex flex-col justify-between @4xl:flex-row gap-y-4xl', className)}
+        >
+          <div className="flex flex-col @xl:max-w-md gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0">
+            {renderWantedSumInput({
+              title: 'Сумма покупок в категории путешествия, ₽',
+              min: minSumTravel,
+              max: maxSumTravel,
+              step: 500,
+              isShowItems: false,
+              ...field('travelExpenseValue'),
+            })}
+            {renderWantedSumInput({
+              title: 'Сумма покупок в остальных категориях, ₽',
+              min: minSumOther,
+              max: maxSumOther,
+              step: 500,
+              isShowItems: false,
+              ...field('restExpenseValue'),
+            })}
+          </div>
+          {monthBonus >= 0
+            ? renderRate({
+                title: 'Баллов за месяц',
+                rate: monthBonus,
+                fractionDigits: 0,
+                isUnknownRateShown: false,
+                unit: '',
+              })
+            : null}
+          <div className="flex flex-col gap-y-xl @xl:w-96">
+            {yearBonus >= 0 ? (
+              <CalculatorValueBlock title="Баллов за год" value={yearBonus} />
+            ) : null}
+            {renderButtonsSection(buttons, { isVertical: true })}
+            {renderFootnote(footnote)}
+          </div>
+        </section>
+      </CalculatorLayout>
+    );
+  },
+);

package/mobile/src/components/CalculatorBonus/CalculatorBonus.ui.json

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

package/mobile/src/components/CalculatorBonus/CalculatorBonusContent.ts

@@ -0,0 +1,16 @@
+import { type JSONRefObject } from '../../data/JSONRefObject';
+import { type Footnote } from '../../model/Footnote';
+import { type TitleProps } from '../../model/HeadlineType';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+
+/**
+ * @title Блок кнопок
+ */
+export type CalculatorBonusContent = UniBlockContent &
+  TitleProps &
+  Footnote &
+  ButtonsSectionContent & {
+    /** @title Данные калькулятора */
+    calcSource?: JSONRefObject;
+  };

package/mobile/src/components/{Calculator → CalculatorBonus}/getBonus.ts

@@ -1,6 +1,20 @@
-import { DEFAULT_BONUS_CALCULATOR_PARAMS, MONTHS_IN_YEAR } from './constants';
 import { type BonusCalculatorData } from './getBonusCalculatorParams';
 
+const DEFAULT_BONUS_CALCULATOR_PARAMS: Required<BonusCalculatorData> = {
+  minSumTravel: 6000,
+  maxSumTravel: 200000,
+  minSumOther: 6000,
+  maxSumOther: 200000,
+  maxBonus: 5000,
+  prefMonthsNum: 2,
+  prefTravelBonusRate: 0.015,
+  prefRestBonusRate: 0.01,
+  travelBonusRate: 0.015,
+  restBonusRate: 0.01,
+};
+
+const MONTHS_IN_YEAR = 12;
+
 export const getBonus = (
   params: BonusCalculatorData,
   bonusTravelValue: number,

package/mobile/src/components/{Calculator → CalculatorBonus}/getBonusCalculatorParams.ts

@@ -1,4 +1,3 @@
-import { DEFAULT_BONUS_CALCULATOR_PARAMS } from './constants';
 import { getBonus } from './getBonus';
 
 export interface BonusCalculatorUserInputParams {
@@ -6,6 +5,19 @@ export interface BonusCalculatorUserInputParams {
   restExpenseValue: number;
 }
 
+const DEFAULT_BONUS_CALCULATOR_PARAMS: Required<BonusCalculatorData> = {
+  minSumTravel: 6000,
+  maxSumTravel: 200000,
+  minSumOther: 6000,
+  maxSumOther: 200000,
+  maxBonus: 5000,
+  prefMonthsNum: 2,
+  prefTravelBonusRate: 0.015,
+  prefRestBonusRate: 0.01,
+  travelBonusRate: 0.015,
+  restBonusRate: 0.01,
+};
+
 export interface BonusCalculatorData {
   minSumTravel?: number;
   maxSumTravel?: number;

package/mobile/src/components/Tabs/TabsContent.ts

@@ -37,7 +37,7 @@ export type TabData = GroupTabData | LinkTabData;
  *   "По центру"
  * ]
  */
-export type TabsMode = 'wideScreen' | 'scrollable' | 'centered';
+export type TabsMode = 'wideScreen' | 'scrollable';
 
 /**
  * @title Вкладки

package/mobile/src/components/Tabs/renderTabs.tsx

@@ -15,16 +15,6 @@ export const renderTabs = ({ tabsMode, ...props }: RenderTabsProps) => {
   switch (tabsMode) {
     case 'wideScreen':
       return <TabsControl {...props} />;
-    case 'centered':
-      return (
-        <div className="flex">
-          <TabsControl
-            className="m-auto p-xs rounded-md bg-main-gray"
-            tabsType="rounded"
-            {...props}
-          />
-        </div>
-      );
     case 'scrollable':
       return (
         <div className="flex">

package/mobile/src/components/TabsLayout/TabsLayout.example.json

@@ -3,8 +3,9 @@
     "version": "primary",
     "padding": "",
     "tabs": [
-      { "title": "Первый таб", "description": "Описание первого таба" },
-      { "title": "Второй таб", "description": "Описание второго таба" }
-    ]
+      { "text": "Первый таб", "description": "", "type": "group" },
+      { "text": "Второй таб", "description": "", "type": "group" }
+    ],
+    "tabsType": "animated"
   }
 }