@uzum-tech/ui 1.11.1 → 1.12.0

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

@@ -338,7 +338,6 @@ exports.default = (0, cssr_1.cB)('chat', `
  justify-content: flex-start;
  margin-bottom: 8px;
  `), (0, cssr_1.cE)('footer', `
- border-top: 1px solid var(--u-border-color);
  padding: 0px 20px;
  flex-shrink: 0;
  `), (0, cssr_1.cE)('input-container', `
@@ -346,6 +345,28 @@ exports.default = (0, cssr_1.cB)('chat', `
  padding: 16px 0px;
  `), (0, cssr_1.cE)('input', `
  flex: 1;
+ `, [(0, cssr_1.c)('.u-input-wrapper', `
+ flex-wrap: wrap;
+ padding: 0 4px;
+ `, [(0, cssr_1.c)('.u-input__prefix', `
+ width: 100%;
+ margin: 0;
+ margin-top: 4px;
+ white-space: wrap;
+ `, [(0, cssr_1.c)('ul', `
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
+ `), (0, cssr_1.c)('li', `
+ padding: 12px;
+ `)]), (0, cssr_1.c)('.u-input__input-el', `
+ padding: 8px;
+ `), (0, cssr_1.c)('.u-input__placeholder', `
+ margin: 8px;
+ `)])]), (0, cssr_1.cE)('editing-block', `
+ width: 100%;
+ `), (0, cssr_1.cE)('input-suffix', `
+ color: var(--u-input-suffix-color) !important;
+ cursor: pointer;
  margin-right: 4px;
  `), (0, cssr_1.cE)('attach-btn', `
  margin-left: 4px;

package/lib/chat/styles/dark.d.ts

@@ -26,6 +26,7 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
     footerBorderColor: string;
     inputBackgroundColor: string;
     inputBorderColor: string;
+    inputSuffixColor: string;
     unreadNotificationBackgroundColor: string;
     unreadNotificationTextColor: string;
     typingIndicatorColor: string;
@@ -559,14 +560,6 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
         iconSizeLarge: string;
         rippleDuration: string;
     }, any>;
-    Icon: import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>;
     List: import("../../_mixins").Theme<"List", {
         iconSize: string;
         iconSpace: string;
@@ -662,6 +655,46 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
         codeColor: string;
         codeBorder: string;
     }, any>;
+    StatusIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    FooterAttachIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    FooterSuffixIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    HeaderShareIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    HeaderProfileIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
 }>;
 export default chatDark;
 export type ChatTheme = typeof chatDark;

package/lib/chat/styles/dark.js

@@ -22,9 +22,13 @@ const chatDark = (0, _mixins_1.createTheme)({
         Avatar: styles_4.avatarDark,
         Badge: styles_5.badgeDark,
         Button: styles_6.buttonDark,
-        Icon: styles_7.iconDark,
         List: styles_8.listDark,
-        Typography: styles_9.typographyDark
+        Typography: styles_9.typographyDark,
+        StatusIcon: styles_7.iconDark,
+        FooterAttachIcon: styles_7.iconDark,
+        FooterSuffixIcon: styles_7.iconDark,
+        HeaderShareIcon: styles_7.iconDark,
+        HeaderProfileIcon: styles_7.iconDark
     },
     self: (vars) => {
         const lightVars = (0, light_1.self)(vars);

package/lib/chat/styles/light.d.ts

@@ -27,6 +27,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     footerBorderColor: string;
     inputBackgroundColor: string;
     inputBorderColor: string;
+    inputSuffixColor: string;
     unreadNotificationBackgroundColor: string;
     unreadNotificationTextColor: string;
     typingIndicatorColor: string;
@@ -63,6 +64,7 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
     footerBorderColor: string;
     inputBackgroundColor: string;
     inputBorderColor: string;
+    inputSuffixColor: string;
     unreadNotificationBackgroundColor: string;
     unreadNotificationTextColor: string;
     typingIndicatorColor: string;
@@ -596,14 +598,6 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
         iconSizeLarge: string;
         rippleDuration: string;
     }, any>;
-    Icon: import("../../_mixins").Theme<"Icon", {
-        color: string;
-        opacity1Depth: string;
-        opacity2Depth: string;
-        opacity3Depth: string;
-        opacity4Depth: string;
-        opacity5Depth: string;
-    }, any>;
     List: import("../../_mixins").Theme<"List", {
         iconSize: string;
         iconSpace: string;
@@ -699,6 +693,46 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
         codeColor: string;
         codeBorder: string;
     }, any>;
+    StatusIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    FooterAttachIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    FooterSuffixIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    HeaderShareIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+    HeaderProfileIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
 }>;
 export default chatLight;
 export type ChatThemeVars = ReturnType<typeof self>;

package/lib/chat/styles/light.js

@@ -54,6 +54,7 @@ const self = (vars) => {
         footerBorderColor: elementsQuaternary,
         inputBackgroundColor: surfacePrimary,
         inputBorderColor: elementsQuaternary,
+        inputSuffixColor: brandPrimary400,
         unreadNotificationBackgroundColor: brandPrimary400,
         unreadNotificationTextColor: elementsSecondary,
         typingIndicatorColor: textSecondary,
@@ -74,9 +75,13 @@ const chatLight = (0, _mixins_1.createTheme)({
         Avatar: styles_4.avatarLight,
         Badge: chatBadgeLight,
         Button: styles_6.buttonLight,
-        Icon: styles_7.iconLight,
         List: styles_8.listLight,
-        Typography: styles_9.typographyLight
+        Typography: styles_9.typographyLight,
+        StatusIcon: styles_7.iconLight,
+        FooterAttachIcon: styles_7.iconLight,
+        FooterSuffixIcon: styles_7.iconLight,
+        HeaderShareIcon: styles_7.iconLight,
+        HeaderProfileIcon: styles_7.iconLight
     },
     self: exports.self
 });

package/lib/components.d.ts

@@ -99,3 +99,6 @@ export * from './equation';
 export * from './toggle-button';
 export * from './flex';
 export * from './crop';
+export * from './header';
+export * from './icon-bar';
+export * from './qr-code';

package/lib/components.js

@@ -115,3 +115,6 @@ __exportStar(require("./equation"), exports);
 __exportStar(require("./toggle-button"), exports);
 __exportStar(require("./flex"), exports);
 __exportStar(require("./crop"), exports);
+__exportStar(require("./header"), exports);
+__exportStar(require("./icon-bar"), exports);
+__exportStar(require("./qr-code"), exports);

package/lib/config-provider/src/internal-interface.d.ts

@@ -105,6 +105,9 @@ import { ChatTheme } from '../../chat/styles';
 import { ModalFullscreenTheme } from '../../modal-fullscreen/styles';
 import { CropTheme } from '../../crop/styles';
 import { SafeTopScrollbarTheme } from '../../_internal/safe-top-scrollbar/styles';
+import { IconBarTheme } from '../../icon-bar/styles';
+import { HeaderTheme } from '../../header/styles';
+import { QrCodeTheme } from '../../qr-code/styles';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -196,10 +199,13 @@ export interface GlobalThemeWithoutCommon {
     Chat?: ChatTheme;
     ModalFullscreen?: ModalFullscreenTheme;
     Crop?: CropTheme;
+    IconBar?: IconBarTheme;
+    QrCode?: QrCodeTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
     AccountOption?: AccountOptionTheme;
     InputOtp?: InputOtpTheme;
+    Header?: HeaderTheme;
 }
 export interface GlobalComponentConfig {
     Pagination?: {
@@ -241,6 +247,17 @@ export interface GlobalIconConfig {
     rotateCounterclockwise?: () => VNodeChild;
     zoomIn?: () => VNodeChild;
     zoomOut?: () => VNodeChild;
+    logout?: () => VNodeChild;
+    burgerMenu?: () => VNodeChild;
+    eye?: () => VNodeChild;
+    eyeOff?: () => VNodeChild;
+    file?: () => VNodeChild;
+    search?: () => VNodeChild;
+    chevronDown?: () => VNodeChild;
+    chevronLeft?: () => VNodeChild;
+    chevronRight?: () => VNodeChild;
+    ozbekFlag?: () => VNodeChild;
+    russiaFlag?: () => VNodeChild;
 }
 export interface RtlItem {
     name: keyof GlobalThemeWithoutCommon;

package/lib/dialog/src/DialogProvider.d.ts

@@ -300,6 +300,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     brandPrimary500: string;
                     brandPrimary550: string;
                     brandPrimary600: string;
+                    brandSecondary400: string;
                     brandSecondary500: string;
                     brandSecondary300: string;
                     brandSecondary600: string;
@@ -667,6 +668,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     brandPrimary500: string;
                     brandPrimary550: string;
                     brandPrimary600: string;
+                    brandSecondary400: string;
                     brandSecondary500: string;
                     brandSecondary300: string;
                     brandSecondary600: string;

package/lib/form/src/FormItemCol.d.ts

@@ -151,7 +151,7 @@ export declare const formItemColProps: {
         readonly default: 0;
     };
 };
-export declare const formItemColPropKeys: ("push" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "value" | "label" | "size" | "required" | "span" | "path" | "first" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "pull")[];
+export declare const formItemColPropKeys: ("push" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "value" | "label" | "size" | "span" | "required" | "path" | "first" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps" | "pull")[];
 export type FormItemColProps = ExtractPublicPropTypes<typeof formItemColProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
@@ -468,8 +468,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly push: import("../../legacy-grid/src/interface").Span;
     readonly offset: import("../../legacy-grid/src/interface").Span;
     readonly value: any;
-    readonly required: boolean;
     readonly span: import("../../legacy-grid/src/interface").Span;
+    readonly required: boolean;
     readonly first: boolean;
     readonly showRequireMark: boolean | undefined;
     readonly showFeedback: boolean | undefined;

package/lib/form/src/FormItemGridItem.d.ts

@@ -151,7 +151,7 @@ export declare const formItemGiProps: {
         readonly default: true;
     };
 };
-export declare const formItemGiPropKeys: ("theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "value" | "label" | "size" | "suffix" | "required" | "span" | "path" | "first" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps")[];
+export declare const formItemGiPropKeys: ("theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "value" | "label" | "size" | "span" | "suffix" | "required" | "path" | "first" | "labelWidth" | "labelAlign" | "labelPlacement" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset" | "labelStyle" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "labelProps")[];
 export type FormItemGiProps = ExtractPublicPropTypes<typeof formItemGiProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
@@ -467,9 +467,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly offset: string | number;
     readonly value: any;
+    readonly span: string | number;
     readonly suffix: boolean;
     readonly required: boolean;
-    readonly span: string | number;
     readonly first: boolean;
     readonly showRequireMark: boolean | undefined;
     readonly showFeedback: boolean | undefined;

package/lib/form/src/FormItemRow.d.ts

@@ -485,8 +485,8 @@ declare const _default: import("vue").DefineComponent<{
     push: import("../../legacy-grid/src/interface").Span;
     offset: import("../../legacy-grid/src/interface").Span;
     value: any;
-    required: boolean;
     span: import("../../legacy-grid/src/interface").Span;
+    required: boolean;
     first: boolean;
     showRequireMark: boolean | undefined;
     showFeedback: boolean | undefined;

package/lib/grid/src/Grid.d.ts

@@ -96,8 +96,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 0;
     };
 }>>, {
-    readonly responsive: "self" | "screen";
     readonly cols: string | number;
+    readonly responsive: "self" | "screen";
     readonly layoutShiftDisabled: boolean;
     readonly itemResponsive: boolean;
     readonly collapsed: boolean;

package/lib/grid/src/GridItem.d.ts

@@ -19,7 +19,7 @@ export declare const gridItemProps: {
         readonly default: true;
     };
 };
-export declare const gridItemPropKeys: ("offset" | "suffix" | "span" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
+export declare const gridItemPropKeys: ("offset" | "span" | "suffix" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
 export type GridItemProps = ExtractPublicPropTypes<typeof gridItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly span: {
@@ -67,8 +67,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly offset: string | number;
-    readonly suffix: boolean;
     readonly span: string | number;
+    readonly suffix: boolean;
     readonly privateShow: boolean;
 }, {}>;
 export default _default;

package/lib/header/demos/mock.d.ts

@@ -0,0 +1,2 @@
+import type { HeaderSearchResult } from '../src/interface';
+export declare const mockSearchResults: HeaderSearchResult[];

package/lib/header/demos/mock.js

@@ -0,0 +1,238 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mockSearchResults = void 0;
+const vue_1 = require("vue");
+const icon_1 = require("../../icon");
+const ionicons5_1 = require("@vicons/ionicons5");
+exports.mockSearchResults = [
+    {
+        key: 'card-credit-1',
+        label: 'Кредитные карты 1',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-1');
+        }
+    },
+    {
+        key: 'card-debit-1',
+        label: 'Дебетовые карты 1',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-1');
+        }
+    },
+    {
+        key: 'card-credit-2',
+        label: 'Кредитные карты 2',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-2');
+        }
+    },
+    {
+        key: 'card-debit-2',
+        label: 'Дебетовые карты 2',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-2');
+        }
+    },
+    {
+        key: 'card-credit-3',
+        label: 'Кредитные карты 3',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-3');
+        }
+    },
+    {
+        key: 'card-debit-3',
+        label: 'Дебетовые карты 3',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-3');
+        }
+    },
+    {
+        key: 'card-credit-4',
+        label: 'Кредитные карты 4',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-4');
+        }
+    },
+    {
+        key: 'card-debit-4',
+        label: 'Дебетовые карты 4',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-4');
+        }
+    },
+    {
+        key: 'card-credit-5',
+        label: 'Кредитные карты 5',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-5');
+        }
+    },
+    {
+        key: 'card-debit-5',
+        label: 'Дебетовые карты 5',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-5');
+        }
+    },
+    {
+        key: 'card-credit-6',
+        label: 'Кредитные карты 6',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-6');
+        }
+    },
+    {
+        key: 'card-debit-6',
+        label: 'Дебетовые карты 6',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-6');
+        }
+    },
+    {
+        key: 'card-credit-7',
+        label: 'Кредитные карты 7',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-7');
+        }
+    },
+    {
+        key: 'card-debit-7',
+        label: 'Дебетовые карты 7',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-7');
+        }
+    },
+    {
+        key: 'card-credit-8',
+        label: 'Кредитные карты 8',
+        description: 'Оформите кредитную карту онлайн за 5 минут',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-credit-8');
+        }
+    },
+    {
+        key: 'card-debit-8',
+        label: 'Дебетовые карты 8',
+        description: 'Дебетовые карты с кэшбэком до 10%',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Card) }),
+        extra: 'Карты',
+        onClick: () => {
+            console.log('card-debit-8');
+        }
+    },
+    {
+        key: 'deposit',
+        label: 'Вклады',
+        description: 'Выгодные вклады со ставкой до 18% годовых',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Cash) }),
+        extra: 'Вклады',
+        onClick: () => {
+            console.log('deposit');
+        }
+    },
+    {
+        key: 'deposit-saving',
+        label: 'Накопительный счет',
+        description: 'Проценты на остаток каждый день',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Cash) }),
+        extra: 'Вклады',
+        onClick: () => {
+            console.log('deposit-saving');
+        }
+    },
+    {
+        key: 'mobile-app',
+        label: 'Мобильное приложение',
+        description: 'Скачайте приложение Uzum Bank для iOS и Android',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.PhonePortrait) }),
+        extra: 'Сервисы',
+        onClick: () => {
+            console.log('mobile-app');
+        }
+    },
+    {
+        key: 'business-account',
+        label: 'Расчетный счет для бизнеса',
+        description: 'Откройте счет для ИП и ООО онлайн',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Settings) }),
+        extra: 'Бизнес',
+        onClick: () => {
+            console.log('business-account');
+        }
+    },
+    {
+        key: 'transfer',
+        label: 'Переводы',
+        description: 'Переводы по номеру телефона без комиссии',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Cash) }),
+        extra: 'Переводы',
+        onClick: () => {
+            console.log('transfer');
+        }
+    },
+    {
+        key: 'documents',
+        label: 'Тарифы и документы',
+        description: 'Полный список тарифов и условий',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Document) }),
+        extra: 'Информация',
+        onClick: () => {
+            console.log('documents');
+        }
+    },
+    {
+        key: 'support',
+        label: 'Поддержка',
+        description: 'Контакты службы поддержки',
+        icon: () => (0, vue_1.h)(icon_1.UIcon, { size: 20 }, { default: () => (0, vue_1.h)(ionicons5_1.Home) }),
+        extra: 'Помощь',
+        onClick: () => {
+            console.log('support');
+        }
+    }
+];

package/lib/header/index.d.ts

@@ -0,0 +1,12 @@
+export { default as UHeader, headerProps } from './src/Header';
+export { default as UHeaderNavigation, headerNavigationProps } from './src/HeaderNavigation';
+export { default as UHeaderMobile, headerMobileProps } from './src/mobile/HeaderMobile';
+export { default as UHeaderActions, headerActionsProps } from './src/HeaderActions';
+export { default as UHeaderDesktopLayout, headerDesktopLayoutProps } from './src/HeaderDesktopLayout';
+export { default as UHeaderMobileLayout, headerMobileLayoutProps } from './src/HeaderMobileLayout';
+export { default as UHeaderSearchMobile, headerSearchMobileProps } from './src/HeaderSearchMobile';
+export { default as UHeaderSearchDesktop, headerSearchDesktopProps } from './src/HeaderSearchDesktop';
+export type { HeaderProps } from './src/Header';
+export { default as UHeaderSearchResults, headerSearchResultsProps } from './src/HeaderSearchResults';
+export type { HeaderMenuOption, HeaderMenuColumnOption, HeaderMenuChildOption, HeaderMenuGroupOption, HeaderMenuDividerOption, HeaderMenuPlacement, HeaderMenuTrigger, HeaderMenuTabsProps, LangOption, HeaderSearchResult, HeaderSearchHandler } from './src/interface';
+export * from './src/utils';