@gravity-ui/aikit 0.1.1 → 0.2.0

package/dist/src/components/atoms/SubmitButton/__stories__/SubmitButton.stories.js

@@ -1,95 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { SubmitButton } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import { Showcase } from '../../../../demo/Showcase';
-import { ShowcaseItem } from '../../../../demo/ShowcaseItem';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'atoms/SubmitButton',
-    component: SubmitButton,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        size: {
-            control: 'radio',
-            options: ['s', 'm', 'l'],
-            description: 'Button size',
-        },
-        state: {
-            control: 'radio',
-            options: ['enabled', 'disabled', 'loading', 'cancelable'],
-            description: 'Button state',
-        },
-        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, {}) }) })),
-];
-// Mock function for demonstration
-const mockOnClick = async () => {
-    // eslint-disable-next-line no-console
-    console.log('Button clicked');
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-    // eslint-disable-next-line no-console
-    console.log('Action completed');
-};
-export const Playground = (args) => {
-    return (_jsx(ContentWrapper, { children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick })) }));
-};
-Playground.args = {
-    size: 'm',
-    state: 'enabled',
-};
-export const Enabled = (args) => {
-    return (_jsx(ContentWrapper, { children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "enabled" })) }));
-};
-export const Disabled = (args) => {
-    return (_jsx(ContentWrapper, { children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "disabled" })) }));
-};
-export const Loading = (args) => {
-    return (_jsx(ContentWrapper, { children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "loading" })) }));
-};
-export const Cancelable = (args) => {
-    return (_jsx(ContentWrapper, { children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "cancelable" })) }));
-};
-export const Size = {
-    render: (args) => {
-        return (_jsxs(_Fragment, { children: [_jsx(ShowcaseItem, { title: "Size s", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, size: "s" })) }), _jsx(ShowcaseItem, { title: "Size m", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, size: "m" })) }), _jsx(ShowcaseItem, { title: "Size l", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, size: "l" })) })] }));
-    },
-    decorators: defaultDecorators,
-};
-export const States = {
-    render: (args) => {
-        return (_jsxs(_Fragment, { children: [_jsx(ShowcaseItem, { title: "Enabled", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "enabled" })) }), _jsx(ShowcaseItem, { title: "Disabled", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "disabled" })) }), _jsx(ShowcaseItem, { title: "Loading", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "loading" })) }), _jsx(ShowcaseItem, { title: "Cancelable", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: mockOnClick, state: "cancelable" })) })] }));
-    },
-    decorators: defaultDecorators,
-};
-// Interactive story to demonstrate loading and cancelable states
-export const Interactive = (args) => {
-    const [state, setState] = useState('enabled');
-    const handleClick = async () => {
-        if (state === 'enabled') {
-            setState('loading');
-            await new Promise((resolve) => setTimeout(resolve, 1000));
-            setState('cancelable');
-        }
-        else if (state === 'cancelable') {
-            // eslint-disable-next-line no-console
-            console.log('Cancelled');
-            setState('enabled');
-        }
-    };
-    return (_jsx(ContentWrapper, { children: _jsx(Showcase, { children: _jsx(ShowcaseItem, { title: "Click the button to see loading and cancelable states", children: _jsx(SubmitButton, Object.assign({}, args, { onClick: handleClick, state: state })) }) }) }));
-};

package/dist/src/components/atoms/SubmitButton/i18n/en.json

@@ -1,3 +0,0 @@
-{
-    "tooltip-send": "Send"
-}

package/dist/src/components/atoms/SubmitButton/i18n/ru.json

@@ -1,3 +0,0 @@
-{
-    "tooltip-send": "Отправить"
-}

package/dist/src/components/atoms/ToolIndicator/__stories__/ToolIndicator.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryFn } from '@storybook/react-webpack5';
-import { ToolIndicatorProps } from '..';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<ToolIndicatorProps>;
-export declare const Success: StoryFn<ToolIndicatorProps>;
-export declare const Error: StoryFn<ToolIndicatorProps>;
-export declare const Info: StoryFn<ToolIndicatorProps>;
-export declare const Loading: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/atoms/ToolIndicator/__stories__/ToolIndicator.stories.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ToolIndicator } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'atoms/ToolIndicator',
-    component: ToolIndicator,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        status: {
-            control: 'radio',
-            options: ['success', 'error', 'info', 'loading'],
-            description: 'Current status of the tool execution',
-        },
-        className: {
-            control: 'text',
-            description: 'Additional CSS class',
-        },
-        qa: {
-            control: 'text',
-            description: 'QA/test identifier',
-        },
-    },
-};
-export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(ToolIndicator, Object.assign({}, args)) }));
-Playground.args = { status: 'success' };
-export const Success = (args) => (_jsx(ContentWrapper, { children: _jsx(ToolIndicator, Object.assign({}, args, { status: "success" })) }));
-export const Error = (args) => (_jsx(ContentWrapper, { children: _jsx(ToolIndicator, Object.assign({}, args, { status: "error" })) }));
-export const Info = (args) => (_jsx(ContentWrapper, { children: _jsx(ToolIndicator, Object.assign({}, args, { status: "info" })) }));
-export const Loading = () => (_jsx(ContentWrapper, { children: _jsx(ToolIndicator, { status: "loading" }) }));

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

@@ -1,8 +0,0 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
-import type { BaseMessageProps } from '../../../../types/messages';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<BaseMessageProps>;
-export declare const Variant: StoryObj<BaseMessageProps>;
-export declare const ShowActionsOnHover: StoryFn<BaseMessageProps>;
-export declare const ShowTimestamp: StoryObj<BaseMessageProps>;

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

@@ -1,66 +0,0 @@
-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

@@ -1,8 +0,0 @@
-{
-    "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/ru.json

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

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

@@ -1,6 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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/PromptInputBody/__stories__/PromptInputBody.stories.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,62 +0,0 @@
-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/PromptInputFooter/__stories__/PromptInputFooter.stories.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,96 +0,0 @@
-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

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

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

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

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

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { PromptInputHeader } from '..';
-declare const _default: Meta;
-export default _default;
-type Story = StoryObj<typeof PromptInputHeader>;
-export declare const Playground: Story;
-export declare const WithContextItems: Story;
-export declare const WithSingleContextItem: Story;
-export declare const WithManyContextItems: Story;
-export declare const WithContextItemsAndIndicator: Story;
-export declare const WithContextIndicator: Story;
-export declare const WithContextIndicatorNumber: Story;
-export declare const WithCustomContent: Story;

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

@@ -1,103 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { PromptInputHeader } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import { SwapArea } from '../../../../demo/SwapArea';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'molecules/PromptInputHeader',
-    component: PromptInputHeader,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-};
-const defaultDecorators = [
-    (Story) => (_jsx(ContentWrapper, { width: "450px", children: _jsx(Story, {}) })),
-];
-export const Playground = {
-    args: {},
-    decorators: defaultDecorators,
-};
-export const WithContextItems = {
-    render: (args) => {
-        const [items, setItems] = useState([
-            { id: '1', content: 'file.tsx', onRemove: () => { } },
-            { id: '2', content: 'component.tsx', onRemove: () => { } },
-            { id: '3', content: 'utils.ts', onRemove: () => { } },
-        ]);
-        const handleRemove = (id) => {
-            setItems(items.filter((item) => item.id !== id));
-        };
-        return (_jsx(PromptInputHeader, Object.assign({}, args, { contextItems: items.map((item) => (Object.assign(Object.assign({}, item), { onRemove: () => handleRemove(item.id) }))) })));
-    },
-    decorators: defaultDecorators,
-};
-export const WithSingleContextItem = {
-    args: {
-        contextItems: [
-            {
-                id: '1',
-                content: 'README.md',
-                onRemove: () => {
-                    // Handle remove
-                },
-            },
-        ],
-    },
-    decorators: defaultDecorators,
-};
-export const WithManyContextItems = {
-    args: {
-        contextItems: [
-            { id: '1', content: 'file1.tsx', onRemove: () => { } },
-            { id: '2', content: 'file2.tsx', onRemove: () => { } },
-            { id: '3', content: 'file3.tsx', onRemove: () => { } },
-            { id: '4', content: 'file4.tsx', onRemove: () => { } },
-            { id: '5', content: 'file5.tsx', onRemove: () => { } },
-        ],
-    },
-    decorators: defaultDecorators,
-};
-export const WithContextItemsAndIndicator = {
-    args: {
-        contextItems: [
-            { id: '1', content: 'file.tsx', onRemove: () => { } },
-            { id: '2', content: 'component.tsx', onRemove: () => { } },
-        ],
-        showContextIndicator: true,
-        contextIndicatorProps: {
-            type: 'percent',
-            usedContext: 75,
-        },
-    },
-    decorators: defaultDecorators,
-};
-export const WithContextIndicator = {
-    args: {
-        showContextIndicator: true,
-        contextIndicatorProps: {
-            type: 'percent',
-            usedContext: 24,
-        },
-    },
-    decorators: defaultDecorators,
-};
-export const WithContextIndicatorNumber = {
-    args: {
-        showContextIndicator: true,
-        contextIndicatorProps: {
-            type: 'number',
-            usedContext: 2400,
-            maxContext: 10000,
-        },
-    },
-    decorators: defaultDecorators,
-};
-export const WithCustomContent = {
-    args: {
-        children: _jsx(SwapArea, {}),
-    },
-    decorators: defaultDecorators,
-};

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

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { PromptInputPanel } from '..';
-declare const _default: Meta;
-export default _default;
-type Story = StoryObj<typeof PromptInputPanel>;
-export declare const Playground: Story;
-export declare const WithSwapArea: Story;
-export declare const WithContentAndCloseButton: Story;

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

@@ -1,38 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Xmark } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import { PromptInputPanel } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import { SwapArea } from '../../../../demo/SwapArea';
-import { ActionButton } from '../../../atoms/ActionButton';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'molecules/PromptInputPanel',
-    component: PromptInputPanel,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-};
-const defaultDecorators = [
-    (Story) => (_jsx(ContentWrapper, { children: _jsx(Story, {}) })),
-];
-export const Playground = {
-    args: {
-        children: 'This is the panel content',
-    },
-    decorators: defaultDecorators,
-};
-export const WithSwapArea = {
-    args: {
-        children: _jsx(SwapArea, {}),
-    },
-    decorators: defaultDecorators,
-};
-export const WithContentAndCloseButton = {
-    args: {
-        children: (_jsxs(_Fragment, { children: [_jsx("div", { style: { flex: 1 }, children: _jsx("span", { children: "Upgrade your plan to Business to unlock all features" }) }), _jsx(Button, { view: "action", size: "m", children: "Upgrade" }), _jsx(ActionButton, { view: "flat", size: "m", onClick: () => { }, children: _jsx(Icon, { data: Xmark, size: 16 }) })] })),
-    },
-    decorators: defaultDecorators,
-};