@atomazing-org/design-system 1.2.9 → 2.0.2

package/dist/index.d.ts

@@ -1,911 +1,8 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as _emotion_react from '@emotion/react';
-import * as react from 'react';
-import react__default, { ErrorInfo, FC, PropsWithChildren } from 'react';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material from '@mui/material';
-import { Theme as Theme$1, Components, TypographyVariantsOptions } from '@mui/material';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _mui_material_styles from '@mui/material/styles';
-import { Theme, ThemeOptions, PaletteMode } from '@mui/material/styles';
-import { O as OptionItem, T as ThemeContextProps, a as ThemePreset, N as NamedThemeOptions, D as DarkModeOptions, b as ThemeModeBackground, c as NormalizedPreset, A as AppSettings } from './typography-Dq0wCojD.js';
-export { C as CustomTypographyVariants, d as DarkModeSetting, e as ThemeId, f as ThemeScheme } from './typography-Dq0wCojD.js';
-
-declare const DialogBtn: _emotion_styled.StyledComponent<_mui_material.ButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "variant"> & {
-    theme?: _emotion_react.Theme;
-}, {}, {}>;
-
-interface ErrorBoundaryProps {
-    children: react__default.ReactNode;
-}
-interface ErrorBoundaryState {
-    hasError: boolean;
-    error?: Error;
-}
-/**
- * ErrorBoundary component that catches and displays errors.
- */
-declare class ErrorBoundary extends react__default.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | Iterable<react__default.ReactNode> | Promise<string | number | bigint | boolean | react__default.ReactPortal | react__default.ReactElement<unknown, string | react__default.JSXElementConstructor<any>> | Iterable<react__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
-}
-
-declare const Loading: () => react_jsx_runtime.JSX.Element;
-
-declare const PathName: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme;
-    as?: React.ElementType;
-}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-
-declare const editorialClassic: {
-    name: string;
-    direction: "rtl";
-    palette: {
-        mode: "light";
-        primary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        secondary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        info: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        success: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        warning: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        error: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        background: {
-            default: string;
-            paper: string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            disabled: string;
-        };
-        divider: string;
-        grey: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        action: {
-            hover: string;
-            selected: string;
-            focus: string;
-            active: string;
-            disabled: string;
-            disabledBackground: string;
-        };
-    };
-    typography: {
-        fontFamily: "\"Source Serif 4\",\"Noto Naskh Arabic\",\"Tajawal\",\"Cairo\",\"Georgia\",\"Times New Roman\",serif";
-        h1: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: number;
-            letterSpacing: string;
-        };
-        h2: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: number;
-            letterSpacing: string;
-        };
-        h3: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: number;
-        };
-        h4: {
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: number;
-        };
-        subtitle1: {
-            fontWeight: number;
-            fontSize: string;
-        };
-        subtitle2: {
-            fontWeight: number;
-            fontSize: string;
-        };
-        body1: {
-            fontSize: string;
-            lineHeight: number;
-        };
-        body2: {
-            fontSize: string;
-            lineHeight: number;
-        };
-        button: {
-            textTransform: "none";
-            fontWeight: number;
-        };
-        caption: {
-            fontSize: string;
-        };
-        overline: {
-            fontSize: string;
-            letterSpacing: string;
-        };
-    };
-    shape: {
-        borderRadius: number;
-    };
-    spacing: number;
-    components: {
-        MuiCssBaseline: {
-            styleOverrides: (theme: Omit<_mui_material_styles.Theme, "components">) => {
-                body: {
-                    backgroundColor: string;
-                    color: string;
-                };
-            };
-        };
-        MuiPaper: {
-            styleOverrides: {
-                root: ({ theme }: _mui_material.PaperOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & {
-                    component?: React.ElementType;
-                } & Record<string, unknown> & {
-                    ownerState: _mui_material.PaperOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & {
-                        component?: React.ElementType;
-                    } & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    borderRadius: number;
-                    backgroundImage: "none";
-                    border: string;
-                };
-            };
-        };
-        MuiCard: {
-            styleOverrides: {
-                root: ({ theme }: _mui_material.CardOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "sx" | "variant" | "elevation" | "square" | "raised"> & {
-                    component?: React.ElementType;
-                } & Record<string, unknown> & {
-                    ownerState: _mui_material.CardOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "sx" | "variant" | "elevation" | "square" | "raised"> & {
-                        component?: React.ElementType;
-                    } & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    borderRadius: number;
-                    border: string;
-                };
-            };
-        };
-        MuiAppBar: {
-            defaultProps: {
-                color: "inherit";
-                elevation: number;
-            };
-            styleOverrides: {
-                root: ({ theme }: _mui_material.AppBarOwnProps & Omit<_mui_material.PaperOwnProps, "classes" | "color" | "position"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "style" | "className" | "classes" | "children" | "sx" | "color" | "position" | "variant" | "elevation" | "square" | "enableColorOnDark"> & {
-                    component?: React.ElementType;
-                } & Record<string, unknown> & {
-                    ownerState: _mui_material.AppBarOwnProps & Omit<_mui_material.PaperOwnProps, "classes" | "color" | "position"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "style" | "className" | "classes" | "children" | "sx" | "color" | "position" | "variant" | "elevation" | "square" | "enableColorOnDark"> & {
-                        component?: React.ElementType;
-                    } & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    backgroundColor: string;
-                    borderBottom: string;
-                };
-            };
-        };
-        MuiButton: {
-            defaultProps: {
-                disableElevation: true;
-            };
-            styleOverrides: {
-                root: {
-                    borderRadius: number;
-                    paddingInline: number;
-                    paddingBlock: number;
-                };
-                outlined: {
-                    borderWidth: number;
-                };
-            };
-        };
-        MuiLink: {
-            styleOverrides: {
-                root: {
-                    textDecorationThickness: string;
-                    textUnderlineOffset: string;
-                };
-            };
-        };
-        MuiOutlinedInput: {
-            styleOverrides: {
-                root: {
-                    borderRadius: number;
-                };
-                notchedOutline: ({ theme }: _mui_material.OutlinedInputProps & Record<string, unknown> & {
-                    ownerState: _mui_material.OutlinedInputProps & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    borderColor: string;
-                };
-            };
-        };
-        MuiInputLabel: {
-            styleOverrides: {
-                root: {
-                    fontWeight: number;
-                };
-            };
-        };
-        MuiTabs: {
-            styleOverrides: {
-                root: {
-                    minHeight: number;
-                };
-                indicator: {
-                    height: number;
-                    borderRadius: number;
-                };
-            };
-        };
-        MuiTab: {
-            styleOverrides: {
-                root: {
-                    minHeight: number;
-                    fontWeight: number;
-                    paddingInline: number;
-                };
-            };
-        };
-        MuiTableHead: {
-            styleOverrides: {
-                root: ({ theme }: _mui_material.TableHeadOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "style" | "className" | "classes" | "children" | "sx"> & {
-                    component?: React.ElementType;
-                } & Record<string, unknown> & {
-                    ownerState: _mui_material.TableHeadOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "style" | "className" | "classes" | "children" | "sx"> & {
-                        component?: React.ElementType;
-                    } & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    backgroundColor: string;
-                };
-            };
-        };
-        MuiTableCell: {
-            styleOverrides: {
-                head: ({ theme }: _mui_material.TableCellProps & Record<string, unknown> & {
-                    ownerState: _mui_material.TableCellProps & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    fontWeight: number;
-                    borderBottom: string;
-                };
-                body: ({ theme }: _mui_material.TableCellProps & Record<string, unknown> & {
-                    ownerState: _mui_material.TableCellProps & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    borderBottom: string;
-                };
-            };
-        };
-        MuiDivider: {
-            styleOverrides: {
-                root: ({ theme }: _mui_material.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "style" | "className" | "classes" | "children" | "sx" | "textAlign" | "variant" | "orientation" | "light" | "absolute" | "flexItem"> & {
-                    component?: React.ElementType;
-                } & Record<string, unknown> & {
-                    ownerState: _mui_material.DividerOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "style" | "className" | "classes" | "children" | "sx" | "textAlign" | "variant" | "orientation" | "light" | "absolute" | "flexItem"> & {
-                        component?: React.ElementType;
-                    } & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    borderColor: string;
-                };
-            };
-        };
-        MuiAlert: {
-            styleOverrides: {
-                root: ({ theme }: _mui_material.AlertProps & Record<string, unknown> & {
-                    ownerState: _mui_material.AlertProps & Record<string, unknown>;
-                } & {
-                    theme: Omit<_mui_material_styles.Theme, "components">;
-                }) => {
-                    borderRadius: number;
-                    border: string;
-                };
-            };
-        };
-        MuiTooltip: {
-            styleOverrides: {
-                tooltip: {
-                    borderRadius: number;
-                    fontSize: string;
-                };
-            };
-        };
-        MuiSnackbarContent: {
-            styleOverrides: {
-                root: {
-                    borderRadius: number;
-                };
-            };
-        };
-    };
-};
-
-declare const modernMinimal: {
-    name: string;
-    direction: "rtl";
-    palette: {
-        mode: "light";
-        primary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        secondary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        info: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        success: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        warning: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        error: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        background: {
-            default: string;
-            paper: string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            disabled: string;
-        };
-        divider: string;
-        grey: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        action: {
-            hover: string;
-            selected: string;
-            focus: string;
-            active: string;
-            disabled: string;
-            disabledBackground: string;
-        };
-    };
-    typography: {
-        readonly fontFamily: "\"IBM Plex Sans\",\"Tajawal\",\"Cairo\",\"Noto Sans Arabic\",\"Inter\",\"Arial\",sans-serif";
-        readonly h1: {
-            readonly fontWeight: 900;
-            readonly fontSize: "2.1rem";
-            readonly lineHeight: 1.16;
-            readonly letterSpacing: "-0.03em";
-        };
-        readonly h2: {
-            readonly fontWeight: 800;
-            readonly fontSize: "1.68rem";
-            readonly lineHeight: 1.22;
-            readonly letterSpacing: "-0.02em";
-        };
-        readonly h3: {
-            readonly fontWeight: 700;
-            readonly fontSize: "1.32rem";
-            readonly lineHeight: 1.3;
-            readonly letterSpacing: "-0.01em";
-        };
-        readonly h4: {
-            readonly fontWeight: 700;
-            readonly fontSize: "1.08rem";
-            readonly lineHeight: 1.4;
-        };
-        readonly subtitle1: {
-            readonly fontWeight: 600;
-            readonly fontSize: "0.94rem";
-        };
-        readonly subtitle2: {
-            readonly fontWeight: 600;
-            readonly fontSize: "0.86rem";
-        };
-        readonly body1: {
-            readonly fontSize: "0.94rem";
-            readonly lineHeight: 1.62;
-        };
-        readonly body2: {
-            readonly fontSize: "0.86rem";
-            readonly lineHeight: 1.56;
-        };
-        readonly button: {
-            readonly textTransform: "uppercase";
-            readonly fontWeight: 700;
-            readonly letterSpacing: "0.05em";
-        };
-        readonly caption: {
-            readonly fontSize: "0.74rem";
-        };
-        readonly overline: {
-            readonly fontSize: "0.72rem";
-            readonly letterSpacing: "0.12em";
-            readonly textTransform: "uppercase";
-        };
-    };
-    shape: {
-        borderRadius: number;
-    };
-    spacing: number;
-    components: _mui_material_styles.Components<Omit<Theme, "components">> | undefined;
-};
-
-declare const neoGlass: {
-    name: string;
-    direction: "rtl";
-    palette: {
-        mode: "light";
-        primary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        secondary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        info: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        success: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        warning: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        error: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        background: {
-            default: string;
-            paper: string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            disabled: string;
-        };
-        divider: string;
-        grey: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        action: {
-            hover: string;
-            selected: string;
-            focus: string;
-            active: string;
-            disabled: string;
-            disabledBackground: string;
-        };
-    };
-    typography: {
-        readonly fontFamily: "\"Space Grotesk\",\"Tajawal\",\"Cairo\",\"Noto Sans Arabic\",\"Inter\",\"Roboto\",\"Arial\",sans-serif";
-        readonly h1: {
-            readonly fontWeight: 800;
-            readonly fontSize: "2.08rem";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "-0.025em";
-        };
-        readonly h2: {
-            readonly fontWeight: 800;
-            readonly fontSize: "1.56rem";
-            readonly lineHeight: 1.25;
-            readonly letterSpacing: "-0.02em";
-        };
-        readonly h3: {
-            readonly fontWeight: 700;
-            readonly fontSize: "1.28rem";
-            readonly lineHeight: 1.32;
-        };
-        readonly h4: {
-            readonly fontWeight: 700;
-            readonly fontSize: "1.13rem";
-            readonly lineHeight: 1.4;
-        };
-        readonly subtitle1: {
-            readonly fontWeight: 700;
-            readonly fontSize: "0.95rem";
-        };
-        readonly subtitle2: {
-            readonly fontWeight: 700;
-            readonly fontSize: "0.875rem";
-        };
-        readonly body1: {
-            readonly fontSize: "0.95rem";
-            readonly lineHeight: 1.64;
-        };
-        readonly body2: {
-            readonly fontSize: "0.875rem";
-            readonly lineHeight: 1.58;
-        };
-        readonly button: {
-            readonly textTransform: "none";
-            readonly fontWeight: 700;
-            readonly letterSpacing: "0.01em";
-        };
-        readonly caption: {
-            readonly fontSize: "0.75rem";
-        };
-        readonly overline: {
-            readonly fontSize: "0.75rem";
-            readonly letterSpacing: "0.08em";
-        };
-    };
-    shape: {
-        borderRadius: number;
-    };
-    spacing: number;
-    components: _mui_material_styles.Components<Omit<Theme, "components">> | undefined;
-};
-
-declare const retroTerminal: {
-    name: string;
-    direction: "rtl";
-    palette: {
-        mode: "light";
-        primary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        secondary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        info: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        success: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        warning: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        error: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        background: {
-            default: string;
-            paper: string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            disabled: string;
-        };
-        divider: string;
-        grey: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        action: {
-            hover: string;
-            selected: string;
-            focus: string;
-            active: string;
-            disabled: string;
-            disabledBackground: string;
-        };
-    };
-    typography: {
-        readonly fontFamily: "\"IBM Plex Mono\",\"JetBrains Mono\",\"Tajawal\",\"Cairo\",\"Noto Sans Arabic\",\"Roboto Mono\",\"Consolas\",\"Arial\",monospace";
-        readonly h1: {
-            readonly fontWeight: 800;
-            readonly fontSize: "1.85rem";
-            readonly lineHeight: 1.2;
-            readonly letterSpacing: "0.03em";
-        };
-        readonly h2: {
-            readonly fontWeight: 800;
-            readonly fontSize: "1.42rem";
-            readonly lineHeight: 1.24;
-            readonly letterSpacing: "0.025em";
-        };
-        readonly h3: {
-            readonly fontWeight: 800;
-            readonly fontSize: "1.14rem";
-            readonly lineHeight: 1.3;
-            readonly letterSpacing: "0.02em";
-        };
-        readonly h4: {
-            readonly fontWeight: 700;
-            readonly fontSize: "1.02rem";
-            readonly lineHeight: 1.35;
-            readonly letterSpacing: "0.015em";
-        };
-        readonly subtitle1: {
-            readonly fontWeight: 700;
-            readonly fontSize: "0.92rem";
-            readonly letterSpacing: "0.02em";
-        };
-        readonly subtitle2: {
-            readonly fontWeight: 700;
-            readonly fontSize: "0.84rem";
-            readonly letterSpacing: "0.02em";
-        };
-        readonly body1: {
-            readonly fontSize: "0.92rem";
-            readonly lineHeight: 1.72;
-        };
-        readonly body2: {
-            readonly fontSize: "0.84rem";
-            readonly lineHeight: 1.62;
-        };
-        readonly button: {
-            readonly textTransform: "uppercase";
-            readonly fontWeight: 800;
-            readonly letterSpacing: "0.08em";
-        };
-        readonly caption: {
-            readonly fontSize: "0.73rem";
-            readonly letterSpacing: "0.03em";
-        };
-        readonly overline: {
-            readonly fontSize: "0.7rem";
-            readonly letterSpacing: "0.14em";
-            readonly textTransform: "uppercase";
-        };
-    };
-    shape: {
-        borderRadius: number;
-    };
-    spacing: number;
-    components: _mui_material_styles.Components<Omit<Theme, "components">> | undefined;
-};
-
-declare const warmEarth: {
-    name: string;
-    direction: "rtl";
-    palette: {
-        mode: "light";
-        primary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        secondary: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        info: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        success: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        warning: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        error: {
-            main: string;
-            dark: string;
-            light: string;
-            contrastText: string;
-        };
-        background: {
-            default: string;
-            paper: string;
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            disabled: string;
-        };
-        divider: string;
-        grey: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        action: {
-            hover: string;
-            selected: string;
-            focus: string;
-            active: string;
-            disabled: string;
-            disabledBackground: string;
-        };
-    };
-    typography: {
-        readonly fontFamily: "\"Tajawal\",\"Cairo\",\"Noto Naskh Arabic\",\"Noto Sans Arabic\",\"Inter\",\"Roboto\",\"Arial\",sans-serif";
-        readonly h1: {
-            readonly fontWeight: 800;
-            readonly fontSize: "2rem";
-            readonly lineHeight: 1.24;
-            readonly letterSpacing: "-0.01em";
-        };
-        readonly h2: {
-            readonly fontWeight: 800;
-            readonly fontSize: "1.5rem";
-            readonly lineHeight: 1.3;
-        };
-        readonly h3: {
-            readonly fontWeight: 700;
-            readonly fontSize: "1.24rem";
-            readonly lineHeight: 1.36;
-        };
-        readonly h4: {
-            readonly fontWeight: 700;
-            readonly fontSize: "1.1rem";
-            readonly lineHeight: 1.42;
-        };
-        readonly subtitle1: {
-            readonly fontWeight: 600;
-            readonly fontSize: "0.95rem";
-        };
-        readonly subtitle2: {
-            readonly fontWeight: 600;
-            readonly fontSize: "0.875rem";
-        };
-        readonly body1: {
-            readonly fontSize: "0.95rem";
-            readonly lineHeight: 1.78;
-        };
-        readonly body2: {
-            readonly fontSize: "0.875rem";
-            readonly lineHeight: 1.68;
-        };
-        readonly button: {
-            readonly textTransform: "none";
-            readonly fontWeight: 700;
-            readonly letterSpacing: "0.01em";
-        };
-        readonly caption: {
-            readonly fontSize: "0.75rem";
-        };
-        readonly overline: {
-            readonly fontSize: "0.75rem";
-            readonly letterSpacing: "0.06em";
-        };
-    };
-    shape: {
-        borderRadius: number;
-    };
-    spacing: number;
-    components: _mui_material_styles.Components<Omit<Theme, "components">> | undefined;
-};
+import { FC, PropsWithChildren } from 'react';
+import { T as ThemeContextProps, a as ThemePreset, N as NamedThemeOptions, D as DarkModeOptions, b as ThemeModeBackground, c as NormalizedPreset, O as OptionItem, A as AppSettings } from './typography-B-BeIk0v.js';
+export { C as CustomTypographyVariants, f as DarkModeSetting, d as ThemeId, e as ThemeScheme } from './typography-B-BeIk0v.js';
+import { Theme, Components, TypographyVariantsOptions } from '@mui/material';
+import { ThemeOptions, PaletteMode, Theme as Theme$1 } from '@mui/material/styles';
 
 /**
  * Represents the theme mode as reported by the operating system or browser.
@@ -915,8 +12,6 @@ declare const warmEarth: {
  */
 type SystemTheme = "light" | "dark" | "unknown";
 
-declare const darkModeOptions: OptionItem[];
-
 declare const useThemeSettings: () => ThemeContextProps;
 
 type ThemesInput = ThemePreset[];
@@ -944,6 +39,14 @@ type ThemeProviderWrapperProps = PropsWithChildren<{
      * When set, `setDarkMode` becomes a no-op.
      */
     darkMode?: DarkModeOptions;
+    /**
+     * Initial theme id used as fallback when persisted settings are not available.
+     */
+    initialThemeId?: string;
+    /**
+     * Initial dark mode used as fallback when persisted settings are not available.
+     */
+    initialDarkMode?: DarkModeOptions;
 }>;
 declare const ThemeProviderWrapper: FC<ThemeProviderWrapperProps>;
 
@@ -964,18 +67,18 @@ declare const GlobalStyles: FC<GlobalStylesProps>;
  * Common component style overrides and default props shared across the design system.
  * This object should be spread into the `components` field of the MUI theme.
  */
-declare const commonComponentProps: Theme$1["components"];
+declare const commonComponentProps: Theme["components"];
 
 type ThemeInput = ThemeOptions & {
     background?: ThemeModeBackground;
 };
-declare const buildMuiTheme: (options: ThemeInput, mode: PaletteMode) => Theme;
+declare const buildMuiTheme: (options: ThemeInput, mode: PaletteMode) => Theme$1;
 
 declare const resolveEffectiveMode: (darkMode: DarkModeOptions, systemTheme: SystemTheme) => PaletteMode;
 
 declare const selectThemeOptions: (preset: NormalizedPreset, mode: PaletteMode) => ThemeOptions;
 
-type ThemeWithPalette = Pick<Theme, "palette">;
+type ThemeWithPalette = Pick<Theme$1, "palette">;
 interface SurfaceTokens {
     pageBg: string;
     surfaceBg: string;
@@ -989,7 +92,7 @@ declare const alphaText: (theme: ThemeWithPalette, opacity: number) => string;
 /**
  * Mapping of custom typography variants to corresponding HTML elements.
  */
-declare const muiTypography: Components<Theme$1>["MuiTypography"];
+declare const muiTypography: Components<Theme>["MuiTypography"];
 /**
  * Custom typography variant definitions with adjusted display sizes.
  */
@@ -1069,32 +172,8 @@ declare const progressPulse: (clr: string) => {
     anim: 1;
     toString: () => string;
 } & string;
-/**
- * A bounce-scale animation used during logout transition.
- */
-declare const logoutAnimation: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;
-/**
- * Subtle bounce animation used for install app prompts.
- */
-declare const installAppAnimation: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;
 
-/**
- * A custom React hook to determine if the current device is a smaller device
- * based on the screen width.
- * @param [breakpoint=768] - The breakpoint in pixels at which a device is considered "smaller".
- * @returns {boolean} - A boolean value indicating whether the current device is a smaller device.
- */
-declare const useResponsiveDisplay: (breakpoint?: number) => boolean;
+declare const darkModeOptions: OptionItem[];
 
 /**
  * A React hook to detect the system theme preference.
@@ -1104,78 +183,20 @@ declare const useSystemTheme: () => SystemTheme;
 
 declare const canUseDom: () => boolean;
 
-declare const APP_SETTINGS_VERSION = 1;
 interface StoredAppSettings {
-    version: typeof APP_SETTINGS_VERSION;
     themeId: string;
     darkMode: DarkModeOptions;
 }
-declare const readAppSettings: () => Partial<StoredAppSettings> | null;
+declare const readAppSettings: () => StoredAppSettings | null;
 declare const writeAppSettings: (settings: StoredAppSettings) => void;
 
-/**
- * Validates whether a given string is a valid 3- or 6-digit hex color code (e.g., "#fff" or "#ffffff").
- *
- * @param value - The string to check.
- * @returns `true` if the string is a valid hex color; otherwise, `false`.
- */
-declare const isHexColor: (value: string) => boolean;
-
-/**
- * Returns a greeting based on the current time.
- * @returns {string} The appropriate greeting.
- */
-declare const displayGreeting: () => string;
-
-/**
- * Function to extract year, month, and day from a Date object
- */
-declare const getDayIdentifier: (date: Date) => string;
-
-/**
- * A list of supported operating systems.
- */
-type OperatingSystem = "Windows" | "macOS" | "Linux" | "iOS" | "Android" | "Unknown";
-/**
- * A list of supported browsers.
- */
-type Browser = "Chrome" | "Firefox" | "Safari" | "Edge" | "Unknown";
-/**
- * Detects the user's operating system based on the user agent string.
- * Safe for SSR: falls back to "Unknown" on server.
- */
-declare const getOperatingSystem: () => OperatingSystem;
-/**
- * Detects the user's browser based on the user agent string.
- * Safe for SSR: falls back to "Unknown" on server.
- */
-declare const getBrowser: () => Browser;
-/**
- * Basic information about the user's system (OS and browser).
- * Safe for SSR: resolves to Unknown values on server.
- */
-declare const systemInfo: {
-    os: OperatingSystem;
-    browser: Browser;
-};
-
 /**
  * Determines whether dark mode should be enabled based on user settings and system conditions.
  *
- * @param darkMode - User preference: 'light' | 'dark' | 'system' | 'auto'.
+ * @param darkMode - User preference: 'light' | 'dark' | 'system'.
  * @param systemTheme - Detected OS-level theme: 'light' | 'dark'.
  * @returns True if dark mode should be used.
  */
 declare const isDarkMode: (darkMode: AppSettings["darkMode"], systemTheme: SystemTheme) => boolean;
 
-/**
- * Converts a given date to a human-readable relative time string.
- *
- * @param {Date} date - The date to be converted.
- * @param lang
- * @returns {string} A string representing the relative time using `Intl` format (e.g., "2 days ago").
- */
-declare const timeAgo: (date: Date, lang?: string) => string;
-declare const timeAgoFromStart: (date: Date, lang?: string) => string;
-
-export { APP_SETTINGS_VERSION, AppSettings, type Browser, DarkModeOptions, DialogBtn, ErrorBoundary, GlobalStyles, Loading, NamedThemeOptions, type OperatingSystem, OptionItem, PathName, type StoredAppSettings, type SurfaceTokens, type SystemTheme, ThemeContextProps, ThemeModeBackground, ThemePreset, ThemeProviderWrapper, type ThemesInput, alphaText, buildMuiTheme, canUseDom, commonComponentProps, darkModeOptions, displayGreeting, editorialClassic, fadeIn, fadeInLeft, getBrowser, getDayIdentifier, getOperatingSystem, getSurfaceTokens, installAppAnimation, isDarkMode, isHexColor, logoutAnimation, mergeThemes, modernMinimal, muiTypography, neoGlass, normalizeThemes, progressPulse, pulseAnimation, readAppSettings, resolveDefaultThemeName, resolveEffectiveMode, resolveThemeById, retroTerminal, scale, selectThemeOptions, slideIn, slideInBottom, systemInfo, timeAgo, timeAgoFromStart, typographyVariants, useResponsiveDisplay, useSystemTheme, useThemeSettings, validateSchemeTokens, warmEarth, writeAppSettings };
+export { AppSettings, DarkModeOptions, GlobalStyles, NamedThemeOptions, NormalizedPreset, OptionItem, type StoredAppSettings, type SurfaceTokens, type SystemTheme, ThemeContextProps, ThemeModeBackground, ThemePreset, ThemeProviderWrapper, type ThemesInput, alphaText, buildMuiTheme, canUseDom, commonComponentProps, darkModeOptions, fadeIn, fadeInLeft, getSurfaceTokens, isDarkMode, mergeThemes, muiTypography, normalizeThemes, progressPulse, pulseAnimation, readAppSettings, resolveDefaultThemeName, resolveEffectiveMode, resolveThemeById, scale, selectThemeOptions, slideIn, slideInBottom, typographyVariants, useSystemTheme, useThemeSettings, validateSchemeTokens, writeAppSettings };