@rocket.chat/fuselage 0.6.3-dev.417 → 0.6.3-dev.420

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,18 @@
+import { Placements } from '@rocket.chat/fuselage-hooks';
+import { ComponentProps, ReactElement, ReactNode, FC } from 'react';
+import { ActionButton, Box, Option } from '..';
+declare type MenuProps = Omit<ComponentProps<typeof ActionButton>, 'icon'> & {
+    icon?: string;
+    options: {
+        [id: string]: {
+            label: ReactElement | string;
+            action: () => void;
+        };
+    };
+    optionWidth?: ComponentProps<typeof Box>['width'];
+    placement?: Placements;
+    renderItem?: (props: ComponentProps<typeof Option>) => ReactNode;
+};
+export declare const Menu: FC<MenuProps>;
+export {};
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAc,EAGZ,cAAc,EACd,YAAY,EACZ,SAAS,EACT,EAAE,EACH,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,YAAY,EAIZ,GAAG,EACH,MAAM,EACP,MAAM,IAAI,CAAC;AAGZ,aAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,EAAE,MAAM,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,CAAC,EAAE,EAAE,MAAM,GAAG;YACZ,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC;YAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;SACpB,CAAC;KACH,CAAC;IACF,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,SAAS,CAAC;CAClE,CAAC;AASF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyE9B,CAAC"}

package/dist/components/Menu/index.d.ts

@@ -1,20 +1,2 @@
-import { Placements } from '@rocket.chat/fuselage-hooks';
-import { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
-
-import { Box } from '../Box';
-import { ActionButton } from '../Button';
-import Option from '../Options/Option';
-
-type MenuProps = Omit<ComponentProps<typeof ActionButton>, 'icon'> & {
-  icon?: string;
-  options: {
-    [id: string]: {
-      label: ReactElement | string;
-      action: () => void;
-    };
-  };
-  optionWidth?: ComponentProps<typeof Box>['width'];
-  placement?: Placements;
-  renderItem?: (props: ComponentProps<typeof Option>) => ReactNode;
-};
-export const Menu: ForwardRefExoticComponent<MenuProps>;
+export * from './Menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/Message/MessageToolbox/index.d.ts

@@ -7,7 +7,18 @@ import './MessageToolbox.styles.scss';
 declare const _default: import("react").FC<any> & {
     Item: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<HTMLButtonElement>>;
     Wrapper: import("react").ForwardRefExoticComponent<import("react").AllHTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Menu: import("react").ForwardRefExoticComponent<import("../../Menu").MenuProps>;
+    Menu: import("react").FC<Omit<any, "icon"> & {
+        icon?: string | undefined;
+        options: {
+            [id: string]: {
+                label: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+                action: () => void;
+            };
+        };
+        optionWidth?: any;
+        placement?: import("@rocket.chat/fuselage-hooks").Placements | undefined;
+        renderItem?: ((props: import("../../Options/Option/Option").OptionProps) => import("react").ReactNode) | undefined;
+    }>;
 };
 export default _default;
 export { MessageToolbox, MessageToolboxItem, MessageToolboxWrapper, Menu };

package/dist/components/Message/MessageToolbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageToolbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,8BAA8B,CAAC;;;;;;AAEtC,wBAIG;AAEH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageToolbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,8BAA8B,CAAC;;;;;;;;;;;;;;;;;AAEtC,wBAIG;AAEH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Message/index.d.ts

@@ -38,7 +38,18 @@ declare const _default: import("react").ForwardRefExoticComponent<import("react"
     Toolbox: import("react").FC<any> & {
         Item: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<HTMLButtonElement>>;
         Wrapper: import("react").ForwardRefExoticComponent<import("react").AllHTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-        Menu: import("react").ForwardRefExoticComponent<import("..").MenuProps>;
+        Menu: import("react").FC<Omit<any, "icon"> & {
+            icon?: string | undefined;
+            options: {
+                [id: string]: {
+                    label: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+                    action: () => void;
+                };
+            };
+            optionWidth?: any;
+            placement?: import("@rocket.chat/fuselage-hooks").Placements | undefined;
+            renderItem?: ((props: import("../Options/Option/Option").OptionProps) => import("react").ReactNode) | undefined;
+        }>;
     };
     Container: import("react").FC<{}>;
     ContainerFixed: import("react").FC<{}>;

package/dist/components/Message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAgBA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElC,wBAeG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAgBA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElC,wBAeG"}

package/dist/components/Options/Options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Options/Options.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,WAAW,EAOZ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,GAAG,EAAc,MAAM,QAAQ,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,CAAC;AAOrB,aAAK,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,KAAK,8CAAuC,CAAC;AAE1D,eAAO,MAAM,OAAO,kHAyEnB,CAAC"}
+{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Options/Options.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,WAAW,EAOZ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,GAAG,EAAc,MAAM,QAAQ,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,CAAC;AAOrB,aAAK,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,KAAK,8CAAuC,CAAC;AAE1D,eAAO,MAAM,OAAO,kHA0EnB,CAAC"}

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAMZ,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoB,GAAG,EAAsB,MAAM,QAAQ,CAAC;AAKnE,oBAAY,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;AAEnE,oBAAY,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,4GAEjB,CAAC;AAMF,eAAO,MAAM,KAAK,4GAYjB,CAAC;AAiBF,eAAO,MAAM,MAAM,sHAuJlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAMZ,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoB,GAAG,EAAsB,MAAM,QAAQ,CAAC;AAKnE,oBAAY,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;AAEnE,oBAAY,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,4GAEjB,CAAC;AAMF,eAAO,MAAM,KAAK,4GAYjB,CAAC;AAiBF,eAAO,MAAM,MAAM,sHAmJlB,CAAC"}

package/dist/components/Select/SelectFiltered.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps, FC } from 'react';
+import React, { ComponentProps } from 'react';
 import { Select } from '.';
 export declare type SelectFilteredProps = Omit<ComponentProps<typeof Select>, 'onChange'>;
-export declare const SelectFiltered: FC<SelectFilteredProps>;
+export declare const SelectFiltered: React.ForwardRefExoticComponent<Pick<SelectFilteredProps, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=SelectFiltered.d.ts.map

package/dist/components/Select/SelectFiltered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFiltered.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectFiltered.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,cAAc,EACd,EAAE,EAIH,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAG3B,oBAAY,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,UAAU,CACX,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkClD,CAAC"}
+{"version":3,"file":"SelectFiltered.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectFiltered.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAG3B,oBAAY,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,UAAU,CACX,CAAC;AAEF,eAAO,MAAM,cAAc,8HAmC1B,CAAC"}

package/dist/fuselage.development.js

@@ -3729,146 +3729,6 @@ var withBoxStyling = function withBoxStyling(component) {
 
 /***/ }),
 
-/***/ "./src/components/Menu/index.js":
-/*!**************************************!*\
-  !*** ./src/components/Menu/index.js ***!
-  \**************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Menu": function() { return /* binding */ Menu; }
-/* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
-/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! .. */ "./src/components/index.ts");
-
-
-var _excluded = ["tiny", "mini", "small", "options", "optionWidth", "placement", "renderItem", "maxHeight"];
-
-var _jsxFileName = "/home/runner/work/Rocket.Chat.Fuselage/Rocket.Chat.Fuselage/packages/fuselage/src/components/Menu/index.js",
-    _this = undefined;
-
-
-
-
-var menuAction = function menuAction(_ref, options) {
-  var _ref2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_ref, 1),
-      selected = _ref2[0];
-
-  options[selected].action();
-};
-
-var mapOptions = function mapOptions(options) {
-  return Object.entries(options).map(function (_ref3) {
-    var _ref4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_ref3, 2),
-        value = _ref4[0],
-        label = _ref4[1].label;
-
-    return [value, label];
-  });
-};
-
-var Menu = function Menu(_ref5) {
-  var tiny = _ref5.tiny,
-      mini = _ref5.mini,
-      _ref5$small = _ref5.small,
-      small = _ref5$small === void 0 ? tiny || mini ? null : true : _ref5$small,
-      options = _ref5.options,
-      optionWidth = _ref5.optionWidth,
-      _ref5$placement = _ref5.placement,
-      placement = _ref5$placement === void 0 ? 'bottom-start' : _ref5$placement,
-      renderItem = _ref5.renderItem,
-      maxHeight = _ref5.maxHeight,
-      props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0___default()(_ref5, _excluded);
-
-  var mappedOptions = mapOptions(options);
-
-  var _useCursor = (0,___WEBPACK_IMPORTED_MODULE_3__.useCursor)(-1, mappedOptions, function (args, _ref6) {
-    var _ref7 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_ref6, 2),
-        hide = _ref7[1];
-
-    menuAction(args, options);
-    reset();
-    hide();
-  }),
-      _useCursor2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useCursor, 5),
-      cursor = _useCursor2[0],
-      handleKeyDown = _useCursor2[1],
-      handleKeyUp = _useCursor2[2],
-      reset = _useCursor2[3],
-      _useCursor2$ = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useCursor2[4], 3),
-      visible = _useCursor2$[0],
-      hide = _useCursor2$[1],
-      show = _useCursor2$[2];
-
-  var ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
-  var onClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {
-    if (ref.current.classList.contains('focus-visible')) {
-      ref.current.classList.remove('focus-visible');
-      hide();
-    } else {
-      ref.current.focus() & show();
-      ref.current.classList.add('focus-visible');
-    }
-  }, [show]);
-  var handleSelection = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (args) {
-    menuAction(args, options);
-    reset();
-    hide();
-  }, [hide, reset, options]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.ActionButton, Object.assign({
-    ref: ref,
-    ghost: true,
-    small: small,
-    tiny: tiny,
-    mini: mini,
-    onClick: onClick,
-    onBlur: hide,
-    onKeyUp: handleKeyUp,
-    onKeyDown: handleKeyDown,
-    icon: "kebab"
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 53,
-      columnNumber: 7
-    }
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.PositionAnimated, {
-    width: "auto",
-    visible: visible,
-    anchor: ref,
-    placement: placement,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 66,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Options, {
-    maxHeight: maxHeight,
-    renderItem: renderItem,
-    width: optionWidth,
-    onSelect: handleSelection,
-    options: mappedOptions,
-    cursor: cursor,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 72,
-      columnNumber: 9
-    }
-  })));
-};
-
-/***/ }),
-
 /***/ "../memo/dist/esm/index.js":
 /*!*********************************!*\
   !*** ../memo/dist/esm/index.js ***!
@@ -10752,6 +10612,123 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = (_Margins__WEBPACK_IMPORTED_MODULE_0__.Margins);
 
 
+/***/ }),
+
+/***/ "./src/components/Menu/Menu.tsx":
+/*!**************************************!*\
+  !*** ./src/components/Menu/Menu.tsx ***!
+  \**************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Menu": function() { return /* binding */ Menu; }
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! .. */ "./src/components/index.ts");
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (undefined && undefined.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+
+
+var menuAction = function (_a, options) {
+    var _b = __read(_a, 1), selected = _b[0];
+    options[selected].action();
+};
+var mapOptions = function (options) {
+    return Object.entries(options).map(function (_a) {
+        var _b = __read(_a, 2), value = _b[0], label = _b[1].label;
+        return [value, label];
+    });
+};
+var Menu = function (_a) {
+    var tiny = _a.tiny, mini = _a.mini, _b = _a.small, small = _b === void 0 ? tiny || mini ? null : true : _b, options = _a.options, optionWidth = _a.optionWidth, _c = _a.placement, placement = _c === void 0 ? 'bottom-start' : _c, renderItem = _a.renderItem, maxHeight = _a.maxHeight, props = __rest(_a, ["tiny", "mini", "small", "options", "optionWidth", "placement", "renderItem", "maxHeight"]);
+    var mappedOptions = mapOptions(options);
+    var _d = __read((0,___WEBPACK_IMPORTED_MODULE_1__.useCursor)(-1, mappedOptions, function (args, _a) {
+        var _b = __read(_a, 2), hide = _b[1];
+        menuAction(args, options);
+        reset();
+        hide();
+    }), 5), cursor = _d[0], handleKeyDown = _d[1], handleKeyUp = _d[2], reset = _d[3], _e = __read(_d[4], 3), visible = _e[0], hide = _e[1], show = _e[2];
+    var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    var onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+        var _a;
+        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList.contains('focus-visible')) {
+            ref.current.classList.remove('focus-visible');
+            return hide();
+        }
+        if (ref.current) {
+            ref.current.focus();
+            show();
+            ref.current.classList.add('focus-visible');
+        }
+    }, [show]);
+    var handleSelection = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (args) {
+        menuAction(args, options);
+        reset();
+        hide();
+    }, [hide, reset, options]);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__.ActionButton, __assign({ ref: ref, ghost: true, small: small, tiny: tiny, mini: mini, onClick: onClick, onBlur: hide, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, icon: 'kebab' }, props)),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__.PositionAnimated, { width: 'auto', visible: visible, anchor: ref, placement: placement },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__.Options, { maxHeight: maxHeight, renderItem: renderItem, width: optionWidth, onSelect: handleSelection, options: mappedOptions, cursor: cursor, ref: ref }))));
+};
+
+
+/***/ }),
+
+/***/ "./src/components/Menu/index.ts":
+/*!**************************************!*\
+  !*** ./src/components/Menu/index.ts ***!
+  \**************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Menu": function() { return /* reexport safe */ _Menu__WEBPACK_IMPORTED_MODULE_0__.Menu; }
+/* harmony export */ });
+/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Menu */ "./src/components/Menu/Menu.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/components/Message/Message.tsx":
@@ -12476,7 +12453,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "MessageToolboxWrapper": function() { return /* reexport safe */ _MessageToolboxWrapper__WEBPACK_IMPORTED_MODULE_3__.MessageToolboxWrapper; },
 /* harmony export */   "Menu": function() { return /* reexport safe */ _Menu__WEBPACK_IMPORTED_MODULE_0__.Menu; }
 /* harmony export */ });
-/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Menu */ "./src/components/Menu/index.js");
+/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Menu */ "./src/components/Menu/index.ts");
 /* harmony import */ var _MessageToolbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MessageToolbox */ "./src/components/Message/MessageToolbox/MessageToolbox.tsx");
 /* harmony import */ var _MessageToolboxItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MessageToolboxItem */ "./src/components/Message/MessageToolbox/MessageToolboxItem.tsx");
 /* harmony import */ var _MessageToolboxWrapper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MessageToolboxWrapper */ "./src/components/Message/MessageToolbox/MessageToolboxWrapper.tsx");
@@ -14245,7 +14222,7 @@ var Options = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_a, re
     var _b = _a.maxHeight, maxHeight = _b === void 0 ? '144px' : _b, multiple = _a.multiple, _c = _a.renderEmpty, EmptyComponent = _c === void 0 ? Empty : _c, options = _a.options, cursor = _a.cursor, _d = _a.renderItem, OptionComponent = _d === void 0 ? _Option__WEBPACK_IMPORTED_MODULE_3__.default : _d, onSelect = _a.onSelect, props = __rest(_a, ["maxHeight", "multiple", "renderEmpty", "options", "cursor", "renderItem", "onSelect"]);
     var current = ref.current;
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
-        var li = current.querySelector('.rcx-option--focus');
+        var li = current === null || current === void 0 ? void 0 : current.querySelector('.rcx-option--focus');
         if (!li) {
             return;
         }
@@ -15093,13 +15070,11 @@ var useDidUpdate = function (func, deps) {
 };
 var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
     var value = _a.value, filter = _a.filter, error = _a.error, disabled = _a.disabled, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.anchor, Anchor = _c === void 0 ? Focus : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.getValue, getValue = _e === void 0 ? function (_a) {
-        var _b = __read(_a, 1), value = _b[0];
+        var _b = _a === void 0 ? [] : _a, _c = __read(_b, 1), value = _c[0];
         return value;
-    } : _e, _f = _a.getLabel, getLabel = _f === void 0 ? function (args) {
-        if (Array.isArray(args) && args.length > 2) {
-            return args[1];
-        }
-        return '';
+    } : _e, _f = _a.getLabel, getLabel = _f === void 0 ? function (_a) {
+        var _b = _a === void 0 ? ['', ''] : _a, _c = __read(_b, 2), _ = _c[0], label = _c[1];
+        return label;
     } : _f, _g = _a.placeholder, placeholder = _g === void 0 ? '' : _g, _h = _a.renderOptions, _Options = _h === void 0 ? _Options__WEBPACK_IMPORTED_MODULE_4__.Options : _h, props = __rest(_a, ["value", "filter", "error", "disabled", "options", "anchor", "onChange", "getValue", "getLabel", "placeholder", "renderOptions"]);
     var _j = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value), 2), internalValue = _j[0], setInternalValue = _j[1];
     var currentValue = value !== undefined ? value : internalValue;
@@ -15220,15 +15195,17 @@ var __read = (undefined && undefined.__read) || function (o, n) {
 
 
 
-var SelectFiltered = function (_a) {
+var SelectFiltered = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
     var options = _a.options, placeholder = _a.placeholder, props = __rest(_a, ["options", "placeholder"]);
     var _b = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), 2), filter = _b[0], setFilter = _b[1];
     var anchor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
         var children = _a.children, filter = _a.filter, props = __rest(_a, ["children", "filter"]);
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InputBox__WEBPACK_IMPORTED_MODULE_3__.InputBox.Input, __assign({ mi: 'x4', flexGrow: 1, className: 'rcx-select__focus', ref: ref, placeholder: placeholder, value: filter, onChange: (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (e) { return setFilter(e.currentTarget.value); }) }, props, { "rcx-input-box--undecorated": true })));
+        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InputBox__WEBPACK_IMPORTED_MODULE_3__.InputBox.Input, __assign({ mi: 'x4', flexGrow: 1, className: 'rcx-select__focus', ref: ref, placeholder: placeholder, value: filter, onChange: (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (e) {
+                return setFilter(e.currentTarget.value);
+            }) }, props, { "rcx-input-box--undecorated": true })));
     }), []);
-    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Select, __assign({ placeholder: null, filter: filter, options: options }, props, { anchor: anchor })));
-};
+    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Select, __assign({ ref: ref, placeholder: null, filter: filter, options: options }, props, { anchor: anchor })));
+});
 
 
 /***/ }),
@@ -17900,7 +17877,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _InputBox__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./InputBox */ "./src/components/InputBox/index.ts");
 /* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Label */ "./src/components/Label/index.tsx");
 /* harmony import */ var _Margins__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Margins */ "./src/components/Margins/index.ts");
-/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Menu */ "./src/components/Menu/index.js");
+/* harmony import */ var _Menu__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Menu */ "./src/components/Menu/index.ts");
 /* harmony import */ var _Message__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Message */ "./src/components/Message/index.tsx");
 /* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Modal */ "./src/components/Modal/index.ts");
 /* harmony import */ var _MultiSelect__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./MultiSelect */ "./src/components/MultiSelect/index.ts");