@owp/core 2.2.6 → 2.3.1

package/dist/store/atoms/owpSettingsAtoms.js

@@ -0,0 +1,140 @@
+var T = Object.defineProperty;
+var d = (t, n) => T(t, "name", { value: n, configurable: !0 });
+import { generateSettings as h, createInitialOwpSettings as x, mustHaveThemeOptions as F, defaultThemeOptions as k, extendThemeWithMixins as v } from "../../configs/defaultConfig.js";
+import { createTheme as y } from "@mui/material/styles";
+import { atom as e } from "jotai";
+import { merge as r } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+const w = {
+  primary: "rgb(17, 24, 39)",
+  secondary: "rgb(107, 114, 128)",
+  disabled: "rgb(149, 156, 169)"
+}, O = {
+  primary: "rgb(255,255,255)",
+  secondary: "rgb(148, 163, 184)",
+  disabled: "rgb(156, 163, 175)"
+}, M = x();
+function D(t) {
+  return {
+    initial: t,
+    defaults: r({}, t),
+    current: r({}, t)
+  };
+}
+d(D, "createSettingsState");
+const f = D(M), s = e(f), j = e((t) => t(s)), q = e((t) => t(s).defaults), m = e((t) => t(s).current), z = e((t) => t(m).layout.config), G = e(
+  (t) => !!t(m).customScrollbars
+), c = e((t) => t(m).direction), g = e((t) => t(m).theme.main), E = e((t) => t(m).theme.navbar), I = e((t) => t(m).theme.toolbar), L = e((t) => t(m).theme.footer);
+function l(t, n) {
+  const o = r({}, k, t, F);
+  return y(
+    r({}, o, {
+      mixins: v(o),
+      direction: n
+    })
+  );
+}
+d(l, "generateMuiTheme");
+function S(t, n) {
+  return r({}, t, {
+    dark: {
+      palette: {
+        mode: "dark",
+        divider: "rgba(241,245,249,.12)",
+        background: {
+          paper: "#1E2125",
+          default: "#121212"
+        },
+        text: O
+      }
+    },
+    light: {
+      palette: {
+        mode: "light",
+        divider: "#e2e8f0",
+        background: {
+          paper: "#FFFFFF",
+          default: "#F7F7F7"
+        },
+        text: w
+      }
+    }
+  }[n]);
+}
+d(S, "changeThemeMode");
+const J = e(
+  (t) => l(t(g), t(c))
+), K = e(
+  (t) => l(S(t(g), "dark"), t(c))
+), N = e(
+  (t) => l(S(t(g), "light"), t(c))
+), Q = e(
+  (t) => l(t(E), t(c))
+), R = e(
+  (t) => l(t(I), t(c))
+), U = e(
+  (t) => l(t(L), t(c))
+), X = e(null, (t, n, o) => {
+  const a = t(s), i = h(a.defaults, o);
+  n(s, {
+    ...a,
+    current: i
+  });
+}), P = e(
+  null,
+  (t, n, o) => {
+    const a = t(s), i = h(a.defaults, o), u = {
+      ...a,
+      defaults: r({}, i),
+      current: r({}, i)
+    };
+    return n(s, u), u;
+  }
+), Y = e(null, (t, n) => {
+  n(s, r({}, f));
+}), Z = e(null, (t, n) => {
+  const o = t(s);
+  n(s, {
+    ...o,
+    defaults: r({}, o.defaults),
+    current: r({}, o.defaults)
+  });
+}), $ = e(null, (t, n, o) => {
+  const a = t(s), { navbar: i, footer: u, toolbar: b, main: A } = o, p = {
+    ...a.current,
+    theme: {
+      main: A,
+      navbar: i,
+      toolbar: b,
+      footer: u
+    }
+  };
+  return n(P, p);
+});
+export {
+  $ as changeOwpThemeAtom,
+  D as createSettingsState,
+  z as currentLayoutConfigAtom,
+  m as currentSettingsAtom,
+  G as customScrollbarsEnabledAtom,
+  O as darkPaletteText,
+  q as defaultSettingsAtom,
+  c as directionAtom,
+  U as footerThemeAtom,
+  L as footerThemeSettingsAtom,
+  w as lightPaletteText,
+  J as mainThemeAtom,
+  K as mainThemeDarkAtom,
+  N as mainThemeLightAtom,
+  g as mainThemeSettingsAtom,
+  Q as navbarThemeAtom,
+  E as navbarThemeSettingsAtom,
+  j as owpSettingsAtom,
+  s as owpSettingsStateAtom,
+  Z as resetSettingsAtom,
+  P as setDefaultSettingsAtom,
+  Y as setInitialSettingsAtom,
+  X as setSettingsAtom,
+  R as toolbarThemeAtom,
+  I as toolbarThemeSettingsAtom
+};
+//# sourceMappingURL=owpSettingsAtoms.js.map

package/dist/store/atoms/owpSettingsAtoms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owpSettingsAtoms.js","sources":["../../../src/store/atoms/owpSettingsAtoms.ts"],"sourcesContent":["import {\n  createInitialOwpSettings,\n  defaultThemeOptions,\n  extendThemeWithMixins,\n  generateSettings,\n  mustHaveThemeOptions,\n} from '@/configs/defaultConfig';\nimport type {\n  OwpSettingsConfigType,\n  OwpThemeType,\n  OwpThemesType,\n} from '@/types/OwpSettingsTypes';\nimport { createTheme, type ThemeOptions } from '@mui/material/styles';\nimport { atom, type WritableAtom } from 'jotai';\nimport { merge } from 'es-toolkit/compat';\nimport type { PartialDeep } from 'type-fest';\nimport type { OwpSettingsState } from './internal/types';\n\n/**\n * Light theme text palette\n */\nexport const lightPaletteText = {\n  primary: 'rgb(17, 24, 39)',\n  secondary: 'rgb(107, 114, 128)',\n  disabled: 'rgb(149, 156, 169)',\n};\n\n/**\n * Dark theme text palette\n */\nexport const darkPaletteText = {\n  primary: 'rgb(255,255,255)',\n  secondary: 'rgb(148, 163, 184)',\n  disabled: 'rgb(156, 163, 175)',\n};\n\nconst initialSettings = createInitialOwpSettings();\n\n/**\n * Settings 기본 상태 생성\n */\nexport function createSettingsState(initialValue: OwpSettingsConfigType): OwpSettingsState {\n  return {\n    initial: initialValue,\n    defaults: merge({}, initialValue),\n    current: merge({}, initialValue),\n  };\n}\n\nconst defaultSettingsState = createSettingsState(initialSettings);\n\nexport const owpSettingsStateAtom = atom<OwpSettingsState>(defaultSettingsState);\n\nexport const owpSettingsAtom = atom((get) => get(owpSettingsStateAtom));\nexport const defaultSettingsAtom = atom((get) => get(owpSettingsStateAtom).defaults);\nexport const currentSettingsAtom = atom((get) => get(owpSettingsStateAtom).current);\nexport const currentLayoutConfigAtom = atom((get) => get(currentSettingsAtom).layout.config);\nexport const customScrollbarsEnabledAtom = atom(\n  (get) => Boolean(get(currentSettingsAtom).customScrollbars),\n);\nexport const directionAtom = atom((get) => get(currentSettingsAtom).direction);\nexport const mainThemeSettingsAtom = atom((get) => get(currentSettingsAtom).theme.main);\nexport const navbarThemeSettingsAtom = atom((get) => get(currentSettingsAtom).theme.navbar);\nexport const toolbarThemeSettingsAtom = atom((get) => get(currentSettingsAtom).theme.toolbar);\nexport const footerThemeSettingsAtom = atom((get) => get(currentSettingsAtom).theme.footer);\n\n/**\n * MUI theme 생성\n */\nfunction generateMuiTheme(theme: OwpThemeType, direction: 'ltr' | 'rtl') {\n  const data = merge({}, defaultThemeOptions, theme, mustHaveThemeOptions) as ThemeOptions;\n\n  return createTheme(\n    merge({}, data, {\n      mixins: extendThemeWithMixins(data),\n      direction,\n    } as ThemeOptions),\n  );\n}\n\n/**\n * Theme mode 변환\n */\nfunction changeThemeMode(theme: OwpThemeType, mode: 'dark' | 'light'): OwpThemeType {\n  const modes = {\n    dark: {\n      palette: {\n        mode: 'dark',\n        divider: 'rgba(241,245,249,.12)',\n        background: {\n          paper: '#1E2125',\n          default: '#121212',\n        },\n        text: darkPaletteText,\n      },\n    },\n    light: {\n      palette: {\n        mode: 'light',\n        divider: '#e2e8f0',\n        background: {\n          paper: '#FFFFFF',\n          default: '#F7F7F7',\n        },\n        text: lightPaletteText,\n      },\n    },\n  };\n\n  return merge({}, theme, modes[mode]);\n}\n\nexport const mainThemeAtom = atom((get) =>\n  generateMuiTheme(get(mainThemeSettingsAtom), get(directionAtom)),\n);\nexport const mainThemeDarkAtom = atom((get) =>\n  generateMuiTheme(changeThemeMode(get(mainThemeSettingsAtom), 'dark'), get(directionAtom)),\n);\nexport const mainThemeLightAtom = atom((get) =>\n  generateMuiTheme(changeThemeMode(get(mainThemeSettingsAtom), 'light'), get(directionAtom)),\n);\nexport const navbarThemeAtom = atom((get) =>\n  generateMuiTheme(get(navbarThemeSettingsAtom), get(directionAtom)),\n);\nexport const toolbarThemeAtom = atom((get) =>\n  generateMuiTheme(get(toolbarThemeSettingsAtom), get(directionAtom)),\n);\nexport const footerThemeAtom = atom((get) =>\n  generateMuiTheme(get(footerThemeSettingsAtom), get(directionAtom)),\n);\n\n/**\n * 현재 settings 적용 atom\n */\nexport const setSettingsAtom = atom(null, (get, set, nextSettings: OwpSettingsConfigType) => {\n  const settings = get(owpSettingsStateAtom);\n  const current = generateSettings(settings.defaults, nextSettings);\n\n  set(owpSettingsStateAtom, {\n    ...settings,\n    current,\n  });\n});\n\n/**\n * 기본 settings 변경 atom\n */\nexport const setDefaultSettingsAtom: WritableAtom<\n  null,\n  [PartialDeep<OwpSettingsConfigType>],\n  OwpSettingsState\n> = atom(\n  null,\n  (get, set, nextSettings: PartialDeep<OwpSettingsConfigType>): OwpSettingsState => {\n    const settings = get(owpSettingsStateAtom);\n    const defaults = generateSettings(settings.defaults, nextSettings as OwpSettingsConfigType);\n    const nextState = {\n      ...settings,\n      defaults: merge({}, defaults),\n      current: merge({}, defaults),\n    };\n\n    set(owpSettingsStateAtom, nextState);\n\n    return nextState;\n  },\n);\n\n/**\n * 초기 settings 복원 atom\n */\nexport const setInitialSettingsAtom = atom(null, (_get, set) => {\n  set(owpSettingsStateAtom, merge({}, defaultSettingsState));\n});\n\n/**\n * 현재 defaults 기준 초기화 atom\n */\nexport const resetSettingsAtom = atom(null, (get, set) => {\n  const settings = get(owpSettingsStateAtom);\n\n  set(owpSettingsStateAtom, {\n    ...settings,\n    defaults: merge({}, settings.defaults),\n    current: merge({}, settings.defaults),\n  });\n});\n\n/**\n * Theme 설정 변경 atom\n */\nexport const changeOwpThemeAtom = atom(null, (get, set, theme: OwpThemesType) => {\n  const settings = get(owpSettingsStateAtom);\n  const { navbar, footer, toolbar, main } = theme;\n  const nextSettings: OwpSettingsConfigType = {\n    ...settings.current,\n    theme: {\n      main,\n      navbar,\n      toolbar,\n      footer,\n    },\n  };\n\n  return set(setDefaultSettingsAtom, nextSettings);\n});\n"],"names":["lightPaletteText","darkPaletteText","initialSettings","createInitialOwpSettings","createSettingsState","initialValue","merge","__name","defaultSettingsState","owpSettingsStateAtom","atom","owpSettingsAtom","get","defaultSettingsAtom","currentSettingsAtom","currentLayoutConfigAtom","customScrollbarsEnabledAtom","directionAtom","mainThemeSettingsAtom","navbarThemeSettingsAtom","toolbarThemeSettingsAtom","footerThemeSettingsAtom","generateMuiTheme","theme","direction","data","defaultThemeOptions","mustHaveThemeOptions","createTheme","extendThemeWithMixins","changeThemeMode","mode","mainThemeAtom","mainThemeDarkAtom","mainThemeLightAtom","navbarThemeAtom","toolbarThemeAtom","footerThemeAtom","setSettingsAtom","set","nextSettings","settings","current","generateSettings","setDefaultSettingsAtom","defaults","nextState","setInitialSettingsAtom","_get","resetSettingsAtom","changeOwpThemeAtom","navbar","footer","toolbar","main"],"mappings":"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"}

package/dist/store/atoms/owpStore.js

@@ -0,0 +1,29 @@
+var s = Object.defineProperty;
+var o = (n, t) => s(n, "name", { value: t, configurable: !0 });
+import { createInitialOwpSettings as m } from "../../configs/defaultConfig.js";
+import { createStore as c } from "jotai/vanilla";
+import { createNavbarState as g, navbarStateAtom as e } from "./navbarAtoms.js";
+import { createSettingsState as w, owpSettingsStateAtom as f } from "./owpSettingsAtoms.js";
+import { merge as S } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+function x(n, t, r) {
+  const i = m(n, t);
+  return {
+    owpSettings: S(
+      {},
+      w(i),
+      r == null ? void 0 : r.owpSettings
+    ),
+    navbar: g(r == null ? void 0 : r.navbar)
+  };
+}
+o(x, "createOwpStoreState");
+function I(n) {
+  const t = c();
+  return t.set(f, n.owpSettings), t.set(e, n.navbar), t;
+}
+o(I, "createOwpStore");
+export {
+  I as createOwpStore,
+  x as createOwpStoreState
+};
+//# sourceMappingURL=owpStore.js.map

package/dist/store/atoms/owpStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owpStore.js","sources":["../../../src/store/atoms/owpStore.ts"],"sourcesContent":["import { createInitialOwpSettings } from '@/configs/defaultConfig';\nimport type {\n  OwpSettingsConfigType,\n  OwpThemesType,\n} from '@/types/OwpSettingsTypes';\nimport { merge } from 'es-toolkit/compat';\nimport { createStore } from 'jotai/vanilla';\nimport type { PartialDeep } from 'type-fest';\nimport { createNavbarState, navbarStateAtom } from './navbarAtoms';\nimport type { OwpStorePreloadedState, OwpStoreState } from './internal/types';\nimport { createSettingsState, owpSettingsStateAtom } from './owpSettingsAtoms';\n\nexport type OwpStore = ReturnType<typeof createStore>;\n\n/**\n * OWP 전역 상태 초기값 생성\n */\nexport function createOwpStoreState(\n  settingsConfig?: PartialDeep<OwpSettingsConfigType>,\n  themesConfig?: PartialDeep<OwpThemesType>,\n  preloadedState?: OwpStorePreloadedState,\n): OwpStoreState {\n  const initialSettings = createInitialOwpSettings(settingsConfig, themesConfig);\n  const owpSettings = merge(\n    {},\n    createSettingsState(initialSettings),\n    preloadedState?.owpSettings,\n  ) as OwpStoreState['owpSettings'];\n\n  return {\n    owpSettings,\n    navbar: createNavbarState(preloadedState?.navbar),\n  };\n}\n\n/**\n * OWP Jotai store 생성\n */\nexport function createOwpStore(initialState: OwpStoreState): OwpStore {\n  const store = createStore();\n\n  store.set(owpSettingsStateAtom, initialState.owpSettings);\n  store.set(navbarStateAtom, initialState.navbar);\n\n  return store;\n}\n"],"names":["createOwpStoreState","settingsConfig","themesConfig","preloadedState","initialSettings","createInitialOwpSettings","merge","createSettingsState","createNavbarState","__name","createOwpStore","initialState","store","createStore","owpSettingsStateAtom","navbarStateAtom"],"mappings":";;;;;;;AAiBO,SAASA,EACdC,GACAC,GACAC,GACe;AACf,QAAMC,IAAkBC,EAAyBJ,GAAgBC,CAAY;AAO7E,SAAO;AAAA,IACL,aAPkBI;AAAA,MAClB,CAAA;AAAA,MACAC,EAAoBH,CAAe;AAAA,MACnCD,KAAA,gBAAAA,EAAgB;AAAA,IAAA;AAAA,IAKhB,QAAQK,EAAkBL,KAAA,gBAAAA,EAAgB,MAAM;AAAA,EAAA;AAEpD;AAhBgBM,EAAAT,GAAA;AAqBT,SAASU,EAAeC,GAAuC;AACpE,QAAMC,IAAQC,EAAA;AAEd,SAAAD,EAAM,IAAIE,GAAsBH,EAAa,WAAW,GACxDC,EAAM,IAAIG,GAAiBJ,EAAa,MAAM,GAEvCC;AACT;AAPgBH,EAAAC,GAAA;"}

package/dist/store.js

@@ -1,42 +1,47 @@
-import { OwpStoreProvider as r } from "./contexts/OwpStoreProvider.js";
-import { createAppSelector as l, makeStore as a } from "./store/store.js";
-import { changeOwpTheme as i, darkPaletteText as c, getDirection as h, getFooterTheme as n, getMainTheme as T, getNavbarTheme as m, getToolbarTheme as g, lightPaletteText as S, owpSettingsSlice as p, resetSettings as b, selectContrastMainTheme as w, selectCustomScrollbarsEnabled as u, selectFooterTheme as D, selectFooterThemeDark as O, selectFooterThemeLight as f, selectMainTheme as k, selectMainThemeDark as C, selectMainThemeLight as v, selectNavbarTheme as x, selectNavbarThemeDark as L, selectNavbarThemeLight as M, selectOwpCurrentLayoutConfig as F, selectOwpCurrentSettings as N, selectOwpDefaultSettings as d, selectOwpSettings as P, selectOwpSettingsCurrent as y, selectOwpSettingsDefaults as A, selectToolbarTheme as E, selectToolbarThemeDark as I, selectToolbarThemeLight as j, setDefaultSettings as q, setInitialSettings as z, setSettings as B } from "./store/owpSettingsSlice.js";
+import { OwpStoreProvider as o } from "./contexts/OwpStoreProvider.js";
+import { createNavbarState as m, navbarCloseAtom as r, navbarCloseFoldedAtom as n, navbarCloseMobileAtom as A, navbarOpenAtom as i, navbarOpenFoldedAtom as g, navbarOpenMobileAtom as l, navbarStateAtom as s, navbarToggleAtom as S, navbarToggleFoldedAtom as b, navbarToggleMobileAtom as T, resetNavbarAtom as v } from "./store/atoms/navbarAtoms.js";
+import { changeOwpThemeAtom as p, createSettingsState as d, currentLayoutConfigAtom as c, currentSettingsAtom as f, customScrollbarsEnabledAtom as O, darkPaletteText as u, defaultSettingsAtom as w, directionAtom as x, footerThemeAtom as C, footerThemeSettingsAtom as F, lightPaletteText as M, mainThemeAtom as P, mainThemeDarkAtom as k, mainThemeLightAtom as D, mainThemeSettingsAtom as L, navbarThemeAtom as N, navbarThemeSettingsAtom as y, owpSettingsAtom as E, owpSettingsStateAtom as I, resetSettingsAtom as j, setDefaultSettingsAtom as q, setInitialSettingsAtom as z, setSettingsAtom as B, toolbarThemeAtom as G, toolbarThemeSettingsAtom as H } from "./store/atoms/owpSettingsAtoms.js";
+import { createOwpStore as K, createOwpStoreState as Q } from "./store/atoms/owpStore.js";
 export {
-  r as OwpStoreProvider,
-  i as changeOwpTheme,
-  l as createAppSelector,
-  c as darkPaletteText,
-  h as getDirection,
-  n as getFooterTheme,
-  T as getMainTheme,
-  m as getNavbarTheme,
-  g as getToolbarTheme,
-  S as lightPaletteText,
-  a as makeStore,
-  p as owpSettingsSlice,
-  b as resetSettings,
-  w as selectContrastMainTheme,
-  u as selectCustomScrollbarsEnabled,
-  D as selectFooterTheme,
-  O as selectFooterThemeDark,
-  f as selectFooterThemeLight,
-  k as selectMainTheme,
-  C as selectMainThemeDark,
-  v as selectMainThemeLight,
-  x as selectNavbarTheme,
-  L as selectNavbarThemeDark,
-  M as selectNavbarThemeLight,
-  F as selectOwpCurrentLayoutConfig,
-  N as selectOwpCurrentSettings,
-  d as selectOwpDefaultSettings,
-  P as selectOwpSettings,
-  y as selectOwpSettingsCurrent,
-  A as selectOwpSettingsDefaults,
-  E as selectToolbarTheme,
-  I as selectToolbarThemeDark,
-  j as selectToolbarThemeLight,
-  q as setDefaultSettings,
-  z as setInitialSettings,
-  B as setSettings
+  o as OwpStoreProvider,
+  p as changeOwpThemeAtom,
+  m as createNavbarState,
+  K as createOwpStore,
+  Q as createOwpStoreState,
+  d as createSettingsState,
+  c as currentLayoutConfigAtom,
+  f as currentSettingsAtom,
+  O as customScrollbarsEnabledAtom,
+  u as darkPaletteText,
+  w as defaultSettingsAtom,
+  x as directionAtom,
+  C as footerThemeAtom,
+  F as footerThemeSettingsAtom,
+  M as lightPaletteText,
+  P as mainThemeAtom,
+  k as mainThemeDarkAtom,
+  D as mainThemeLightAtom,
+  L as mainThemeSettingsAtom,
+  r as navbarCloseAtom,
+  n as navbarCloseFoldedAtom,
+  A as navbarCloseMobileAtom,
+  i as navbarOpenAtom,
+  g as navbarOpenFoldedAtom,
+  l as navbarOpenMobileAtom,
+  s as navbarStateAtom,
+  N as navbarThemeAtom,
+  y as navbarThemeSettingsAtom,
+  S as navbarToggleAtom,
+  b as navbarToggleFoldedAtom,
+  T as navbarToggleMobileAtom,
+  E as owpSettingsAtom,
+  I as owpSettingsStateAtom,
+  v as resetNavbarAtom,
+  j as resetSettingsAtom,
+  q as setDefaultSettingsAtom,
+  z as setInitialSettingsAtom,
+  B as setSettingsAtom,
+  G as toolbarThemeAtom,
+  H as toolbarThemeSettingsAtom
 };
 //# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"store.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -23,12 +23,4 @@ export interface OwpDialogProps extends Omit<DialogProps, 'title'> {
  * @param onCancel onCancel 핸들러
  */
 declare const OwpDialog: import("react").ForwardRefExoticComponent<Omit<OwpDialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * @deprecated Use OwpDialogProps instead.
- */
-export type OwpCommonDialogProps = OwpDialogProps;
-/**
- * @deprecated Use OwpDialog instead.
- */
-declare const OwpCommonDialog: import("react").ForwardRefExoticComponent<Omit<OwpDialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { OwpCommonDialog, OwpDialog };
+export { OwpDialog };

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

@@ -1,9 +1,18 @@
 import { type MaterialReactTableProps, type MRT_RowData } from 'material-react-table';
+export type OwpMrtTableHeaderCellStyle = {
+    backgroundColor?: string;
+    color?: string;
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    height?: number | string;
+};
 type DataTableProps<TData extends MRT_RowData> = MaterialReactTableProps<TData> & {
     canHideTotalCountFooterBorder?: boolean;
     canUseNoDataOverlay?: boolean;
+    canUseTableRadius?: boolean;
     canTotalCountRow?: boolean;
     canUseTreeGridStyle?: boolean;
+    headerCellStyle?: OwpMrtTableHeaderCellStyle;
     totalCount?: number;
 };
 export type OwpMrtTableProps<TData extends MRT_RowData> = DataTableProps<TData>;

package/dist/types/components/OwpPicker/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/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/OwpTable/OwpVerticalTable.d.ts

@@ -20,6 +20,7 @@ interface OwpVerticalTableProps {
     layout: OwpVerticalTableCell[][];
     data?: OwpVerticalTableDataRecord;
     titleSx?: TableCellProps['sx'];
+    treeGridTitleCellSx?: TableCellProps['sx'] & CSSProperties;
     cellSx?: TableCellProps['sx'] & CSSProperties;
     titleWidth?: number | string;
     colGroupSlot?: ReactNode;
@@ -32,6 +33,7 @@ interface OwpVerticalTableProps {
  * @param layout layout 값
  * @param titleWidth titleWidth 값
  * @param titleSx titleSx 값
+ * @param treeGridTitleCellSx TreeGrid title cell sx 값
  * @param cellSx cellSx 값
  * @param data 데이터
  * @param colGroupSlot colGroupSlot 값
@@ -39,5 +41,5 @@ interface OwpVerticalTableProps {
  * @param tableLayout tableLayout 값
  * @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
  */
-export declare function OwpVerticalTable({ layout, titleWidth, titleSx, cellSx, data, colGroupSlot, className, tableLayout, canUseTreeGridStyle, }: OwpVerticalTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function OwpVerticalTable({ layout, titleWidth, titleSx, treeGridTitleCellSx, cellSx, data, colGroupSlot, className, tableLayout, canUseTreeGridStyle, }: OwpVerticalTableProps): import("react/jsx-runtime").JSX.Element;
 export {};

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/constants/storageKeys.d.ts

@@ -9,6 +9,7 @@ export declare const STORAGE_KEYS: {
     readonly currentLanguage: "CurrentLanguage";
     readonly currentUser: "currentUser";
     readonly currentUserId: "CurrentUserId";
+    readonly currentUserSeq: "CurrentUserSeq";
     readonly currentShortcuts: "CurrentShortcuts";
     readonly owpEnv: "owpEnv";
 };

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,17 +1,19 @@
 export * from './useCommonCodeList';
 export * from './useAccessTokenGuard';
-export * from './useAppStore';
 export * from './useConfirm';
 export * from './useCurrentLanguage';
 export * from './useLogoSrc';
 export * from './useCurrentUser';
 export * from './useCurrentUserId';
+export * from './useCurrentUserSeq';
 export * from './useDebounce';
 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/useCurrentUserSeq.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 현재 사용자 USERSEQ 조회 훅
+ */
+export declare const useGetCurrentUserSeq: () => string | number;
+/**
+ * 현재 사용자 USERSEQ 설정 훅
+ */
+export declare const useSetCurrentUserSeq: () => (args_0: string | number | typeof import("jotai/utils").RESET | ((prev: string | number) => string | number | typeof import("jotai/utils").RESET)) => void;

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/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';