@owp/core 2.2.5 → 2.3.0

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

@@ -1,49 +1,16 @@
-import { type Theme } from '@mui/material/styles';
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 /**
- * OwpPageCarded 컴포넌트
+ * Props for the OwpPageCarded component.
  */
-declare const OwpPageCarded: import("react").NamedExoticComponent<((((import("@mui/system").SystemCssProperties<Theme> & {
-    className?: string;
-    leftSidebarContent?: ReactNode;
-    leftSidebarVariant?: "permanent" | "persistent" | "temporary";
-    rightSidebarContent?: ReactNode;
-    rightSidebarVariant?: "permanent" | "persistent" | "temporary";
-    header?: ReactNode;
-    content?: ReactNode;
-    scroll?: "normal" | "page" | "content";
-    leftSidebarOpen?: boolean;
-    rightSidebarOpen?: boolean;
-    leftSidebarWidth?: number;
-    rightSidebarWidth?: number;
-    rightSidebarOnClose?: () => void;
-    leftSidebarOnClose?: () => void;
-    fillContentHeight?: boolean;
-}) | (import("@mui/system").CSSPseudoSelectorProps<Theme> & {
-    className?: string;
-    leftSidebarContent?: ReactNode;
-    leftSidebarVariant?: "permanent" | "persistent" | "temporary";
-    rightSidebarContent?: ReactNode;
-    rightSidebarVariant?: "permanent" | "persistent" | "temporary";
-    header?: ReactNode;
-    content?: ReactNode;
-    scroll?: "normal" | "page" | "content";
-    leftSidebarOpen?: boolean;
-    rightSidebarOpen?: boolean;
-    leftSidebarWidth?: number;
-    rightSidebarWidth?: number;
-    rightSidebarOnClose?: () => void;
-    leftSidebarOnClose?: () => void;
-    fillContentHeight?: boolean;
-}) | Omit<import("@mui/system").CSSSelectorObjectOrCssVariables<Theme> & {
+type OwpPageCardedProps = {
     className?: string;
     leftSidebarContent?: ReactNode;
-    leftSidebarVariant?: "permanent" | "persistent" | "temporary";
+    leftSidebarVariant?: 'permanent' | 'persistent' | 'temporary';
     rightSidebarContent?: ReactNode;
-    rightSidebarVariant?: "permanent" | "persistent" | "temporary";
+    rightSidebarVariant?: 'permanent' | 'persistent' | 'temporary';
     header?: ReactNode;
     content?: ReactNode;
-    scroll?: "normal" | "page" | "content";
+    scroll?: 'normal' | 'page' | 'content';
     leftSidebarOpen?: boolean;
     rightSidebarOpen?: boolean;
     leftSidebarWidth?: number;
@@ -51,8 +18,12 @@ declare const OwpPageCarded: import("react").NamedExoticComponent<((((import("@m
     rightSidebarOnClose?: () => void;
     leftSidebarOnClose?: () => void;
     fillContentHeight?: boolean;
-}, "ref">) & import("react").RefAttributes<{
+};
+/**
+ * OwpPageCarded 컴포넌트
+ */
+declare const OwpPageCarded: import("react").NamedExoticComponent<OwpPageCardedProps & import("react").RefAttributes<{
     toggleLeftSidebar: (T: boolean) => void;
     toggleRightSidebar: (T: boolean) => void;
-}>) & import("@mui/system").MUIStyledCommonProps<Theme>) & {}>;
+}> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>>;
 export { OwpPageCarded };

package/dist/types/components/OwpPageSkeleton/index.d.ts

@@ -0,0 +1 @@
+export { OwpPageSkeleton } from './OwpPageSkeleton';

package/dist/types/components/OwpPicker/OwpWeekDatePicker.d.ts

@@ -1,7 +1,6 @@
 import { DatePickerValue } from '@/components/OwpPicker/OwpDatePicker';
 import { TextFieldProps } from '@mui/material';
 import { DatePickerProps } from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
 interface WeekPickerProps {
     className?: string;
     label?: string;

package/dist/types/components/OwpPicker/OwpYearRangePicker.d.ts

@@ -1,6 +1,5 @@
 import { TextFieldProps } from '@mui/material';
 import { DatePickerProps } from 'react-datepicker';
-import 'react-datepicker/dist/react-datepicker.css';
 type DatePickerValue = string | Date;
 interface OwnProps {
     className?: string;

package/dist/types/components/OwpPicker/{DatePickerInput.d.ts → internal/DatePickerInput.d.ts}

@@ -23,5 +23,5 @@ interface OwnProps {
  * @param onIconClick 아이콘 클릭 핸들러
  * @param ref forwardRef 참조
  */
-export declare const DatePickerInput: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").FilledTextFieldProps & OwnProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & OwnProps, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & OwnProps, "ref">) & import("react").RefAttributes<unknown>>;
+export declare const DatePickerInput: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").StandardTextFieldProps & OwnProps, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & OwnProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & OwnProps, "ref">) & import("react").RefAttributes<unknown>>;
 export {};

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

@@ -3,4 +3,4 @@ import type { OwpQuerySelectorProps } from './types';
  * 원격 조회형 공통 선택기
  * @param props 원격 선택기 props
  */
-export declare const OwpQuerySelector: ({ apiUrl, asyncSearch, buildRequestQuery, disableAllValueItem, filterOptions, multiple, query, responseListKey, selectorType, value, valueKey, valueResolver, labelKey, labelResolver, onChange, defaultValue, textFieldProps, ...selectorBaseProps }: OwpQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OwpQuerySelector: ({ apiUrl, asyncSearch, buildRequestQuery, disableAllValueItem, filterOptions, multiple, query, queryKeyDeps, responseListKey, selectorType, value, valueKey, valueResolver, labelKey, labelResolver, onChange, defaultValue, textFieldProps, ...selectorBaseProps }: OwpQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -27,6 +27,8 @@ type OwpQuerySelectorSharedProps = Omit<OwpSelectorBaseProps, 'allOptions' | 'al
     filterOptions?: (items: OwpQuerySelectorItem[]) => OwpQuerySelectorItem[];
     onChange?: (event: OwpSelectorBaseChangeEvent) => void;
     query: Record<string, unknown>;
+    /** 숨은 요청 조건용 React Query key 추가 deps */
+    queryKeyDeps?: readonly unknown[];
     responseListKey?: string;
 };
 export type OwpQuerySelectorBaseProps = OwpQuerySelectorSharedProps & OwpQuerySelectorValueConfig & OwpQuerySelectorLabelConfig;

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

@@ -30,7 +30,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<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "hover" | "selected" | "children" | "sx" | "classes" | "className"> & 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" | "className" | "classes" | "children" | "sx"> & 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,7 +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<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"> & {
+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" | "className" | "classes" | "children" | "sx" | "label" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "icon" | "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,7 +1,7 @@
 /**
  * OwpTabs 컴포넌트
  */
-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"> & {
+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" | "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 | undefined;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export { OwpTabs };

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

@@ -47,6 +47,8 @@ export interface OwpTreeGridProps<T> {
     onRowClick?: OwpTreeGridRowClickHandler<T>;
     onSave?: OwpTreeGridSaveHandler<T>;
     onAfterValueChanged?: OwpTreeGridAfterValueChangedHandler<T>;
+    highlightEditableCells?: boolean;
+    highlightChangedCells?: boolean;
     loading?: boolean;
     showLoading?: boolean;
 }
@@ -59,5 +61,5 @@ export interface OwpTreeGridProps<T> {
  * @param style 스타일 객체
  * @param height height 값
  */
-declare const OwpTreeGrid: <T>({ id, containerStyle, containerClassName, className, style, height, width, layoutUrl, dataUrl, layoutOverrides, data, useDataUrl, onSelect, onRowClick, onRowAdd, onRowDelete, onRowUndelete, onRowChange, onClickButton, onSave, onReady, onAfterValueChanged, loading, showLoading, }: OwpTreeGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const OwpTreeGrid: <T>({ id, containerStyle, containerClassName, className, style, height, width, layoutUrl, dataUrl, layoutOverrides, data, useDataUrl, onSelect, onRowClick, onRowAdd, onRowDelete, onRowUndelete, onRowChange, onClickButton, onSave, onReady, onAfterValueChanged, highlightEditableCells, highlightChangedCells, loading, showLoading, }: OwpTreeGridProps<T>) => import("react/jsx-runtime").JSX.Element;
 export { OwpTreeGrid };

package/dist/types/components/OwpTreeGrid/{OwpTreeGridLoadingOverlay.d.ts → internal/OwpTreeGridLoadingOverlay.d.ts}

@@ -1,4 +1,4 @@
-import { type OwpTreeGridOverlayFrame } from './hooks/useOwpTreeGridOverlayFrame';
+import { type OwpTreeGridOverlayFrame } from '../hooks/useOwpTreeGridOverlayFrame';
 type OwpTreeGridLoadingOverlayProps = {
     visible: boolean;
     overlayFrame: OwpTreeGridOverlayFrame;

package/dist/types/components/OwpTreeGrid/{OwpTreeGridNoDataOverlay.d.ts → internal/OwpTreeGridNoDataOverlay.d.ts}

@@ -1,4 +1,4 @@
-import { type OwpTreeGridOverlayFrame } from './hooks/useOwpTreeGridOverlayFrame';
+import { type OwpTreeGridOverlayFrame } from '../hooks/useOwpTreeGridOverlayFrame';
 type OwpTreeGridNoDataOverlayProps = {
     visible: boolean;
     message: string;

package/dist/types/components/OwpTreeGrid/{utils/index.d.ts → internal/treeGridLayout.d.ts}

@@ -31,6 +31,4 @@ export declare const convertXmlToJson: (xmlString?: string) => TreeGridSectionCo
  * @param disableBodyReload disableBodyReload 값
  */
 export declare const applyTreeGridLayoutToGrid: (grid: TTGrid | TGrid, layoutConfig?: OwpTreeGridLayoutConfig, disableBodyReload?: boolean) => void;
-export declare const updateLayoutByGrid: (grid: TTGrid | TGrid, layoutConfig?: OwpTreeGridLayoutConfig, disableBodyReload?: boolean) => void;
-export declare const applyTreeGridLayoutByGrid: (grid: TTGrid | TGrid, layoutConfig?: OwpTreeGridLayoutConfig, disableBodyReload?: boolean) => void;
 export {};

package/dist/types/components/OwpTreeGrid/internal/treeGridRuntime.d.ts

@@ -0,0 +1,75 @@
+import { type Dispatch, type RefObject, type SetStateAction } from 'react';
+import type { OwpTreeGridBodyData, OwpTreeGridLayoutConfig, OwpTreeGridProps } from '../OwpTreeGrid';
+export declare const TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS = 300;
+type TreeGridInitializationInput<T> = {
+    id: string;
+    layoutUrl?: string;
+    dataUrl?: string;
+    bodyData: OwpTreeGridBodyData<T>;
+    useDataUrl?: boolean;
+    width?: string | number;
+    height?: string | number;
+    languageId: string;
+};
+export type TreeGridEventHandlers<T> = Pick<OwpTreeGridProps<T>, 'onSelect' | 'onRowClick' | 'onRowAdd' | 'onRowDelete' | 'onRowUndelete' | 'onRowChange' | 'onClickButton' | 'onSave' | 'onReady' | 'onAfterValueChanged'>;
+export type TreeGridEventBindingOptions<T> = Pick<OwpTreeGridProps<T>, 'id'> & {
+    latestEventHandlersRef: RefObject<TreeGridEventHandlers<T>>;
+    highlightEditableCellsRef: RefObject<boolean>;
+    highlightChangedCellsRef: RefObject<boolean>;
+    treeGridInstanceRef: RefObject<TGrid>;
+    treeGridInitStartedAtRef: RefObject<number | null>;
+    latestLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;
+    appliedLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;
+    appliedBodyDataPropRef: RefObject<OwpTreeGridBodyData<T>>;
+    hasAppliedInitialLayoutRef: RefObject<boolean>;
+    syncHasDisplayDataRows: (grid: TGrid | null) => void;
+    setIsTreeGridReady: Dispatch<SetStateAction<boolean>>;
+};
+/**
+ * TreeGrid 초기화 옵션 생성
+ * @param input 초기화 입력값
+ */
+export declare const buildTreeGridInitializationOptions: <T>({ id, layoutUrl, dataUrl, bodyData, useDataUrl, width, height, languageId, }: TreeGridInitializationInput<T>) => {
+    id: string;
+    Layout: {
+        Url: string;
+    };
+    Data: {
+        Url: string;
+        Data?: undefined;
+    } | {
+        Data: {
+            Body: OwpTreeGridBodyData<T>[];
+        };
+        Url?: undefined;
+    };
+    Text: {
+        Url: "/assets/vendors/Grid/TextEN.xml" | "/assets/vendors/Grid/TextKR.xml";
+    };
+    width: string | number;
+    height: string | number;
+    Debug: string;
+};
+/**
+ * TreeGrid Body 데이터 건수
+ * @param bodyData TreeGrid Body 데이터
+ */
+export declare const getTreeGridBodyDataCount: <T>(bodyData: OwpTreeGridBodyData<T>) => number;
+/**
+ * TreeGrid 표시 데이터 행 존재 여부
+ * @param grid TreeGrid 인스턴스
+ */
+export declare const hasTreeGridDisplayDataRows: (grid: TGrid | null) => boolean;
+/**
+ * TreeGrid Body 데이터 교체 후 재로드
+ * @param grid TreeGrid 인스턴스
+ * @param bodyData 새 Body 데이터
+ * @param onReloadFinish 재로드 완료 콜백
+ */
+export declare const replaceTreeGridBodyData: <T>(grid: TGrid, bodyData: OwpTreeGridBodyData<T>, onReloadFinish?: (code: number) => void) => void;
+/**
+ * TreeGrid 이벤트 바인딩
+ * @param options 이벤트 바인딩 옵션
+ */
+export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, highlightEditableCellsRef, highlightChangedCellsRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, }: TreeGridEventBindingOptions<T>) => void;
+export {};

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

@@ -11,10 +11,10 @@ export interface OwpCoreProviderProps extends OwpAppProviderProps {
     styledEngineProviderProps?: OwpStyledEngineProviderProps;
 }
 /**
- * App, Redux, React Query provider composition
+ * App, Jotai, React Query provider composition
  * @param queryClient 외부 QueryClient 인스턴스
  * @param queryClientConfig QueryClient 생성 옵션
- * @param storePreloadedState 초기 Redux 상태
+ * @param storePreloadedState 초기 전역 상태
  * @param styledEngineProviderProps StyledEngineProvider 옵션
  */
 export declare function OwpCoreProvider({ children, queryClient, queryClientConfig, storePreloadedState, styledEngineProviderProps, ...appProviderProps }: OwpCoreProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,12 @@
+import type { OwpStorePreloadedState } from '@/store/atoms/internal/types';
 import { ReactNode } from 'react';
-import { RootState } from '../store/store';
 export interface OwpStoreProviderProps {
     children?: ReactNode;
-    preloadedState?: Partial<RootState>;
+    preloadedState?: OwpStorePreloadedState;
 }
 /**
- * Owp Redux store provider
+ * OWP Jotai store provider
  * @param children 하위 콘텐츠
- * @param preloadedState 초기 Redux 상태
+ * @param preloadedState 초기 전역 상태
  */
 export declare function OwpStoreProvider({ children, preloadedState }: OwpStoreProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
 export * from './useCommonCodeList';
 export * from './useAccessTokenGuard';
-export * from './useAppStore';
 export * from './useConfirm';
 export * from './useCurrentLanguage';
 export * from './useLogoSrc';
@@ -11,7 +10,9 @@ export * from './useDeepCompareEffect';
 export * from './useHeaderWrapState';
 export * from './useInitApp';
 export * from './useInitCommonCodes';
+export * from './useNavbar';
 export * from './useNavigation';
+export * from './useOwpSettings';
 export * from './useOwpTranslation';
 export * from './usePageLockLoading';
 export * from './usePrevious';

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

@@ -0,0 +1,19 @@
+/**
+ * Navbar 상태 조회 훅
+ */
+export declare const useGetNavbar: () => import("../store/atoms/internal/types").NavbarState;
+/**
+ * Navbar 액션 훅
+ */
+export declare const useNavbarActions: () => {
+    toggleFolded: () => void;
+    openFolded: () => void;
+    closeFolded: () => void;
+    toggleMobile: () => void;
+    openMobile: () => void;
+    closeMobile: () => void;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    reset: () => void;
+};

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

@@ -0,0 +1,79 @@
+import type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';
+import type { OwpSettingsState } from '@/store/atoms/internal/types';
+import type { PartialDeep } from 'type-fest';
+/**
+ * OWP settings 원본 상태 조회 훅
+ */
+export declare const useGetOwpSettings: () => OwpSettingsState;
+/**
+ * 현재 settings 조회 훅
+ */
+export declare const useGetCurrentSettings: () => OwpSettingsConfigType;
+/**
+ * 기본 settings 조회 훅
+ */
+export declare const useGetDefaultSettings: () => OwpSettingsConfigType;
+/**
+ * 현재 layout config 조회 훅
+ */
+export declare const useGetCurrentLayoutConfig: () => {
+    mode?: string;
+    containerWidth?: string;
+    navbar?: {
+        display?: boolean;
+        style?: string;
+        folded?: boolean;
+        position?: string;
+        open?: boolean;
+    };
+    toolbar?: {
+        display?: boolean;
+        style?: string;
+    };
+    footer?: {
+        display?: boolean;
+        style?: string;
+    };
+    leftSidePanel?: {
+        display?: boolean;
+    };
+    rightSidePanel?: {
+        display?: boolean;
+    };
+};
+/**
+ * Main theme 조회 훅
+ */
+export declare const useGetMainTheme: () => import("@mui/material").Theme;
+/**
+ * Navbar theme 조회 훅
+ */
+export declare const useGetNavbarTheme: () => import("@mui/material").Theme;
+/**
+ * Toolbar theme 조회 훅
+ */
+export declare const useGetToolbarTheme: () => import("@mui/material").Theme;
+/**
+ * Footer theme 조회 훅
+ */
+export declare const useGetFooterTheme: () => import("@mui/material").Theme;
+/**
+ * Custom scrollbar 사용 여부 조회 훅
+ */
+export declare const useGetCustomScrollbarsEnabled: () => boolean;
+/**
+ * 현재 settings 설정 훅
+ */
+export declare const useSetSettings: () => (nextSettings: OwpSettingsConfigType) => void;
+/**
+ * 기본 settings 설정 훅
+ */
+export declare const useSetDefaultSettings: () => (nextSettings: PartialDeep<OwpSettingsConfigType>) => OwpSettingsState;
+/**
+ * Settings 초기화 훅
+ */
+export declare const useResetSettings: () => () => void;
+/**
+ * Theme 설정 변경 훅
+ */
+export declare const useChangeOwpTheme: () => (theme: import("@/types/OwpSettingsTypes").OwpThemesType) => OwpSettingsState;

package/dist/types/index.d.ts

@@ -18,9 +18,6 @@ export * from './components/OwpMoreActionsButton/OwpMoreActionsButton';
 export * from './components/OwpNumberField';
 export * from './components/OwpOptionSelector';
 export * from './components/OwpPageCarded';
-export * from './components/OwpPageCarded/OwpPageCardedHeader';
-export * from './components/OwpPageCarded/OwpPageCardedSidebar';
-export * from './components/OwpPageCarded/OwpPageCardedSidebarContent';
 export * from './components/OwpPageBreadcrumb';
 export * from './components/OwpPageContent';
 export * from './components/OwpPageLockLoading';
@@ -48,4 +45,4 @@ 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';
+export type { OwpFlatNavItemType, OwpNavBadgeType, OwpNavPermission, OwpNavItemType, OwpPermissionFlag, } from './types/OwpNavigationTypes';

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

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

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

@@ -9,8 +9,11 @@ type NavigationSearchToggleProps = {
     placeholder?: string;
     noResults?: string;
 };
+/**
+ * Navigation search toggle.
+ */
+declare function NavigationSearchToggle(props: NavigationSearchToggleProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Memoized navigation search toggle.
  */
-declare const NavigationSearchToggleWithSlices: (props: NavigationSearchToggleProps) => import("react/jsx-runtime").JSX.Element;
-export default NavigationSearchToggleWithSlices;
+export default NavigationSearchToggle;

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

@@ -2,8 +2,11 @@ type NavigationShortcutsToggleProps = {
     className?: string;
     variant?: 'horizontal' | 'vertical';
 };
+/**
+ * Navigation shortcuts toggle.
+ */
+declare function NavigationShortcutsToggle(props: NavigationShortcutsToggleProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Memoized navigation shortcuts toggle.
  */
-declare const NavigationShortcutsToggleWithSlices: (props: NavigationShortcutsToggleProps) => import("react/jsx-runtime").JSX.Element;
-export default NavigationShortcutsToggleWithSlices;
+export default NavigationShortcutsToggle;

package/dist/types/store/atoms/index.d.ts

@@ -0,0 +1,3 @@
+export * from './navbarAtoms';
+export * from './owpSettingsAtoms';
+export * from './owpStore';

package/dist/types/store/atoms/internal/types.d.ts

@@ -0,0 +1,29 @@
+import type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';
+import type { PartialDeep } from 'type-fest';
+/**
+ * OWP settings 상태 타입
+ */
+export type OwpSettingsState = {
+    initial: OwpSettingsConfigType;
+    defaults: OwpSettingsConfigType;
+    current: OwpSettingsConfigType;
+};
+/**
+ * Navbar 상태 타입
+ */
+export type NavbarState = {
+    open: boolean;
+    mobileOpen: boolean;
+    foldedOpen: boolean;
+};
+/**
+ * OWP 전역 상태 타입
+ */
+export type OwpStoreState = {
+    owpSettings: OwpSettingsState;
+    navbar: NavbarState;
+};
+/**
+ * OWP 전역 상태 초기값 타입
+ */
+export type OwpStorePreloadedState = PartialDeep<OwpStoreState>;

package/dist/types/store/atoms/navbarAtoms.d.ts

@@ -0,0 +1,48 @@
+import type { NavbarState } from './internal/types';
+/**
+ * Navbar 기본 상태 생성
+ */
+export declare function createNavbarState(overrides?: Partial<NavbarState>): NavbarState;
+export declare const navbarStateAtom: import("jotai").PrimitiveAtom<NavbarState> & {
+    init: NavbarState;
+};
+/**
+ * Navbar 접기 상태 토글 atom
+ */
+export declare const navbarToggleFoldedAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * Navbar 접기 상태 열기 atom
+ */
+export declare const navbarOpenFoldedAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * Navbar 접기 상태 닫기 atom
+ */
+export declare const navbarCloseFoldedAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * 모바일 navbar 상태 토글 atom
+ */
+export declare const navbarToggleMobileAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * 모바일 navbar 열기 atom
+ */
+export declare const navbarOpenMobileAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * 모바일 navbar 닫기 atom
+ */
+export declare const navbarCloseMobileAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * Navbar 닫기 atom
+ */
+export declare const navbarCloseAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * Navbar 열기 atom
+ */
+export declare const navbarOpenAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * Navbar 상태 토글 atom
+ */
+export declare const navbarToggleAtom: import("jotai").WritableAtom<unknown, [], void>;
+/**
+ * Navbar 기본값 복원 atom
+ */
+export declare const resetNavbarAtom: import("jotai").WritableAtom<unknown, [], void>;