@linagora/twake-mui 14.4.0 → 15.0.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# @linagora/twake-mui [15.0.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@14.4.0...@linagora/twake-mui@15.0.0) (2026-10-19)
+
+
+### Code Refactoring
+
+* **twake-mui:** Export Avatar as default only ([a7a138e](https://github.com/linagora/twake-ui/commit/a7a138e0cf2e731fb5eba00bc7dfdbe2c8993f0b))
+* **twake-mui:** Export Button as default only ([c5ac445](https://github.com/linagora/twake-ui/commit/c5ac445f3f438e1d3f366c906067b18fd19e2ded))
+* **twake-mui:** Export ContactPopover as default only ([e74ddbe](https://github.com/linagora/twake-ui/commit/e74ddbec7a0fe526d508075364cc52d586cc26db))
+* **twake-mui:** Export SearchBar as default only ([34d0050](https://github.com/linagora/twake-ui/commit/34d00502da7c41edfcf841a49494b139cf977d9f))
+* **twake-mui:** Export Switch as default only ([b22aebc](https://github.com/linagora/twake-ui/commit/b22aebc9809137eb8a7effb30f8dd5ed98ff97cc))
+* **twake-mui:** Export Tabs as default only ([47d31fe](https://github.com/linagora/twake-ui/commit/47d31fea3c68ba104ff92f455b7ca0db47d43cab))
+
+
+### BREAKING CHANGES
+
+* **twake-mui:** ContactPopoverDefault is no longer exported. Import
+ContactPopover instead.
+* **twake-mui:** SearchBarDefault is no longer exported. Import SearchBar
+instead.
+* **twake-mui:** SwitchDefault is no longer exported. Import Switch
+instead.
+* **twake-mui:** TabsDefault is no longer exported. Import Tabs
+instead.
+* **twake-mui:** ButtonDefault is no longer exported. Import Button
+instead.
+* **twake-mui:** AvatarDefault is no longer exported. Import Avatar
+instead.
+
 # @linagora/twake-mui [14.4.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@14.3.0...@linagora/twake-mui@14.4.0) (2026-10-15)
 
 

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Avatar } from './index';
+import Avatar from './index';
 declare const meta: Meta<typeof Avatar>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Avatar/Avatar.stories.js

@@ -2,7 +2,7 @@ import { Icon, Link } from '@linagora/twake-icons';
 import { AvatarGroup, Stack } from '@mui/material';
 import React from 'react';
 import { supportedColors } from './helpers';
-import { Avatar } from './index';
+import Avatar from './index';
 const sizes = ['xs', 's', 'm', 'l', 'xl'];
 const image = 'https://i.pravatar.cc/150?img=11';
 const meta = {

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

@@ -10,5 +10,5 @@ export interface AvatarProps extends Omit<MuiAvatarProps, 'color'> {
     disabled?: boolean;
     display?: 'initial' | 'inline';
 }
-export declare const Avatar: React.FC<AvatarProps>;
+declare const Avatar: React.FC<AvatarProps>;
 export default Avatar;

package/dist/components/Avatar/index.js

@@ -16,7 +16,7 @@ const StyledAvatar = styled(MuiAvatar, {
     ...(background && { background, color: '#fff' }),
     ...(textColor && { color: textColor })
 }));
-export const Avatar = ({ className, color, size = 'm', textColor, border, innerBorder, disabled, display = 'initial', children, ...props }) => {
+const Avatar = ({ className, color, size = 'm', textColor, border, innerBorder, disabled, display = 'initial', children, ...props }) => {
     const isCustomSize = typeof size === 'number';
     const nameColor = typeof children === 'string' ? nameToColor(children) : '';
     const madeColor = color === 'none' ? '' : color || nameColor;

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

@@ -13,7 +13,7 @@ export interface ButtonTypeMap<AdditionalProps = object, RootComponent extends R
     defaultComponent: RootComponent;
 }
 export type ButtonProps<RootComponent extends React.ElementType = 'button', AdditionalProps = object> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent>;
-export declare const Button: OverridableComponent<ButtonTypeMap> & {
+declare const Button: OverridableComponent<ButtonTypeMap> & {
     displayName?: string;
 };
 export default Button;

package/dist/components/Button/index.js

@@ -3,6 +3,6 @@ import React from 'react';
 // legacy variant names, mapped to their MUI counterpart
 const legacyVariants = { primary: 'contained', secondary: 'outlined' };
 const isLegacy = (variant) => typeof variant === 'string' && variant in legacyVariants;
-export const Button = React.forwardRef(({ variant, ...props }, ref) => (React.createElement(MuiButton, { ref: ref, variant: isLegacy(variant) ? legacyVariants[variant] : variant, ...props })));
+const Button = React.forwardRef(({ variant, ...props }, ref) => (React.createElement(MuiButton, { ref: ref, variant: isLegacy(variant) ? legacyVariants[variant] : variant, ...props })));
 Button.displayName = 'Button';
 export default Button;

package/dist/components/ColorList/index.js

@@ -3,7 +3,7 @@ import { ButtonBase, ImageList, ImageListItem, imageListItemClasses } from '@mui
 import { styled } from '@mui/material/styles';
 import React from 'react';
 import { useBreakpoints } from '../../hooks/useBreakpoints';
-import { Avatar } from '../Avatar';
+import Avatar from '../Avatar';
 import { COLORS } from './helpers';
 const sizes = {
     small: { avatar: 21, icon: 10, cols: 7, gap: 5 },

package/dist/components/ContactPopover/AttendeeInfo.js

@@ -3,7 +3,7 @@ import { Copy } from '@linagora/twake-icons';
 import { Box, IconButton, Typography, useTheme } from '@mui/material';
 import React, { useState } from 'react';
 import { useI18n } from 'twake-i18n';
-import { Avatar } from '../Avatar';
+import Avatar from '../Avatar';
 import { nameToColor, getInitials } from '../Avatar/helpers';
 export const AttendeeInfo = ({ name, email, onEmailCopy }) => {
     const theme = useTheme();

package/dist/components/ContactPopover/ContactPopover.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ContactPopover } from './index';
+import ContactPopover from './index';
 declare const meta: Meta<typeof ContactPopover>;
 export default meta;
 type Story = StoryObj<typeof ContactPopover>;

package/dist/components/ContactPopover/ContactPopover.stories.js

@@ -1,7 +1,7 @@
 import { Chip, Box, Typography } from '@mui/material';
 import React from 'react';
 import { screen } from 'storybook/test';
-import { ContactPopover } from './index';
+import ContactPopover from './index';
 const meta = {
     title: 'ContactPopover',
     component: ContactPopover,

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

@@ -25,6 +25,6 @@ interface ContactPopoverComponent extends React.FC<ContactPopoverProps> {
     CalendarAction: typeof ContactPopoverCalendarAction;
     EmailAction: typeof ContactPopoverEmailAction;
 }
-export declare const ContactPopover: ContactPopoverComponent;
+declare const ContactPopover: ContactPopoverComponent;
 export { ContactPopoverActions, ContactPopoverChatAction, ContactPopoverVideoAction, ContactPopoverCalendarAction, ContactPopoverEmailAction };
 export default ContactPopover;

package/dist/components/ContactPopover/index.js

@@ -30,7 +30,7 @@ const CloseButton = styled(IconButton)(() => ({
     top: 8,
     right: 8
 }));
-export const ContactPopover = ({ name, email, children, onEmailCopy, onClose, disabled = false }) => {
+const ContactPopover = ({ name, email, children, onEmailCopy, onClose, disabled = false }) => {
     useExtendI18n(locales);
     const [anchorEl, setAnchorEl] = useState(null);
     const openTimeoutRef = useRef(null);

package/dist/components/ListItem/ListItem.stories.js

@@ -2,7 +2,7 @@ import { Comment, Dots, Icon, Pen, People, Right, Trash } from '@linagora/twake-
 import { Box, Checkbox, IconButton, List, ListItemAvatar, ListItemIcon, ListItemSecondaryAction, Radio, Stack } from '@mui/material';
 import React from 'react';
 import ListItem from './index';
-import { Avatar } from '../Avatar';
+import Avatar from '../Avatar';
 import ListItemButton from '../ListItemButton';
 import ListItemText from '../ListItemText';
 import ListSubheader from '../ListSubheader';

package/dist/components/SearchBar/SearchBar.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { SearchBar } from './index';
+import SearchBar from './index';
 declare const meta: Meta<typeof SearchBar>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/SearchBar/SearchBar.stories.js

@@ -1,7 +1,7 @@
 import { Cloud } from '@linagora/twake-icons';
 import { Stack, Typography } from '@mui/material';
 import React from 'react';
-import { SearchBar } from './index';
+import SearchBar from './index';
 const sizes = ['small', 'medium', 'large', 'auto'];
 const meta = {
     title: 'SearchBar',

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SearchBarProps } from './types';
-export declare const SearchBar: React.ForwardRefExoticComponent<Omit<SearchBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SearchBar: React.ForwardRefExoticComponent<Omit<SearchBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SearchBar;

package/dist/components/SearchBar/index.js

@@ -19,7 +19,7 @@ import it from './locales/it.json';
 import ru from './locales/ru.json';
 import vi from './locales/vi.json';
 const locales = { de, en, es, fr, it, ru, vi };
-export const SearchBar = forwardRef(({ placeholder, icon = Magnifier, size = 'small', type = 'search', label, componentsProps, disabledClear = false, disabledFocus = false, disabledHover = false, className, defaultValue = '', value, elevation = 1, disabled = false, onChange = () => { }, onClear = () => { }, onFocus = () => { }, onBlur = () => { }, ...props }, ref) => {
+const SearchBar = forwardRef(({ placeholder, icon = Magnifier, size = 'small', type = 'search', label, componentsProps, disabledClear = false, disabledFocus = false, disabledHover = false, className, defaultValue = '', value, elevation = 1, disabled = false, onChange = () => { }, onClear = () => { }, onFocus = () => { }, onBlur = () => { }, ...props }, ref) => {
     useExtendI18n(locales);
     const { t } = useI18n();
     const [currentValue, setCurrentValue] = useState(defaultValue);

package/dist/components/Switch/Switch.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Switch } from './index';
+import Switch from './index';
 declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Switch/Switch.stories.js

@@ -1,7 +1,7 @@
 import { Check } from '@linagora/twake-icons';
 import { Divider, FormControlLabel, FormGroup, Stack, Typography } from '@mui/material';
 import React from 'react';
-import { Switch } from './index';
+import Switch from './index';
 const colors = ['primary', 'secondary', 'success', 'default'];
 const meta = {
     title: 'Switch',

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

@@ -5,5 +5,5 @@ export interface SwitchProps extends Omit<MuiSwitchProps, 'icon' | 'checkedIcon'
     /** A twake icon drawn inside the thumb */
     icon?: IconProps['icon'];
 }
-export declare const Switch: React.FC<SwitchProps>;
+declare const Switch: React.FC<SwitchProps>;
 export default Switch;

package/dist/components/Switch/index.js

@@ -1,7 +1,7 @@
 import { Icon } from '@linagora/twake-icons';
 import { Switch as MuiSwitch } from '@mui/material';
 import React from 'react';
-export const Switch = ({ icon, ...props }) => {
+const Switch = ({ icon, ...props }) => {
     const thumb = (React.createElement("span", { className: "switchThumb" }, !!icon && React.createElement(Icon, { icon: icon, size: 14 })));
     return React.createElement(MuiSwitch, { icon: thumb, checkedIcon: thumb, ...props });
 };

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Tabs } from './index';
+import Tabs from './index';
 declare const meta: Meta<typeof Tabs>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Tabs/Tabs.stories.js

@@ -1,6 +1,6 @@
 import { Stack, Tab } from '@mui/material';
 import React from 'react';
-import { Tabs } from './index';
+import Tabs from './index';
 const variants = ['standard', 'fullWidth', 'scrollable'];
 const meta = {
     title: 'Tabs',

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

@@ -6,5 +6,5 @@ export interface TabsProps extends MuiTabsProps {
     /** Pill container with the selected tab raised on a white pill */
     segmented?: boolean;
 }
-export declare const Tabs: React.FC<TabsProps>;
+declare const Tabs: React.FC<TabsProps>;
 export default Tabs;

package/dist/components/Tabs/index.js

@@ -1,5 +1,5 @@
 import { Tabs as MuiTabs } from '@mui/material';
 import cx from 'classnames';
 import React from 'react';
-export const Tabs = ({ className, narrowed, segmented, ...props }) => React.createElement(MuiTabs, { className: cx(className, { narrowed, segmented }), ...props });
+const Tabs = ({ className, narrowed, segmented, ...props }) => React.createElement(MuiTabs, { className: cx(className, { narrowed, segmented }), ...props });
 export default Tabs;

package/dist/index.d.ts

@@ -31,9 +31,9 @@ export { copyToClipboard } from './components/ActionsMenu/Actions/copyToClipboar
 export { editAttribute } from './components/ActionsMenu/Actions/editAttribute';
 export { others } from './components/ActionsMenu/Actions/others';
 export { exportToText } from './components/ActionsMenu/Actions/exportToText';
-export { Avatar, default as AvatarDefault } from './components/Avatar';
+export { default as Avatar } from './components/Avatar';
 export { default as BarTitle } from './components/BarTitle';
-export { Button, default as ButtonDefault } from './components/Button';
+export { default as Button } from './components/Button';
 export { default as BottomSheet } from './components/BottomSheet';
 export { default as BottomSheetItem } from './components/BottomSheet/BottomSheetItem';
 export { default as BottomSheetHeader } from './components/BottomSheet/BottomSheetHeader';
@@ -41,7 +41,7 @@ export { default as BottomSheetTitle } from './components/BottomSheet/BottomShee
 export { default as Chip } from './components/Chip';
 export { default as ColorList } from './components/ColorList';
 export { Dialog, default as DialogDefault } from './components/Dialog';
-export { ContactPopover, default as ContactPopoverDefault } from './components/ContactPopover';
+export { default as ContactPopover } from './components/ContactPopover';
 export { default as DropdownButton } from './components/DropdownButton';
 export { default as DropdownText } from './components/DropdownText';
 export { Empty, EmptySubTitle } from './components/Empty';
@@ -62,9 +62,9 @@ export type { AlertContextValue, ShowAlert, ShowAlertOptions } from './providers
 export { default as AlertProvider } from './providers/AlertProvider';
 export { useAlert } from './providers/AlertProvider/useAlert';
 export { default as ProgressionBanner } from './components/ProgressionBanner';
-export { Tabs, default as TabsDefault } from './components/Tabs';
-export { Switch, default as SwitchDefault } from './components/Switch';
-export { SearchBar, default as SearchBarDefault } from './components/SearchBar';
+export { default as Tabs } from './components/Tabs';
+export { default as Switch } from './components/Switch';
+export { default as SearchBar } from './components/SearchBar';
 export { Sidebar, SIDEBAR_MOBILE_HEIGHT } from './components/Sidebar';
 export { Layout, Main, Content } from './components/Layout';
 export { Nav } from './components/Nav';

package/dist/index.js

@@ -34,9 +34,9 @@ export { copyToClipboard } from './components/ActionsMenu/Actions/copyToClipboar
 export { editAttribute } from './components/ActionsMenu/Actions/editAttribute';
 export { others } from './components/ActionsMenu/Actions/others';
 export { exportToText } from './components/ActionsMenu/Actions/exportToText';
-export { Avatar, default as AvatarDefault } from './components/Avatar';
+export { default as Avatar } from './components/Avatar';
 export { default as BarTitle } from './components/BarTitle';
-export { Button, default as ButtonDefault } from './components/Button';
+export { default as Button } from './components/Button';
 export { default as BottomSheet } from './components/BottomSheet';
 export { default as BottomSheetItem } from './components/BottomSheet/BottomSheetItem';
 export { default as BottomSheetHeader } from './components/BottomSheet/BottomSheetHeader';
@@ -44,7 +44,7 @@ export { default as BottomSheetTitle } from './components/BottomSheet/BottomShee
 export { default as Chip } from './components/Chip';
 export { default as ColorList } from './components/ColorList';
 export { Dialog, default as DialogDefault } from './components/Dialog';
-export { ContactPopover, default as ContactPopoverDefault } from './components/ContactPopover';
+export { default as ContactPopover } from './components/ContactPopover';
 export { default as DropdownButton } from './components/DropdownButton';
 export { default as DropdownText } from './components/DropdownText';
 export { Empty, EmptySubTitle } from './components/Empty';
@@ -63,9 +63,9 @@ export { default as PointerAlert } from './components/PointerAlert';
 export { default as AlertProvider } from './providers/AlertProvider';
 export { useAlert } from './providers/AlertProvider/useAlert';
 export { default as ProgressionBanner } from './components/ProgressionBanner';
-export { Tabs, default as TabsDefault } from './components/Tabs';
-export { Switch, default as SwitchDefault } from './components/Switch';
-export { SearchBar, default as SearchBarDefault } from './components/SearchBar';
+export { default as Tabs } from './components/Tabs';
+export { default as Switch } from './components/Switch';
+export { default as SearchBar } from './components/SearchBar';
 export { Sidebar, SIDEBAR_MOBILE_HEIGHT } from './components/Sidebar';
 export { Layout, Main, Content } from './components/Layout';
 export { Nav } from './components/Nav';

package/dist/stories/Button.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Button } from '../components/Button';
+import Button from '../components/Button';
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/stories/Button.stories.js

@@ -1,7 +1,7 @@
 import { Icon, Plus, Stop } from '@linagora/twake-icons';
 import { Box, Stack } from '@mui/material';
 import React from 'react';
-import { Button } from '../components/Button';
+import Button from '../components/Button';
 const variants = ['contained', 'outlined', 'ghost', 'text'];
 const sizes = ['small', 'medium', 'large'];
 const colors = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linagora/twake-mui",
   "type": "module",
-  "version": "14.4.0",
+  "version": "15.0.0",
   "description": "MUI v9 theme system for Twake applications",
   "author": "Twake",
   "license": "MIT",