@owp/core 1.29.0 → 2.0.0

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

@@ -1,18 +1,18 @@
 import { CacheProvider } from '@emotion/react';
-import { Theme } from '@mui/material/styles/createTheme';
+import { type Theme } from '@mui/material/styles';
 import { ComponentProps, ReactNode } from 'react';
 type OwpCacheProviderProps = Omit<ComponentProps<typeof CacheProvider>, 'children'>;
 export interface OwpStyleProviderProps {
     children?: ReactNode;
-    theme: Theme;
+    theme?: Theme;
     root?: boolean;
     cacheProviderProps?: OwpCacheProviderProps;
 }
 /**
- * CacheProvider, OwpTheme composition
- * @param theme MUI theme 객체
+ * CacheProvider, theme composition
+ * @param theme MUI theme 객체. 미지정 시 store main theme 사용
  * @param root 글로벌 스타일 적용 여부
  * @param cacheProviderProps CacheProvider 옵션
  */
-export declare function OwpStyleProvider({ children, theme, root, cacheProviderProps, }: OwpStyleProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function OwpStyleProvider(props: OwpStyleProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -29,9 +29,7 @@ export declare function OwpTableTotalCount({ totalCount }: {
  * @param tableLayout tableLayout 값
  */
 export declare const StyledTable: ({ canBodyFullHeight, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableLayout, ...tableProps }: StyledTableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const StyledTableRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLTableRowElement>;
-}, "className" | "style" | "classes" | "children" | "sx" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const StyledTableRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "hover" | "selected" | "children" | "sx" | "classes" | "className"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 interface OwpTableProps<T> extends Omit<StyledTableProps, 'children'> {
     canTotalCountRow?: boolean;
     headers: OwpTableHeaderRow | OwpTableHeaderRow[];

package/dist/types/components/OwpTabs/OwpTab.d.ts

@@ -1,9 +1,7 @@
 /**
  * OwpTab 컴포넌트
  */
-declare const OwpTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "action" | "icon" | "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & {
-    component?: React.ElementType;
+declare const OwpTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "action" | "disabled" | "children" | "sx" | "icon" | "classes" | "className" | "label" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "wrapped" | "iconPosition"> & {
+    component?: React.ElementType | undefined;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export { OwpTab };

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

@@ -1,9 +1,7 @@
 /**
  * OwpTabs 컴포넌트
  */
-declare const OwpTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "action" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
-    component?: React.ElementType;
+declare const OwpTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "action" | "children" | "sx" | "classes" | "className" | "variant" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+    component?: React.ElementType | undefined;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export { OwpTabs };

package/dist/types/{default-settings/OwpDefaultSettings.d.ts → configs/defaultConfig.d.ts}

@@ -1,183 +1,37 @@
-import { ThemeOptions } from '@mui/material/styles/createTheme';
+import type { OwpSettingsConfigType, OwpThemesType } from '@/types/OwpSettingsTypes';
+import { type ThemeOptions } from '@mui/material/styles';
+import { PartialDeep } from 'type-fest';
+/**
+ * 기본 layout 설정
+ * @param style layout 스타일
+ */
+export declare function getDefaultLayout(style?: string): OwpSettingsConfigType['layout'];
+/**
+ * 기본 theme 설정
+ * @param themesConfig 앱 theme 설정
+ */
+export declare function getDefaultThemeSettings(themesConfig?: PartialDeep<OwpThemesType>): OwpSettingsConfigType['theme'];
 /**
  * The defaultSettings object defines the default settings for the Owp application.
  */
-export declare const defaultSettings: {
-    customScrollbars: boolean;
-    direction: string;
-    theme: {
-        main: {
-            palette: {
-                mode: string;
-                text: {
-                    primary: string;
-                    secondary: string;
-                    disabled: string;
-                };
-                common: {
-                    black: string;
-                    white: string;
-                };
-                background: {
-                    paper: string;
-                    default: string;
-                };
-                primary: {
-                    main: string;
-                };
-                secondary: {
-                    main: string;
-                };
-                success: {
-                    main: string;
-                };
-                info: {
-                    main: string;
-                    contrastText: string;
-                };
-                warning: {
-                    main: string;
-                    contrastText: string;
-                };
-                error: {
-                    main: string;
-                };
-            };
-        };
-        navbar: {
-            palette: {
-                mode: string;
-                text: {
-                    primary: string;
-                    secondary: string;
-                    disabled: string;
-                };
-                common: {
-                    black: string;
-                    white: string;
-                };
-                background: {
-                    paper: string;
-                    default: string;
-                };
-                primary: {
-                    main: string;
-                };
-                secondary: {
-                    main: string;
-                };
-                success: {
-                    main: string;
-                };
-                info: {
-                    main: string;
-                    contrastText: string;
-                };
-                warning: {
-                    main: string;
-                    contrastText: string;
-                };
-                error: {
-                    main: string;
-                };
-            };
-        } & {
-            palette: {
-                background: {
-                    default: string;
-                };
-            };
-        };
-        toolbar: {
-            palette: {
-                mode: string;
-                text: {
-                    primary: string;
-                    secondary: string;
-                    disabled: string;
-                };
-                common: {
-                    black: string;
-                    white: string;
-                };
-                background: {
-                    paper: string;
-                    default: string;
-                };
-                primary: {
-                    main: string;
-                };
-                secondary: {
-                    main: string;
-                };
-                success: {
-                    main: string;
-                };
-                info: {
-                    main: string;
-                    contrastText: string;
-                };
-                warning: {
-                    main: string;
-                    contrastText: string;
-                };
-                error: {
-                    main: string;
-                };
-            };
-        } & {
-            palette: {
-                mode: string;
-                background: {
-                    default: string;
-                };
-            };
-        };
-        footer: {
-            palette: {
-                mode: string;
-                text: {
-                    primary: string;
-                    secondary: string;
-                    disabled: string;
-                };
-                common: {
-                    black: string;
-                    white: string;
-                };
-                background: {
-                    paper: string;
-                    default: string;
-                };
-                primary: {
-                    main: string;
-                };
-                secondary: {
-                    main: string;
-                };
-                success: {
-                    main: string;
-                };
-                info: {
-                    main: string;
-                    contrastText: string;
-                };
-                warning: {
-                    main: string;
-                    contrastText: string;
-                };
-                error: {
-                    main: string;
-                };
-            };
-        };
-    };
-};
+export declare const defaultSettings: OwpSettingsConfigType;
 /**
  * The getParsedQuerySettings function parses the query string to retrieve the default settings for the Owp application.
  * It returns a OwpSettingsConfigType object that can be used to configure the application.
  */
 export declare function getParsedQuerySettings(): {};
+/**
+ * 기본 settings와 신규 settings 병합
+ * @param _defaultSettings 기준 settings
+ * @param _newSettings 신규 settings
+ */
+export declare function generateSettings(_defaultSettings: OwpSettingsConfigType, _newSettings: PartialDeep<OwpSettingsConfigType>): OwpSettingsConfigType;
+/**
+ * 앱 초기 settings 생성
+ * @param settingsConfig 앱 settings override
+ * @param themesConfig 앱 theme 설정
+ */
+export declare function createInitialOwpSettings(settingsConfig?: PartialDeep<OwpSettingsConfigType>, themesConfig?: PartialDeep<OwpThemesType>): OwpSettingsConfigType;
 /**
  * The defaultThemeOptions object defines the default options for the MUI theme.
  */

package/dist/types/{components/layouts/layout2/Layout2Config.d.ts → configs/layoutConfig.d.ts}

@@ -1,20 +1,21 @@
 /**
- * The Layout2 Config object.
+ * The layout config object.
  */
-declare const Layout2Config: {
+declare const LayoutConfig: {
     title: string;
     defaults: {
         mode: string;
-        containerWidth: number;
+        containerWidth: string;
         navbar: {
             display: boolean;
             style: string;
             folded: boolean;
+            position: string;
+            open: boolean;
         };
         toolbar: {
             display: boolean;
             style: string;
-            position: string;
         };
         footer: {
             display: boolean;
@@ -49,7 +50,7 @@ declare const Layout2Config: {
                     title: string;
                     type: string;
                 };
-                style: {
+                position: {
                     title: string;
                     type: string;
                     options: {
@@ -57,6 +58,10 @@ declare const Layout2Config: {
                         value: string;
                     }[];
                 };
+                folded: {
+                    title: string;
+                    type: string;
+                };
             };
         };
         toolbar: {
@@ -67,14 +72,6 @@ declare const Layout2Config: {
                     title: string;
                     type: string;
                 };
-                position: {
-                    title: string;
-                    type: string;
-                    options: {
-                        name: string;
-                        value: string;
-                    }[];
-                };
                 style: {
                     title: string;
                     type: string;
@@ -105,5 +102,5 @@ declare const Layout2Config: {
         };
     };
 };
-export type Layout2ConfigDefaultsType = (typeof Layout2Config)['defaults'];
-export default Layout2Config;
+export type LayoutConfigDefaultsType = (typeof LayoutConfig)['defaults'];
+export default LayoutConfig;

package/dist/types/contexts/OwpAppProvider.d.ts

@@ -0,0 +1,44 @@
+import type { OwpSettingsConfigType, OwpThemesType } from '@/types/OwpSettingsTypes';
+import type { OwpNavItemType } from '@/types/OwpNavigationTypes';
+import { CSSProperties, ComponentType, ReactNode } from 'react';
+import { PartialDeep } from 'type-fest';
+/**
+ * Logo slot props
+ */
+export interface OwpLogoSlotProps {
+    className?: string;
+    style?: CSSProperties;
+}
+export interface OwpAppConfigs {
+    routesConfig: any;
+    settingsConfig?: PartialDeep<OwpSettingsConfigType>;
+    themesConfig?: PartialDeep<OwpThemesType>;
+    navigationConfig: OwpNavItemType[];
+}
+/**
+ * App slots
+ */
+export interface OwpAppSlots {
+    logo?: ComponentType<OwpLogoSlotProps>;
+}
+export interface OwpAppSlotProps {
+    logo?: OwpLogoSlotProps;
+}
+export interface OwpAppEnv {
+    [key: string]: any;
+}
+export interface OwpAppContextValue extends OwpAppConfigs {
+    env?: OwpAppEnv;
+    slots?: OwpAppSlots;
+    slotProps?: OwpAppSlotProps;
+}
+export declare const OwpAppContext: import("react").Context<OwpAppContextValue>;
+export interface OwpAppProviderProps {
+    configs: OwpAppConfigs;
+    slots?: OwpAppSlots;
+    slotProps?: OwpAppSlotProps;
+    children?: ReactNode;
+    env?: OwpAppEnv;
+}
+export declare const OwpAppProvider: ({ configs, slots, slotProps, children, env, }: OwpAppProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useOwpAppContext: () => OwpAppContextValue;

package/dist/types/hooks/index.d.ts

@@ -1,12 +1,15 @@
 export * from './useCommonCodeList';
 export * from './useAccessTokenGuard';
+export * from './useAppStore';
 export * from './useConfirm';
 export * from './useCurrentLanguage';
-export * from './useCurrentLogoSrc';
+export * from './useLogoSrc';
 export * from './useCurrentUser';
 export * from './useCurrentUserId';
 export * from './useDebounce';
 export * from './useDeepCompareEffect';
+export * from './useInitApp';
+export * from './useInitCommonCodes';
 export * from './useNavigation';
 export * from './useOwpTranslation';
 export * from './usePageLockLoading';
@@ -15,6 +18,5 @@ export * from './useShortcuts';
 export * from './useStorage';
 export * from './useThemeMediaQuery';
 export * from './useTimeout';
-export * from './useTreeGridCommonCodeEnum';
 export * from './useTreeGridCommonCodeEnums';
 export * from './useTreeGridExcelExport';

package/dist/types/{store/hooks.d.ts → hooks/useAppStore.d.ts}

@@ -1,4 +1,4 @@
-import type { AppDispatch, AppStore, RootState } from './store';
+import type { AppDispatch, AppStore, RootState } from '@/store/store';
 /**
  * Internal typed Redux hooks
  */

package/dist/types/hooks/useCurrentLanguage.d.ts

@@ -7,11 +7,7 @@ export type CurrentLanguage = {
 /**
  * 언어 목록 조회 훅
  */
-export declare const useGetLanguageList: () => {
-    id: string;
-    title: string;
-    flag: string;
-}[];
+export declare const useGetLanguageList: () => CurrentLanguage[];
 /**
  * 현재 언어 조회 훅
  */

package/dist/types/hooks/useInitApp.d.ts

@@ -0,0 +1,8 @@
+export interface UseInitAppOptions {
+    logoSrc: string;
+}
+/**
+ * 앱 기본 상태 초기화 훅
+ * @param logoSrc 초기 로고 경로
+ */
+export declare const useInitApp: ({ logoSrc }: UseInitAppOptions) => void;

package/dist/types/hooks/useInitCommonCodes.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 공통코드 전역 캐시 초기화
+ */
+export declare function useInitCommonCodes(): void;

package/dist/types/hooks/useLogoSrc.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 현재 로고 경로 조회 훅
+ */
+export declare const useGetLogoSrc: () => string;
+/**
+ * 현재 로고 경로 설정 훅
+ */
+export declare const useSetLogoSrc: () => (args_0: string | typeof import("jotai/utils").RESET | ((prev: string) => string | typeof import("jotai/utils").RESET)) => void;

package/dist/types/hooks/useNavigation.d.ts

@@ -1,24 +1,9 @@
-type Navigation = {
-    id: string;
-    title: string;
-    translate: string;
-    type: string;
-    icon: string;
-};
+import type { OwpNavItemType } from '@/types/OwpNavigationTypes';
 /**
  * 내비게이션 목록 조회 훅
  */
-export declare const useGetNavigationList: () => (Navigation & {
-    children?: Array<Navigation>;
-})[];
+export declare const useGetNavigationList: () => OwpNavItemType[];
 /**
  * 내비게이션 목록 설정 훅
  */
-export declare const useSetNavigationList: () => (args_0: (Navigation & {
-    children?: Array<Navigation>;
-})[] | typeof import("jotai/utils").RESET | ((prev: (Navigation & {
-    children?: Array<Navigation>;
-})[]) => (Navigation & {
-    children?: Array<Navigation>;
-})[] | typeof import("jotai/utils").RESET)) => void;
-export {};
+export declare const useSetNavigationList: () => (args_0: OwpNavItemType[] | typeof import("jotai/utils").RESET | ((prev: OwpNavItemType[]) => OwpNavItemType[] | typeof import("jotai/utils").RESET)) => void;

package/dist/types/hooks/useOwpTranslation.d.ts

@@ -84,9 +84,7 @@ export declare const useOwpTranslation: () => {
         flat?: boolean;
         [Symbol.iterator]?: boolean;
         readonly [Symbol.unscopables]?: boolean;
-        at?: boolean;
     };
-    at(index: number): boolean | import("i18next").i18n | import("i18next").TFunction<"owp", undefined>;
     i18n: import("i18next").i18n;
     ready: boolean;
     t: import("i18next").TFunction<"owp", undefined>;

package/dist/types/hooks/useStorage.d.ts

@@ -1,17 +1,6 @@
 export type StorageEnv = {
     [key: string]: any;
 };
-type StoredCurrentUser = {
-    role: string[];
-    data: {
-        displayName?: string;
-        email?: string;
-        MES_STARTPAGE?: string;
-        STARTPAGE?: string;
-        USERSEQ?: any;
-        photoURL: string;
-    };
-};
 /**
  * 앱 환경값 저장
  * @param env 저장할 환경값
@@ -26,8 +15,6 @@ export declare const getEnv: () => StorageEnv;
  */
 export declare const useStorage: () => {
     resetStorage: () => void;
-    getCurrentUser: () => StoredCurrentUser | null;
     setEnv: (env: StorageEnv) => void;
     getEnv: () => StorageEnv;
 };
-export {};

package/dist/types/hooks/useThemeMediaQuery.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@mui/system/createTheme/createTheme';
+import { type Theme } from '@mui/material/styles';
 /**
  * The useThemeMediaQuery function is a custom hook that returns a boolean indicating whether the current screen matches the specified media query.
  * It takes in a themeCallbackFunc as a parameter, which is a function that returns a string representing the media query to match.

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export { DialogsProvider } from '@toolpad/core/useDialogs';
-export * from './components/layouts/themeLayouts';
+export * from './layout/themeLayouts';
+export * from './configs/defaultConfig';
 export * from './components/OwpLanguageSwitcherSelect';
 export * from './components/OwpAutoLogoutDialog/OwpAutoLogoutDialog';
 export * from './components/OwpBarcodeInput/OwpBarcodeInputField';
@@ -13,26 +14,6 @@ export * from './components/OwpLayout';
 export * from './components/OwpLoading';
 export * from './components/OwpMrtTable';
 export * from './components/OwpMoreActionsButton/OwpMoreActionsButton';
-export * from './components/OwpNavigation';
-export * from './components/OwpNavigation/horizontal/OwpNavHorizontalLayout1';
-export * from './components/OwpNavigation/horizontal/types/OwpNavHorizontalCollapse';
-export * from './components/OwpNavigation/horizontal/types/OwpNavHorizontalGroup';
-export * from './components/OwpNavigation/horizontal/types/OwpNavHorizontalItem';
-export * from './components/OwpNavigation/horizontal/types/OwpNavHorizontalLink';
-export * from './components/OwpNavigation/isUrlInChildren';
-export * from './components/OwpNavigation/models/OwpNavItemModel';
-export * from './components/OwpNavigation/OwpNavBadge';
-export * from './components/OwpNavigation/OwpNavItem';
-export * from './components/OwpNavigation/utils/OwpNavigationHelper';
-export * from './components/OwpNavigation/types/OwpNavBadgeType';
-export * from './components/OwpNavigation/types/OwpNavItemType';
-export * from './components/OwpNavigation/vertical/OwpNavVerticalLayout1';
-export * from './components/OwpNavigation/vertical/OwpNavVerticalLayout2';
-export * from './components/OwpNavigation/vertical/types/OwpNavVerticalCollapse';
-export * from './components/OwpNavigation/vertical/types/OwpNavVerticalGroup';
-export * from './components/OwpNavigation/vertical/types/OwpNavVerticalItem';
-export * from './components/OwpNavigation/vertical/types/OwpNavVerticalLink';
-export * from './components/OwpNavigation/vertical/types/OwpNavVerticalTab';
 export * from './components/OwpNumberField';
 export * from './components/OwpOptionSelector';
 export * from './components/OwpPageCarded';
@@ -49,11 +30,8 @@ export * from './components/OwpPicker/OwpTimePicker';
 export * from './components/OwpPicker/OwpWeekDatePicker';
 export * from './components/OwpPicker/OwpYearRangePicker';
 export * from './components/OwpScrollbars';
-export * from './components/OwpSearch';
 export * from './components/OwpSearchFilter';
 export * from './components/OwpSection';
-export * from './components/OwpShortcuts';
-export * from './components/OwpSidePanel';
 export * from './components/OwpSplashScreen';
 export * from './components/OwpStyleProvider';
 export * from './components/OwpSuspense';
@@ -62,13 +40,10 @@ export * from './components/OwpTable/OwpDataTable';
 export * from './components/OwpTable/OwpTable';
 export * from './components/OwpTable/OwpVerticalTable';
 export * from './components/OwpTextField/OwpTextMaskField';
-export * from './components/OwpTheme';
-export * from './components/OwpThemeSelector';
-export * from './components/OwpThemeSelector/SchemePreview';
-export * from './components/OwpThemeSelector/ThemePreview';
 export * from './components/OwpTabs';
 export * from './components/OwpTreeGridExcelButton';
 export * from './components/OwpTreeGrid';
 export * from './components/OwpTreeGrid/OwpTreeGridToolbar';
 export * from './components/OwpZoomImageSlider/OwpZoomImageSlider';
 export * from './components/OwpYesNoSelector';
+export type { OwpFlatNavItemType, OwpNavBadgeType, OwpNavItemType } from './types/OwpNavigationTypes';

package/dist/types/{components/layouts/layout3/Layout3.d.ts → layout/Layout.d.ts}

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-type Layout3Props = {
+type LayoutProps = {
     children?: ReactNode;
 };
 /**
- * The layout 3.
+ * The layout.
  */
-declare function Layout3(props: Layout3Props): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Layout3>;
+declare function Layout(props: LayoutProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof Layout>;
 export default _default;

package/dist/types/layout/components/layouts/FooterLayout.d.ts

@@ -0,0 +1,9 @@
+type FooterLayoutProps = {
+    className?: string;
+};
+/**
+ * The footer layout.
+ */
+declare function FooterLayout(props: FooterLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof FooterLayout>;
+export default _default;

package/dist/types/layout/components/layouts/LeftSideLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The left side layout.
+ */
+declare function LeftSideLayout(): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof LeftSideLayout>;
+export default _default;

package/dist/types/layout/components/layouts/NavbarToggleFabLayout.d.ts

@@ -0,0 +1,8 @@
+type NavbarToggleFabLayoutProps = {
+    className?: string;
+};
+/**
+ * The navbar toggle fab layout.
+ */
+declare function NavbarToggleFabLayout(props: NavbarToggleFabLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default NavbarToggleFabLayout;

package/dist/types/layout/components/layouts/NavbarWrapperLayout.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The navbar wrapper layout.
+ */
+declare function NavbarWrapperLayout(): import("react/jsx-runtime").JSX.Element;
+export default NavbarWrapperLayout;

package/dist/types/layout/components/menus/LogoutMenu.d.ts

@@ -0,0 +1,8 @@
+type LogoutMenuProps = {
+    onAction?: () => void;
+};
+/**
+ * User logout menu item.
+ */
+declare function LogoutMenu(props: LogoutMenuProps): import("react/jsx-runtime").JSX.Element;
+export default LogoutMenu;