@archieai/ui 0.1.2 → 0.1.3
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/dist/components/organisms/ChatInput/ChatInput.d.ts +34 -5
- package/dist/components/organisms/ChatInput/ChatInput.d.ts.map +1 -1
- package/dist/components/organisms/ChatInput/ChatInput.styles.d.ts +16 -0
- package/dist/components/organisms/ChatInput/ChatInput.styles.d.ts.map +1 -1
- package/dist/index.cjs +29 -29
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3582 -3475
- package/dist/index.js.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +19 -20
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { FileStatus } from '../../molecules/ChatFile/ChatFile';
|
|
3
3
|
export interface ChatInputFile {
|
|
4
4
|
id: string;
|
|
@@ -6,6 +6,26 @@ export interface ChatInputFile {
|
|
|
6
6
|
status?: FileStatus;
|
|
7
7
|
progress?: number;
|
|
8
8
|
}
|
|
9
|
+
/** Generic action for the ChatInput toolbar */
|
|
10
|
+
export interface ChatInputAction {
|
|
11
|
+
/** Unique identifier for the action */
|
|
12
|
+
id: string;
|
|
13
|
+
/** Icon to display in the button */
|
|
14
|
+
icon: ReactNode;
|
|
15
|
+
/** Accessible label for the button */
|
|
16
|
+
label: string;
|
|
17
|
+
/** Click handler for the action */
|
|
18
|
+
onClick?: () => void;
|
|
19
|
+
/** Whether the action is disabled */
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
}
|
|
22
|
+
/** Model option for the model selector dropdown */
|
|
23
|
+
export interface ChatInputModelOption {
|
|
24
|
+
/** Unique identifier for the model */
|
|
25
|
+
id: string;
|
|
26
|
+
/** Display name for the model */
|
|
27
|
+
name: string;
|
|
28
|
+
}
|
|
9
29
|
export interface ChatInputProps {
|
|
10
30
|
placeholder?: string;
|
|
11
31
|
value?: string;
|
|
@@ -16,13 +36,22 @@ export interface ChatInputProps {
|
|
|
16
36
|
className?: string;
|
|
17
37
|
/** Container variant - 'transparent' removes background, border, and shadow */
|
|
18
38
|
variant?: 'default' | 'transparent';
|
|
39
|
+
/** Generic toolbar actions to display between file button and send button */
|
|
40
|
+
actions?: ChatInputAction[];
|
|
41
|
+
/** Available AI models for the model selector dropdown */
|
|
42
|
+
models?: ChatInputModelOption[];
|
|
43
|
+
/** Currently selected model ID */
|
|
44
|
+
selectedModel?: string;
|
|
45
|
+
/** Shows a loading spinner in the send button and disables input */
|
|
46
|
+
isLoading?: boolean;
|
|
19
47
|
onChange?: (value: string) => void;
|
|
20
48
|
onSend?: (message: string, files: ChatInputFile[]) => void;
|
|
21
49
|
onFileAdd?: (files: File[]) => void;
|
|
22
50
|
onFileRemove?: (fileId: string) => void;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
51
|
+
/** Callback when model selection changes */
|
|
52
|
+
onModelChange?: (modelId: string) => void;
|
|
53
|
+
/** Whether the magic AI border effect is active */
|
|
54
|
+
isUsingMagic?: boolean;
|
|
26
55
|
}
|
|
27
|
-
export declare const ChatInput:
|
|
56
|
+
export declare const ChatInput: import("react").ForwardRefExoticComponent<ChatInputProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
28
57
|
//# sourceMappingURL=ChatInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AACA,OAAO,EASL,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAY,UAAU,EAAE,MAAM,mCAAmC,CAAC;AA4CzE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,+CAA+C;AAC/C,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,mDAAmD;AACnD,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAChC,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,2GAwYrB,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export declare const chatInputRootStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
1
2
|
export declare const chatInputContainerStyles: (props?: ({
|
|
2
3
|
state?: "default" | "active" | "withFiles" | "dragOver" | null | undefined;
|
|
3
4
|
variant?: "transparent" | "default" | null | undefined;
|
|
@@ -7,6 +8,7 @@ export declare const chatInputWrapperStyles: (props?: ({
|
|
|
7
8
|
variant?: "transparent" | "default" | null | undefined;
|
|
8
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
10
|
export declare const chatInputContentStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
11
|
+
export declare const chatInputInnerListStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
10
12
|
export declare const filesContainerStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
11
13
|
export declare const textareaWrapperStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
12
14
|
export declare const textareaStyles: (props?: ({
|
|
@@ -14,12 +16,26 @@ export declare const textareaStyles: (props?: ({
|
|
|
14
16
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
17
|
export declare const toolbarStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
16
18
|
export declare const toolbarLeftStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
19
|
+
export declare const toolbarRightStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
17
20
|
export declare const toolbarIconButtonStyles: (props?: ({
|
|
18
21
|
variant?: "add" | "default" | null | undefined;
|
|
19
22
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
20
23
|
export declare const sendButtonStyles: (props?: ({
|
|
21
24
|
disabled?: boolean | null | undefined;
|
|
22
25
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
26
|
+
export declare const loaderStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
23
27
|
export declare const dragOverlayStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
24
28
|
export declare const dragOverlayIconWrapperStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
29
|
+
export declare const modelSelectorTriggerStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
30
|
+
export declare const modelDropdownContentStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
31
|
+
export declare const modelDropdownItemStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
32
|
+
export declare const magicBorderWrapperStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
33
|
+
export declare const magicBorderGradientStyles: (props?: ({
|
|
34
|
+
layer?: "base" | "blur" | null | undefined;
|
|
35
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
36
|
+
export declare const magicToggleButtonStyles: (props?: ({
|
|
37
|
+
active?: boolean | null | undefined;
|
|
38
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
39
|
+
export declare const chatInputOuterWrapperStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
40
|
+
export declare const magicToggleWrapperStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
25
41
|
//# sourceMappingURL=ChatInput.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatInput/ChatInput.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;8EAqBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;8EAoBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,oFAElC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF,eAAO,MAAM,cAAc;;8EAe1B,CAAC;AAEF,eAAO,MAAM,aAAa,oFAAkD,CAAC;AAE7E,eAAO,MAAM,iBAAiB,oFAAqC,CAAC;AAEpE,eAAO,MAAM,uBAAuB;;8EAcnC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;8EAc5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAE7B,CAAC;AAEF,eAAO,MAAM,4BAA4B,oFAExC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ChatInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatInput/ChatInput.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,oFAAuC,CAAC;AAExE,eAAO,MAAM,wBAAwB;;;8EAqBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;8EAoBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,oFAElC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oFAAoC,CAAC;AAE1E,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF,eAAO,MAAM,cAAc;;8EAe1B,CAAC;AAEF,eAAO,MAAM,aAAa,oFAAkD,CAAC;AAE7E,eAAO,MAAM,iBAAiB,oFAAqC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,oFAAiC,CAAC;AAEjE,eAAO,MAAM,uBAAuB;;8EAcnC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;8EAc5B,CAAC;AAEF,eAAO,MAAM,YAAY,oFAAsB,CAAC;AAEhD,eAAO,MAAM,iBAAiB,oFAE7B,CAAC;AAEF,eAAO,MAAM,4BAA4B,oFAExC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAAuB,CAAC;AAE/D,eAAO,MAAM,uBAAuB,oFAAqB,CAAC;AAE1D,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;8EAarC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;8EAcnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oFAA8B,CAAC;AAEvE,eAAO,MAAM,wBAAwB,oFAA+B,CAAC"}
|