@rocket.chat/fuselage 0.6.3-dev.43 → 0.6.3-dev.433

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Rocket.Chat
+Copyright (c) 2021 Rocket.Chat
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,35 +1,112 @@
-<h1>@rocket.chat/fuselage</h1>
-<p>
-  <img alt="Version" src="https://img.shields.io/npm/v/@rocket.chat/fuselage.svg">
-  <a href="https://github.com/RocketChat/Rocket.Chat.Fuselage#readme" target="_blank"><img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" /></a>
-  <a href="https://github.com/RocketChat/Rocket.Chat.Fuselage/graphs/commit-activity" target="_blank"><img alt="Maintenance" src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" /></a>
-  <a href="https://rocketchat.github.io/Rocket.Chat.Fuselage" target="_blank"><img alt="Storybook" src="https://cdn.jsdelivr.net/gh/storybooks/brand@master/badge/badge-storybook.svg" /></a>
-  <a href="https://circleci.com/gh/RocketChat/Rocket.Chat.Fuselage" target="_blank"><img alt="Build Status on CircleCI" src="https://circleci.com/gh/RocketChat/Rocket.Chat.Fuselage/tree/master.svg?style=svg&circle-token=4bf3c8af9bf96e1338430d1ba3ce0084a45d1647" /></a>
-  <a href="https://twitter.com/RocketChat" target="_blank"><img alt="Twitter: RocketChat" src="https://img.shields.io/twitter/follow/RocketChat.svg?style=social" /></a>
+<!--header-->
+
+<p align="center">
+  <a href="https://rocket.chat" title="Rocket.Chat">
+    <img src="https://github.com/RocketChat/Rocket.Chat.Artwork/raw/master/Logos/2020/png/logo-horizontal-red.png" alt="Rocket.Chat" />
+  </a>
 </p>
 
-### 🏠 [Homepage](https://rocket.chat/Rocket.Chat.Fuselage)
+# `@rocket.chat/fuselage`
+
+---
+
+[![npm@latest](https://img.shields.io/npm/v/@rocket.chat/fuselage/latest?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/icons/v/latest) [![npm@next](https://img.shields.io/npm/v/@rocket.chat/fuselage/next?style=flat-square)](https://www.npmjs.com/package/@rocket.chat/icons/v/next) ![react version](https://img.shields.io/npm/dependency-version/@rocket.chat/fuselage/peer/react?style=flat-square) [![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://rocketchat.github.io/Rocket.Chat.Fuselage/fuselage) ![npm downloads](https://img.shields.io/npm/dw/@rocket.chat/fuselage?style=flat-square) ![License: MIT](https://img.shields.io/npm/l/@rocket.chat/fuselage?style=flat-square)
+
+![deps](https://img.shields.io/david/RocketChat/Rocket.Chat.Fuselage?path=packages%2Ffuselage&style=flat-square) ![peer deps](https://img.shields.io/david/peer/RocketChat/Rocket.Chat.Fuselage?path=packages%2Ffuselage&style=flat-square) ![dev deps](https://img.shields.io/david/dev/RocketChat/Rocket.Chat.Fuselage?path=packages%2Ffuselage&style=flat-square) ![npm bundle size](https://img.shields.io/bundlephobia/min/@rocket.chat/fuselage?style=flat-square)
+
+<!--/header-->
 
 ## Install
 
+<!--install-->
+
+Firstly, install the peer dependencies (prerequisites):
+
+```sh
+npm i @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons react react-dom react-virtuoso
+
+# or, if you are using yarn:
+
+yarn add @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons react react-dom react-virtuoso
+```
+
+Add `@rocket.chat/fuselage` as a dependency:
+
+```sh
+npm i @rocket.chat/fuselage
+
+# or, if you are using yarn:
+
+yarn add @rocket.chat/fuselage
+```
+
+<!--/install-->
+
+## Contributing
+
+<!--contributing(msg)-->
+
+Contributions, issues, and feature requests are welcome!<br />
+Feel free to check the [issues](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues).
+
+<!--/contributing(msg)-->
+
+### Building
+
+As this package dependends on others in this monorepo, before anything run the following at the root directory:
+
+<!--yarn(build)-->
+
+```sh
+yarn build
+```
+
+<!--/yarn(build)-->
+
+### Linting
+
+To ensure the source is matching our coding style, we perform [linting](<https://en.wikipedia.org/wiki/Lint_(software)>).
+Before commiting, check if your code fits our style by running:
+
+<!--yarn(lint)-->
+
 ```sh
-npm install --save @rocket.chat/fuselage
+yarn lint
 ```
 
-## Author
+<!--/yarn(lint)-->
 
-👤 **Rocket.Chat**
+Some linter warnings and errors can be automatically fixed:
 
-* Twitter: [@RocketChat](https://twitter.com/RocketChat)
-* Github: [@RocketChat](https://github.com/RocketChat)
+<!--yarn(lint-and-fix)-->
 
-## 🤝 Contributing
+```sh
+yarn lint-and-fix
+```
 
-Contributions, issues and feature requests are welcome!<br />Feel free to check [issues page](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues).
+<!--/yarn(lint-and-fix)-->
 
-## Show your support
+### Running tests
 
-Give a ⭐️ if this project helped you!
+Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:
+
+<!--yarn(test)-->
+
+```sh
+yarn test
+```
+
+<!--/yarn(test)-->
+
+### Component stories
+
+We develop and describe our visual components in the form of stories, manage by a tool called [Storybook](https://storybook.js.org/).
+To start developing with Storybook, run:
+
+<!--yarn(storybook)-->
+
+```sh
+yarn storybook
+```
 
-***
-_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
+<!--/yarn(storybook)-->

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,23 @@
+import React, { ComponentProps, ReactElement, ReactNode } from 'react';
+import { Box } from '../Box';
+declare type AccordionProps = ComponentProps<typeof Box> & {
+    animated?: boolean;
+    children: ReactNode;
+};
+export declare function Accordion(props: AccordionProps): ReactElement<AccordionProps>;
+export declare namespace Accordion {
+    var Item: ({ children, className, defaultExpanded, disabled, expanded: propExpanded, tabIndex, title, noncollapsible, onToggle, onToggleEnabled, ...props }: {
+        children?: React.ReactNode;
+        className?: string | undefined;
+        defaultExpanded?: boolean | undefined;
+        disabled?: boolean | undefined;
+        expanded?: boolean | undefined;
+        tabIndex?: number | undefined;
+        title: React.ReactNode;
+        noncollapsible?: boolean | undefined;
+        onToggle?: ((e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void) | undefined;
+        onToggleEnabled?: ((e: React.FormEvent<Element>) => void) | undefined;
+    }) => JSX.Element;
+}
+export {};
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAG7B,aAAK,cAAc,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,CAE7E;yBAFe,SAAS"}

package/dist/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,16 @@
+import { FormEvent, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+declare type AccordionItemProps = {
+    children?: ReactNode;
+    className?: string;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    expanded?: boolean;
+    tabIndex?: number;
+    title: ReactNode;
+    noncollapsible?: boolean;
+    onToggle?: (e: MouseEvent | KeyboardEvent) => void;
+    onToggleEnabled?: (e: FormEvent) => void;
+};
+export declare const AccordionItem: ({ children, className, defaultExpanded, disabled, expanded: propExpanded, tabIndex, title, noncollapsible, onToggle, onToggleEnabled, ...props }: AccordionItemProps) => JSX.Element;
+export {};
+//# sourceMappingURL=AccordionItem.d.ts.map

package/dist/components/Accordion/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM/E,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,aAAa,qJAYvB,kBAAkB,gBAoGpB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Accordion';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/AutoComplete/AutoComplete.d.ts

@@ -0,0 +1,18 @@
+import { ElementType, FC } from 'react';
+
+type AutoCompleteProps = {
+  value: unknown[];
+  filter: string;
+  setFilter?: (filter: string) => void;
+  options?: { label: string; value: unknown }[];
+  renderItem?: ElementType;
+  renderSelected?: ElementType;
+  onChange: (value: unknown, action: 'remove' | undefined) => void;
+  getLabel?: (option: { label: string; value: unknown }) => string;
+  getValue?: (option: { label: string; value: unknown }) => unknown;
+  renderEmpty?: ElementType;
+  placeholder?: string;
+  error?: boolean;
+  disabled?: boolean;
+};
+export const AutoComplete: FC<AutoCompleteProps>;

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

@@ -0,0 +1,2 @@
+export * from './AutoComplete';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,14 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export declare type AvatarProps = {
+    size?: 'x16' | 'x18' | 'x20' | 'x24' | 'x28' | 'x32' | 'x36' | 'x40' | 'x48' | 'x124' | 'x200' | 'x332';
+    rounded?: boolean;
+    objectFit?: boolean;
+    url: string;
+} & HTMLAttributes<HTMLElement>;
+export declare const Avatar: {
+    ({ title, size, rounded, objectFit, url, ...props }: AvatarProps): JSX.Element;
+    Stack: ({ children, ...props }: AvatarStackProps) => JSX.Element;
+};
+declare type AvatarStackProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjE,oBAAY,WAAW,GAAG;IACxB,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,MAAM;yDAOhB,WAAW;oCA4B+B,gBAAgB;CAP5D,CAAC;AAEF,aAAK,gBAAgB,GAAG,iBAAiB,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Avatar';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,11 @@
+import { ElementType } from 'react';
+export declare type BadgeProps = {
+    is?: ElementType;
+    variant?: 'secondary' | 'primary' | 'danger' | 'warning' | 'ghost';
+    disabled?: boolean;
+    className?: string;
+    children?: any;
+    title?: any;
+};
+export declare function Badge({ is: Tag, variant, className, disabled, ...props }: BadgeProps): JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI3C,oBAAY,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,EAAE,EAAE,GAAY,EAChB,OAAqB,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,eAYZ"}

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

@@ -0,0 +1,2 @@
+export * from './Badge';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, AllHTMLAttributes } from 'react';
+declare type VariantType = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+declare type BannerProps = {
+    inline?: boolean;
+    actionable?: boolean;
+    closeable?: boolean;
+    icon?: ReactNode;
+    title?: string;
+    variant?: VariantType;
+    onAction?: () => void;
+    onClose?: () => void;
+} & AllHTMLAttributes<HTMLElement>;
+declare const Banner: ({ inline, children, className, actionable, closeable, icon, title, variant, onAction, onClose, ...props }: BannerProps) => JSX.Element;
+export default Banner;
+//# sourceMappingURL=Banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAc,EAIZ,SAAS,EACT,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAQf,aAAK,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAUzE,aAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,8GAYT,WAAW,gBAsEb,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from './Banner';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Box/AnimatedVisibility/AnimatedVisibility.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare type VisibilityType = 'hidden' | 'visible' | 'hiding' | 'unhiding' | undefined;
+declare type AnimatedVisibilityProps = {
+    children: ReactNode;
+    visibility?: VisibilityType;
+};
+declare const AnimatedVisibility: (props: AnimatedVisibilityProps) => JSX.Element | null;
+export default AnimatedVisibility;
+//# sourceMappingURL=AnimatedVisibility.d.ts.map

package/dist/components/Box/AnimatedVisibility/AnimatedVisibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedVisibility.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/AnimatedVisibility/AnimatedVisibility.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAM3E,oBAAY,cAAc,GACtB,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,SAAS,CAAC;AAEd,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AASF,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,uBAkGzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Box/AnimatedVisibility/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { VisibilityType } from './AnimatedVisibility';
+declare const _default: ((props: {
+    children: import("react").ReactNode;
+    visibility?: VisibilityType;
+}) => JSX.Element | null) & {
+    HIDDEN: VisibilityType;
+    VISIBLE: VisibilityType;
+    HIDING: VisibilityType;
+    UNHIDING: VisibilityType;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/AnimatedVisibility/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/AnimatedVisibility/index.ts"],"names":[],"mappings":";AAAA,OAA2B,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;;;;;;;;;;AAE1E,wBAKG"}

package/dist/components/Box/BoxTransforms.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const BoxTransforms: import("react").Context<((props: any) => any) | null>;
+export declare const useBoxTransform: () => ((props: any) => any) | null;
+export declare const useComposedBoxTransform: (fn: (props: any) => any) => (props: any) => any;
+//# sourceMappingURL=BoxTransforms.d.ts.map

package/dist/components/Box/BoxTransforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxTransforms.d.ts","sourceRoot":"","sources":["../../../src/components/Box/BoxTransforms.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,aAAa,mCAAiC,GAAG,KAAK,GAAG,SAAQ,CAAC;AAE/E,eAAO,MAAM,eAAe,iBAF+B,GAAG,KAAK,GAAG,QAER,CAAC;AAE/D,eAAO,MAAM,uBAAuB,eAAgB,GAAG,KAAK,GAAG,aAJJ,GAAG,KAAK,GAkBlE,CAAC"}

package/dist/components/Box/Flex/Flex.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+declare type FlexContainerProps = {
+    children?: ReactNode;
+    inline?: boolean;
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    wrap?: 'no-wrap' | 'wrap' | 'wrap-reverse';
+    alignItems?: 'stretch' | 'start' | 'center' | 'end' | 'baseline';
+    alignContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around';
+    justifyContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around';
+};
+export declare function FlexContainer({ inline, children, direction, wrap, alignItems, alignContent, justifyContent, }: FlexContainerProps): JSX.Element;
+export {};
+//# sourceMappingURL=Flex.d.ts.map

package/dist/components/Box/Flex/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAItD,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,cAAc,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IACjE,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,CAAC;IAC7E,cAAc,CAAC,EACX,OAAO,GACP,QAAQ,GACR,KAAK,GACL,eAAe,GACf,cAAc,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAc,EACd,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,cAAc,GACf,EAAE,kBAAkB,eA+CpB"}

package/dist/components/Box/Flex/FlexItem.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+declare type FlexItemProps = {
+    children?: ReactNode;
+    order?: number;
+    grow?: number;
+    shrink?: number;
+    basis?: number | string | 'auto';
+    align?: 'auto' | 'start' | 'end' | 'center' | 'stretch';
+};
+export declare function FlexItem({ children, order, grow, shrink, basis, align, }: FlexItemProps): JSX.Element;
+export {};
+//# sourceMappingURL=FlexItem.d.ts.map

package/dist/components/Box/Flex/FlexItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Flex/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAItD,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;CACzD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,GACN,EAAE,aAAa,eAqCf"}

package/dist/components/Box/Flex/index.d.ts

@@ -0,0 +1,10 @@
+import { FlexContainer as Flex } from './Flex';
+import { FlexItem } from './FlexItem';
+export * from './Flex';
+export * from './FlexItem';
+declare const _default: typeof Flex & {
+    Container: typeof Flex;
+    Item: typeof FlexItem;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/Flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;;;;;AAE3B,wBAGG"}

package/dist/components/Box/Position/Position.d.ts

@@ -0,0 +1,12 @@
+import { Placements } from '@rocket.chat/fuselage-hooks';
+import { RefObject, ComponentProps, ReactPortal, ReactElement } from 'react';
+import { Box } from '..';
+declare type PositionProps = {
+    anchor: RefObject<Element>;
+    children: ReactElement;
+    margin?: number;
+    placement?: Placements;
+} & Omit<ComponentProps<typeof Box>, 'children' | 'margin'>;
+declare const Position: ({ anchor, children, placement, margin, className, ...props }: PositionProps) => ReactPortal;
+export default Position;
+//# sourceMappingURL=Position.d.ts.map

package/dist/components/Box/Position/Position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Position/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAe,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAKL,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AAEzB,aAAK,aAAa,GAAG;IACnB,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAE5D,QAAA,MAAM,QAAQ,iEAOX,aAAa,KAAG,WAoClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Box/Position/PositionAnimated.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+import Position from '.';
+declare type PositionAnimatedProps = {
+    visible?: 'hidden' | 'visible' | 'hiding' | 'unhiding';
+} & ComponentProps<typeof Position>;
+declare const PositionAnimated: ({ width, visible, children, ...props }: PositionAnimatedProps) => JSX.Element;
+export default PositionAnimated;
+//# sourceMappingURL=PositionAnimated.d.ts.map

package/dist/components/Box/Position/PositionAnimated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionAnimated.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Position/PositionAnimated.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,QAAQ,MAAM,GAAG,CAAC;AAGzB,aAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;CACxD,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEpC,QAAA,MAAM,gBAAgB,2CAKnB,qBAAqB,gBAIvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Box/Position/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Position';
+export { default as PositionAnimated } from './PositionAnimated';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/Position/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Position/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Box/Scrollable/Scrollable.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+declare type ScrollableProps = PropsWithChildren<{
+    horizontal?: boolean;
+    vertical?: boolean;
+    smooth?: boolean;
+    onScrollContent?: (touching: {
+        top: boolean;
+    }) => void;
+}>;
+export declare const Scrollable: ({ children, horizontal, vertical, smooth, onScrollContent, }: ScrollableProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Scrollable.d.ts.map

package/dist/components/Box/Scrollable/Scrollable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Scrollable/Scrollable.tsx"],"names":[],"mappings":"AAEA,OAAc,EAGZ,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAMf,aAAK,eAAe,GAAG,iBAAiB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE;QAAE,GAAG,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACxD,CAAC,CAAC;AA8BH,eAAO,MAAM,UAAU,iEAMpB,eAAe,gBAuFjB,CAAC"}

package/dist/components/Box/Scrollable/index.d.ts

@@ -0,0 +1,3 @@
+import { Scrollable } from './Scrollable';
+export default Scrollable;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/Scrollable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Scrollable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAe,UAAU,CAAC"}