@clarlabs/ui 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -139,6 +139,28 @@ export declare type ButtonSize = 'sm' | 'md' | 'lg';
 
 export declare type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'outline' | 'ghost';
 
+export declare function Calendar({ value, onChange, minDate, maxDate, events, highlightedDates, disabledDates, showWeekNumbers, firstDayOfWeek, variant, className, ...props }: CalendarProps): default_2.JSX.Element;
+
+export declare interface CalendarEvent {
+    id: string;
+    date: Date;
+    title: string;
+    color?: string;
+}
+
+export declare interface CalendarProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    events?: CalendarEvent[];
+    highlightedDates?: Date[];
+    disabledDates?: Date[];
+    showWeekNumbers?: boolean;
+    firstDayOfWeek?: 0 | 1;
+    variant?: 'default' | 'minimal' | 'modern';
+}
+
 export declare function Card({ children, title, subtitle, footer, image, hoverable, className, onClick }: CardProps): default_2.JSX.Element;
 
 export declare interface CardProps {
@@ -152,6 +174,32 @@ export declare interface CardProps {
     onClick?: () => void;
 }
 
+export declare function Chat({ messages, onSendMessage, placeholder, disabled, showTimestamps, showAvatars, maxHeight, typingIndicator, userName, botName, className, ...props }: ChatProps): default_2.JSX.Element;
+
+export declare interface ChatMessage {
+    id: string;
+    content: string;
+    sender: 'user' | 'bot' | 'system';
+    timestamp: Date;
+    avatar?: string;
+    senderName?: string;
+    isTyping?: boolean;
+}
+
+export declare interface ChatProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    messages: ChatMessage[];
+    onSendMessage?: (message: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    showTimestamps?: boolean;
+    showAvatars?: boolean;
+    maxHeight?: string;
+    typingIndicator?: boolean;
+    userName?: string;
+    botName?: string;
+    enableMarkdown?: boolean;
+}
+
 export declare function Checkbox({ label, indeterminate, className, ...props }: CheckboxProps): default_2.JSX.Element;
 
 export declare interface CheckboxProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'type'> {
@@ -329,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 {
@@ -343,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;
@@ -351,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;
@@ -404,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;
@@ -543,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 {
@@ -611,6 +750,24 @@ export declare interface LabelProps extends default_2.LabelHTMLAttributes<HTMLLa
 
 export declare type LabelSize = 'sm' | 'md' | 'lg';
 
+export declare interface Language {
+    code: string;
+    name: string;
+    nativeName: string;
+    flag: string;
+}
+
+export declare function LanguageSelect({ languages, defaultLanguage, onChange, disabled, showSearch, label, className, ...props }: LanguageSelectProps): default_2.JSX.Element;
+
+export declare interface LanguageSelectProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    languages?: Language[];
+    defaultLanguage?: string;
+    onChange?: (language: Language) => void;
+    disabled?: boolean;
+    showSearch?: boolean;
+    label?: string;
+}
+
 export declare function List({ items, hoverable, dividers, className }: ListProps): default_2.JSX.Element;
 
 export declare interface ListItem {
@@ -906,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';
@@ -1150,6 +1313,13 @@ export declare type TextareaSize = 'sm' | 'md' | 'lg';
 
 export declare type TextareaVariant = 'default' | 'success' | 'error';
 
+export declare function ThemeToggle({ defaultTheme, onThemeChange, className, ...props }: ThemeToggleProps): default_2.JSX.Element;
+
+export declare interface ThemeToggleProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    defaultTheme?: 'light' | 'dark';
+    onThemeChange?: (theme: 'light' | 'dark') => void;
+}
+
 export declare function Timeline({ items, orientation, className }: TimelineProps): default_2.JSX.Element;
 
 export declare interface TimelineItem {