@astral/ui 4.91.1 → 4.92.0

package/components/DashboardLayout/Header/styles.js

@@ -95,6 +95,10 @@ export const HeaderContentSection = styled(HeaderSection) `
   }
 `;
 export const ProductSwitcherWrapper = styled.div `
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
@@ -131,6 +135,10 @@ export const HeaderContent = styled.div `
  * Обертка для элементов которые должны быть в мобильном хедере или помещены в sidebar.
  */
 export const PriorityFeatureWrapper = styled.div `
+  &&:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: flex;
     justify-content: flex-end;

package/components/DashboardLayout/Main/styles.js

@@ -21,8 +21,16 @@ export const AlertWrapper = styled.div `
   }
 `;
 export const AlertContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(2)};
+
   margin-bottom: ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     margin: ${({ theme }) => theme.spacing(3, 4, 1)};
   }

package/components/HintPopover/types.d.ts

@@ -18,7 +18,7 @@ export type HintPopoverProps = Omit<NewPopoverProps, 'hasArrow' | 'disableMobile
      */
     action?: ReactNode;
     /**
-     * Ref на узел контента — для фокус-трапа/определения кликов у потребителя.
+     * Ref на узел контента — для focus-trap/определения кликов у потребителя.
      */
     contentRef?: Ref<HTMLDivElement>;
 };

package/components/Onboarding/ui/StepStrategy/steps/HighlightStep/HighlightStep.js

@@ -9,10 +9,10 @@ import { useLogic } from './useLogic';
 export const HighlightStep = ({ activeStep, isClosing, geometry, }) => {
     const { step } = activeStep;
     const { anchorEl } = geometry;
-    const { isOpen, shouldShowPopover, setPopoverNode, handleClose } = useLogic(activeStep, isClosing, geometry);
+    const { isOpen, shouldShowPopover, handleClose } = useLogic(activeStep, isClosing, geometry);
     // Без якоря popover не рисуем.
     if (!anchorEl) {
         return null;
     }
-    return (_jsx(_Fragment, { children: shouldShowPopover && (_jsx(StepPopover, { variant: "light", isOpen: isOpen, disableAutoFocus: true, anchorEl: anchorEl, placement: step.position, onClose: handleClose, contentRef: setPopoverNode, title: step.title, action: _jsx(StepFooter, { activeStep: activeStep }), children: step.content && (_jsx(Typography, { component: "div", variant: "body1", color: "grey", colorIntensity: "900", children: step.content })) })) }));
+    return (_jsx(_Fragment, { children: shouldShowPopover && (_jsx(StepPopover, { variant: "light", isOpen: isOpen, disableAutoFocus: true, anchorEl: anchorEl, placement: step.position, onClose: handleClose, title: step.title, action: _jsx(StepFooter, { activeStep: activeStep }), children: step.content && (_jsx(Typography, { component: "div", variant: "body1", color: "grey", colorIntensity: "900", children: step.content })) })) }));
 };

package/components/Onboarding/ui/StepStrategy/steps/HighlightStep/useLogic/useLogic.d.ts

@@ -3,10 +3,9 @@ import { type OverlayGeometry } from '../../../useLogic';
 export type UseLogicResult = {
     isOpen: boolean;
     shouldShowPopover: boolean;
-    setPopoverNode: (node: HTMLElement | null) => void;
     handleClose: () => void;
 };
 /**
- * Логика highlight-шага: задержка popover, фокус-трап, закрытие.
+ * Логика highlight-шага: задержка popover, закрытие.
  */
 export declare const useLogic: (activeStep: ActiveStepState, isClosing: boolean, geometry: OverlayGeometry) => UseLogicResult;

package/components/Onboarding/ui/StepStrategy/steps/HighlightStep/useLogic/useLogic.js

@@ -1,12 +1,11 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { useTheme } from '../../../../../../theme/hooks/useTheme';
-import { useFocusTrap } from '../../../../hooks/useFocusTrap';
 /**
- * Логика highlight-шага: задержка popover, фокус-трап, закрытие.
+ * Логика highlight-шага: задержка popover, закрытие.
  */
 export const useLogic = (activeStep, isClosing, geometry) => {
-    const { isInteractive, isConfirming } = activeStep;
-    const { anchorEl, element, isTransitioning } = geometry;
+    const { isConfirming } = activeStep;
+    const { anchorEl, isTransitioning } = geometry;
     const theme = useTheme();
     const isOpen = !isClosing;
     // Задержка до появления popover после готовности hole.
@@ -19,10 +18,6 @@ export const useLogic = (activeStep, isClosing, geometry) => {
         const timer = setTimeout(() => setIsEntered(true), theme.transitions.duration.shortest);
         return () => clearTimeout(timer);
     }, [isEntered, isHoleReady]);
-    const [popoverNode, setPopoverNode] = useState(null);
-    const trapNodes = useMemo(() => [popoverNode, isInteractive ? element : null], [popoverNode, isInteractive, element]);
-    // Трап выключен при закрытии/подтверждении.
-    useFocusTrap(trapNodes, isOpen && !isConfirming);
     const handleClose = useCallback(() => {
         activeStep.requestClose();
     }, [activeStep]);
@@ -31,7 +26,6 @@ export const useLogic = (activeStep, isClosing, geometry) => {
     return {
         isOpen,
         shouldShowPopover,
-        setPopoverNode,
         handleClose,
     };
 };

package/components/PageContent/styles.js

@@ -1,5 +1,5 @@
 import { selfContainedClassname } from '../constants';
-import { pdfViewerClassnames } from '../PdfViewer';
+import { pdfViewerClassnames } from '../PdfViewer/constants';
 import { styled } from '../styled';
 import { PAGE_CONTENT_ANIMATION, pageContentClassnames } from './constants';
 export const Wrapper = styled('article', {

package/components/PageHeader/HeaderContent/styles.js

@@ -6,6 +6,10 @@ export const BreadcrumbsWrapper = styled.div `
 
   margin-bottom: ${({ theme }) => theme.spacing(1)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
@@ -16,6 +20,10 @@ export const TabsWrapper = styled.div `
 
   padding-top:  ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     padding: ${({ theme }) => theme.spacing(0, 0, 4, 0)};
 
@@ -30,6 +38,10 @@ export const PageSubheader = styled.div `
 
   padding-top: ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     padding: ${({ theme }) => theme.spacing(0, 4, 4, 4)};
   }

package/components/PageHeader/styles.js

@@ -31,8 +31,20 @@ export const Wrapper = styled.header `
 
     background-color: ${({ theme }) => theme.palette.background.default};
 
-    &.${pageHeaderClassnames.hasSubheader}, &.${pageHeaderClassnames.hasFilters} {
-      border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
+    /*
+     * Два правила, а не список через запятую: невалидный :has()
+     * отбросил бы и границу под фильтрами.
+     */
+    &.${pageHeaderClassnames.hasFilters} {
+      border-bottom: 1px solid
+        ${({ theme }) => theme.palette.components.border.default};
+    }
+
+    /* Причина игнора: прогрессивное улучшение */
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+    &:has(.${pageHeaderClassnames.subheader}:not(:empty)) {
+      border-bottom: 1px solid
+        ${({ theme }) => theme.palette.components.border.default};
     }
   }
 
@@ -78,8 +90,8 @@ export const MobileTitleWrapper = styled.div `
     /* stylelint-disable plugin/no-unsupported-browser-features */
     &:not(:has(+ .${pageHeaderClassnames.root} :is(
       .${pageHeaderClassnames.filters},
-      .${pageHeaderClassnames.subheader},
-      .${pageAsideClassnames.mobileNavigation}
+      .${pageHeaderClassnames.subheader}:not(:empty),
+      .${pageAsideClassnames.mobileNavigation}:not(:empty)
     ))) {
       border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
     }

package/components/PageLayout/styles.js

@@ -2,18 +2,30 @@ import { styled } from '../styled';
 export const MobileAlertWrapper = styled.div `
   display: none;
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: block;
+    display: flex;
+    flex-direction: column;
+    gap: ${({ theme }) => theme.spacing(2)};
 
     margin: ${({ theme }) => theme.spacing(3, 4, 0, 4)};
 
     background-color: ${({ theme }) => theme.palette.background.default};
+
+    &:empty {
+      display: none;
+    }
   }
 `;
 export const DesktopAlertWrapper = styled.div `
-  display: block;
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(2)};
 
   margin-bottom: ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }

package/node/components/DashboardLayout/Header/styles.js

@@ -98,6 +98,10 @@ exports.HeaderContentSection = (0, styled_1.styled)(exports.HeaderSection) `
   }
 `;
 exports.ProductSwitcherWrapper = styled_1.styled.div `
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
@@ -134,6 +138,10 @@ exports.HeaderContent = styled_1.styled.div `
  * Обертка для элементов которые должны быть в мобильном хедере или помещены в sidebar.
  */
 exports.PriorityFeatureWrapper = styled_1.styled.div `
+  &&:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: flex;
     justify-content: flex-end;

package/node/components/DashboardLayout/Main/styles.js

@@ -24,8 +24,16 @@ exports.AlertWrapper = styled_1.styled.div `
   }
 `;
 exports.AlertContainer = styled_1.styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(2)};
+
   margin-bottom: ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     margin: ${({ theme }) => theme.spacing(3, 4, 1)};
   }

package/node/components/HintPopover/types.d.ts

@@ -18,7 +18,7 @@ export type HintPopoverProps = Omit<NewPopoverProps, 'hasArrow' | 'disableMobile
      */
     action?: ReactNode;
     /**
-     * Ref на узел контента — для фокус-трапа/определения кликов у потребителя.
+     * Ref на узел контента — для focus-trap/определения кликов у потребителя.
      */
     contentRef?: Ref<HTMLDivElement>;
 };

package/node/components/Onboarding/ui/StepStrategy/steps/HighlightStep/HighlightStep.js

@@ -12,11 +12,11 @@ const useLogic_1 = require("./useLogic");
 const HighlightStep = ({ activeStep, isClosing, geometry, }) => {
     const { step } = activeStep;
     const { anchorEl } = geometry;
-    const { isOpen, shouldShowPopover, setPopoverNode, handleClose } = (0, useLogic_1.useLogic)(activeStep, isClosing, geometry);
+    const { isOpen, shouldShowPopover, handleClose } = (0, useLogic_1.useLogic)(activeStep, isClosing, geometry);
     // Без якоря popover не рисуем.
     if (!anchorEl) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: shouldShowPopover && ((0, jsx_runtime_1.jsx)(styles_1.StepPopover, { variant: "light", isOpen: isOpen, disableAutoFocus: true, anchorEl: anchorEl, placement: step.position, onClose: handleClose, contentRef: setPopoverNode, title: step.title, action: (0, jsx_runtime_1.jsx)(StepFooter_1.StepFooter, { activeStep: activeStep }), children: step.content && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "div", variant: "body1", color: "grey", colorIntensity: "900", children: step.content })) })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: shouldShowPopover && ((0, jsx_runtime_1.jsx)(styles_1.StepPopover, { variant: "light", isOpen: isOpen, disableAutoFocus: true, anchorEl: anchorEl, placement: step.position, onClose: handleClose, title: step.title, action: (0, jsx_runtime_1.jsx)(StepFooter_1.StepFooter, { activeStep: activeStep }), children: step.content && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { component: "div", variant: "body1", color: "grey", colorIntensity: "900", children: step.content })) })) }));
 };
 exports.HighlightStep = HighlightStep;

package/node/components/Onboarding/ui/StepStrategy/steps/HighlightStep/useLogic/useLogic.d.ts

@@ -3,10 +3,9 @@ import { type OverlayGeometry } from '../../../useLogic';
 export type UseLogicResult = {
     isOpen: boolean;
     shouldShowPopover: boolean;
-    setPopoverNode: (node: HTMLElement | null) => void;
     handleClose: () => void;
 };
 /**
- * Логика highlight-шага: задержка popover, фокус-трап, закрытие.
+ * Логика highlight-шага: задержка popover, закрытие.
  */
 export declare const useLogic: (activeStep: ActiveStepState, isClosing: boolean, geometry: OverlayGeometry) => UseLogicResult;

package/node/components/Onboarding/ui/StepStrategy/steps/HighlightStep/useLogic/useLogic.js

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const useTheme_1 = require("../../../../../../theme/hooks/useTheme");
-const useFocusTrap_1 = require("../../../../hooks/useFocusTrap");
 /**
- * Логика highlight-шага: задержка popover, фокус-трап, закрытие.
+ * Логика highlight-шага: задержка popover, закрытие.
  */
 const useLogic = (activeStep, isClosing, geometry) => {
-    const { isInteractive, isConfirming } = activeStep;
-    const { anchorEl, element, isTransitioning } = geometry;
+    const { isConfirming } = activeStep;
+    const { anchorEl, isTransitioning } = geometry;
     const theme = (0, useTheme_1.useTheme)();
     const isOpen = !isClosing;
     // Задержка до появления popover после готовности hole.
@@ -22,10 +21,6 @@ const useLogic = (activeStep, isClosing, geometry) => {
         const timer = setTimeout(() => setIsEntered(true), theme.transitions.duration.shortest);
         return () => clearTimeout(timer);
     }, [isEntered, isHoleReady]);
-    const [popoverNode, setPopoverNode] = (0, react_1.useState)(null);
-    const trapNodes = (0, react_1.useMemo)(() => [popoverNode, isInteractive ? element : null], [popoverNode, isInteractive, element]);
-    // Трап выключен при закрытии/подтверждении.
-    (0, useFocusTrap_1.useFocusTrap)(trapNodes, isOpen && !isConfirming);
     const handleClose = (0, react_1.useCallback)(() => {
         activeStep.requestClose();
     }, [activeStep]);
@@ -34,7 +29,6 @@ const useLogic = (activeStep, isClosing, geometry) => {
     return {
         isOpen,
         shouldShowPopover,
-        setPopoverNode,
         handleClose,
     };
 };

package/node/components/PageContent/styles.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = exports.Wrapper = void 0;
 const constants_1 = require("../constants");
-const PdfViewer_1 = require("../PdfViewer");
+const constants_2 = require("../PdfViewer/constants");
 const styled_1 = require("../styled");
-const constants_2 = require("./constants");
+const constants_3 = require("./constants");
 exports.Wrapper = (0, styled_1.styled)('article', {
     shouldForwardProp: (prop) => !['$isFullHeight', '$isSeparatorShown'].includes(prop),
 }) `
@@ -31,7 +31,7 @@ exports.Wrapper = (0, styled_1.styled)('article', {
     border-top: none;
   }
 
-  @keyframes ${constants_2.PAGE_CONTENT_ANIMATION} {
+  @keyframes ${constants_3.PAGE_CONTENT_ANIMATION} {
     0% {
       display: none;
 
@@ -49,8 +49,8 @@ exports.Wrapper = (0, styled_1.styled)('article', {
     }
   }
 
-  &.${constants_2.pageContentClassnames.animation} > * {
-    animation: ${({ theme }) => `${constants_2.PAGE_CONTENT_ANIMATION} ${theme.transitions.duration.complex * 2}ms`};
+  &.${constants_3.pageContentClassnames.animation} > * {
+    animation: ${({ theme }) => `${constants_3.PAGE_CONTENT_ANIMATION} ${theme.transitions.duration.complex * 2}ms`};
   }
 `;
 exports.Content = styled_1.styled.div `
@@ -62,7 +62,7 @@ exports.Content = styled_1.styled.div `
 
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
 
-  &.${constants_2.pageContentClassnames.contentHasHeader}, &.${constants_2.pageContentClassnames.hasAside} {
+  &.${constants_3.pageContentClassnames.contentHasHeader}, &.${constants_3.pageContentClassnames.hasAside} {
     padding: ${({ theme }) => theme.spacing(4, 6, 4)};
   }
 
@@ -71,7 +71,7 @@ exports.Content = styled_1.styled.div `
     padding-bottom: ${({ theme }) => theme.spacing(3)};
     padding-left: ${({ theme }) => theme.spacing(4)};
 
-    &.${constants_2.pageContentClassnames.contentHasHeader}, &.${constants_2.pageContentClassnames.hasAside} {
+    &.${constants_3.pageContentClassnames.contentHasHeader}, &.${constants_3.pageContentClassnames.hasAside} {
       padding: ${({ theme }) => theme.spacing(4, 4, 3)};
     }
   }
@@ -88,14 +88,14 @@ exports.Content = styled_1.styled.div `
     border: 1px solid ${({ theme }) => theme.palette.components.border.default};
     border-radius: ${({ theme }) => theme.shape.medium};
 
-    &.${constants_2.pageContentClassnames.contentHasHeader} {
+    &.${constants_3.pageContentClassnames.contentHasHeader} {
       border-top-left-radius: 0;
       border-top-right-radius: 0;
     }
 
     /* Причина игнора: Не критично для отображения */
     /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-    &.${constants_2.pageContentClassnames.isUnconstrained}, &:has(> .${constants_1.selfContainedClassname}) {
+    &.${constants_3.pageContentClassnames.isUnconstrained}, &:has(> .${constants_1.selfContainedClassname}) {
       margin: 0;
       padding: 0;
 
@@ -107,7 +107,7 @@ exports.Content = styled_1.styled.div `
 
   /* Причина игнора: Не критично для отображения */
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  &:has(.${PdfViewer_1.pdfViewerClassnames.document}.${PdfViewer_1.pdfViewerClassnames.zoom}) {
+  &:has(.${constants_2.pdfViewerClassnames.document}.${constants_2.pdfViewerClassnames.zoom}) {
     scroll-behavior: auto;
     scrollbar-gutter: auto;
 
@@ -123,7 +123,7 @@ exports.Content = styled_1.styled.div `
   }
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    &&.${constants_2.pageContentClassnames.withPdfViewer} {
+    &&.${constants_3.pageContentClassnames.withPdfViewer} {
       margin: 0;
       padding-top: 0;
       padding-right: 0;

package/node/components/PageHeader/HeaderContent/styles.js

@@ -9,6 +9,10 @@ exports.BreadcrumbsWrapper = styled_1.styled.div `
 
   margin-bottom: ${({ theme }) => theme.spacing(1)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }
@@ -19,6 +23,10 @@ exports.TabsWrapper = styled_1.styled.div `
 
   padding-top:  ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     padding: ${({ theme }) => theme.spacing(0, 0, 4, 0)};
 
@@ -33,6 +41,10 @@ exports.PageSubheader = styled_1.styled.div `
 
   padding-top: ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     padding: ${({ theme }) => theme.spacing(0, 4, 4, 4)};
   }

package/node/components/PageHeader/styles.js

@@ -34,8 +34,20 @@ exports.Wrapper = styled_1.styled.header `
 
     background-color: ${({ theme }) => theme.palette.background.default};
 
-    &.${constants_2.pageHeaderClassnames.hasSubheader}, &.${constants_2.pageHeaderClassnames.hasFilters} {
-      border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
+    /*
+     * Два правила, а не список через запятую: невалидный :has()
+     * отбросил бы и границу под фильтрами.
+     */
+    &.${constants_2.pageHeaderClassnames.hasFilters} {
+      border-bottom: 1px solid
+        ${({ theme }) => theme.palette.components.border.default};
+    }
+
+    /* Причина игнора: прогрессивное улучшение */
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+    &:has(.${constants_2.pageHeaderClassnames.subheader}:not(:empty)) {
+      border-bottom: 1px solid
+        ${({ theme }) => theme.palette.components.border.default};
     }
   }
 
@@ -81,8 +93,8 @@ exports.MobileTitleWrapper = styled_1.styled.div `
     /* stylelint-disable plugin/no-unsupported-browser-features */
     &:not(:has(+ .${constants_2.pageHeaderClassnames.root} :is(
       .${constants_2.pageHeaderClassnames.filters},
-      .${constants_2.pageHeaderClassnames.subheader},
-      .${constants_1.pageAsideClassnames.mobileNavigation}
+      .${constants_2.pageHeaderClassnames.subheader}:not(:empty),
+      .${constants_1.pageAsideClassnames.mobileNavigation}:not(:empty)
     ))) {
       border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
     }

package/node/components/PageLayout/styles.js

@@ -5,18 +5,30 @@ const styled_1 = require("../styled");
 exports.MobileAlertWrapper = styled_1.styled.div `
   display: none;
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: block;
+    display: flex;
+    flex-direction: column;
+    gap: ${({ theme }) => theme.spacing(2)};
 
     margin: ${({ theme }) => theme.spacing(3, 4, 0, 4)};
 
     background-color: ${({ theme }) => theme.palette.background.default};
+
+    &:empty {
+      display: none;
+    }
   }
 `;
 exports.DesktopAlertWrapper = styled_1.styled.div `
-  display: block;
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(2)};
 
   margin-bottom: ${({ theme }) => theme.spacing(4)};
 
+  &:empty {
+    display: none;
+  }
+
   ${({ theme }) => theme.breakpoints.down('sm')} {
     display: none;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.91.1",
+  "version": "4.92.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {

package/components/Onboarding/ui/hooks/useFocusTrap/index.d.ts

@@ -1 +0,0 @@
-export { useFocusTrap } from './useFocusTrap';

package/components/Onboarding/ui/hooks/useFocusTrap/index.js

@@ -1 +0,0 @@
-export { useFocusTrap } from './useFocusTrap';

package/components/Onboarding/ui/hooks/useFocusTrap/useFocusTrap.d.ts

@@ -1,6 +0,0 @@
-/**
- * Мульти-контейнерный фокус-трап для highlight-шага.
- * @param nodes контейнеры
- * @param isActive включение трапа
- */
-export declare const useFocusTrap: (nodes: (HTMLElement | null)[], isActive?: boolean) => void;

package/components/Onboarding/ui/hooks/useFocusTrap/useFocusTrap.js

@@ -1,33 +0,0 @@
-import { createFocusTrap } from 'focus-trap';
-import { useEffect } from 'react';
-/**
- * Мульти-контейнерный фокус-трап для highlight-шага.
- * @param nodes контейнеры
- * @param isActive включение трапа
- */
-export const useFocusTrap = (nodes, isActive = true) => {
-    useEffect(() => {
-        const containers = nodes.filter((node) => node !== null);
-        if (!isActive || containers.length === 0) {
-            return;
-        }
-        const trap = createFocusTrap(containers, {
-            escapeDeactivates: false,
-            clickOutsideDeactivates: false,
-            allowOutsideClick: true,
-            returnFocusOnDeactivate: false,
-            fallbackFocus: containers[0],
-            initialFocus: () => containers[0],
-        });
-        try {
-            trap.activate();
-        }
-        catch {
-            // Нет фокусируемых узлов.
-            return;
-        }
-        return () => {
-            trap.deactivate();
-        };
-    }, [nodes, isActive]);
-};

package/node/components/Onboarding/ui/hooks/useFocusTrap/index.d.ts

@@ -1 +0,0 @@
-export { useFocusTrap } from './useFocusTrap';

package/node/components/Onboarding/ui/hooks/useFocusTrap/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusTrap = void 0;
-var useFocusTrap_1 = require("./useFocusTrap");
-Object.defineProperty(exports, "useFocusTrap", { enumerable: true, get: function () { return useFocusTrap_1.useFocusTrap; } });

package/node/components/Onboarding/ui/hooks/useFocusTrap/useFocusTrap.d.ts

@@ -1,6 +0,0 @@
-/**
- * Мульти-контейнерный фокус-трап для highlight-шага.
- * @param nodes контейнеры
- * @param isActive включение трапа
- */
-export declare const useFocusTrap: (nodes: (HTMLElement | null)[], isActive?: boolean) => void;

package/node/components/Onboarding/ui/hooks/useFocusTrap/useFocusTrap.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusTrap = void 0;
-const focus_trap_1 = require("focus-trap");
-const react_1 = require("react");
-/**
- * Мульти-контейнерный фокус-трап для highlight-шага.
- * @param nodes контейнеры
- * @param isActive включение трапа
- */
-const useFocusTrap = (nodes, isActive = true) => {
-    (0, react_1.useEffect)(() => {
-        const containers = nodes.filter((node) => node !== null);
-        if (!isActive || containers.length === 0) {
-            return;
-        }
-        const trap = (0, focus_trap_1.createFocusTrap)(containers, {
-            escapeDeactivates: false,
-            clickOutsideDeactivates: false,
-            allowOutsideClick: true,
-            returnFocusOnDeactivate: false,
-            fallbackFocus: containers[0],
-            initialFocus: () => containers[0],
-        });
-        try {
-            trap.activate();
-        }
-        catch {
-            // Нет фокусируемых узлов.
-            return;
-        }
-        return () => {
-            trap.deactivate();
-        };
-    }, [nodes, isActive]);
-};
-exports.useFocusTrap = useFocusTrap;