@owp/core 2.5.1 → 2.5.2

package/dist/_virtual/index10.js

@@ -1,5 +1,5 @@
-var a = {};
+var r = {};
 export {
-  a as __exports
+  r as __exports
 };
 //# sourceMappingURL=index10.js.map

package/dist/_virtual/index12.js

@@ -1,5 +1,5 @@
-var r = {};
+var a = {};
 export {
-  r as __exports
+  a as __exports
 };
 //# sourceMappingURL=index12.js.map

package/dist/_virtual/index13.js

@@ -1,5 +1,5 @@
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };
 //# sourceMappingURL=index13.js.map

package/dist/_virtual/index14.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };
 //# sourceMappingURL=index14.js.map

package/dist/_virtual/index15.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };
 //# sourceMappingURL=index15.js.map

package/dist/_virtual/index16.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
+var o = t();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as default
+  m as default
 };
 //# sourceMappingURL=index16.js.map

package/dist/_virtual/index17.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
-var o = t();
-const m = /* @__PURE__ */ r(o);
+import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
+var o = e();
+const s = /* @__PURE__ */ r(o);
 export {
-  m as default
+  s as default
 };
 //# sourceMappingURL=index17.js.map

package/dist/_virtual/index18.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
-var o = e();
-const s = /* @__PURE__ */ r(o);
+import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
+var o = t();
+const i = /* @__PURE__ */ r(o);
 export {
-  s as default
+  i as default
 };
 //# sourceMappingURL=index18.js.map

package/dist/_virtual/index19.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
-var o = t();
-const i = /* @__PURE__ */ r(o);
+import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  i as default
+  s as default
 };
 //# sourceMappingURL=index19.js.map

package/dist/_virtual/index5.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };
 //# sourceMappingURL=index5.js.map

package/dist/components/OwpPageBreadcrumb/OwpPageBreadcrumb.js

@@ -1,86 +1,93 @@
 var f = Object.defineProperty;
-var o = (a, c) => f(a, "name", { value: c, configurable: !0 });
+var e = (a, i) => f(a, "name", { value: i, configurable: !0 });
 import { jsxs as d, jsx as n } 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 { useGetCurrentUser as h } from "../../hooks/useCurrentUser.js";
 import { useGetNavigationList as x } from "../../hooks/useNavigation.js";
 import { useOwpTranslation as g } from "../../hooks/useOwpTranslation.js";
 import { getStartPagePath as b } from "../../utils/getStartPagePath.js";
-import N from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/NavigateNext.js";
-import v from "@mui/material/Breadcrumbs";
-import y from "@mui/material/IconButton";
+import y from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/NavigateNext.js";
+import N from "@mui/material/Breadcrumbs";
+import v from "@mui/material/IconButton";
 import B from "@mui/material/Tooltip";
 import I from "@mui/material/Typography";
 import { alpha as P } from "@mui/material/styles";
-import { clsx as T } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as M } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { useMemo as S } from "react";
-import { useMatches as k, useNavigate as w, Link as z } from "react-router-dom";
-import { OwpSvgIcon as C } from "../OwpSvgIcon/OwpSvgIcon.js";
-function M(a, c) {
-  const l = [], e = /* @__PURE__ */ o((s, i) => {
-    for (const t of s) {
-      if (l.push(t), t.url === i || t.children && t.children.length > 0 && e(t.children, i))
+import { useMatches as T, useNavigate as k, Link as w } from "react-router-dom";
+import { OwpSvgIcon as z } from "../OwpSvgIcon/OwpSvgIcon.js";
+function C(a, i) {
+  const l = [], o = /* @__PURE__ */ e((c, s) => {
+    for (const t of c) {
+      if (l.push(t), t.url === s || t.children && t.children.length > 0 && o(t.children, s))
         return !0;
       l.pop();
     }
     return !1;
   }, "findItem");
-  return e(a, c), l;
+  return o(a, i), l;
 }
-o(M, "findBreadcrumbPath");
+e(C, "findBreadcrumbPath");
 function V(a) {
-  const { className: c, ...l } = a, e = k(), s = x(), i = w(), { t } = g(), p = h(), m = S(() => {
-    var u;
-    const r = (u = e[e.length - 1]) == null ? void 0 : u.pathname;
-    return M(s ?? [], r);
-  }, [e, s]);
+  const { className: i, ...l } = a, o = T(), c = x(), s = k(), { t } = g(), u = h(), m = S(() => {
+    var p;
+    const r = (p = o[o.length - 1]) == null ? void 0 : p.pathname;
+    return C(c ?? [], r);
+  }, [o, c]);
   return /* @__PURE__ */ d("div", { className: "inline-flex items-center gap-12", children: [
     /* @__PURE__ */ n(B, { title: t("Button.홈으로"), placement: "bottom", children: /* @__PURE__ */ n(
-      y,
+      v,
       {
-        sx: /* @__PURE__ */ o((r) => ({
+        sx: /* @__PURE__ */ e((r) => ({
           borderWidth: "1px",
           borderStyle: "solid",
           borderColor: P(r.palette.text.primary, 0.38),
-          color: r.palette.secondary.contrastText
+          color: r.palette.text.primary
         }), "sx"),
-        onClick: /* @__PURE__ */ o(() => {
-          i(b(p), { replace: !0 });
+        onClick: /* @__PURE__ */ e(() => {
+          s(b(u), { replace: !0 });
         }, "onClick"),
-        children: /* @__PURE__ */ n(C, { color: "inherit", size: 20, children: "heroicons-outline:home" })
+        children: /* @__PURE__ */ n(z, { color: "inherit", size: 20, children: "heroicons-outline:home" })
       }
     ) }),
     /* @__PURE__ */ n(
-      v,
+      N,
       {
-        separator: /* @__PURE__ */ n(N, { fontSize: "large" }),
-        className: T("flex items-center w-full text-3xl", c),
+        separator: /* @__PURE__ */ n(y, { fontSize: "large" }),
+        className: M("flex items-center w-full text-3xl", i),
         "aria-label": "breadcrumb",
-        color: "secondary.contrastText",
         sx: {
+          color: "text.primary",
           "> .MuiBreadcrumbs-li": {
             display: "inline-flex",
             alignItems: "center"
+          },
+          "& .MuiTypography-root": {
+            color: "inherit"
+          },
+          "& a": {
+            color: "inherit",
+            textDecoration: "none"
           }
         },
         ...l,
         children: m.map(
-          (r, u) => (r == null ? void 0 : r.title) !== "" && /* @__PURE__ */ n(
+          (r, p) => (r == null ? void 0 : r.title) !== "" && /* @__PURE__ */ n(
             I,
             {
-              component: r != null && r.url ? z : "span",
+              component: r != null && r.url ? w : "span",
               to: r == null ? void 0 : r.url,
               className: "flex text-4xl font-medium tracking-[0.01em] capitalize truncate",
               role: "button",
               children: r == null ? void 0 : r.title
             },
-            u
+            p
           )
         )
       }
     )
   ] });
 }
-o(V, "PageBreadcrumb");
+e(V, "PageBreadcrumb");
 export {
   V as default
 };

package/dist/components/OwpPageBreadcrumb/OwpPageBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpPageBreadcrumb.js","sources":["../../../src/components/OwpPageBreadcrumb/OwpPageBreadcrumb.tsx"],"sourcesContent":["import { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { OwpNavItemType } from '@/types/OwpNavigationTypes';\nimport { getStartPagePath } from '@/utils/getStartPagePath';\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext';\nimport Breadcrumbs, { BreadcrumbsProps } from '@mui/material/Breadcrumbs';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { Link, useMatches, useNavigate } from 'react-router-dom';\n\nexport type PageBreadcrumbProps = BreadcrumbsProps & {\n  className?: string;\n};\n\nfunction findBreadcrumbPath(navigation: OwpNavItemType[], currentPath?: string): OwpNavItemType[] {\n  const result: OwpNavItemType[] = [];\n\n  const findItem = (items: OwpNavItemType[], path?: string): boolean => {\n    for (const item of items) {\n      \n      result.push(item);\n\n      \n      if (item.url === path) {\n        return true;\n      }\n\n      \n      if (item.children && item.children.length > 0) {\n        if (findItem(item.children, path)) {\n          return true;\n        }\n      }\n\n      \n      result.pop();\n    }\n\n    return false;\n  };\n\n  findItem(navigation, currentPath);\n  return result;\n}\n\nfunction PageBreadcrumb(props: PageBreadcrumbProps) {\n  const { className, ...rest } = props;\n  const matches = useMatches();\n\n  const navigation = useGetNavigationList();\n  const navigate = useNavigate();\n  const { t } = useOwpTranslation();\n\n  const currentUser = useGetCurrentUser();\n\n  const crumbs = useMemo(() => {\n    const currentPath = matches[matches.length - 1]?.pathname;\n    return findBreadcrumbPath(navigation ?? [], currentPath);\n  }, [matches, navigation]);\n\n  return (\n    <div className=\"inline-flex items-center gap-12\">\n      <Tooltip title={t('Button.홈으로')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: alpha(theme.palette.text.primary, 0.38),\n            color: theme.palette.secondary.contrastText,\n          })}\n          onClick={() => {\n            navigate(getStartPagePath(currentUser), { replace: true });\n          }}\n        >\n          <OwpSvgIcon color=\"inherit\" size={20}>\n            heroicons-outline:home\n          </OwpSvgIcon>\n        </IconButton>\n      </Tooltip>\n      <Breadcrumbs\n        separator={<NavigateNextIcon fontSize=\"large\" />}\n        className={clsx('flex items-center w-full text-3xl', className)}\n        aria-label=\"breadcrumb\"\n        color=\"secondary.contrastText\"\n        sx={{\n          '> .MuiBreadcrumbs-li': {\n            display: 'inline-flex',\n            alignItems: 'center',\n          },\n        }}\n        {...rest}\n      >\n        {crumbs.map(\n          (item, index) =>\n            item?.title !== '' && (\n              <Typography\n                component={item?.url ? Link : 'span'}\n                to={item?.url}\n                key={index}\n                className=\"flex text-4xl font-medium tracking-[0.01em] capitalize truncate\"\n                role=\"button\"\n              >\n                {item?.title}\n              </Typography>\n            ),\n        )}\n      </Breadcrumbs>\n    </div>\n  );\n}\n\nexport default PageBreadcrumb;\n"],"names":["findBreadcrumbPath","navigation","currentPath","result","findItem","__name","items","path","item","PageBreadcrumb","props","className","rest","matches","useMatches","useGetNavigationList","navigate","useNavigate","useOwpTranslation","currentUser","useGetCurrentUser","crumbs","useMemo","_a","jsxs","jsx","Tooltip","IconButton","theme","alpha","getStartPagePath","OwpSvgIcon","Breadcrumbs","NavigateNextIcon","clsx","index","Typography","Link"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAASA,EAAmBC,GAA8BC,GAAwC;AAChG,QAAMC,IAA2B,CAAA,GAE3BC,IAAW,gBAAAC,EAAA,CAACC,GAAyBC,MAA2B;AACpE,eAAWC,KAAQF,GAAO;AAUxB,UARAH,EAAO,KAAKK,CAAI,GAGZA,EAAK,QAAQD,KAKbC,EAAK,YAAYA,EAAK,SAAS,SAAS,KACtCJ,EAASI,EAAK,UAAUD,CAAI;AAC9B,eAAO;AAKX,MAAAJ,EAAO,IAAA;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAtBiB;AAwBjB,SAAAC,EAASH,GAAYC,CAAW,GACzBC;AACT;AA7BSE,EAAAL,GAAA;AA+BT,SAASS,EAAeC,GAA4B;AAClD,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GACzBG,IAAUC,EAAA,GAEVb,IAAac,EAAA,GACbC,IAAWC,EAAA,GACX,EAAE,EAAA,IAAMC,EAAA,GAERC,IAAcC,EAAA,GAEdC,IAASC,EAAQ,MAAM;;AAC3B,UAAMpB,KAAcqB,IAAAV,EAAQA,EAAQ,SAAS,CAAC,MAA1B,gBAAAU,EAA6B;AACjD,WAAOvB,EAAmBC,KAAc,CAAA,GAAIC,CAAW;AAAA,EACzD,GAAG,CAACW,GAASZ,CAAU,CAAC;AAExB,SACE,gBAAAuB,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,OAAO,EAAE,YAAY,GAAG,WAAU,UACzC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAtB,EAAA,CAACuB,OAAW;AAAA,UACd,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAAS,IAAI;AAAA,UACnD,OAAOA,EAAM,QAAQ,UAAU;AAAA,QAAA,IAJ7B;AAAA,QAMJ,SAAS,gBAAAvB,EAAA,MAAM;AACb,UAAAW,EAASc,EAAiBX,CAAW,GAAG,EAAE,SAAS,IAAM;AAAA,QAC3D,GAFS;AAAA,QAIT,4BAACY,GAAA,EAAW,OAAM,WAAU,MAAM,IAAI,UAAA,yBAAA,CAEtC;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAW,gBAAAP,EAACQ,GAAA,EAAiB,UAAS,QAAA,CAAQ;AAAA,QAC9C,WAAWC,EAAK,qCAAqCvB,CAAS;AAAA,QAC9D,cAAW;AAAA,QACX,OAAM;AAAA,QACN,IAAI;AAAA,UACF,wBAAwB;AAAA,YACtB,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAED,GAAGC;AAAA,QAEH,UAAAS,EAAO;AAAA,UACN,CAACb,GAAM2B,OACL3B,KAAA,gBAAAA,EAAM,WAAU,MACd,gBAAAiB;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAW5B,KAAA,QAAAA,EAAM,MAAM6B,IAAO;AAAA,cAC9B,IAAI7B,KAAA,gBAAAA,EAAM;AAAA,cAEV,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAA,KAAA,gBAAAA,EAAM;AAAA,YAAA;AAAA,YAJF2B;AAAA,UAAA;AAAA,QAKP;AAAA,MAEN;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAhES9B,EAAAI,GAAA;"}
+{"version":3,"file":"OwpPageBreadcrumb.js","sources":["../../../src/components/OwpPageBreadcrumb/OwpPageBreadcrumb.tsx"],"sourcesContent":["import { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { OwpNavItemType } from '@/types/OwpNavigationTypes';\nimport { getStartPagePath } from '@/utils/getStartPagePath';\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext';\nimport Breadcrumbs, { BreadcrumbsProps } from '@mui/material/Breadcrumbs';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { Link, useMatches, useNavigate } from 'react-router-dom';\n\nexport type PageBreadcrumbProps = BreadcrumbsProps & {\n  className?: string;\n};\n\nfunction findBreadcrumbPath(navigation: OwpNavItemType[], currentPath?: string): OwpNavItemType[] {\n  const result: OwpNavItemType[] = [];\n\n  const findItem = (items: OwpNavItemType[], path?: string): boolean => {\n    for (const item of items) {\n      \n      result.push(item);\n\n      \n      if (item.url === path) {\n        return true;\n      }\n\n      \n      if (item.children && item.children.length > 0) {\n        if (findItem(item.children, path)) {\n          return true;\n        }\n      }\n\n      \n      result.pop();\n    }\n\n    return false;\n  };\n\n  findItem(navigation, currentPath);\n  return result;\n}\n\nfunction PageBreadcrumb(props: PageBreadcrumbProps) {\n  const { className, ...rest } = props;\n  const matches = useMatches();\n\n  const navigation = useGetNavigationList();\n  const navigate = useNavigate();\n  const { t } = useOwpTranslation();\n\n  const currentUser = useGetCurrentUser();\n\n  const crumbs = useMemo(() => {\n    const currentPath = matches[matches.length - 1]?.pathname;\n    return findBreadcrumbPath(navigation ?? [], currentPath);\n  }, [matches, navigation]);\n\n  return (\n    <div className=\"inline-flex items-center gap-12\">\n      <Tooltip title={t('Button.홈으로')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: alpha(theme.palette.text.primary, 0.38),\n            color: theme.palette.text.primary,\n          })}\n          onClick={() => {\n            navigate(getStartPagePath(currentUser), { replace: true });\n          }}\n        >\n          <OwpSvgIcon color=\"inherit\" size={20}>\n            heroicons-outline:home\n          </OwpSvgIcon>\n        </IconButton>\n      </Tooltip>\n      <Breadcrumbs\n        separator={<NavigateNextIcon fontSize=\"large\" />}\n        className={clsx('flex items-center w-full text-3xl', className)}\n        aria-label=\"breadcrumb\"\n        sx={{\n          color: 'text.primary',\n          '> .MuiBreadcrumbs-li': {\n            display: 'inline-flex',\n            alignItems: 'center',\n          },\n          '& .MuiTypography-root': {\n            color: 'inherit',\n          },\n          '& a': {\n            color: 'inherit',\n            textDecoration: 'none',\n          },\n        }}\n        {...rest}\n      >\n        {crumbs.map(\n          (item, index) =>\n            item?.title !== '' && (\n              <Typography\n                component={item?.url ? Link : 'span'}\n                to={item?.url}\n                key={index}\n                className=\"flex text-4xl font-medium tracking-[0.01em] capitalize truncate\"\n                role=\"button\"\n              >\n                {item?.title}\n              </Typography>\n            ),\n        )}\n      </Breadcrumbs>\n    </div>\n  );\n}\n\nexport default PageBreadcrumb;\n"],"names":["findBreadcrumbPath","navigation","currentPath","result","findItem","__name","items","path","item","PageBreadcrumb","props","className","rest","matches","useMatches","useGetNavigationList","navigate","useNavigate","useOwpTranslation","currentUser","useGetCurrentUser","crumbs","useMemo","_a","jsxs","jsx","Tooltip","IconButton","theme","alpha","getStartPagePath","OwpSvgIcon","Breadcrumbs","NavigateNextIcon","clsx","index","Typography","Link"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAASA,EAAmBC,GAA8BC,GAAwC;AAChG,QAAMC,IAA2B,CAAA,GAE3BC,IAAW,gBAAAC,EAAA,CAACC,GAAyBC,MAA2B;AACpE,eAAWC,KAAQF,GAAO;AAUxB,UARAH,EAAO,KAAKK,CAAI,GAGZA,EAAK,QAAQD,KAKbC,EAAK,YAAYA,EAAK,SAAS,SAAS,KACtCJ,EAASI,EAAK,UAAUD,CAAI;AAC9B,eAAO;AAKX,MAAAJ,EAAO,IAAA;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAtBiB;AAwBjB,SAAAC,EAASH,GAAYC,CAAW,GACzBC;AACT;AA7BSE,EAAAL,GAAA;AA+BT,SAASS,EAAeC,GAA4B;AAClD,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GACzBG,IAAUC,EAAA,GAEVb,IAAac,EAAA,GACbC,IAAWC,EAAA,GACX,EAAE,EAAA,IAAMC,EAAA,GAERC,IAAcC,EAAA,GAEdC,IAASC,EAAQ,MAAM;;AAC3B,UAAMpB,KAAcqB,IAAAV,EAAQA,EAAQ,SAAS,CAAC,MAA1B,gBAAAU,EAA6B;AACjD,WAAOvB,EAAmBC,KAAc,CAAA,GAAIC,CAAW;AAAA,EACzD,GAAG,CAACW,GAASZ,CAAU,CAAC;AAExB,SACE,gBAAAuB,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,OAAO,EAAE,YAAY,GAAG,WAAU,UACzC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAtB,EAAA,CAACuB,OAAW;AAAA,UACd,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAAS,IAAI;AAAA,UACnD,OAAOA,EAAM,QAAQ,KAAK;AAAA,QAAA,IAJxB;AAAA,QAMJ,SAAS,gBAAAvB,EAAA,MAAM;AACb,UAAAW,EAASc,EAAiBX,CAAW,GAAG,EAAE,SAAS,IAAM;AAAA,QAC3D,GAFS;AAAA,QAIT,4BAACY,GAAA,EAAW,OAAM,WAAU,MAAM,IAAI,UAAA,yBAAA,CAEtC;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAW,gBAAAP,EAACQ,GAAA,EAAiB,UAAS,QAAA,CAAQ;AAAA,QAC9C,WAAWC,EAAK,qCAAqCvB,CAAS;AAAA,QAC9D,cAAW;AAAA,QACX,IAAI;AAAA,UACF,OAAO;AAAA,UACP,wBAAwB;AAAA,YACtB,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEd,yBAAyB;AAAA,YACvB,OAAO;AAAA,UAAA;AAAA,UAET,OAAO;AAAA,YACL,OAAO;AAAA,YACP,gBAAgB;AAAA,UAAA;AAAA,QAClB;AAAA,QAED,GAAGC;AAAA,QAEH,UAAAS,EAAO;AAAA,UACN,CAACb,GAAM2B,OACL3B,KAAA,gBAAAA,EAAM,WAAU,MACd,gBAAAiB;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAW5B,KAAA,QAAAA,EAAM,MAAM6B,IAAO;AAAA,cAC9B,IAAI7B,KAAA,gBAAAA,EAAM;AAAA,cAEV,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAA,KAAA,gBAAAA,EAAM;AAAA,YAAA;AAAA,YAJF2B;AAAA,UAAA;AAAA,QAKP;AAAA,MAEN;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAvES9B,EAAAI,GAAA;"}

package/dist/hooks/useFormDataUploadMutation.js

@@ -0,0 +1,27 @@
+var p = Object.defineProperty;
+var r = (a, o) => p(a, "name", { value: o, configurable: !0 });
+import { normalizeFormDataUploadParams as b, createFormDataBody as s } from "../utils/createFormDataBody.js";
+import { useCallback as f } from "react";
+const D = /* @__PURE__ */ r(({
+  formData: a
+}) => a, "createDefaultVariables"), z = /* @__PURE__ */ r((a) => {
+  const { mutation: o, createVariables: t, fileNameFieldName: e } = a, l = f(
+    (i, c) => {
+      const m = b(i, { fileNameFieldName: e }), u = s(m), n = {
+        body: m,
+        formData: u,
+        bodySerializer: s
+      }, d = (t == null ? void 0 : t(n)) ?? D(n);
+      o.mutate(d, c);
+    },
+    [t, e, o]
+  );
+  return {
+    ...o,
+    uploadFile: l
+  };
+}, "useFormDataUploadMutation");
+export {
+  z as useFormDataUploadMutation
+};
+//# sourceMappingURL=useFormDataUploadMutation.js.map

package/dist/hooks/useFormDataUploadMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDataUploadMutation.js","sources":["../../src/hooks/useFormDataUploadMutation.ts"],"sourcesContent":["import {\n  createFormDataBody,\n  normalizeFormDataUploadParams,\n  type FormDataUploadBody,\n  type FormDataUploadParams,\n  type TAdditionalFields,\n} from '@/utils/createFormDataBody';\nimport { useCallback } from 'react';\n\nexport type {\n  FormDataFieldValue,\n  FormDataUploadBody,\n  FormDataUploadParams,\n  TAdditionalFields,\n} from '@/utils/createFormDataBody';\n\ntype FormDataUploadMutationLike = {\n  mutate: (variables: unknown, options?: unknown) => void;\n};\n\ntype FormDataUploadMutationVariables<TMutation extends FormDataUploadMutationLike> =\n  Parameters<TMutation['mutate']>[0];\n\ntype FormDataUploadMutateOptions<TMutation extends FormDataUploadMutationLike> =\n  Parameters<TMutation['mutate']>[1];\n\nexport interface FormDataUploadMutationVariablesArgs<\n  TFields extends TAdditionalFields = TAdditionalFields,\n> {\n  body: FormDataUploadBody<TFields>;\n  formData: FormData;\n  bodySerializer: typeof createFormDataBody;\n}\n\ninterface UseFormDataUploadMutationBaseProps<TMutation extends FormDataUploadMutationLike> {\n  mutation: TMutation;\n  fileNameFieldName?: string;\n}\n\nexport type UseFormDataUploadMutationProps<\n  TMutation extends FormDataUploadMutationLike,\n  TFields extends TAdditionalFields = TAdditionalFields,\n> = FormDataUploadMutationVariables<TMutation> extends FormData\n  ? UseFormDataUploadMutationBaseProps<TMutation> & {\n      createVariables?: (\n        args: FormDataUploadMutationVariablesArgs<TFields>,\n      ) => FormDataUploadMutationVariables<TMutation>;\n    }\n  : UseFormDataUploadMutationBaseProps<TMutation> & {\n      createVariables: (\n        args: FormDataUploadMutationVariablesArgs<TFields>,\n      ) => FormDataUploadMutationVariables<TMutation>;\n    };\n\nexport type UseFormDataUploadMutationResult<\n  TMutation extends FormDataUploadMutationLike,\n  TFields extends TAdditionalFields = TAdditionalFields,\n> = TMutation & {\n  uploadFile: (\n    params: FormDataUploadParams<TFields>,\n    options?: FormDataUploadMutateOptions<TMutation>,\n  ) => void;\n};\n\nconst createDefaultVariables = <TMutation extends FormDataUploadMutationLike>({\n  formData,\n}: FormDataUploadMutationVariablesArgs) => {\n  return formData as FormDataUploadMutationVariables<TMutation>;\n};\n\n/**\n * FormData 업로드 mutation 어댑터 훅\n * @param props mutation 객체 및 변수 생성기\n */\nexport const useFormDataUploadMutation = <\n  TMutation extends FormDataUploadMutationLike,\n  TFields extends TAdditionalFields = TAdditionalFields,\n>(\n  props: UseFormDataUploadMutationProps<TMutation, TFields>,\n): UseFormDataUploadMutationResult<TMutation, TFields> => {\n  const { mutation, createVariables, fileNameFieldName } = props;\n\n  const uploadFile = useCallback(\n    (\n      params: FormDataUploadParams<TFields>,\n      options?: FormDataUploadMutateOptions<TMutation>,\n    ) => {\n      const body = normalizeFormDataUploadParams(params, { fileNameFieldName });\n      const formData = createFormDataBody(body);\n      const variablesArgs: FormDataUploadMutationVariablesArgs<TFields> = {\n        body,\n        formData,\n        bodySerializer: createFormDataBody,\n      };\n      const nextVariables =\n        createVariables?.(variablesArgs) ?? createDefaultVariables<TMutation>(variablesArgs);\n\n      mutation.mutate(nextVariables, options);\n    },\n    [createVariables, fileNameFieldName, mutation],\n  );\n\n  return {\n    ...mutation,\n    uploadFile,\n  };\n};\n"],"names":["createDefaultVariables","__name","formData","useFormDataUploadMutation","props","mutation","createVariables","fileNameFieldName","uploadFile","useCallback","params","options","body","normalizeFormDataUploadParams","createFormDataBody","variablesArgs","nextVariables"],"mappings":";;;;AAgEA,MAAMA,IAAyB,gBAAAC,EAAA,CAA+C;AAAA,EAC5E,UAAAC;AACF,MACSA,GAHsB,2BAUlBC,IAA4B,gBAAAF,EAAA,CAIvCG,MACwD;AACxD,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,mBAAAC,EAAA,IAAsBH,GAEnDI,IAAaC;AAAA,IACjB,CACEC,GACAC,MACG;AACH,YAAMC,IAAOC,EAA8BH,GAAQ,EAAE,mBAAAH,GAAmB,GAClEL,IAAWY,EAAmBF,CAAI,GAClCG,IAA8D;AAAA,QAClE,MAAAH;AAAA,QACA,UAAAV;AAAA,QACA,gBAAgBY;AAAA,MAAA,GAEZE,KACJV,KAAA,gBAAAA,EAAkBS,OAAkBf,EAAkCe,CAAa;AAErF,MAAAV,EAAS,OAAOW,GAAeL,CAAO;AAAA,IACxC;AAAA,IACA,CAACL,GAAiBC,GAAmBF,CAAQ;AAAA,EAAA;AAG/C,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,YAAAG;AAAA,EAAA;AAEJ,GAhCyC;"}

package/dist/hooks.js

@@ -1,85 +1,87 @@
 import { useGetCommonCodeList as t, useSetCommonCodeList as o } from "./hooks/useCommonCodeList.js";
 import { useAccessTokenGuard as u } from "./hooks/useAccessTokenGuard.js";
 import { useConfirm as n } from "./hooks/useConfirm.js";
-import { useGetCurrentLanguage as a, useGetLanguageList as f, useSetCurrentLanguage as i } from "./hooks/useCurrentLanguage.js";
+import { useGetCurrentLanguage as p, useGetLanguageList as f, useSetCurrentLanguage as i } from "./hooks/useCurrentLanguage.js";
 import { useGetLogoSrc as C, useSetLogoSrc as S } from "./hooks/useLogoSrc.js";
 import { useGetCurrentUser as g, useSetCurrentUser as L } from "./hooks/useCurrentUser.js";
-import { useGetCurrentUserId as d, useSetCurrentUserId as T } from "./hooks/useCurrentUserId.js";
-import { useEnsureCurrentUserSeq as h, useGetCurrentUserSeq as l, useSetCurrentUserSeq as v } from "./hooks/useCurrentUserSeq.js";
+import { useGetCurrentUserId as c, useSetCurrentUserId as T } from "./hooks/useCurrentUserId.js";
+import { useEnsureCurrentUserSeq as h, useGetCurrentUserSeq as l, useSetCurrentUserSeq as U } from "./hooks/useCurrentUserSeq.js";
 import { useDebounce as b } from "./hooks/useDebounce.js";
-import { useDeepCompareEffect as N, useDeepCompareEffectNoCheck as D, useDeepCompareMemoize as I } from "./hooks/useDeepCompareEffect.js";
-import { useHeaderWrapState as q } from "./hooks/useHeaderWrapState.js";
-import { useInitApp as M } from "./hooks/useInitApp.js";
-import { useInitCommonCodes as P } from "./hooks/useInitCommonCodes.js";
-import { useGetNavbar as F, useNavbarActions as _ } from "./hooks/useNavbar.js";
-import { useGetNavigationList as B, useSetNavigationList as H } from "./hooks/useNavigation.js";
-import { useChangeOwpTheme as Q, useGetCurrentLayoutConfig as R, useGetCurrentSettings as W, useGetCustomScrollbarsEnabled as j, useGetDefaultSettings as J, useGetFooterTheme as V, useGetMainTheme as X, useGetNavbarTheme as Y, useGetOwpSettings as Z, useGetToolbarTheme as $, useResetSettings as ee, useSetDefaultSettings as re, useSetSettings as te } from "./hooks/useOwpSettings.js";
-import { useOwpTranslation as se } from "./hooks/useOwpTranslation.js";
-import { useGetPageLockLoading as me, usePageLockLoading as ne } from "./hooks/usePageLockLoading.js";
-import { usePrevious as ae } from "./hooks/usePrevious.js";
-import { useGetShortcuts as ie, useSetShortcuts as xe } from "./hooks/useShortcuts.js";
-import { getEnv as Se, setEnv as Ge, useStorage as ge } from "./hooks/useStorage.js";
-import { useThemeMediaQuery as ce } from "./hooks/useThemeMediaQuery.js";
-import { useTimeout as Te } from "./hooks/useTimeout.js";
-import { useTreeGridCommonCodeEnums as he } from "./hooks/useTreeGridCommonCodeEnums.js";
-import { useTreeGridEnums as ve } from "./hooks/useTreeGridEnums.js";
-import { useTreeGridExcelExport as be } from "./hooks/useTreeGridExcelExport.js";
-import { FALLBACK_LANGUAGE_LIST as Ne } from "./constants/language.js";
+import { useDeepCompareEffect as D, useDeepCompareEffectNoCheck as N, useDeepCompareMemoize as I } from "./hooks/useDeepCompareEffect.js";
+import { useFormDataUploadMutation as M } from "./hooks/useFormDataUploadMutation.js";
+import { useHeaderWrapState as w } from "./hooks/useHeaderWrapState.js";
+import { useInitApp as O } from "./hooks/useInitApp.js";
+import { useInitCommonCodes as y } from "./hooks/useInitCommonCodes.js";
+import { useGetNavbar as z, useNavbarActions as B } from "./hooks/useNavbar.js";
+import { useGetNavigationList as K, useSetNavigationList as Q } from "./hooks/useNavigation.js";
+import { useChangeOwpTheme as W, useGetCurrentLayoutConfig as j, useGetCurrentSettings as J, useGetCustomScrollbarsEnabled as V, useGetDefaultSettings as X, useGetFooterTheme as Y, useGetMainTheme as Z, useGetNavbarTheme as $, useGetOwpSettings as ee, useGetToolbarTheme as re, useResetSettings as te, useSetDefaultSettings as oe, useSetSettings as se } from "./hooks/useOwpSettings.js";
+import { useOwpTranslation as me } from "./hooks/useOwpTranslation.js";
+import { useGetPageLockLoading as ae, usePageLockLoading as pe } from "./hooks/usePageLockLoading.js";
+import { usePrevious as ie } from "./hooks/usePrevious.js";
+import { useGetShortcuts as Ce, useSetShortcuts as Se } from "./hooks/useShortcuts.js";
+import { getEnv as ge, setEnv as Le, useStorage as de } from "./hooks/useStorage.js";
+import { useThemeMediaQuery as Te } from "./hooks/useThemeMediaQuery.js";
+import { useTimeout as he } from "./hooks/useTimeout.js";
+import { useTreeGridCommonCodeEnums as Ue } from "./hooks/useTreeGridCommonCodeEnums.js";
+import { useTreeGridEnums as be } from "./hooks/useTreeGridEnums.js";
+import { useTreeGridExcelExport as De } from "./hooks/useTreeGridExcelExport.js";
+import { FALLBACK_LANGUAGE_LIST as Ie } from "./constants/language.js";
 export {
-  Ne as FALLBACK_LANGUAGE_LIST,
-  Se as getEnv,
-  Ge as setEnv,
+  Ie as FALLBACK_LANGUAGE_LIST,
+  ge as getEnv,
+  Le as setEnv,
   u as useAccessTokenGuard,
-  Q as useChangeOwpTheme,
+  W as useChangeOwpTheme,
   n as useConfirm,
   b as useDebounce,
-  N as useDeepCompareEffect,
-  D as useDeepCompareEffectNoCheck,
+  D as useDeepCompareEffect,
+  N as useDeepCompareEffectNoCheck,
   I as useDeepCompareMemoize,
   h as useEnsureCurrentUserSeq,
+  M as useFormDataUploadMutation,
   t as useGetCommonCodeList,
-  a as useGetCurrentLanguage,
-  R as useGetCurrentLayoutConfig,
-  W as useGetCurrentSettings,
+  p as useGetCurrentLanguage,
+  j as useGetCurrentLayoutConfig,
+  J as useGetCurrentSettings,
   g as useGetCurrentUser,
-  d as useGetCurrentUserId,
+  c as useGetCurrentUserId,
   l as useGetCurrentUserSeq,
-  j as useGetCustomScrollbarsEnabled,
-  J as useGetDefaultSettings,
-  V as useGetFooterTheme,
+  V as useGetCustomScrollbarsEnabled,
+  X as useGetDefaultSettings,
+  Y as useGetFooterTheme,
   f as useGetLanguageList,
   C as useGetLogoSrc,
-  X as useGetMainTheme,
-  F as useGetNavbar,
-  Y as useGetNavbarTheme,
-  B as useGetNavigationList,
-  Z as useGetOwpSettings,
-  me as useGetPageLockLoading,
-  ie as useGetShortcuts,
-  $ as useGetToolbarTheme,
-  q as useHeaderWrapState,
-  M as useInitApp,
-  P as useInitCommonCodes,
-  _ as useNavbarActions,
-  se as useOwpTranslation,
-  ne as usePageLockLoading,
-  ae as usePrevious,
-  ee as useResetSettings,
+  Z as useGetMainTheme,
+  z as useGetNavbar,
+  $ as useGetNavbarTheme,
+  K as useGetNavigationList,
+  ee as useGetOwpSettings,
+  ae as useGetPageLockLoading,
+  Ce as useGetShortcuts,
+  re as useGetToolbarTheme,
+  w as useHeaderWrapState,
+  O as useInitApp,
+  y as useInitCommonCodes,
+  B as useNavbarActions,
+  me as useOwpTranslation,
+  pe as usePageLockLoading,
+  ie as usePrevious,
+  te as useResetSettings,
   o as useSetCommonCodeList,
   i as useSetCurrentLanguage,
   L as useSetCurrentUser,
   T as useSetCurrentUserId,
-  v as useSetCurrentUserSeq,
-  re as useSetDefaultSettings,
+  U as useSetCurrentUserSeq,
+  oe as useSetDefaultSettings,
   S as useSetLogoSrc,
-  H as useSetNavigationList,
-  te as useSetSettings,
-  xe as useSetShortcuts,
-  ge as useStorage,
-  ce as useThemeMediaQuery,
-  Te as useTimeout,
-  he as useTreeGridCommonCodeEnums,
-  ve as useTreeGridEnums,
-  be as useTreeGridExcelExport
+  Q as useSetNavigationList,
+  se as useSetSettings,
+  Se as useSetShortcuts,
+  de as useStorage,
+  Te as useThemeMediaQuery,
+  he as useTimeout,
+  Ue as useTreeGridCommonCodeEnums,
+  be as useTreeGridEnums,
+  De as useTreeGridExcelExport
 };
 //# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

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

package/dist/layout/components/navbar/NavbarToggleButton.js

@@ -2,58 +2,57 @@ var T = Object.defineProperty;
 var a = (o, i) => T(o, "name", { value: i, configurable: !0 });
 import { jsx as l } 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 { useNavbarActions as v } from "../../../hooks/useNavbar.js";
-import { useOwpTranslation as w } from "../../../hooks/useOwpTranslation.js";
-import { useThemeMediaQuery as C } from "../../../hooks/useThemeMediaQuery.js";
+import { useOwpTranslation as C } from "../../../hooks/useOwpTranslation.js";
+import { useThemeMediaQuery as w } from "../../../hooks/useThemeMediaQuery.js";
 import { useSetDefaultSettings as N, useGetCurrentSettings as A } from "../../../hooks/useOwpSettings.js";
 import B from "@mui/material/IconButton";
 import M from "@mui/material/Tooltip";
-import { alpha as t } from "@mui/material/styles";
+import { alpha as r } from "@mui/material/styles";
 import { clsx as h } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { OwpSvgIcon as D } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
 import { set as I } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/set.js";
 const O = /* @__PURE__ */ a((o) => ({
   borderWidth: "1px",
   borderStyle: "solid",
-  borderColor: t(o.palette.text.primary, o.palette.mode === "dark" ? 0.32 : 0.16),
-  backgroundColor: t(o.palette.common.white, o.palette.mode === "dark" ? 0.08 : 0.9),
-  boxShadow: `inset 0 1px 0 ${t(o.palette.common.white, o.palette.mode === "dark" ? 0.08 : 0.88)}`,
-  color: t(o.palette.text.primary, o.palette.mode === "dark" ? 0.92 : 0.72),
-  transition: o.transitions.create(["background-color", "border-color", "transform"], {
+  borderColor: r(o.palette.text.primary, o.palette.mode === "dark" ? 0.18 : 0.12),
+  backgroundColor: r(o.palette.text.primary, o.palette.mode === "dark" ? 0.12 : 0.04),
+  boxShadow: "none",
+  color: r(o.palette.text.primary, o.palette.mode === "dark" ? 0.88 : 0.72),
+  transition: o.transitions.create(["background-color", "border-color"], {
     duration: o.transitions.duration.shorter
   }),
   "&:hover": {
-    backgroundColor: t(o.palette.primary.main, o.palette.mode === "dark" ? 0.18 : 0.08),
-    borderColor: t(o.palette.primary.main, o.palette.mode === "dark" ? 0.4 : 0.22),
-    transform: "translateY(-1px)"
+    backgroundColor: r(o.palette.primary.main, o.palette.mode === "dark" ? 0.16 : 0.08),
+    borderColor: r(o.palette.primary.main, o.palette.mode === "dark" ? 0.28 : 0.18)
   }
 }), "lightSurfaceButtonSx");
-function K(o) {
+function P(o) {
   const {
     className: i = "",
-    children: c = /* @__PURE__ */ l(D, { size: 20, color: "action", children: "heroicons-outline:bars-3" }),
+    children: p = /* @__PURE__ */ l(D, { size: 20, color: "action", children: "heroicons-outline:bars-3" }),
     surfaceTone: d = "inherit",
     tooltipTitle: m,
-    sx: r,
+    sx: t,
     ...u
-  } = o, f = C((e) => e.breakpoints.down("lg")), { t: b } = w(), { toggleMobile: g } = v(), x = N(), n = A(), k = m ?? b("Title.메뉴"), y = d === "light" ? [O, ...Array.isArray(r) ? r : r ? [r] : []] : r, S = /* @__PURE__ */ l(
+  } = o, f = w((e) => e.breakpoints.down("lg")), { t: b } = C(), { toggleMobile: g } = v(), x = N(), n = A(), y = m ?? b("Title.메뉴"), k = d === "light" ? [O, ...Array.isArray(t) ? t : t ? [t] : []] : t, S = /* @__PURE__ */ l(
     B,
     {
       onClick: /* @__PURE__ */ a(() => {
-        var e, s, p;
+        var e, s, c;
         f ? g() : x(
-          I({}, "layout.config.navbar.folded", !((p = (s = (e = n == null ? void 0 : n.layout) == null ? void 0 : e.config) == null ? void 0 : s.navbar) != null && p.folded))
+          I({}, "layout.config.navbar.folded", !((c = (s = (e = n == null ? void 0 : n.layout) == null ? void 0 : e.config) == null ? void 0 : s.navbar) != null && c.folded))
         );
       }, "onClick"),
       ...u,
-      sx: y,
+      sx: k,
       className: h(i),
-      children: c
+      children: p
     }
   );
-  return /* @__PURE__ */ l(M, { title: k, placement: "bottom", children: S });
+  return /* @__PURE__ */ l(M, { title: y, placement: "bottom", children: S });
 }
-a(K, "NavbarToggleButton");
+a(P, "NavbarToggleButton");
 export {
-  K as default
+  P as default
 };
 //# sourceMappingURL=NavbarToggleButton.js.map

package/dist/layout/components/navbar/NavbarToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarToggleButton.tsx"],"sourcesContent":["import type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useNavbarActions } from '@/hooks/useNavbar';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport {\n  useGetCurrentSettings,\n  useSetDefaultSettings,\n} from '@/hooks/useOwpSettings';\nimport IconButton, { type IconButtonProps } from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport { alpha, type SxProps, type Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { set } from 'es-toolkit/compat';\nimport { ReactNode } from 'react';\n\nexport type NavbarToggleButtonProps = IconButtonProps & {\n  surfaceTone?: 'inherit' | 'light';\n  tooltipTitle?: ReactNode;\n};\n\nconst lightSurfaceButtonSx = (theme: Theme) => ({\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  borderColor: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.32 : 0.16),\n  backgroundColor: alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.08 : 0.9),\n  boxShadow: `inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.08 : 0.88)}`,\n  color: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.92 : 0.72),\n  transition: theme.transitions.create(['background-color', 'border-color', 'transform'], {\n    duration: theme.transitions.duration.shorter,\n  }),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, theme.palette.mode === 'dark' ? 0.18 : 0.08),\n    borderColor: alpha(theme.palette.primary.main, theme.palette.mode === 'dark' ? 0.4 : 0.22),\n    transform: 'translateY(-1px)',\n  },\n});\n\n/**\n * The navbar toggle button.\n */\nfunction NavbarToggleButton(props: NavbarToggleButtonProps) {\n  const {\n    className = '',\n    children = (\n      <SvgIcon size={20} color=\"action\">\n        heroicons-outline:bars-3\n      </SvgIcon>\n    ),\n    surfaceTone = 'inherit',\n    tooltipTitle,\n    sx,\n    ...rest\n  } = props;\n\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n  const { t } = useOwpTranslation();\n  const { toggleMobile } = useNavbarActions();\n  const setDefaultSettings = useSetDefaultSettings();\n  const settings: SettingsConfigType = useGetCurrentSettings();\n  const resolvedTooltipTitle = tooltipTitle ?? t('Title.메뉴');\n  const resolvedSx: SxProps<Theme> | undefined =\n    surfaceTone === 'light'\n      ? [lightSurfaceButtonSx, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])]\n      : sx;\n\n  const button = (\n    <IconButton\n      onClick={() => {\n        if (isMobile) {\n          toggleMobile();\n        } else {\n          setDefaultSettings(\n            set({}, 'layout.config.navbar.folded', !settings?.layout?.config?.navbar?.folded),\n          );\n        }\n      }}\n      {...rest}\n      sx={resolvedSx}\n      className={clsx(className)}\n    >\n      {children}\n    </IconButton>\n  );\n\n  return (\n    <Tooltip title={resolvedTooltipTitle} placement=\"bottom\">\n      {button}\n    </Tooltip>\n  );\n}\n\nexport default NavbarToggleButton;\n"],"names":["lightSurfaceButtonSx","__name","theme","alpha","NavbarToggleButton","props","className","children","jsx","SvgIcon","surfaceTone","tooltipTitle","sx","rest","isMobile","useThemeMediaQuery","t","useOwpTranslation","toggleMobile","useNavbarActions","setDefaultSettings","useSetDefaultSettings","settings","useGetCurrentSettings","resolvedTooltipTitle","resolvedSx","button","IconButton","set","_c","_b","_a","clsx","Tooltip"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,IAAuB,gBAAAC,EAAA,CAACC,OAAkB;AAAA,EAC9C,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EAC1F,iBAAiBC,EAAMD,EAAM,QAAQ,OAAO,OAAOA,EAAM,QAAQ,SAAS,SAAS,OAAO,GAAG;AAAA,EAC7F,WAAW,iBAAiBC,EAAMD,EAAM,QAAQ,OAAO,OAAOA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI,CAAC;AAAA,EAC1G,OAAOC,EAAMD,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EACpF,YAAYA,EAAM,YAAY,OAAO,CAAC,oBAAoB,gBAAgB,WAAW,GAAG;AAAA,IACtF,UAAUA,EAAM,YAAY,SAAS;AAAA,EAAA,CACtC;AAAA,EACD,WAAW;AAAA,IACT,iBAAiBC,EAAMD,EAAM,QAAQ,QAAQ,MAAMA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,IAC9F,aAAaC,EAAMD,EAAM,QAAQ,QAAQ,MAAMA,EAAM,QAAQ,SAAS,SAAS,MAAM,IAAI;AAAA,IACzF,WAAW;AAAA,EAAA;AAEf,IAf6B;AAoB7B,SAASE,EAAmBC,GAAgC;AAC1D,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IACE,gBAAAC,EAACC,GAAA,EAAQ,MAAM,IAAI,OAAM,UAAS,UAAA,4BAElC;AAAA,IAEF,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR,GAEES,IAAWC,EAAmB,CAACb,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,GAAAc,EAAA,IAAMC,EAAA,GACR,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnBC,IAAqBC,EAAA,GACrBC,IAA+BC,EAAA,GAC/BC,IAAuBb,KAAgBK,EAAE,UAAU,GACnDS,IACJf,MAAgB,UACZ,CAACV,GAAsB,GAAI,MAAM,QAAQY,CAAE,IAAIA,IAAKA,IAAK,CAACA,CAAE,IAAI,CAAA,CAAG,IACnEA,GAEAc,IACJ,gBAAAlB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,SAAS,gBAAA1B,EAAA,MAAM;;AACb,QAAIa,IACFI,EAAA,IAEAE;AAAA,UACEQ,EAAI,CAAA,GAAI,+BAA+B,GAACC,KAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAU,WAAV,gBAAAS,EAAkB,WAAlB,gBAAAD,EAA0B,WAA1B,QAAAD,EAAkC,OAAM;AAAA,QAAA;AAAA,MAGtF,GARS;AAAA,MASR,GAAGhB;AAAA,MACJ,IAAIY;AAAA,MACJ,WAAWO,EAAK1B,CAAS;AAAA,MAExB,UAAAC;AAAA,IAAA;AAAA,EAAA;AAIL,2BACG0B,GAAA,EAAQ,OAAOT,GAAsB,WAAU,UAC7C,UAAAE,GACH;AAEJ;AAjDSzB,EAAAG,GAAA;"}
+{"version":3,"file":"NavbarToggleButton.js","sources":["../../../../src/layout/components/navbar/NavbarToggleButton.tsx"],"sourcesContent":["import type { OwpSettingsConfigType as SettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useNavbarActions } from '@/hooks/useNavbar';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport {\n  useGetCurrentSettings,\n  useSetDefaultSettings,\n} from '@/hooks/useOwpSettings';\nimport IconButton, { type IconButtonProps } from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport { alpha, type SxProps, type Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { set } from 'es-toolkit/compat';\nimport { ReactNode } from 'react';\n\nexport type NavbarToggleButtonProps = IconButtonProps & {\n  surfaceTone?: 'inherit' | 'light';\n  tooltipTitle?: ReactNode;\n};\n\nconst lightSurfaceButtonSx = (theme: Theme) => ({\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  borderColor: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.18 : 0.12),\n  backgroundColor: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.12 : 0.04),\n  boxShadow: 'none',\n  color: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.88 : 0.72),\n  transition: theme.transitions.create(['background-color', 'border-color'], {\n    duration: theme.transitions.duration.shorter,\n  }),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, theme.palette.mode === 'dark' ? 0.16 : 0.08),\n    borderColor: alpha(theme.palette.primary.main, theme.palette.mode === 'dark' ? 0.28 : 0.18),\n  },\n});\n\n/**\n * The navbar toggle button.\n */\nfunction NavbarToggleButton(props: NavbarToggleButtonProps) {\n  const {\n    className = '',\n    children = (\n      <SvgIcon size={20} color=\"action\">\n        heroicons-outline:bars-3\n      </SvgIcon>\n    ),\n    surfaceTone = 'inherit',\n    tooltipTitle,\n    sx,\n    ...rest\n  } = props;\n\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n  const { t } = useOwpTranslation();\n  const { toggleMobile } = useNavbarActions();\n  const setDefaultSettings = useSetDefaultSettings();\n  const settings: SettingsConfigType = useGetCurrentSettings();\n  const resolvedTooltipTitle = tooltipTitle ?? t('Title.메뉴');\n  const resolvedSx: SxProps<Theme> | undefined =\n    surfaceTone === 'light'\n      ? [lightSurfaceButtonSx, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])]\n      : sx;\n\n  const button = (\n    <IconButton\n      onClick={() => {\n        if (isMobile) {\n          toggleMobile();\n        } else {\n          setDefaultSettings(\n            set({}, 'layout.config.navbar.folded', !settings?.layout?.config?.navbar?.folded),\n          );\n        }\n      }}\n      {...rest}\n      sx={resolvedSx}\n      className={clsx(className)}\n    >\n      {children}\n    </IconButton>\n  );\n\n  return (\n    <Tooltip title={resolvedTooltipTitle} placement=\"bottom\">\n      {button}\n    </Tooltip>\n  );\n}\n\nexport default NavbarToggleButton;\n"],"names":["lightSurfaceButtonSx","__name","theme","alpha","NavbarToggleButton","props","className","children","jsx","SvgIcon","surfaceTone","tooltipTitle","sx","rest","isMobile","useThemeMediaQuery","t","useOwpTranslation","toggleMobile","useNavbarActions","setDefaultSettings","useSetDefaultSettings","settings","useGetCurrentSettings","resolvedTooltipTitle","resolvedSx","button","IconButton","set","_c","_b","_a","clsx","Tooltip"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,IAAuB,gBAAAC,EAAA,CAACC,OAAkB;AAAA,EAC9C,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EAC1F,iBAAiBC,EAAMD,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EAC9F,WAAW;AAAA,EACX,OAAOC,EAAMD,EAAM,QAAQ,KAAK,SAASA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EACpF,YAAYA,EAAM,YAAY,OAAO,CAAC,oBAAoB,cAAc,GAAG;AAAA,IACzE,UAAUA,EAAM,YAAY,SAAS;AAAA,EAAA,CACtC;AAAA,EACD,WAAW;AAAA,IACT,iBAAiBC,EAAMD,EAAM,QAAQ,QAAQ,MAAMA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,IAC9F,aAAaC,EAAMD,EAAM,QAAQ,QAAQ,MAAMA,EAAM,QAAQ,SAAS,SAAS,OAAO,IAAI;AAAA,EAAA;AAE9F,IAd6B;AAmB7B,SAASE,EAAmBC,GAAgC;AAC1D,QAAM;AAAA,IACJ,WAAAC,IAAY;AAAA,IACZ,UAAAC,IACE,gBAAAC,EAACC,GAAA,EAAQ,MAAM,IAAI,OAAM,UAAS,UAAA,4BAElC;AAAA,IAEF,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR,GAEES,IAAWC,EAAmB,CAACb,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,GAAAc,EAAA,IAAMC,EAAA,GACR,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnBC,IAAqBC,EAAA,GACrBC,IAA+BC,EAAA,GAC/BC,IAAuBb,KAAgBK,EAAE,UAAU,GACnDS,IACJf,MAAgB,UACZ,CAACV,GAAsB,GAAI,MAAM,QAAQY,CAAE,IAAIA,IAAKA,IAAK,CAACA,CAAE,IAAI,CAAA,CAAG,IACnEA,GAEAc,IACJ,gBAAAlB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,SAAS,gBAAA1B,EAAA,MAAM;;AACb,QAAIa,IACFI,EAAA,IAEAE;AAAA,UACEQ,EAAI,CAAA,GAAI,+BAA+B,GAACC,KAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAU,WAAV,gBAAAS,EAAkB,WAAlB,gBAAAD,EAA0B,WAA1B,QAAAD,EAAkC,OAAM;AAAA,QAAA;AAAA,MAGtF,GARS;AAAA,MASR,GAAGhB;AAAA,MACJ,IAAIY;AAAA,MACJ,WAAWO,EAAK1B,CAAS;AAAA,MAExB,UAAAC;AAAA,IAAA;AAAA,EAAA;AAIL,2BACG0B,GAAA,EAAQ,OAAOT,GAAsB,WAAU,UAC7C,UAAAE,GACH;AAEJ;AAjDSzB,EAAAG,GAAA;"}