@owp/core 2.1.6 → 2.2.0

package/dist/layout/Layout.js

@@ -0,0 +1,57 @@
+var s = Object.defineProperty;
+var r = (e, a) => s(e, "name", { value: a, configurable: !0 });
+import { jsxs as i, jsx as t } 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 { selectOwpCurrentLayoutConfig as p } from "../store/owpSettingsSlice.js";
+import { useAppSelector as f } from "../hooks/useAppStore.js";
+import { LinearProgress as d } from "@mui/material";
+import { styled as c } from "@mui/material/styles";
+import { useIsFetching as u, useIsMutating as x } from "@tanstack/react-query";
+import { memo as h } from "react";
+import { Outlet as y } from "react-router-dom";
+import b from "./components/layouts/FooterLayout.js";
+import g from "./components/layouts/LeftSideLayout.js";
+import l from "./components/layouts/NavbarWrapperLayout.js";
+import v from "./components/toolbar/ToolbarLayout.js";
+import { OwpSuspense as L } from "../components/OwpSuspense/OwpSuspense.js";
+const w = c("div")(({ config: e }) => ({
+  ...e.mode === "boxed" && {
+    clipPath: "inset(0)",
+    maxWidth: e.containerWidth,
+    marginLeft: "auto",
+    marginRight: "auto",
+    boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
+  },
+  ...e.mode === "container" && {
+    "& .container": {
+      maxWidth: e.containerWidth,
+      width: "100%",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }
+}));
+function N(e) {
+  const { children: a } = e, o = f(p), m = u(), n = x();
+  return /* @__PURE__ */ i(w, { id: "owp-layout", config: o, className: "flex w-full", children: [
+    o.leftSidePanel.display && /* @__PURE__ */ t(g, {}),
+    /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-auto", children: [
+      o.navbar.display && o.navbar.position === "left" && /* @__PURE__ */ t(l, {}),
+      /* @__PURE__ */ i("main", { id: "owp-main", className: "relative z-10 flex min-h-full min-w-0 flex-auto flex-col", children: [
+        o.toolbar.display && /* @__PURE__ */ t(v, { className: o.toolbar.style === "fixed" ? "sticky top-0" : "" }),
+        !!(m || n) && /* @__PURE__ */ t("div", { className: "fixed top-0 left-0 z-30 w-full", children: /* @__PURE__ */ t(d, { color: "secondary" }) }),
+        /* @__PURE__ */ i("div", { className: "relative z-10 flex min-h-0 flex-auto flex-col", children: [
+          /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(y, {}) }),
+          a
+        ] }),
+        o.footer.display && /* @__PURE__ */ t(b, { className: o.footer.style === "fixed" ? "sticky bottom-0" : "" })
+      ] }),
+      o.navbar.display && o.navbar.position === "right" && /* @__PURE__ */ t(l, {})
+    ] })
+  ] });
+}
+r(N, "Layout");
+const T = h(N);
+export {
+  T as default
+};
+//# sourceMappingURL=Layout.js.map

package/dist/layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { selectOwpCurrentLayoutConfig } from '@/store/owpSettingsSlice';\nimport { OwpSuspense } from '@/components/OwpSuspense';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport { LinearProgress } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useIsFetching, useIsMutating } from '@tanstack/react-query';\nimport { memo, ReactNode } from 'react';\nimport { Outlet } from 'react-router-dom';\nimport FooterLayout from './components/layouts/FooterLayout';\nimport LeftSideLayout from './components/layouts/LeftSideLayout';\nimport NavbarWrapperLayout from './components/layouts/NavbarWrapperLayout';\nimport ToolbarLayout from './components/toolbar/ToolbarLayout';\n\nconst Root = styled('div')(({ config }: { config: LayoutConfigDefaultsType }) => ({\n  ...(config.mode === 'boxed' && {\n    clipPath: 'inset(0)',\n    maxWidth: config.containerWidth,\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  }),\n  ...(config.mode === 'container' && {\n    '& .container': {\n      maxWidth: config.containerWidth,\n      width: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    },\n  }),\n}));\n\ntype LayoutProps = {\n  children?: ReactNode;\n};\n\n/**\n * The layout.\n */\nfunction Layout(props: LayoutProps) {\n  const { children } = props;\n  const config = useAppSelector(selectOwpCurrentLayoutConfig) as LayoutConfigDefaultsType;\n  const isFetching = useIsFetching();\n  const isMutating = useIsMutating();\n\n  return (\n    <Root id=\"owp-layout\" config={config} className=\"flex w-full\">\n      {config.leftSidePanel.display && <LeftSideLayout />}\n\n      <div className=\"flex min-w-0 flex-auto\">\n        {config.navbar.display && config.navbar.position === 'left' && <NavbarWrapperLayout />}\n\n        <main id=\"owp-main\" className=\"relative z-10 flex min-h-full min-w-0 flex-auto flex-col\">\n          {config.toolbar.display && (\n            <ToolbarLayout className={config.toolbar.style === 'fixed' ? 'sticky top-0' : ''} />\n          )}\n          {Boolean(isFetching || isMutating) && (\n            <div className=\"fixed top-0 left-0 z-30 w-full\">\n              <LinearProgress color=\"secondary\" />\n            </div>\n          )}\n\n          <div className=\"relative z-10 flex min-h-0 flex-auto flex-col\">\n            <OwpSuspense>\n              <Outlet />\n            </OwpSuspense>\n            {children}\n          </div>\n\n          {config.footer.display && (\n            <FooterLayout className={config.footer.style === 'fixed' ? 'sticky bottom-0' : ''} />\n          )}\n        </main>\n\n        {config.navbar.display && config.navbar.position === 'right' && <NavbarWrapperLayout />}\n      </div>\n    </Root>\n  );\n}\n\nexport default memo(Layout);\n"],"names":["Root","styled","config","Layout","props","children","useAppSelector","selectOwpCurrentLayoutConfig","isFetching","useIsFetching","isMutating","useIsMutating","jsx","LeftSideLayout","jsxs","NavbarWrapperLayout","ToolbarLayout","LinearProgress","OwpSuspense","Outlet","FooterLayout","__name","Layout$1","memo"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,QAAAC,SAAoD;AAAA,EAChF,GAAIA,EAAO,SAAS,WAAW;AAAA,IAC7B,UAAU;AAAA,IACV,UAAUA,EAAO;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAAA,EAEb,GAAIA,EAAO,SAAS,eAAe;AAAA,IACjC,gBAAgB;AAAA,MACd,UAAUA,EAAO;AAAA,MACjB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,EAAE;AASF,SAASC,EAAOC,GAAoB;AAClC,QAAM,EAAE,UAAAC,MAAaD,GACfF,IAASI,EAAeC,CAA4B,GACpDC,IAAaC,EAAA,GACbC,IAAaC,EAAA;AAEnB,2BACGX,GAAA,EAAK,IAAG,cAAa,QAAAE,GAAgB,WAAU,eAC7C,UAAA;AAAA,IAAAA,EAAO,cAAc,WAAW,gBAAAU,EAACC,GAAA,CAAA,CAAe;AAAA,IAEjD,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,MAAAZ,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,4BAAWa,GAAA,EAAoB;AAAA,MAEpF,gBAAAD,EAAC,QAAA,EAAK,IAAG,YAAW,WAAU,4DAC3B,UAAA;AAAA,QAAAZ,EAAO,QAAQ,WACd,gBAAAU,EAACI,GAAA,EAAc,WAAWd,EAAO,QAAQ,UAAU,UAAU,iBAAiB,GAAA,CAAI;AAAA,QAEnF,GAAQM,KAAcE,MACrB,gBAAAE,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA,EAACK,GAAA,EAAe,OAAM,YAAA,CAAY,GACpC;AAAA,QAGF,gBAAAH,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,UAAA,gBAAAF,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,CAAA,CAAO,GACV;AAAA,UACCd;AAAA,QAAA,GACH;AAAA,QAECH,EAAO,OAAO,WACb,gBAAAU,EAACQ,GAAA,EAAa,WAAWlB,EAAO,OAAO,UAAU,UAAU,oBAAoB,GAAA,CAAI;AAAA,MAAA,GAEvF;AAAA,MAECA,EAAO,OAAO,WAAWA,EAAO,OAAO,aAAa,6BAAYa,GAAA,CAAA,CAAoB;AAAA,IAAA,EAAA,CACvF;AAAA,EAAA,GACF;AAEJ;AAvCSM,EAAAlB,GAAA;AAyCT,MAAAmB,IAAeC,EAAKpB,CAAM;"}

package/dist/layout/components/layouts/FooterLayout.js

@@ -0,0 +1,37 @@
+var l = Object.defineProperty;
+var t = (e, o) => l(e, "name", { value: o, configurable: !0 });
+import { jsx as a } 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 { selectFooterTheme as p } from "../../../store/owpSettingsSlice.js";
+import { useAppSelector as c } from "../../../hooks/useAppStore.js";
+import f from "@mui/material/AppBar";
+import { ThemeProvider as n } from "@mui/material/styles";
+import d from "@mui/material/Toolbar";
+import { clsx as i } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { memo as u } from "react";
+function s(e) {
+  const { className: o } = e, r = c(p);
+  return /* @__PURE__ */ a(n, { theme: r, children: /* @__PURE__ */ a(
+    f,
+    {
+      id: "owp-footer",
+      className: i("relative z-20 border-t", o),
+      color: "default",
+      sx: /* @__PURE__ */ t((m) => ({
+        backgroundColor: "var(--default-background-footerTheme-palette)",
+        ...m.applyStyles("light", {
+          backgroundColor: "var(--paper-background-footerTheme-palette)"
+        }),
+        "--paper-background-footerTheme-palette": r.palette.background.paper,
+        "--default-background-footerTheme-palette": r.palette.background.default
+      }), "sx"),
+      elevation: 0,
+      children: /* @__PURE__ */ a(d, { className: "min-h-48 md:min-h-64 px-8 sm:px-12 py-0 flex items-center overflow-x-auto", children: "Footer" })
+    }
+  ) });
+}
+t(s, "FooterLayout");
+const N = u(s);
+export {
+  N as default
+};
+//# sourceMappingURL=FooterLayout.js.map

package/dist/layout/components/layouts/FooterLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLayout.js","sources":["../../../../src/layout/components/layouts/FooterLayout.tsx"],"sourcesContent":["import { selectFooterTheme } from '@/store/owpSettingsSlice';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport AppBar from '@mui/material/AppBar';\nimport { ThemeProvider } from '@mui/material/styles';\nimport Toolbar from '@mui/material/Toolbar';\nimport clsx from 'clsx';\nimport { memo } from 'react';\n\ntype FooterLayoutProps = { className?: string };\n\n/**\n * The footer layout.\n */\nfunction FooterLayout(props: FooterLayoutProps) {\n  const { className } = props;\n\n  const footerTheme = useAppSelector(selectFooterTheme);\n\n  return (\n    <ThemeProvider theme={footerTheme}>\n      <AppBar\n        id=\"owp-footer\"\n        className={clsx('relative z-20 border-t', className)}\n        color=\"default\"\n        sx={(theme) => ({\n          backgroundColor: 'var(--default-background-footerTheme-palette)',\n          ...theme.applyStyles('light', {\n            backgroundColor: 'var(--paper-background-footerTheme-palette)',\n          }),\n          '--paper-background-footerTheme-palette': (footerTheme as any).palette.background.paper,\n          '--default-background-footerTheme-palette': (footerTheme as any).palette.background\n            .default,\n        })}\n        elevation={0}\n      >\n        <Toolbar className=\"min-h-48 md:min-h-64 px-8 sm:px-12 py-0 flex items-center overflow-x-auto\">\n          Footer\n        </Toolbar>\n      </AppBar>\n    </ThemeProvider>\n  );\n}\n\nexport default memo(FooterLayout);\n"],"names":["FooterLayout","props","className","footerTheme","useAppSelector","selectFooterTheme","jsx","ThemeProvider","AppBar","clsx","__name","theme","Toolbar","FooterLayout$1","memo"],"mappings":";;;;;;;;;;AAaA,SAASA,EAAaC,GAA0B;AAC9C,QAAM,EAAE,WAAAC,MAAcD,GAEhBE,IAAcC,EAAeC,CAAiB;AAEpD,SACE,gBAAAC,EAACC,GAAA,EAAc,OAAOJ,GACpB,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAWC,EAAK,0BAA0BP,CAAS;AAAA,MACnD,OAAM;AAAA,MACN,IAAI,gBAAAQ,EAAA,CAACC,OAAW;AAAA,QACd,iBAAiB;AAAA,QACjB,GAAGA,EAAM,YAAY,SAAS;AAAA,UAC5B,iBAAiB;AAAA,QAAA,CAClB;AAAA,QACD,0CAA2CR,EAAoB,QAAQ,WAAW;AAAA,QAClF,4CAA6CA,EAAoB,QAAQ,WACtE;AAAA,MAAA,IAPD;AAAA,MASJ,WAAW;AAAA,MAEX,UAAA,gBAAAG,EAACM,GAAA,EAAQ,WAAU,6EAA4E,UAAA,SAAA,CAE/F;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AA5BSF,EAAAV,GAAA;AA8BT,MAAAa,IAAeC,EAAKd,CAAY;"}

package/dist/layout/components/layouts/LeftSideLayout.js

@@ -0,0 +1,13 @@
+var r = Object.defineProperty;
+var t = (o, e) => r(o, "name", { value: e, configurable: !0 });
+import { jsx as f } 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 { memo as i } from "react";
+function m() {
+  return /* @__PURE__ */ f("div", {});
+}
+t(m, "LeftSideLayout");
+const n = i(m);
+export {
+  n as default
+};
+//# sourceMappingURL=LeftSideLayout.js.map

package/dist/layout/components/layouts/LeftSideLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftSideLayout.js","sources":["../../../../src/layout/components/layouts/LeftSideLayout.tsx"],"sourcesContent":["import { memo } from 'react';\n\n/**\n * The left side layout.\n */\nfunction LeftSideLayout() {\n  return <div />;\n}\n\nexport default memo(LeftSideLayout);\n"],"names":["LeftSideLayout","__name","LeftSideLayout$1","memo"],"mappings":";;;;AAKA,SAASA,IAAiB;AACxB,2BAAQ,OAAA,EAAI;AACd;AAFSC,EAAAD,GAAA;AAIT,MAAAE,IAAeC,EAAKH,CAAc;"}

package/dist/layout/components/layouts/NavbarToggleFabLayout.js

@@ -0,0 +1,26 @@
+var s = Object.defineProperty;
+var t = (o, r) => s(o, "name", { value: r, configurable: !0 });
+import { jsx as p } 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 { navbarToggleMobile as m, navbarToggle as c } from "../../../store/navbarSlice.js";
+import l from "../navbar/NavbarToggleFab.js";
+import { selectOwpCurrentLayoutConfig as g } from "../../../store/owpSettingsSlice.js";
+import { useThemeMediaQuery as b } from "../../../hooks/useThemeMediaQuery.js";
+import { useAppSelector as f, useAppDispatch as u } from "../../../hooks/useAppStore.js";
+function N(o) {
+  const { className: r } = o, e = b((n) => n.breakpoints.down("lg")), a = f(g), i = u();
+  return /* @__PURE__ */ p(
+    l,
+    {
+      className: r,
+      onClick: /* @__PURE__ */ t(() => {
+        i(e ? m() : c());
+      }, "onClick"),
+      position: a.navbar.position
+    }
+  );
+}
+t(N, "NavbarToggleFabLayout");
+export {
+  N as default
+};
+//# sourceMappingURL=NavbarToggleFabLayout.js.map

package/dist/layout/components/layouts/NavbarToggleFabLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarToggleFabLayout.js","sources":["../../../../src/layout/components/layouts/NavbarToggleFabLayout.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport {\n  navbarToggle,\n  navbarToggleMobile,\n} from '@/store/navbarSlice';\nimport NavbarToggleFab from '@/layout/components/navbar/NavbarToggleFab';\nimport { selectOwpCurrentLayoutConfig } from '@/store/owpSettingsSlice';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\n\ntype NavbarToggleFabLayoutProps = {\n  className?: string;\n};\n\n/**\n * The navbar toggle fab layout.\n */\nfunction NavbarToggleFabLayout(props: NavbarToggleFabLayoutProps) {\n  const { className } = props;\n\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n\n  const config = useAppSelector(selectOwpCurrentLayoutConfig) as LayoutConfigDefaultsType;\n\n  const dispatch = useAppDispatch();\n\n  return (\n    <NavbarToggleFab\n      className={className}\n      onClick={() => {\n        dispatch(isMobile ? navbarToggleMobile() : navbarToggle());\n      }}\n      position={config.navbar.position}\n    />\n  );\n}\n\nexport default NavbarToggleFabLayout;\n"],"names":["NavbarToggleFabLayout","props","className","isMobile","useThemeMediaQuery","theme","config","useAppSelector","selectOwpCurrentLayoutConfig","dispatch","useAppDispatch","jsx","NavbarToggleFab","__name","navbarToggleMobile","navbarToggle"],"mappings":";;;;;;;;AAiBA,SAASA,EAAsBC,GAAmC;AAChE,QAAM,EAAE,WAAAC,MAAcD,GAEhBE,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErEC,IAASC,EAAeC,CAA4B,GAEpDC,IAAWC,EAAA;AAEjB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAV;AAAA,MACA,SAAS,gBAAAW,EAAA,MAAM;AACb,QAAAJ,EAASN,IAAWW,EAAA,IAAuBC,EAAA,CAAc;AAAA,MAC3D,GAFS;AAAA,MAGT,UAAUT,EAAO,OAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;AAlBSO,EAAAb,GAAA;"}

package/dist/layout/components/layouts/NavbarWrapperLayout.js

@@ -0,0 +1,28 @@
+var f = Object.defineProperty;
+var i = (o, r) => f(o, "name", { value: r, configurable: !0 });
+import { jsxs as l, jsx as e, Fragment as b } 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 { selectOwpCurrentLayoutConfig as u, selectNavbarTheme as h } from "../../../store/owpSettingsSlice.js";
+import v from "./NavbarToggleFabLayout.js";
+import { selectOwpNavbar as d, navbarCloseMobile as y } from "../../../store/navbarSlice.js";
+import { useThemeMediaQuery as g } from "../../../hooks/useThemeMediaQuery.js";
+import { useAppSelector as t, useAppDispatch as N } from "../../../hooks/useAppStore.js";
+import { ThemeProvider as T } from "@mui/material/styles";
+import { useEffect as L } from "react";
+import { useLocation as w } from "react-router-dom";
+import x from "../navbar/style/NavbarStyle.js";
+function Q() {
+  const o = t(u), r = t(d), m = w(), a = g((c) => c.breakpoints.down("lg")), { pathname: n } = m, p = N();
+  L(() => {
+    a && p(y());
+  }, [n, a]);
+  const s = t(h);
+  return /* @__PURE__ */ l(b, { children: [
+    /* @__PURE__ */ e(T, { theme: s, children: /* @__PURE__ */ e(x, {}) }),
+    o.navbar.display && !o.toolbar.display && !r.open && /* @__PURE__ */ e(v, {})
+  ] });
+}
+i(Q, "NavbarWrapperLayout");
+export {
+  Q as default
+};
+//# sourceMappingURL=NavbarWrapperLayout.js.map

package/dist/layout/components/layouts/NavbarWrapperLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarWrapperLayout.js","sources":["../../../../src/layout/components/layouts/NavbarWrapperLayout.tsx"],"sourcesContent":["import {\n  selectNavbarTheme,\n  selectOwpCurrentLayoutConfig,\n} from '@/store/owpSettingsSlice';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport NavbarToggleFabLayout from '@/layout/components/layouts/NavbarToggleFabLayout';\nimport {\n  navbarCloseMobile,\n  selectOwpNavbar,\n} from '@/store/navbarSlice';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\nimport { ThemeProvider } from '@mui/material/styles';\nimport { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport NavbarStyle from '../navbar/style/NavbarStyle';\n\n/**\n * The navbar wrapper layout.\n */\nfunction NavbarWrapperLayout() {\n  const config = useAppSelector(selectOwpCurrentLayoutConfig) as LayoutConfigDefaultsType;\n  const navbar = useAppSelector(selectOwpNavbar);\n  const location = useLocation();\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n  const { pathname } = location;\n  const dispatch = useAppDispatch();\n\n  useEffect(() => {\n    if (isMobile) {\n      dispatch(navbarCloseMobile());\n    }\n  }, [pathname, isMobile]);\n\n  const navbarTheme = useAppSelector(selectNavbarTheme);\n\n  return (\n    <>\n      <ThemeProvider theme={navbarTheme}>\n        <NavbarStyle />\n      </ThemeProvider>\n      {config.navbar.display && !config.toolbar.display && !navbar.open && (\n        <NavbarToggleFabLayout />\n      )}\n    </>\n  );\n}\n\nexport default NavbarWrapperLayout;\n"],"names":["NavbarWrapperLayout","config","useAppSelector","selectOwpCurrentLayoutConfig","navbar","selectOwpNavbar","location","useLocation","isMobile","useThemeMediaQuery","theme","pathname","dispatch","useAppDispatch","useEffect","navbarCloseMobile","navbarTheme","selectNavbarTheme","jsxs","Fragment","jsx","ThemeProvider","NavbarStyle","NavbarToggleFabLayout","__name"],"mappings":";;;;;;;;;;;;AAoBA,SAASA,IAAsB;AAC7B,QAAMC,IAASC,EAAeC,CAA4B,GACpDC,IAASF,EAAeG,CAAe,GACvCC,IAAWC,EAAA,GACXC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GACrE,EAAE,UAAAC,MAAaL,GACfM,IAAWC,EAAA;AAEjB,EAAAC,EAAU,MAAM;AACd,IAAIN,KACFI,EAASG,GAAmB;AAAA,EAEhC,GAAG,CAACJ,GAAUH,CAAQ,CAAC;AAEvB,QAAMQ,IAAcd,EAAee,CAAiB;AAEpD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOL,GACpB,UAAA,gBAAAI,EAACE,KAAY,GACf;AAAA,IACCrB,EAAO,OAAO,WAAW,CAACA,EAAO,QAAQ,WAAW,CAACG,EAAO,QAC3D,gBAAAgB,EAACG,GAAA,CAAA,CAAsB;AAAA,EAAA,GAE3B;AAEJ;AA1BSC,EAAAxB,GAAA;"}

package/dist/layout/components/logo/Logo.js

@@ -0,0 +1,138 @@
+var C = Object.defineProperty;
+var d = (t, r) => C(t, "name", { value: r, configurable: !0 });
+import { jsx as e, jsxs as A } 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 { useOwpAppContext as O } from "../../../contexts/OwpAppProvider.js";
+import { useGetLogoSrc as k } from "../../../hooks/useLogoSrc.js";
+import { Skeleton as z } from "@mui/material";
+import { styled as q } from "@mui/material/styles";
+import { useRef as I, useState as S, useLayoutEffect as F } from "react";
+const B = q("div")(({ theme: t }) => ({
+  minWidth: 0,
+  maxWidth: "100%",
+  "& > .logo-icon": {
+    transition: t.transitions.create(["width", "height"], {
+      duration: t.transitions.duration.shortest,
+      easing: t.transitions.easing.easeInOut
+    })
+  },
+  "& > .logo-slot": {
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    minWidth: 0,
+    minHeight: 0,
+    maxWidth: "100%",
+    maxHeight: "100%",
+    overflow: "visible"
+  },
+  "& > .logo-slot > .logo-slot-frame": {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    minWidth: 0,
+    minHeight: 0,
+    maxWidth: "100%",
+    maxHeight: "100%",
+    flexShrink: 1,
+    overflow: "hidden"
+  },
+  "& .logo-slot-transform": {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    transformOrigin: "left center"
+  },
+  "& .logo-slot-content, & .logo-slot-measure": {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    width: "fit-content",
+    height: "fit-content"
+  },
+  "& .logo-slot-measure": {
+    position: "absolute",
+    top: 0,
+    left: -99999,
+    visibility: "hidden",
+    pointerEvents: "none",
+    whiteSpace: "nowrap"
+  },
+  "& .logo-slot-skeleton": {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    width: "min(100%, 160px)",
+    minHeight: 70,
+    height: 70,
+    maxHeight: "100%",
+    transform: "translate(-50%, -50%)",
+    borderRadius: t.shape.borderRadius
+  },
+  "& > .badge": {
+    transition: t.transitions.create("opacity", {
+      duration: t.transitions.duration.shortest,
+      easing: t.transitions.easing.easeInOut
+    })
+  }
+}));
+function K() {
+  const t = k(), { slots: r, slotProps: m } = O(), s = r == null ? void 0 : r.logo, a = m == null ? void 0 : m.logo, b = ["owp-logo-slot-content", a == null ? void 0 : a.className].filter(Boolean).join(" "), w = I(null), N = I(null), [L, f] = S(1), [H, g] = S({}), [R, l] = S(!s);
+  return F(() => {
+    if (!s) {
+      f(1), g({}), l(!0);
+      return;
+    }
+    const c = w.current, n = N.current, h = c == null ? void 0 : c.parentElement;
+    if (!c || !n || !h)
+      return;
+    let u = 0;
+    l(!1);
+    const j = /* @__PURE__ */ d(() => {
+      const { width: o, height: E } = h.getBoundingClientRect(), v = n.scrollWidth || n.offsetWidth, x = n.scrollHeight || n.offsetHeight;
+      if (!o || !E || !v || !x) {
+        f(1), g({}), l(!1);
+        return;
+      }
+      const y = Math.min(o / v, E / x, 1);
+      f(y), g({
+        width: v * y,
+        height: x * y
+      }), l(!0);
+    }, "updateScale"), i = /* @__PURE__ */ d(() => {
+      cancelAnimationFrame(u), u = requestAnimationFrame(j);
+    }, "requestUpdate");
+    i();
+    const p = new ResizeObserver(i);
+    p.observe(h), p.observe(n);
+    const W = Array.from(n.querySelectorAll("img"));
+    return W.forEach((o) => {
+      o.addEventListener("load", i), o.addEventListener("error", i);
+    }), () => {
+      cancelAnimationFrame(u), p.disconnect(), W.forEach((o) => {
+        o.removeEventListener("load", i), o.removeEventListener("error", i);
+      });
+    };
+  }, [s]), /* @__PURE__ */ e(B, { ref: w, className: "flex items-center space-x-8", children: s ? /* @__PURE__ */ A("div", { className: "logo-icon logo-slot", children: [
+    !R && /* @__PURE__ */ e(z, { animation: "wave", variant: "rounded", className: "logo-slot-skeleton" }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "logo-slot-frame",
+        style: {
+          transform: "translateX(-8px)",
+          width: H.width,
+          height: H.height,
+          visibility: R ? "visible" : "hidden"
+        },
+        children: /* @__PURE__ */ e("div", { className: "logo-slot-transform", style: { transform: `scale(${L})` }, children: /* @__PURE__ */ e("div", { className: "logo-slot-content", children: /* @__PURE__ */ e(s, { ...a, className: b }) }) })
+      }
+    ),
+    /* @__PURE__ */ e("div", { ref: N, className: "logo-slot-measure", "aria-hidden": !0, children: /* @__PURE__ */ e(s, { ...a, className: b }) })
+  ] }) : /* @__PURE__ */ e("img", { className: "logo-icon", src: t, alt: "logo" }) });
+}
+d(K, "Logo");
+export {
+  K as default
+};
+//# sourceMappingURL=Logo.js.map

package/dist/layout/components/logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../../../src/layout/components/logo/Logo.tsx"],"sourcesContent":["import { useOwpAppContext as useAppContext } from '@/contexts/OwpAppProvider';\nimport { useGetLogoSrc } from '@/hooks/useLogoSrc';\nimport { Skeleton } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nconst Root = styled('div')(({ theme }) => ({\n  minWidth: 0,\n  maxWidth: '100%',\n  '& > .logo-icon': {\n    transition: theme.transitions.create(['width', 'height'], {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n  '& > .logo-slot': {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    overflow: 'visible',\n  },\n  '& > .logo-slot > .logo-slot-frame': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'hidden',\n  },\n  '& .logo-slot-transform': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    transformOrigin: 'left center',\n  },\n  '& .logo-slot-content, & .logo-slot-measure': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: 'fit-content',\n    height: 'fit-content',\n  },\n  '& .logo-slot-measure': {\n    position: 'absolute',\n    top: 0,\n    left: -99999,\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    whiteSpace: 'nowrap',\n  },\n  '& .logo-slot-skeleton': {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 'min(100%, 160px)',\n    minHeight: 70,\n    height: 70,\n    maxHeight: '100%',\n    transform: 'translate(-50%, -50%)',\n    borderRadius: theme.shape.borderRadius,\n  },\n  '& > .badge': {\n    transition: theme.transitions.create('opacity', {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n}));\n\n/**\n * The logo component.\n */\nfunction Logo() {\n  const logoSrc = useGetLogoSrc();\n  const { slots, slotProps } = useAppContext();\n  const LogoSlot = slots?.logo;\n  const logoSlotProps = slotProps?.logo;\n  const logoSlotClassName = ['owp-logo-slot-content', logoSlotProps?.className]\n    .filter(Boolean)\n    .join(' ');\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const slotMeasureRef = useRef<HTMLDivElement | null>(null);\n  const [slotScale, setSlotScale] = useState(1);\n  const [slotSize, setSlotSize] = useState<{ width?: number; height?: number }>({});\n  const [isSlotReady, setIsSlotReady] = useState(!LogoSlot);\n\n  useLayoutEffect(() => {\n    if (!LogoSlot) {\n      setSlotScale(1);\n      setSlotSize({});\n      setIsSlotReady(true);\n      return;\n    }\n\n    const rootElement = rootRef.current;\n    const measureElement = slotMeasureRef.current;\n    const boundaryElement = rootElement?.parentElement;\n\n    if (!rootElement || !measureElement || !boundaryElement) {\n      return;\n    }\n\n    let frameId = 0;\n    setIsSlotReady(false);\n\n    const updateScale = () => {\n      const { width: boundaryWidth, height: boundaryHeight } =\n        boundaryElement.getBoundingClientRect();\n      const contentWidth = measureElement.scrollWidth || measureElement.offsetWidth;\n      const contentHeight = measureElement.scrollHeight || measureElement.offsetHeight;\n\n      if (!boundaryWidth || !boundaryHeight || !contentWidth || !contentHeight) {\n        setSlotScale(1);\n        setSlotSize({});\n        setIsSlotReady(false);\n        return;\n      }\n\n      const nextScale = Math.min(boundaryWidth / contentWidth, boundaryHeight / contentHeight, 1);\n\n      setSlotScale(nextScale);\n      setSlotSize({\n        width: contentWidth * nextScale,\n        height: contentHeight * nextScale,\n      });\n      setIsSlotReady(true);\n    };\n\n    const requestUpdate = () => {\n      cancelAnimationFrame(frameId);\n      frameId = requestAnimationFrame(updateScale);\n    };\n\n    requestUpdate();\n\n    const resizeObserver = new ResizeObserver(requestUpdate);\n    resizeObserver.observe(boundaryElement);\n    resizeObserver.observe(measureElement);\n\n    const imageElements = Array.from(measureElement.querySelectorAll('img'));\n    imageElements.forEach((imageElement) => {\n      imageElement.addEventListener('load', requestUpdate);\n      imageElement.addEventListener('error', requestUpdate);\n    });\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      resizeObserver.disconnect();\n      imageElements.forEach((imageElement) => {\n        imageElement.removeEventListener('load', requestUpdate);\n        imageElement.removeEventListener('error', requestUpdate);\n      });\n    };\n  }, [LogoSlot]);\n\n  return (\n    <Root ref={rootRef} className=\"flex items-center space-x-8\">\n      {LogoSlot ? (\n        <div className=\"logo-icon logo-slot\">\n          {!isSlotReady && (\n            <Skeleton animation=\"wave\" variant=\"rounded\" className=\"logo-slot-skeleton\" />\n          )}\n          <div\n            className=\"logo-slot-frame\"\n            style={{\n              transform: 'translateX(-8px)',\n              width: slotSize.width,\n              height: slotSize.height,\n              visibility: isSlotReady ? 'visible' : 'hidden',\n            }}\n          >\n            <div className=\"logo-slot-transform\" style={{ transform: `scale(${slotScale})` }}>\n              <div className=\"logo-slot-content\">\n                <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n              </div>\n            </div>\n          </div>\n          <div ref={slotMeasureRef} className=\"logo-slot-measure\" aria-hidden>\n            <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n          </div>\n        </div>\n      ) : (\n        <img className=\"logo-icon\" src={logoSrc} alt=\"logo\" />\n      )}\n    </Root>\n  );\n}\n\nexport default Logo;\n"],"names":["Root","styled","theme","Logo","logoSrc","useGetLogoSrc","slots","slotProps","useAppContext","LogoSlot","logoSlotProps","logoSlotClassName","rootRef","useRef","slotMeasureRef","slotScale","setSlotScale","useState","slotSize","setSlotSize","isSlotReady","setIsSlotReady","useLayoutEffect","rootElement","measureElement","boundaryElement","frameId","updateScale","__name","boundaryWidth","boundaryHeight","contentWidth","contentHeight","nextScale","requestUpdate","resizeObserver","imageElements","imageElement","jsx","jsxs","Skeleton"],"mappings":"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"}

package/dist/layout/components/menus/LogoutMenu.js

@@ -0,0 +1,37 @@
+var s = Object.defineProperty;
+var o = (r, t) => s(r, "name", { value: t, configurable: !0 });
+import { jsxs as a, jsx as e } 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 { useOwpTranslation as c } from "../../../hooks/useOwpTranslation.js";
+import { useStorage as p } from "../../../hooks/useStorage.js";
+import l from "@mui/material/ListItemIcon";
+import u from "@mui/material/ListItemText";
+import f from "@mui/material/MenuItem";
+import { useNavigate as g } from "react-router-dom";
+import { OwpSvgIcon as I } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
+const h = "/auth/login";
+function O(r) {
+  const { onAction: t } = r, { t: i } = c(), m = g(), { resetStorage: n } = p();
+  return /* @__PURE__ */ a(
+    f,
+    {
+      onClick: /* @__PURE__ */ o(() => {
+        t == null || t(), n(), m(h);
+      }, "onClick"),
+      children: [
+        /* @__PURE__ */ e(l, { className: "min-w-36", children: /* @__PURE__ */ e(I, { children: "heroicons-outline:arrow-right-on-rectangle" }) }),
+        /* @__PURE__ */ e(
+          u,
+          {
+            primary: i("Title.로그아웃"),
+            sx: { "& .MuiListItemText-primary": { letterSpacing: "0.02em" } }
+          }
+        )
+      ]
+    }
+  );
+}
+o(O, "LogoutMenu");
+export {
+  O as default
+};
+//# sourceMappingURL=LogoutMenu.js.map

package/dist/layout/components/menus/LogoutMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutMenu.js","sources":["../../../../src/layout/components/menus/LogoutMenu.tsx"],"sourcesContent":["import { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useStorage } from '@/hooks/useStorage';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport { useNavigate } from 'react-router-dom';\n\ntype LogoutMenuProps = {\n  onAction?: () => void;\n};\n\nconst LOGIN_PATH_NAME = '/auth/login';\n\n/**\n * User logout menu item.\n */\nfunction LogoutMenu(props: LogoutMenuProps) {\n  const { onAction } = props;\n  const { t } = useOwpTranslation();\n  const navigate = useNavigate();\n  const { resetStorage } = useStorage();\n\n  return (\n    <MenuItem\n      onClick={() => {\n        onAction?.();\n        resetStorage();\n        navigate(LOGIN_PATH_NAME);\n      }}\n    >\n      <ListItemIcon className=\"min-w-36\">\n        <SvgIcon>heroicons-outline:arrow-right-on-rectangle</SvgIcon>\n      </ListItemIcon>\n      <ListItemText\n        primary={t('Title.로그아웃')}\n        sx={{ '& .MuiListItemText-primary': { letterSpacing: '0.02em' } }}\n      />\n    </MenuItem>\n  );\n}\n\nexport default LogoutMenu;\n"],"names":["LOGIN_PATH_NAME","LogoutMenu","props","onAction","t","useOwpTranslation","navigate","useNavigate","resetStorage","useStorage","jsxs","MenuItem","__name","jsx","ListItemIcon","SvgIcon","ListItemText"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAkB;AAKxB,SAASC,EAAWC,GAAwB;AAC1C,QAAM,EAAE,UAAAC,MAAaD,GACf,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACRC,IAAWC,EAAA,GACX,EAAE,cAAAC,EAAA,IAAiBC,EAAA;AAEzB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS,gBAAAC,EAAA,MAAM;AACb,QAAAT,KAAA,QAAAA,KACAK,EAAA,GACAF,EAASN,CAAe;AAAA,MAC1B,GAJS;AAAA,MAMT,UAAA;AAAA,QAAA,gBAAAa,EAACC,KAAa,WAAU,YACtB,UAAA,gBAAAD,EAACE,GAAA,EAAQ,wDAA0C,EAAA,CACrD;AAAA,QACA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAASZ,EAAE,YAAY;AAAA,YACvB,IAAI,EAAE,8BAA8B,EAAE,eAAe,WAAS;AAAA,UAAE;AAAA,QAAA;AAAA,MAClE;AAAA,IAAA;AAAA,EAAA;AAGN;AAvBSQ,EAAAX,GAAA;"}