@groupeactual/ui-kit 1.5.2 → 1.6.0-beta.4

package/dist/cjs/types/DesignSystemProvider.d.ts

@@ -1,13 +1,13 @@
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 type Theme = 'Default' | 'Ep';
 export interface DesignSystemContextValues {
     isDarkTheme: boolean;
     themeName: Theme;
     toggleDarkTheme: () => void;
 }
-export declare const DesignSystemContext: React.Context<DesignSystemContextValues>;
+export declare const DesignSystemContext: import("react").Context<DesignSystemContextValues>;
 interface Props {
     name?: Theme;
 }
-declare const DesignSystemProvider: ({ children, name: themeName }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+declare const DesignSystemProvider: ({ children, name: themeName, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
 export default DesignSystemProvider;

package/dist/cjs/types/components/Accordion/Accordion.d.ts

@@ -1,9 +1,11 @@
-import { MouseEventHandler } from 'react';
+import { MouseEventHandler, ReactNode } from 'react';
 import { AccordionProps } from '@mui/material';
 interface Props extends AccordionProps {
     title?: string;
     summaryHeight?: number;
     expanded?: boolean;
+    children: NonNullable<ReactNode>;
+    disabled?: boolean;
     onClick?: MouseEventHandler;
 }
 declare const Accordion: {

package/dist/cjs/types/components/Chip/Chip.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { ChipProps as ChipPropsMUI } from '@mui/material';
+import { MouseEvent } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { ChipProps as ChipPropsMUI } from '@mui/material';
 interface Props extends Omit<ChipPropsMUI, 'suffix' | 'prefix' | 'onDelete' | 'onDeleteIcon' | 'variant'> {
     variant: 'filled' | 'outlined' | 'status' | 'statusFilled';
     label: string;
     prefixIcon?: IconDefinition;
     suffixIcon?: IconDefinition;
-    suffixAction?: (e: React.MouseEvent) => void;
+    suffixAction?: (e: MouseEvent) => void;
     suffixTooltip?: string;
     tooltip?: string;
     maxWidth?: string | number;

package/dist/cjs/types/components/Datatable/Datatable.d.ts

@@ -1,3 +1,3 @@
 import { Props } from './datatable.interface';
-declare const Datatable: <T extends {}>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, ...props }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Datatable: <T extends object>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, ...props }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default Datatable;

package/dist/cjs/types/components/Datatable/DatatableCellRender.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DatatableCellRender: ({ data }: {
     data: string;
 }) => JSX.Element;

package/dist/cjs/types/components/Datatable/datatable.interface.d.ts

@@ -49,5 +49,5 @@ type WithDetailsProps<T, D> = {
 type WithoutDetailsProps<T> = {
     onLoad: () => Promise<DatatableDataSet<T>>;
 };
-export type Props<T extends {}> = BaseProps<T> & (WithoutPaginationProps | PaginationProps) & (WithDetailsProps<T, RowDetail> | WithoutDetailsProps<T>);
+export type Props<T extends object> = BaseProps<T> & (WithoutPaginationProps | PaginationProps) & (WithDetailsProps<T, RowDetail> | WithoutDetailsProps<T>);
 export {};

package/dist/cjs/types/components/Datatable/use-pagination-props.hook.d.ts

@@ -1,3 +1,3 @@
 import { PaginationProps, Props } from './datatable.interface';
-declare const usePaginationProps: <T extends {}>(props: {} | Props<T>) => Omit<PaginationProps, 'withPagination'>;
+declare const usePaginationProps: <T extends object>(props: Props<T> | object) => Omit<PaginationProps, "withPagination">;
 export default usePaginationProps;

package/dist/cjs/types/components/EmbbededNotification/EmbeddedNotification.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material';
+import { BoxProps } from '@mui/system';
 interface Props extends BoxProps {
     variant: 'warning' | 'error' | 'success' | 'infos';
     title: string;

package/dist/cjs/types/components/Form/DatePicker/DatePicker.d.ts

@@ -1,13 +1,14 @@
 import { DatePickerProps } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
 import 'dayjs/locale/fr';
-interface Props<T> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
-    value: T;
-    onChange: (value: T | null) => void;
+interface Props<T extends Dayjs> extends Omit<DatePickerProps<Dayjs>, 'onChange' | 'width'> {
+    value: T | null;
+    onChange: (value: Dayjs | null) => void;
     error?: string;
     success?: boolean;
     helperText?: string;
     width?: string;
     locale?: 'fr' | 'en';
 }
-declare const DatePicker: <T extends {} | undefined>({ value, onChange, error, success, helperText, width, locale, ...props }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const DatePicker: <T extends Dayjs>({ value, onChange, error, success, helperText, width, locale, ...props }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/cjs/types/components/Form/MultiSelect/MultiSelect.d.ts

@@ -1,18 +1,23 @@
+import { FocusEventHandler } from 'react';
 import { SelectProps } from '@mui/material';
 interface Props<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'value' | 'color' | 'error'> {
     label: string;
     options: T[] | [];
     helperText?: string;
     color?: 'success';
-    onChange: (value: T[]) => void;
-    getRenderValue: (option: T) => string;
-    getKeyValue: (option: T) => string;
     value: T[];
     width?: number | string;
     error?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onChange: (value: T[]) => void;
+    getRenderValue: (option: T) => string;
+    getKeyValue: (option: T) => string;
 }
 declare const MultiSelect: {
-    <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, onBlur, disabled, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, disabled, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MultiSelect;

package/dist/cjs/types/components/Form/Select/Select.d.ts

@@ -1,17 +1,22 @@
+import { BaseSyntheticEvent } from 'react';
 import { SelectProps } from '@mui/material';
 interface Props<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
     options: T[];
-    getRenderValue: (option: T) => string;
-    onChange: (value: T) => void;
+    placeholder?: string;
+    disabled?: boolean;
     label: string;
     helperText?: string;
     color?: 'success';
     value: T | undefined;
     width?: number | string;
     error?: string;
+    className?: string;
+    getRenderValue: (option: T) => string;
+    onChange: (value: T) => void;
+    onBlur?: (event: BaseSyntheticEvent) => void;
 }
 declare const Select: {
-    <T>({ value, label, options, color, error, placeholder, onChange, getRenderValue, helperText, onBlur, width, disabled, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T>({ value, label, options, color, error, placeholder, helperText, width, disabled, onChange, getRenderValue, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Select;

package/dist/cjs/types/components/Form/TextField/TextField.d.ts

@@ -1,9 +1,7 @@
-import { FocusEventHandler, ReactNode } from 'react';
-import { InputProps as StandardInputProps, TextFieldProps } from '@mui/material';
+import React, { FocusEventHandler, ReactNode } from 'react';
+import { TextFieldProps } from '@mui/material';
 interface Props extends Omit<TextFieldProps, 'error'> {
     error?: string;
-    onBlur?: FocusEventHandler<unknown>;
-    onChange?: StandardInputProps['onChange'];
     label: string;
     value?: string | unknown;
     name?: string;
@@ -12,6 +10,9 @@ interface Props extends Omit<TextFieldProps, 'error'> {
     endAdornment?: ReactNode;
     maxLength?: number;
     width?: number | string;
+    className?: string;
+    onBlur?: FocusEventHandler<unknown>;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 }
 declare const TextField: {
     ({ name, value, error, onBlur, onChange, label, disabled, width, endAdornment, placeholder, maxLength, ...props }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { IconButtonProps } from '@mui/material';
+import { IconButtonProps, SxProps, Theme } from '@mui/material';
 import { Placement } from '../Tooltip/tooltip.interface';
 interface Props extends IconButtonProps {
     icon: IconDefinition;
@@ -7,6 +7,9 @@ interface Props extends IconButtonProps {
     positionGroup?: 'left' | 'middle' | 'right';
     tooltipText?: string;
     tooltipPosition?: Placement;
+    size?: 'small' | 'medium';
+    sx?: SxProps<Theme>;
+    onClick?: () => void;
 }
 declare const IconButton: {
     ({ icon, variant, positionGroup, tooltipText, tooltipPosition, size, ...iconButtonProps }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/IconProvider/IconProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { BoxProps } from '@mui/material';
 declare const FontSizes: {

package/dist/cjs/types/components/Modal/Dialog/Dialog.d.ts

@@ -1,3 +1,3 @@
 import { ModalProps } from '../modal.interface';
-declare const Dialog: ({ title, open, onClose, component, icon, ...props }: Omit<ModalProps, 'footer' | 'cardProps' | 'size'>) => import("react/jsx-runtime").JSX.Element;
+declare const Dialog: ({ title, open, onClose, component, icon, ...props }: Omit<ModalProps, "footer" | "cardProps" | "size">) => import("react/jsx-runtime").JSX.Element;
 export default Dialog;

package/dist/cjs/types/components/Modal/Drawer/Drawer.d.ts

@@ -1,3 +1,3 @@
 import { ModalProps } from '../modal.interface';
-declare const Drawer: ({ title, open, onClose, component, footer, cardProps, size, ...props }: Omit<ModalProps, 'withHeaderDivider' | 'icon'>) => import("react/jsx-runtime").JSX.Element;
+declare const Drawer: ({ title, open, onClose, component, footer, cardProps, size, ...props }: Omit<ModalProps, "withHeaderDivider" | "icon">) => import("react/jsx-runtime").JSX.Element;
 export default Drawer;

package/dist/cjs/types/components/Modal/modal.interface.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactNode } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { CardProps } from '@mui/material';
 import { ModalProps as ModalPropsMUI } from '@mui/material/Modal';
@@ -10,15 +10,15 @@ export interface ModalProps extends Omit<ModalPropsMUI, 'component' | 'open' | '
     open: boolean;
     title?: string;
     size?: 'small' | 'large';
-    component: ReactElement<any> | null;
-    footer?: ReactElement<any> | null;
+    component: ReactNode | null;
+    footer?: ReactNode | null;
     cardProps?: Partial<CardProps>;
     className?: string;
     icon?: IconDefinition;
     onClose?: () => void;
 }
 export type DialogTitleProps<T extends OverridableTypeMap> = DefaultComponentProps<T> & {
-    children?: React.ReactNode;
+    children?: ReactNode;
     icon?: IconDefinition | null;
     onClose: () => void;
 };

package/dist/cjs/types/components/NotistackAdapter/NotistackAdapter.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CustomContentProps } from 'notistack';
-declare const NotistackAdapter: React.ForwardRefExoticComponent<CustomContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const NotistackAdapter: import("react").ForwardRefExoticComponent<CustomContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export default NotistackAdapter;

package/dist/cjs/types/components/UploadDocument/FileUploaderSingle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Props {
     setFile: (file: File | null) => void;
     removeExistingFile: () => void;

package/dist/es/index.d.ts

@@ -1,10 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TypographyProps, LinkProps, ButtonProps, TextFieldProps, InputProps, SelectProps, CheckboxProps, RadioGroupProps, AccordionProps, BreadcrumbsProps, BoxProps, ChipProps, TooltipProps, AutocompleteProps, AlertProps, SxProps, Theme as Theme$1, CardProps, SwitchProps, IconButtonProps } from '@mui/material';
-import React, { ReactNode, FocusEventHandler, MouseEventHandler, ReactElement, PropsWithChildren } from 'react';
+import { TypographyProps, LinkProps, ButtonProps, TextFieldProps, SelectProps, CheckboxProps, RadioGroupProps, AccordionProps, BreadcrumbsProps, BoxProps, ChipProps, TooltipProps, AutocompleteProps, AlertProps, SxProps, Theme as Theme$1, CardProps, SwitchProps, IconButtonProps } from '@mui/material';
+import * as react from 'react';
+import react__default, { ReactNode, FocusEventHandler, BaseSyntheticEvent, MouseEventHandler, MouseEvent, ReactElement, PropsWithChildren } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { BoxProps as BoxProps$1 } from '@mui/system';
 import { CustomContentProps } from 'notistack';
 import { ModalProps as ModalProps$1 } from '@mui/material/Modal';
 import { DatePickerProps } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
 
 interface Props$o extends Omit<TypographyProps, 'variant'> {
     variant?: 'bigNumber' | 'body1' | 'body1Regular' | 'body1Medium' | 'body1Bold' | 'body2' | 'body2Regular' | 'body2Medium' | 'body2Bold' | 'caption' | 'buttonNotif' | 'header1' | 'header2' | 'header3' | 'header4' | 'h1' | 'h2' | 'h3' | 'h4' | 'link1' | 'link2';
@@ -35,8 +38,6 @@ declare const Button: {
 
 interface Props$l extends Omit<TextFieldProps, 'error'> {
     error?: string;
-    onBlur?: FocusEventHandler<unknown>;
-    onChange?: InputProps['onChange'];
     label: string;
     value?: string | unknown;
     name?: string;
@@ -45,6 +46,9 @@ interface Props$l extends Omit<TextFieldProps, 'error'> {
     endAdornment?: ReactNode;
     maxLength?: number;
     width?: number | string;
+    className?: string;
+    onBlur?: FocusEventHandler<unknown>;
+    onChange?: (e: react__default.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
 }
 declare const TextField: {
     ({ name, value, error, onBlur, onChange, label, disabled, width, endAdornment, placeholder, maxLength, ...props }: Props$l): react_jsx_runtime.JSX.Element;
@@ -53,17 +57,21 @@ declare const TextField: {
 
 interface Props$k<T> extends Omit<SelectProps<T>, 'value' | 'onChange' | 'color' | 'error'> {
     options: T[];
-    getRenderValue: (option: T) => string;
-    onChange: (value: T) => void;
+    placeholder?: string;
+    disabled?: boolean;
     label: string;
     helperText?: string;
     color?: 'success';
     value: T | undefined;
     width?: number | string;
     error?: string;
+    className?: string;
+    getRenderValue: (option: T) => string;
+    onChange: (value: T) => void;
+    onBlur?: (event: BaseSyntheticEvent) => void;
 }
 declare const Select: {
-    <T>({ value, label, options, color, error, placeholder, onChange, getRenderValue, helperText, onBlur, width, disabled, ...props }: Props$k<T>): react_jsx_runtime.JSX.Element;
+    <T>({ value, label, options, color, error, placeholder, helperText, width, disabled, onChange, getRenderValue, ...props }: Props$k<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -72,15 +80,19 @@ interface Props$j<T> extends Omit<SelectProps<T[]>, 'value' | 'onChange' | 'valu
     options: T[] | [];
     helperText?: string;
     color?: 'success';
-    onChange: (value: T[]) => void;
-    getRenderValue: (option: T) => string;
-    getKeyValue: (option: T) => string;
     value: T[];
     width?: number | string;
     error?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+    onChange: (value: T[]) => void;
+    getRenderValue: (option: T) => string;
+    getKeyValue: (option: T) => string;
 }
 declare const MultiSelect: {
-    <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, onBlur, disabled, ...props }: Props$j<T>): react_jsx_runtime.JSX.Element;
+    <T>({ value, label, options, color, error, placeholder, helperText, width, getRenderValue, getKeyValue, onChange, disabled, ...props }: Props$j<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -141,6 +153,8 @@ interface Props$g extends AccordionProps {
     title?: string;
     summaryHeight?: number;
     expanded?: boolean;
+    children: NonNullable<ReactNode>;
+    disabled?: boolean;
     onClick?: MouseEventHandler;
 }
 declare const Accordion: {
@@ -201,7 +215,7 @@ interface Props$c extends Omit<ChipProps, 'suffix' | 'prefix' | 'onDelete' | 'on
     label: string;
     prefixIcon?: IconDefinition;
     suffixIcon?: IconDefinition;
-    suffixAction?: (e: React.MouseEvent) => void;
+    suffixAction?: (e: MouseEvent) => void;
     suffixTooltip?: string;
     tooltip?: string;
     maxWidth?: string | number;
@@ -212,7 +226,7 @@ declare const Chip: {
     displayName: string;
 };
 
-interface Props$b extends BoxProps {
+interface Props$b extends BoxProps$1 {
     variant: 'warning' | 'error' | 'success' | 'infos';
     title: string;
     text?: ReactNode;
@@ -285,7 +299,7 @@ interface Props$8 {
 declare const FileUploaderSingle: ({ setFile, error, helperText, removeExistingFile, onTouched, accept, title, disabledInput, children, fileUrl, fileName, titleAddButton, }: Props$8) => react_jsx_runtime.JSX.Element;
 
 interface Props$7 extends Omit<AlertProps, 'severity' | 'text'> {
-    text: string | React.ReactNode;
+    text: string | react__default.ReactNode;
     severity: 'success' | 'warning' | 'error' | 'info';
 }
 declare const Snackbar: {
@@ -293,7 +307,7 @@ declare const Snackbar: {
     displayName: string;
 };
 
-declare const NotistackAdapter: React.ForwardRefExoticComponent<CustomContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const NotistackAdapter: react.ForwardRefExoticComponent<CustomContentProps & react.RefAttributes<HTMLDivElement>>;
 
 interface Props$6 extends AlertProps {
     text: string;
@@ -328,17 +342,17 @@ interface ModalProps extends Omit<ModalProps$1, 'component' | 'open' | 'classNam
     open: boolean;
     title?: string;
     size?: 'small' | 'large';
-    component: ReactElement<any> | null;
-    footer?: ReactElement<any> | null;
+    component: ReactNode | null;
+    footer?: ReactNode | null;
     cardProps?: Partial<CardProps>;
     className?: string;
     icon?: IconDefinition;
     onClose?: () => void;
 }
 
-declare const Drawer: ({ title, open, onClose, component, footer, cardProps, size, ...props }: Omit<ModalProps, 'withHeaderDivider' | 'icon'>) => react_jsx_runtime.JSX.Element;
+declare const Drawer: ({ title, open, onClose, component, footer, cardProps, size, ...props }: Omit<ModalProps, "withHeaderDivider" | "icon">) => react_jsx_runtime.JSX.Element;
 
-declare const Dialog: ({ title, open, onClose, component, icon, ...props }: Omit<ModalProps, 'footer' | 'cardProps' | 'size'>) => react_jsx_runtime.JSX.Element;
+declare const Dialog: ({ title, open, onClose, component, icon, ...props }: Omit<ModalProps, "footer" | "cardProps" | "size">) => react_jsx_runtime.JSX.Element;
 
 interface Props$4 {
     label: string;
@@ -351,16 +365,16 @@ declare const Switch: {
     displayName: string;
 };
 
-interface Props$3<T> extends Omit<DatePickerProps<T>, 'onChange' | 'width'> {
-    value: T;
-    onChange: (value: T | null) => void;
+interface Props$3<T extends Dayjs> extends Omit<DatePickerProps<Dayjs>, 'onChange' | 'width'> {
+    value: T | null;
+    onChange: (value: Dayjs | null) => void;
     error?: string;
     success?: boolean;
     helperText?: string;
     width?: string;
     locale?: 'fr' | 'en';
 }
-declare const DatePicker: <T extends {} | undefined>({ value, onChange, error, success, helperText, width, locale, ...props }: Props$3<T>) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: <T extends Dayjs>({ value, onChange, error, success, helperText, width, locale, ...props }: Props$3<T>) => react_jsx_runtime.JSX.Element;
 
 type Order = 'asc' | 'desc';
 interface SortInfo {
@@ -412,9 +426,9 @@ type WithDetailsProps<T, D> = {
 type WithoutDetailsProps<T> = {
     onLoad: () => Promise<DatatableDataSet<T>>;
 };
-type Props$2<T extends {}> = BaseProps<T> & (WithoutPaginationProps | PaginationProps) & (WithDetailsProps<T, RowDetail> | WithoutDetailsProps<T>);
+type Props$2<T extends object> = BaseProps<T> & (WithoutPaginationProps | PaginationProps) & (WithDetailsProps<T, RowDetail> | WithoutDetailsProps<T>);
 
-declare const Datatable: <T extends {}>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, ...props }: Props$2<T>) => react_jsx_runtime.JSX.Element;
+declare const Datatable: <T extends object>({ onLoad, onSort, sortInfo, withHeader, withPagination, columns, ...props }: Props$2<T>) => react_jsx_runtime.JSX.Element;
 
 declare const DatatableCellRender: ({ data }: {
     data: string;
@@ -426,6 +440,9 @@ interface Props$1 extends IconButtonProps {
     positionGroup?: 'left' | 'middle' | 'right';
     tooltipText?: string;
     tooltipPosition?: Placement;
+    size?: 'small' | 'medium';
+    sx?: SxProps<Theme$1>;
+    onClick?: () => void;
 }
 declare const IconButton: {
     ({ icon, variant, positionGroup, tooltipText, tooltipPosition, size, ...iconButtonProps }: Props$1): react_jsx_runtime.JSX.Element;
@@ -438,10 +455,10 @@ interface DesignSystemContextValues {
     themeName: Theme;
     toggleDarkTheme: () => void;
 }
-declare const DesignSystemContext: React.Context<DesignSystemContextValues>;
+declare const DesignSystemContext: react.Context<DesignSystemContextValues>;
 interface Props {
     name?: Theme;
 }
-declare const DesignSystemProvider: ({ children, name: themeName }: PropsWithChildren<Props>) => react_jsx_runtime.JSX.Element;
+declare const DesignSystemProvider: ({ children, name: themeName, }: PropsWithChildren<Props>) => react_jsx_runtime.JSX.Element;
 
 export { Accordion, AutocompleteMultipleSelect as AutoCompleteMulti, AutoCompleteSingle, BannerNotification, Breadcrumbs, Button, Checkbox, CheckboxGroup, Chip, Datatable, DatatableCellRender, DatePicker, DesignSystemContext, type DesignSystemContextValues, DesignSystemProvider, Dialog, Drawer, EmbeddedNotification, FileUploaderSingle, IconButton, IconProvider, Link, MultiSelect, NotistackAdapter, Pagination, RadioGroup, Select, Snackbar, Stepper, Switch, Text, TextField, Tooltip };