4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T126c,"use client"; import { memo, useId } from "react"; import { cn } from "@/lib/utils"; import type { PageHeroDensity, PageHeroHeadingLevel, PageHeroProps, } from "./types"; const DENSITY_CLASS: Record = { compact: "min-h-[40vh]", default: "min-h-[70vh]", full: "min-h-screen", }; /** * PageHero — full-bleed gradient hero band with badge / title / * highlight / description / children slot. Reveal animation uses the * existing pro-ui `reveal-up` keyframe (no framer-motion peer dep) with * 60ms staggered delays per the project's Motion mandate. * * Pair with the exported `HeroStats` sub-component for the typical * icon-circle + value + label triplet inside `children`. */ function PageHeroImpl(props: PageHeroProps) { const { title, titleSlot, titleHighlight, badge, badgeIcon: BadgeIcon, description, children, density = "default", headingAs = "h1", disableReveal = false, className, } = props; const generatedId = useId(); const titleId = `${generatedId}-title`; const HeadingTag = headingAs as PageHeroHeadingLevel; const revealClass = disableReveal ? "" : "reveal-up"; return (

{/* Gradient background + subtle noise overlay */}

{/* Content stack */}

{badge ? ( {BadgeIcon ? ) : null} {titleSlot ? (

{titleSlot}

) : ( {title} {titleHighlight ? ( {titleHighlight} ) : null} )} {description ? (

{description}

) : null} {children ? (

{children}

) : null}

{/* Bottom wave — fills with the page background so the section transitions cleanly */}

); } export const PageHero = memo(PageHeroImpl); PageHero.displayName = "PageHero"; export default PageHero; export { HeroStats } from "./parts/hero-stats"; 51:T610,import type { ComponentType, ReactNode } from "react"; export type PageHeroDensity = "compact" | "default" | "full"; export type PageHeroHeadingLevel = "h1" | "h2" | "h3"; export interface HeroStat { /** Optional Lucide-style icon. */ icon?: ComponentType<{ className?: string }>; /** Bold value text (e.g. "500+", "Daily"). */ value: string; /** Small label below the value (e.g. "Articles", "Updates"). */ label: string; } export interface HeroStatsProps { stats: HeroStat[]; className?: string; } export interface PageHeroProps { /** Title is required. */ title: string; /** Override `title` with a custom node (e.g. mixed bold + colors). */ titleSlot?: ReactNode; /** Optional accent-colored highlight rendered as a `` below the title. */ titleHighlight?: string; /** Optional badge text rendered above the title. */ badge?: string; /** Optional Lucide-style icon for the badge. */ badgeIcon?: ComponentType<{ className?: string }>; /** Optional description paragraph rendered below the title. */ description?: string; /** Optional content slot rendered below the description (stats / CTAs / search / anything). */ children?: ReactNode; /** Section minimum height. Default: 'default' (70vh). */ density?: PageHeroDensity; /** Heading semantic level. Default: 'h1'. */ headingAs?: PageHeroHeadingLevel; /** Disable the entrance animation entirely. Default: false. */ disableReveal?: boolean; /** Override classes for the root

. */ className?: string; } 52:T4d0,import { cn } from "@/lib/utils"; import type { HeroStatsProps } from "../types"; /** * 3-stat row pattern from the kasder NewsHero — icon-circle + bold value * + small label, repeated horizontally. Designed to live inside the hero's * `children` slot; inherits primary-foreground (near-black) text from the * lime gradient background per the design-system mandate. */ export function HeroStats({ stats, className }: HeroStatsProps) { return (

{stats.map((stat, index) => { const Icon = stat.icon; return (

{Icon ? (

) : null}

{stat.value}

{stat.label}

); })}

); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@ilinxa","registryDependencies":[]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/registry/components/marketing/page-hero/page-hero.tsx","content":"$50","type":"registry:component","target":"components/page-hero/page-hero.tsx"},{"path":"src/registry/components/marketing/page-hero/index.ts","content":"export { PageHero, HeroStats, default } from \"./page-hero\";\nexport type {\n HeroStat,\n HeroStatsProps,\n PageHeroDensity,\n PageHeroHeadingLevel,\n PageHeroProps,\n} from \"./types\";\n","type":"registry:component","target":"components/page-hero/index.ts"},{"path":"src/registry/components/marketing/page-hero/types.ts","content":"$51","type":"registry:component","target":"components/page-hero/types.ts"},{"path":"src/registry/components/marketing/page-hero/parts/hero-stats.tsx","content":"$52","type":"registry:component","target":"components/page-hero/parts/hero-stats.tsx"}],"className":"h-[70svh] min-h-80"}]]}]