@trilogy-ds/react 0.0.8-esm-cjs → 0.0.9-alpha-prompt

package/lib/components/prompt/context/index.d.ts

@@ -0,0 +1,29 @@
+import React, { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+export interface IPromptFile {
+    type: string;
+    name: string;
+    src: string;
+}
+export interface IPromptContext {
+    text: string;
+    setText: Dispatch<SetStateAction<string>>;
+    files: number;
+    setFiles: Dispatch<SetStateAction<number>>;
+    isFocused: boolean;
+    setIsFocused: Dispatch<SetStateAction<boolean>>;
+    isSend: boolean;
+    setIsSend: Dispatch<SetStateAction<boolean>>;
+    isTyping: boolean;
+    setIsTyping: Dispatch<SetStateAction<boolean>>;
+    isSpeech: boolean;
+    setIsSpeech: Dispatch<SetStateAction<boolean>>;
+    isDisabled: boolean;
+    isReadonly: boolean;
+}
+interface Props {
+    isReadonly: boolean;
+    isDisabled: boolean;
+}
+export declare const PromptContext: React.Context<IPromptContext>;
+export declare const PromptProvider: ({ children, isDisabled, isReadonly }: PropsWithChildren<Props>) => React.JSX.Element;
+export {};

package/lib/components/prompt/context/index.js

@@ -0,0 +1,44 @@
+import { __read } from "tslib";
+import React, { createContext, useState } from 'react';
+export var PromptContext = createContext({
+    text: '',
+    isTyping: false,
+    setIsTyping: function () { return undefined; },
+    setText: function () { return undefined; },
+    files: 0,
+    setFiles: function () { return undefined; },
+    isFocused: false,
+    setIsFocused: function () { return undefined; },
+    isSend: false,
+    setIsSend: function () { return undefined; },
+    isSpeech: false,
+    setIsSpeech: function () { return undefined; },
+    isDisabled: false,
+    isReadonly: false,
+});
+export var PromptProvider = function (_a) {
+    var children = _a.children, isDisabled = _a.isDisabled, isReadonly = _a.isReadonly;
+    var _b = __read(useState(''), 2), text = _b[0], setText = _b[1];
+    var _c = __read(useState(0), 2), files = _c[0], setFiles = _c[1];
+    var _d = __read(useState(false), 2), isFocused = _d[0], setIsFocused = _d[1];
+    var _e = __read(useState(false), 2), isSend = _e[0], setIsSend = _e[1];
+    var _f = __read(useState(false), 2), isTyping = _f[0], setIsTyping = _f[1];
+    var _g = __read(useState(false), 2), isSpeech = _g[0], setIsSpeech = _g[1];
+    return (React.createElement(PromptContext.Provider, { value: {
+            text: text,
+            setText: setText,
+            files: files,
+            setFiles: setFiles,
+            isFocused: isFocused,
+            setIsFocused: setIsFocused,
+            isSend: isSend,
+            setIsSend: setIsSend,
+            isTyping: isTyping,
+            setIsTyping: setIsTyping,
+            isSpeech: isSpeech,
+            setIsSpeech: setIsSpeech,
+            isReadonly: isReadonly,
+            isDisabled: isDisabled,
+        } }, children));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9jb250ZXh0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQStDLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQThCbkcsTUFBTSxDQUFDLElBQU0sYUFBYSxHQUFHLGFBQWEsQ0FBaUI7SUFDekQsSUFBSSxFQUFFLEVBQUU7SUFDUixRQUFRLEVBQUUsS0FBSztJQUNmLFdBQVcsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7SUFDNUIsT0FBTyxFQUFFLGNBQU0sT0FBQSxTQUFTLEVBQVQsQ0FBUztJQUN4QixLQUFLLEVBQUUsQ0FBQztJQUNSLFFBQVEsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7SUFDekIsU0FBUyxFQUFFLEtBQUs7SUFDaEIsWUFBWSxFQUFFLGNBQU0sT0FBQSxTQUFTLEVBQVQsQ0FBUztJQUM3QixNQUFNLEVBQUUsS0FBSztJQUNiLFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7SUFDMUIsUUFBUSxFQUFFLEtBQUs7SUFDZixXQUFXLEVBQUUsY0FBTSxPQUFBLFNBQVMsRUFBVCxDQUFTO0lBQzVCLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFVBQVUsRUFBRSxLQUFLO0NBQ2xCLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQThEO1FBQTVELFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ3pELElBQUEsS0FBQSxPQUFrQixRQUFRLENBQVMsRUFBRSxDQUFDLElBQUEsRUFBckMsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUF3QixDQUFBO0lBQ3RDLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBdEMsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUF1QixDQUFBO0lBQ3ZDLElBQUEsS0FBQSxPQUE0QixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBbkQsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUE0QixDQUFBO0lBQ3BELElBQUEsS0FBQSxPQUFzQixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBN0MsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUE0QixDQUFBO0lBQzlDLElBQUEsS0FBQSxPQUEwQixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBakQsUUFBUSxRQUFBLEVBQUUsV0FBVyxRQUE0QixDQUFBO0lBQ2xELElBQUEsS0FBQSxPQUEwQixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBakQsUUFBUSxRQUFBLEVBQUUsV0FBVyxRQUE0QixDQUFBO0lBRXhELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLENBQUMsUUFBUSxJQUNyQixLQUFLLEVBQUU7WUFDTCxJQUFJLE1BQUE7WUFDSixPQUFPLFNBQUE7WUFDUCxLQUFLLE9BQUE7WUFDTCxRQUFRLFVBQUE7WUFDUixTQUFTLFdBQUE7WUFDVCxZQUFZLGNBQUE7WUFDWixNQUFNLFFBQUE7WUFDTixTQUFTLFdBQUE7WUFDVCxRQUFRLFVBQUE7WUFDUixXQUFXLGFBQUE7WUFDWCxRQUFRLFVBQUE7WUFDUixXQUFXLGFBQUE7WUFDWCxVQUFVLFlBQUE7WUFDVixVQUFVLFlBQUE7U0FDWCxJQUVBLFFBQVEsQ0FDYyxDQUMxQixDQUFBO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/components/prompt/files/PromptFiles.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PromptFilesProps } from './PromptFilesProps';
+/**
+ * PromptFiles component - Container for displaying attached files in a prompt
+ * @param children {ReactNode} PromptFile components to display
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const PromptFiles: React.ForwardRefExoticComponent<PromptFilesProps & React.RefAttributes<HTMLDivElement>>;
+export default PromptFiles;

package/lib/components/prompt/files/PromptFiles.js

@@ -0,0 +1,29 @@
+import { Columns, GapSize } from '../../../components/columns';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React, { useContext, useEffect, useMemo } from 'react';
+import { PromptContext } from '../context';
+/**
+ * PromptFiles component - Container for displaying attached files in a prompt
+ * @param children {ReactNode} PromptFile components to display
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ */
+var PromptFiles = React.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    var styled = useTrilogyContext().styled;
+    var setFiles = useContext(PromptContext).setFiles;
+    var classesFiles = hashClass(styled, clsx('prompt-files'));
+    var childrenLength = useMemo(function () { return React.Children.count(children); }, [children]);
+    useEffect(function () {
+        setFiles(childrenLength);
+    }, [childrenLength]);
+    if (!childrenLength)
+        return null;
+    return (React.createElement(Columns, { className: classesFiles, scrollable: true, ref: ref, gap: GapSize.FOUR }, children));
+});
+PromptFiles.displayName = ComponentName.PromptFiles;
+export default PromptFiles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9Qcm9tcHRGaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzFDOzs7OztHQUtHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUN4RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUM5QixJQUFBLFFBQVEsR0FBSyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQTlCLENBQThCO0lBQzlDLElBQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUE7SUFDNUQsSUFBTSxjQUFjLEdBQUcsT0FBTyxDQUFDLGNBQU0sT0FBQSxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsRUFBOUIsQ0FBOEIsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFaEYsU0FBUyxDQUFDO1FBQ1IsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBQzFCLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUE7SUFFcEIsSUFBSSxDQUFDLGNBQWM7UUFBRSxPQUFPLElBQUksQ0FBQTtJQUNoQyxPQUFPLENBQ0wsb0JBQUMsT0FBTyxJQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxRQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLE9BQU8sQ0FBQyxJQUFJLElBQ3JFLFFBQVEsQ0FDRCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUNuRCxlQUFlLFdBQVcsQ0FBQSJ9

package/lib/components/prompt/files/PromptFiles.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { PromptFilesProps } from './PromptFilesProps';
+declare const PromptFiles: React.ForwardRefExoticComponent<PromptFilesProps & React.RefAttributes<ScrollView>>;
+export default PromptFiles;

package/lib/components/prompt/files/PromptFiles.native.js

@@ -0,0 +1,26 @@
+import { GapSize } from '../../../components/columns';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import React, { useContext, useEffect, useMemo } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { PromptContext } from '../context';
+var PromptFiles = React.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    var setFiles = useContext(PromptContext).setFiles;
+    var childrenLength = useMemo(function () { return React.Children.count(children); }, [children]);
+    var styles = StyleSheet.create({
+        scrollViewContainer: {
+            flexDirection: 'row',
+            gap: GapSize.EIGHT * 2,
+            paddingHorizontal: childrenLength ? GapSize.EIGHT * 2 : undefined,
+            paddingTop: childrenLength ? GapSize.EIGHT * 2 : undefined,
+        },
+    });
+    useEffect(function () {
+        setFiles(childrenLength);
+    }, [childrenLength]);
+    return (React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, ref: ref },
+        React.createElement(View, { style: styles.scrollViewContainer }, children)));
+});
+PromptFiles.displayName = ComponentName.PromptFiles;
+export default PromptFiles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZXMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvZmlsZXMvUHJvbXB0RmlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHMUMsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUM5RSxJQUFBLFFBQVEsR0FBSyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQTlCLENBQThCO0lBQzlDLElBQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQTlCLENBQThCLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWhGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsbUJBQW1CLEVBQUU7WUFDbkIsYUFBYSxFQUFFLEtBQUs7WUFDcEIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQztZQUN0QixpQkFBaUIsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ2pFLFVBQVUsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1NBQzNEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsU0FBUyxDQUFDO1FBQ1IsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBQzFCLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUE7SUFFcEIsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFBQyxVQUFVLFFBQUMsOEJBQThCLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHO1FBQ3BFLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLG1CQUFtQixJQUFHLFFBQVEsQ0FBUSxDQUMvQyxDQUNkLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUNuRCxlQUFlLFdBQVcsQ0FBQSJ9

package/lib/components/prompt/files/PromptFilesProps.d.ts

@@ -0,0 +1,10 @@
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
+import { ReactNode } from 'react';
+import { ScrollView } from 'react-native';
+export interface PromptFilesProps extends Accessibility, Dev, CommonProps {
+    children?: ReactNode;
+}
+export type PromptFilesRef = HTMLDivElement;
+export type PromptFilesNativeRef = ScrollView;

package/lib/components/prompt/files/PromptFilesProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZXNQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L2ZpbGVzL1Byb21wdEZpbGVzUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/prompt/files/PromptFilesPropsDefaults.js

@@ -0,0 +1,44 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/prompt/files/file/PromptFile.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PromptFileProps } from './PromptFileProps';
+/**
+ * PromptFile component - Displays an individual file attachment with preview and delete option
+ * @param src {string} Source URL for the file (required for images)
+ * @param name {string} Display name of the file
+ * @param type {string} File type (e.g., 'image', 'pdf', 'doc')
+ * @param onDelete {Function} Callback function when delete button is clicked
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const PromptFile: React.ForwardRefExoticComponent<PromptFileProps & React.RefAttributes<HTMLDivElement>>;
+export default PromptFile;

package/lib/components/prompt/files/file/PromptFile.js

@@ -0,0 +1,49 @@
+import { Box, BoxContent } from '../../../../components/box';
+import { Card, CardContent } from '../../../../components/card';
+import { Column } from '../../../../components/columns';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { FlexBox } from '../../../../components/flex-box';
+import { Icon } from '../../../../components/icon';
+import { Image } from '../../../../components/image';
+import { Text, TextLevels } from '../../../../components/text';
+import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import { Align } from '../../../../objects';
+import { TypographyBold } from '../../../../objects/Typography';
+import clsx from 'clsx';
+import React from 'react';
+/**
+ * PromptFile component - Displays an individual file attachment with preview and delete option
+ * @param src {string} Source URL for the file (required for images)
+ * @param name {string} Display name of the file
+ * @param type {string} File type (e.g., 'image', 'pdf', 'doc')
+ * @param onDelete {Function} Callback function when delete button is clicked
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ */
+var PromptFile = React.forwardRef(function (_a, ref) {
+    var onDelete = _a.onDelete, src = _a.src, name = _a.name, type = _a.type;
+    var styled = useTrilogyContext().styled;
+    var classesImgContainer = hashClass(styled, clsx('prompt-files-file'));
+    var classesImg = hashClass(styled, clsx('prompt-files-img'));
+    if (type === 'image') {
+        return (React.createElement("div", { className: classesImgContainer, ref: ref },
+            React.createElement(Image, { src: src, alt: name, className: classesImg }),
+            React.createElement(Icon, { name: 'tri-times', className: 'prompt-files-delete prompt-files-delete-img', onClick: onDelete })));
+    }
+    return (React.createElement(Column, { narrow: true, ref: ref },
+        React.createElement(Card, { flat: true, className: 'prompt-files-doc prompt-files-file' },
+            React.createElement(CardContent, { className: 'prompt-files-doc-card-content' },
+                React.createElement(FlexBox, { align: Align.CENTER },
+                    React.createElement(Box, { backgroundColor: 'MAIN_FADE', className: 'prompt-files-doc-preview' },
+                        React.createElement(BoxContent, null,
+                            React.createElement(Icon, { name: 'tri-file-attached' }))),
+                    React.createElement(FlexBox, { direction: 'column', className: 'prompt-files-doc-preview-content' },
+                        React.createElement(FlexBox, { align: Align.CENTER },
+                            React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_BOLD], level: TextLevels.THREE, className: 'prompt-files-file-name' }, name),
+                            React.createElement(Icon, { name: 'tri-times', className: 'prompt-files-delete', onClick: onDelete })),
+                        React.createElement(Text, { level: TextLevels.FOUR }, type)))))));
+});
+PromptFile.displayName = ComponentName.PromptFile;
+export default PromptFile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L2ZpbGVzL2ZpbGUvUHJvbXB0RmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQTZCLEVBQUUsR0FBRztRQUFoQyxRQUFRLGNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxJQUFJLFVBQUE7SUFDdEYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxtQkFBbUIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUE7SUFDeEUsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFBO0lBRTlELElBQUksSUFBSSxLQUFLLE9BQU8sRUFBRTtRQUNwQixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLG1CQUFtQixFQUFFLEdBQUcsRUFBRSxHQUFHO1lBQzNDLG9CQUFDLEtBQUssSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBSTtZQUNyRCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLFdBQVcsRUFBQyxTQUFTLEVBQUMsNkNBQTZDLEVBQUMsT0FBTyxFQUFFLFFBQVEsR0FBSSxDQUNoRyxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxNQUFNLElBQUMsTUFBTSxRQUFDLEdBQUcsRUFBRSxHQUFHO1FBQ3JCLG9CQUFDLElBQUksSUFBQyxJQUFJLFFBQUMsU0FBUyxFQUFDLG9DQUFvQztZQUN2RCxvQkFBQyxXQUFXLElBQUMsU0FBUyxFQUFDLCtCQUErQjtnQkFDcEQsb0JBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTTtvQkFDMUIsb0JBQUMsR0FBRyxJQUFDLGVBQWUsRUFBQyxXQUFXLEVBQUMsU0FBUyxFQUFDLDBCQUEwQjt3QkFDbkUsb0JBQUMsVUFBVTs0QkFDVCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFDLG1CQUFtQixHQUFHLENBQ3RCLENBQ1Q7b0JBQ04sb0JBQUMsT0FBTyxJQUFDLFNBQVMsRUFBQyxRQUFRLEVBQUMsU0FBUyxFQUFDLGtDQUFrQzt3QkFDdEUsb0JBQUMsT0FBTyxJQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsTUFBTTs0QkFDMUIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUN2QyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFDdkIsU0FBUyxFQUFDLHdCQUF3QixJQUVqQyxJQUFJLENBQ0E7NEJBQ1Asb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsU0FBUyxFQUFDLHFCQUFxQixFQUFDLE9BQU8sRUFBRSxRQUFRLEdBQUksQ0FDcEU7d0JBQ1Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNuQyxDQUNGLENBQ0UsQ0FDVCxDQUNBLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/prompt/files/file/PromptFile.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import { PromptFileProps } from './PromptFileProps';
+declare const PromptFile: React.ForwardRefExoticComponent<PromptFileProps & React.RefAttributes<View>>;
+export default PromptFile;

package/lib/components/prompt/files/file/PromptFile.native.js

@@ -0,0 +1,78 @@
+import { __assign } from "tslib";
+import { GapSize } from '../../../../components/columns';
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { Icon, IconName, IconSize } from '../../../../components/icon';
+import { Image, RadiusValues } from '../../../../components/image';
+import { SpacerSize } from '../../../../components/spacer';
+import { Text, TextLevels } from '../../../../components/text';
+import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
+import { getRadiusStyle } from '../../../../objects/facets/Radius';
+import { TypographyBold } from '../../../../objects/Typography';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+var HEIGHT_ITEM = 64;
+var HEIGHT_IMG_FILE = 40;
+var MAX_WIDTH_FILE = 264;
+var PromptFile = React.forwardRef(function (_a, ref) {
+    var onDelete = _a.onDelete, src = _a.src, name = _a.name, type = _a.type;
+    var backgroundTimes = getColorStyle(TrilogyColor.MAIN_FADE);
+    var styles = StyleSheet.create({
+        cardImg: {
+            backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
+            borderRadius: getRadiusStyle(RadiusValues.SMALL),
+            width: HEIGHT_IMG_FILE,
+            height: HEIGHT_IMG_FILE,
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        fileItem: {
+            flexDirection: 'row',
+            flexWrap: 'nowrap',
+            alignItems: 'center',
+            borderWidth: 1,
+            borderColor: getColorStyle(TrilogyColor.MAIN_FADE),
+            borderRadius: getRadiusStyle(RadiusValues.SMALL),
+            padding: SpacerSize.TWO,
+            maxWidth: MAX_WIDTH_FILE,
+            gap: GapSize.TEN,
+            height: HEIGHT_ITEM,
+        },
+        icon: {
+            flexDirection: 'row',
+            justifyContent: 'center',
+            width: HEIGHT_IMG_FILE,
+        },
+        times: {
+            position: 'absolute',
+            right: 4,
+            top: 4,
+            backgroundColor: backgroundTimes,
+            borderRadius: 100,
+            padding: 2,
+        },
+        cardContent: { flexShrink: 1, gap: GapSize.EIGHT },
+        timesFile: {
+            backgroundColor: backgroundTimes,
+            borderRadius: 100,
+            padding: 2,
+            alignSelf: 'flex-start',
+        },
+    });
+    if (type === 'image') {
+        return (React.createElement(View, { ref: ref },
+            React.createElement(Image, { src: src, alt: name, height: HEIGHT_ITEM, width: HEIGHT_ITEM, radius: RadiusValues.SMALL }),
+            React.createElement(View, { style: styles.times },
+                React.createElement(Icon, { name: IconName.TIMES, onClick: onDelete, size: IconSize.SMALLER }))));
+    }
+    return (React.createElement(View, { style: styles.fileItem, ref: ref },
+        React.createElement(View, { style: styles.cardImg },
+            React.createElement(Icon, __assign({ name: IconName.FILE_ATTACHED, size: IconSize.SMALLER }, { style: styles.icon }))),
+        React.createElement(View, { style: styles.cardContent },
+            React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_BOLD], level: TextLevels.THREE, numberOfLines: 1 }, name),
+            React.createElement(Text, { level: TextLevels.FOUR, numberOfLines: 1 }, type)),
+        React.createElement(View, { style: styles.timesFile },
+            React.createElement(Icon, { name: IconName.TIMES, onClick: onDelete, size: IconSize.SMALLER }))));
+});
+PromptFile.displayName = ComponentName.PromptFile;
+export default PromptFile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9maWxlL1Byb21wdEZpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsSUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFBO0FBQ3RCLElBQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQTtBQUMxQixJQUFNLGNBQWMsR0FBRyxHQUFHLENBQUE7QUFFMUIsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUE2QixFQUFFLEdBQUc7UUFBaEMsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsSUFBSSxVQUFBO0lB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

package/lib/components/prompt/files/file/PromptFileProps.d.ts

@@ -0,0 +1,13 @@
+import { ClickEvent } from '../../../../events/OnClickEvent';
+import { Accessibility } from '../../../../objects/facets/Accessibility';
+import { CommonProps } from '../../../../objects/facets/CommonProps';
+import { Dev } from '../../../../objects/facets/Dev';
+import { View } from 'react-native';
+export interface PromptFileProps extends Accessibility, Dev, CommonProps {
+    type?: 'image' | string;
+    name: string;
+    src: string | number;
+    onDelete?: ClickEvent;
+}
+export type PromptFileRef = HTMLDivElement;
+export type PromptFileNativeRef = View;

package/lib/components/prompt/files/file/PromptFileProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvZmlsZXMvZmlsZS9Qcm9tcHRGaWxlUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/prompt/files/file/PromptFilePropsDefaults.js

@@ -0,0 +1,55 @@
+export default {
+  "type": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "name": {
+    "type": "string",
+    "values": []
+  },
+  "src": {
+    "type": "string",
+    "values": [
+      "string",
+      "number"
+    ]
+  },
+  "onDelete": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/prompt/files/file/index.d.ts

@@ -0,0 +1,3 @@
+import PromptFile from './PromptFile';
+export * from './PromptFileProps';
+export { PromptFile };

package/lib/components/prompt/files/file/index.js

@@ -0,0 +1,4 @@
+import PromptFile from './PromptFile';
+export * from './PromptFileProps';
+export { PromptFile };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9maWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUNyQyxjQUFjLG1CQUFtQixDQUFBO0FBQ2pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9

package/lib/components/prompt/files/index.d.ts

@@ -0,0 +1,3 @@
+import PromptFiles from './PromptFiles';
+export * from './PromptFilesProps';
+export { PromptFiles };

package/lib/components/prompt/files/index.js

@@ -0,0 +1,4 @@
+import PromptFiles from './PromptFiles';
+export * from './PromptFilesProps';
+export { PromptFiles };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUEifQ==

package/lib/components/prompt/index.d.ts

@@ -0,0 +1,14 @@
+import Prompt from './Prompt';
+import { PromptFiles } from './files';
+import { PromptFile } from './files/file';
+import { PromptTextarea } from './textarea';
+import { PromptToolbar } from './toolbar';
+import { PromptMicrophone } from './toolbar/microphone';
+import { PromptSubmit } from './toolbar/submit';
+import { PromptTools } from './toolbar/tools';
+import { PromptButton } from './toolbar/tools/button';
+import { PromptInputFile } from './toolbar/tools/inputFile';
+import { PromptSelect } from './toolbar/tools/select';
+import { PromptSelectOption } from './toolbar/tools/select/options';
+export { Prompt, PromptButton, PromptFile, PromptFiles, PromptInputFile, PromptMicrophone, PromptSelect, PromptSelectOption, PromptSubmit, PromptTextarea, PromptToolbar, PromptTools, };
+export * from './PromptProps';

package/lib/components/prompt/index.js

@@ -0,0 +1,15 @@
+import Prompt from './Prompt';
+import { PromptFiles } from './files';
+import { PromptFile } from './files/file';
+import { PromptTextarea } from './textarea';
+import { PromptToolbar } from './toolbar';
+import { PromptMicrophone } from './toolbar/microphone';
+import { PromptSubmit } from './toolbar/submit';
+import { PromptTools } from './toolbar/tools';
+import { PromptButton } from './toolbar/tools/button';
+import { PromptInputFile } from './toolbar/tools/inputFile';
+import { PromptSelect } from './toolbar/tools/select';
+import { PromptSelectOption } from './toolbar/tools/select/options';
+export { Prompt, PromptButton, PromptFile, PromptFiles, PromptInputFile, PromptMicrophone, PromptSelect, PromptSelectOption, PromptSubmit, PromptTextarea, PromptToolbar, PromptTools, };
+export * from './PromptProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFDN0IsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3JELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBRW5FLE9BQU8sRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsZUFBZSxFQUNmLGdCQUFnQixFQUNoQixZQUFZLEVBQ1osa0JBQWtCLEVBQ2xCLFlBQVksRUFDWixjQUFjLEVBQ2QsYUFBYSxFQUNiLFdBQVcsR0FDWixDQUFBO0FBRUQsY0FBYyxlQUFlLENBQUEifQ==

package/lib/components/prompt/textarea/PromptTextarea.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PromptTextareaProps } from './PromptTextareaProps';
+/**
+ * PromptTextarea component - Auto-resizing textarea for prompt input
+ * @param value {string} Current value of the textarea
+ * @param onChange {Function} Change event handler
+ * @param placeholder {string} Placeholder text
+ * @param disabled {boolean} Whether the textarea is disabled
+ * @param readOnly {boolean} Whether the textarea is read-only
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ * @param accessibilityLabel {string} Accessibility label
+ */
+declare const PromptTextarea: React.ForwardRefExoticComponent<PromptTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default PromptTextarea;

package/lib/components/prompt/textarea/PromptTextarea.js

@@ -0,0 +1,45 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Textarea } from '../../../components/textarea';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React, { useContext, useEffect } from 'react';
+import { PromptContext } from '../context';
+/**
+ * PromptTextarea component - Auto-resizing textarea for prompt input
+ * @param value {string} Current value of the textarea
+ * @param onChange {Function} Change event handler
+ * @param placeholder {string} Placeholder text
+ * @param disabled {boolean} Whether the textarea is disabled
+ * @param readOnly {boolean} Whether the textarea is read-only
+ * @param className {string} Additional CSS classes (ONLY FOR WEB)
+ * @param testId {string} Test Id for Test Integration
+ * @param accessibilityLabel {string} Accessibility label
+ */
+var PromptTextarea = React.forwardRef(function (_a, ref) {
+    var className = _a.className, value = _a.value, onChange = _a.onChange, disabled = _a.disabled, readOnly = _a.readOnly, others = __rest(_a, ["className", "value", "onChange", "disabled", "readOnly"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('prompt-textarea', className));
+    var _b = useContext(PromptContext), setText = _b.setText, setIsTyping = _b.setIsTyping, isDisabled = _b.isDisabled, isReadonly = _b.isReadonly;
+    var isDisable = isDisabled || disabled;
+    var isReadOnly = isReadonly || readOnly;
+    var handleTextareaChange = function (e) {
+        var textarea = e.target;
+        textarea.style.height = 'auto';
+        textarea.style.height = "".concat(textarea.scrollHeight, "px");
+    };
+    var handleChange = function (e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        setIsTyping(true);
+    };
+    useEffect(function () {
+        setText(value !== null && value !== void 0 ? value : '');
+        if (!value)
+            setIsTyping(false);
+    }, [value, setIsTyping, setText]);
+    return (React.createElement(Textarea, __assign({ disabled: isDisable, value: value, ref: ref, className: classes, onChange: handleChange }, __assign({ onInput: handleTextareaChange, readOnly: isReadOnly }, others))));
+});
+PromptTextarea.displayName = ComponentName.PromptTextarea;
+export default PromptTextarea;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90ZXh0YXJlYS9Qcm9tcHRUZXh0YXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFFaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHMUM7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQUMsRUFBNkQsRUFBRSxHQUFHO0lBQWhFLElBQUEsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUEzRCwwREFBNkQsQ0FBRjtJQUNsRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQy9ELElBQUEsS0FBbUQsVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQUExRSxPQUFPLGFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFVBQVUsZ0JBQThCLENBQUE7SUFFbEYsSUFBTSxTQUFTLEdBQUcsVUFBVSxJQUFJLFFBQVEsQ0FBQTtJQUN4QyxJQUFNLFVBQVUsR0FBRyxVQUFVLElBQUksUUFBUSxDQUFBO0lBRXpDLElBQU0sb0JBQW9CLEdBQUcsVUFBQyxDQUF1QztRQUNuRSxJQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsTUFBNkIsQ0FBQTtRQUNoRCxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUE7UUFDOUIsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsVUFBRyxRQUFRLENBQUMsWUFBWSxPQUFJLENBQUE7SUFDdEQsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFzQjtRQUMxQyxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxDQUFDLENBQUE7UUFDYixXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDbkIsQ0FBQyxDQUFBO0lBRUQsU0FBUyxDQUFDO1FBQ1IsT0FBTyxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxDQUFBO1FBQ3BCLElBQUksQ0FBQyxLQUFLO1lBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUVqQyxPQUFPLENBQ0wsb0JBQUMsUUFBUSxhQUNQLFFBQVEsRUFBRSxTQUFTLEVBQ25CLEtBQUssRUFBRSxLQUFLLEVBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsT0FBTyxFQUNsQixRQUFRLEVBQUUsWUFBWSxlQUNoQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFVBQVUsSUFBSyxNQUFNLEdBQ3BFLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBQ3pELGVBQWUsY0FBYyxDQUFBIn0=

package/lib/components/prompt/textarea/PromptTextarea.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import { PromptTextareaProps } from './PromptTextareaProps';
+declare const PromptTextarea: React.ForwardRefExoticComponent<PromptTextareaProps & React.RefAttributes<TextInput>>;
+export default PromptTextarea;