@dododog/ui 0.9.0 → 0.9.1

package/dist/components/Footer/index.d.mts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+
+interface FooterLinkGroup {
+    title: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+    /** Optional CTA at the bottom of the group */
+    cta?: {
+        label: string;
+        href: string;
+    };
+}
+interface FooterProps {
+    /** Brand section — logo, description, contact */
+    brand?: {
+        logo: React.ReactNode;
+        description?: string;
+        contactEmail?: string;
+    };
+    /** Link columns */
+    linkGroups?: FooterLinkGroup[];
+    /** Bottom bar links (legal) */
+    bottomLinks?: {
+        label: string;
+        href: string;
+    }[];
+    /** Extra bottom bar content (e.g. cookie button) */
+    bottomExtra?: React.ReactNode;
+    /** Copyright text — defaults to current year */
+    copyright?: string;
+    /** Tagline shown above copyright */
+    tagline?: React.ReactNode;
+    /** Render function for links — allows Next.js Link */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
+
+export { Footer, type FooterLinkGroup, type FooterProps };

package/dist/components/Footer/index.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+
+interface FooterLinkGroup {
+    title: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+    /** Optional CTA at the bottom of the group */
+    cta?: {
+        label: string;
+        href: string;
+    };
+}
+interface FooterProps {
+    /** Brand section — logo, description, contact */
+    brand?: {
+        logo: React.ReactNode;
+        description?: string;
+        contactEmail?: string;
+    };
+    /** Link columns */
+    linkGroups?: FooterLinkGroup[];
+    /** Bottom bar links (legal) */
+    bottomLinks?: {
+        label: string;
+        href: string;
+    }[];
+    /** Extra bottom bar content (e.g. cookie button) */
+    bottomExtra?: React.ReactNode;
+    /** Copyright text — defaults to current year */
+    copyright?: string;
+    /** Tagline shown above copyright */
+    tagline?: React.ReactNode;
+    /** Render function for links — allows Next.js Link */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
+
+export { Footer, type FooterLinkGroup, type FooterProps };

package/dist/components/GuestPicker/index.d.mts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+interface GuestPickerProps {
+    adults: number;
+    onAdultsChange: (n: number) => void;
+    childrenAges: number[];
+    onChildrenAgesChange: (ages: number[]) => void;
+    dogs: number;
+    onDogsChange: (n: number) => void;
+    isOpen: boolean;
+    onToggle: () => void;
+    onClose: () => void;
+    /** Max adults (default 10) */
+    maxAdults?: number;
+    /** Max children (default 6) */
+    maxChildren?: number;
+    /** Max dogs (default 5) */
+    maxDogs?: number;
+    /** Label for the validate button */
+    validateLabel?: string;
+    /** Custom trigger content — replaces the default trigger button */
+    renderTrigger?: (props: {
+        summary: string;
+        isOpen: boolean;
+        onToggle: () => void;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const GuestPicker: React.ForwardRefExoticComponent<GuestPickerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { GuestPicker, type GuestPickerProps };

package/dist/components/GuestPicker/index.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+interface GuestPickerProps {
+    adults: number;
+    onAdultsChange: (n: number) => void;
+    childrenAges: number[];
+    onChildrenAgesChange: (ages: number[]) => void;
+    dogs: number;
+    onDogsChange: (n: number) => void;
+    isOpen: boolean;
+    onToggle: () => void;
+    onClose: () => void;
+    /** Max adults (default 10) */
+    maxAdults?: number;
+    /** Max children (default 6) */
+    maxChildren?: number;
+    /** Max dogs (default 5) */
+    maxDogs?: number;
+    /** Label for the validate button */
+    validateLabel?: string;
+    /** Custom trigger content — replaces the default trigger button */
+    renderTrigger?: (props: {
+        summary: string;
+        isOpen: boolean;
+        onToggle: () => void;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const GuestPicker: React.ForwardRefExoticComponent<GuestPickerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { GuestPicker, type GuestPickerProps };

package/dist/components/Header/index.d.mts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+interface HeaderNavItem {
+    key: string;
+    label: string;
+    href?: string;
+    /** If true, renders as a dropdown trigger instead of a link */
+    hasDropdown?: boolean;
+}
+interface HeaderProps {
+    /** Logo element — left side */
+    logo: React.ReactNode;
+    /** Navigation items — center */
+    navItems?: HeaderNavItem[];
+    /** Active dropdown key (controlled) */
+    activeDropdown?: string | null;
+    /** Called on nav item hover/focus for dropdown items */
+    onNavHover?: (key: string | null) => void;
+    /** Called when a nav link is clicked */
+    onNavClick?: (key: string, href?: string) => void;
+    /** Right-side content — e.g. user menu, help icon, auth button */
+    rightContent?: React.ReactNode;
+    /** Called when mobile menu button is clicked */
+    onMobileMenuOpen?: () => void;
+    /** Additional class for scroll state, shadow, etc. */
+    variant?: "default" | "scrolled";
+    /** Render function for links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+
+export { Header, type HeaderNavItem, type HeaderProps };

package/dist/components/Header/index.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+
+interface HeaderNavItem {
+    key: string;
+    label: string;
+    href?: string;
+    /** If true, renders as a dropdown trigger instead of a link */
+    hasDropdown?: boolean;
+}
+interface HeaderProps {
+    /** Logo element — left side */
+    logo: React.ReactNode;
+    /** Navigation items — center */
+    navItems?: HeaderNavItem[];
+    /** Active dropdown key (controlled) */
+    activeDropdown?: string | null;
+    /** Called on nav item hover/focus for dropdown items */
+    onNavHover?: (key: string | null) => void;
+    /** Called when a nav link is clicked */
+    onNavClick?: (key: string, href?: string) => void;
+    /** Right-side content — e.g. user menu, help icon, auth button */
+    rightContent?: React.ReactNode;
+    /** Called when mobile menu button is clicked */
+    onMobileMenuOpen?: () => void;
+    /** Additional class for scroll state, shadow, etc. */
+    variant?: "default" | "scrolled";
+    /** Render function for links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+
+export { Header, type HeaderNavItem, type HeaderProps };

package/dist/components/HotelCard/index.d.mts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+
+interface HotelCardData {
+    name: string;
+    city?: string;
+    region?: string;
+    mainImage: string;
+    rating?: number;
+    reviewRating?: number;
+    reviewCount?: number;
+    pricePerNight?: number;
+    originalPrice?: number;
+    dogFeePerNight?: number | null;
+    dogFeeUnknown?: boolean;
+    petPolicyLabel?: string;
+    maxDogs?: number;
+    amenities?: string[];
+    href: string;
+}
+interface HotelCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    hotel: HotelCardData;
+    isFavorite?: boolean;
+    onToggleFavorite?: () => void;
+    isSponsored?: boolean;
+    priceLoading?: boolean;
+    isIndicativePrice?: boolean;
+    noAvailability?: boolean;
+    /** Layout: "auto" = responsive md breakpoint, "vertical" = always stacked, "horizontal" = always side-by-side */
+    layout?: "auto" | "vertical" | "horizontal";
+    /** Render custom link wrapper (e.g. Next.js Link) */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render custom image (e.g. Next.js Image) */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+}
+declare const HotelCard: React.ForwardRefExoticComponent<HotelCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { HotelCard, type HotelCardData, type HotelCardProps };

package/dist/components/HotelCard/index.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+
+interface HotelCardData {
+    name: string;
+    city?: string;
+    region?: string;
+    mainImage: string;
+    rating?: number;
+    reviewRating?: number;
+    reviewCount?: number;
+    pricePerNight?: number;
+    originalPrice?: number;
+    dogFeePerNight?: number | null;
+    dogFeeUnknown?: boolean;
+    petPolicyLabel?: string;
+    maxDogs?: number;
+    amenities?: string[];
+    href: string;
+}
+interface HotelCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    hotel: HotelCardData;
+    isFavorite?: boolean;
+    onToggleFavorite?: () => void;
+    isSponsored?: boolean;
+    priceLoading?: boolean;
+    isIndicativePrice?: boolean;
+    noAvailability?: boolean;
+    /** Layout: "auto" = responsive md breakpoint, "vertical" = always stacked, "horizontal" = always side-by-side */
+    layout?: "auto" | "vertical" | "horizontal";
+    /** Render custom link wrapper (e.g. Next.js Link) */
+    renderLink?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render custom image (e.g. Next.js Image) */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className: string;
+    }) => React.ReactNode;
+}
+declare const HotelCard: React.ForwardRefExoticComponent<HotelCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { HotelCard, type HotelCardData, type HotelCardProps };

package/dist/components/IconBadge/index.d.mts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const iconBadgeVariants: (props?: ({
+    variant?: "primary" | "secondary" | "accent" | "error" | "success" | "warning" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface IconBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof iconBadgeVariants> {
+    icon: React.ReactNode;
+}
+declare const IconBadge: React.ForwardRefExoticComponent<IconBadgeProps & React.RefAttributes<HTMLDivElement>>;
+
+export { IconBadge, type IconBadgeProps, iconBadgeVariants };

package/dist/components/IconBadge/index.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const iconBadgeVariants: (props?: ({
+    variant?: "primary" | "secondary" | "accent" | "error" | "success" | "warning" | "info" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface IconBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof iconBadgeVariants> {
+    icon: React.ReactNode;
+}
+declare const IconBadge: React.ForwardRefExoticComponent<IconBadgeProps & React.RefAttributes<HTMLDivElement>>;
+
+export { IconBadge, type IconBadgeProps, iconBadgeVariants };

package/dist/components/ImageGallery/index.d.mts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface GalleryImage {
+    src: string;
+    alt: string;
+}
+interface ImageGalleryProps {
+    images: GalleryImage[];
+    className?: string;
+    /** Max images to show in grid before "+N" overlay. Default: 5 */
+    maxVisible?: number;
+    onImageClick?: (index: number) => void;
+}
+declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type GalleryImage, ImageGallery, type ImageGalleryProps };

package/dist/components/ImageGallery/index.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface GalleryImage {
+    src: string;
+    alt: string;
+}
+interface ImageGalleryProps {
+    images: GalleryImage[];
+    className?: string;
+    /** Max images to show in grid before "+N" overlay. Default: 5 */
+    maxVisible?: number;
+    onImageClick?: (index: number) => void;
+}
+declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type GalleryImage, ImageGallery, type ImageGalleryProps };

package/dist/components/ImageWithFallback/index.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface ImageWithFallbackProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    fallbackSrc?: string;
+    /** Show blur placeholder while loading */
+    useBlur?: boolean;
+    /** Custom blur data URL for LQIP */
+    blurDataURL?: string;
+    /** Render a custom image element (e.g. Next.js Image). Receives all img props. */
+    renderImage?: (props: React.ImgHTMLAttributes<HTMLImageElement> & {
+        onLoad: () => void;
+        onError: () => void;
+    }) => React.ReactNode;
+}
+declare const ImageWithFallback: React.ForwardRefExoticComponent<ImageWithFallbackProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ImageWithFallback, type ImageWithFallbackProps };

package/dist/components/ImageWithFallback/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface ImageWithFallbackProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    fallbackSrc?: string;
+    /** Show blur placeholder while loading */
+    useBlur?: boolean;
+    /** Custom blur data URL for LQIP */
+    blurDataURL?: string;
+    /** Render a custom image element (e.g. Next.js Image). Receives all img props. */
+    renderImage?: (props: React.ImgHTMLAttributes<HTMLImageElement> & {
+        onLoad: () => void;
+        onError: () => void;
+    }) => React.ReactNode;
+}
+declare const ImageWithFallback: React.ForwardRefExoticComponent<ImageWithFallbackProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ImageWithFallback, type ImageWithFallbackProps };

package/dist/components/Input/index.d.mts

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, inputVariants };

package/dist/components/Input/index.d.ts

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps, inputVariants };

package/dist/components/Lightbox/index.d.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface LightboxProps {
+    images: {
+        src: string;
+        alt: string;
+    }[];
+    initialIndex?: number;
+    open: boolean;
+    onClose: () => void;
+    className?: string;
+}
+declare const Lightbox: React.ForwardRefExoticComponent<LightboxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Lightbox, type LightboxProps };

package/dist/components/Lightbox/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface LightboxProps {
+    images: {
+        src: string;
+        alt: string;
+    }[];
+    initialIndex?: number;
+    open: boolean;
+    onClose: () => void;
+    className?: string;
+}
+declare const Lightbox: React.ForwardRefExoticComponent<LightboxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Lightbox, type LightboxProps };

package/dist/components/LinkCard/index.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    /** Show chevron on the right. Default: true */
+    showChevron?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { LinkCard, type LinkCardProps };

package/dist/components/LinkCard/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    /** Show chevron on the right. Default: true */
+    showChevron?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
+
+export { LinkCard, type LinkCardProps };

package/dist/components/LoadingOverlay/index.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether overlay is visible. Default: true */
+    visible?: boolean;
+    label?: string;
+    /** Overlay opacity. Default: "medium" */
+    opacity?: "light" | "medium" | "heavy";
+}
+declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { LoadingOverlay, type LoadingOverlayProps };

package/dist/components/LoadingOverlay/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+interface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Whether overlay is visible. Default: true */
+    visible?: boolean;
+    label?: string;
+    /** Overlay opacity. Default: "medium" */
+    opacity?: "light" | "medium" | "heavy";
+}
+declare const LoadingOverlay: React.ForwardRefExoticComponent<LoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { LoadingOverlay, type LoadingOverlayProps };

package/dist/components/MegaMenu/index.d.mts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+
+interface MegaMenuCard {
+    label: string;
+    href: string;
+    imageUrl?: string;
+}
+interface MegaMenuLink {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
+}
+interface MegaMenuColumn {
+    title?: string;
+    links: MegaMenuLink[];
+    image?: {
+        src: string;
+        alt: string;
+    };
+}
+interface MegaMenuSection {
+    label: string;
+    layout: "cards" | "columns";
+    cards?: MegaMenuCard[];
+    columns?: MegaMenuColumn[];
+    /** CTA link shown after cards grid */
+    ctaLabel?: string;
+    ctaHref?: string;
+}
+interface MegaMenuProps {
+    section: MegaMenuSection;
+    isOpen: boolean;
+    onClose: () => void;
+    /** Render function for links — allows using Next.js Link or router links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render function for images — allows using Next.js Image or custom img */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+        fill?: boolean;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const MegaMenu: React.ForwardRefExoticComponent<MegaMenuProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MegaMenu, type MegaMenuCard, type MegaMenuColumn, type MegaMenuLink, type MegaMenuProps, type MegaMenuSection };

package/dist/components/MegaMenu/index.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+
+interface MegaMenuCard {
+    label: string;
+    href: string;
+    imageUrl?: string;
+}
+interface MegaMenuLink {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
+}
+interface MegaMenuColumn {
+    title?: string;
+    links: MegaMenuLink[];
+    image?: {
+        src: string;
+        alt: string;
+    };
+}
+interface MegaMenuSection {
+    label: string;
+    layout: "cards" | "columns";
+    cards?: MegaMenuCard[];
+    columns?: MegaMenuColumn[];
+    /** CTA link shown after cards grid */
+    ctaLabel?: string;
+    ctaHref?: string;
+}
+interface MegaMenuProps {
+    section: MegaMenuSection;
+    isOpen: boolean;
+    onClose: () => void;
+    /** Render function for links — allows using Next.js Link or router links */
+    renderLink?: (props: {
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render function for images — allows using Next.js Image or custom img */
+    renderImage?: (props: {
+        src: string;
+        alt: string;
+        className?: string;
+        fill?: boolean;
+    }) => React.ReactNode;
+    className?: string;
+}
+declare const MegaMenu: React.ForwardRefExoticComponent<MegaMenuProps & React.RefAttributes<HTMLDivElement>>;
+
+export { MegaMenu, type MegaMenuCard, type MegaMenuColumn, type MegaMenuLink, type MegaMenuProps, type MegaMenuSection };