@ekoru/ui 0.1.2 → 0.1.3

package/dist/index.d.mts

@@ -1,28 +1,812 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
+import { LucideIcon } from 'lucide-react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClassValue } from 'clsx';
 
+declare const adBannerVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outlined" | "ghost" | null | undefined;
+    animated?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AdBannerProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'onDrag' | 'onDragEnd' | 'onDragStart' | 'onAnimationStart' | 'onAnimationEnd'>, VariantProps<typeof adBannerVariants> {
+    icon?: LucideIcon;
+    title?: string;
+    description?: string;
+    cta: React$1.ReactNode;
+}
+declare const AdBanner: React$1.ForwardRefExoticComponent<AdBannerProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const bannerVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outlined" | "ghost" | null | undefined;
+    animated?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BannerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onDrag' | 'onDragEnd' | 'onDragStart' | 'onAnimationStart' | 'onAnimationEnd'>, VariantProps<typeof bannerVariants> {
+    /**
+     * The main title text of the banner
+     */
+    title: string;
+    /**
+     * The description text of the banner
+     */
+    description: string;
+    /**
+     * Whether to show decorative dots around the title
+     */
+    showDots?: boolean;
+}
+declare const Banner: React$1.ForwardRefExoticComponent<BannerProps & React$1.RefAttributes<HTMLDivElement>>;
+
 declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "success" | "warning" | "error" | null | undefined;
+    variant?: "primary" | "secondary" | "ghost" | "outline" | "secondary_outline" | "success" | "warning" | "error" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onDrag' | 'onDragEnd' | 'onDragStart' | 'onAnimationStart' | 'onAnimationEnd'>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onDrag' | 'onDragEnd' | 'onDragStart' | 'onAnimationStart' | 'onAnimationEnd'>, VariantProps<typeof buttonVariants> {
     /**
      * If true, the button will show a loading spinner
      */
     isLoading?: boolean;
+    loadingText?: string;
     /**
      * Icon to display before the button text (can be a lucide-react component or JSX element)
      */
-    leftIcon?: React.ElementType | React.ReactElement;
+    leftIcon?: React$1.ElementType | React$1.ReactElement;
     /**
      * Icon to display after the button text (can be a lucide-react component or JSX element)
      */
-    rightIcon?: React.ElementType | React.ReactElement;
+    rightIcon?: React$1.ElementType | React$1.ReactElement;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface CardProps {
+    title: string;
+    description?: string;
+    cta?: React.ReactNode;
+    image?: React.ReactNode;
+    hasBadge?: boolean;
+    badgeText?: string;
+    badgeColor?: string;
+    textColor?: string;
+}
+declare function Card({ image, title, description, cta, hasBadge, badgeText, badgeColor, textColor, }: CardProps): react_jsx_runtime.JSX.Element;
+
+declare const checkboxVariants: (props?: ({
+    variant?: "outline" | "default" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    checked?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CheckboxVariantProps = VariantProps<typeof checkboxVariants>;
+interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<CheckboxVariantProps, 'checked' | 'disabled'> {
+    /**
+     * Checkbox label text
+     */
+    label?: string;
+    /**
+     * Optional description text below the label
+     */
+    description?: string;
+    /**
+     * Error message to display
+     */
+    errorMessage?: string;
+    /**
+     * Whether the checkbox is checked
+     */
+    checked?: boolean;
+    /**
+     * Callback when checkbox state changes
+     */
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface EnvironmentalImpactModalProps {
+    isOpen?: boolean;
+    onClose?: () => void;
+    environmentalImpact: {
+        totalCo2SavingsKG: number;
+        totalWaterSavingsLT: number;
+        materialBreakdown: Array<{
+            materialType: string;
+            percentage: number;
+            weightKG: number;
+            co2SavingsKG: number;
+            waterSavingsLT: number;
+        }>;
+    };
+    co2SavingsTitle?: string;
+    waterSavingsTitle?: string;
+    weightLabel?: string;
+    co2SavingsLabel?: string;
+    waterSavingsLabel?: string;
+    materialBreakdownLabel?: string;
+    co2EquivalenceLabel?: string;
+    waterEquivalenceLabel?: string;
+    infoText?: string;
+    carDistanceLabel?: string;
+    showerCountLabel?: string;
+}
+declare function EnvironmentalImpactModal({ isOpen, onClose, environmentalImpact, co2SavingsTitle, waterSavingsTitle, weightLabel, co2SavingsLabel, waterSavingsLabel, materialBreakdownLabel, carDistanceLabel, showerCountLabel, co2EquivalenceLabel, waterEquivalenceLabel, infoText, }: EnvironmentalImpactModalProps): react_jsx_runtime.JSX.Element;
+
+interface FooterProps {
+    brand?: React.ReactNode;
+    socialLinks?: Array<React.ReactNode>;
+    description?: string;
+    exploreLabel?: string;
+    communityLabel?: string;
+    legalLabel?: string;
+    exploreItems?: Array<React.ReactNode>;
+    communityItems?: Array<React.ReactNode>;
+    legalItems?: Array<React.ReactNode>;
+    copyRightText?: string;
+}
+declare function Footer({ brand, socialLinks, description, exploreItems, exploreLabel, communityItems, communityLabel, legalItems, legalLabel, copyRightText, }: FooterProps): react_jsx_runtime.JSX.Element;
+
+declare const modalVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ModalProps extends VariantProps<typeof modalVariants> {
+    isOpen?: boolean;
+    onClose?: () => void;
+    children: React.ReactNode;
+    title?: string;
+    showCloseButton?: boolean;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    className?: string;
+}
+declare function Modal({ isOpen, onClose, children, title, size, showCloseButton, closeOnOverlayClick, closeOnEscape, className, }: ModalProps): React$1.ReactPortal | null;
+
+interface NavbarProps {
+    brand?: React__default.ReactNode;
+    navigationIcons?: Array<React__default.ReactNode>;
+    navigationLinks?: Array<React__default.ReactNode>;
+    searchPlaceholder?: string;
+    onSearch?: (query: string) => void;
+    mobileMenuContent?: React__default.ReactNode;
+    className?: string;
+    searchEnabled?: boolean;
+    sideMenuTitle?: string;
+    navbarAriaLabel?: string;
+    userActionsAriaLabel?: string;
+    toggleMobileMenuAriaLabel?: string;
+    closeMobileMenuAriaLabel?: string;
+    mobileMenuTitleAriaLabel?: string;
+}
+declare function Navbar({ navigationIcons, navigationLinks, brand, searchPlaceholder, onSearch, mobileMenuContent, className, searchEnabled, sideMenuTitle, navbarAriaLabel, userActionsAriaLabel, toggleMobileMenuAriaLabel, closeMobileMenuAriaLabel, mobileMenuTitleAriaLabel, }: NavbarProps): react_jsx_runtime.JSX.Element;
+
+declare const paginationButtonVariants: (props?: ({
+    variant?: "primary" | "outline" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type PaginationVariantProps = VariantProps<typeof paginationButtonVariants>;
+interface PaginationProps extends PaginationVariantProps {
+    /**
+     * Current active page (1-indexed)
+     */
+    currentPage: number;
+    /**
+     * Total number of pages
+     */
+    totalPages: number;
+    /**
+     * Callback when page changes
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * Items per page value
+     */
+    itemsPerPage?: number;
+    /**
+     * Callback when items per page changes
+     */
+    onItemsPerPageChange?: (pageSize: number) => void;
+    /**
+     * Label for the previous button
+     */
+    previousLabel?: string;
+    /**
+     * Label for the next button
+     */
+    nextLabel?: string;
+    /**
+     * Show items per page selector
+     */
+    showItemsPerPage?: boolean;
+    /**
+     * Available items per page options
+     */
+    itemsPerPageOptions?: number[];
+    /**
+     * Show page info text
+     */
+    showPageInfo?: boolean;
+    /**
+     * Custom page info text template
+     */
+    pageInfoTemplate?: string;
+    /**
+     * Show icons in buttons
+     */
+    showIcons?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    rowsLabel?: string;
+    previousAriaLabel?: string;
+    nextAriaLabel?: string;
+}
+declare const Pagination: React$1.ForwardRefExoticComponent<PaginationProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare enum PersonSubscriptionPlan {
+    FREEMIUM = "FREEMIUM",
+    BASIC = "BASIC",
+    ADVANCED = "ADVANCED"
+}
+type BusinessSubscriptionPlan = 'FREEMIUM' | 'STARTUP' | 'BASIC' | 'ADVANCED' | 'EXPERT';
+declare enum SellerType {
+    PERSON = "PERSON",
+    STARTUP = "STARTUP",
+    COMPANY = "COMPANY"
+}
+declare enum BusinessType {
+    RETAIL = "RETAIL",
+    SERVICES = "SERVICES",
+    MIXED = "MIXED"
+}
+declare enum ProductCondition {
+    NEW = "NEW",
+    OPEN_BOX = "OPEN_BOX",
+    LIKE_NEW = "LIKE_NEW",
+    FAIR = "FAIR",
+    POOR = "POOR",
+    FOR_PARTS = "FOR_PARTS",
+    REFURBISHED = "REFURBISHED"
+}
+declare enum ProductSize {
+    XS = "XS",
+    S = "S",
+    M = "M",
+    L = "L",
+    XL = "XL"
+}
+declare enum Badge {
+    POPULAR = "POPULAR",
+    DISCOUNTED = "DISCOUNTED",
+    WOMAN_OWNED = "WOMAN_OWNED",
+    BEST_SELLER = "BEST_SELLER",
+    TOP_RATED = "TOP_RATED",
+    COMMUNITY_FAVORITE = "COMMUNITY_FAVORITE",
+    LIMITED_TIME_OFFER = "LIMITED_TIME_OFFER",
+    FLASH_SALE = "FLASH_SALE",
+    BEST_VALUE = "BEST_VALUE",
+    HANDMADE = "HANDMADE",
+    SUSTAINABLE = "SUSTAINABLE",
+    SUPPORTS_CAUSE = "SUPPORTS_CAUSE",
+    FAMILY_BUSINESS = "FAMILY_BUSINESS",
+    CHARITY_SUPPORT = "CHARITY_SUPPORT",
+    LIMITED_STOCK = "LIMITED_STOCK",
+    SEASONAL = "SEASONAL",
+    FREE_SHIPPING = "FREE_SHIPPING",
+    FOR_REPAIR = "FOR_REPAIR",
+    REFURBISHED = "REFURBISHED",
+    EXCHANGEABLE = "EXCHANGEABLE",
+    LAST_PRICE = "LAST_PRICE",
+    FOR_GIFT = "FOR_GIFT",
+    OPEN_TO_OFFERS = "OPEN_TO_OFFERS",
+    OPEN_BOX = "OPEN_BOX",
+    CRUELTY_FREE = "CRUELTY_FREE",
+    DELIVERED_TO_HOME = "DELIVERED_TO_HOME",
+    IN_HOUSE_PICKUP = "IN_HOUSE_PICKUP",
+    IN_MID_POINT_PICKUP = "IN_MID_POINT_PICKUP"
+}
+declare enum ContactMethod {
+    EMAIL = "EMAIL",
+    WHATSAPP = "WHATSAPP",
+    PHONE = "PHONE",
+    INSTAGRAM = "INSTAGRAM",
+    FACEBOOK = "FACEBOOK",
+    WEBSITE = "WEBSITE",
+    TIKTOK = "TIKTOK"
+}
+declare enum WeightUnit {
+    KG = "KG",
+    LB = "LB",
+    OZ = "OZ",
+    G = "G"
+}
+
+type Country = {
+    id: number;
+    country: string;
+    countryConfig?: CountryConfig;
+};
+type Region = {
+    id: number;
+    region: string;
+    countryId: number;
+};
+type City = {
+    id: number;
+    city: string;
+    regionId: number;
+};
+type County = {
+    id: number;
+    county: string;
+    cityId: number;
+};
+type CountryConfig = {
+    id: number;
+    countryId: number;
+    countryCode: string;
+    currencyCode: string;
+    currencySymbol: string;
+    taxIdLabel: string;
+    taxIdFormat?: string;
+    defaultTimezone: string;
+    defaultLocale: string;
+    isActive: boolean;
+    phonePrefix: string;
+    availablePaymentProviders: Record<string, unknown>;
+    createdAt: string;
+    updatedAt: string;
+};
+
+type Seller = {
+    id: string;
+    email: string;
+    password?: string;
+    sellerType: SellerType;
+    isActive: boolean;
+    isVerified: boolean;
+    createdAt: string;
+    updatedAt: string;
+    profile: PersonProfile | BusinessProfile;
+    address?: string;
+    cityId?: number;
+    countryId?: number;
+    countyId?: number;
+    regionId?: number;
+    county?: County;
+    region?: Region;
+    country?: Country;
+    city?: City;
+    phone?: string;
+    website?: string;
+    preferredContactMethod?: ContactMethod;
+    socialMediaLinks?: Record<string, string>;
+    points: number;
+    sellerLevelId?: number;
+    sellerLevel?: SellerLevel;
+    sellerCategoryId?: number;
+    sellerCategory?: SellerCategory;
+};
+type PersonProfile = {
+    __typename: 'PersonProfile';
+    id: string;
+    sellerId: string;
+    firstName: string;
+    lastName?: string;
+    displayName?: string;
+    bio?: string;
+    birthday?: string;
+    profileImage?: string;
+    coverImage?: string;
+    allowExchanges: boolean;
+    personSubscriptionPlan: PersonSubscriptionPlan;
+};
+type BusinessProfile = {
+    __typename: 'BusinessProfile';
+    id: string;
+    sellerId: string;
+    businessName: string;
+    description?: string;
+    logo?: string;
+    coverImage?: string;
+    businessType: BusinessType;
+    legalBusinessName?: string;
+    taxId?: string;
+    businessStartDate?: string;
+    legalRepresentative?: string;
+    legalRepresentativeTaxId?: string;
+    shippingPolicy?: string;
+    returnPolicy?: string;
+    serviceArea?: string;
+    yearsOfExperience?: number;
+    certifications?: string[];
+    travelRadius?: number;
+    businessHours?: Record<string, unknown>;
+    businessSubscriptionPlan: BusinessSubscriptionPlan;
+    createdAt: string;
+    updatedAt: string;
+};
+type SellerCategory = {
+    id: number;
+    name: string;
+    categoryDiscountAmount: number;
+    pointsThreshold: number;
+    level: number;
+};
+type SellerLevel = {
+    id: number;
+    levelName: string;
+    minPoints: number;
+    maxPoints?: number;
+    benefits?: Record<string, unknown>;
+    badgeIcon?: string;
+    createdAt: string;
+    updatedAt: string;
+};
+
+interface MaterialImpactEstimate {
+    id: number;
+    materialType: string;
+    estimatedCo2SavingsKG: number;
+    estimatedWaterSavingsLT: number;
+}
+interface ProductCategoryMaterial {
+    id: number;
+    productCategoryId: number;
+    materialTypeId: number;
+    quantity: number;
+    unit: string;
+    isPrimary: boolean;
+    createdAt: string;
+    updatedAt: string;
+    material: MaterialImpactEstimate;
+}
+interface ProductCategory {
+    id: number;
+    departmentCategoryId: number;
+    keywords: string[];
+    productCategoryName: string;
+    size?: ProductSize;
+    averageWeight?: number;
+    weightUnit?: WeightUnit;
+    products?: MarketplaceProduct[];
+    materials?: ProductCategoryMaterial[];
+    href: string;
+}
+interface MarketplaceProduct {
+    id: number;
+    name: string;
+    description: string;
+    price: number;
+    sellerId: string;
+    badges: Badge[];
+    brand: string;
+    color?: string;
+    createdAt: string;
+    images: string[];
+    interests: string[];
+    isActive: boolean;
+    isExchangeable: boolean;
+    productCategoryId: number;
+    updatedAt: string;
+    condition: ProductCondition;
+    conditionDescription?: string;
+    deletedAt?: string;
+    seller?: Partial<Seller>;
+    /** Environmental impact summary, may come from product category or store category */
+    environmentalImpact?: EnvironmentalImpact | undefined;
+    productCategory?: ProductCategory;
+}
+type StoreProduct = {
+    id: number;
+    name: string;
+    description: string;
+    stock: number;
+    barcode?: string;
+    sku?: string;
+    price: number;
+    hasOffer: boolean;
+    offerPrice?: number;
+    sellerId: string;
+    seller: Partial<Seller>;
+    createdAt: string;
+    images: string[];
+    isActive: boolean;
+    updatedAt: string;
+    badges: Badge[];
+    brand?: string;
+    color?: string;
+    ratingCount: number;
+    averageRating: number;
+    reviewsNumber: number;
+    storeSubCategoryId: number;
+    storeSubCategory: StoreSubCategory;
+    /** Environmental impact summary, may come from product category or store category */
+    environmentalImpact?: EnvironmentalImpact | undefined;
+    deletedAt?: string;
+};
+interface MaterialBreakdown {
+    materialType: string;
+    percentage: number;
+    weightKG?: number;
+    co2SavingsKG?: number;
+    waterSavingsLT?: number;
+}
+interface EnvironmentalImpact {
+    totalCo2SavingsKG: number;
+    totalWaterSavingsLT: number;
+    materialBreakdown: MaterialBreakdown[];
+}
+type StoreProductMaterial = {
+    id: number;
+    storeProductId: number;
+    materialTypeId: number;
+    quantity: number;
+    unit: string;
+    isPrimary: boolean;
+    createdAt: string;
+    updatedAt: string;
+};
+type StoreCategory = {
+    id: number;
+    category: string;
+    subcategories: StoreSubCategory[];
+    href: string;
+};
+type StoreSubCategory = {
+    id: number;
+    storeCategoryId: number;
+    subCategory: string;
+    storeCategory: StoreCategory;
+    products: StoreProduct[];
+    href: string;
+    materials: StoreProductMaterial[];
+};
+
+interface ProductCardProps {
+    product: Partial<MarketplaceProduct> | Partial<StoreProduct>;
+}
+declare function ProductCard({ product }: ProductCardProps): react_jsx_runtime.JSX.Element;
+
+interface FrontSideProps {
+    isFlipped: boolean;
+    setIsFlipped: (flipped: boolean) => void;
+    onCardClick: () => void;
+    productImage?: React.ReactNode;
+    fallbackImage?: React.ReactNode;
+    productCondition?: string;
+    brand?: string;
+    name?: string;
+    description?: string;
+    price?: number;
+    color?: string;
+    isExchangeable?: boolean;
+    isStoreProduct?: boolean;
+    interests?: string[];
+    hasOffer?: boolean;
+    offerLabel?: string;
+    offerPrice?: number;
+    localeString?: string;
+    onAddToCart?: () => void;
+    onExchange?: () => void;
+    addToCartAriaLabel?: string;
+    exchangeAriaLabel?: string;
+    addToCartLabel?: string;
+    exchangeLabel?: string;
+}
+declare function CardFrontSide({ isFlipped, setIsFlipped, onCardClick, productImage, fallbackImage, productCondition, brand, name, description, price, color, isExchangeable, isStoreProduct, hasOffer, offerPrice, onAddToCart, onExchange, addToCartAriaLabel, exchangeAriaLabel, offerLabel, localeString, addToCartLabel, exchangeLabel, interests, }: FrontSideProps): react_jsx_runtime.JSX.Element;
+
+interface BackSideProps {
+    isFlipped: boolean;
+    setIsFlipped: (flipped: boolean) => void;
+    setShowImpactModal: (show: boolean) => void;
+    sellerName?: string;
+    sellerPhone?: string;
+    sellerAddress?: string;
+    environmentalImpact?: ProductCategoryMaterial[] | StoreProductMaterial[] | EnvironmentalImpactModalProps['environmentalImpact'];
+    impactLabel?: string;
+    materialsLabel?: string;
+    viewMoreLabel?: string;
+    sellerLabel?: string;
+    co2Label?: string;
+    waterLabel?: string;
+}
+declare function CardBackSide({ isFlipped, setIsFlipped, setShowImpactModal, environmentalImpact, sellerName, sellerPhone, sellerAddress, impactLabel, materialsLabel, viewMoreLabel, sellerLabel, co2Label, waterLabel, }: BackSideProps): react_jsx_runtime.JSX.Element;
+
+declare const selectVariants: (props?: ({
+    variant?: "outline" | "default" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SelectVariantProps = VariantProps<typeof selectVariants>;
+type Option = {
+    label: string;
+    value: string | number;
+    iconColor?: string;
+};
+interface SelectProps extends Omit<SelectVariantProps, 'hasError'> {
+    /**
+     * Array of options to display in the dropdown
+     */
+    options?: Option[];
+    /**
+     * Label text displayed above the select
+     */
+    label?: string;
+    /**
+     * Icon component to display on the left side
+     */
+    leftIcon?: LucideIcon;
+    /**
+     * Error message to display below the select
+     */
+    errorMessage?: string;
+    /**
+     * Selected value
+     */
+    value?: string | number;
+    /**
+     * Name attribute for form handling
+     */
+    name?: string;
+    /**
+     * Placeholder text when no value is selected
+     */
+    placeholder?: string;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (value: string | number) => void;
+    /**
+     * Width variant of the select container
+     */
+    width?: 'sm' | 'md' | 'lg' | 'full';
+    /**
+     * Whether the select is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the select is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Whether to show color circles for options
+     */
+    showColorIcon?: boolean;
+    /**
+     * Custom render function for options
+     */
+    renderOption?: (option: Option, selected: boolean) => React$1.ReactNode;
+    /**
+     * Whether to enable search/filter functionality
+     */
+    searchEnabled?: boolean;
+    /**
+     * Direction for dropdown expansion
+     */
+    dropdownDirection?: 'up' | 'down';
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * No results text
+     */
+    noResultsText?: string;
+}
+declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface StatsCardProps {
+    icon: LucideIcon;
+    mainText: string | number;
+    description: string;
+}
+declare function StatsCard({ icon: Icon, mainText, description, }: StatsCardProps): react_jsx_runtime.JSX.Element;
+
+declare const textVariants: (props?: ({
+    variant?: "blockquote" | "code" | "label" | "p" | "small" | "span" | null | undefined;
+    size?: "base" | "sm" | "lg" | "xl" | "xs" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+    color?: "primary" | "secondary" | "default" | "success" | "warning" | "error" | "tertiary" | "muted" | null | undefined;
+    align?: "center" | "left" | "right" | "justify" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextVariantProps = VariantProps<typeof textVariants>;
+interface TextProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'color'>, TextVariantProps {
+    /**
+     * The HTML element to render
+     */
+    variant?: 'p' | 'span' | 'label' | 'blockquote' | 'small' | 'code';
+    /**
+     * Content to display
+     */
+    children: React$1.ReactNode;
+    /**
+     * For label variant - associates label with input
+     */
+    htmlFor?: string;
+    /**
+     * Render as a different element while maintaining variant styling
+     */
+    as?: 'p' | 'span' | 'label' | 'blockquote' | 'small' | 'div' | 'code';
+}
+declare const Text: React$1.ForwardRefExoticComponent<TextProps & React$1.RefAttributes<HTMLElement>>;
+
+declare const textareaVariants: (props?: ({
+    variant?: "outline" | "default" | "filled" | null | undefined;
+    textSize?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextareaVariantProps = VariantProps<typeof textareaVariants>;
+interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, Omit<TextareaVariantProps, 'hasError'> {
+    /**
+     * Label text displayed above the textarea
+     */
+    label?: string;
+    /**
+     * Error message to display below the textarea
+     */
+    errorMessage?: string;
+    /**
+     * Whether to show character count
+     */
+    showCharCount?: boolean;
+    /**
+     * Width variant of the textarea container
+     */
+    width?: 'sm' | 'md' | 'lg' | 'full';
+}
+declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const inputVariants: (props?: ({
+    variant?: "outline" | "default" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'>, VariantProps<typeof inputVariants> {
+    /**
+     * Label text displayed above the input
+     */
+    label?: string;
+    /**
+     * Icon component to display on the left side
+     */
+    leftIcon?: LucideIcon;
+    /**
+     * Error message to display below the input
+     */
+    errorMessage?: string;
+    /**
+     * Callback function when input value changes
+     */
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Width variant of the input container
+     */
+    width?: 'sm' | 'md' | 'lg' | 'full';
+}
+declare const TextInput: React$1.ForwardRefExoticComponent<TextInputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const titleVariants: (props?: ({
+    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
+    color?: "primary" | "secondary" | "default" | "success" | "warning" | "error" | "tertiary" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TitleVariantProps = VariantProps<typeof titleVariants>;
+interface TitleProps extends Omit<React$1.HTMLAttributes<HTMLHeadingElement>, 'color'>, TitleVariantProps {
+    /**
+     * The semantic heading level to render
+     */
+    level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Content to display
+     */
+    children: React$1.ReactNode;
+    /**
+     * Whether to render as a different heading level for styling while maintaining semantic meaning
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Title: React$1.ForwardRefExoticComponent<TitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
 
 /**
  * Utility function to merge Tailwind CSS classes
@@ -33,4 +817,4 @@ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAtt
  */
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, type ButtonProps, buttonVariants, cn };
+export { AdBanner, type AdBannerProps, type BackSideProps, Banner, type BannerProps, Button, type ButtonProps, Card, CardBackSide, CardFrontSide, type CardProps, Checkbox, type CheckboxProps, EnvironmentalImpactModal, type EnvironmentalImpactModalProps, Footer, type FooterProps, type FrontSideProps, Modal, type ModalProps, Navbar, type NavbarProps, type Option, Pagination, type PaginationProps, ProductCard, type ProductCardProps, Select, type SelectProps, StatsCard, type StatsCardProps, Text, TextInput, type TextInputProps, type TextProps, Textarea, type TextareaProps, Title, type TitleProps, bannerVariants, buttonVariants, checkboxVariants, cn, inputVariants, paginationButtonVariants, selectVariants, textVariants, textareaVariants, titleVariants };