@alphakits/ui 2.0.1 → 2.0.3

package/dist/textarea/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ChangeEvent, TextareaHTMLAttributes } from 'react';
-export declare type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'style' | 'value' | 'defaultValue' | 'onChange'> & {
+export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'style' | 'value' | 'defaultValue' | 'onChange'> & {
     /**
      * Значение поля ввода
      */
@@ -99,7 +99,7 @@ export declare type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElem
      */
     dataTestId?: string;
 };
-export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style" | "value" | "size" | "defaultValue" | "onChange"> & {
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style" | "defaultValue" | "onChange" | "value" | "size"> & {
     /**
      * Значение поля ввода
      */
@@ -193,7 +193,7 @@ export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.Textar
     /**
      * Обработчик события изменения высоты компонента (работает только вместе c autosize)
      */
-    onHeightChange?: ((height?: number | undefined) => void) | undefined;
+    onHeightChange?: ((height?: number) => void) | undefined;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/dist/textarea/component.js

@@ -1,33 +1,33 @@
-import { jsxs as _, jsx as m } from "react/jsx-runtime";
-import L, { useRef as H, useState as C, useEffect as v, useCallback as d } from "react";
-import ee from "react-merge-refs";
-import te from "react-textarea-autosize";
+import { jsxs as H, jsx as m } from "react/jsx-runtime";
+import v, { useRef as ee, useState as N, useEffect as te, useCallback as d } from "react";
+import re from "react-merge-refs";
+import se from "react-textarea-autosize";
 import p from "classnames";
-import { FormControl as re } from "../form-control/component.js";
-import { useFocus as se } from "../hooks/useFocus/index.js";
+import { FormControl as oe } from "../form-control/component.js";
+import { useFocus as ae } from "../hooks/useFocus/index.js";
 import t from "./index.module.css.js";
-const oe = L.forwardRef(
+const le = v.forwardRef(
   ({
-    autoComplete: N = "on",
+    autoComplete: k = "on",
     autosize: a = !0,
     size: x = "s",
-    block: k = !1,
-    bottomAddons: F,
-    fieldClassName: S,
-    className: $,
+    block: F = !1,
+    bottomAddons: S,
+    fieldClassName: $,
+    className: g,
     dataTestId: j,
     disabled: y,
-    error: P,
-    hint: g,
+    error: A,
+    hint: P,
     textareaClassName: w,
-    label: b,
+    label: R,
     leftAddons: z,
-    onFocus: c,
-    required: A,
-    onBlur: f,
+    onFocus: f,
+    required: B,
+    onBlur: c,
     onChange: n,
-    onHeightChange: B,
-    rightAddons: E,
+    onHeightChange: E,
+    rightAddons: M,
     maxRows: q,
     minRows: D,
     maxHeight: l,
@@ -37,86 +37,87 @@ const oe = L.forwardRef(
     maxLength: i = 500,
     counter: J,
     rows: K = a ? 1 : 3,
-    ...M
-  }, O) => {
-    const o = r === void 0, s = H(null), [R, T] = C(!1), [u, Q] = C(I || ""), [U] = se(s, "keyboard"), V = !!(o ? u : r);
-    v(() => {
+    ...O
+  }, Q) => {
+    const o = r === void 0, s = ee(null), [b, T] = N(!1), [u, U] = N(I || ""), [W] = ae(s, "keyboard"), V = !!(o ? u : r);
+    te(() => {
       a && l && s.current && s.current.style && (s.current.style.maxHeight = `${l}px`);
     }, [s, a, l]);
-    const W = d(
+    const X = d(
       (e) => {
-        T(!0), c && c(e);
-      },
-      [c]
-    ), X = d(
-      (e) => {
-        T(!1), f && f(e);
+        T(!0), f && f(e);
       },
       [f]
     ), Y = d(
       (e) => {
-        n && n(e, { value: e.target.value }), o && Q(e.target.value);
+        T(!1), c && c(e);
+      },
+      [c]
+    ), Z = d(
+      (e) => {
+        n && n(e, { value: e.target.value }), o && U(e.target.value);
       },
       [n, o]
-    ), h = {
-      ...M,
+    ), _ = {
+      ...O,
       className: p(
         t.textarea,
         t[x],
         {
-          [t.hasLabel]: b,
+          [t.hasLabel]: R,
           [t.filled]: V,
           [t.resizeVertical]: G === "vertical"
         },
         w
       ),
-      autoComplete: N,
+      autoComplete: k,
       disabled: y,
-      onBlur: X,
-      onFocus: W,
-      onChange: Y,
+      onBlur: Y,
+      onFocus: X,
+      onChange: Z,
       value: o ? u : r,
       rows: K,
-      ref: ee([O, s]),
+      ref: re([Q, s]),
       "data-test-id": j
-    }, Z = () => `${o ? u.length : r == null ? void 0 : r.length} / ${i || "-"}`;
-    return /* @__PURE__ */ _(
-      re,
+    }, L = () => `${o ? u.length : r == null ? void 0 : r.length} / ${i || "-"}`, { ref: h, ...C } = _;
+    return /* @__PURE__ */ H(
+      oe,
       {
-        className: p($),
-        fieldClassName: p(S, {
-          [t.focusVisible]: U
+        className: p(g),
+        fieldClassName: p($, {
+          [t.focusVisible]: W
         }),
         size: x,
-        block: k,
-        required: A,
+        block: F,
+        required: B,
         disabled: y,
-        filled: V || R,
-        focused: R,
-        error: P,
-        label: b,
-        hint: g,
+        filled: V || b,
+        focused: b,
+        error: A,
+        label: R,
+        hint: P,
         leftAddons: z,
-        rightAddons: E,
-        bottomAddons: F,
+        rightAddons: M,
+        bottomAddons: S,
         children: [
           a ? /* @__PURE__ */ m(
-            te,
+            se,
             {
-              ...h,
+              ...C,
               maxLength: i,
               maxRows: q,
               minRows: D,
-              onHeightChange: B
+              onHeightChange: E,
+              ref: h
             }
-          ) : /* @__PURE__ */ m("textarea", { maxLength: i, ...h, style: { maxHeight: l } }),
-          J && /* @__PURE__ */ m("span", { className: t.counter, children: Z() })
+          ) : /* @__PURE__ */ m("textarea", { maxLength: i, ...C, ref: h, style: { maxHeight: l } }),
+          J && /* @__PURE__ */ m("span", { className: t.counter, children: L() })
         ]
       }
     );
   }
 );
-oe.defaultProps = {
+le.defaultProps = {
   autoComplete: "on",
   autosize: !0,
   size: "s",
@@ -124,6 +125,6 @@ oe.defaultProps = {
   resize: "none"
 };
 export {
-  oe as Textarea
+  le as Textarea
 };
 //# sourceMappingURL=component.js.map

package/dist/textarea/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/textarea/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    TextareaHTMLAttributes,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport cn from 'classnames';\n\nimport { FormControl } from '../form-control';\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\nexport type TextareaProps = Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    'size' | 'style' | 'value' | 'defaultValue' | 'onChange'\n> & {\n    /**\n     * Значение поля ввода\n     */\n    value?: string;\n\n    /**\n     * Начальное значение поля\n     */\n    defaultValue?: string;\n\n    /**\n     * required - индикатор * лейбла для обязательного заполнения поля\n     */\n    required?: boolean;\n\n    /**\n     * Растягивает компонент на ширину контейнера\n     */\n    block?: boolean;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm' | 'l';\n\n    /**\n     * Отображение ошибки\n     */\n    error?: string | boolean;\n\n    /**\n     * Текст подсказки\n     */\n    hint?: string;\n\n    /**\n     * Счетчик символов\n     */\n    counter?: boolean;\n\n    /**\n     * максимальное кол-во символов\n     */\n    maxLength?: number;\n\n    /**\n     * Лейбл компонента\n     */\n    label?: React.ReactNode;\n\n    /**\n     * Слот слева\n     */\n    leftAddons?: React.ReactNode;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * Слот под компонентом\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для поля\n     */\n    fieldClassName?: string;\n\n    /**\n     * Дополнительный класс textarea\n     */\n    textareaClassName?: string;\n\n    /**\n     * Управление возможностью подстраивать высоту компонента под высоту текста\n     */\n    autosize?: boolean;\n\n    /**\n     * Максимальное количество отображаемых строк (работает только вместе с autosize)\n     */\n    maxRows?: number;\n\n    /**\n     * Минимальное количество отображаемых строк (работает только вместе c autosize)\n     */\n    minRows?: number;\n\n    /**\n     * Максимальная высота элемента\n     */\n    maxHeight?: number;\n\n    /**\n     * Управление возможностью изменения размеров компонента (не работает вместе c autosize)\n     */\n    resize?: 'vertical' | 'none';\n\n    /**\n     * Обработчик ввода\n     */\n    onChange?: (event: ChangeEvent<HTMLTextAreaElement>, payload: { value: string }) => void;\n\n    /**\n     * Обработчик события изменения высоты компонента (работает только вместе c autosize)\n     */\n    onHeightChange?: (height?: number) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n    (\n        {\n            autoComplete = 'on',\n            autosize = true,\n            size = 's',\n            block = false,\n            bottomAddons,\n            fieldClassName,\n            className,\n            dataTestId,\n            disabled,\n            error,\n            hint,\n            textareaClassName,\n            label,\n            leftAddons,\n            onFocus,\n            required,\n            onBlur,\n            onChange,\n            onHeightChange,\n            rightAddons,\n            maxRows,\n            minRows,\n            maxHeight,\n            resize = 'none',\n            value,\n            defaultValue,\n            maxLength = 500,\n            counter,\n            rows = autosize ? 1 : 3,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const uncontrolled = value === undefined;\n\n        const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n        const [focused, setFocused] = useState(false);\n        const [stateValue, setStateValue] = useState(defaultValue || '');\n\n        const [focusVisible] = useFocus(textareaRef, 'keyboard');\n\n        const filled = Boolean(uncontrolled ? stateValue : value);\n\n        // Хак, так как react-textarea-autosize перестал поддерживать maxHeight\n        useEffect(() => {\n            if (autosize && maxHeight && textareaRef.current && textareaRef.current.style) {\n                textareaRef.current.style.maxHeight = `${maxHeight}px`;\n            }\n        }, [textareaRef, autosize, maxHeight]);\n\n        const handleTextareaFocus = useCallback(\n            (event: React.FocusEvent<HTMLTextAreaElement>) => {\n                setFocused(true);\n\n                if (onFocus) {\n                    onFocus(event);\n                }\n            },\n            [onFocus],\n        );\n\n        const handleTextareaBlur = useCallback(\n            (event: React.FocusEvent<HTMLTextAreaElement>) => {\n                setFocused(false);\n\n                if (onBlur) {\n                    onBlur(event);\n                }\n            },\n            [onBlur],\n        );\n\n        const handleTextareaChange = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                if (onChange) {\n                    onChange(event, { value: event.target.value });\n                }\n\n                if (uncontrolled) {\n                    setStateValue(event.target.value);\n                }\n            },\n            [onChange, uncontrolled],\n        );\n\n        const textareaProps = {\n            ...restProps,\n            className: cn(\n                styles.textarea,\n                styles[size],\n                {\n                    [styles.hasLabel]: label,\n                    [styles.filled]: filled,\n                    [styles.resizeVertical]: resize === 'vertical',\n                },\n                textareaClassName,\n            ),\n            autoComplete,\n            disabled,\n            onBlur: handleTextareaBlur,\n            onFocus: handleTextareaFocus,\n            onChange: handleTextareaChange,\n            value: uncontrolled ? stateValue : value,\n            rows,\n            ref: mergeRefs([ref, textareaRef]),\n            'data-test-id': dataTestId,\n        };\n\n        const countSymbols = () =>\n            `${uncontrolled ? stateValue.length : value?.length} / ${maxLength || '-'}`;\n\n        return (\n            <FormControl\n                className={cn(className)}\n                fieldClassName={cn(fieldClassName, {\n                    [styles.focusVisible]: focusVisible,\n                })}\n                size={size}\n                block={block}\n                required={required}\n                disabled={disabled}\n                filled={filled || focused}\n                focused={focused}\n                error={error}\n                label={label}\n                hint={hint}\n                leftAddons={leftAddons}\n                rightAddons={rightAddons}\n                bottomAddons={bottomAddons}\n            >\n                {autosize ? (\n                    <TextareaAutosize\n                        {...textareaProps}\n                        maxLength={maxLength}\n                        maxRows={maxRows}\n                        minRows={minRows}\n                        onHeightChange={onHeightChange}\n                    />\n                ) : (\n                    <textarea maxLength={maxLength} {...textareaProps} style={{ maxHeight }} />\n                )}\n                {counter && <span className={styles.counter}>{countSymbols()}</span>}\n            </FormControl>\n        );\n    },\n);\n\n/**\n * Для отображения в сторибуке\n */\nTextarea.defaultProps = {\n    autoComplete: 'on',\n    autosize: true,\n    size: 's',\n    block: false,\n    resize: 'none',\n};\n"],"names":["Textarea","React","autoComplete","autosize","size","block","bottomAddons","fieldClassName","className","dataTestId","disabled","error","hint","textareaClassName","label","leftAddons","onFocus","required","onBlur","onChange","onHeightChange","rightAddons","maxRows","minRows","maxHeight","resize","value","defaultValue","maxLength","counter","rows","restProps","ref","uncontrolled","textareaRef","useRef","focused","setFocused","useState","stateValue","setStateValue","focusVisible","useFocus","filled","useEffect","handleTextareaFocus","useCallback","event","handleTextareaBlur","handleTextareaChange","textareaProps","cn","styles","mergeRefs","countSymbols","jsxs","FormControl","jsx","TextareaAutosize"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/textarea/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    TextareaHTMLAttributes,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport cn from 'classnames';\n\nimport { FormControl } from '../form-control';\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\nexport type TextareaProps = Omit<\n    TextareaHTMLAttributes<HTMLTextAreaElement>,\n    'size' | 'style' | 'value' | 'defaultValue' | 'onChange'\n> & {\n    /**\n     * Значение поля ввода\n     */\n    value?: string;\n\n    /**\n     * Начальное значение поля\n     */\n    defaultValue?: string;\n\n    /**\n     * required - индикатор * лейбла для обязательного заполнения поля\n     */\n    required?: boolean;\n\n    /**\n     * Растягивает компонент на ширину контейнера\n     */\n    block?: boolean;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm' | 'l';\n\n    /**\n     * Отображение ошибки\n     */\n    error?: string | boolean;\n\n    /**\n     * Текст подсказки\n     */\n    hint?: string;\n\n    /**\n     * Счетчик символов\n     */\n    counter?: boolean;\n\n    /**\n     * максимальное кол-во символов\n     */\n    maxLength?: number;\n\n    /**\n     * Лейбл компонента\n     */\n    label?: React.ReactNode;\n\n    /**\n     * Слот слева\n     */\n    leftAddons?: React.ReactNode;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * Слот под компонентом\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для поля\n     */\n    fieldClassName?: string;\n\n    /**\n     * Дополнительный класс textarea\n     */\n    textareaClassName?: string;\n\n    /**\n     * Управление возможностью подстраивать высоту компонента под высоту текста\n     */\n    autosize?: boolean;\n\n    /**\n     * Максимальное количество отображаемых строк (работает только вместе с autosize)\n     */\n    maxRows?: number;\n\n    /**\n     * Минимальное количество отображаемых строк (работает только вместе c autosize)\n     */\n    minRows?: number;\n\n    /**\n     * Максимальная высота элемента\n     */\n    maxHeight?: number;\n\n    /**\n     * Управление возможностью изменения размеров компонента (не работает вместе c autosize)\n     */\n    resize?: 'vertical' | 'none';\n\n    /**\n     * Обработчик ввода\n     */\n    onChange?: (event: ChangeEvent<HTMLTextAreaElement>, payload: { value: string }) => void;\n\n    /**\n     * Обработчик события изменения высоты компонента (работает только вместе c autosize)\n     */\n    onHeightChange?: (height?: number) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n    (\n        {\n            autoComplete = 'on',\n            autosize = true,\n            size = 's',\n            block = false,\n            bottomAddons,\n            fieldClassName,\n            className,\n            dataTestId,\n            disabled,\n            error,\n            hint,\n            textareaClassName,\n            label,\n            leftAddons,\n            onFocus,\n            required,\n            onBlur,\n            onChange,\n            onHeightChange,\n            rightAddons,\n            maxRows,\n            minRows,\n            maxHeight,\n            resize = 'none',\n            value,\n            defaultValue,\n            maxLength = 500,\n            counter,\n            rows = autosize ? 1 : 3,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const uncontrolled = value === undefined;\n\n        const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n        const [focused, setFocused] = useState(false);\n        const [stateValue, setStateValue] = useState(defaultValue || '');\n\n        const [focusVisible] = useFocus(textareaRef, 'keyboard');\n\n        const filled = Boolean(uncontrolled ? stateValue : value);\n\n        // Хак, так как react-textarea-autosize перестал поддерживать maxHeight\n        useEffect(() => {\n            if (autosize && maxHeight && textareaRef.current && textareaRef.current.style) {\n                textareaRef.current.style.maxHeight = `${maxHeight}px`;\n            }\n        }, [textareaRef, autosize, maxHeight]);\n\n        const handleTextareaFocus = useCallback(\n            (event: React.FocusEvent<HTMLTextAreaElement>) => {\n                setFocused(true);\n\n                if (onFocus) {\n                    onFocus(event);\n                }\n            },\n            [onFocus],\n        );\n\n        const handleTextareaBlur = useCallback(\n            (event: React.FocusEvent<HTMLTextAreaElement>) => {\n                setFocused(false);\n\n                if (onBlur) {\n                    onBlur(event);\n                }\n            },\n            [onBlur],\n        );\n\n        const handleTextareaChange = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                if (onChange) {\n                    onChange(event, { value: event.target.value });\n                }\n\n                if (uncontrolled) {\n                    setStateValue(event.target.value);\n                }\n            },\n            [onChange, uncontrolled],\n        );\n\n        const textareaProps = {\n            ...restProps,\n            className: cn(\n                styles.textarea,\n                styles[size],\n                {\n                    [styles.hasLabel]: label,\n                    [styles.filled]: filled,\n                    [styles.resizeVertical]: resize === 'vertical',\n                },\n                textareaClassName,\n            ),\n            autoComplete,\n            disabled,\n            onBlur: handleTextareaBlur,\n            onFocus: handleTextareaFocus,\n            onChange: handleTextareaChange,\n            value: uncontrolled ? stateValue : value,\n            rows,\n            ref: mergeRefs([ref, textareaRef]),\n            'data-test-id': dataTestId,\n        };\n\n        const countSymbols = () =>\n            `${uncontrolled ? stateValue.length : value?.length} / ${maxLength || '-'}`;\n\n        const { ref: textareaMergedRef, ...textareaAttrs } = textareaProps;\n\n        return (\n            <FormControl\n                className={cn(className)}\n                fieldClassName={cn(fieldClassName, {\n                    [styles.focusVisible]: focusVisible,\n                })}\n                size={size}\n                block={block}\n                required={required}\n                disabled={disabled}\n                filled={filled || focused}\n                focused={focused}\n                error={error}\n                label={label}\n                hint={hint}\n                leftAddons={leftAddons}\n                rightAddons={rightAddons}\n                bottomAddons={bottomAddons}\n            >\n                {autosize ? (\n                    <TextareaAutosize\n                        {...textareaAttrs}\n                        maxLength={maxLength}\n                        maxRows={maxRows}\n                        minRows={minRows}\n                        onHeightChange={onHeightChange}\n                        ref={textareaMergedRef as any}\n                    />\n                ) : (\n                    <textarea maxLength={maxLength} {...textareaAttrs} ref={textareaMergedRef} style={{ maxHeight }} />\n                )}\n                {counter && <span className={styles.counter}>{countSymbols()}</span>}\n            </FormControl>\n        );\n    },\n);\n\n/**\n * Для отображения в сторибуке\n */\nTextarea.defaultProps = {\n    autoComplete: 'on',\n    autosize: true,\n    size: 's',\n    block: false,\n    resize: 'none',\n};\n"],"names":["Textarea","React","autoComplete","autosize","size","block","bottomAddons","fieldClassName","className","dataTestId","disabled","error","hint","textareaClassName","label","leftAddons","onFocus","required","onBlur","onChange","onHeightChange","rightAddons","maxRows","minRows","maxHeight","resize","value","defaultValue","maxLength","counter","rows","restProps","ref","uncontrolled","textareaRef","useRef","focused","setFocused","useState","stateValue","setStateValue","focusVisible","useFocus","filled","useEffect","handleTextareaFocus","useCallback","event","handleTextareaBlur","handleTextareaChange","textareaProps","cn","styles","mergeRefs","countSymbols","textareaMergedRef","textareaAttrs","jsxs","FormControl","jsx","TextareaAutosize"],"mappings":";;;;;;;;AA8IO,MAAMA,KAAWC,EAAM;AAAA,EAC1B,CACI;AAAA,IACI,cAAAC,IAAe;AAAA,IACf,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,MAAAC,IAAO3B,IAAW,IAAI;AAAA,IACtB,GAAG4B;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAeP,MAAU,QAEzBQ,IAAcC,GAA4B,IAAI,GAE9C,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAYC,CAAa,IAAIF,EAASX,KAAgB,EAAE,GAEzD,CAACc,CAAY,IAAIC,GAASR,GAAa,UAAU,GAEjDS,IAAS,GAAQV,IAAeM,IAAab;AAGnD,IAAAkB,GAAU,MAAM;AACZ,MAAIzC,KAAYqB,KAAaU,EAAY,WAAWA,EAAY,QAAQ,UACpEA,EAAY,QAAQ,MAAM,YAAY,GAAGV,CAAS;AAAA,IAE1D,GAAG,CAACU,GAAa/B,GAAUqB,CAAS,CAAC;AAErC,UAAMqB,IAAsBC;AAAA,MACxB,CAACC,MAAiD;AAC9C,QAAAV,EAAW,EAAI,GAEXrB,KACAA,EAAQ+B,CAAK;AAAA,MAErB;AAAA,MACA,CAAC/B,CAAO;AAAA,IAAA,GAGNgC,IAAqBF;AAAA,MACvB,CAACC,MAAiD;AAC9C,QAAAV,EAAW,EAAK,GAEZnB,KACAA,EAAO6B,CAAK;AAAA,MAEpB;AAAA,MACA,CAAC7B,CAAM;AAAA,IAAA,GAGL+B,IAAuBH;AAAA,MACzB,CAACC,MAAkD;AAC/C,QAAI5B,KACAA,EAAS4B,GAAO,EAAE,OAAOA,EAAM,OAAO,OAAO,GAG7Cd,KACAO,EAAcO,EAAM,OAAO,KAAK;AAAA,MAExC;AAAA,MACA,CAAC5B,GAAUc,CAAY;AAAA,IAAA,GAGrBiB,IAAgB;AAAA,MAClB,GAAGnB;AAAA,MACH,WAAWoB;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOhD,CAAI;AAAA,QACX;AAAA,UACI,CAACgD,EAAO,QAAQ,GAAGtC;AAAA,UACnB,CAACsC,EAAO,MAAM,GAAGT;AAAA,UACjB,CAACS,EAAO,cAAc,GAAG3B,MAAW;AAAA,QAAA;AAAA,QAExCZ;AAAA,MAAA;AAAA,MAEJ,cAAAX;AAAA,MACA,UAAAQ;AAAA,MACA,QAAQsC;AAAA,MACR,SAASH;AAAA,MACT,UAAUI;AAAA,MACV,OAAOhB,IAAeM,IAAab;AAAA,MACnC,MAAAI;AAAA,MACA,KAAKuB,GAAU,CAACrB,GAAKE,CAAW,CAAC;AAAA,MACjC,gBAAgBzB;AAAA,IAAA,GAGd6C,IAAe,MACjB,GAAGrB,IAAeM,EAAW,SAASb,KAAA,gBAAAA,EAAO,MAAM,MAAME,KAAa,GAAG,IAEvE,EAAE,KAAK2B,GAAmB,GAAGC,MAAkBN;AAErD,WACI,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAWP,EAAG3C,CAAS;AAAA,QACvB,gBAAgB2C,EAAG5C,GAAgB;AAAA,UAC/B,CAAC6C,EAAO,YAAY,GAAGX;AAAA,QAAA,CAC1B;AAAA,QACD,MAAArC;AAAA,QACA,OAAAC;AAAA,QACA,UAAAY;AAAA,QACA,UAAAP;AAAA,QACA,QAAQiC,KAAUP;AAAA,QAClB,SAAAA;AAAA,QACA,OAAAzB;AAAA,QACA,OAAAG;AAAA,QACA,MAAAF;AAAA,QACA,YAAAG;AAAA,QACA,aAAAM;AAAA,QACA,cAAAf;AAAA,QAEC,UAAA;AAAA,UAAAH,IACG,gBAAAwD;AAAA,YAACC;AAAA,YAAA;AAAA,cACI,GAAGJ;AAAA,cACJ,WAAA5B;AAAA,cACA,SAAAN;AAAA,cACA,SAAAC;AAAA,cACA,gBAAAH;AAAA,cACA,KAAKmC;AAAA,YAAA;AAAA,UAAA,IAGT,gBAAAI,EAAC,YAAA,EAAS,WAAA/B,GAAuB,GAAG4B,GAAe,KAAKD,GAAmB,OAAO,EAAE,WAAA/B,EAAA,EAAU,CAAG;AAAA,UAEpGK,KAAW,gBAAA8B,EAAC,QAAA,EAAK,WAAWP,EAAO,SAAU,cAAa,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzE;AACJ;AAKApD,GAAS,eAAe;AAAA,EACpB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACZ;"}

package/dist/textarea/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--textarea-s-min-height: 128px !important;--textarea-m-min-height: 138px !important;--textarea-l-min-height: 148px !important;--textarea-s-padding-top: 14px;--textarea-m-padding-top: 18px;--textarea-l-padding-top: 24px;--textarea-s-filled-margin-top: 23px;--textarea-m-filled-margin-top: 28px;--textarea-l-filled-margin-top: 34px;--textarea-s-filled-min-height: calc( var(--textarea-s-min-height) - var(--textarea-s-filled-margin-top) );--textarea-m-filled-min-height: calc( var(--textarea-m-min-height) - var(--textarea-m-filled-margin-top) );--textarea-l-filled-min-height: calc( var(--textarea-l-min-height) - var(--textarea-l-filled-margin-top) )}.index-module_textarea__91cCo{font-size:16px!important;line-height:20px;font-weight:400;font-family:var(--font-family);position:relative;display:block;width:100%;height:100%;color:var(--input-color);background:none;border:none;margin:0;outline:none;box-sizing:border-box;resize:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.index-module_textarea__91cCo.index-module_s__EnuHV{padding-top:var(--textarea-s-padding-top);padding-bottom:var(--gap-xs)}.index-module_textarea__91cCo.index-module_m__etAWo{padding-top:var(--textarea-m-padding-top);padding-bottom:var(--gap-xs)}.index-module_textarea__91cCo.index-module_l__pP38o{padding-top:var(--textarea-l-padding-top);padding-bottom:var(--gap-xs)}.index-module_textarea__91cCo::placeholder{transition:opacity .2s ease,color .2s ease;color:var(--input-placeholder-color)}.index-module_hasLabel__sk25A::placeholder{opacity:0;color:var(--input-with-label-placeholder-color)}.index-module_resizeVertical__kct5e{resize:vertical}.index-module_textarea__91cCo.index-module_s__EnuHV{min-height:var(--textarea-s-min-height)}.index-module_textarea__91cCo.index-module_m__etAWo{min-height:var(--textarea-m-min-height)}.index-module_textarea__91cCo.index-module_l__pP38o{min-height:var(--textarea-l-min-height)}.index-module_textarea__91cCo:disabled{cursor:var(--disabled-cursor);color:var(--input-disabled-color)}.index-module_textarea__91cCo:read-only{cursor:var(--disabled-cursor);color:var(--input-read-only-color)}.index-module_textarea__91cCo:focus.index-module_hasLabel__sk25A::placeholder{opacity:1}.index-module_textarea__91cCo:focus::placeholder{color:var(--input-focus-placeholder-color)}.index-module_focusVisible__bLwRO{outline:2px solid var(--focus-color);outline-offset:2px}.index-module_textarea__91cCo.index-module_filled__t8LRd.index-module_hasLabel__sk25A{padding-top:0!important}.index-module_textarea__91cCo.index-module_filled__t8LRd.index-module_hasLabel__sk25A.index-module_s__EnuHV{margin-top:var(--textarea-s-filled-margin-top);min-height:var(--textarea-s-filled-min-height);height:var(--textarea-s-filled-min-height)}.index-module_textarea__91cCo.index-module_filled__t8LRd.index-module_hasLabel__sk25A.index-module_m__etAWo{margin-top:var(--textarea-m-filled-margin-top);min-height:var(--textarea-m-filled-min-height);height:var(--textarea-m-filled-min-height)}.index-module_textarea__91cCo.index-module_filled__t8LRd.index-module_hasLabel__sk25A.index-module_l__pP38o{margin-top:var(--textarea-l-filled-margin-top);min-height:var(--textarea-l-filled-min-height);height:var(--textarea-l-filled-min-height)}.index-module_counter__psEqA{position:absolute;top:5px;right:8px;opacity:0;pointer-events:none;font-size:10px;color:var(--color-text-secondary);padding:0!important;transition:opacity .4s ease-in-out;cursor:text}.index-module_textarea__91cCo:focus~.index-module_counter__psEqA{opacity:1}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--textarea-s-min-height: 128px !important;--textarea-m-min-height: 138px !important;--textarea-l-min-height: 148px !important;--textarea-s-padding-top: 14px;--textarea-m-padding-top: 18px;--textarea-l-padding-top: 24px;--textarea-s-filled-margin-top: 23px;--textarea-m-filled-margin-top: 28px;--textarea-l-filled-margin-top: 34px;--textarea-s-filled-min-height: calc( var(--textarea-s-min-height) - var(--textarea-s-filled-margin-top) );--textarea-m-filled-min-height: calc( var(--textarea-m-min-height) - var(--textarea-m-filled-margin-top) );--textarea-l-filled-min-height: calc( var(--textarea-l-min-height) - var(--textarea-l-filled-margin-top) )}.textarea_91cC{font-size:16px!important;line-height:20px;font-weight:400;font-family:var(--font-family);position:relative;display:block;width:100%;height:100%;color:var(--input-color);background:none;border:none;margin:0;outline:none;box-sizing:border-box;resize:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.textarea_91cC.s_EnuH{padding-top:var(--textarea-s-padding-top);padding-bottom:var(--gap-xs)}.textarea_91cC.m_etAW{padding-top:var(--textarea-m-padding-top);padding-bottom:var(--gap-xs)}.textarea_91cC.l_pP38{padding-top:var(--textarea-l-padding-top);padding-bottom:var(--gap-xs)}.textarea_91cC::placeholder{transition:opacity .2s ease,color .2s ease;color:var(--input-placeholder-color)}.hasLabel_sk25::placeholder{opacity:0;color:var(--input-with-label-placeholder-color)}.resizeVertical_kct5{resize:vertical}.textarea_91cC.s_EnuH{min-height:var(--textarea-s-min-height)}.textarea_91cC.m_etAW{min-height:var(--textarea-m-min-height)}.textarea_91cC.l_pP38{min-height:var(--textarea-l-min-height)}.textarea_91cC:disabled{cursor:var(--disabled-cursor);color:var(--input-disabled-color)}.textarea_91cC:read-only{cursor:var(--disabled-cursor);color:var(--input-read-only-color)}.textarea_91cC:focus.hasLabel_sk25::placeholder{opacity:1}.textarea_91cC:focus::placeholder{color:var(--input-focus-placeholder-color)}.focusVisible_bLwR{outline:2px solid var(--focus-color);outline-offset:2px}.textarea_91cC.filled_t8LR.hasLabel_sk25{padding-top:0!important}.textarea_91cC.filled_t8LR.hasLabel_sk25.s_EnuH{margin-top:var(--textarea-s-filled-margin-top);min-height:var(--textarea-s-filled-min-height);height:var(--textarea-s-filled-min-height)}.textarea_91cC.filled_t8LR.hasLabel_sk25.m_etAW{margin-top:var(--textarea-m-filled-margin-top);min-height:var(--textarea-m-filled-min-height);height:var(--textarea-m-filled-min-height)}.textarea_91cC.filled_t8LR.hasLabel_sk25.l_pP38{margin-top:var(--textarea-l-filled-margin-top);min-height:var(--textarea-l-filled-min-height);height:var(--textarea-l-filled-min-height)}.counter_psEq{position:absolute;top:5px;right:8px;opacity:0;pointer-events:none;font-size:10px;color:var(--color-text-secondary);padding:0!important;transition:opacity .4s ease-in-out;cursor:text}.textarea_91cC:focus~.counter_psEq{opacity:1}

package/dist/textarea/index.module.css.js

@@ -1,24 +1,24 @@
 import './index.module.css';
-const e = "index-module_textarea__91cCo", s = "index-module_s__EnuHV", l = "index-module_m__etAWo", o = "index-module_l__pP38o", t = "index-module_hasLabel__sk25A", _ = "index-module_resizeVertical__kct5e", i = "index-module_focusVisible__bLwRO", d = "index-module_filled__t8LRd", n = "index-module_counter__psEqA", c = {
+const e = "textarea_91cC", s = "s_EnuH", t = "m_etAW", c = "l_pP38", l = "hasLabel_sk25", a = "resizeVertical_kct5", o = "focusVisible_bLwR", i = "filled_t8LR", n = "counter_psEq", r = {
   textarea: e,
   s,
-  m: l,
-  l: o,
-  hasLabel: t,
-  resizeVertical: _,
-  focusVisible: i,
-  filled: d,
+  m: t,
+  l: c,
+  hasLabel: l,
+  resizeVertical: a,
+  focusVisible: o,
+  filled: i,
   counter: n
 };
 export {
   n as counter,
-  c as default,
-  d as filled,
-  i as focusVisible,
-  t as hasLabel,
-  o as l,
-  l as m,
-  _ as resizeVertical,
+  r as default,
+  i as filled,
+  o as focusVisible,
+  l as hasLabel,
+  c as l,
+  t as m,
+  a as resizeVertical,
   s,
   e as textarea
 };

package/dist/theme-provider/component.d.ts

@@ -7,7 +7,7 @@ export declare enum THEME {
 export declare const LOACAL_STORAGE_THEME_KEY = "theme";
 export declare const STYLE_TAG_ID = "theme-styles";
 export declare const THEME_DATA_ATTR = "data-theme";
-declare type ThemeProviderProps = {
+type ThemeProviderProps = {
     themes: ThemesObject;
     selectedTheme?: THEME;
 };

package/dist/theme-provider/default-themes.d.ts

@@ -148,8 +148,8 @@ export declare const defaultThemes: {
         };
     };
 };
-declare type DefaultThemes = typeof defaultThemes;
-declare type DefaultThemeType = {
+type DefaultThemes = typeof defaultThemes;
+type DefaultThemeType = {
     [P in keyof DefaultThemes['light']]: {
         [value: string]: string;
     };
@@ -158,7 +158,7 @@ declare type DefaultThemeType = {
         [K in keyof DefaultThemes['light'][P]]: string;
     };
 }>;
-export declare type ThemesObject = {
+export type ThemesObject = {
     dark: DefaultThemeType;
     light: DefaultThemeType;
 };

package/dist/toast/component.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { PopoverProps } from '../popover';
 import { ToastPlateProps } from '../toast-plate';
-export declare type ToastProps = ToastPlateProps & Pick<PopoverProps, 'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition'> & {
+export type ToastProps = ToastPlateProps & Pick<PopoverProps, 'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition'> & {
     /**
          * Элемент, относительного которого появляется тост.
          * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

package/dist/toast/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--toast-box-shadow: var(--shadow-m)}.index-module_toastPlate__QcyxC{box-shadow:var(--toast-box-shadow)}.index-module_popover__CzEm-{z-index:99999999999999;border:none;border-radius:var(--toast-plate-border-radius);box-shadow:var(--toast-box-shadow)}.index-module_block__qnPJw{width:100%}.index-module_fixed__U9hsM{position:fixed;z-index:9999999999999999;bottom:var(--gap-2xl);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.index-module_fixed__U9hsM.index-module_enter__mfllY{opacity:0;transform:scale(.98)}.index-module_fixed__U9hsM.index-module_enterActive__iRE6x,.index-module_fixed__U9hsM.index-module_exit__lf3xl{opacity:1;transform:scale(1)}.index-module_fixed__U9hsM.index-module_exitActive__qssLn{opacity:0;transform:scale(.98)}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--toast-box-shadow: var(--shadow-m)}.toastPlate_Qcyx{box-shadow:var(--toast-box-shadow)}.popover_CzEm{z-index:99999999999999;border:none;border-radius:var(--toast-plate-border-radius);box-shadow:var(--toast-box-shadow)}.block_qnPJ{width:100%}.fixed_U9hs{position:fixed;z-index:9999999999999999;bottom:var(--gap-2xl);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.fixed_U9hs.enter_mfll{opacity:0;transform:scale(.98)}.fixed_U9hs.enterActive_iRE6,.fixed_U9hs.exit_lf3x{opacity:1;transform:scale(1)}.fixed_U9hs.exitActive_qssL{opacity:0;transform:scale(.98)}

package/dist/toast/index.module.css.js

@@ -1,23 +1,23 @@
 import './index.module.css';
-const e = "index-module_toastPlate__QcyxC", t = "index-module_popover__CzEm-", o = "index-module_block__qnPJw", n = "index-module_fixed__U9hsM", i = "index-module_enter__mfllY", _ = "index-module_enterActive__iRE6x", x = "index-module_exit__lf3xl", d = "index-module_exitActive__qssLn", l = {
-  toastPlate: e,
-  popover: t,
+const t = "toastPlate_Qcyx", e = "popover_CzEm", o = "block_qnPJ", c = "fixed_U9hs", s = "enter_mfll", i = "enterActive_iRE6", n = "exit_lf3x", x = "exitActive_qssL", l = {
+  toastPlate: t,
+  popover: e,
   block: o,
-  fixed: n,
-  enter: i,
-  enterActive: _,
-  exit: x,
-  exitActive: d
+  fixed: c,
+  enter: s,
+  enterActive: i,
+  exit: n,
+  exitActive: x
 };
 export {
   o as block,
   l as default,
-  i as enter,
-  _ as enterActive,
-  x as exit,
-  d as exitActive,
-  n as fixed,
-  t as popover,
-  e as toastPlate
+  s as enter,
+  i as enterActive,
+  n as exit,
+  x as exitActive,
+  c as fixed,
+  e as popover,
+  t as toastPlate
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/toast-notifier/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ToastPlateProps } from '../toast-plate';
-export declare type ToastNotifyProps = ToastPlateProps & {
+export type ToastNotifyProps = ToastPlateProps & {
     /**
      * текст тоста
      */

package/dist/toast-notifier/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--notification-desktop-content-width: 278px}.index-module_notificationComponent__vue40{visibility:hidden;position:fixed;right:var(--gap-s);transform:translateY(-500px);display:inline-flex;width:calc(100% - var(--gap-xl));max-width:calc(100vw - var(--gap-xl));-webkit-user-select:none;user-select:none;z-index:999999999999;transition:transform .2s ease-out}.index-module_isVisible__kvaxX{visibility:visible;transform:translate(0)}.index-module_mobile__ARgiW{width:100%!important}.index-module_isClosing__fMPDi{transition:transform .2s ease-out;transform:translate(100vw)}.index-module_progress__MhyUZ{height:5px;position:absolute;box-sizing:border-box;bottom:6px;width:90%}@media screen and (min-width:600px){.index-module_notificationComponent__vue40{right:var(--gap-4xl);width:auto;transform:translate(0)}.index-module_isClosing__fMPDi{transform:translate(calc(var(--notification-desktop-content-width) + var(--gap-4xl) + 300px))}.index-module_toastContent__WxLt6{width:var(--notification-desktop-content-width)}}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--notification-desktop-content-width: 278px}.notificationComponent_vue4{visibility:hidden;position:fixed;right:var(--gap-s);transform:translateY(-500px);display:inline-flex;width:calc(100% - var(--gap-xl));max-width:calc(100vw - var(--gap-xl));-webkit-user-select:none;user-select:none;z-index:999999999999;transition:transform .2s ease-out}.isVisible_kvax{visibility:visible;transform:translate(0)}.mobile_ARgi{width:100%!important}.isClosing_fMPD{transition:transform .2s ease-out;transform:translate(100vw)}.progress_MhyU{height:5px;position:absolute;box-sizing:border-box;bottom:6px;width:90%}@media screen and (min-width:600px){.notificationComponent_vue4{right:var(--gap-4xl);width:auto;transform:translate(0)}.isClosing_fMPD{transform:translate(calc(var(--notification-desktop-content-width) + var(--gap-4xl) + 300px))}.toastContent_WxLt{width:var(--notification-desktop-content-width)}}

package/dist/toast-notifier/index.module.css.js

@@ -1,15 +1,15 @@
 import './index.module.css';
-const i = "index-module_isVisible__kvaxX", s = "index-module_mobile__ARgiW", o = "index-module_isClosing__fMPDi", t = "index-module_toastContent__WxLt6", e = {
-  isVisible: i,
-  mobile: s,
-  isClosing: o,
-  toastContent: t
+const s = "isVisible_kvax", t = "mobile_ARgi", i = "isClosing_fMPD", o = "toastContent_WxLt", n = {
+  isVisible: s,
+  mobile: t,
+  isClosing: i,
+  toastContent: o
 };
 export {
-  e as default,
-  o as isClosing,
-  i as isVisible,
-  s as mobile,
-  t as toastContent
+  n as default,
+  i as isClosing,
+  s as isVisible,
+  t as mobile,
+  o as toastContent
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/toast-plate/component.d.ts

@@ -1,5 +1,5 @@
 import { default as React, HTMLAttributes, MouseEvent, ReactNode } from 'react';
-export declare type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
+export type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Дополнительный класс
      */
@@ -89,5 +89,5 @@ export declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttri
     /**
      * Обработчик клика по крестику
      */
-    onClose?: ((event?: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | undefined) => void) | undefined;
+    onClose?: ((event?: MouseEvent<HTMLButtonElement>) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/toast-plate/index.module.css

@@ -1 +1 @@
-:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--toast-plate-bg-color: var(--color-bg-secondary-inverted);--toast-plate-bg-color-negative: var(--color-bg-negative);--toast-plate-bg-color-positive: var(--color-bg-positive);--toast-plate-border-radius: 8px;--toast-plate-title-font-weight: 700;--toast-plate-action-align: center;--toast-plate-action-padding: 0 var(--gap-2xl);--toast-plate-action-divider-display: block}.index-module_component__2FCoC{position:relative;display:inline-flex;flex-direction:column;box-sizing:border-box;border-radius:var(--toast-plate-border-radius);color:var(--color-text-primary);min-height:56px;width:100%;padding:var(--gap-m);background-color:var(--toast-plate-bg-color)}.index-module_component__2FCoC.index-module_hasCloser__ig0bb{padding-right:56px}.index-module_component__2FCoC.index-module_block__aZI2E{display:flex;width:100%}.index-module_component__2FCoC.index-module_positive__k8leE{background-color:color-mix(in srgb,var(--color-bg-positive) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-positive)}.index-module_component__2FCoC.index-module_positive__k8leE .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-positive)}.index-module_component__2FCoC.index-module_attention__qo9dl{background-color:color-mix(in srgb,var(--color-bg-attention) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-attention)}.index-module_component__2FCoC.index-module_attention__qo9dl .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-attention)}.index-module_component__2FCoC.index-module_negative__rdTB6{background-color:color-mix(in srgb,var(--color-bg-negative) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-negative)}.index-module_component__2FCoC.index-module_negative__rdTB6 .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-negative)}.index-module_component__2FCoC.index-module_default__yyLQR{background-color:color-mix(in srgb,var(--color-bg-accent) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-accent)}.index-module_component__2FCoC.index-module_default__yyLQR .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-accent)}.index-module_component__2FCoC.index-module_neutral__KAatw{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.index-module_component__2FCoC.index-module_neutral__KAatw .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-secondary)}.index-module_component__2FCoC.index-module_black__c7gBa{background-color:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted)}.index-module_component__2FCoC.index-module_black__c7gBa .index-module_checkmark__Uk-P- svg{color:var(--color-graphic-primaty-inverted)}.index-module_component__2FCoC.index-module_black__c7gBa .index-module_closeButton__mFhAC{color:var(--color-text-primary-inverted)!important}.index-module_contentWrap__-P3Jg{display:flex;justify-content:space-between}.index-module_content__ING2J{display:flex;flex:1;flex-direction:column;padding-left:12px}.index-module_leftAddons__Odkdf{display:flex;align-items:flex-start;flex-shrink:0;padding-right:var(--gap-s)}.index-module_title__QZFUh{font-size:16px;line-height:24px;font-weight:700;font-family:var(--font-family);font-weight:var(--toast-plate-title-font-weight);margin-bottom:4px}.index-module_children__tKSv7{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);margin-bottom:0}.index-module_bottomAddons__ixVcA{margin-top:16px}.index-module_closeButton__mFhAC{display:flex!important;align-items:flex-start!important;position:absolute!important;top:var(--gap-m)!important;bottom:var(--gap-s)!important;right:var(--gap-s)!important;padding:var(--gap-2xs)!important;transition:opacity .2s ease-out!important;cursor:pointer!important;color:var(--color-text-primary)!important}.index-module_closeButton__mFhAC:hover{opacity:.7!important}.index-module_closeButton__mFhAC:active{opacity:.5!important}
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--toast-plate-bg-color: var(--color-bg-secondary-inverted);--toast-plate-bg-color-negative: var(--color-bg-negative);--toast-plate-bg-color-positive: var(--color-bg-positive);--toast-plate-border-radius: 8px;--toast-plate-title-font-weight: 700;--toast-plate-action-align: center;--toast-plate-action-padding: 0 var(--gap-2xl);--toast-plate-action-divider-display: block}.component_2FCo{position:relative;display:inline-flex;flex-direction:column;box-sizing:border-box;border-radius:var(--toast-plate-border-radius);color:var(--color-text-primary);min-height:56px;width:100%;padding:var(--gap-m);background-color:var(--toast-plate-bg-color)}.component_2FCo.hasCloser_ig0b{padding-right:56px}.component_2FCo.block_aZI2{display:flex;width:100%}.component_2FCo.positive_k8le{background-color:color-mix(in srgb,var(--color-bg-positive) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-positive)}.component_2FCo.positive_k8le .checkmark_Uk-P svg{color:var(--color-graphic-positive)}.component_2FCo.attention_qo9d{background-color:color-mix(in srgb,var(--color-bg-attention) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-attention)}.component_2FCo.attention_qo9d .checkmark_Uk-P svg{color:var(--color-graphic-attention)}.component_2FCo.negative_rdTB{background-color:color-mix(in srgb,var(--color-bg-negative) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-negative)}.component_2FCo.negative_rdTB .checkmark_Uk-P svg{color:var(--color-graphic-negative)}.component_2FCo.default_yyLQ{background-color:color-mix(in srgb,var(--color-bg-accent) 10%,var(--color-bg-primary));border:1px solid var(--color-bg-accent)}.component_2FCo.default_yyLQ .checkmark_Uk-P svg{color:var(--color-graphic-accent)}.component_2FCo.neutral_KAat{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.component_2FCo.neutral_KAat .checkmark_Uk-P svg{color:var(--color-graphic-secondary)}.component_2FCo.black_c7gB{background-color:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted)}.component_2FCo.black_c7gB .checkmark_Uk-P svg{color:var(--color-graphic-primaty-inverted)}.component_2FCo.black_c7gB .closeButton_mFhA{color:var(--color-text-primary-inverted)!important}.contentWrap_-P3J{display:flex;justify-content:space-between}.content_ING2{display:flex;flex:1;flex-direction:column;padding-left:12px}.leftAddons_Odkd{display:flex;align-items:flex-start;flex-shrink:0;padding-right:var(--gap-s)}.title_QZFU{font-size:16px;line-height:24px;font-weight:700;font-family:var(--font-family);font-weight:var(--toast-plate-title-font-weight);margin-bottom:4px}.children_tKSv{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);margin-bottom:0}.bottomAddons_ixVc{margin-top:16px}.closeButton_mFhA{display:flex!important;align-items:flex-start!important;position:absolute!important;top:var(--gap-m)!important;bottom:var(--gap-s)!important;right:var(--gap-s)!important;padding:var(--gap-2xs)!important;transition:opacity .2s ease-out!important;cursor:pointer!important;color:var(--color-text-primary)!important}.closeButton_mFhA:hover{opacity:.7!important}.closeButton_mFhA:active{opacity:.5!important}

package/dist/toast-plate/index.module.css.js

@@ -1,40 +1,40 @@
 import './index.module.css';
-const e = "index-module_component__2FCoC", o = "index-module_hasCloser__ig0bb", t = "index-module_block__aZI2E", n = "index-module_positive__k8leE", d = "index-module_checkmark__Uk-P-", _ = "index-module_attention__qo9dl", l = "index-module_negative__rdTB6", c = "index-module_neutral__KAatw", s = "index-module_black__c7gBa", i = "index-module_closeButton__mFhAC", a = "index-module_contentWrap__-P3Jg", m = "index-module_content__ING2J", u = "index-module_leftAddons__Odkdf", x = "index-module_title__QZFUh", r = "index-module_children__tKSv7", k = "index-module_bottomAddons__ixVcA", b = {
-  component: e,
+const t = "component_2FCo", o = "hasCloser_ig0b", n = "block_aZI2", e = "positive_k8le", c = "checkmark_Uk-P", s = "attention_qo9d", l = "negative_rdTB", a = "neutral_KAat", d = "black_c7gB", i = "closeButton_mFhA", r = "contentWrap_-P3J", _ = "content_ING2", k = "leftAddons_Odkd", b = "title_QZFU", h = "children_tKSv", m = "bottomAddons_ixVc", p = {
+  component: t,
   hasCloser: o,
-  block: t,
-  positive: n,
-  checkmark: d,
-  attention: _,
+  block: n,
+  positive: e,
+  checkmark: c,
+  attention: s,
   negative: l,
-  default: "index-module_default__yyLQR",
-  neutral: c,
-  black: s,
+  default: "default_yyLQ",
+  neutral: a,
+  black: d,
   closeButton: i,
-  contentWrap: a,
-  content: m,
-  leftAddons: u,
-  title: x,
-  children: r,
-  bottomAddons: k
+  contentWrap: r,
+  content: _,
+  leftAddons: k,
+  title: b,
+  children: h,
+  bottomAddons: m
 };
 export {
-  _ as attention,
-  s as black,
-  t as block,
-  k as bottomAddons,
-  d as checkmark,
-  r as children,
+  s as attention,
+  d as black,
+  n as block,
+  m as bottomAddons,
+  c as checkmark,
+  h as children,
   i as closeButton,
-  e as component,
-  m as content,
-  a as contentWrap,
-  b as default,
+  t as component,
+  _ as content,
+  r as contentWrap,
+  p as default,
   o as hasCloser,
-  u as leftAddons,
+  k as leftAddons,
   l as negative,
-  c as neutral,
-  n as positive,
-  x as title
+  a as neutral,
+  e as positive,
+  b as title
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/tooltip/component.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactElement, ReactNode } from 'react';
 import { PopoverProps, Position } from '../popover';
-declare type Trigger = 'click' | 'hover';
-export declare type TooltipProps = {
+type Trigger = 'click' | 'hover';
+export type TooltipProps = {
     /**
      * Контент тултипа
      */

package/dist/tooltip/index.module.css

@@ -1 +1 @@
-:root{--tooltip-border-color: var(--color-border-primary);--tooltip-z-index: 1}.index-module_component__KCXt7{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);padding:var(--gap-s) var(--gap-m)}.index-module_popper__M9HfK{border-radius:var(--radius-m)}.index-module_target__nVe99{cursor:pointer}
+:root{--tooltip-border-color: var(--color-border-primary);--tooltip-z-index: 1}.component_KCXt{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);padding:var(--gap-s) var(--gap-m)}.popper_M9Hf{border-radius:var(--radius-m)}.target_nVe9{cursor:pointer}

package/dist/tooltip/index.module.css.js

@@ -1,13 +1,13 @@
 import './index.module.css';
-const e = "index-module_component__KCXt7", o = "index-module_popper__M9HfK", t = "index-module_target__nVe99", n = {
-  component: e,
+const t = "component_KCXt", o = "popper_M9Hf", e = "target_nVe9", p = {
+  component: t,
   popper: o,
-  target: t
+  target: e
 };
 export {
-  e as component,
-  n as default,
+  t as component,
+  p as default,
   o as popper,
-  t as target
+  e as target
 };
 //# sourceMappingURL=index.module.css.js.map