@sberbusiness/triplex-next 1.33.0 → 1.35.0

package/components/TreeView/components/TreeViewNode.js

@@ -1,72 +1,85 @@
-var p = Object.defineProperty;
-var h = (r, d, e) => d in r ? p(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
-var s = (r, d, e) => h(r, typeof d != "symbol" ? d + "" : d, e);
-import { jsx as a } from "react/jsx-runtime";
-import l from "react";
-import { TreeViewContext as m, withTreeViewContext as x } from "../TreeViewContext.js";
-import { TreeViewAbstractNode as b } from "../TreeViewAbstractNode.js";
-import { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
-import { c as w } from "../../../chunks/vendor-D5cfSbgz.js";
-import { s as C } from "../../../chunks/TreeView.module-SA9BUUel.js";
-class V extends l.Component {
-  constructor(e) {
-    super(e);
-    s(this, "containerDOMNode");
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { TreeViewContext, withTreeViewContext } from "../TreeViewContext.js";
+import { TreeViewAbstractNode } from "../TreeViewAbstractNode.js";
+import { TreeViewAbstractNodeUtils } from "../TreeViewAbstractNodeUtils.js";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { s as styles } from "../../../chunks/TreeView.module-Qo_ChIvW.js";
+class TreeViewNodeWithContext extends React__default.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "containerDOMNode");
     // Абстрактная нода текущей ViewNode.
-    s(this, "abstractNode");
+    __publicField(this, "abstractNode");
     /**
      * Обработчик события blur.
      * Если нода была активна - становится неактивной.
      */
-    s(this, "handleBlur", (e) => {
-      const { onBlur: t, treeViewContext: o } = this.props;
-      e.stopPropagation(), o.setActiveNode(this.abstractNode, !1), t == null || t(e);
+    __publicField(this, "handleBlur", (event) => {
+      const { onBlur, treeViewContext } = this.props;
+      event.stopPropagation();
+      treeViewContext.setActiveNode(this.abstractNode, false);
+      onBlur == null ? void 0 : onBlur(event);
     });
     /**
      * Обработчик события focus.
      * При всплытии фокуса до контейнера ноды - ноды становится активной.
      */
-    s(this, "handleFocus", (e) => {
-      const { onFocus: t, treeViewContext: o } = this.props;
-      e.stopPropagation(), o.setActiveNode(this.abstractNode, !0), t == null || t(e);
+    __publicField(this, "handleFocus", (event) => {
+      const { onFocus, treeViewContext } = this.props;
+      event.stopPropagation();
+      treeViewContext.setActiveNode(this.abstractNode, true);
+      onFocus == null ? void 0 : onFocus(event);
     });
-    s(this, "setContainerDOMNode", (e) => this.containerDOMNode = e);
+    __publicField(this, "setContainerDOMNode", (DOMNode) => this.containerDOMNode = DOMNode);
     /** Устанавливает флаг opened ноды. */
-    s(this, "setOpenedNode", () => (e) => {
-      this.props.treeViewContext.setOpenedNode(this.abstractNode, e);
+    __publicField(this, "setOpenedNode", () => (opened) => {
+      this.props.treeViewContext.setOpenedNode(this.abstractNode, opened);
     });
-    const { treeViewContext: t } = e;
-    this.abstractNode = new b({ id: e.id }), t.setOpenedNode(this.abstractNode, !!e.opened);
-    let o;
-    e.prevNodeId && (o = n.getNode(e.prevNodeId, t.parentNode));
-    let i;
-    e.nextNodeId && (i = n.getNode(e.nextNodeId, t.parentNode)), t.registerNode(this.abstractNode, t.parentNode, o, i);
+    const { treeViewContext } = props;
+    this.abstractNode = new TreeViewAbstractNode({ id: props.id });
+    treeViewContext.setOpenedNode(this.abstractNode, Boolean(props.opened));
+    let prevNode;
+    if (props.prevNodeId) {
+      prevNode = TreeViewAbstractNodeUtils.getNode(props.prevNodeId, treeViewContext.parentNode);
+    }
+    let nextNode;
+    if (props.nextNodeId) {
+      nextNode = TreeViewAbstractNodeUtils.getNode(props.nextNodeId, treeViewContext.parentNode);
+    }
+    treeViewContext.registerNode(this.abstractNode, treeViewContext.parentNode, prevNode, nextNode);
   }
-  componentDidUpdate(e) {
-    const { opened: t, treeViewContext: o } = this.props, { opened: i } = e;
-    t !== i && o.setOpenedNode(this.abstractNode, !!t);
+  componentDidUpdate(prevProps) {
+    const { opened, treeViewContext } = this.props;
+    const { opened: prevOpened } = prevProps;
+    if (opened !== prevOpened) {
+      treeViewContext.setOpenedNode(this.abstractNode, Boolean(opened));
+    }
   }
   componentWillUnmount() {
-    const { treeViewContext: e } = this.props;
-    e.removeNode(this.abstractNode);
+    const { treeViewContext } = this.props;
+    treeViewContext.removeNode(this.abstractNode);
   }
   render() {
-    const { children: e, className: t, nextNodeId: o, opened: i, prevNodeId: f, treeViewContext: N, ...c } = this.props;
-    return /* @__PURE__ */ a(m.Provider, { value: { ...N, parentNode: this.abstractNode }, children: /* @__PURE__ */ a(
+    const { children, className, nextNodeId, opened, prevNodeId, treeViewContext, ...props } = this.props;
+    return /* @__PURE__ */ jsx(TreeViewContext.Provider, { value: { ...treeViewContext, parentNode: this.abstractNode }, children: /* @__PURE__ */ jsx(
       "li",
       {
         role: "treeitem",
         tabIndex: this.abstractNode.getTabIndex(),
         "aria-expanded": this.abstractNode.getOpened(),
-        className: w(C.treeViewNode, t),
-        ...c,
+        className: clsx(styles.treeViewNode, className),
+        ...props,
         onBlur: this.handleBlur,
         onFocus: this.handleFocus,
         ref: this.setContainerDOMNode,
-        children: e({
+        children: children({
           activeNode: this.abstractNode.getActive(),
-          hasChildNodes: !!this.abstractNode.getChildren().length,
-          isLastNode: n.isLastNode(this.abstractNode),
+          hasChildNodes: Boolean(this.abstractNode.getChildren().length),
+          isLastNode: TreeViewAbstractNodeUtils.isLastNode(this.abstractNode),
           openedNode: this.abstractNode.getOpened(),
           setOpenedNode: this.setOpenedNode()
         })
@@ -74,9 +87,9 @@ class V extends l.Component {
     ) });
   }
 }
-const D = x(V);
+const TreeViewNode = withTreeViewContext(TreeViewNodeWithContext);
 export {
-  D as TreeViewNode,
-  V as TreeViewNodeWithContext
+  TreeViewNode,
+  TreeViewNodeWithContext
 };
 //# sourceMappingURL=TreeViewNode.js.map

package/components/TreeView/components/TreeViewNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewNode.js","sources":["../../../../src/components/TreeView/components/TreeViewNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { IWithTreeViewContextProps, TreeViewContext, withTreeViewContext } from \"../TreeViewContext\";\nimport { TreeViewAbstractNode } from \"../TreeViewAbstractNode\";\nimport { TreeViewAbstractNodeUtils } from \"../TreeViewAbstractNodeUtils\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/TreeView.module.less\";\n\n/** Свойства передаваемые TreeViewNode в render-функцию children. */\nexport interface ITreeViewNodeProvideProps {\n    /** Текущая нода является активной при перемещении с клавиатуры. */\n    activeNode: boolean;\n    /** Состояние ноды - свернута/раскрыта. */\n    openedNode: boolean;\n    /** Текущая нода имеет дочерние ноды. */\n    hasChildNodes: boolean;\n    /** Функция смены значения opened. */\n    setOpenedNode: (opened: boolean) => void;\n    /** Текущая нода является последней в дереве. */\n    isLastNode: boolean;\n}\n\n/** Свойства компонента TreeViewNode. */\nexport interface ITreeViewNodeProps extends Omit<React.HTMLAttributes<HTMLElement>, \"children\"> {\n    /** Render-функция дочерних элементов. */\n    children: (props: ITreeViewNodeProvideProps) => JSX.Element;\n    /** Идентификатор ноды.   */\n    id: string;\n    /** Состояние ноды - свернута/раскрыта. */\n    opened?: boolean;\n    /** Идентификатор следующей ноды. */\n    nextNodeId?: string;\n    /** Идентификатор предыдущей ноды. */\n    prevNodeId?: string;\n}\n\n/**\n * Свойства TreeViewNodeWithContext.\n * iTreeViewNodeProps - передаются родительским компонентам.\n * IWithTreeViewContextProps - добавляются из withTreeViewContext.\n */\nexport interface ITreeViewNodePropsWithContext extends ITreeViewNodeProps, IWithTreeViewContextProps {}\n\n/**\n * Базовый компонент ноды визуального дерева.\n * Добавляет нужную семантическую разметку.\n * Создает абстрактную ноду на основе текущей.\n * Обрабатывает события focus/blur для дальнейшего перемещения с клавиатуры по дереву.\n */\nexport class TreeViewNodeWithContext extends React.Component<ITreeViewNodePropsWithContext> {\n    private containerDOMNode?: HTMLLIElement;\n    // Абстрактная нода текущей ViewNode.\n    private readonly abstractNode: TreeViewAbstractNode;\n\n    constructor(props: ITreeViewNodePropsWithContext) {\n        super(props);\n\n        const { treeViewContext } = props;\n\n        // Создание абстрактной ноды.\n        this.abstractNode = new TreeViewAbstractNode({ id: props.id });\n\n        // Установка свойств opened ноды.\n        treeViewContext.setOpenedNode(this.abstractNode, Boolean(props.opened));\n\n        let prevNode;\n        if (props.prevNodeId) {\n            prevNode = TreeViewAbstractNodeUtils.getNode(props.prevNodeId, treeViewContext.parentNode);\n        }\n\n        let nextNode;\n        if (props.nextNodeId) {\n            nextNode = TreeViewAbstractNodeUtils.getNode(props.nextNodeId, treeViewContext.parentNode);\n        }\n\n        // Добавляем абстрактной ноды в дерево.\n        treeViewContext.registerNode(this.abstractNode, treeViewContext.parentNode, prevNode, nextNode);\n    }\n\n    public componentDidUpdate(prevProps: ITreeViewNodePropsWithContext): void {\n        const { opened, treeViewContext } = this.props;\n        const { opened: prevOpened } = prevProps;\n\n        if (opened !== prevOpened) {\n            treeViewContext.setOpenedNode(this.abstractNode, Boolean(opened));\n        }\n    }\n\n    public componentWillUnmount(): void {\n        const { treeViewContext } = this.props;\n        // Удаление абстрактной ноды из дерева.\n        treeViewContext.removeNode(this.abstractNode);\n    }\n\n    public render(): JSX.Element {\n        const { children, className, nextNodeId, opened, prevNodeId, treeViewContext, ...props } = this.props;\n\n        return (\n            <TreeViewContext.Provider value={{ ...treeViewContext, parentNode: this.abstractNode }}>\n                <li\n                    role=\"treeitem\"\n                    tabIndex={this.abstractNode.getTabIndex()}\n                    aria-expanded={this.abstractNode.getOpened()}\n                    className={clsx(styles.treeViewNode, className)}\n                    {...props}\n                    onBlur={this.handleBlur}\n                    onFocus={this.handleFocus}\n                    ref={this.setContainerDOMNode}\n                >\n                    {children({\n                        activeNode: this.abstractNode.getActive(),\n                        hasChildNodes: Boolean(this.abstractNode.getChildren().length),\n                        isLastNode: TreeViewAbstractNodeUtils.isLastNode(this.abstractNode),\n                        openedNode: this.abstractNode.getOpened(),\n                        setOpenedNode: this.setOpenedNode(),\n                    })}\n                </li>\n            </TreeViewContext.Provider>\n        );\n    }\n\n    /**\n     * Обработчик события blur.\n     * Если нода была активна - становится неактивной.\n     */\n    private handleBlur = (event: React.FocusEvent<HTMLLIElement>) => {\n        const { onBlur, treeViewContext } = this.props;\n\n        // Предотвращает всплытие до родительской ноды.\n        event.stopPropagation();\n        treeViewContext.setActiveNode(this.abstractNode, false);\n        onBlur?.(event);\n    };\n\n    /**\n     * Обработчик события focus.\n     * При всплытии фокуса до контейнера ноды - ноды становится активной.\n     */\n    private handleFocus = (event: React.FocusEvent<HTMLLIElement>) => {\n        const { onFocus, treeViewContext } = this.props;\n\n        // Предотвращает всплытие до родительской ноды, чтобы активной стала текущая нода, а не ее родитель.\n        event.stopPropagation();\n        treeViewContext.setActiveNode(this.abstractNode, true);\n        onFocus?.(event);\n    };\n\n    private setContainerDOMNode = (DOMNode: HTMLLIElement) => (this.containerDOMNode = DOMNode);\n\n    /** Устанавливает флаг opened ноды. */\n    private setOpenedNode = () => (opened: boolean) => {\n        this.props.treeViewContext.setOpenedNode(this.abstractNode, opened);\n    };\n}\n\nexport const TreeViewNode = withTreeViewContext<ITreeViewNodePropsWithContext>(TreeViewNodeWithContext);\n"],"names":["React"],"mappings":";;;;;;;;;;AAgDO,MAAM,gCAAgCA,eAAM,UAAyC;AAAA,EAKxF,YAAY,OAAsC;AAC9C,UAAM,KAAK;AALP;AAES;AAAA;AAyET;AAAA;AAAA;AAAA;AAAA,sCAAa,CAAC,UAA2C;AAC7D,YAAM,EAAE,QAAQ,gBAAA,IAAoB,KAAK;AAGzC,YAAM,gBAAA;AACN,sBAAgB,cAAc,KAAK,cAAc,KAAK;AACtD,uCAAS;AAAA,IACb;AAMQ;AAAA;AAAA;AAAA;AAAA,uCAAc,CAAC,UAA2C;AAC9D,YAAM,EAAE,SAAS,gBAAA,IAAoB,KAAK;AAG1C,YAAM,gBAAA;AACN,sBAAgB,cAAc,KAAK,cAAc,IAAI;AACrD,yCAAU;AAAA,IACd;AAEQ,+CAAsB,CAAC,YAA4B,KAAK,mBAAmB;AAG3E;AAAA,yCAAgB,MAAM,CAAC,WAAoB;AAC/C,WAAK,MAAM,gBAAgB,cAAc,KAAK,cAAc,MAAM;AAAA,IACtE;AA/FI,UAAM,EAAE,oBAAoB;AAG5B,SAAK,eAAe,IAAI,qBAAqB,EAAE,IAAI,MAAM,IAAI;AAG7D,oBAAgB,cAAc,KAAK,cAAc,QAAQ,MAAM,MAAM,CAAC;AAEtE,QAAI;AACJ,QAAI,MAAM,YAAY;AAClB,iBAAW,0BAA0B,QAAQ,MAAM,YAAY,gBAAgB,UAAU;AAAA,IAC7F;AAEA,QAAI;AACJ,QAAI,MAAM,YAAY;AAClB,iBAAW,0BAA0B,QAAQ,MAAM,YAAY,gBAAgB,UAAU;AAAA,IAC7F;AAGA,oBAAgB,aAAa,KAAK,cAAc,gBAAgB,YAAY,UAAU,QAAQ;AAAA,EAClG;AAAA,EAEO,mBAAmB,WAAgD;AACtE,UAAM,EAAE,QAAQ,gBAAA,IAAoB,KAAK;AACzC,UAAM,EAAE,QAAQ,WAAA,IAAe;AAE/B,QAAI,WAAW,YAAY;AACvB,sBAAgB,cAAc,KAAK,cAAc,QAAQ,MAAM,CAAC;AAAA,IACpE;AAAA,EACJ;AAAA,EAEO,uBAA6B;AAChC,UAAM,EAAE,oBAAoB,KAAK;AAEjC,oBAAgB,WAAW,KAAK,YAAY;AAAA,EAChD;AAAA,EAEO,SAAsB;AACzB,UAAM,EAAE,UAAU,WAAW,YAAY,QAAQ,YAAY,iBAAiB,GAAG,UAAU,KAAK;AAEhG,WACI,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,GAAG,iBAAiB,YAAY,KAAK,aAAA,GACpE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,UAAU,KAAK,aAAa,YAAA;AAAA,QAC5B,iBAAe,KAAK,aAAa,UAAA;AAAA,QACjC,WAAW,KAAK,OAAO,cAAc,SAAS;AAAA,QAC7C,GAAG;AAAA,QACJ,QAAQ,KAAK;AAAA,QACb,SAAS,KAAK;AAAA,QACd,KAAK,KAAK;AAAA,QAET,UAAA,SAAS;AAAA,UACN,YAAY,KAAK,aAAa,UAAA;AAAA,UAC9B,eAAe,QAAQ,KAAK,aAAa,YAAA,EAAc,MAAM;AAAA,UAC7D,YAAY,0BAA0B,WAAW,KAAK,YAAY;AAAA,UAClE,YAAY,KAAK,aAAa,UAAA;AAAA,UAC9B,eAAe,KAAK,cAAA;AAAA,QAAc,CACrC;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AAkCJ;AAEO,MAAM,eAAe,oBAAmD,uBAAuB;"}

package/components/TreeView/index.js

@@ -1,10 +1,10 @@
-import { TreeView as o } from "./TreeView.js";
-import { TreeViewNode as i, TreeViewNodeWithContext as p } from "./components/TreeViewNode.js";
-import { TreeViewGroup as x } from "./components/TreeViewGroup.js";
+import { TreeView } from "./TreeView.js";
+import { TreeViewNode, TreeViewNodeWithContext } from "./components/TreeViewNode.js";
+import { TreeViewGroup } from "./components/TreeViewGroup.js";
 export {
-  o as TreeView,
-  x as TreeViewGroup,
-  i as TreeViewNode,
-  p as TreeViewNodeWithContext
+  TreeView,
+  TreeViewGroup,
+  TreeViewNode,
+  TreeViewNodeWithContext
 };
 //# sourceMappingURL=index.js.map

package/components/TreeView/index.js.map

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

package/components/Triggers/TriggerClickOnKeyDownEvent.js

@@ -1,15 +1,23 @@
-import { jsx as o } from "react/jsx-runtime";
-import { KeyDownListener as i } from "../KeyDownListener/KeyDownListener.js";
-const c = ({
-  children: e,
-  eventKeyCode: r,
-  targetRef: t
-}) => /* @__PURE__ */ o(i, { onMatch: () => {
-  const n = t.current;
-  n && n.offsetParent !== null && n.click();
-}, eventKeyCode: r, children: e });
-c.displayName = "TriggerClickOnKeyDownEvent";
+import { jsx } from "react/jsx-runtime";
+import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
+const TriggerClickOnKeyDownEvent = ({
+  children,
+  eventKeyCode,
+  targetRef
+}) => {
+  const handleKeyDown = () => {
+    const buttonEl = targetRef.current;
+    if (!buttonEl) {
+      return;
+    }
+    if (buttonEl.offsetParent !== null) {
+      buttonEl.click();
+    }
+  };
+  return /* @__PURE__ */ jsx(KeyDownListener, { onMatch: handleKeyDown, eventKeyCode, children });
+};
+TriggerClickOnKeyDownEvent.displayName = "TriggerClickOnKeyDownEvent";
 export {
-  c as TriggerClickOnKeyDownEvent
+  TriggerClickOnKeyDownEvent
 };
 //# sourceMappingURL=TriggerClickOnKeyDownEvent.js.map

package/components/Triggers/TriggerClickOnKeyDownEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerClickOnKeyDownEvent.js","sources":["../../../src/components/Triggers/TriggerClickOnKeyDownEvent.tsx"],"sourcesContent":["import { IKeyDownListenerProps, KeyDownListener } from \"../KeyDownListener/KeyDownListener\";\nimport React from \"react\";\n\n/**\n * Свойства TriggerClickOnKeyDownEvent.\n */\ninterface ITriggerClickOnKeyDownEventProps extends Pick<IKeyDownListenerProps, \"eventKeyCode\"> {\n    /** Ссылка на оборачиваемую кнопку. */\n    targetRef: React.RefObject<HTMLButtonElement>;\n    children: React.ReactElement;\n}\n\n/**\n * При нажатии на клавишу вызывает onClick на дочерний элемент.\n */\nexport const TriggerClickOnKeyDownEvent: React.FC<ITriggerClickOnKeyDownEventProps> = ({\n    children,\n    eventKeyCode,\n    targetRef,\n}) => {\n    const handleKeyDown = () => {\n        const buttonEl = targetRef.current;\n        if (!buttonEl) {\n            return;\n        }\n\n        /**\n         * Проверка: node не имеет свойства display: none, иначе происходит триггер на скрытых элементах.\n         * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n         */\n        if (buttonEl.offsetParent !== null) {\n            buttonEl.click();\n        }\n    };\n\n    return (\n        <KeyDownListener onMatch={handleKeyDown} eventKeyCode={eventKeyCode}>\n            {children}\n        </KeyDownListener>\n    );\n};\n\nTriggerClickOnKeyDownEvent.displayName = \"TriggerClickOnKeyDownEvent\";\n"],"names":[],"mappings":";;AAeO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,gBAAgB,MAAM;AACxB,UAAM,WAAW,UAAU;AAC3B,QAAI,CAAC,UAAU;AACX;AAAA,IACJ;AAMA,QAAI,SAAS,iBAAiB,MAAM;AAChC,eAAS,MAAA;AAAA,IACb;AAAA,EACJ;AAEA,SACI,oBAAC,iBAAA,EAAgB,SAAS,eAAe,cACpC,UACL;AAER;AAEA,2BAA2B,cAAc;"}

package/components/Triggers/index.js

@@ -1,5 +1,5 @@
-import { TriggerClickOnKeyDownEvent as n } from "./TriggerClickOnKeyDownEvent.js";
+import { TriggerClickOnKeyDownEvent } from "./TriggerClickOnKeyDownEvent.js";
 export {
-  n as TriggerClickOnKeyDownEvent
+  TriggerClickOnKeyDownEvent
 };
 //# sourceMappingURL=index.js.map

package/components/Triggers/index.js.map

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

package/components/Typography/Caption.js

@@ -1,52 +1,62 @@
-import { jsx as A } from "react/jsx-runtime";
-import { forwardRef as E } from "react";
-import { c as b } from "../../chunks/vendor-D5cfSbgz.js";
-import { ECaptionSize as c, EFontWeightCaption as _, EFontType as S } from "./enums.js";
-import { t, F as T } from "../../chunks/constants-Dm1nkJLa.js";
-const g = "caption__bef25f8e", C = "regular__565615a2", y = "semibold__ab4466d8", M = "c1__313fb3fa", N = "c2__b5bfeb61", R = "d1__dfe56b6a", o = {
-  caption: g,
-  regular: C,
-  semibold: y,
-  c1: M,
-  c2: N,
-  d1: R
-}, L = {
-  [c.C1]: o.c1,
-  [c.C2]: o.c2,
-  [c.D1]: o.d1
-}, O = {
-  [_.REGULAR]: o.regular,
-  [_.SEMIBOLD]: o.semibold
-}, u = E(
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { ECaptionSize, EFontWeightCaption, EFontType } from "./enums.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CAWEasW8.js";
+const caption = "caption__2e7e7b80";
+const regular = "regular__db450e90";
+const semibold = "semibold__16d3cba5";
+const c1 = "c1__34e6ec56";
+const c2 = "c2__916fafff";
+const d1 = "d1__39a5420e";
+const styles = {
+  caption,
+  regular,
+  semibold,
+  c1,
+  c2,
+  d1
+};
+const SIZE_TO_CLASS_NAME_MAP = {
+  [ECaptionSize.C1]: styles.c1,
+  [ECaptionSize.C2]: styles.c2,
+  [ECaptionSize.D1]: styles.d1
+};
+const FONT_WEIGHT_TO_CLASS_NAME_MAP = {
+  [EFontWeightCaption.REGULAR]: styles.regular,
+  [EFontWeightCaption.SEMIBOLD]: styles.semibold
+};
+const Caption = forwardRef(
   ({
-    children: r,
-    className: n,
-    size: e,
-    weight: p = _.REGULAR,
-    type: i = S.PRIMARY,
-    underline: a,
-    strikethrough: s,
-    tag: m = "span",
-    ...l
-  }, f) => {
-    const d = b(
-      t.typography,
-      o.caption,
-      L[e],
-      O[p],
-      T[i],
+    children,
+    className,
+    size,
+    weight = EFontWeightCaption.REGULAR,
+    type = EFontType.PRIMARY,
+    underline,
+    strikethrough,
+    tag = "span",
+    ...props
+  }, ref) => {
+    const classes = clsx(
+      typographyStyles.typography,
+      styles.caption,
+      SIZE_TO_CLASS_NAME_MAP[size],
+      FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],
+      FONT_TYPE_TO_CLASS_NAME_MAP[type],
       {
-        [t.strikethrough]: !!s && !a,
-        [t.underline]: !!a && !s,
-        [t.underlineStrikethrough]: !!s && !!a
+        [typographyStyles.strikethrough]: !!strikethrough && !underline,
+        [typographyStyles.underline]: !!underline && !strikethrough,
+        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
       },
-      n
+      className
     );
-    return /* @__PURE__ */ A(m, { ref: f, className: d, ...l, children: r });
+    const Tag = tag;
+    return /* @__PURE__ */ jsx(Tag, { ref, className: classes, ...props, children });
   }
 );
-u.displayName = "Caption";
+Caption.displayName = "Caption";
 export {
-  u as Caption
+  Caption
 };
 //# sourceMappingURL=Caption.js.map

package/components/Typography/Caption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontWeightCaption, ECaptionSize, EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport styles from \"./styles/Caption.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n// Соответствие размера имени класса.\nconst SIZE_TO_CLASS_NAME_MAP: Record<ECaptionSize, string> = {\n    [ECaptionSize.C1]: styles.c1,\n    [ECaptionSize.C2]: styles.c2,\n    [ECaptionSize.D1]: styles.d1,\n};\n\n// Соответствие веса шрифта имени класса.\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightCaption, string> = {\n    [EFontWeightCaption.REGULAR]: styles.regular,\n    [EFontWeightCaption.SEMIBOLD]: styles.semibold,\n};\n\n/** Свойства компонента Caption. */\nexport type TCaptionProps<T extends keyof JSX.IntrinsicElements> = {\n    /** Размер текста. */\n    size: ECaptionSize;\n    /** Толщина шрифта. */\n    weight?: EFontWeightCaption;\n} & ITypographyProps &\n    JSX.IntrinsicElements[T];\n\n/** Подпись (типографика). */\nexport const Caption = forwardRef<HTMLElement, TCaptionProps<keyof JSX.IntrinsicElements>>(\n    <T extends keyof JSX.IntrinsicElements = \"span\">(\n        {\n            children,\n            className,\n            size,\n            weight = EFontWeightCaption.REGULAR,\n            type = EFontType.PRIMARY,\n            underline,\n            strikethrough,\n            tag = \"span\" as T,\n            ...props\n        }: TCaptionProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ): React.JSX.Element => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.caption,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            {\n                [typographyStyles.strikethrough]: !!strikethrough && !underline,\n                [typographyStyles.underline]: !!underline && !strikethrough,\n                [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline,\n            },\n            className,\n        );\n\n        const Tag = tag;\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCaption.displayName = \"Caption\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAM,yBAAuD;AAAA,EACzD,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAAA,EAC1B,CAAC,aAAa,EAAE,GAAG,OAAO;AAC9B;AAGA,MAAM,gCAAoE;AAAA,EACtE,CAAC,mBAAmB,OAAO,GAAG,OAAO;AAAA,EACrC,CAAC,mBAAmB,QAAQ,GAAG,OAAO;AAC1C;AAYO,MAAM,UAAU;AAAA,EACnB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,mBAAmB;AAAA,IAC5B,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,GAEP,QACoB;AACpB,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC;AAAA,QACI,CAAC,iBAAiB,aAAa,GAAG,CAAC,CAAC,iBAAiB,CAAC;AAAA,QACtD,CAAC,iBAAiB,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;AAAA,QAC9C,CAAC,iBAAiB,sBAAsB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAGJ,UAAM,MAAM;AAEZ,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,QAAQ,cAAc;"}

package/components/Typography/CodeText.js

@@ -1,36 +1,39 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { c as n } from "../../chunks/vendor-D5cfSbgz.js";
-import { EFontType as y } from "./enums.js";
-import { t as o, F as f } from "../../chunks/constants-Dm1nkJLa.js";
-const _ = "codeText__a000cd39", i = {
-  codeText: _
-}, l = x(
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { EFontType } from "./enums.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CAWEasW8.js";
+const codeText = "codeText__2a78238a";
+const styles = {
+  codeText
+};
+const CodeText = forwardRef(
   ({
-    children: s,
-    className: r,
-    type: a = y.PRIMARY,
-    underline: t,
-    strikethrough: e,
-    tag: c = "span",
-    ...p
-  }, m) => {
-    const T = n(
-      o.typography,
-      i.codeText,
-      f[a],
+    children,
+    className,
+    type = EFontType.PRIMARY,
+    underline,
+    strikethrough,
+    tag = "span",
+    ...props
+  }, ref) => {
+    const classes = clsx(
+      typographyStyles.typography,
+      styles.codeText,
+      FONT_TYPE_TO_CLASS_NAME_MAP[type],
       {
-        [o.strikethrough]: !!e && !t,
-        [o.underline]: !!t && !e,
-        [o.underlineStrikethrough]: !!e && !!t
+        [typographyStyles.strikethrough]: !!strikethrough && !underline,
+        [typographyStyles.underline]: !!underline && !strikethrough,
+        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
       },
-      r
+      className
     );
-    return /* @__PURE__ */ d(c, { ref: m, className: T, ...p, children: s });
+    const Tag = tag;
+    return /* @__PURE__ */ jsx(Tag, { ref, className: classes, ...props, children });
   }
 );
-l.displayName = "CodeText";
+CodeText.displayName = "CodeText";
 export {
-  l as CodeText
+  CodeText
 };
 //# sourceMappingURL=CodeText.js.map

package/components/Typography/CodeText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeText.js","sources":["../../../src/components/Typography/CodeText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontType } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport styles from \"./styles/CodeText.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n/** Свойства компонента CodeText. */\nexport type TCodeTextProps<T extends keyof JSX.IntrinsicElements> = ITypographyProps & JSX.IntrinsicElements[T];\n\n/** Моноширинный текст (типографика). */\nexport const CodeText = forwardRef<HTMLElement, TCodeTextProps<keyof JSX.IntrinsicElements>>(\n    <T extends keyof JSX.IntrinsicElements = \"span\">(\n        {\n            children,\n            className,\n            type = EFontType.PRIMARY,\n            underline,\n            strikethrough,\n            tag = \"span\" as T,\n            ...props\n        }: TCodeTextProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ): React.JSX.Element => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.codeText,\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            {\n                [typographyStyles.strikethrough]: !!strikethrough && !underline,\n                [typographyStyles.underline]: !!underline && !strikethrough,\n                [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline,\n            },\n            className,\n        );\n\n        const Tag = tag;\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nCodeText.displayName = \"CodeText\";\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,WAAW;AAAA,EACpB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,GAEP,QACoB;AACpB,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,4BAA4B,IAAI;AAAA,MAChC;AAAA,QACI,CAAC,iBAAiB,aAAa,GAAG,CAAC,CAAC,iBAAiB,CAAC;AAAA,QACtD,CAAC,iBAAiB,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;AAAA,QAC9C,CAAC,iBAAiB,sBAAsB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAGJ,UAAM,MAAM;AAEZ,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}

package/components/Typography/Text.js

@@ -1,60 +1,73 @@
-import { jsx as M } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { c as f } from "../../chunks/vendor-D5cfSbgz.js";
-import { ETextSize as o, EFontWeightText as s, ELineType as a, EFontType as x } from "./enums.js";
-import { t as _, F as L } from "../../chunks/constants-Dm1nkJLa.js";
-const N = "text__ae9abdbd", d = "regular__565615a2", O = "semibold__ab4466d8", g = "b1__0ba3e7d4", y = "b2__ec1cecf5", R = "b3__511ce82c", P = "compact__a7465436", C = "b4__bf9f2cf3", t = {
-  text: N,
-  regular: d,
-  semibold: O,
-  b1: g,
-  b2: y,
-  b3: R,
-  compact: P,
-  b4: C
-}, u = {
-  [o.B1]: t.b1,
-  [o.B2]: t.b2,
-  [o.B3]: t.b3,
-  [o.B4]: t.b4
-}, B = {
-  [s.REGULAR]: t.regular,
-  [s.SEMIBOLD]: t.semibold
-}, F = {
-  [a.NORMAL]: "",
-  [a.COMPACT]: t.compact
-}, I = S(
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { ETextSize, EFontWeightText, ELineType, EFontType } from "./enums.js";
+import { t as typographyStyles, F as FONT_TYPE_TO_CLASS_NAME_MAP } from "../../chunks/constants-CAWEasW8.js";
+const text = "text__ab516457";
+const regular = "regular__db450e90";
+const semibold = "semibold__16d3cba5";
+const b1 = "b1__e874cff2";
+const b2 = "b2__7c4b0ad7";
+const b3 = "b3__dc234455";
+const compact = "compact__73d3c7b6";
+const b4 = "b4__0346817c";
+const styles = {
+  text,
+  regular,
+  semibold,
+  b1,
+  b2,
+  b3,
+  compact,
+  b4
+};
+const SIZE_TO_CLASS_NAME_MAP = {
+  [ETextSize.B1]: styles.b1,
+  [ETextSize.B2]: styles.b2,
+  [ETextSize.B3]: styles.b3,
+  [ETextSize.B4]: styles.b4
+};
+const FONT_WEIGHT_TO_CLASS_NAME_MAP = {
+  [EFontWeightText.REGULAR]: styles.regular,
+  [EFontWeightText.SEMIBOLD]: styles.semibold
+};
+const LINE_TYPE_TO_CLASS_NAME_MAP = {
+  [ELineType.NORMAL]: "",
+  [ELineType.COMPACT]: styles.compact
+};
+const Text = forwardRef(
   ({
-    children: b,
-    className: r,
-    size: m,
-    weight: n = s.REGULAR,
-    line: p = a.NORMAL,
-    type: A = x.PRIMARY,
-    underline: e,
-    strikethrough: c,
-    tag: T = "span",
-    ...E
-  }, l) => {
-    const i = f(
-      _.typography,
-      t.text,
-      u[m],
-      B[n],
-      F[p],
-      L[A],
+    children,
+    className,
+    size,
+    weight = EFontWeightText.REGULAR,
+    line = ELineType.NORMAL,
+    type = EFontType.PRIMARY,
+    underline,
+    strikethrough,
+    tag = "span",
+    ...props
+  }, ref) => {
+    const classes = clsx(
+      typographyStyles.typography,
+      styles.text,
+      SIZE_TO_CLASS_NAME_MAP[size],
+      FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],
+      LINE_TYPE_TO_CLASS_NAME_MAP[line],
+      FONT_TYPE_TO_CLASS_NAME_MAP[type],
       {
-        [_.strikethrough]: !!c && !e,
-        [_.underline]: !!e && !c,
-        [_.underlineStrikethrough]: !!c && !!e
+        [typographyStyles.strikethrough]: !!strikethrough && !underline,
+        [typographyStyles.underline]: !!underline && !strikethrough,
+        [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline
       },
-      r
+      className
     );
-    return /* @__PURE__ */ M(T, { ref: l, className: i, ...E, children: b });
+    const Tag = tag;
+    return /* @__PURE__ */ jsx(Tag, { ref, className: classes, ...props, children });
   }
 );
-I.displayName = "Text";
+Text.displayName = "Text";
 export {
-  I as Text
+  Text
 };
 //# sourceMappingURL=Text.js.map

package/components/Typography/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { clsx } from \"clsx\";\nimport { EFontType, EFontWeightText, ELineType, ETextSize } from \"./enums\";\nimport { ITypographyProps } from \"./types\";\nimport { FONT_TYPE_TO_CLASS_NAME_MAP } from \"./constants\";\nimport styles from \"./styles/Text.module.less\";\nimport typographyStyles from \"./styles/Typography.module.less\";\n\n// Соответствие размера имени класса.\nconst SIZE_TO_CLASS_NAME_MAP: Record<ETextSize, string> = {\n    [ETextSize.B1]: styles.b1,\n    [ETextSize.B2]: styles.b2,\n    [ETextSize.B3]: styles.b3,\n    [ETextSize.B4]: styles.b4,\n};\n\n// Соответствие веса шрифта имени класса.\nconst FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<EFontWeightText, string> = {\n    [EFontWeightText.REGULAR]: styles.regular,\n    [EFontWeightText.SEMIBOLD]: styles.semibold,\n};\n\n// Соответствие типа высоты строки имени класса.\nconst LINE_TYPE_TO_CLASS_NAME_MAP: Record<ELineType, string> = {\n    [ELineType.NORMAL]: \"\",\n    [ELineType.COMPACT]: styles.compact,\n};\n\n/** Свойства компонента Text. */\nexport type TTextProps<T extends keyof JSX.IntrinsicElements> = {\n    /** Размер текста. */\n    size: ETextSize;\n    /** Высота блока строки. */\n    line?: ELineType;\n    /** Толщина шрифта. */\n    weight?: EFontWeightText;\n} & ITypographyProps &\n    JSX.IntrinsicElements[T];\n\n/** Текст (типографика). */\nexport const Text = forwardRef<HTMLElement, TTextProps<keyof JSX.IntrinsicElements>>(\n    <T extends keyof JSX.IntrinsicElements = \"span\">(\n        {\n            children,\n            className,\n            size,\n            weight = EFontWeightText.REGULAR,\n            line = ELineType.NORMAL,\n            type = EFontType.PRIMARY,\n            underline,\n            strikethrough,\n            tag = \"span\" as T,\n            ...props\n        }: TTextProps<T>,\n        ref: React.ForwardedRef<HTMLElement>,\n    ): React.JSX.Element => {\n        const classes = clsx(\n            typographyStyles.typography,\n            styles.text,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            FONT_WEIGHT_TO_CLASS_NAME_MAP[weight],\n            LINE_TYPE_TO_CLASS_NAME_MAP[line],\n            FONT_TYPE_TO_CLASS_NAME_MAP[type],\n            {\n                [typographyStyles.strikethrough]: !!strikethrough && !underline,\n                [typographyStyles.underline]: !!underline && !strikethrough,\n                [typographyStyles.underlineStrikethrough]: !!strikethrough && !!underline,\n            },\n            className,\n        );\n\n        const Tag = tag;\n\n        return (\n            <Tag ref={ref} className={classes} {...props}>\n                {children}\n            </Tag>\n        );\n    },\n);\n\nText.displayName = \"Text\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,yBAAoD;AAAA,EACtD,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAAA,EACvB,CAAC,UAAU,EAAE,GAAG,OAAO;AAC3B;AAGA,MAAM,gCAAiE;AAAA,EACnE,CAAC,gBAAgB,OAAO,GAAG,OAAO;AAAA,EAClC,CAAC,gBAAgB,QAAQ,GAAG,OAAO;AACvC;AAGA,MAAM,8BAAyD;AAAA,EAC3D,CAAC,UAAU,MAAM,GAAG;AAAA,EACpB,CAAC,UAAU,OAAO,GAAG,OAAO;AAChC;AAcO,MAAM,OAAO;AAAA,EAChB,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,gBAAgB;AAAA,IACzB,OAAO,UAAU;AAAA,IACjB,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,GAEP,QACoB;AACpB,UAAM,UAAU;AAAA,MACZ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,8BAA8B,MAAM;AAAA,MACpC,4BAA4B,IAAI;AAAA,MAChC,4BAA4B,IAAI;AAAA,MAChC;AAAA,QACI,CAAC,iBAAiB,aAAa,GAAG,CAAC,CAAC,iBAAiB,CAAC;AAAA,QACtD,CAAC,iBAAiB,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;AAAA,QAC9C,CAAC,iBAAiB,sBAAsB,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAGJ,UAAM,MAAM;AAEZ,+BACK,KAAA,EAAI,KAAU,WAAW,SAAU,GAAG,OAClC,UACL;AAAA,EAER;AACJ;AAEA,KAAK,cAAc;"}