@owp/core 2.5.1 → 2.5.3

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

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

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

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

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

@@ -1,24 +1,24 @@
-var b = Object.defineProperty;
-var e = (t, i) => b(t, "name", { value: i, configurable: !0 });
+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 { OwpHidden as m } from "../../../../components/OwpHidden/OwpHidden.js";
+import { OwpHidden as f } from "../../../../components/OwpHidden/OwpHidden.js";
 import { styled as s } from "@mui/material/styles";
-import N from "@mui/material/SwipeableDrawer";
+import k from "@mui/material/SwipeableDrawer";
 import { useEffect as S } from "react";
-import f from "./NavbarStyleContent.js";
-const o = 280, k = s("div")(({ theme: t }) => ({
+import m from "./NavbarStyleContent.js";
+const e = 280, N = s("div")(({ theme: t }) => ({
   display: "flex",
   flexDirection: "column",
   zIndex: 4,
   [t.breakpoints.up("lg")]: {
-    width: o,
-    minWidth: o
+    width: e,
+    minWidth: e
   },
   variants: [
     {
-      props: /* @__PURE__ */ e(({ folded: i }) => i, "props"),
+      props: /* @__PURE__ */ o(({ folded: i }) => i, "props"),
       style: {
         [t.breakpoints.up("lg")]: {
           width: 76,
@@ -27,11 +27,13 @@ const o = 280, k = s("div")(({ theme: t }) => ({
       }
     }
   ]
-})), L = s("div")(({ theme: t }) => ({
-  minWidth: o,
-  width: o,
-  maxWidth: o,
+})), C = s("div")(({ theme: t }) => ({
+  minWidth: e,
+  width: e,
+  maxWidth: e,
   maxHeight: "100%",
+  backgroundColor: t.palette.background.default,
+  boxShadow: "none",
   transition: t.transitions.create(["width", "min-width"], {
     easing: t.transitions.easing.sharp,
     duration: t.transitions.duration.shorter
@@ -51,12 +53,12 @@ const o = 280, k = s("div")(({ theme: t }) => ({
         position: "right"
       },
       style: {
-        borderLight: `1px solid ${t.palette.divider}`,
+        borderLeft: `1px solid ${t.palette.divider}`,
         right: 0
       }
     },
     {
-      props: /* @__PURE__ */ e(({ folded: i }) => i, "props"),
+      props: /* @__PURE__ */ o(({ folded: i }) => i, "props"),
       style: {
         position: "absolute",
         width: 76,
@@ -66,14 +68,14 @@ const o = 280, k = s("div")(({ theme: t }) => ({
       }
     },
     {
-      props: /* @__PURE__ */ e(({ foldedandopened: i }) => i, "props"),
+      props: /* @__PURE__ */ o(({ foldedandopened: i }) => i, "props"),
       style: {
-        width: o,
-        minWidth: o
+        width: e,
+        minWidth: e
       }
     },
     {
-      props: /* @__PURE__ */ e(({ foldedandclosed: i }) => i, "props"),
+      props: /* @__PURE__ */ o(({ foldedandclosed: i }) => i, "props"),
       style: {
         "& .NavbarStyle-content": {
           "& .logo-icon": {
@@ -173,12 +175,14 @@ const o = 280, k = s("div")(({ theme: t }) => ({
       }
     }
   ]
-})), R = s(N)(({ theme: t }) => ({
+})), L = s(k)(({ theme: t }) => ({
   "& > .MuiDrawer-paper": {
-    minWidth: o,
-    width: o,
-    maxWidth: o,
+    minWidth: e,
+    width: e,
+    maxWidth: e,
     maxHeight: "100%",
+    backgroundColor: t.palette.background.default,
+    boxShadow: "none",
     transition: t.transitions.create(["width", "min-width"], {
       easing: t.transitions.easing.sharp,
       duration: t.transitions.duration.shorter
@@ -187,32 +191,32 @@ const o = 280, k = s("div")(({ theme: t }) => ({
 }));
 function G() {
   var p, h, c;
-  const t = x(), i = v(), { closeFolded: g, closeMobile: u, openFolded: w, reset: l } = W(), a = !((p = t.navbar) != null && p.folded), d = a && !i.foldedOpen, r = a && i.foldedOpen;
+  const t = x(), i = v(), { closeFolded: u, closeMobile: g, openFolded: b, reset: l } = W(), a = !((p = t.navbar) != null && p.folded), d = a && !i.foldedOpen, r = a && i.foldedOpen;
   return S(() => () => {
     l();
   }, [l]), /* @__PURE__ */ y(
-    k,
+    N,
     {
       folded: a ? 1 : 0,
       open: i.open,
       id: "owp-navbar",
       className: "sticky top-0 z-20 h-screen shrink-0",
       children: [
-        /* @__PURE__ */ n(m, { lgDown: !0, children: /* @__PURE__ */ n(
-          L,
+        /* @__PURE__ */ n(f, { lgDown: !0, children: /* @__PURE__ */ n(
+          C,
           {
-            className: "sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden shadow",
+            className: "sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden",
             position: (h = t == null ? void 0 : t.navbar) == null ? void 0 : h.position,
             folded: a ? 1 : 0,
             foldedandopened: r ? 1 : 0,
             foldedandclosed: d ? 1 : 0,
-            onMouseEnter: /* @__PURE__ */ e(() => d && w(), "onMouseEnter"),
-            onMouseLeave: /* @__PURE__ */ e(() => r && g(), "onMouseLeave"),
-            children: /* @__PURE__ */ n(f, { className: "NavbarStyle-content" })
+            onMouseEnter: /* @__PURE__ */ o(() => d && b(), "onMouseEnter"),
+            onMouseLeave: /* @__PURE__ */ o(() => r && u(), "onMouseLeave"),
+            children: /* @__PURE__ */ n(m, { className: "NavbarStyle-content" })
           }
         ) }),
-        /* @__PURE__ */ n(m, { lgUp: !0, children: /* @__PURE__ */ n(
-          R,
+        /* @__PURE__ */ n(f, { lgUp: !0, children: /* @__PURE__ */ n(
+          L,
           {
             classes: {
               paper: "flex-col flex-auto h-full"
@@ -223,21 +227,21 @@ function G() {
             anchor: (c = t == null ? void 0 : t.navbar) == null ? void 0 : c.position,
             variant: "temporary",
             open: i.mobileOpen,
-            onClose: /* @__PURE__ */ e(() => u(), "onClose"),
-            onOpen: /* @__PURE__ */ e(() => {
+            onClose: /* @__PURE__ */ o(() => g(), "onClose"),
+            onOpen: /* @__PURE__ */ o(() => {
             }, "onOpen"),
             disableSwipeToOpen: !0,
             ModalProps: {
               keepMounted: !0
             },
-            children: /* @__PURE__ */ n(f, { className: "NavbarStyle-content" })
+            children: /* @__PURE__ */ n(m, { className: "NavbarStyle-content" })
           }
         ) })
       ]
     }
   );
 }
-e(G, "NavbarStyle");
+o(G, "NavbarStyle");
 export {
   G as default
 };

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  transition: theme.transitions.create(['width', 'min-width'], {\n    easing: theme.transitions.easing.sharp,\n    duration: theme.transitions.duration.shorter,\n  }),\n  variants: [\n    {\n      props: {\n        position: 'left',\n      },\n      style: {\n        borderRight: `1px solid ${theme.palette.divider}`,\n        left: 0,\n      },\n    },\n    {\n      props: {\n        position: 'right',\n      },\n      style: {\n        borderLight: `1px solid ${theme.palette.divider}`,\n        right: 0,\n      },\n    },\n    {\n      props: ({ folded }) => folded,\n      style: {\n        position: 'absolute',\n        width: 76,\n        minWidth: 76,\n        top: 0,\n        bottom: 0,\n      },\n    },\n    {\n      props: ({ foldedandopened }) => foldedandopened,\n      style: {\n        width: navbarWidth,\n        minWidth: navbarWidth,\n      },\n    },\n    {\n      props: ({ foldedandclosed }) => foldedandclosed,\n      style: {\n        '& .NavbarStyle-content': {\n          '& .logo-icon': {\n            width: 44,\n            height: 44,\n          },\n          '& .logo-text': {\n            opacity: 0,\n          },\n          '& .react-badge': {\n            opacity: 0,\n          },\n          '& .navigation.px-12': {\n            paddingLeft: 10,\n            paddingRight: 10,\n          },\n          '& .owp-list-item': {\n            width: 55,\n            minWidth: 55,\n            marginLeft: 'auto',\n            marginRight: 'auto',\n            paddingLeft: 0,\n            paddingRight: 0,\n            justifyContent: 'center',\n          },\n          '& .owp-list-item > .owp-list-item-icon': {\n            width: 22,\n            height: 22,\n            minWidth: 22,\n            minHeight: 22,\n            fontSize: 22,\n            marginRight: 0,\n          },\n          '& .owp-list-item > .owp-list-item-text': {\n            width: 0,\n            minWidth: 0,\n            flex: '0 0 0',\n            overflow: 'hidden',\n          },\n          '& .owp-list-item-text, & .arrow-icon, & .item-badge': {\n            opacity: 0,\n          },\n          '& .owp-list-subheader .owp-list-subheader-text': {\n            opacity: 0,\n          },\n          '& .owp-list-subheader:before': {\n            content: '\"\"',\n            display: 'block',\n            position: 'absolute',\n            minWidth: 16,\n            borderTop: '2px solid',\n            opacity: 0.2,\n          },\n          '& .collapse-children': {\n            display: 'none',\n          },\n          '& .user-menu': {\n            minWidth: 56,\n            width: 56,\n            justifyContent: 'center',\n            paddingLeft: 8,\n            paddingRight: 8,\n            '& > :not(style) ~ :not(style)': {\n              marginLeft: 0,\n              marginRight: 0,\n            },\n            '& > .flex-auto, & > .flex-shrink-0': {\n              width: 0,\n              minWidth: 0,\n              flex: '0 0 0',\n              overflow: 'hidden',\n            },\n            '& .avatar': {\n              width: 36,\n              height: 36,\n              minWidth: 36,\n              minHeight: 36,\n              margin: 0,\n              fontSize: '18px',\n              lineHeight: '18px',\n              flexShrink: 0,\n            },\n            '& .title': {\n              opacity: 0,\n            },\n            '& .subtitle': {\n              opacity: 0,\n            },\n            '& .info-icon': {\n              opacity: 0,\n            },\n            '& .arrow': {\n              opacity: 0,\n            },\n          },\n        },\n      },\n    },\n  ],\n}));\n\nconst StyledNavbarMobile = styled(SwipeableDrawer)<StyledNavBarProps>(({ theme }) => ({\n  '& > .MuiDrawer-paper': {\n    minWidth: navbarWidth,\n    width: navbarWidth,\n    maxWidth: navbarWidth,\n    maxHeight: '100%',\n    transition: theme.transitions.create(['width', 'min-width'], {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.shorter,\n    }),\n  },\n}));\n\n/**\n * The navbar style.\n */\nfunction NavbarStyle() {\n  const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const navbar = useGetNavbar();\n  const { closeFolded, closeMobile, openFolded, reset } = useNavbarActions();\n\n  \n  const folded = !config.navbar?.folded;\n  const foldedandclosed = folded && !navbar.foldedOpen;\n  const foldedandopened = folded && navbar.foldedOpen;\n\n  useEffect(() => {\n    return () => {\n      reset();\n    };\n  }, [reset]);\n\n  return (\n    <Root\n      folded={folded ? 1 : 0}\n      open={navbar.open}\n      id=\"owp-navbar\"\n      className=\"sticky top-0 z-20 h-screen shrink-0\"\n    >\n      <OwpHidden lgDown>\n        <StyledNavbar\n          className=\"sticky top-0 z-20 h-screen flex-auto shrink-0 flex-col overflow-hidden shadow\"\n          position={config?.navbar?.position}\n          folded={folded ? 1 : 0}\n          foldedandopened={foldedandopened ? 1 : 0}\n          foldedandclosed={foldedandclosed ? 1 : 0}\n          onMouseEnter={() => foldedandclosed && openFolded()}\n          onMouseLeave={() => foldedandopened && closeFolded()}\n        >\n          <NavbarStyleContent className=\"NavbarStyle-content\" />\n        </StyledNavbar>\n      </OwpHidden>\n\n      <OwpHidden lgUp>\n        <StyledNavbarMobile\n          classes={{\n            paper: 'flex-col flex-auto h-full',\n          }}\n          folded={folded ? 1 : 0}\n          foldedandopened={foldedandopened ? 1 : 0}\n          foldedandclosed={foldedandclosed ? 1 : 0}\n          anchor={config?.navbar?.position as 'left' | 'top' | 'right' | 'bottom'}\n          variant=\"temporary\"\n          open={navbar.mobileOpen}\n          onClose={() => closeMobile()}\n          onOpen={() => {}}\n          disableSwipeToOpen\n          ModalProps={{\n            keepMounted: true, \n          }}\n        >\n          <NavbarStyleContent className=\"NavbarStyle-content\" />\n        </StyledNavbarMobile>\n      </OwpHidden>\n    </Root>\n  );\n}\n\nexport default NavbarStyle;\n"],"names":["navbarWidth","Root","styled","theme","__name","folded","StyledNavbar","foldedandopened","foldedandclosed","StyledNavbarMobile","SwipeableDrawer","NavbarStyle","config","useGetCurrentLayoutConfig","navbar","useGetNavbar","closeFolded","closeMobile","openFolded","reset","useNavbarActions","_a","useEffect","jsxs","jsx","OwpHidden","_b","NavbarStyleContent","_c"],"mappings":"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"}
+{"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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"}

package/dist/layout/components/toolbar/ToolbarLayout.js

@@ -1,105 +1,93 @@
-var c = Object.defineProperty;
-var n = (i, p) => c(i, "name", { value: p, configurable: !0 });
-import { jsx as a, jsxs as m } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpAppContext as u } from "../../../contexts/OwpAppProvider.js";
-import { OwpHidden as d } from "../../../components/OwpHidden/OwpHidden.js";
-import { useGetCurrentLayoutConfig as b, useGetToolbarTheme as f } from "../../../hooks/useOwpSettings.js";
-import s from "../navbar/NavbarToggleButton.js";
-import g from "@mui/material/AppBar";
-import x from "@mui/material/Toolbar";
-import { alpha as t, ThemeProvider as v } from "@mui/material/styles";
+var b = Object.defineProperty;
+var p = (i, n) => b(i, "name", { value: n, configurable: !0 });
+import { jsx as r, jsxs as m } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpAppContext as f } from "../../../contexts/OwpAppProvider.js";
+import { OwpHidden as c } from "../../../components/OwpHidden/OwpHidden.js";
+import { useGetCurrentLayoutConfig as g, useGetToolbarTheme as x } from "../../../hooks/useOwpSettings.js";
+import u from "../navbar/NavbarToggleButton.js";
+import v from "@mui/material/AppBar";
+import h from "@mui/material/Toolbar";
+import { alpha as a, ThemeProvider as w } from "@mui/material/styles";
 import { clsx as k } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { memo as h } from "react";
-import w from "../toggles/FullScreenToggle.js";
-import y from "../toggles/LanguageSwitcherToggle.js";
-import T from "../toggles/LogoutToggle.js";
-import N from "../toggles/NavigationSearchToggle.js";
-import C from "../toggles/NavigationShortcutsToggle.js";
-import B from "../../../components/OwpPageBreadcrumb/OwpPageBreadcrumb.js";
-function S(i) {
-  const { className: p } = i, l = b(), o = f(), { env: e } = u();
-  return /* @__PURE__ */ a(v, { theme: o, children: /* @__PURE__ */ a(
-    g,
+import { memo as T } from "react";
+import y from "../toggles/FullScreenToggle.js";
+import N from "../toggles/LanguageSwitcherToggle.js";
+import C from "../toggles/LogoutToggle.js";
+import S from "../toggles/NavigationSearchToggle.js";
+import B from "../toggles/NavigationShortcutsToggle.js";
+import L from "../../../components/OwpPageBreadcrumb/OwpPageBreadcrumb.js";
+function $(i) {
+  const { className: n } = i, e = g(), d = x(), { env: t } = f(), l = d.palette, s = l.primary.light ?? l.primary.main;
+  return /* @__PURE__ */ r(w, { theme: d, children: /* @__PURE__ */ r(
+    v,
     {
       id: "owp-toolbar",
-      className: k("relative z-20 flex border-b", p),
+      className: k("relative z-20 flex border-b", n),
       color: "default",
-      sx: /* @__PURE__ */ n((r) => ({
-        "--toolbar-surface-default": o.palette.background.default,
-        "--toolbar-surface-paper": o.palette.background.paper,
-        "--toolbar-surface-glow": t(
-          o.palette.primary.light ?? o.palette.primary.main,
-          r.palette.mode === "dark" ? 0.28 : 0.16
+      sx: /* @__PURE__ */ p((o) => ({
+        "--toolbar-surface-default": l.background.default,
+        "--toolbar-surface-paper": l.background.paper,
+        "--toolbar-surface-line": o.palette.divider,
+        "--toolbar-surface-button": a(
+          o.palette.common.white,
+          o.palette.mode === "dark" ? 0.06 : 0.78
         ),
-        "--toolbar-surface-line": t(
-          r.palette.common.white,
-          r.palette.mode === "dark" ? 0.14 : 0.72
-        ),
-        "--toolbar-surface-button": t(
-          r.palette.common.white,
-          r.palette.mode === "dark" ? 0.05 : 0.82
-        ),
-        "--toolbar-surface-button-hover": t(
-          o.palette.primary.light ?? o.palette.primary.main,
-          r.palette.mode === "dark" ? 0.18 : 0.12
+        "--toolbar-surface-button-hover": a(
+          s,
+          o.palette.mode === "dark" ? 0.14 : 0.08
         ),
         backgroundColor: "var(--toolbar-surface-default)",
-        backgroundImage: `
-            radial-gradient(circle at 10% 16%, var(--toolbar-surface-glow) 0%, transparent 30%),
-            linear-gradient(115deg, ${t(o.palette.primary.light ?? o.palette.primary.main, 0.16)} 0%, transparent 34%),
-            linear-gradient(180deg, var(--toolbar-surface-default) 0%, var(--toolbar-surface-paper) 100%)
-          `,
+        backgroundImage: "linear-gradient(180deg, var(--toolbar-surface-default) 0%, var(--toolbar-surface-paper) 100%)",
         borderBottomColor: "var(--toolbar-surface-line)",
         boxShadow: `
-            inset 0 1px 0 ${t(r.palette.common.white, r.palette.mode === "dark" ? 0.08 : 0.92)},
-            inset 0 -1px 0 ${t(r.palette.common.black, r.palette.mode === "dark" ? 0.2 : 0.05)},
-            0 10px 28px ${t(o.palette.background.paper, r.palette.mode === "dark" ? 0.32 : 0.12)}
+            inset 0 1px 0 ${a(o.palette.common.white, o.palette.mode === "dark" ? 0.06 : 0.82)},
+            0 4px 16px ${a(o.palette.common.black, o.palette.mode === "dark" ? 0.18 : 0.05)}
           `,
         "& .MuiIconButton-root": {
           backgroundColor: "var(--toolbar-surface-button)",
-          border: `1px solid ${t(r.palette.common.white, r.palette.mode === "dark" ? 0.12 : 0.9)}`,
-          boxShadow: `inset 0 1px 0 ${t(r.palette.common.white, r.palette.mode === "dark" ? 0.05 : 0.7)}`,
-          transition: r.transitions.create(
-            ["background-color", "border-color", "transform"],
+          border: `1px solid ${a(o.palette.common.white, o.palette.mode === "dark" ? 0.1 : 0.62)}`,
+          boxShadow: `inset 0 1px 0 ${a(o.palette.common.white, o.palette.mode === "dark" ? 0.05 : 0.54)}`,
+          transition: o.transitions.create(
+            ["background-color", "border-color", "box-shadow"],
             {
-              duration: r.transitions.duration.shorter
+              duration: o.transitions.duration.shorter
             }
           )
         },
         "& .MuiIconButton-root:hover": {
           backgroundColor: "var(--toolbar-surface-button-hover)",
-          borderColor: t(
-            o.palette.primary.light ?? o.palette.primary.main,
-            r.palette.mode === "dark" ? 0.36 : 0.2
+          borderColor: a(
+            s,
+            o.palette.mode === "dark" ? 0.22 : 0.14
           ),
-          transform: "translateY(-1px)"
+          boxShadow: `inset 0 1px 0 ${a(o.palette.common.white, o.palette.mode === "dark" ? 0.06 : 0.6)}`
         },
         "& .MuiBreadcrumbs-separator": {
-          color: t(r.palette.common.white, r.palette.mode === "dark" ? 0.42 : 0.5)
+          color: a(o.palette.text.primary, o.palette.mode === "dark" ? 0.4 : 0.5)
         }
       }), "sx"),
       position: "static",
       elevation: 0,
-      children: /* @__PURE__ */ m(x, { className: "min-h-48 px-6 py-0 md:min-h-64 md:px-[14px]", children: [
+      children: /* @__PURE__ */ m(h, { className: "min-h-48 px-6 py-0 md:min-h-64 md:px-[14px]", children: [
         /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 items-center gap-8", children: [
-          l.navbar.display && l.navbar.position === "left" && /* @__PURE__ */ a(d, { lgUp: !0, children: /* @__PURE__ */ a(s, { className: "mx-0 h-40 w-40 p-0 sm:mx-8" }) }),
-          /* @__PURE__ */ a(B, {})
+          e.navbar.display && e.navbar.position === "left" && /* @__PURE__ */ r(c, { lgUp: !0, children: /* @__PURE__ */ r(u, { className: "mx-0 h-40 w-40 p-0 sm:mx-8" }) }),
+          /* @__PURE__ */ r(L, {})
         ] }),
         /* @__PURE__ */ m("div", { className: "flex items-center overflow-x-auto gap-6", children: [
-          (e == null ? void 0 : e.isI18nEnabled) && (e == null ? void 0 : e.isI18nLanguageSwitcherEnabled) && /* @__PURE__ */ a(y, { canRefresh: !0 }),
-          /* @__PURE__ */ a(w, {}),
-          /* @__PURE__ */ a(N, {}),
-          /* @__PURE__ */ a(C, {}),
-          !l.navbar.display && /* @__PURE__ */ a(T, {})
+          (t == null ? void 0 : t.isI18nEnabled) && (t == null ? void 0 : t.isI18nLanguageSwitcherEnabled) && /* @__PURE__ */ r(N, { canRefresh: !0 }),
+          /* @__PURE__ */ r(y, {}),
+          /* @__PURE__ */ r(S, {}),
+          /* @__PURE__ */ r(B, {}),
+          !e.navbar.display && /* @__PURE__ */ r(C, {})
         ] }),
-        l.navbar.display && l.navbar.position === "right" && /* @__PURE__ */ a(d, { lgUp: !0, children: /* @__PURE__ */ a(s, { className: "mx-0 h-40 w-40 p-0 sm:mx-8" }) })
+        e.navbar.display && e.navbar.position === "right" && /* @__PURE__ */ r(c, { lgUp: !0, children: /* @__PURE__ */ r(u, { className: "mx-0 h-40 w-40 p-0 sm:mx-8" }) })
       ] })
     }
   ) });
 }
-n(S, "ToolbarLayout");
-const D = h(S);
+p($, "ToolbarLayout");
+const Q = T($);
 export {
-  D as default
+  Q as default
 };
 //# sourceMappingURL=ToolbarLayout.js.map

package/dist/layout/components/toolbar/ToolbarLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarLayout.js","sources":["../../../../src/layout/components/toolbar/ToolbarLayout.tsx"],"sourcesContent":["import { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { OwpPageBreadcrumb as PageBreadcrumb } from '@/components/OwpPageBreadcrumb';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport {\n  useGetCurrentLayoutConfig,\n  useGetToolbarTheme,\n} from '@/hooks/useOwpSettings';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { alpha, ThemeProvider } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo } from 'react';\nimport FullScreenToggle from '../toggles/FullScreenToggle';\nimport LanguageSwitcherToggle from '../toggles/LanguageSwitcherToggle';\nimport LogoutToggle from '../toggles/LogoutToggle';\nimport NavigationSearchToggle from '../toggles/NavigationSearchToggle';\nimport NavigationShortcutsToggle from '../toggles/NavigationShortcutsToggle';\n\ntype ToolbarLayoutProps = {\n  className?: string;\n};\n\n/**\n * The toolbar layout.\n */\nfunction ToolbarLayout(props: ToolbarLayoutProps) {\n  const { className } = props;\n  const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const toolbarTheme = useGetToolbarTheme();\n  const { env } = useOwpAppContext();\n\n  return (\n    <ThemeProvider theme={toolbarTheme}>\n      <AppBar\n        id=\"owp-toolbar\"\n        className={clsx('relative z-20 flex border-b', className)}\n        color=\"default\"\n        sx={(theme) => ({\n          '--toolbar-surface-default': (toolbarTheme as any).palette.background.default,\n          '--toolbar-surface-paper': (toolbarTheme as any).palette.background.paper,\n          '--toolbar-surface-glow': alpha(\n            (toolbarTheme as any).palette.primary.light ??\n              (toolbarTheme as any).palette.primary.main,\n            theme.palette.mode === 'dark' ? 0.28 : 0.16,\n          ),\n          '--toolbar-surface-line': alpha(\n            theme.palette.common.white,\n            theme.palette.mode === 'dark' ? 0.14 : 0.72,\n          ),\n          '--toolbar-surface-button': alpha(\n            theme.palette.common.white,\n            theme.palette.mode === 'dark' ? 0.05 : 0.82,\n          ),\n          '--toolbar-surface-button-hover': alpha(\n            (toolbarTheme as any).palette.primary.light ??\n              (toolbarTheme as any).palette.primary.main,\n            theme.palette.mode === 'dark' ? 0.18 : 0.12,\n          ),\n          backgroundColor: 'var(--toolbar-surface-default)',\n          backgroundImage: `\n            radial-gradient(circle at 10% 16%, var(--toolbar-surface-glow) 0%, transparent 30%),\n            linear-gradient(115deg, ${alpha((toolbarTheme as any).palette.primary.light ?? (toolbarTheme as any).palette.primary.main, 0.16)} 0%, transparent 34%),\n            linear-gradient(180deg, var(--toolbar-surface-default) 0%, var(--toolbar-surface-paper) 100%)\n          `,\n          borderBottomColor: 'var(--toolbar-surface-line)',\n          boxShadow: `\n            inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.08 : 0.92)},\n            inset 0 -1px 0 ${alpha(theme.palette.common.black, theme.palette.mode === 'dark' ? 0.2 : 0.05)},\n            0 10px 28px ${alpha((toolbarTheme as any).palette.background.paper, theme.palette.mode === 'dark' ? 0.32 : 0.12)}\n          `,\n          '& .MuiIconButton-root': {\n            backgroundColor: 'var(--toolbar-surface-button)',\n            border: `1px solid ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.12 : 0.9)}`,\n            boxShadow: `inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.05 : 0.7)}`,\n            transition: theme.transitions.create(\n              ['background-color', 'border-color', 'transform'],\n              {\n                duration: theme.transitions.duration.shorter,\n              },\n            ),\n          },\n          '& .MuiIconButton-root:hover': {\n            backgroundColor: 'var(--toolbar-surface-button-hover)',\n            borderColor: alpha(\n              (toolbarTheme as any).palette.primary.light ??\n                (toolbarTheme as any).palette.primary.main,\n              theme.palette.mode === 'dark' ? 0.36 : 0.2,\n            ),\n            transform: 'translateY(-1px)',\n          },\n          '& .MuiBreadcrumbs-separator': {\n            color: alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.42 : 0.5),\n          },\n        })}\n        position=\"static\"\n        elevation={0}\n      >\n        <Toolbar className=\"min-h-48 px-6 py-0 md:min-h-64 md:px-[14px]\">\n          <div className=\"flex min-w-0 flex-1 items-center gap-8\">\n            {config.navbar.display && config.navbar.position === 'left' && (\n              <OwpHidden lgUp>\n                <NavbarToggleButton className=\"mx-0 h-40 w-40 p-0 sm:mx-8\" />\n              </OwpHidden>\n            )}\n\n            <PageBreadcrumb />\n          </div>\n\n          <div className=\"flex items-center overflow-x-auto gap-6\">\n            {env?.isI18nEnabled && env?.isI18nLanguageSwitcherEnabled && (\n              <LanguageSwitcherToggle canRefresh />\n            )}\n            <FullScreenToggle />\n            <NavigationSearchToggle />\n            <NavigationShortcutsToggle />\n            {!config.navbar.display && <LogoutToggle />}\n          </div>\n\n          {config.navbar.display && config.navbar.position === 'right' && (\n            <OwpHidden lgUp>\n              <NavbarToggleButton className=\"mx-0 h-40 w-40 p-0 sm:mx-8\" />\n            </OwpHidden>\n          )}\n        </Toolbar>\n      </AppBar>\n    </ThemeProvider>\n  );\n}\n\nexport default memo(ToolbarLayout);\n"],"names":["ToolbarLayout","props","className","config","useGetCurrentLayoutConfig","toolbarTheme","useGetToolbarTheme","env","useOwpAppContext","jsx","ThemeProvider","AppBar","clsx","__name","theme","alpha","jsxs","Toolbar","OwpHidden","NavbarToggleButton","PageBreadcrumb","LanguageSwitcherToggle","FullScreenToggle","NavigationSearchToggle","NavigationShortcutsToggle","LogoutToggle","ToolbarLayout$1","memo"],"mappings":"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"}
+{"version":3,"file":"ToolbarLayout.js","sources":["../../../../src/layout/components/toolbar/ToolbarLayout.tsx"],"sourcesContent":["import { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { OwpHidden } from '@/components/OwpHidden';\nimport { OwpPageBreadcrumb as PageBreadcrumb } from '@/components/OwpPageBreadcrumb';\nimport { LayoutConfigDefaultsType } from '@/configs/layoutConfig';\nimport {\n  useGetCurrentLayoutConfig,\n  useGetToolbarTheme,\n} from '@/hooks/useOwpSettings';\nimport NavbarToggleButton from '@/layout/components/navbar/NavbarToggleButton';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { alpha, ThemeProvider, type Theme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { memo } from 'react';\nimport FullScreenToggle from '../toggles/FullScreenToggle';\nimport LanguageSwitcherToggle from '../toggles/LanguageSwitcherToggle';\nimport LogoutToggle from '../toggles/LogoutToggle';\nimport NavigationSearchToggle from '../toggles/NavigationSearchToggle';\nimport NavigationShortcutsToggle from '../toggles/NavigationShortcutsToggle';\n\ntype ToolbarLayoutProps = {\n  className?: string;\n};\n\n/**\n * The toolbar layout.\n */\nfunction ToolbarLayout(props: ToolbarLayoutProps) {\n  const { className } = props;\n  const config = useGetCurrentLayoutConfig() as LayoutConfigDefaultsType;\n  const toolbarTheme = useGetToolbarTheme() as Theme;\n  const { env } = useOwpAppContext();\n  const toolbarPalette = toolbarTheme.palette;\n  const toolbarPrimary = toolbarPalette.primary.light ?? toolbarPalette.primary.main;\n\n  return (\n    <ThemeProvider theme={toolbarTheme}>\n      <AppBar\n        id=\"owp-toolbar\"\n        className={clsx('relative z-20 flex border-b', className)}\n        color=\"default\"\n        sx={(theme) => ({\n          '--toolbar-surface-default': toolbarPalette.background.default,\n          '--toolbar-surface-paper': toolbarPalette.background.paper,\n          '--toolbar-surface-line': theme.palette.divider,\n          '--toolbar-surface-button': alpha(\n            theme.palette.common.white,\n            theme.palette.mode === 'dark' ? 0.06 : 0.78,\n          ),\n          '--toolbar-surface-button-hover': alpha(\n            toolbarPrimary,\n            theme.palette.mode === 'dark' ? 0.14 : 0.08,\n          ),\n          backgroundColor: 'var(--toolbar-surface-default)',\n          backgroundImage:\n            'linear-gradient(180deg, var(--toolbar-surface-default) 0%, var(--toolbar-surface-paper) 100%)',\n          borderBottomColor: 'var(--toolbar-surface-line)',\n          boxShadow: `\n            inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.06 : 0.82)},\n            0 4px 16px ${alpha(theme.palette.common.black, theme.palette.mode === 'dark' ? 0.18 : 0.05)}\n          `,\n          '& .MuiIconButton-root': {\n            backgroundColor: 'var(--toolbar-surface-button)',\n            border: `1px solid ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.1 : 0.62)}`,\n            boxShadow: `inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.05 : 0.54)}`,\n            transition: theme.transitions.create(\n              ['background-color', 'border-color', 'box-shadow'],\n              {\n                duration: theme.transitions.duration.shorter,\n              },\n            ),\n          },\n          '& .MuiIconButton-root:hover': {\n            backgroundColor: 'var(--toolbar-surface-button-hover)',\n            borderColor: alpha(\n              toolbarPrimary,\n              theme.palette.mode === 'dark' ? 0.22 : 0.14,\n            ),\n            boxShadow: `inset 0 1px 0 ${alpha(theme.palette.common.white, theme.palette.mode === 'dark' ? 0.06 : 0.6)}`,\n          },\n          '& .MuiBreadcrumbs-separator': {\n            color: alpha(theme.palette.text.primary, theme.palette.mode === 'dark' ? 0.4 : 0.5),\n          },\n        })}\n        position=\"static\"\n        elevation={0}\n      >\n        <Toolbar className=\"min-h-48 px-6 py-0 md:min-h-64 md:px-[14px]\">\n          <div className=\"flex min-w-0 flex-1 items-center gap-8\">\n            {config.navbar.display && config.navbar.position === 'left' && (\n              <OwpHidden lgUp>\n                <NavbarToggleButton className=\"mx-0 h-40 w-40 p-0 sm:mx-8\" />\n              </OwpHidden>\n            )}\n\n            <PageBreadcrumb />\n          </div>\n\n          <div className=\"flex items-center overflow-x-auto gap-6\">\n            {env?.isI18nEnabled && env?.isI18nLanguageSwitcherEnabled && (\n              <LanguageSwitcherToggle canRefresh />\n            )}\n            <FullScreenToggle />\n            <NavigationSearchToggle />\n            <NavigationShortcutsToggle />\n            {!config.navbar.display && <LogoutToggle />}\n          </div>\n\n          {config.navbar.display && config.navbar.position === 'right' && (\n            <OwpHidden lgUp>\n              <NavbarToggleButton className=\"mx-0 h-40 w-40 p-0 sm:mx-8\" />\n            </OwpHidden>\n          )}\n        </Toolbar>\n      </AppBar>\n    </ThemeProvider>\n  );\n}\n\nexport default memo(ToolbarLayout);\n"],"names":["ToolbarLayout","props","className","config","useGetCurrentLayoutConfig","toolbarTheme","useGetToolbarTheme","env","useOwpAppContext","toolbarPalette","toolbarPrimary","jsx","ThemeProvider","AppBar","clsx","__name","theme","alpha","jsxs","Toolbar","OwpHidden","NavbarToggleButton","PageBreadcrumb","LanguageSwitcherToggle","FullScreenToggle","NavigationSearchToggle","NavigationShortcutsToggle","LogoutToggle","ToolbarLayout$1","memo"],"mappings":"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"}

package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js

@@ -1,6 +1,6 @@
 var f = Object.defineProperty;
 var t = (e, _) => f(e, "name", { value: _, configurable: !0 });
-import { __exports as r } from "../../../../../../../../_virtual/constants.js";
+import { __exports as r } from "../../../../../../../../_virtual/constants2.js";
 var i;
 function E() {
   if (i) return r;

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

@@ -1,6 +1,6 @@
 var q = Object.defineProperty;
 var O = (C, _) => q(C, "name", { value: _, configurable: !0 });
-import { __exports as r } from "../../../../../../../../_virtual/index6.js";
+import { __exports as r } from "../../../../../../../../_virtual/index7.js";
 import { __require as d } from "./CODE128_AUTO.js";
 import { __require as n } from "./CODE128A.js";
 import { __require as m } from "./CODE128B.js";

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

@@ -1,6 +1,6 @@
 var w = Object.defineProperty;
 var n = (f, a) => w(f, "name", { value: a, configurable: !0 });
-import { __exports as i } from "../../../../../../../../_virtual/index5.js";
+import { __exports as i } from "../../../../../../../../_virtual/index6.js";
 import { __require as k } from "../Barcode.js";
 var _;
 function P() {

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

@@ -1,6 +1,6 @@
 var D = Object.defineProperty;
 var C = (u, t) => D(u, "name", { value: t, configurable: !0 });
-import { __exports as e } from "../../../../../../../../_virtual/index12.js";
+import { __exports as e } from "../../../../../../../../_virtual/index13.js";
 import { __require as O } from "./CODE93.js";
 import { __require as E } from "./CODE93FullASCII.js";
 var l;