@telicent-oss/ds 4.0.0 → 4.1.0

package/dist/export.d.ts

@@ -108,12 +108,15 @@ import { FlattenedStyleTypeForFindIcon } from '@telicent-oss/ontologyservice';
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
 import { FormControlClasses } from '@mui/material';
 import { FormControlLabelClasses } from '@mui/material';
-import { FormControlLabelProps } from '@mui/material';
-import { FormControlProps } from '@mui/material';
+import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import { FormControlLabelProps as FormControlLabelProps_2 } from '@mui/material';
+import { FormControlProps } from '@mui/material/FormControl';
+import { FormControlProps as FormControlProps_2 } from '@mui/material';
 import { FormGroupClasses } from '@mui/material';
 import { FormGroupProps } from '@mui/material';
 import { FormHelperTextClasses } from '@mui/material';
-import { FormHelperTextProps } from '@mui/material';
+import { FormHelperTextProps } from '@mui/material/FormHelperText';
+import { FormHelperTextProps as FormHelperTextProps_2 } from '@mui/material';
 import { FormLabelClasses } from '@mui/material';
 import { FormLabelProps } from '@mui/material';
 import { ForwardedRef } from 'react';
@@ -218,6 +221,7 @@ import { RadioProps } from '@mui/material';
 import { RatingClasses } from '@mui/material';
 import { RatingProps } from '@mui/material';
 import { ReactNode } from 'react';
+import { Ref } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ScopedCssBaselineProps } from '@mui/material';
@@ -270,23 +274,29 @@ import { SwitchProps as SwitchProps_3 } from '@mui/material/Switch';
 import { SxProps } from '@mui/material';
 import { SxProps as SxProps_2 } from '@mui/material/styles';
 import { TabClasses } from '@mui/material';
-import { TableBodyProps } from '@mui/material';
+import { TableBodyProps } from '@mui/material/TableBody';
+import { TableBodyProps as TableBodyProps_2 } from '@mui/material';
 import { TableCellClasses } from '@mui/material';
-import { TableCellProps } from '@mui/material';
+import { TableCellProps } from '@mui/material/TableCell';
+import { TableCellProps as TableCellProps_2 } from '@mui/material';
 import { TableClasses } from '@mui/material';
 import { TableContainerProps } from '@mui/material';
 import { TableFooterProps } from '@mui/material';
-import { TableHeadProps } from '@mui/material';
+import { TableHeadProps } from '@mui/material/TableHead';
+import { TableHeadProps as TableHeadProps_2 } from '@mui/material';
 import { TablePaginationClasses } from '@mui/material';
 import { TablePaginationProps } from '@mui/material';
-import { TableProps } from '@mui/material';
+import { TableProps } from '@mui/material/Table';
+import { TableProps as TableProps_2 } from '@mui/material';
 import { TableRowClasses } from '@mui/material';
-import { TableRowProps } from '@mui/material';
+import { TableRowProps } from '@mui/material/TableRow';
+import { TableRowProps as TableRowProps_2 } from '@mui/material';
 import { TableSortLabelClasses } from '@mui/material';
 import { TableSortLabelProps } from '@mui/material';
-import { TabProps } from '@mui/material';
-import { TabsClasses } from '@mui/material';
-import { TabsProps } from '@mui/material';
+import { TabProps as TabProps_2 } from '@mui/material';
+import { TabProps as TabProps_3 } from '@mui/material/Tab';
+import { TabsOwnProps } from '@mui/material';
+import { TabsProps as TabsProps_2 } from '@mui/material/Tabs';
 import { TextFieldProps } from '@mui/material';
 import { Theme } from '@mui/material';
 import { Theme as Theme_2 } from '@mui/material/styles';
@@ -298,7 +308,8 @@ import { ToggleButtonProps as ToggleButtonProps_2 } from '@mui/material/ToggleBu
 import { ToolbarClasses } from '@mui/material';
 import { ToolbarProps } from '@mui/material';
 import { TooltipClasses } from '@mui/material';
-import { TooltipProps } from '@mui/material';
+import { TooltipProps } from '@mui/material/Tooltip';
+import { TooltipProps as TooltipProps_2 } from '@mui/material';
 import { TouchRippleClasses } from '@mui/material';
 import { TouchRippleProps } from '@mui/material/ButtonBase/TouchRipple';
 import { TreeViewBaseItem } from '@mui/x-tree-view';
@@ -311,6 +322,14 @@ import { UserInfo } from '@telicent-oss/fe-auth-lib';
 import { z } from 'zod';
 import { ZodTypeAny } from 'zod';
 
+declare type AccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+};
+
 export { Alert }
 
 export { AlertColor }
@@ -355,6 +374,13 @@ export declare interface AppInfoRowProps {
     id?: string;
 }
 
+export declare const AppSettings: default_3.FC<AppSettingsProps>;
+
+export declare type AppSettingsProps = PropsWithChildren<{
+    id?: string;
+    ariaLabel?: string;
+}>;
+
 export declare const AppSwitch: default_3.FC<{
     apps: AppSwitchLibraryType;
 }>;
@@ -1029,6 +1055,18 @@ export declare interface FloatingPanelToggleButtonProps extends Omit<ToggleButto
 
 export declare const FloppyDiskIcon: default_3.FC<SvgIconProps_2>;
 
+export declare const FormControl: default_3.FC<FormControlProps>;
+
+export declare const FormControlLabel: default_3.FC<FormControlLabelProps>;
+
+export { FormControlLabelProps }
+
+export { FormControlProps }
+
+export declare const FormHelperText: default_3.FC<FormHelperTextProps>;
+
+export { FormHelperTextProps }
+
 declare const generateComponentOverrides: (uiTheme: UITheme) => {
     MuiPaper: {
         styleOverrides: {
@@ -1039,10 +1077,10 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
     };
     MuiMenuItem: {
         styleOverrides: {
-            root: ({ theme }: MenuItemOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected" | "disableGutters"> & {
+            root: ({ theme }: MenuItemOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected" | "disableGutters"> & {
                 component?: ElementType;
             } & Record<string, unknown> & {
-                ownerState: MenuItemOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected" | "disableGutters"> & {
+                ownerState: MenuItemOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected" | "disableGutters"> & {
                     component?: ElementType;
                 } & Record<string, unknown>;
             } & {
@@ -1145,6 +1183,25 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
     MuiCssBaseline: {
         styleOverrides: (theme: Omit<Theme, "components">) => string;
     };
+    MuiTabs: {
+        styleOverrides: {
+            root: ({ theme }: TabsOwnProps & CommonProps & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "value" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "slots" | "slotProps" | "aria-label" | "aria-labelledby" | "onChange" | "action" | "centered" | "scrollButtons" | "allowScrollButtonsMobile" | "indicatorColor" | "orientation" | "ScrollButtonComponent" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+                component?: ElementType;
+            } & Record<string, unknown> & {
+                ownerState: TabsOwnProps & CommonProps & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "value" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "slots" | "slotProps" | "aria-label" | "aria-labelledby" | "onChange" | "action" | "centered" | "scrollButtons" | "allowScrollButtonsMobile" | "indicatorColor" | "orientation" | "ScrollButtonComponent" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+                    component?: ElementType;
+                } & Record<string, unknown>;
+            } & {
+                theme: Omit<Theme, "components">;
+            }) => {
+                borderBottom: string;
+                "&.MuiTabs-vertical": {
+                    borderBottom: string;
+                    borderInlineEnd: string;
+                };
+            };
+        };
+    };
     MuiCard: {
         variants: {
             props: {
@@ -1201,10 +1258,10 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
     };
     MuiButton: {
         styleOverrides: {
-            root: ({ theme }: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "disabled" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+            root: ({ theme }: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
                 component?: ElementType;
             } & Record<string, unknown> & {
-                ownerState: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "disabled" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+                ownerState: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
                     component?: ElementType;
                 } & Record<string, unknown>;
             } & {
@@ -1212,10 +1269,10 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
             }) => {
                 paddingInline: string;
             };
-            outlinedInherit: ({ theme }: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "disabled" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+            outlinedInherit: ({ theme }: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
                 component?: ElementType;
             } & Record<string, unknown> & {
-                ownerState: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "disabled" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+                ownerState: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
                     component?: ElementType;
                 } & Record<string, unknown>;
             } & {
@@ -1224,10 +1281,10 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
                 border: string;
                 boxShadow: string;
             };
-            outlinedPrimary: ({ theme }: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "disabled" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+            outlinedPrimary: ({ theme }: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
                 component?: ElementType;
             } & Record<string, unknown> & {
-                ownerState: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "disabled" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+                ownerState: ButtonOwnProps & Omit<ButtonBaseOwnProps, "classes"> & CommonProps & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
                     component?: ElementType;
                 } & Record<string, unknown>;
             } & {
@@ -1642,8 +1699,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiFormControl"];
         styleOverrides?: Partial<OverridesStyleRules<keyof FormControlClasses, "MuiFormControl", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<FormControlProps> | ((props: Partial<FormControlProps> & {
-                ownerState: Partial<FormControlProps>;
+            props: Partial<FormControlProps_2> | ((props: Partial<FormControlProps_2> & {
+                ownerState: Partial<FormControlProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -1654,8 +1711,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiFormControlLabel"];
         styleOverrides?: Partial<OverridesStyleRules<keyof FormControlLabelClasses, "MuiFormControlLabel", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<FormControlLabelProps> | ((props: Partial<FormControlLabelProps> & {
-                ownerState: Partial<FormControlLabelProps>;
+            props: Partial<FormControlLabelProps_2> | ((props: Partial<FormControlLabelProps_2> & {
+                ownerState: Partial<FormControlLabelProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -1678,8 +1735,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiFormHelperText"];
         styleOverrides?: Partial<OverridesStyleRules<keyof FormHelperTextClasses, "MuiFormHelperText", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<FormHelperTextProps> | ((props: Partial<FormHelperTextProps> & {
-                ownerState: Partial<FormHelperTextProps>;
+            props: Partial<FormHelperTextProps_2> | ((props: Partial<FormHelperTextProps_2> & {
+                ownerState: Partial<FormHelperTextProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2321,8 +2378,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiTab"];
         styleOverrides?: Partial<OverridesStyleRules<keyof TabClasses, "MuiTab", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<TabProps> | ((props: Partial<TabProps> & {
-                ownerState: Partial<TabProps>;
+            props: Partial<TabProps_2> | ((props: Partial<TabProps_2> & {
+                ownerState: Partial<TabProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2333,8 +2390,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiTable"];
         styleOverrides?: Partial<OverridesStyleRules<keyof TableClasses, "MuiTable", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<TableProps> | ((props: Partial<TableProps> & {
-                ownerState: Partial<TableProps>;
+            props: Partial<TableProps_2> | ((props: Partial<TableProps_2> & {
+                ownerState: Partial<TableProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2345,8 +2402,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiTableBody"];
         styleOverrides?: Partial<OverridesStyleRules<"root", "MuiTableBody", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<TableBodyProps> | ((props: Partial<TableBodyProps> & {
-                ownerState: Partial<TableBodyProps>;
+            props: Partial<TableBodyProps_2> | ((props: Partial<TableBodyProps_2> & {
+                ownerState: Partial<TableBodyProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2357,8 +2414,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiTableCell"];
         styleOverrides?: Partial<OverridesStyleRules<keyof TableCellClasses, "MuiTableCell", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<TableCellProps> | ((props: Partial<TableCellProps> & {
-                ownerState: Partial<TableCellProps>;
+            props: Partial<TableCellProps_2> | ((props: Partial<TableCellProps_2> & {
+                ownerState: Partial<TableCellProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2393,8 +2450,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiTableHead"];
         styleOverrides?: Partial<OverridesStyleRules<"root", "MuiTableHead", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<TableHeadProps> | ((props: Partial<TableHeadProps> & {
-                ownerState: Partial<TableHeadProps>;
+            props: Partial<TableHeadProps_2> | ((props: Partial<TableHeadProps_2> & {
+                ownerState: Partial<TableHeadProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2417,8 +2474,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiTableRow"];
         styleOverrides?: Partial<OverridesStyleRules<keyof TableRowClasses, "MuiTableRow", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<TableRowProps> | ((props: Partial<TableRowProps> & {
-                ownerState: Partial<TableRowProps>;
+            props: Partial<TableRowProps_2> | ((props: Partial<TableRowProps_2> & {
+                ownerState: Partial<TableRowProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2437,18 +2494,6 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
             }>;
         }[] | undefined;
     } | undefined;
-    MuiTabs?: {
-        defaultProps?: ComponentsProps["MuiTabs"];
-        styleOverrides?: Partial<OverridesStyleRules<keyof TabsClasses, "MuiTabs", Omit<Theme, "components">>> | undefined;
-        variants?: {
-            props: Partial<TabsProps> | ((props: Partial<TabsProps> & {
-                ownerState: Partial<TabsProps>;
-            }) => boolean);
-            style: Interpolation<    {
-            theme: Omit<Theme, "components">;
-            }>;
-        }[] | undefined;
-    } | undefined;
     MuiTextField?: {
         defaultProps?: ComponentsProps["MuiTextField"];
         styleOverrides?: Partial<OverridesStyleRules<"root", "MuiTextField", Omit<Theme, "components">>> | undefined;
@@ -2501,8 +2546,8 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
         defaultProps?: ComponentsProps["MuiTooltip"];
         styleOverrides?: Partial<OverridesStyleRules<keyof TooltipClasses, "MuiTooltip", Omit<Theme, "components">>> | undefined;
         variants?: {
-            props: Partial<TooltipProps> | ((props: Partial<TooltipProps> & {
-                ownerState: Partial<TooltipProps>;
+            props: Partial<TooltipProps_2> | ((props: Partial<TooltipProps_2> & {
+                ownerState: Partial<TooltipProps_2>;
             }) => boolean);
             style: Interpolation<    {
             theme: Omit<Theme, "components">;
@@ -2608,6 +2653,20 @@ export declare type IsAuthRedirectArgs = {
     url: string | URL;
 };
 
+export declare const LabeledSwitch: ({ text, subtext, checked, onChange, disabled, error, helperText, inputProps, ref, ...rest }: LabeledSwitchProps) => JSX.Element;
+
+export declare type LabeledSwitchProps = {
+    text: string;
+    subtext?: string;
+    checked?: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    inputProps?: SwitchProps_3["inputProps"];
+    ref?: Ref<HTMLButtonElement>;
+};
+
 export declare type LayerConfig = BaseRasterLayerConfig | BaseVectorTileLayerConfig | OverlayVectorLayerConfig;
 
 export declare type LayerMeta = {
@@ -3040,7 +3099,7 @@ export declare type PolygonType = "Polygon" | "MultiPolygon";
  * Things to know when using the PopOver component:
  * - The component is built on top of the Modal component.
  */
-export declare const PopOver: (props: PopOverProps) => JSX.Element;
+export declare const PopOver: ({ width, ...props }: PopOverProps) => JSX.Element;
 
 declare interface PopOverProps extends Omit<ModalProps, "children"> {
     /**
@@ -3093,6 +3152,9 @@ declare interface PopOverProps extends Omit<ModalProps, "children"> {
      * }
      */
     transformOrigin?: PopoverOrigin;
+    /**
+     * Fixed width for the popover paper, in pixels.
+     */
     width?: number;
 }
 
@@ -3547,6 +3609,99 @@ declare type SwitchProps_2 = Omit<SwitchProps_3, "color"> & {
     labelPlacement?: "end" | "start" | "top" | "bottom";
 };
 
+export declare const Tab: ({ value, ...props }: TabProps) => JSX.Element;
+
+export declare const Table: default_3.FC<TableProps>;
+
+export declare const TableBody: default_3.FC<TableBodyProps>;
+
+export { TableBodyProps }
+
+export declare const TableCell: default_3.FC<TableCellProps>;
+
+export { TableCellProps }
+
+export declare const TableHead: default_3.FC<TableHeadProps>;
+
+export { TableHeadProps }
+
+export { TableProps }
+
+export declare const TableRow: default_3.FC<TableRowProps>;
+
+export { TableRowProps }
+
+export declare const TabPanel: default_3.ForwardRefExoticComponent<Omit<default_3.HTMLAttributes<HTMLDivElement>, "hidden"> & {
+    /** Matches the `idPrefix` on this group's `Tabs`. */
+    idPrefix: string;
+    /** This panel's own value. */
+    value: TabValue;
+    /** The tab set's selected value — the same state `Tabs` receives. */
+    activeValue: TabValue;
+    /**
+     * Keep this panel's children mounted while it is hidden. Off by default, so
+     * an inactive panel costs nothing; on when the panel holds form state worth
+     * preserving across tab switches.
+     */
+    keepMounted?: boolean;
+} & default_3.RefAttributes<HTMLDivElement>>;
+
+export declare type TabPanelProps = Omit<default_3.HTMLAttributes<HTMLDivElement>, "hidden"> & {
+    /** Matches the `idPrefix` on this group's `Tabs`. */
+    idPrefix: string;
+    /** This panel's own value. */
+    value: TabValue;
+    /** The tab set's selected value — the same state `Tabs` receives. */
+    activeValue: TabValue;
+    /**
+     * Keep this panel's children mounted while it is hidden. Off by default, so
+     * an inactive panel costs nothing; on when the panel holds form state worth
+     * preserving across tab switches.
+     */
+    keepMounted?: boolean;
+};
+
+export declare type TabProps = Omit<TabProps_3, "value"> & {
+    /**
+     * Required, where MUI falls back to the child's index, and narrowed to
+     * `string | number` because it becomes part of a DOM id.
+     */
+    value: TabValue;
+};
+
+export declare const Tabs: default_3.ForwardRefExoticComponent<(Omit<Omit<TabsProps_2, "aria-label" | "aria-labelledby"> & {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} & {
+    /**
+     * Namespace for the `id` / `aria-controls` / `aria-labelledby` triple the
+     * DS wires between each `Tab` and its `TabPanel`. Unique per tab set on the
+     * page, and repeated on this group's `TabPanel`s.
+     */
+    idPrefix: string;
+}, "ref"> | Omit<Omit<TabsProps_2, "aria-label" | "aria-labelledby"> & {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+} & {
+    /**
+     * Namespace for the `id` / `aria-controls` / `aria-labelledby` triple the
+     * DS wires between each `Tab` and its `TabPanel`. Unique per tab set on the
+     * page, and repeated on this group's `TabPanel`s.
+     */
+    idPrefix: string;
+}, "ref">) & default_3.RefAttributes<HTMLDivElement>>;
+
+export declare type TabsProps = Omit<TabsProps_2, "aria-label" | "aria-labelledby"> & AccessibleName & {
+    /**
+     * Namespace for the `id` / `aria-controls` / `aria-labelledby` triple the
+     * DS wires between each `Tab` and its `TabPanel`. Unique per tab set on the
+     * page, and repeated on this group's `TabPanel`s.
+     */
+    idPrefix: string;
+};
+
+declare type TabValue = string | number;
+
 export declare const TelicentHorizontalSVG: default_3.FC<SvgIconProps_2>;
 
 export declare const TelicentMark: default_3.FC<TelicentMarkProps>;
@@ -3581,6 +3736,25 @@ export declare type TextProps = BaseProps & Partial<{
     variant: TypographyVariant | "subtitle2" | "overline" | "caption";
 }>;
 
+export declare const ThemeSwitch: ForwardRefExoticComponent<ThemeSwitchProps & RefAttributes<HTMLButtonElement>>;
+
+export declare type ThemeSwitchProps = {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    labelId?: string;
+    disabled?: boolean;
+    className?: string;
+};
+
+export declare const ThemeSwitchRow: ForwardRefExoticComponent<Omit<ThemeSwitchProps, "labelId"> & {
+hint?: string;
+} & RefAttributes<HTMLButtonElement>>;
+
+export declare type ThemeSwitchRowProps = Omit<ThemeSwitchProps, "labelId"> & {
+    hint?: string;
+};
+
 export declare const TitleAndContent: FC<TitleAndContentProps>;
 
 declare interface TitleAndContentProps {
@@ -3592,6 +3766,10 @@ export declare type ToggleFn = (id: string) => void;
 
 export declare const Toolbar: default_3.FC<ToolbarProps>;
 
+export declare const Tooltip: default_3.FC<TooltipProps>;
+
+export { TooltipProps }
+
 export declare const TooltipToggleButton: default_3.FC<TooltipToggleButtonProps>;
 
 declare interface TooltipToggleButtonProps extends Omit<ToggleButtonProps_2, "sx" | "classes" | "color"> {

package/package.json

@@ -7,13 +7,18 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "private": false,
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.5.1",
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@mui/lab": "5.0.0-alpha.170",
+    "@mui/material": "^5.16.7",
+    "@mui/x-date-pickers": "^8.9.2",
     "@react-spring/web": "^9.7.5",
     "@telicent-oss/fe-auth-lib": "1.0.4",
     "@telicent-oss/mui-icons-material": "^1.0.0",
@@ -56,7 +61,10 @@
     "test": "jest",
     "test:diff": "jest --watchAll=false --coverage=false --onlyChanged --bail",
     "test:diffMain": "jest --watchAll=false --coverage=false --changedSince=origin/main --bail",
+    "build:docs": "node scripts/build-docs-versions.mjs",
+    "prestorybook": "yarn build:docs",
     "storybook": "storybook dev -p 6006",
+    "prebuild-storybook": "yarn build:docs",
     "build-storybook": "storybook build",
     "storybook-docs": "storybook dev --docs --no-manager-cache",
     "build-storybook-docs": "storybook build --docs",
@@ -88,6 +96,23 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    },
+    "@mui/lab": {
+      "optional": true
+    },
+    "@mui/material": {
+      "optional": true
+    },
+    "@mui/x-date-pickers": {
+      "optional": true
+    }
+  },
   "browserslist": {
     "production": [
       ">0.2%",