@retinalabsllc/zairusjs 8.1.50 → 8.1.55

package/dist/index.d.mts

@@ -475,4 +475,10 @@ interface ManagedProjectsBlockProps {
 }
 declare const ManagedProjectsBlock: React.FC<ManagedProjectsBlockProps>;
 
-export { AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps };
+interface WaitlistDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const WaitlistDialog: React.FC<WaitlistDialogProps>;
+
+export { AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, WaitlistDialog, type WaitlistDialogProps };

package/dist/index.d.ts

@@ -475,4 +475,10 @@ interface ManagedProjectsBlockProps {
 }
 declare const ManagedProjectsBlock: React.FC<ManagedProjectsBlockProps>;
 
-export { AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps };
+interface WaitlistDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const WaitlistDialog: React.FC<WaitlistDialogProps>;
+
+export { AppBento2, type AppBento2Props, type BentoFeature, type BoardMember, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, Footer, type FooterColumn, type FooterLink, type FooterProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingPlan, type PricingTab, type ProjectItem, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, WaitlistDialog, type WaitlistDialogProps };

package/dist/index.js

@@ -55,7 +55,8 @@ __export(index_exports, {
   PortfolioHero: () => PortfolioHero,
   TextInput: () => TextInput,
   ThreeDActionButton: () => ThreeDActionButton,
-  ThreeDButton: () => ThreeDButton
+  ThreeDButton: () => ThreeDButton,
+  WaitlistDialog: () => WaitlistDialog
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -167,7 +168,7 @@ var ThreeDButton = ({
     {
       href,
       onClick,
-      className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full text-neutral-900 text-xs font-semibold transition-all duration-150 select-none group overflow-hidden ${className}`,
+      className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full text-neutral-900 text-xs font-medium transition-all duration-150 select-none group overflow-hidden ${className}`,
       style: {
         backgroundImage: silverBg,
         backgroundSize: "cover",
@@ -224,7 +225,7 @@ var ThreeDActionButton = ({
       "aria-label": ariaLabel,
       className: `
         relative inline-flex items-center justify-center py-2.5 px-8 rounded-full 
-        text-neutral-900 text-xs font-semibold tracking-widest 
+        text-neutral-900 text-xs font-medium tracking-widest 
         transition-all duration-150 select-none group outline-none overflow-hidden
         ${isInteractionDisabled ? "opacity-70 cursor-not-allowed" : "active:translate-y-0.5"}
         ${className}
@@ -469,7 +470,7 @@ var HeroSection = ({
     import_link4.default,
     {
       href: secondaryCtaHref,
-      className: "w-full sm:w-60 inline-flex font-semibold items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3  bg-black/40 backdrop-blur-md text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-500 outline-none transition-all drop-shadow-lg"
+      className: "w-full sm:w-60 inline-flex font-medium items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3  bg-black/40 backdrop-blur-md text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-500 outline-none transition-all drop-shadow-lg"
     },
     secondaryCtaText
   )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ import_react8.default.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ import_react8.default.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5 " }, appsText), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ import_react8.default.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-8 sm:w-8 flex items-center justify-center cursor-default filter invert" }, /* @__PURE__ */ import_react8.default.createElement(
@@ -886,7 +887,7 @@ var ManagedPricingBlock = ({
       import_link5.default,
       {
         href: plan.ctaHref,
-        className: "w-full py-2.5 px-5 rounded-full font-semibold border border-neutral-700 text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-600 transition-colors mb-6 outline-none block"
+        className: "w-full py-2.5 px-5 rounded-full font-medium border border-neutral-700 text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-600 transition-colors mb-6 outline-none block"
       },
       plan.ctaText
     ),
@@ -1476,6 +1477,95 @@ var ManagedProjectsBlock = ({
     return /* @__PURE__ */ import_react36.default.createElement(GridSection, { key: project.id || index, isLast, className: isLast ? "py-8 md:py-10 pb-12 md:pb-14" : "py-8 md:py-10" }, project.isExternal ? /* @__PURE__ */ import_react36.default.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ import_react36.default.createElement(import_link8.default, { href: project.link, className: "block outline-none" }, projectContent));
   }))));
 };
+
+// src/components/WaitlistDialog.tsx
+var import_react37 = __toESM(require("react"));
+var import_react_hot_toast2 = require("react-hot-toast");
+var WaitlistDialog = ({ isOpen, onClose }) => {
+  const [email, setEmail] = (0, import_react37.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react37.useState)(false);
+  if (!isOpen) return null;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+      import_react_hot_toast2.toast.error("Please enter a valid email address.");
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const response = await fetch("/api/waitlist", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ email })
+      });
+      const data = await response.json();
+      if (response.ok && data.success) {
+        import_react_hot_toast2.toast.success(data.message || "You've been added to the waitlist!");
+        setEmail("");
+        onClose();
+      } else {
+        import_react_hot_toast2.toast.error(data.error || "Something went wrong. Please try again.");
+      }
+    } catch (error) {
+      import_react_hot_toast2.toast.error("Network error. Please check your connection.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60 " }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ import_react37.default.createElement(
+    "div",
+    {
+      className: "w-full max-w-md bg-[#0a0a0a]  rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
+    },
+    /* @__PURE__ */ import_react37.default.createElement(
+      "button",
+      {
+        onClick: onClose,
+        disabled: isLoading,
+        className: "absolute top-4 right-4 p-2 text-neutral-500 hover:text-white transition-colors disabled:opacity-50 outline-none",
+        "aria-label": "Close dialog"
+      },
+      /* @__PURE__ */ import_react37.default.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ import_react37.default.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ import_react37.default.createElement("path", { d: "m6 6 12 12" })
+      )
+    ),
+    /* @__PURE__ */ import_react37.default.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl font-light text-white tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-[13px] text-neutral-400 font-light leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ import_react37.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ import_react37.default.createElement(
+      TextInput,
+      {
+        label: "EMAIL ADDRESS",
+        type: "email",
+        value: email,
+        onChange: setEmail,
+        placeholder: "name@example.com",
+        disabled: isLoading
+      }
+    ), /* @__PURE__ */ import_react37.default.createElement(
+      ThreeDActionButton,
+      {
+        type: "submit",
+        isLoading,
+        disabled: !email,
+        className: "w-full mt-2"
+      },
+      "Join Waitlist"
+    )))
+  ));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppBento2,
@@ -1502,5 +1592,6 @@ var ManagedProjectsBlock = ({
   PortfolioHero,
   TextInput,
   ThreeDActionButton,
-  ThreeDButton
+  ThreeDButton,
+  WaitlistDialog
 });

package/dist/index.mjs

@@ -108,7 +108,7 @@ var ThreeDButton = ({
     {
       href,
       onClick,
-      className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full text-neutral-900 text-xs font-semibold transition-all duration-150 select-none group overflow-hidden ${className}`,
+      className: `relative inline-flex items-center justify-center py-2.5 px-8 rounded-full text-neutral-900 text-xs font-medium transition-all duration-150 select-none group overflow-hidden ${className}`,
       style: {
         backgroundImage: silverBg,
         backgroundSize: "cover",
@@ -165,7 +165,7 @@ var ThreeDActionButton = ({
       "aria-label": ariaLabel,
       className: `
         relative inline-flex items-center justify-center py-2.5 px-8 rounded-full 
-        text-neutral-900 text-xs font-semibold tracking-widest 
+        text-neutral-900 text-xs font-medium tracking-widest 
         transition-all duration-150 select-none group outline-none overflow-hidden
         ${isInteractionDisabled ? "opacity-70 cursor-not-allowed" : "active:translate-y-0.5"}
         ${className}
@@ -410,7 +410,7 @@ var HeroSection = ({
     Link4,
     {
       href: secondaryCtaHref,
-      className: "w-full sm:w-60 inline-flex font-semibold items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3  bg-black/40 backdrop-blur-md text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-500 outline-none transition-all drop-shadow-lg"
+      className: "w-full sm:w-60 inline-flex font-medium items-center justify-center text-[11px] tracking-widest rounded-full px-8 py-3  bg-black/40 backdrop-blur-md text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-500 outline-none transition-all drop-shadow-lg"
     },
     secondaryCtaText
   )), showApps && appLogos && appLogos.length > 0 && /* @__PURE__ */ React6.createElement("div", { className: "w-full flex flex-col items-center mt-4" }, appsText && /* @__PURE__ */ React6.createElement("p", { className: "text-[9px] tracking-[0.2em] text-neutral-300 mb-5 " }, appsText), /* @__PURE__ */ React6.createElement("div", { className: "flex flex-wrap justify-center items-center gap-6 opacity-90" }, appLogos.map((logo, idx) => /* @__PURE__ */ React6.createElement("div", { key: idx, className: "relative h-6 w-6 sm:h-8 sm:w-8 flex items-center justify-center cursor-default filter invert" }, /* @__PURE__ */ React6.createElement(
@@ -827,7 +827,7 @@ var ManagedPricingBlock = ({
       Link5,
       {
         href: plan.ctaHref,
-        className: "w-full py-2.5 px-5 rounded-full font-semibold border border-neutral-700 text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-600 transition-colors mb-6 outline-none block"
+        className: "w-full py-2.5 px-5 rounded-full font-medium border border-neutral-700 text-center text-white text-xs hover:bg-neutral-800 hover:border-neutral-600 transition-colors mb-6 outline-none block"
       },
       plan.ctaText
     ),
@@ -1417,6 +1417,95 @@ var ManagedProjectsBlock = ({
     return /* @__PURE__ */ React24.createElement(GridSection, { key: project.id || index, isLast, className: isLast ? "py-8 md:py-10 pb-12 md:pb-14" : "py-8 md:py-10" }, project.isExternal ? /* @__PURE__ */ React24.createElement("a", { href: project.link, target: "_blank", rel: "noopener noreferrer", className: "block outline-none" }, projectContent) : /* @__PURE__ */ React24.createElement(Link8, { href: project.link, className: "block outline-none" }, projectContent));
   }))));
 };
+
+// src/components/WaitlistDialog.tsx
+import React25, { useState as useState13 } from "react";
+import { toast } from "react-hot-toast";
+var WaitlistDialog = ({ isOpen, onClose }) => {
+  const [email, setEmail] = useState13("");
+  const [isLoading, setIsLoading] = useState13(false);
+  if (!isOpen) return null;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+      toast.error("Please enter a valid email address.");
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const response = await fetch("/api/waitlist", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ email })
+      });
+      const data = await response.json();
+      if (response.ok && data.success) {
+        toast.success(data.message || "You've been added to the waitlist!");
+        setEmail("");
+        onClose();
+      } else {
+        toast.error(data.error || "Something went wrong. Please try again.");
+      }
+    } catch (error) {
+      toast.error("Network error. Please check your connection.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ React25.createElement("div", { className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/60 " }, /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0", onClick: !isLoading ? onClose : void 0 }), /* @__PURE__ */ React25.createElement(
+    "div",
+    {
+      className: "w-full max-w-md bg-[#0a0a0a]  rounded-2xl shadow-2xl overflow-hidden relative z-10 animate-in fade-in zoom-in-95 duration-200"
+    },
+    /* @__PURE__ */ React25.createElement(
+      "button",
+      {
+        onClick: onClose,
+        disabled: isLoading,
+        className: "absolute top-4 right-4 p-2 text-neutral-500 hover:text-white transition-colors disabled:opacity-50 outline-none",
+        "aria-label": "Close dialog"
+      },
+      /* @__PURE__ */ React25.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React25.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ React25.createElement("path", { d: "m6 6 12 12" })
+      )
+    ),
+    /* @__PURE__ */ React25.createElement("div", { className: "p-6 sm:p-8" }, /* @__PURE__ */ React25.createElement("div", { className: "mb-8 mt-2" }, /* @__PURE__ */ React25.createElement("h2", { className: "text-2xl font-light text-white tracking-tight mb-2" }, "Join the Waitlist"), /* @__PURE__ */ React25.createElement("p", { className: "text-[13px] text-neutral-400 font-light leading-relaxed" }, "Be the first to experience the future of natural language computing. Secure your early access spot today.")), /* @__PURE__ */ React25.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React25.createElement(
+      TextInput,
+      {
+        label: "EMAIL ADDRESS",
+        type: "email",
+        value: email,
+        onChange: setEmail,
+        placeholder: "name@example.com",
+        disabled: isLoading
+      }
+    ), /* @__PURE__ */ React25.createElement(
+      ThreeDActionButton,
+      {
+        type: "submit",
+        isLoading,
+        disabled: !email,
+        className: "w-full mt-2"
+      },
+      "Join Waitlist"
+    )))
+  ));
+};
 export {
   AppBento2,
   ConsultantShowcase,
@@ -1442,5 +1531,6 @@ export {
   PortfolioHero,
   TextInput,
   ThreeDActionButton,
-  ThreeDButton
+  ThreeDButton,
+  WaitlistDialog
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retinalabsllc/zairusjs",
-  "version": "8.1.50",
+  "version": "8.1.55",
   "description": "A perceptive, Ai data driven Next.js UI component library.",
   "author": "Retina Labs Company",
   "license": "MIT",