deep-chat-dev 9.0.239 → 9.0.241

package/custom-elements.json

@@ -31169,48 +31169,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/svg/svgIconUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SVGIconUtils",
-          "members": [
-            {
-              "kind": "method",
-              "name": "createSVGElement",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "SVGGraphicsElement"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "svgString",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SVGIconUtils",
-          "declaration": {
-            "name": "SVGIconUtils",
-            "module": "src/utils/svg/svgIconUtils.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/loading/loadingStyle.ts",
@@ -31312,6 +31270,48 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/svg/svgIconUtils.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SVGIconUtils",
+          "members": [
+            {
+              "kind": "method",
+              "name": "createSVGElement",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "SVGGraphicsElement"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "svgString",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SVGIconUtils",
+          "declaration": {
+            "name": "SVGIconUtils",
+            "module": "src/utils/svg/svgIconUtils.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/webComponent/googleFont.ts",
@@ -31568,6 +31568,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/types/webModel/webModel.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/views/chat/introPanel/introPanel.ts",
@@ -31673,12 +31679,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/types/webModel/webModel.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/views/chat/input/input.ts",
@@ -32912,11 +32912,11 @@
             },
             {
               "kind": "field",
-              "name": "_introPanel",
+              "name": "avatars",
               "type": {
-                "text": "IntroPanel | undefined"
+                "text": "Avatars | undefined"
               },
-              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "MessagesBase",
                 "module": "src/views/chat/messages/messagesBase.ts"
@@ -32924,11 +32924,11 @@
             },
             {
               "kind": "field",
-              "name": "_remarkable",
+              "name": "names",
               "type": {
-                "text": "Remarkable"
+                "text": "Names | undefined"
               },
-              "privacy": "private",
+              "readonly": true,
               "inheritedFrom": {
                 "name": "MessagesBase",
                 "module": "src/views/chat/messages/messagesBase.ts"
@@ -32936,12 +32936,11 @@
             },
             {
               "kind": "field",
-              "name": "_avatars",
+              "name": "_introPanel",
               "type": {
-                "text": "Avatars | undefined"
+                "text": "IntroPanel | undefined"
               },
               "privacy": "protected",
-              "readonly": true,
               "inheritedFrom": {
                 "name": "MessagesBase",
                 "module": "src/views/chat/messages/messagesBase.ts"
@@ -32949,12 +32948,11 @@
             },
             {
               "kind": "field",
-              "name": "_names",
+              "name": "_remarkable",
               "type": {
-                "text": "Names | undefined"
+                "text": "Remarkable"
               },
-              "privacy": "protected",
-              "readonly": true,
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "MessagesBase",
                 "module": "src/views/chat/messages/messagesBase.ts"
@@ -33701,37 +33699,35 @@
             },
             {
               "kind": "field",
-              "name": "_introPanel",
+              "name": "avatars",
               "type": {
-                "text": "IntroPanel | undefined"
+                "text": "Avatars | undefined"
               },
-              "privacy": "protected"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_remarkable",
+              "name": "names",
               "type": {
-                "text": "Remarkable"
+                "text": "Names | undefined"
               },
-              "privacy": "private"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_avatars",
+              "name": "_introPanel",
               "type": {
-                "text": "Avatars | undefined"
+                "text": "IntroPanel | undefined"
               },
-              "privacy": "protected",
-              "readonly": true
+              "privacy": "protected"
             },
             {
               "kind": "field",
-              "name": "_names",
+              "name": "_remarkable",
               "type": {
-                "text": "Names | undefined"
+                "text": "Remarkable"
               },
-              "privacy": "protected",
-              "readonly": true
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -34590,56 +34586,35 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/gemini/utils/geminiUtils.ts",
+      "path": "src/services/azure/utils/azureOpenAIUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "GeminiUtils",
+          "name": "AzureOpenAIUtils",
           "members": [
             {
-              "kind": "method",
-              "name": "buildHeaders",
+              "kind": "field",
+              "name": "URL_DETAILS_ERROR_MESSAGE",
+              "type": {
+                "text": "string"
+              },
               "privacy": "public",
               "static": true,
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "readonly": true,
+              "default": "'Please define the Azure URL Details. [More Information](https://deepchat.dev/docs/directConnection/Azure)'"
             },
             {
               "kind": "method",
-              "name": "handleVerificationResult",
-              "privacy": "private",
+              "name": "buildHeaders",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "result",
-                  "type": {
-                    "text": "object"
-                  }
-                },
-                {
-                  "name": "key",
+                  "name": "apiKey",
                   "type": {
                     "text": "string"
                   }
-                },
-                {
-                  "name": "onSuccess",
-                  "type": {
-                    "text": "(key: string) => void"
-                  }
-                },
-                {
-                  "name": "onFail",
-                  "type": {
-                    "text": "(message: string) => void"
-                  }
                 }
               ]
             },
@@ -34652,35 +34627,27 @@
                 "type": {
                   "text": "KeyVerificationDetails"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "urlDetails",
+                  "type": {
+                    "text": "AzureOpenAI['urlDetails']"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "directFetch",
+              "name": "validateURLDetails",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "serviceIO",
-                  "type": {
-                    "text": "ServiceIO"
-                  }
-                },
-                {
-                  "name": "body",
-                  "type": {
-                    "text": "any"
-                  }
-                },
-                {
-                  "name": "method",
+                  "name": "urlDetails",
                   "type": {
-                    "text": "'POST' | 'GET'"
+                    "text": "AzureOpenAI['urlDetails']"
                   }
-                },
-                {
-                  "name": "stringify",
-                  "default": "true"
                 }
               ]
             }
@@ -34690,29 +34657,35 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GeminiUtils",
+          "name": "AzureOpenAIUtils",
           "declaration": {
-            "name": "GeminiUtils",
-            "module": "src/services/gemini/utils/geminiUtils.ts"
+            "name": "AzureOpenAIUtils",
+            "module": "src/services/azure/utils/azureOpenAIUtils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/cohere/utils/cohereUtils.ts",
+      "path": "src/services/azure/utils/azureUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CohereUtils",
+          "name": "AzureUtils",
           "members": [
             {
               "kind": "method",
-              "name": "buildHeaders",
+              "name": "buildTextToSpeechHeaders",
               "privacy": "public",
               "static": true,
               "parameters": [
+                {
+                  "name": "outputFormat",
+                  "type": {
+                    "text": "string"
+                  }
+                },
                 {
                   "name": "key",
                   "type": {
@@ -34723,7 +34696,21 @@
             },
             {
               "kind": "method",
-              "name": "handleVerificationResult",
+              "name": "buildSpeechToTextHeaders",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSpeechVerificationResult",
               "privacy": "private",
               "static": true,
               "parameters": [
@@ -34755,57 +34742,17 @@
             },
             {
               "kind": "method",
-              "name": "buildKeyVerificationDetails",
+              "name": "buildSpeechKeyVerificationDetails",
               "privacy": "public",
               "static": true,
               "return": {
                 "type": {
                   "text": "KeyVerificationDetails"
                 }
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "CohereUtils",
-          "declaration": {
-            "name": "CohereUtils",
-            "module": "src/services/cohere/utils/cohereUtils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/azure/utils/azureOpenAIUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AzureOpenAIUtils",
-          "members": [
-            {
-              "kind": "field",
-              "name": "URL_DETAILS_ERROR_MESSAGE",
-              "type": {
-                "text": "string"
               },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'Please define the Azure URL Details. [More Information](https://deepchat.dev/docs/directConnection/Azure)'"
-            },
-            {
-              "kind": "method",
-              "name": "buildHeaders",
-              "privacy": "public",
-              "static": true,
               "parameters": [
                 {
-                  "name": "apiKey",
+                  "name": "region",
                   "type": {
                     "text": "string"
                   }
@@ -34814,88 +34761,63 @@
             },
             {
               "kind": "method",
-              "name": "buildKeyVerificationDetails",
+              "name": "buildSummarizationHeader",
               "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "KeyVerificationDetails"
-                }
-              },
               "parameters": [
                 {
-                  "name": "urlDetails",
+                  "name": "key",
                   "type": {
-                    "text": "AzureOpenAI['urlDetails']"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "validateURLDetails",
-              "privacy": "public",
+              "name": "handleLanguageVerificationResult",
+              "privacy": "private",
               "static": true,
               "parameters": [
                 {
-                  "name": "urlDetails",
+                  "name": "result",
                   "type": {
-                    "text": "AzureOpenAI['urlDetails']"
+                    "text": "object"
                   }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AzureOpenAIUtils",
-          "declaration": {
-            "name": "AzureOpenAIUtils",
-            "module": "src/services/azure/utils/azureOpenAIUtils.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/services/azure/utils/azureUtils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AzureUtils",
-          "members": [
-            {
-              "kind": "method",
-              "name": "buildTextToSpeechHeaders",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "outputFormat",
+                  "name": "key",
                   "type": {
                     "text": "string"
                   }
                 },
                 {
-                  "name": "key",
+                  "name": "onSuccess",
                   "type": {
-                    "text": "string"
+                    "text": "(key: string) => void"
+                  }
+                },
+                {
+                  "name": "onFail",
+                  "type": {
+                    "text": "(message: string) => void"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "buildSpeechToTextHeaders",
+              "name": "buildLanguageKeyVerificationDetails",
               "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "KeyVerificationDetails"
+                }
+              },
               "parameters": [
                 {
-                  "name": "key",
+                  "name": "endpoint",
                   "type": {
                     "text": "string"
                   }
@@ -34904,7 +34826,7 @@
             },
             {
               "kind": "method",
-              "name": "handleSpeechVerificationResult",
+              "name": "handleTranslationVerificationResult",
               "privacy": "private",
               "static": true,
               "parameters": [
@@ -34936,7 +34858,7 @@
             },
             {
               "kind": "method",
-              "name": "buildSpeechKeyVerificationDetails",
+              "name": "buildTranslationKeyVerificationDetails",
               "privacy": "public",
               "static": true,
               "return": {
@@ -34947,6 +34869,7 @@
               "parameters": [
                 {
                   "name": "region",
+                  "optional": true,
                   "type": {
                     "text": "string"
                   }
@@ -34955,7 +34878,50 @@
             },
             {
               "kind": "method",
-              "name": "buildSummarizationHeader",
+              "name": "buildTranslationHeaders",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "region",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AzureUtils",
+          "declaration": {
+            "name": "AzureUtils",
+            "module": "src/services/azure/utils/azureUtils.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/cohere/utils/cohereUtils.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CohereUtils",
+          "members": [
+            {
+              "kind": "method",
+              "name": "buildHeaders",
               "privacy": "public",
               "static": true,
               "parameters": [
@@ -34969,7 +34935,7 @@
             },
             {
               "kind": "method",
-              "name": "handleLanguageVerificationResult",
+              "name": "handleVerificationResult",
               "privacy": "private",
               "static": true,
               "parameters": [
@@ -35001,17 +34967,46 @@
             },
             {
               "kind": "method",
-              "name": "buildLanguageKeyVerificationDetails",
+              "name": "buildKeyVerificationDetails",
               "privacy": "public",
               "static": true,
               "return": {
                 "type": {
                   "text": "KeyVerificationDetails"
                 }
-              },
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CohereUtils",
+          "declaration": {
+            "name": "CohereUtils",
+            "module": "src/services/cohere/utils/cohereUtils.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/services/mistral/utils/mistralUtils.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MistralUtils",
+          "members": [
+            {
+              "kind": "method",
+              "name": "buildHeaders",
+              "privacy": "public",
+              "static": true,
               "parameters": [
                 {
-                  "name": "endpoint",
+                  "name": "key",
                   "type": {
                     "text": "string"
                   }
@@ -35020,7 +35015,7 @@
             },
             {
               "kind": "method",
-              "name": "handleTranslationVerificationResult",
+              "name": "handleVerificationResult",
               "privacy": "private",
               "static": true,
               "parameters": [
@@ -35052,43 +35047,14 @@
             },
             {
               "kind": "method",
-              "name": "buildTranslationKeyVerificationDetails",
+              "name": "buildKeyVerificationDetails",
               "privacy": "public",
               "static": true,
               "return": {
                 "type": {
                   "text": "KeyVerificationDetails"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "region",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "buildTranslationHeaders",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "region",
-                  "type": {
-                    "text": "string | undefined"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              }
             }
           ]
         }
@@ -35096,10 +35062,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "AzureUtils",
+          "name": "MistralUtils",
           "declaration": {
-            "name": "AzureUtils",
-            "module": "src/services/azure/utils/azureUtils.ts"
+            "name": "MistralUtils",
+            "module": "src/services/mistral/utils/mistralUtils.ts"
           }
         }
       ]
@@ -35186,12 +35152,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/services/mistral/utils/mistralUtils.ts",
+      "path": "src/services/gemini/utils/geminiUtils.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "MistralUtils",
+          "name": "GeminiUtils",
           "members": [
             {
               "kind": "method",
@@ -35249,17 +35215,47 @@
                   "text": "KeyVerificationDetails"
                 }
               }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MistralUtils",
-          "declaration": {
-            "name": "MistralUtils",
-            "module": "src/services/mistral/utils/mistralUtils.ts"
+            },
+            {
+              "kind": "method",
+              "name": "directFetch",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "serviceIO",
+                  "type": {
+                    "text": "ServiceIO"
+                  }
+                },
+                {
+                  "name": "body",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "method",
+                  "type": {
+                    "text": "'POST' | 'GET'"
+                  }
+                },
+                {
+                  "name": "stringify",
+                  "default": "true"
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GeminiUtils",
+          "declaration": {
+            "name": "GeminiUtils",
+            "module": "src/services/gemini/utils/geminiUtils.ts"
           }
         }
       ]
@@ -39653,405 +39649,168 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/input/buttons/buttonAccessility.ts",
+      "path": "src/views/chat/input/dropup/dropup.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ButtonAccessibility",
+          "name": "Dropup",
           "members": [
             {
-              "kind": "method",
-              "name": "addAttributes",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "button",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "_menu",
+              "type": {
+                "text": "DropupMenu"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "new DropupMenu(containerElement, styles?.menu)"
             },
             {
-              "kind": "method",
-              "name": "addAriaBusy",
+              "kind": "field",
+              "name": "BUTTON_ICON_CLASS",
+              "type": {
+                "text": "string"
+              },
               "privacy": "public",
               "static": true,
-              "parameters": [
-                {
-                  "name": "button",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "default": "'dropup-icon'"
             },
             {
-              "kind": "method",
-              "name": "removeAriaBusy",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "button",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "buttonContainer",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "addAriaDisabled",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "button",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
+              "name": "createButtonElement",
+              "privacy": "private",
+              "static": true
             },
             {
               "kind": "method",
-              "name": "removeAriaDisabled",
-              "privacy": "public",
-              "static": true,
+              "name": "createInnerElements",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "button",
+                  "name": "customStyles",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Styles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "removeAriaAttributes",
-              "privacy": "public",
-              "static": true,
+              "name": "createInnerElement",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "button",
+                  "name": "baseButton",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "SVGGraphicsElement"
                   }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonAccessibility",
-          "declaration": {
-            "name": "ButtonAccessibility",
-            "module": "src/views/chat/input/buttons/buttonAccessility.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/views/chat/input/buttons/buttonCSS.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonCSS",
-          "members": [
-            {
-              "kind": "method",
-              "name": "unsetAllCSS",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
+                },
                 {
-                  "name": "button",
+                  "name": "state",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "'styles'"
                   }
                 },
                 {
-                  "name": "styles",
+                  "name": "customStyles",
+                  "optional": true,
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "Styles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "unsetActionCSS",
-              "privacy": "public",
-              "static": true,
+              "name": "createSVGIconElement",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "addClickEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "createButtonContainer",
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "method",
+              "name": "addItem",
               "parameters": [
                 {
-                  "name": "button",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "styles",
+                  "name": "buttonProps",
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "InputButton"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "setElementsCSS",
-              "privacy": "public",
-              "static": true,
+              "name": "addContainerEvents",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "button",
+                  "name": "containerElement",
                   "type": {
                     "text": "HTMLElement"
                   }
-                },
-                {
-                  "name": "styles",
-                  "type": {
-                    "text": "ButtonStyles"
-                  }
-                },
-                {
-                  "name": "style",
-                  "type": {
-                    "text": "keyof StatefulStyles"
-                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "setElementCssUpToState",
-              "privacy": "public",
+              "name": "getPosition",
               "static": true,
               "parameters": [
                 {
-                  "name": "button",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "styles",
+                  "name": "pToBs",
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "PositionToButtons"
                   }
                 },
                 {
-                  "name": "style",
+                  "name": "dropupStyles",
+                  "optional": true,
                   "type": {
-                    "text": "keyof StatefulStyles"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonCSS",
-          "declaration": {
-            "name": "ButtonCSS",
-            "module": "src/views/chat/input/buttons/buttonCSS.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/views/chat/input/buttons/buttonInnerElements.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ButtonInnerElements",
-          "members": [
-            {
-              "kind": "method",
-              "name": "createTextElement",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "text",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createElement",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "string",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "isText",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createCustomElement",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "state",
-                  "type": {
-                    "text": "keyof T"
-                  }
-                },
-                {
-                  "name": "customStyles",
-                  "optional": true,
-                  "type": {
-                    "text": "ButtonStateStyles<T>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "processElement",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "parentEl",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "element",
-                  "optional": true,
-                  "type": {
-                    "text": "Element"
+                    "text": "DropupStyles"
                   }
                 }
               ]
             },
             {
-              "kind": "method",
-              "name": "createSpecificStateElement",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "parentEl",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "state",
-                  "type": {
-                    "text": "keyof T"
-                  }
-                },
-                {
-                  "name": "customStyles",
-                  "optional": true,
-                  "type": {
-                    "text": "ButtonStateStyles<T>"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "'dropup-icon'"
             },
-            {
-              "kind": "method",
-              "name": "createInnerElement",
-              "privacy": "public",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "parentEl",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "baseButton",
-                  "type": {
-                    "text": "SVGGraphicsElement"
-                  }
-                },
-                {
-                  "name": "state",
-                  "type": {
-                    "text": "keyof T"
-                  }
-                },
-                {
-                  "name": "customStyles",
-                  "optional": true,
-                  "type": {
-                    "text": "ButtonStateStyles<T>"
-                  }
-                },
-                {
-                  "name": "isDropup",
-                  "default": "false"
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ButtonInnerElements",
-          "declaration": {
-            "name": "ButtonInnerElements",
-            "module": "src/views/chat/input/buttons/buttonInnerElements.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/views/chat/input/buttons/inputButton.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "InputButton",
-          "members": [
             {
               "kind": "field",
               "name": "elementRef",
               "type": {
                 "text": "HTMLElement"
               },
-              "default": "buttonElement"
+              "default": "buttonElement",
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "field",
@@ -40061,7 +39820,11 @@
               },
               "privacy": "protected",
               "readonly": true,
-              "default": "{state: 'default'}"
+              "default": "{state: 'default'}",
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "field",
@@ -40071,7 +39834,11 @@
               },
               "privacy": "protected",
               "readonly": true,
-              "default": "customStyles"
+              "default": "customStyles",
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "field",
@@ -40080,7 +39847,11 @@
                 "text": "ButtonPositionT | undefined"
               },
               "readonly": true,
-              "default": "position"
+              "default": "position",
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "field",
@@ -40089,7 +39860,11 @@
                 "text": "string | undefined"
               },
               "readonly": true,
-              "default": "dropupText"
+              "default": "dropupText",
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "method",
@@ -40103,7 +39878,11 @@
                     "text": "ButtonStyles"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "method",
@@ -40117,7 +39896,11 @@
                     "text": "ButtonStyles"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "method",
@@ -40131,7 +39914,11 @@
                     "text": "ButtonStyles"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "method",
@@ -40145,7 +39932,11 @@
                     "text": "ButtonStyles"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "method",
@@ -40159,7 +39950,11 @@
                     "text": "ButtonStyles"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "method",
@@ -40172,7 +39967,11 @@
                     "text": "(keyof T)[]"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             },
             {
               "kind": "method",
@@ -40192,439 +39991,575 @@
                     "text": "(keyof T)[]"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "InputButton",
+                "module": "src/views/chat/input/buttons/inputButton.ts"
+              }
             }
-          ]
+          ],
+          "superclass": {
+            "name": "InputButton",
+            "module": "/src/views/chat/input/buttons/inputButton"
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "InputButton",
+          "name": "Dropup",
           "declaration": {
-            "name": "InputButton",
-            "module": "src/views/chat/input/buttons/inputButton.ts"
+            "name": "Dropup",
+            "module": "src/views/chat/input/dropup/dropup.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/input/dropup/dropup.ts",
+      "path": "src/views/chat/input/dropup/dropupItem.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Dropup",
+          "name": "DropupItem",
           "members": [
             {
               "kind": "field",
-              "name": "_menu",
+              "name": "MENU_ITEM_CLASS",
               "type": {
-                "text": "DropupMenu"
+                "text": "string"
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "new DropupMenu(containerElement, styles?.menu)"
+              "privacy": "public",
+              "static": true,
+              "default": "'dropup-menu-item'"
             },
             {
               "kind": "field",
-              "name": "BUTTON_ICON_CLASS",
+              "name": "DISABLED_ITEM_CLASS",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
               "static": true,
-              "default": "'dropup-icon'"
+              "default": "'dropup-menu-item-disabled'"
             },
             {
-              "kind": "field",
-              "name": "buttonContainer",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "readonly": true
+              "kind": "method",
+              "name": "addItemEvents",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "DropupMenu"
+                  }
+                },
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "inputButton",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "styles",
+                  "type": {
+                    "text": "StatefulStyles"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "createButtonElement",
+              "name": "createItemText",
               "privacy": "private",
-              "static": true
+              "static": true,
+              "parameters": [
+                {
+                  "name": "dropupText",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "textStyle",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomStyle"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "createInnerElements",
+              "name": "createItemIcon",
               "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "customStyles",
+                  "name": "inputButtonElement",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "iconContainerStyle",
                   "optional": true,
                   "type": {
-                    "text": "Styles"
+                    "text": "CustomStyle"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createInnerElement",
+              "name": "populateItem",
               "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "baseButton",
+                  "name": "elementRef",
                   "type": {
-                    "text": "SVGGraphicsElement"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "state",
+                  "name": "item",
                   "type": {
-                    "text": "'styles'"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "customStyles",
+                  "name": "dropupText",
                   "optional": true,
                   "type": {
-                    "text": "Styles"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "styles",
+                  "optional": true,
+                  "type": {
+                    "text": "DropupMenuStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createSVGIconElement",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "addClickEvent",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "createButtonContainer",
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "addItem",
+              "name": "createItem",
+              "privacy": "public",
+              "static": true,
               "parameters": [
                 {
-                  "name": "buttonProps",
+                  "name": "menu",
+                  "type": {
+                    "text": "DropupMenu"
+                  }
+                },
+                {
+                  "name": "inputButton",
                   "type": {
                     "text": "InputButton"
                   }
+                },
+                {
+                  "name": "styles",
+                  "optional": true,
+                  "type": {
+                    "text": "DropupMenuStyles"
+                  }
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DropupItem",
+          "declaration": {
+            "name": "DropupItem",
+            "module": "src/views/chat/input/dropup/dropupItem.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/chat/input/dropup/dropupItemNavigation.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DropupItemNavigation",
+          "members": [
             {
               "kind": "method",
-              "name": "addContainerEvents",
+              "name": "focusItemWhenOnEdge",
               "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "containerElement",
+                  "name": "dropupElement",
                   "type": {
                     "text": "HTMLElement"
                   }
+                },
+                {
+                  "name": "isNext",
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "getPosition",
+              "name": "focusSiblingItem",
+              "privacy": "public",
               "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "pToBs",
+                  "name": "focusedItem",
                   "type": {
-                    "text": "PositionToButtons"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "dropupStyles",
-                  "optional": true,
+                  "name": "dropupElement",
                   "type": {
-                    "text": "DropupStyles"
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "isNext",
+                  "type": {
+                    "text": "boolean"
                   }
+                },
+                {
+                  "name": "isEdgeItem",
+                  "default": "false"
                 }
               ]
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DropupItemNavigation",
+          "declaration": {
+            "name": "DropupItemNavigation",
+            "module": "src/views/chat/input/dropup/dropupItemNavigation.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/chat/input/dropup/dropupMenu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DropupMenu",
+          "members": [
             {
               "kind": "field",
-              "name": "id",
+              "name": "elementRef",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               },
-              "default": "'dropup-icon'"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "elementRef",
+              "name": "_isOpen",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "default": "buttonElement",
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              "privacy": "private",
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "_mouseState",
+              "name": "highlightedItem",
               "type": {
-                "text": "MouseState"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "default": "{state: 'default'}",
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
+                "text": "HTMLElement | undefined"
               }
             },
             {
               "kind": "field",
-              "name": "_customStyles",
+              "name": "_styles",
               "type": {
-                "text": "T | undefined"
+                "text": "DropupMenuStyles | undefined"
               },
-              "privacy": "protected",
+              "privacy": "private",
               "readonly": true,
-              "default": "customStyles",
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              "default": "styles"
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "clickEvent",
               "type": {
-                "text": "ButtonPositionT | undefined"
+                "text": "(event: MouseEvent) => void | undefined"
               },
-              "readonly": true,
-              "default": "position",
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "dropupText",
+              "name": "keyDownEvent",
               "type": {
-                "text": "string | undefined"
+                "text": "(event: KeyboardEvent) => void | undefined"
               },
-              "readonly": true,
-              "default": "dropupText",
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "buttonMouseLeave",
+              "name": "createElement",
               "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "customStyles",
+                  "name": "containerStyle",
                   "optional": true,
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "CustomStyle"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "buttonMouseEnter",
-              "privacy": "private",
+              "name": "open",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "close"
+            },
+            {
+              "kind": "method",
+              "name": "toggle"
+            },
+            {
+              "kind": "method",
+              "name": "addItem",
               "parameters": [
                 {
-                  "name": "customStyles",
-                  "optional": true,
+                  "name": "inputButton",
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "InputButton"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "buttonMouseUp",
+              "name": "addWindowEvents",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "customStyles",
-                  "optional": true,
+                  "name": "containerElement",
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "HTMLElement"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "buttonMouseDown",
+              "name": "windowClick",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "customStyles",
-                  "optional": true,
+                  "name": "containerElement",
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "setEvents",
+              "name": "windowKeyDown",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "customStyles",
-                  "optional": true,
+                  "name": "containerElement",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DropupMenu",
+          "declaration": {
+            "name": "DropupMenu",
+            "module": "src/views/chat/input/dropup/dropupMenu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/views/chat/input/buttons/buttonAccessility.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ButtonAccessibility",
+          "members": [
+            {
+              "kind": "method",
+              "name": "addAttributes",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "button",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "addAriaBusy",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "button",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "removeAriaBusy",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "button",
                   "type": {
-                    "text": "ButtonStyles"
+                    "text": "HTMLElement"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "unsetCustomStateStyles",
+              "name": "addAriaDisabled",
               "privacy": "public",
+              "static": true,
               "parameters": [
                 {
-                  "name": "unsetTypes",
+                  "name": "button",
                   "type": {
-                    "text": "(keyof T)[]"
+                    "text": "HTMLElement"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "reapplyStateStyle",
+              "name": "removeAriaDisabled",
               "privacy": "public",
+              "static": true,
               "parameters": [
                 {
-                  "name": "setType",
+                  "name": "button",
                   "type": {
-                    "text": "keyof T"
+                    "text": "HTMLElement"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "removeAriaAttributes",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
                 {
-                  "name": "unsetTypes",
-                  "optional": true,
+                  "name": "button",
                   "type": {
-                    "text": "(keyof T)[]"
+                    "text": "HTMLElement"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "InputButton",
-                "module": "src/views/chat/input/buttons/inputButton.ts"
-              }
+              ]
             }
-          ],
-          "superclass": {
-            "name": "InputButton",
-            "module": "/src/views/chat/input/buttons/inputButton"
-          }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Dropup",
+          "name": "ButtonAccessibility",
           "declaration": {
-            "name": "Dropup",
-            "module": "src/views/chat/input/dropup/dropup.ts"
+            "name": "ButtonAccessibility",
+            "module": "src/views/chat/input/buttons/buttonAccessility.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/input/dropup/dropupItem.ts",
+      "path": "src/views/chat/input/buttons/buttonCSS.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DropupItem",
+          "name": "ButtonCSS",
           "members": [
-            {
-              "kind": "field",
-              "name": "MENU_ITEM_CLASS",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "'dropup-menu-item'"
-            },
-            {
-              "kind": "field",
-              "name": "DISABLED_ITEM_CLASS",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "'dropup-menu-item-disabled'"
-            },
             {
               "kind": "method",
-              "name": "addItemEvents",
-              "privacy": "private",
+              "name": "unsetAllCSS",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "menu",
-                  "type": {
-                    "text": "DropupMenu"
-                  }
-                },
-                {
-                  "name": "item",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "inputButton",
+                  "name": "button",
                   "type": {
                     "text": "HTMLElement"
                   }
@@ -40632,111 +40567,79 @@
                 {
                   "name": "styles",
                   "type": {
-                    "text": "StatefulStyles"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "createItemText",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "dropupText",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "textStyle",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomStyle"
+                    "text": "ButtonStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createItemIcon",
-              "privacy": "private",
+              "name": "unsetActionCSS",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "inputButtonElement",
+                  "name": "button",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "iconContainerStyle",
-                  "optional": true,
+                  "name": "styles",
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "ButtonStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "populateItem",
-              "privacy": "private",
+              "name": "setElementsCSS",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "elementRef",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                },
-                {
-                  "name": "item",
+                  "name": "button",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "dropupText",
-                  "optional": true,
+                  "name": "styles",
                   "type": {
-                    "text": "string"
+                    "text": "ButtonStyles"
                   }
                 },
                 {
-                  "name": "styles",
-                  "optional": true,
+                  "name": "style",
                   "type": {
-                    "text": "DropupMenuStyles"
+                    "text": "keyof StatefulStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createItem",
+              "name": "setElementCssUpToState",
               "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "menu",
+                  "name": "button",
                   "type": {
-                    "text": "DropupMenu"
+                    "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "inputButton",
+                  "name": "styles",
                   "type": {
-                    "text": "InputButton"
+                    "text": "ButtonStyles"
                   }
                 },
                 {
-                  "name": "styles",
-                  "optional": true,
+                  "name": "style",
                   "type": {
-                    "text": "DropupMenuStyles"
+                    "text": "keyof StatefulStyles"
                   }
                 }
               ]
@@ -40747,74 +40650,159 @@
       "exports": [
         {
           "kind": "js",
-          "name": "DropupItem",
+          "name": "ButtonCSS",
           "declaration": {
-            "name": "DropupItem",
-            "module": "src/views/chat/input/dropup/dropupItem.ts"
+            "name": "ButtonCSS",
+            "module": "src/views/chat/input/buttons/buttonCSS.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/input/dropup/dropupItemNavigation.ts",
+      "path": "src/views/chat/input/buttons/buttonInnerElements.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DropupItemNavigation",
+          "name": "ButtonInnerElements",
           "members": [
             {
               "kind": "method",
-              "name": "focusItemWhenOnEdge",
-              "privacy": "private",
+              "name": "createTextElement",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "text",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createElement",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "string",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "isText",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createCustomElement",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "keyof T"
+                  }
+                },
+                {
+                  "name": "customStyles",
+                  "optional": true,
+                  "type": {
+                    "text": "ButtonStateStyles<T>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "processElement",
+              "privacy": "private",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "parentEl",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "element",
+                  "optional": true,
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "createSpecificStateElement",
+              "privacy": "public",
               "static": true,
               "parameters": [
                 {
-                  "name": "dropupElement",
+                  "name": "parentEl",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "isNext",
+                  "name": "state",
                   "type": {
-                    "text": "boolean"
+                    "text": "keyof T"
+                  }
+                },
+                {
+                  "name": "customStyles",
+                  "optional": true,
+                  "type": {
+                    "text": "ButtonStateStyles<T>"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "focusSiblingItem",
+              "name": "createInnerElement",
               "privacy": "public",
               "static": true,
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
                 {
-                  "name": "focusedItem",
+                  "name": "parentEl",
                   "type": {
                     "text": "HTMLElement"
                   }
                 },
                 {
-                  "name": "dropupElement",
+                  "name": "baseButton",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "SVGGraphicsElement"
                   }
                 },
                 {
-                  "name": "isNext",
+                  "name": "state",
                   "type": {
-                    "text": "boolean"
+                    "text": "keyof T"
                   }
                 },
                 {
-                  "name": "isEdgeItem",
+                  "name": "customStyles",
+                  "optional": true,
+                  "type": {
+                    "text": "ButtonStateStyles<T>"
+                  }
+                },
+                {
+                  "name": "isDropup",
                   "default": "false"
                 }
               ]
@@ -40825,22 +40813,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "DropupItemNavigation",
+          "name": "ButtonInnerElements",
           "declaration": {
-            "name": "DropupItemNavigation",
-            "module": "src/views/chat/input/dropup/dropupItemNavigation.ts"
+            "name": "ButtonInnerElements",
+            "module": "src/views/chat/input/buttons/buttonInnerElements.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/views/chat/input/dropup/dropupMenu.ts",
+      "path": "src/views/chat/input/buttons/inputButton.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DropupMenu",
+          "name": "InputButton",
           "members": [
             {
               "kind": "field",
@@ -40848,137 +40836,145 @@
               "type": {
                 "text": "HTMLElement"
               },
-              "readonly": true
+              "default": "buttonElement"
             },
             {
               "kind": "field",
-              "name": "_isOpen",
+              "name": "_mouseState",
               "type": {
-                "text": "boolean"
+                "text": "MouseState"
               },
-              "privacy": "private",
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "highlightedItem",
-              "type": {
-                "text": "HTMLElement | undefined"
-              }
+              "privacy": "protected",
+              "readonly": true,
+              "default": "{state: 'default'}"
             },
             {
               "kind": "field",
-              "name": "_styles",
+              "name": "_customStyles",
               "type": {
-                "text": "DropupMenuStyles | undefined"
+                "text": "T | undefined"
               },
-              "privacy": "private",
+              "privacy": "protected",
               "readonly": true,
-              "default": "styles"
+              "default": "customStyles"
             },
             {
               "kind": "field",
-              "name": "clickEvent",
+              "name": "position",
               "type": {
-                "text": "(event: MouseEvent) => void | undefined"
+                "text": "ButtonPositionT | undefined"
               },
-              "privacy": "private"
+              "readonly": true,
+              "default": "position"
             },
             {
               "kind": "field",
-              "name": "keyDownEvent",
+              "name": "dropupText",
               "type": {
-                "text": "(event: KeyboardEvent) => void | undefined"
+                "text": "string | undefined"
               },
-              "privacy": "private"
+              "readonly": true,
+              "default": "dropupText"
             },
             {
               "kind": "method",
-              "name": "createElement",
+              "name": "buttonMouseLeave",
               "privacy": "private",
-              "static": true,
               "parameters": [
                 {
-                  "name": "containerStyle",
+                  "name": "customStyles",
                   "optional": true,
                   "type": {
-                    "text": "CustomStyle"
+                    "text": "ButtonStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "open",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "close"
-            },
-            {
-              "kind": "method",
-              "name": "toggle"
+              "name": "buttonMouseEnter",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "customStyles",
+                  "optional": true,
+                  "type": {
+                    "text": "ButtonStyles"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "addItem",
+              "name": "buttonMouseUp",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "inputButton",
+                  "name": "customStyles",
+                  "optional": true,
                   "type": {
-                    "text": "InputButton"
+                    "text": "ButtonStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "addWindowEvents",
+              "name": "buttonMouseDown",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "containerElement",
+                  "name": "customStyles",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ButtonStyles"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "windowClick",
+              "name": "setEvents",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "containerElement",
+                  "name": "customStyles",
+                  "optional": true,
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "ButtonStyles"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "unsetCustomStateStyles",
+              "privacy": "public",
+              "parameters": [
                 {
-                  "name": "event",
+                  "name": "unsetTypes",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "(keyof T)[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "windowKeyDown",
-              "privacy": "private",
+              "name": "reapplyStateStyle",
+              "privacy": "public",
               "parameters": [
                 {
-                  "name": "containerElement",
+                  "name": "setType",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "keyof T"
                   }
                 },
                 {
-                  "name": "event",
+                  "name": "unsetTypes",
+                  "optional": true,
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "(keyof T)[]"
                   }
                 }
               ]
@@ -40989,10 +40985,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "DropupMenu",
+          "name": "InputButton",
           "declaration": {
-            "name": "DropupMenu",
-            "module": "src/views/chat/input/dropup/dropupMenu.ts"
+            "name": "InputButton",
+            "module": "src/views/chat/input/buttons/inputButton.ts"
           }
         }
       ]
@@ -43655,6 +43651,28 @@
               "readonly": true,
               "default": "'user'"
             },
+            {
+              "kind": "field",
+              "name": "ERROR_MESSAGE_TEXT_CLASS",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'error-message-text'"
+            },
+            {
+              "kind": "field",
+              "name": "OUTER_CONTAINER_CLASS_ROLE_PREFIX",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'deep-chat-outer-container-role-'"
+            },
             {
               "kind": "field",
               "name": "EMPTY_MESSAGE_CLASS",
@@ -43940,9 +43958,9 @@
               "static": true,
               "parameters": [
                 {
-                  "name": "messageElementRefs",
+                  "name": "innerContainer",
                   "type": {
-                    "text": "MessageElements[]"
+                    "text": "HTMLElement"
                   }
                 },
                 {
@@ -43975,14 +43993,14 @@
                   "name": "avatars",
                   "optional": true,
                   "type": {
-                    "text": "Avatars"
+                    "text": "boolean"
                   }
                 },
                 {
                   "name": "names",
                   "optional": true,
                   "type": {
-                    "text": "Names"
+                    "text": "boolean"
                   }
                 }
               ]
@@ -44015,7 +44033,7 @@
             },
             {
               "kind": "method",
-              "name": "buildRoleContainerClass",
+              "name": "buildRoleOuterContainerClass",
               "privacy": "public",
               "static": true,
               "parameters": [
@@ -44143,21 +44161,69 @@
             },
             {
               "kind": "method",
-              "name": "classifyMessages",
+              "name": "classifyRoleMessages",
               "privacy": "public",
               "static": true,
               "parameters": [
+                {
+                  "name": "messageElementRefs",
+                  "type": {
+                    "text": "MessageElements[]"
+                  }
+                },
                 {
                   "name": "role",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "areOuterContainerClassRolesSame",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "comparedRole",
                   "type": {
                     "text": "string"
                   }
                 },
+                {
+                  "name": "message",
+                  "optional": true,
+                  "type": {
+                    "text": "MessageElements"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "resetAllRoleElements",
+              "privacy": "public",
+              "static": true,
+              "parameters": [
                 {
                   "name": "messageElementRefs",
                   "type": {
                     "text": "MessageElements[]"
                   }
+                },
+                {
+                  "name": "avatars",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "names",
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
               ]
             }