@rocket.chat/fuselage 0.60.2 → 0.61.0

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type AccordionItemProps = {
     children?: ReactNode;
     className?: string;

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":"AACA,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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;CAC1B,CAAC;AAEF,QAAA,MAAM,aAAa,+GAShB,kBAAkB,4CAuFpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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;CAC1B,CAAC;AAEF,QAAA,MAAM,aAAa,+GAShB,kBAAkB,4CAuFpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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,OAAO,KAAK,EACV,SAAS,EACT,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,OAAO,CAAC;AAMf,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAUzE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,0IAeT,WAAW,4CAyEb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,iBAAiB,EACjB,yBAAyB,EAE1B,MAAM,OAAO,CAAC;AAMf,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAUzE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,0IAeT,WAAW,4CAyEb,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -2,25 +2,17 @@ import type { cssFn } from '@rocket.chat/css-in-js';
 import type { AllHTMLAttributes, ElementType, RefAttributes, SVGAttributes } from 'react';
 import type { Falsy } from '../../types/Falsy';
 import type { StylingProps } from './stylingProps';
-export declare const Box: import("react").ForwardRefExoticComponent<{
+export interface BoxProps extends Partial<StylingProps>, Omit<AllHTMLAttributes<HTMLElement>, 'ref' | 'is' | 'className' | 'size' | 'elevation' | keyof StylingProps>, Omit<SVGAttributes<SVGElement>, keyof AllHTMLAttributes<HTMLElement> | 'elevation' | keyof StylingProps> {
     /**
      * The `is` prop is used to render the Box as a different HTML tag. It can also be used to render a different fuselage component.
      */
     is?: ElementType;
     className?: string | cssFn | (string | cssFn | Falsy)[];
     animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<StylingProps> & Omit<AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<SVGAttributes<SVGElement>, "elevation" | keyof AllHTMLAttributes<HTMLElement>> & RefAttributes<any>>;
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    /**
-     * The `is` prop is used to render the Box as a different HTML tag. It can also be used to render a different fuselage component.
-     */
-    is?: ElementType;
-    className?: string | cssFn | (string | cssFn | Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<StylingProps> & Omit<AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<SVGAttributes<SVGElement>, "elevation" | keyof AllHTMLAttributes<HTMLElement>> & RefAttributes<any>>>;
+    withRichContent?: boolean | 'inlineWithoutBreaks';
+    htmlSize?: AllHTMLAttributes<HTMLElement>['size'];
+}
+export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & RefAttributes<any>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<BoxProps & RefAttributes<any>>>;
 export default _default;
 //# sourceMappingURL=Box.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EACV,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,aAAa,EAEd,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsBnD,eAAO,MAAM,GAAG;IAlBd;;OAEG;SACE,WAAW;gBACJ,MAAM,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE;eAC5C,OAAO;sBACA,OAAO,GAAG,qBAAqB;eACtC,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC;+NAsCjD,CAAC;;IA7CD;;OAEG;SACE,WAAW;gBACJ,MAAM,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE;eAC5C,OAAO;sBACA,OAAO,GAAG,qBAAqB;eACtC,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC;;AAwCnD,wBAAyB"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EACV,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,aAAa,EAEd,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,WAAW,QACf,SAAQ,OAAO,CAAC,YAAY,CAAC,EAC3B,IAAI,CACF,iBAAiB,CAAC,WAAW,CAAC,EAC9B,KAAK,GAAG,IAAI,GAAG,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,YAAY,CACvE,EACD,IAAI,CACF,aAAa,CAAC,UAAU,CAAC,EACzB,MAAM,iBAAiB,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,MAAM,YAAY,CACxE;IACH;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IAClD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,GAAG,0EA2Bd,CAAC;;AAEH,wBAAyB"}

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

@@ -1,3 +1,3 @@
-export { default } from './Box';
+export { default, default as Box, BoxProps } from './Box';
 export { default as StylingBox, type StylingBoxProps } from './StylingBox';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { StylingProps } from './stylingProps';
 export declare const useStylingProps: <TProps extends {
     className?: string;
-}>(originalProps: TProps & Partial<StylingProps>) => TProps;
+}>(originalProps: TProps) => Omit<TProps, keyof StylingProps>;
 //# sourceMappingURL=useStylingProps.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useStylingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Box/useStylingProps.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,iBACpD,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,KAC5C,MAYF,CAAC"}
+{"version":3,"file":"useStylingProps.d.ts","sourceRoot":"","sources":["../../../src/components/Box/useStylingProps.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,iBACpD,MAAM,KACpB,IAAI,CAAC,MAAM,EAAE,MAAM,YAAY,CAYjC,CAAC"}

package/dist/components/Button/ActionButton.d.ts

@@ -1,34 +1,14 @@
 import type { ComponentProps } from 'react';
 import { Icon } from '../Icon';
+import type { ButtonProps } from './Button';
 type ButtonSize = {
     mini?: boolean;
     tiny?: boolean;
     small?: boolean;
 };
-export declare const ActionButton: import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any> & {
-    primary?: boolean;
-    secondary?: boolean;
-    danger?: boolean;
-    warning?: boolean;
-    success?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    mini?: boolean;
-    tiny?: boolean;
-    small?: boolean;
-    medium?: boolean;
-    large?: boolean;
-    square?: boolean;
-    external?: boolean;
-    icon?: ComponentProps<typeof Icon>["name"];
-} & Omit<import("react").AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "is" | "className" | "size"> & ButtonSize & {
-    icon: ComponentProps<typeof Icon>["name"];
-}, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type ActionButtonProps = ButtonProps & ButtonSize & {
+    icon: ComponentProps<typeof Icon>['name'];
+};
+export declare const ActionButton: import("react").ForwardRefExoticComponent<Omit<ActionButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=ActionButton.d.ts.map

package/dist/components/Button/ActionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAK/B,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAgBF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;UAbf,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC;uDAoB5C,CAAC"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,KAAK,iBAAiB,GAAG,WAAW,GAClC,UAAU,GAAG;IACX,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CAC3C,CAAC;AAYJ,eAAO,MAAM,YAAY,wHAOxB,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -21,28 +21,6 @@ export type ButtonProps = ComponentProps<typeof Box> & {
 /**
  * Indicates an actionable user action.
  */
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any> & {
-    primary?: boolean;
-    secondary?: boolean;
-    danger?: boolean;
-    warning?: boolean;
-    success?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    mini?: boolean;
-    tiny?: boolean;
-    small?: boolean;
-    medium?: boolean;
-    large?: boolean;
-    square?: boolean;
-    external?: boolean;
-    icon?: ComponentProps<typeof Icon>["name"];
-} & Omit<AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "is" | "className" | "size">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAGpE,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CAC5C,GAAG,IAAI,CACJ,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EACxD,IAAI,GAAG,WAAW,GAAG,MAAM,CAC5B,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;cAvBP,OAAO;gBACL,OAAO;aACV,OAAO;cACN,OAAO;cACP,OAAO;eACN,OAAO;cACR,OAAO;WACV,OAAO;WACP,OAAO;YACN,OAAO;aACN,OAAO;YACR,OAAO;aACN,OAAO;eACL,OAAO;WACX,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC;+KA2F1C,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAGpE,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CAC5C,GAAG,IAAI,CACJ,iBAAiB,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EACxD,IAAI,GAAG,WAAW,GAAG,MAAM,CAC5B,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,MAAM,4IAkFjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/components/Button/IconButton.d.ts

@@ -1,4 +1,5 @@
 import type { ComponentProps, ReactElement } from 'react';
+import Box from '../Box';
 import { Icon } from '../Icon';
 type ButtonSize = {
     large?: boolean;
@@ -7,8 +8,8 @@ type ButtonSize = {
     tiny?: boolean;
     mini?: boolean;
 };
-export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<{
-    icon: ComponentProps<typeof Icon>["name"] | ReactElement;
+type IconButtonProps = {
+    icon: ComponentProps<typeof Icon>['name'] | ReactElement;
     primary?: boolean;
     secondary?: boolean;
     info?: boolean;
@@ -16,12 +17,7 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<
     warning?: boolean;
     success?: boolean;
     pressed?: boolean;
-} & ButtonSize & {
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+} & ButtonSize & ComponentProps<typeof Box>;
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/Button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AA+BF,eAAO,MAAM,UAAU;UA5Bf,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,YAAY;cAC9C,OAAO;gBACL,OAAO;WACZ,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;cACP,OAAO;;;;;;;kXAmHlB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAG/D,OAAO,GAAG,MAAM,QAAQ,CAAC;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,UAAU,GACZ,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;AAmB7B,eAAO,MAAM,UAAU,sHA8FtB,CAAC"}

package/dist/components/CheckBox/CheckBox.d.ts

@@ -1,11 +1,8 @@
-import type { AllHTMLAttributes } from 'react';
-export declare const CheckBox: import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any> & {
+import type { ComponentProps, AllHTMLAttributes } from 'react';
+import Box from '../Box';
+type CheckBoxProps = ComponentProps<typeof Box> & {
     indeterminate?: boolean;
-} & AllHTMLAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+} & AllHTMLAttributes<HTMLInputElement>;
+export declare const CheckBox: import("react").ForwardRefExoticComponent<Omit<CheckBoxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};
 //# sourceMappingURL=CheckBox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkC,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAS/E,eAAO,MAAM,QAAQ;;;;;;;oBAHH,OAAO;kGAuCvB,CAAC"}
+{"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAkB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/E,OAAO,GAAG,MAAM,QAAQ,CAAC;AAEzB,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAExC,eAAO,MAAM,QAAQ,yHAoCnB,CAAC"}

package/dist/components/Contextualbar/Contextualbar.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=Contextualbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Contextualbar.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/Contextualbar.tsx"],"names":[],"mappings":";;;;;;;AAyCA,wBAAmC"}
+{"version":3,"file":"Contextualbar.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/Contextualbar.tsx"],"names":[],"mappings":";;;AAyCA,wBAAmC"}

package/dist/components/Contextualbar/ContextualbarContent.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=ContextualbarContent.d.ts.map

package/dist/components/Contextualbar/ContextualbarContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualbarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/ContextualbarContent.tsx"],"names":[],"mappings":";;;;;;;AAuBA,wBAA0C"}
+{"version":3,"file":"ContextualbarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/ContextualbarContent.tsx"],"names":[],"mappings":";;;AAuBA,wBAA0C"}

package/dist/components/Contextualbar/ContextualbarFooter.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=ContextualbarFooter.d.ts.map

package/dist/components/Contextualbar/ContextualbarFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualbarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/ContextualbarFooter.tsx"],"names":[],"mappings":";;;;;;;AAeA,wBAAyC"}
+{"version":3,"file":"ContextualbarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/ContextualbarFooter.tsx"],"names":[],"mappings":";;;AAeA,wBAAyC"}

package/dist/components/Contextualbar/ContextualbarSection.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=ContextualbarSection.d.ts.map

package/dist/components/Contextualbar/ContextualbarSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualbarSection.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/ContextualbarSection.tsx"],"names":[],"mappings":";;;;;;;AAyBA,wBAA0C"}
+{"version":3,"file":"ContextualbarSection.d.ts","sourceRoot":"","sources":["../../../src/components/Contextualbar/ContextualbarSection.tsx"],"names":[],"mappings":";;;AAyBA,wBAA0C"}

package/dist/components/ContextualbarV2/Contextualbar.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=Contextualbar.d.ts.map

package/dist/components/ContextualbarV2/Contextualbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Contextualbar.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/Contextualbar.tsx"],"names":[],"mappings":";;;;;;;AAyCA,wBAAmC"}
+{"version":3,"file":"Contextualbar.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/Contextualbar.tsx"],"names":[],"mappings":";;;AAyCA,wBAAmC"}

package/dist/components/ContextualbarV2/ContextualbarContent.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=ContextualbarContent.d.ts.map

package/dist/components/ContextualbarV2/ContextualbarContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualbarContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/ContextualbarContent.tsx"],"names":[],"mappings":";;;;;;;AAuBA,wBAA0C"}
+{"version":3,"file":"ContextualbarContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/ContextualbarContent.tsx"],"names":[],"mappings":";;;AAuBA,wBAA0C"}

package/dist/components/ContextualbarV2/ContextualbarFooter.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=ContextualbarFooter.d.ts.map

package/dist/components/ContextualbarV2/ContextualbarFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualbarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/ContextualbarFooter.tsx"],"names":[],"mappings":";;;;;;;AAeA,wBAAyC"}
+{"version":3,"file":"ContextualbarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/ContextualbarFooter.tsx"],"names":[],"mappings":";;;AAeA,wBAAyC"}

package/dist/components/ContextualbarV2/ContextualbarSection.d.ts

@@ -1,9 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;
 //# sourceMappingURL=ContextualbarSection.d.ts.map

package/dist/components/ContextualbarV2/ContextualbarSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualbarSection.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/ContextualbarSection.tsx"],"names":[],"mappings":";;;;;;;AAwBA,wBAA0C"}
+{"version":3,"file":"ContextualbarSection.d.ts","sourceRoot":"","sources":["../../../src/components/ContextualbarV2/ContextualbarSection.tsx"],"names":[],"mappings":";;;AAwBA,wBAA0C"}

package/dist/components/EmailInput/EmailInput.d.ts

@@ -1,24 +1,12 @@
-import type { ReactNode } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
+import { InputBox } from '../InputBox';
+type EmailInputProps = Omit<ComponentProps<typeof InputBox>, 'type'> & {
+    addon?: ReactNode;
+    error?: string;
+};
 /**
  * An input for email addresses.
  */
-export declare const EmailInput: import("react").ForwardRefExoticComponent<Omit<Omit<{
-    is?: import("react").ElementType;
-    className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-    animated?: boolean;
-    withRichContent?: boolean | "inlineWithoutBreaks";
-    htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-} & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any> & {
-    addon?: ReactNode;
-    input?: ReactNode;
-    multiple?: boolean;
-    error?: string;
-    placeholder?: string;
-    placeholderVisible?: boolean;
-    small?: boolean;
-    type: "button" | "checkbox" | "color" | "date" | "datetime" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week" | "textarea" | "select";
-}, "type"> & {
-    addon?: ReactNode;
-    error?: string;
-}, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const EmailInput: import("react").ForwardRefExoticComponent<Omit<EmailInputProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export {};
 //# sourceMappingURL=EmailInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmailInput.d.ts","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,SAAS,EAAO,MAAM,OAAO,CAAC;AAwC5D;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;YArCb,SAAS;YACT,MAAM;uDAyCd,CAAC"}
+{"version":3,"file":"EmailInput.d.ts","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgCF;;GAEG;AACH,eAAO,MAAM,UAAU,sHAKrB,CAAC"}

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

@@ -11,13 +11,9 @@ declare const _default: typeof Field & {
     /**
      * @deprecated Use named import `FieldLabel` instead
      */
-    Label: (props: Omit<Omit<{
-        is?: import("react").ElementType;
-        className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-        animated?: boolean;
-        withRichContent?: boolean | "inlineWithoutBreaks";
-        htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-    } & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "is"> & {
+    Label: (props: Omit<Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+        ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+    }, "is"> & {
         disabled?: boolean;
         required?: boolean;
         is?: (import("react").ElementType<any> & string) | undefined;
@@ -26,57 +22,37 @@ declare const _default: typeof Field & {
         * @deprecated Use named import `FieldDescription` instead
   
      */
-    Description: (props: Omit<{
-        is?: import("react").ElementType;
-        className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-        animated?: boolean;
-        withRichContent?: boolean | "inlineWithoutBreaks";
-        htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-    } & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref">) => import("react/jsx-runtime").JSX.Element;
+    Description: (props: Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+        ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+    }, "ref">) => import("react/jsx-runtime").JSX.Element;
     /**
         * @deprecated Use named import `FieldRow` instead
   
      */
-    Row: (props: Omit<{
-        is?: import("react").ElementType;
-        className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-        animated?: boolean;
-        withRichContent?: boolean | "inlineWithoutBreaks";
-        htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-    } & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref">) => import("react/jsx-runtime").JSX.Element;
+    Row: (props: Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+        ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+    }, "ref">) => import("react/jsx-runtime").JSX.Element;
     /**
         * @deprecated Use named import `FieldError` instead
   
      */
-    Error: (props: Omit<{
-        is?: import("react").ElementType;
-        className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-        animated?: boolean;
-        withRichContent?: boolean | "inlineWithoutBreaks";
-        htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-    } & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref">) => import("react/jsx-runtime").JSX.Element;
+    Error: (props: Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+        ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+    }, "ref">) => import("react/jsx-runtime").JSX.Element;
     /**
         * @deprecated Use named import `FieldHint` instead
   
      */
-    Hint: (props: Omit<{
-        is?: import("react").ElementType;
-        className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-        animated?: boolean;
-        withRichContent?: boolean | "inlineWithoutBreaks";
-        htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-    } & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref">) => import("react/jsx-runtime").JSX.Element;
+    Hint: (props: Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+        ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+    }, "ref">) => import("react/jsx-runtime").JSX.Element;
     /**
         * @deprecated Use named import `FieldLink` instead
   
      */
-    Link: (props: Omit<{
-        is?: import("react").ElementType;
-        className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-        animated?: boolean;
-        withRichContent?: boolean | "inlineWithoutBreaks";
-        htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-    } & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any>, "ref">) => import("react/jsx-runtime").JSX.Element;
+    Link: (props: Omit<Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+        ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+    }, "ref">) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,SAAS,EACT,QAAQ,GACT,CAAC;;IAGA;;OAEG;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;IAEH;;;OAGG;;;;;;;;IAEH;;;OAGG;;;;;;;;IAEH;;;OAGG;;;;;;;;IAEH;;;OAGG;;;;;;;;;AA5BL,wBA8BG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,SAAS,EACT,QAAQ,GACT,CAAC;;IAGA;;OAEG;;;;;;;;IAEH;;;OAGG;;;;IAEH;;;OAGG;;;;IAEH;;;OAGG;;;;IAEH;;;OAGG;;;;IAEH;;;OAGG;;;;;AA5BL,wBA8BG"}

package/dist/components/Grid/Grid.d.ts

@@ -9,13 +9,9 @@ type GridProps = ComponentProps<typeof Box> & {
 };
 export declare const Grid: {
     ({ xs, sm, md, lg, xl, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
-    Item: ({ xs, sm, md, lg, xl, ...props }: {
-        is?: import("react").ElementType;
-        className?: string | import("@rocket.chat/css-in-js").cssFn | (string | import("@rocket.chat/css-in-js").cssFn | import("../../types/Falsy").Falsy)[];
-        animated?: boolean;
-        withRichContent?: boolean | "inlineWithoutBreaks";
-        htmlSize?: import("react").AllHTMLAttributes<HTMLElement>["size"];
-    } & Partial<import("../Box/stylingProps").StylingProps> & Omit<import("react").AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size" | "elevation"> & Omit<import("react").SVGAttributes<SVGElement>, "elevation" | keyof import("react").AllHTMLAttributes<HTMLElement>> & import("react").RefAttributes<any> & {
+    Item: ({ xs, sm, md, lg, xl, ...props }: Omit<import("../Box").BoxProps & import("react").RefAttributes<any>, "ref"> & {
+        ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
+    } & {
         xs?: 1 | 2 | 3 | 4;
         sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
         md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;