@trilogy-ds/react 0.0.5-beta-v4 → 0.0.6-alpha-prompt

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

@@ -0,0 +1,23 @@
+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';
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC9maWxlcy9Qcm9tcHRGaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzFDLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1DLFVBQUMsRUFBWSxFQUFFLEdBQUc7UUFBZixRQUFRLGNBQUE7SUFDeEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDOUIsSUFBQSxRQUFRLEdBQUssVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUE5QixDQUE4QjtJQUM5QyxJQUFNLFlBQVksR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFBO0lBQzVELElBQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQTlCLENBQThCLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWhGLFNBQVMsQ0FBQztRQUNSLFFBQVEsQ0FBQyxjQUFjLENBQUMsQ0FBQTtJQUMxQixDQUFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFBO0lBRXBCLElBQUksQ0FBQyxjQUFjO1FBQUUsT0FBTyxJQUFJLENBQUE7SUFDaEMsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsUUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxPQUFPLENBQUMsSUFBSSxJQUNyRSxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFDbkQsZUFBZSxXQUFXLENBQUEifQ==

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,4 @@
+import React from 'react';
+import { PromptFileProps } from './PromptFileProps';
+declare const PromptFile: React.ForwardRefExoticComponent<PromptFileProps & React.RefAttributes<HTMLDivElement>>;
+export default PromptFile;

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

@@ -0,0 +1,40 @@
+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';
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0RmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L2ZpbGVzL2ZpbGUvUHJvbXB0RmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUE2QixFQUFFLEdBQUc7UUFBaEMsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsSUFBSSxVQUFBO0lBQ3RGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sbUJBQW1CLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFBO0lBQ3hFLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQTtJQUU5RCxJQUFJLElBQUksS0FBSyxPQUFPLEVBQUU7UUFDcEIsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsR0FBRztZQUMzQyxvQkFBQyxLQUFLLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxVQUFVLEdBQUk7WUFDckQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsU0FBUyxFQUFDLDZDQUE2QyxFQUFDLE9BQU8sRUFBRSxRQUFRLEdBQUksQ0FDaEcsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0JBQUMsTUFBTSxJQUFDLE1BQU0sUUFBQyxHQUFHLEVBQUUsR0FBRztRQUNyQixvQkFBQyxJQUFJLElBQUMsSUFBSSxRQUFDLFNBQVMsRUFBQyxvQ0FBb0M7WUFDdkQsb0JBQUMsV0FBVyxJQUFDLFNBQVMsRUFBQywrQkFBK0I7Z0JBQ3BELG9CQUFDLE9BQU8sSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU07b0JBQzFCLG9CQUFDLEdBQUcsSUFBQyxlQUFlLEVBQUMsV0FBVyxFQUFDLFNBQVMsRUFBQywwQkFBMEI7d0JBQ25FLG9CQUFDLFVBQVU7NEJBQ1Qsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxtQkFBbUIsR0FBRyxDQUN0QixDQUNUO29CQUNOLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsUUFBUSxFQUFDLFNBQVMsRUFBQyxrQ0FBa0M7d0JBQ3RFLG9CQUFDLE9BQU8sSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU07NEJBQzFCLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLENBQUMsRUFDdkMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQ3ZCLFNBQVMsRUFBQyx3QkFBd0IsSUFFakMsSUFBSSxDQUNBOzRCQUNQLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLFNBQVMsRUFBQyxxQkFBcUIsRUFBQyxPQUFPLEVBQUUsUUFBUSxHQUFJLENBQ3BFO3dCQUNWLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLElBQUksSUFBRyxJQUFJLENBQVEsQ0FDbkMsQ0FDRixDQUNFLENBQ1QsQ0FDQSxDQUNWLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUNqRCxlQUFlLFVBQVUsQ0FBQSJ9

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,4 @@
+import React from 'react';
+import { PromptTextareaProps } from './PromptTextareaProps';
+declare const PromptTextarea: React.ForwardRefExoticComponent<PromptTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default PromptTextarea;

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

@@ -0,0 +1,32 @@
+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';
+var PromptTextarea = React.forwardRef(function (_a, ref) {
+    var className = _a.className, value = _a.value, onChange = _a.onChange, others = __rest(_a, ["className", "value", "onChange"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('prompt-textarea', className));
+    var _b = useContext(PromptContext), setText = _b.setText, setIsTyping = _b.setIsTyping;
+    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({ value: value, ref: ref, className: classes, onChange: handleChange }, __assign({ onInput: handleTextareaChange }, others))));
+});
+PromptTextarea.displayName = ComponentName.PromptTextarea;
+export default PromptTextarea;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb21wdC90ZXh0YXJlYS9Qcm9tcHRUZXh0YXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFFaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHMUMsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDckMsVUFBQyxFQUF5QyxFQUFFLEdBQUc7SUFBNUMsSUFBQSxTQUFTLGVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXZDLGtDQUF5QyxDQUFGO0lBQzlCLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDL0QsSUFBQSxLQUEyQixVQUFVLENBQUMsYUFBYSxDQUFDLEVBQWxELE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQThCLENBQUE7SUFFMUQsSUFBTSxvQkFBb0IsR0FBRyxVQUFDLENBQXVDO1FBQ25FLElBQU0sUUFBUSxHQUFHLENBQUMsQ0FBQyxNQUE2QixDQUFBO1FBQ2hELFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtRQUM5QixRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxVQUFHLFFBQVEsQ0FBQyxZQUFZLE9BQUksQ0FBQTtJQUN0RCxDQUFDLENBQUE7SUFFRCxJQUFNLFlBQVksR0FBRyxVQUFDLENBQXNCO1FBQzFDLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNiLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNuQixDQUFDLENBQUE7SUFFRCxTQUFTLENBQUM7UUFDUixPQUFPLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksRUFBRSxDQUFDLENBQUE7UUFDcEIsSUFBSSxDQUFDLEtBQUs7WUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFBO0lBRWpDLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLGFBQ1AsS0FBSyxFQUFFLEtBQUssRUFDWixHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLFFBQVEsRUFBRSxZQUFZLGVBQ2hCLE9BQU8sRUFBRSxvQkFBb0IsSUFBSyxNQUFNLEdBQzlDLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBQ3pELGVBQWUsY0FBYyxDQUFBIn0=

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;

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

@@ -0,0 +1,44 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { SpacerSize } from '../../../components/spacer';
+import Textarea from '../../../components/textarea/Textarea.native';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import React, { useContext, useEffect, useImperativeHandle, useRef } from 'react';
+import { StyleSheet } from 'react-native';
+import { PromptContext } from '../context';
+var PromptTextarea = React.forwardRef(function (_a, ref) {
+    var value = _a.value, onChange = _a.onChange, others = __rest(_a, ["value", "onChange"]);
+    var _b = useContext(PromptContext), setText = _b.setText, setIsFocused = _b.setIsFocused, isSend = _b.isSend, setIsSend = _b.setIsSend, setIsTyping = _b.setIsTyping, isSpeech = _b.isSpeech, setIsSpeech = _b.setIsSpeech;
+    var textareaRef = useRef(null);
+    useImperativeHandle(ref, function () { return textareaRef.current; });
+    var style = StyleSheet.create({
+        textarea: {
+            maxHeight: 100,
+            paddingHorizontal: SpacerSize.FOUR,
+            paddingTop: SpacerSize.FOUR,
+            color: getColorStyle(TrilogyColor.MAIN),
+        },
+    });
+    var handleChange = function (e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        if (!isSpeech && e.textareaValue.trim().length > 0)
+            setIsTyping(true);
+        setIsSpeech(false);
+    };
+    useEffect(function () {
+        setText(value !== null && value !== void 0 ? value : '');
+        if (!value)
+            setIsTyping(false);
+    }, [value, setIsTyping, setText]);
+    useEffect(function () {
+        var _a;
+        if (isSend) {
+            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+            setIsSend(false);
+        }
+    }, [isSend, setIsSend]);
+    return (React.createElement(Textarea, __assign({ value: value, ref: textareaRef, onChange: handleChange }, __assign(__assign({}, others), { style: style.textarea, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }))));
+});
+PromptTextarea.displayName = ComponentName.PromptTextarea;
+export default PromptTextarea;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9tcHQvdGV4dGFyZWEvUHJvbXB0VGV4dGFyZWEubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLFFBQVEsTUFBTSx1Q0FBdUMsQ0FBQTtBQUU1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDakYsT0FBTyxFQUFFLFVBQVUsRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzFDLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQUMsRUFBOEIsRUFBRSxHQUFHO0lBQWpDLElBQUEsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUE1QixxQkFBOEIsQ0FBRjtJQUNyQixJQUFBLEtBQW1GLFVBQVUsQ0FBQyxhQUFhLENBQUMsRUFBMUcsT0FBTyxhQUFBLEVBQUUsWUFBWSxrQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxXQUFXLGlCQUE4QixDQUFBO0lBQ2xILElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBWSxJQUFJLENBQUMsQ0FBQTtJQUMzQyxtQkFBbUIsQ0FBQyxHQUFHLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxPQUFvQixFQUFoQyxDQUFnQyxDQUFDLENBQUE7SUFFaEUsSUFBTSxLQUFLLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUM5QixRQUFRLEVBQUU7WUFDUixTQUFTLEVBQUUsR0FBRztZQUNkLGlCQUFpQixFQUFFLFVBQVUsQ0FBQyxJQUFJO1lBQ2xDLFVBQVUsRUFBRSxVQUFVLENBQUMsSUFBSTtZQUMzQixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFlBQVksR0FBRyxVQUFDLENBQXNCO1FBQzFDLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLENBQUMsQ0FBQTtRQUNiLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLEdBQUcsQ0FBQztZQUFFLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUNyRSxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDcEIsQ0FBQyxDQUFBO0lBRUQsU0FBUyxDQUFDO1FBQ1IsT0FBTyxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxDQUFBO1FBQ3BCLElBQUksQ0FBQyxLQUFLO1lBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUVqQyxTQUFTLENBQUM7O1FBQ1IsSUFBSSxNQUFNLEVBQUU7WUFDVixNQUFBLFdBQVcsQ0FBQyxPQUFPLDBDQUFFLElBQUksRUFBRSxDQUFBO1lBQzNCLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQTtTQUNqQjtJQUNILENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLGFBQ1AsS0FBSyxFQUFFLEtBQUssRUFDWixHQUFHLEVBQUUsV0FBVyxFQUNoQixRQUFRLEVBQUUsWUFBWSwwQkFFakIsTUFBTSxLQUNULEtBQUssRUFBRSxLQUFLLENBQUMsUUFBUSxFQUNyQixPQUFPLEVBQUUsY0FBTSxPQUFBLFlBQVksQ0FBQyxJQUFJLENBQUMsRUFBbEIsQ0FBa0IsRUFDakMsTUFBTSxFQUFFLGNBQU0sT0FBQSxZQUFZLENBQUMsS0FBSyxDQUFDLEVBQW5CLENBQW1CLEtBRW5DLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBQ3pELGVBQWUsY0FBYyxDQUFBIn0=

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TextareaChangeEvent } from '../../../components/textarea/TextareaProps';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
+import { TextInput } from 'react-native';
+export interface PromptTextareaProps extends Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: TextareaChangeEvent) => void;
+}
+export type PromptTextareaRef = HTMLTextAreaElement;
+export type PromptTextareaNativeRef = TextInput;

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

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

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

@@ -0,0 +1,65 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "placeholder": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "TextareaChangeEvent) => void"
+    ]
+  },
+  "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/textarea/index.d.ts

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

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

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

package/lib/components/prompt/toolbar/PromptToolbar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PromptToolbarProps } from './PromptToolbarProps';
+declare const PromptToolbar: React.ForwardRefExoticComponent<PromptToolbarProps & React.RefAttributes<HTMLDivElement>>;
+export default PromptToolbar;

package/lib/components/prompt/toolbar/PromptToolbar.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
+var PromptToolbar = React.forwardRef(function (_a, ref) {
+    var className = _a.className, others = __rest(_a, ["className"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('prompt-toolbar', className));
+    return React.createElement("div", __assign({ ref: ref, className: classes }, others));
+});
+PromptToolbar.displayName = ComponentName.PromptToolbar;
+export default PromptToolbar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvbXB0VG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvbXB0L3Rvb2xiYXIvUHJvbXB0VG9vbGJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUMsVUFBQyxFQUF3QixFQUFFLEdBQUc7SUFBM0IsSUFBQSxTQUFTLGVBQUEsRUFBSyxNQUFNLGNBQXRCLGFBQXdCLENBQUY7SUFDMUYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNwRSxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUMsQ0FBQTtBQUVGLGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUN2RCxlQUFlLGFBQWEsQ0FBQSJ9

package/lib/components/prompt/toolbar/PromptToolbar.native.d.ts

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