@rocket.chat/fuselage 0.6.3-dev.422 → 0.6.3-dev.426

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

@@ -6,7 +6,8 @@ declare type AccordionProps = ComponentProps<typeof Box> & {
 };
 export declare function Accordion(props: AccordionProps): ReactElement<AccordionProps>;
 export declare namespace Accordion {
-    var Item: React.FC<{
+    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;
@@ -14,9 +15,9 @@ export declare namespace Accordion {
         tabIndex?: number | undefined;
         title: React.ReactNode;
         noncollapsible?: boolean | undefined;
-        onToggle?: ((e: React.MouseEvent<HTMLElement, React.MouseEvent<Element, MouseEvent>> | React.KeyboardEvent<HTMLElement>) => void) | undefined;
-        onToggleEnabled?: ((e: React.MouseEvent<HTMLElement, React.MouseEvent<Element, MouseEvent>> | React.KeyboardEvent<HTMLElement>) => void) | 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/AccordionItem.d.ts

@@ -1,5 +1,6 @@
-import { FC, KeyboardEvent, MouseEvent, ReactNode } from 'react';
-export declare const AccordionItem: FC<{
+import { FormEvent, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+declare type AccordionItemProps = {
+    children?: ReactNode;
     className?: string;
     defaultExpanded?: boolean;
     disabled?: boolean;
@@ -7,7 +8,9 @@ export declare const AccordionItem: FC<{
     tabIndex?: number;
     title: ReactNode;
     noncollapsible?: boolean;
-    onToggle?: (e: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>) => void;
-    onToggleEnabled?: (e: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>) => void;
-}>;
+    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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAC7B,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,CACT,CAAC,EAAE,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,KAChE,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CAChB,CAAC,EAAE,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,KAChE,IAAI,CAAC;CACX,CAkHA,CAAC"}
+{"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/AutoComplete/AutoComplete.d.ts

@@ -1,25 +1,18 @@
-import { ComponentProps, ElementType, FC } from 'react';
-import { Options } from '../Options';
-declare type OptionValue = string | number;
-declare type OptionType = {
-    value: OptionValue;
-    label?: string | number;
+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;
 };
-declare type AutoCompleteProps = Omit<ComponentProps<typeof Options>, 'options'> & {
-    value: OptionValue;
-    filter: string;
-    setFilter?: (filter: string) => void;
-    options?: OptionType[];
-    renderItem?: ElementType;
-    renderSelected?: ElementType;
-    onChange: (value: OptionValue, action?: 'remove' | undefined) => void;
-    getLabel?: (option: OptionType) => string;
-    getValue?: (option: OptionType) => OptionValue;
-    renderEmpty?: ElementType;
-    placeholder?: string;
-    error?: boolean;
-    disabled?: boolean;
-};
-export declare const AutoComplete: FC<AutoCompleteProps>;
-export {};
-//# sourceMappingURL=AutoComplete.d.ts.map
+export const AutoComplete: FC<AutoCompleteProps>;

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

@@ -1,16 +1,14 @@
-import { ComponentPropsWithoutRef, FC, DetailedHTMLProps, HTMLAttributes } from 'react';
-import { Box } from '..';
-declare type AvatarProps = Omit<ComponentPropsWithoutRef<typeof Box>, 'title' | 'size' | 'className'> & {
-    title?: string;
+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;
-    className?: string;
+} & HTMLAttributes<HTMLElement>;
+export declare const Avatar: {
+    ({ title, size, rounded, objectFit, url, ...props }: AvatarProps): JSX.Element;
+    Stack: ({ children, ...props }: AvatarStackProps) => JSX.Element;
 };
-export declare const Avatar: FC<AvatarProps> & {
-    Stack: typeof AvatarStack;
-};
-declare const AvatarStack: FC<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+declare type AvatarStackProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export {};
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,wBAAwB,EACxB,EAAE,EACF,iBAAiB,EACjB,cAAc,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AAGzB,aAAK,WAAW,GAAG,IAAI,CACrB,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,WAAW,CAC/B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG;IACrC,KAAK,EAAE,OAAO,WAAW,CAAC;CA6B3B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CACnB,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAIlE,CAAC"}
+{"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/Badge/Badge.d.ts

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

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

@@ -1 +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,aAAK,UAAU,GAAG;IAChB,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"}
+{"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/Banner/Banner.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode, AllHTMLAttributes } from 'react';
+import { ReactNode, AllHTMLAttributes } from 'react';
 declare type VariantType = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
 declare type BannerProps = {
     inline?: boolean;
@@ -10,6 +10,6 @@ declare type BannerProps = {
     onAction?: () => void;
     onClose?: () => void;
 } & AllHTMLAttributes<HTMLElement>;
-declare const Banner: FC<BannerProps>;
+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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAc,EAIZ,EAAE,EACF,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,EAAE,EAAE,CAAC,WAAW,CAkF3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"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/Box/AnimatedVisibility/AnimatedVisibility.d.ts

@@ -1,9 +1,9 @@
-import { FC, ReactNode } from 'react';
+import { ReactNode } from 'react';
 export declare type VisibilityType = 'hidden' | 'visible' | 'hiding' | 'unhiding' | undefined;
 declare type AnimatedVisibilityProps = {
     children: ReactNode;
     visibility?: VisibilityType;
 };
-declare const AnimatedVisibility: FC<AnimatedVisibilityProps>;
+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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedVisibility.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/AnimatedVisibility/AnimatedVisibility.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAM/E,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,EAAE,EAAE,CAAC,uBAAuB,CAkGnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { VisibilityType } from './AnimatedVisibility';
-declare const _default: import("react").FC<{
+declare const _default: ((props: {
     children: import("react").ReactNode;
     visibility?: VisibilityType;
-}> & {
+}) => JSX.Element | null) & {
     HIDDEN: VisibilityType;
     VISIBLE: VisibilityType;
     HIDING: VisibilityType;

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

@@ -1,8 +1,8 @@
-import { ComponentProps, FC } from 'react';
+import { ComponentProps } from 'react';
 import Position from '.';
 declare type PositionAnimatedProps = {
     visible?: 'hidden' | 'visible' | 'hiding' | 'unhiding';
 } & ComponentProps<typeof Position>;
-declare const PositionAnimated: FC<PositionAnimatedProps>;
+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

@@ -1 +1 @@
-{"version":3,"file":"PositionAnimated.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Position/PositionAnimated.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,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,EAAE,EAAE,CAAC,qBAAqB,CAS/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"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/Scrollable/Scrollable.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, FC } from 'react';
+import { PropsWithChildren } from 'react';
 declare type ScrollableProps = PropsWithChildren<{
     horizontal?: boolean;
     vertical?: boolean;
@@ -7,6 +7,6 @@ declare type ScrollableProps = PropsWithChildren<{
         top: boolean;
     }) => void;
 }>;
-export declare const Scrollable: FC<ScrollableProps>;
+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

@@ -1 +1 @@
-{"version":3,"file":"Scrollable.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/Scrollable/Scrollable.tsx"],"names":[],"mappings":"AAEA,OAAc,EAGZ,iBAAiB,EAGjB,EAAE,EACH,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,EAAE,EAAE,CAAC,eAAe,CA6F1C,CAAC"}
+{"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/index.d.ts

@@ -1,10 +1,9 @@
 import type { css } from '@rocket.chat/css-in-js';
-import {
+import type {
   AllHTMLAttributes,
+  ComponentProps,
   CSSProperties,
   ElementType,
-  ForwardRefExoticComponent,
-  PropsWithChildren,
   ReactElement,
   RefAttributes,
   SVGAttributes,
@@ -29,16 +28,11 @@ type FontScale =
   | 'c2'
   | 'micro';
 
-type BoxProps<E extends HTMLElement> = PropsWithChildren<{
-  is?:
-    | ReactElement<E, string | JSXElementConstructor<E>>
-    | (ElementType<E> & string)
-    | string;
-  className?:
-    | string
-    | ReturnType<typeof css>
-    | (string | ReturnType<typeof css>)[];
-  style?: CSSProperties;
+type Falsy = false | 0 | '' | null | undefined;
+
+type EvaluableCss = ReturnType<typeof css>;
+
+type BoxStylingProps = {
   border?: CSSProperties['border'];
   borderBlock?: CSSProperties['borderBlock'];
   borderBlockStart?: CSSProperties['borderBlockStart'];
@@ -154,6 +148,7 @@ type BoxProps<E extends HTMLElement> = PropsWithChildren<{
   textTransform?: CSSProperties['textTransform'];
   textDecorationLine?: CSSProperties['textDecorationLine'];
 
+  animated?: boolean;
   elevation?: '0' | '1' | '2';
   invisible?: boolean;
   withRichContent?: boolean | string;
@@ -162,12 +157,37 @@ type BoxProps<E extends HTMLElement> = PropsWithChildren<{
   minSize?: CSSProperties['blockSize'];
   maxSize?: CSSProperties['blockSize'];
   fontScale?: FontScale;
-}> &
-  Omit<AllHTMLAttributes<HTMLOrSVGElement>, 'className' | 'size'> &
-  Omit<SVGAttributes<SVGElement>, keyof AllHTMLAttributes<HTMLOrSVGElement>> &
-  RefAttributes<unknown>;
 
-export const Box: ForwardRefExoticComponent<BoxProps>;
+  className?: string | EvaluableCss | (string | EvaluableCss | Falsy)[];
+};
+
+export type BoxProps<TElementType extends ElementType> = {
+  is?: TElementType;
+  htmlSize?: 'size' extends keyof ComponentProps<TElementType>
+    ? ComponentProps<TElementType>['size']
+    : never;
+} & BoxStylingProps &
+  Omit<ComponentProps<TElementType>, 'is' | 'className' | 'size'>;
+
+type UnsafeBoxProps = {
+  is?: ElementType;
+  htmlSize?: AllHTMLAttributes<HTMLElement>['size'];
+} & BoxStylingProps &
+  Omit<AllHTMLAttributes<HTMLElement>, 'ref' | 'is' | 'className' | 'size'> &
+  Omit<SVGAttributes<SVGElement>, keyof AllHTMLAttributes<HTMLElement>> &
+  RefAttributes<any>;
+
+export const Box: {
+  // `Box` unfortunately cannot be a generic component because of the abuse of `ComponentProps<typeof Box>`
+  // <TElementType extends ElementType = 'div'>(
+  //   props: BoxProps<TElementType>
+  // ): ReactElement | null;
+  (props: UnsafeBoxProps): ReactElement | null;
+  defaultProps?: undefined;
+  propTypes?: undefined;
+  displayName?: string | undefined;
+  readonly $$typeof: symbol;
+};
 
 export { default as AnimatedVisibility } from './AnimatedVisibility';
 export { default as Flex } from './Flex';