@olwiba/ui 0.1.4 → 0.1.7

package/dist/index.d.ts

@@ -278,6 +278,10 @@ interface AuthFormProps {
     renderLink?: AppShellRenderLink;
     /** Optional content rendered below the form — use for social auth buttons or other additions */
     footer?: React.ReactNode;
+    /** Pre-fill the email field (e.g. from demo credential links). Triggers a brief border highlight animation. */
+    defaultEmail?: string;
+    /** Pre-fill the password field (e.g. from demo credential links). Triggers a brief border highlight animation. */
+    defaultPassword?: string;
 }
 interface AuthSectionProps extends AuthFormProps {
     /** Visual layout of the auth screen. @default 'centered' */
@@ -396,6 +400,50 @@ interface FeaturesSectionProps {
 }
 declare function FeaturesSection({ title, description, badge, features, }: FeaturesSectionProps): react_jsx_runtime.JSX.Element;
 
+interface GroupedFeatureGroup {
+    label: string;
+    features: Array<{
+        icon: LucideIcon;
+        title: string;
+        description: string;
+        href?: string;
+    }>;
+}
+interface GroupedFeaturesSectionProps {
+    badge?: string;
+    title?: string;
+    description?: string;
+    groups: GroupedFeatureGroup[];
+}
+declare function GroupedFeaturesSection({ badge, title, description, groups, }: GroupedFeaturesSectionProps): react_jsx_runtime.JSX.Element;
+
+interface StepItem {
+    emoji?: string;
+    title: string;
+    description: string;
+}
+interface StepsSectionProps {
+    badge?: string;
+    title?: string;
+    description?: string;
+    steps: StepItem[];
+}
+declare function StepsSection({ badge, title, description, steps, }: StepsSectionProps): react_jsx_runtime.JSX.Element;
+
+interface TechStackItem {
+    icon: LucideIcon;
+    name: string;
+    description: string;
+    href?: string;
+}
+interface TechStackSectionProps {
+    badge?: string;
+    title?: string;
+    description?: string;
+    items: TechStackItem[];
+}
+declare function TechStackSection({ badge, title, description, items, }: TechStackSectionProps): react_jsx_runtime.JSX.Element;
+
 interface CarouselSectionProps {
     title?: string;
     description?: string;
@@ -413,6 +461,24 @@ interface CarouselSectionProps {
  */
 declare function CarouselSection({ title, description, badge, features, }: CarouselSectionProps): react_jsx_runtime.JSX.Element;
 
+interface FeatureMarqueeItem {
+    icon: LucideIcon;
+    title: string;
+}
+interface FeatureMarqueeRow {
+    items: FeatureMarqueeItem[];
+    direction?: 'left' | 'right';
+}
+interface FeatureMarqueeSectionProps {
+    badge?: string;
+    title?: string;
+    description?: string;
+    rows: FeatureMarqueeRow[];
+    speed?: 'slow' | 'normal' | 'fast';
+    pauseOnHover?: boolean;
+}
+declare function FeatureMarqueeSection({ badge, title, description, rows, speed, pauseOnHover, }: FeatureMarqueeSectionProps): react_jsx_runtime.JSX.Element;
+
 interface CtaSectionProps {
     heading: string;
     description: string;
@@ -429,6 +495,19 @@ interface CtaSectionProps {
 }
 declare function CtaSection({ heading, description, primaryCta, secondaryCta, footnote, renderLink, }: CtaSectionProps): react_jsx_runtime.JSX.Element;
 
+interface CtaCardSectionProps {
+    heading: string;
+    description?: string;
+    primaryCta: {
+        label: string;
+        href: string;
+    };
+    footnote?: string;
+    icon?: React.ReactNode;
+    renderLink?: AppShellRenderLink;
+}
+declare function CtaCardSection({ heading, description, primaryCta, footnote, icon, renderLink, }: CtaCardSectionProps): react_jsx_runtime.JSX.Element;
+
 interface PricingFeature {
     label: string;
     included: boolean;
@@ -441,10 +520,11 @@ interface PricingCardProps extends React.HTMLAttributes<HTMLDivElement> {
     features: PricingFeature[];
     cta: string;
     highlighted?: boolean;
-    badge?: string;
+    disabled?: boolean;
+    badge?: React.ReactNode;
     onSelect?: () => void;
 }
-declare function PricingCard({ name, price, period, description, features, cta, highlighted, badge, onSelect, className, ...props }: PricingCardProps): react_jsx_runtime.JSX.Element;
+declare function PricingCard({ name, price, period, description, features, cta, highlighted, disabled, badge, onSelect, className, ...props }: PricingCardProps): react_jsx_runtime.JSX.Element;
 
 interface PricingPlan {
     name: string;
@@ -453,19 +533,26 @@ interface PricingPlan {
     description: string;
     cta: string;
     highlighted?: boolean;
+    disabled?: boolean;
     features: PricingFeature[];
+    /** Overrides computed price display (e.g. "$?" for community/reach-out tiers). */
+    priceDisplay?: string;
+    /** Overrides computed period display. */
+    periodDisplay?: string;
 }
 interface PricingSectionProps {
     title?: string;
     description?: string;
-    badge?: string;
+    badge?: React.ReactNode;
     plans: PricingPlan[];
     saveBadge?: string;
     isAuthenticated?: boolean;
     renderLink?: AppShellRenderLink;
     footnote?: string;
+    mode?: 'subscription' | 'one-time';
+    foundingDeadline?: string;
 }
-declare function PricingSection({ title, description, badge, plans, saveBadge, isAuthenticated, renderLink, footnote, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
+declare function PricingSection({ title, description, badge, plans, saveBadge, isAuthenticated, renderLink, footnote, mode, foundingDeadline, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
 
 interface TestimonialsSectionProps {
     title?: string;
@@ -483,7 +570,25 @@ interface TestimonialsSectionProps {
 }
 declare function TestimonialsSection({ title, description, badge, testimonials, }: TestimonialsSectionProps): react_jsx_runtime.JSX.Element;
 
-declare function TeamSection(): react_jsx_runtime.JSX.Element;
+interface TeamMember {
+    name: string;
+    role: string;
+    bio: string;
+    avatar?: string;
+    initials: string;
+    social?: {
+        twitter?: string | null;
+        github?: string | null;
+        linkedin?: string | null;
+    };
+}
+interface TeamSectionProps {
+    members?: TeamMember[];
+    badge?: string;
+    title?: string;
+    description?: string;
+}
+declare function TeamSection({ members, badge, title, description, }: TeamSectionProps): react_jsx_runtime.JSX.Element;
 
 interface FaqSectionProps {
     title?: string;
@@ -532,12 +637,41 @@ interface ContactSectionProps {
     title?: string;
     description?: string;
     contactInfo?: ContactInfoItem[];
+    privacyHref?: string;
     successTitle?: string;
     successDescription?: string;
     sendAnotherLabel?: string;
     onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void | Promise<void>;
 }
-declare function ContactSection({ badge, title, description, contactInfo, successTitle, successDescription, sendAnotherLabel, onSubmit, }?: ContactSectionProps): react_jsx_runtime.JSX.Element;
+declare function ContactSection({ badge, title, description, contactInfo, privacyHref, successTitle, successDescription, sendAnotherLabel, onSubmit, }?: ContactSectionProps): react_jsx_runtime.JSX.Element;
+
+interface ComparisonColumn {
+    label: string;
+    cost: string;
+    costDetail?: string;
+    items: string[];
+    highlighted?: boolean;
+}
+interface ComparisonSectionProps {
+    badge?: string;
+    title?: string;
+    description?: string;
+    columns: ComparisonColumn[];
+}
+declare function ComparisonSection({ badge, title, description, columns, }: ComparisonSectionProps): react_jsx_runtime.JSX.Element;
+
+interface QualificationColumn {
+    heading: string;
+    variant: 'positive' | 'negative';
+    items: string[];
+}
+interface QualificationSectionProps {
+    badge?: string;
+    title?: string;
+    description?: string;
+    columns: [QualificationColumn, QualificationColumn];
+}
+declare function QualificationSection({ badge, title, description, columns, }: QualificationSectionProps): react_jsx_runtime.JSX.Element;
 
 interface NavbarProps {
     brand: {
@@ -673,6 +807,22 @@ interface CountUpProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare function CountUp({ from, to, duration, decimals, prefix, suffix, once, className, ...props }: CountUpProps): react_jsx_runtime.JSX.Element;
 
+interface CountdownTimerProps {
+    deadline: string;
+    label?: string;
+    className?: string;
+    /** Compact inline mode — renders as "29d · 11h · 22m", no seconds, no label. For use inside badges. */
+    compact?: boolean;
+}
+declare function CountdownTimer({ deadline, label, className, compact, }: CountdownTimerProps): react_jsx_runtime.JSX.Element | null;
+
+interface AnimatedPillProps {
+    labels: string[];
+    interval?: number;
+    className?: string;
+}
+declare function AnimatedPill({ labels, interval, className }: AnimatedPillProps): react_jsx_runtime.JSX.Element | null;
+
 interface PageTransitionProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: 'fade' | 'slide-up' | 'slide-down';
     duration?: number;
@@ -870,6 +1020,85 @@ interface ImageCardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function ImageCard({ src, alt, overlay, aspectRatio, children, className, ...props }: ImageCardProps): react_jsx_runtime.JSX.Element;
 
+interface FlowConnectorProps {
+    /** Line axis. Default: 'vertical'. */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * CSS color string for the line and arrowhead.
+     * Falls back to currentColor at reduced opacity when omitted.
+     */
+    color?: string;
+    /** Show an open-chevron arrowhead at the destination end. Default: false. */
+    arrow?: boolean;
+    /** Show a traveling dot animation along the connector. Default: false. */
+    animate?: boolean;
+    /** Duration of the traveling dot animation. Default: '1.4s'. */
+    animateDur?: string;
+    /** CSS delay before the traveling dot animation starts. Default: '0s'. */
+    animateDelay?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Dashed connecting line between diagram nodes.
+ * Control size via className (e.g. `h-10` for vertical, `w-16` for horizontal).
+ * Pass `style` for fade/entrance animations — the wrapper inherits it.
+ */
+declare function FlowConnector({ direction, color, arrow, animate, animateDur, animateDelay, className, style, }: FlowConnectorProps): react_jsx_runtime.JSX.Element;
+
+interface FlowBracketProps {
+    /**
+     * Vertical anchor for the top connection as a percentage of the wrapper height (0–100).
+     * Defaults to 8 (near the top of the first child).
+     */
+    anchorTop?: number;
+    /**
+     * Vertical anchor for the bottom connection as a percentage of the wrapper height (0–100).
+     * Defaults to 92 (near the bottom of the last child).
+     */
+    anchorBottom?: number;
+    /**
+     * How far outside the wrapper the bracket extends, in SVG units (viewBox width = 1000).
+     * Defaults to 22.
+     */
+    extent?: number;
+    /** Show open-chevron arrowhead at the top (destination) end. Default: true. */
+    arrow?: boolean;
+    /** CSS color for both bracket lines and animated dots. Defaults to muted slate. */
+    color?: string;
+    /** Override color for the left bracket only. */
+    colorLeft?: string;
+    /** Override color for the right bracket only. */
+    colorRight?: string;
+    /** Show left bracket. Default: true. */
+    left?: boolean;
+    /** Show right bracket. Default: true. */
+    right?: boolean;
+    /**
+     * Animate a dot traveling the L-path from the bottom anchor up to the top anchor
+     * (sync → genesis/docs direction).
+     * Dots are placed after {children} in DOM so positive-z-index card stacking contexts
+     * naturally render above them.
+     */
+    animate?: boolean;
+    /** Duration of one full dot journey. Default: '4s'. */
+    animateDur?: string;
+    /** Reverse the right bracket path direction so its arrowhead points DOWN (into sync). Default: false. */
+    reverseRight?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * Wraps children in a relative container and draws square bracket lines on the
+ * left and/or right outside edges — connecting the top of the first child down
+ * to the bottom of the last child (e.g. docs → SYNC direction).
+ *
+ * Bracket lines use `overflow: visible` on the SVG to draw into the parent's padding.
+ * Ensure the parent section/container has enough horizontal padding for `extent`.
+ */
+declare function FlowBracket({ anchorTop, anchorBottom, extent, arrow, color, colorLeft, colorRight, left, right, animate, animateDur, reverseRight, style, className, children, }: FlowBracketProps): react_jsx_runtime.JSX.Element;
+
 interface FullPageSpinnerProps {
     message?: string;
 }
@@ -905,6 +1134,8 @@ declare function ThemeSwitchMinimal(): react_jsx_runtime.JSX.Element;
 
 declare function ModeSwitchMinimal(): react_jsx_runtime.JSX.Element;
 
+declare function BrandColorSwitchMinimal(): react_jsx_runtime.JSX.Element;
+
 interface ThemeColorUpdaterProps {
     colorTheme?: string;
 }
@@ -966,16 +1197,23 @@ interface PostListProps {
 }
 declare function PostList({ posts, renderLink, emptyMessage }: PostListProps): react_jsx_runtime.JSX.Element;
 
+type ChangelogReleaseType = 'release' | 'fix' | 'enhancement';
+interface ChangelogHighlight {
+    title: string;
+    description: string;
+}
 interface ChangelogCardProps {
     title: string;
     summary: string;
     date: string;
     slug: string;
     version?: string;
+    releaseType?: ChangelogReleaseType;
+    highlights?: ChangelogHighlight[];
     hrefPrefix?: string;
     renderLink?: AppShellRenderLink;
 }
-declare function ChangelogCard({ title, summary, date, slug, version, hrefPrefix, renderLink, }: ChangelogCardProps): react_jsx_runtime.JSX.Element;
+declare function ChangelogCard({ title, summary, date, slug, version, releaseType, highlights, hrefPrefix, renderLink, }: ChangelogCardProps): react_jsx_runtime.JSX.Element;
 
 interface ChangelogListProps {
     entries: ChangelogCardProps[];
@@ -1041,4 +1279,4 @@ interface UsePaginationReturn {
 }
 declare function usePagination(total: number, pageSize: number): UsePaginationReturn;
 
-export { AppContent, type AppContentProps, AppGrid, AppGridCell, type AppGridCellProps, type AppGridProps, type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, CarouselSection, type CarouselSectionProps, ChangelogCard, type ChangelogCardProps, ChangelogList, type ChangelogListProps, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, FeaturesSection, type FeaturesSectionProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, Grid, GridItem, type GridItemProps, type GridProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, ModeSwitchMinimal, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, PublicPageFrame, type PublicPageFrameProps, RegisterHotkeys, RootErrorFallback, Section, type SectionProps, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, Stack, type StackProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, Suspensed, Switch, type SwitchProps, TeamSection, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
+export { AnimatedPill, type AnimatedPillProps, AppContent, type AppContentProps, AppGrid, AppGridCell, type AppGridCellProps, type AppGridProps, type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, BrandColorSwitchMinimal, Button, type ButtonProps, Card, type CardProps, CarouselSection, type CarouselSectionProps, ChangelogCard, type ChangelogCardProps, type ChangelogHighlight, ChangelogList, type ChangelogListProps, type ChangelogReleaseType, Checkbox, type CheckboxProps, type ComparisonColumn, ComparisonSection, type ComparisonSectionProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CountdownTimer, type CountdownTimerProps, CtaCardSection, type CtaCardSectionProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, type FeatureMarqueeItem, type FeatureMarqueeRow, FeatureMarqueeSection, type FeatureMarqueeSectionProps, FeaturesSection, type FeaturesSectionProps, FlowBracket, type FlowBracketProps, FlowConnector, type FlowConnectorProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, Grid, GridItem, type GridItemProps, type GridProps, type GroupedFeatureGroup, GroupedFeaturesSection, type GroupedFeaturesSectionProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, ModeSwitchMinimal, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, PublicPageFrame, type PublicPageFrameProps, type QualificationColumn, QualificationSection, type QualificationSectionProps, RegisterHotkeys, RootErrorFallback, Section, type SectionProps, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, Stack, type StackProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, type StepItem, StepsSection, type StepsSectionProps, Suspensed, Switch, type SwitchProps, type TeamMember, TeamSection, type TeamSectionProps, type TechStackItem, TechStackSection, type TechStackSectionProps, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };