@rocket.chat/fuselage 0.80.0 → 0.82.0

package/dist/helpers/composeClassNames.d.ts

@@ -3,7 +3,39 @@ export declare const composeClassNames: (prefix?: string) => (...args: unknown[]
 type CxArg = Falsy | string | {
     [className: string]: boolean | string | number;
 };
+/**
+ * Composes class names into a single string based on flags.
+ *
+ * Any falsy value passed as an argument will be ignored.
+ *
+ * If a string is passed, it will be used as a class name.
+ *
+ * If a dictionary object is passed, its keys will be used as class names and its values will be used as modifiers --
+ * unless the value is a boolean, in which case the key will be used as a class name if the value is `true`.
+ *
+ * @example
+ * ```ts
+ * cx('a', false, 'b', null, { c: true, d: false, e: 'f', f: 1 }); // 'a b c e-f f-1'
+ * ```
+ *
+ * @param args a sequence of falsy values, strings and dictionary objects containing the class names
+ * @returns a space-separated string of class names
+ */
 export declare const cx: (...args: CxArg[]) => string;
+/**
+ * Composes class name modifiers under a class name into a single class names' string based on flags.
+ *
+ * This function returns a function similar to `cx`, with the difference it handles the arguments as class name
+ * modifiers (based on BEM CSS conventions). However, it's recommended to use `cxx` as a curried function.
+ *
+ * @example
+ * ```ts
+ * cxx('z')('a', false, 'b', null, { c: true, d: false, e: 'f', f: 1 }); // 'z z--a z--b z--c z--e-f z--f-1'
+ * ```
+ * @param className the class name
+ * @param args a sequence of falsy values, strings and dictionary objects containing the modifiers
+ * @returns a space-separated string of class names
+ */
 export declare const cxx: (className: string) => (...args: CxArg[]) => string;
 export {};
 //# sourceMappingURL=composeClassNames.d.ts.map

package/dist/helpers/composeClassNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composeClassNames.d.ts","sourceRoot":"","sources":["../../src/helpers/composeClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAO5C,eAAO,MAAM,iBAAiB,GAC3B,SAAS,MAAM,MACf,GAAG,MAAM,OAAO,EAAE,WAyClB,CAAC;AAEJ,KAAK,KAAK,GACN,KAAK,GACL,MAAM,GACN;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAoBvD,eAAO,MAAM,EAAE,GAAI,GAAG,MAAM,KAAK,EAAE,KAAG,MAuBxB,CAAC;AAgBf,eAAO,MAAM,GAAG,GACb,WAAW,MAAM,MACjB,GAAG,MAAM,KAAK,EAAE,KAAG,MA0BnB,CAAC"}
+{"version":3,"file":"composeClassNames.d.ts","sourceRoot":"","sources":["../../src/helpers/composeClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAO5C,eAAO,MAAM,iBAAiB,GAC3B,SAAS,MAAM,MACf,GAAG,MAAM,OAAO,EAAE,WAyClB,CAAC;AAEJ,KAAK,KAAK,GACN,KAAK,GACL,MAAM,GACN;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEvD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,EAAE,GAAI,GAAG,MAAM,KAAK,EAAE,KAAG,MAuBxB,CAAC;AAEf;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,GAAG,GACb,WAAW,MAAM,MACjB,GAAG,MAAM,KAAK,EAAE,KAAG,MA0BnB,CAAC"}

package/dist/helpers/exhaustiveCheck.d.ts

@@ -1,2 +1,29 @@
+/**
+ * Utility function to check exhaustiveness of a switch statement or if-else statements.
+ *
+ * In TypeScript, variables going through a sequence of conditionals, like cases in switch statements or if-else
+ * statements, the variable type is incrementally narrowed as the conditionals are evaluated until it reaches the
+ * `never` type, meaning all possible cases have been covered. This function is used to check, at compilation time, that
+ * all possible cases have been covered (i.e. if the conditional checks were exhaustive) and should only be called in
+ * unreachable blocks of code.
+ *
+ * @example
+ * ```ts
+ * declare const value: 'foo' | 'bar';
+ * switch (value) {
+ *   case 'foo':
+ *     // ...
+ *     break;
+ *   case 'bar':
+ *     // ...
+ *     break;
+ *   default: // should be unreachable
+ *     exhaustiveCheck(value); // `value` type should be `never`, otherwise the compilation fails
+ * }
+ * ```
+ *
+ * @param _ the value which type should be `never`
+ * @throws {Error} will always throw an error if it's reached
+ */
 export declare const exhaustiveCheck: (_: never) => never;
 //# sourceMappingURL=exhaustiveCheck.d.ts.map

package/dist/helpers/exhaustiveCheck.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exhaustiveCheck.d.ts","sourceRoot":"","sources":["../../src/helpers/exhaustiveCheck.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,GAAI,GAAG,KAAK,KAAG,KAE1C,CAAC"}
+{"version":3,"file":"exhaustiveCheck.d.ts","sourceRoot":"","sources":["../../src/helpers/exhaustiveCheck.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,eAAe,GAAI,GAAG,KAAK,KAAG,KAE1C,CAAC"}

package/dist/styleTokens.d.ts

@@ -3,6 +3,7 @@ export declare const borderRadius: import("@rocket.chat/memo").MemoizedFunction<
 export declare const strokeColor: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
 export declare const backgroundColor: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
 export declare const fontColor: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
+/** @deprecated **/
 export declare const color: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
 export declare const size: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;
 export declare const spacing: import("@rocket.chat/memo").MemoizedFunction<unknown, unknown, string | undefined>;

package/dist/styleTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleTokens.d.ts","sourceRoot":"","sources":["../src/styleTokens.ts"],"names":[],"mappings":"AAuDA,eAAO,MAAM,WAAW,oFAStB,CAAC;AAEH,eAAO,MAAM,YAAY,oFAUvB,CAAC;AAgCH,eAAO,MAAM,WAAW,oFAMtB,CAAC;AAEH,eAAO,MAAM,eAAe,oFA8B1B,CAAC;AAEH,eAAO,MAAM,SAAS,oFASpB,CAAC;AAGH,eAAO,MAAM,KAAK,oFAsEhB,CAAC;AAEH,eAAO,MAAM,IAAI,oFAkBf,CAAC;AAEH,eAAO,MAAM,OAAO,oFAMlB,CAAC;AAOH,eAAO,MAAM,UAAU,oFAUrB,CAAC;AAOH,eAAO,MAAM,SAAS;cAKJ,MAAM;gBACJ,MAAM;gBACN,MAAM;mBACH,MAAM;cAiB5B,CAAC"}
+{"version":3,"file":"styleTokens.d.ts","sourceRoot":"","sources":["../src/styleTokens.ts"],"names":[],"mappings":"AAuDA,eAAO,MAAM,WAAW,oFAStB,CAAC;AAEH,eAAO,MAAM,YAAY,oFAUvB,CAAC;AAgCH,eAAO,MAAM,WAAW,oFAMtB,CAAC;AAEH,eAAO,MAAM,eAAe,oFA8B1B,CAAC;AAEH,eAAO,MAAM,SAAS,oFASpB,CAAC;AAEH,mBAAmB;AACnB,eAAO,MAAM,KAAK,oFAsEhB,CAAC;AAEH,eAAO,MAAM,IAAI,oFAkBf,CAAC;AAEH,eAAO,MAAM,OAAO,oFAMlB,CAAC;AAOH,eAAO,MAAM,UAAU,oFAUrB,CAAC;AAOH,eAAO,MAAM,SAAS;cAKJ,MAAM;gBACJ,MAAM;gBACN,MAAM;mBACH,MAAM;cAiB5B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage",
-  "version": "0.80.0",
+  "version": "0.82.0",
   "description": "Rocket.Chat's React Components Library",
   "homepage": "https://github.com/RocketChat/fuselage#readme",
   "bugs": {
@@ -41,7 +41,7 @@
     "build-storybook": "NODE_ENV=production storybook build"
   },
   "dependencies": {
-    "@rocket.chat/css-in-js": "^0.32.0",
+    "@rocket.chat/css-in-js": "^0.33.0",
     "@rocket.chat/css-supports": "^0.31.25",
     "@rocket.chat/fuselage-tokens": "^0.33.2",
     "@rocket.chat/memo": "^0.31.25",
@@ -57,9 +57,9 @@
     "@babel/preset-env": "~7.29.7",
     "@babel/preset-react": "~7.29.7",
     "@microsoft/api-extractor": "~7.58.7",
-    "@rocket.chat/fuselage-hooks": "^0.42.0",
+    "@rocket.chat/fuselage-hooks": "^0.43.0",
     "@rocket.chat/icons": "^0.48.0",
-    "@rocket.chat/storybook-dark-mode": "^4.2.0",
+    "@rocket.chat/storybook-dark-mode": "^4.2.1",
     "@rocket.chat/visual-regression": "^0.0.1",
     "@storybook/addon-a11y": "~9.1.20",
     "@storybook/addon-docs": "~9.1.20",
@@ -73,7 +73,7 @@
     "@testing-library/user-event": "~14.6.1",
     "@types/invariant": "^2.2.37",
     "@types/jest-axe": "~3.5.9",
-    "@types/react": "~19.2.16",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
     "@types/react-is": "^19",
     "autoprefixer": "~10.5.0",

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

@@ -1,31 +0,0 @@
-import { type IconProps } from '../Icon';
-import type { ButtonProps } from './Button';
-export type ActionButtonSize = {
-    mini?: boolean;
-    tiny?: boolean;
-    small?: boolean;
-};
-export type ActionButtonProps = ButtonProps & ActionButtonSize & {
-    icon: IconProps['name'];
-};
-declare const ActionButton: import("react").ForwardRefExoticComponent<import("..").BoxProps & {
-    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?: IconProps["name"];
-} & Omit<import("react").AllHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "className" | "size" | "is"> & ActionButtonSize & {
-    icon: IconProps["name"];
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export default ActionButton;
-//# sourceMappingURL=ActionButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ActionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAG/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,gBAAgB,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAYJ,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;UAbR,SAAS,CAAC,MAAM,CAAC;qDAoB1B,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Position.d.ts","sourceRoot":"","sources":["../../../src/components/Position/Position.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAClC,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC7C,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;AAE1C,QAAA,MAAM,QAAQ,GAAI,0EAOf,aAAa,gCA+Cf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

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

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

package/dist/components/SelectInput/SelectInput.d.ts

@@ -1,17 +0,0 @@
-import type { ReactNode } from 'react';
-import { type InputBoxProps } from '../InputBox';
-export type SelectInputOptions = readonly (readonly [string, string])[];
-export type SelectInputProps = Omit<InputBoxProps, 'type'> & {
-    error?: string;
-    options?: SelectInputOptions;
-    htmlSize?: number;
-    addon?: ReactNode;
-};
-declare const SelectInput: import("react").ForwardRefExoticComponent<Omit<InputBoxProps, "type"> & {
-    error?: string;
-    options?: SelectInputOptions;
-    htmlSize?: number;
-    addon?: ReactNode;
-} & import("react").RefAttributes<HTMLElement>>;
-export default SelectInput;
-//# sourceMappingURL=SelectInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAI3D,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAKF,QAAA,MAAM,WAAW;YATP,MAAM;cACJ,kBAAkB;eACjB,MAAM;YACT,SAAS;+CAoDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/SelectInput/SelectInputOption.d.ts

@@ -1,5 +0,0 @@
-import { type BoxProps } from '../Box';
-export type SelectInputOptionProps = BoxProps;
-declare const SelectInputOption: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLOptionElement>>;
-export default SelectInputOption;
-//# sourceMappingURL=SelectInputOption.d.ts.map

package/dist/components/SelectInput/SelectInputOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputOption.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputOption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;AAE9C,QAAA,MAAM,iBAAiB,wGAItB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/SelectInput/SelectInputPlaceholder.d.ts

@@ -1,5 +0,0 @@
-import { type BoxProps } from '../Box';
-export type SelectInputPlaceholderProps = BoxProps;
-declare const SelectInputPlaceholder: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLOptionElement>>;
-export default SelectInputPlaceholder;
-//# sourceMappingURL=SelectInputPlaceholder.d.ts.map

package/dist/components/SelectInput/SelectInputPlaceholder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputPlaceholder.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;AAEnD,QAAA,MAAM,sBAAsB,wGAK1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}

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

@@ -1,3 +0,0 @@
-export { default as SelectInput, type SelectInputProps, type SelectInputOptions, } from './SelectInput';
-export { default as SelectInputOption, type SelectInputOptionProps, } from './SelectInputOption';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC"}

package/dist/components/TelephoneInput/TelephoneInput.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-import { type InputBoxProps } from '../InputBox';
-export type TelephoneInputProps = Omit<InputBoxProps, 'type'> & {
-    addon?: ReactNode;
-    input?: ReactNode;
-    error?: string;
-};
-declare const TelephoneInput: import("react").ForwardRefExoticComponent<Omit<InputBoxProps, "type"> & {
-    addon?: ReactNode;
-    input?: ReactNode;
-    error?: string;
-} & import("react").RefAttributes<HTMLInputElement>>;
-export default TelephoneInput;
-//# sourceMappingURL=TelephoneInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TelephoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/TelephoneInput/TelephoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAKF,QAAA,MAAM,cAAc;YARV,SAAS;YACT,SAAS;YACT,MAAM;oDAUf,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TelephoneInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAC"}

package/dist/helpers/isForwardRefType.d.ts

@@ -1,3 +0,0 @@
-import type { ForwardRefExoticComponent } from 'react';
-export declare const isForwardRefType: <P = any>(type: any) => type is ForwardRefExoticComponent<P>;
-//# sourceMappingURL=isForwardRefType.d.ts.map

package/dist/helpers/isForwardRefType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isForwardRefType.d.ts","sourceRoot":"","sources":["../../src/helpers/isForwardRefType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,gBAAgB,GAAI,CAAC,GAAG,GAAG,EACtC,MAAM,GAAG,KACR,IAAI,IAAI,yBAAyB,CAAC,CAAC,CACa,CAAC"}