@owp/core 2.5.23 → 2.5.24

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

@@ -2,7 +2,7 @@ var w = Object.defineProperty;
 var o = (t, i) => w(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 { useGetNavbar as v, useNavbarActions as W } from "../../../../hooks/internal/useNavbar.js";
 import { OwpHidden as f } from "../../../../components/OwpHidden/OwpHidden.js";
 import { styled as s } from "@mui/material/styles";
 import k from "@mui/material/SwipeableDrawer";

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 { 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  backgroundColor: theme.palette.background.default,\n  boxShadow: 'none',\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        borderLeft: `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    backgroundColor: theme.palette.background.default,\n    boxShadow: 'none',\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\"\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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"}
+{"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/internal/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  backgroundColor: theme.palette.background.default,\n  boxShadow: 'none',\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        borderLeft: `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    backgroundColor: theme.palette.background.default,\n    boxShadow: 'none',\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\"\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":";;;;;;;;;;AAUA,MAAMA,IAAc,KAQdC,IAAOC,EAAO,KAAK,EAA0B,CAAC,EAAE,OAAAC,SAAa;AAAA,EACjE,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,GAAG;AAAA,IAC5B,OAAOH;AAAA,IACP,UAAUA;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR;AAAA,MACE,OAAO,gBAAAI,EAAA,CAAC,EAAE,QAAAC,EAAA,MAAaA,GAAhB;AAAA,MACP,OAAO;AAAA,QACL,CAACF,EAAM,YAAY,GAAG,IAAI,CAAC,GAAG;AAAA,UAC5B,OAAO;AAAA,UACP,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAEJ,EAAE,GAYIG,IAAeJ,EAAO,KAAK,EAAqB,CAAC,EAAE,OAAAC,SAAa;AAAA,EACpE,UAAUH;AAAA,EACV,OAAOA;AAAA,EACP,UAAUA;AAAA,EACV,WAAW;AAAA,EACX,iBAAiBG,EAAM,QAAQ,WAAW;AAAA,EAC1C,WAAW;AAAA,EACX,YAAYA,EAAM,YAAY,OAAO,CAAC,SAAS,WAAW,GAAG;AAAA,IAC3D,QAAQA,EAAM,YAAY,OAAO;AAAA,IACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,EAAA,CACtC;AAAA,EACD,UAAU;AAAA,IACR;AAAA,MACE,OAAO;AAAA,QACL,UAAU;AAAA,MAAA;AAAA,MAEZ,OAAO;AAAA,QACL,aAAa,aAAaA,EAAM,QAAQ,OAAO;AAAA,QAC/C,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF;AAAA,MACE,OAAO;AAAA,QACL,UAAU;AAAA,MAAA;AAAA,MAEZ,OAAO;AAAA,QACL,YAAY,aAAaA,EAAM,QAAQ,OAAO;AAAA,QAC9C,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF;AAAA,MACE,OAAO,gBAAAC,EAAA,CAAC,EAAE,QAAAC,EAAA,MAAaA,GAAhB;AAAA,MACP,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA,QACV,KAAK;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF;AAAA,MACE,OAAO,gBAAAD,EAAA,CAAC,EAAE,iBAAAG,EAAA,MAAsBA,GAAzB;AAAA,MACP,OAAO;AAAA,QACL,OAAOP;AAAA,QACP,UAAUA;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF;AAAA,MACE,OAAO,gBAAAI,EAAA,CAAC,EAAE,iBAAAI,EAAA,MAAsBA,GAAzB;AAAA,MACP,OAAO;AAAA,QACL,0BAA0B;AAAA,UACxB,gBAAgB;AAAA,YACd,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,UAEV,gBAAgB;AAAA,YACd,SAAS;AAAA,UAAA;AAAA,UAEX,kBAAkB;AAAA,YAChB,SAAS;AAAA,UAAA;AAAA,UAEX,uBAAuB;AAAA,YACrB,aAAa;AAAA,YACb,cAAc;AAAA,UAAA;AAAA,UAEhB,oBAAoB;AAAA,YAClB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,YAAY;AAAA,YACZ,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAc;AAAA,YACd,gBAAgB;AAAA,UAAA;AAAA,UAElB,0CAA0C;AAAA,YACxC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,WAAW;AAAA,YACX,UAAU;AAAA,YACV,aAAa;AAAA,UAAA;AAAA,UAEf,0CAA0C;AAAA,YACxC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,MAAM;AAAA,YACN,UAAU;AAAA,UAAA;AAAA,UAEZ,uDAAuD;AAAA,YACrD,SAAS;AAAA,UAAA;AAAA,UAEX,kDAAkD;AAAA,YAChD,SAAS;AAAA,UAAA;AAAA,UAEX,gCAAgC;AAAA,YAC9B,SAAS;AAAA,YACT,SAAS;AAAA,YACT,UAAU;AAAA,YACV,UAAU;AAAA,YACV,WAAW;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,UAEX,wBAAwB;AAAA,YACtB,SAAS;AAAA,UAAA;AAAA,UAEX,gBAAgB;AAAA,YACd,UAAU;AAAA,YACV,OAAO;AAAA,YACP,gBAAgB;AAAA,YAChB,aAAa;AAAA,YACb,cAAc;AAAA,YACd,iCAAiC;AAAA,cAC/B,YAAY;AAAA,cACZ,aAAa;AAAA,YAAA;AAAA,YAEf,sCAAsC;AAAA,cACpC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,MAAM;AAAA,cACN,UAAU;AAAA,YAAA;AAAA,YAEZ,aAAa;AAAA,cACX,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,YAAY;AAAA,YAAA;AAAA,YAEd,YAAY;AAAA,cACV,SAAS;AAAA,YAAA;AAAA,YAEX,eAAe;AAAA,cACb,SAAS;AAAA,YAAA;AAAA,YAEX,gBAAgB;AAAA,cACd,SAAS;AAAA,YAAA;AAAA,YAEX,YAAY;AAAA,cACV,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ,EAAE,GAEIC,IAAqBP,EAAOQ,CAAe,EAAqB,CAAC,EAAE,OAAAP,SAAa;AAAA,EACpF,wBAAwB;AAAA,IACtB,UAAUH;AAAA,IACV,OAAOA;AAAA,IACP,UAAUA;AAAA,IACV,WAAW;AAAA,IACX,iBAAiBG,EAAM,QAAQ,WAAW;AAAA,IAC1C,WAAW;AAAA,IACX,YAAYA,EAAM,YAAY,OAAO,CAAC,SAAS,WAAW,GAAG;AAAA,MAC3D,QAAQA,EAAM,YAAY,OAAO;AAAA,MACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,EAAA;AAEL,EAAE;AAKF,SAASQ,IAAc;;AACrB,QAAMC,IAASC,EAAA,GACTC,IAASC,EAAA,GACT,EAAE,aAAAC,GAAa,aAAAC,GAAa,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GAGlDf,IAAS,GAACgB,IAAAT,EAAO,WAAP,QAAAS,EAAe,SACzBb,IAAkBH,KAAU,CAACS,EAAO,YACpCP,IAAkBF,KAAUS,EAAO;AAEzC,SAAAQ,EAAU,MACD,MAAM;AACX,IAAAH,EAAA;AAAA,EACF,GACC,CAACA,CAAK,CAAC,GAGR,gBAAAI;AAAA,IAACtB;AAAA,IAAA;AAAA,MACC,QAAQI,IAAS,IAAI;AAAA,MACrB,MAAMS,EAAO;AAAA,MACb,IAAG;AAAA,MACH,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAU,EAACC,GAAA,EAAU,QAAM,IACf,UAAA,gBAAAD;AAAA,UAAClB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,WAAUoB,IAAAd,KAAA,gBAAAA,EAAQ,WAAR,gBAAAc,EAAgB;AAAA,YAC1B,QAAQrB,IAAS,IAAI;AAAA,YACrB,iBAAiBE,IAAkB,IAAI;AAAA,YACvC,iBAAiBC,IAAkB,IAAI;AAAA,YACvC,cAAc,gBAAAJ,EAAA,MAAMI,KAAmBU,EAAA,GAAzB;AAAA,YACd,cAAc,gBAAAd,EAAA,MAAMG,KAAmBS,EAAA,GAAzB;AAAA,YAEd,UAAA,gBAAAQ,EAACG,GAAA,EAAmB,WAAU,sBAAA,CAAsB;AAAA,UAAA;AAAA,QAAA,GAExD;AAAA,QAEA,gBAAAH,EAACC,GAAA,EAAU,MAAI,IACb,UAAA,gBAAAD;AAAA,UAACf;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,cACP,OAAO;AAAA,YAAA;AAAA,YAET,QAAQJ,IAAS,IAAI;AAAA,YACrB,iBAAiBE,IAAkB,IAAI;AAAA,YACvC,iBAAiBC,IAAkB,IAAI;AAAA,YACvC,SAAQoB,IAAAhB,KAAA,gBAAAA,EAAQ,WAAR,gBAAAgB,EAAgB;AAAA,YACxB,SAAQ;AAAA,YACR,MAAMd,EAAO;AAAA,YACb,SAAS,gBAAAV,EAAA,MAAMa,EAAA,GAAN;AAAA,YACT,QAAQ,gBAAAb,EAAA,MAAM;AAAA,YAAC,GAAP;AAAA,YACR,oBAAkB;AAAA,YAClB,YAAY;AAAA,cACV,aAAa;AAAA,YAAA;AAAA,YAGf,UAAA,gBAAAoB,EAACG,GAAA,EAAmB,WAAU,sBAAA,CAAsB;AAAA,UAAA;AAAA,QAAA,EACtD,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AA5DSvB,EAAAO,GAAA;"}

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

@@ -8,7 +8,7 @@ import g from "../NavbarPinToggleButton.js";
 import u from "../NavbarToggleButton.js";
 import h from "../../navigation/Navigation.js";
 import { useGetCurrentLayoutConfig as v } from "../../../../hooks/useOwpSettings.js";
-import { useGetNavbar as x } from "../../../../hooks/useNavbar.js";
+import { useGetNavbar as x } from "../../../../hooks/internal/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";

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 { 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":";;;;;;;;;;;;;;;AAcA,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,EAAA,GACTC,IAASC,EAAA,GAETC,IAAWC,EAAQ,MAAA;;AAAM,aAAAC,IAAAN,KAAA,gBAAAA,EAAQ,WAAR,gBAAAM,EAAgB,YAAUJ,KAAA,gBAAAA,EAAQ;AAAA,KAAY,CAACF,GAAQE,CAAM,CAAC;AAE7F,2BACGV,GAAA,EAAK,WAAWe,EAAK,kDAAkDR,CAAS,GAC/E,UAAA;AAAA,IAAA,gBAAAS;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,MAACd;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAQ,EAAE,iBAAiB,IAAM,kBAAkB,GAAA;AAAA,QAEnD,UAAA,gBAAAc,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,EAAAnB,GAAA;AAgDT,MAAAoB,IAAeC,EAAKrB,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/internal/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

@@ -2,8 +2,8 @@ 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 { useNavbarActions as v } from "../../../hooks/internal/useNavbar.js";
+import { useThemeMediaQuery as g } from "../../../hooks/internal/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";

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 { 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;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../src/layout/components/navigation/Navigation.tsx"],"sourcesContent":["import { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useNavbarActions } from '@/hooks/internal/useNavbar';\nimport { useThemeMediaQuery } from '@/hooks/internal/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;"}

package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js

@@ -1,7 +1,7 @@
 var R = Object.defineProperty;
 var s = (n, t) => R(n, "name", { value: t, configurable: !0 });
 import { jsxs as g, jsx as o } 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 { useNavigationActiveRouteRemount as L } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
+import { useNavigationActiveRouteRemount as L } from "../../../../../hooks/internal/useNavigationActiveRouteRemount.js";
 import O from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
 import { ListItemButton as z } from "@mui/material";
 import B from "@mui/material/Collapse";

package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavVerticalCollapse.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalCollapse.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { ListItemButton } from '@mui/material';\nimport Collapse from '@mui/material/Collapse';\nimport IconButton from '@mui/material/IconButton';\nimport List, { ListProps } from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { type MouseEvent, useEffect, useState } from 'react';\nimport { NavBadge } from '../../NavBadge';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListComponentProps = ListProps & {\n  itempadding: number;\n};\n\nconst Root = styled(List)<ListComponentProps>(({ theme, ...props }) => ({\n  padding: 0,\n  '&.open': {},\n  '& > .owp-list-item': {\n    minHeight: 36,\n    width: '100%',\n    borderRadius: '8px',\n    margin: '0 0 4px 0',\n    paddingRight: 16,\n    paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n    paddingTop: 10,\n    paddingBottom: 10,\n    color: alpha(theme.palette.text.primary, 0.7),\n    '&:hover': {\n      color: theme.palette.text.primary,\n    },\n    '& > .owp-list-item-icon': {\n      marginRight: 16,\n      width: 22,\n      height: 22,\n      minWidth: 22,\n      minHeight: 22,\n      fontSize: 22,\n      lineHeight: '22px',\n      textAlign: 'center',\n      color: 'inherit',\n    },\n  },\n}));\n\n/**\n * NavVerticalCollapse component used for vertical navigation items with collapsible children.\n */\nfunction NavVerticalCollapse(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const isRouteOpened = openedCollapseIds?.has(item.id) ?? false;\n  const [manualOpen, setManualOpen] = useState(isRouteOpened);\n  const open = isRouteOpened || manualOpen;\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  useEffect(() => {\n    if (isRouteOpened) {\n      setManualOpen(true);\n    }\n  }, [isRouteOpened]);\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n      onItemClick?.(item);\n      return;\n    }\n\n    setManualOpen((previousOpen) => !previousOpen);\n    onItemClick?.(item);\n  };\n\n  return (\n    <Root className={clsx(open && 'open')} itempadding={itempadding} sx={item.sx}>\n      <ListItemButton\n        component={component}\n        className=\"owp-list-item\"\n        onClick={handleClick}\n        {...itemProps}\n      >\n        {item.icon && (\n          <SvgIcon className={clsx('owp-list-item-icon shrink-0', item.iconClass)} color=\"action\">\n            {item.icon}\n          </SvgIcon>\n        )}\n\n        <ListItemText\n          className=\"owp-list-item-text\"\n          primary={item.title}\n          secondary={item.subtitle}\n          sx={{\n            my: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 0.25,\n            '& .owp-list-item-text-primary': {\n              fontSize: 15,\n              fontWeight: 600,\n              lineHeight: 1.4,\n            },\n            '& .owp-list-item-text-secondary': {\n              fontSize: 14,\n              fontWeight: 500,\n              lineHeight: 1.4,\n            },\n          }}\n          classes={{\n            primary: 'owp-list-item-text-primary truncate',\n            secondary: 'owp-list-item-text-secondary truncate',\n          }}\n        />\n\n        {item.badge && <NavBadge className=\"mx-4\" badge={item.badge} />}\n\n        <IconButton\n          disableRipple\n          className=\"-mx-12 h-20 w-20 p-0 hover:bg-transparent focus:bg-transparent\"\n          onClick={(ev) => {\n            ev.preventDefault();\n            ev.stopPropagation();\n            setManualOpen((previousOpen) => !previousOpen);\n          }}\n        >\n          <SvgIcon size={13} className=\"arrow-icon\" color=\"inherit\">\n            {open ? 'heroicons-solid:chevron-down' : 'heroicons-solid:chevron-right'}\n          </SvgIcon>\n        </IconButton>\n      </ListItemButton>\n\n      {item.children && (\n        <Collapse in={open} className=\"collapse-children\">\n          {item.children.map((_item) => (\n            <NavItem\n              key={_item.id}\n              type={`vertical-${_item.type}`}\n              item={_item}\n              nestedLevel={nestedLevel + 1}\n              onItemClick={onItemClick}\n              checkPermission={checkPermission}\n              openedCollapseIds={openedCollapseIds}\n            />\n          ))}\n        </Collapse>\n      )}\n    </Root>\n  );\n}\n\nexport { NavVerticalCollapse };\n"],"names":["Root","styled","List","theme","props","alpha","NavVerticalCollapse","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","isRouteOpened","manualOpen","setManualOpen","useState","open","itempadding","useEffect","component","NavLinkAdapter","itemProps","handleClick","__name","event","previousOpen","jsxs","clsx","ListItemButton","jsx","SvgIcon","ListItemText","NavBadge","IconButton","ev","Collapse","_item","NavItem"],"mappings":"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"}
+{"version":3,"file":"NavVerticalCollapse.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalCollapse.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/internal/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { ListItemButton } from '@mui/material';\nimport Collapse from '@mui/material/Collapse';\nimport IconButton from '@mui/material/IconButton';\nimport List, { ListProps } from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { type MouseEvent, useEffect, useState } from 'react';\nimport { NavBadge } from '../../NavBadge';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListComponentProps = ListProps & {\n  itempadding: number;\n};\n\nconst Root = styled(List)<ListComponentProps>(({ theme, ...props }) => ({\n  padding: 0,\n  '&.open': {},\n  '& > .owp-list-item': {\n    minHeight: 36,\n    width: '100%',\n    borderRadius: '8px',\n    margin: '0 0 4px 0',\n    paddingRight: 16,\n    paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n    paddingTop: 10,\n    paddingBottom: 10,\n    color: alpha(theme.palette.text.primary, 0.7),\n    '&:hover': {\n      color: theme.palette.text.primary,\n    },\n    '& > .owp-list-item-icon': {\n      marginRight: 16,\n      width: 22,\n      height: 22,\n      minWidth: 22,\n      minHeight: 22,\n      fontSize: 22,\n      lineHeight: '22px',\n      textAlign: 'center',\n      color: 'inherit',\n    },\n  },\n}));\n\n/**\n * NavVerticalCollapse component used for vertical navigation items with collapsible children.\n */\nfunction NavVerticalCollapse(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const isRouteOpened = openedCollapseIds?.has(item.id) ?? false;\n  const [manualOpen, setManualOpen] = useState(isRouteOpened);\n  const open = isRouteOpened || manualOpen;\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  useEffect(() => {\n    if (isRouteOpened) {\n      setManualOpen(true);\n    }\n  }, [isRouteOpened]);\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n      onItemClick?.(item);\n      return;\n    }\n\n    setManualOpen((previousOpen) => !previousOpen);\n    onItemClick?.(item);\n  };\n\n  return (\n    <Root className={clsx(open && 'open')} itempadding={itempadding} sx={item.sx}>\n      <ListItemButton\n        component={component}\n        className=\"owp-list-item\"\n        onClick={handleClick}\n        {...itemProps}\n      >\n        {item.icon && (\n          <SvgIcon className={clsx('owp-list-item-icon shrink-0', item.iconClass)} color=\"action\">\n            {item.icon}\n          </SvgIcon>\n        )}\n\n        <ListItemText\n          className=\"owp-list-item-text\"\n          primary={item.title}\n          secondary={item.subtitle}\n          sx={{\n            my: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 0.25,\n            '& .owp-list-item-text-primary': {\n              fontSize: 15,\n              fontWeight: 600,\n              lineHeight: 1.4,\n            },\n            '& .owp-list-item-text-secondary': {\n              fontSize: 14,\n              fontWeight: 500,\n              lineHeight: 1.4,\n            },\n          }}\n          classes={{\n            primary: 'owp-list-item-text-primary truncate',\n            secondary: 'owp-list-item-text-secondary truncate',\n          }}\n        />\n\n        {item.badge && <NavBadge className=\"mx-4\" badge={item.badge} />}\n\n        <IconButton\n          disableRipple\n          className=\"-mx-12 h-20 w-20 p-0 hover:bg-transparent focus:bg-transparent\"\n          onClick={(ev) => {\n            ev.preventDefault();\n            ev.stopPropagation();\n            setManualOpen((previousOpen) => !previousOpen);\n          }}\n        >\n          <SvgIcon size={13} className=\"arrow-icon\" color=\"inherit\">\n            {open ? 'heroicons-solid:chevron-down' : 'heroicons-solid:chevron-right'}\n          </SvgIcon>\n        </IconButton>\n      </ListItemButton>\n\n      {item.children && (\n        <Collapse in={open} className=\"collapse-children\">\n          {item.children.map((_item) => (\n            <NavItem\n              key={_item.id}\n              type={`vertical-${_item.type}`}\n              item={_item}\n              nestedLevel={nestedLevel + 1}\n              onItemClick={onItemClick}\n              checkPermission={checkPermission}\n              openedCollapseIds={openedCollapseIds}\n            />\n          ))}\n        </Collapse>\n      )}\n    </Root>\n  );\n}\n\nexport { NavVerticalCollapse };\n"],"names":["Root","styled","List","theme","props","alpha","NavVerticalCollapse","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","isRouteOpened","manualOpen","setManualOpen","useState","open","itempadding","useEffect","component","NavLinkAdapter","itemProps","handleClick","__name","event","previousOpen","jsxs","clsx","ListItemButton","jsx","SvgIcon","ListItemText","NavBadge","IconButton","ev","Collapse","_item","NavItem"],"mappings":"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"}

package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js

@@ -1,7 +1,7 @@
 var x = Object.defineProperty;
 var r = (i, e) => x(i, "name", { value: e, configurable: !0 });
 import { jsxs as h, jsx as a, Fragment as y } 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 { useNavigationActiveRouteRemount as v } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
+import { useNavigationActiveRouteRemount as v } from "../../../../../hooks/internal/useNavigationActiveRouteRemount.js";
 import b from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
 import { ListItemText as R, ListItem as L } from "@mui/material";
 import { styled as N, alpha as S } from "@mui/material/styles";

package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavVerticalGroup.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalGroup.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { ListItem, ListItemButtonProps, ListItemText } from '@mui/material';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport type { MouseEvent } from 'react';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListItemButtonComponentProps = ListItemButtonProps & {\n  itempadding: number;\n};\n\nconst Root = styled(ListItem)<ListItemButtonComponentProps>(({ theme, ...props }) => ({\n  minHeight: 36,\n  width: '100%',\n  borderRadius: '8px',\n  margin: '28px 0 0 0',\n  '&:first-of-type': {\n    marginTop: 0,\n  },\n  paddingRight: 16,\n  paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n  paddingTop: 10,\n  paddingBottom: 10,\n  color: alpha(theme.palette.text.primary, 0.7),\n  fontWeight: 600,\n  letterSpacing: '0.025em',\n}));\n\n/**\n * NavVerticalGroup renders a group of navigation items in a vertical layout.\n */\nfunction NavVerticalGroup(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n    }\n\n    onItemClick?.(item);\n  };\n\n  return (\n    <>\n      <Root\n        component={component}\n        itempadding={itempadding}\n        className={clsx(\n          'owp-list-subheader flex items-center  py-10',\n          !item.url ? 'cursor-default' : '',\n        )}\n        onClick={handleClick}\n        sx={item.sx}\n        {...itemProps}\n      >\n        <ListItemText\n          className=\"owp-list-subheader-text\"\n          sx={(theme) => ({\n            margin: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: theme.spacing(0.25),\n            '& > .MuiListItemText-primary': {\n              fontSize: 12,\n              color: 'secondary.main',\n              fontWeight: 600,\n              textTransform: 'uppercase',\n              letterSpacing: '.05em',\n              lineHeight: '20px',\n              ...theme.applyStyles('dark', {\n                color: 'secondary.light',\n              }),\n            },\n            '& > .MuiListItemText-secondary': {\n              fontSize: 11,\n              color: 'text.disabled',\n              letterSpacing: '.06px',\n              fontWeight: 500,\n              lineHeight: '1.5',\n            },\n          })}\n          primary={item.title}\n          secondary={item.subtitle}\n        />\n      </Root>\n      {item.children?.map((_item) => (\n        <NavItem\n          key={_item.id}\n          type={`vertical-${_item.type}`}\n          item={_item}\n          nestedLevel={nestedLevel}\n          onItemClick={onItemClick}\n          checkPermission={checkPermission}\n          openedCollapseIds={openedCollapseIds}\n        />\n      ))}\n    </>\n  );\n}\n\nexport { NavVerticalGroup };\n"],"names":["Root","styled","ListItem","theme","props","alpha","NavVerticalGroup","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","itempadding","component","NavLinkAdapter","itemProps","handleClick","__name","event","jsxs","Fragment","jsx","clsx","ListItemText","_a","_item","NavItem"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAOC,EAAOC,CAAQ,EAAgC,CAAC,EAAE,OAAAC,GAAO,GAAGC,SAAa;AAAA,EACpF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,WAAW;AAAA,EAAA;AAAA,EAEb,cAAc;AAAA,EACd,aAAaA,EAAM,cAAc,KAAK,KAAKA,EAAM;AAAA,EACjD,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAOC,EAAMF,EAAM,QAAQ,KAAK,SAAS,GAAG;AAAA,EAC5C,YAAY;AAAA,EACZ,eAAe;AACjB,EAAE;AAKF,SAASG,EAAiBF,GAA8B;;AACtD,QAAM,EAAE,MAAAG,GAAM,aAAAC,IAAc,GAAG,aAAAC,GAAa,iBAAAC,GAAiB,mBAAAC,MAAsBP,GAC7E,EAAE,cAAAQ,GAAc,2BAAAC,EAAA,IAA8BC;AAAA,IAClDP,EAAK,OAAO;AAAA,EAAA,GAGRQ,IAAcP,IAAc,IAAI,KAAKA,IAAc,KAAK,IAExDQ,IAAYT,EAAK,MAAMU,IAAiB;AAE9C,MAAIC,IAAY,CAAA;AAWhB,MATI,OAAOF,KAAc,aACvBE,IAAY;AAAA,IACV,UAAUX,EAAK;AAAA,IACf,IAAIA,EAAK;AAAA,IACT,KAAKA,EAAK;AAAA,IACV,MAAM;AAAA,EAAA,IAING,KAAmB,EAACH,KAAA,QAAAA,EAAM;AAC5B,WAAO;AAGT,QAAMY,IAAc,gBAAAC,EAAA,CAACC,MAAmC;AACtD,IAAIR,MACFQ,EAAM,eAAA,GACNT,EAAA,IAGFH,KAAA,QAAAA,EAAcF;AAAA,EAChB,GAPoB;AASpB,SACE,gBAAAe,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACxB;AAAA,MAAA;AAAA,QACC,WAAAgB;AAAA,QACA,aAAAD;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACClB,EAAK,MAAyB,KAAnB;AAAA,QAAmB;AAAA,QAEjC,SAASY;AAAA,QACT,IAAIZ,EAAK;AAAA,QACR,GAAGW;AAAA,QAEJ,UAAA,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,gBAAAN,EAAA,CAACjB,OAAW;AAAA,cACd,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAKA,EAAM,QAAQ,IAAI;AAAA,cACvB,gCAAgC;AAAA,gBAC9B,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,GAAGA,EAAM,YAAY,QAAQ;AAAA,kBAC3B,OAAO;AAAA,gBAAA,CACR;AAAA,cAAA;AAAA,cAEH,kCAAkC;AAAA,gBAChC,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,YAAY;AAAA,cAAA;AAAA,YACd,IAtBE;AAAA,YAwBJ,SAASI,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,KAEDoB,IAAApB,EAAK,aAAL,gBAAAoB,EAAe,IAAI,CAACC,MACnB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,MAAM,YAAYD,EAAM,IAAI;AAAA,QAC5B,MAAMA;AAAA,QACN,aAAApB;AAAA,QACA,aAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,mBAAAC;AAAA,MAAA;AAAA,MANKiB,EAAM;AAAA,IAAA;AAAA,EAQd,GACH;AAEJ;AA1FSR,EAAAd,GAAA;"}
+{"version":3,"file":"NavVerticalGroup.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalGroup.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/internal/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { ListItem, ListItemButtonProps, ListItemText } from '@mui/material';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport type { MouseEvent } from 'react';\nimport { NavItem, NavItemComponentProps } from '../../NavItem';\n\ntype ListItemButtonComponentProps = ListItemButtonProps & {\n  itempadding: number;\n};\n\nconst Root = styled(ListItem)<ListItemButtonComponentProps>(({ theme, ...props }) => ({\n  minHeight: 36,\n  width: '100%',\n  borderRadius: '8px',\n  margin: '28px 0 0 0',\n  '&:first-of-type': {\n    marginTop: 0,\n  },\n  paddingRight: 16,\n  paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n  paddingTop: 10,\n  paddingBottom: 10,\n  color: alpha(theme.palette.text.primary, 0.7),\n  fontWeight: 600,\n  letterSpacing: '0.025em',\n}));\n\n/**\n * NavVerticalGroup renders a group of navigation items in a vertical layout.\n */\nfunction NavVerticalGroup(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission, openedCollapseIds } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url,\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n    }\n\n    onItemClick?.(item);\n  };\n\n  return (\n    <>\n      <Root\n        component={component}\n        itempadding={itempadding}\n        className={clsx(\n          'owp-list-subheader flex items-center  py-10',\n          !item.url ? 'cursor-default' : '',\n        )}\n        onClick={handleClick}\n        sx={item.sx}\n        {...itemProps}\n      >\n        <ListItemText\n          className=\"owp-list-subheader-text\"\n          sx={(theme) => ({\n            margin: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: theme.spacing(0.25),\n            '& > .MuiListItemText-primary': {\n              fontSize: 12,\n              color: 'secondary.main',\n              fontWeight: 600,\n              textTransform: 'uppercase',\n              letterSpacing: '.05em',\n              lineHeight: '20px',\n              ...theme.applyStyles('dark', {\n                color: 'secondary.light',\n              }),\n            },\n            '& > .MuiListItemText-secondary': {\n              fontSize: 11,\n              color: 'text.disabled',\n              letterSpacing: '.06px',\n              fontWeight: 500,\n              lineHeight: '1.5',\n            },\n          })}\n          primary={item.title}\n          secondary={item.subtitle}\n        />\n      </Root>\n      {item.children?.map((_item) => (\n        <NavItem\n          key={_item.id}\n          type={`vertical-${_item.type}`}\n          item={_item}\n          nestedLevel={nestedLevel}\n          onItemClick={onItemClick}\n          checkPermission={checkPermission}\n          openedCollapseIds={openedCollapseIds}\n        />\n      ))}\n    </>\n  );\n}\n\nexport { NavVerticalGroup };\n"],"names":["Root","styled","ListItem","theme","props","alpha","NavVerticalGroup","item","nestedLevel","onItemClick","checkPermission","openedCollapseIds","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","itempadding","component","NavLinkAdapter","itemProps","handleClick","__name","event","jsxs","Fragment","jsx","clsx","ListItemText","_a","_item","NavItem"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAOC,EAAOC,CAAQ,EAAgC,CAAC,EAAE,OAAAC,GAAO,GAAGC,SAAa;AAAA,EACpF,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,WAAW;AAAA,EAAA;AAAA,EAEb,cAAc;AAAA,EACd,aAAaA,EAAM,cAAc,KAAK,KAAKA,EAAM;AAAA,EACjD,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,OAAOC,EAAMF,EAAM,QAAQ,KAAK,SAAS,GAAG;AAAA,EAC5C,YAAY;AAAA,EACZ,eAAe;AACjB,EAAE;AAKF,SAASG,EAAiBF,GAA8B;;AACtD,QAAM,EAAE,MAAAG,GAAM,aAAAC,IAAc,GAAG,aAAAC,GAAa,iBAAAC,GAAiB,mBAAAC,MAAsBP,GAC7E,EAAE,cAAAQ,GAAc,2BAAAC,EAAA,IAA8BC;AAAA,IAClDP,EAAK,OAAO;AAAA,EAAA,GAGRQ,IAAcP,IAAc,IAAI,KAAKA,IAAc,KAAK,IAExDQ,IAAYT,EAAK,MAAMU,IAAiB;AAE9C,MAAIC,IAAY,CAAA;AAWhB,MATI,OAAOF,KAAc,aACvBE,IAAY;AAAA,IACV,UAAUX,EAAK;AAAA,IACf,IAAIA,EAAK;AAAA,IACT,KAAKA,EAAK;AAAA,IACV,MAAM;AAAA,EAAA,IAING,KAAmB,EAACH,KAAA,QAAAA,EAAM;AAC5B,WAAO;AAGT,QAAMY,IAAc,gBAAAC,EAAA,CAACC,MAAmC;AACtD,IAAIR,MACFQ,EAAM,eAAA,GACNT,EAAA,IAGFH,KAAA,QAAAA,EAAcF;AAAA,EAChB,GAPoB;AASpB,SACE,gBAAAe,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACxB;AAAA,MAAA;AAAA,QACC,WAAAgB;AAAA,QACA,aAAAD;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACClB,EAAK,MAAyB,KAAnB;AAAA,QAAmB;AAAA,QAEjC,SAASY;AAAA,QACT,IAAIZ,EAAK;AAAA,QACR,GAAGW;AAAA,QAEJ,UAAA,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,gBAAAN,EAAA,CAACjB,OAAW;AAAA,cACd,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,KAAKA,EAAM,QAAQ,IAAI;AAAA,cACvB,gCAAgC;AAAA,gBAC9B,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,GAAGA,EAAM,YAAY,QAAQ;AAAA,kBAC3B,OAAO;AAAA,gBAAA,CACR;AAAA,cAAA;AAAA,cAEH,kCAAkC;AAAA,gBAChC,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,eAAe;AAAA,gBACf,YAAY;AAAA,gBACZ,YAAY;AAAA,cAAA;AAAA,YACd,IAtBE;AAAA,YAwBJ,SAASI,EAAK;AAAA,YACd,WAAWA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,KAEDoB,IAAApB,EAAK,aAAL,gBAAAoB,EAAe,IAAI,CAACC,MACnB,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEC,MAAM,YAAYD,EAAM,IAAI;AAAA,QAC5B,MAAMA;AAAA,QACN,aAAApB;AAAA,QACA,aAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,mBAAAC;AAAA,MAAA;AAAA,MANKiB,EAAM;AAAA,IAAA;AAAA,EAQd,GACH;AAEJ;AA1FSR,EAAAd,GAAA;"}

package/dist/layout/components/navigation/vertical/types/NavVerticalItem.js

@@ -1,7 +1,7 @@
 var f = Object.defineProperty;
 var o = (i, t) => f(i, "name", { value: t, configurable: !0 });
 import { jsxs as h, jsx as r } 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 { useNavigationActiveRouteRemount as y } from "../../../../../hooks/useNavigationActiveRouteRemount.js";
+import { useNavigationActiveRouteRemount as y } from "../../../../../hooks/internal/useNavigationActiveRouteRemount.js";
 import w from "../../../../../components/OwpNavLinkAdapter/OwpNavLinkAdapter.js";
 import { ListItemButton as v } from "@mui/material";
 import b from "@mui/material/ListItemText";

package/dist/layout/components/navigation/vertical/types/NavVerticalItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavVerticalItem.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalItem.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { ListItemButton, ListItemButtonProps } from '@mui/material';\nimport ListItemText from '@mui/material/ListItemText';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport type { MouseEvent } from 'react';\nimport { NavBadge } from '../../NavBadge';\nimport { NavItemComponentProps } from '../../NavItem';\n\ntype ListItemButtonStyleProps = ListItemButtonProps & {\n  itempadding: number;\n};\n\nconst Root = styled(ListItemButton)<ListItemButtonStyleProps>(({ theme, ...props }) => ({\n  minHeight: 36,\n  width: '100%',\n  borderRadius: '8px',\n  margin: '0 0 4px 0',\n  paddingRight: 16,\n  paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n  paddingTop: 10,\n  paddingBottom: 10,\n  color: alpha(theme.palette.text.primary, 0.7),\n  cursor: 'pointer',\n  textDecoration: 'none!important',\n  '&:hover': {\n    color: theme.palette.text.primary,\n  },\n  '&.active': {\n    color: theme.palette.secondary.main,\n    backgroundColor: alpha(theme.palette.secondary.main, 0.2),\n    transition: 'border-radius .15s cubic-bezier(0.4,0.0,0.2,1)',\n    '& > .owp-list-item-text-primary': {\n      color: 'inherit',\n    },\n    '& > .owp-list-item-icon': {\n      color: 'inherit',\n    },\n  },\n  '& > .owp-list-item-icon': {\n    marginRight: 16,\n    width: 22,\n    height: 22,\n    minWidth: 22,\n    minHeight: 22,\n    fontSize: 22,\n    lineHeight: '22px',\n    textAlign: 'center',\n    color: 'inherit',\n  },\n  '& > .owp-list-item-text': {},\n}));\n\n/**\n * NavVerticalItem renders a single vertical navigation item.\n */\nfunction NavVerticalItem(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url || '',\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n    }\n\n    onItemClick?.(item);\n  };\n\n  return (\n    <Root\n      component={component}\n      className={clsx('owp-list-item', item.active && 'active')}\n      onClick={handleClick}\n      itempadding={itempadding}\n      sx={item.sx}\n      {...itemProps}\n    >\n      {item.icon && (\n        <SvgIcon className={clsx('owp-list-item-icon shrink-0', item.iconClass)} color=\"action\">\n          {item.icon}\n        </SvgIcon>\n      )}\n\n      <ListItemText\n        className=\"owp-list-item-text\"\n        primary={item.title}\n        secondary={item.subtitle}\n        sx={{\n          my: 0,\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 0.25,\n          '& .owp-list-item-text-primary': {\n            fontWeight: 600,\n          },\n          '& .owp-list-item-text-secondary': {\n            fontWeight: 500,\n          },\n        }}\n        classes={{\n          primary: 'text-lg font-medium owp-list-item-text-primary truncate',\n          secondary: 'text-md font-medium owp-list-item-text-secondary leading-normal truncate',\n        }}\n      />\n      {item.badge && <NavBadge badge={item.badge} />}\n    </Root>\n  );\n}\n\nexport { NavVerticalItem };\n"],"names":["Root","styled","ListItemButton","theme","props","alpha","NavVerticalItem","item","nestedLevel","onItemClick","checkPermission","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","itempadding","component","NavLinkAdapter","itemProps","handleClick","__name","event","jsxs","clsx","jsx","SvgIcon","ListItemText","NavBadge"],"mappings":"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"}
+{"version":3,"file":"NavVerticalItem.js","sources":["../../../../../../src/layout/components/navigation/vertical/types/NavVerticalItem.tsx"],"sourcesContent":["import { useNavigationActiveRouteRemount } from '@/hooks/internal/useNavigationActiveRouteRemount';\nimport NavLinkAdapter from '@/components/OwpNavLinkAdapter';\nimport { OwpSvgIcon as SvgIcon } from '@/components/OwpSvgIcon';\nimport { ListItemButton, ListItemButtonProps } from '@mui/material';\nimport ListItemText from '@mui/material/ListItemText';\nimport { alpha, styled } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport type { MouseEvent } from 'react';\nimport { NavBadge } from '../../NavBadge';\nimport { NavItemComponentProps } from '../../NavItem';\n\ntype ListItemButtonStyleProps = ListItemButtonProps & {\n  itempadding: number;\n};\n\nconst Root = styled(ListItemButton)<ListItemButtonStyleProps>(({ theme, ...props }) => ({\n  minHeight: 36,\n  width: '100%',\n  borderRadius: '8px',\n  margin: '0 0 4px 0',\n  paddingRight: 16,\n  paddingLeft: props.itempadding > 80 ? 80 : props.itempadding,\n  paddingTop: 10,\n  paddingBottom: 10,\n  color: alpha(theme.palette.text.primary, 0.7),\n  cursor: 'pointer',\n  textDecoration: 'none!important',\n  '&:hover': {\n    color: theme.palette.text.primary,\n  },\n  '&.active': {\n    color: theme.palette.secondary.main,\n    backgroundColor: alpha(theme.palette.secondary.main, 0.2),\n    transition: 'border-radius .15s cubic-bezier(0.4,0.0,0.2,1)',\n    '& > .owp-list-item-text-primary': {\n      color: 'inherit',\n    },\n    '& > .owp-list-item-icon': {\n      color: 'inherit',\n    },\n  },\n  '& > .owp-list-item-icon': {\n    marginRight: 16,\n    width: 22,\n    height: 22,\n    minWidth: 22,\n    minHeight: 22,\n    fontSize: 22,\n    lineHeight: '22px',\n    textAlign: 'center',\n    color: 'inherit',\n  },\n  '& > .owp-list-item-text': {},\n}));\n\n/**\n * NavVerticalItem renders a single vertical navigation item.\n */\nfunction NavVerticalItem(props: NavItemComponentProps) {\n  const { item, nestedLevel = 0, onItemClick, checkPermission } = props;\n  const { remountRoute, shouldRemountRouteOnClick } = useNavigationActiveRouteRemount(\n    item.url || undefined,\n  );\n\n  const itempadding = nestedLevel > 0 ? 38 + nestedLevel * 16 : 16;\n\n  const component = item.url ? NavLinkAdapter : 'li';\n\n  let itemProps = {};\n\n  if (typeof component !== 'string') {\n    itemProps = {\n      disabled: item.disabled,\n      to: item.url || '',\n      end: item.end,\n      role: 'button',\n    };\n  }\n\n  if (checkPermission && !item?.hasPermission) {\n    return null;\n  }\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (shouldRemountRouteOnClick) {\n      event.preventDefault();\n      remountRoute();\n    }\n\n    onItemClick?.(item);\n  };\n\n  return (\n    <Root\n      component={component}\n      className={clsx('owp-list-item', item.active && 'active')}\n      onClick={handleClick}\n      itempadding={itempadding}\n      sx={item.sx}\n      {...itemProps}\n    >\n      {item.icon && (\n        <SvgIcon className={clsx('owp-list-item-icon shrink-0', item.iconClass)} color=\"action\">\n          {item.icon}\n        </SvgIcon>\n      )}\n\n      <ListItemText\n        className=\"owp-list-item-text\"\n        primary={item.title}\n        secondary={item.subtitle}\n        sx={{\n          my: 0,\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 0.25,\n          '& .owp-list-item-text-primary': {\n            fontWeight: 600,\n          },\n          '& .owp-list-item-text-secondary': {\n            fontWeight: 500,\n          },\n        }}\n        classes={{\n          primary: 'text-lg font-medium owp-list-item-text-primary truncate',\n          secondary: 'text-md font-medium owp-list-item-text-secondary leading-normal truncate',\n        }}\n      />\n      {item.badge && <NavBadge badge={item.badge} />}\n    </Root>\n  );\n}\n\nexport { NavVerticalItem };\n"],"names":["Root","styled","ListItemButton","theme","props","alpha","NavVerticalItem","item","nestedLevel","onItemClick","checkPermission","remountRoute","shouldRemountRouteOnClick","useNavigationActiveRouteRemount","itempadding","component","NavLinkAdapter","itemProps","handleClick","__name","event","jsxs","clsx","jsx","SvgIcon","ListItemText","NavBadge"],"mappings":"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"}

package/dist/layout/components/toggles/LanguageSwitcherToggle.js

@@ -1,7 +1,7 @@
 var T = Object.defineProperty;
 var r = (o, t) => T(o, "name", { value: t, configurable: !0 });
 import { jsxs as g, jsx as n, Fragment as I } 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 { useGetCurrentLanguage as b, useSetCurrentLanguage as v, useGetLanguageList as N } from "../../../hooks/useCurrentLanguage.js";
+import { useGetCurrentLanguage as b, useSetCurrentLanguage as v, useGetLanguageList as N } from "../../../hooks/internal/useCurrentLanguage.js";
 import { useOwpTranslation as w } from "../../../hooks/useOwpTranslation.js";
 import M from "@mui/material/IconButton";
 import j from "@mui/material/ListItemIcon";

package/dist/layout/components/toggles/LanguageSwitcherToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcherToggle.js","sources":["../../../../src/layout/components/toggles/LanguageSwitcherToggle.tsx"],"sourcesContent":["import {\n  type CurrentLanguage,\n  useGetCurrentLanguage,\n  useGetLanguageList,\n  useSetCurrentLanguage,\n} from '@/hooks/useCurrentLanguage';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport Popover from '@mui/material/Popover';\nimport Tooltip from '@mui/material/Tooltip';\nimport clsx from 'clsx';\nimport { type MouseEvent, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype LanguageSwitcherToggleProps = {\n  canRefresh?: boolean;\n  className?: string;\n};\n\ntype LanguageMarkProps = {\n  language: CurrentLanguage;\n};\n\n/**\n * Language mark with image fallback.\n */\nfunction LanguageMark(props: LanguageMarkProps) {\n  const { language } = props;\n  const [hasImageError, setHasImageError] = useState(language.id === 'lc' || !language.flag);\n\n  if (hasImageError) {\n    return (\n      <span className=\"flex h-20 w-20 items-center justify-center text-[11px] font-semibold uppercase leading-none\">\n        {language.id}\n      </span>\n    );\n  }\n\n  return (\n    <img\n      className=\"h-20 w-20 object-contain\"\n      src={`assets/images/flags/${language.flag}.svg`}\n      alt={language.id}\n      onError={() => setHasImageError(true)}\n    />\n  );\n}\n\n/**\n * Language switcher toggle.\n */\nfunction LanguageSwitcherToggle(props: LanguageSwitcherToggleProps) {\n  const { canRefresh, className } = props;\n  const [menu, setMenu] = useState<null | HTMLElement>(null);\n  const currentLanguage = useGetCurrentLanguage();\n  const setLanguage = useSetCurrentLanguage();\n  const languageList = useGetLanguageList();\n  const navigate = useNavigate();\n\n  const { i18n, t } = useOwpTranslation();\n\n  const langMenuClick = (event: MouseEvent<HTMLElement>) => {\n    setMenu(event.currentTarget);\n  };\n\n  const langMenuClose = () => {\n    setMenu(null);\n  };\n\n  function handleLanguageChange(language: CurrentLanguage) {\n    if (currentLanguage.id !== language.id) {\n      setLanguage(language);\n      i18n.changeLanguage(language.id);\n\n      if (canRefresh) {\n        navigate(0);\n      }\n    }\n    langMenuClose();\n  }\n\n  return (\n    <>\n      <Tooltip title={t('Title.언어 변경')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            ...toolbarToggleSx(theme),\n            color: theme.palette.text.primary,\n          })}\n          onClick={langMenuClick}\n          className={clsx(className)}\n          aria-label={t('Title.언어 변경')}\n        >\n          <LanguageMark key={currentLanguage.id} language={currentLanguage} />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        open={Boolean(menu)}\n        anchorEl={menu}\n        onClose={langMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n        classes={{\n          paper: 'py-8',\n        }}\n      >\n        {languageList.map((lng) => (\n          <MenuItem key={lng.id} onClick={() => handleLanguageChange(lng)}>\n            <ListItemIcon className=\"min-w-36\">\n              <LanguageMark language={lng} />\n            </ListItemIcon>\n            <ListItemText primary={lng.title} />\n          </MenuItem>\n        ))}\n      </Popover>\n    </>\n  );\n}\n\nexport default LanguageSwitcherToggle;\n"],"names":["LanguageMark","props","language","hasImageError","setHasImageError","useState","jsx","__name","LanguageSwitcherToggle","canRefresh","className","menu","setMenu","currentLanguage","useGetCurrentLanguage","setLanguage","useSetCurrentLanguage","languageList","useGetLanguageList","navigate","useNavigate","i18n","t","useOwpTranslation","langMenuClick","event","langMenuClose","handleLanguageChange","jsxs","Fragment","Tooltip","IconButton","theme","toolbarToggleSx","clsx","Popover","lng","MenuItem","ListItemIcon","ListItemText"],"mappings":";;;;;;;;;;;;;;;AA8BA,SAASA,EAAaC,GAA0B;AAC9C,QAAM,EAAE,UAAAC,MAAaD,GACf,CAACE,GAAeC,CAAgB,IAAIC,EAASH,EAAS,OAAO,QAAQ,CAACA,EAAS,IAAI;AAEzF,SAAIC,IAEA,gBAAAG,EAAC,QAAA,EAAK,WAAU,+FACb,YAAS,IACZ,IAKF,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK,uBAAuBJ,EAAS,IAAI;AAAA,MACzC,KAAKA,EAAS;AAAA,MACd,SAAS,gBAAAK,EAAA,MAAMH,EAAiB,EAAI,GAA3B;AAAA,IAA2B;AAAA,EAAA;AAG1C;AApBSG,EAAAP,GAAA;AAyBT,SAASQ,EAAuBP,GAAoC;AAClE,QAAM,EAAE,YAAAQ,GAAY,WAAAC,EAAA,IAAcT,GAC5B,CAACU,GAAMC,CAAO,IAAIP,EAA6B,IAAI,GACnDQ,IAAkBC,EAAA,GAClBC,IAAcC,EAAA,GACdC,IAAeC,EAAA,GACfC,IAAWC,EAAA,GAEX,EAAE,MAAAC,GAAM,GAAAC,EAAA,IAAMC,EAAA,GAEdC,IAAgB,gBAAAjB,EAAA,CAACkB,MAAmC;AACxD,IAAAb,EAAQa,EAAM,aAAa;AAAA,EAC7B,GAFsB,kBAIhBC,IAAgB,gBAAAnB,EAAA,MAAM;AAC1B,IAAAK,EAAQ,IAAI;AAAA,EACd,GAFsB;AAItB,WAASe,EAAqBzB,GAA2B;AACvD,IAAIW,EAAgB,OAAOX,EAAS,OAClCa,EAAYb,CAAQ,GACpBmB,EAAK,eAAenB,EAAS,EAAE,GAE3BO,KACFU,EAAS,CAAC,IAGdO,EAAA;AAAA,EACF;AAVS,SAAAnB,EAAAoB,GAAA,yBAaP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAvB,EAACwB,KAAQ,OAAOR,EAAE,aAAa,GAAG,WAAU,UAC1C,UAAA,gBAAAhB;AAAA,MAACyB;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAxB,EAAA,CAACyB,OAAW;AAAA,UACd,GAAGC,EAAgBD,CAAK;AAAA,UACxB,OAAOA,EAAM,QAAQ,KAAK;AAAA,QAAA,IAFxB;AAAA,QAIJ,SAASR;AAAA,QACT,WAAWU,EAAKxB,CAAS;AAAA,QACzB,cAAYY,EAAE,aAAa;AAAA,QAE3B,UAAA,gBAAAhB,EAACN,GAAA,EAAsC,UAAUa,EAAA,GAA9BA,EAAgB,EAA+B;AAAA,MAAA;AAAA,IAAA,GAEtE;AAAA,IACA,gBAAAP;AAAA,MAAC6B;AAAA,MAAA;AAAA,QACC,MAAM,EAAQxB;AAAA,QACd,UAAUA;AAAA,QACV,SAASe;AAAA,QACT,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,iBAAiB;AAAA,UACf,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAGR,UAAAT,EAAa,IAAI,CAACmB,MACjB,gBAAAR,EAACS,KAAsB,SAAS,gBAAA9B,EAAA,MAAMoB,EAAqBS,CAAG,GAA9B,YAC9B,UAAA;AAAA,UAAA,gBAAA9B,EAACgC,KAAa,WAAU,YACtB,4BAACtC,GAAA,EAAa,UAAUoC,GAAK,EAAA,CAC/B;AAAA,UACA,gBAAA9B,EAACiC,GAAA,EAAa,SAASH,EAAI,MAAA,CAAO;AAAA,QAAA,EAAA,GAJrBA,EAAI,EAKnB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAxES7B,EAAAC,GAAA;"}
+{"version":3,"file":"LanguageSwitcherToggle.js","sources":["../../../../src/layout/components/toggles/LanguageSwitcherToggle.tsx"],"sourcesContent":["import {\n  type CurrentLanguage,\n  useGetCurrentLanguage,\n  useGetLanguageList,\n  useSetCurrentLanguage,\n} from '@/hooks/internal/useCurrentLanguage';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport Popover from '@mui/material/Popover';\nimport Tooltip from '@mui/material/Tooltip';\nimport clsx from 'clsx';\nimport { type MouseEvent, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype LanguageSwitcherToggleProps = {\n  canRefresh?: boolean;\n  className?: string;\n};\n\ntype LanguageMarkProps = {\n  language: CurrentLanguage;\n};\n\n/**\n * Language mark with image fallback.\n */\nfunction LanguageMark(props: LanguageMarkProps) {\n  const { language } = props;\n  const [hasImageError, setHasImageError] = useState(language.id === 'lc' || !language.flag);\n\n  if (hasImageError) {\n    return (\n      <span className=\"flex h-20 w-20 items-center justify-center text-[11px] font-semibold uppercase leading-none\">\n        {language.id}\n      </span>\n    );\n  }\n\n  return (\n    <img\n      className=\"h-20 w-20 object-contain\"\n      src={`assets/images/flags/${language.flag}.svg`}\n      alt={language.id}\n      onError={() => setHasImageError(true)}\n    />\n  );\n}\n\n/**\n * Language switcher toggle.\n */\nfunction LanguageSwitcherToggle(props: LanguageSwitcherToggleProps) {\n  const { canRefresh, className } = props;\n  const [menu, setMenu] = useState<null | HTMLElement>(null);\n  const currentLanguage = useGetCurrentLanguage();\n  const setLanguage = useSetCurrentLanguage();\n  const languageList = useGetLanguageList();\n  const navigate = useNavigate();\n\n  const { i18n, t } = useOwpTranslation();\n\n  const langMenuClick = (event: MouseEvent<HTMLElement>) => {\n    setMenu(event.currentTarget);\n  };\n\n  const langMenuClose = () => {\n    setMenu(null);\n  };\n\n  function handleLanguageChange(language: CurrentLanguage) {\n    if (currentLanguage.id !== language.id) {\n      setLanguage(language);\n      i18n.changeLanguage(language.id);\n\n      if (canRefresh) {\n        navigate(0);\n      }\n    }\n    langMenuClose();\n  }\n\n  return (\n    <>\n      <Tooltip title={t('Title.언어 변경')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            ...toolbarToggleSx(theme),\n            color: theme.palette.text.primary,\n          })}\n          onClick={langMenuClick}\n          className={clsx(className)}\n          aria-label={t('Title.언어 변경')}\n        >\n          <LanguageMark key={currentLanguage.id} language={currentLanguage} />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        open={Boolean(menu)}\n        anchorEl={menu}\n        onClose={langMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n        classes={{\n          paper: 'py-8',\n        }}\n      >\n        {languageList.map((lng) => (\n          <MenuItem key={lng.id} onClick={() => handleLanguageChange(lng)}>\n            <ListItemIcon className=\"min-w-36\">\n              <LanguageMark language={lng} />\n            </ListItemIcon>\n            <ListItemText primary={lng.title} />\n          </MenuItem>\n        ))}\n      </Popover>\n    </>\n  );\n}\n\nexport default LanguageSwitcherToggle;\n"],"names":["LanguageMark","props","language","hasImageError","setHasImageError","useState","jsx","__name","LanguageSwitcherToggle","canRefresh","className","menu","setMenu","currentLanguage","useGetCurrentLanguage","setLanguage","useSetCurrentLanguage","languageList","useGetLanguageList","navigate","useNavigate","i18n","t","useOwpTranslation","langMenuClick","event","langMenuClose","handleLanguageChange","jsxs","Fragment","Tooltip","IconButton","theme","toolbarToggleSx","clsx","Popover","lng","MenuItem","ListItemIcon","ListItemText"],"mappings":";;;;;;;;;;;;;;;AA8BA,SAASA,EAAaC,GAA0B;AAC9C,QAAM,EAAE,UAAAC,MAAaD,GACf,CAACE,GAAeC,CAAgB,IAAIC,EAASH,EAAS,OAAO,QAAQ,CAACA,EAAS,IAAI;AAEzF,SAAIC,IAEA,gBAAAG,EAAC,QAAA,EAAK,WAAU,+FACb,YAAS,IACZ,IAKF,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK,uBAAuBJ,EAAS,IAAI;AAAA,MACzC,KAAKA,EAAS;AAAA,MACd,SAAS,gBAAAK,EAAA,MAAMH,EAAiB,EAAI,GAA3B;AAAA,IAA2B;AAAA,EAAA;AAG1C;AApBSG,EAAAP,GAAA;AAyBT,SAASQ,EAAuBP,GAAoC;AAClE,QAAM,EAAE,YAAAQ,GAAY,WAAAC,EAAA,IAAcT,GAC5B,CAACU,GAAMC,CAAO,IAAIP,EAA6B,IAAI,GACnDQ,IAAkBC,EAAA,GAClBC,IAAcC,EAAA,GACdC,IAAeC,EAAA,GACfC,IAAWC,EAAA,GAEX,EAAE,MAAAC,GAAM,GAAAC,EAAA,IAAMC,EAAA,GAEdC,IAAgB,gBAAAjB,EAAA,CAACkB,MAAmC;AACxD,IAAAb,EAAQa,EAAM,aAAa;AAAA,EAC7B,GAFsB,kBAIhBC,IAAgB,gBAAAnB,EAAA,MAAM;AAC1B,IAAAK,EAAQ,IAAI;AAAA,EACd,GAFsB;AAItB,WAASe,EAAqBzB,GAA2B;AACvD,IAAIW,EAAgB,OAAOX,EAAS,OAClCa,EAAYb,CAAQ,GACpBmB,EAAK,eAAenB,EAAS,EAAE,GAE3BO,KACFU,EAAS,CAAC,IAGdO,EAAA;AAAA,EACF;AAVS,SAAAnB,EAAAoB,GAAA,yBAaP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAvB,EAACwB,KAAQ,OAAOR,EAAE,aAAa,GAAG,WAAU,UAC1C,UAAA,gBAAAhB;AAAA,MAACyB;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAxB,EAAA,CAACyB,OAAW;AAAA,UACd,GAAGC,EAAgBD,CAAK;AAAA,UACxB,OAAOA,EAAM,QAAQ,KAAK;AAAA,QAAA,IAFxB;AAAA,QAIJ,SAASR;AAAA,QACT,WAAWU,EAAKxB,CAAS;AAAA,QACzB,cAAYY,EAAE,aAAa;AAAA,QAE3B,UAAA,gBAAAhB,EAACN,GAAA,EAAsC,UAAUa,EAAA,GAA9BA,EAAgB,EAA+B;AAAA,MAAA;AAAA,IAAA,GAEtE;AAAA,IACA,gBAAAP;AAAA,MAAC6B;AAAA,MAAA;AAAA,QACC,MAAM,EAAQxB;AAAA,QACd,UAAUA;AAAA,QACV,SAASe;AAAA,QACT,cAAc;AAAA,UACZ,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,iBAAiB;AAAA,UACf,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,QAEd,SAAS;AAAA,UACP,OAAO;AAAA,QAAA;AAAA,QAGR,UAAAT,EAAa,IAAI,CAACmB,MACjB,gBAAAR,EAACS,KAAsB,SAAS,gBAAA9B,EAAA,MAAMoB,EAAqBS,CAAG,GAA9B,YAC9B,UAAA;AAAA,UAAA,gBAAA9B,EAACgC,KAAa,WAAU,YACtB,4BAACtC,GAAA,EAAa,UAAUoC,GAAK,EAAA,CAC/B;AAAA,UACA,gBAAA9B,EAACiC,GAAA,EAAa,SAASH,EAAI,MAAA,CAAO;AAAA,QAAA,EAAA,GAJrBA,EAAI,EAKnB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAxES7B,EAAAC,GAAA;"}

package/dist/layout/components/toggles/NavigationShortcutsToggle.js

@@ -3,7 +3,7 @@ var r = (s, e) => P(s, "name", { value: e, configurable: !0 });
 import { jsxs as p, 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 { useGetNavigationList as D } from "../../../hooks/useNavigation.js";
 import { useOwpTranslation as G } from "../../../hooks/useOwpTranslation.js";
-import { useSetShortcuts as A, useGetShortcuts as F } from "../../../hooks/useShortcuts.js";
+import { useSetShortcuts as A, useGetShortcuts as F } from "../../../hooks/internal/useShortcuts.js";
 import { OwpNavigationHelper as H } from "../../../utils/navigationUtils.js";
 import U 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/Clear.js";
 import M from "@mui/material/Box";

package/dist/layout/components/toggles/NavigationShortcutsToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationShortcutsToggle.js","sources":["../../../../src/layout/components/toggles/NavigationShortcutsToggle.tsx"],"sourcesContent":["import { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetShortcuts, useSetShortcuts } from '@/hooks/useShortcuts';\nimport type { OwpFlatNavItemType as FlatNavItemType } from '@/types/OwpNavigationTypes';\nimport { OwpNavigationHelper as NavigationHelper } from '@/utils/navigationUtils';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport Box from '@mui/material/Box';\nimport { amber, grey } from '@mui/material/colors';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport Input from '@mui/material/Input';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport clsx from 'clsx';\nimport { find, xor } from 'es-toolkit/compat';\nimport { type ChangeEvent, type MouseEvent, useMemo, useRef, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype NavigationShortcutsToggleProps = {\n  className?: string;\n  variant?: 'horizontal' | 'vertical';\n};\n\n/**\n * Navigation shortcuts toggle.\n */\nfunction NavigationShortcutsToggle(props: NavigationShortcutsToggleProps) {\n  const { variant = 'horizontal', className = '' } = props;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const [addMenu, setAddMenu] = useState<HTMLElement | null>(null);\n  const [searchText, setSearchText] = useState('');\n  const navigation = useGetNavigationList();\n  const setShortcuts = useSetShortcuts();\n  const userShortcuts = useGetShortcuts();\n  const { t } = useOwpTranslation();\n\n  const flatNavigation = useMemo(\n    () => NavigationHelper.getFlatNavigation(navigation) as FlatNavItemType[],\n    [navigation],\n  );\n\n  const shortcutItems = useMemo(\n    () =>\n      userShortcuts\n        .map((id) => find(flatNavigation, { id }))\n        .filter((item): item is FlatNavItemType => Boolean(item)),\n    [flatNavigation, userShortcuts],\n  );\n\n  const searchResults = useMemo(() => {\n    if (!searchText || !flatNavigation) {\n      return [];\n    }\n\n    const normalizedSearchText = searchText.toLowerCase();\n\n    return flatNavigation.filter((item) =>\n      item?.title?.toLowerCase()?.includes(normalizedSearchText),\n    );\n  }, [flatNavigation, searchText]);\n\n  function addMenuClick(event: MouseEvent<HTMLElement>) {\n    setAddMenu(event.currentTarget);\n  }\n\n  function addMenuClose() {\n    setAddMenu(null);\n  }\n\n  function search(ev: ChangeEvent<HTMLInputElement>) {\n    setSearchText(ev.target.value);\n  }\n\n  function toggleInShortcuts(id: string) {\n    let nextShortcuts = [...userShortcuts];\n\n    nextShortcuts = xor(nextShortcuts, [id]);\n\n    setShortcuts(nextShortcuts);\n  }\n\n  return (\n    <Box\n      className={clsx(\n        'flex flex-shrink overflow-hidden',\n        variant === 'vertical' ? 'flex-col' : '',\n        className,\n      )}\n    >\n      <Box\n        className={clsx(\n          'flex flex-1 items-center',\n          variant === 'vertical' ? 'flex-col' : 'max-h-36',\n        )}\n      >\n        <Tooltip\n          title={t('Title.즐겨찾기 등록/삭제')}\n          placement={variant === 'horizontal' ? 'bottom' : 'left'}\n        >\n          <IconButton\n            sx={toolbarToggleSx}\n            aria-haspopup=\"true\"\n            onClick={addMenuClick}\n          >\n            <OwpSvgIcon size={20} sx={{ color: amber[600] }}>\n              heroicons-solid:star\n            </OwpSvgIcon>\n          </IconButton>\n        </Tooltip>\n      </Box>\n\n      <Menu\n        id=\"add-menu\"\n        anchorEl={addMenu}\n        open={Boolean(addMenu)}\n        onClose={addMenuClose}\n        classes={{\n          paper: 'min-w-256',\n        }}\n        TransitionProps={{\n          onEntered: () => {\n            searchInputRef?.current?.focus();\n          },\n          onExited: () => {\n            setSearchText('');\n          },\n        }}\n      >\n        <div className=\"flex justify-between items-center p-16 pt-8\">\n          <Input\n            inputRef={searchInputRef}\n            value={searchText}\n            onChange={search}\n            placeholder={t('Common.검색')}\n            fullWidth\n            inputProps={{\n              'aria-label': 'Search',\n            }}\n            disableUnderline\n          />\n          <IconButton\n            sx={{ color: grey[500] }}\n            onClick={() => {\n              setSearchText('');\n              searchInputRef?.current?.focus();\n            }}\n          >\n            <ClearIcon />\n          </IconButton>\n        </div>\n\n        {(searchText?.length > 0 || shortcutItems?.length > 0) && (\n          <Divider sx={{ backgroundColor: grey[500] }} />\n        )}\n\n        {searchText.length > 0 &&\n          searchResults.map((_item) => (\n            <ShortcutMenuItem\n              shortcuts={userShortcuts}\n              key={_item.id}\n              item={_item}\n              onToggle={() => toggleInShortcuts(_item.id)}\n            />\n          ))}\n\n        {searchText.length !== 0 && searchResults.length === 0 && (\n          <Typography color=\"text.secondary\" className=\"p-16 pb-8\">\n            {t('Message.검색된 결과가 없습니다...')}\n          </Typography>\n        )}\n\n        {searchText.length === 0 &&\n          shortcutItems.map((_item) => (\n            <ShortcutMenuItem\n              shortcuts={userShortcuts}\n              key={_item.id}\n              item={_item}\n              onToggle={() => toggleInShortcuts(_item.id)}\n            />\n          ))}\n      </Menu>\n    </Box>\n  );\n}\n\nfunction ShortcutMenuItem(props: {\n  shortcuts?: string[];\n  item: FlatNavItemType;\n  onToggle: () => void;\n}) {\n  const { item, onToggle, shortcuts = [] } = props;\n\n  if (!item || !item.id) {\n    return null;\n  }\n\n  return (\n    <Link to={item.url || ''} role=\"button\">\n      <MenuItem key={item.id}>\n        <ListItemIcon className=\"min-w-36\">\n          {item.icon ? (\n            <OwpSvgIcon>{item.icon}</OwpSvgIcon>\n          ) : (\n            <span className=\"text-center text-2xl font-semibold uppercase\">{item.title[0]}</span>\n          )}\n        </ListItemIcon>\n        <ListItemText primary={item.title} />\n        <IconButton\n          onClick={(ev) => {\n            ev.preventDefault();\n            ev.stopPropagation();\n            onToggle();\n          }}\n          size=\"large\"\n        >\n          <OwpSvgIcon size={20} sx={{ color: amber[600] }}>\n            {shortcuts.includes(item.id) ? 'heroicons-solid:star' : 'heroicons-outline:star'}\n          </OwpSvgIcon>\n        </IconButton>\n      </MenuItem>\n    </Link>\n  );\n}\n\n/**\n * Memoized navigation shortcuts toggle.\n */\nexport default NavigationShortcutsToggle;\n"],"names":["NavigationShortcutsToggle","props","variant","className","searchInputRef","useRef","addMenu","setAddMenu","useState","searchText","setSearchText","navigation","useGetNavigationList","setShortcuts","useSetShortcuts","userShortcuts","useGetShortcuts","t","useOwpTranslation","flatNavigation","useMemo","NavigationHelper","shortcutItems","id","find","item","searchResults","normalizedSearchText","_b","_a","addMenuClick","event","__name","addMenuClose","search","ev","toggleInShortcuts","nextShortcuts","xor","jsxs","Box","clsx","jsx","Tooltip","IconButton","toolbarToggleSx","OwpSvgIcon","amber","Menu","Input","grey","ClearIcon","Divider","_item","ShortcutMenuItem","Typography","onToggle","shortcuts","Link","MenuItem","ListItemIcon","ListItemText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAASA,GAA0BC,GAAuC;AACxE,QAAM,EAAE,SAAAC,IAAU,cAAc,WAAAC,IAAY,OAAOF,GAE7CG,IAAiBC,EAAyB,IAAI,GAC9C,CAACC,GAASC,CAAU,IAAIC,EAA6B,IAAI,GACzD,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzCG,IAAaC,EAAA,GACbC,IAAeC,EAAA,GACfC,IAAgBC,EAAA,GAChB,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAiBC;AAAA,IACrB,MAAMC,EAAiB,kBAAkBV,CAAU;AAAA,IACnD,CAACA,CAAU;AAAA,EAAA,GAGPW,IAAgBF;AAAA,IACpB,MACEL,EACG,IAAI,CAACQ,MAAOC,EAAKL,GAAgB,EAAE,IAAAI,EAAA,CAAI,CAAC,EACxC,OAAO,CAACE,MAAkC,EAAQA,CAAK;AAAA,IAC5D,CAACN,GAAgBJ,CAAa;AAAA,EAAA,GAG1BW,IAAgBN,EAAQ,MAAM;AAClC,QAAI,CAACX,KAAc,CAACU;AAClB,aAAO,CAAA;AAGT,UAAMQ,IAAuBlB,EAAW,YAAA;AAExC,WAAOU,EAAe;AAAA,MAAO,CAACM,MAAA;;AAC5B,gBAAAG,KAAAC,IAAAJ,KAAA,gBAAAA,EAAM,UAAN,gBAAAI,EAAa,kBAAb,gBAAAD,EAA4B,SAASD;AAAA;AAAA,IAAoB;AAAA,EAE7D,GAAG,CAACR,GAAgBV,CAAU,CAAC;AAE/B,WAASqB,EAAaC,GAAgC;AACpD,IAAAxB,EAAWwB,EAAM,aAAa;AAAA,EAChC;AAFS,EAAAC,EAAAF,GAAA;AAIT,WAASG,IAAe;AACtB,IAAA1B,EAAW,IAAI;AAAA,EACjB;AAFS,EAAAyB,EAAAC,GAAA;AAIT,WAASC,EAAOC,GAAmC;AACjD,IAAAzB,EAAcyB,EAAG,OAAO,KAAK;AAAA,EAC/B;AAFS,EAAAH,EAAAE,GAAA;AAIT,WAASE,EAAkBb,GAAY;AACrC,QAAIc,IAAgB,CAAC,GAAGtB,CAAa;AAErC,IAAAsB,IAAgBC,GAAID,GAAe,CAACd,CAAE,CAAC,GAEvCV,EAAawB,CAAa;AAAA,EAC5B;AANS,SAAAL,EAAAI,GAAA,sBASP,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAvC,MAAY,aAAa,aAAa;AAAA,QACtCC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAuC;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAvC,MAAY,aAAa,aAAa;AAAA,YAAA;AAAA,YAGxC,UAAA,gBAAAwC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,OAAO1B,EAAE,kBAAkB;AAAA,gBAC3B,WAAWf,MAAY,eAAe,WAAW;AAAA,gBAEjD,UAAA,gBAAAwC;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,IAAIC;AAAA,oBACJ,iBAAc;AAAA,oBACd,SAASf;AAAA,oBAET,UAAA,gBAAAY,EAACI,GAAA,EAAW,MAAM,IAAI,IAAI,EAAE,OAAOC,EAAM,GAAG,EAAA,GAAK,UAAA,uBAAA,CAEjD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGF,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,UAAU1C;AAAA,YACV,MAAM,EAAQA;AAAA,YACd,SAAS2B;AAAA,YACT,SAAS;AAAA,cACP,OAAO;AAAA,YAAA;AAAA,YAET,iBAAiB;AAAA,cACf,WAAW,gBAAAD,EAAA,MAAM;;AACf,iBAAAH,IAAAzB,KAAA,gBAAAA,EAAgB,YAAhB,QAAAyB,EAAyB;AAAA,cAC3B,GAFW;AAAA,cAGX,UAAU,gBAAAG,EAAA,MAAM;AACd,gBAAAtB,EAAc,EAAE;AAAA,cAClB,GAFU;AAAA,YAEV;AAAA,YAGF,UAAA;AAAA,cAAA,gBAAA6B,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,gBAAA,gBAAAG;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,UAAU7C;AAAA,oBACV,OAAOK;AAAA,oBACP,UAAUyB;AAAA,oBACV,aAAajB,EAAE,WAAW;AAAA,oBAC1B,WAAS;AAAA,oBACT,YAAY;AAAA,sBACV,cAAc;AAAA,oBAAA;AAAA,oBAEhB,kBAAgB;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAElB,gBAAAyB;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,IAAI,EAAE,OAAOM,EAAK,GAAG,EAAA;AAAA,oBACrB,SAAS,gBAAAlB,EAAA,MAAM;;AACb,sBAAAtB,EAAc,EAAE,IAChBmB,IAAAzB,KAAA,gBAAAA,EAAgB,YAAhB,QAAAyB,EAAyB;AAAA,oBAC3B,GAHS;AAAA,oBAKT,4BAACsB,GAAA,CAAA,CAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACb,GACF;AAAA,gBAEE1C,KAAA,gBAAAA,EAAY,UAAS,MAAKa,KAAA,gBAAAA,EAAe,UAAS,MAClD,gBAAAoB,EAACU,GAAA,EAAQ,IAAI,EAAE,iBAAiBF,EAAK,GAAG,KAAK;AAAA,cAG9CzC,EAAW,SAAS,KACnBiB,EAAc,IAAI,CAAC2B,MACjB,gBAAAX;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,WAAWvC;AAAA,kBAEX,MAAMsC;AAAA,kBACN,UAAU,gBAAArB,EAAA,MAAMI,EAAkBiB,EAAM,EAAE,GAAhC;AAAA,gBAAgC;AAAA,gBAFrCA,EAAM;AAAA,cAAA,CAId;AAAA,cAEF5C,EAAW,WAAW,KAAKiB,EAAc,WAAW,KACnD,gBAAAgB,EAACa,GAAA,EAAW,OAAM,kBAAiB,WAAU,aAC1C,UAAAtC,EAAE,yBAAyB,GAC9B;AAAA,cAGDR,EAAW,WAAW,KACrBa,EAAc,IAAI,CAAC+B,MACjB,gBAAAX;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,WAAWvC;AAAA,kBAEX,MAAMsC;AAAA,kBACN,UAAU,gBAAArB,EAAA,MAAMI,EAAkBiB,EAAM,EAAE,GAAhC;AAAA,gBAAgC;AAAA,gBAFrCA,EAAM;AAAA,cAAA,CAId;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAGN;AA9JSrB,EAAAhC,IAAA;AAgKT,SAASsD,EAAiBrD,GAIvB;AACD,QAAM,EAAE,MAAAwB,GAAM,UAAA+B,GAAU,WAAAC,IAAY,CAAA,MAAOxD;AAE3C,SAAI,CAACwB,KAAQ,CAACA,EAAK,KACV,OAIP,gBAAAiB,EAACgB,KAAK,IAAIjC,EAAK,OAAO,IAAI,MAAK,UAC7B,UAAA,gBAAAc,EAACoB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAjB,EAACkB,KAAa,WAAU,YACrB,YAAK,OACJ,gBAAAlB,EAACI,KAAY,UAAArB,EAAK,KAAA,CAAK,IAEvB,gBAAAiB,EAAC,UAAK,WAAU,gDAAgD,YAAK,MAAM,CAAC,GAAE,EAAA,CAElF;AAAA,IACA,gBAAAA,EAACmB,GAAA,EAAa,SAASpC,EAAK,MAAA,CAAO;AAAA,IACnC,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAS,gBAAAZ,EAAA,CAACG,MAAO;AACf,UAAAA,EAAG,eAAA,GACHA,EAAG,gBAAA,GACHqB,EAAA;AAAA,QACF,GAJS;AAAA,QAKT,MAAK;AAAA,QAEL,4BAACV,GAAA,EAAW,MAAM,IAAI,IAAI,EAAE,OAAOC,EAAM,GAAG,KACzC,UAAAU,EAAU,SAAShC,EAAK,EAAE,IAAI,yBAAyB,yBAAA,CAC1D;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,KApBaA,EAAK,EAqBpB,GACF;AAEJ;AArCSO,EAAAsB,GAAA;"}
+{"version":3,"file":"NavigationShortcutsToggle.js","sources":["../../../../src/layout/components/toggles/NavigationShortcutsToggle.tsx"],"sourcesContent":["import { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetShortcuts, useSetShortcuts } from '@/hooks/internal/useShortcuts';\nimport type { OwpFlatNavItemType as FlatNavItemType } from '@/types/OwpNavigationTypes';\nimport { OwpNavigationHelper as NavigationHelper } from '@/utils/navigationUtils';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport Box from '@mui/material/Box';\nimport { amber, grey } from '@mui/material/colors';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport Input from '@mui/material/Input';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport clsx from 'clsx';\nimport { find, xor } from 'es-toolkit/compat';\nimport { type ChangeEvent, type MouseEvent, useMemo, useRef, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype NavigationShortcutsToggleProps = {\n  className?: string;\n  variant?: 'horizontal' | 'vertical';\n};\n\n/**\n * Navigation shortcuts toggle.\n */\nfunction NavigationShortcutsToggle(props: NavigationShortcutsToggleProps) {\n  const { variant = 'horizontal', className = '' } = props;\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const [addMenu, setAddMenu] = useState<HTMLElement | null>(null);\n  const [searchText, setSearchText] = useState('');\n  const navigation = useGetNavigationList();\n  const setShortcuts = useSetShortcuts();\n  const userShortcuts = useGetShortcuts();\n  const { t } = useOwpTranslation();\n\n  const flatNavigation = useMemo(\n    () => NavigationHelper.getFlatNavigation(navigation) as FlatNavItemType[],\n    [navigation],\n  );\n\n  const shortcutItems = useMemo(\n    () =>\n      userShortcuts\n        .map((id) => find(flatNavigation, { id }))\n        .filter((item): item is FlatNavItemType => Boolean(item)),\n    [flatNavigation, userShortcuts],\n  );\n\n  const searchResults = useMemo(() => {\n    if (!searchText || !flatNavigation) {\n      return [];\n    }\n\n    const normalizedSearchText = searchText.toLowerCase();\n\n    return flatNavigation.filter((item) =>\n      item?.title?.toLowerCase()?.includes(normalizedSearchText),\n    );\n  }, [flatNavigation, searchText]);\n\n  function addMenuClick(event: MouseEvent<HTMLElement>) {\n    setAddMenu(event.currentTarget);\n  }\n\n  function addMenuClose() {\n    setAddMenu(null);\n  }\n\n  function search(ev: ChangeEvent<HTMLInputElement>) {\n    setSearchText(ev.target.value);\n  }\n\n  function toggleInShortcuts(id: string) {\n    let nextShortcuts = [...userShortcuts];\n\n    nextShortcuts = xor(nextShortcuts, [id]);\n\n    setShortcuts(nextShortcuts);\n  }\n\n  return (\n    <Box\n      className={clsx(\n        'flex flex-shrink overflow-hidden',\n        variant === 'vertical' ? 'flex-col' : '',\n        className,\n      )}\n    >\n      <Box\n        className={clsx(\n          'flex flex-1 items-center',\n          variant === 'vertical' ? 'flex-col' : 'max-h-36',\n        )}\n      >\n        <Tooltip\n          title={t('Title.즐겨찾기 등록/삭제')}\n          placement={variant === 'horizontal' ? 'bottom' : 'left'}\n        >\n          <IconButton\n            sx={toolbarToggleSx}\n            aria-haspopup=\"true\"\n            onClick={addMenuClick}\n          >\n            <OwpSvgIcon size={20} sx={{ color: amber[600] }}>\n              heroicons-solid:star\n            </OwpSvgIcon>\n          </IconButton>\n        </Tooltip>\n      </Box>\n\n      <Menu\n        id=\"add-menu\"\n        anchorEl={addMenu}\n        open={Boolean(addMenu)}\n        onClose={addMenuClose}\n        classes={{\n          paper: 'min-w-256',\n        }}\n        TransitionProps={{\n          onEntered: () => {\n            searchInputRef?.current?.focus();\n          },\n          onExited: () => {\n            setSearchText('');\n          },\n        }}\n      >\n        <div className=\"flex justify-between items-center p-16 pt-8\">\n          <Input\n            inputRef={searchInputRef}\n            value={searchText}\n            onChange={search}\n            placeholder={t('Common.검색')}\n            fullWidth\n            inputProps={{\n              'aria-label': 'Search',\n            }}\n            disableUnderline\n          />\n          <IconButton\n            sx={{ color: grey[500] }}\n            onClick={() => {\n              setSearchText('');\n              searchInputRef?.current?.focus();\n            }}\n          >\n            <ClearIcon />\n          </IconButton>\n        </div>\n\n        {(searchText?.length > 0 || shortcutItems?.length > 0) && (\n          <Divider sx={{ backgroundColor: grey[500] }} />\n        )}\n\n        {searchText.length > 0 &&\n          searchResults.map((_item) => (\n            <ShortcutMenuItem\n              shortcuts={userShortcuts}\n              key={_item.id}\n              item={_item}\n              onToggle={() => toggleInShortcuts(_item.id)}\n            />\n          ))}\n\n        {searchText.length !== 0 && searchResults.length === 0 && (\n          <Typography color=\"text.secondary\" className=\"p-16 pb-8\">\n            {t('Message.검색된 결과가 없습니다...')}\n          </Typography>\n        )}\n\n        {searchText.length === 0 &&\n          shortcutItems.map((_item) => (\n            <ShortcutMenuItem\n              shortcuts={userShortcuts}\n              key={_item.id}\n              item={_item}\n              onToggle={() => toggleInShortcuts(_item.id)}\n            />\n          ))}\n      </Menu>\n    </Box>\n  );\n}\n\nfunction ShortcutMenuItem(props: {\n  shortcuts?: string[];\n  item: FlatNavItemType;\n  onToggle: () => void;\n}) {\n  const { item, onToggle, shortcuts = [] } = props;\n\n  if (!item || !item.id) {\n    return null;\n  }\n\n  return (\n    <Link to={item.url || ''} role=\"button\">\n      <MenuItem key={item.id}>\n        <ListItemIcon className=\"min-w-36\">\n          {item.icon ? (\n            <OwpSvgIcon>{item.icon}</OwpSvgIcon>\n          ) : (\n            <span className=\"text-center text-2xl font-semibold uppercase\">{item.title[0]}</span>\n          )}\n        </ListItemIcon>\n        <ListItemText primary={item.title} />\n        <IconButton\n          onClick={(ev) => {\n            ev.preventDefault();\n            ev.stopPropagation();\n            onToggle();\n          }}\n          size=\"large\"\n        >\n          <OwpSvgIcon size={20} sx={{ color: amber[600] }}>\n            {shortcuts.includes(item.id) ? 'heroicons-solid:star' : 'heroicons-outline:star'}\n          </OwpSvgIcon>\n        </IconButton>\n      </MenuItem>\n    </Link>\n  );\n}\n\n/**\n * Memoized navigation shortcuts toggle.\n */\nexport default NavigationShortcutsToggle;\n"],"names":["NavigationShortcutsToggle","props","variant","className","searchInputRef","useRef","addMenu","setAddMenu","useState","searchText","setSearchText","navigation","useGetNavigationList","setShortcuts","useSetShortcuts","userShortcuts","useGetShortcuts","t","useOwpTranslation","flatNavigation","useMemo","NavigationHelper","shortcutItems","id","find","item","searchResults","normalizedSearchText","_b","_a","addMenuClick","event","__name","addMenuClose","search","ev","toggleInShortcuts","nextShortcuts","xor","jsxs","Box","clsx","jsx","Tooltip","IconButton","toolbarToggleSx","OwpSvgIcon","amber","Menu","Input","grey","ClearIcon","Divider","_item","ShortcutMenuItem","Typography","onToggle","shortcuts","Link","MenuItem","ListItemIcon","ListItemText"],"mappings":"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"}

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/renderers/index.js

@@ -1,6 +1,6 @@
 var v = Object.defineProperty;
 var _ = (a, t) => v(a, "name", { value: t, configurable: !0 });
-import { __exports as r } from "../../../../../../../_virtual/index15.js";
+import { __exports as r } from "../../../../../../../_virtual/index5.js";
 import { __require as f } from "./canvas.js";
 import { __require as q } from "./svg.js";
 import { __require as c } from "./object.js";

package/dist/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js

@@ -1,6 +1,6 @@
 var i = Object.defineProperty;
 var r = (t, s) => i(t, "name", { value: s, configurable: !0 });
-import { __module as e } from "../../../../../_virtual/index5.js";
+import { __module as e } from "../../../../../_virtual/index15.js";
 import { __require as u } from "./cjs/react-is.production.min.js";
 import { __require as p } from "./cjs/react-is.development.js";
 var o;