@linagora/twake-mui 14.3.0 → 15.0.0

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+# @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)
+
+
+### Features
+
+* **twake-mui:** Migrate AlertProvider from cozy-ui ([9abdc95](https://github.com/linagora/twake-ui/commit/9abdc95037d43d96d2cdcc5c498567f0e065d018))
+
 # @linagora/twake-mui [14.3.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@14.2.0...@linagora/twake-mui@14.3.0) (2026-10-15)
 
 

package/dist/components/ActionsMenu/Actions/favorites.d.ts

@@ -1,4 +1,5 @@
-import { Action, ActionDocument, ShowAlert } from '../types';
+import { ShowAlert } from '../../../providers/AlertProvider/useAlert';
+import { Action, ActionDocument } from '../types';
 export interface FavoritesActionOptions {
     client: {
         save: (doc: ActionDocument) => Promise<unknown>;

package/dist/components/ActionsMenu/types.d.ts

@@ -57,12 +57,6 @@ export interface Action<Options extends object = ActionCallbackOptions> {
 /** An action keyed by its name, as built by `makeActions` */
 export type ActionObject = Record<string, Action>;
 export type ActionFactory<FactoryOptions extends object = object> = (options: FactoryOptions) => Action;
-export interface ShowAlertOptions {
-    message: string;
-    severity: 'success' | 'error' | 'info' | 'warning';
-    variant?: 'filled' | 'outlined' | 'standard';
-}
-export type ShowAlert = (options: ShowAlertOptions) => void;
 export interface WebLinkOptions {
     slug: string;
     cozyUrl: string;

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/PointerAlert/PointerAlert.stories.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import { DeviceLaptop, Download, Icon } from '@linagora/twake-icons';
+import { Download, Icon } from '@linagora/twake-icons';
 import { AlertTitle, Button, Stack, Typography } from '@mui/material';
 import React from 'react';
 import PointerAlert from './index';
@@ -39,8 +39,7 @@ const meta = {
             control: 'select',
             options: severities,
             description: 'Overrides the colour taken from `severity`'
-        },
-        square: { control: 'boolean' }
+        }
     }
 };
 export default meta;
@@ -73,14 +72,6 @@ export const Screenshot = {
             React.createElement(PointerAlert, { severity: "primary" },
                 React.createElement(AlertTitle, null, "This is the title"),
                 text),
-            React.createElement(PointerAlert, { severity: "primary", color: "warning" },
-                "Colour overridden: ",
-                text),
-            React.createElement(PointerAlert, { severity: "primary", icon: React.createElement(Icon, { icon: DeviceLaptop, color: "var(--twake-palette-error-main)", size: 32 }) }, text),
-            React.createElement(PointerAlert, { severity: "primary", icon: false }, text),
-            React.createElement(PointerAlert, { severity: "primary", square: true },
-                "Square: ",
-                text),
             React.createElement(PointerAlert, { severity: "primary", onClose: () => console.log('closed') }, text),
             React.createElement(PointerAlert, { severity: "primary", action: React.createElement(React.Fragment, null,
                     downloadAction,

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

@@ -5,7 +5,7 @@ export { default as Autocomplete } from '@mui/material/Autocomplete';
 export { makePalette } from './lib/makePalette';
 export { theme } from './lib/theme';
 export { radius } from './lib/radius';
-export { TwakeMuiThemeProvider } from './components/ThemeProvider';
+export { TwakeMuiThemeProvider } from './providers/ThemeProvider';
 export { default as ActionsBar } from './components/ActionsBar';
 export { default as ActionsMenu } from './components/ActionsMenu';
 export { default as ActionsMenuWrapper } from './components/ActionsMenu/ActionsMenuWrapper';
@@ -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';
@@ -57,10 +57,14 @@ export { default as LoadMore } from './components/LoadMore';
 export { default as Markdown } from './components/Markdown';
 export { default as MidEllipsis } from './components/MidEllipsis';
 export { default as PointerAlert } from './components/PointerAlert';
+export type { AlertProviderProps } from './providers/AlertProvider';
+export type { AlertContextValue, ShowAlert, ShowAlertOptions } from './providers/AlertProvider/useAlert';
+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';
@@ -92,7 +96,7 @@ export type { ActionsMenuItemProps } from './components/ActionsMenu/ActionsMenuI
 export type { ActionsMenuMobileHeaderProps } from './components/ActionsMenu/ActionsMenuMobileHeader';
 export type { ActionsMenuButtonProps } from './components/ActionsMenu/ActionsMenuButton';
 export type { ActionsItemsProps } from './components/ActionsMenu/ActionsItems';
-export type { Action, ActionCallbackOptions, ActionComponent, ActionComponentProps, ActionComponentSlotProps, ActionDocument, ActionFactory, ActionObject, ActionTranslate, GenerateWebLink, ShowAlert, ShowAlertOptions, WebLinkActionOptions, WebLinkClient, WebLinkOptions } from './components/ActionsMenu/types';
+export type { Action, ActionCallbackOptions, ActionComponent, ActionComponentProps, ActionComponentSlotProps, ActionDocument, ActionFactory, ActionObject, ActionTranslate, GenerateWebLink, WebLinkActionOptions, WebLinkClient, WebLinkOptions } from './components/ActionsMenu/types';
 export type { MakeActionComponentOptions, MakeActionOptions } from './components/ActionsMenu/Actions/makeAction';
 export type { AppWebLinkOptions, FetchBlobFileById, MakePdfBlobOptions } from './components/ActionsMenu/Actions/helpers';
 export type { WrapTextToLinesOptions, PdfCursor, PushNewPageIfNeededOptions, DrawWrappedTextOptions } from './components/ActionsMenu/Actions/pdfHelpers';

package/dist/index.js

@@ -8,7 +8,7 @@ export { makePalette } from './lib/makePalette';
 export { theme } from './lib/theme';
 export { radius } from './lib/radius';
 // COMPONENTS & HELPERS
-export { TwakeMuiThemeProvider } from './components/ThemeProvider';
+export { TwakeMuiThemeProvider } from './providers/ThemeProvider';
 export { default as ActionsBar } from './components/ActionsBar';
 export { default as ActionsMenu } from './components/ActionsMenu';
 export { default as ActionsMenuWrapper } from './components/ActionsMenu/ActionsMenuWrapper';
@@ -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';
@@ -60,10 +60,12 @@ export { default as LoadMore } from './components/LoadMore';
 export { default as Markdown } from './components/Markdown';
 export { default as MidEllipsis } from './components/MidEllipsis';
 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/providers/AlertProvider/AlertProvider.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { ShowAlertOptions } from './useAlert';
+interface StoryArgs extends ShowAlertOptions {
+    closable: boolean;
+}
+declare const meta: Meta<StoryArgs>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/providers/AlertProvider/AlertProvider.stories.js

@@ -0,0 +1,57 @@
+import { Button } from '@mui/material';
+import React from 'react';
+import AlertProvider from './index';
+import { useAlert } from './useAlert';
+const severities = [
+    'primary',
+    'secondary',
+    'success',
+    'error',
+    'warning',
+    'info'
+];
+const variants = ['filled', 'standard', 'outlined'];
+const makeOptions = ({ closable, ...options }) => closable ? options : { ...options, onClose: undefined };
+const meta = {
+    title: 'AlertProvider',
+    parameters: { layout: 'centered' },
+    tags: ['autodocs'],
+    argTypes: {
+        message: { control: 'text' },
+        title: { control: 'text' },
+        severity: { control: 'select', options: severities },
+        variant: { control: 'select', options: variants },
+        icon: {
+            control: 'select',
+            options: ['default', 'none'],
+            mapping: { default: undefined, none: false }
+        },
+        duration: {
+            control: 'number',
+            description: 'Milliseconds before the alert hides, `null` to keep it open'
+        },
+        noTimeOut: { control: 'boolean' },
+        noClickAway: { control: 'boolean' },
+        closable: {
+            control: 'boolean',
+            description: 'Story only: passes `onClose: undefined` when off'
+        }
+    }
+};
+export default meta;
+const ShowAlertButton = ({ args }) => {
+    const { showAlert } = useAlert();
+    return (React.createElement(Button, { onClick: () => showAlert(makeOptions(args)) }, "Show alert"));
+};
+export const Default = {
+    args: {
+        message: 'Alert message',
+        severity: 'success',
+        variant: 'filled',
+        noTimeOut: false,
+        noClickAway: false,
+        closable: true
+    },
+    render: args => (React.createElement(AlertProvider, null,
+        React.createElement(ShowAlertButton, { args: args })))
+};

package/dist/providers/AlertProvider/index.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export interface AlertProviderProps {
+    children?: ReactNode;
+}
+declare const AlertProvider: React.FC<AlertProviderProps>;
+export default AlertProvider;

package/dist/providers/AlertProvider/index.js

@@ -0,0 +1,25 @@
+import { Alert, AlertTitle, Snackbar } from '@mui/material';
+import React, { useMemo, useState } from 'react';
+import { AlertContext } from './useAlert';
+const AlertProvider = ({ children }) => {
+    const [state, setState] = useState({ message: '', open: false });
+    const { open, message, title, duration, noTimeOut, noClickAway, ...alertProps } = state;
+    const value = useMemo(() => ({
+        showAlert: (options) => setState({ ...options, open: true })
+    }), []);
+    const close = () => setState(current => ({ ...current, open: false }));
+    const handleSnackbarClose = (_event, reason) => {
+        if (reason === 'clickaway' && noClickAway)
+            return;
+        if (reason === 'timeout' && noTimeOut)
+            return;
+        close();
+    };
+    return (React.createElement(AlertContext.Provider, { value: value },
+        children,
+        React.createElement(Snackbar, { open: open, autoHideDuration: duration, onClose: handleSnackbarClose },
+            React.createElement(Alert, { variant: "filled", elevation: 6, onClose: close, ...alertProps },
+                title && React.createElement(AlertTitle, null, title),
+                message))));
+};
+export default AlertProvider;

package/dist/providers/AlertProvider/useAlert.d.ts

@@ -0,0 +1,17 @@
+import type { AlertProps } from '@mui/material';
+export interface ShowAlertOptions extends Omit<AlertProps, 'title'> {
+    message: string;
+    title?: string;
+    /** Milliseconds before the alert hides, `null` to keep it open */
+    duration?: number | null;
+    /** Ignores the timeout set by `duration` */
+    noTimeOut?: boolean;
+    /** Keeps the alert open on a click outside of it */
+    noClickAway?: boolean;
+}
+export type ShowAlert = (options: ShowAlertOptions) => void;
+export interface AlertContextValue {
+    showAlert: ShowAlert;
+}
+export declare const AlertContext: import("react").Context<AlertContextValue | null>;
+export declare const useAlert: () => AlertContextValue;

package/dist/providers/AlertProvider/useAlert.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+export const AlertContext = createContext(null);
+export const useAlert = () => {
+    const context = useContext(AlertContext);
+    if (!context) {
+        throw new Error('useAlert must be used within a AlertProvider');
+    }
+    return context;
+};

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/dist/stories/ThemePlayground.stories.js

@@ -1,7 +1,7 @@
 import { Button, Stack, Chip } from '@mui/material';
 import React from 'react';
-import { TwakeMuiThemeProvider } from '../components/ThemeProvider';
 import { makePalette } from '../lib/makePalette';
+import { TwakeMuiThemeProvider } from '../providers/ThemeProvider';
 const CUSTOM_PALETTE = {
     Primary: {
         50: '#FFF9F6',

package/package.json

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