@gravity-ui/aikit 0.0.1

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader } 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/Loader',
+    component: Loader,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+    argTypes: {
+        view: {
+            control: 'radio',
+            options: ['streaming', 'loading'],
+            description: 'View',
+        },
+        size: {
+            control: 'radio',
+            options: ['xs', 's', 'm'],
+            description: 'Size of element',
+        },
+        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, {}) }) })),
+];
+export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(Loader, Object.assign({}, args)) }));
+Playground.args = { view: 'streaming', size: 's' };
+export const Loading = (args) => (_jsx(ContentWrapper, { children: _jsx(Loader, Object.assign({}, args, { view: "loading" })) }));
+export const Streaming = (args) => (_jsx(ContentWrapper, { children: _jsx(Loader, Object.assign({}, args, { view: "streaming" })) }));
+export const Size = {
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(ShowcaseItem, { title: "Size xs", children: _jsx(Loader, Object.assign({}, args, { size: "xs" })) }), _jsx(ShowcaseItem, { title: "Size s", children: _jsx(Loader, Object.assign({}, args, { size: "s" })) }), _jsx(ShowcaseItem, { title: "Size m", children: _jsx(Loader, Object.assign({}, args, { size: "m" })) })] })),
+    decorators: defaultDecorators,
+    args: { view: 'streaming' },
+};

package/dist/src/components/atoms/Loader/index.d.ts

@@ -0,0 +1 @@
+export * from './Loader';

package/dist/src/components/atoms/Loader/index.js

@@ -0,0 +1 @@
+export * from './Loader';

package/dist/src/components/atoms/MarkdownRenderer/MarkdownRenderer.d.ts

@@ -0,0 +1,10 @@
+import '@diplodoc/transform/dist/js/yfm';
+import { OptionsType } from '@diplodoc/transform/lib/typings';
+import './MarkdownRenderer.scss';
+export interface MarkdownRendererProps {
+    content: string;
+    className?: string;
+    qa?: string;
+    transformOptions?: OptionsType;
+}
+export declare function MarkdownRenderer({ content, className, qa, transformOptions, }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/atoms/MarkdownRenderer/MarkdownRenderer.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import transform from '@diplodoc/transform';
+import '@diplodoc/transform/dist/js/yfm';
+import { block } from '../../../utils/cn';
+import './MarkdownRenderer.scss';
+const b = block('markdown-renderer');
+export function MarkdownRenderer({ content, className, qa, transformOptions, }) {
+    const html = useMemo(() => {
+        if (typeof content !== 'string') {
+            return '';
+        }
+        try {
+            const result = transform(content, transformOptions);
+            return result.result.html;
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('Error transforming markdown:', error);
+            return '';
+        }
+    }, [content, transformOptions]);
+    return (_jsx("div", { className: b(null, [className, 'yfm']), "data-qa": qa, dangerouslySetInnerHTML: { __html: html } }));
+}

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

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

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MarkdownRenderer } from '..';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'atoms/MarkdownRenderer',
+    component: MarkdownRenderer,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+    argTypes: {
+        content: {
+            control: 'text',
+            description: 'YFM markdown content to render',
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class',
+        },
+        qa: {
+            control: 'text',
+            description: 'QA/test identifier',
+        },
+    },
+};
+export const Playground = (args) => _jsx(MarkdownRenderer, Object.assign({}, args));
+Playground.args = {
+    content: '# Hello World\n\nThis is **bold** text and this is *italic* text.',
+};
+export const WithTransformOptions = () => {
+    const customPlugin = ((md) => {
+        const defaultRender = md.renderer.rules.strong_open ||
+            function (tokens, idx, options, _env, self) {
+                return self.renderToken(tokens, idx, options);
+            };
+        // eslint-disable-next-line no-param-reassign
+        md.renderer.rules.strong_open = function (tokens, idx, options, _env, self) {
+            const token = tokens[idx];
+            token.attrSet('style', 'color: #ff6b6b; background-color: #fff5f5; padding: 2px 4px; border-radius: 3px;');
+            return defaultRender(tokens, idx, options, _env, self);
+        };
+    });
+    const transformOptions = {
+        plugins: [customPlugin],
+    };
+    const content = `# Custom Plugin Example\n\nThis is **bold text** with custom styling applied via plugin.`;
+    return _jsx(MarkdownRenderer, { content: content, transformOptions: transformOptions });
+};

package/dist/src/components/atoms/MarkdownRenderer/index.d.ts

@@ -0,0 +1 @@
+export * from './MarkdownRenderer';

package/dist/src/components/atoms/MarkdownRenderer/index.js

@@ -0,0 +1 @@
+export * from './MarkdownRenderer';

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

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

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageBalloon } from '..';
+import { ContentWrapper } from '../../../../demo/ContentWrapper';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'atoms/MessageBalloon',
+    component: MessageBalloon,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+    argTypes: {
+        children: {
+            control: 'text',
+            description: 'Content of message',
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class',
+        },
+        qa: {
+            control: 'text',
+            description: 'QA/test identifier',
+        },
+    },
+};
+export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(MessageBalloon, Object.assign({}, args)) }));
+Playground.args = {
+    children: 'User question',
+};
+export const User = (args) => (_jsx(ContentWrapper, { children: _jsx(MessageBalloon, Object.assign({}, args, { children: "User question" })) }));

package/dist/src/components/atoms/MessageBalloon/index.d.ts

@@ -0,0 +1,7 @@
+import './MessageBalloon.scss';
+export type MessageBalloonProps = {
+    children: React.ReactNode;
+    className?: string;
+    qa?: string;
+};
+export declare const MessageBalloon: (props: MessageBalloonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/atoms/MessageBalloon/index.js

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

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

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

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Shimmer } from '..';
+import { ContentWrapper } from '../../../../demo/ContentWrapper';
+import MDXDocs from './Docs.mdx';
+export default {
+    title: 'atoms/Shimmer',
+    component: Shimmer,
+    parameters: {
+        docs: {
+            page: MDXDocs,
+        },
+    },
+    argTypes: {
+        children: {
+            control: 'text',
+            description: 'Content to apply shimmer to',
+        },
+        className: {
+            control: 'text',
+            description: 'Additional CSS class',
+        },
+        qa: {
+            control: 'text',
+            description: 'QA/test identifier',
+        },
+    },
+};
+export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(Shimmer, Object.assign({}, args, { children: _jsx("span", { children: "Awaiting confirmation" }) })) }));

package/dist/src/components/atoms/Shimmer/index.d.ts

@@ -0,0 +1,6 @@
+import './Shimmer.scss';
+export type ShimmerProps = React.PropsWithChildren<{
+    className?: string;
+    qa?: string;
+}>;
+export declare const Shimmer: (props: ShimmerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/atoms/Shimmer/index.js

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

package/dist/src/components/atoms/SubmitButton/SubmitButton.d.ts

@@ -0,0 +1,37 @@
+import { ButtonButtonProps } from '@gravity-ui/uikit';
+import './SubmitButton.scss';
+export type SubmitButtonState = 'enabled' | 'disabled' | 'loading' | 'cancelable';
+export interface SubmitButtonProps {
+    /**
+     * Click handler
+     */
+    onClick: () => Promise<void>;
+    /**
+     * Button state
+     */
+    state: SubmitButtonState;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Button size
+     */
+    size?: ButtonButtonProps['size'];
+    /**
+     * QA/test identifier
+     */
+    qa?: string;
+}
+/**
+ * Submit button component with state management through props
+ *
+ * States:
+ * - disabled: disabled button state
+ * - enabled: enabled button state
+ * - loading: loading state
+ * - cancelable: cancellation state (during loading)
+ *
+ * @returns Submit button component
+ */
+export declare function SubmitButton({ onClick, state, className, size, qa }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { ArrowUp, Stop } from '@gravity-ui/icons';
+import { Icon, Spin } from '@gravity-ui/uikit';
+import { block } from '../../../utils/cn';
+import { ActionButton } from '../ActionButton';
+import { i18n } from './i18n';
+import './SubmitButton.scss';
+const b = block('submit-button');
+/**
+ * Submit button component with state management through props
+ *
+ * States:
+ * - disabled: disabled button state
+ * - enabled: enabled button state
+ * - loading: loading state
+ * - cancelable: cancellation state (during loading)
+ *
+ * @returns Submit button component
+ */
+export function SubmitButton({ onClick, state, className, size = 'm', qa }) {
+    const isCancelable = state === 'cancelable';
+    const isLoading = state === 'loading';
+    const isDisabled = state === 'disabled';
+    const iconData = isCancelable ? Stop : ArrowUp;
+    const handleClick = useCallback(async () => {
+        if (['enabled', 'cancelable'].includes(state)) {
+            return onClick();
+        }
+        return Promise.resolve();
+    }, [state, onClick]);
+    return (_jsx(ActionButton, { view: "action", size: size, color: "brand", disabled: isDisabled, onClick: handleClick, className: b({ size, loading: isLoading, cancelable: isCancelable }, className), qa: qa, tooltipTitle: i18n('tooltip-send'), children: isLoading ? (_jsx("div", { className: b('loader'), children: _jsx(Spin, { className: b('spinner'), size: "xs" }) })) : (_jsx(Icon, { size: 16, data: iconData })) }));
+}

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

@@ -0,0 +1,12 @@
+import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
+import { SubmitButtonProps } from '..';
+declare const _default: Meta;
+export default _default;
+export declare const Playground: StoryFn<SubmitButtonProps>;
+export declare const Enabled: StoryFn<SubmitButtonProps>;
+export declare const Disabled: StoryFn<SubmitButtonProps>;
+export declare const Loading: StoryFn<SubmitButtonProps>;
+export declare const Cancelable: StoryFn<SubmitButtonProps>;
+export declare const Size: StoryObj<SubmitButtonProps>;
+export declare const States: StoryObj<SubmitButtonProps>;
+export declare const Interactive: StoryFn<SubmitButtonProps>;

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

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

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

package/dist/src/components/atoms/SubmitButton/i18n/index.d.ts

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

package/dist/src/components/atoms/SubmitButton/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}SubmitButton`);

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

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

package/dist/src/components/atoms/SubmitButton/index.d.ts

@@ -0,0 +1 @@
+export * from './SubmitButton';

package/dist/src/components/atoms/SubmitButton/index.js

@@ -0,0 +1 @@
+export * from './SubmitButton';

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

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

@@ -0,0 +1,34 @@
+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/atoms/ToolIndicator/index.d.ts

@@ -0,0 +1,7 @@
+import './ToolIndicator.scss';
+export type ToolIndicatorProps = {
+    status?: 'success' | 'error' | 'info' | 'loading';
+    className?: string;
+    qa?: string;
+};
+export declare const ToolIndicator: (props: ToolIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/atoms/ToolIndicator/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircleCheck, CircleInfo, CircleXmark } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { block } from '../../../utils/cn';
+import { Loader } from '../Loader';
+import './ToolIndicator.scss';
+const b = block('tool-indicator');
+export const ToolIndicator = (props) => {
+    const { status = 'info', className, qa } = props;
+    const commonProps = {
+        qa,
+        size: 16,
+    };
+    switch (status) {
+        case 'success':
+            return _jsx(Icon, Object.assign({}, commonProps, { data: CircleCheck, className: b('success', className) }));
+        case 'error':
+            return _jsx(Icon, Object.assign({}, commonProps, { data: CircleXmark, className: b('error', className) }));
+        case 'info':
+            return _jsx(Icon, Object.assign({}, commonProps, { data: CircleInfo, className: b('info', className) }));
+        case 'loading':
+            return _jsx(Loader, { view: "loading", size: "xs", className: className, qa: qa });
+        default:
+            return null;
+    }
+};

package/dist/src/components/atoms/index.d.ts

@@ -0,0 +1,14 @@
+export * from './ActionButton';
+export * from './Alert';
+export * from './ChatDate';
+export * from './ContextIndicator';
+export * from './ContextItem';
+export * from './DiffStat';
+export * from './Disclaimer';
+export * from './InlineCitation';
+export * from './Loader';
+export * from './MarkdownRenderer';
+export * from './MessageBalloon';
+export * from './Shimmer';
+export * from './SubmitButton';
+export * from './ToolIndicator';

package/dist/src/components/atoms/index.js

@@ -0,0 +1,15 @@
+// Export all atoms
+export * from './ActionButton';
+export * from './Alert';
+export * from './ChatDate';
+export * from './ContextIndicator';
+export * from './ContextItem';
+export * from './DiffStat';
+export * from './Disclaimer';
+export * from './InlineCitation';
+export * from './Loader';
+export * from './MarkdownRenderer';
+export * from './MessageBalloon';
+export * from './Shimmer';
+export * from './SubmitButton';
+export * from './ToolIndicator';

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

@@ -0,0 +1,5 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';
+export * from './templates';
+export * from './pages';

package/dist/src/components/index.js

@@ -0,0 +1,6 @@
+// Export all components
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';
+export * from './templates';
+export * from './pages';

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

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