@prosophia/lab-techy 0.0.3 → 0.0.4

package/dist/index.mjs

@@ -1,7 +1,11 @@
 // src/components/Footer.tsx
 import Link from "next/link";
 import { motion } from "framer-motion";
-import styles from "./Footer.module.css";
+
+// src/components/Footer.module.css
+var Footer_default = {};
+
+// src/components/Footer.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var footerVariants = {
   hidden: { opacity: 0, y: 20 },
@@ -17,17 +21,17 @@ var footerVariants = {
 function getSocialIcon(platform) {
   switch (platform) {
     case "twitter":
-      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" }) });
+      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" }) });
     case "github":
-      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }) });
+      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }) });
     case "linkedin":
-      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", 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" }) });
+      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", 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" }) });
     case "youtube":
-      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) });
+      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) });
     case "scholar":
-      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: styles.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M5.242 13.769L0 9.5 12 0l12 9.5-5.242 4.269C17.548 11.249 14.978 9.5 12 9.5c-2.977 0-5.548 1.748-6.758 4.269zM12 10a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" }) });
+      return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", fill: "currentColor", viewBox: "0 0 24 24", className: Footer_default.socialIcon, children: /* @__PURE__ */ jsx("path", { d: "M5.242 13.769L0 9.5 12 0l12 9.5-5.242 4.269C17.548 11.249 14.978 9.5 12 9.5c-2.977 0-5.548 1.748-6.758 4.269zM12 10a7 7 0 1 0 0 14 7 7 0 0 0 0-14z" }) });
     default:
-      return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: "2", className: styles.socialIcon, children: [
+      return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: "2", className: Footer_default.socialIcon, children: [
         /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
         /* @__PURE__ */ jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
         /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
@@ -46,24 +50,24 @@ function Footer({ footerData }) {
   return /* @__PURE__ */ jsx(
     motion.footer,
     {
-      className: styles.footer,
+      className: Footer_default.footer,
       initial: "hidden",
       whileInView: "visible",
       viewport: { once: true },
       variants: footerVariants,
-      children: /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.grid, children: [
-          /* @__PURE__ */ jsxs("div", { className: styles.brandSection, children: [
-            /* @__PURE__ */ jsxs("div", { className: styles.logo, children: [
-              /* @__PURE__ */ jsx("div", { className: styles.logoIcon, children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", children: "science" }) }),
-              /* @__PURE__ */ jsx("h2", { className: styles.logoText, children: labName })
+      children: /* @__PURE__ */ jsxs("div", { className: Footer_default.container, children: [
+        /* @__PURE__ */ jsxs("div", { className: Footer_default.grid, children: [
+          /* @__PURE__ */ jsxs("div", { className: Footer_default.brandSection, children: [
+            /* @__PURE__ */ jsxs("div", { className: Footer_default.logo, children: [
+              /* @__PURE__ */ jsx("div", { className: Footer_default.logoIcon, children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined", children: "science" }) }),
+              /* @__PURE__ */ jsx("h2", { className: Footer_default.logoText, children: labName })
             ] }),
-            /* @__PURE__ */ jsx("p", { className: styles.description, children: footerText }),
-            /* @__PURE__ */ jsx("div", { className: styles.socialLinks, children: socialLinks.map((social, index) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("p", { className: Footer_default.description, children: footerText }),
+            /* @__PURE__ */ jsx("div", { className: Footer_default.socialLinks, children: socialLinks.map((social, index) => /* @__PURE__ */ jsx(
               "a",
               {
                 href: social.url,
-                className: styles.socialLink,
+                className: Footer_default.socialLink,
                 "aria-label": social.platform,
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -72,26 +76,26 @@ function Footer({ footerData }) {
               index
             )) })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: styles.linksSection, children: [
-            /* @__PURE__ */ jsx("h3", { className: styles.linksSectionTitle, children: "Research" }),
-            /* @__PURE__ */ jsxs("ul", { className: styles.linksList, children: [
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/research", className: styles.link, children: "Projects" }) }),
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: styles.link, children: "Publications" }) }),
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: styles.link, children: "Datasets" }) }),
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: styles.link, children: "Code" }) })
+          /* @__PURE__ */ jsxs("div", { className: Footer_default.linksSection, children: [
+            /* @__PURE__ */ jsx("h3", { className: Footer_default.linksSectionTitle, children: "Research" }),
+            /* @__PURE__ */ jsxs("ul", { className: Footer_default.linksList, children: [
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/research", className: Footer_default.link, children: "Projects" }) }),
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: Footer_default.link, children: "Publications" }) }),
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: Footer_default.link, children: "Datasets" }) }),
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/publications", className: Footer_default.link, children: "Code" }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: styles.linksSection, children: [
-            /* @__PURE__ */ jsx("h3", { className: styles.linksSectionTitle, children: "People" }),
-            /* @__PURE__ */ jsxs("ul", { className: styles.linksList, children: [
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: styles.link, children: "Faculty" }) }),
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: styles.link, children: "Students" }) }),
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: styles.link, children: "Alumni" }) }),
-              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/contact", className: styles.link, children: "Join Us" }) })
+          /* @__PURE__ */ jsxs("div", { className: Footer_default.linksSection, children: [
+            /* @__PURE__ */ jsx("h3", { className: Footer_default.linksSectionTitle, children: "People" }),
+            /* @__PURE__ */ jsxs("ul", { className: Footer_default.linksList, children: [
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: Footer_default.link, children: "Faculty" }) }),
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: Footer_default.link, children: "Students" }) }),
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/team", className: Footer_default.link, children: "Alumni" }) }),
+              /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/contact", className: Footer_default.link, children: "Join Us" }) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: styles.bottom, children: /* @__PURE__ */ jsxs("p", { className: styles.copyright, children: [
+        /* @__PURE__ */ jsx("div", { className: Footer_default.bottom, children: /* @__PURE__ */ jsxs("p", { className: Footer_default.copyright, children: [
           "\xA9 ",
           (/* @__PURE__ */ new Date()).getFullYear(),
           " ",
@@ -107,24 +111,33 @@ function Footer({ footerData }) {
 import Link2 from "next/link";
 import { usePathname } from "next/navigation";
 import { motion as motion3 } from "framer-motion";
-import styles3 from "./Header.module.css";
+
+// src/components/Header.module.css
+var Header_default = {};
 
 // src/components/ThemeToggle.tsx
 import { motion as motion2 } from "framer-motion";
-import { useTheme } from "@/context/ThemeContext";
-import styles2 from "./ThemeToggle.module.css";
+import { useTheme } from "next-themes";
+
+// src/components/ThemeToggle.module.css
+var ThemeToggle_default = {};
+
+// src/components/ThemeToggle.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 function ThemeToggle() {
-  const { theme, toggleTheme } = useTheme();
+  const { resolvedTheme, setTheme } = useTheme();
+  const toggleTheme = () => {
+    setTheme(resolvedTheme === "light" ? "dark" : "light");
+  };
   return /* @__PURE__ */ jsx2(
     motion2.button,
     {
-      className: styles2.toggle,
+      className: ThemeToggle_default.toggle,
       onClick: toggleTheme,
       whileHover: { scale: 1.05 },
       whileTap: { scale: 0.95 },
-      "aria-label": `Switch to ${theme === "light" ? "dark" : "light"} mode`,
-      children: /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: theme === "light" ? "dark_mode" : "light_mode" })
+      "aria-label": `Switch to ${resolvedTheme === "light" ? "dark" : "light"} mode`,
+      children: /* @__PURE__ */ jsx2("span", { className: "material-symbols-outlined", children: resolvedTheme === "light" ? "dark_mode" : "light_mode" })
     }
   );
 }
@@ -146,21 +159,21 @@ function Header({ navigationData }) {
   return /* @__PURE__ */ jsx3(
     motion3.header,
     {
-      className: styles3.header,
+      className: Header_default.header,
       initial: { y: -100, opacity: 0 },
       animate: { y: 0, opacity: 1 },
       transition: { duration: 0.5, ease: [0.16, 1, 0.3, 1] },
-      children: /* @__PURE__ */ jsxs2("div", { className: styles3.container, children: [
-        /* @__PURE__ */ jsxs2(Link2, { href: "/", className: styles3.logo, children: [
-          /* @__PURE__ */ jsx3("div", { className: styles3.logoIcon, children: /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "science" }) }),
-          /* @__PURE__ */ jsx3("h1", { className: styles3.logoText, children: labName })
+      children: /* @__PURE__ */ jsxs2("div", { className: Header_default.container, children: [
+        /* @__PURE__ */ jsxs2(Link2, { href: "/", className: Header_default.logo, children: [
+          /* @__PURE__ */ jsx3("div", { className: Header_default.logoIcon, children: /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "science" }) }),
+          /* @__PURE__ */ jsx3("h1", { className: Header_default.logoText, children: labName })
         ] }),
-        /* @__PURE__ */ jsxs2("nav", { className: styles3.nav, children: [
-          /* @__PURE__ */ jsx3("div", { className: styles3.navLinks, children: navItems.map((item) => /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsxs2("nav", { className: Header_default.nav, children: [
+          /* @__PURE__ */ jsx3("div", { className: Header_default.navLinks, children: navItems.map((item) => /* @__PURE__ */ jsx3(
             Link2,
             {
               href: item.href,
-              className: `${styles3.navLink} ${pathname === item.href ? styles3.navLinkActive : ""}`,
+              className: `${Header_default.navLink} ${pathname === item.href ? Header_default.navLinkActive : ""}`,
               children: item.label
             },
             item.href
@@ -169,23 +182,240 @@ function Header({ navigationData }) {
           /* @__PURE__ */ jsx3(Link2, { href: "/contact", children: /* @__PURE__ */ jsx3(
             motion3.button,
             {
-              className: styles3.ctaButton,
+              className: Header_default.ctaButton,
               whileHover: { scale: 1.02 },
               whileTap: { scale: 0.98 },
               children: "Join the Lab"
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: styles3.mobileActions, children: [
+        /* @__PURE__ */ jsxs2("div", { className: Header_default.mobileActions, children: [
           /* @__PURE__ */ jsx3(ThemeToggle, {}),
-          /* @__PURE__ */ jsx3("button", { className: styles3.mobileMenuBtn, children: /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "menu" }) })
+          /* @__PURE__ */ jsx3("button", { className: Header_default.mobileMenuBtn, children: /* @__PURE__ */ jsx3("span", { className: "material-symbols-outlined", children: "menu" }) })
         ] })
       ] })
     }
   );
 }
+
+// src/components/ClientLayout.tsx
+import { useEffect } from "react";
+import { ThemeProvider, useTheme as useTheme2 } from "next-themes";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ThemeBodySync() {
+  const { resolvedTheme } = useTheme2();
+  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 }) {
+  const navigationData = {
+    labName: settings.labName || "Prosophia Research Lab"
+  };
+  const footerData = {
+    labName: settings.labName || "Prosophia Research Lab",
+    footerText: settings.footerText
+  };
+  return /* @__PURE__ */ jsxs3(ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: false, children: [
+    /* @__PURE__ */ jsx4(ThemeBodySync, {}),
+    /* @__PURE__ */ jsxs3("div", { className: "pageWrapper", children: [
+      /* @__PURE__ */ jsx4(Header, { navigationData }),
+      /* @__PURE__ */ jsx4("main", { children }),
+      /* @__PURE__ */ jsx4(Footer, { footerData })
+    ] })
+  ] });
+}
+
+// src/config.ts
+function defineConfig(config) {
+  return config;
+}
+
+// src/lib/motion.ts
+var easeOutExpo = [0.16, 1, 0.3, 1];
+var springStiff = {
+  type: "spring",
+  mass: 1,
+  stiffness: 100,
+  damping: 15
+};
+var timing = {
+  quick: 0.15,
+  standard: 0.35,
+  ambient: 0.8
+};
+var fadeInUp = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var fadeInLeft = {
+  hidden: { opacity: 0, x: -20 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var fadeInRight = {
+  hidden: { opacity: 0, x: 20 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var scaleUp = {
+  hidden: { opacity: 0, scale: 0.95 },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var staggerContainer = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.05,
+      delayChildren: 0.1
+    }
+  }
+};
+var staggerItem = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
+var cardHover = {
+  rest: {
+    y: 0,
+    boxShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    transition: {
+      duration: timing.quick,
+      ease: easeOutExpo
+    }
+  },
+  hover: {
+    y: -4,
+    boxShadow: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    transition: {
+      duration: timing.quick,
+      ease: easeOutExpo
+    }
+  }
+};
+var imageZoom = {
+  rest: {
+    scale: 1,
+    transition: {
+      duration: timing.ambient,
+      ease: easeOutExpo
+    }
+  },
+  hover: {
+    scale: 1.05,
+    transition: {
+      duration: timing.ambient,
+      ease: easeOutExpo
+    }
+  }
+};
+var buttonPress = {
+  tap: { scale: 0.95 },
+  hover: { scale: 1.02 }
+};
+var pageTransition = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  },
+  exit: {
+    opacity: 0,
+    transition: {
+      duration: timing.quick,
+      ease: easeOutExpo
+    }
+  }
+};
+var revealRight = {
+  hidden: {
+    clipPath: "inset(0 100% 0 0)"
+  },
+  visible: {
+    clipPath: "inset(0 0% 0 0)",
+    transition: {
+      duration: timing.ambient,
+      ease: easeOutExpo
+    }
+  }
+};
+var blurFade = {
+  hidden: {
+    opacity: 0,
+    filter: "blur(10px)"
+  },
+  visible: {
+    opacity: 1,
+    filter: "blur(0px)",
+    transition: {
+      duration: timing.standard,
+      ease: easeOutExpo
+    }
+  }
+};
 export {
+  ClientLayout,
   Footer,
   Header,
-  ThemeToggle
+  ThemeToggle,
+  blurFade,
+  buttonPress,
+  cardHover,
+  defineConfig,
+  easeOutExpo,
+  fadeInLeft,
+  fadeInRight,
+  fadeInUp,
+  imageZoom,
+  pageTransition,
+  revealRight,
+  scaleUp,
+  springStiff,
+  staggerContainer,
+  staggerItem,
+  timing
 };