@sberbusiness/triplex-next 1.45.0 → 1.47.0

package/components/Gap/Gap.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
-const size4 = "size4__c296d468";
-const size8 = "size8__ce02a17b";
-const size12 = "size12__41b38f33";
-const size16 = "size16__ccf33abd";
-const size24 = "size24__931dde08";
-const size32 = "size32__985cb60c";
-const size64 = "size64__2c94fda3";
-const size128 = "size128__98975c64";
+const size4 = "size4__db61c786";
+const size8 = "size8__31ff1c14";
+const size12 = "size12__d3e9b415";
+const size16 = "size16__5fdac6ad";
+const size24 = "size24__8e3c59e5";
+const size32 = "size32__4c8944c3";
+const size64 = "size64__44c1de4c";
+const size128 = "size128__04e0692a";
 const styles = {
   size4,
   size8,

package/components/Header/Header.js

@@ -12,7 +12,7 @@ import "./components/HeaderTitle/HeaderTitleContent.js";
 import "./components/HeaderTitle/HeaderTitleControls.js";
 const Header = Object.assign(
   React__default.forwardRef(function Header2({ children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.45.0", ref, children });
+    return /* @__PURE__ */ jsx("div", { ...rest, "data-tx": "1.47.0", ref, children });
   }),
   {
     LayoutSidebar: HeaderLayoutSidebar,

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
 import { HeaderLayoutSidebarContent } from "./HeaderLayoutSidebarContent.js";
 import { HeaderLayoutSidebarSidebar } from "./HeaderLayoutSidebarSidebar.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-k_1rIXs0.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CNgPkokh.js";
 const HeaderLayoutSidebar = Object.assign(
   React__default.forwardRef(function HeaderLayoutSidebar2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebar, className), ...rest, ref, children });

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-k_1rIXs0.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CNgPkokh.js";
 const HeaderLayoutSidebarContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-k_1rIXs0.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderLayoutSidebar.module-CNgPkokh.js";
 const HeaderLayoutSidebarSidebar = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerLayoutSidebarSidebar, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderSubheader/HeaderSubheader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-const headerSubheader = "headerSubheader__8c5ecda5";
-const withoutPaddings = "withoutPaddings__1d7158ac";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+const headerSubheader = "headerSubheader__8249b149";
+const withoutPaddings = "withoutPaddings__5b00ff40";
 const styles = {
   headerSubheader,
   withoutPaddings

package/components/Header/components/HeaderTabs/HeaderTabs.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { HeaderTabsContent } from "./HeaderTabsContent.js";
 import { HeaderTabsControls } from "./HeaderTabsControls.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Dm__bdlz.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-2XAHGidd.js";
 const HeaderTabs = Object.assign(
   React__default.forwardRef(function HeaderTabs2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabs, className), ...rest, ref, children });

package/components/Header/components/HeaderTabs/HeaderTabsContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Dm__bdlz.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-2XAHGidd.js";
 const HeaderTabsContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsContent, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTabs/HeaderTabsControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTabs.module-Dm__bdlz.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTabs.module-2XAHGidd.js";
 const HeaderTabsControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTabsControls, className), ...rest, ref, children })
 );

package/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { HeaderTitleContent } from "./HeaderTitleContent.js";
 import { HeaderTitleControls } from "./HeaderTitleControls.js";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-BbIcVzwx.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CFABp2sW.js";
 const HeaderTitle = Object.assign(
   React__default.forwardRef(function HeaderTitle2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.headerTitle, className), ...rest, ref, children });

package/components/Header/components/HeaderTitle/HeaderTitleContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-BbIcVzwx.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CFABp2sW.js";
 const HeaderTitleContent = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Header/components/HeaderTitle/HeaderTitleControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../../chunks/HeaderTitle.module-BbIcVzwx.js";
+import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../../chunks/HeaderTitle.module-CFABp2sW.js";
 const HeaderTitleControls = React__default.forwardRef(
   ({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/HelpBox/HelpBox.js

@@ -1,18 +1,22 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React__default, { useRef, useState, useId } from "react";
-import { c as clsx, j as focusTrapReactExports } from "../../chunks/vendor-D4wvHis9.js";
+import React__default, { useRef, useState, useCallback, useEffect } from "react";
+import { u as uniqueId, c as clsx, j as focusTrapReactExports } from "../../chunks/vendor-CUIykw0y.js";
 import { QuestioncircleFilledSrvIcon16 } from "@sberbusiness/icons-next";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../Button/enums.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
-import { TooltipMobileHeader } from "../Tooltip/components/mobile/components/TooltipMobileHeader.js";
 import { MobileView } from "../MobileView/MobileView.js";
 import { getDataHTMLAttributes } from "../../utils/html/DataAttributes.js";
 import { getAriaHTMLAttributes } from "../../utils/html/AriaAttributes.js";
-const helpBoxButton = "helpBoxButton__d3cdea29";
+const helpBoxButton = "helpBoxButton__7e4f57bf";
 const styles = {
   helpBoxButton
 };
+const DEFAULT_ICON_PALETTE_INDEX = 5;
+const TOOLTIP_ID_PREFIX = "HelpBox-";
+const needFocusTrap = (button) => {
+  return button === null || button === document.activeElement || !button.matches(":hover");
+};
 const HelpBox = React__default.forwardRef(
   ({
     children,
@@ -33,49 +37,34 @@ const HelpBox = React__default.forwardRef(
     const buttonRef = useRef(null);
     const [openState, setOpenState] = useState(Boolean(openProp));
     const [focusTrapNode, setFocusTrapNode] = useState(null);
-    const tooltipId = useId();
+    const [tooltipId] = useState(() => uniqueId(TOOLTIP_ID_PREFIX));
     const open = openProp ?? openState;
-    const setRef = (instance) => {
-      buttonRef.current = instance;
-      if (typeof ref === "function") {
-        ref(instance);
-      } else if (ref) {
-        ref.current = instance;
+    const setButtonRef = useCallback(
+      (instance) => {
+        buttonRef.current = instance;
+        if (typeof ref === "function") {
+          ref(instance);
+        } else if (ref) {
+          ref.current = instance;
+        }
+      },
+      [ref]
+    );
+    useEffect(() => {
+      if (!open) {
+        setFocusTrapNode(null);
       }
-    };
-    const handleTooltipToggle = (open2) => {
+    }, [open]);
+    const handleTooltipToggle = (nextOpen) => {
       if (openProp === void 0) {
-        setOpenState(open2);
+        setOpenState(nextOpen);
       }
-      if (!open2) {
-        setFocusTrapNode(null);
-      }
-      toggle == null ? void 0 : toggle(open2);
+      toggle == null ? void 0 : toggle(nextOpen);
     };
     const handleTooltipShow = (node) => {
-      setFocusTrapNode(node);
+      setFocusTrapNode(needFocusTrap(buttonRef.current) ? node : null);
       onShow == null ? void 0 : onShow(node);
     };
-    const renderFocusTrap = (node) => /* @__PURE__ */ jsx(
-      MobileView,
-      {
-        fallback: /* @__PURE__ */ jsx(
-          focusTrapReactExports.FocusTrap,
-          {
-            active: open,
-            ...focusTrapProps,
-            focusTrapOptions: {
-              clickOutsideDeactivates: true,
-              initialFocus: `[id='${tooltipId}']`,
-              preventScroll: true,
-              ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
-            },
-            containerElements: [node]
-          }
-        ),
-        children: null
-      }
-    );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
         Tooltip,
@@ -90,26 +79,45 @@ const HelpBox = React__default.forwardRef(
           toggle: handleTooltipToggle,
           onShow: handleTooltipShow,
           targetRef: buttonRef,
-          ...Boolean(tooltipAriaAttributes) && getAriaHTMLAttributes(tooltipAriaAttributes),
-          ...Boolean(tooltipDataAttributes) && getDataHTMLAttributes(tooltipDataAttributes),
+          ...tooltipAriaAttributes && getAriaHTMLAttributes(tooltipAriaAttributes),
+          ...tooltipDataAttributes && getDataHTMLAttributes(tooltipDataAttributes),
           children: [
             /* @__PURE__ */ jsx(Tooltip.Target, { children: /* @__PURE__ */ jsx(
               ButtonIcon,
               {
                 className: clsx(styles.helpBoxButton, className),
                 shape: EButtonIconShape.CIRCLE,
-                ref: setRef,
+                ref: setButtonRef,
                 ...targetHtmlAttrs,
-                children: /* @__PURE__ */ jsx(QuestioncircleFilledSrvIcon16, { paletteIndex: 5, ...iconProps })
+                children: /* @__PURE__ */ jsx(QuestioncircleFilledSrvIcon16, { paletteIndex: DEFAULT_ICON_PALETTE_INDEX, ...iconProps })
               }
             ) }),
-            mobileHeaderContent && /* @__PURE__ */ jsx(TooltipMobileHeader, { children: mobileHeaderContent }),
+            mobileHeaderContent && /* @__PURE__ */ jsx(Tooltip.MobileHeader, { children: mobileHeaderContent }),
             /* @__PURE__ */ jsx(Tooltip.Body, { children }),
             /* @__PURE__ */ jsx(Tooltip.XButton, { ...tooltipXButtonProps })
           ]
         }
       ),
-      open && focusTrapNode && renderFocusTrap(focusTrapNode)
+      open && focusTrapNode && /* @__PURE__ */ jsx(
+        MobileView,
+        {
+          fallback: /* @__PURE__ */ jsx(
+            focusTrapReactExports.FocusTrap,
+            {
+              active: open,
+              ...focusTrapProps,
+              focusTrapOptions: {
+                clickOutsideDeactivates: true,
+                initialFocus: `[id='${tooltipId}']`,
+                preventScroll: true,
+                ...focusTrapProps == null ? void 0 : focusTrapProps.focusTrapOptions
+              },
+              containerElements: [focusTrapNode]
+            }
+          ),
+          children: null
+        }
+      )
     ] });
   }
 );

package/components/HelpBox/HelpBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpBox.js","sources":["../../../src/components/HelpBox/HelpBox.tsx"],"sourcesContent":["import React, { useState, useRef, useId } from \"react\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { ISingleColorIconProps, QuestioncircleFilledSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { EButtonIconShape } from \"../Button/enums\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ITooltipProps, ITooltipXButtonProps } from \"../Tooltip/types\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { TooltipMobileHeader } from \"../Tooltip/components/mobile/components/TooltipMobileHeader\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { getDataHTMLAttributes, TDataHTMLAttributes } from \"../../utils/html/DataAttributes\";\nimport { getAriaHTMLAttributes, TAriaHTMLAttributes } from \"../../utils/html/AriaAttributes\";\nimport styles from \"./styles/HelpBox.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента HelpBox. */\nexport interface IHelpBoxProps\n    extends\n        React.HTMLAttributes<HTMLButtonElement>,\n        Pick<ITooltipProps, \"isOpen\" | \"preferPlace\" | \"onShow\" | \"toggle\"> {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n    /** Aria-атрибуты Tooltip. */\n    tooltipAriaAttributes?: TAriaHTMLAttributes;\n    /** Data-атрибуты Tooltip. */\n    tooltipDataAttributes?: TDataHTMLAttributes;\n    /** Размер Tooltip. */\n    tooltipSize: ETooltipSize;\n    /** Контент заголовка TooltipMobile. */\n    mobileHeaderContent?: React.ReactNode;\n    /** Свойства иконки. */\n    iconProps?: ISingleColorIconProps;\n    /** Свойства кнопки закрытия Tooltip. */\n    tooltipXButtonProps?: ITooltipXButtonProps;\n}\n\n/** Иконка \"?\" со всплывающей подсказкой выбранного размера. */\nexport const HelpBox = React.forwardRef<HTMLButtonElement, IHelpBoxProps>(\n    (\n        {\n            children,\n            className,\n            focusTrapProps,\n            mobileHeaderContent,\n            isOpen: openProp,\n            onShow,\n            tooltipSize,\n            preferPlace,\n            toggle,\n            tooltipAriaAttributes,\n            tooltipDataAttributes,\n            iconProps,\n            tooltipXButtonProps,\n            ...targetHtmlAttrs\n        },\n        ref,\n    ) => {\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        const [openState, setOpenState] = useState(Boolean(openProp));\n        const [focusTrapNode, setFocusTrapNode] = useState<HTMLDivElement | null>(null);\n        const tooltipId = useId();\n        const open = openProp ?? openState;\n\n        /** Функция для хранения ссылки. */\n        const setRef = (instance: HTMLButtonElement | null) => {\n            buttonRef.current = instance;\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                (ref as React.MutableRefObject<HTMLButtonElement | null>).current = instance;\n            }\n        };\n\n        /** Обработчик закрытия/открытия Tooltip. */\n        const handleTooltipToggle = (open: boolean) => {\n            if (openProp === undefined) {\n                setOpenState(open);\n            }\n\n            if (!open) {\n                setFocusTrapNode(null);\n            }\n\n            toggle?.(open);\n        };\n\n        /** Обработчик появления Tooltip. */\n        const handleTooltipShow = (node: HTMLDivElement) => {\n            setFocusTrapNode(node);\n            onShow?.(node);\n        };\n\n        /** Рендер ловушки фокуса. */\n        const renderFocusTrap = (node: HTMLDivElement) => (\n            <MobileView\n                fallback={\n                    <FocusTrap\n                        active={open}\n                        {...focusTrapProps}\n                        focusTrapOptions={{\n                            clickOutsideDeactivates: true,\n                            initialFocus: `[id='${tooltipId}']`,\n                            preventScroll: true,\n                            ...focusTrapProps?.focusTrapOptions,\n                        }}\n                        containerElements={[node]}\n                    />\n                }\n            >\n                {null}\n            </MobileView>\n        );\n\n        return (\n            <>\n                <Tooltip\n                    id={tooltipId}\n                    tabIndex={-1}\n                    role=\"dialog\"\n                    toggleType=\"hover\"\n                    size={tooltipSize}\n                    preferPlace={preferPlace}\n                    isOpen={open}\n                    toggle={handleTooltipToggle}\n                    onShow={handleTooltipShow}\n                    targetRef={buttonRef}\n                    {...(Boolean(tooltipAriaAttributes) && getAriaHTMLAttributes(tooltipAriaAttributes!))}\n                    {...(Boolean(tooltipDataAttributes) && getDataHTMLAttributes(tooltipDataAttributes!))}\n                >\n                    <Tooltip.Target>\n                        <ButtonIcon\n                            className={clsx(styles.helpBoxButton, className)}\n                            shape={EButtonIconShape.CIRCLE}\n                            ref={setRef}\n                            {...targetHtmlAttrs}\n                        >\n                            <QuestioncircleFilledSrvIcon16 paletteIndex={5} {...iconProps} />\n                        </ButtonIcon>\n                    </Tooltip.Target>\n                    {mobileHeaderContent && <TooltipMobileHeader>{mobileHeaderContent}</TooltipMobileHeader>}\n                    <Tooltip.Body>{children}</Tooltip.Body>\n                    <Tooltip.XButton {...tooltipXButtonProps} />\n                </Tooltip>\n                {open && focusTrapNode && renderFocusTrap(focusTrapNode)}\n            </>\n        );\n    },\n);\n\nHelpBox.displayName = \"HelpBox\";\n"],"names":["React","open","FocusTrap"],"mappings":";;;;;;;;;;;;;;;AAqCO,MAAM,UAAUA,eAAM;AAAA,EACzB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,YAAY,OAAiC,IAAI;AACvD,UAAM,CAAC,WAAW,YAAY,IAAI,SAAS,QAAQ,QAAQ,CAAC;AAC5D,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgC,IAAI;AAC9E,UAAM,YAAY,MAAA;AAClB,UAAM,OAAO,YAAY;AAGzB,UAAM,SAAS,CAAC,aAAuC;AACnD,gBAAU,UAAU;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACX,YAAyD,UAAU;AAAA,MACxE;AAAA,IACJ;AAGA,UAAM,sBAAsB,CAACC,UAAkB;AAC3C,UAAI,aAAa,QAAW;AACxB,qBAAaA,KAAI;AAAA,MACrB;AAEA,UAAI,CAACA,OAAM;AACP,yBAAiB,IAAI;AAAA,MACzB;AAEA,uCAASA;AAAAA,IACb;AAGA,UAAM,oBAAoB,CAAC,SAAyB;AAChD,uBAAiB,IAAI;AACrB,uCAAS;AAAA,IACb;AAGA,UAAM,kBAAkB,CAAC,SACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UACI;AAAA,UAACC,sBAAAA;AAAAA,UAAA;AAAA,YACG,QAAQ;AAAA,YACP,GAAG;AAAA,YACJ,kBAAkB;AAAA,cACd,yBAAyB;AAAA,cACzB,cAAc,QAAQ,SAAS;AAAA,cAC/B,eAAe;AAAA,cACf,GAAG,iDAAgB;AAAA,YAAA;AAAA,YAEvB,mBAAmB,CAAC,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAI/B,UAAA;AAAA,MAAA;AAAA,IAAA;AAIT,WACI,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,MAAK;AAAA,UACL,YAAW;AAAA,UACX,MAAM;AAAA,UACN;AAAA,UACA,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,WAAW;AAAA,UACV,GAAI,QAAQ,qBAAqB,KAAK,sBAAsB,qBAAsB;AAAA,UAClF,GAAI,QAAQ,qBAAqB,KAAK,sBAAsB,qBAAsB;AAAA,UAEnF,UAAA;AAAA,YAAA,oBAAC,QAAQ,QAAR,EACG,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,WAAW,KAAK,OAAO,eAAe,SAAS;AAAA,gBAC/C,OAAO,iBAAiB;AAAA,gBACxB,KAAK;AAAA,gBACJ,GAAG;AAAA,gBAEJ,UAAA,oBAAC,+BAAA,EAA8B,cAAc,GAAI,GAAG,UAAA,CAAW;AAAA,cAAA;AAAA,YAAA,GAEvE;AAAA,YACC,uBAAuB,oBAAC,qBAAA,EAAqB,UAAA,oBAAA,CAAoB;AAAA,YAClE,oBAAC,QAAQ,MAAR,EAAc,SAAA,CAAS;AAAA,YACxB,oBAAC,QAAQ,SAAR,EAAiB,GAAG,oBAAA,CAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAE7C,QAAQ,iBAAiB,gBAAgB,aAAa;AAAA,IAAA,GAC3D;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}
+{"version":3,"file":"HelpBox.js","sources":["../../../src/components/HelpBox/HelpBox.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { uniqueId } from \"lodash-es\";\nimport { FocusTrap, FocusTrapProps } from \"focus-trap-react\";\nimport { ISingleColorIconProps, QuestioncircleFilledSrvIcon16 } from \"@sberbusiness/icons-next\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { EButtonIconShape } from \"../Button/enums\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport { ITooltipProps, ITooltipXButtonProps } from \"../Tooltip/types\";\nimport { ETooltipSize } from \"../Tooltip/enums\";\nimport { MobileView } from \"../MobileView/MobileView\";\nimport { getDataHTMLAttributes, TDataHTMLAttributes } from \"../../utils/html/DataAttributes\";\nimport { getAriaHTMLAttributes, TAriaHTMLAttributes } from \"../../utils/html/AriaAttributes\";\nimport styles from \"./styles/HelpBox.module.less\";\n\n/** Индекс палитры иконки \"?\" по умолчанию. Переопределяется через iconProps. */\nconst DEFAULT_ICON_PALETTE_INDEX = 5;\n/** Префикс идентификатора Tooltip. */\nconst TOOLTIP_ID_PREFIX = \"HelpBox-\";\n\n/**\n * Открытая мышью подсказка фокус не забирает, поэтому ловушка нужна, только если кнопка-триггер\n * держит фокус (клавиатура) либо курсора над ней нет (программное открытие через isOpen).\n */\nconst needFocusTrap = (button: HTMLButtonElement | null): boolean => {\n    return button === null || button === document.activeElement || !button.matches(\":hover\");\n};\n\n/** Свойства компонента HelpBox. */\nexport interface IHelpBoxProps\n    extends\n        React.HTMLAttributes<HTMLButtonElement>,\n        Pick<ITooltipProps, \"isOpen\" | \"preferPlace\" | \"onShow\" | \"toggle\"> {\n    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */\n    focusTrapProps?: FocusTrapProps;\n    /** Aria-атрибуты Tooltip. */\n    tooltipAriaAttributes?: TAriaHTMLAttributes;\n    /** Data-атрибуты Tooltip. */\n    tooltipDataAttributes?: TDataHTMLAttributes;\n    /** Размер Tooltip. */\n    tooltipSize: ETooltipSize;\n    /** Контент заголовка TooltipMobile. Отображается только в мобильной версии. */\n    mobileHeaderContent?: React.ReactNode;\n    /** Свойства иконки. По умолчанию paletteIndex равен 5. */\n    iconProps?: ISingleColorIconProps;\n    /** Свойства кнопки закрытия Tooltip. */\n    tooltipXButtonProps?: ITooltipXButtonProps;\n}\n\n/** Иконка \"?\" со всплывающей подсказкой выбранного размера. */\nexport const HelpBox = React.forwardRef<HTMLButtonElement, IHelpBoxProps>(\n    (\n        {\n            children,\n            className,\n            focusTrapProps,\n            mobileHeaderContent,\n            isOpen: openProp,\n            onShow,\n            tooltipSize,\n            preferPlace,\n            toggle,\n            tooltipAriaAttributes,\n            tooltipDataAttributes,\n            iconProps,\n            tooltipXButtonProps,\n            ...targetHtmlAttrs\n        },\n        ref,\n    ) => {\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n        // Внутреннее состояние открытия используется, только когда isOpen не передан (uncontrolled-режим).\n        const [openState, setOpenState] = useState(Boolean(openProp));\n        // Нода открытого Tooltip, в которую монтируется ловушка фокуса. Приходит из onShow.\n        const [focusTrapNode, setFocusTrapNode] = useState<HTMLDivElement | null>(null);\n        const [tooltipId] = useState(() => uniqueId(TOOLTIP_ID_PREFIX));\n        const open = openProp ?? openState;\n\n        /** Установка ссылки на кнопку-триггер: во внутренний ref (для позиционирования) и во внешний forwarded ref. */\n        const setButtonRef = useCallback(\n            (instance: HTMLButtonElement | null) => {\n                buttonRef.current = instance;\n\n                if (typeof ref === \"function\") {\n                    ref(instance);\n                } else if (ref) {\n                    ref.current = instance;\n                }\n            },\n            [ref],\n        );\n\n        useEffect(() => {\n            if (!open) {\n                setFocusTrapNode(null);\n            }\n        }, [open]);\n\n        /** Обработчик закрытия/открытия Tooltip. */\n        const handleTooltipToggle = (nextOpen: boolean) => {\n            if (openProp === undefined) {\n                setOpenState(nextOpen);\n            }\n\n            toggle?.(nextOpen);\n        };\n\n        /** Обработчик появления Tooltip. Сохраняет его ноду, если подсказке нужна ловушка фокуса. */\n        const handleTooltipShow = (node: HTMLDivElement) => {\n            setFocusTrapNode(needFocusTrap(buttonRef.current) ? node : null);\n            onShow?.(node);\n        };\n\n        return (\n            <>\n                <Tooltip\n                    id={tooltipId}\n                    tabIndex={-1}\n                    role=\"dialog\"\n                    toggleType=\"hover\"\n                    size={tooltipSize}\n                    preferPlace={preferPlace}\n                    isOpen={open}\n                    toggle={handleTooltipToggle}\n                    onShow={handleTooltipShow}\n                    targetRef={buttonRef}\n                    {...(tooltipAriaAttributes && getAriaHTMLAttributes(tooltipAriaAttributes))}\n                    {...(tooltipDataAttributes && getDataHTMLAttributes(tooltipDataAttributes))}\n                >\n                    <Tooltip.Target>\n                        <ButtonIcon\n                            className={clsx(styles.helpBoxButton, className)}\n                            shape={EButtonIconShape.CIRCLE}\n                            ref={setButtonRef}\n                            {...targetHtmlAttrs}\n                        >\n                            <QuestioncircleFilledSrvIcon16 paletteIndex={DEFAULT_ICON_PALETTE_INDEX} {...iconProps} />\n                        </ButtonIcon>\n                    </Tooltip.Target>\n                    {mobileHeaderContent && <Tooltip.MobileHeader>{mobileHeaderContent}</Tooltip.MobileHeader>}\n                    <Tooltip.Body>{children}</Tooltip.Body>\n                    <Tooltip.XButton {...tooltipXButtonProps} />\n                </Tooltip>\n                {/* Ловушка фокуса нужна только на desktop, только когда Tooltip уже появился в DOM и только если подсказку открыли не наведением мыши. */}\n                {open && focusTrapNode && (\n                    <MobileView\n                        fallback={\n                            <FocusTrap\n                                active={open}\n                                {...focusTrapProps}\n                                focusTrapOptions={{\n                                    clickOutsideDeactivates: true,\n                                    initialFocus: `[id='${tooltipId}']`,\n                                    preventScroll: true,\n                                    ...focusTrapProps?.focusTrapOptions,\n                                }}\n                                containerElements={[focusTrapNode]}\n                            />\n                        }\n                    >\n                        {null}\n                    </MobileView>\n                )}\n            </>\n        );\n    },\n);\n\nHelpBox.displayName = \"HelpBox\";\n"],"names":["React","FocusTrap"],"mappings":"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"}

package/components/IconWrapper/IconWrapper.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const disableInteraction = "disableInteraction__f9a5486b";
-const displayContents = "displayContents__6b69a628";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const disableInteraction = "disableInteraction__9012f444";
+const displayContents = "displayContents__98d4565d";
 const styles = {
   disableInteraction,
   displayContents

package/components/ImageGallery/ImageGallery.js

@@ -8,7 +8,7 @@ import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
+import "../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
 const ImageGallery = React__default.forwardRef(

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useCallback } from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../utils/keyboard.js";
 import { ImageGalleryExtendedContext } from "./ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const root = "root__f02db5f9";
+const root = "root__96497f2f";
 const styles = {
   root
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { EImageGalleryArrowDirection } from "../enums.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
 const DIRECTION_CLASS = {
   [EImageGalleryArrowDirection.PREV]: styles.prev,
   [EImageGalleryArrowDirection.NEXT]: styles.next

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-const dots = "dots__502a6da2";
-const dot = "dot__07b89730";
-const active = "active__557ebaa2";
+const dots = "dots__ca8902f0";
+const dot = "dot__37209169";
+const active = "active__d6aeb38b";
 const styles = {
   dots,
   dot,

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { MobileView } from "../../MobileView/MobileView.js";
 import "../../MobileView/useMobileView.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
 import { ImageGalleryExtendedSwipeTrack } from "./ImageGalleryExtendedSwipeTrack.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
 const ImageGalleryExtendedMain = React__default.forwardRef(
   ({ height = "auto", withBlur = false, onImageClick, className, children, style, ...rest }, ref) => {
     const { items, selectedIndex } = useContext(ImageGalleryExtendedContext);

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
 const ImageGalleryExtendedSlide = ({ item, withBlur, onClick }) => /* @__PURE__ */ jsxs("div", { className: styles.slide, children: [
   withBlur && /* @__PURE__ */ jsx("img", { src: item.src, alt: "", className: styles.blur, "aria-hidden": "true" }),
   onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: styles.imageButton, onClick, children: /* @__PURE__ */ jsx(

package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext, useState, useRef, useCallback } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
 import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
-import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module--816bwiO.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-DfFkrw4n.js";
 const SWIPE_MIN_DISTANCE = 50;
 const DIRECTION_LOCK_PX = 8;
 const EDGE_RESISTANCE = 0.35;

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-D4wvHis9.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
+import "../../../chunks/vendor-CUIykw0y.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
 export {
   I as ImageGalleryExtendedThumb
 };

package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useImperativeHandle, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { isKey } from "../../../utils/keyboard.js";
 import { scrollSmoothHorizontally } from "../../../utils/scroll.js";
 import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
-import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
+import { s as styles, I as ImageGalleryExtendedThumb } from "../../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
 const renderDefaultThumb = ({ item, isActive, ariaLabel, onSelect, ref }) => /* @__PURE__ */ jsx(ImageGalleryExtendedThumb, { ref, item, isActive, "aria-label": ariaLabel, onClick: onSelect });
 const ImageGalleryExtendedThumbnails = React__default.forwardRef(
   ({ className, children, onKeyDown, ...rest }, ref) => {

package/components/ImageGalleryExtended/components/index.js

@@ -2,7 +2,7 @@ import { ImageGalleryExtendedMain } from "./ImageGalleryExtendedMain.js";
 import { ImageGalleryExtendedNav } from "./ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./ImageGalleryExtendedThumbnails.js";
-import { I } from "../../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
+import { I } from "../../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
 import { ImageGalleryExtendedDots } from "./ImageGalleryExtendedDots.js";
 export {
   ImageGalleryExtendedArrow,

package/components/ImageGalleryExtended/index.js

@@ -4,7 +4,7 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I } from "../../chunks/ImageGalleryExtendedThumb-DlJrbeiX.js";
+import { I } from "../../chunks/ImageGalleryExtendedThumb-Bm2vFDwB.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./enums.js";
 export {

package/components/Island/Island.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EIslandType } from "./enums.js";
 import { IslandBody } from "./components/IslandBody.js";
 import { IslandHeader } from "./components/IslandHeader.js";
 import { IslandFooter } from "./components/IslandFooter.js";
-import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-vSmFPvz4.js";
+import { s as styles, m as mapTypeToClassName } from "../../chunks/utils-CvDoNsRH.js";
 import { LoaderScreen } from "../LoaderScreen/LoaderScreen.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";

package/components/Island/components/IslandBody.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandBody = "islandBody__fa2d569a";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const islandBody = "islandBody__2808f919";
 const styles = {
   islandBody
 };

package/components/Island/components/IslandFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandFooter = "islandFooter__1b891a7f";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const islandFooter = "islandFooter__ebea4931";
 const styles = {
   islandFooter
 };

package/components/Island/components/IslandHeader.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-const islandHeader = "islandHeader__0260f202";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+const islandHeader = "islandHeader__6d9331f8";
 const styles = {
   islandHeader
 };

package/components/Island/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m } from "../../chunks/utils-vSmFPvz4.js";
+import { m } from "../../chunks/utils-CvDoNsRH.js";
 export {
   m as mapTypeToClassName
 };

package/components/IslandAccordion/IslandAccordion.js

@@ -8,15 +8,15 @@ import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../chunks/IslandAccordion.module-4rzQ8p9D.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-CARpAvhk.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
 const IslandAccordion = Object.assign(
   React__default.forwardRef(
     ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {
       const classNames = clsx(className, styles.islandAccordion);
-      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.45.0", ref, children }) });
+      return /* @__PURE__ */ jsx(IslandAccordionContext.Provider, { value: { size, type }, children: /* @__PURE__ */ jsx("ul", { ...rest, className: classNames, "data-tx": "1.47.0", ref, children }) });
     }
   ),
   {

package/components/IslandAccordion/IslandAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"IslandAccordion.js","sources":["../../../src/components/IslandAccordion/IslandAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { IslandAccordionItem } from \"./components/IslandAccordionItem\";\nimport { IslandAccordionContext } from \"./IslandAccordionContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType, IIslandProps } from \"../Island\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandAccordion.module.less\";\n\nexport interface IIslandAccordionProps extends React.HTMLAttributes<HTMLUListElement>, Pick<IIslandProps, \"type\"> {\n    size?: EComponentSize;\n}\n\nexport const IslandAccordion = Object.assign(\n    React.forwardRef<HTMLUListElement, IIslandAccordionProps>(\n        ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {\n            const classNames = clsx(className, styles.islandAccordion);\n\n            return (\n                <IslandAccordionContext.Provider value={{ size, type }}>\n                    <ul {...rest} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n                        {children}\n                    </ul>\n                </IslandAccordionContext.Provider>\n            );\n        },\n    ),\n    {\n        Item: IslandAccordionItem,\n    },\n);\n\nIslandAccordion.displayName = \"IslandAccordion\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,kBAAkB,OAAO;AAAA,EAClCA,eAAM;AAAA,IACF,CAAC,EAAE,WAAW,UAAU,OAAO,eAAe,IAAI,OAAO,YAAY,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAC5F,YAAM,aAAa,KAAK,WAAW,OAAO,eAAe;AAEzD,aACI,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,MAAM,QAC5C,UAAA,oBAAC,QAAI,GAAG,MAAM,WAAW,YAAY,WAAS,UAAiC,KAC1E,SAAA,CACL,GACJ;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"IslandAccordion.js","sources":["../../../src/components/IslandAccordion/IslandAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { IslandAccordionItem } from \"./components/IslandAccordionItem\";\nimport { IslandAccordionContext } from \"./IslandAccordionContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType, IIslandProps } from \"../Island\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/IslandAccordion.module.less\";\n\n/** Свойства компонента IslandAccordion. */\nexport interface IIslandAccordionProps extends React.HTMLAttributes<HTMLUListElement>, Pick<IIslandProps, \"type\"> {\n    /** Размер элементов аккордеона. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n}\n\n/**\n * Аккордеон: список раскрывающихся элементов IslandAccordion.Item, каждый из которых\n * построен на Island. Размер и тип задаются на списке и раздаются элементам через контекст.\n */\nexport const IslandAccordion = Object.assign(\n    React.forwardRef<HTMLUListElement, IIslandAccordionProps>(\n        ({ className, children, size = EComponentSize.MD, type = EIslandType.TYPE_1, ...rest }, ref) => {\n            const classNames = clsx(className, styles.islandAccordion);\n\n            return (\n                <IslandAccordionContext.Provider value={{ size, type }}>\n                    <ul {...rest} className={classNames} data-tx={process.env.npm_package_version} ref={ref}>\n                        {children}\n                    </ul>\n                </IslandAccordionContext.Provider>\n            );\n        },\n    ),\n    {\n        Item: IslandAccordionItem,\n    },\n);\n\nIslandAccordion.displayName = \"IslandAccordion\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAkBO,MAAM,kBAAkB,OAAO;AAAA,EAClCA,eAAM;AAAA,IACF,CAAC,EAAE,WAAW,UAAU,OAAO,eAAe,IAAI,OAAO,YAAY,QAAQ,GAAG,KAAA,GAAQ,QAAQ;AAC5F,YAAM,aAAa,KAAK,WAAW,OAAO,eAAe;AAEzD,aACI,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,MAAM,QAC5C,UAAA,oBAAC,QAAI,GAAG,MAAM,WAAW,YAAY,WAAS,UAAiC,KAC1E,SAAA,CACL,GACJ;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,MAAM;AAAA,EAAA;AAEd;AAEA,gBAAgB,cAAc;"}