@nimbus-ds/chat-input 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# Changelog
+
+ChatInput allows the user to build chat inputs for apps. It features internal components meant to build chat inputs with popovers, actions, and fields.
+
+## 2025-09-24 `1.0.0`
+
+#### 🎉 New features
+
+- Added `ChatInput` component. ([#123](https://github.com/TiendaNube/nimbus-patterns/pull/123) by [@joacotornello](https://github.com/joacotornello))

package/README.md

@@ -0,0 +1,13 @@
+# `@nimbus-ds/chat-input`
+
+[![@nimbus-ds/chat-input](https://img.shields.io/npm/v/@nimbus-ds/chat-input?label=%40nimbus-ds%2Fchat-input)](https://www.npmjs.com/package/@nimbus-ds/chat-input)
+
+ChatInput allows the user to build chat inputs for apps. It features internal components meant to build chat inputs with popovers, actions, and fields.
+
+## Installation
+
+```sh
+$ yarn add @nimbus-ds/chat-input
+# or
+$ npm install @nimbus-ds/chat-input
+```

package/dist/CHANGELOG.md

@@ -0,0 +1,9 @@
+# Changelog
+
+ChatInput allows the user to build chat inputs for apps. It features internal components meant to build chat inputs with popovers, actions, and fields.
+
+## 2025-09-24 `1.0.0`
+
+#### 🎉 New features
+
+- Added `ChatInput` component. ([#123](https://github.com/TiendaNube/nimbus-patterns/pull/123) by [@joacotornello](https://github.com/joacotornello))

package/dist/README.md

@@ -0,0 +1,13 @@
+# `@nimbus-ds/chat-input`
+
+[![@nimbus-ds/chat-input](https://img.shields.io/npm/v/@nimbus-ds/chat-input?label=%40nimbus-ds%2Fchat-input)](https://www.npmjs.com/package/@nimbus-ds/chat-input)
+
+ChatInput allows the user to build chat inputs for apps. It features internal components meant to build chat inputs with popovers, actions, and fields.
+
+## Installation
+
+```sh
+$ yarn add @nimbus-ds/chat-input
+# or
+$ npm install @nimbus-ds/chat-input
+```

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+// Generated by dts-bundle-generator v8.0.0
+
+import { BoxProperties, PopoverProperties, TextareaProperties, TextareaProps } from '@nimbus-ds/components';
+import React from 'react';
+import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
+
+export interface ChatInputActionsProperties {
+	/**
+	 * Content to be rendered at both sides of the actions bar.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+}
+export type ChatInputActionsProps = ChatInputActionsProperties & Omit<BoxProperties, "children" | "display" | "justifyContent" | "alignItems"> & HTMLAttributes<HTMLElement>;
+export type ChatInputFieldProperties = Omit<TextareaProperties, "appearance"> & {
+	/**
+	 * Predefined appearance values for AI states. When `"ai-generative"` is passed,
+	 * the field displays the Nimbus AI generative border and focus ring.
+	 */
+	appearance?: "none" | "danger" | "warning" | "success" | "ai-generative";
+};
+export type ChatInputFieldBaseProps = ChatInputFieldProperties & Omit<TextareaProps, "appearance"> & HTMLAttributes<HTMLElement>;
+export interface ChatInputPopoverProperties {
+	/**
+	 * Content to be rendered inside the popover, usually ChatInput.PopoverButton components.
+	 * @TJS-type React.ReactNode
+	 */
+	content: ReactNode;
+	contentProperties?: Omit<BoxProperties, "children" | "display" | "flexDirection" | "gap">;
+	/**
+	 * The trigger element that opens the popover, usually an IconButton.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+}
+export type ChatInputPopoverProps = ChatInputPopoverProperties & Omit<PopoverProperties, "content" | "children" | "arrow" | "position" | "padding" | "color">;
+export interface ChatInputPopoverButtonProperties {
+	/**
+	 * Icon element to be displayed before the text.
+	 * @TJS-type React.ReactNode
+	 */
+	icon?: ReactNode;
+	/**
+	 * The text content of the button.
+	 */
+	text: ReactNode;
+	/**
+	 * Click handler for the button.
+	 */
+	onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export type ChatInputPopoverButtonProps = ChatInputPopoverButtonProperties & Omit<BoxProperties, "children" | "as" | "type" | "cursor" | "borderWidth" | "color" | "display" | "alignItems" | "gap" | "p" | "borderRadius" | "onClick">;
+export interface ChatInputComponents {
+	/**
+	 * ChatInput Actions is a container for the actions, like send button and recording button.
+	 */
+	Actions: React.FC<ChatInputActionsProps>;
+	/**
+	 * ChatInput Field textarea component.
+	 */
+	Field: React.ForwardRefExoticComponent<ChatInputFieldBaseProps & React.RefAttributes<HTMLTextAreaElement>>;
+	/**
+	 * ChatInput Popover provides pre-configured popover settings for upload actions.
+	 */
+	Popover: React.FC<ChatInputPopoverProps>;
+	/**
+	 * ChatInput PopoverButton is a pre-styled button for popover menu items.
+	 */
+	PopoverButton: React.FC<ChatInputPopoverButtonProps>;
+}
+export interface ChatInputProperties {
+	/**
+	 * Content to be rendered inside ChatInput, usually `ChatInput.Actions` and `ChatInput.Field`.
+	 * @TJS-type React.ReactNode
+	 */
+	children: ReactNode;
+	/**
+	 * Whether the ChatInput is focused for AI states.
+	 */
+	aiFocused?: boolean;
+}
+export type ChatInputProps = ChatInputProperties & Omit<BoxProperties, "children" | "display"> & HTMLAttributes<HTMLElement>;
+export declare const ChatInput: React.FC<ChatInputProps> & ChatInputComponents;
+
+export {
+	ChatInput as default,
+};
+
+export {};

package/dist/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components"],t):"object"==typeof exports?exports["@nimbus-ds/chat-input"]=t(require("react"),require("@nimbus-ds/components")):e["@nimbus-ds/chat-input"]=t(e.react,e["@nimbus-ds/components"])}(global,((e,t)=>(()=>{var r={756:(e,t,r)=>{var n;global,e.exports=(n=r(156),(()=>{"use strict";var e={156:e=>{e.exports=n}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}var o={};return(()=>{var e=o;Object.defineProperty(e,"__esModule",{value:!0}),e.useRefObjectAsForwardedRef=void 0;const t=r(156);e.useRefObjectAsForwardedRef=function(e,r){(0,t.useImperativeHandle)(e,(()=>r.current))}})(),o})())},159:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInput=void 0;const n=r(15).__importDefault(r(156)),o=r(280),a=r(612),i=({className:e,style:t,children:r,aiFocused:a,...i})=>n.default.createElement(o.Box,{borderColor:"transparent",background:"ai-generative-interactive-border",borderWidth:"1",borderStyle:"solid",borderRadius:"2",...a&&{boxShadow:"aiFocus"},padding:"1",...i,display:"flex",flexDirection:"column"},r);t.ChatInput=i,i.Actions=a.ChatInputActions,i.Field=a.ChatInputField,i.Popover=a.ChatInputPopover,i.PopoverButton=a.ChatInputPopoverButton,i.displayName="ChatInput",i.Actions.displayName="ChatInput.Actions",i.Field.displayName="ChatInput.Field",i.Popover.displayName="ChatInput.Popover",i.PopoverButton.displayName="ChatInput.PopoverButton"},393:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputActions=void 0;const n=r(15).__importDefault(r(156)),o=r(280),a=({className:e,style:t,children:r,...a})=>n.default.createElement(o.Box,{...a,display:"flex",alignItems:"center",justifyContent:"space-between",pb:"2",px:"1"},r);t.ChatInputActions=a,a.displayName="ChatInput.Actions"},385:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputActions=void 0;var n=r(393);Object.defineProperty(t,"ChatInputActions",{enumerable:!0,get:function(){return n.ChatInputActions}})},941:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputField=void 0;const n=r(15).__importStar(r(156)),o=r(280),a=r(756),i=(0,n.forwardRef)((({lines:e=1,maxLines:t=7,...r},i)=>{const u=(0,n.useRef)(null);return(0,a.useRefObjectAsForwardedRef)(i,u),n.default.createElement(o.Textarea,{ref:u,...r,lines:e,maxLines:t,autoGrow:!0,resize:!1,appearance:"transparent"})}));t.ChatInputField=i,i.displayName="ChatInput.Field"},157:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputField=void 0;var n=r(941);Object.defineProperty(t,"ChatInputField",{enumerable:!0,get:function(){return n.ChatInputField}})},24:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputPopover=void 0;const n=r(15).__importDefault(r(156)),o=r(280),a=({content:e,children:t,contentProperties:r,...a})=>n.default.createElement(o.Popover,{content:n.default.createElement(o.Box,{minWidth:"140px",...r,display:"flex",flexDirection:"column",gap:"1"},e),arrow:!1,position:"top-start",padding:"small",...a},t);t.ChatInputPopover=a,a.displayName="ChatInput.Popover"},913:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputPopover=void 0;var n=r(24);Object.defineProperty(t,"ChatInputPopover",{enumerable:!0,get:function(){return n.ChatInputPopover}})},182:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputPopoverButton=void 0;const n=r(15).__importDefault(r(156)),o=r(280),a=({icon:e,text:t,onClick:r,...a})=>n.default.createElement(o.Box,{backgroundColor:{xs:"transparent",hover:"neutral-surface"},...a,as:"button",type:"button",cursor:"pointer",borderWidth:"none",display:"flex",alignItems:"center",gap:"2",p:"2",borderRadius:"1",onClick:r},e&&n.default.createElement(o.Icon,{source:e,color:"neutral-textHigh"}),n.default.createElement(o.Text,{color:"neutral-textHigh",fontSize:"base",lineHeight:"base"},t));t.ChatInputPopoverButton=a,a.displayName="ChatInput.PopoverButton"},268:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputPopoverButton=void 0;var n=r(182);Object.defineProperty(t,"ChatInputPopoverButton",{enumerable:!0,get:function(){return n.ChatInputPopoverButton}})},612:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ChatInputPopoverButton=t.ChatInputPopover=t.ChatInputField=t.ChatInputActions=void 0;var n=r(385);Object.defineProperty(t,"ChatInputActions",{enumerable:!0,get:function(){return n.ChatInputActions}});var o=r(157);Object.defineProperty(t,"ChatInputField",{enumerable:!0,get:function(){return o.ChatInputField}});var a=r(913);Object.defineProperty(t,"ChatInputPopover",{enumerable:!0,get:function(){return a.ChatInputPopover}});var i=r(268);Object.defineProperty(t,"ChatInputPopoverButton",{enumerable:!0,get:function(){return i.ChatInputPopoverButton}})},15:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>I,__asyncValues:()=>C,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>B,__classPrivateFieldSet:()=>T,__createBinding:()=>h,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>b,__extends:()=>o,__generator:()=>v,__importDefault:()=>F,__importStar:()=>E,__makeTemplateObject:()=>x,__metadata:()=>d,__param:()=>c,__propKey:()=>p,__read:()=>_,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>f,__spread:()=>P,__spreadArray:()=>g,__spreadArrays:()=>w,__values:()=>m});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function u(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function l(e,t,r,n,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,c=n.kind,l="getter"===c?"get":"setter"===c?"set":"value",s=!t&&e?n.static?e:e.prototype:null,p=t||(s?Object.getOwnPropertyDescriptor(s,n.name):{}),f=!1,d=r.length-1;d>=0;d--){var y={};for(var v in n)y[v]="access"===v?{}:n[v];for(var v in n.access)y.access[v]=n.access[v];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var h=(0,r[d])("accessor"===c?{get:p.get,set:p.set}:p[l],y);if("accessor"===c){if(void 0===h)continue;if(null===h||"object"!=typeof h)throw new TypeError("Object expected");(u=i(h.get))&&(p.get=u),(u=i(h.set))&&(p.set=u),(u=i(h.init))&&o.push(u)}else(u=i(h))&&("field"===c?o.push(u):p[l]=u)}s&&Object.defineProperty(s,n.name,p),f=!0}function s(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function p(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function u(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}c((n=n.apply(e,t||[])).next())}))}function v(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(c){return function(u){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&u[0]?n.return:u[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,u[1])).done)return o;switch(n=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,n=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){i.label=u[1];break}if(6===u[0]&&i.label<o[1]){i.label=o[1],o=u;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(u);break}o[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],n=0}finally{r=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}}var h=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function b(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||h(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function P(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)n[o]=a[i];return n}function g(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function I(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||u(e,t)}))})}function u(e,t){try{(r=o[e](t)).value instanceof O?Promise.resolve(r.value.v).then(c,l):s(a[0][2],r)}catch(e){s(a[0][3],e)}var r}function c(e){u("next",e)}function l(e){u("throw",e)}function s(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function j(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:O(e[n](t)),done:!1}:o?o(t):t}:o}}function C(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var S=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function E(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&h(t,e,r);return S(t,e),t}function F(e){return e&&e.__esModule?e:{default:e}}function A(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function T(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function B(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},280:e=>{"use strict";e.exports=t},156:t=>{"use strict";t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.ChatInput=void 0;const t=o(159);var r=o(159);Object.defineProperty(e,"ChatInput",{enumerable:!0,get:function(){return r.ChatInput}}),e.default=t.ChatInput})(),a})()));

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@nimbus-ds/chat-input",
+  "version": "1.0.0",
+  "license": "MIT",
+  "source": "src/index.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "yarn g:webpack",
+    "clean": "rm -rf dist",
+    "version": "yarn version"
+  },
+  "peerDependencies": {
+    "@nimbus-ds/components": "^5",
+    "@nimbus-ds/icons": "^1",
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
+  },
+  "homepage": "https://nimbus.nuvemshop.com.br/documentation",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TiendaNube/nimbus-patterns.git"
+  },
+  "bugs": {
+    "url": "https://github.com/TiendaNube/nimbus-patterns/issues"
+  }
+}