@yca-software/yca-react-core 0.0.1

package/dist/components/marketing/index.d.ts

@@ -0,0 +1,473 @@
+import * as React from 'react';
+
+interface BentoCell {
+    title: string;
+    description: string;
+    /** Tailwind span classes, e.g. `md:col-span-2` or `md:row-span-2`. */
+    className?: string;
+    icon?: React.ReactNode;
+}
+interface BentoFeaturesProps {
+    id?: string;
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    cells: BentoCell[];
+    className?: string;
+}
+/**
+ * Bento-style grid: accent rail, gradient icon wells, and hover lift per tile.
+ */
+declare function BentoFeatures({ id, eyebrow, title, description, cells, className, }: BentoFeaturesProps): React.JSX.Element;
+
+interface BlogPostTeaser {
+    title: string;
+    excerpt: string;
+    date: string;
+    href: string;
+    image?: {
+        src: string;
+        alt: string;
+    };
+}
+interface BlogTeaserProps {
+    id?: string;
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    posts: BlogPostTeaser[];
+    className?: string;
+}
+/**
+ * Blog / changelog teaser grid with image cards and hover lift.
+ */
+declare function BlogTeaser({ id, eyebrow, title, description, posts, className }: BlogTeaserProps): React.JSX.Element;
+
+interface ContactSectionProps {
+    id?: string;
+    eyebrow?: string;
+    title: string;
+    description?: string;
+    email?: string;
+    phone?: string;
+    address?: string;
+    /** Right column: custom form or map embed */
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Two-column contact block: copy + channels on the left, `children` (e.g. form) on the right.
+ */
+declare function ContactSection({ id, eyebrow, title, description, email, phone, address, children, className, }: ContactSectionProps): React.JSX.Element;
+
+/** Button/link for the hero CTA (label + href). */
+interface HeroAction {
+    label: string;
+    href: string;
+}
+/** Props for the Hero component. */
+interface HeroProps {
+    id?: string;
+    subtitle?: string;
+    title: string;
+    description?: string;
+    primaryAction?: HeroAction;
+    secondaryAction?: HeroAction;
+    className?: string;
+}
+/**
+ * Marketing hero section: centered headline, optional subtitle/description, and primary/secondary CTAs.
+ * Min height ~80vh; responsive typography.
+ */
+declare function Hero({ id, subtitle, title, description, primaryAction, secondaryAction, className, }: HeroProps): React.JSX.Element;
+
+interface CtaBannerProps {
+    id?: string;
+    title: string;
+    description?: string;
+    primaryAction?: HeroAction;
+    secondaryAction?: HeroAction;
+    /** Use gradient band (primary-tinted) vs solid primary. */
+    variant?: 'gradient' | 'solid';
+    className?: string;
+}
+/**
+ * Full-width call-to-action: ambient background + frosted inner panel + hero-style buttons.
+ */
+declare function CtaBanner({ id, title, description, primaryAction, secondaryAction, variant, className, }: CtaBannerProps): React.JSX.Element;
+
+interface ErrorSpotlightProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    centerContent?: React.ReactNode;
+    /** Characters used in the grid, brightest → dimmest (we pick by intensity). */
+    symbolPalette?: string;
+    /** Approximate pixel step between grid cells (smaller = denser, heavier). */
+    cellSize?: number;
+    className?: string;
+}
+/**
+ * Full-viewport error state: ASCII symbol field that “lights up” along a beam
+ * from the bottom-center mark toward the cursor (Vercel-style).
+ * Pass `centerContent` for a logo instead of the default triangle.
+ */
+declare function ErrorSpotlight({ title, description, centerContent, symbolPalette, cellSize, className, }: ErrorSpotlightProps): React.JSX.Element;
+
+interface FaqItem {
+    question: string;
+    answer: string;
+}
+interface FaqSectionProps {
+    id?: string;
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    items: FaqItem[];
+    className?: string;
+}
+/**
+ * Accessible FAQ list using native disclosure (`details` / `summary`).
+ */
+declare function FaqSection({ id, eyebrow, title, description, items, className }: FaqSectionProps): React.JSX.Element;
+
+interface FeatureMediaProps {
+    id?: string;
+    title: string;
+    description: string;
+    eyebrow?: string;
+    image?: {
+        src: string;
+        alt: string;
+        className?: string;
+    };
+    media?: React.ReactNode;
+    imagePosition?: 'left' | 'right';
+    className?: string;
+}
+/**
+ * Alternating feature row: headline + copy beside an image or custom `media`.
+ */
+declare function FeatureMedia({ id, title, description, eyebrow, image, media, imagePosition, className, }: FeatureMediaProps): React.JSX.Element;
+
+/** Contact details shown in the footer. */
+interface FooterContact {
+    address?: string;
+    phone?: string;
+    email?: string;
+}
+/** Link item for the footer nav column. */
+interface FooterLink {
+    label: string;
+    href: string;
+}
+/** Props for the Footer component. */
+interface FooterProps {
+    logo: React.ReactNode;
+    description?: string;
+    contact?: FooterContact;
+    links?: FooterLink[];
+    /** Shown under the copyright line (e.g. “A YCA Software product”). */
+    attribution?: string;
+    className?: string;
+}
+/**
+ * Marketing site footer with logo, optional description, contact block, and link column.
+ * Renders a copyright line for the current year.
+ */
+declare function Footer({ logo, description, contact, links, attribution, className }: FooterProps): React.JSX.Element;
+
+interface HeroSplitProps {
+    id?: string;
+    subtitle?: string;
+    title: string;
+    description?: string;
+    primaryAction?: HeroAction;
+    secondaryAction?: HeroAction;
+    /** Image shown in the media column (alternative to `media`). */
+    image?: {
+        src: string;
+        alt: string;
+        className?: string;
+    };
+    /** Custom media: video, illustration, or optimized image from Astro. */
+    media?: React.ReactNode;
+    /** When true, applies ambient gradient + float wrapper on media (uses `.ds-mkt-*` utilities). */
+    decorative?: boolean;
+    className?: string;
+}
+/**
+ * Two-column hero: copy and CTAs on one side, image or custom `media` on the other.
+ */
+declare function HeroSplit({ id, subtitle, title, description, primaryAction, secondaryAction, image, media, decorative, className, }: HeroSplitProps): React.JSX.Element;
+
+interface LogoCloudItem {
+    src: string;
+    alt: string;
+    href?: string;
+}
+interface LogoCloudProps {
+    id?: string;
+    title?: string;
+    logos: LogoCloudItem[];
+    className?: string;
+}
+/**
+ * Grayscale logo strip for social proof; optional heading.
+ */
+declare function LogoCloud({ id, title, logos, className }: LogoCloudProps): React.JSX.Element;
+
+/** Link item for the nav bar. */
+interface NavigationLink {
+    label: string;
+    href: string;
+}
+/** Call-to-action button shown in the nav (e.g. "Get started"). */
+interface NavigationCTA {
+    label: string;
+    href: string;
+}
+interface NavigationLanguageOption {
+    label: string;
+    href: string;
+    code: string;
+}
+interface NavigationLanguageSwitcher {
+    ariaLabel?: string;
+    currentCode: string;
+    options: NavigationLanguageOption[];
+}
+/** Props for the Navigation component. */
+interface NavigationProps {
+    logo: React.ReactNode;
+    logoHref?: string;
+    links: NavigationLink[];
+    cta?: NavigationCTA;
+    languageSwitcher?: NavigationLanguageSwitcher;
+    className?: string;
+}
+/**
+ * Marketing site header with logo, nav links, optional CTA, and mobile drawer.
+ * Uses a portaled overlay on small screens; locks body scroll when open.
+ */
+declare function Navigation({ logo, logoHref, links, cta, languageSwitcher, className, }: NavigationProps): React.JSX.Element;
+
+interface NewsletterProps {
+    id?: string;
+    title: string;
+    description?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+    /** When set, renders a GET/POST form to this URL (e.g. Buttondown, Formspree). */
+    formAction?: string;
+    formMethod?: 'get' | 'post';
+    inputName?: string;
+    /** Custom form content (e.g. hidden fields). When set, other form props are ignored. */
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Email capture block with elevated surface; works with external form endpoints or `children`.
+ */
+declare function Newsletter({ id, title, description, placeholder, buttonLabel, formAction, formMethod, inputName, children, className, }: NewsletterProps): React.JSX.Element;
+
+interface PricingTier {
+    name: string;
+    /** Single price (legacy). Ignored when `priceMonthly` + `priceAnnual` are set. */
+    price: string;
+    /** Optional struck-through anchor price shown above discounted price. */
+    originalPrice?: string;
+    period?: string;
+    /** Enables monthly/annual toggle when both are set (with `priceAnnual`). */
+    priceMonthly?: string;
+    priceAnnual?: string;
+    periodMonthly?: string;
+    periodAnnual?: string;
+    description?: string;
+    features: string[];
+    cta: HeroAction;
+    highlighted?: boolean;
+    /** Small badge under the plan name (e.g. trial). */
+    badge?: string;
+}
+/** Feature comparison row: one value per tier (same order as `tiers`). */
+interface PricingComparisonRow {
+    label: string;
+    /** `true` = checkmark, `false` = muted dot, `string` = shown as text */
+    values: (boolean | string)[];
+}
+interface PricingSectionProps {
+    id?: string;
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    tiers: PricingTier[];
+    /** Shown below the cards; same column order as `tiers`. */
+    comparisonRows?: PricingComparisonRow[];
+    /** Deprecated: comparison title is intentionally not rendered. */
+    comparisonTitle?: string;
+    /** When monthly/annual prices exist, show “Save X%” style badge. */
+    annualDiscountPercent?: number;
+    className?: string;
+}
+/**
+ * Pricing grid with optional billing toggle, tier badges, and feature comparison table
+ * (aligned with the React SPA `PricingContent` / pricing modal layout).
+ */
+declare function PricingSection({ id, eyebrow, title, description, tiers, comparisonRows, annualDiscountPercent, className, }: PricingSectionProps): React.JSX.Element;
+
+interface LaunchProject {
+    name: string;
+    description: string;
+    href: string;
+    status: 'live' | 'coming-soon';
+}
+interface ProjectLaunchesProps {
+    id?: string;
+    eyebrow: string;
+    title: string;
+    liveLabel: string;
+    comingSoonLabel: string;
+    projects: LaunchProject[];
+    className?: string;
+}
+/**
+ * Product / project launch grid with live vs coming-soon status chips.
+ */
+declare function ProjectLaunches({ id, eyebrow, title, liveLabel, comingSoonLabel, projects, className, }: ProjectLaunchesProps): React.JSX.Element;
+
+interface PromoBannerProps {
+    /** Banner body (string or rich content) */
+    children: React.ReactNode;
+    href?: string;
+    linkLabel?: string;
+    dismissible?: boolean;
+    className?: string;
+}
+/**
+ * Slim announcement strip; optional link and client-side dismiss (hydrate with `client:load` in Astro when `dismissible`).
+ */
+declare function PromoBanner({ children, href, linkLabel, dismissible, className, }: PromoBannerProps): React.JSX.Element | null;
+
+type SectionVariant = 'default' | 'soft' | 'spotlight';
+/** Props for the Section component. */
+interface SectionProps {
+    id?: string;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    children?: React.ReactNode;
+    /** Ambient background treatment. */
+    variant?: SectionVariant;
+    className?: string;
+}
+/**
+ * Full-width section with optional heading block (subtitle, title, description) and content.
+ * Uses container and centered text for the heading when present.
+ */
+declare function Section({ id, title, subtitle, description, children, variant, className, }: SectionProps): React.JSX.Element;
+
+/** Props for the ServiceCard component. */
+interface ServiceCardProps {
+    title: string;
+    description: string;
+    icon?: React.ReactNode;
+    className?: string;
+}
+/** Card for highlighting a service or feature (title, description, optional icon). */
+declare function ServiceCard({ title, description, icon, className }: ServiceCardProps): React.JSX.Element;
+
+interface StatItem {
+    value: string;
+    label: string;
+}
+interface StatsStripProps {
+    id?: string;
+    stats: StatItem[];
+    className?: string;
+}
+/**
+ * Responsive row of metrics (value + label).
+ */
+declare function StatsStrip({ id, stats, className }: StatsStripProps): React.JSX.Element;
+
+interface TeamMember {
+    name: string;
+    role: string;
+    image?: {
+        src: string;
+        alt: string;
+    };
+    href?: string;
+}
+interface TeamGridProps {
+    id?: string;
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    members: TeamMember[];
+    className?: string;
+}
+/**
+ * Team / leadership grid with portrait cards.
+ */
+declare function TeamGrid({ id, eyebrow, title, description, members, className }: TeamGridProps): React.JSX.Element;
+
+interface TestimonialProps {
+    id?: string;
+    quote: string;
+    attribution: string;
+    role?: string;
+    avatar?: {
+        src: string;
+        alt: string;
+    };
+    logo?: {
+        src: string;
+        alt: string;
+    };
+    className?: string;
+}
+/**
+ * Single testimonial block with quote and optional avatar / company logo.
+ */
+declare function Testimonial({ id, quote, attribution, role, avatar, logo, className, }: TestimonialProps): React.JSX.Element;
+
+interface TrustBadgeItem {
+    label: string;
+    icon?: React.ReactNode;
+}
+interface TrustBadgesProps {
+    id?: string;
+    title?: string;
+    items: TrustBadgeItem[];
+    className?: string;
+}
+/**
+ * Inline trust / compliance chips (SOC2-style labels, guarantees, etc.).
+ */
+declare function TrustBadges({ id, title, items, className }: TrustBadgesProps): React.JSX.Element;
+
+interface VideoShowcaseProps {
+    id?: string;
+    title?: string;
+    description?: string;
+    /** Embeddable URL (YouTube/Vimeo iframe src). */
+    embedUrl?: string;
+    /** Native video source; ignored if `embedUrl` is set. */
+    video?: {
+        src: string;
+        poster?: string;
+        controls?: boolean;
+        playsInline?: boolean;
+        loop?: boolean;
+        muted?: boolean;
+    };
+    titleAttr?: string;
+    className?: string;
+}
+/**
+ * Responsive 16:9 video frame: iframe embed or HTML5 video.
+ */
+declare function VideoShowcase({ id, title, description, embedUrl, video, titleAttr, className, }: VideoShowcaseProps): React.JSX.Element;
+
+export { type BentoCell, BentoFeatures, type BentoFeaturesProps, type BlogPostTeaser, BlogTeaser, type BlogTeaserProps, ContactSection, type ContactSectionProps, CtaBanner, type CtaBannerProps, ErrorSpotlight, type ErrorSpotlightProps, type FaqItem, FaqSection, type FaqSectionProps, FeatureMedia, type FeatureMediaProps, Footer, type FooterContact, type FooterLink, type FooterProps, Hero, type HeroAction, type HeroProps, HeroSplit, type HeroSplitProps, type LaunchProject, LogoCloud, type LogoCloudItem, type LogoCloudProps, Navigation, type NavigationCTA, type NavigationLanguageOption, type NavigationLanguageSwitcher, type NavigationLink, type NavigationProps, Newsletter, type NewsletterProps, type PricingComparisonRow, PricingSection, type PricingSectionProps, type PricingTier, ProjectLaunches, type ProjectLaunchesProps, PromoBanner, type PromoBannerProps, Section, type SectionProps, type SectionVariant, ServiceCard, type ServiceCardProps, type StatItem, StatsStrip, type StatsStripProps, TeamGrid, type TeamGridProps, type TeamMember, Testimonial, type TestimonialProps, type TrustBadgeItem, TrustBadges, type TrustBadgesProps, VideoShowcase, type VideoShowcaseProps };

package/dist/components/marketing/index.js

@@ -0,0 +1,5 @@
+export { BentoFeatures, BlogTeaser, ContactSection, CtaBanner, ErrorSpotlight, FaqSection, FeatureMedia, Footer, Hero, HeroSplit, LogoCloud, Navigation, Newsletter, PricingSection, ProjectLaunches, PromoBanner, Section, ServiceCard, StatsStrip, TeamGrid, Testimonial, TrustBadges, VideoShowcase } from '../../chunk-QFKVPVFC.js';
+import '../../chunk-3AYG73DK.js';
+import '../../chunk-GXWVFQCK.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/marketing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}