@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/Island/components/IslandFooter.js

@@ -1,10 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
-import e from "react";
-import { c as a } from "../../../chunks/vendor-D5cfSbgz.js";
-const l = "islandFooter__9686e188", n = {
-  islandFooter: l
-}, m = e.forwardRef(({ children: o, ...r }, t) => /* @__PURE__ */ s("div", { className: a(n.islandFooter), ref: t, ...r, children: o }));
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const islandFooter = "islandFooter__fa94fcc4";
+const styles = {
+  islandFooter
+};
+const IslandFooter = React__default.forwardRef(({ children, ...rest }, ref) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.islandFooter), ref, ...rest, children });
+});
 export {
-  m as IslandFooter
+  IslandFooter
 };
 //# sourceMappingURL=IslandFooter.js.map

package/components/Island/components/IslandFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandFooter.js","sources":["../../../../src/components/Island/components/IslandFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandFooter.module.less\";\n\nexport interface IIslandFooterProps extends React.HTMLProps<HTMLDivElement> {}\n\nexport const IslandFooter = React.forwardRef<HTMLDivElement, IIslandFooterProps>(({ children, ...rest }, ref) => {\n    return (\n        <div className={clsx(styles.islandFooter)} ref={ref} {...rest}>\n            {children}\n        </div>\n    );\n});\n"],"names":["React"],"mappings":";;;;;;;AAMO,MAAM,eAAeA,eAAM,WAA+C,CAAC,EAAE,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAC7G,SACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,GAAG,KAAW,GAAG,MACpD,SAAA,CACL;AAER,CAAC;"}

package/components/Island/components/IslandHeader.js

@@ -1,10 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
-import d from "react";
-import { c as o } from "../../../chunks/vendor-D5cfSbgz.js";
-const t = "islandHeader__e8e65dc6", l = {
-  islandHeader: t
-}, m = d.forwardRef(({ children: e, ...a }, r) => /* @__PURE__ */ s("div", { className: o(l.islandHeader), ref: r, ...a, children: e }));
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const islandHeader = "islandHeader__57a0c6ae";
+const styles = {
+  islandHeader
+};
+const IslandHeader = React__default.forwardRef(({ children, ...rest }, ref) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx(styles.islandHeader), ref, ...rest, children });
+});
 export {
-  m as IslandHeader
+  IslandHeader
 };
 //# sourceMappingURL=IslandHeader.js.map

package/components/Island/components/IslandHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandHeader.js","sources":["../../../../src/components/Island/components/IslandHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandHeader.module.less\";\n\nexport interface IIslandHeaderProps extends React.HTMLProps<HTMLDivElement> {}\n\nexport const IslandHeader = React.forwardRef<HTMLDivElement, IIslandHeaderProps>(({ children, ...rest }, ref) => {\n    return (\n        <div className={clsx(styles.islandHeader)} ref={ref} {...rest}>\n            {children}\n        </div>\n    );\n});\n"],"names":["React"],"mappings":";;;;;;;AAMO,MAAM,eAAeA,eAAM,WAA+C,CAAC,EAAE,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAC7G,SACI,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,YAAY,GAAG,KAAW,GAAG,MACpD,SAAA,CACL;AAER,CAAC;"}

package/components/Island/components/index.js

@@ -1,9 +1,9 @@
-import { IslandBody as e } from "./IslandBody.js";
-import { IslandHeader as a } from "./IslandHeader.js";
-import { IslandFooter as f } from "./IslandFooter.js";
+import { IslandBody } from "./IslandBody.js";
+import { IslandHeader } from "./IslandHeader.js";
+import { IslandFooter } from "./IslandFooter.js";
 export {
-  e as IslandBody,
-  f as IslandFooter,
-  a as IslandHeader
+  IslandBody,
+  IslandFooter,
+  IslandHeader
 };
 //# sourceMappingURL=index.js.map

package/components/Island/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/Island/enums.js

@@ -1,5 +1,10 @@
-var t = /* @__PURE__ */ ((_) => (_.TYPE_1 = "type_1", _.TYPE_2 = "type_2", _.TYPE_3 = "type_3", _))(t || {});
+var EIslandType = /* @__PURE__ */ ((EIslandType2) => {
+  EIslandType2["TYPE_1"] = "type_1";
+  EIslandType2["TYPE_2"] = "type_2";
+  EIslandType2["TYPE_3"] = "type_3";
+  return EIslandType2;
+})(EIslandType || {});
 export {
-  t as EIslandType
+  EIslandType
 };
 //# sourceMappingURL=enums.js.map

package/components/Island/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Island/enums.ts"],"sourcesContent":["/** Типы компонента Island. Отличаются цвет и тень. */\nexport enum EIslandType {\n    TYPE_1 = \"type_1\",\n    TYPE_2 = \"type_2\",\n    TYPE_3 = \"type_3\",\n}\n"],"names":["EIslandType"],"mappings":"AACO,IAAK,gCAAAA,iBAAL;AACHA,eAAA,QAAA,IAAS;AACTA,eAAA,QAAA,IAAS;AACTA,eAAA,QAAA,IAAS;AAHD,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;"}

package/components/Island/index.js

@@ -1,13 +1,13 @@
-import { Island as e } from "./Island.js";
-import { EIslandType as a } from "./enums.js";
-import { IslandBody as t } from "./components/IslandBody.js";
-import { IslandHeader as l } from "./components/IslandHeader.js";
-import { IslandFooter as n } from "./components/IslandFooter.js";
+import { Island } from "./Island.js";
+import { EIslandType } from "./enums.js";
+import { IslandBody } from "./components/IslandBody.js";
+import { IslandHeader } from "./components/IslandHeader.js";
+import { IslandFooter } from "./components/IslandFooter.js";
 export {
-  a as EIslandType,
-  e as Island,
-  t as IslandBody,
-  n as IslandFooter,
-  l as IslandHeader
+  EIslandType,
+  Island,
+  IslandBody,
+  IslandFooter,
+  IslandHeader
 };
 //# sourceMappingURL=index.js.map

package/components/Island/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Island/utils.js

@@ -1,6 +1,6 @@
 import "./enums.js";
-import { m as p } from "../../chunks/utils-DIpdLSK7.js";
+import { m } from "../../chunks/utils-CnSKJ0I9.js";
 export {
-  p as mapTypeToClassName
+  m as mapTypeToClassName
 };
 //# sourceMappingURL=utils.js.map

package/components/Island/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/IslandAccordion/IslandAccordion.js

@@ -1,30 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "react";
-import { IslandAccordionItem as n } from "./components/IslandAccordionItem.js";
-import { IslandAccordionContext as p } from "./IslandAccordionContext.js";
-import { EComponentSize as d } from "../../enums/EComponentSize.js";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { IslandAccordionItem } from "./components/IslandAccordionItem.js";
+import { IslandAccordionContext } from "./IslandAccordionContext.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 import "../Island/Island.js";
-import { EIslandType as l } from "../Island/enums.js";
+import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-import { c as f } from "../../chunks/vendor-D5cfSbgz.js";
-import { s as I } from "../../chunks/IslandAccordion.module-b2tphik7.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../chunks/IslandAccordion.module-BOfCht8F.js";
 import "./components/IslandAccordionContent.js";
 import "./components/IslandAccordionFooter.js";
-const x = Object.assign(
-  e.forwardRef(
-    ({ className: r, children: t, size: m = d.MD, type: i = l.TYPE_1, ...s }, a) => {
-      const c = f(r, I.islandAccordion);
-      return /* @__PURE__ */ o(p.Provider, { value: { size: m, type: i }, children: /* @__PURE__ */ o("ul", { ...s, className: c, "data-tx": "1.33.0", ref: a, children: t }) });
+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.35.0", ref, children }) });
     }
   ),
   {
-    Item: n
+    Item: IslandAccordionItem
   }
 );
-x.displayName = "IslandAccordion";
+IslandAccordion.displayName = "IslandAccordion";
 export {
-  x as IslandAccordion
+  IslandAccordion
 };
 //# sourceMappingURL=IslandAccordion.js.map

package/components/IslandAccordion/IslandAccordion.js.map

@@ -0,0 +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;"}

package/components/IslandAccordion/IslandAccordionContext.js

@@ -1,16 +1,17 @@
-import o from "react";
-import { EComponentSize as t } from "../../enums/EComponentSize.js";
+import React__default from "react";
+import { EComponentSize } from "../../enums/EComponentSize.js";
 import "../Island/Island.js";
-import { EIslandType as i } from "../Island/enums.js";
+import { EIslandType } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
-const r = {
-  size: t.MD,
-  type: i.TYPE_1
-}, s = o.createContext(r);
+const initialIslandAccordionContext = {
+  size: EComponentSize.MD,
+  type: EIslandType.TYPE_1
+};
+const IslandAccordionContext = React__default.createContext(initialIslandAccordionContext);
 export {
-  s as IslandAccordionContext,
-  r as initialIslandAccordionContext
+  IslandAccordionContext,
+  initialIslandAccordionContext
 };
 //# sourceMappingURL=IslandAccordionContext.js.map

package/components/IslandAccordion/IslandAccordionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandAccordionContext.js","sources":["../../../src/components/IslandAccordion/IslandAccordionContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EIslandType } from \"../Island\";\n\nexport interface IIslandAccordionContext {\n    size: EComponentSize;\n    type: EIslandType;\n}\n\nexport const initialIslandAccordionContext: IIslandAccordionContext = {\n    size: EComponentSize.MD,\n    type: EIslandType.TYPE_1,\n};\n\nexport const IslandAccordionContext = React.createContext<IIslandAccordionContext>(initialIslandAccordionContext);\n"],"names":["React"],"mappings":";;;;;;;AASO,MAAM,gCAAyD;AAAA,EAClE,MAAM,eAAe;AAAA,EACrB,MAAM,YAAY;AACtB;AAEO,MAAM,yBAAyBA,eAAM,cAAuC,6BAA6B;"}

package/components/IslandAccordion/components/IslandAccordionContent.js

@@ -1,12 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as r } from "../../../chunks/IslandAccordion.module-b2tphik7.js";
-import { Island as s } from "../../Island/Island.js";
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BOfCht8F.js";
+import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-const m = ({ children: o }) => /* @__PURE__ */ t(s.Body, { className: r.body, children: o });
-m.displayName = "IslandAccordionContent";
+const IslandAccordionContent = ({ children }) => /* @__PURE__ */ jsx(Island.Body, { className: styles.body, children });
+IslandAccordionContent.displayName = "IslandAccordionContent";
 export {
-  m as IslandAccordionContent
+  IslandAccordionContent
 };
 //# sourceMappingURL=IslandAccordionContent.js.map

package/components/IslandAccordion/components/IslandAccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandAccordionContent.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionContent.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island } from \"../../Island/\";\n\n/** Свойства компонента IslandAccordionContent. */\nexport interface IIslandAccordionContentProps {\n    children?: React.ReactNode;\n}\n\n/** Компонент содержимого элемента аккордеона. */\nexport const IslandAccordionContent: React.FC<IIslandAccordionContentProps> = ({ children }) => (\n    <Island.Body className={styles.body}>{children}</Island.Body>\n);\n\nIslandAccordionContent.displayName = \"IslandAccordionContent\";\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,yBAAiE,CAAC,EAAE,SAAA,MAC7E,oBAAC,OAAO,MAAP,EAAY,WAAW,OAAO,MAAO,SAAA,CAAS;AAGnD,uBAAuB,cAAc;"}

package/components/IslandAccordion/components/IslandAccordionFooter.js

@@ -1,13 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as m } from "../../../chunks/IslandAccordion.module-b2tphik7.js";
-import { Island as i } from "../../Island/Island.js";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BOfCht8F.js";
+import { Island } from "../../Island/Island.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-const a = ({ className: o, ...r }) => /* @__PURE__ */ s(i.Footer, { className: t(m.footer, o), ...r });
-a.displayName = "IslandAccordionFooter";
+const IslandAccordionFooter = ({ className, ...rest }) => /* @__PURE__ */ jsx(Island.Footer, { className: clsx(styles.footer, className), ...rest });
+IslandAccordionFooter.displayName = "IslandAccordionFooter";
 export {
-  a as IslandAccordionFooter
+  IslandAccordionFooter
 };
 //# sourceMappingURL=IslandAccordionFooter.js.map

package/components/IslandAccordion/components/IslandAccordionFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandAccordionFooter.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionFooter.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { Island, IIslandFooterProps } from \"../../Island\";\n\n/** Свойства компонента IslandAccordionFooter. */\nexport interface IIslandAccordionFooterProps extends IIslandFooterProps {}\n\n/** Компонент подвала элемента акоордеона. */\nexport const IslandAccordionFooter: React.FC<IIslandAccordionFooterProps> = ({ className, ...rest }) => (\n    <Island.Footer className={clsx(styles.footer, className)} {...rest} />\n);\n\nIslandAccordionFooter.displayName = \"IslandAccordionFooter\";\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,wBAA+D,CAAC,EAAE,WAAW,GAAG,KAAA,MACzF,oBAAC,OAAO,QAAP,EAAc,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAI,GAAG,KAAA,CAAM;AAGxE,sBAAsB,cAAc;"}

package/components/IslandAccordion/components/IslandAccordionItem.js

@@ -1,114 +1,134 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import D, { useState as W, useContext as j, useRef as X, useEffect as Z } from "react";
-import { CaretdownStrokeSrvIcon24 as $, CrossStrokeSrvIcon24 as b } from "@sberbusiness/icons-next";
-import { u as B, c as d } from "../../../chunks/vendor-D5cfSbgz.js";
-import { Island as C } from "../../Island/Island.js";
-import { ExpandAnimation as q } from "../../ExpandAnimation/ExpandAnimation.js";
-import { IslandAccordionContent as G } from "./IslandAccordionContent.js";
-import { IslandAccordionFooter as R } from "./IslandAccordionFooter.js";
-import { createSizeToClassNameMap as U } from "../../../utils/classNameMaps.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useState, useContext, useRef, useEffect } from "react";
+import { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { Island } from "../../Island/Island.js";
+import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
+import { IslandAccordionContent } from "./IslandAccordionContent.js";
+import { IslandAccordionFooter } from "./IslandAccordionFooter.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
-import { ButtonIcon as J } from "../../Button/ButtonIcon.js";
+import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { EIslandType as l } from "../../Island/enums.js";
+import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { Step as K } from "../../Step/Step.js";
-import { EStepPosition as Q } from "../../Step/enums.js";
-import { IslandAccordionContext as V } from "../IslandAccordionContext.js";
-import { EComponentSize as f } from "../../../enums/EComponentSize.js";
-import { ETitleSize as s, EFontWeightTitle as g, EFontType as x } from "../../Typography/enums.js";
+import { Step } from "../../Step/Step.js";
+import { EStepPosition } from "../../Step/enums.js";
+import { IslandAccordionContext } from "../IslandAccordionContext.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { ETitleSize, EFontWeightTitle, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
-import { Title as tt } from "../../Typography/Title.js";
-import { s as t } from "../../../chunks/IslandAccordion.module-b2tphik7.js";
-import { EScreenWidth as y } from "../../../helpers/breakpoints.js";
-import { useMatchMedia as rt } from "../../MediaWidth/useMatchMedia.js";
-const et = {
-  [l.TYPE_1]: t.type1,
-  [l.TYPE_2]: t.type2,
-  [l.TYPE_3]: t.type3
-}, ot = {
-  [f.SM]: s.H3,
-  [f.MD]: s.H3,
-  [f.LG]: s.H2
-}, it = U(t), nt = Object.assign(
-  D.forwardRef(
+import { Title } from "../../Typography/Title.js";
+import { s as styles } from "../../../chunks/IslandAccordion.module-BOfCht8F.js";
+import { EScreenWidth } from "../../../helpers/breakpoints.js";
+import { useMatchMedia } from "../../MediaWidth/useMatchMedia.js";
+const TYPE_TO_CLASS_NAME_MAP = {
+  [EIslandType.TYPE_1]: styles.type1,
+  [EIslandType.TYPE_2]: styles.type2,
+  [EIslandType.TYPE_3]: styles.type3
+};
+const SIZE_TO_TITLE_SIZE_MAP = {
+  [EComponentSize.SM]: ETitleSize.H3,
+  [EComponentSize.MD]: ETitleSize.H3,
+  [EComponentSize.LG]: ETitleSize.H2
+};
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const IslandAccordionItem = Object.assign(
+  React__default.forwardRef(
     ({
-      children: N,
-      title: T,
-      className: P,
-      opened: i,
-      disabled: e,
-      onRemove: n,
-      onToggle: c,
-      id: m,
-      num: I,
-      status: h,
-      stepHint: w,
-      transitionProps: O,
-      ...k
-    }, v) => {
-      const [o, S] = W(i || !1), { size: a, type: E } = j(V), _ = X(B()).current, A = `${_}header`, M = `${_}body`, z = rt(
-        `(max-width: ${y.SM_MAX})`,
-        window.innerWidth <= parseInt(y.SM_MAX)
+      children,
+      title,
+      className,
+      opened,
+      disabled,
+      onRemove,
+      onToggle,
+      id,
+      num,
+      status,
+      stepHint,
+      transitionProps,
+      ...rest
+    }, ref) => {
+      const [isOpen, setIsOpen] = useState(opened || false);
+      const { size, type } = useContext(IslandAccordionContext);
+      const instanceId = useRef(uniqueId()).current;
+      const headerInstanceId = `${instanceId}header`;
+      const bodyInstanceId = `${instanceId}body`;
+      const adaptive = useMatchMedia(
+        `(max-width: ${EScreenWidth.SM_MAX})`,
+        window.innerWidth <= parseInt(EScreenWidth.SM_MAX)
       );
-      Z(() => {
-        i !== void 0 && o !== i && S(i);
-      }, [i, o]);
-      const H = () => {
-        if (e)
+      useEffect(() => {
+        if (opened !== void 0 && isOpen !== opened) {
+          setIsOpen(opened);
+        }
+      }, [opened, isOpen]);
+      const handleHeaderClick = () => {
+        if (disabled) {
           return;
-        const u = !o;
-        c == null || c(u, m), i === void 0 && S(u);
-      }, F = () => {
-        e || n == null || n(m);
-      }, L = z ? s.H3 : ot[a], Y = d(
-        P,
-        t.item,
-        it[a],
-        et[E],
+        }
+        const newOpened = !isOpen;
+        onToggle == null ? void 0 : onToggle(newOpened, id);
+        if (opened === void 0) {
+          setIsOpen(newOpened);
+        }
+      };
+      const handleRemoveClick = () => {
+        if (disabled) {
+          return;
+        }
+        onRemove == null ? void 0 : onRemove(id);
+      };
+      const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];
+      const classNames = clsx(
+        className,
+        styles.item,
+        SIZE_TO_CLASS_NAME_MAP[size],
+        TYPE_TO_CLASS_NAME_MAP[type],
         {
-          [t.disabled]: !!e,
-          [t.opened]: o
+          [styles.disabled]: !!disabled,
+          [styles.opened]: isOpen
         }
       );
-      return /* @__PURE__ */ p("li", { ...k, className: Y, id: m, ref: v, children: [
-        /* @__PURE__ */ p(C, { className: t.island, size: a, type: E, children: [
-          /* @__PURE__ */ r(C.Header, { children: /* @__PURE__ */ p(
+      return /* @__PURE__ */ jsxs("li", { ...rest, className: classNames, id, ref, children: [
+        /* @__PURE__ */ jsxs(Island, { className: styles.island, size, type, children: [
+          /* @__PURE__ */ jsx(Island.Header, { children: /* @__PURE__ */ jsxs(
             "button",
             {
-              id: A,
-              "aria-controls": M,
-              "aria-expanded": o,
+              id: headerInstanceId,
+              "aria-controls": bodyInstanceId,
+              "aria-expanded": isOpen,
               type: "button",
-              className: d(t.header, {
-                hoverable: !o
+              className: clsx(styles.header, {
+                hoverable: !isOpen
               }),
-              onClick: H,
-              disabled: e,
-              "data-tx": "1.33.0",
+              onClick: handleHeaderClick,
+              disabled,
+              "data-tx": "1.35.0",
               children: [
-                h && I && /* @__PURE__ */ r("div", { className: t.step, children: /* @__PURE__ */ r(K, { step: I, status: h, position: Q.XFirst, size: a, children: e ? void 0 : w }) }),
-                /* @__PURE__ */ r(
-                  tt,
+                status && num && /* @__PURE__ */ jsx("div", { className: styles.step, children: /* @__PURE__ */ jsx(Step, { step: num, status, position: EStepPosition.XFirst, size, children: disabled ? void 0 : stepHint }) }),
+                /* @__PURE__ */ jsx(
+                  Title,
                   {
-                    className: t.title,
-                    size: L,
-                    type: e ? x.DISABLED : x.PRIMARY,
+                    className: styles.title,
+                    size: titleSize,
+                    type: disabled ? EFontType.DISABLED : EFontType.PRIMARY,
                     tag: "div",
-                    weight: g.MEDIUM,
-                    children: T
+                    weight: EFontWeightTitle.MEDIUM,
+                    children: title
                   }
                 ),
-                /* @__PURE__ */ r("span", { className: d(t.caretWrapper), children: /* @__PURE__ */ r(
-                  $,
+                /* @__PURE__ */ jsx("span", { className: clsx(styles.caretWrapper), children: /* @__PURE__ */ jsx(
+                  CaretdownStrokeSrvIcon24,
                   {
-                    className: t.caretIcon,
+                    className: styles.caretIcon,
                     "aria-hidden": "true",
                     paletteIndex: 5
                   }
@@ -116,29 +136,29 @@ const et = {
               ]
             }
           ) }),
-          /* @__PURE__ */ r(
-            q,
+          /* @__PURE__ */ jsx(
+            ExpandAnimation,
             {
-              expanded: o && !e,
-              id: M,
+              expanded: isOpen && !disabled,
+              id: bodyInstanceId,
               role: "region",
-              "aria-labelledby": A,
-              transitionProps: O,
-              children: N
+              "aria-labelledby": headerInstanceId,
+              transitionProps,
+              children
             }
           )
         ] }),
-        n && /* @__PURE__ */ r("span", { className: t.remove, children: /* @__PURE__ */ r(J, { onClick: F, disabled: e, title: "Удалить", children: /* @__PURE__ */ r(b, { paletteIndex: 5 }) }) })
+        onRemove && /* @__PURE__ */ jsx("span", { className: styles.remove, children: /* @__PURE__ */ jsx(ButtonIcon, { onClick: handleRemoveClick, disabled, title: "Удалить", children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon24, { paletteIndex: 5 }) }) })
       ] });
     }
   ),
   {
-    Content: G,
-    Footer: R
+    Content: IslandAccordionContent,
+    Footer: IslandAccordionFooter
   }
 );
-nt.displayName = "IslandAccordionItem";
+IslandAccordionItem.displayName = "IslandAccordionItem";
 export {
-  nt as IslandAccordionItem
+  IslandAccordionItem
 };
 //# sourceMappingURL=IslandAccordionItem.js.map

package/components/IslandAccordion/components/IslandAccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IslandAccordionItem.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useContext } from \"react\";\nimport { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { Island } from \"../../Island/Island\";\nimport { uniqueId } from \"lodash-es\";\nimport { ExpandAnimation, IExpandAnimationProps } from \"../../ExpandAnimation\";\nimport { IslandAccordionContent } from \"./IslandAccordionContent\";\nimport { IslandAccordionFooter } from \"./IslandAccordionFooter\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { ButtonIcon } from \"../../Button\";\nimport { EIslandType } from \"../../Island\";\nimport { Step, EStepStatus, EStepPosition } from \"../../Step\";\nimport { IslandAccordionContext } from \"../IslandAccordionContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { ETitleSize, Title, EFontType, EFontWeightTitle } from \"../../Typography\";\nimport styles from \"../styles/IslandAccordion.module.less\";\nimport { EScreenWidth } from \"@sberbusiness/triplex-next/helpers/breakpoints\";\nimport { useMatchMedia } from \"../../MediaWidth/useMatchMedia\";\n\nexport interface IIslandAccordionItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, \"title\"> {\n    /** Нода с названием заголовка. */\n    title: React.ReactNode;\n    /** Идентификатор вкладки (если не передать извне, то используется индекс. Также используется как ключ при рендере списка вкладок). */\n    id: string;\n    /** Цифра в кружке. */\n    num?: number;\n    /** Раскрыт ли элемент. */\n    opened?: boolean;\n    /** Статус шага. */\n    status?: EStepStatus;\n    /** Подсказка к шагу. */\n    stepHint?: string;\n    /** Заблокирован ли элемент. */\n    disabled?: boolean;\n    /** Вызывается при клике по вкладке. */\n    onToggle?: (newOpened: boolean, id: string) => void;\n    /** Вызывается при удалении вкладки. */\n    onRemove?: (id: string) => void;\n    /** Свойства компонента Transition (react-transition-group). */\n    transitionProps?: IExpandAnimationProps[\"transitionProps\"];\n}\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<EIslandType, string> = {\n    [EIslandType.TYPE_1]: styles.type1,\n    [EIslandType.TYPE_2]: styles.type2,\n    [EIslandType.TYPE_3]: styles.type3,\n};\n\nconst SIZE_TO_TITLE_SIZE_MAP: Record<EComponentSize, ETitleSize> = {\n    [EComponentSize.SM]: ETitleSize.H3,\n    [EComponentSize.MD]: ETitleSize.H3,\n    [EComponentSize.LG]: ETitleSize.H2,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandAccordionItem = Object.assign(\n    React.forwardRef<HTMLLIElement, IIslandAccordionItemProps>(\n        (\n            {\n                children,\n                title,\n                className,\n                opened,\n                disabled,\n                onRemove,\n                onToggle,\n                id,\n                num,\n                status,\n                stepHint,\n                transitionProps,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [isOpen, setIsOpen] = useState(opened || false);\n            const { size, type } = useContext(IslandAccordionContext);\n\n            // eslint-disable-next-line react-hooks/refs\n            const instanceId = useRef(uniqueId()).current;\n            const headerInstanceId = `${instanceId}header`;\n            const bodyInstanceId = `${instanceId}body`;\n\n            const adaptive = useMatchMedia(\n                `(max-width: ${EScreenWidth.SM_MAX})`,\n                window.innerWidth <= parseInt(EScreenWidth.SM_MAX),\n            );\n\n            useEffect(() => {\n                if (opened !== undefined && isOpen !== opened) {\n                    setIsOpen(opened);\n                }\n            }, [opened, isOpen]);\n\n            const handleHeaderClick = (): void => {\n                if (disabled) {\n                    return;\n                }\n                const newOpened = !isOpen;\n                onToggle?.(newOpened, id);\n\n                if (opened === undefined) {\n                    setIsOpen(newOpened);\n                }\n            };\n\n            const handleRemoveClick = (): void => {\n                if (disabled) {\n                    return;\n                }\n                onRemove?.(id);\n            };\n\n            const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];\n\n            const classNames = clsx(\n                className,\n                styles.item,\n                SIZE_TO_CLASS_NAME_MAP[size],\n                TYPE_TO_CLASS_NAME_MAP[type],\n                {\n                    [styles.disabled]: !!disabled,\n                    [styles.opened]: isOpen,\n                },\n            );\n\n            return (\n                <li {...rest} className={classNames} id={id} ref={ref}>\n                    <Island className={styles.island} size={size} type={type}>\n                        <Island.Header>\n                            <button\n                                id={headerInstanceId}\n                                aria-controls={bodyInstanceId}\n                                aria-expanded={isOpen}\n                                type=\"button\"\n                                className={clsx(styles.header, {\n                                    hoverable: !isOpen,\n                                })}\n                                onClick={handleHeaderClick}\n                                disabled={disabled}\n                                data-tx={process.env.npm_package_version}\n                            >\n                                {status && num && (\n                                    <div className={styles.step}>\n                                        <Step step={num} status={status} position={EStepPosition.XFirst} size={size}>\n                                            {disabled ? undefined : stepHint}\n                                        </Step>\n                                    </div>\n                                )}\n\n                                <Title\n                                    className={styles.title}\n                                    size={titleSize}\n                                    type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n                                    tag=\"div\"\n                                    weight={EFontWeightTitle.MEDIUM}\n                                >\n                                    {title}\n                                </Title>\n\n                                <span className={clsx(styles.caretWrapper)}>\n                                    <CaretdownStrokeSrvIcon24\n                                        className={styles.caretIcon}\n                                        aria-hidden=\"true\"\n                                        paletteIndex={5}\n                                    />\n                                </span>\n                            </button>\n                        </Island.Header>\n\n                        <ExpandAnimation\n                            expanded={isOpen && !disabled}\n                            id={bodyInstanceId}\n                            role=\"region\"\n                            aria-labelledby={headerInstanceId}\n                            transitionProps={transitionProps}\n                        >\n                            {children}\n                        </ExpandAnimation>\n                    </Island>\n\n                    {onRemove && (\n                        <span className={styles.remove}>\n                            <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title=\"Удалить\">\n                                <CrossStrokeSrvIcon24 paletteIndex={5} />\n                            </ButtonIcon>\n                        </span>\n                    )}\n                </li>\n            );\n        },\n    ),\n    {\n        Content: IslandAccordionContent,\n        Footer: IslandAccordionFooter,\n    },\n);\n\nIslandAccordionItem.displayName = \"IslandAccordionItem\";\n"],"names":["React"],"mappings":"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"}

package/components/IslandAccordion/components/index.js

@@ -1,9 +1,9 @@
-import { IslandAccordionItem as n } from "./IslandAccordionItem.js";
-import { IslandAccordionContent as c } from "./IslandAccordionContent.js";
-import { IslandAccordionFooter as e } from "./IslandAccordionFooter.js";
+import { IslandAccordionItem } from "./IslandAccordionItem.js";
+import { IslandAccordionContent } from "./IslandAccordionContent.js";
+import { IslandAccordionFooter } from "./IslandAccordionFooter.js";
 export {
-  c as IslandAccordionContent,
-  e as IslandAccordionFooter,
-  n as IslandAccordionItem
+  IslandAccordionContent,
+  IslandAccordionFooter,
+  IslandAccordionItem
 };
 //# sourceMappingURL=index.js.map

package/components/IslandAccordion/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/IslandAccordion/index.js

@@ -1,11 +1,11 @@
-import { IslandAccordion as n } from "./IslandAccordion.js";
-import { IslandAccordionItem as d } from "./components/IslandAccordionItem.js";
-import { IslandAccordionContent as e } from "./components/IslandAccordionContent.js";
-import { IslandAccordionFooter as I } from "./components/IslandAccordionFooter.js";
+import { IslandAccordion } from "./IslandAccordion.js";
+import { IslandAccordionItem } from "./components/IslandAccordionItem.js";
+import { IslandAccordionContent } from "./components/IslandAccordionContent.js";
+import { IslandAccordionFooter } from "./components/IslandAccordionFooter.js";
 export {
-  n as IslandAccordion,
-  e as IslandAccordionContent,
-  I as IslandAccordionFooter,
-  d as IslandAccordionItem
+  IslandAccordion,
+  IslandAccordionContent,
+  IslandAccordionFooter,
+  IslandAccordionItem
 };
 //# sourceMappingURL=index.js.map

package/components/IslandAccordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}