@sberbusiness/triplex-next 0.33.0 → 0.35.0

package/components/TagGroup/types.js.map

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

package/components/TextField/MaskedField.js

@@ -1,9 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { FormFieldMaskedInput as o } from "../FormField/components/FormFieldMaskedInput.js";
-import { TextFieldBase as r } from "./TextFieldBase.js";
-const m = ({ maskedInputProps: d, ...i }) => /* @__PURE__ */ e(r, { ...i, children: /* @__PURE__ */ e(o, { ...d }) });
-m.displayName = "MaskedField";
+import { jsx } from "react/jsx-runtime";
+import { FormFieldMaskedInput } from "../FormField/components/FormFieldMaskedInput.js";
+import { TextFieldBase } from "./TextFieldBase.js";
+const MaskedField = ({ maskedInputProps, ...textFieldProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...textFieldProps, children: /* @__PURE__ */ jsx(FormFieldMaskedInput, { ...maskedInputProps }) });
+MaskedField.displayName = "MaskedField";
 export {
-  m as MaskedField
+  MaskedField
 };
 //# sourceMappingURL=MaskedField.js.map

package/components/TextField/MaskedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedField.js","sources":["../../../src/components/TextField/MaskedField.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormFieldMaskedInput, IFormFieldMaskedInputProps } from \"../FormField/components/FormFieldMaskedInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства компонента MaskedField. */\nexport interface IMaskedFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    maskedInputProps: IFormFieldMaskedInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/** Компонент ввода с маской. */\nexport const MaskedField: React.FC<IMaskedFieldProps> = ({ maskedInputProps, ...textFieldProps }) => (\n    <TextFieldBase {...textFieldProps}>\n        <FormFieldMaskedInput {...maskedInputProps} />\n    </TextFieldBase>\n);\n\nMaskedField.displayName = \"MaskedField\";\n"],"names":[],"mappings":";;;AAWO,MAAM,cAA2C,CAAC,EAAE,kBAAkB,GAAG,eAAA,MAC5E,oBAAC,eAAA,EAAe,GAAG,gBACf,UAAA,oBAAC,sBAAA,EAAsB,GAAG,kBAAkB,EAAA,CAChD;AAGJ,YAAY,cAAc;"}

package/components/TextField/TextField.js

@@ -1,9 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { F as r } from "../../chunks/FormFieldInput-CLHhO8Kh.js";
-import { TextFieldBase as t } from "./TextFieldBase.js";
-const m = ({ inputProps: i, ...o }) => /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ e(r, { ...i }) });
-m.displayName = "TextField";
+import { jsx } from "react/jsx-runtime";
+import { F as FormFieldInput } from "../../chunks/FormFieldInput-C19hNK5B.js";
+import { TextFieldBase } from "./TextFieldBase.js";
+const TextField = ({ inputProps, ...textFieldBaseProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...textFieldBaseProps, children: /* @__PURE__ */ jsx(FormFieldInput, { ...inputProps }) });
+TextField.displayName = "TextField";
 export {
-  m as TextField
+  TextField
 };
 //# sourceMappingURL=TextField.js.map

package/components/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormFieldInput,\n    IFormFieldInputProps,\n} from \"@sberbusiness/triplex-next/components/FormField/components/FormFieldInput\";\nimport { ITextFieldBaseProps, TextFieldBase } from \"./TextFieldBase\";\n\n/** Свойства TextField. */\nexport interface ITextFieldProps extends Omit<ITextFieldBaseProps, \"children\"> {\n    /** Свойства поля ввода. */\n    inputProps: IFormFieldInputProps & { ref?: React.RefObject<HTMLInputElement> };\n}\n\n/** Компонент текстового ввода.\n *  Является более компактным вариантом отображения инпутов, чем FormGroup.\n * */\nexport const TextField: React.FC<ITextFieldProps> = ({ inputProps, ...textFieldBaseProps }) => (\n    <TextFieldBase {...textFieldBaseProps}>\n        <FormFieldInput {...inputProps} />\n    </TextFieldBase>\n);\n\nTextField.displayName = \"TextField\";\n"],"names":[],"mappings":";;;AAgBO,MAAM,YAAuC,CAAC,EAAE,YAAY,GAAG,mBAAA,MAClE,oBAAC,eAAA,EAAe,GAAG,oBACf,UAAA,oBAAC,gBAAA,EAAgB,GAAG,YAAY,EAAA,CACpC;AAGJ,UAAU,cAAc;"}

package/components/TextField/TextFieldBase.js

@@ -1,33 +1,33 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import n from "react";
-import { FormGroup as f } from "../FormGroup/FormGroup.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import { FormGroup } from "../FormGroup/FormGroup.js";
 import "../FormField/components/FormFieldClear.js";
-import { FormFieldCounter as c } from "../FormField/components/FormFieldCounter.js";
-import { FormFieldDescription as h } from "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-CLHhO8Kh.js";
-import { FormFieldLabel as s } from "../FormField/components/FormFieldLabel.js";
+import { FormFieldCounter } from "../FormField/components/FormFieldCounter.js";
+import { FormFieldDescription } from "../FormField/components/FormFieldDescription.js";
+import "../../chunks/FormFieldInput-C19hNK5B.js";
+import { FormFieldLabel } from "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as a } from "../FormField/components/FormFieldPostfix.js";
-import { FormFieldPrefix as u } from "../FormField/components/FormFieldPrefix.js";
+import { FormFieldPostfix } from "../FormField/components/FormFieldPostfix.js";
+import { FormFieldPrefix } from "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
 import "../FormField/components/FormFieldTextarea.js";
-import { FormField as x } from "../FormField/FormField.js";
-const j = n.forwardRef(
-  ({ children: d, description: i, label: l, prefix: e, postfix: t, counter: o, ...p }, F) => /* @__PURE__ */ m(f, { children: [
-    /* @__PURE__ */ m(x, { ...p, ref: F, children: [
-      e ? /* @__PURE__ */ r(u, { children: e }) : null,
-      d,
-      l ? /* @__PURE__ */ r(s, { children: l }) : null,
-      t ? /* @__PURE__ */ r(a, { children: t }) : null
+import { FormField } from "../FormField/FormField.js";
+const TextFieldBase = React.forwardRef(
+  ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => /* @__PURE__ */ jsxs(FormGroup, { children: [
+    /* @__PURE__ */ jsxs(FormField, { ...formFieldProps, ref, children: [
+      prefix ? /* @__PURE__ */ jsx(FormFieldPrefix, { children: prefix }) : null,
+      children,
+      label ? /* @__PURE__ */ jsx(FormFieldLabel, { children: label }) : null,
+      postfix ? /* @__PURE__ */ jsx(FormFieldPostfix, { children: postfix }) : null
     ] }),
-    i || o ? /* @__PURE__ */ m(h, { children: [
-      i,
-      o ? /* @__PURE__ */ r(c, { children: o }) : null
+    description || counter ? /* @__PURE__ */ jsxs(FormFieldDescription, { children: [
+      description,
+      counter ? /* @__PURE__ */ jsx(FormFieldCounter, { children: counter }) : null
     ] }) : null
   ] })
 );
-j.displayName = "TextFieldBase";
+TextFieldBase.displayName = "TextFieldBase";
 export {
-  j as TextFieldBase
+  TextFieldBase
 };
 //# sourceMappingURL=TextFieldBase.js.map

package/components/TextField/TextFieldBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldBase.js","sources":["../../../src/components/TextField/TextFieldBase.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormGroup } from \"../FormGroup\";\nimport {\n    FormField,\n    FormFieldLabel,\n    FormFieldDescription,\n    FormFieldPrefix,\n    FormFieldPostfix,\n    FormFieldCounter,\n    IFormFieldProps,\n} from \"../FormField\";\n\n/** Свойства компонента TextFieldBase. */\nexport interface ITextFieldBaseProps extends Omit<IFormFieldProps, \"prefix\" | \"postfix\"> {\n    /** Дочерние элементы. */\n    children: React.ReactNode;\n    /** Описание поля ввода. */\n    description?: React.ReactNode;\n    /** Счетчик символов. */\n    counter?: React.ReactNode;\n    /** Префикс поля ввода. */\n    prefix?: React.ReactNode;\n    /** Постфикс поля ввода. */\n    postfix?: React.ReactNode;\n    /** Лейбл поля ввода. */\n    label?: React.ReactNode;\n}\n\n/** Компонент текстового ввода, на основе которого реализуются TextField и MaskedInputField. */\nexport const TextFieldBase = React.forwardRef<HTMLDivElement, ITextFieldBaseProps>(\n    ({ children, description, label, prefix, postfix, counter, ...formFieldProps }, ref) => (\n        <FormGroup>\n            <FormField {...formFieldProps} ref={ref}>\n                {prefix ? <FormFieldPrefix>{prefix}</FormFieldPrefix> : null}\n\n                {children}\n\n                {label ? <FormFieldLabel>{label}</FormFieldLabel> : null}\n\n                {postfix ? <FormFieldPostfix>{postfix}</FormFieldPostfix> : null}\n            </FormField>\n\n            {description || counter ? (\n                <FormFieldDescription>\n                    {description}\n                    {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                </FormFieldDescription>\n            ) : null}\n        </FormGroup>\n    ),\n);\n\nTextFieldBase.displayName = \"TextFieldBase\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BO,MAAM,gBAAgB,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,aAAa,OAAO,QAAQ,SAAS,SAAS,GAAG,eAAA,GAAkB,6BAC3E,WAAA,EACG,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAW,GAAG,gBAAgB,KAC1B,UAAA;AAAA,MAAA,SAAS,oBAAC,iBAAA,EAAiB,UAAA,OAAA,CAAO,IAAqB;AAAA,MAEvD;AAAA,MAEA,QAAQ,oBAAC,gBAAA,EAAgB,UAAA,MAAA,CAAM,IAAoB;AAAA,MAEnD,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,GAChE;AAAA,IAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,MAAA;AAAA,MACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,IAAA,EAAA,CAChE,IACA;AAAA,EAAA,EAAA,CACR;AAER;AAEA,cAAc,cAAc;"}

package/components/TextField/index.js

@@ -1,7 +1,7 @@
-import { TextField as r } from "./TextField.js";
-import { MaskedField as t } from "./MaskedField.js";
+import { TextField } from "./TextField.js";
+import { MaskedField } from "./MaskedField.js";
 export {
-  t as MaskedField,
-  r as TextField
+  MaskedField,
+  TextField
 };
 //# sourceMappingURL=index.js.map

package/components/TextField/index.js.map

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

package/components/TextareaField/TextareaField.js

@@ -1,18 +1,18 @@
-import { jsx as r } from "react/jsx-runtime";
-import { TextFieldBase as i } from "../TextField/TextFieldBase.js";
+import { jsx } from "react/jsx-runtime";
+import { TextFieldBase } from "../TextField/TextFieldBase.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-CLHhO8Kh.js";
+import "../../chunks/FormFieldInput-C19hNK5B.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";
 import "../FormField/components/FormFieldPrefix.js";
 import "../FormField/components/FormFieldTarget.js";
-import { FormFieldTextarea as m } from "../FormField/components/FormFieldTextarea.js";
+import { FormFieldTextarea } from "../FormField/components/FormFieldTextarea.js";
 import "../FormField/FormField.js";
-const j = ({ textareaProps: o, ...t }) => /* @__PURE__ */ r(i, { ...t, children: /* @__PURE__ */ r(m, { ...o }) });
+const TextareaField = ({ textareaProps, ...restProps }) => /* @__PURE__ */ jsx(TextFieldBase, { ...restProps, children: /* @__PURE__ */ jsx(FormFieldTextarea, { ...textareaProps }) });
 export {
-  j as TextareaField
+  TextareaField
 };
 //# sourceMappingURL=TextareaField.js.map

package/components/TextareaField/TextareaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.js","sources":["../../../src/components/TextareaField/TextareaField.tsx"],"sourcesContent":["import React from \"react\";\nimport { ITextareaFieldProps } from \"./types\";\nimport { TextFieldBase } from \"../TextField/TextFieldBase\";\nimport { FormFieldTextarea } from \"../FormField\";\n\n/** Многострочное текстовое поле для ввода большого объема текста. */\nexport const TextareaField: React.FC<ITextareaFieldProps> = ({ textareaProps, ...restProps }) => (\n    <TextFieldBase {...restProps}>\n        <FormFieldTextarea {...textareaProps} />\n    </TextFieldBase>\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;AAMO,MAAM,gBAA+C,CAAC,EAAE,eAAe,GAAG,UAAA,MAC7E,oBAAC,eAAA,EAAe,GAAG,WACf,UAAA,oBAAC,mBAAA,EAAmB,GAAG,eAAe,EAAA,CAC1C;"}

package/components/TextareaField/index.js

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

package/components/TextareaField/index.js.map

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

package/components/TextareaField/types.js.map

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

package/components/ThemeProvider/ETriplexNextTheme.js

@@ -1,5 +1,9 @@
-var a = /* @__PURE__ */ ((r) => (r.LIGHT = "light", r.DARK = "dark", r))(a || {});
+var ETriplexNextTheme = /* @__PURE__ */ ((ETriplexNextTheme2) => {
+  ETriplexNextTheme2["LIGHT"] = "light";
+  ETriplexNextTheme2["DARK"] = "dark";
+  return ETriplexNextTheme2;
+})(ETriplexNextTheme || {});
 export {
-  a as ETriplexNextTheme
+  ETriplexNextTheme
 };
 //# sourceMappingURL=ETriplexNextTheme.js.map

package/components/ThemeProvider/ETriplexNextTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ETriplexNextTheme.js","sources":["../../../src/components/ThemeProvider/ETriplexNextTheme.ts"],"sourcesContent":["// Темы Triplex Next. Тема определяет значения дизайн-токенов.\nexport enum ETriplexNextTheme {\n    LIGHT = \"light\",\n    DARK = \"dark\",\n}\n"],"names":["ETriplexNextTheme"],"mappings":"AACO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,MAAA,IAAO;AAFC,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;"}

package/components/ThemeProvider/ThemeProvider.js

@@ -1,26 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as p, useLayoutEffect as m } from "react";
-import { s as l, t as c, w as d } from "../../chunks/vendor-z35N2Tap.js";
-import { DesignTokenUtils as f } from "../DesignTokens/DesignTokenUtils.js";
-import { ThemeProviderView as x } from "./components/ThemeProviderView.js";
-import { ETriplexNextTheme as u } from "./ETriplexNextTheme.js";
-const h = (o) => `${o}${Date.now()}${Math.floor(Math.random() * 1e6)}`, C = ({
-  children: o,
-  scopeClassName: s,
-  scopeRef: i,
-  theme: t = u.LIGHT,
-  tokens: r
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useLayoutEffect } from "react";
+import { s as canUseDom, t as updateCSS, w as removeCSS } from "../../chunks/vendor-BtZO8a0z.js";
+import { DesignTokenUtils } from "../DesignTokens/DesignTokenUtils.js";
+import { ThemeProviderView } from "./components/ThemeProviderView.js";
+import { ETriplexNextTheme } from "./ETriplexNextTheme.js";
+const uniqueId = (prefix) => `${prefix}${Date.now()}${Math.floor(Math.random() * 1e6)}`;
+const ThemeProvider = ({
+  children,
+  scopeClassName,
+  scopeRef,
+  theme = ETriplexNextTheme.LIGHT,
+  tokens
 }) => {
-  const e = p(() => s || h("triplex-next-theme-"), [s]);
-  return m(() => {
-    if (l()) {
-      const n = `.${e} {${f.getStyle(t, r || {})}}`;
-      c(n, `triplex-next-dynamic-tokens-${e}`);
-    } else
+  const scopeCssClassName = useMemo(() => scopeClassName || uniqueId("triplex-next-theme-"), [scopeClassName]);
+  useLayoutEffect(() => {
+    if (canUseDom()) {
+      const style = `.${scopeCssClassName} {${DesignTokenUtils.getStyle(theme, tokens || {})}}`;
+      updateCSS(style, `triplex-next-dynamic-tokens-${scopeCssClassName}`);
+    } else {
       console.log("ThemeProvider", "SSR do not support dynamic theme with css variables.");
-  }, [e, t, r]), m(() => () => d(`triplex-next-dynamic-tokens-${e}`), [e]), /* @__PURE__ */ a(x, { scopeClassName: e, scopeRef: i, theme: t, tokens: r, children: o });
+    }
+  }, [scopeCssClassName, theme, tokens]);
+  useLayoutEffect(() => () => removeCSS(`triplex-next-dynamic-tokens-${scopeCssClassName}`), [scopeCssClassName]);
+  return /* @__PURE__ */ jsx(ThemeProviderView, { scopeClassName: scopeCssClassName, scopeRef, theme, tokens, children });
 };
 export {
-  C as ThemeProvider
+  ThemeProvider
 };
 //# sourceMappingURL=ThemeProvider.js.map

package/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../scripts/uniqueId.ts","../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["export const uniqueId = (prefix?: string): string =>\n    `${prefix ? prefix : \"\"}${Date.now()}${Math.floor(Math.random() * 1000000)}`;\n","import React, { useLayoutEffect, useMemo } from \"react\";\nimport canUseDom from \"rc-util/es/Dom/canUseDom\";\nimport { removeCSS, updateCSS } from \"rc-util/es/Dom/dynamicCSS\";\nimport { TDesignTokensPartial } from \"../DesignTokens/types/DesignTokensTypes\";\nimport { DesignTokenUtils } from \"../DesignTokens/DesignTokenUtils\";\nimport { ThemeProviderView } from \"./components/ThemeProviderView\";\nimport { uniqueId } from \"../../../scripts/uniqueId\";\nimport { ETriplexNextTheme } from \"./ETriplexNextTheme\";\n\nexport interface IThemeProviderProps {\n    children: React.ReactNode;\n    /** Classname, который добавлен к элементу из scopeRef для создания области видимости css-переменных. */\n    scopeClassName?: string;\n    /** Ref на HTML элемент, внутри которого будет действовать текущий конфиг. */\n    scopeRef: React.RefObject<HTMLElement>;\n    /** Дизайн-тема Triplex Next. */\n    theme?: ETriplexNextTheme;\n    /** Переопределяемые токены. */\n    tokens?: TDesignTokensPartial;\n}\n\nexport const ThemeProvider: React.FC<IThemeProviderProps> = ({\n    children,\n    scopeClassName,\n    scopeRef,\n    theme = ETriplexNextTheme.LIGHT,\n    tokens,\n}) => {\n    // ClassName, добавляемый к HTML элементу, для определения области видимости CSS-переменных.\n    const scopeCssClassName = useMemo(() => scopeClassName || uniqueId(\"triplex-next-theme-\"), [scopeClassName]);\n\n    useLayoutEffect(() => {\n        if (canUseDom()) {\n            const style = `.${scopeCssClassName} {${DesignTokenUtils.getStyle(theme, tokens || {})}}`;\n            // Обновление мета тега со стилями темы. Обновляется тег с ключом triplex-next-dynamic-theme.\n            updateCSS(style, `triplex-next-dynamic-tokens-${scopeCssClassName}`);\n        } else {\n            console.log(\"ThemeProvider\", \"SSR do not support dynamic theme with css variables.\");\n        }\n    }, [scopeCssClassName, theme, tokens]);\n\n    // Удаляет стили при размонтировании компонента.\n    useLayoutEffect(() => () => removeCSS(`triplex-next-dynamic-tokens-${scopeCssClassName}`), [scopeCssClassName]);\n\n    return (\n        <ThemeProviderView scopeClassName={scopeCssClassName} scopeRef={scopeRef} theme={theme} tokens={tokens}>\n            {children}\n        </ThemeProviderView>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,WAAW,CAAC,WACrB,GAAY,MAAW,GAAG,KAAK,IAAA,CAAK,GAAG,KAAK,MAAM,KAAK,OAAA,IAAW,GAAO,CAAC;ACoBvE,MAAM,gBAA+C,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,kBAAkB;AAAA,EAC1B;AACJ,MAAM;AAEF,QAAM,oBAAoB,QAAQ,MAAM,kBAAkB,SAAS,qBAAqB,GAAG,CAAC,cAAc,CAAC;AAE3G,kBAAgB,MAAM;AAClB,QAAI,aAAa;AACb,YAAM,QAAQ,IAAI,iBAAiB,KAAK,iBAAiB,SAAS,OAAO,UAAU,CAAA,CAAE,CAAC;AAEtF,gBAAU,OAAO,+BAA+B,iBAAiB,EAAE;AAAA,IACvE,OAAO;AACH,cAAQ,IAAI,iBAAiB,sDAAsD;AAAA,IACvF;AAAA,EACJ,GAAG,CAAC,mBAAmB,OAAO,MAAM,CAAC;AAGrC,kBAAgB,MAAM,MAAM,UAAU,+BAA+B,iBAAiB,EAAE,GAAG,CAAC,iBAAiB,CAAC;AAE9G,6BACK,mBAAA,EAAkB,gBAAgB,mBAAmB,UAAoB,OAAc,QACnF,UACL;AAER;"}

package/components/ThemeProvider/ThemeProviderContext.js

@@ -1,14 +1,15 @@
-import e from "react";
-import { ETriplexNextTheme as o } from "./ETriplexNextTheme.js";
-import { DesignTokensCore as t } from "../DesignTokens/DesignTokensCore.js";
-import { DesignTokensComponents as r } from "../DesignTokens/DesignTokensComponents.js";
+import React from "react";
+import { ETriplexNextTheme } from "./ETriplexNextTheme.js";
+import { DesignTokensCore } from "../DesignTokens/DesignTokensCore.js";
+import { DesignTokensComponents } from "../DesignTokens/DesignTokensComponents.js";
 import "../DesignTokens/DesignTokensComponentsThemeDark.js";
-const m = {
+const contextInitial = {
   scopeClassName: "",
-  theme: o.LIGHT,
-  tokens: { ...t, ...r }
-}, x = e.createContext(m);
+  theme: ETriplexNextTheme.LIGHT,
+  tokens: { ...DesignTokensCore, ...DesignTokensComponents }
+};
+const ThemeProviderContext = React.createContext(contextInitial);
 export {
-  x as ThemeProviderContext
+  ThemeProviderContext
 };
 //# sourceMappingURL=ThemeProviderContext.js.map

package/components/ThemeProvider/ThemeProviderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProviderContext.js","sources":["../../../src/components/ThemeProvider/ThemeProviderContext.ts"],"sourcesContent":["import React from \"react\";\nimport { TDesignTokens } from \"../DesignTokens/types/DesignTokensTypes\";\nimport { ETriplexNextTheme } from \"./ETriplexNextTheme\";\nimport { DesignTokensCore, DesignTokensComponents } from \"../DesignTokens\";\n\nexport interface IThemeProviderContext {\n    scopeClassName: string;\n    theme: ETriplexNextTheme;\n    tokens: TDesignTokens;\n}\n\nconst contextInitial: IThemeProviderContext = {\n    scopeClassName: \"\",\n    theme: ETriplexNextTheme.LIGHT,\n    tokens: { ...DesignTokensCore, ...DesignTokensComponents },\n};\n\nexport const ThemeProviderContext = React.createContext<IThemeProviderContext>(contextInitial);\n"],"names":[],"mappings":";;;;;AAWA,MAAM,iBAAwC;AAAA,EAC1C,gBAAgB;AAAA,EAChB,OAAO,kBAAkB;AAAA,EACzB,QAAQ,EAAE,GAAG,kBAAkB,GAAG,uBAAA;AACtC;AAEO,MAAM,uBAAuB,MAAM,cAAqC,cAAc;"}

package/components/ThemeProvider/components/ThemeProviderView.js

@@ -1,38 +1,44 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as u, useEffect as k, useMemo as D } from "react";
-import { ThemeProviderContext as d } from "../ThemeProviderContext.js";
-import { ETriplexNextTheme as m } from "../ETriplexNextTheme.js";
-import { DesignTokensCore as p } from "../../DesignTokens/DesignTokensCore.js";
-import { DesignTokensCoreThemeDark as v } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
-import { DesignTokensComponents as x } from "../../DesignTokens/DesignTokensComponents.js";
-import { DesignTokensComponentsThemeDark as c } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
-import { k as g } from "../../../chunks/vendor-z35N2Tap.js";
-const w = ({
-  children: T,
-  scopeClassName: o,
-  scopeRef: n,
-  theme: e,
-  tokens: i
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect, useMemo } from "react";
+import { ThemeProviderContext } from "../ThemeProviderContext.js";
+import { ETriplexNextTheme } from "../ETriplexNextTheme.js";
+import { DesignTokensCore } from "../../DesignTokens/DesignTokensCore.js";
+import { DesignTokensCoreThemeDark } from "../../DesignTokens/DesignTokensCoreThemeDark.js";
+import { DesignTokensComponents } from "../../DesignTokens/DesignTokensComponents.js";
+import { DesignTokensComponentsThemeDark } from "../../DesignTokens/DesignTokensComponentsThemeDark.js";
+import { k as defaultsDeep } from "../../../chunks/vendor-BtZO8a0z.js";
+const ThemeProviderView = ({
+  children,
+  scopeClassName,
+  scopeRef,
+  theme,
+  tokens: tokensProps
 }) => {
-  const t = u("");
-  k(() => {
-    const r = n.current;
-    return o && (r == null || r.classList.add(o)), t.current = o, () => {
-      t.current && (r == null || r.classList.remove(t.current));
+  const prevScopeClassName = useRef("");
+  useEffect(() => {
+    const scopeRefCurrent = scopeRef.current;
+    if (scopeClassName) {
+      scopeRefCurrent == null ? void 0 : scopeRefCurrent.classList.add(scopeClassName);
+    }
+    prevScopeClassName.current = scopeClassName;
+    return () => {
+      if (prevScopeClassName.current) {
+        scopeRefCurrent == null ? void 0 : scopeRefCurrent.classList.remove(prevScopeClassName.current);
+      }
     };
-  }, [o, n]);
-  const f = D(() => {
-    const r = g(
+  }, [scopeClassName, scopeRef]);
+  const value = useMemo(() => {
+    const tokens = defaultsDeep(
       {},
-      i,
-      e === m.LIGHT ? p : v,
-      e === m.LIGHT ? x : c
+      tokensProps,
+      theme === ETriplexNextTheme.LIGHT ? DesignTokensCore : DesignTokensCoreThemeDark,
+      theme === ETriplexNextTheme.LIGHT ? DesignTokensComponents : DesignTokensComponentsThemeDark
     );
-    return { scopeClassName: o, theme: e, tokens: r };
-  }, [o, e, i]);
-  return /* @__PURE__ */ s(d.Provider, { value: f, children: T });
+    return { scopeClassName, theme, tokens };
+  }, [scopeClassName, theme, tokensProps]);
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { value, children });
 };
 export {
-  w as ThemeProviderView
+  ThemeProviderView
 };
 //# sourceMappingURL=ThemeProviderView.js.map

package/components/ThemeProvider/components/ThemeProviderView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProviderView.js","sources":["../../../../src/components/ThemeProvider/components/ThemeProviderView.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\nimport { defaultsDeep } from \"lodash-es\";\nimport { TDesignTokens, TDesignTokensPartial } from \"../../DesignTokens/types/DesignTokensTypes\";\n// Импорт не должен быть относительным.\nimport { ThemeProviderContext } from \"../ThemeProviderContext\";\nimport { ETriplexNextTheme } from \"../ETriplexNextTheme\";\nimport {\n    DesignTokensCore,\n    DesignTokensCoreThemeDark,\n    DesignTokensComponents,\n    DesignTokensComponentsThemeDark,\n} from \"../../DesignTokens\";\n\ninterface IThemeProviderViewProps {\n    // Дизайн-тема Triplex Next.\n    theme: ETriplexNextTheme;\n    // Дизайн-токены Triplex.\n    tokens?: TDesignTokensPartial;\n    // Classname, который добавлен к элементу из scopeRef для создания области видимости css-переменных.\n    scopeClassName: string;\n    // Ref на HTML элемент, внутри которого будет действовать текущий конфиг. По-умолчанию - html.\n    scopeRef: React.RefObject<HTMLElement>;\n    children?: React.ReactNode;\n}\n\n/**\n *  Создает провайдер темы и создает область видимости для css-переменных.\n */\nexport const ThemeProviderView: React.FC<IThemeProviderViewProps> = ({\n    children,\n    scopeClassName,\n    scopeRef,\n    theme,\n    tokens: tokensProps,\n}) => {\n    const prevScopeClassName = useRef(\"\");\n\n    useEffect(() => {\n        const scopeRefCurrent = scopeRef.current;\n\n        if (scopeClassName) {\n            scopeRefCurrent?.classList.add(scopeClassName);\n        }\n        prevScopeClassName.current = scopeClassName;\n\n        return () => {\n            if (prevScopeClassName.current) {\n                scopeRefCurrent?.classList.remove(prevScopeClassName.current);\n            }\n        };\n    }, [scopeClassName, scopeRef]);\n\n    const value = useMemo(() => {\n        // Не менять порядок, иначе токены темы будут переопределять пользовательские значения.\n        const tokens: TDesignTokens = defaultsDeep(\n            {},\n            tokensProps,\n            theme === ETriplexNextTheme.LIGHT ? DesignTokensCore : DesignTokensCoreThemeDark,\n            theme === ETriplexNextTheme.LIGHT ? DesignTokensComponents : DesignTokensComponentsThemeDark,\n        );\n\n        return { scopeClassName, theme, tokens };\n    }, [scopeClassName, theme, tokensProps]);\n\n    return <ThemeProviderContext.Provider value={value}>{children}</ThemeProviderContext.Provider>;\n};\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,oBAAuD,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACZ,MAAM;AACF,QAAM,qBAAqB,OAAO,EAAE;AAEpC,YAAU,MAAM;AACZ,UAAM,kBAAkB,SAAS;AAEjC,QAAI,gBAAgB;AAChB,yDAAiB,UAAU,IAAI;AAAA,IACnC;AACA,uBAAmB,UAAU;AAE7B,WAAO,MAAM;AACT,UAAI,mBAAmB,SAAS;AAC5B,2DAAiB,UAAU,OAAO,mBAAmB;AAAA,MACzD;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,gBAAgB,QAAQ,CAAC;AAE7B,QAAM,QAAQ,QAAQ,MAAM;AAExB,UAAM,SAAwB;AAAA,MAC1B,CAAA;AAAA,MACA;AAAA,MACA,UAAU,kBAAkB,QAAQ,mBAAmB;AAAA,MACvD,UAAU,kBAAkB,QAAQ,yBAAyB;AAAA,IAAA;AAGjE,WAAO,EAAE,gBAAgB,OAAO,OAAA;AAAA,EACpC,GAAG,CAAC,gBAAgB,OAAO,WAAW,CAAC;AAEvC,SAAO,oBAAC,qBAAqB,UAArB,EAA8B,OAAe,SAAA,CAAS;AAClE;"}

package/components/ThemeProvider/index.js

@@ -1,11 +1,11 @@
-import { ThemeProvider as o } from "./ThemeProvider.js";
-import { ThemeProviderContext as t } from "./ThemeProviderContext.js";
-import { ETriplexNextTheme as p } from "./ETriplexNextTheme.js";
-import { useToken as f } from "./useToken.js";
+import { ThemeProvider } from "./ThemeProvider.js";
+import { ThemeProviderContext } from "./ThemeProviderContext.js";
+import { ETriplexNextTheme } from "./ETriplexNextTheme.js";
+import { useToken } from "./useToken.js";
 export {
-  p as ETriplexNextTheme,
-  o as ThemeProvider,
-  t as ThemeProviderContext,
-  f as useToken
+  ETriplexNextTheme,
+  ThemeProvider,
+  ThemeProviderContext,
+  useToken
 };
 //# sourceMappingURL=index.js.map

package/components/ThemeProvider/index.js.map

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

package/components/ThemeProvider/useToken.js

@@ -1,10 +1,10 @@
-import { useContext as r } from "react";
-import { ThemeProviderContext as s } from "./ThemeProviderContext.js";
-const p = () => {
-  const { scopeClassName: e, theme: o, tokens: t } = r(s);
-  return { scopeClassName: e, theme: o, tokens: t };
+import { useContext } from "react";
+import { ThemeProviderContext } from "./ThemeProviderContext.js";
+const useToken = () => {
+  const { scopeClassName, theme, tokens } = useContext(ThemeProviderContext);
+  return { scopeClassName, theme, tokens };
 };
 export {
-  p as useToken
+  useToken
 };
 //# sourceMappingURL=useToken.js.map

package/components/ThemeProvider/useToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToken.js","sources":["../../../src/components/ThemeProvider/useToken.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { TDesignTokens } from \"../DesignTokens/types/DesignTokensTypes\";\nimport { ThemeProviderContext } from \"@sberbusiness/triplex-next/components/ThemeProvider/ThemeProviderContext\";\nimport { ETriplexNextTheme } from \"./ETriplexNextTheme\";\n\n/**\n * Хук, возвращающий текущую тему и токены.\n */\nexport const useToken = (): { scopeClassName: string; theme: ETriplexNextTheme; tokens: TDesignTokens } => {\n    const { scopeClassName, theme, tokens } = useContext(ThemeProviderContext);\n\n    return { scopeClassName, theme, tokens };\n};\n"],"names":[],"mappings":";;AAQO,MAAM,WAAW,MAAmF;AACvG,QAAM,EAAE,gBAAgB,OAAO,OAAA,IAAW,WAAW,oBAAoB;AAEzE,SAAO,EAAE,gBAAgB,OAAO,OAAA;AACpC;"}

package/components/Tooltip/Tooltip.js

@@ -1,68 +1,101 @@
-import { jsx as n } from "react/jsx-runtime";
-import d, { useState as E, useRef as X, useEffect as v, useCallback as W } from "react";
-import { TooltipContext as x } from "./TootlipContext.js";
-import { MobileView as D } from "../MobileView/MobileView.js";
-import { TooltipDesktop as L } from "./components/desktop/TooltipDesktop.js";
-import { TooltipMobile as V } from "./components/mobile/TooltipMobile.js";
-import { TooltipBody as T } from "./components/common/TooltipBody.js";
-import { TooltipLink as y } from "./components/common/TooltipLink.js";
-import { TooltipTarget as b } from "./components/common/TooltipTarget.js";
-import { TooltipXButton as M } from "./components/common/TooltipXButton.js";
-import { TooltipMobileHeader as k } from "./components/mobile/components/TooltipMobileHeader.js";
-import { useTooltipTheme as _ } from "./utils/useTooltipTheme.js";
-import { useMatchMedia as j } from "../MediaWidth/useMatchMedia.js";
-import { EScreenWidth as c } from "../../helpers/breakpoints.js";
+import { jsx } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect, useCallback } from "react";
+import { TooltipContext } from "./TootlipContext.js";
+import { MobileView } from "../MobileView/MobileView.js";
+import { TooltipDesktop } from "./components/desktop/TooltipDesktop.js";
+import { TooltipMobile } from "./components/mobile/TooltipMobile.js";
+import { TooltipBody } from "./components/common/TooltipBody.js";
+import { TooltipLink } from "./components/common/TooltipLink.js";
+import { TooltipTarget } from "./components/common/TooltipTarget.js";
+import { TooltipXButton } from "./components/common/TooltipXButton.js";
+import { TooltipMobileHeader } from "./components/mobile/components/TooltipMobileHeader.js";
+import { useTooltipTheme } from "./utils/useTooltipTheme.js";
+import { useMatchMedia } from "../MediaWidth/useMatchMedia.js";
+import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./enums.js";
-const t = ({
-  children: p,
-  toggleType: f,
-  preferPlace: B,
-  disableAdaptiveMode: a,
-  isOpen: r,
-  toggle: l,
-  ...s
+const Tooltip = ({
+  children,
+  toggleType,
+  preferPlace,
+  disableAdaptiveMode,
+  isOpen: openProp,
+  toggle,
+  ...rest
 }) => {
-  const C = j(
-    `(max-width: ${c.SM_MAX})`,
-    window.innerWidth <= parseInt(c.SM_MAX)
-  ), [O, S] = E(!1), m = X(!1), i = r ?? O;
-  _(i, C && !a ? document.body : s.renderContainer ?? document.body), v(() => {
-    r === !1 && (m.current = !1);
-  }, [r]);
-  const H = W(() => {
-    const o = {
+  const isMobileScreenWidth = useMatchMedia(
+    `(max-width: ${EScreenWidth.SM_MAX})`,
+    window.innerWidth <= parseInt(EScreenWidth.SM_MAX)
+  );
+  const [openState, setOpenState] = useState(false);
+  const targetHoveredRef = useRef(false);
+  const open = openProp ?? openState;
+  const isBodyOnlyRenderContainer = isMobileScreenWidth && !disableAdaptiveMode;
+  useTooltipTheme(open, isBodyOnlyRenderContainer ? document.body : rest.renderContainer ?? document.body);
+  useEffect(() => {
+    if (openProp === false) {
+      targetHoveredRef.current = false;
+    }
+  }, [openProp]);
+  const getChildrenElements = useCallback(() => {
+    const elements = {
       body: null,
       link: null,
       closeButton: null,
       mobileHeader: null,
       target: null
     };
-    return d.Children.map(p, (e) => {
-      d.isValidElement(e) && (e.type === b ? o.target = e : e.type === T ? o.body = e : e.type === y ? o.link = e : e.type === M ? o.closeButton = e : e.type === k && (o.mobileHeader = e));
-    }), o;
-  }, [p]), R = (o) => {
-    r === void 0 && (o || (m.current = !1), S(o)), l == null || l(o);
-  }, u = () => /* @__PURE__ */ n(L, { isOpen: i, toggleType: f, preferPlace: B, ...s }), w = () => /* @__PURE__ */ n(V, { isOpen: i, ...s });
-  return /* @__PURE__ */ n(
-    x.Provider,
+    React.Children.map(children, (child) => {
+      if (React.isValidElement(child)) {
+        if (child.type === TooltipTarget) {
+          elements.target = child;
+        } else if (child.type === TooltipBody) {
+          elements.body = child;
+        } else if (child.type === TooltipLink) {
+          elements.link = child;
+        } else if (child.type === TooltipXButton) {
+          elements.closeButton = child;
+        } else if (child.type === TooltipMobileHeader) {
+          elements.mobileHeader = child;
+        }
+      }
+    });
+    return elements;
+  }, [children]);
+  const handleOpen = (nextOpen) => {
+    if (openProp === void 0) {
+      if (!nextOpen) {
+        targetHoveredRef.current = false;
+      }
+      setOpenState(nextOpen);
+    }
+    toggle == null ? void 0 : toggle(nextOpen);
+  };
+  const renderDesktopTooltip = () => {
+    return /* @__PURE__ */ jsx(TooltipDesktop, { isOpen: open, toggleType, preferPlace, ...rest });
+  };
+  const renderMobileTooltip = () => {
+    return /* @__PURE__ */ jsx(TooltipMobile, { isOpen: open, ...rest });
+  };
+  return /* @__PURE__ */ jsx(
+    TooltipContext.Provider,
     {
       value: {
-        elements: H(),
-        setTooltipOpen: R,
-        targetHoveredRef: m,
-        toggleType: f,
-        tooltipOpen: i
+        elements: getChildrenElements(),
+        setTooltipOpen: handleOpen,
+        targetHoveredRef,
+        toggleType,
+        tooltipOpen: open
       },
-      children: a ? u() : /* @__PURE__ */ n(D, { fallback: u(), children: w() })
+      children: disableAdaptiveMode ? renderDesktopTooltip() : /* @__PURE__ */ jsx(MobileView, { fallback: renderDesktopTooltip(), children: renderMobileTooltip() })
     }
   );
 };
-t.Target = b;
-t.Body = T;
-t.Link = y;
-t.XButton = M;
-t.MobileHeader = k;
+Tooltip.Target = TooltipTarget;
+Tooltip.Body = TooltipBody;
+Tooltip.Link = TooltipLink;
+Tooltip.XButton = TooltipXButton;
+Tooltip.MobileHeader = TooltipMobileHeader;
 export {
-  t as Tooltip
+  Tooltip
 };
 //# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from \"react\";\nimport { TooltipContext } from \"@sberbusiness/triplex-next/components/Tooltip/TootlipContext\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\nimport { TooltipDesktop } from \"@sberbusiness/triplex-next/components/Tooltip/components/desktop/TooltipDesktop\";\nimport { TooltipMobile } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/TooltipMobile\";\nimport { TooltipBody } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipBody\";\nimport { TooltipLink } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipLink\";\nimport { TooltipTarget } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipTarget\";\nimport { TooltipXButton } from \"@sberbusiness/triplex-next/components/Tooltip/components/common/TooltipXButton\";\nimport { TooltipMobileHeader } from \"@sberbusiness/triplex-next/components/Tooltip/components/mobile/components/TooltipMobileHeader\";\nimport { ITooltipElements, ITooltipProps } from \"@sberbusiness/triplex-next/components/Tooltip/types\";\nimport { useTooltipTheme } from \"@sberbusiness/triplex-next/components/Tooltip/utils/useTooltipTheme\";\nimport { useMatchMedia } from \"@sberbusiness/triplex-next/components/MediaWidth\";\nimport { EScreenWidth } from \"@sberbusiness/triplex-next/helpers/breakpoints\";\n\n/** Внутренние составляющие компонента Tooltip. */\ninterface ITooltipComposition {\n    Target: typeof TooltipTarget;\n    Body: typeof TooltipBody;\n    Link: typeof TooltipLink;\n    XButton: typeof TooltipXButton;\n    MobileHeader: typeof TooltipMobileHeader;\n}\n\n/** Всплывающая подсказка. */\nexport const Tooltip: React.FC<ITooltipProps> & ITooltipComposition = ({\n    children,\n    toggleType,\n    preferPlace,\n    disableAdaptiveMode,\n    isOpen: openProp,\n    toggle,\n    ...rest\n}) => {\n    const isMobileScreenWidth = useMatchMedia(\n        `(max-width: ${EScreenWidth.SM_MAX})`,\n        window.innerWidth <= parseInt(EScreenWidth.SM_MAX),\n    );\n    const [openState, setOpenState] = useState(false);\n    const targetHoveredRef = useRef(false);\n    const open = openProp ?? openState;\n    // renderContainer для mobile режима только document.body\n    const isBodyOnlyRenderContainer = isMobileScreenWidth && !disableAdaptiveMode;\n    useTooltipTheme(open, isBodyOnlyRenderContainer ? document.body : (rest.renderContainer ?? document.body));\n\n    useEffect(() => {\n        if (openProp === false) {\n            targetHoveredRef.current = false;\n        }\n    }, [openProp]);\n\n    /** Получить дочерние React-элементы. */\n    const getChildrenElements = useCallback(() => {\n        const elements: ITooltipElements = {\n            body: null,\n            link: null,\n            closeButton: null,\n            mobileHeader: null,\n            target: null,\n        };\n\n        React.Children.map(children, (child) => {\n            if (React.isValidElement<React.ReactElement>(child)) {\n                if (child.type === TooltipTarget) {\n                    elements.target = child as React.ReactElement;\n                } else if (child.type === TooltipBody) {\n                    elements.body = child as React.ReactElement;\n                } else if (child.type === TooltipLink) {\n                    elements.link = child as React.ReactElement;\n                } else if (child.type === TooltipXButton) {\n                    elements.closeButton = child as React.ReactElement;\n                } else if (child.type === TooltipMobileHeader) {\n                    elements.mobileHeader = child as React.ReactElement;\n                }\n            }\n        });\n\n        return elements;\n    }, [children]);\n\n    /** Обработчик изменения состояния компонента. */\n    const handleOpen = (nextOpen: boolean) => {\n        if (openProp === undefined) {\n            if (!nextOpen) {\n                targetHoveredRef.current = false;\n            }\n            setOpenState(nextOpen);\n        }\n\n        toggle?.(nextOpen);\n    };\n\n    /** Рендер десктоп версии компонента. */\n    const renderDesktopTooltip = () => {\n        return <TooltipDesktop isOpen={open} toggleType={toggleType} preferPlace={preferPlace} {...rest} />;\n    };\n\n    /** Рендер мобильной версии компонента. */\n    const renderMobileTooltip = () => {\n        return <TooltipMobile isOpen={open} {...rest} />;\n    };\n\n    return (\n        <TooltipContext.Provider\n            value={{\n                elements: getChildrenElements(),\n                setTooltipOpen: handleOpen,\n                targetHoveredRef,\n                toggleType,\n                tooltipOpen: open,\n            }}\n        >\n            {disableAdaptiveMode ? (\n                renderDesktopTooltip()\n            ) : (\n                <MobileView fallback={renderDesktopTooltip()}>{renderMobileTooltip()}</MobileView>\n            )}\n        </TooltipContext.Provider>\n    );\n};\n\nTooltip.Target = TooltipTarget;\nTooltip.Body = TooltipBody;\nTooltip.Link = TooltipLink;\nTooltip.XButton = TooltipXButton;\nTooltip.MobileHeader = TooltipMobileHeader;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBO,MAAM,UAAyD,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,sBAAsB;AAAA,IACxB,eAAe,aAAa,MAAM;AAAA,IAClC,OAAO,cAAc,SAAS,aAAa,MAAM;AAAA,EAAA;AAErD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,OAAO,YAAY;AAEzB,QAAM,4BAA4B,uBAAuB,CAAC;AAC1D,kBAAgB,MAAM,4BAA4B,SAAS,OAAQ,KAAK,mBAAmB,SAAS,IAAK;AAEzG,YAAU,MAAM;AACZ,QAAI,aAAa,OAAO;AACpB,uBAAiB,UAAU;AAAA,IAC/B;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,sBAAsB,YAAY,MAAM;AAC1C,UAAM,WAA6B;AAAA,MAC/B,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,QAAQ;AAAA,IAAA;AAGZ,UAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACpC,UAAI,MAAM,eAAmC,KAAK,GAAG;AACjD,YAAI,MAAM,SAAS,eAAe;AAC9B,mBAAS,SAAS;AAAA,QACtB,WAAW,MAAM,SAAS,aAAa;AACnC,mBAAS,OAAO;AAAA,QACpB,WAAW,MAAM,SAAS,aAAa;AACnC,mBAAS,OAAO;AAAA,QACpB,WAAW,MAAM,SAAS,gBAAgB;AACtC,mBAAS,cAAc;AAAA,QAC3B,WAAW,MAAM,SAAS,qBAAqB;AAC3C,mBAAS,eAAe;AAAA,QAC5B;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,aAAa,CAAC,aAAsB;AACtC,QAAI,aAAa,QAAW;AACxB,UAAI,CAAC,UAAU;AACX,yBAAiB,UAAU;AAAA,MAC/B;AACA,mBAAa,QAAQ;AAAA,IACzB;AAEA,qCAAS;AAAA,EACb;AAGA,QAAM,uBAAuB,MAAM;AAC/B,+BAAQ,gBAAA,EAAe,QAAQ,MAAM,YAAwB,aAA2B,GAAG,MAAM;AAAA,EACrG;AAGA,QAAM,sBAAsB,MAAM;AAC9B,WAAO,oBAAC,eAAA,EAAc,QAAQ,MAAO,GAAG,MAAM;AAAA,EAClD;AAEA,SACI;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACG,OAAO;AAAA,QACH,UAAU,oBAAA;AAAA,QACV,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA,aAAa;AAAA,MAAA;AAAA,MAGhB,UAAA,sBACG,yBAEA,oBAAC,cAAW,UAAU,qBAAA,GAAyB,UAAA,oBAAA,EAAoB,CAAE;AAAA,IAAA;AAAA,EAAA;AAIrF;AAEA,QAAQ,SAAS;AACjB,QAAQ,OAAO;AACf,QAAQ,OAAO;AACf,QAAQ,UAAU;AAClB,QAAQ,eAAe;"}