@gravity-ui/aikit 0.0.1

package/dist/src/components/molecules/BaseMessage/__stories__/BaseMessage.stories.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseMessage } from '..';
+import { ContentWrapper } from '../../../../demo/ContentWrapper';
+import { Showcase } from '../../../../demo/Showcase';
+import { ShowcaseItem } from '../../../../demo/ShowcaseItem';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'molecules/BaseMessage',
+    component: BaseMessage,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+    argTypes: {
+        variant: {
+            control: 'radio',
+            options: ['user', 'assistant', 'system'],
+            description: 'Type of message',
+        },
+        showActionsOnHover: {
+            control: 'boolean',
+            description: 'Show actions on hover',
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class',
+        },
+        qa: {
+            control: 'text',
+            description: 'QA/test identifier',
+        },
+    },
+};
+const defaultDecorators = [
+    (Story) => (_jsx(ContentWrapper, { children: _jsx(Showcase, { children: _jsx(Story, {}) }) })),
+];
+const buttons = [
+    // eslint-disable-next-line no-console
+    { type: 'copy', onClick: () => console.log('copy') },
+    // eslint-disable-next-line no-console
+    { type: 'edit', onClick: () => console.log('edit') },
+    // eslint-disable-next-line no-console
+    { type: 'delete', onClick: () => console.log('delete') },
+    // eslint-disable-next-line no-console
+    { type: 'custom', onClick: () => console.log('custom') },
+    // eslint-disable-next-line no-console
+    { type: 'like', onClick: () => console.log('like') },
+    // eslint-disable-next-line no-console
+    { type: 'unlike', onClick: () => console.log('unlike') },
+];
+export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(BaseMessage, Object.assign({}, args)) }));
+Playground.args = {
+    children: 'My message',
+    actions: buttons,
+    role: 'assistant',
+};
+export const Variant = {
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(ShowcaseItem, { title: "User", children: _jsx(BaseMessage, Object.assign({}, args, { actions: buttons, role: "user", children: 'My message' })) }), _jsx(ShowcaseItem, { title: "Assistant", children: _jsx(BaseMessage, Object.assign({}, args, { actions: buttons, role: "assistant", children: 'My message' })) }), _jsx(ShowcaseItem, { title: "System", children: _jsx(BaseMessage, Object.assign({}, args, { actions: buttons, role: "system", children: 'My message' })) })] })),
+    decorators: defaultDecorators,
+};
+export const ShowActionsOnHover = (args) => (_jsx(ContentWrapper, { children: _jsx(BaseMessage, Object.assign({}, args, { actions: buttons, role: "assistant", showActionsOnHover: true, children: 'My message' })) }));
+export const ShowTimestamp = {
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(ShowcaseItem, { title: "User", children: _jsx(BaseMessage, Object.assign({}, args, { actions: buttons, role: "user", showTimestamp: true, timestamp: "1705312234567", children: 'My message' })) }), _jsx(ShowcaseItem, { title: "Assistant", children: _jsx(BaseMessage, Object.assign({}, args, { actions: buttons, role: "assistant", showTimestamp: true, timestamp: "1705312234567", children: 'My message' })) })] })),
+    decorators: defaultDecorators,
+};

package/dist/src/components/molecules/BaseMessage/i18n/en.json

@@ -0,0 +1,8 @@
+{
+    "action-tooltip-copy": "Copy",
+    "action-tooltip-edit": "Edit",
+    "action-tooltip-retry": "Retry",
+    "action-tooltip-like": "Like",
+    "action-tooltip-unlike": "Dislike",
+    "action-tooltip-delete": "Delete"
+}

package/dist/src/components/molecules/BaseMessage/i18n/index.d.ts

@@ -0,0 +1,13 @@
+export declare const i18n: ((key: "action-tooltip-copy" | "action-tooltip-edit" | "action-tooltip-retry" | "action-tooltip-like" | "action-tooltip-unlike" | "action-tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "action-tooltip-copy" | "action-tooltip-edit" | "action-tooltip-retry" | "action-tooltip-like" | "action-tooltip-unlike" | "action-tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "action-tooltip-copy" | "action-tooltip-edit" | "action-tooltip-retry" | "action-tooltip-like" | "action-tooltip-unlike" | "action-tooltip-delete", params?: import("@gravity-ui/i18n").Params) => string;
+    };
+    keysetData: {
+        "g-aikit-BaseMessage": Record<"action-tooltip-copy" | "action-tooltip-edit" | "action-tooltip-retry" | "action-tooltip-like" | "action-tooltip-unlike" | "action-tooltip-delete", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/dist/src/components/molecules/BaseMessage/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}BaseMessage`);

package/dist/src/components/molecules/BaseMessage/i18n/ru.json

@@ -0,0 +1,8 @@
+{
+    "action-tooltip-copy": "Копировать",
+    "action-tooltip-edit": "Редактировать",
+    "action-tooltip-retry": "Повторить",
+    "action-tooltip-like": "Нравится",
+    "action-tooltip-unlike": "Не нравится",
+    "action-tooltip-delete": "Удалить"
+}

package/dist/src/components/molecules/BaseMessage/index.d.ts

@@ -0,0 +1,11 @@
+import type { BaseMessageProps } from '../../../types/messages';
+import './BaseMessage.scss';
+export declare enum BaseMessageAction {
+    Copy = "copy",
+    Edit = "edit",
+    Retry = "retry",
+    Like = "like",
+    Unlike = "unlike",
+    Delete = "delete"
+}
+export declare const BaseMessage: (props: BaseMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/molecules/BaseMessage/index.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRotateLeft, Copy as CopyIcon, Pencil, ThumbsDown, ThumbsUp, TrashBin, } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { block } from '../../../utils/cn';
+import { ActionButton } from '../../atoms';
+import { ChatDate } from '../../atoms/ChatDate';
+import { ButtonGroup } from '../ButtonGroup';
+import { i18n } from './i18n';
+import './BaseMessage.scss';
+const b = block('base-message');
+export var BaseMessageAction;
+(function (BaseMessageAction) {
+    BaseMessageAction["Copy"] = "copy";
+    BaseMessageAction["Edit"] = "edit";
+    BaseMessageAction["Retry"] = "retry";
+    BaseMessageAction["Like"] = "like";
+    BaseMessageAction["Unlike"] = "unlike";
+    BaseMessageAction["Delete"] = "delete";
+})(BaseMessageAction || (BaseMessageAction = {}));
+const BaseMessageActionIcons = {
+    [BaseMessageAction.Copy]: CopyIcon,
+    [BaseMessageAction.Edit]: Pencil,
+    [BaseMessageAction.Retry]: ArrowRotateLeft,
+    [BaseMessageAction.Like]: ThumbsUp,
+    [BaseMessageAction.Unlike]: ThumbsDown,
+    [BaseMessageAction.Delete]: TrashBin,
+};
+export const BaseMessage = (props) => {
+    const { className, qa, showActionsOnHover, actions, children, role: variant, showTimestamp, timestamp = '', } = props;
+    // Get tooltip text for action
+    const getTooltipText = (actionType) => {
+        const tooltipKey = `action-tooltip-${actionType}`;
+        // Check if tooltip exists in i18n, otherwise return empty string
+        try {
+            return i18n(tooltipKey);
+        }
+        catch (_a) {
+            return '';
+        }
+    };
+    const hasActions = actions && actions.length > 0;
+    return (_jsxs("div", { className: b({ variant, 'btn-hover': showActionsOnHover }, className), "data-qa": qa, children: [children, hasActions && (_jsxs("div", { className: b('actions', { reverse: variant !== 'user' }), children: [showTimestamp ? _jsx(ChatDate, { date: timestamp, format: "HH:mm", showTime: true }) : null, _jsx(ButtonGroup, { children: actions === null || actions === void 0 ? void 0 : actions.map((action) => {
+                            const tooltipText = getTooltipText(action.type);
+                            return (_jsx(ActionButton, { tooltipTitle: tooltipText && action.type !== 'custom'
+                                    ? tooltipText
+                                    : undefined, view: "flat-secondary", onClick: action.onClick, children: action.icon || BaseMessageActionIcons[action.type] ? (_jsx(Icon, { size: 16, data: action.icon || BaseMessageActionIcons[action.type] })) : (action.type) }, action.type));
+                        }) })] }))] }));
+};

package/dist/src/components/molecules/ButtonGroup/__stories__/ButtonGroup.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
+import { type ButtonGroupProps } from '..';
+declare const _default: Meta;
+export default _default;
+export declare const Playground: StoryFn<ButtonGroupProps>;
+export declare const Orientation: StoryObj<ButtonGroupProps>;

package/dist/src/components/molecules/ButtonGroup/__stories__/ButtonGroup.stories.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@gravity-ui/uikit';
+import { ButtonGroup } from '..';
+import { ContentWrapper } from '../../../../demo/ContentWrapper';
+import { Showcase } from '../../../../demo/Showcase';
+import { ShowcaseItem } from '../../../../demo/ShowcaseItem';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'molecules/ButtonGroup',
+    component: ButtonGroup,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+    argTypes: {
+        orientation: {
+            control: 'radio',
+            options: ['horizontal', 'vertical'],
+            description: 'Orientation of buttons',
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class',
+        },
+        qa: {
+            control: 'text',
+            description: 'QA/test identifier',
+        },
+    },
+};
+const defaultDecorators = [
+    (Story) => (_jsx(ContentWrapper, { children: _jsx(Showcase, { children: _jsx(Story, {}) }) })),
+];
+const buttonChildren = (_jsxs(_Fragment, { children: [_jsx(Button, { children: "Button 1" }), _jsx(Button, { children: "Button 2" }), _jsx(Button, { children: "Button 3" })] }));
+export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(ButtonGroup, Object.assign({}, args)) }));
+Playground.args = {
+    children: buttonChildren,
+    orientation: 'horizontal',
+};
+export const Orientation = {
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(ShowcaseItem, { title: "Horizontal", children: _jsx(ButtonGroup, Object.assign({}, args, { orientation: "horizontal", children: buttonChildren })) }), _jsx(ShowcaseItem, { title: "Vertical", children: _jsx(ButtonGroup, Object.assign({}, args, { orientation: "vertical", children: buttonChildren })) })] })),
+    decorators: defaultDecorators,
+};

package/dist/src/components/molecules/ButtonGroup/index.d.ts

@@ -0,0 +1,8 @@
+import './ButtonGroup.scss';
+export type ButtonGroupProps = {
+    orientation?: 'horizontal' | 'vertical';
+    children: React.ReactNode;
+    className?: string;
+    qa?: string;
+};
+export declare const ButtonGroup: (props: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/molecules/ButtonGroup/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from '../../../utils/cn';
+import './ButtonGroup.scss';
+const b = block('button-group');
+export const ButtonGroup = (props) => {
+    const { orientation = 'horizontal', className, qa, children } = props;
+    return (_jsx("div", { className: b({ or: orientation }, className), "data-qa": qa, children: children }));
+};

package/dist/src/components/molecules/InputContext/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/molecules/InputContext/index.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/molecules/PromptInputBody/PromptInputBody.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import './PromptInputBody.scss';
+/**
+ * Props for the PromptInputBody component
+ */
+export type PromptInputBodyProps = {
+    /** Value of the textarea */
+    value?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Maximum length of input */
+    maxLength?: number;
+    /** Minimum number of rows */
+    minRows?: number;
+    /** Maximum number of rows */
+    maxRows?: number;
+    /** Auto focus on mount */
+    autoFocus?: boolean;
+    /** Disabled state for input */
+    disabledInput?: boolean;
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Key down handler */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    /** Custom content to replace the default textarea */
+    children?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** QA/test identifier */
+    qa?: string;
+};
+/**
+ * PromptInputBody component displays the main input area
+ * with textarea or custom content
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export declare const PromptInputBody: import("react").ForwardRefExoticComponent<PromptInputBodyProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/src/components/molecules/PromptInputBody/PromptInputBody.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { TextArea } from '@gravity-ui/uikit';
+import { block } from '../../../utils/cn';
+import './PromptInputBody.scss';
+const b = block('prompt-input-body');
+/**
+ * PromptInputBody component displays the main input area
+ * with textarea or custom content
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export const PromptInputBody = forwardRef((props, ref) => {
+    const { value, placeholder, maxLength, minRows = 1, maxRows = 15, autoFocus = false, disabledInput = false, onChange, onKeyDown, children, className, qa, } = props;
+    // If custom content is provided, render it
+    if (children) {
+        return (_jsx("div", { className: b(null, className), "data-qa": qa, children: children }));
+    }
+    // Render default textarea
+    return (_jsx("div", { className: b(null, className), "data-qa": qa, children: _jsx(TextArea, { controlRef: ref, size: "l", value: value, placeholder: placeholder, minRows: minRows, maxRows: maxRows, autoFocus: autoFocus, disabled: disabledInput, onUpdate: onChange, onKeyDown: onKeyDown, view: "clear", className: b('textarea'), controlProps: {
+                className: b('textarea-control'),
+                maxLength,
+            } }) }));
+});
+PromptInputBody.displayName = 'PromptInputBody';

package/dist/src/components/molecules/PromptInputBody/__stories__/PromptInputBody.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import { PromptInputBody } from '..';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj<typeof PromptInputBody>;
+export declare const Playground: Story;
+export declare const WithValue: Story;
+export declare const MultiLine: Story;
+export declare const WithMaxLength: Story;
+export declare const WithCustomContent: Story;
+export declare const Disabled: Story;

package/dist/src/components/molecules/PromptInputBody/__stories__/PromptInputBody.stories.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { PromptInputBody } from '..';
+import { ContentWrapper } from '../../../../demo/ContentWrapper';
+import { SwapArea } from '../../../../demo/SwapArea';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'molecules/PromptInputBody',
+    component: PromptInputBody,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+};
+const defaultDecorators = [
+    (Story) => (_jsx(ContentWrapper, { width: "450px", children: _jsx(Story, {}) })),
+];
+export const Playground = {
+    args: {
+        placeholder: 'Plan, code, build and test anything',
+    },
+    decorators: defaultDecorators,
+};
+export const WithValue = {
+    render: (args) => {
+        const [value, setValue] = useState('Hello, this is a test message!');
+        return (_jsx(PromptInputBody, Object.assign({}, args, { value: value, onChange: setValue, placeholder: "Plan, code, build and test anything" })));
+    },
+    decorators: defaultDecorators,
+};
+export const MultiLine = {
+    render: (args) => {
+        const [value, setValue] = useState('This is a multi-line\ntext input\nwith several lines\nof content');
+        return (_jsx(PromptInputBody, Object.assign({}, args, { value: value, onChange: setValue, placeholder: "Plan, code, build and test anything", minRows: 3, maxRows: 10 })));
+    },
+    decorators: defaultDecorators,
+};
+export const WithMaxLength = {
+    render: (args) => {
+        const [value, setValue] = useState('');
+        return (_jsxs(_Fragment, { children: [_jsx(PromptInputBody, Object.assign({}, args, { value: value, onChange: setValue, placeholder: "Maximum 100 characters", maxLength: 100 })), _jsxs("div", { style: {
+                        marginTop: '8px',
+                        fontSize: '12px',
+                        color: 'var(--g-color-text-secondary)',
+                    }, children: [value.length, " / 100 characters"] })] }));
+    },
+    decorators: defaultDecorators,
+};
+export const WithCustomContent = {
+    args: {
+        children: _jsx(SwapArea, {}),
+    },
+    decorators: defaultDecorators,
+};
+export const Disabled = {
+    render: (args) => {
+        const [value, setValue] = useState('This input is disabled');
+        return (_jsx(PromptInputBody, Object.assign({}, args, { value: value, onChange: setValue, placeholder: "Plan, code, build and test anything", disabledInput: true })));
+    },
+    decorators: defaultDecorators,
+};

package/dist/src/components/molecules/PromptInputBody/index.d.ts

@@ -0,0 +1 @@
+export { PromptInputBody, type PromptInputBodyProps } from './PromptInputBody';

package/dist/src/components/molecules/PromptInputBody/index.js

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

package/dist/src/components/molecules/PromptInputFooter/PromptInputFooter.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import type { ButtonButtonProps } from '@gravity-ui/uikit';
+import { SubmitButtonProps } from '../../atoms/SubmitButton';
+import './PromptInputFooter.scss';
+/**
+ * Props for the PromptInputFooter component
+ */
+export type PromptInputFooterProps = {
+    /** Submit button props */
+    submitButton: SubmitButtonProps;
+    /** Show settings icon */
+    showSettings?: boolean;
+    /** Settings icon click handler */
+    onSettingsClick?: () => void;
+    /** Show attachment icon */
+    showAttachment?: boolean;
+    /** Attachment icon click handler */
+    onAttachmentClick?: () => void;
+    /** Show microphone icon */
+    showMicrophone?: boolean;
+    /** Microphone icon click handler */
+    onMicrophoneClick?: () => void;
+    /** Custom content to replace the default footer (SubmitButton will still be rendered) */
+    children?: ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Button size */
+    buttonSize?: ButtonButtonProps['size'];
+    /** QA/test identifier */
+    qa?: string;
+};
+/**
+ * PromptInputFooter component displays the footer section with action icons
+ * and submit button
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export declare function PromptInputFooter(props: PromptInputFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/molecules/PromptInputFooter/PromptInputFooter.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Microphone, Paperclip, Sliders } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { block } from '../../../utils/cn';
+import { ActionButton } from '../../atoms/ActionButton';
+import { SubmitButton } from '../../atoms/SubmitButton';
+import { ButtonGroup } from '../ButtonGroup';
+import { i18n } from './i18n';
+import './PromptInputFooter.scss';
+const b = block('prompt-input-footer');
+/**
+ * PromptInputFooter component displays the footer section with action icons
+ * and submit button
+ *
+ * @param props - Component props
+ * @returns React component
+ */
+export function PromptInputFooter(props) {
+    const { submitButton, showSettings = false, onSettingsClick, showAttachment = false, onAttachmentClick, showMicrophone = false, onMicrophoneClick, children, className, buttonSize = 'm', qa, } = props;
+    // Render custom content with submit button
+    if (children) {
+        return (_jsxs("div", { className: b(null, className), "data-qa": qa, children: [_jsx("div", { className: b('content'), children: children }), _jsx("div", { className: b('submit'), children: _jsx(SubmitButton, Object.assign({}, submitButton, { size: buttonSize })) })] }));
+    }
+    // Render default footer
+    return (_jsxs("div", { className: b(null, className), "data-qa": qa, children: [_jsx(ButtonGroup, { children: showSettings && (_jsx(ActionButton, { view: "flat", size: buttonSize, onClick: onSettingsClick, className: b('action-button'), tooltipTitle: i18n('tooltip-settings'), children: _jsx(Icon, { data: Sliders, size: 16 }) })) }), _jsxs(ButtonGroup, { children: [showAttachment && (_jsx(ActionButton, { view: "flat", size: buttonSize, onClick: onAttachmentClick, className: b('action-button'), tooltipTitle: i18n('tooltip-attachment'), children: _jsx(Icon, { data: Paperclip, size: 16 }) })), showMicrophone && (_jsx(ActionButton, { view: "flat", size: buttonSize, onClick: onMicrophoneClick, className: b('action-button'), tooltipTitle: i18n('tooltip-microphone'), children: _jsx(Icon, { data: Microphone, size: 16 }) })), _jsx(SubmitButton, Object.assign({}, submitButton, { size: buttonSize }))] })] }));
+}

package/dist/src/components/molecules/PromptInputFooter/__stories__/PromptInputFooter.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import { PromptInputFooter } from '..';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj<typeof PromptInputFooter>;
+export declare const Playground: Story;
+export declare const WithAllIcons: Story;
+export declare const DisabledButton: Story;
+export declare const LoadingButton: Story;
+export declare const CancelableButton: Story;
+export declare const WithCustomContent: Story;

package/dist/src/components/molecules/PromptInputFooter/__stories__/PromptInputFooter.stories.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PromptInputFooter } from '..';
+import { ContentWrapper } from '../../../../demo/ContentWrapper';
+import { SwapArea } from '../../../../demo/SwapArea';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'molecules/PromptInputFooter',
+    component: PromptInputFooter,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+};
+const defaultDecorators = [
+    (Story) => (_jsx(ContentWrapper, { width: "450px", children: _jsx(Story, {}) })),
+];
+export const Playground = {
+    args: {
+        submitButton: {
+            // eslint-disable-next-line no-console
+            onClick: async () => console.log('Submit clicked'),
+            state: 'enabled',
+        },
+    },
+    decorators: defaultDecorators,
+};
+export const WithAllIcons = {
+    args: {
+        submitButton: {
+            // eslint-disable-next-line no-console
+            onClick: async () => console.log('Submit clicked'),
+            state: 'enabled',
+        },
+        showSettings: true,
+        showAttachment: true,
+        showMicrophone: true,
+        // eslint-disable-next-line no-console
+        onSettingsClick: () => console.log('Settings clicked'),
+        // eslint-disable-next-line no-console
+        onAttachmentClick: () => console.log('Attachment clicked'),
+        // eslint-disable-next-line no-console
+        onMicrophoneClick: () => console.log('Microphone clicked'),
+    },
+    decorators: defaultDecorators,
+};
+export const DisabledButton = {
+    args: {
+        submitButton: {
+            // eslint-disable-next-line no-console
+            onClick: async () => console.log('Submit clicked'),
+            state: 'disabled',
+        },
+        showSettings: true,
+        showAttachment: true,
+        showMicrophone: true,
+    },
+    decorators: defaultDecorators,
+};
+export const LoadingButton = {
+    args: {
+        submitButton: {
+            // eslint-disable-next-line no-console
+            onClick: async () => console.log('Submit clicked'),
+            state: 'loading',
+        },
+        showSettings: true,
+        showAttachment: true,
+        showMicrophone: true,
+    },
+    decorators: defaultDecorators,
+};
+export const CancelableButton = {
+    args: {
+        submitButton: {
+            // eslint-disable-next-line no-console
+            onClick: async () => console.log('Cancel clicked'),
+            state: 'cancelable',
+        },
+        showSettings: true,
+        showAttachment: true,
+        showMicrophone: true,
+    },
+    decorators: defaultDecorators,
+};
+export const WithCustomContent = {
+    args: {
+        submitButton: {
+            // eslint-disable-next-line no-console
+            onClick: async () => console.log('Submit clicked'),
+            state: 'enabled',
+        },
+        children: _jsx(SwapArea, {}),
+    },
+    decorators: defaultDecorators,
+};

package/dist/src/components/molecules/PromptInputFooter/i18n/en.json

@@ -0,0 +1,5 @@
+{
+    "tooltip-settings": "Settings",
+    "tooltip-attachment": "Attach file",
+    "tooltip-microphone": "Voice input"
+}

package/dist/src/components/molecules/PromptInputFooter/i18n/index.d.ts

@@ -0,0 +1,13 @@
+export declare const i18n: ((key: "tooltip-settings" | "tooltip-attachment" | "tooltip-microphone", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "tooltip-settings" | "tooltip-attachment" | "tooltip-microphone", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "tooltip-settings" | "tooltip-attachment" | "tooltip-microphone", params?: import("@gravity-ui/i18n").Params) => string;
+    };
+    keysetData: {
+        "g-aikit-PromptInputFooter": Record<"tooltip-settings" | "tooltip-attachment" | "tooltip-microphone", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/dist/src/components/molecules/PromptInputFooter/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}PromptInputFooter`);

package/dist/src/components/molecules/PromptInputFooter/i18n/ru.json

@@ -0,0 +1,5 @@
+{
+    "tooltip-settings": "Настройки",
+    "tooltip-attachment": "Прикрепить файл",
+    "tooltip-microphone": "Голосовой ввод"
+}

package/dist/src/components/molecules/PromptInputFooter/index.d.ts

@@ -0,0 +1 @@
+export { PromptInputFooter, type PromptInputFooterProps } from './PromptInputFooter';

package/dist/src/components/molecules/PromptInputFooter/index.js

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