@harshit-wander/component-lib 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,631 @@
+import * as react from 'react';
+import { HTMLAttributes, FormHTMLAttributes, ReactNode, ElementType } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as styled_components from 'styled-components';
+
+interface Brand {
+    logo: string;
+    name: string;
+    href?: string;
+}
+interface BrandLogoProps extends HTMLAttributes<HTMLElement>, Brand {
+}
+
+declare const BrandLogo: react.ForwardRefExoticComponent<BrandLogoProps & react.RefAttributes<HTMLElement>>;
+
+interface ContactFormValues {
+    name: string;
+    phone: string;
+    countryCode: string;
+    email: string;
+    destination: string;
+}
+interface ContactFormCountryCode {
+    code: string;
+    label?: string;
+}
+interface ContactFormDestination {
+    value: string;
+    label: string;
+}
+type ContactFormVariant = 'card' | 'plain';
+type ContactFormHeaderVariant = 'tinted' | 'illustration' | 'none';
+interface ContactFormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {
+    variant?: ContactFormVariant | undefined;
+    headerVariant?: ContactFormHeaderVariant | undefined;
+    eyebrow?: string | undefined;
+    heading?: string | undefined;
+    submitLabel?: string | undefined;
+    headerIllustration?: ReactNode | undefined;
+    countryCodes?: ContactFormCountryCode[] | undefined;
+    destinations?: ContactFormDestination[] | undefined;
+    maxWidth?: number | string | undefined;
+    onSubmit?: ((values: ContactFormValues) => void) | undefined;
+}
+
+declare const ContactForm: react.ForwardRefExoticComponent<ContactFormProps & react.RefAttributes<HTMLFormElement>>;
+
+interface DestinationCardProps extends HTMLAttributes<HTMLElement> {
+    image: string;
+    alt: string;
+    label: string;
+    href?: string | undefined;
+}
+
+declare const DestinationCard: react.ForwardRefExoticComponent<DestinationCardProps & react.RefAttributes<HTMLAnchorElement>>;
+
+interface EventBannerProps extends HTMLAttributes<HTMLElement> {
+    image: string;
+    alt: string;
+    href?: string | undefined;
+}
+
+declare const EventBanner: react.ForwardRefExoticComponent<EventBannerProps & react.RefAttributes<HTMLDivElement>>;
+
+interface ValueItem {
+    title: string;
+    bullets: string[];
+}
+interface ExpandableValueCardProps extends Omit<HTMLAttributes<HTMLElement>, 'onToggle'> {
+    serialNumber: number;
+    title: string;
+    bullets: string[];
+    defaultOpen?: boolean;
+    expanded?: boolean;
+    onToggle?: (next: boolean) => void;
+}
+
+declare const ExpandableValueCard: react.ForwardRefExoticComponent<ExpandableValueCardProps & react.RefAttributes<HTMLElement>>;
+
+interface ExploreCardProps extends HTMLAttributes<HTMLElement> {
+    image: string;
+    alt: string;
+    label: string;
+    href?: string | undefined;
+}
+
+declare const ExploreCard: react.ForwardRefExoticComponent<ExploreCardProps & react.RefAttributes<HTMLAnchorElement>>;
+
+interface FaqItem {
+    question: string;
+    bullets: string[];
+}
+interface FaqExpandableProps extends Omit<HTMLAttributes<HTMLElement>, 'onToggle'>, FaqItem {
+    defaultOpen?: boolean;
+    expanded?: boolean;
+    onToggle?: (next: boolean) => void;
+}
+
+declare const FaqExpandable: react.ForwardRefExoticComponent<FaqExpandableProps & react.RefAttributes<HTMLElement>>;
+
+interface FeatureCardProps extends HTMLAttributes<HTMLElement> {
+    title: string;
+    description: string;
+    illustration: string;
+    illustrationAlt?: string | undefined;
+}
+
+declare const FeatureCard: react.ForwardRefExoticComponent<FeatureCardProps & react.RefAttributes<HTMLElement>>;
+
+interface GalleryPhotoProps extends HTMLAttributes<HTMLElement> {
+    image: string;
+    alt: string;
+    destination: string;
+}
+
+declare const GalleryPhoto: react.ForwardRefExoticComponent<GalleryPhotoProps & react.RefAttributes<HTMLDivElement>>;
+
+interface LocationItem {
+    location: string;
+    address: string;
+    logo?: string | ReactNode;
+}
+interface LocationCardProps extends HTMLAttributes<HTMLElement>, LocationItem {
+}
+
+declare const LocationCard: react.ForwardRefExoticComponent<LocationCardProps & react.RefAttributes<HTMLElement>>;
+
+interface MonthTab {
+    id: string;
+    label: string;
+}
+interface MonthTabsProps extends HTMLAttributes<HTMLElement> {
+    months: MonthTab[];
+    activeMonthId: string;
+    onMonthChange: (id: string) => void;
+}
+
+declare const MonthTabs: react.ForwardRefExoticComponent<MonthTabsProps & react.RefAttributes<HTMLDivElement>>;
+
+interface PackageCardProps extends HTMLAttributes<HTMLElement> {
+    image: string;
+    alt: string;
+    title: string;
+    currentPrice: string;
+    originalPrice?: string | undefined;
+    priceSuffix?: string | undefined;
+    duration: string;
+    location: string;
+    date: string;
+    href?: string | undefined;
+}
+
+declare const PackageCard: react.ForwardRefExoticComponent<PackageCardProps & react.RefAttributes<HTMLAnchorElement>>;
+
+type SectionHeaderAlign = 'left' | 'center';
+interface SectionHeaderProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string | undefined;
+    align?: SectionHeaderAlign | undefined;
+}
+
+declare const SectionHeader: react.ForwardRefExoticComponent<SectionHeaderProps & react.RefAttributes<HTMLElement>>;
+
+interface TeamSocialLink {
+    label: string;
+    href: string;
+    icon?: string | ReactNode;
+}
+interface TeamMember {
+    image: string;
+    name: string;
+    designation: string;
+    bio?: string;
+    socialLinks?: TeamSocialLink[];
+}
+interface TeamInfoCardProps extends HTMLAttributes<HTMLElement>, TeamMember {
+}
+
+declare const TeamInfoCard: react.ForwardRefExoticComponent<TeamInfoCardProps & react.RefAttributes<HTMLElement>>;
+
+interface TestimonialCardProps extends HTMLAttributes<HTMLElement> {
+    thumbnail: string;
+    thumbnailAlt: string;
+    logo: string;
+    logoAlt: string;
+    caption: string;
+    videoHref?: string | undefined;
+    onPlayClick?: (() => void) | undefined;
+}
+
+declare const TestimonialCard: react.ForwardRefExoticComponent<TestimonialCardProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TripCategoryCardProps extends HTMLAttributes<HTMLElement> {
+    image: string;
+    alt: string;
+    destination: string;
+    startingPrice: string;
+    href?: string | undefined;
+}
+
+declare const TripCategoryCard: react.ForwardRefExoticComponent<TripCategoryCardProps & react.RefAttributes<HTMLAnchorElement>>;
+
+interface Warrior {
+    icon: ReactNode | string;
+    name: string;
+    description: string;
+}
+interface WarriorCardProps extends HTMLAttributes<HTMLElement>, Warrior {
+}
+
+declare const WarriorCard: react.ForwardRefExoticComponent<WarriorCardProps & react.RefAttributes<HTMLElement>>;
+
+interface BottomNavItem {
+    label: string;
+    icon: ReactNode;
+    href: string;
+    active?: boolean | undefined;
+}
+interface BottomNavProps extends HTMLAttributes<HTMLElement> {
+    items: BottomNavItem[];
+}
+
+declare const BottomNav: react.ForwardRefExoticComponent<BottomNavProps & react.RefAttributes<HTMLElement>>;
+
+interface BrandsSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string;
+    brands: Brand[];
+}
+
+declare const BrandsSection: {
+    ({ heading, subheading, brands, ...rest }: BrandsSectionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface NavCategoryItem {
+    label: string;
+    href: string;
+    icon?: string | ReactNode;
+}
+interface NavCategory {
+    label: string;
+    href?: string;
+    items?: NavCategoryItem[];
+    badge?: ReactNode;
+    trailingIcon?: ReactNode;
+}
+interface MobileFooterLink {
+    label: string;
+    href: string;
+}
+interface MobileCta {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface CategoryNavbarProps extends HTMLAttributes<HTMLElement> {
+    logo: string | ReactNode;
+    logoHref?: string;
+    categories: NavCategory[];
+    searchHref?: string;
+    phoneNumber?: string | undefined;
+    LinkComponent?: ElementType | undefined;
+    defaultMobileOpen?: boolean;
+    mobileOpen?: boolean | undefined;
+    onMobileOpenChange?: (next: boolean) => void;
+    mobileFooterLinks?: MobileFooterLink[] | undefined;
+    mobileCta?: MobileCta | undefined;
+}
+
+declare const CategoryNavbar: react.ForwardRefExoticComponent<CategoryNavbarProps & react.RefAttributes<HTMLElement>>;
+
+interface ContactSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'onSubmit'> {
+    illustration: ReactNode;
+    eyebrow?: string | undefined;
+    heading?: string | undefined;
+    submitLabel?: string | undefined;
+    headerIllustration?: ReactNode | undefined;
+    countryCodes?: ContactFormCountryCode[] | undefined;
+    destinations?: ContactFormDestination[] | undefined;
+    onSubmit?: ((values: ContactFormValues) => void) | undefined;
+}
+
+declare const ContactSection: react.ForwardRefExoticComponent<ContactSectionProps & react.RefAttributes<HTMLElement>>;
+
+interface CtaBannerCta {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface CtaBannerProps extends HTMLAttributes<HTMLElement> {
+    title: string;
+    subtitle?: string;
+    backgroundImage?: string;
+    backgroundColor?: string;
+    cta: CtaBannerCta;
+}
+
+declare const CtaBanner: react.ForwardRefExoticComponent<CtaBannerProps & react.RefAttributes<HTMLElement>>;
+
+interface DestinationItem {
+    image: string;
+    alt: string;
+    label: string;
+    href?: string | undefined;
+}
+interface DestinationsSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    destinations: DestinationItem[];
+}
+
+declare const DestinationsSection: react.ForwardRefExoticComponent<DestinationsSectionProps & react.RefAttributes<HTMLElement>>;
+
+interface EventCarouselItem {
+    image: string;
+    alt: string;
+    href?: string | undefined;
+}
+interface EventCarouselProps extends HTMLAttributes<HTMLElement> {
+    events: EventCarouselItem[];
+}
+
+declare const EventCarousel: react.ForwardRefExoticComponent<EventCarouselProps & react.RefAttributes<HTMLElement>>;
+
+interface ExploreItem {
+    image: string;
+    alt: string;
+    label: string;
+    href?: string | undefined;
+}
+interface ExploreSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    items: ExploreItem[];
+}
+
+declare const ExploreSection: react.ForwardRefExoticComponent<ExploreSectionProps & react.RefAttributes<HTMLElement>>;
+
+interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string;
+    faqs: FaqItem[];
+    singleOpen?: boolean;
+}
+
+declare const FaqSection: {
+    ({ heading, subheading, faqs, singleOpen, ...rest }: FaqSectionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface FooterLink {
+    label: string;
+    href: string;
+}
+interface FooterColumn {
+    heading: string;
+    links: FooterLink[];
+}
+interface FooterSocialLink {
+    label: string;
+    href: string;
+    icon: ReactNode;
+}
+interface FooterContact {
+    websiteUrl?: string;
+    websiteLabel?: string;
+    email?: string;
+    phone?: string;
+}
+interface FooterProps extends HTMLAttributes<HTMLElement> {
+    columns: FooterColumn[];
+    companyName: string;
+    cin?: string | undefined;
+    address: string;
+    contact?: FooterContact;
+    socials?: FooterSocialLink[];
+    footerImage?: string;
+    footerImageAlt?: string;
+    copyright: string;
+    showScrollToTop?: boolean | undefined;
+}
+
+declare const Footer: react.ForwardRefExoticComponent<FooterProps & react.RefAttributes<HTMLElement>>;
+
+interface GalleryPhotoData {
+    image: string;
+    alt: string;
+    destination: string;
+}
+interface GallerySectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string;
+    photos: GalleryPhotoData[];
+}
+
+declare const GallerySection: react.ForwardRefExoticComponent<GallerySectionProps & react.RefAttributes<HTMLElement>>;
+
+type HeroVariant = 'centered' | 'reviews';
+interface HeroReview {
+    logo: string;
+    alt: string;
+    rating: number;
+    reviewCount: number;
+}
+interface HeroBase extends HTMLAttributes<HTMLElement> {
+    title: string;
+    subtitle?: string;
+    backgroundImage?: string;
+    backgroundColor?: string;
+}
+type HeroProps = (HeroBase & {
+    variant?: 'centered';
+}) | (HeroBase & {
+    variant: 'reviews';
+    reviews: HeroReview[];
+});
+
+declare const Hero: react.ForwardRefExoticComponent<HeroProps & react.RefAttributes<HTMLElement>>;
+
+interface NavLink {
+    label: string;
+    href: string;
+    badgeIcon?: ReactNode;
+}
+interface NavbarProps extends HTMLAttributes<HTMLElement> {
+    logo: string | ReactNode;
+    logoHref?: string;
+    links: NavLink[];
+    searchPlaceholder?: string;
+    searchHref?: string;
+    phoneNumber?: string | undefined;
+    phoneIcon?: ReactNode;
+    LinkComponent?: ElementType | undefined;
+}
+
+declare const Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
+
+interface OfficesSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string | undefined;
+    locations: LocationItem[];
+}
+
+declare const OfficesSection: {
+    ({ heading, subheading, locations, ...rest }: OfficesSectionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface PackageItem {
+    image: string;
+    alt: string;
+    title: string;
+    currentPrice: string;
+    originalPrice?: string | undefined;
+    priceSuffix?: string | undefined;
+    duration: string;
+    location: string;
+    date: string;
+    href?: string | undefined;
+}
+interface PackagesCarouselProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    viewAllHref?: string | undefined;
+    viewAllLabel?: string | undefined;
+    months: MonthTab[];
+    activeMonthId: string;
+    onMonthChange: (id: string) => void;
+    packages: PackageItem[];
+}
+
+declare const PackagesCarousel: react.ForwardRefExoticComponent<PackagesCarouselProps & react.RefAttributes<HTMLElement>>;
+
+interface TeamSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string;
+    members: TeamMember[];
+}
+
+declare const TeamSection: {
+    ({ heading, subheading, members, ...rest }: TeamSectionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TestimonialItem {
+    thumbnail: string;
+    thumbnailAlt: string;
+    logo: string;
+    logoAlt: string;
+    caption: string;
+    videoHref?: string | undefined;
+}
+interface TestimonialsCarouselProps extends HTMLAttributes<HTMLElement> {
+    testimonials: TestimonialItem[];
+    defaultIndex?: number;
+    activeIndex?: number;
+    onActiveIndexChange?: (next: number) => void;
+}
+
+declare const TestimonialsCarousel: react.ForwardRefExoticComponent<TestimonialsCarouselProps & react.RefAttributes<HTMLElement>>;
+
+type TextSectionAlign = 'left' | 'center';
+interface TextSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    paragraphs: string[];
+    align?: TextSectionAlign | undefined;
+}
+
+declare const TextSection: react.ForwardRefExoticComponent<TextSectionProps & react.RefAttributes<HTMLElement>>;
+
+interface TripsCategorySectionCta {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface TripsCategoryItem {
+    image: string;
+    alt: string;
+    destination: string;
+    startingPrice: string;
+    href?: string | undefined;
+}
+interface TripsCategorySectionProps extends HTMLAttributes<HTMLElement> {
+    title: string;
+    description: string;
+    cta: TripsCategorySectionCta;
+    poster: string;
+    videoSrc: string;
+    trips: TripsCategoryItem[];
+}
+
+declare const TripsCategorySection: react.ForwardRefExoticComponent<TripsCategorySectionProps & react.RefAttributes<HTMLElement>>;
+
+interface ValuesSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string | undefined;
+    values: ValueItem[];
+    singleOpen?: boolean;
+}
+
+declare const ValuesSection: {
+    ({ heading, subheading, values, singleOpen, ...rest }: ValuesSectionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface WarriorsSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    subheading?: string;
+    warriors: Warrior[];
+}
+
+declare const WarriorsSection: {
+    ({ heading, subheading, warriors, ...rest }: WarriorsSectionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface WhyChooseFeature {
+    title: string;
+    description: string;
+    illustration: string;
+    illustrationAlt?: string | undefined;
+}
+interface WhyChooseSectionProps extends HTMLAttributes<HTMLElement> {
+    heading: string;
+    features: WhyChooseFeature[];
+}
+
+declare const WhyChooseSection: react.ForwardRefExoticComponent<WhyChooseSectionProps & react.RefAttributes<HTMLElement>>;
+
+declare const theme: {
+    readonly typography: {
+        readonly sectionHeading: styled_components.RuleSet<object>;
+        readonly sectionSubheading: styled_components.RuleSet<object>;
+        readonly cardTitle: styled_components.RuleSet<object>;
+        readonly cardBody: styled_components.RuleSet<object>;
+        readonly cardLabel: styled_components.RuleSet<object>;
+    };
+    readonly layout: {
+        readonly sectionPadding: "32px 24px";
+        readonly cardPadding: "24px";
+        readonly gridGap: "24px";
+        readonly contentWidth: "760px";
+        readonly mobileBreakpoint: "768px";
+    };
+    readonly colors: {
+        readonly primary: "#01AFD1";
+        readonly primaryHover: "#0089A6";
+        readonly accent: "#FEE60B";
+        readonly accentHover: "#E6CF09";
+        readonly secondary: "#4A4A4A";
+        readonly secondaryHover: "#333333";
+        readonly danger: "#DC2626";
+        readonly text: "#4A4A4A";
+        readonly textMuted: "#848484";
+        readonly background: "#FFFFFF";
+        readonly surface: "#FFFFFF";
+        readonly border: "#E2E8F0";
+    };
+    readonly spacing: {
+        readonly xs: "4px";
+        readonly sm: "8px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+    };
+    readonly radii: {
+        readonly sm: "4px";
+        readonly md: "8px";
+        readonly lg: "12px";
+        readonly full: "9999px";
+    };
+    readonly fontSizes: {
+        readonly sm: "14px";
+        readonly md: "16px";
+        readonly lg: "18px";
+        readonly xl: "24px";
+        readonly '2xl': "32px";
+    };
+    readonly fontWeights: {
+        readonly light: 300;
+        readonly regular: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+    readonly shadows: {
+        readonly card: "0px 6px 12px rgba(0, 0, 0, 0.16)";
+        readonly cardLg: "0px 6px 12px rgba(0, 0, 0, 0.40)";
+    };
+};
+type Theme = typeof theme;
+
+export { BottomNav, type BottomNavItem, type BottomNavProps, type Brand, BrandLogo, type BrandLogoProps, BrandsSection, type BrandsSectionProps, CategoryNavbar, type CategoryNavbarProps, ContactForm, type ContactFormCountryCode, type ContactFormDestination, type ContactFormProps, type ContactFormValues, ContactSection, type ContactSectionProps, CtaBanner, type CtaBannerCta, type CtaBannerProps, DestinationCard, type DestinationCardProps, type DestinationItem, DestinationsSection, type DestinationsSectionProps, EventBanner, type EventBannerProps, EventCarousel, type EventCarouselItem, type EventCarouselProps, ExpandableValueCard, type ExpandableValueCardProps, ExploreCard, type ExploreCardProps, type ExploreItem, ExploreSection, type ExploreSectionProps, FaqExpandable, type FaqExpandableProps, type FaqItem, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, Footer, type FooterColumn, type FooterContact, type FooterLink, type FooterProps, type FooterSocialLink, GalleryPhoto, type GalleryPhotoData, type GalleryPhotoProps, GallerySection, type GallerySectionProps, Hero, type HeroProps, type HeroReview, type HeroVariant, LocationCard, type LocationCardProps, type LocationItem, type MonthTab, MonthTabs, type MonthTabsProps, type NavCategory, type NavCategoryItem, type NavLink, Navbar, type NavbarProps, OfficesSection, type OfficesSectionProps, PackageCard, type PackageCardProps, type PackageItem, PackagesCarousel, type PackagesCarouselProps, SectionHeader, type SectionHeaderAlign, type SectionHeaderProps, TeamInfoCard, type TeamInfoCardProps, type TeamMember, TeamSection, type TeamSectionProps, type TeamSocialLink, TestimonialCard, type TestimonialCardProps, type TestimonialItem, TestimonialsCarousel, type TestimonialsCarouselProps, TextSection, type TextSectionAlign, type TextSectionProps, type Theme, TripCategoryCard, type TripCategoryCardProps, type TripsCategoryItem, TripsCategorySection, type TripsCategorySectionCta, type TripsCategorySectionProps, type ValueItem, ValuesSection, type ValuesSectionProps, type Warrior, WarriorCard, type WarriorCardProps, WarriorsSection, type WarriorsSectionProps, type WhyChooseFeature, WhyChooseSection, type WhyChooseSectionProps, theme };