@automattic/agenttic-ui 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -5
- package/dist/components/AgentUI.d.ts +65 -0
- package/dist/components/AgentUI.d.ts.map +1 -0
- package/dist/components/animations/index.d.ts +22 -0
- package/dist/components/animations/index.d.ts.map +1 -0
- package/dist/components/chat/Chat.d.ts +3 -0
- package/dist/components/chat/Chat.d.ts.map +1 -0
- package/dist/components/chat/Chat.stories.d.ts +38 -0
- package/dist/components/chat/Chat.stories.d.ts.map +1 -0
- package/dist/components/chat/ChatFooter.d.ts +20 -0
- package/dist/components/chat/ChatFooter.d.ts.map +1 -0
- package/dist/components/chat/ChatHeader.d.ts +6 -0
- package/dist/components/chat/ChatHeader.d.ts.map +1 -0
- package/dist/components/chat/ChatHeader.stories.d.ts +20 -0
- package/dist/components/chat/ChatHeader.stories.d.ts.map +1 -0
- package/dist/components/chat/ChatInput.d.ts +18 -0
- package/dist/components/chat/ChatInput.d.ts.map +1 -0
- package/dist/components/chat/ChatInput.stories.d.ts +15 -0
- package/dist/components/chat/ChatInput.stories.d.ts.map +1 -0
- package/dist/components/chat/MarkdownExamples.stories.d.ts +23 -0
- package/dist/components/chat/MarkdownExamples.stories.d.ts.map +1 -0
- package/dist/components/chat/Message.d.ts +11 -0
- package/dist/components/chat/Message.d.ts.map +1 -0
- package/dist/components/chat/Message.stories.d.ts +24 -0
- package/dist/components/chat/Message.stories.d.ts.map +1 -0
- package/dist/components/chat/MessageActions.d.ts +7 -0
- package/dist/components/chat/MessageActions.d.ts.map +1 -0
- package/dist/components/chat/MessageActions.stories.d.ts +23 -0
- package/dist/components/chat/MessageActions.stories.d.ts.map +1 -0
- package/dist/components/chat/Messages.d.ts +15 -0
- package/dist/components/chat/Messages.d.ts.map +1 -0
- package/dist/components/chat/Messages.stories.d.ts +41 -0
- package/dist/components/chat/Messages.stories.d.ts.map +1 -0
- package/dist/components/chat/Notice.d.ts +14 -0
- package/dist/components/chat/Notice.d.ts.map +1 -0
- package/dist/components/chat/Notice.stories.d.ts +18 -0
- package/dist/components/chat/Notice.stories.d.ts.map +1 -0
- package/dist/components/chat/Suggestions.d.ts +9 -0
- package/dist/components/chat/Suggestions.d.ts.map +1 -0
- package/dist/components/chat/ThinkingMessage.d.ts +6 -0
- package/dist/components/chat/ThinkingMessage.d.ts.map +1 -0
- package/dist/components/chat/ThinkingMessage.stories.d.ts +14 -0
- package/dist/components/chat/ThinkingMessage.stories.d.ts.map +1 -0
- package/dist/components/chat/index.d.ts +13 -0
- package/dist/components/chat/index.d.ts.map +1 -0
- package/dist/components/icons/ArrowUpIcon.d.ts +3 -0
- package/dist/components/icons/ArrowUpIcon.d.ts.map +1 -0
- package/dist/components/icons/BigSkyIcon.d.ts +3 -0
- package/dist/components/icons/BigSkyIcon.d.ts.map +1 -0
- package/dist/components/icons/CheckIcon.d.ts +3 -0
- package/dist/components/icons/CheckIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronDownIcon.d.ts +3 -0
- package/dist/components/icons/ChevronDownIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronUpIcon.d.ts +3 -0
- package/dist/components/icons/ChevronUpIcon.d.ts.map +1 -0
- package/dist/components/icons/CopyIcon.d.ts +3 -0
- package/dist/components/icons/CopyIcon.d.ts.map +1 -0
- package/dist/components/icons/Icons.stories.d.ts +44 -0
- package/dist/components/icons/Icons.stories.d.ts.map +1 -0
- package/dist/components/icons/ImageIcon.d.ts +3 -0
- package/dist/components/icons/ImageIcon.d.ts.map +1 -0
- package/dist/components/icons/LayoutIcon.d.ts +3 -0
- package/dist/components/icons/LayoutIcon.d.ts.map +1 -0
- package/dist/components/icons/PageIcon.d.ts +3 -0
- package/dist/components/icons/PageIcon.d.ts.map +1 -0
- package/dist/components/icons/StopIcon.d.ts +3 -0
- package/dist/components/icons/StopIcon.d.ts.map +1 -0
- package/dist/components/icons/StylesIcon.d.ts +3 -0
- package/dist/components/icons/StylesIcon.d.ts.map +1 -0
- package/dist/components/icons/ThumbsDownIcon.d.ts +3 -0
- package/dist/components/icons/ThumbsDownIcon.d.ts.map +1 -0
- package/dist/components/icons/ThumbsUpIcon.d.ts +3 -0
- package/dist/components/icons/ThumbsUpIcon.d.ts.map +1 -0
- package/dist/components/icons/XIcon.d.ts +3 -0
- package/dist/components/icons/XIcon.d.ts.map +1 -0
- package/dist/components/icons/types.d.ts +5 -0
- package/dist/components/icons/types.d.ts.map +1 -0
- package/dist/components/index.d.ts +17 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.stories.d.ts +17 -0
- package/dist/components/ui/button.stories.d.ts.map +1 -0
- package/dist/components/ui/textarea.d.ts +5 -0
- package/dist/components/ui/textarea.d.ts.map +1 -0
- package/dist/components/ui/textarea.stories.d.ts +44 -0
- package/dist/components/ui/textarea.stories.d.ts.map +1 -0
- package/dist/components/views/ChatViews.stories.d.ts +33 -0
- package/dist/components/views/ChatViews.stories.d.ts.map +1 -0
- package/dist/components/views/CollapsedView.d.ts +10 -0
- package/dist/components/views/CollapsedView.d.ts.map +1 -0
- package/dist/components/views/CompactView.d.ts +17 -0
- package/dist/components/views/CompactView.d.ts.map +1 -0
- package/dist/components/views/ConversationView.d.ts +31 -0
- package/dist/components/views/ConversationView.d.ts.map +1 -0
- package/dist/hooks/useChat.d.ts +3 -0
- package/dist/hooks/useChat.d.ts.map +1 -0
- package/dist/hooks/useInput.d.ts +17 -0
- package/dist/hooks/useInput.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1281 -1239
- package/dist/index.test.d.ts +2 -0
- package/dist/index.test.d.ts.map +1 -0
- package/dist/stories/charts/BarChart.stories.d.ts +26 -0
- package/dist/stories/charts/BarChart.stories.d.ts.map +1 -0
- package/dist/stories/charts/LineChart.stories.d.ts +26 -0
- package/dist/stories/charts/LineChart.stories.d.ts.map +1 -0
- package/dist/stories/gfm/GithubFlavoredMarkdown.stories.d.ts +36 -0
- package/dist/stories/gfm/GithubFlavoredMarkdown.stories.d.ts.map +1 -0
- package/dist/stories/mocks/messageActions.d.ts +20 -0
- package/dist/stories/mocks/messageActions.d.ts.map +1 -0
- package/dist/types/index.d.ts +85 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/utils/classNames.d.ts +11 -0
- package/dist/utils/classNames.d.ts.map +1 -0
- package/dist/utils/message-helpers.d.ts +64 -0
- package/dist/utils/message-helpers.d.ts.map +1 -0
- package/dist/utils/theme.d.ts +8 -0
- package/dist/utils/theme.d.ts.map +1 -0
- package/package.json +101 -100
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronUpIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ChevronUpIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,aAAa,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAkBrE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CopyIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/CopyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAiBhE"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
interface IconStoryArgs {
|
|
3
|
+
size?: number;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const meta: {
|
|
7
|
+
title: string;
|
|
8
|
+
component: ({ size, className }: IconStoryArgs) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: string;
|
|
11
|
+
};
|
|
12
|
+
tags: string[];
|
|
13
|
+
argTypes: {
|
|
14
|
+
size: {
|
|
15
|
+
control: {
|
|
16
|
+
type: "range";
|
|
17
|
+
min: number;
|
|
18
|
+
max: number;
|
|
19
|
+
step: number;
|
|
20
|
+
};
|
|
21
|
+
defaultValue: number;
|
|
22
|
+
};
|
|
23
|
+
className: {
|
|
24
|
+
control: "text";
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default meta;
|
|
29
|
+
type Story = StoryObj<typeof meta>;
|
|
30
|
+
export declare const ArrowUp: Story;
|
|
31
|
+
export declare const BigSky: Story;
|
|
32
|
+
export declare const Check: Story;
|
|
33
|
+
export declare const ChevronDown: Story;
|
|
34
|
+
export declare const ChevronUp: Story;
|
|
35
|
+
export declare const Copy: Story;
|
|
36
|
+
export declare const Image: Story;
|
|
37
|
+
export declare const Layout: Story;
|
|
38
|
+
export declare const Page: Story;
|
|
39
|
+
export declare const Stop: Story;
|
|
40
|
+
export declare const Styles: Story;
|
|
41
|
+
export declare const ThumbsDown: Story;
|
|
42
|
+
export declare const ThumbsUp: Story;
|
|
43
|
+
export declare const X: Story;
|
|
44
|
+
//# sourceMappingURL=Icons.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icons.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,UAAU,aAAa;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,QAAA,MAAM,IAAI;;qCAJkC,aAAa;;;;;;;;;;;;;;;;;;;CAoBlB,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,CAAC,EAAE,KAOf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,SAAS,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAyBjE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LayoutIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/LayoutIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,UAAU,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAmBlE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/PageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAsBhE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StopIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/StopIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAoBhE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StylesIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/StylesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,UAAU,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAmBlE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThumbsDownIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ThumbsDownIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,cAAc,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAiBtE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThumbsUpIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ThumbsUpIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,YAAY,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAgBpE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/XIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,KAAK,CAAE,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAgB7D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icons/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export * from './chat';
|
|
2
|
+
export { Button } from './ui/button';
|
|
3
|
+
export { Textarea } from './ui/textarea';
|
|
4
|
+
export { Suggestions } from './chat/Suggestions';
|
|
5
|
+
export { CollapsedView } from './views/CollapsedView';
|
|
6
|
+
export { CompactView } from './views/CompactView';
|
|
7
|
+
export { ConversationView } from './views/ConversationView';
|
|
8
|
+
export { ArrowUpIcon } from './icons/ArrowUpIcon';
|
|
9
|
+
export { BigSkyIcon } from './icons/BigSkyIcon';
|
|
10
|
+
export { CopyIcon } from './icons/CopyIcon';
|
|
11
|
+
export { StopIcon } from './icons/StopIcon';
|
|
12
|
+
export { StylesIcon } from './icons/StylesIcon';
|
|
13
|
+
export { ThumbsDownIcon } from './icons/ThumbsDownIcon';
|
|
14
|
+
export { ThumbsUpIcon } from './icons/ThumbsUpIcon';
|
|
15
|
+
export { XIcon } from './icons/XIcon';
|
|
16
|
+
export * from './animations';
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AAGvB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface ButtonProps extends React.ComponentProps<'button'> {
|
|
3
|
+
variant?: 'primary' | 'ghost' | 'outline' | 'link' | 'icon';
|
|
4
|
+
size?: 'sm' | 'icon';
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
export { Button };
|
|
10
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAE,QAAQ,CAAE;IAC7D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,oGAuCX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from './button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const Ghost: Story;
|
|
9
|
+
export declare const Outline: Story;
|
|
10
|
+
export declare const Link: Story;
|
|
11
|
+
export declare const WithIcon: Story;
|
|
12
|
+
export declare const IconOnly: Story;
|
|
13
|
+
export declare const Disabled: Story;
|
|
14
|
+
export declare const AllVariants: Story;
|
|
15
|
+
export declare const IconVariations: Story;
|
|
16
|
+
export declare const Interactive: Story;
|
|
17
|
+
//# sourceMappingURL=button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAqBE,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgF5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
3
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
4
|
+
export { Textarea };
|
|
5
|
+
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAE,mBAAmB,CAAE,CAAC;AAEhF,QAAA,MAAM,QAAQ,2FAWb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("./textarea").TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
argTypes: {
|
|
11
|
+
placeholder: {
|
|
12
|
+
control: "text";
|
|
13
|
+
};
|
|
14
|
+
value: {
|
|
15
|
+
control: "text";
|
|
16
|
+
};
|
|
17
|
+
disabled: {
|
|
18
|
+
control: "boolean";
|
|
19
|
+
};
|
|
20
|
+
rows: {
|
|
21
|
+
control: "number";
|
|
22
|
+
};
|
|
23
|
+
maxLength: {
|
|
24
|
+
control: "number";
|
|
25
|
+
};
|
|
26
|
+
onChange: {
|
|
27
|
+
action: string;
|
|
28
|
+
};
|
|
29
|
+
onFocus: {
|
|
30
|
+
action: string;
|
|
31
|
+
};
|
|
32
|
+
onBlur: {
|
|
33
|
+
action: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
export declare const Default: Story;
|
|
40
|
+
export declare const WithValue: Story;
|
|
41
|
+
export declare const Disabled: Story;
|
|
42
|
+
export declare const WithMaxLength: Story;
|
|
43
|
+
export declare const MultipleTextareas: Story;
|
|
44
|
+
//# sourceMappingURL=textarea.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoD/B,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Chat } from '../chat/Chat';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Chat;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
variant: {
|
|
16
|
+
control: "select";
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
19
|
+
floatingChatState: {
|
|
20
|
+
control: "select";
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
placeholder: {
|
|
24
|
+
control: "text";
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default meta;
|
|
29
|
+
type Story = StoryObj<typeof meta>;
|
|
30
|
+
export declare const CollapsedView: Story;
|
|
31
|
+
export declare const CompactView: Story;
|
|
32
|
+
export declare const ConversationView: Story;
|
|
33
|
+
//# sourceMappingURL=ChatViews.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatViews.stories.d.ts","sourceRoot":"","sources":["../../../src/components/views/ChatViews.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAiCpC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CA0BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface CollapsedViewProps {
|
|
3
|
+
icon?: React.ReactNode;
|
|
4
|
+
onClick: () => void;
|
|
5
|
+
onHover: () => void;
|
|
6
|
+
focusOnMount?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function CollapsedView({ icon, onClick, onHover, focusOnMount, }: CollapsedViewProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=CollapsedView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsedView.d.ts","sourceRoot":"","sources":["../../../src/components/views/CollapsedView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,UAAU,kBAAkB;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAE,EAC9B,IAAiC,EACjC,OAAO,EACP,OAAO,EACP,YAAoB,GACpB,EAAE,kBAAkB,2CAmDpB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface CompactViewProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (value: string) => void;
|
|
5
|
+
onSubmit: () => void;
|
|
6
|
+
onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
|
|
7
|
+
textareaRef: React.RefObject<HTMLTextAreaElement>;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
isProcessing: boolean;
|
|
10
|
+
onBlur?: () => void;
|
|
11
|
+
onExpand?: () => void;
|
|
12
|
+
showExpandButton?: boolean;
|
|
13
|
+
focusOnMount?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare function CompactView({ value, onChange, onSubmit, onKeyDown, textareaRef, placeholder, isProcessing, onBlur, onExpand, showExpandButton, focusOnMount, }: CompactViewProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=CompactView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompactView.d.ts","sourceRoot":"","sources":["../../../src/components/views/CompactView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,mBAAmB,CAAE,KAAM,IAAI,CAAC;IACrE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAE,mBAAmB,CAAE,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAE,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,gBAAuB,EACvB,YAAoB,GACpB,EAAE,gBAAgB,2CAgBlB"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ComponentType } from 'react';
|
|
3
|
+
import type { Message, NoticeConfig, Suggestion } from '../../types';
|
|
4
|
+
interface InputHandlers {
|
|
5
|
+
inputValue: string;
|
|
6
|
+
onInputChange: (value: string) => void;
|
|
7
|
+
onSubmit: () => void;
|
|
8
|
+
onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
|
|
9
|
+
textareaRef: React.RefObject<HTMLTextAreaElement>;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
isProcessing: boolean;
|
|
12
|
+
}
|
|
13
|
+
interface ConversationViewProps extends InputHandlers {
|
|
14
|
+
messages: Message[];
|
|
15
|
+
error?: string | null;
|
|
16
|
+
fromCompact?: boolean;
|
|
17
|
+
showHeader?: boolean;
|
|
18
|
+
onClose?: () => void;
|
|
19
|
+
onExpand?: () => void;
|
|
20
|
+
notice?: NoticeConfig;
|
|
21
|
+
emptyView?: React.ReactNode;
|
|
22
|
+
suggestions?: Suggestion[];
|
|
23
|
+
clearSuggestions?: () => void;
|
|
24
|
+
messageRenderer?: ComponentType<{
|
|
25
|
+
children: string;
|
|
26
|
+
}>;
|
|
27
|
+
focusOnMount?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export declare function ConversationView({ messages, error, inputValue, onInputChange, onSubmit, onKeyDown, textareaRef, placeholder, isProcessing, fromCompact, showHeader, onClose, onExpand, notice, emptyView, suggestions, clearSuggestions, messageRenderer, focusOnMount, }: ConversationViewProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=ConversationView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConversationView.d.ts","sourceRoot":"","sources":["../../../src/components/views/ConversationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAMrE,UAAU,aAAa;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,mBAAmB,CAAE,KAAM,IAAI,CAAC;IACrE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAE,mBAAmB,CAAE,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,qBAAsB,SAAQ,aAAa;IAEpD,QAAQ,EAAE,OAAO,EAAE,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAGtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAGtB,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAG5B,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAG9B,eAAe,CAAC,EAAE,aAAa,CAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAE,CAAC;IAGxD,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAE,EACjC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAmB,EACnB,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,YAAoB,GACpB,EAAE,qBAAqB,2CA8CvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useChat.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzD,wBAAgB,OAAO,CAAE,SAAS,CAAC,EAAE,SAAS,GAAI,aAAa,CAmC9D"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
interface UseInputProps {
|
|
2
|
+
value: string;
|
|
3
|
+
setValue: (value: string) => void;
|
|
4
|
+
onSubmit: (value: string) => void;
|
|
5
|
+
isProcessing: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface UseInputReturn {
|
|
8
|
+
value: string;
|
|
9
|
+
setValue: (value: string) => void;
|
|
10
|
+
clear: () => void;
|
|
11
|
+
textareaRef: React.RefObject<HTMLTextAreaElement>;
|
|
12
|
+
handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
|
|
13
|
+
adjustHeight: () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare function useInput({ value, setValue, onSubmit, isProcessing, }: UseInputProps): UseInputReturn;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=useInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInput.d.ts","sourceRoot":"","sources":["../../src/hooks/useInput.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAE,mBAAmB,CAAE,CAAC;IACpD,aAAa,EAAE,CAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,mBAAmB,CAAE,KAAM,IAAI,CAAC;IACzE,YAAY,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,QAAQ,CAAE,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,GACZ,EAAE,aAAa,GAAI,cAAc,CAiEjC"}
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-background: oklch(.99 0 0);--color-foreground: oklch(.241 0 0);--color-primary: oklch(.53 .22 268.05);--color-primary-foreground: oklch(1 0 0);--color-ring: var(--color-primary);--color-destructive: oklch(.492 .2095 28.09);--color-muted: color-mix(in srgb, var(--color-foreground) 10%, var(--color-background));--color-muted-foreground: color-mix(in srgb, var(--color-background) 40%, var(--color-foreground));--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-weight-medium: 450;--text-sm: .875rem;--text-sm--line-height: 1.65;--text-base: .9375rem;--text-base--line-height: 1.625;--text-base--tracking: -.01em;--spacing: .25rem;--spacing-1: var(--spacing);--spacing-1\.5: calc(var(--spacing) * 1.5);--spacing-2: calc(var(--spacing) * 2);--spacing-3: calc(var(--spacing) * 3);--spacing-4: calc(var(--spacing) * 4);--spacing-5: calc(var(--spacing) * 5);--spacing-6: calc(var(--spacing) * 6);--spacing-7: calc(var(--spacing) * 7);--spacing-8: calc(var(--spacing) * 8);--spacing-9: calc(var(--spacing) * 9);--spacing-10: calc(var(--spacing) * 10);--spacing-20: calc(var(--spacing) * 20);--radius: 1rem;--radius-xs: calc(var(--radius) - 10px);--radius-sm: calc(var(--radius) - 8px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 8px);--radius-full: 9999px;--shadow-sm: 0 0 0 1px color-mix(in srgb, var(--color-foreground) 10%, transparent), 0 0 6px color-mix(in srgb, var(--color-foreground) 5%, transparent);--shadow-lg: 0 0 0 1px rgba(0, 0, 0, .075), 0 2px 24px rgba(0, 0, 0, .075);--shadow-outline: 0 0 0 1px rgba(0, 0, 0, .1);--transition-colors: color, background-color, border-color, text-decoration-color, fill, stroke .15s cubic-bezier(.4, 0, .2, 1)}@layer base{*,:before,:after,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}*{outline-color:var(--color-ring)}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;background-color:transparent;opacity:1}input,select,optgroup,textarea,::file-selector-button{color:inherit;border-radius:0}}.button-module_button{align-items:center;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:var(--font-weight-medium);font-size:var(--text-sm);gap:calc(var(--spacing) * .5);justify-content:center;outline:none;transition-duration:.1s;transition:var(--transition-colors);letter-spacing:var(--text-base--tracking);white-space:nowrap;height:var(--spacing-8);padding:var(--spacing-2) var(--spacing-3)}.button-module_button:disabled{pointer-events:none;background-color:var(--color-muted);color:var(--color-muted-foreground)}.button-module_button:focus-visible{outline:2px solid var(--color-ring);outline-offset:1.5px}.button-module_primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.button-module_primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 85%,#000)}.button-module_ghost{background-color:transparent;color:var(--color-foreground)}.button-module_ghost svg{color:var(--color-muted-foreground)}.button-module_ghost:hover:not(:disabled){background:transparent;color:var(--color-primary)}.button-module_ghost:hover:not(:disabled) svg{color:var(--color-foreground)}.button-module_ghost:focus-visible{outline-offset:0}.button-module_outline{box-shadow:var(--shadow-outline);background-color:var(--color-background);height:calc(var(--spacing-8) - 1px)}.button-module_outline:hover:not(:disabled){color:var(--color-primary)}.button-module_outline:focus-visible{outline-offset:2.5px}.button-module_link{background-color:transparent;color:var(--color-primary);font-weight:var(--font-weight-medium)}.button-module_link:hover:not(:disabled){color:color-mix(in srgb,var(--color-primary) 85%,#000)}.button-module_icon{border-radius:var(--radius-xs);height:var(--spacing-8);width:var(--spacing-8);padding:0}.button-module_sm{height:var(--spacing-6);width:var(--spacing-6);padding:0}.button-module_withTextAndIcon{padding-left:var(--spacing-1)}.button-module_button svg{flex-shrink:0;pointer-events:none;height:var(--spacing-6);width:var(--spacing-6)}.CollapsedView-module_button{border-radius:var(--radius-lg);height:var(--spacing-10);width:var(--spacing-10)}.Textarea-module_textarea{display:flex;width:100%;border-radius:var(--radius-md);border:0;background-color:transparent;min-height:var(--spacing-10);padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);scrollbar-width:none;resize:none}.Textarea-module_textarea::-moz-placeholder{color:var(--color-muted-foreground);font-weight:var(--font-weight-medium)}.Textarea-module_textarea::placeholder{color:var(--color-muted-foreground);font-weight:var(--font-weight-medium)}.Textarea-module_textarea:focus-visible{outline:none}.Textarea-module_textarea:disabled{cursor:not-allowed;opacity:.5}.ChatInput-module_container{display:flex;align-items:end;gap:var(--spacing)}.ChatInput-module_textareaContainer{flex:1;width:100%}.ChatInput-module_actions{display:flex;flex-direction:row;padding-left:var(--spacing);padding-right:var(--spacing);height:var(--spacing-10);gap:var(--spacing);align-items:center}.ChatInput-module_button{border-radius:var(--radius-full)}.ChatHeader-module_container{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing);cursor:grab}.ChatHeader-module_container:active{cursor:grabbing}.MessageActions-module_container{display:flex;gap:var(--spacing-1);align-items:center;margin-top:var(--spacing-2)}.MessageActions-module_container button[aria-hidden=true]{display:none}.Message-module_message{display:flex;align-items:flex-start;padding:0 var(--spacing-3);color:var(--color-foreground)}.Message-module_message.Message-module_user .Message-module_bubble{background-color:var(--color-muted);max-width:85%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-sm)}.Message-module_message.Message-module_error{color:var(--color-destructive)}.Message-module_content{flex:1;text-align:start;word-break:break-word;white-space:normal}.Message-module_message.Message-module_user .Message-module_content{display:flex;justify-content:flex-end}.Message-module_message p{text-wrap-style:pretty;margin-bottom:var(--spacing-3)}.Message-module_message a{color:var(--color-primary)}.Message-module_message p:last-child{margin-bottom:0}.Message-module_message strong{font-weight:550}.Message-module_message ol,.Message-module_message ul{margin-bottom:var(--spacing-3);padding-left:var(--spacing-5)}.Message-module_message p+:where(ol,ul){margin-top:0}.Message-module_message li{margin-bottom:var(--spacing-2)}.Message-module_message li::marker{font-size:var(--text-sm)}.Message-module_message table{width:100%;margin:12px 0;border-collapse:collapse}.Message-module_message th,.Message-module_message td{padding:8px 12px;border:1px solid #ddd;text-align:left}.Message-module_message th{background-color:var(--color-muted);font-weight:600}.Messages-module_container{display:flex;flex-direction:column;flex:1;padding-top:var(--spacing-2);padding-bottom:var(--spacing-20);gap:var(--spacing-8);overflow-y:auto;height:100%;position:relative;z-index:10}.Messages-module_container [data-role=user]:has(+[data-role=user]),.Messages-module_container [data-role=agent]:has(+[data-role=agent]){margin-bottom:calc(-1 * var(--spacing-6))}.Messages-module_emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center}.Thinking-module_container{display:flex;align-items:center;gap:var(--spacing-2);padding-left:var(--spacing-3);padding-right:var(--spacing-3);color:var(--color-muted-foreground);font-size:var(--text-sm)}.Thinking-module_icon{display:flex;align-items:center;justify-content:center}.Thinking-module_icon svg{width:var(--spacing-4);height:var(--spacing-4)}.Thinking-module_content{background:linear-gradient(90deg,color-mix(in srgb,currentColor 30%,transparent),currentColor,color-mix(in srgb,currentColor 30%,transparent));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:Thinking-module_shimmer 2s infinite linear 0ms}@keyframes Thinking-module_shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.Notice-module_container{position:relative;display:flex;align-items:center;min-height:var(--spacing-10);padding:var(--spacing) var(--spacing) var(--spacing) var(--spacing-4);gap:var(--spacing-3);background-color:var(--color-muted);border-radius:var(--radius-sm);color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height)}.Notice-module_containerWithIcon{padding-left:var(--spacing-3)}.Notice-module_content{align-items:center;display:flex;flex:1;gap:var(--spacing);min-width:0}.Notice-module_actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing)}.Notice-module_icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.Notice-module_icon svg{display:block;height:var(--spacing-5);width:var(--spacing-5)}.Notice-module_dismissible{position:absolute;top:calc(var(--spacing) * -1.5);right:calc(var(--spacing) * -1.5);opacity:0;transform:scale(.9);border-radius:var(--radius-full);transition:all .15s ease}.Notice-module_dismissible:focus,.Notice-module_dismissible:focus-visible,.Notice-module_container:hover .Notice-module_dismissible{opacity:1;transform:scale(1)}.Notice-module_dismissible svg{display:block;width:var(--spacing-4);height:var(--spacing-4);background-color:var(--color-muted-foreground);color:var(--color-background);border-radius:inherit;box-shadow:0 0 0 2.5px var(--color-background);opacity:.8}.Notice-module_dismissible:hover svg{opacity:1}.Suggestions-module_container{position:absolute;top:0;left:0;right:0;display:flex;flex-wrap:nowrap;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-1\.5);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.Suggestions-module_container::-webkit-scrollbar{display:none}.ConversationView-module_container{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.ConversationView-module_container.ConversationView-module_withHeader{justify-content:space-between}.ConversationView-module_inputWrapper{position:relative}.ConversationView-module_inputContainer{box-shadow:var(--shadow-sm);padding:var(--spacing-2);background-color:var(--color-background);border-radius:calc(var(--radius-lg) + 1px);color:var(--color-foreground);position:relative;z-index:10;filter:brightness(1.1)}.ConversationView-module_inputContainerInner{display:flex;flex-direction:column;gap:var(--spacing-2)}.Chat-module_container{font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:400;font-family:var(--font-sans);letter-spacing:var(--text-base--tracking);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.Chat-module_container.Chat-module_embedded{height:100%}.Chat-module_container.Chat-module_floating{position:fixed;z-index:50}.Chat-module_container.Chat-module_floating .Chat-module_content{background-color:var(--color-background);color:var(--color-foreground);overflow:hidden;min-height:56px;padding:var(--spacing-2);box-shadow:var(--shadow-lg)}
|
|
1
|
+
.agenttic{--color-background: oklch(.99 0 0);--color-foreground: oklch(.241 0 0);--color-primary: oklch(.53 .22 268.05);--color-primary-foreground: oklch(1 0 0);--color-ring: var(--color-primary);--color-destructive: oklch(.492 .2095 28.09);--color-muted: color-mix(in srgb, var(--color-foreground) 10%, var(--color-background));--color-muted-foreground: color-mix(in srgb, var(--color-background) 40%, var(--color-foreground));--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-weight-medium: 450;--font-weight-semibold: 500;--text-sm: .875rem;--text-sm--line-height: 1.65;--text-base: .9375rem;--text-base--line-height: 1.625;--text-base--tracking: -.01em;--spacing: .25rem;--spacing-1: var(--spacing);--spacing-1\.5: calc(var(--spacing) * 1.5);--spacing-2: calc(var(--spacing) * 2);--spacing-3: calc(var(--spacing) * 3);--spacing-4: calc(var(--spacing) * 4);--spacing-5: calc(var(--spacing) * 5);--spacing-6: calc(var(--spacing) * 6);--spacing-7: calc(var(--spacing) * 7);--spacing-8: calc(var(--spacing) * 8);--spacing-9: calc(var(--spacing) * 9);--spacing-10: calc(var(--spacing) * 10);--spacing-20: calc(var(--spacing) * 20);--radius: 1rem;--radius-xs: calc(var(--radius) - 10px);--radius-sm: calc(var(--radius) - 8px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 8px);--radius-full: 9999px;--shadow-sm: 0 0 0 1px color-mix(in srgb, var(--color-foreground) 10%, transparent), 0 0 6px color-mix(in srgb, var(--color-foreground) 5%, transparent);--shadow-lg: 0 0 0 1px rgba(0, 0, 0, .075), 0 2px 24px rgba(0, 0, 0, .075);--shadow-outline: 0 0 0 1px color-mix(in srgb, var(--color-foreground) 10%, transparent);--shadow-outline-strong: 0 0 0 1px color-mix(in srgb, var(--color-foreground) 20%, transparent);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1), fill .15s cubic-bezier(.4, 0, .2, 1), stroke .15s cubic-bezier(.4, 0, .2, 1)}@layer base{*,:before,:after,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}*{outline-color:var(--color-ring)}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;background-color:transparent;opacity:1}input,select,optgroup,textarea,::file-selector-button{color:inherit;border-radius:0}}.button-module_button{align-items:center;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--color-foreground);cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:var(--font-weight-medium);font-size:var(--text-sm);gap:calc(var(--spacing) * .5);justify-content:center;outline:none;transition:var(--transition-colors);letter-spacing:var(--text-base--tracking);white-space:nowrap;height:var(--spacing-8);padding:var(--spacing-2) var(--spacing-3)}.button-module_button:disabled{pointer-events:none;background-color:var(--color-muted);color:var(--color-muted-foreground)}.button-module_button:focus-visible{outline:2px solid var(--color-ring);outline-offset:1.5px}.button-module_primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.button-module_primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 85%,#000)}.button-module_ghost{background-color:transparent;color:var(--color-foreground)}.button-module_ghost svg{color:var(--color-muted-foreground)}.button-module_ghost:hover:not(:disabled){background:transparent;color:var(--color-primary)}.button-module_ghost:hover:not(:disabled) svg{color:var(--color-foreground)}.button-module_ghost:focus-visible{outline-offset:0}.button-module_outline{box-shadow:var(--shadow-outline);background-color:var(--color-background);height:calc(var(--spacing-8) - 1px)}.button-module_outline:hover:not(:disabled){color:var(--color-primary);box-shadow:var(--shadow-outline-strong)}.button-module_outline:focus-visible{outline-offset:0}.button-module_link{background-color:transparent;color:var(--color-primary);font-weight:var(--font-weight-semibold)}.button-module_link:hover:not(:disabled){color:color-mix(in srgb,var(--color-primary) 85%,#000)}.button-module_icon{border-radius:var(--radius-xs);height:var(--spacing-8);width:var(--spacing-8);padding:0}.button-module_sm{border-radius:var(--radius-xs);height:var(--spacing-6);width:var(--spacing-6);padding:0}.button-module_sm svg{height:var(--spacing-6);width:var(--spacing-6)}.button-module_withTextAndIcon{padding-left:var(--spacing-1)}.button-module_button svg{flex-shrink:0;pointer-events:none}.CollapsedView-module_button{border-radius:var(--radius-lg);height:var(--spacing-10);width:var(--spacing-10)}.Textarea-module_textarea{display:flex;width:100%;border-radius:var(--radius-md);border:0;background-color:transparent;min-height:var(--spacing-10);padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);scrollbar-width:none;resize:none}.Textarea-module_textarea::-moz-placeholder{color:var(--color-muted-foreground);font-weight:var(--font-weight-medium)}.Textarea-module_textarea::placeholder{color:var(--color-muted-foreground);font-weight:var(--font-weight-medium)}.Textarea-module_textarea:focus-visible{outline:none}.Textarea-module_textarea:disabled{cursor:not-allowed;opacity:.5}.ChatInput-module_container{display:flex;align-items:end;gap:var(--spacing)}.ChatInput-module_textareaContainer{flex:1;width:100%}.ChatInput-module_actions{display:flex;flex-direction:row;padding-left:var(--spacing);padding-right:var(--spacing);height:var(--spacing-10);gap:var(--spacing);align-items:center}.ChatInput-module_button{border-radius:var(--radius-full)}.ChatHeader-module_container{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing);cursor:grab}.ChatHeader-module_container:active{cursor:grabbing}.Notice-module_container{position:relative;display:flex;align-items:center;min-height:var(--spacing-10);padding:var(--spacing) var(--spacing) var(--spacing) var(--spacing-4);gap:var(--spacing-3);background-color:var(--color-muted);border-radius:var(--radius-sm);color:var(--color-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height)}.Notice-module_containerWithIcon{padding-left:var(--spacing-3)}.Notice-module_content{align-items:center;display:flex;flex:1;gap:var(--spacing);min-width:0}.Notice-module_actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing)}.Notice-module_icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.Notice-module_icon svg{display:block;height:var(--spacing-5);width:var(--spacing-5)}.Notice-module_dismissible{position:absolute;top:calc(var(--spacing) * -1.5);right:calc(var(--spacing) * -1.5);opacity:0;transform:scale(.9);border-radius:var(--radius-full);transition:all .15s ease}.Notice-module_dismissible:focus,.Notice-module_dismissible:focus-visible,.Notice-module_container:hover .Notice-module_dismissible{opacity:1;transform:scale(1)}.Notice-module_dismissible svg{display:block;width:var(--spacing-4);height:var(--spacing-4);background-color:var(--color-muted-foreground);color:var(--color-background);border-radius:inherit;box-shadow:0 0 0 2.5px var(--color-background);opacity:.8}.Notice-module_dismissible:hover svg{opacity:1}.Suggestions-module_container{position:absolute;top:0;left:0;right:0;display:flex;flex-wrap:nowrap;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-1\.5);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.Suggestions-module_container::-webkit-scrollbar{display:none}.ChatFooter-module_container{background-color:var(--color-background);border-radius:calc(var(--radius-lg) + 1px);box-shadow:var(--shadow-sm);color:var(--color-foreground);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2);position:relative;z-index:10}.MessageActions-module_container{display:flex;gap:var(--spacing-1);align-items:center;margin-top:var(--spacing-2)}.MessageActions-module_container button[aria-hidden=true]{display:none}.Message-module_message{display:flex;align-items:flex-start;padding:0 var(--spacing-3);color:var(--color-foreground)}.Message-module_message.Message-module_user .Message-module_bubble{background-color:var(--color-muted);max-width:85%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-sm)}.Message-module_message.Message-module_error{color:var(--color-destructive)}.Message-module_content{flex:1;text-align:start;word-break:break-word;white-space:normal}.Message-module_message.Message-module_user .Message-module_content{display:flex;justify-content:flex-end}.Message-module_message p{text-wrap-style:pretty;margin-bottom:var(--spacing-3)}.Message-module_message a{color:var(--color-primary)}.Message-module_message p:last-child{margin-bottom:0}.Message-module_message strong{font-weight:var(--font-weight-semibold)}.Message-module_message ol,.Message-module_message ul{margin-bottom:var(--spacing-3);padding-left:var(--spacing-5)}.Message-module_message p+:where(ol,ul){margin-top:0}.Message-module_message li{margin-bottom:var(--spacing-2)}.Message-module_message li::marker{font-size:var(--text-sm)}.Message-module_message table{width:100%;margin:12px 0;border-collapse:collapse}.Message-module_message th,.Message-module_message td{padding:8px 12px;border:1px solid #ddd;text-align:left}.Message-module_message th{background-color:var(--color-muted);font-weight:600}.Messages-module_container{display:flex;flex-direction:column;flex:1;padding-top:var(--spacing-2);padding-bottom:var(--spacing-20);gap:var(--spacing-8);overflow-y:auto;height:100%;position:relative;z-index:10}.Messages-module_container [data-role=user]:has(+[data-role=user]),.Messages-module_container [data-role=agent]:has(+[data-role=agent]){margin-bottom:calc(-1 * var(--spacing-6))}.Messages-module_emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center}.Thinking-module_container{display:flex;align-items:center;gap:var(--spacing);padding:0 var(--spacing-3);color:var(--color-muted-foreground);font-size:var(--text-sm)}.Thinking-module_icon{display:flex;align-items:center;justify-content:center}.Thinking-module_icon svg{width:var(--spacing-6);height:var(--spacing-6)}.Thinking-module_content{background:linear-gradient(90deg,color-mix(in srgb,currentColor 30%,transparent),currentColor,color-mix(in srgb,currentColor 30%,transparent));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:Thinking-module_shimmer 2s infinite linear 0ms}@keyframes Thinking-module_shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ConversationView-module_container{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.ConversationView-module_container.ConversationView-module_withHeader{justify-content:space-between}.Chat-module_container{font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:400;font-family:var(--font-sans);letter-spacing:var(--text-base--tracking);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.Chat-module_container.Chat-module_embedded{height:100%}.Chat-module_container.Chat-module_floating{position:fixed;z-index:50}.Chat-module_container.Chat-module_floating .Chat-module_content{background-color:var(--color-background);color:var(--color-foreground);overflow:hidden;min-height:56px;padding:var(--spacing-2);box-shadow:var(--shadow-lg)}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import './styles/global.css';
|
|
2
|
+
export { AgentUI } from './components/AgentUI';
|
|
3
|
+
export { Chat } from './components/chat/Chat';
|
|
4
|
+
export { ChatInput } from './components/chat/ChatInput';
|
|
5
|
+
export { Messages } from './components/chat/Messages';
|
|
6
|
+
export { Message } from './components/chat/Message';
|
|
7
|
+
export { Suggestions } from './components/chat/Suggestions';
|
|
8
|
+
export { ThumbsUpIcon } from './components/icons/ThumbsUpIcon';
|
|
9
|
+
export { ThumbsDownIcon } from './components/icons/ThumbsDownIcon';
|
|
10
|
+
export { CopyIcon } from './components/icons/CopyIcon';
|
|
11
|
+
export { StylesIcon } from './components/icons/StylesIcon';
|
|
12
|
+
export { BigSkyIcon } from './components/icons/BigSkyIcon';
|
|
13
|
+
export { StopIcon } from './components/icons/StopIcon';
|
|
14
|
+
export { XIcon } from './components/icons/XIcon';
|
|
15
|
+
export { ArrowUpIcon } from './components/icons/ArrowUpIcon';
|
|
16
|
+
export type * from './types';
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,mBAAmB,SAAS,CAAC"}
|