@gravity-ui/aikit 0.1.1 → 0.2.0

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

@@ -1,19 +0,0 @@
-import { Meta, StoryFn } from '@storybook/react-webpack5';
-import { SuggestionsProps } from '..';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<SuggestionsProps>;
-export declare const ListLayout: StoryFn<SuggestionsProps>;
-export declare const ListLayoutWithContainer: StoryFn<SuggestionsProps>;
-export declare const GridLayout: StoryFn<SuggestionsProps>;
-export declare const GridLayoutWithContainer: StoryFn<SuggestionsProps>;
-export declare const WithoutIds: StoryFn<SuggestionsProps>;
-export declare const SingleItem: StoryFn<SuggestionsProps>;
-export declare const TextAlignLeft: StoryFn<SuggestionsProps>;
-export declare const TextAlignCenter: StoryFn<SuggestionsProps>;
-export declare const TextAlignRight: StoryFn<SuggestionsProps>;
-export declare const WithLeftIcon: StoryFn<SuggestionsProps>;
-export declare const WithRightIcon: StoryFn<SuggestionsProps>;
-export declare const WithMixedIcons: StoryFn<SuggestionsProps>;
-export declare const IconsWithContainer: StoryFn<SuggestionsProps>;
-export declare const WithIconsInGridLayout: StoryFn<SuggestionsProps>;

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

@@ -1,143 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Suggestions } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'molecules/Suggestions',
-    component: Suggestions,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        items: {
-            control: 'object',
-            description: 'Array of suggestion items to display',
-        },
-        onClick: {
-            action: 'clicked',
-            description: 'Callback function called when a suggestion is clicked',
-        },
-        layout: {
-            control: 'select',
-            options: ['grid', 'list'],
-            description: 'Layout orientation: grid for horizontal, list for vertical',
-        },
-        textAlign: {
-            control: 'select',
-            options: ['left', 'center', 'right'],
-            description: 'Text alignment inside buttons',
-        },
-        className: {
-            control: 'text',
-            description: 'Additional CSS class',
-        },
-        qa: {
-            control: 'text',
-            description: 'QA/test identifier',
-        },
-    },
-};
-export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args)) }));
-Playground.args = {
-    items: [
-        { id: '1', title: 'First suggestion' },
-        { id: '2', title: 'Second suggestion' },
-        { id: '3', title: 'Third suggestion' },
-    ],
-    onClick: () => {
-        // onClick handler
-    },
-    layout: 'list',
-};
-export const ListLayout = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Example suggestion' },
-            { id: '2', title: 'Another one suggestion' },
-            { id: '3', title: 'Looooooong suggestion for testing' },
-        ], layout: "list", onClick: () => {
-            // onClick handler
-        } })) }));
-export const ListLayoutWithContainer = (args) => (_jsx(ContentWrapper, { width: "200px", children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Example suggestion' },
-            { id: '2', title: 'Another one suggestion' },
-            { id: '3', title: 'Looooooong suggestion for testing' },
-        ], layout: "list", onClick: () => {
-            // onClick handler
-        } })) }));
-export const GridLayout = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Option 1' },
-            { id: '2', title: 'Option 2' },
-            { id: '3', title: 'Option 3' },
-            { id: '4', title: 'Option 4' },
-        ], layout: "grid", onClick: () => {
-            // onClick handler
-        } })) }));
-export const GridLayoutWithContainer = (args) => (_jsx(ContentWrapper, { width: "300px", children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Option 1' },
-            { id: '2', title: 'Option 2' },
-            { id: '3', title: 'Option 3' },
-            { id: '4', title: 'Option 4' },
-        ], layout: "grid", onClick: () => {
-            // onClick handler
-        } })) }));
-export const WithoutIds = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [{ title: 'First item' }, { title: 'Second item' }, { title: 'Third item' }], onClick: () => {
-            // onClick handler
-        } })) }));
-export const SingleItem = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [{ id: '1', title: 'Only one suggestion' }], onClick: () => {
-            // onClick handler
-        } })) }));
-export const TextAlignLeft = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Left aligned text' },
-            { id: '2', title: 'Another left aligned suggestion' },
-        ], textAlign: "left", onClick: () => {
-            // onClick handler
-        } })) }));
-export const TextAlignCenter = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Center aligned text' },
-            { id: '2', title: 'Another centered suggestion' },
-        ], textAlign: "center", onClick: () => {
-            // onClick handler
-        } })) }));
-export const TextAlignRight = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Right aligned text' },
-            { id: '2', title: 'Another right aligned suggestion' },
-        ], textAlign: "right", onClick: () => {
-            // onClick handler
-        } })) }));
-export const WithLeftIcon = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Previous page', icon: 'left' },
-            { id: '2', title: 'Go back', icon: 'left' },
-            { id: '3', title: 'Return to start', icon: 'left' },
-        ], onClick: () => {
-            // onClick handler
-        } })) }));
-export const WithRightIcon = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Next page', icon: 'right' },
-            { id: '2', title: 'Continue', icon: 'right' },
-            { id: '3', title: 'Go forward', icon: 'right' },
-        ], onClick: () => {
-            // onClick handler
-        } })) }));
-export const WithMixedIcons = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Previous', icon: 'left' },
-            { id: '2', title: 'No action' },
-            { id: '3', title: 'Next', icon: 'right' },
-        ], layout: "grid", onClick: () => {
-            // onClick handler
-        } })) }));
-export const IconsWithContainer = (args) => (_jsx(ContentWrapper, { width: "200px", children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Example suggestion', icon: 'right' },
-            { id: '2', title: 'Another one suggestion', icon: 'right' },
-            { id: '3', title: 'Looooooong suggestion for testing', icon: 'right' },
-        ], layout: "list", onClick: () => {
-            // onClick handler
-        } })) }));
-export const WithIconsInGridLayout = (args) => (_jsx(ContentWrapper, { children: _jsx(Suggestions, Object.assign({}, args, { items: [
-            { id: '1', title: 'Back', icon: 'left' },
-            { id: '2', title: 'Home' },
-            { id: '3', title: 'Settings' },
-            { id: '4', title: 'Forward', icon: 'right' },
-        ], layout: "grid", onClick: () => {
-            // onClick handler
-        } })) }));

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

@@ -1,9 +0,0 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
-import { type TabsProps } from '..';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<TabsProps>;
-export declare const Basic: StoryObj<TabsProps>;
-export declare const WithIcons: StoryObj<TabsProps>;
-export declare const WithStyle: StoryObj<TabsProps>;
-export declare const MaxWidth: StoryObj<TabsProps>;

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

@@ -1,103 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { At, Envelope, Gear } from '@gravity-ui/icons';
-import { Icon } from '@gravity-ui/uikit';
-import { Tabs } 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/Tabs',
-    component: Tabs,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        items: {
-            control: 'object',
-            description: 'Array of tab items',
-        },
-        activeId: {
-            control: 'text',
-            description: 'ID of the currently active tab',
-        },
-        allowDelete: {
-            control: 'boolean',
-            description: 'Whether to show delete buttons',
-        },
-        className: {
-            control: 'text',
-            description: 'Additional CSS class',
-        },
-        styles: {
-            control: 'object',
-            description: 'Additional CSS properties',
-        },
-    },
-};
-const defaultDecorators = [
-    (Story) => (_jsx(ContentWrapper, { children: _jsx(Showcase, { children: _jsx(Story, {}) }) })),
-];
-const basicItems = [
-    { id: '1', title: 'Chat name 1' },
-    { id: '2', title: 'Chat name 2' },
-    { id: '3', title: 'Chat name 3' },
-    { id: '4', title: 'Chat name 4' },
-];
-const itemsWithIcons = [
-    { id: '1', title: 'Chat name 1', icon: _jsx(Icon, { data: At, size: 16 }) },
-    { id: '2', title: 'Chat name 2', icon: _jsx(Icon, { data: Envelope, size: 16 }) },
-    { id: '3', title: 'Chat name 3', icon: _jsx(Icon, { data: Gear, size: 16 }) },
-];
-export const Playground = (args) => (_jsx(ContentWrapper, { children: _jsx(Tabs, Object.assign({}, args)) }));
-Playground.args = {
-    items: basicItems,
-    activeId: '1',
-    allowDelete: true,
-};
-export const Basic = {
-    render: (args) => (_jsx(ShowcaseItem, { title: "Basic Tabs", children: _jsx(Tabs, Object.assign({}, args)) })),
-    decorators: defaultDecorators,
-};
-Basic.args = {
-    items: basicItems,
-    activeId: '1',
-    allowDelete: true,
-};
-export const WithIcons = {
-    render: (args) => (_jsx(ShowcaseItem, { title: "Tabs with Icons", children: _jsx(Tabs, Object.assign({}, args)) })),
-    decorators: defaultDecorators,
-};
-WithIcons.args = {
-    items: itemsWithIcons,
-    activeId: '1',
-    allowDelete: true,
-};
-export const WithStyle = {
-    render: (args) => (_jsx(ShowcaseItem, { title: "Tabs with Style", children: _jsx(Tabs, Object.assign({}, args)) })),
-    decorators: defaultDecorators,
-};
-WithStyle.args = {
-    items: basicItems,
-    activeId: '1',
-    allowDelete: true,
-    style: {
-        '--g-color-base-info-light': '#ff9100',
-        '--g-color-base-info-light-hover': '#aa9100',
-        '--g-color-text-info-heavy': '#ffffff',
-        '--g-color-base-simple-hover': '#aa9100',
-        '--g-color-text-complementary': '#ff9100',
-        '--g-color-line-generic': '#ff9100',
-    },
-};
-export const MaxWidth = {
-    render: (args) => (_jsx(ShowcaseItem, { title: "Max width (200px)", children: _jsxs("div", { style: { maxWidth: '200px', border: '1px solid lightgray' }, children: [_jsx("h1", { style: { paddingInline: '10px' }, children: "Lorem ipsum" }), _jsx(Tabs, Object.assign({}, args)), _jsx("p", { style: { paddingInline: '10px' }, children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio consectetur commodi natus dolor repellendus sit, similique aliquam, quia ad hic quam porro nobis a? Cumque ratione est nostrum exercitationem velit." })] }) })),
-    decorators: defaultDecorators,
-};
-MaxWidth.args = {
-    items: basicItems,
-    activeId: '1',
-    allowDelete: true,
-};

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

@@ -1,3 +0,0 @@
-{
-    "close-tooltip": "Close"
-}

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

@@ -1,3 +0,0 @@
-{
-    "close-tooltip": "Закрыть"
-}

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

@@ -1,7 +0,0 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
-import { ToolFooterProps } from 'src/types';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<ToolFooterProps>;
-export declare const ConfirmationState: StoryObj<ToolFooterProps>;
-export declare const WaitingState: StoryObj<ToolFooterProps>;

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

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ToolFooter } 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/ToolFooter',
-    component: ToolFooter,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        content: {
-            control: 'text',
-            description: 'Status message to display',
-        },
-        showLoader: {
-            control: 'boolean',
-            description: 'Whether to show loading indicator',
-        },
-    },
-};
-const defaultDecorators = [
-    (Story) => (_jsx(Showcase, { children: _jsx(Story, {}) })),
-];
-const rejectAction = {
-    label: 'Reject',
-    onClick: () => alert('Rejected'),
-    view: 'outlined',
-};
-const acceptAction = {
-    label: 'Accept',
-    onClick: () => alert('Accepted'),
-    view: 'action',
-};
-const cancelAction = {
-    label: 'Cancel',
-    onClick: () => alert('Cancelled'),
-    view: 'outlined',
-};
-const defaultActions = [rejectAction, acceptAction];
-export const Playground = (args) => (_jsx(ContentWrapper, { width: "430px", children: _jsx(ToolFooter, Object.assign({}, args)) }));
-Playground.args = {
-    content: 'Awaiting confirmation',
-    actions: defaultActions,
-    showLoader: true,
-};
-export const ConfirmationState = {
-    render: (args) => (_jsx(ShowcaseItem, { title: "Confirmation State", children: _jsx(ContentWrapper, { width: "430px", children: _jsx(ToolFooter, Object.assign({}, args, { content: "Awaiting confirmation", actions: defaultActions })) }) })),
-    decorators: defaultDecorators,
-};
-export const WaitingState = {
-    render: (args) => (_jsx(ShowcaseItem, { title: "Waiting State", children: _jsx(ContentWrapper, { width: "430px", children: _jsx(ToolFooter, Object.assign({}, args, { content: "Awaiting form submission", actions: [cancelAction] })) }) })),
-    decorators: defaultDecorators,
-};

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

@@ -1,7 +0,0 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
-import type { ToolHeaderProps } from '../../../../types/tool';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<ToolHeaderProps>;
-export declare const Loading: StoryObj<ToolHeaderProps>;
-export declare const Success: StoryObj<ToolHeaderProps>;

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

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChevronDown, Copy, Pencil } from '@gravity-ui/icons';
-import { Icon, Text } from '@gravity-ui/uikit';
-import { ToolHeader } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import { Showcase } from '../../../../demo/Showcase';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'molecules/ToolHeader',
-    component: ToolHeader,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        toolName: {
-            control: 'text',
-            description: 'Name of the tool',
-        },
-        status: {
-            control: 'select',
-            options: ['success', 'error', 'loading'],
-            description: 'Status indicator',
-        },
-    },
-};
-const defaultDecorators = [
-    (Story) => (_jsx(Showcase, { children: _jsx(Story, {}) })),
-];
-const copyAction = {
-    label: 'Copy',
-    onClick: () => alert('Copied'),
-    icon: _jsx(Icon, { data: Copy, size: 16 }),
-};
-const collapseAction = {
-    label: 'Collapse',
-    onClick: () => alert('Collapsed'),
-    icon: _jsx(Icon, { data: ChevronDown, size: 16 }),
-};
-export const Playground = (args) => (_jsx(ContentWrapper, { width: "430px", children: _jsx(ToolHeader, Object.assign({}, args)) }));
-Playground.args = {
-    toolIcon: _jsx(Icon, { data: Pencil, size: 16 }),
-    toolName: 'Writing',
-    content: (_jsx(Text, { color: "secondary", variant: "body-1", children: "expectScreenshotFixture.ts" })),
-    status: 'success',
-};
-export const Loading = {
-    render: (args) => (_jsx(ContentWrapper, { width: "430px", children: _jsx(ToolHeader, Object.assign({}, args, { toolIcon: _jsx(Icon, { data: Pencil, size: 16 }), toolName: "Writing", content: _jsx(Text, { color: "secondary", variant: "body-1", children: "expectScreenshotFixture.ts" }), status: "loading" })) })),
-    decorators: defaultDecorators,
-};
-export const Success = {
-    render: (args) => (_jsx(ContentWrapper, { width: "430px", children: _jsx(ToolHeader, Object.assign({}, args, { toolIcon: _jsx(Icon, { data: Pencil, size: 16 }), toolName: "Writing", content: _jsx(Text, { color: "secondary", variant: "body-1", children: "expectScreenshotFixture.ts" }), actions: [collapseAction, copyAction], status: "success" })) })),
-    decorators: defaultDecorators,
-};

package/dist/src/components/organisms/AssistantMessage/__stories__/AssistantMessage.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
-import { type AssistantMessageProps } from '..';
-import type { TMessageContent } from '../../../../types/messages';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<AssistantMessageProps>;
-export declare const WithToolCall: StoryObj<AssistantMessageProps>;
-interface CustomMessageData {
-    title: string;
-    description: string;
-}
-type CustomMessageContent = TMessageContent<'custom', CustomMessageData>;
-export declare const WithCustomRenderer: StoryObj<AssistantMessageProps<CustomMessageContent>>;

package/dist/src/components/organisms/AssistantMessage/__stories__/AssistantMessage.stories.js

@@ -1,151 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable no-console */
-import { Pencil } from '@gravity-ui/icons';
-import { Icon, Text } from '@gravity-ui/uikit';
-import { AssistantMessage } from '..';
-import { ContentWrapper } from '../../../../demo/ContentWrapper';
-import { Showcase } from '../../../../demo/Showcase';
-import { ShowcaseItem } from '../../../../demo/ShowcaseItem';
-import { createMessageRendererRegistry, registerMessageRenderer, } from '../../../../utils/messageTypeRegistry';
-import MDXDocs from './Docs.mdx';
-export default {
-    title: 'organisms/AssistantMessage',
-    component: AssistantMessage,
-    parameters: {
-        docs: {
-            page: MDXDocs,
-        },
-    },
-    argTypes: {
-        content: {
-            control: 'object',
-            description: 'Message content',
-        },
-        actions: {
-            control: 'object',
-            description: 'Message actions',
-        },
-        timestamp: {
-            control: 'text',
-            description: 'Message timestamp',
-        },
-        id: {
-            control: 'text',
-            description: 'Message ID',
-        },
-        messageRendererRegistry: {
-            control: false,
-            description: 'Custom message renderer registry',
-        },
-        showActionsOnHover: {
-            control: 'boolean',
-            description: 'Show action buttons on hover',
-        },
-        showTimestamp: {
-            control: 'boolean',
-            description: 'Show timestamp in actions area',
-        },
-        className: {
-            control: 'text',
-            description: 'Additional CSS class',
-        },
-        qa: {
-            control: 'text',
-            description: 'QA/test identifier',
-        },
-    },
-};
-const simpleMessage = {
-    id: '1',
-    role: 'assistant',
-    content: 'Hello! How can I help you today?',
-};
-const multiPartMessage = {
-    id: '4',
-    role: 'assistant',
-    content: [
-        {
-            type: 'text',
-            data: {
-                text: "I'll scan the SCSS structure: global styles and mixins, theme files, and a couple of component styles. I'll also search for the custom Sass function usage and theming patterns.",
-            },
-        },
-        {
-            type: 'tool',
-            data: {
-                toolName: 'Reading',
-                headerContent: (_jsx(Text, { color: "secondary", variant: "body-1", children: "Warning.css" })),
-                status: 'success',
-                toolIcon: _jsx(Icon, { data: Pencil }),
-            },
-        },
-        {
-            type: 'text',
-            data: {
-                text: 'I’m organizing which files to read first. I’ll start with the essentials like package.json, README.md, tsconfig.json, jest.config.js, and eslint.config.mjs.',
-            },
-        },
-    ],
-};
-const actions = [
-    // eslint-disable-next-line no-console
-    { type: 'copy', onClick: () => console.log('Copy clicked') },
-    // eslint-disable-next-line no-console
-    { type: 'like', onClick: () => console.log('Like clicked') },
-    // eslint-disable-next-line no-console
-    { type: 'unlike', onClick: () => console.log('Unlike clicked') },
-];
-export const Playground = (args) => (_jsx(ContentWrapper, { width: "480px", children: _jsx(AssistantMessage, Object.assign({}, args)) }));
-Playground.args = {
-    content: simpleMessage.content,
-    actions,
-    timestamp: simpleMessage.timestamp,
-    id: simpleMessage.id,
-};
-export const WithToolCall = {
-    render: (args) => (_jsx(ShowcaseItem, { title: "With Tool Call", children: _jsx(ContentWrapper, { width: "480px", children: _jsx(AssistantMessage, Object.assign({}, args, { content: multiPartMessage.content, actions: actions, timestamp: multiPartMessage.timestamp, id: multiPartMessage.id })) }) })),
-    decorators: [
-        (StoryComponent) => (_jsx(Showcase, { children: _jsx(StoryComponent, {}) })),
-    ],
-};
-const CustomMessageView = ({ part, }) => {
-    const { title, description } = part.data;
-    return (_jsxs("div", { style: {
-            padding: '16px',
-            border: '1px solid var(--g-color-line-generic)',
-            borderRadius: '8px',
-            backgroundColor: 'var(--g-color-base-float)',
-        }, children: [_jsx("div", { style: { fontWeight: 'bold', marginBottom: '8px' }, children: title }), _jsx("div", { style: { color: 'var(--g-color-text-secondary)' }, children: description })] }));
-};
-export const WithCustomRenderer = {
-    render: (args) => {
-        const customRegistry = createMessageRendererRegistry();
-        registerMessageRenderer(customRegistry, 'custom', {
-            component: CustomMessageView,
-        });
-        const customMessage = {
-            id: '5',
-            role: 'assistant',
-            timestamp: '2024-01-01T00:00:04Z',
-            content: [
-                {
-                    type: 'text',
-                    data: {
-                        text: "I'll scan the SCSS structure: global styles and mixins, theme files, and a couple of component styles. I'll also search for the custom Sass function usage and theming patterns.",
-                    },
-                },
-                {
-                    type: 'custom',
-                    data: {
-                        title: 'Custom Message',
-                        description: 'This is a custom message part rendered with a custom renderer.',
-                    },
-                },
-            ],
-        };
-        return (_jsx(ShowcaseItem, { title: "With Custom Renderer", children: _jsx(ContentWrapper, { width: "480px", children: _jsx(AssistantMessage, Object.assign({}, args, { content: customMessage.content, actions: actions, timestamp: customMessage.timestamp, id: customMessage.id, messageRendererRegistry: customRegistry })) }) }));
-    },
-    decorators: [
-        (StoryComponent) => (_jsx(Showcase, { children: _jsx(StoryComponent, {}) })),
-    ],
-};

package/dist/src/components/organisms/Header/__stories__/Header.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryFn, StoryObj } from '@storybook/react-webpack5';
-import { type HeaderProps } from '../index';
-declare const _default: Meta;
-export default _default;
-export declare const Playground: StoryFn<HeaderProps>;
-export declare const WithTitle: StoryFn<HeaderProps>;
-export declare const WithIcon: StoryFn<HeaderProps>;
-export declare const WithPreview: StoryFn<HeaderProps>;
-export declare const TitlePositions: StoryObj<HeaderProps>;
-export declare const BaseActions: StoryObj<HeaderProps>;
-export declare const AdditionalActions: StoryFn<HeaderProps>;
-export declare const FullExample: StoryFn<HeaderProps>;
-export declare const FoldingInteractive: StoryFn<HeaderProps>;