@moysklad/uikit 28.1.0 → 30.4.0

package/dist/components/Textfield/components/ActionButton/ActionButton_module.css

@@ -0,0 +1,54 @@
+.button-crrsl4 {
+  color: var(--elements-normal);
+  cursor: pointer;
+  background-color: #0000;
+  border: none;
+  border-radius: 4px;
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+.button-crrsl4:disabled {
+  color: var(--text-tertiary);
+  cursor: not-allowed;
+}
+
+.m-yAtFJ1 {
+  width: 20px;
+  height: 20px;
+}
+
+.l-uexXPu {
+  width: 28px;
+  height: 28px;
+}
+
+.primary-ByhgOy:hover:not(:disabled), .primary-ByhgOy:active:not(:disabled) {
+  color: var(--elements-hover);
+}
+
+.primary-ByhgOy:focus-visible:not(:disabled) {
+  color: var(--elements-hover);
+  outline: 1px solid var(--border-focused);
+}
+
+.filled-VBblHB:hover:not(:disabled) {
+  color: var(--elements-hover);
+  background-color: var(--elements-chips-regular-hover);
+}
+
+.filled-VBblHB:active:not(:disabled) {
+  color: var(--elements-hover);
+  background-color: var(--elements-chips-regular-pressed);
+}
+
+.filled-VBblHB:focus-visible:not(:disabled) {
+  color: var(--elements-hover);
+  outline: 1px solid var(--border-focused);
+  background-color: var(--elements-chips-regular-hover);
+}
+

package/dist/components/Textfield/components/ActionButton/index.d.ts

@@ -0,0 +1 @@
+export { ActionButton, type ActionButtonProps } from './ActionButton';

package/dist/components/Textfield/components/ActionButton/index.js

@@ -0,0 +1 @@
+export { ActionButton } from "./ActionButton.js";

package/dist/components/Textfield/components/Container/Container.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { cn } from "../../../../common/css/cn.js";
+import { TextfieldSize } from "../../types/index.js";
 import { Info } from "../Info/Info.js";
 import { Label } from "../Label/Label.js";
 import Container_module from "./Container.module.js";
-const Container = /*#__PURE__*/ memo(({ children, testId, className, label, textfieldId, required = false, limit, showCounterLimit, value, disabled, error, info = '', hasHelp, ...otherProps })=>{
+const Container = /*#__PURE__*/ memo(({ children, testId, className, label, textfieldId, required = false, limit, showCounterLimit, value, disabled, error, info = '', hasHelp, size = TextfieldSize.M, ...otherProps })=>{
     const hasInfo = info.length > 0;
     const hasCounter = (!showCounterLimit || value.toString().length >= showCounterLimit) && limit > 0;
     return /*#__PURE__*/ jsxs("div", {
@@ -16,7 +17,8 @@ const Container = /*#__PURE__*/ memo(({ children, testId, className, label, text
                 testId: testId,
                 label: label,
                 required: required,
-                htmlFor: textfieldId
+                htmlFor: textfieldId,
+                size: size
             }),
             children,
             hasInfo || hasCounter ? /*#__PURE__*/ jsx(Info, {
@@ -27,7 +29,8 @@ const Container = /*#__PURE__*/ memo(({ children, testId, className, label, text
                 error: error,
                 info: info,
                 hasHelp: hasHelp,
-                testId: testId
+                testId: testId,
+                size: size
             }) : null
         ]
     });

package/dist/components/Textfield/components/Counter/Counter.d.ts

@@ -1,9 +1,11 @@
 import { type TextareaHTMLAttributes } from 'react';
 import { type IHasTestId } from '../../../../common/types';
+import { type TextfieldSizeValue } from '../../types';
 interface Props extends IHasTestId {
     hasHelp: boolean;
     limit?: number;
     value: TextareaHTMLAttributes<HTMLTextAreaElement>['value'];
+    size?: TextfieldSizeValue;
 }
-export declare const Counter: import("react").MemoExoticComponent<({ hasHelp, value, limit, testId }: Props) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const Counter: import("react").MemoExoticComponent<({ hasHelp, value, limit, testId, size }: Props) => import("react/jsx-runtime").JSX.Element | null>;
 export {};

package/dist/components/Textfield/components/Counter/Counter.js

@@ -1,12 +1,14 @@
 import { jsxs } from "react/jsx-runtime";
 import { memo } from "react";
-import { cn } from "../../../../common/css/cn.js";
+import { cn } from "../../../../common/index.js";
 import { Text, TextColor } from "../../../Text/Text.js";
+import { TextfieldSize } from "../../types/index.js";
 import Counter_module from "./Counter.module.js";
-const Counter = /*#__PURE__*/ memo(({ hasHelp, value, limit, testId })=>{
+const Counter = /*#__PURE__*/ memo(({ hasHelp, value = '', limit, testId, size = TextfieldSize.M })=>{
     if (!limit) return null;
     const isError = limit ? value.toString().length > limit : false;
-    return /*#__PURE__*/ jsxs(Text.Caption, {
+    const TextComponent = size === TextfieldSize.M ? Text.Caption : Text.Body;
+    return /*#__PURE__*/ jsxs(TextComponent, {
         className: cn(Counter_module.counter, hasHelp && Counter_module.withHelp),
         colorToken: isError ? TextColor.critical : TextColor.secondary,
         "data-test-id": testId ? `${testId}-counter` : '',

package/dist/components/Textfield/components/Info/Info.d.ts

@@ -1,5 +1,6 @@
 import { type TextareaHTMLAttributes } from 'react';
 import { type IHasTestId } from '../../../../common/types';
+import { type TextfieldSizeValue } from '../../types';
 export interface InfoProps extends IHasTestId {
     info?: string;
     limit?: number;
@@ -8,5 +9,6 @@ export interface InfoProps extends IHasTestId {
     error?: boolean;
     value: string;
     hasHelp?: boolean;
+    size?: TextfieldSizeValue;
 }
-export declare const Info: import("react").MemoExoticComponent<({ info, limit, showCounterLimit, disabled, error, value, hasHelp, testId, }: InfoProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Info: import("react").MemoExoticComponent<({ info, limit, showCounterLimit, disabled, error, value, hasHelp, testId, size, }: InfoProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Textfield/components/Info/Info.js

@@ -1,12 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Text, TextColor } from "../../../Text/Text.js";
+import { TextfieldSize } from "../../types/index.js";
 import { Counter } from "../Counter/Counter.js";
 import Info_module from "./Info.module.js";
-const Info = /*#__PURE__*/ memo(({ info, limit, showCounterLimit, disabled, error, value, hasHelp, testId })=>/*#__PURE__*/ jsxs("div", {
+const Info = /*#__PURE__*/ memo(({ info, limit, showCounterLimit, disabled, error, value, hasHelp = false, testId, size = TextfieldSize.M })=>{
+    const TextComponent = size === TextfieldSize.M ? Text.Caption : Text.Body;
+    return /*#__PURE__*/ jsxs("div", {
         className: Info_module.container,
         children: [
-            info && /*#__PURE__*/ jsx(Text.Caption, {
+            info && /*#__PURE__*/ jsx(TextComponent, {
                 colorToken: !disabled && error ? TextColor.critical : TextColor.secondary,
                 "data-test-id": testId ? `${testId}-info` : '',
                 children: info
@@ -15,9 +18,11 @@ const Info = /*#__PURE__*/ memo(({ info, limit, showCounterLimit, disabled, erro
                 testId: testId,
                 limit: limit,
                 hasHelp: hasHelp,
-                value: value
+                value: value,
+                size: size
             }) : null
         ]
-    }));
+    });
+});
 Info.displayName = 'Info';
 export { Info };

package/dist/components/Textfield/components/InnerContainer/InnerContainer.d.ts

@@ -1,10 +1,7 @@
 import { type PropsWithChildren } from 'react';
 import { type HelpProps } from '../../../Help/Help';
-import { type ClearIconProps } from '../ClearIcon/ClearIcon';
-interface Props extends HelpProps, ClearIconProps {
-    clearable?: boolean;
-    value?: string;
-    disabled?: HTMLTextAreaElement['disabled'];
+interface Props extends HelpProps {
+    withHelp?: boolean;
 }
-export declare const InnerContainer: import("react").MemoExoticComponent<({ children, testId, onClear, withHelp, value, disabled, clearable, popup, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element>;
+export declare const InnerContainer: import("react").MemoExoticComponent<({ children, testId, withHelp, popup }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Textfield/components/InnerContainer/InnerContainer.js

@@ -1,18 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
-import { cn } from "../../../../common/css/cn.js";
+import { cn } from "../../../../common/index.js";
 import { Help } from "../../../Help/Help.js";
-import { ClearIcon } from "../ClearIcon/ClearIcon.js";
 import InnerContainer_module from "./InnerContainer.module.js";
-const InnerContainer = /*#__PURE__*/ memo(({ children, testId, onClear, withHelp, value, disabled, clearable, popup })=>/*#__PURE__*/ jsxs("div", {
+const InnerContainer = /*#__PURE__*/ memo(({ children, testId, withHelp = false, popup })=>/*#__PURE__*/ jsxs("div", {
         className: cn(InnerContainer_module.innerContainer, withHelp && InnerContainer_module.withHelp),
         children: [
             children,
-            clearable && value && !disabled && /*#__PURE__*/ jsx(ClearIcon, {
-                withHelp: withHelp,
-                testId: testId,
-                onClear: onClear
-            }),
             popup && /*#__PURE__*/ jsx(Help, {
                 testId: testId ? `${testId}-help` : void 0,
                 popup: popup,

package/dist/components/Textfield/components/InputContainer/InputContainer.d.ts

@@ -1,10 +1,21 @@
 import { type PropsWithChildren, type ReactNode } from 'react';
-interface Props {
-    clearable?: boolean;
+import type { IHasTestId } from '../../../../common';
+import { type ITextfieldFileUploaderProps, type TextfieldSizeValue } from '../../types';
+interface Props extends IHasTestId {
     disabled?: boolean;
     focused?: boolean;
     error?: boolean;
     actionsBar?: ReactNode;
+    size?: TextfieldSizeValue;
+    mainBtnIcon?: ReactNode;
+    emojiBtnIcon?: ReactNode;
+    onMainBtnClick?: () => void;
+    onEmojiBtnClick?: () => void;
+    fileBtnIcon?: ReactNode;
+    isFileBtnVisible?: boolean;
+    fileUploaderProps?: ITextfieldFileUploaderProps;
+    resizeTopSlot?: ReactNode;
+    resizeBottomSlot?: ReactNode;
 }
-export declare const InputContainer: import("react").MemoExoticComponent<({ children, clearable, disabled, focused, error, actionsBar, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element>;
+export declare const InputContainer: import("react").MemoExoticComponent<({ testId, children, disabled, focused, error, actionsBar, size, mainBtnIcon, emojiBtnIcon, fileBtnIcon, onMainBtnClick, onEmojiBtnClick, isFileBtnVisible, fileUploaderProps, resizeTopSlot, resizeBottomSlot, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Textfield/components/InputContainer/InputContainer.js

@@ -1,16 +1,85 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { cn } from "../../../../common/css/cn.js";
+import { FileUploader } from "../../../FileUploader/FileUploader.js";
+import { AddFile12Icon, AddFile16Icon, SendMessage12Icon, SendMessage16Icon, Smile12Icon, Smile16Icon } from "../../../../icon/index.js";
+import { TextfieldSize } from "../../types/index.js";
+import { isSizeM } from "../../utils/index.js";
+import { ActionButton } from "../ActionButton/index.js";
 import InputContainer_module from "./InputContainer.module.js";
-const InputContainer = /*#__PURE__*/ memo(({ children, clearable, disabled, focused, error, actionsBar })=>/*#__PURE__*/ jsxs("div", {
-        className: cn(InputContainer_module.inputContainer, clearable && InputContainer_module.clearable, disabled && InputContainer_module.disabled, focused && InputContainer_module.focused, error && InputContainer_module.error),
+const InputContainer = /*#__PURE__*/ memo(({ testId, children, disabled, focused, error, actionsBar, size = TextfieldSize.M, mainBtnIcon, emojiBtnIcon, fileBtnIcon, onMainBtnClick, onEmojiBtnClick, isFileBtnVisible = false, fileUploaderProps, resizeTopSlot, resizeBottomSlot })=>{
+    const showActions = !!onMainBtnClick || !!onEmojiBtnClick || isFileBtnVisible;
+    const showDivider = !!onEmojiBtnClick || isFileBtnVisible;
+    const hasResizeHandles = resizeTopSlot || resizeBottomSlot;
+    const isM = isSizeM(size);
+    const dndProps = fileUploaderProps?.enableDndSorting ? {
+        enableDndSorting: true,
+        onReorder: fileUploaderProps?.onReorder
+    } : {
+        enableDndSorting: false
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn(InputContainer_module.inputContainer, disabled && InputContainer_module.disabled, focused && InputContainer_module.focused, error && !disabled ? InputContainer_module.error : '', hasResizeHandles && InputContainer_module.hasResizeHandles),
         children: [
+            resizeTopSlot,
             children,
             actionsBar && /*#__PURE__*/ jsx("div", {
                 className: InputContainer_module.actionsBar,
                 children: actionsBar
-            })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: InputContainer_module.files,
+                children: /*#__PURE__*/ jsx(FileUploader, {
+                    ...fileUploaderProps,
+                    ...dndProps,
+                    testId: testId ? `${testId}-file-uploader` : '',
+                    files: fileUploaderProps?.files ?? [],
+                    className: InputContainer_module.fileUploader
+                })
+            }),
+            showActions && /*#__PURE__*/ jsxs("div", {
+                className: cn(InputContainer_module.actions, !isM && InputContainer_module.actionsL),
+                children: [
+                    onEmojiBtnClick && /*#__PURE__*/ jsx(ActionButton, {
+                        onClick: onEmojiBtnClick,
+                        iconOverride: emojiBtnIcon,
+                        icon: isM ? /*#__PURE__*/ jsx(Smile12Icon, {}) : /*#__PURE__*/ jsx(Smile16Icon, {}),
+                        size: size,
+                        disabled: disabled,
+                        "data-test-id": testId ? `${testId}-emoji-btn` : ''
+                    }),
+                    isFileBtnVisible && /*#__PURE__*/ jsx(FileUploader.Trigger, {
+                        ...fileUploaderProps?.getInputProps(),
+                        children: /*#__PURE__*/ jsx(ActionButton, {
+                            onClick: fileUploaderProps?.handleOpen,
+                            iconOverride: fileBtnIcon,
+                            icon: isM ? /*#__PURE__*/ jsx(AddFile12Icon, {}) : /*#__PURE__*/ jsx(AddFile16Icon, {}),
+                            size: size,
+                            disabled: disabled,
+                            "data-test-id": testId ? `${testId}-file-btn` : ''
+                        })
+                    }),
+                    onMainBtnClick && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            showDivider && /*#__PURE__*/ jsx("div", {
+                                className: cn(InputContainer_module.mainBtnDivider, isM ? '' : InputContainer_module.mainBtnDividerLarge)
+                            }),
+                            /*#__PURE__*/ jsx(ActionButton, {
+                                onClick: onMainBtnClick,
+                                iconOverride: mainBtnIcon,
+                                icon: isM ? /*#__PURE__*/ jsx(SendMessage12Icon, {}) : /*#__PURE__*/ jsx(SendMessage16Icon, {}),
+                                size: size,
+                                disabled: disabled,
+                                "data-test-id": testId ? `${testId}-main-btn` : '',
+                                variant: "filled"
+                            })
+                        ]
+                    })
+                ]
+            }),
+            resizeBottomSlot
         ]
-    }));
+    });
+});
 InputContainer.displayName = 'InputContainer';
 export { InputContainer };

package/dist/components/Textfield/components/InputContainer/InputContainer.module.js

@@ -4,6 +4,12 @@ const InputContainer_module = {
     focused: "focused-ORhBSR",
     disabled: "disabled-NuqWEY",
     error: "error-BWY9xH",
-    actionsBar: "actionsBar-hEerOT"
+    actionsBar: "actionsBar-hEerOT",
+    files: "files-dNxdJy",
+    actions: "actions-U6Jj6H",
+    actionsL: "actionsL-y4vtZP",
+    mainBtnDivider: "mainBtnDivider-omXg1b",
+    mainBtnDividerLarge: "mainBtnDividerLarge-hXiU5u",
+    fileUploader: "fileUploader-AHKIZK"
 };
 export default InputContainer_module;

package/dist/components/Textfield/components/InputContainer/InputContainer_module.css

@@ -10,9 +10,7 @@
 }
 
 .inputContainer-gy10zl:focus-visible {
-  --input-shadow: var(--invert-accent-normal, #7eb4ff);
-  box-shadow: 0 0 4px 0 var(--input-shadow);
-  border: 1px solid var(--border-accent, #036ce5);
+  border: 1px solid var(--border-focused, #091739);
 }
 
 .inputContainer-gy10zl {
@@ -22,9 +20,7 @@
 }
 
 .inputContainer-gy10zl.focused-ORhBSR {
-  --input-shadow: var(--invert-accent-normal, #7eb4ff);
-  box-shadow: 0 0 4px 0 var(--input-shadow);
-  border: 1px solid var(--border-accent, #036ce5);
+  border: 1px solid var(--border-focused, #091739);
 }
 
 .inputContainer-gy10zl.disabled-NuqWEY {
@@ -37,7 +33,7 @@
 }
 
 .inputContainer-gy10zl.error-BWY9xH, .inputContainer-gy10zl.error-BWY9xH:hover {
-  border-color: var(--colorful-red-600);
+  border-color: var(--border-critical);
 }
 
 .actionsBar-hEerOT {
@@ -45,3 +41,36 @@
   padding-inline: 12px;
 }
 
+.files-dNxdJy {
+  padding-inline: 12px;
+}
+
+.actions-U6Jj6H {
+  justify-content: flex-end;
+  align-items: center;
+  column-gap: 4px;
+  margin-bottom: 8px;
+  padding-left: 12px;
+  padding-right: 8px;
+  display: flex;
+}
+
+.actionsL-y4vtZP {
+  column-gap: 8px;
+}
+
+.mainBtnDivider-omXg1b {
+  background-color: var(--border-normal);
+  width: 1px;
+  height: 16px;
+  margin: 0 4px;
+}
+
+.mainBtnDividerLarge-hXiU5u {
+  height: 20px;
+}
+
+.fileUploader-AHKIZK {
+  padding: 4px 0;
+}
+

package/dist/components/Textfield/components/Label/Label.d.ts

@@ -1,9 +1,11 @@
 import { type FC } from 'react';
 import { type IHasTestId } from '../../../../common/types';
+import { type TextfieldSizeValue } from '../../types';
 interface Props extends IHasTestId {
     label?: string;
     required?: boolean;
     htmlFor: string;
+    size?: TextfieldSizeValue;
 }
 export declare const Label: FC<Props>;
 export {};

package/dist/components/Textfield/components/Label/Label.js

@@ -1,16 +1,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
-import { Text, TextColor, TextTag } from "../../../Text/Text.js";
+import { Text, TextTag, TextVariant } from "../../../Text/Text.js";
+import { TextAtom } from "../../../Text/Text.atom.js";
 import { useIsElementOverflowing } from "../../../../hooks/useIsElementOverflowing/index.js";
+import { TextfieldSize } from "../../types/index.js";
+import { isSizeM } from "../../utils/index.js";
 import Label_module from "./Label.module.js";
-const Label = /*#__PURE__*/ memo(({ label, htmlFor, required, testId })=>{
+const Label = /*#__PURE__*/ memo(({ label, htmlFor, required, testId, size = TextfieldSize.M })=>{
     const { ref: labelRef, isOverflowing: isOverflowingLabel } = useIsElementOverflowing([
         label
     ]);
+    const isM = isSizeM(size);
+    const TextComponent = isM ? Text.Body : Text.BodyL;
     return /*#__PURE__*/ jsxs("span", {
         className: Label_module.wrapper,
         children: [
-            /*#__PURE__*/ jsx(Text.Body, {
+            /*#__PURE__*/ jsx(TextComponent, {
                 ref: labelRef,
                 title: isOverflowingLabel ? label : void 0,
                 className: Label_module.label,
@@ -19,10 +24,11 @@ const Label = /*#__PURE__*/ memo(({ label, htmlFor, required, testId })=>{
                 "data-test-id": testId ? `${testId}-label` : '',
                 children: label
             }),
-            required && /*#__PURE__*/ jsx(Text, {
+            required && /*#__PURE__*/ jsx(TextAtom, {
                 "data-test-id": testId ? `${testId}-required` : void 0,
                 as: TextTag.span,
-                colorToken: TextColor.critical,
+                variant: isM ? TextVariant.body : TextVariant.bodyL,
+                className: Label_module.required,
                 children: "*"
             })
         ]

package/dist/components/Textfield/components/Label/Label_module.css

@@ -12,6 +12,6 @@
 }
 
 .required-mCIeFq {
-  display: inline;
+  color: var(--elements-critical);
 }
 

package/dist/components/Textfield/components/ResizeHandle/ResizeHandle.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+interface ResizeHandleProps {
+    direction: 'top' | 'bottom';
+    minHeight: number;
+    maxHeight?: number;
+    startHeight: number;
+    onHeightChange: (height: number) => void;
+}
+export declare const ResizeHandle: FC<ResizeHandleProps>;
+export {};

package/dist/components/Textfield/components/ResizeHandle/ResizeHandle.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { cn } from "../../../../common/css/cn.js";
+import { Drag12Icon } from "../../../../icon/index.js";
+import ResizeHandle_module from "./ResizeHandle.module.js";
+const getDelta = (direction, startY, clientY)=>{
+    if ('top' === direction) return startY - clientY;
+    return clientY - startY;
+};
+const ResizeHandle = ({ direction, onHeightChange, startHeight, minHeight, maxHeight })=>{
+    const mouseMoveListenerRef = useRef(null);
+    const mouseUpListenerRef = useRef(null);
+    useEffect(()=>()=>{
+            if (mouseMoveListenerRef.current) window.removeEventListener('mousemove', mouseMoveListenerRef.current);
+            if (mouseUpListenerRef.current) window.removeEventListener('mouseup', mouseUpListenerRef.current);
+        }, []);
+    const handleMouseDown = useCallback((e)=>{
+        e.preventDefault();
+        const startY = e.clientY;
+        const handleMouseMove = (moveEvent)=>{
+            const delta = getDelta(direction, startY, moveEvent.clientY);
+            let next = Math.max(minHeight, startHeight + delta);
+            if (maxHeight) next = Math.min(maxHeight, next);
+            onHeightChange(next);
+        };
+        const handleMouseUp = ()=>{
+            window.removeEventListener('mousemove', handleMouseMove);
+            window.removeEventListener('mouseup', handleMouseUp);
+            mouseMoveListenerRef.current = null;
+            mouseUpListenerRef.current = null;
+        };
+        mouseMoveListenerRef.current = handleMouseMove;
+        mouseUpListenerRef.current = handleMouseUp;
+        window.addEventListener('mousemove', handleMouseMove);
+        window.addEventListener('mouseup', handleMouseUp);
+    }, [
+        direction,
+        minHeight,
+        maxHeight,
+        startHeight,
+        onHeightChange
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        className: cn(ResizeHandle_module.handle, ResizeHandle_module[direction]),
+        onMouseDown: handleMouseDown,
+        children: /*#__PURE__*/ jsx(Drag12Icon, {})
+    });
+};
+ResizeHandle.displayName = 'ResizeHandle';
+export { ResizeHandle };

package/dist/components/Textfield/components/ResizeHandle/ResizeHandle.module.js

@@ -0,0 +1,7 @@
+import "./ResizeHandle_module.css";
+const ResizeHandle_module = {
+    handle: "handle-KOfccF",
+    top: "top-i74sAn",
+    bottom: "bottom-O20AqX"
+};
+export default ResizeHandle_module;

package/dist/components/Textfield/components/ResizeHandle/ResizeHandle_module.css

@@ -0,0 +1,21 @@
+.handle-KOfccF {
+  cursor: ns-resize;
+  width: 12px;
+  height: 12px;
+  color: var(--elements-normal);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  right: 1px;
+}
+
+.top-i74sAn {
+  top: 1px;
+  transform: rotate(270deg);
+}
+
+.bottom-O20AqX {
+  bottom: 1px;
+}
+

package/dist/components/Textfield/components/ResizeHandle/index.d.ts

@@ -0,0 +1 @@
+export { ResizeHandle } from './ResizeHandle';

package/dist/components/Textfield/components/ResizeHandle/index.js

@@ -0,0 +1 @@
+export { ResizeHandle } from "./ResizeHandle.js";

package/dist/components/Textfield/consts/index.d.ts

@@ -0,0 +1,2 @@
+export declare const MIN_HEIGHT_M = 96;
+export declare const MIN_HEIGHT_L = 146;

package/dist/components/Textfield/consts/index.js

@@ -0,0 +1,3 @@
+const MIN_HEIGHT_M = 96;
+const MIN_HEIGHT_L = 146;
+export { MIN_HEIGHT_L, MIN_HEIGHT_M };

package/dist/components/Textfield/types/index.d.ts

@@ -0,0 +1,12 @@
+import type { ValueOf } from '../../../common';
+import type { IFileUploaderProps, IUseFileUploaderOptions } from '../../FileUploader/FileUploader.types';
+export declare const TextfieldSize: {
+    readonly M: "m";
+    readonly L: "l";
+};
+export type TextfieldSizeValue = ValueOf<typeof TextfieldSize>;
+export type ITextfieldUseFileUploaderOptions = Omit<IUseFileUploaderOptions, 'onDrop'>;
+export interface ITextfieldFileUploaderProps extends Omit<IFileUploaderProps, 'testId'> {
+    handleOpen: () => void;
+    getInputProps: () => object;
+}

package/dist/components/Textfield/types/index.js

@@ -0,0 +1,5 @@
+const TextfieldSize = {
+    M: 'm',
+    L: 'l'
+};
+export { TextfieldSize };

package/dist/components/Textfield/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { type TextfieldSizeValue } from '../types';
+export declare const isSizeM: (size: TextfieldSizeValue) => size is "m";
+export declare const getMinHeight: (minHeightProp?: number, size?: TextfieldSizeValue) => number;

package/dist/components/Textfield/utils/index.js

@@ -0,0 +1,8 @@
+import { MIN_HEIGHT_L, MIN_HEIGHT_M } from "../consts/index.js";
+import { TextfieldSize } from "../types/index.js";
+const isSizeM = (size)=>size === TextfieldSize.M;
+const getMinHeight = (minHeightProp, size = TextfieldSize.M)=>{
+    if (void 0 !== minHeightProp && minHeightProp >= 0) return minHeightProp;
+    return isSizeM(size) ? MIN_HEIGHT_M : MIN_HEIGHT_L;
+};
+export { getMinHeight, isSizeM };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,6 @@
 import { type TooltipProps as RcTooltipProps } from 'rc-tooltip/es/Tooltip';
 import type { IHasTestId, ValueOf } from '../../common/types';
+import type { TTooltipBodyColorToken } from './types';
 export declare const Placement: {
     readonly TOP: "top";
     readonly TOP_LEFT: "topLeft";
@@ -22,5 +23,7 @@ export interface TooltipProps extends IHasTestId, RcTooltipProps {
     afterHide?: () => void;
     offset: [number, number];
     hideCloseButton?: boolean;
+    arrowClassName?: string;
+    colorToken?: TTooltipBodyColorToken;
 }
-export declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ testId, id, overlay, offset, visible, onVisibleChange, placement, trigger, children, afterHide, getTooltipContainer, zIndex, hideCloseButton, overlayClassName, arrowClassName, colorToken, arrowContent, ...restProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;