@adminide-stack/yantra-help-browser 12.0.19-alpha.6 → 12.0.191-alpha.2

package/lib/components/HelpCenterFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterFooter.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiCxC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA8KpC,CAAC"}
+{"version":3,"file":"HelpCenterFooter.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAuLpC,CAAC"}

package/lib/components/HelpCenterFooter.js

@@ -1,5 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {Link}from'@remix-run/react';import {useTheme}from'@admin-layout/tailwind-ui';import {Logo}from'./Logo.js';import {browserYantraRoutes}from'../compute.js';import {Icons}from'./Icons.js';// sub components
-function FooterThemeToggle() {
+import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {Link}from'@remix-run/react';import {useTheme}from'@admin-layout/tailwind-ui';import {Logo}from'./Logo.js';import {browserYantraRoutes}from'../compute.js';import {Icons}from'./Icons.js';import {HeroFluidCanvas}from'../pages/LandingPage/components/HeroFluidCanvas.js';import {usePrefersReducedMotion}from'../hooks/usePrefersReducedMotion.js';function FooterThemeToggle() {
   const {
     mode,
     setMode
@@ -13,7 +12,7 @@ function FooterThemeToggle() {
     onClick: handleToggle,
     "aria-label": isDark ? 'Switch to light mode' : 'Switch to dark mode',
     title: isDark ? 'Switch to light mode' : 'Switch to dark mode',
-    className: "inline-flex h-9 items-center gap-2 rounded-themed border border-border bg-card px-3 text-sm text-foreground shadow-themed-sm transition-all hover:bg-secondary focus-themed",
+    className: "inline-flex h-9 items-center gap-2 rounded-themed border border-white/20 bg-white/10 px-3 text-sm text-white/90 shadow-themed-sm backdrop-blur-sm transition-all hover:bg-white/15 focus-themed",
     children: [isDark ? jsx(Icons.MdBrightness5Icon, {
       className: "h-4 w-4"
     }) : jsx(Icons.MdBrightness2Icon, {
@@ -23,11 +22,11 @@ function FooterThemeToggle() {
     })]
   });
 }
-// main component
 const HelpCenterFooter = () => {
   const currentYear = new Date().getFullYear();
   const [email, setEmail] = useState('');
   const [subscribed, setSubscribed] = useState(false);
+  const reducedMotion = usePrefersReducedMotion();
   const handleSubscribe = e => {
     e.preventDefault();
     if (email.trim()) {
@@ -97,6 +96,9 @@ const HelpCenterFooter = () => {
     }, {
       label: 'Terms',
       href: browserYantraRoutes.TERMS
+    }, {
+      label: 'SMS Terms',
+      href: browserYantraRoutes.SMS_TERMS
     }, {
       label: 'Security',
       href: '/help-center/security-compliance'
@@ -106,119 +108,132 @@ const HelpCenterFooter = () => {
     }]
   }];
   return jsxs("footer", {
-    className: "border-t border-border",
-    children: [jsx("div", {
-      className: "border-b border-border/50 bg-muted/30",
-      children: jsx("div", {
-        className: "container mx-auto max-w-7xl px-6 py-10 lg:px-16",
-        children: jsxs("div", {
-          className: "flex flex-col items-center justify-between gap-6 md:flex-row",
-          children: [jsxs("div", {
-            children: [jsx("h3", {
-              className: "text-lg font-bold text-foreground",
-              children: "Stay in the loop"
-            }), jsx("p", {
-              className: "mt-1 text-sm text-muted-foreground",
-              children: "Get product updates, new features, and tips delivered to your inbox."
-            })]
-          }), subscribed ? jsxs("div", {
-            className: "inline-flex items-center gap-2 rounded-themed border border-success/30 bg-success/10 px-5 py-3 text-sm font-medium text-success",
-            children: [jsx(Icons.MdCheckIcon, {
-              className: "h-4 w-4 text-success"
-            }), "You\u2019re subscribed."]
-          }) : jsxs("form", {
-            onSubmit: handleSubscribe,
-            className: "flex w-full max-w-md",
-            children: [jsx("input", {
-              type: "email",
-              placeholder: "Enter your email",
-              value: email,
-              onChange: e => setEmail(e.target.value),
-              className: "themed-input h-11 flex-1 rounded-r-none px-4 text-sm focus-themed",
-              required: true
-            }), jsx("button", {
-              type: "submit",
-              className: "themed-button rounded-l-none px-5 text-sm font-semibold focus-themed",
-              children: "Subscribe"
+    className: "relative overflow-hidden border-t border-white/10",
+    children: [jsx(HeroFluidCanvas, {
+      reducedMotion: reducedMotion
+    }), jsx("div", {
+      className: "pointer-events-none absolute inset-x-0 top-0 z-[2] h-24",
+      style: {
+        background: 'linear-gradient(to bottom, hsl(var(--background)), transparent)'
+      },
+      "aria-hidden": true
+    }), jsxs("div", {
+      className: "relative z-10",
+      children: [jsx("div", {
+        className: "border-b border-white/10",
+        children: jsx("div", {
+          className: "container mx-auto max-w-7xl px-6 py-10 lg:px-16",
+          children: jsxs("div", {
+            className: "flex flex-col items-center justify-between gap-6 md:flex-row",
+            children: [jsxs("div", {
+              children: [jsx("h3", {
+                className: "text-lg font-bold text-white",
+                children: "Stay in the loop"
+              }), jsx("p", {
+                className: "mt-1 text-sm text-white/70",
+                children: "Get product updates, new features, and tips delivered to your inbox."
+              })]
+            }), subscribed ? jsxs("div", {
+              className: "inline-flex items-center gap-2 rounded-themed border border-emerald-400/30 bg-emerald-400/10 px-5 py-3 text-sm font-medium text-emerald-200",
+              children: [jsx(Icons.MdCheckIcon, {
+                className: "h-4 w-4"
+              }), "You\u2019re subscribed."]
+            }) : jsxs("form", {
+              onSubmit: handleSubscribe,
+              className: "flex w-full max-w-md",
+              children: [jsx("input", {
+                type: "email",
+                placeholder: "Enter your email",
+                value: email,
+                onChange: e => setEmail(e.target.value),
+                className: "h-11 flex-1 rounded-l-themed border border-white/20 bg-white/10 px-4 text-sm text-white placeholder:text-white/50 backdrop-blur-sm focus-themed focus:outline-none focus:ring-2 focus:ring-white/25",
+                required: true
+              }), jsx("button", {
+                type: "submit",
+                className: "rounded-r-themed border border-l-0 border-white/20 bg-white/90 px-5 text-sm font-semibold text-gray-900 transition-colors hover:bg-white focus-themed",
+                children: "Subscribe"
+              })]
             })]
-          })]
+          })
         })
-      })
-    }), jsxs("div", {
-      className: "container mx-auto max-w-7xl px-6 py-14 lg:px-16",
-      children: [jsxs("div", {
-        className: "grid gap-10 sm:grid-cols-2 lg:grid-cols-6",
+      }), jsxs("div", {
+        className: "container mx-auto max-w-7xl px-6 py-14 lg:px-16",
         children: [jsxs("div", {
-          className: "lg:col-span-2",
-          children: [jsx("div", {
-            style: {
-              justifySelf: 'left',
-              display: 'flex'
-            },
-            children: jsx(Logo, {})
-          }), jsx("p", {
-            className: "mt-2 max-w-xs text-sm leading-relaxed text-muted-foreground",
-            children: "AI employees that work alongside your team \u2014 handling tasks, monitoring systems, and escalating intelligently."
-          }), jsx("div", {
-            className: "mt-6 flex items-center gap-2.5",
-            children: [{
-              name: 'Twitter',
-              href: '#'
-            }, {
-              name: 'GitHub',
-              href: '#'
-            }, {
-              name: 'LinkedIn',
-              href: 'https://www.linkedin.com/company/yantra-app'
-            }, {
-              name: 'YouTube',
-              href: '#'
-            }].map(social => {
-              const SocialIcon = social.name === 'Twitter' ? Icons.FaTwitterIcon : social.name === 'GitHub' ? Icons.FaGithubIcon : social.name === 'LinkedIn' ? Icons.FaLinkedinIcon : Icons.FaYoutubeIcon;
-              return jsxs("a", {
-                href: social.href,
-                target: social.href !== '#' ? '_blank' : undefined,
-                rel: social.href !== '#' ? 'noopener noreferrer' : undefined,
-                className: "flex h-9 w-9 items-center justify-center rounded-xl border border-border/50 text-muted-foreground transition-all duration-200 hover:border-border hover:text-foreground hover:bg-muted/50 hover:-translate-y-0.5",
-                children: [jsx("span", {
-                  className: "sr-only",
-                  children: social.name
-                }), jsx(SocialIcon, {
-                  className: "h-4 w-4",
-                  "aria-hidden": "true"
-                })]
-              }, social.name);
-            })
-          })]
-        }), footerLinks.map(section => jsxs("div", {
-          children: [jsx("h4", {
-            className: "text-[11px] font-bold uppercase tracking-[0.15em] text-muted-foreground/60",
-            children: section.title
-          }), jsx("ul", {
-            className: "mt-4 space-y-2.5",
-            children: section.links.map(link => jsx("li", {
-              children: jsx(Link, {
-                to: link.href,
-                className: "text-sm text-muted-foreground transition-colors duration-200 hover:text-foreground",
-                children: link.label
+          className: "grid gap-10 sm:grid-cols-2 lg:grid-cols-6",
+          children: [jsxs("div", {
+            className: "lg:col-span-2",
+            children: [jsx("div", {
+              style: {
+                justifySelf: 'left',
+                display: 'flex'
+              },
+              children: jsx(Logo, {
+                light: true
               })
-            }, link.label))
-          })]
-        }, section.title))]
-      }), jsxs("div", {
-        className: "mt-14 flex flex-col items-center justify-between gap-4 border-t border-border/50 pt-8 sm:flex-row",
-        children: [jsxs("p", {
-          className: "text-[12px] text-muted-foreground/60",
-          children: ["\u00A9 ", currentYear, " Yantra Inc. All rights reserved."]
+            }), jsx("p", {
+              className: "mt-2 max-w-xs text-sm leading-relaxed text-white/70",
+              children: "AI employees that work alongside your team \u2014 handling tasks, monitoring systems, and escalating intelligently."
+            }), jsx("div", {
+              className: "mt-6 flex items-center gap-2.5",
+              children: [{
+                name: 'Twitter',
+                href: '#'
+              }, {
+                name: 'GitHub',
+                href: '#'
+              }, {
+                name: 'LinkedIn',
+                href: 'https://www.linkedin.com/company/yantra-app'
+              }, {
+                name: 'YouTube',
+                href: '#'
+              }].map(social => {
+                const SocialIcon = social.name === 'Twitter' ? Icons.FaTwitterIcon : social.name === 'GitHub' ? Icons.FaGithubIcon : social.name === 'LinkedIn' ? Icons.FaLinkedinIcon : Icons.FaYoutubeIcon;
+                return jsxs("a", {
+                  href: social.href,
+                  target: social.href !== '#' ? '_blank' : undefined,
+                  rel: social.href !== '#' ? 'noopener noreferrer' : undefined,
+                  className: "flex h-9 w-9 items-center justify-center rounded-xl border border-white/15 text-white/60 transition-all duration-200 hover:-translate-y-0.5 hover:border-white/30 hover:bg-white/10 hover:text-white",
+                  children: [jsx("span", {
+                    className: "sr-only",
+                    children: social.name
+                  }), jsx(SocialIcon, {
+                    className: "h-4 w-4",
+                    "aria-hidden": "true"
+                  })]
+                }, social.name);
+              })
+            })]
+          }), footerLinks.map(section => jsxs("div", {
+            children: [jsx("h4", {
+              className: "text-[11px] font-bold uppercase tracking-[0.15em] text-white/50",
+              children: section.title
+            }), jsx("ul", {
+              className: "mt-4 space-y-2.5",
+              children: section.links.map(link => jsx("li", {
+                children: jsx(Link, {
+                  to: link.href,
+                  className: "text-sm text-white/70 transition-colors duration-200 hover:text-white",
+                  children: link.label
+                })
+              }, link.label))
+            })]
+          }, section.title))]
         }), jsxs("div", {
-          className: "flex items-center gap-4",
+          className: "mt-14 flex flex-col items-center justify-between gap-4 border-t border-white/10 pt-8 sm:flex-row",
           children: [jsxs("p", {
-            className: "text-[12px] text-muted-foreground/60",
-            children: ["Built with ", jsx("span", {
-              className: "text-red-500",
-              children: "\u2665"
-            }), " for teams that ship fast"]
-          }), jsx(FooterThemeToggle, {})]
+            className: "text-[12px] text-white/50",
+            children: ["\u00A9 ", currentYear, " Yantra Inc. All rights reserved."]
+          }), jsxs("div", {
+            className: "flex items-center gap-4",
+            children: [jsxs("p", {
+              className: "text-[12px] text-white/50",
+              children: ["Built with ", jsx("span", {
+                className: "text-red-400",
+                children: "\u2665"
+              }), " for teams that ship fast"]
+            }), jsx(FooterThemeToggle, {})]
+          })]
         })]
       })]
     })]

package/lib/components/HelpCenterFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterFooter.js","sources":["../../src/components/HelpCenterFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uQAOA;AAEA,SAAS,iBAAiB,GAAA;QAChB;AACN,IAAA,IAAA;IAEA;cACW,EAAC;AACZ,EAAA,MAAE,MAAA,GAAA,IAAA,KAAA,MAAA;AAEF,EAAA,MAAA,YACI,GAAA,MAAA;AAWR,IAAC,OAAA,CAAA,MAAA,GAAA,OAAA,GAAA,MAAA,CAAA;AAED,GAAiB;AAEjB,EAAA,OAAOA,IAAsB,CAAA,QAAA,EAAA;IACzB,IAAM,EAAA,QAAA;IACN,OAAO,EAAK,YAAU;IACtB,YAAiB,EAAA,MAAe,GAAA,sBAAa,GAAK,qBAAE;AAEpD,IAAA,KAAA,EAAqB,MAAA,GAAA,sBAA0B,GAAA,qBAAA;aAC3B,EAAA,6KAAG;AACnB,IAAA,QAAI,EAAK,CAAA,MAAK,GAAEC,GAAG,CAAA,KAAA,CAAA,iBAAA,EAAA;eACF,EAAA;YACL,CAAA,KAAA,CAAA,iBAAK,EAAA;eAChB,EAAA;AACL,KAAC,CAAC,EAAAA,GAAA,CAAA,MAAA,EAAA;AAEF,MAAA,gBAAoB,GAAA,OAAA,GAAA;AAChB,KAAA,CAAA;AACI,GAAA,CAAA;AACA;AACI;AACA,MAAA,gBAAS,GAAA,MAAA;AACT,EAAA,MAAA,kBAAS,IAAA,EAAA,CAAA,WAAoB,EAAA;AAC7B,EAAA,MAAA,CAAA,KAAA,EAAA,QAAS,CAAA,GAAA,SAAY,EAAI,CAAA;AACzB,EAAA,MAAA,CAAA,yBAAkB,IAAM;AAC3B,EAAA,MAAA,eAAA,GAAA,CAAA,IAAA;AACJ,IAAA,CAAA,CAAA,cAAA,EAAA;AACD,IAAA,IAAA,KAAA,CAAA,IAAA,EAAA,EAAA;AACI,MAAA,aAAO,CAAW,IAAA,CAAA;AAClB,MAAA,QAAA,CAAA,EAAK,CAAE;;AAEH,GAAA;mBACE,GAAA,CAAK;oBACL;;2BAEiB;AACtB,MAAA,IAAA,EAAA;AACJ,KAAA,EAAA;AACD,MAAA,KAAA,EAAA,mBAAA;AACI,MAAA,IAAA,EAAA;AACA,KAAA,EAAA;2BACoB;;;uBAGT;AACV,MAAA,IAAA,EAAA;AACJ,KAAA,EAAA;AACD,MAAA,KAAA,EAAA,SAAA;AACI,MAAA,IAAA,EAAA;AACA,KAAA;;sBAEM;AACF,IAAA,KAAA,EAAA,CAAA;AACA,MAAA,KAAA,EAAA,aAAS;AACZ,MAAA,IAAA,EAAA,mBAAA,CAAA;AACJ,KAAA,EAAA;MACH,KAAA,EAAA,eAAA;AAEF,MAAA,IAAA,EACI;AAoDwB,KAAA,EAAA;AACA,MAAA,KAAA,EAAA,aAAA;AACA,MAAA,IAAA,EAAA,mBAAA,CAAA;AACA,KAAA,EAAA;AACH,MAAA,KAAA,EAAA,eAAA;AACG,MAAA,IAAA,EAAA,mBAAA,CAAA;;AAGQ,MAAA,KAAA,EAAA,WAAA;;AAEE,KAAA,EAAA;;AAEE,MAAA,IAAA,EAAA,mBAAA,CAAA;AACZ,KAAA;;AAqDhC,IAAE,KAAA,EAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCenterFooter.js","sources":["../../src/components/HelpCenterFooter.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"kaASA,SAAS,iBAAiB,GAAA;QAChB;AACN,IAAA,IAAA;IAEA;cACW,EAAC;AACZ,EAAA,MAAE,MAAA,GAAA,IAAA,KAAA,MAAA;AAEF,EAAA,MAAA,YACI,GAAA,MAAA;AAWR,IAAC,OAAA,CAAA,MAAA,GAAA,OAAA,GAAA,MAAA,CAAA;AAED,GAAA;SACUA,IAAA,CAAA,UAAkB;IACxB,IAAM,EAAA,QAAQ;IACd,OAAO,EAAU,YAAe;AAChC,IAAA,YAAmB,EAAA,MAAA,GAA0B,sBAAA,GAAG,qBAAA;AAEhD,IAAA,KAAA,EAAqB,MAAA,GAAA,sBAA0B,GAAA,qBAAA;aAC3B,EAAA,iMAAG;AACnB,IAAA,QAAI,EAAK,CAAA,MAAK,GAAEC,GAAG,CAAA,KAAA,CAAA,iBAAA,EAAA;eACF,EAAA;YACL,CAAA,KAAA,CAAA,iBAAK,EAAA;eAChB,EAAA;AACL,KAAC,CAAC,EAAAA,GAAA,CAAA,MAAA,EAAA;AAEF,MAAA,gBAAoB,GAAA,OAAA,GAAA;AAChB,KAAA,CAAA;AACI,GAAA,CAAA;AACA;AACI,MAAA,gBAAS,GAAA,MAAA;AACT,EAAA,MAAA,kBAAS,IAAA,EAAA,CAAA,WAAmB,EAAE;AAC9B,EAAA,MAAA,CAAA,KAAA,EAAA,QAAS,CAAA,GAAA,QAAA,CAAA,EAAc;AACvB,EAAA,MAAA,CAAA,yBAAS,CAAU,GAAM;AACzB,EAAA,MAAA,gBAAS;AACZ,EAAA,MAAA,eAAA,GAAA,CAAA,IAAA;AACJ,IAAA,CAAA,CAAA,cAAA,EAAA;AACD,IAAA,IAAA,KAAA,CAAA,IAAA,EAAA,EAAA;AACI,MAAA,aAAO,CAAW,IAAA,CAAA;AAClB,MAAA,QAAA,CAAA,EAAK,CAAE;;AAEH,GAAA;mBACE,GAAA,CAAK;oBACL;;2BAEiB;AACtB,MAAA,IAAA,EAAA;AACJ,KAAA,EAAA;AACD,MAAA,KAAA,EAAA,mBAAA;AACI,MAAA,IAAA,EAAA;AACA,KAAA,EAAA;2BACoB;;;uBAGT;AACV,MAAA,IAAA,EAAA;AACJ,KAAA,EAAA;AACD,MAAA,KAAA,EAAA,SAAA;AACI,MAAA,IAAA,EAAA;AACA,KAAA;;sBAEM;;AAEF,MAAA,KAAA,EAAA,aAAS;AACT,MAAA,IAAA,EAAA,mBAAe;AAClB,KAAA,EAAA;AACJ,MAAA,KAAA,EAAA,eAAA;MACH,IAAA,EAAA;KAEK,EAAA;AA6DyB,MAAA,KAAA,EAAA,aAAA;AACA,MAAA,IAAA,EAAA,mBAAA,CAAA;AACA,KAAA,EAAA;AACA,MAAA,KAAA,EAAA,eAAA;AACH,MAAA,IAAA,EAAA,mBAAA,CAAA;AACG,KAAA,EAAA;;AAGQ,MAAA,IAAA,EAAA,mBAAA,CAAA;;AAEE,MAAA,KAAA,EAAA,UAAA;;AAEE,KAAA;AACZ,GAAA,EAAA;;AAoDpC,IAAE,KAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/HelpCenterHeader.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 /**
- * Theme-token-only hero for the Help Center.
- * Editorial-typographic, light-default, no orbs / shimmer / gradient text.
+ * Help Center hero with GPU fluid backdrop (Clockbook pattern).
  */
 export declare const HelpCenterHeader: React.FC;
 //# sourceMappingURL=HelpCenterHeader.d.ts.map

package/lib/components/HelpCenterHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterHeader.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAuCpC,CAAC"}
+{"version":3,"file":"HelpCenterHeader.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA+CpC,CAAC"}

package/lib/components/HelpCenterHeader.js

@@ -1,21 +1,20 @@
-import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';import {SearchBar}from'./SearchBar.js';const POPULAR = ['AI Employees', 'Integrations', 'Security', 'Getting started'];
+import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';import {SearchBar}from'./SearchBar.js';import {HeroAnimatedBackground}from'../pages/LandingPage/components/HeroAnimatedBackground.js';const POPULAR = ['AI Employees', 'Integrations', 'Security', 'Getting started'];
 /**
- * Theme-token-only hero for the Help Center.
- * Editorial-typographic, light-default, no orbs / shimmer / gradient text.
+ * Help Center hero with GPU fluid backdrop (Clockbook pattern).
  */
 const HelpCenterHeader = () => {
-  return jsx("header", {
-    className: "relative w-full overflow-hidden border-b border-border bg-muted/40",
-    children: jsxs("div", {
-      className: "relative mx-auto flex max-w-4xl flex-col items-center px-6 pt-24 pb-20 text-center lg:px-16 lg:pt-32",
+  return jsxs("header", {
+    className: "yh-hero-surface relative -mt-16 w-full overflow-hidden border-b border-white/10",
+    children: [jsx(HeroAnimatedBackground, {}), jsxs("div", {
+      className: "relative z-10 mx-auto flex max-w-4xl flex-col items-center px-6 pt-24 pb-20 text-center lg:px-16 lg:pt-32",
       children: [jsx("p", {
-        className: "mb-5 text-xs font-bold uppercase tracking-[0.2em] text-primary",
+        className: "mb-5 text-xs font-bold uppercase tracking-[0.2em] text-white/60",
         children: "Help Center"
       }), jsx("h1", {
-        className: "text-balance text-4xl font-bold leading-[1.05] tracking-tight text-foreground sm:text-5xl lg:text-6xl",
+        className: "text-balance text-4xl font-bold leading-[1.05] tracking-tight text-white sm:text-5xl lg:text-6xl",
         children: "Answers, built like the platform."
       }), jsx("p", {
-        className: "mt-6 max-w-prose text-base leading-relaxed text-muted-foreground sm:text-lg",
+        className: "mt-6 max-w-prose text-base leading-relaxed text-white/75 sm:text-lg",
         children: "Reference, guides, and operational notes for the Yantra automation platform. No fluff. Search, or pick a topic."
       }), jsx("div", {
         className: "mt-10 w-full max-w-xl",
@@ -23,15 +22,15 @@ const HelpCenterHeader = () => {
       }), jsxs("div", {
         className: "mt-6 flex flex-wrap items-center justify-center gap-x-2 gap-y-1.5 text-sm",
         children: [jsx("span", {
-          className: "text-muted-foreground/70",
+          className: "text-white/50",
           children: "Popular:"
         }), POPULAR.map((term, i) => jsxs(React__default.Fragment, {
           children: [i > 0 && jsx("span", {
-            className: "text-muted-foreground/40",
+            className: "text-white/30",
             children: "\u00B7"
           }), jsx("button", {
             type: "button",
-            className: "font-medium text-foreground/80 underline-offset-4 transition-colors hover:text-primary hover:underline focus-themed rounded-themed",
+            className: "font-medium text-white/80 underline-offset-4 transition-colors hover:text-white hover:underline focus-themed rounded-themed",
             onClick: () => {
               window.dispatchEvent(new CustomEvent('helpcenter:search', {
                 detail: term
@@ -41,6 +40,12 @@ const HelpCenterHeader = () => {
           })]
         }, term))]
       })]
-    })
+    }), jsx("div", {
+      className: "pointer-events-none absolute inset-x-0 bottom-0 z-[3] h-16",
+      style: {
+        background: 'linear-gradient(to top, hsl(var(--background)), transparent)'
+      },
+      "aria-hidden": true
+    })]
   });
 };export{HelpCenterHeader};//# sourceMappingURL=HelpCenterHeader.js.map

package/lib/components/HelpCenterHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterHeader.js","sources":["../../src/components/HelpCenterHeader.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"kHAGA,MAAM,OAAO,GAAG,CAAC,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,iBAAiB,CAAC;AAE/E;;;AAGG;AACI,MAAM,gBAAgB,GAAa,MAAK;AAC3C,EAAA,OAAAA,GACY,CAAA,QAAA,EAAA;AA0BoB,IAAA,SAAA,EAAA,oEAAqC;AACzC,IAAA,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;AAUhC,MAAE,SAAA,EAAA,sGAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCenterHeader.js","sources":["../../src/components/HelpCenterHeader.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"iNAIA,MAAM,OAAO,GAAG,CAAC,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,iBAAiB,CAAC;AAE/E;;AAEG;AACI,MAAM,gBAAgB,GAAa,MAAK;SACpCA;AA6ByB,IAAA,SAAA,EAAA,iFAAqC;yCACxC,EAAA,EAAA,CAAA,EAAAA,IAEI,CAAA,KACA,EAVQ;AAuB7C,MAAE,SAAA,EAAA,2GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/HeroHeaderScrollStyles.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Hero / docs header overrides. MainHeader adds `border-b` when showMenu is set;
+ * strip it on fluid hero pages so the bar sits flush on the canvas (Clockbook).
+ */
+export declare const HeroHeaderScrollStyles: React.FC;
+//# sourceMappingURL=HeroHeaderScrollStyles.d.ts.map

package/lib/components/HeroHeaderScrollStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeaderScrollStyles.d.ts","sourceRoot":"","sources":["../../src/components/HeroHeaderScrollStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAoB1C,CAAC"}

package/lib/components/HeroHeaderScrollStyles.js

@@ -0,0 +1,23 @@
+import {jsx}from'react/jsx-runtime';/**
+ * Hero / docs header overrides. MainHeader adds `border-b` when showMenu is set;
+ * strip it on fluid hero pages so the bar sits flush on the canvas (Clockbook).
+ */
+const HeroHeaderScrollStyles = () => jsx("style", {
+  // eslint-disable-next-line react/no-danger
+  dangerouslySetInnerHTML: {
+    __html: `
+body.yh-has-hero-header div.top-0.z-\\[100\\] {
+  border-bottom: none !important;
+}
+
+body.yh-has-hero-header:not(.yh-header-at-top) div.top-0.z-\\[100\\] {
+  position: fixed !important;
+  background: hsl(var(--card)) !important;
+  color: hsl(var(--card-foreground)) !important;
+  backdrop-filter: none !important;
+  -webkit-backdrop-filter: none !important;
+  box-shadow: 0 8px 40px -20px rgba(0, 0, 0, 0.25);
+}
+`
+  }
+});export{HeroHeaderScrollStyles};//# sourceMappingURL=HeroHeaderScrollStyles.js.map

package/lib/components/HeroHeaderScrollStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeaderScrollStyles.js","sources":["../../src/components/HeroHeaderScrollStyles.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAEA;;;AAGG;AACU,MAAA,sBAAsB,GAAa,MAAMA,GAClD,CAAA,OAAA,EAAA;;AAEI,EAAA,uBAAA,EAAuB;AACnB,IAAA,MAAA,EAAA;;;;;;;;;;;;;AAaX;AACQ;"}

package/lib/components/Icons.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 export declare const Icons: {
-    GettingStarted: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    AccountManagement: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    Billing: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    ProductFeatures: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    Troubleshooting: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    Api: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    Security: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    Feedback: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    Contact: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    GettingStarted: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    AccountManagement: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    Billing: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    ProductFeatures: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    Troubleshooting: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    Api: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    Security: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    Feedback: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+    Contact: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
     StripeIcon: import("@react-icons/all-files/lib").IconType;
     ShopifyIcon: import("@react-icons/all-files/lib").IconType;
     NotionIcon: import("@react-icons/all-files/lib").IconType;

package/lib/components/Logo.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-export declare const Logo: React.FC<any>;
+export declare const Logo: React.FC<any & {
+    light?: boolean;
+    scrolled?: boolean;
+}>;
 //# sourceMappingURL=Logo.d.ts.map

package/lib/components/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAsI9B,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAiJxE,CAAC"}