mosuk-ui 1.0.2 → 1.0.4

package/components/collections/tabs/horizontal/component/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsHorizontalProps extends Tabs.Root.Props {
 }

package/components/collections/tabs/horizontal/component/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from './component.module.css';

package/components/collections/tabs/horizontal/component/content/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsHorizontalContentProps extends Tabs.Panel.Props {
 }

package/components/collections/tabs/horizontal/component/content/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../component.module.css';

package/components/collections/tabs/horizontal/component/head/component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TabsHorizontalHeadProps } from './component.interface';
-export declare const TabsHorizontalHead: React.ForwardRefExoticComponent<TabsHorizontalHeadProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsHorizontalHead: React.ForwardRefExoticComponent<Omit<TabsHorizontalHeadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/collections/tabs/horizontal/component/head/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsHorizontalHeadProps extends Tabs.List.Props {
 }

package/components/collections/tabs/horizontal/component/head/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../component.module.css';

package/components/collections/tabs/horizontal/component/head/indicator/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsHorizontalHeadIndicatorProps extends Tabs.Indicator.Props {
 }

package/components/collections/tabs/horizontal/component/head/indicator/component.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../../component.module.css';

package/components/collections/tabs/horizontal/component/head/tab/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsHorizontalHeadTabProps extends Tabs.Tab.Props {
 }

package/components/collections/tabs/horizontal/component/head/tab/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../../component.module.css';

package/components/collections/tabs/horizontal/component/index.d.ts

@@ -8,7 +8,7 @@ import { TabsHorizontalHeadIndicatorProps } from './head/indicator/component.int
 import { TabsHorizontalHeadTab } from './head/tab/component';
 import { TabsHorizontalHeadTabProps } from './head/tab/component.interface';
 export declare const TabsHorizontal: typeof TabsHorizontalComponent & {
-    Head: import("react").ForwardRefExoticComponent<TabsHorizontalHeadProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Head: import("react").ForwardRefExoticComponent<Omit<TabsHorizontalHeadProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
         Tab: typeof TabsHorizontalHeadTab;
         Indicator: typeof TabsHorizontalHeadIndicator;
     };

package/components/collections/tabs/vertical/component/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsVerticalProps extends Tabs.Root.Props {
 }

package/components/collections/tabs/vertical/component/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from './component.module.css';

package/components/collections/tabs/vertical/component/content/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsVerticalContentProps extends Tabs.Panel.Props {
 }

package/components/collections/tabs/vertical/component/content/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../component.module.css';

package/components/collections/tabs/vertical/component/head/component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TabsVerticalHeadProps } from './component.interface';
-export declare const TabsVerticalHead: React.ForwardRefExoticComponent<TabsVerticalHeadProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsVerticalHead: React.ForwardRefExoticComponent<Omit<TabsVerticalHeadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/collections/tabs/vertical/component/head/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsVerticalHeadProps extends Tabs.List.Props {
 }

package/components/collections/tabs/vertical/component/head/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../component.module.css';

package/components/collections/tabs/vertical/component/head/indicator/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsVerticalHeadIndicatorProps extends Tabs.Indicator.Props {
 }

package/components/collections/tabs/vertical/component/head/indicator/component.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../../component.module.css';

package/components/collections/tabs/vertical/component/head/tab/component.interface.d.ts

@@ -1,3 +1,3 @@
-import { Tabs } from '@base-ui-components/react';
+import { Tabs } from '@base-ui/react';
 export interface TabsVerticalHeadTabProps extends Tabs.Tab.Props {
 }

package/components/collections/tabs/vertical/component/head/tab/component.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Tabs as TabsComponent } from '@base-ui-components/react/tabs';
+import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
 import styles from '../../component.module.css';

package/components/collections/tabs/vertical/component/index.d.ts

@@ -8,7 +8,7 @@ import { TabsVerticalHeadIndicatorProps } from './head/indicator/component.inter
 import { TabsVerticalHeadTab } from './head/tab/component';
 import { TabsVerticalHeadTabProps } from './head/tab/component.interface';
 export declare const TabsVertical: typeof TabsVerticalComponent & {
-    Head: import("react").ForwardRefExoticComponent<TabsVerticalHeadProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Head: import("react").ForwardRefExoticComponent<Omit<TabsVerticalHeadProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
         Tab: typeof TabsVerticalHeadTab;
         Indicator: typeof TabsVerticalHeadIndicator;
     };

package/components/containers/grid/component/component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import React, { ElementType } from 'react';
 import { GridProps } from './component.interface';
-export declare function Grid({ ...props }: GridProps): React.JSX.Element;
+export declare function Grid<C extends ElementType = 'div'>({ as, ...rest }: GridProps<C>): React.JSX.Element;

package/components/containers/grid/component/component.interface.d.ts

@@ -1,3 +1,5 @@
-import { HTMLAttributes } from 'react';
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-}
+import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
+export type GridProps<C extends ElementType = 'div'> = {
+    as?: C;
+    ref?: Ref<any>;
+} & Omit<ComponentPropsWithoutRef<C>, 'as' | 'ref'>;

package/components/containers/grid/component/component.js

@@ -20,14 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import classNames from 'classnames';
 import React from 'react';
 import styles from './component.module.css';
 export function Grid(_a) {
-    var _b, _c;
-    var props = __rest(_a, []);
-    return (React.createElement("div", __assign({}, props, { className: 'mosuk-grid' +
-            ' ' +
-            ((_b = styles.grid) !== null && _b !== void 0 ? _b : '') +
-            ' ' +
-            ((_c = props === null || props === void 0 ? void 0 : props.className) !== null && _c !== void 0 ? _c : '') }), props === null || props === void 0 ? void 0 : props.children));
+    var as = _a.as, rest = __rest(_a, ["as"]);
+    var Component = (as || 'div');
+    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-grid', styles.grid, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/containers/section/component/component.module.css

@@ -1,6 +1,8 @@
 @layer mosuk-ui {
     @layer index-13 {
         .section {
+            position: relative;
+
             display: flex;
             flex-direction: column;
             gap: calc(var(--spacing, .25rem) * 4);

package/components/display/image/(images)/component/component.js

@@ -20,17 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import classNames from 'classnames';
-import React, { Children, isValidElement, useImperativeHandle, useRef } from 'react';
+import React, { Children, isValidElement, useImperativeHandle, useRef, } from 'react';
 import { Pagination } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Image } from '../../component/component';
@@ -47,7 +38,7 @@ export function Images(_a) {
         }
     };
     var totalSlides = Children.toArray(rest === null || rest === void 0 ? void 0 : rest.children).filter(function (child) { return isValidElement(child) && child.type === ImagesImage; });
-    return (React.createElement(Image, __assign({ as: Swiper }, rest, { ref: swiperRef, modules: __spreadArray([Pagination], ((rest === null || rest === void 0 ? void 0 : rest.modules) || []), true), speed: (_b = rest === null || rest === void 0 ? void 0 : rest.speed) !== null && _b !== void 0 ? _b : 400, spaceBetween: (_c = rest === null || rest === void 0 ? void 0 : rest.spaceBetween) !== null && _c !== void 0 ? _c : 0, slidesPerView: (_d = rest === null || rest === void 0 ? void 0 : rest.slidesPerView) !== null && _d !== void 0 ? _d : 1, draggable: (_e = rest === null || rest === void 0 ? void 0 : rest.draggable) !== null && _e !== void 0 ? _e : true, pagination: __assign({ clickable: true }, (typeof (rest === null || rest === void 0 ? void 0 : rest.pagination) === 'object' ? rest.pagination : {})), className: classNames('images', styles.images, rest === null || rest === void 0 ? void 0 : rest.className) }),
+    return (React.createElement(Image, __assign({ as: Swiper }, rest, { ref: swiperRef, modules: (rest === null || rest === void 0 ? void 0 : rest.modules) ? rest === null || rest === void 0 ? void 0 : rest.modules : [Pagination], speed: (_b = rest === null || rest === void 0 ? void 0 : rest.speed) !== null && _b !== void 0 ? _b : 400, spaceBetween: (_c = rest === null || rest === void 0 ? void 0 : rest.spaceBetween) !== null && _c !== void 0 ? _c : 0, slidesPerView: (_d = rest === null || rest === void 0 ? void 0 : rest.slidesPerView) !== null && _d !== void 0 ? _d : 1, draggable: (_e = rest === null || rest === void 0 ? void 0 : rest.draggable) !== null && _e !== void 0 ? _e : true, pagination: __assign({ clickable: true }, (typeof (rest === null || rest === void 0 ? void 0 : rest.pagination) === 'object' ? rest.pagination : {})), className: classNames('images', styles.images, rest === null || rest === void 0 ? void 0 : rest.className) }),
         Children.map(rest === null || rest === void 0 ? void 0 : rest.children, function (child, index) {
             if (isValidElement(child) && child.type === ImagesImage) {
                 return (React.createElement(SwiperSlide, { key: index, className: classNames('images-slide') }, child));

package/components/display/image/component/image/component.js

@@ -45,7 +45,7 @@ export function ImageImage(_a) {
         setImageValid(false);
     };
     if (!src || imageValid === false) {
-        return (React.createElement(ImageMinusIcon, { className: classNames(styles.svg, rest === null || rest === void 0 ? void 0 : rest.className) }));
+        return (React.createElement(ImageMinusIcon, __assign({}, rest, { className: classNames(styles.svg, rest === null || rest === void 0 ? void 0 : rest.className) })));
     }
     return (React.createElement(Component, __assign({}, rest, { src: src, alt: alt || 'Изображение', onLoad: handleLoad, onError: handleError, className: classNames(styles.image, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/integrations/tbank/terminal/skeleton/component.js

@@ -29,7 +29,6 @@ import { Buttons } from '../../../../containers/buttons/component';
 import { Section } from '../../../../containers/section/component';
 import { Card } from '../../../../display/card/component/component';
 import { H1Skeleton } from '../../../../texts/h1/skeleton/component';
-import { H1TextSkeleton } from '../../../../texts/h1/skeleton/text/component';
 import component from '../component/component.module.css';
 import skeleton from './component.module.css';
 export function TBankTerminalSkeleton(_a) {
@@ -38,22 +37,19 @@ export function TBankTerminalSkeleton(_a) {
     return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-tbank-terminal', component.TBankTerminal, skeleton.TBankTerminal, rest === null || rest === void 0 ? void 0 : rest.className) }),
         React.createElement(Section, { className: classNames(skeleton.Section) },
             React.createElement(Article, { className: classNames(skeleton.Article) },
-                React.createElement(H1Skeleton, { className: classNames(skeleton.H1Skeleton) },
-                    React.createElement(H1TextSkeleton, { className: classNames(skeleton.H1TextSkeleton) })),
+                React.createElement(H1Skeleton, { className: classNames(skeleton.H1Skeleton) }),
                 React.createElement(IconSkeleton, { className: classNames(skeleton.IconSkeleton) })),
             React.createElement(Card, { className: classNames(skeleton.Amount) },
-                React.createElement(H1Skeleton, null,
-                    React.createElement(H1TextSkeleton, { className: classNames(skeleton.Text) }))),
+                React.createElement(H1Skeleton, { className: classNames(skeleton.H1Skeleton) })),
             React.createElement(Card, { className: classNames(skeleton.PaymentMethod) },
                 React.createElement(H1Skeleton, { className: classNames(skeleton.H1Skeleton) },
-                    React.createElement(H1TextSkeleton, { className: classNames(skeleton.H1TextSkeleton) })),
+                    React.createElement(H1Skeleton, { className: classNames(skeleton.H1Skeleton) })),
                 React.createElement(Buttons, { className: classNames(skeleton.Buttons) },
                     React.createElement(ButtonSkeleton, { className: classNames(skeleton.Button) }),
                     React.createElement(ButtonSkeleton, { className: classNames(skeleton.Button) }),
                     React.createElement(ButtonSkeleton, { className: classNames(skeleton.Button) }))),
             React.createElement(Card, { className: classNames(skeleton.BankCard) },
-                React.createElement(H1Skeleton, { className: classNames(skeleton.H1Skeleton) },
-                    React.createElement(H1TextSkeleton, { className: classNames(skeleton.H1TextSkeleton) })),
+                React.createElement(H1Skeleton, { className: classNames(skeleton.H1Skeleton) }),
                 React.createElement(Buttons, { className: classNames(skeleton.Buttons) },
                     React.createElement(ButtonSkeleton, { className: classNames(skeleton.Button) }),
                     React.createElement(ButtonSkeleton, { className: classNames(skeleton.Button) })))), rest === null || rest === void 0 ? void 0 :

package/components/integrations/yandex/maps/component/component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { YandexMapsProps } from './component.interface';
-export declare function YandexMaps({ ...rest }: YandexMapsProps): React.JSX.Element;
+import type { YandexMapProps } from './component.interface';
+export declare function YandexMap({ ...rest }: YandexMapProps): React.JSX.Element;

package/components/integrations/yandex/maps/component/component.interface.d.ts

@@ -1,3 +1,5 @@
-import type { HTMLAttributes } from 'react';
-export interface YandexMapsProps extends HTMLAttributes<HTMLDivElement> {
+import type { YMapProps } from '@yandex/ymaps3-types';
+import type { ReactNode } from 'react';
+export interface YandexMapProps extends YMapProps {
+    children?: ReactNode;
 }

package/components/integrations/yandex/maps/component/component.js

@@ -20,23 +20,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import classNames from 'classnames';
-import React, { useContext, useRef } from 'react';
-import { YandexMapsContext } from '../../../../../providers/yandex/maps/context/context';
-import { YandexMapsSkeleton } from '../skeleton/component';
-import { YandexMapsMapSkeleton } from '../skeleton/map/component';
-import styles from './component.module.css';
-export function YandexMaps(_a) {
+import React, { useContext } from 'react';
+import { YandexMapContext } from '../../../../../providers/yandex/maps/context/context';
+import { YandexMapSkeleton } from '../skeleton/component';
+import { YandexMapDefaultSchemeLayerSkeleton } from '../skeleton/default/scheme/layer/component';
+export function YandexMap(_a) {
     var rest = __rest(_a, []);
-    var containerRef = useRef(null);
-    var context = useContext(YandexMapsContext);
+    var context = useContext(YandexMapContext);
     if (!context) {
-        throw new Error('YandexMaps должен использоваться внутри YandexMapsProvider');
+        throw new Error('YandexMap должен использоваться внутри YandexMap');
     }
     var api = context.api, isLoading = context.isLoading, error = context.error;
     if (!api || isLoading || error) {
-        return (React.createElement(YandexMapsSkeleton, __assign({}, rest),
-            React.createElement(YandexMapsMapSkeleton, null)));
+        return (React.createElement(YandexMapSkeleton, __assign({}, rest),
+            React.createElement(YandexMapDefaultSchemeLayerSkeleton, null)));
     }
-    return (React.createElement("div", { ref: containerRef, className: classNames(styles.yandexMaps, rest === null || rest === void 0 ? void 0 : rest.className) }, rest === null || rest === void 0 ? void 0 : rest.children));
+    var YMap = api.YMap;
+    return React.createElement(YMap, __assign({}, rest), rest === null || rest === void 0 ? void 0 : rest.children);
 }

package/components/integrations/yandex/maps/component/component.module.css

@@ -1,10 +1,28 @@
 @layer mosuk-ui {
     @layer index-15 {
-        .yandexMaps {
+        .yandex_map {
             overflow: hidden;
 
             width: 100%;
             height: calc(var(--spacing, .25rem) * 100);
         }
+
+        /* Кнопки Zoom: плавное приближение/удаление при клике.
+           Анимация зума карты задаётся через duration/easing в location при onZoomIn/onZoomOut. */
+        .yandexMapsZoomPlus,
+        .yandexMapsZoomMinus {
+            transition: opacity 0.2s ease, transform 0.2s ease;
+        }
+
+        .yandexMapsZoomPlus:active,
+        .yandexMapsZoomMinus:active {
+            opacity: 0.7;
+        }
+
+        .yandexMapsZoomPlus:disabled,
+        .yandexMapsZoomMinus:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+        }
     }
 }

package/components/integrations/yandex/maps/component/controls/zoom/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { YandexMapControlsZoomProps } from './component.interface';
+export declare function YandexMapControlsZoom(props?: YandexMapControlsZoomProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/component/controls/zoom/component.interface.d.ts

@@ -0,0 +1,3 @@
+export interface YandexMapControlsZoomProps {
+    position?: 'right' | 'left' | 'top' | 'bottom' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+}

package/components/integrations/yandex/maps/component/controls/zoom/component.js

@@ -0,0 +1,22 @@
+import React, { useContext } from 'react';
+import { YandexMapContext } from '../../../../../../../providers/yandex/maps/context/context';
+import styles from '../../../component.module.css';
+import { YandexMapControlsZoomMinus } from './minus/component';
+import { YandexMapControlsZoomPlus } from './plus/component';
+export function YandexMapControlsZoom(props) {
+    var _a;
+    if (props === void 0) { props = {}; }
+    var context = useContext(YandexMapContext);
+    if (!(context === null || context === void 0 ? void 0 : context.api)) {
+        return null;
+    }
+    var _b = context === null || context === void 0 ? void 0 : context.api, YMapControls = _b.YMapControls, YMapControl = _b.YMapControl;
+    var position = (_a = props.position) !== null && _a !== void 0 ? _a : 'right';
+    if (!YMapControls || !YMapControl)
+        return null;
+    return (React.createElement("div", { className: 'GGGGGG absolute top-0 right-0 z-100' },
+        React.createElement(YMapControl, { transparent: true },
+            React.createElement(YandexMapControlsZoomPlus, { className: styles.yandexMapsZoomPlus })),
+        React.createElement(YMapControl, { transparent: true },
+            React.createElement(YandexMapControlsZoomMinus, { className: styles.yandexMapsZoomMinus }))));
+}

package/components/integrations/yandex/maps/component/controls/zoom/minus/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { YandexMapControlsZoomMinusProps } from './component.interface';
+export declare function YandexMapControlsZoomMinus(props?: YandexMapControlsZoomMinusProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/component/controls/zoom/minus/component.interface.d.ts

@@ -0,0 +1,3 @@
+export interface YandexMapControlsZoomMinusProps {
+    className?: string;
+}

package/components/integrations/yandex/maps/component/controls/zoom/minus/component.js

@@ -0,0 +1,11 @@
+import React, { useContext } from 'react';
+import { YMapZoomContext } from '../../../zoom/context';
+export function YandexMapControlsZoomMinus(props) {
+    if (props === void 0) { props = {}; }
+    var context = useContext(YMapZoomContext);
+    if (!(context === null || context === void 0 ? void 0 : context.onZoomOut))
+        return null;
+    var onZoomOut = context.onZoomOut, zoom = context.zoom, min = context.min;
+    var isDisabled = zoom !== undefined && min !== undefined && zoom <= min;
+    return (React.createElement("button", { type: "button", onClick: onZoomOut, disabled: isDisabled, className: props.className, "aria-label": "\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C \u043C\u0430\u0441\u0448\u0442\u0430\u0431" }));
+}

package/components/integrations/yandex/maps/component/controls/zoom/plus/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { YandexMapControlsZoomPlusProps } from './component.interface';
+export declare function YandexMapControlsZoomPlus(props?: YandexMapControlsZoomPlusProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/component/controls/zoom/plus/component.interface.d.ts

@@ -0,0 +1,3 @@
+export interface YandexMapControlsZoomPlusProps {
+    className?: string;
+}

package/components/integrations/yandex/maps/component/controls/zoom/plus/component.js

@@ -0,0 +1,11 @@
+import React, { useContext } from 'react';
+import { YMapZoomContext } from '../../../zoom/context';
+export function YandexMapControlsZoomPlus(props) {
+    if (props === void 0) { props = {}; }
+    var context = useContext(YMapZoomContext);
+    if (!(context === null || context === void 0 ? void 0 : context.onZoomIn))
+        return null;
+    var onZoomIn = context.onZoomIn, zoom = context.zoom, max = context.max;
+    var isDisabled = zoom !== undefined && max !== undefined && zoom >= max;
+    return (React.createElement("button", { type: "button", onClick: onZoomIn, disabled: isDisabled, className: props.className, "aria-label": "\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C \u043C\u0430\u0441\u0448\u0442\u0430\u0431" }));
+}

package/components/integrations/yandex/maps/component/default/features/layer/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { YandexMapDefaultFeaturesLayerProps } from './component.interface';
+export declare function YandexMapDefaultFeaturesLayer(props: YandexMapDefaultFeaturesLayerProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/component/default/features/layer/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { YMapDefaultFeaturesLayerProps } from '@yandex/ymaps3-types';
+export interface YandexMapDefaultFeaturesLayerProps extends YMapDefaultFeaturesLayerProps {
+}

package/components/integrations/yandex/maps/component/{map/default_features_layer → default/features/layer}/component.js

@@ -10,9 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useContext } from 'react';
-import { YandexMapsContext } from '../../../../../../../providers/yandex/maps/context/context';
-export function YandexMapsMapDefaultFeaturesLayer(props) {
-    var context = useContext(YandexMapsContext);
+import { YandexMapContext } from '../../../../../../../../providers/yandex/maps/context/context';
+export function YandexMapDefaultFeaturesLayer(props) {
+    var context = useContext(YandexMapContext);
     if (!context || !context.api)
         return null;
     var YMapDefaultFeaturesLayer = context.api.YMapDefaultFeaturesLayer;

package/components/integrations/yandex/maps/component/default/scheme/layer/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { YandexMapDefaultSchemeLayerProps } from './component.interface';
+export declare function YandexMapDefaultSchemeLayer(props: YandexMapDefaultSchemeLayerProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/component/default/scheme/layer/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { YMapDefaultSchemeLayerProps } from '@yandex/ymaps3-types';
+export interface YandexMapDefaultSchemeLayerProps extends YMapDefaultSchemeLayerProps {
+}

package/components/integrations/yandex/maps/component/{map/default_scheme_layer → default/scheme/layer}/component.js

@@ -10,9 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useContext } from 'react';
-import { YandexMapsContext } from '../../../../../../../providers/yandex/maps/context/context';
-export function YandexMapsMapDefaultSchemeLayer(props) {
-    var context = useContext(YandexMapsContext);
+import { YandexMapContext } from '../../../../../../../../providers/yandex/maps/context/context';
+export function YandexMapDefaultSchemeLayer(props) {
+    var context = useContext(YandexMapContext);
     if (!context || !context.api)
         return null;
     var YMapDefaultSchemeLayer = context.api.YMapDefaultSchemeLayer;

package/components/integrations/yandex/maps/component/feature/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { YandexMapFeatureProps } from './component.interface';
+export declare function YandexMapFeature({ ...rest }: YandexMapFeatureProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/component/{map/feature → feature}/component.interface.d.ts

@@ -1,4 +1,4 @@
 import { YMapFeatureProps } from '@yandex/ymaps3-types';
-export interface YandexMapsMapFeatureProps extends YMapFeatureProps {
+export interface YandexMapFeatureProps extends YMapFeatureProps {
     children?: React.ReactNode;
 }

package/components/integrations/yandex/maps/component/{map/feature → feature}/component.js

@@ -21,10 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useContext } from 'react';
-import { YandexMapsContext } from '../../../../../../../providers/yandex/maps/context/context';
-export function YandexMapsMapFeature(_a) {
+import { YandexMapContext } from '../../../../../../providers/yandex/maps/context/context';
+export function YandexMapFeature(_a) {
     var rest = __rest(_a, []);
-    var context = useContext(YandexMapsContext);
+    var context = useContext(YandexMapContext);
     if (!context || !context.api)
         return null;
     var YMapFeature = context.api.YMapFeature;