@clarlabs/ui 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -377,13 +377,16 @@ export declare interface DataListProps {
 
 export declare type DataListSize = 'sm' | 'md' | 'lg';
 
-export declare function DatePicker({ value, onChange, minDate, maxDate, className, ...props }: DatePickerProps): default_2.JSX.Element;
+export declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, variant, className, ...props }: DatePickerProps): default_2.JSX.Element;
 
-export declare interface DatePickerProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange'> {
+export declare interface DatePickerProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     value?: Date;
     onChange?: (date: Date | null) => void;
     minDate?: Date;
     maxDate?: Date;
+    placeholder?: string;
+    disabled?: boolean;
+    variant?: 'default' | 'minimal' | 'modern';
 }
 
 export declare interface DateRange {
@@ -391,7 +394,7 @@ export declare interface DateRange {
     end: Date | null;
 }
 
-export declare function DateRangePicker({ value, onChange, minDate, maxDate, className }: DateRangePickerProps): default_2.JSX.Element;
+export declare function DateRangePicker({ value, onChange, minDate, maxDate, className, placeholder, disabled, variant }: DateRangePickerProps): default_2.JSX.Element;
 
 export declare interface DateRangePickerProps {
     value?: DateRange;
@@ -399,6 +402,9 @@ export declare interface DateRangePickerProps {
     minDate?: Date;
     maxDate?: Date;
     className?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    variant?: 'default' | 'minimal' | 'modern';
 }
 
 export declare function Divider({ orientation, variant, label, className }: DividerProps): default_2.JSX.Element;
@@ -452,6 +458,44 @@ export declare interface FilePickerProps {
 
 export declare type FileStatus = 'idle' | 'processing' | 'uploaded' | 'failed';
 
+export declare function Footer({ variant, brandName, brandLogo, brandDescription, sections, socialLinks, copyright, showYear, bottomLinks, children, className, ...props }: FooterProps): default_2.JSX.Element;
+
+export declare interface FooterLink {
+    label: string;
+    href: string;
+    external?: boolean;
+}
+
+export declare interface FooterProps extends Omit<default_2.HTMLAttributes<HTMLElement>, 'title'> {
+    /** Footer variant style */
+    variant?: FooterVariant;
+    /** Company or brand name */
+    brandName?: string;
+    /** Brand logo */
+    brandLogo?: default_2.ReactNode;
+    /** Brand description or tagline */
+    brandDescription?: string;
+    /** Footer sections with links */
+    sections?: FooterSection[];
+    /** Social media links */
+    socialLinks?: SocialLink[];
+    /** Copyright text */
+    copyright?: string;
+    /** Show current year in copyright */
+    showYear?: boolean;
+    /** Bottom links (Privacy, Terms, etc) */
+    bottomLinks?: FooterLink[];
+    /** Additional content */
+    children?: default_2.ReactNode;
+}
+
+export declare interface FooterSection {
+    title: string;
+    links: FooterLink[];
+}
+
+export declare type FooterVariant = 'default' | 'minimal' | 'centered' | 'stacked';
+
 export declare interface GalleryImage {
     /** Unique identifier */
     id: string;
@@ -591,6 +635,53 @@ export declare interface HeaderProps {
     className?: string;
 }
 
+export declare function Hero({ variant, size, alignment, title, subtitle, backgroundImage, backgroundVideo, overlayOpacity, primaryAction, secondaryAction, children, image, imageAlt, imagePosition, className, style, ...props }: HeroProps): default_2.JSX.Element;
+
+export declare type HeroAlignment = 'left' | 'center' | 'right';
+
+export declare interface HeroProps extends Omit<default_2.HTMLAttributes<HTMLElement>, 'title'> {
+    /** Hero variant style */
+    variant?: HeroVariant;
+    /** Hero size */
+    size?: HeroSize;
+    /** Content alignment */
+    alignment?: HeroAlignment;
+    /** Hero title */
+    title?: default_2.ReactNode;
+    /** Hero subtitle or description */
+    subtitle?: default_2.ReactNode;
+    /** Background image URL */
+    backgroundImage?: string;
+    /** Background video URL */
+    backgroundVideo?: string;
+    /** Background overlay opacity (0-1) */
+    overlayOpacity?: number;
+    /** Primary action button */
+    primaryAction?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+    };
+    /** Secondary action button */
+    secondaryAction?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+    };
+    /** Additional content to render in the hero */
+    children?: default_2.ReactNode;
+    /** Image to display (for split variant) */
+    image?: string;
+    /** Image alt text */
+    imageAlt?: string;
+    /** Image position (for split variant) */
+    imagePosition?: 'left' | 'right';
+}
+
+export declare type HeroSize = 'small' | 'medium' | 'large' | 'fullscreen';
+
+export declare type HeroVariant = 'default' | 'gradient' | 'image' | 'video' | 'split' | 'centered' | 'minimal';
+
 export declare function ImageGallery({ images, variant, size, initialIndex, showThumbnails, showCaptions, autoPlay, columns, gap, lightbox, className, onImageClick, onIndexChange, showArrows, showIndicators, infinite }: ImageGalleryProps): default_2.JSX.Element;
 
 export declare interface ImageGalleryProps {
@@ -972,6 +1063,12 @@ export declare function SkeletonText({ lines, ...props }: Omit<SkeletonProps, 'v
 
 export declare type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
 
+export declare interface SocialLink {
+    platform: string;
+    href: string;
+    icon?: default_2.ReactNode;
+}
+
 export declare function Spacer({ size, axis, spacing, className }: SpacerProps): default_2.JSX.Element;
 
 export declare type SpacerAxis = 'horizontal' | 'vertical' | 'both';
@@ -1242,6 +1339,16 @@ export declare interface TimelineProps {
     className?: string;
 }
 
+export declare function Title({ children, subtitle, level, align, className }: TitleProps): default_2.JSX.Element;
+
+export declare interface TitleProps {
+    children: default_2.ReactNode;
+    subtitle?: string;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    align?: 'left' | 'center' | 'right';
+    className?: string;
+}
+
 declare interface ToastContextValue {
     showToast: (message: string, options?: ToastOptions) => void;
 }