@owp/core 1.30.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>;
-}, "style" | "hover" | "selected" | "className" | "classes" | "children" | "sx"> & 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" | "style" | "disabled" | "icon" | "className" | "classes" | "children" | "sx" | "label" | "tabIndex" | "value" | "centerRipple" | "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" | "style" | "className" | "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,5 +1,5 @@
 import type { OwpSettingsConfigType, OwpThemesType } from '@/types/OwpSettingsTypes';
-import { ThemeOptions } from '@mui/material/styles/createTheme';
+import { type ThemeOptions } from '@mui/material/styles';
 import { PartialDeep } from 'type-fest';
 /**
  * 기본 layout 설정

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/{context → contexts}/OwpAppProvider.d.ts

@@ -1,17 +1,19 @@
 import type { OwpSettingsConfigType, OwpThemesType } from '@/types/OwpSettingsTypes';
-import { ComponentType, ReactNode } from 'react';
+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: any;
+    navigationConfig: OwpNavItemType[];
 }
 /**
  * App slots
@@ -19,19 +21,24 @@ export interface OwpAppConfigs {
 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, children, env }: OwpAppProviderProps) => import("react/jsx-runtime").JSX.Element;
+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/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,6 +1,6 @@
 export { DialogsProvider } from '@toolpad/core/useDialogs';
-export * from './components/layouts/themeLayouts';
-export * from './default-settings/OwpDefaultSettings';
+export * from './layout/themeLayouts';
+export * from './configs/defaultConfig';
 export * from './components/OwpLanguageSwitcherSelect';
 export * from './components/OwpAutoLogoutDialog/OwpAutoLogoutDialog';
 export * from './components/OwpBarcodeInput/OwpBarcodeInputField';
@@ -14,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';
@@ -50,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';
@@ -63,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;

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

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

package/dist/types/{components/layouts/shared-components → layout/components/menus}/UserMenu.d.ts

@@ -1,4 +1,4 @@
-import { PopoverProps } from '@mui/material/Popover/Popover';
+import { type PopoverProps } from '@mui/material/Popover';
 type UserMenuProps = {
     className?: string;
     popoverProps?: Partial<PopoverProps>;

package/dist/types/{components/layouts/shared-components → layout/components}/navbar/NavbarPinToggleButton.d.ts

@@ -1,4 +1,4 @@
-import { NavbarToggleButtonProps } from '@/components/layouts/shared-components/navbar/NavbarToggleButton';
+import { NavbarToggleButtonProps } from '@/layout/components/navbar/NavbarToggleButton';
 type NavbarPinToggleButtonProps = NavbarToggleButtonProps & {
     className?: string;
     children?: React.ReactNode;

package/dist/types/layout/components/navbar/NavbarToggleButton.d.ts

@@ -0,0 +1,11 @@
+import { type IconButtonProps } from '@mui/material/IconButton';
+import { ReactNode } from 'react';
+export type NavbarToggleButtonProps = IconButtonProps & {
+    surfaceTone?: 'inherit' | 'light';
+    tooltipTitle?: ReactNode;
+};
+/**
+ * The navbar toggle button.
+ */
+declare function NavbarToggleButton(props: NavbarToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export default NavbarToggleButton;

package/dist/types/layout/components/navbar/style/NavbarStyle.d.ts

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

package/dist/types/layout/components/navbar/style/NavbarStyleContent.d.ts

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

package/dist/types/layout/components/navigation/NavBadge.d.ts

@@ -0,0 +1,17 @@
+import type { OwpNavBadgeType as NavBadgeType } from '@/types/OwpNavigationTypes';
+type NavBadgeProps = {
+    className?: string;
+    classes?: string;
+    badge: NavBadgeType;
+};
+/**
+ * NavBadge component.
+ * This component renders a badge on a nav element. It accepts a `NavBadgeType` prop,
+ * which is an object containing a title and background and foreground colour.
+ */
+declare function NavBadge(props: NavBadgeProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Memoized nav badge component.
+ */
+declare const MemoizedNavBadge: import("react").MemoExoticComponent<typeof NavBadge>;
+export { MemoizedNavBadge as NavBadge };

package/dist/types/layout/components/navigation/NavItem.d.ts

@@ -0,0 +1,14 @@
+import type { OwpNavItemType as NavItemType } from '@/types/OwpNavigationTypes';
+export type NavItemComponentProps = {
+    type: string;
+    item: NavItemType;
+    dense?: boolean;
+    nestedLevel?: number;
+    onItemClick?: (item: NavItemType) => void;
+    checkPermission?: boolean;
+};
+/**
+ * Component to render a nav item by type.
+*/
+declare function NavItem(props: NavItemComponentProps): import("react/jsx-runtime").JSX.Element;
+export { NavItem };

package/dist/types/layout/components/navigation/Navigation.d.ts

@@ -0,0 +1,3 @@
+import { type NavigationMenuProps } from './NavigationMenu';
+declare const NavigationWIthSlices: (props: Partial<NavigationMenuProps>) => import("react/jsx-runtime").JSX.Element;
+export default NavigationWIthSlices;

package/dist/types/layout/components/navigation/NavigationMenu.d.ts

@@ -0,0 +1,23 @@
+import type { OwpNavItemType as NavItemType } from '@/types/OwpNavigationTypes';
+export type NavigationMenuProps = {
+    className?: string;
+    dense?: boolean;
+    active?: boolean;
+    onItemClick?: (item: NavItemType) => void;
+    navigation?: NavItemType[];
+    layout?: 'vertical';
+    firstLevel?: boolean;
+    selectedId?: string;
+    checkPermission?: boolean;
+};
+/**
+ * NavigationMenu
+ * Component for displaying a navigation bar which contains nav items
+ * and acts as parent for providing props to its children components
+ */
+declare function NavigationMenu(props: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Memoized navigation menu component.
+ */
+declare const MemoizedNavigationMenu: import("react").MemoExoticComponent<typeof NavigationMenu>;
+export { MemoizedNavigationMenu as NavigationMenu };

package/dist/types/layout/components/navigation/vertical/NavVerticalLayout.d.ts

@@ -0,0 +1,9 @@
+import { NavigationMenuProps } from '../NavigationMenu';
+/**
+ * NavVerticalLayout
+ * This component is used to render vertical navigations using
+ * the Material-UI List component. It accepts the NavigationMenuProps props
+ * and renders the nav items accordingly.
+ */
+declare function NavVerticalLayout(props: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
+export { NavVerticalLayout };

package/dist/types/layout/components/navigation/vertical/types/NavVerticalCollapse.d.ts

@@ -0,0 +1,6 @@
+import { NavItemComponentProps } from '../../NavItem';
+/**
+ * NavVerticalCollapse component used for vertical navigation items with collapsible children.
+ */
+declare function NavVerticalCollapse(props: NavItemComponentProps): import("react/jsx-runtime").JSX.Element;
+export { NavVerticalCollapse };

package/dist/types/layout/components/navigation/vertical/types/NavVerticalGroup.d.ts

@@ -0,0 +1,6 @@
+import { NavItemComponentProps } from '../../NavItem';
+/**
+ * NavVerticalGroup renders a group of navigation items in a vertical layout.
+ */
+declare function NavVerticalGroup(props: NavItemComponentProps): import("react/jsx-runtime").JSX.Element;
+export { NavVerticalGroup };

package/dist/types/layout/components/navigation/vertical/types/NavVerticalItem.d.ts

@@ -0,0 +1,6 @@
+import { NavItemComponentProps } from '../../NavItem';
+/**
+ * NavVerticalItem renders a single vertical navigation item.
+ */
+declare function NavVerticalItem(props: NavItemComponentProps): import("react/jsx-runtime").JSX.Element;
+export { NavVerticalItem };

package/dist/types/layout/components/navigation/vertical/types/NavVerticalLink.d.ts

@@ -0,0 +1,7 @@
+import { NavItemComponentProps } from '../../NavItem';
+/**
+ * NavVerticalLink
+ * Create a vertical Link to use inside the navigation component.
+ */
+declare function NavVerticalLink(props: NavItemComponentProps): import("react/jsx-runtime").JSX.Element;
+export { NavVerticalLink };

package/dist/types/layout/components/toggles/FullScreenToggle.d.ts

@@ -0,0 +1,8 @@
+type FullScreenToggleProps = {
+    className?: string;
+};
+/**
+ * Full screen toggle.
+ */
+declare function FullScreenToggle(props: FullScreenToggleProps): import("react/jsx-runtime").JSX.Element;
+export default FullScreenToggle;

package/dist/types/layout/components/toggles/LanguageSwitcherToggle.d.ts

@@ -0,0 +1,9 @@
+type LanguageSwitcherToggleProps = {
+    canRefresh?: boolean;
+    className?: string;
+};
+/**
+ * Language switcher toggle.
+ */
+declare function LanguageSwitcherToggle(props: LanguageSwitcherToggleProps): import("react/jsx-runtime").JSX.Element;
+export default LanguageSwitcherToggle;