@owp/core 2.5.25 → 2.5.27

package/dist/components/OwpStyleProvider/OwpStyleProvider.js

@@ -1,115 +1,119 @@
 var u = Object.defineProperty;
-var l = (t, e) => u(t, "name", { value: e, configurable: !0 });
-import { jsx as i, jsxs as m } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { CacheProvider as g } from "@emotion/react";
+var n = (o, t) => u(o, "name", { value: t, configurable: !0 });
+import { jsx as i, jsxs as g } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { CacheProvider as m } from "@emotion/react";
 import { useGetMainTheme as y, useGetToolbarTheme as k } from "../../hooks/useOwpSettings.js";
 import s from "@mui/material/GlobalStyles";
-import { ThemeProvider as v, alpha as n, emphasize as f } from "@mui/material/styles";
-import { useEffect as w } from "react";
+import { ThemeProvider as v, alpha as l, emphasize as w } from "@mui/material/styles";
+import { useEffect as f } from "react";
 const x = /* @__PURE__ */ i(
   s,
   {
-    styles: /* @__PURE__ */ l((t) => ({
+    styles: /* @__PURE__ */ n((o) => ({
       html: {
-        backgroundColor: `${t.palette.background.default}!important`,
-        color: `${t.palette.text.primary}!important`
+        backgroundColor: `${o.palette.background.default}!important`,
+        color: `${o.palette.text.primary}!important`
       },
       body: {
-        backgroundColor: t.palette.background.default,
-        color: t.palette.text.primary
+        backgroundColor: o.palette.background.default,
+        color: o.palette.text.primary
       },
       "& .MuiOutlinedInput-root": {
-        backgroundColor: t.palette.background.paper
+        backgroundColor: o.palette.background.paper
       },
       "& .border-divider ": {
-        borderColor: `${t.palette.divider}!important`
+        borderColor: `${o.palette.divider}!important`
       },
       "table.simple tbody tr th": {
-        borderColor: t.palette.divider
+        borderColor: o.palette.divider
       },
       "table.simple thead tr th": {
-        borderColor: t.palette.divider
+        borderColor: o.palette.divider
       },
       "a:not([role=button]):not(.MuiButtonBase-root)": {
-        color: t.palette.secondary.main,
+        color: o.palette.secondary.main,
         textDecoration: "underline",
         "&:hover": {}
       },
       "a.link, a:not([role=button])[target=_blank]": {
-        background: n(t.palette.secondary.main, 0.2),
+        background: l(o.palette.secondary.main, 0.2),
         color: "inherit",
-        borderBottom: `1px solid ${t.palette.divider}`,
+        borderBottom: `1px solid ${o.palette.divider}`,
         textDecoration: "none",
         "&:hover": {
-          background: n(t.palette.secondary.main, 0.3),
+          background: l(o.palette.secondary.main, 0.3),
           textDecoration: "none"
         }
       },
       '[class^="border"]': {
-        borderColor: t.palette.divider
+        borderColor: o.palette.divider
       },
       '[class*="border"]': {
-        borderColor: t.palette.divider
+        borderColor: o.palette.divider
       },
       '[class*="divide-"] > :not([hidden]) ~ :not([hidden])': {
-        borderColor: t.palette.divider
+        borderColor: o.palette.divider
       },
       hr: {
-        borderColor: t.palette.divider
+        borderColor: o.palette.divider
       },
       "::-webkit-scrollbar-thumb": {
-        boxShadow: `inset 0 0 0 20px ${t.palette.mode === "light" ? "rgba(0, 0, 0, 0.24)" : "rgba(255, 255, 255, 0.24)"}`
+        boxShadow: `inset 0 0 0 20px ${o.palette.mode === "light" ? "rgba(0, 0, 0, 0.24)" : "rgba(255, 255, 255, 0.24)"}`
       },
       "::-webkit-scrollbar-thumb:active": {
-        boxShadow: `inset 0 0 0 20px ${t.palette.mode === "light" ? "rgba(0, 0, 0, 0.37)" : "rgba(255, 255, 255, 0.37)"}`
+        boxShadow: `inset 0 0 0 20px ${o.palette.mode === "light" ? "rgba(0, 0, 0, 0.37)" : "rgba(255, 255, 255, 0.37)"}`
       }
     }), "styles")
   }
-), C = /* @__PURE__ */ l((t, e, o) => /* @__PURE__ */ i(
+), C = /* @__PURE__ */ n((o, t, r) => /* @__PURE__ */ i(
   s,
   {
     styles: {
       ":root": {
-        "--owp-datepicker-selected-bg": t,
-        "--owp-datepicker-selected-color": e,
-        "--owp-datepicker-selected-hover-bg": f(t, 0.16),
-        "--owp-datepicker-hover-color": o,
-        "--owp-datepicker-hover-bg": n(t, 0.14),
-        "--owp-datepicker-keyboard-selected-bg": n(t, 0.28),
-        "--owp-datepicker-keyboard-selected-hover-bg": n(t, 0.36),
-        "--owp-datepicker-keyboard-selected-color": o,
-        "--owp-datepicker-range-preview-bg": n(t, 0.48)
+        "--owp-datepicker-selected-bg": o,
+        "--owp-datepicker-selected-color": t,
+        "--owp-datepicker-selected-hover-bg": w(o, 0.16),
+        "--owp-datepicker-hover-color": r,
+        "--owp-datepicker-hover-bg": l(o, 0.14),
+        "--owp-datepicker-keyboard-selected-bg": l(o, 0.28),
+        "--owp-datepicker-keyboard-selected-hover-bg": l(o, 0.36),
+        "--owp-datepicker-keyboard-selected-color": r,
+        "--owp-datepicker-range-preview-bg": l(o, 0.48),
+        "--owp-datepicker-range-end-bg": l(o, 0.24),
+        "--owp-datepicker-range-end-hover-bg": l(o, 0.32),
+        "--owp-datepicker-range-end-color": o,
+        "--owp-datepicker-range-end-ring": o
       }
     }
   }
 ), "getThemeGlobalStyles");
 function h({
-  children: t,
-  theme: e,
-  root: o = !1,
-  datePickerSelectedBg: r,
+  children: o,
+  theme: t,
+  root: r = !1,
+  datePickerSelectedBg: e,
   datePickerSelectedColor: a,
   datePickerHoverColor: d
 }) {
-  const { mode: p } = e.palette;
-  return w(() => {
-    o && (document.body.classList.add(p === "light" ? "light" : "dark"), document.body.classList.remove(p === "light" ? "dark" : "light"));
-  }, [p, o]), /* @__PURE__ */ m(v, { theme: e, children: [
-    t,
+  const { mode: p } = t.palette;
+  return f(() => {
+    r && (document.body.classList.add(p === "light" ? "light" : "dark"), document.body.classList.remove(p === "light" ? "dark" : "light"));
+  }, [p, r]), /* @__PURE__ */ g(v, { theme: t, children: [
+    o,
     C(
-      r ?? e.palette.primary.main,
-      a ?? e.palette.getContrastText(r ?? e.palette.primary.main),
-      d ?? e.palette.text.primary
+      e ?? t.palette.primary.main,
+      a ?? t.palette.getContrastText(e ?? t.palette.primary.main),
+      d ?? t.palette.text.primary
     ),
-    o && x
+    r && x
   ] });
 }
-l(h, "OwpStyleTheme");
+n(h, "OwpStyleTheme");
 function c({
-  children: t,
-  theme: e,
-  root: o,
-  cacheProviderProps: r,
+  children: o,
+  theme: t,
+  root: r,
+  cacheProviderProps: e,
   datePickerSelectedBg: a,
   datePickerSelectedColor: d,
   datePickerHoverColor: p
@@ -117,43 +121,43 @@ function c({
   const b = /* @__PURE__ */ i(
     h,
     {
-      theme: e,
-      root: o,
+      theme: t,
+      root: r,
       datePickerSelectedBg: a,
       datePickerSelectedColor: d,
       datePickerHoverColor: p,
-      children: t
+      children: o
     }
   );
-  return r != null && r.value ? /* @__PURE__ */ i(g, { ...r, children: b }) : b;
+  return e != null && e.value ? /* @__PURE__ */ i(m, { ...e, children: b }) : b;
 }
-l(c, "OwpStyleProviderContent");
+n(c, "OwpStyleProviderContent");
 function T({
-  children: t,
-  root: e,
-  cacheProviderProps: o
+  children: o,
+  root: t,
+  cacheProviderProps: r
 }) {
-  const r = y(), a = k(), d = a.palette.background.default;
+  const e = y(), a = k(), d = a.palette.background.default;
   return /* @__PURE__ */ i(
     c,
     {
-      theme: r,
-      root: e,
-      cacheProviderProps: o,
+      theme: e,
+      root: t,
+      cacheProviderProps: r,
       datePickerSelectedBg: d,
       datePickerSelectedColor: a.palette.getContrastText(d),
-      datePickerHoverColor: r.palette.text.primary,
-      children: t
+      datePickerHoverColor: e.palette.text.primary,
+      children: o
     }
   );
 }
-l(T, "OwpStyleProviderFallback");
-function L(t) {
-  const { children: e, theme: o, root: r, cacheProviderProps: a } = t;
-  return o ? /* @__PURE__ */ i(c, { theme: o, root: r, cacheProviderProps: a, children: e }) : /* @__PURE__ */ i(T, { root: r, cacheProviderProps: a, children: e });
+n(T, "OwpStyleProviderFallback");
+function z(o) {
+  const { children: t, theme: r, root: e, cacheProviderProps: a } = o;
+  return r ? /* @__PURE__ */ i(c, { theme: r, root: e, cacheProviderProps: a, children: t }) : /* @__PURE__ */ i(T, { root: e, cacheProviderProps: a, children: t });
 }
-l(L, "OwpStyleProvider");
+n(z, "OwpStyleProvider");
 export {
-  L as OwpStyleProvider
+  z as OwpStyleProvider
 };
 //# sourceMappingURL=OwpStyleProvider.js.map

package/dist/components/OwpStyleProvider/OwpStyleProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpStyleProvider.js","sources":["../../../src/components/OwpStyleProvider/OwpStyleProvider.tsx"],"sourcesContent":["import { CacheProvider } from '@emotion/react';\nimport { useGetMainTheme, useGetToolbarTheme } from '@/hooks/useOwpSettings';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { alpha, emphasize, ThemeProvider, type Theme } from '@mui/material/styles';\nimport { ComponentProps, ReactNode, useEffect } from 'react';\n\ntype OwpCacheProviderProps = Omit<ComponentProps<typeof CacheProvider>, 'children'>;\ntype OwpStyleProviderContentProps = Omit<OwpStyleProviderProps, 'theme'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n};\n\nconst inputGlobalStyles = (\n  <GlobalStyles\n    styles={(theme) => ({\n      html: {\n        backgroundColor: `${theme.palette.background.default}!important`,\n        color: `${theme.palette.text.primary}!important`,\n      },\n      body: {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n      '& .MuiOutlinedInput-root': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& .border-divider ': {\n        borderColor: `${theme.palette.divider}!important`,\n      },\n      'table.simple tbody tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'table.simple thead tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'a:not([role=button]):not(.MuiButtonBase-root)': {\n        color: theme.palette.secondary.main,\n        textDecoration: 'underline',\n        '&:hover': {},\n      },\n      'a.link, a:not([role=button])[target=_blank]': {\n        background: alpha(theme.palette.secondary.main, 0.2),\n        color: 'inherit',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        textDecoration: 'none',\n        '&:hover': {\n          background: alpha(theme.palette.secondary.main, 0.3),\n          textDecoration: 'none',\n        },\n      },\n      '[class^=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"divide-\"] > :not([hidden]) ~ :not([hidden])': {\n        borderColor: theme.palette.divider,\n      },\n      hr: {\n        borderColor: theme.palette.divider,\n      },\n      '::-webkit-scrollbar-thumb': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.24)' : 'rgba(255, 255, 255, 0.24)'\n        }`,\n      },\n      '::-webkit-scrollbar-thumb:active': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.37)' : 'rgba(255, 255, 255, 0.37)'\n        }`,\n      },\n    })}\n  />\n);\n\nconst getThemeGlobalStyles = (\n  datePickerSelectedBg: string,\n  datePickerSelectedColor: string,\n  datePickerHoverColor: string,\n) => (\n  <GlobalStyles\n    styles={{\n      ':root': {\n        '--owp-datepicker-selected-bg': datePickerSelectedBg,\n        '--owp-datepicker-selected-color': datePickerSelectedColor,\n        '--owp-datepicker-selected-hover-bg': emphasize(datePickerSelectedBg, 0.16),\n        '--owp-datepicker-hover-color': datePickerHoverColor,\n        '--owp-datepicker-hover-bg': alpha(datePickerSelectedBg, 0.14),\n        '--owp-datepicker-keyboard-selected-bg': alpha(datePickerSelectedBg, 0.28),\n        '--owp-datepicker-keyboard-selected-hover-bg': alpha(datePickerSelectedBg, 0.36),\n        '--owp-datepicker-keyboard-selected-color': datePickerHoverColor,\n        '--owp-datepicker-range-preview-bg': alpha(datePickerSelectedBg, 0.48),\n      },\n    }}\n  />\n);\n\nexport interface OwpStyleProviderProps {\n  children?: ReactNode;\n  theme?: Theme;\n  root?: boolean;\n  cacheProviderProps?: OwpCacheProviderProps;\n}\n\n/**\n * MUI theme boundary and global style layer.\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param children 렌더링 자식\n */\nfunction OwpStyleTheme({\n  children,\n  theme,\n  root = false,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: Pick<OwpStyleProviderProps, 'children' | 'root'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n}) {\n  const { mode } = theme.palette;\n\n  useEffect(() => {\n    if (root) {\n      document.body.classList.add(mode === 'light' ? 'light' : 'dark');\n      document.body.classList.remove(mode === 'light' ? 'dark' : 'light');\n    }\n  }, [mode, root]);\n\n  return (\n    <ThemeProvider theme={theme}>\n      {children}\n      {getThemeGlobalStyles(\n        datePickerSelectedBg ?? theme.palette.primary.main,\n        datePickerSelectedColor ??\n          theme.palette.getContrastText(datePickerSelectedBg ?? theme.palette.primary.main),\n        datePickerHoverColor ?? theme.palette.text.primary,\n      )}\n      {root && inputGlobalStyles}\n    </ThemeProvider>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderContent({\n  children,\n  theme,\n  root,\n  cacheProviderProps,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: OwpStyleProviderContentProps) {\n  const themeContent = (\n    <OwpStyleTheme\n      theme={theme}\n      root={root}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={datePickerSelectedColor}\n      datePickerHoverColor={datePickerHoverColor}\n    >\n      {children}\n    </OwpStyleTheme>\n  );\n\n  if (!cacheProviderProps?.value) {\n    return themeContent;\n  }\n\n  return <CacheProvider {...cacheProviderProps}>{themeContent}</CacheProvider>;\n}\n\n/**\n * Store main theme fallback provider\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderFallback({\n  children,\n  root,\n  cacheProviderProps,\n}: Omit<OwpStyleProviderProps, 'theme'>) {\n  const theme = useGetMainTheme() as Theme;\n  const toolbarTheme = useGetToolbarTheme() as Theme;\n  const datePickerSelectedBg = toolbarTheme.palette.background.default;\n\n  return (\n    <OwpStyleProviderContent\n      theme={theme}\n      root={root}\n      cacheProviderProps={cacheProviderProps}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={toolbarTheme.palette.getContrastText(datePickerSelectedBg)}\n      datePickerHoverColor={theme.palette.text.primary}\n    >\n      {children}\n    </OwpStyleProviderContent>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체. 미지정 시 store main theme 사용\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nexport function OwpStyleProvider(props: OwpStyleProviderProps) {\n  const { children, theme, root, cacheProviderProps } = props;\n\n  if (theme) {\n    return (\n      <OwpStyleProviderContent theme={theme} root={root} cacheProviderProps={cacheProviderProps}>\n        {children}\n      </OwpStyleProviderContent>\n    );\n  }\n\n  return (\n    <OwpStyleProviderFallback root={root} cacheProviderProps={cacheProviderProps}>\n      {children}\n    </OwpStyleProviderFallback>\n  );\n}\n"],"names":["inputGlobalStyles","jsx","GlobalStyles","__name","theme","alpha","getThemeGlobalStyles","datePickerSelectedBg","datePickerSelectedColor","datePickerHoverColor","emphasize","OwpStyleTheme","children","root","mode","useEffect","jsxs","ThemeProvider","OwpStyleProviderContent","cacheProviderProps","themeContent","CacheProvider","OwpStyleProviderFallback","useGetMainTheme","toolbarTheme","useGetToolbarTheme","OwpStyleProvider","props"],"mappings":"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"}
+{"version":3,"file":"OwpStyleProvider.js","sources":["../../../src/components/OwpStyleProvider/OwpStyleProvider.tsx"],"sourcesContent":["import { CacheProvider } from '@emotion/react';\nimport { useGetMainTheme, useGetToolbarTheme } from '@/hooks/useOwpSettings';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { alpha, emphasize, ThemeProvider, type Theme } from '@mui/material/styles';\nimport { ComponentProps, ReactNode, useEffect } from 'react';\n\ntype OwpCacheProviderProps = Omit<ComponentProps<typeof CacheProvider>, 'children'>;\ntype OwpStyleProviderContentProps = Omit<OwpStyleProviderProps, 'theme'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n};\n\nconst inputGlobalStyles = (\n  <GlobalStyles\n    styles={(theme) => ({\n      html: {\n        backgroundColor: `${theme.palette.background.default}!important`,\n        color: `${theme.palette.text.primary}!important`,\n      },\n      body: {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n      '& .MuiOutlinedInput-root': {\n        backgroundColor: theme.palette.background.paper,\n      },\n      '& .border-divider ': {\n        borderColor: `${theme.palette.divider}!important`,\n      },\n      'table.simple tbody tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'table.simple thead tr th': {\n        borderColor: theme.palette.divider,\n      },\n      'a:not([role=button]):not(.MuiButtonBase-root)': {\n        color: theme.palette.secondary.main,\n        textDecoration: 'underline',\n        '&:hover': {},\n      },\n      'a.link, a:not([role=button])[target=_blank]': {\n        background: alpha(theme.palette.secondary.main, 0.2),\n        color: 'inherit',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        textDecoration: 'none',\n        '&:hover': {\n          background: alpha(theme.palette.secondary.main, 0.3),\n          textDecoration: 'none',\n        },\n      },\n      '[class^=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"border\"]': {\n        borderColor: theme.palette.divider,\n      },\n      '[class*=\"divide-\"] > :not([hidden]) ~ :not([hidden])': {\n        borderColor: theme.palette.divider,\n      },\n      hr: {\n        borderColor: theme.palette.divider,\n      },\n      '::-webkit-scrollbar-thumb': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.24)' : 'rgba(255, 255, 255, 0.24)'\n        }`,\n      },\n      '::-webkit-scrollbar-thumb:active': {\n        boxShadow: `inset 0 0 0 20px ${\n          theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.37)' : 'rgba(255, 255, 255, 0.37)'\n        }`,\n      },\n    })}\n  />\n);\n\nconst getThemeGlobalStyles = (\n  datePickerSelectedBg: string,\n  datePickerSelectedColor: string,\n  datePickerHoverColor: string,\n) => (\n  <GlobalStyles\n    styles={{\n      ':root': {\n        '--owp-datepicker-selected-bg': datePickerSelectedBg,\n        '--owp-datepicker-selected-color': datePickerSelectedColor,\n        '--owp-datepicker-selected-hover-bg': emphasize(datePickerSelectedBg, 0.16),\n        '--owp-datepicker-hover-color': datePickerHoverColor,\n        '--owp-datepicker-hover-bg': alpha(datePickerSelectedBg, 0.14),\n        '--owp-datepicker-keyboard-selected-bg': alpha(datePickerSelectedBg, 0.28),\n        '--owp-datepicker-keyboard-selected-hover-bg': alpha(datePickerSelectedBg, 0.36),\n        '--owp-datepicker-keyboard-selected-color': datePickerHoverColor,\n        '--owp-datepicker-range-preview-bg': alpha(datePickerSelectedBg, 0.48),\n        '--owp-datepicker-range-end-bg': alpha(datePickerSelectedBg, 0.24),\n        '--owp-datepicker-range-end-hover-bg': alpha(datePickerSelectedBg, 0.32),\n        '--owp-datepicker-range-end-color': datePickerSelectedBg,\n        '--owp-datepicker-range-end-ring': datePickerSelectedBg,\n      },\n    }}\n  />\n);\n\nexport interface OwpStyleProviderProps {\n  children?: ReactNode;\n  theme?: Theme;\n  root?: boolean;\n  cacheProviderProps?: OwpCacheProviderProps;\n}\n\n/**\n * MUI theme boundary and global style layer.\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param children 렌더링 자식\n */\nfunction OwpStyleTheme({\n  children,\n  theme,\n  root = false,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: Pick<OwpStyleProviderProps, 'children' | 'root'> & {\n  theme: Theme;\n  datePickerSelectedBg?: string;\n  datePickerSelectedColor?: string;\n  datePickerHoverColor?: string;\n}) {\n  const { mode } = theme.palette;\n\n  useEffect(() => {\n    if (root) {\n      document.body.classList.add(mode === 'light' ? 'light' : 'dark');\n      document.body.classList.remove(mode === 'light' ? 'dark' : 'light');\n    }\n  }, [mode, root]);\n\n  return (\n    <ThemeProvider theme={theme}>\n      {children}\n      {getThemeGlobalStyles(\n        datePickerSelectedBg ?? theme.palette.primary.main,\n        datePickerSelectedColor ??\n          theme.palette.getContrastText(datePickerSelectedBg ?? theme.palette.primary.main),\n        datePickerHoverColor ?? theme.palette.text.primary,\n      )}\n      {root && inputGlobalStyles}\n    </ThemeProvider>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderContent({\n  children,\n  theme,\n  root,\n  cacheProviderProps,\n  datePickerSelectedBg,\n  datePickerSelectedColor,\n  datePickerHoverColor,\n}: OwpStyleProviderContentProps) {\n  const themeContent = (\n    <OwpStyleTheme\n      theme={theme}\n      root={root}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={datePickerSelectedColor}\n      datePickerHoverColor={datePickerHoverColor}\n    >\n      {children}\n    </OwpStyleTheme>\n  );\n\n  if (!cacheProviderProps?.value) {\n    return themeContent;\n  }\n\n  return <CacheProvider {...cacheProviderProps}>{themeContent}</CacheProvider>;\n}\n\n/**\n * Store main theme fallback provider\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nfunction OwpStyleProviderFallback({\n  children,\n  root,\n  cacheProviderProps,\n}: Omit<OwpStyleProviderProps, 'theme'>) {\n  const theme = useGetMainTheme() as Theme;\n  const toolbarTheme = useGetToolbarTheme() as Theme;\n  const datePickerSelectedBg = toolbarTheme.palette.background.default;\n\n  return (\n    <OwpStyleProviderContent\n      theme={theme}\n      root={root}\n      cacheProviderProps={cacheProviderProps}\n      datePickerSelectedBg={datePickerSelectedBg}\n      datePickerSelectedColor={toolbarTheme.palette.getContrastText(datePickerSelectedBg)}\n      datePickerHoverColor={theme.palette.text.primary}\n    >\n      {children}\n    </OwpStyleProviderContent>\n  );\n}\n\n/**\n * CacheProvider, theme composition\n * @param theme MUI theme 객체. 미지정 시 store main theme 사용\n * @param root 글로벌 스타일 적용 여부\n * @param cacheProviderProps CacheProvider 옵션\n */\nexport function OwpStyleProvider(props: OwpStyleProviderProps) {\n  const { children, theme, root, cacheProviderProps } = props;\n\n  if (theme) {\n    return (\n      <OwpStyleProviderContent theme={theme} root={root} cacheProviderProps={cacheProviderProps}>\n        {children}\n      </OwpStyleProviderContent>\n    );\n  }\n\n  return (\n    <OwpStyleProviderFallback root={root} cacheProviderProps={cacheProviderProps}>\n      {children}\n    </OwpStyleProviderFallback>\n  );\n}\n"],"names":["inputGlobalStyles","jsx","GlobalStyles","__name","theme","alpha","getThemeGlobalStyles","datePickerSelectedBg","datePickerSelectedColor","datePickerHoverColor","emphasize","OwpStyleTheme","children","root","mode","useEffect","jsxs","ThemeProvider","OwpStyleProviderContent","cacheProviderProps","themeContent","CacheProvider","OwpStyleProviderFallback","useGetMainTheme","toolbarTheme","useGetToolbarTheme","OwpStyleProvider","props"],"mappings":"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"}