@uzum-tech/ui 1.11.1 → 1.12.0

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

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

package/es/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/es/chat/styles/dark.js

@@ -20,9 +20,13 @@ const chatDark = createTheme({
         Avatar: avatarDark,
         Badge: badgeDark,
         Button: buttonDark,
-        Icon: iconDark,
         List: listDark,
-        Typography: typographyDark
+        Typography: typographyDark,
+        StatusIcon: iconDark,
+        FooterAttachIcon: iconDark,
+        FooterSuffixIcon: iconDark,
+        HeaderShareIcon: iconDark,
+        HeaderProfileIcon: iconDark
     },
     self: (vars) => {
         const lightVars = self(vars);

package/es/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/es/chat/styles/light.js

@@ -51,6 +51,7 @@ export const self = (vars) => {
         footerBorderColor: elementsQuaternary,
         inputBackgroundColor: surfacePrimary,
         inputBorderColor: elementsQuaternary,
+        inputSuffixColor: brandPrimary400,
         unreadNotificationBackgroundColor: brandPrimary400,
         unreadNotificationTextColor: elementsSecondary,
         typingIndicatorColor: textSecondary,
@@ -70,9 +71,13 @@ const chatLight = createTheme({
         Avatar: avatarLight,
         Badge: chatBadgeLight,
         Button: buttonLight,
-        Icon: iconLight,
         List: listLight,
-        Typography: typographyLight
+        Typography: typographyLight,
+        StatusIcon: iconLight,
+        FooterAttachIcon: iconLight,
+        FooterSuffixIcon: iconLight,
+        HeaderShareIcon: iconLight,
+        HeaderProfileIcon: iconLight
     },
     self
 });

package/es/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/es/components.js

@@ -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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/header/demos/mock.d.ts

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

package/es/header/demos/mock.js

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

package/es/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';

package/es/header/index.js

@@ -0,0 +1,10 @@
+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 { default as UHeaderSearchResults, headerSearchResultsProps } from './src/HeaderSearchResults';
+export * from './src/utils';