@rocket.chat/fuselage 0.81.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.81.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",

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

@@ -1,13 +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 function ActionButton({ icon, children, ...props }: ActionButtonProps): import("react").JSX.Element;
-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":"AAAA,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,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAOpE;AAED,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,5 +0,0 @@
-import { type InputBoxProps } from '../InputBox';
-export type SelectInputProps = Omit<InputBoxProps<HTMLSelectElement>, 'type'>;
-declare function SelectInput({ ref, children, multiple, placeholder, onChange, ...props }: SelectInputProps): import("react").JSX.Element;
-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":"AAIA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAI3D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAK9E,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAuClB;AAED,eAAe,WAAW,CAAC"}

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

@@ -1,6 +0,0 @@
-import type { RefAttributes } from 'react';
-import { type BoxProps } from '../Box';
-export type SelectInputOptionProps = Omit<BoxProps, 'ref'> & RefAttributes<HTMLOptionElement>;
-declare function SelectInputOption(props: SelectInputOptionProps): import("react").JSX.Element;
-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":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GACxD,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEnC,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAEvD;AAED,eAAe,iBAAiB,CAAC"}

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

@@ -1,6 +0,0 @@
-import type { RefAttributes } from 'react';
-import { type BoxProps } from '../Box';
-export type SelectInputPlaceholderProps = Omit<BoxProps, 'ref'> & RefAttributes<HTMLOptionElement>;
-declare function SelectInputPlaceholder(props: SelectInputPlaceholderProps): import("react").JSX.Element;
-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":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAC7D,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEnC,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,+BAEjE;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -1,3 +0,0 @@
-export { default as SelectInput, type SelectInputProps } 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,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC"}

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

@@ -1,5 +0,0 @@
-import { type InputBoxProps } from '../InputBox';
-export type TelephoneInputProps = Omit<InputBoxProps<HTMLInputElement>, 'type'>;
-declare function TelephoneInput(props: TelephoneInputProps): import("react").JSX.Element;
-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,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAKhF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAEjD;AAED,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"}