@uzum-tech/ui 1.12.15 → 1.12.17

package/lib/header/src/Header.js

@@ -74,13 +74,20 @@ exports.headerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, langOptions: {
         type: Array,
         default: () => defaultLangOptions
-    }, defaultLang: [String, Number], menuPlacement: {
+    }, defaultLang: {
+        type: [String, Number]
+    }, menuPlacement: {
         type: String,
         default: 'horizontal'
     }, menuTrigger: {
         type: String,
         default: 'hover'
-    }, menuValue: [String, Number], defaultMenuValue: [String, Number], menuTabsProps: {
+    }, menuValue: {
+        type: [String, Number]
+    }, activeMenuKey: {
+        type: [String, Number],
+        default: null
+    }, menuTabsProps: {
         type: Object,
         default: () => ({})
     }, menuCardMinColumnWidth: {
@@ -131,10 +138,10 @@ exports.default = (0, vue_1.defineComponent)({
         'mobile-secondary-action'
     ],
     setup(props, { emit }) {
-        var _a, _b, _c;
+        var _a, _b;
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Header', '-header', index_cssr_1.default, styles_1.headerLight, props, mergedClsPrefixRef);
-        const isMobileRef = props.isMobile;
+        const isMobileRef = (0, vue_1.toRef)(props, 'isMobile');
         const mobileMenuVisibleRef = (0, vue_1.ref)(false);
         const searchVisibleRef = (0, vue_1.ref)(false);
         (0, vue_1.onBeforeMount)(() => {
@@ -159,7 +166,7 @@ exports.default = (0, vue_1.defineComponent)({
             ((_b = props.langOptions) === null || _b === void 0 ? void 0 : _b[0]) ||
             defaultLangOptions[0]);
         const controlledMenuValueRef = (0, vue_1.toRef)(props, 'menuValue');
-        const uncontrolledMenuValueRef = (0, vue_1.ref)((_c = props.defaultMenuValue) !== null && _c !== void 0 ? _c : null);
+        const uncontrolledMenuValueRef = (0, vue_1.ref)(null);
         const mergedMenuValueRef = (0, vooks_1.useMergedState)(controlledMenuValueRef, uncontrolledMenuValueRef);
         const normalizedMenuItemsRef = (0, vue_1.computed)(() => {
             var _a;
@@ -318,7 +325,7 @@ exports.default = (0, vue_1.defineComponent)({
                 this.logoSrc && `${blockClass}__logo--clickable`
             ].filter(Boolean), onClick: this.handleLogoClick },
             (0, vue_1.h)("img", { src: this.logoSrc, alt: this.logoAlt })));
-        const navigationNode = (0, _utils_1.resolveWrappedSlot)($slots.navigation, (children) => children !== null && children !== void 0 ? children : null) || ((0, vue_1.h)(HeaderNavigation_1.default, { menuOptions: this.menuOptions, menuPlacement: this.menuPlacement, menuTrigger: this.menuTrigger, menuValue: this.mergedMenuValue, menuTabsProps: this.menuTabsProps, menuCardMinColumnWidth: this.menuCardMinColumnWidth, mergedClsPrefix: mergedClsPrefix, menuPaneClass: this.menuPaneClass, menuPaneWrapperClass: this.menuPaneWrapperClass, onUpdateMenuValue: this.handleMenuValueUpdate }));
+        const navigationNode = (0, _utils_1.resolveWrappedSlot)($slots.navigation, (children) => children !== null && children !== void 0 ? children : null) || ((0, vue_1.h)(HeaderNavigation_1.default, { menuOptions: this.menuOptions, menuPlacement: this.menuPlacement, menuTrigger: this.menuTrigger, menuValue: this.mergedMenuValue, menuTabsProps: this.menuTabsProps, menuCardMinColumnWidth: this.menuCardMinColumnWidth, mergedClsPrefix: mergedClsPrefix, menuPaneClass: this.menuPaneClass, menuPaneWrapperClass: this.menuPaneWrapperClass, activeMenuKey: this.activeMenuKey, onUpdateMenuValue: this.handleMenuValueUpdate }));
         const mobileNode = this.responsive && this.isMobile ? ((0, vue_1.h)(HeaderMobile_1.default, { visible: this.mobileMenuVisible, menuOptions: this.normalizedMenuItems, activeMenuValue: this.mergedMenuValue, langOptions: this.langOptions || defaultLangOptions, currentLang: this.currentLang, mergedClsPrefix: mergedClsPrefix, cssVars: this.cssVars, menuType: this.mobileMenuType, showFooterActions: this.mobileShowFooterActions, showHeaderActions: this.mobileShowHeaderActions, primaryActionText: this.mobilePrimaryActionText, secondaryActionText: this.mobileSecondaryActionText, onToggle: this.toggleMobileMenu, onClose: this.closeMobileMenu, onMenuItemClick: this.handleMobileMenuItemClick, onLanguageSelect: this.handleSelectLang, onPrimaryAction: this.handleMobilePrimaryAction, onSecondaryAction: this.handleMobileSecondaryAction, onSearchClick: this.handleSearchClick, onPreview: this.handlePreviewClick, onLogout: this.handleLogoutClick }, {
             actions: $slots['mobile-actions'],
             footer: $slots['mobile-footer']

package/lib/header/src/HeaderNavigation.d.ts

@@ -39,6 +39,10 @@ export declare const headerNavigationProps: {
         readonly type: StringConstructor;
         readonly required: true;
     };
+    readonly activeMenuKey: {
+        readonly type: PropType<string | number | null>;
+        readonly default: null;
+    };
     readonly 'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     readonly onUpdateMenuValue: PropType<MaybeArray<(value: string | number | null) => void>>;
 };
@@ -76,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly required: true;
     };
+    readonly activeMenuKey: {
+        readonly type: PropType<string | number | null>;
+        readonly default: null;
+    };
     readonly 'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     readonly onUpdateMenuValue: PropType<MaybeArray<(value: string | number | null) => void>>;
 }, {
@@ -1679,6 +1687,10 @@ declare const _default: import("vue").DefineComponent<{
         "vector-effect"?: import("csstype").Property.VectorEffect | undefined;
     }>;
     hoveredKey: import("vue").Ref<string | number | null>;
+    activeMenuKey: import("vue").Ref<string> | import("vue").Ref<number> | import("vue").Ref<null>;
+    setActiveMenuKey: (key?: string | number | null) => void;
+    handleMenuItemClick: (option: HeaderMenuOption) => void;
+    checkedTopMenuKey: import("vue").ComputedRef<string | number | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly menuOptions: {
         readonly type: PropType<HeaderMenuOption[]>;
@@ -1713,12 +1725,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly required: true;
     };
+    readonly activeMenuKey: {
+        readonly type: PropType<string | number | null>;
+        readonly default: null;
+    };
     readonly 'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
     readonly onUpdateMenuValue: PropType<MaybeArray<(value: string | number | null) => void>>;
 }>>, {
     readonly menuOptions: HeaderMenuOption[];
     readonly menuPlacement: HeaderMenuPlacement;
     readonly menuTrigger: "click" | "hover";
+    readonly activeMenuKey: string | number | null;
     readonly menuTabsProps: Partial<import("../..").TabsProps>;
     readonly menuCardMinColumnWidth: string | number;
 }, {}>;

package/lib/header/src/HeaderNavigation.js

@@ -58,6 +58,10 @@ exports.headerNavigationProps = {
         type: String,
         required: true
     },
+    activeMenuKey: {
+        type: [String, Number],
+        default: null
+    },
     'onUpdate:menuValue': [Function, Array],
     onUpdateMenuValue: [Function, Array]
 };
@@ -76,11 +80,16 @@ exports.default = (0, vue_1.defineComponent)({
             navRef.value = el;
         };
         const hoveredKeyRef = (0, vue_1.ref)(null);
+        const activeMenuKeyRef = (0, vue_1.toRef)(props.activeMenuKey);
         const tabRefs = (0, vue_1.ref)({});
         const indicatorStyleRef = (0, vue_1.ref)({
             width: '0px',
             transform: 'translateX(0)'
         });
+        const checkedTopMenuKey = (0, vue_1.computed)(() => {
+            var _a;
+            return ((_a = (0, utils_1.resolveTopLevelMenuKey)(props.menuOptions, activeMenuKeyRef.value)) !== null && _a !== void 0 ? _a : undefined);
+        });
         function updateIndicator() {
             var _a, _b;
             const navEl = navRef.value;
@@ -120,6 +129,14 @@ exports.default = (0, vue_1.defineComponent)({
             if (_onUpdateMenuValue)
                 (0, _utils_1.call)(_onUpdateMenuValue, value);
         }
+        function setActiveMenuKey(key = null) {
+            activeMenuKeyRef.value = key;
+        }
+        function handleMenuItemClick(option) {
+            setActiveMenuKey(option === null || option === void 0 ? void 0 : option.key);
+            if (option.onClick)
+                option === null || option === void 0 ? void 0 : option.onClick();
+        }
         (0, vue_1.onMounted)(() => __awaiter(this, void 0, void 0, function* () {
             yield (0, vue_1.nextTick)(updateIndicator);
             window.addEventListener('resize', updateIndicator);
@@ -151,7 +168,11 @@ exports.default = (0, vue_1.defineComponent)({
             navRef,
             setTabRef,
             indicatorStyle: indicatorStyleRef,
-            hoveredKey: hoveredKeyRef
+            hoveredKey: hoveredKeyRef,
+            activeMenuKey: activeMenuKeyRef,
+            setActiveMenuKey,
+            handleMenuItemClick,
+            checkedTopMenuKey
         };
     },
     render() {
@@ -170,7 +191,10 @@ exports.default = (0, vue_1.defineComponent)({
             return ((0, vue_1.h)("div", Object.assign({ key: key, class: [
                     `${blockClass}__menu-item`,
                     option.disabled && `${blockClass}__menu-item--disabled`
-                ], role: "button", tabindex: option.disabled ? undefined : 0, onClick: option.onClick }, $props),
+                ], role: "button", tabindex: option.disabled ? undefined : 0, onClick: (event) => {
+                    event.stopPropagation();
+                    this.handleMenuItemClick(option);
+                } }, $props),
                 (0, vue_1.h)("span", { class: `${blockClass}__menu-item-main` },
                     icon ? ((0, vue_1.h)("span", { class: `${blockClass}__menu-item-icon` }, icon)) : null,
                     (0, vue_1.h)("span", { class: `${blockClass}__menu-item-label` }, (0, utils_1.renderOptionLabel)(option))),
@@ -204,7 +228,10 @@ exports.default = (0, vue_1.defineComponent)({
                 const hasChildren = option.children && option.children.length > 0;
                 if (!hasChildren) {
                     return ((0, vue_1.h)("div", { key: key, class: `${blockClass}__menu-column-section` },
-                        (0, vue_1.h)("div", { class: `${blockClass}__menu-column-title`, role: option.onClick ? 'button' : undefined, tabindex: option.onClick && !option.disabled ? 0 : undefined, onClick: option.onClick }, (0, utils_1.renderOptionLabel)(option))));
+                        (0, vue_1.h)("div", { class: `${blockClass}__menu-column-title`, role: option.onClick ? 'button' : undefined, tabindex: option.onClick && !option.disabled ? 0 : undefined, onClick: (event) => {
+                                event.stopPropagation();
+                                this.handleMenuItemClick(option);
+                            } }, (0, utils_1.renderOptionLabel)(option))));
                 }
                 const children = (_e = (_d = option.children) === null || _d === void 0 ? void 0 : _d.map((child, index) => renderMenuItem(child, `${key}-item-${index}`))) !== null && _e !== void 0 ? _e : [];
                 const content = children.filter(utils_1.isNotNull);
@@ -212,11 +239,17 @@ exports.default = (0, vue_1.defineComponent)({
                     return null;
                 if (asSection) {
                     return ((0, vue_1.h)("div", { key: key, class: `${blockClass}__menu-column-section` },
-                        (0, vue_1.h)("div", { class: `${blockClass}__menu-column-title`, role: option.onClick ? 'button' : undefined, tabindex: option.onClick && !option.disabled ? 0 : undefined, onClick: option.onClick }, (0, utils_1.renderOptionLabel)(option)),
+                        (0, vue_1.h)("div", { class: `${blockClass}__menu-column-title`, role: option.onClick ? 'button' : undefined, tabindex: option.onClick && !option.disabled ? 0 : undefined, onClick: (event) => {
+                                event.stopPropagation();
+                                this.handleMenuItemClick(option);
+                            } }, (0, utils_1.renderOptionLabel)(option)),
                         (0, vue_1.h)("div", { class: `${blockClass}__menu-column-list` }, content)));
                 }
                 return ((0, vue_1.h)("div", { key: key, class: `${blockClass}__menu-column` },
-                    (0, vue_1.h)("div", { class: `${blockClass}__menu-column-title`, role: option.onClick ? 'button' : undefined, tabindex: option.onClick && !option.disabled ? 0 : undefined, onClick: option.onClick }, (0, utils_1.renderOptionLabel)(option)),
+                    (0, vue_1.h)("div", { class: `${blockClass}__menu-column-title`, role: option.onClick ? 'button' : undefined, tabindex: option.onClick && !option.disabled ? 0 : undefined, onClick: (event) => {
+                            event.stopPropagation();
+                            this.handleMenuItemClick(option);
+                        } }, (0, utils_1.renderOptionLabel)(option)),
                     (0, vue_1.h)("div", { class: `${blockClass}__menu-column-list` }, content)));
             }
             return ((0, vue_1.h)("div", { key: key, class: [
@@ -290,6 +323,7 @@ exports.default = (0, vue_1.defineComponent)({
                             (0, vue_1.h)("div", { class: "u-tabs-pad", style: { width: tabsPaddingValue } }),
                             menuItems.map((item, index) => {
                                 const isActive = activeValue === item.key;
+                                const isChecked = this.checkedTopMenuKey === item.key;
                                 const isOpen = isHoverTrigger
                                     ? this.hoveredKey === item.key
                                     : isActive;
@@ -302,7 +336,8 @@ exports.default = (0, vue_1.defineComponent)({
                                         'u-tabs-tab',
                                         `${blockClass}__tab`,
                                         isActive && 'u-tabs-tab--active',
-                                        isDisabled && 'u-tabs-tab--disabled'
+                                        isDisabled && 'u-tabs-tab--disabled',
+                                        isChecked && 'u-tabs-tab--checked'
                                     ], ref: this.setTabRef(item.key), role: "tab", "aria-selected": isActive, "aria-disabled": isDisabled, tabindex: isDisabled ? -1 : isActive ? 0 : -1, onKeydown: (event) => {
                                         if (!isDisabled &&
                                             !isHoverTrigger &&
@@ -320,9 +355,7 @@ exports.default = (0, vue_1.defineComponent)({
                                             if (!isHoverTrigger) {
                                                 emitUpdate(item.key);
                                             }
-                                            if (item.option.onClick) {
-                                                item.option.onClick();
-                                            }
+                                            this.handleMenuItemClick(item.option);
                                         }
                                         : undefined },
                                     icon ? ((0, vue_1.h)("span", { class: `${blockClass}__tab-icon` }, icon)) : null,

package/lib/header/src/interface.d.ts

@@ -9,7 +9,7 @@ export interface HeaderProps {
     menuPlacement?: HeaderMenuPlacement;
     menuTrigger?: HeaderMenuTrigger;
     menuValue?: string | number | null;
-    defaultMenuValue?: string | number | null;
+    activeMenuKey?: string | number | null;
     menuTabsProps?: HeaderMenuTabsProps;
     menuCardMinColumnWidth?: string | number;
     logoSrc?: string;
@@ -52,9 +52,10 @@ export type HeaderMenuDividerOption = MenuDividerOption;
 export type HeaderSearchHandler = (query: string) => Promise<HeaderSearchResult[]> | HeaderSearchResult[];
 export type HeaderMenuChildOption = HeaderMenuColumnOption | HeaderMenuGroupOption | HeaderMenuDividerOption | HeaderMenuOption;
 export type HeaderMenuOption = Omit<BaseMenuOption, 'children'> & {
+    key?: string | number | null;
     children?: HeaderMenuChildOption[];
-    onClick?: () => void;
     hide?: boolean;
+    onClick?: () => void;
 };
 export type HeaderMenuPlacement = 'horizontal' | 'vertical' | 'top' | 'bottom' | 'left' | 'right';
 export type HeaderMenuTrigger = 'click' | 'hover';

package/lib/header/src/mobile/HeaderMobile.d.ts

@@ -207,8 +207,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly primaryActionText: string;
     readonly secondaryActionText: string;
-    readonly visible: boolean;
     readonly menuOptions: NormalizedMenuItem[];
+    readonly visible: boolean;
     readonly menuType: "drawer" | "dropdown";
     readonly drawerPlacement: "left" | "right";
     readonly drawerWidth: string;

package/lib/header/src/styles/index.cssr.js

@@ -132,6 +132,8 @@ exports.default = (0, cssr_1.cB)('header', `
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5;
+ `), (0, cssr_1.c)('& .u-tabs-tab--checked', `
+ color: var(--u-header-tab-text-color-active);
  `), (0, cssr_1.c)('& .u-tabs-tab:hover', `
  color: var(--u-header-tab-text-color-hover);
  `), (0, cssr_1.c)('& .u-tabs-bar', `

package/lib/header/src/utils.d.ts

@@ -11,3 +11,4 @@ export declare function isColumnOption(option: HeaderMenuChildOption): option is
 export declare function isNotNull<T>(value: T | null): value is T;
 export declare function resolvePlacement(placement: HeaderMenuPlacement): TabsProps['placement'];
 export declare function isLeafMenuOption(option: HeaderMenuChildOption): option is Exclude<HeaderMenuChildOption, HeaderMenuColumnOption>;
+export declare function resolveTopLevelMenuKey(menuOptions: HeaderMenuOption[], activeMenuKey: string | number | null | undefined): string | number | null;

package/lib/header/src/utils.js

@@ -10,6 +10,7 @@ exports.isColumnOption = isColumnOption;
 exports.isNotNull = isNotNull;
 exports.resolvePlacement = resolvePlacement;
 exports.isLeafMenuOption = isLeafMenuOption;
+exports.resolveTopLevelMenuKey = resolveTopLevelMenuKey;
 const vue_1 = require("vue");
 function renderOptionLabel(option) {
     var _a;
@@ -60,3 +61,37 @@ function resolvePlacement(placement) {
 function isLeafMenuOption(option) {
     return option.type !== 'column';
 }
+function isMenuValueInChildren(children, value) {
+    if (!children || children.length === 0)
+        return false;
+    for (const child of children) {
+        if (isDividerOption(child))
+            continue;
+        if (isColumnOption(child)) {
+            if (isMenuValueInChildren(child.children, value))
+                return true;
+            continue;
+        }
+        if (child.key === value)
+            return true;
+        if (isGroupOption(child) || hasChildren(child)) {
+            if (isMenuValueInChildren(child.children, value))
+                return true;
+        }
+    }
+    return false;
+}
+function resolveTopLevelMenuKey(menuOptions, activeMenuKey) {
+    if (activeMenuKey === null || activeMenuKey === undefined)
+        return null;
+    for (let index = 0; index < menuOptions.length; index += 1) {
+        const option = menuOptions[index];
+        const optionKey = getMenuItemKey(option, index);
+        if (optionKey === activeMenuKey)
+            return optionKey;
+        if (isMenuValueInChildren(option.children, activeMenuKey)) {
+            return optionKey;
+        }
+    }
+    return null;
+}

package/lib/modal/src/Modal.js

@@ -130,6 +130,13 @@ exports.default = (0, vue_1.defineComponent)({
             const { onBeforeLeave, onBeforeHide } = props;
             if (onBeforeLeave)
                 (0, _utils_1.call)(onBeforeLeave);
+            void (0, vue_1.nextTick)(() => {
+                if (document.activeElement &&
+                    document.activeElement !== document.body) {
+                    ;
+                    document.activeElement.blur();
+                }
+            });
             // deprecated
             if (onBeforeHide)
                 onBeforeHide();
@@ -138,6 +145,13 @@ exports.default = (0, vue_1.defineComponent)({
             const { onAfterLeave, onAfterHide } = props;
             if (onAfterLeave)
                 (0, _utils_1.call)(onAfterLeave);
+            void (0, vue_1.nextTick)(() => {
+                if (document.activeElement &&
+                    document.activeElement !== document.body) {
+                    ;
+                    document.activeElement.blur();
+                }
+            });
             // deprecated
             if (onAfterHide)
                 onAfterHide();

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.15";
+declare const _default: "1.12.17";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.12.15';
+exports.default = '1.12.17';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.12.15",
+  "version": "1.12.17",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.12.15",
+  "version": "1.12.17",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -18294,7 +18294,7 @@
             {
               "name": "menu-options",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
-              "type": "MenuOption[]",
+              "type": "HeaderMenuOption[]",
               "description": "Navigation data rendered as tabs with grid dropdown cards.",
               "default": "[]"
             },
@@ -18303,7 +18303,7 @@
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "LangOption[]",
               "description": "Language options for the language switcher.",
-              "default": "[en, ru, uz]"
+              "default": "['Русский', \"O'zbek\"]"
             },
             {
               "name": "default-lang",
@@ -18334,10 +18334,10 @@
               "default": "undefined"
             },
             {
-              "name": "default-menu-value",
+              "name": "active-menu-key",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "string | number | null",
-              "description": "Default active menu key.",
+              "description": "Active menu key.",
               "default": "null"
             },
             {
@@ -18359,7 +18359,7 @@
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "string",
               "description": "Source for the default logo when the slot is not provided.",
-              "default": "kapitalbank-logo.svg"
+              "default": "'/demo/assets/images/logo.svg'"
             },
             {
               "name": "logo-alt",
@@ -18378,7 +18378,9 @@
             {
               "name": "is-mobile",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
-              "type": "boolean"
+              "type": "boolean",
+              "description": "Force mobile layout when `responsive` is enabled.",
+              "default": "true"
             },
             {
               "name": "mobile-menu-type",
@@ -18406,14 +18408,14 @@
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "string",
               "description": "Text for primary action button in mobile footer.",
-              "default": "'Стать клиентом'"
+              "default": "undefined"
             },
             {
               "name": "mobile-secondary-action-text",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "string",
               "description": "Text for secondary action button in mobile footer.",
-              "default": "'Перейти в приложение'"
+              "default": "undefined"
             },
             {
               "name": "mobile-show-header-actions",
@@ -18423,31 +18425,10 @@
               "default": "true"
             },
             {
-              "name": "mobile-breakpoint",
-              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
-              "type": "number",
-              "description": "Breakpoint (px) at which mobile mode activates.",
-              "default": "768"
-            },
-            {
-              "name": "mobile-footer-buttons-round",
-              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
-              "type": "boolean",
-              "description": "Make mobile footer buttons rounded.",
-              "default": "true"
-            },
-            {
-              "name": "mobile-close-icon-size",
-              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
-              "type": "number",
-              "description": "Size of the close icon in mobile menu header (px).",
-              "default": "24"
-            },
-            {
-              "name": "mobile-close-icon-color",
+              "name": "logo-props",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
-              "type": "string",
-              "description": "Color of the close icon in mobile menu header.",
+              "type": "Partial<ImageProps>",
+              "description": "Props passed to the default logo image component.",
               "default": "undefined"
             }
           ],
@@ -18534,6 +18515,11 @@
               "name": "menu-pane-wrapper-class",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "string"
+            },
+            {
+              "name": "active-menu-key",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
+              "type": "string | number"
             }
           ],
           "js": {