@prosophia/lab-minimal 0.0.2 → 0.0.4

package/dist/layouts/index.js

@@ -0,0 +1,389 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/layouts/index.ts
+var layouts_exports = {};
+__export(layouts_exports, {
+  RootLayout: () => RootLayout
+});
+module.exports = __toCommonJS(layouts_exports);
+
+// src/components/ClientLayout.tsx
+var import_react3 = require("react");
+var import_next_themes2 = require("next-themes");
+
+// src/components/Header.tsx
+var import_link = __toESM(require("next/link"));
+var import_react2 = require("react");
+var import_navigation = require("next/navigation");
+
+// src/components/Layout.module.css
+var Layout_default = {};
+
+// src/components/ThemeToggle.tsx
+var import_next_themes = require("next-themes");
+var import_react = require("react");
+var import_framer_motion = require("framer-motion");
+
+// src/components/ThemeToggle.module.css
+var ThemeToggle_default = {};
+
+// src/components/ThemeToggle.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ThemeToggle() {
+  const { theme, setTheme, resolvedTheme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: ThemeToggle_default.togglePlaceholder });
+  }
+  const isDark = resolvedTheme === "dark";
+  const toggleTheme = () => {
+    setTheme(isDark ? "light" : "dark");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_framer_motion.motion.button,
+    {
+      className: ThemeToggle_default.toggle,
+      onClick: toggleTheme,
+      "aria-label": `Switch to ${isDark ? "light" : "dark"} mode`,
+      whileTap: { scale: 0.95 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: ThemeToggle_default.track, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${ThemeToggle_default.icon} ${ThemeToggle_default.sunIcon} ${!isDark ? ThemeToggle_default.iconActive : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_framer_motion.motion.span,
+          {
+            className: ThemeToggle_default.thumb,
+            animate: { x: isDark ? 26 : 0 },
+            transition: { type: "spring", stiffness: 500, damping: 30 }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${ThemeToggle_default.icon} ${ThemeToggle_default.moonIcon} ${isDark ? ThemeToggle_default.iconActive : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }) })
+      ] })
+    }
+  );
+}
+
+// src/components/Header.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var navLinks = [
+  { href: "/research", label: "Research" },
+  { href: "/publications", label: "Publications" },
+  { href: "/people", label: "People" },
+  { href: "/news", label: "News" },
+  { href: "/pictures", label: "Gallery" }
+];
+function Header({ settings }) {
+  const [menuOpen, setMenuOpen] = (0, import_react2.useState)(false);
+  const [scrolled, setScrolled] = (0, import_react2.useState)(false);
+  const pathname = (0, import_navigation.usePathname)();
+  (0, import_react2.useEffect)(() => {
+    const handleScroll = () => {
+      setScrolled(window.scrollY > 20);
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    if (menuOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [menuOpen]);
+  (0, import_react2.useEffect)(() => {
+    setMenuOpen(false);
+  }, [pathname]);
+  const handleKeyDown = (0, import_react2.useCallback)((e) => {
+    if (e.key === "Escape" && menuOpen) {
+      setMenuOpen(false);
+    }
+  }, [menuOpen]);
+  (0, import_react2.useEffect)(() => {
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown]);
+  const isActive = (href) => {
+    if (href === "/") return pathname === "/";
+    return pathname.startsWith(href);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("header", { className: `${Layout_default.header} ${scrolled ? Layout_default.headerScrolled : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Layout_default.navContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_link.default, { href: "/", className: Layout_default.navLogo, "aria-label": "Go to homepage", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "svg",
+        {
+          width: "32",
+          height: "32",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "path",
+              {
+                d: "M12 2L2 7L12 12L22 7L12 2Z",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "path",
+              {
+                d: "M2 17L12 22L22 17",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "path",
+              {
+                d: "M2 12L12 17L22 12",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+        settings.labName || "Research",
+        settings.labNameAccent && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Layout_default.navLogoAccent, children: [
+          " ",
+          settings.labNameAccent
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("nav", { className: Layout_default.desktopNav, "aria-label": "Main navigation", children: navLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_link.default,
+      {
+        href: link.href,
+        className: `${Layout_default.navLink} ${isActive(link.href) ? Layout_default.navLinkActive : ""}`,
+        children: link.label
+      },
+      link.href
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Layout_default.navActions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeToggle, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_link.default, { href: "/contact", className: Layout_default.navCta, children: "Contact Us" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        className: Layout_default.menuButton,
+        onClick: () => setMenuOpen(!menuOpen),
+        "aria-label": menuOpen ? "Close menu" : "Open menu",
+        "aria-expanded": menuOpen,
+        "aria-controls": "mobile-menu",
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: Layout_default.menuButtonLines, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${Layout_default.menuLine} ${menuOpen ? Layout_default.menuLineOpen1 : ""}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${Layout_default.menuLine} ${menuOpen ? Layout_default.menuLineOpen2 : ""}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${Layout_default.menuLine} ${menuOpen ? Layout_default.menuLineOpen3 : ""}` })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        id: "mobile-menu",
+        className: `${Layout_default.mobileMenu} ${menuOpen ? Layout_default.mobileMenuOpen : ""}`,
+        "aria-hidden": !menuOpen,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "div",
+            {
+              className: Layout_default.mobileMenuOverlay,
+              onClick: () => setMenuOpen(false),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "nav",
+            {
+              className: Layout_default.mobileMenuContent,
+              "aria-label": "Mobile navigation",
+              children: [
+                navLinks.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_link.default,
+                  {
+                    href: link.href,
+                    className: `${Layout_default.mobileNavLink} ${isActive(link.href) ? Layout_default.mobileNavLinkActive : ""}`,
+                    style: { animationDelay: `${index * 50}ms` },
+                    tabIndex: menuOpen ? 0 : -1,
+                    children: link.label
+                  },
+                  link.href
+                )),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_link.default,
+                  {
+                    href: "/contact",
+                    className: Layout_default.mobileNavCta,
+                    style: { animationDelay: `${navLinks.length * 50}ms` },
+                    tabIndex: menuOpen ? 0 : -1,
+                    children: "Contact Us"
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/components/Footer.tsx
+var import_link2 = __toESM(require("next/link"));
+
+// src/components/Footer.module.css
+var Footer_default = {};
+
+// src/lib/utils.ts
+function isValidExternalUrl(url) {
+  if (!url || typeof url !== "string") return false;
+  try {
+    const parsed = new URL(url);
+    return parsed.protocol === "https:" || parsed.protocol === "http:";
+  } catch {
+    return false;
+  }
+}
+
+// src/components/Footer.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SocialIcon = ({ href, children }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", className: Footer_default.socialIcon, children });
+function Footer({ settings }) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const showPrivacy = settings?.showPrivacyPolicy !== false;
+  const showTerms = settings?.showTerms !== false;
+  const hasLegalLinks = showPrivacy || showTerms;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("footer", { className: Footer_default.footerWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.footerContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.mainFooter, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.footerAbout, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_link2.default, { href: "/", className: Footer_default.footerLogo, children: [
+          settings?.labName || "Cavendish",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Footer_default.logoAccent, children: settings?.labNameAccent || "Lab" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Footer_default.footerDescription, children: settings?.labNameDescription || "Advancing the frontiers of physics and our understanding of the universe." }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.socials, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SocialIcon, { href: "#", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SocialIcon, { href: "#", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.617l-5.21-6.817-6.044 6.817h-3.308l7.73-8.835-7.73-10.668h6.78l4.522 6.312 5.59-6.312z" }) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.footerLinksGrid, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.footerColumn, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h4", { children: "Quick Links" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/research", children: "Research" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/publications", children: "Publications" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/pictures", children: "Gallery" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.footerColumn, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h4", { children: "About" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/news", children: "News" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/people", children: "Our Team" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/contact", children: "Contact" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.footerColumn, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h4", { children: "Resources" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "https://www.cam.ac.uk/", children: "University" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "#", children: "Careers" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.footerBottomBar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: settings?.footerText || `\xA9 ${currentYear} The Research Group. All Rights Reserved.` }),
+      hasLegalLinks && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Footer_default.legalLinks, children: [
+        showPrivacy && (settings?.privacyPolicyUrl && isValidExternalUrl(settings.privacyPolicyUrl) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: settings.privacyPolicyUrl, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/privacy", children: "Privacy Policy" })),
+        showTerms && (settings?.termsUrl && isValidExternalUrl(settings.termsUrl) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: settings.termsUrl, target: "_blank", rel: "noopener noreferrer", children: "Terms & Conditions" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link2.default, { href: "/terms", children: "Terms & Conditions" }))
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/ClientLayout.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ThemeBodySync() {
+  const { resolvedTheme } = (0, import_next_themes2.useTheme)();
+  (0, import_react3.useEffect)(() => {
+    if (resolvedTheme === "dark") {
+      document.body.classList.add("dark-mode");
+      document.body.classList.remove("light-mode");
+    } else {
+      document.body.classList.add("light-mode");
+      document.body.classList.remove("dark-mode");
+    }
+  }, [resolvedTheme]);
+  return null;
+}
+function ClientLayout({ children, settings }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_next_themes2.ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ThemeBodySync, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pageWrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Header, { settings }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("main", { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Footer, { settings })
+    ] })
+  ] });
+}
+
+// src/layouts/RootLayout.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function RootLayout({
+  children,
+  settings = null
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClientLayout, { settings: settings || {}, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RootLayout
+});