@owp/core 2.2.6 → 2.3.1

package/dist/layout/components/navbar/style/NavbarStyle.js

@@ -1,15 +1,14 @@
-var w = Object.defineProperty;
-var e = (t, i) => w(t, "name", { value: i, configurable: !0 });
-import { jsxs as u, 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 { selectOwpNavbar as b, resetNavbar as y, navbarCloseFolded as v, navbarOpenFolded as x, navbarCloseMobile as W } from "../../../../store/navbarSlice.js";
-import { selectOwpCurrentLayoutConfig as N } from "../../../../store/owpSettingsSlice.js";
-import { useAppDispatch as S, useAppSelector as m } from "../../../../hooks/useAppStore.js";
-import { OwpHidden as f } from "../../../../components/OwpHidden/OwpHidden.js";
-import { styled as l } from "@mui/material/styles";
-import k from "@mui/material/SwipeableDrawer";
-import { useEffect as O } from "react";
-import g from "./NavbarStyleContent.js";
-const o = 280, C = l("div")(({ theme: t }) => ({
+var b = Object.defineProperty;
+var e = (t, i) => b(t, "name", { value: i, configurable: !0 });
+import { jsxs as y, 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 { useGetCurrentLayoutConfig as x } from "../../../../hooks/useOwpSettings.js";
+import { useGetNavbar as v, useNavbarActions as W } from "../../../../hooks/useNavbar.js";
+import { OwpHidden as m } from "../../../../components/OwpHidden/OwpHidden.js";
+import { styled as s } from "@mui/material/styles";
+import N from "@mui/material/SwipeableDrawer";
+import { useEffect as S } from "react";
+import f from "./NavbarStyleContent.js";
+const o = 280, k = s("div")(({ theme: t }) => ({
   display: "flex",
   flexDirection: "column",
   zIndex: 4,
@@ -28,7 +27,7 @@ const o = 280, C = l("div")(({ theme: t }) => ({
       }
     }
   ]
-})), L = l("div")(({ theme: t }) => ({
+})), L = s("div")(({ theme: t }) => ({
   minWidth: o,
   width: o,
   maxWidth: o,
@@ -174,7 +173,7 @@ const o = 280, C = l("div")(({ theme: t }) => ({
       }
     }
   ]
-})), R = l(k)(({ theme: t }) => ({
+})), R = s(N)(({ theme: t }) => ({
   "& > .MuiDrawer-paper": {
     minWidth: o,
     width: o,
@@ -186,60 +185,60 @@ const o = 280, C = l("div")(({ theme: t }) => ({
     })
   }
 }));
-function I() {
+function G() {
   var p, h, c;
-  const t = S(), i = m(N), d = m(b), a = !((p = i.navbar) != null && p.folded), r = a && !d.foldedOpen, s = a && d.foldedOpen;
-  return O(() => () => {
-    t(y());
-  }, [t]), /* @__PURE__ */ u(
-    C,
+  const t = x(), i = v(), { closeFolded: g, closeMobile: u, openFolded: w, reset: l } = W(), a = !((p = t.navbar) != null && p.folded), d = a && !i.foldedOpen, r = a && i.foldedOpen;
+  return S(() => () => {
+    l();
+  }, [l]), /* @__PURE__ */ y(
+    k,
     {
       folded: a ? 1 : 0,
-      open: d.open,
+      open: i.open,
       id: "owp-navbar",
       className: "sticky top-0 z-20 h-screen shrink-0",
       children: [
-        /* @__PURE__ */ n(f, { lgDown: !0, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(m, { lgDown: !0, children: /* @__PURE__ */ n(
           L,
           {
             className: "sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden shadow",
-            position: (h = i == null ? void 0 : i.navbar) == null ? void 0 : h.position,
+            position: (h = t == null ? void 0 : t.navbar) == null ? void 0 : h.position,
             folded: a ? 1 : 0,
-            foldedandopened: s ? 1 : 0,
-            foldedandclosed: r ? 1 : 0,
-            onMouseEnter: /* @__PURE__ */ e(() => r && t(x()), "onMouseEnter"),
-            onMouseLeave: /* @__PURE__ */ e(() => s && t(v()), "onMouseLeave"),
-            children: /* @__PURE__ */ n(g, { className: "NavbarStyle-content" })
+            foldedandopened: r ? 1 : 0,
+            foldedandclosed: d ? 1 : 0,
+            onMouseEnter: /* @__PURE__ */ e(() => d && w(), "onMouseEnter"),
+            onMouseLeave: /* @__PURE__ */ e(() => r && g(), "onMouseLeave"),
+            children: /* @__PURE__ */ n(f, { className: "NavbarStyle-content" })
           }
         ) }),
-        /* @__PURE__ */ n(f, { lgUp: !0, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(m, { lgUp: !0, children: /* @__PURE__ */ n(
           R,
           {
             classes: {
               paper: "flex-col flex-auto h-full"
             },
             folded: a ? 1 : 0,
-            foldedandopened: s ? 1 : 0,
-            foldedandclosed: r ? 1 : 0,
-            anchor: (c = i == null ? void 0 : i.navbar) == null ? void 0 : c.position,
+            foldedandopened: r ? 1 : 0,
+            foldedandclosed: d ? 1 : 0,
+            anchor: (c = t == null ? void 0 : t.navbar) == null ? void 0 : c.position,
             variant: "temporary",
-            open: d.mobileOpen,
-            onClose: /* @__PURE__ */ e(() => t(W()), "onClose"),
+            open: i.mobileOpen,
+            onClose: /* @__PURE__ */ e(() => u(), "onClose"),
             onOpen: /* @__PURE__ */ e(() => {
             }, "onOpen"),
             disableSwipeToOpen: !0,
             ModalProps: {
               keepMounted: !0
             },
-            children: /* @__PURE__ */ n(g, { className: "NavbarStyle-content" })
+            children: /* @__PURE__ */ n(f, { className: "NavbarStyle-content" })
           }
         ) })
       ]
     }
   );
 }
-e(I, "NavbarStyle");
+e(G, "NavbarStyle");
 export {
-  I as default
+  G as default
 };
 //# sourceMappingURL=NavbarStyle.js.map

package/dist/layout/components/navbar/style/NavbarStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarStyle.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyle.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport {\n  navbarCloseFolded,\n  navbarCloseMobile,\n  navbarOpenFolded,\n  resetNavbar,\n  selectOwpNavbar as selectNavbar,\n} from '@/store/navbarSlice';\nimport { selectOwpCurrentLayoutConfig as selectCurrentLayoutConfig } from '@/store/owpSettingsSlice';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { styled } from '@mui/material/styles';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer';\nimport { Theme } from '@mui/system/createTheme';\nimport { useEffect } from 'react';\nimport NavbarStyleContent from './NavbarStyleContent';\n\nconst navbarWidth = 280;\n\ntype StyledNavBarPropsProps = {\n  theme?: Theme;\n  folded: number;\n  open: boolean;\n};\n\nconst Root = styled('div')<StyledNavBarPropsProps>(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  zIndex: 4,\n  [theme.breakpoints.up('lg')]: {\n    width: navbarWidth,\n    minWidth: navbarWidth,\n  },\n  variants: [\n    {\n      props: ({ folded }) => folded,\n      style: {\n        [theme.breakpoints.up('lg')]: {\n          width: 76,\n          minWidth: 76,\n        },\n      },\n    },\n  ],\n}));\n\ntype StyledNavBarProps = {\n  theme?: Theme;\n  open?: boolean;\n  folded: number;\n  foldedandopened: number;\n  foldedandclosed: number;\n  position?: string;\n  anchor?: string;\n};\n\nconst StyledNavbar = styled('div')<StyledNavBarProps>(({ theme }) => ({\n  minWidth: navbarWidth,\n  width: navbarWidth,\n  maxWidth: navbarWidth,\n  maxHeight: '100%',\n  transition: theme.transitions.create(['width', 'min-width'], {\n    easing: theme.transitions.easing.sharp,\n    duration: theme.transitions.duration.shorter,\n  }),\n  variants: [\n    {\n      props: {\n        position: 'left',\n      },\n      style: {\n        borderRight: `1px solid ${theme.palette.divider}`,\n        left: 0,\n      },\n    },\n    {\n      props: {\n        position: 'right',\n      },\n      style: {\n        borderLight: `1px solid ${theme.palette.divider}`,\n        right: 0,\n      },\n    },\n    {\n      props: ({ folded }) => folded,\n      style: {\n        position: 'absolute',\n        width: 76,\n        minWidth: 76,\n        top: 0,\n        bottom: 0,\n      },\n    },\n    {\n      props: ({ foldedandopened }) => foldedandopened,\n      style: {\n        width: navbarWidth,\n        minWidth: navbarWidth,\n      },\n    },\n    {\n      props: ({ foldedandclosed }) => foldedandclosed,\n      style: {\n        '& .NavbarStyle-content': {\n          '& .logo-icon': {\n            width: 44,\n            height: 44,\n          },\n          '& .logo-text': {\n            opacity: 0,\n          },\n          '& .react-badge': {\n            opacity: 0,\n          },\n          '& .navigation.px-12': {\n            paddingLeft: 10,\n            paddingRight: 10,\n          },\n          '& .owp-list-item': {\n            width: 55,\n            minWidth: 55,\n            marginLeft: 'auto',\n            marginRight: 'auto',\n            paddingLeft: 0,\n            paddingRight: 0,\n            justifyContent: 'center',\n          },\n          '& .owp-list-item > .owp-list-item-icon': {\n            width: 22,\n            height: 22,\n            minWidth: 22,\n            minHeight: 22,\n            fontSize: 22,\n            marginRight: 0,\n          },\n          '& .owp-list-item > .owp-list-item-text': {\n            width: 0,\n            minWidth: 0,\n            flex: '0 0 0',\n            overflow: 'hidden',\n          },\n          '& .owp-list-item-text, & .arrow-icon, & .item-badge': {\n            opacity: 0,\n          },\n          '& .owp-list-subheader .owp-list-subheader-text': {\n            opacity: 0,\n          },\n          '& .owp-list-subheader:before': {\n            content: '\"\"',\n            display: 'block',\n            position: 'absolute',\n            minWidth: 16,\n            borderTop: '2px solid',\n            opacity: 0.2,\n          },\n          '& .collapse-children': {\n            display: 'none',\n          },\n          '& .user-menu': {\n            minWidth: 56,\n            width: 56,\n            justifyContent: 'center',\n            paddingLeft: 8,\n            paddingRight: 8,\n            '& > :not(style) ~ :not(style)': {\n              marginLeft: 0,\n              marginRight: 0,\n            },\n            '& > .flex-auto, & > .flex-shrink-0': {\n              width: 0,\n              minWidth: 0,\n              flex: '0 0 0',\n              overflow: 'hidden',\n            },\n            '& .avatar': {\n              width: 36,\n              height: 36,\n              minWidth: 36,\n              minHeight: 36,\n              margin: 0,\n              fontSize: '18px',\n              lineHeight: '18px',\n              flexShrink: 0,\n            },\n            '& .title': {\n              opacity: 0,\n            },\n            '& .subtitle': {\n              opacity: 0,\n            },\n            '& .info-icon': {\n              opacity: 0,\n            },\n            '& .arrow': {\n              opacity: 0,\n            },\n          },\n        },\n      },\n    },\n  ],\n}));\n\nconst StyledNavbarMobile = styled(SwipeableDrawer)<StyledNavBarProps>(({ theme }) => ({\n  '& > .MuiDrawer-paper': {\n    minWidth: navbarWidth,\n    width: navbarWidth,\n    maxWidth: navbarWidth,\n    maxHeight: '100%',\n    transition: theme.transitions.create(['width', 'min-width'], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.shorter,\n    }),\n  },\n}));\n\n/**\n * The navbar style.\n */\nfunction NavbarStyle() {\n  const dispatch = useAppDispatch();\n  const config = useAppSelector(selectCurrentLayoutConfig) as LayoutConfigDefaultsType;\n  const navbar = useAppSelector(selectNavbar);\n\n  \n  const folded = !config.navbar?.folded;\n  const foldedandclosed = folded && !navbar.foldedOpen;\n  const foldedandopened = folded && navbar.foldedOpen;\n\n  useEffect(() => {\n    return () => {\n      dispatch(resetNavbar());\n    };\n  }, [dispatch]);\n\n  return (\n    <Root\n      folded={folded ? 1 : 0}\n      open={navbar.open}\n      id=\"owp-navbar\"\n      className=\"sticky top-0 z-20 h-screen shrink-0\"\n    >\n      <OwpHidden lgDown>\n        <StyledNavbar\n          className=\"sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden shadow\"\n          position={config?.navbar?.position}\n          folded={folded ? 1 : 0}\n          foldedandopened={foldedandopened ? 1 : 0}\n          foldedandclosed={foldedandclosed ? 1 : 0}\n          onMouseEnter={() => foldedandclosed && dispatch(navbarOpenFolded())}\n          onMouseLeave={() => foldedandopened && dispatch(navbarCloseFolded())}\n        >\n          <NavbarStyleContent className=\"NavbarStyle-content\" />\n        </StyledNavbar>\n      </OwpHidden>\n\n      <OwpHidden lgUp>\n        <StyledNavbarMobile\n          classes={{\n            paper: 'flex-col flex-auto h-full',\n          }}\n          folded={folded ? 1 : 0}\n          foldedandopened={foldedandopened ? 1 : 0}\n          foldedandclosed={foldedandclosed ? 1 : 0}\n          anchor={config?.navbar?.position as 'left' | 'top' | 'right' | 'bottom'}\n          variant=\"temporary\"\n          open={navbar.mobileOpen}\n          onClose={() => dispatch(navbarCloseMobile())}\n          onOpen={() => {}}\n          disableSwipeToOpen\n          ModalProps={{\n            keepMounted: true, \n          }}\n        >\n          <NavbarStyleContent className=\"NavbarStyle-content\" />\n        </StyledNavbarMobile>\n      </OwpHidden>\n    </Root>\n  );\n}\n\nexport default NavbarStyle;\n"],"names":["navbarWidth","Root","styled","theme","__name","folded","StyledNavbar","foldedandopened","foldedandclosed","StyledNavbarMobile","SwipeableDrawer","NavbarStyle","dispatch","useAppDispatch","config","useAppSelector","selectCurrentLayoutConfig","navbar","selectNavbar","_a","useEffect","resetNavbar","jsxs","jsx","OwpHidden","_b","navbarOpenFolded","navbarCloseFolded","NavbarStyleContent","_c","navbarCloseMobile"],"mappings":"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"}
+{"version":3,"file":"NavbarStyle.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyle.tsx"],"sourcesContent":["import { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar, useNavbarActions } from '@/hooks/useNavbar';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { styled } from '@mui/material/styles';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer';\nimport { Theme } from '@mui/system/createTheme';\nimport { useEffect } from 'react';\nimport NavbarStyleContent from './NavbarStyleContent';\n\nconst navbarWidth = 280;\n\ntype StyledNavBarPropsProps = {\n  theme?: Theme;\n  folded: number;\n  open: boolean;\n};\n\nconst Root = styled('div')<StyledNavBarPropsProps>(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  zIndex: 4,\n  [theme.breakpoints.up('lg')]: {\n    width: navbarWidth,\n    minWidth: navbarWidth,\n  },\n  variants: [\n    {\n      props: ({ folded }) => folded,\n      style: {\n        [theme.breakpoints.up('lg')]: {\n          width: 76,\n          minWidth: 76,\n        },\n      },\n    },\n  ],\n}));\n\ntype StyledNavBarProps = {\n  theme?: Theme;\n  open?: boolean;\n  folded: number;\n  foldedandopened: number;\n  foldedandclosed: number;\n  position?: string;\n  anchor?: string;\n};\n\nconst StyledNavbar = styled('div')<StyledNavBarProps>(({ theme }) => ({\n  minWidth: navbarWidth,\n  width: navbarWidth,\n  maxWidth: navbarWidth,\n  maxHeight: '100%',\n  transition: theme.transitions.create(['width', 'min-width'], {\n    easing: theme.transitions.easing.sharp,\n    duration: theme.transitions.duration.shorter,\n  }),\n  variants: [\n    {\n      props: {\n        position: 'left',\n      },\n      style: {\n        borderRight: `1px solid ${theme.palette.divider}`,\n        left: 0,\n      },\n    },\n    {\n      props: {\n        position: 'right',\n      },\n      style: {\n        borderLight: `1px solid ${theme.palette.divider}`,\n        right: 0,\n      },\n    },\n    {\n      props: ({ folded }) => folded,\n      style: {\n        position: 'absolute',\n        width: 76,\n        minWidth: 76,\n        top: 0,\n        bottom: 0,\n      },\n    },\n    {\n      props: ({ foldedandopened }) => foldedandopened,\n      style: {\n        width: navbarWidth,\n        minWidth: navbarWidth,\n      },\n    },\n    {\n      props: ({ foldedandclosed }) => foldedandclosed,\n      style: {\n        '& .NavbarStyle-content': {\n          '& .logo-icon': {\n            width: 44,\n            height: 44,\n          },\n          '& .logo-text': {\n            opacity: 0,\n          },\n          '& .react-badge': {\n            opacity: 0,\n          },\n          '& .navigation.px-12': {\n            paddingLeft: 10,\n            paddingRight: 10,\n          },\n          '& .owp-list-item': {\n            width: 55,\n            minWidth: 55,\n            marginLeft: 'auto',\n            marginRight: 'auto',\n            paddingLeft: 0,\n            paddingRight: 0,\n            justifyContent: 'center',\n          },\n          '& .owp-list-item > .owp-list-item-icon': {\n            width: 22,\n            height: 22,\n            minWidth: 22,\n            minHeight: 22,\n            fontSize: 22,\n            marginRight: 0,\n          },\n          '& .owp-list-item > .owp-list-item-text': {\n            width: 0,\n            minWidth: 0,\n            flex: '0 0 0',\n            overflow: 'hidden',\n          },\n          '& .owp-list-item-text, & .arrow-icon, & .item-badge': {\n            opacity: 0,\n          },\n          '& .owp-list-subheader .owp-list-subheader-text': {\n            opacity: 0,\n          },\n          '& .owp-list-subheader:before': {\n            content: '\"\"',\n            display: 'block',\n            position: 'absolute',\n            minWidth: 16,\n            borderTop: '2px solid',\n            opacity: 0.2,\n          },\n          '& .collapse-children': {\n            display: 'none',\n          },\n          '& .user-menu': {\n            minWidth: 56,\n            width: 56,\n            justifyContent: 'center',\n            paddingLeft: 8,\n            paddingRight: 8,\n            '& > :not(style) ~ :not(style)': {\n              marginLeft: 0,\n              marginRight: 0,\n            },\n            '& > .flex-auto, & > .flex-shrink-0': {\n              width: 0,\n              minWidth: 0,\n              flex: '0 0 0',\n              overflow: 'hidden',\n            },\n            '& .avatar': {\n              width: 36,\n              height: 36,\n              minWidth: 36,\n              minHeight: 36,\n              margin: 0,\n              fontSize: '18px',\n              lineHeight: '18px',\n              flexShrink: 0,\n            },\n            '& .title': {\n              opacity: 0,\n            },\n            '& .subtitle': {\n              opacity: 0,\n            },\n            '& .info-icon': {\n              opacity: 0,\n            },\n            '& .arrow': {\n              opacity: 0,\n            },\n          },\n        },\n      },\n    },\n  ],\n}));\n\nconst StyledNavbarMobile = styled(SwipeableDrawer)<StyledNavBarProps>(({ theme }) => ({\n  '& > .MuiDrawer-paper': {\n    minWidth: navbarWidth,\n    width: navbarWidth,\n    maxWidth: navbarWidth,\n    maxHeight: '100%',\n    transition: theme.transitions.create(['width', 'min-width'], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.shorter,\n    }),\n  },\n}));\n\n/**\n * The navbar style.\n */\nfunction NavbarStyle() {\n  const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const navbar = useGetNavbar();\n  const { closeFolded, closeMobile, openFolded, reset } = useNavbarActions();\n\n  \n  const folded = !config.navbar?.folded;\n  const foldedandclosed = folded && !navbar.foldedOpen;\n  const foldedandopened = folded && navbar.foldedOpen;\n\n  useEffect(() => {\n    return () => {\n      reset();\n    };\n  }, [reset]);\n\n  return (\n    <Root\n      folded={folded ? 1 : 0}\n      open={navbar.open}\n      id=\"owp-navbar\"\n      className=\"sticky top-0 z-20 h-screen shrink-0\"\n    >\n      <OwpHidden lgDown>\n        <StyledNavbar\n          className=\"sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden shadow\"\n          position={config?.navbar?.position}\n          folded={folded ? 1 : 0}\n          foldedandopened={foldedandopened ? 1 : 0}\n          foldedandclosed={foldedandclosed ? 1 : 0}\n          onMouseEnter={() => foldedandclosed && openFolded()}\n          onMouseLeave={() => foldedandopened && closeFolded()}\n        >\n          <NavbarStyleContent className=\"NavbarStyle-content\" />\n        </StyledNavbar>\n      </OwpHidden>\n\n      <OwpHidden lgUp>\n        <StyledNavbarMobile\n          classes={{\n            paper: 'flex-col flex-auto h-full',\n          }}\n          folded={folded ? 1 : 0}\n          foldedandopened={foldedandopened ? 1 : 0}\n          foldedandclosed={foldedandclosed ? 1 : 0}\n          anchor={config?.navbar?.position as 'left' | 'top' | 'right' | 'bottom'}\n          variant=\"temporary\"\n          open={navbar.mobileOpen}\n          onClose={() => closeMobile()}\n          onOpen={() => {}}\n          disableSwipeToOpen\n          ModalProps={{\n            keepMounted: true, \n          }}\n        >\n          <NavbarStyleContent className=\"NavbarStyle-content\" />\n        </StyledNavbarMobile>\n      </OwpHidden>\n    </Root>\n  );\n}\n\nexport default NavbarStyle;\n"],"names":["navbarWidth","Root","styled","theme","__name","folded","StyledNavbar","foldedandopened","foldedandclosed","StyledNavbarMobile","SwipeableDrawer","NavbarStyle","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","closeFolded","closeMobile","openFolded","reset","useNavbarActions","_a","useEffect","jsxs","jsx","OwpHidden","_b","NavbarStyleContent","_c"],"mappings":"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"}

package/dist/layout/components/navbar/style/NavbarStyleContent.js

@@ -1,20 +1,19 @@
-var f = Object.defineProperty;
-var s = (o, l) => f(o, "name", { value: l, configurable: !0 });
-import { jsxs as c, 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 { OwpHidden as m } from "../../../../components/OwpHidden/OwpHidden.js";
+var p = Object.defineProperty;
+var s = (o, a) => p(o, "name", { value: a, configurable: !0 });
+import { jsxs as d, 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 { OwpHidden as c } from "../../../../components/OwpHidden/OwpHidden.js";
 import b from "../../logo/Logo.js";
-import g from "../../menus/UserMenu.js";
-import h from "../NavbarPinToggleButton.js";
+import f from "../../menus/UserMenu.js";
+import g from "../NavbarPinToggleButton.js";
 import u from "../NavbarToggleButton.js";
-import v from "../../navigation/Navigation.js";
-import { selectOwpCurrentLayoutConfig as x } from "../../../../store/owpSettingsSlice.js";
-import { selectOwpNavbar as N } from "../../../../store/navbarSlice.js";
-import { useAppSelector as p } from "../../../../hooks/useAppStore.js";
-import { styled as d } from "@mui/material/styles";
-import { clsx as a } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { memo as S, useMemo as w } from "react";
-import { OwpScrollbars as y } from "../../../../components/OwpScrollbars/OwpScrollbars.js";
-const C = d("div")(({ theme: o }) => ({
+import h from "../../navigation/Navigation.js";
+import { useGetCurrentLayoutConfig as v } from "../../../../hooks/useOwpSettings.js";
+import { useGetNavbar as x } from "../../../../hooks/useNavbar.js";
+import { styled as m } from "@mui/material/styles";
+import { clsx as l } from "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { memo as N, useMemo as y } from "react";
+import { OwpScrollbars as S } from "../../../../components/OwpScrollbars/OwpScrollbars.js";
+const w = m("div")(({ theme: o }) => ({
   backgroundColor: o.palette.background.default,
   color: o.palette.text.primary,
   "& ::-webkit-scrollbar-thumb": {
@@ -65,7 +64,7 @@ const C = d("div")(({ theme: o }) => ({
     paddingTop: 8,
     paddingBottom: 8
   }
-})), k = d(y)(() => ({
+})), C = m(S)(() => ({
   overscrollBehavior: "contain",
   overflowX: "hidden",
   overflowY: "auto",
@@ -74,16 +73,16 @@ const C = d("div")(({ theme: o }) => ({
   backgroundSize: "100% 40px, 100% 10px",
   backgroundAttachment: "local, scroll"
 }));
-function M(o) {
-  const { className: l = "" } = o, e = p(x), r = p(N), n = w(() => {
+function k(o) {
+  const { className: a = "" } = o, e = v(), r = x(), n = y(() => {
     var i;
     return ((i = e == null ? void 0 : e.navbar) == null ? void 0 : i.folded) || (r == null ? void 0 : r.foldedOpen);
   }, [e, r]);
-  return /* @__PURE__ */ c(C, { className: a("flex h-full flex-auto flex-col overflow-hidden", l), children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ d(w, { className: l("flex h-full flex-auto flex-col overflow-hidden", a), children: [
+    /* @__PURE__ */ d(
       "div",
       {
-        className: a(
+        className: l(
           "NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64",
           !n && "justify-center"
         ),
@@ -91,32 +90,32 @@ function M(o) {
           /* @__PURE__ */ t(
             "div",
             {
-              className: a(
+              className: l(
                 "mr-4 ml-16 flex flex-1 items-center",
                 !n && "hidden"
               ),
               children: /* @__PURE__ */ t("div", { className: "NavbarStyleContent-logoMark", children: /* @__PURE__ */ t(b, {}) })
             }
           ),
-          /* @__PURE__ */ t(m, { lgDown: !0, children: /* @__PURE__ */ t(h, { surfaceTone: "light", className: "h-32 w-32 p-0" }) }),
-          /* @__PURE__ */ t(m, { lgUp: !0, children: /* @__PURE__ */ t(u, { surfaceTone: "light", className: "h-32 w-32 p-0" }) })
+          /* @__PURE__ */ t(c, { lgDown: !0, children: /* @__PURE__ */ t(g, { surfaceTone: "light", className: "h-32 w-32 p-0" }) }),
+          /* @__PURE__ */ t(c, { lgUp: !0, children: /* @__PURE__ */ t(u, { surfaceTone: "light", className: "h-32 w-32 p-0" }) })
         ]
       }
     ),
     /* @__PURE__ */ t(
-      k,
+      C,
       {
         className: "flex min-h-0 flex-1 flex-col",
         option: { suppressScrollX: !0, wheelPropagation: !1 },
-        children: /* @__PURE__ */ t(v, { className: "NavbarStyleContent-navigation", layout: "vertical" })
+        children: /* @__PURE__ */ t(h, { className: "NavbarStyleContent-navigation", layout: "vertical" })
       }
     ),
-    /* @__PURE__ */ t("div", { className: "NavbarStyleContent-userMenu w-full p-4 md:p-10", children: /* @__PURE__ */ t(g, { className: "w-full" }) })
+    /* @__PURE__ */ t("div", { className: "NavbarStyleContent-userMenu w-full p-4 md:p-10", children: /* @__PURE__ */ t(f, { className: "w-full" }) })
   ] });
 }
-s(M, "NavbarStyleContent");
-const D = S(M);
+s(k, "NavbarStyleContent");
+const z = N(k);
 export {
-  D as default
+  z as default
 };
 //# sourceMappingURL=NavbarStyleContent.js.map

package/dist/layout/components/navbar/style/NavbarStyleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarStyleContent.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyleContent.tsx"],"sourcesContent":["import { OwpHidden } from '@/components/OwpHidden';\nimport Logo from '@/layout/components/logo/Logo';\nimport UserMenu from '@/layout/components/menus/UserMenu';\nimport NavbarPinToggleButton from '@/layout/components/navbar/NavbarPinToggleButton';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport Navigation from '@/layout/components/navigation/Navigation';\nimport { OwpScrollbars as Scrollbars } from '@/components/OwpScrollbars';\nimport { selectOwpCurrentLayoutConfig as selectCurrentLayoutConfig } from '@/store/owpSettingsSlice';\nimport { selectOwpNavbar as selectNavbar } from '@/store/navbarSlice';\nimport { useAppSelector } from '@/hooks/useAppStore';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo, useMemo } from 'react';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\n\nconst Root = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  color: theme.palette.text.primary,\n  '& ::-webkit-scrollbar-thumb': {\n    boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.24)'}`,\n    ...theme.applyStyles('light', {\n      boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.24)'}`,\n    }),\n  },\n  '& ::-webkit-scrollbar-thumb:active': {\n    boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.37)'}`,\n    ...theme.applyStyles('light', {\n      boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.37)'}`,\n    }),\n  },\n  '& .NavbarStyleContent-logo': {\n    position: 'relative',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      right: 0,\n      bottom: -1,\n      left: 0,\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    },\n  },\n  '& .NavbarStyleContent-logoMark': {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    maxWidth: '25.6rem',\n    height: '4.4rem',\n    minWidth: 0,\n    [theme.breakpoints.up('md')]: {\n      maxWidth: '27.2rem',\n      height: '4.8rem',\n    },\n  },\n  '& .NavbarStyleContent-logoMark .logo-icon': {\n    display: 'block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    objectFit: 'contain',\n  },\n  '& .NavbarStyleContent-userMenu': {\n    borderTop: `1px solid ${theme.palette.divider}`,\n  },\n  '& .NavbarStyleContent-navigation': {\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n}));\n\nconst StyledContent = styled(Scrollbars)(() => ({\n  overscrollBehavior: 'contain',\n  overflowX: 'hidden',\n  overflowY: 'auto',\n  WebkitOverflowScrolling: 'touch',\n  backgroundRepeat: 'no-repeat',\n  backgroundSize: '100% 40px, 100% 10px',\n  backgroundAttachment: 'local, scroll',\n}));\n\ntype NavbarStyleContentProps = {\n  className?: string;\n};\n\n/**\n * The navbar style content.\n */\nfunction NavbarStyleContent(props: NavbarStyleContentProps) {\n  const { className = '' } = props;\n\n  const config = useAppSelector(selectCurrentLayoutConfig) as LayoutConfigDefaultsType;\n  const navbar = useAppSelector(selectNavbar);\n\n  const showLogo = useMemo(() => config?.navbar?.folded || navbar?.foldedOpen, [config, navbar]);\n\n  return (\n    <Root className={clsx('flex h-full flex-auto flex-col overflow-hidden', className)}>\n      <div\n        className={clsx(\n          'NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64',\n          !showLogo && 'justify-center',\n        )}\n      >\n        <div\n          className={clsx(\n            'mr-4 ml-16 flex flex-1 items-center',\n            !showLogo && 'hidden',\n          )}\n        >\n          <div className=\"NavbarStyleContent-logoMark\">\n            <Logo />\n          </div>\n        </div>\n        <OwpHidden lgDown>\n          <NavbarPinToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n        </OwpHidden>\n        <OwpHidden lgUp>\n          <NavbarToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n        </OwpHidden>\n      </div>\n\n      <StyledContent\n        className=\"flex min-h-0 flex-1 flex-col\"\n        option={{ suppressScrollX: true, wheelPropagation: false }}\n      >\n        <Navigation className=\"NavbarStyleContent-navigation\" layout=\"vertical\" />\n      </StyledContent>\n\n      <div className=\"NavbarStyleContent-userMenu w-full p-4 md:p-10\">\n        <UserMenu className=\"w-full\" />\n      </div>\n    </Root>\n  );\n}\n\nexport default memo(NavbarStyleContent);\n"],"names":["Root","styled","theme","StyledContent","Scrollbars","NavbarStyleContent","props","className","config","useAppSelector","selectCurrentLayoutConfig","navbar","selectNavbar","showLogo","useMemo","_a","clsx","jsxs","jsx","Logo","OwpHidden","NavbarPinToggleButton","NavbarToggleButton","Navigation","UserMenu","__name","NavbarStyleContent$1","memo"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACzC,iBAAiBA,EAAM,QAAQ,WAAW;AAAA,EAC1C,OAAOA,EAAM,QAAQ,KAAK;AAAA,EAC1B,+BAA+B;AAAA,IAC7B,WAAW;AAAA,IACX,GAAGA,EAAM,YAAY,SAAS;AAAA,MAC5B,WAAW;AAAA,IAAyC,CACrD;AAAA,EAAA;AAAA,EAEH,sCAAsC;AAAA,IACpC,WAAW;AAAA,IACX,GAAGA,EAAM,YAAY,SAAS;AAAA,MAC5B,WAAW;AAAA,IAAyC,CACrD;AAAA,EAAA;AAAA,EAEH,8BAA8B;AAAA,IAC5B,UAAU;AAAA,IACV,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,cAAc,aAAaA,EAAM,QAAQ,OAAO;AAAA,IAAA;AAAA,EAClD;AAAA,EAEF,kCAAkC;AAAA,IAChC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,GAAG;AAAA,MAC5B,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,6CAA6C;AAAA,IAC3C,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,EAAA;AAAA,EAEb,kCAAkC;AAAA,IAChC,WAAW,aAAaA,EAAM,QAAQ,OAAO;AAAA,EAAA;AAAA,EAE/C,oCAAoC;AAAA,IAClC,YAAY;AAAA,IACZ,eAAe;AAAA,EAAA;AAEnB,EAAE,GAEIC,IAAgBF,EAAOG,CAAU,EAAE,OAAO;AAAA,EAC9C,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,yBAAyB;AAAA,EACzB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AACxB,EAAE;AASF,SAASC,EAAmBC,GAAgC;AAC1D,QAAM,EAAE,WAAAC,IAAY,GAAA,IAAOD,GAErBE,IAASC,EAAeC,CAAyB,GACjDC,IAASF,EAAeG,CAAY,GAEpCC,IAAWC,EAAQ,MAAA;;AAAM,aAAAC,IAAAP,KAAA,gBAAAA,EAAQ,WAAR,gBAAAO,EAAgB,YAAUJ,KAAA,gBAAAA,EAAQ;AAAA,KAAY,CAACH,GAAQG,CAAM,CAAC;AAE7F,2BACGX,GAAA,EAAK,WAAWgB,EAAK,kDAAkDT,CAAS,GAC/E,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,CAACH,KAAY;AAAA,QAAA;AAAA,QAGf,UAAA;AAAA,UAAA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF;AAAA,gBACT;AAAA,gBACA,CAACH,KAAY;AAAA,cAAA;AAAA,cAGf,4BAAC,OAAA,EAAI,WAAU,+BACb,UAAA,gBAAAK,EAACC,KAAK,EAAA,CACR;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAD,EAACE,GAAA,EAAU,QAAM,IACf,UAAA,gBAAAF,EAACG,KAAsB,aAAY,SAAQ,WAAU,gBAAA,CAAgB,EAAA,CACvE;AAAA,UACA,gBAAAH,EAACE,GAAA,EAAU,MAAI,IACb,UAAA,gBAAAF,EAACI,KAAmB,aAAY,SAAQ,WAAU,gBAAA,CAAgB,EAAA,CACpE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAJ;AAAA,MAACf;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAQ,EAAE,iBAAiB,IAAM,kBAAkB,GAAA;AAAA,QAEnD,UAAA,gBAAAe,EAACK,GAAA,EAAW,WAAU,iCAAgC,QAAO,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAG1E,gBAAAL,EAAC,SAAI,WAAU,kDACb,4BAACM,GAAA,EAAS,WAAU,UAAS,EAAA,CAC/B;AAAA,EAAA,GACF;AAEJ;AA9CSC,EAAApB,GAAA;AAgDT,MAAAqB,IAAeC,EAAKtB,CAAkB;"}
+{"version":3,"file":"NavbarStyleContent.js","sources":["../../../../../src/layout/components/navbar/style/NavbarStyleContent.tsx"],"sourcesContent":["import { OwpHidden } from '@/components/OwpHidden';\nimport Logo from '@/layout/components/logo/Logo';\nimport UserMenu from '@/layout/components/menus/UserMenu';\nimport NavbarPinToggleButton from '@/layout/components/navbar/NavbarPinToggleButton';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport Navigation from '@/layout/components/navigation/Navigation';\nimport { OwpScrollbars as Scrollbars } from '@/components/OwpScrollbars';\nimport { useGetCurrentLayoutConfig } from '@/hooks/useOwpSettings';\nimport { useGetNavbar } from '@/hooks/useNavbar';\nimport { styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo, useMemo } from 'react';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\n\nconst Root = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.background.default,\n  color: theme.palette.text.primary,\n  '& ::-webkit-scrollbar-thumb': {\n    boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.24)'}`,\n    ...theme.applyStyles('light', {\n      boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.24)'}`,\n    }),\n  },\n  '& ::-webkit-scrollbar-thumb:active': {\n    boxShadow: `inset 0 0 0 20px ${'rgba(255, 255, 255, 0.37)'}`,\n    ...theme.applyStyles('light', {\n      boxShadow: `inset 0 0 0 20px ${'rgba(0, 0, 0, 0.37)'}`,\n    }),\n  },\n  '& .NavbarStyleContent-logo': {\n    position: 'relative',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      right: 0,\n      bottom: -1,\n      left: 0,\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    },\n  },\n  '& .NavbarStyleContent-logoMark': {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    maxWidth: '25.6rem',\n    height: '4.4rem',\n    minWidth: 0,\n    [theme.breakpoints.up('md')]: {\n      maxWidth: '27.2rem',\n      height: '4.8rem',\n    },\n  },\n  '& .NavbarStyleContent-logoMark .logo-icon': {\n    display: 'block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    objectFit: 'contain',\n  },\n  '& .NavbarStyleContent-userMenu': {\n    borderTop: `1px solid ${theme.palette.divider}`,\n  },\n  '& .NavbarStyleContent-navigation': {\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n}));\n\nconst StyledContent = styled(Scrollbars)(() => ({\n  overscrollBehavior: 'contain',\n  overflowX: 'hidden',\n  overflowY: 'auto',\n  WebkitOverflowScrolling: 'touch',\n  backgroundRepeat: 'no-repeat',\n  backgroundSize: '100% 40px, 100% 10px',\n  backgroundAttachment: 'local, scroll',\n}));\n\ntype NavbarStyleContentProps = {\n  className?: string;\n};\n\n/**\n * The navbar style content.\n */\nfunction NavbarStyleContent(props: NavbarStyleContentProps) {\n  const { className = '' } = props;\n\n  const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const navbar = useGetNavbar();\n\n  const showLogo = useMemo(() => config?.navbar?.folded || navbar?.foldedOpen, [config, navbar]);\n\n  return (\n    <Root className={clsx('flex h-full flex-auto flex-col overflow-hidden', className)}>\n      <div\n        className={clsx(\n          'NavbarStyleContent-logo flex h-48 shrink-0 flex-row items-center px-12 md:h-64',\n          !showLogo && 'justify-center',\n        )}\n      >\n        <div\n          className={clsx(\n            'mr-4 ml-16 flex flex-1 items-center',\n            !showLogo && 'hidden',\n          )}\n        >\n          <div className=\"NavbarStyleContent-logoMark\">\n            <Logo />\n          </div>\n        </div>\n        <OwpHidden lgDown>\n          <NavbarPinToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n        </OwpHidden>\n        <OwpHidden lgUp>\n          <NavbarToggleButton surfaceTone=\"light\" className=\"h-32 w-32 p-0\" />\n        </OwpHidden>\n      </div>\n\n      <StyledContent\n        className=\"flex min-h-0 flex-1 flex-col\"\n        option={{ suppressScrollX: true, wheelPropagation: false }}\n      >\n        <Navigation className=\"NavbarStyleContent-navigation\" layout=\"vertical\" />\n      </StyledContent>\n\n      <div className=\"NavbarStyleContent-userMenu w-full p-4 md:p-10\">\n        <UserMenu className=\"w-full\" />\n      </div>\n    </Root>\n  );\n}\n\nexport default memo(NavbarStyleContent);\n"],"names":["Root","styled","theme","StyledContent","Scrollbars","NavbarStyleContent","props","className","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","showLogo","useMemo","_a","clsx","jsxs","jsx","Logo","OwpHidden","NavbarPinToggleButton","NavbarToggleButton","Navigation","UserMenu","__name","NavbarStyleContent$1","memo"],"mappings":"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"}

package/dist/layout/components/navigation/Navigation.js

@@ -1,23 +1,20 @@
-var p = Object.defineProperty;
-var e = (i, o) => p(i, "name", { value: o, 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 { useGetNavigationList as u } from "../../../hooks/useNavigation.js";
-import { useThemeMediaQuery as v } from "../../../hooks/useThemeMediaQuery.js";
-import { useAppDispatch as g } from "../../../hooks/useAppStore.js";
-import { navigationSlice as d } from "../../../store/navigationSlice.js";
-import { navbarCloseMobile as h } from "../../../store/navbarSlice.js";
-import { withSlices as N } from "../../../store/withSlices.js";
-import { clsx as M } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useCallback as b } from "react";
-import { NavigationMenu as k } from "./NavigationMenu.js";
-function x(i) {
-  const { className: o = "", layout: s = "vertical", dense: n, active: r } = i, m = u(), t = v((l) => l.breakpoints.down("lg")), a = g(), c = b(() => {
-    t && a(h());
-  }, [a, t]);
-  return /* @__PURE__ */ f(
-    k,
+var f = Object.defineProperty;
+var a = (o, i) => f(o, "name", { value: i, configurable: !0 });
+import { jsx as u } 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 { useGetNavigationList as p } from "../../../hooks/useNavigation.js";
+import { useNavbarActions as v } from "../../../hooks/useNavbar.js";
+import { useThemeMediaQuery as g } from "../../../hooks/useThemeMediaQuery.js";
+import { clsx as N } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useCallback as d } from "react";
+import { NavigationMenu as M } from "./NavigationMenu.js";
+function w(o) {
+  const { className: i = "", layout: s = "vertical", dense: n, active: r } = o, m = p(), e = g((l) => l.breakpoints.down("lg")), { closeMobile: t } = v(), c = d(() => {
+    e && t();
+  }, [t, e]);
+  return /* @__PURE__ */ u(
+    M,
     {
-      className: M("navigation flex-1", o),
+      className: N("navigation flex-1", i),
       navigation: m,
       layout: s,
       dense: n,
@@ -27,9 +24,8 @@ function x(i) {
     }
   );
 }
-e(x, "Navigation");
-const P = N([d])(x);
+a(w, "Navigation");
 export {
-  P as default
+  w as default
 };
 //# sourceMappingURL=Navigation.js.map

package/dist/layout/components/navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../src/layout/components/navigation/Navigation.tsx"],"sourcesContent":["import { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport { useAppDispatch } from '@/hooks/useAppStore';\nimport { navigationSlice } from '@/store/navigationSlice';\nimport { navbarCloseMobile } from '@/store/navbarSlice';\nimport { withSlices } from '@/store/withSlices';\nimport clsx from 'clsx';\nimport { useCallback } from 'react';\nimport { NavigationMenu, type NavigationMenuProps } from './NavigationMenu';\n\n/**\n * Navigation\n */\n\ntype NavigationProps = Partial<NavigationMenuProps>;\n\nfunction Navigation(props: NavigationProps) {\n  const { className = '', layout = 'vertical', dense, active } = props;\n\n  const navigation = useGetNavigationList();\n\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n\n  const dispatch = useAppDispatch();\n\n  const handleItemClick = useCallback(() => {\n    if (isMobile) {\n      dispatch(navbarCloseMobile());\n    }\n  }, [dispatch, isMobile]);\n\n  return (\n    <NavigationMenu\n      className={clsx('navigation flex-1', className)}\n      navigation={navigation}\n      layout={layout}\n      dense={dense}\n      active={active}\n      onItemClick={handleItemClick}\n      checkPermission={false}\n    />\n  );\n}\n\nconst NavigationWIthSlices = withSlices<NavigationProps>([navigationSlice])(Navigation);\n\nexport default NavigationWIthSlices;\n"],"names":["Navigation","props","className","layout","dense","active","navigation","useGetNavigationList","isMobile","useThemeMediaQuery","theme","dispatch","useAppDispatch","handleItemClick","useCallback","navbarCloseMobile","jsx","NavigationMenu","clsx","__name","NavigationWIthSlices","withSlices","navigationSlice"],"mappings":";;;;;;;;;;;;AAgBA,SAASA,EAAWC,GAAwB;AAC1C,QAAM,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,YAAY,OAAAC,GAAO,QAAAC,MAAWJ,GAEzDK,IAAaC,EAAA,GAEbC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErEC,IAAWC,EAAA,GAEXC,IAAkBC,EAAY,MAAM;AACxC,IAAIN,KACFG,EAASI,GAAmB;AAAA,EAEhC,GAAG,CAACJ,GAAUH,CAAQ,CAAC;AAEvB,SACE,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,qBAAqBhB,CAAS;AAAA,MAC9C,YAAAI;AAAA,MACA,QAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAaQ;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;AA1BSM,EAAAnB,GAAA;AA4BT,MAAMoB,IAAuBC,EAA4B,CAACC,CAAe,CAAC,EAAEtB,CAAU;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../src/layout/components/navigation/Navigation.tsx"],"sourcesContent":["import { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useNavbarActions } from '@/hooks/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/useThemeMediaQuery';\nimport clsx from 'clsx';\nimport { useCallback } from 'react';\nimport { NavigationMenu, type NavigationMenuProps } from './NavigationMenu';\n\n/**\n * Navigation\n */\n\ntype NavigationProps = Partial<NavigationMenuProps>;\n\nfunction Navigation(props: NavigationProps) {\n  const { className = '', layout = 'vertical', dense, active } = props;\n\n  const navigation = useGetNavigationList();\n\n  const isMobile = useThemeMediaQuery((theme) => theme.breakpoints.down('lg'));\n\n  const { closeMobile } = useNavbarActions();\n\n  const handleItemClick = useCallback(() => {\n    if (isMobile) {\n      closeMobile();\n    }\n  }, [closeMobile, isMobile]);\n\n  return (\n    <NavigationMenu\n      className={clsx('navigation flex-1', className)}\n      navigation={navigation}\n      layout={layout}\n      dense={dense}\n      active={active}\n      onItemClick={handleItemClick}\n      checkPermission={false}\n    />\n  );\n}\n\nexport default Navigation;\n"],"names":["Navigation","props","className","layout","dense","active","navigation","useGetNavigationList","isMobile","useThemeMediaQuery","theme","closeMobile","useNavbarActions","handleItemClick","useCallback","jsx","NavigationMenu","clsx","__name"],"mappings":";;;;;;;;;AAaA,SAASA,EAAWC,GAAwB;AAC1C,QAAM,EAAE,WAAAC,IAAY,IAAI,QAAAC,IAAS,YAAY,OAAAC,GAAO,QAAAC,MAAWJ,GAEzDK,IAAaC,EAAA,GAEbC,IAAWC,EAAmB,CAACC,MAAUA,EAAM,YAAY,KAAK,IAAI,CAAC,GAErE,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAElBC,IAAkBC,EAAY,MAAM;AACxC,IAAIN,KACFG,EAAA;AAAA,EAEJ,GAAG,CAACA,GAAaH,CAAQ,CAAC;AAE1B,SACE,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAK,qBAAqBf,CAAS;AAAA,MAC9C,YAAAI;AAAA,MACA,QAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,aAAaQ;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;AA1BSK,EAAAlB,GAAA;"}