@almadar/ui 5.79.1 → 5.79.2

package/dist/components/marketing/molecules/MarketingFooter.d.ts

@@ -0,0 +1,29 @@
+/**
+ * MarketingFooter Molecule Component
+ *
+ * A themed footer for marketing/documentation sites.
+ * Displays link columns, optional logo, and copyright text.
+ * Uses @almadar/ui theme CSS variables for consistent branding.
+ */
+import React from 'react';
+import type { AssetUrl } from '@almadar/core';
+export interface FooterLinkItem {
+    label: string;
+    href: string;
+}
+export interface FooterLinkColumn {
+    title: string;
+    items: FooterLinkItem[];
+}
+export interface FooterLogo {
+    src: AssetUrl;
+    alt: string;
+    href?: string;
+}
+export interface MarketingFooterProps {
+    columns: FooterLinkColumn[];
+    copyright?: string;
+    logo?: FooterLogo;
+    className?: string;
+}
+export declare const MarketingFooter: React.FC<MarketingFooterProps>;

package/dist/components/marketing/molecules/PricingCard.d.ts

@@ -0,0 +1,19 @@
+/**
+ * PricingCard Molecule Component
+ *
+ * A pricing tier card showing plan name, price, features, and CTA button.
+ * Composes atoms: Card, VStack, HStack, Badge, Typography, Icon, Divider, Spacer, Button.
+ */
+import React from 'react';
+import type { LinkAction } from '../../core/atoms/types';
+export interface PricingCardProps {
+    name: string;
+    price: string;
+    description?: string;
+    features: string[];
+    action: LinkAction;
+    highlighted?: boolean;
+    badge?: string;
+    className?: string;
+}
+export declare const PricingCard: React.FC<PricingCardProps>;

package/dist/components/marketing/molecules/PricingGrid.d.ts

@@ -0,0 +1,13 @@
+/**
+ * PricingGrid Molecule Component
+ *
+ * A responsive grid of PricingCard molecules.
+ * Composes: SimpleGrid + PricingCard.
+ */
+import React from 'react';
+import { type PricingCardProps } from './PricingCard';
+export interface PricingGridProps {
+    plans: PricingCardProps[];
+    className?: string;
+}
+export declare const PricingGrid: React.FC<PricingGridProps>;

package/dist/components/marketing/molecules/PullQuote.d.ts

@@ -0,0 +1,14 @@
+/**
+ * PullQuote Molecule Component
+ *
+ * Large italic text with a thick left border in primary color.
+ * Breaks up prose walls on long-form pages like Vision and case studies.
+ */
+import React from 'react';
+export interface PullQuoteProps {
+    /** The quote text */
+    children: string;
+    /** Additional class names */
+    className?: string;
+}
+export declare const PullQuote: React.FC<PullQuoteProps>;

package/dist/components/marketing/molecules/ServiceCatalog.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ServiceCatalog Molecule Component
+ *
+ * Displays a grid of services organized by layer, each shown as a card
+ * with a layer badge and service name.
+ */
+import React from 'react';
+export interface ServiceCatalogItem {
+    name: string;
+    layer: string;
+    layerColor?: string;
+}
+export interface ServiceCatalogProps {
+    /** List of services to display */
+    services: ServiceCatalogItem[];
+    /** Additional class names */
+    className?: string;
+}
+export declare const ServiceCatalog: React.FC<ServiceCatalogProps>;

package/dist/components/marketing/molecules/ShowcaseCard.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ShowcaseCard Molecule Component
+ *
+ * A card for showcasing projects, demos, or portfolio items with an image, badge, and description.
+ * Composes Card, Box, VStack, Badge, and Typography atoms.
+ */
+import React from 'react';
+import type { ImageSource } from '../../core/atoms/types';
+export interface ShowcaseCardProps {
+    title: string;
+    description?: string;
+    image: ImageSource;
+    href?: string;
+    badge?: string;
+    accentColor?: string;
+    className?: string;
+}
+export declare const ShowcaseCard: React.FC<ShowcaseCardProps>;

package/dist/components/marketing/molecules/SplitSection.d.ts

@@ -0,0 +1,19 @@
+/**
+ * SplitSection Molecule Component
+ *
+ * A two-column content section with text on one side and an image (or custom content) on the other.
+ * Composes Box, HStack, VStack, Typography, and Icon atoms.
+ */
+import React from 'react';
+import type { ImageSource } from '../../core/atoms/types';
+export interface SplitSectionProps {
+    title: string;
+    description: string | React.ReactNode;
+    bullets?: string[];
+    image?: ImageSource;
+    imagePosition?: 'left' | 'right';
+    background?: 'default' | 'alt';
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const SplitSection: React.FC<SplitSectionProps>;

package/dist/components/marketing/molecules/StatsGrid.d.ts

@@ -0,0 +1,18 @@
+/**
+ * StatsGrid Molecule Component
+ *
+ * A responsive grid of stat items showing value + label pairs.
+ * Composes: SimpleGrid + VStack + Typography.
+ * Uses StatDisplay internally when available for consistent styling.
+ */
+import React from 'react';
+export interface StatItem {
+    value: string;
+    label: string;
+}
+export interface StatsGridProps {
+    stats: StatItem[];
+    columns?: 2 | 3 | 4 | 6;
+    className?: string;
+}
+export declare const StatsGrid: React.FC<StatsGridProps>;

package/dist/components/marketing/molecules/StepFlow.d.ts

@@ -0,0 +1,21 @@
+/**
+ * StepFlow Molecule Component
+ *
+ * A step-by-step progress indicator supporting horizontal and vertical orientations.
+ * Composes Center, Typography, Icon, HStack, VStack, Box, and Divider atoms.
+ */
+import React from 'react';
+import { type IconInput } from '../../core/atoms/Icon';
+export interface StepItemProps {
+    number?: number;
+    title: string;
+    description: string;
+    icon?: IconInput;
+}
+export interface StepFlowProps {
+    steps: StepItemProps[];
+    orientation?: 'horizontal' | 'vertical';
+    showConnectors?: boolean;
+    className?: string;
+}
+export declare const StepFlow: React.FC<StepFlowProps>;

package/dist/components/marketing/molecules/TagCloud.d.ts

@@ -0,0 +1,18 @@
+/**
+ * TagCloud Molecule Component
+ *
+ * A collection of tags displayed as badges in a wrapping layout.
+ * Composes HStack and Badge atoms.
+ */
+import React from 'react';
+export interface TagCloudItem {
+    label: string;
+    href?: string;
+    variant?: string;
+}
+export interface TagCloudProps {
+    tags: string[] | TagCloudItem[];
+    variant?: 'default' | 'primary' | 'accent';
+    className?: string;
+}
+export declare const TagCloud: React.FC<TagCloudProps>;

package/dist/components/marketing/molecules/TeamCard.d.ts

@@ -0,0 +1,19 @@
+/**
+ * TeamCard Molecule Component
+ *
+ * A card displaying a team member with avatar, name, role, and bio.
+ * Composes Card, VStack, Avatar, and Typography atoms.
+ */
+import React from 'react';
+import type { AssetUrl } from '@almadar/core';
+export interface TeamCardProps {
+    name: string;
+    nameAr?: string;
+    role: string;
+    bio: string;
+    avatar?: AssetUrl | {
+        initials: string;
+    };
+    className?: string;
+}
+export declare const TeamCard: React.FC<TeamCardProps>;

package/dist/components/marketing/organisms/CaseStudyOrganism.d.ts

@@ -0,0 +1,29 @@
+/**
+ * CaseStudyOrganism
+ *
+ * Resolves an array of CaseStudyEntity and renders them as a grid of CaseStudyCard molecules.
+ * Emits UI:CASE_STUDY_CLICK with { id, href } when a case study card is clicked.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - Emits events via useEventBus
+ * - Never listens to events
+ */
+import React from 'react';
+import type { EntityWith } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** The per-case-study entity fields this organism reads (FieldValue-compatible). */
+export interface CaseStudyRow {
+    title: string;
+    description?: string;
+    category?: string;
+    categoryColor?: string;
+    href?: string;
+    linkLabel?: string;
+}
+export interface CaseStudyOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<CaseStudyRow> | readonly EntityWith<CaseStudyRow>[];
+    heading?: string;
+    subtitle?: string;
+}
+export declare const CaseStudyOrganism: React.FC<CaseStudyOrganismProps>;

package/dist/components/marketing/organisms/FeatureGridOrganism.d.ts

@@ -0,0 +1,30 @@
+/**
+ * FeatureGridOrganism
+ *
+ * Resolves an array of FeatureEntity and renders them as a FeatureGrid molecule.
+ * Emits UI:FEATURE_CLICK with { id, href } when a feature card is clicked.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - Emits events via useEventBus
+ * - Never listens to events
+ */
+import React from 'react';
+import type { EntityWith } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** The per-feature entity fields this organism reads (FieldValue-compatible; the
+ *  `icon`/`href` are string names/urls, the molecule widens `icon` to `IconInput`). */
+export interface FeatureRow {
+    title: string;
+    icon?: string;
+    description?: string;
+    href?: string;
+    linkLabel?: string;
+}
+export interface FeatureGridOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<FeatureRow> | readonly EntityWith<FeatureRow>[];
+    columns?: 2 | 3 | 4 | 6;
+    heading?: string;
+    subtitle?: string;
+}
+export declare const FeatureGridOrganism: React.FC<FeatureGridOrganismProps>;

package/dist/components/marketing/organisms/HeroOrganism.d.ts

@@ -0,0 +1,42 @@
+/**
+ * HeroOrganism
+ *
+ * Resolves a single HeroEntity and maps it to the HeroSection molecule.
+ * Emits UI:CTA_PRIMARY and UI:CTA_SECONDARY when action buttons are clicked.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - Emits events via useEventBus
+ * - Never listens to events
+ */
+import React from 'react';
+import type { EntityWith, AssetUrl } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** A hero CTA: a plain `{ label, href }` object (FieldValue-compatible — a `type`,
+ *  not `interface`, so it's assignable to the entity-row `FieldValue` index sig). */
+export type HeroAction = {
+    label?: string;
+    href?: string;
+};
+/** The hero entity fields this organism reads (FieldValue-compatible; `image` is a plain
+ *  `{ src, alt }` object, the action fields plain `{ label, href }` objects). */
+export interface HeroRow {
+    title: string;
+    tag?: string;
+    titleAccent?: string;
+    subtitle?: string;
+    primaryAction?: HeroAction;
+    secondaryAction?: HeroAction;
+    installCommand?: string;
+    image?: {
+        src?: AssetUrl;
+        alt?: string;
+    };
+    imagePosition?: 'below' | 'right' | 'background';
+    background?: 'dark' | 'gradient' | 'subtle';
+}
+export interface HeroOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<HeroRow>;
+    children?: React.ReactNode;
+}
+export declare const HeroOrganism: React.FC<HeroOrganismProps>;

package/dist/components/marketing/organisms/PricingOrganism.d.ts

@@ -0,0 +1,33 @@
+/**
+ * PricingOrganism
+ *
+ * Resolves an array of PricingPlanEntity and renders them as a PricingGrid molecule.
+ * Emits UI:PLAN_SELECT with { planId, planName } when a plan action is clicked.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - Emits events via useEventBus
+ * - Never listens to events
+ */
+import React from 'react';
+import type { EntityWith } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** The per-plan entity fields this organism reads. The organism reads FLAT
+ *  `actionLabel`/`actionHref` (the molecule's PricingCardProps nests them under
+ *  `action`), so this is its own shape, not PricingCardProps. */
+export interface PricingPlanRow {
+    name: string;
+    price: string;
+    description?: string;
+    features?: string[];
+    actionLabel?: string;
+    actionHref?: string;
+    highlighted?: boolean;
+    badge?: string;
+}
+export interface PricingOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<PricingPlanRow> | readonly EntityWith<PricingPlanRow>[];
+    heading?: string;
+    subtitle?: string;
+}
+export declare const PricingOrganism: React.FC<PricingOrganismProps>;

package/dist/components/marketing/organisms/ShowcaseOrganism.d.ts

@@ -0,0 +1,34 @@
+/**
+ * ShowcaseOrganism
+ *
+ * Resolves an array of ShowcaseEntity and renders them as a grid of ShowcaseCard molecules.
+ * Emits UI:SHOWCASE_CLICK with { id, href } when a showcase card is clicked.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - Emits events via useEventBus
+ * - Never listens to events
+ */
+import React from 'react';
+import type { EntityWith, AssetUrl } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** The per-showcase entity fields this organism reads (FieldValue-compatible; `image`
+ *  is a plain `{ src, alt }` object, `accentColor` a string). */
+export interface ShowcaseRow {
+    title: string;
+    description?: string;
+    image?: {
+        src?: AssetUrl;
+        alt?: string;
+    };
+    href?: string;
+    badge?: string;
+    accentColor?: string;
+}
+export interface ShowcaseOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<ShowcaseRow> | readonly EntityWith<ShowcaseRow>[];
+    columns?: 2 | 3 | 4;
+    heading?: string;
+    subtitle?: string;
+}
+export declare const ShowcaseOrganism: React.FC<ShowcaseOrganismProps>;

package/dist/components/marketing/organisms/StatsOrganism.d.ts

@@ -0,0 +1,23 @@
+/**
+ * StatsOrganism
+ *
+ * Resolves an array of StatEntity and renders them as a StatsGrid molecule.
+ * Display-only organism with no event emissions.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - No events (display-only)
+ */
+import React from 'react';
+import type { EntityWith } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** The per-stat entity fields this organism reads (both required). */
+export interface StatRow {
+    value: string;
+    label: string;
+}
+export interface StatsOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<StatRow> | readonly EntityWith<StatRow>[];
+    columns?: 2 | 3 | 4 | 6;
+}
+export declare const StatsOrganism: React.FC<StatsOrganismProps>;

package/dist/components/marketing/organisms/StepFlowOrganism.d.ts

@@ -0,0 +1,29 @@
+/**
+ * StepFlowOrganism
+ *
+ * Resolves an array of StepEntity and renders them as a StepFlow molecule.
+ * Display-only organism with no event emissions.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - No events (display-only)
+ */
+import React from 'react';
+import type { EntityWith } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** The per-step entity fields this organism reads (FieldValue-compatible; `icon` is a
+ *  string name, the molecule widens it to `IconInput`). */
+export interface StepRow {
+    title: string;
+    number?: number;
+    description?: string;
+    icon?: string;
+}
+export interface StepFlowOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<StepRow> | readonly EntityWith<StepRow>[];
+    orientation?: 'horizontal' | 'vertical';
+    showConnectors?: boolean;
+    heading?: string;
+    subtitle?: string;
+}
+export declare const StepFlowOrganism: React.FC<StepFlowOrganismProps>;

package/dist/components/marketing/organisms/TeamOrganism.d.ts

@@ -0,0 +1,28 @@
+/**
+ * TeamOrganism
+ *
+ * Resolves an array of TeamMemberEntity and renders them as a grid of TeamCard molecules.
+ * Display-only organism with no event emissions.
+ *
+ * Closed Circuit Compliance:
+ * - Receives ALL data via entity prop
+ * - No events (display-only)
+ */
+import React from 'react';
+import type { EntityWith, AssetUrl } from '@almadar/core';
+import type { DisplayStateProps } from '../../core/organisms/types';
+/** The per-member entity fields this organism reads (FieldValue-compatible;
+ *  `avatar` is a string url/initials). */
+export interface TeamMemberRow {
+    name: string;
+    nameAr?: string;
+    role?: string;
+    bio?: string;
+    avatar?: AssetUrl;
+}
+export interface TeamOrganismProps extends DisplayStateProps {
+    entity?: EntityWith<TeamMemberRow> | readonly EntityWith<TeamMemberRow>[];
+    heading?: string;
+    subtitle?: string;
+}
+export declare const TeamOrganism: React.FC<TeamOrganismProps>;

package/dist/components/marketing/organisms/book/BookChapterView.d.ts

@@ -0,0 +1,21 @@
+/**
+ * BookChapterView Organism
+ *
+ * Renders a single chapter: title + optional orbital diagram +
+ * rich content via ContentRenderer.
+ *
+ * Event Contract:
+ * - Delegates to ContentRenderer children
+ */
+import React from 'react';
+import type { EntityRow, OrbitalSchema } from '@almadar/core';
+export interface BookChapterViewProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Chapter row (`EntityRow` carrying title/content). */
+    chapter: EntityRow;
+    /** Embedded orbital diagram — passed SEPARATELY (off the entity boundary). */
+    orbitalSchema?: OrbitalSchema;
+    direction?: 'rtl' | 'ltr';
+}
+export declare const BookChapterView: React.FC<BookChapterViewProps>;

package/dist/components/marketing/organisms/book/BookCoverPage.d.ts

@@ -0,0 +1,21 @@
+/**
+ * BookCoverPage Molecule
+ *
+ * Renders a book cover with title, subtitle, author, and optional image.
+ * Centered layout suitable for the first "page" of a BookViewer.
+ *
+ * Event Contract:
+ * - Emits: UI:BOOK_START
+ */
+import React from 'react';
+import type { AssetUrl } from '@almadar/core';
+export interface BookCoverPageProps {
+    /** Additional CSS classes */
+    className?: string;
+    title: string;
+    subtitle?: string;
+    author?: string;
+    coverImageUrl?: AssetUrl;
+    direction?: 'rtl' | 'ltr';
+}
+export declare const BookCoverPage: React.FC<BookCoverPageProps>;

package/dist/components/marketing/organisms/book/BookNavBar.d.ts

@@ -0,0 +1,19 @@
+/**
+ * BookNavBar Molecule
+ *
+ * Navigation bar for the BookViewer with prev/next, page indicator,
+ * print button, and TOC toggle.
+ *
+ * Event Contract:
+ * - Emits: UI:BOOK_PAGE_PREV, UI:BOOK_PAGE_NEXT, UI:BOOK_PRINT, UI:BOOK_SHOW_TOC
+ */
+import React from 'react';
+export interface BookNavBarProps {
+    /** Additional CSS classes */
+    className?: string;
+    currentPage: number;
+    totalPages: number;
+    chapterTitle?: string;
+    direction?: 'rtl' | 'ltr';
+}
+export declare const BookNavBar: React.FC<BookNavBarProps>;

package/dist/components/marketing/organisms/book/BookTableOfContents.d.ts

@@ -0,0 +1,20 @@
+/**
+ * BookTableOfContents Molecule
+ *
+ * Renders a clickable table of contents grouped by parts.
+ * Highlights the current chapter.
+ *
+ * Event Contract:
+ * - Emits: UI:BOOK_NAVIGATE { chapterId }
+ */
+import React from 'react';
+import type { EntityRow } from '@almadar/core';
+export interface BookTableOfContentsProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Part rows (`EntityRow` carrying `title` + a `chapters: EntityRow[]`). */
+    parts: readonly EntityRow[];
+    currentChapterId?: string;
+    direction?: 'rtl' | 'ltr';
+}
+export declare const BookTableOfContents: React.FC<BookTableOfContentsProps>;

package/dist/components/marketing/organisms/book/BookViewer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * BookViewer Organism
+ *
+ * Flippable book reader with cover, TOC, chapter views, and navigation.
+ * Supports RTL layout (Arabic), CSS slide transitions, and print mode.
+ *
+ * Page model:
+ *   0 = cover, 1 = TOC, 2+ = chapters (flattened from parts)
+ *
+ * Field mapping:
+ *   Entity data may use non-English field names (e.g. Arabic .orb schemas).
+ *   Pass a `fieldMap` prop to translate entity fields to canonical BookData.
+ *   Default: IDENTITY_BOOK_FIELDS (English field names, no translation).
+ *
+ * Event Contract:
+ * - Emits: UI:BOOK_PAGE_CHANGE { pageIndex, chapterId? }
+ * - Listens: UI:BOOK_START, UI:BOOK_NAVIGATE, UI:BOOK_PAGE_PREV/NEXT, UI:BOOK_PRINT, UI:BOOK_SHOW_TOC
+ */
+import React from 'react';
+import type { EntityRow } from '@almadar/core';
+import type { DisplayStateProps } from '../../../core/organisms/types';
+import type { BookFieldMap } from '../../../core/organisms/book/types';
+export interface BookViewerProps extends DisplayStateProps {
+    /** Renders ONE record (the book), not a collection */
+    entity?: EntityRow | readonly EntityRow[];
+    /** Initial page index (default: 0 = cover) */
+    initialPage?: number;
+    /** Field name translation map — a BookFieldMap object or locale key ("ar") */
+    fieldMap?: BookFieldMap | string;
+}
+export declare const BookViewer: React.FC<BookViewerProps>;

package/dist/components/marketing/templates/AboutPageTemplate.d.ts

@@ -0,0 +1,53 @@
+/**
+ * AboutPageTemplate
+ *
+ * An about/company page template with hero, articles, team grid, case studies, and CTA.
+ * Pure function: no hooks, no callbacks, no local state.
+ */
+import React from 'react';
+import type { AssetUrl } from '@almadar/core';
+import type { TemplateProps } from '../../core/templates/types';
+import type { LinkAction } from '../../core/atoms/types';
+interface AboutHero {
+    id?: string;
+    tag?: string;
+    title: string;
+    titleAccent?: string;
+    subtitle: string;
+    primaryAction?: LinkAction;
+    secondaryAction?: LinkAction;
+    background?: 'dark' | 'gradient' | 'subtle';
+}
+interface TeamMemberContent {
+    id: string;
+    name: string;
+    nameAr?: string;
+    role: string;
+    bio: string;
+    avatar?: AssetUrl;
+}
+interface CaseStudyContent {
+    id: string;
+    title: string;
+    description: string;
+    category: string;
+    categoryColor?: string;
+    href: string;
+    linkLabel?: string;
+}
+export interface AboutPageEntity {
+    id: string;
+    hero: AboutHero;
+    articles: {
+        title: string;
+        content: string;
+    }[];
+    team?: TeamMemberContent[];
+    caseStudies?: CaseStudyContent[];
+    ctaTitle?: string;
+    ctaAction?: LinkAction;
+}
+export interface AboutPageTemplateProps extends TemplateProps<AboutPageEntity> {
+}
+export declare const AboutPageTemplate: React.FC<AboutPageTemplateProps>;
+export default AboutPageTemplate;

package/dist/components/marketing/templates/AuthLayout.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { AssetUrl } from "@almadar/core";
+export interface AuthLayoutProps {
+    /** App name */
+    appName?: string;
+    /** Logo component or URL */
+    logo?: React.ReactNode;
+    /** Background image URL */
+    backgroundImage?: AssetUrl;
+    /** Show branding panel on the side */
+    showBranding?: boolean;
+    /** Branding panel content */
+    brandingContent?: React.ReactNode;
+}
+export declare const AuthLayout: React.FC<AuthLayoutProps>;