@prosophia/lab-classic 0.0.3 → 0.0.5

package/dist/index.mjs

@@ -2,6 +2,16 @@
 import { motion } from "framer-motion";
 
 // src/lib/animations.ts
+var fadeIn = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: 0.6,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
 var fadeInUp = {
   hidden: { opacity: 0, y: 30 },
   visible: {
@@ -13,6 +23,17 @@ var fadeInUp = {
     }
   }
 };
+var fadeInUpShort = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
 var scaleIn = {
   hidden: { opacity: 0, scale: 0.9 },
   visible: {
@@ -24,9 +45,155 @@ var scaleIn = {
     }
   }
 };
+var slideInRight = {
+  hidden: { opacity: 0, x: 20 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var slideInLeft = {
+  hidden: { opacity: 0, x: -20 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var staggerContainer = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.1,
+      delayChildren: 0.2
+    }
+  }
+};
+var staggerItem = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.5,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var cardHover = {
+  hover: {
+    y: -8,
+    transition: {
+      duration: 0.3,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var imageZoom = {
+  hover: {
+    scale: 1.08,
+    transition: {
+      duration: 0.5,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var pageTransition = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.6,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  },
+  exit: {
+    opacity: 0,
+    y: -20,
+    transition: {
+      duration: 0.4,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
+var viewportSettings = {
+  once: true,
+  amount: 0.3,
+  margin: "0px 0px -100px 0px"
+};
+var scrollReveal = {
+  hidden: { opacity: 0, y: 50 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.8,
+      ease: [0.65, 0, 0.35, 1]
+    }
+  }
+};
+var reducedMotion = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: 0.01
+    }
+  }
+};
 
 // src/components/AnimatedCard.tsx
 import { jsx } from "react/jsx-runtime";
+function AnimatedCard({ children, className, delay = 0 }) {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: {
+        hidden: { opacity: 0, y: 30 },
+        visible: {
+          opacity: 1,
+          y: 0,
+          transition: {
+            duration: 0.6,
+            delay,
+            ease: [0.4, 0, 0.2, 1]
+          }
+        }
+      },
+      whileHover: "hover",
+      children
+    }
+  );
+}
+function AnimatedImage({ children, className }) {
+  return /* @__PURE__ */ jsx(motion.div, { className, variants: imageZoom, children });
+}
+function AnimatedSection({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    motion.section,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: fadeInUpShort,
+      children
+    }
+  );
+}
 
 // src/components/AnimatedGallery.tsx
 import { motion as motion2 } from "framer-motion";
@@ -34,29 +201,422 @@ import Image from "next/image";
 import { useState, useEffect } from "react";
 import styles from "./PicturesPage.module.css";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function useMounted() {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+function AnimatedGalleryHeader({ children, className }) {
+  const mounted = useMounted();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx2("header", { className, children });
+  }
+  return /* @__PURE__ */ jsx2(
+    motion2.header,
+    {
+      className,
+      initial: { opacity: 0, y: 30 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedGalleryGrid({ images }) {
+  const mounted = useMounted();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx2("div", { className: styles.photosGrid, children: images.map((pic) => /* @__PURE__ */ jsxs("div", { className: styles.photoCard, children: [
+      /* @__PURE__ */ jsx2("div", { className: styles.photoImageWrapper, children: /* @__PURE__ */ jsx2(
+        Image,
+        {
+          src: pic.imageUrl,
+          alt: pic.altText,
+          width: pic.width,
+          height: pic.height,
+          sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
+          className: styles.photoImage
+        }
+      ) }),
+      pic.caption && /* @__PURE__ */ jsx2("p", { className: styles.photoCaption, children: pic.caption })
+    ] }, pic._id)) });
+  }
+  return /* @__PURE__ */ jsx2(
+    motion2.div,
+    {
+      className: styles.photosGrid,
+      initial: "hidden",
+      animate: "visible",
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.08,
+            delayChildren: 0.2
+          }
+        }
+      },
+      children: images.map((pic) => /* @__PURE__ */ jsxs(
+        motion2.div,
+        {
+          className: styles.photoCard,
+          variants: {
+            hidden: { opacity: 0, y: 40, scale: 0.95 },
+            visible: {
+              opacity: 1,
+              y: 0,
+              scale: 1,
+              transition: {
+                duration: 0.6,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          whileHover: {
+            scale: 1.05,
+            transition: { duration: 0.3 }
+          },
+          children: [
+            /* @__PURE__ */ jsx2("div", { className: styles.photoImageWrapper, children: /* @__PURE__ */ jsx2(
+              Image,
+              {
+                src: pic.imageUrl,
+                alt: pic.altText,
+                width: pic.width,
+                height: pic.height,
+                sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
+                className: styles.photoImage
+              }
+            ) }),
+            pic.caption && /* @__PURE__ */ jsx2("p", { className: styles.photoCaption, children: pic.caption })
+          ]
+        },
+        pic._id
+      ))
+    }
+  );
+}
+
+// src/components/AnimatedPage.tsx
+import { motion as motion3 } from "framer-motion";
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function useMounted2() {
+  const [mounted, setMounted] = useState2(false);
+  useEffect2(() => {
+    setMounted(true);
+  }, []);
+  return mounted;
+}
+function AnimatedPage({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx3("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx3(
+    motion3.div,
+    {
+      className,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { duration: 0.6, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedHeader({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx3("header", { className, children });
+  }
+  return /* @__PURE__ */ jsx3(
+    motion3.header,
+    {
+      className,
+      initial: { opacity: 0, y: 30 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedMain({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx3("main", { className, children });
+  }
+  return /* @__PURE__ */ jsx3(
+    motion3.main,
+    {
+      className,
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.6, delay: 0.2, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function StaggeredGrid({ children, className }) {
+  const mounted = useMounted2();
+  const childArray = Array.isArray(children) ? children : [children];
+  if (!mounted) {
+    return /* @__PURE__ */ jsx3("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx3(
+    motion3.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: true, amount: 0.1 },
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.1,
+            delayChildren: 0.1
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx3(
+        motion3.div,
+        {
+          variants: {
+            hidden: { opacity: 0, y: 30 },
+            visible: {
+              opacity: 1,
+              y: 0,
+              transition: {
+                duration: 0.6,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
+function AnimatedItem({ children, className, delay = 0, index = 0 }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx3("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx3(
+    motion3.div,
+    {
+      className,
+      initial: { opacity: 0, y: 30 },
+      whileInView: { opacity: 1, y: 0 },
+      viewport: { once: true, amount: 0.3 },
+      transition: {
+        duration: 0.6,
+        delay: delay || index * 0.1,
+        ease: [0.4, 0, 0.2, 1]
+      },
+      children
+    }
+  );
+}
+function ScrollRevealSection({ children, className }) {
+  const mounted = useMounted2();
+  if (!mounted) {
+    return /* @__PURE__ */ jsx3("section", { className, children });
+  }
+  return /* @__PURE__ */ jsx3(
+    motion3.section,
+    {
+      className,
+      initial: { opacity: 0, y: 40 },
+      whileInView: { opacity: 1, y: 0 },
+      viewport: { once: true, amount: 0.2 },
+      transition: { duration: 0.8, ease: [0.4, 0, 0.2, 1] },
+      children
+    }
+  );
+}
+function AnimatedHeroContent({ children, className }) {
+  const mounted = useMounted2();
+  const childArray = Array.isArray(children) ? children : [children];
+  if (!mounted) {
+    return /* @__PURE__ */ jsx3("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx3(
+    motion3.div,
+    {
+      className,
+      initial: "hidden",
+      animate: "visible",
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.15,
+            delayChildren: 0.1
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx3(
+        motion3.div,
+        {
+          variants: {
+            hidden: { opacity: 0, y: 20 },
+            visible: {
+              opacity: 1,
+              y: 0,
+              transition: {
+                duration: 0.6,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
+
+// src/components/AnimatedSections.tsx
+import { motion as motion4 } from "framer-motion";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function AnimatedGrid({ children, className }) {
+  const childArray = Array.isArray(children) ? children : [children];
+  return /* @__PURE__ */ jsx4(
+    motion4.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: staggerContainer,
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx4(motion4.div, { variants: staggerItem, children: child }, index))
+    }
+  );
+}
+function AnimatedStats({ children, className }) {
+  const childArray = Array.isArray(children) ? children : [children];
+  return /* @__PURE__ */ jsx4(
+    motion4.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: true, amount: 0.3 },
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.15,
+            delayChildren: 0.1
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx4(
+        motion4.div,
+        {
+          variants: {
+            hidden: { opacity: 0, scale: 0.8 },
+            visible: {
+              opacity: 1,
+              scale: 1,
+              transition: {
+                duration: 0.5,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
+function AnimatedSectionHeader({ children, className }) {
+  return /* @__PURE__ */ jsx4(
+    motion4.header,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: fadeInUpShort,
+      children
+    }
+  );
+}
+function AnimatedList({ children, className }) {
+  const childArray = Array.isArray(children) ? children : [children];
+  return /* @__PURE__ */ jsx4(
+    motion4.div,
+    {
+      className,
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: viewportSettings,
+      variants: {
+        hidden: { opacity: 0 },
+        visible: {
+          opacity: 1,
+          transition: {
+            staggerChildren: 0.08,
+            delayChildren: 0.1
+          }
+        }
+      },
+      children: childArray.map((child, index) => /* @__PURE__ */ jsx4(
+        motion4.div,
+        {
+          variants: {
+            hidden: { opacity: 0, x: -20 },
+            visible: {
+              opacity: 1,
+              x: 0,
+              transition: {
+                duration: 0.5,
+                ease: [0.4, 0, 0.2, 1]
+              }
+            }
+          },
+          children: child
+        },
+        index
+      ))
+    }
+  );
+}
 
 // src/components/AnimatedHero.tsx
-import { motion as motion3, useScroll, useTransform } from "framer-motion";
+import { motion as motion5, useScroll, useTransform } from "framer-motion";
 import { useRef } from "react";
 import Image2 from "next/image";
 import Link from "next/link";
 import styles2 from "./HomePage.module.css";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function AnimatedHero({ heroData, ArrowRightIcon }) {
   const ref = useRef(null);
   const { scrollY } = useScroll();
   const y = useTransform(scrollY, [0, 500], [0, 150]);
-  return /* @__PURE__ */ jsx3("section", { className: styles2.heroSection, ref, children: /* @__PURE__ */ jsxs2("div", { className: styles2.heroContainer, children: [
+  return /* @__PURE__ */ jsx5("section", { className: styles2.heroSection, ref, children: /* @__PURE__ */ jsxs2("div", { className: styles2.heroContainer, children: [
     /* @__PURE__ */ jsxs2(
-      motion3.div,
+      motion5.div,
       {
         className: styles2.heroContent,
         initial: "hidden",
         animate: "visible",
         variants: fadeInUp,
         children: [
-          /* @__PURE__ */ jsx3(
-            motion3.span,
+          /* @__PURE__ */ jsx5(
+            motion5.span,
             {
               className: styles2.heroTagline,
               initial: { opacity: 0 },
@@ -66,7 +626,7 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
             }
           ),
           /* @__PURE__ */ jsxs2(
-            motion3.h1,
+            motion5.h1,
             {
               className: styles2.heroHeading,
               initial: { opacity: 0, y: 20 },
@@ -75,12 +635,12 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
               children: [
                 heroData.heading,
                 " ",
-                /* @__PURE__ */ jsx3("span", { className: styles2.heroHeadingAccent, children: heroData.headingAccent })
+                /* @__PURE__ */ jsx5("span", { className: styles2.heroHeadingAccent, children: heroData.headingAccent })
               ]
             }
           ),
-          /* @__PURE__ */ jsx3(
-            motion3.p,
+          /* @__PURE__ */ jsx5(
+            motion5.p,
             {
               className: styles2.heroDescription,
               initial: { opacity: 0, y: 20 },
@@ -90,7 +650,7 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
             }
           ),
           /* @__PURE__ */ jsxs2(
-            motion3.div,
+            motion5.div,
             {
               className: styles2.heroCtas,
               initial: { opacity: 0, y: 20 },
@@ -99,17 +659,17 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
               children: [
                 /* @__PURE__ */ jsxs2(Link, { href: heroData.ctaLink, className: styles2.heroPrimaryCta, children: [
                   heroData.ctaText,
-                  /* @__PURE__ */ jsx3(ArrowRightIcon, {})
+                  /* @__PURE__ */ jsx5(ArrowRightIcon, {})
                 ] }),
-                /* @__PURE__ */ jsx3(Link, { href: "/publications", className: styles2.heroSecondaryCta, children: "View Publications" })
+                /* @__PURE__ */ jsx5(Link, { href: "/publications", className: styles2.heroSecondaryCta, children: "View Publications" })
               ]
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx3(
-      motion3.div,
+    /* @__PURE__ */ jsx5(
+      motion5.div,
       {
         className: styles2.heroImageWrapper,
         style: { y },
@@ -118,7 +678,7 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
         variants: scaleIn,
         transition: { duration: 0.8, delay: 0.6 },
         children: heroData.image ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx5(
             Image2,
             {
               src: heroData.image,
@@ -129,8 +689,8 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
               priority: true
             }
           ),
-          /* @__PURE__ */ jsx3("div", { className: styles2.heroImageOverlay })
-        ] }) : /* @__PURE__ */ jsx3("div", { className: styles2.heroImagePlaceholder, children: /* @__PURE__ */ jsxs2(
+          /* @__PURE__ */ jsx5("div", { className: styles2.heroImageOverlay })
+        ] }) : /* @__PURE__ */ jsx5("div", { className: styles2.heroImagePlaceholder, children: /* @__PURE__ */ jsxs2(
           "svg",
           {
             width: "120",
@@ -140,9 +700,9 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
             stroke: "currentColor",
             strokeWidth: "1",
             children: [
-              /* @__PURE__ */ jsx3("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-              /* @__PURE__ */ jsx3("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-              /* @__PURE__ */ jsx3("path", { d: "M21 15l-5-5L5 21" })
+              /* @__PURE__ */ jsx5("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+              /* @__PURE__ */ jsx5("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+              /* @__PURE__ */ jsx5("path", { d: "M21 15l-5-5L5 21" })
             ]
           }
         ) })
@@ -151,15 +711,6 @@ function AnimatedHero({ heroData, ArrowRightIcon }) {
   ] }) });
 }
 
-// src/components/AnimatedPage.tsx
-import { motion as motion4 } from "framer-motion";
-import { useState as useState2, useEffect as useEffect2 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-
-// src/components/AnimatedSections.tsx
-import { motion as motion5 } from "framer-motion";
-import { jsx as jsx5 } from "react/jsx-runtime";
-
 // src/components/ClientLayout.tsx
 import { useEffect as useEffect5 } from "react";
 import { ThemeProvider, useTheme as useTheme2 } from "next-themes";
@@ -414,6 +965,46 @@ function isValidExternalUrl(url) {
     return false;
   }
 }
+function isValidGoogleMapsEmbedUrl(url) {
+  if (!url || typeof url !== "string") return false;
+  try {
+    const parsed = new URL(url);
+    const allowedHosts = [
+      "www.google.com",
+      "google.com",
+      "maps.google.com"
+    ];
+    return parsed.protocol === "https:" && allowedHosts.includes(parsed.hostname) && parsed.pathname.startsWith("/maps/embed");
+  } catch {
+    return false;
+  }
+}
+function sanitizeUrl(url) {
+  if (isValidExternalUrl(url)) {
+    return url;
+  }
+  return void 0;
+}
+function isValidEmail(email) {
+  if (!email || typeof email !== "string") return false;
+  const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailPattern.test(email) && email.length <= 254;
+}
+function escapeHtml(text) {
+  const htmlEntities = {
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  };
+  return text.replace(/[&<>"']/g, (char) => htmlEntities[char]);
+}
+function isValidSlug(slug) {
+  if (!slug || typeof slug !== "string") return false;
+  const slugPattern = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+  return slugPattern.test(slug) && slug.length <= 200;
+}
 
 // src/components/Footer.tsx
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -504,11 +1095,119 @@ function ContactCTA() {
     /* @__PURE__ */ jsx10(Link4, { href: "/contact", className: styles6.ctaButton, children: "Contact Us" })
   ] }) });
 }
+
+// src/components/HomePage.tsx
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function HomePage({
+  children,
+  settings = null,
+  header,
+  footer
+}) {
+  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    header ?? /* @__PURE__ */ jsx11(Header, { settings: settings || {} }),
+    /* @__PURE__ */ jsx11("main", { children }),
+    footer ?? /* @__PURE__ */ jsx11(Footer, { settings: settings || {} })
+  ] });
+}
+
+// src/config.ts
+function defineConfig(config) {
+  return config;
+}
+
+// src/lib/sanity.ts
+import { createClient } from "next-sanity";
+import imageUrlBuilder from "@sanity/image-url";
+var projectId = process.env.NEXT_PUBLIC_SANITY_PROJECT_ID;
+var dataset = process.env.NEXT_PUBLIC_SANITY_DATASET || "production";
+var apiVersion = "2023-05-03";
+var _client = null;
+function getClient() {
+  if (!_client) {
+    if (!projectId) {
+      throw new Error(
+        "Sanity Project ID is not defined. Please set NEXT_PUBLIC_SANITY_PROJECT_ID in your environment."
+      );
+    }
+    _client = createClient({
+      projectId,
+      dataset,
+      apiVersion,
+      useCdn: process.env.NODE_ENV === "production"
+    });
+  }
+  return _client;
+}
+var client = {
+  get projectId() {
+    return projectId;
+  },
+  get dataset() {
+    return dataset;
+  },
+  fetch: (...args) => getClient().fetch(...args)
+};
+var _builder = null;
+function urlFor(source) {
+  if (!_builder) {
+    if (!projectId) {
+      return {
+        width: () => ({ height: () => ({ url: () => "" }), url: () => "" }),
+        height: () => ({ width: () => ({ url: () => "" }), url: () => "" }),
+        url: () => ""
+      };
+    }
+    _builder = imageUrlBuilder({ projectId, dataset });
+  }
+  return _builder.image(source);
+}
 export {
+  AnimatedCard,
+  AnimatedGalleryGrid,
+  AnimatedGalleryHeader,
+  AnimatedGrid,
+  AnimatedHeader,
   AnimatedHero,
+  AnimatedHeroContent,
+  AnimatedImage,
+  AnimatedItem,
+  AnimatedList,
+  AnimatedMain,
+  AnimatedPage,
+  AnimatedSection,
+  AnimatedSectionHeader,
+  AnimatedStats,
   ClientLayout,
   ContactCTA,
   Footer,
   Header,
-  ThemeToggle
+  HomePage,
+  ScrollRevealSection,
+  StaggeredGrid,
+  ThemeToggle,
+  cardHover,
+  client,
+  defineConfig,
+  escapeHtml,
+  fadeIn,
+  fadeInUp,
+  fadeInUpShort,
+  getClient,
+  imageZoom,
+  isValidEmail,
+  isValidExternalUrl,
+  isValidGoogleMapsEmbedUrl,
+  isValidSlug,
+  pageTransition,
+  reducedMotion,
+  sanitizeUrl,
+  scaleIn,
+  scrollReveal,
+  slideInLeft,
+  slideInRight,
+  staggerContainer,
+  staggerItem,
+  urlFor,
+  viewportSettings
 };