@owp/core 2.5.3 → 2.5.5

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

@@ -1,12 +1,13 @@
-var C = Object.defineProperty;
-var d = (t, r) => C(t, "name", { value: r, configurable: !0 });
-import { jsx as e, jsxs as A } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpAppContext as O } from "../../../contexts/OwpAppProvider.js";
-import { useGetLogoSrc as k } from "../../../hooks/useLogoSrc.js";
-import { Skeleton as z } from "@mui/material";
-import { styled as q } from "@mui/material/styles";
-import { useRef as I, useState as S, useLayoutEffect as F } from "react";
-const B = q("div")(({ theme: t }) => ({
+var A = Object.defineProperty;
+var m = (t, r) => A(t, "name", { value: r, configurable: !0 });
+import { jsx as e, jsxs 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 { useOwpAppContext as k } from "../../../contexts/OwpAppProvider.js";
+import { useGetLogoSrc as z } from "../../../hooks/useLogoSrc.js";
+import { Skeleton as q } from "@mui/material";
+import { styled as B } from "@mui/material/styles";
+import { useRef as I, useState as w, useLayoutEffect as F } from "react";
+const M = B("div")(({ theme: t }) => ({
+  height: "100%",
   minWidth: 0,
   maxWidth: "100%",
   "& > .logo-icon": {
@@ -20,10 +21,13 @@ const B = q("div")(({ theme: t }) => ({
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-start",
+    width: "100%",
+    height: "100%",
     minWidth: 0,
     minHeight: 0,
     maxWidth: "100%",
     maxHeight: "100%",
+    flexShrink: 1,
     overflow: "visible"
   },
   "& > .logo-slot > .logo-slot-frame": {
@@ -76,63 +80,63 @@ const B = q("div")(({ theme: t }) => ({
     })
   }
 }));
-function K() {
-  const t = k(), { slots: r, slotProps: m } = O(), s = r == null ? void 0 : r.logo, a = m == null ? void 0 : m.logo, b = ["owp-logo-slot-content", a == null ? void 0 : a.className].filter(Boolean).join(" "), w = I(null), N = I(null), [L, f] = S(1), [H, g] = S({}), [R, l] = S(!s);
+function Q() {
+  const t = z(), { slots: r, slotProps: h } = k(), i = r == null ? void 0 : r.logo, a = h == null ? void 0 : h.logo, b = ["owp-logo-slot-content", a == null ? void 0 : a.className].filter(Boolean).join(" "), N = I(null), R = I(null), [L, g] = w(1), [H, f] = w({}), [l, c] = w(!i);
   return F(() => {
-    if (!s) {
-      f(1), g({}), l(!0);
+    if (!i) {
+      g(1), f({}), c(!0);
       return;
     }
-    const c = w.current, n = N.current, h = c == null ? void 0 : c.parentElement;
-    if (!c || !n || !h)
+    const d = N.current, o = R.current, u = d == null ? void 0 : d.parentElement;
+    if (!d || !o || !u)
       return;
-    let u = 0;
-    l(!1);
-    const j = /* @__PURE__ */ d(() => {
-      const { width: o, height: E } = h.getBoundingClientRect(), v = n.scrollWidth || n.offsetWidth, x = n.scrollHeight || n.offsetHeight;
-      if (!o || !E || !v || !x) {
-        f(1), g({}), l(!1);
+    let p = 0;
+    c(!1);
+    const j = /* @__PURE__ */ m(() => {
+      const { width: n, height: E } = u.getBoundingClientRect(), C = o.getBoundingClientRect(), x = C.width || o.scrollWidth || o.offsetWidth, y = C.height || o.scrollHeight || o.offsetHeight;
+      if (!n || !E || !x || !y) {
+        g(1), f({}), c(!1);
         return;
       }
-      const y = Math.min(o / v, E / x, 1);
-      f(y), g({
-        width: v * y,
-        height: x * y
-      }), l(!0);
-    }, "updateScale"), i = /* @__PURE__ */ d(() => {
-      cancelAnimationFrame(u), u = requestAnimationFrame(j);
+      const S = Math.min(n / x, E / y, 1);
+      g(S), f({
+        width: x * S,
+        height: y * S
+      }), c(!0);
+    }, "updateScale"), s = /* @__PURE__ */ m(() => {
+      cancelAnimationFrame(p), p = requestAnimationFrame(j);
     }, "requestUpdate");
-    i();
-    const p = new ResizeObserver(i);
-    p.observe(h), p.observe(n);
-    const W = Array.from(n.querySelectorAll("img"));
-    return W.forEach((o) => {
-      o.addEventListener("load", i), o.addEventListener("error", i);
+    s();
+    const v = new ResizeObserver(s);
+    v.observe(u), v.observe(o);
+    const W = Array.from(o.querySelectorAll("img"));
+    return W.forEach((n) => {
+      n.addEventListener("load", s), n.addEventListener("error", s);
     }), () => {
-      cancelAnimationFrame(u), p.disconnect(), W.forEach((o) => {
-        o.removeEventListener("load", i), o.removeEventListener("error", i);
+      cancelAnimationFrame(p), v.disconnect(), W.forEach((n) => {
+        n.removeEventListener("load", s), n.removeEventListener("error", s);
       });
     };
-  }, [s]), /* @__PURE__ */ e(B, { ref: w, className: "flex items-center space-x-8", children: s ? /* @__PURE__ */ A("div", { className: "logo-icon logo-slot", children: [
-    !R && /* @__PURE__ */ e(z, { animation: "wave", variant: "rounded", className: "logo-slot-skeleton" }),
+  }, [i]), /* @__PURE__ */ e(M, { ref: N, className: "flex items-center space-x-8", children: i ? /* @__PURE__ */ O("div", { className: "logo-icon logo-slot", children: [
+    !l && /* @__PURE__ */ e(q, { animation: "wave", variant: "rounded", className: "logo-slot-skeleton" }),
     /* @__PURE__ */ e(
       "div",
       {
         className: "logo-slot-frame",
         style: {
           transform: "translateX(-8px)",
-          width: H.width,
-          height: H.height,
-          visibility: R ? "visible" : "hidden"
+          width: l ? H.width : 0,
+          height: l ? H.height : 0,
+          visibility: l ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ e("div", { className: "logo-slot-transform", style: { transform: `scale(${L})` }, children: /* @__PURE__ */ e("div", { className: "logo-slot-content", children: /* @__PURE__ */ e(s, { ...a, className: b }) }) })
+        children: /* @__PURE__ */ e("div", { className: "logo-slot-transform", style: { transform: `scale(${L})` }, children: /* @__PURE__ */ e("div", { className: "logo-slot-content", children: /* @__PURE__ */ e(i, { ...a, className: b }) }) })
       }
     ),
-    /* @__PURE__ */ e("div", { ref: N, className: "logo-slot-measure", "aria-hidden": !0, children: /* @__PURE__ */ e(s, { ...a, className: b }) })
+    /* @__PURE__ */ e("div", { ref: R, className: "logo-slot-measure", "aria-hidden": !0, children: /* @__PURE__ */ e(i, { ...a, className: b }) })
   ] }) : /* @__PURE__ */ e("img", { className: "logo-icon", src: t, alt: "logo" }) });
 }
-d(K, "Logo");
+m(Q, "Logo");
 export {
-  K as default
+  Q as default
 };
 //# sourceMappingURL=Logo.js.map

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

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

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

@@ -18,11 +18,11 @@ import { styled as te } from "@mui/material/styles";
 import z from "@mui/material/TextField";
 import ne from "@mui/material/Tooltip";
 import E from "@mui/material/Typography";
-import D from "../../../_virtual/index17.js";
-import re from "../../../_virtual/index18.js";
+import D from "../../../_virtual/index16.js";
+import re from "../../../_virtual/index17.js";
 import { clsx as B } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { useMemo as oe, useReducer as ie, useRef as T, useEffect as se } from "react";
-import W from "../../../_virtual/index19.js";
+import W from "../../../_virtual/index18.js";
 import { useNavigate as ae } from "react-router-dom";
 import { toolbarToggleSx as le } from "./toggleStyles.js";
 import { OwpSvgIcon as w } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";

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

@@ -0,0 +1,51 @@
+var d = Object.defineProperty;
+var l = (n, a) => d(n, "name", { value: a, configurable: !0 });
+import { jsx as s } 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 p } from "../../../contexts/OwpAppProvider.js";
+import { preloadOnIdle as h } from "../../../utils/preloadOnIdle.js";
+import w 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/PaletteOutlined.js";
+import P from "@mui/material/IconButton";
+import g from "@mui/material/Tooltip";
+import { clsx as T } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useDialogs as v } from "@toolpad/core/useDialogs";
+import { useRef as D, useCallback as b, useEffect as x } from "react";
+import { toolbarToggleSx as E } from "./toggleStyles.js";
+function z(n) {
+  const { className: a = "" } = n, u = v(), { env: e } = p(), t = D(null), m = (e == null ? void 0 : e.isThemePreviewEnabled) === !0, o = e == null ? void 0 : e.themePreviewDialogLoader, i = b(() => o ? (t.current || (t.current = o().catch((r) => {
+    throw t.current = null, r;
+  })), t.current) : Promise.resolve(null), [o]);
+  if (x(() => {
+    if (!(!m || !o))
+      return h(() => i());
+  }, [m, i, o]), !m || !o)
+    return null;
+  const f = /* @__PURE__ */ l(async () => {
+    try {
+      const r = await i();
+      if (!r)
+        return;
+      await u.open(r.ThemePreviewDialog, {});
+    } catch (r) {
+      console.error(r);
+    }
+  }, "handleOpenThemePreviewDialog"), c = /* @__PURE__ */ l(() => {
+    i();
+  }, "handlePreloadThemePreviewDialog");
+  return /* @__PURE__ */ s(g, { title: "Theme Preview", placement: "bottom", children: /* @__PURE__ */ s(
+    P,
+    {
+      sx: E,
+      onClick: f,
+      onMouseEnter: c,
+      onFocus: c,
+      className: T(a),
+      "aria-label": "Theme Preview",
+      children: /* @__PURE__ */ s(w, { fontSize: "small" })
+    }
+  ) });
+}
+l(z, "ThemePreviewToggle");
+export {
+  z as default
+};
+//# sourceMappingURL=ThemePreviewToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreviewToggle.js","sources":["../../../../src/layout/components/toggles/ThemePreviewToggle.tsx"],"sourcesContent":["import { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { preloadOnIdle } from '@/utils/preloadOnIdle';\nimport PaletteOutlinedIcon from '@mui/icons-material/PaletteOutlined';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport clsx from 'clsx';\nimport { type DialogComponent, useDialogs } from '@toolpad/core/useDialogs';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype ThemePreviewDialogModule = {\n  ThemePreviewDialog: DialogComponent<unknown, unknown>;\n};\n\ntype ThemePreviewDialogLoader = () => Promise<ThemePreviewDialogModule>;\n\ntype ThemePreviewToggleProps = {\n  className?: string;\n};\n\nfunction ThemePreviewToggle(props: ThemePreviewToggleProps) {\n  const { className = '' } = props;\n  const dialogs = useDialogs();\n  const { env } = useOwpAppContext();\n  const dialogModulePromiseRef = useRef<Promise<ThemePreviewDialogModule> | null>(null);\n  const isThemePreviewEnabled = env?.isThemePreviewEnabled === true;\n  const themePreviewDialogLoader = env?.themePreviewDialogLoader as\n    | ThemePreviewDialogLoader\n    | undefined;\n\n  const loadThemePreviewDialog = useCallback(() => {\n    if (!themePreviewDialogLoader) {\n      return Promise.resolve(null);\n    }\n\n    if (!dialogModulePromiseRef.current) {\n      dialogModulePromiseRef.current = themePreviewDialogLoader().catch((error) => {\n        dialogModulePromiseRef.current = null;\n        throw error;\n      });\n    }\n\n    return dialogModulePromiseRef.current;\n  }, [themePreviewDialogLoader]);\n\n  useEffect(() => {\n    if (!isThemePreviewEnabled || !themePreviewDialogLoader) {\n      return;\n    }\n\n    return preloadOnIdle(() => loadThemePreviewDialog());\n  }, [isThemePreviewEnabled, loadThemePreviewDialog, themePreviewDialogLoader]);\n\n  if (!isThemePreviewEnabled || !themePreviewDialogLoader) {\n    return null;\n  }\n\n  const handleOpenThemePreviewDialog = async () => {\n    try {\n      const dialogModule = await loadThemePreviewDialog();\n\n      if (!dialogModule) {\n        return;\n      }\n\n      await dialogs.open(dialogModule.ThemePreviewDialog, {});\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  const handlePreloadThemePreviewDialog = () => {\n    void loadThemePreviewDialog();\n  };\n\n  return (\n    <Tooltip title=\"Theme Preview\" placement=\"bottom\">\n      <IconButton\n        sx={toolbarToggleSx}\n        onClick={handleOpenThemePreviewDialog}\n        onMouseEnter={handlePreloadThemePreviewDialog}\n        onFocus={handlePreloadThemePreviewDialog}\n        className={clsx(className)}\n        aria-label=\"Theme Preview\"\n      >\n        <PaletteOutlinedIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n  );\n}\n\nexport default ThemePreviewToggle;\n"],"names":["ThemePreviewToggle","props","className","dialogs","useDialogs","env","useOwpAppContext","dialogModulePromiseRef","useRef","isThemePreviewEnabled","themePreviewDialogLoader","loadThemePreviewDialog","useCallback","error","useEffect","preloadOnIdle","handleOpenThemePreviewDialog","__name","dialogModule","handlePreloadThemePreviewDialog","jsx","Tooltip","IconButton","toolbarToggleSx","clsx","PaletteOutlinedIcon"],"mappings":";;;;;;;;;;;;AAoBA,SAASA,EAAmBC,GAAgC;AAC1D,QAAM,EAAE,WAAAC,IAAY,GAAA,IAAOD,GACrBE,IAAUC,EAAA,GACV,EAAE,KAAAC,EAAA,IAAQC,EAAA,GACVC,IAAyBC,EAAiD,IAAI,GAC9EC,KAAwBJ,KAAA,gBAAAA,EAAK,2BAA0B,IACvDK,IAA2BL,KAAA,gBAAAA,EAAK,0BAIhCM,IAAyBC,EAAY,MACpCF,KAIAH,EAAuB,YAC1BA,EAAuB,UAAUG,EAAA,EAA2B,MAAM,CAACG,MAAU;AAC3E,UAAAN,EAAuB,UAAU,MAC3BM;AAAA,EACR,CAAC,IAGIN,EAAuB,WAVrB,QAAQ,QAAQ,IAAI,GAW5B,CAACG,CAAwB,CAAC;AAU7B,MARAI,EAAU,MAAM;AACd,QAAI,GAACL,KAAyB,CAACC;AAI/B,aAAOK,EAAc,MAAMJ,GAAwB;AAAA,EACrD,GAAG,CAACF,GAAuBE,GAAwBD,CAAwB,CAAC,GAExE,CAACD,KAAyB,CAACC;AAC7B,WAAO;AAGT,QAAMM,IAA+B,gBAAAC,EAAA,YAAY;AAC/C,QAAI;AACF,YAAMC,IAAe,MAAMP,EAAA;AAE3B,UAAI,CAACO;AACH;AAGF,YAAMf,EAAQ,KAAKe,EAAa,oBAAoB,CAAA,CAAE;AAAA,IACxD,SAASL,GAAO;AACd,cAAQ,MAAMA,CAAK;AAAA,IACrB;AAAA,EACF,GAZqC,iCAc/BM,IAAkC,gBAAAF,EAAA,MAAM;AAC5C,IAAKN,EAAA;AAAA,EACP,GAFwC;AAIxC,SACE,gBAAAS,EAACC,GAAA,EAAQ,OAAM,iBAAgB,WAAU,UACvC,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAIC;AAAA,MACJ,SAASP;AAAA,MACT,cAAcG;AAAA,MACd,SAASA;AAAA,MACT,WAAWK,EAAKtB,CAAS;AAAA,MACzB,cAAW;AAAA,MAEX,UAAA,gBAAAkB,EAACK,GAAA,EAAoB,UAAS,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,GAE1C;AAEJ;AArESR,EAAAjB,GAAA;"}

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

@@ -6,8 +6,8 @@ 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 w from "@mui/material/Toolbar";
+import { alpha as a, ThemeProvider as h } 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 T } from "react";
 import y from "../toggles/FullScreenToggle.js";
@@ -15,10 +15,11 @@ 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) {
+import L from "../toggles/ThemePreviewToggle.js";
+import $ from "../../../components/OwpPageBreadcrumb/OwpPageBreadcrumb.js";
+function I(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(
+  return /* @__PURE__ */ r(h, { theme: d, children: /* @__PURE__ */ r(
     v,
     {
       id: "owp-toolbar",
@@ -47,6 +48,7 @@ function $(i) {
           backgroundColor: "var(--toolbar-surface-button)",
           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)}`,
+          color: o.palette.text.primary,
           transition: o.transitions.create(
             ["background-color", "border-color", "box-shadow"],
             {
@@ -68,12 +70,13 @@ function $(i) {
       }), "sx"),
       position: "static",
       elevation: 0,
-      children: /* @__PURE__ */ m(h, { className: "min-h-48 px-6 py-0 md:min-h-64 md:px-[14px]", children: [
+      children: /* @__PURE__ */ m(w, { 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: [
           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__ */ r($, {})
         ] }),
         /* @__PURE__ */ m("div", { className: "flex items-center overflow-x-auto gap-6", children: [
+          /* @__PURE__ */ r(L, {}),
           (t == null ? void 0 : t.isI18nEnabled) && (t == null ? void 0 : t.isI18nLanguageSwitcherEnabled) && /* @__PURE__ */ r(N, { canRefresh: !0 }),
           /* @__PURE__ */ r(y, {}),
           /* @__PURE__ */ r(S, {}),
@@ -85,9 +88,9 @@ function $(i) {
     }
   ) });
 }
-p($, "ToolbarLayout");
-const Q = T($);
+p(I, "ToolbarLayout");
+const W = T(I);
 export {
-  Q as default
+  W 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, 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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"}
+{"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';\nimport ThemePreviewToggle from '../toggles/ThemePreviewToggle';\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            color: theme.palette.text.primary,\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            <ThemePreviewToggle />\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","ThemePreviewToggle","LanguageSwitcherToggle","FullScreenToggle","NavigationSearchToggle","NavigationShortcutsToggle","LogoutToggle","ToolbarLayout$1","memo"],"mappings":"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"}

package/dist/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/CheckCircleOutline.js

@@ -0,0 +1,9 @@
+import { j as e } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as t } from "@mui/material/utils";
+const r = t(/* @__PURE__ */ e.jsx("path", {
+  d: "M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
+}), "CheckCircleOutline");
+export {
+  r as default
+};
+//# sourceMappingURL=CheckCircleOutline.js.map

package/dist/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/CheckCircleOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckCircleOutline.js","sources":["../../../../../../../../../../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/CheckCircleOutline.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8\"\n}), 'CheckCircleOutline');"],"names":["CheckCircleOutlineIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,oBAAoB;","x_google_ignoreList":[0]}

package/dist/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/DownloadOutlined.js

@@ -0,0 +1,9 @@
+import { j as o } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as t } from "@mui/material/utils";
+const e = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M19 9h-4V3H9v6H5l7 7zm-8 2V5h2v6h1.17L12 13.17 9.83 11zm-6 7h14v2H5z"
+}), "DownloadOutlined");
+export {
+  e as default
+};
+//# sourceMappingURL=DownloadOutlined.js.map

package/dist/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/DownloadOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadOutlined.js","sources":["../../../../../../../../../../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/DownloadOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 9h-4V3H9v6H5l7 7zm-8 2V5h2v6h1.17L12 13.17 9.83 11zm-6 7h14v2H5z\"\n}), 'DownloadOutlined');"],"names":["DownloadOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,kBAAkB;","x_google_ignoreList":[0]}

package/dist/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/ErrorOutline.js

@@ -0,0 +1,9 @@
+import { j as r } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as o } from "@mui/material/utils";
+const e = o(/* @__PURE__ */ r.jsx("path", {
+  d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
+}), "ErrorOutline");
+export {
+  e as default
+};
+//# sourceMappingURL=ErrorOutline.js.map

package/dist/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/ErrorOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorOutline.js","sources":["../../../../../../../../../../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/ErrorOutline.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8\"\n}), 'ErrorOutline');"],"names":["ErrorOutlineIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,cAAc;","x_google_ignoreList":[0]}

package/dist/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/InfoOutlined.js

@@ -0,0 +1,9 @@
+import { j as o } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as t } from "@mui/material/utils";
+const s = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
+}), "InfoOutlined");
+export {
+  s as default
+};
+//# sourceMappingURL=InfoOutlined.js.map

package/dist/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/InfoOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoOutlined.js","sources":["../../../../../../../../../../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/InfoOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8\"\n}), 'InfoOutlined');"],"names":["InfoOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,cAAc;","x_google_ignoreList":[0]}

package/dist/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/KeyboardArrowUpRounded.js

@@ -0,0 +1,9 @@
+import { j as o } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as r } from "@mui/material/utils";
+const a = r(/* @__PURE__ */ o.jsx("path", {
+  d: "M8.12 14.71 12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0"
+}), "KeyboardArrowUpRounded");
+export {
+  a as default
+};
+//# sourceMappingURL=KeyboardArrowUpRounded.js.map

package/dist/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/KeyboardArrowUpRounded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardArrowUpRounded.js","sources":["../../../../../../../../../../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/KeyboardArrowUpRounded.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M8.12 14.71 12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0\"\n}), 'KeyboardArrowUpRounded');"],"names":["KeyboardArrowUpRoundedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,wBAAwB;","x_google_ignoreList":[0]}

package/dist/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/MenuRounded.js

@@ -0,0 +1,9 @@
+import { j as c } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as o } from "@mui/material/utils";
+const t = o(/* @__PURE__ */ c.jsx("path", {
+  d: "M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1m0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1M3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1"
+}), "MenuRounded");
+export {
+  t as default
+};
+//# sourceMappingURL=MenuRounded.js.map

package/dist/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/MenuRounded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRounded.js","sources":["../../../../../../../../../../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/MenuRounded.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1m0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1M3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1\"\n}), 'MenuRounded');"],"names":["MenuRoundedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,aAAa;","x_google_ignoreList":[0]}

package/dist/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/NotificationsNoneOutlined.js

@@ -0,0 +1,9 @@
+import { j as o } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as t } from "@mui/material/utils";
+const n = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"
+}), "NotificationsNoneOutlined");
+export {
+  n as default
+};
+//# sourceMappingURL=NotificationsNoneOutlined.js.map

package/dist/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/NotificationsNoneOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsNoneOutlined.js","sources":["../../../../../../../../../../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/NotificationsNoneOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z\"\n}), 'NotificationsNoneOutlined');"],"names":["NotificationsNoneOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,2BAA2B;","x_google_ignoreList":[0]}

package/dist/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/PaletteOutlined.js

@@ -0,0 +1,25 @@
+import { j as c } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as e } from "@mui/material/utils";
+const s = e([/* @__PURE__ */ c.jsx("path", {
+  d: "M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.04 10 9c0 3.31-2.69 6-6 6h-1.77c-.28 0-.5.22-.5.5 0 .12.05.23.13.33.41.47.64 1.06.64 1.67 0 1.38-1.12 2.5-2.5 2.5m0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8c.28 0 .5-.22.5-.5 0-.16-.08-.28-.14-.35-.41-.46-.63-1.05-.63-1.65 0-1.38 1.12-2.5 2.5-2.5H16c2.21 0 4-1.79 4-4 0-3.86-3.59-7-8-7"
+}, "0"), /* @__PURE__ */ c.jsx("circle", {
+  cx: "6.5",
+  cy: "11.5",
+  r: "1.5"
+}, "1"), /* @__PURE__ */ c.jsx("circle", {
+  cx: "9.5",
+  cy: "7.5",
+  r: "1.5"
+}, "2"), /* @__PURE__ */ c.jsx("circle", {
+  cx: "14.5",
+  cy: "7.5",
+  r: "1.5"
+}, "3"), /* @__PURE__ */ c.jsx("circle", {
+  cx: "17.5",
+  cy: "11.5",
+  r: "1.5"
+}, "4")], "PaletteOutlined");
+export {
+  s as default
+};
+//# sourceMappingURL=PaletteOutlined.js.map

package/dist/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/PaletteOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteOutlined.js","sources":["../../../../../../../../../../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/PaletteOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon([/*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.04 10 9c0 3.31-2.69 6-6 6h-1.77c-.28 0-.5.22-.5.5 0 .12.05.23.13.33.41.47.64 1.06.64 1.67 0 1.38-1.12 2.5-2.5 2.5m0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8c.28 0 .5-.22.5-.5 0-.16-.08-.28-.14-.35-.41-.46-.63-1.05-.63-1.65 0-1.38 1.12-2.5 2.5-2.5H16c2.21 0 4-1.79 4-4 0-3.86-3.59-7-8-7\"\n}, \"0\"), /*#__PURE__*/_jsx(\"circle\", {\n  cx: \"6.5\",\n  cy: \"11.5\",\n  r: \"1.5\"\n}, \"1\"), /*#__PURE__*/_jsx(\"circle\", {\n  cx: \"9.5\",\n  cy: \"7.5\",\n  r: \"1.5\"\n}, \"2\"), /*#__PURE__*/_jsx(\"circle\", {\n  cx: \"14.5\",\n  cy: \"7.5\",\n  r: \"1.5\"\n}, \"3\"), /*#__PURE__*/_jsx(\"circle\", {\n  cx: \"17.5\",\n  cy: \"11.5\",\n  r: \"1.5\"\n}, \"4\")], 'PaletteOutlined');"],"names":["PaletteOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAAc,CAAcC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACtD,GAAG;AACL,GAAG,GAAG,GAAgBA,gBAAAA,EAAAA,IAAK,UAAU;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,GAAG,GAAgBA,gBAAAA,EAAAA,IAAK,UAAU;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,GAAG,GAAgBA,gBAAAA,EAAAA,IAAK,UAAU;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,GAAG,GAAgBA,gBAAAA,EAAAA,IAAK,UAAU;AAAA,EACnC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,GAAG,CAAC,GAAG,iBAAiB;","x_google_ignoreList":[0]}

package/dist/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/RestoreOutlined.js

@@ -0,0 +1,9 @@
+import { j as t } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as e } from "@mui/material/utils";
+const r = e(/* @__PURE__ */ t.jsx("path", {
+  d: "M13 3c-4.97 0-9 4.03-9 9H1l4 3.99L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9m-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z"
+}), "RestoreOutlined");
+export {
+  r as default
+};
+//# sourceMappingURL=RestoreOutlined.js.map

package/dist/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/RestoreOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RestoreOutlined.js","sources":["../../../../../../../../../../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/RestoreOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M13 3c-4.97 0-9 4.03-9 9H1l4 3.99L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9m-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z\"\n}), 'RestoreOutlined');"],"names":["RestoreOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,iBAAiB;","x_google_ignoreList":[0]}

package/dist/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/SaveOutlined.js

@@ -0,0 +1,9 @@
+import { j as t } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as e } from "@mui/material/utils";
+const a = e(/* @__PURE__ */ t.jsx("path", {
+  d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm2 16H5V5h11.17L19 7.83zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3M6 6h9v4H6z"
+}), "SaveOutlined");
+export {
+  a as default
+};
+//# sourceMappingURL=SaveOutlined.js.map

package/dist/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/SaveOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveOutlined.js","sources":["../../../../../../../../../../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/SaveOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm2 16H5V5h11.17L19 7.83zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3M6 6h9v4H6z\"\n}), 'SaveOutlined');"],"names":["SaveOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,cAAc;","x_google_ignoreList":[0]}

package/dist/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/SpaceDashboardOutlined.js

@@ -0,0 +1,9 @@
+import { j as a } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as o } from "@mui/material/utils";
+const e = o(/* @__PURE__ */ a.jsx("path", {
+  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M5 19V5h6v14zm14 0h-6v-7h6zm0-9h-6V5h6z"
+}), "SpaceDashboardOutlined");
+export {
+  e as default
+};
+//# sourceMappingURL=SpaceDashboardOutlined.js.map

package/dist/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/SpaceDashboardOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceDashboardOutlined.js","sources":["../../../../../../../../../../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/SpaceDashboardOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M5 19V5h6v14zm14 0h-6v-7h6zm0-9h-6V5h6z\"\n}), 'SpaceDashboardOutlined');"],"names":["SpaceDashboardOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,wBAAwB;","x_google_ignoreList":[0]}

package/dist/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/UploadFileOutlined.js

@@ -0,0 +1,9 @@
+import { j as o } from "../../../../../../../_virtual/jsx-runtime.js";
+import { createSvgIcon as t } from "@mui/material/utils";
+const a = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"
+}), "UploadFileOutlined");
+export {
+  a as default
+};
+//# sourceMappingURL=UploadFileOutlined.js.map