@iniguezmarc/design-system 0.0.7 → 0.0.8

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/atoms/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { BasicAvatar, AvatarProps, AvatarSlots } from './BasicAvatar';
+export { BasicAvatar as Avatar };
+export type { AvatarProps, AvatarSlots };

package/dist/components/atoms/Avatar/BasicAvatar.d.ts

@@ -0,0 +1,19 @@
+export interface AvatarSlots {
+    container?: string;
+    image?: string;
+}
+export interface AvatarProps {
+    src: string;
+    alt?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    imageFit?: 'cover' | 'contain';
+    customStyles?: AvatarSlots;
+    className?: string;
+    borderColor?: string;
+    darkBorderColor?: string;
+    backgroundColor?: string;
+    darkBackgroundColor?: string;
+    /** Image loading strategy */
+    loading?: "eager" | "lazy";
+}
+export declare const BasicAvatar: ({ src, alt, size, imageFit, customStyles, className, borderColor, darkBorderColor, backgroundColor, darkBackgroundColor, loading, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Avatar/StatusAvatar.d.ts

@@ -0,0 +1,9 @@
+import { AvatarProps } from './BasicAvatar';
+export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
+export interface StatusAvatarProps extends AvatarProps {
+    status?: AvatarStatus;
+    statusColor?: string;
+    statusBorderColor?: string;
+    darkStatusBorderColor?: string;
+}
+export declare const StatusAvatar: ({ status, statusColor, statusBorderColor, darkStatusBorderColor, className, customStyles, ...props }: StatusAvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import { BasicBadge, BadgeProps, BadgeSlots } from './BasicBadge';
+export { BasicBadge as Badge };
+export type { BadgeProps, BadgeSlots };

package/dist/components/atoms/Badge/BasicBadge.d.ts

@@ -0,0 +1,20 @@
+export interface BadgeSlots {
+    container?: string;
+    label?: string;
+}
+export interface BadgeProps {
+    label: string;
+    variant?: 'primary' | 'secondary' | 'outline' | 'success';
+    customStyles?: BadgeSlots;
+    className?: string;
+    primaryColor?: string;
+    darkPrimaryColor?: string;
+    secondaryColor?: string;
+    darkSecondaryColor?: string;
+    outlineColor?: string;
+    darkOutlineColor?: string;
+    successColor?: string;
+    darkSuccessColor?: string;
+    endIcon?: React.ReactNode;
+}
+export declare const BasicBadge: ({ label, variant, customStyles, className, endIcon, primaryColor, darkPrimaryColor, secondaryColor, darkSecondaryColor, outlineColor, darkOutlineColor, successColor, darkSuccessColor, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Badge/RemovableBadge.d.ts

@@ -0,0 +1,6 @@
+import { BadgeProps } from './BasicBadge';
+export interface RemovableBadgeProps extends BadgeProps {
+    onRemove?: () => void;
+    removeIcon?: React.ReactNode;
+}
+export declare const RemovableBadge: ({ onRemove, removeIcon, className, customStyles, ...props }: RemovableBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Button/BasicButton.d.ts

@@ -0,0 +1,27 @@
+export interface ButtonSlots {
+    container?: string;
+    label?: string;
+}
+export interface ButtonProps {
+    label: string;
+    variant?: 'primary' | 'secondary' | 'outline';
+    size?: 'small' | 'medium' | 'large';
+    onClick?: () => void;
+    className?: string;
+    customStyles?: ButtonSlots;
+    href?: string;
+    target?: string;
+    primaryColor?: string;
+    primaryHoverColor?: string;
+    darkPrimaryColor?: string;
+    darkPrimaryHoverColor?: string;
+    secondaryColor?: string;
+    secondaryHoverColor?: string;
+    darkSecondaryColor?: string;
+    darkSecondaryHoverColor?: string;
+    outlineColor?: string;
+    outlineHoverColor?: string;
+    darkOutlineColor?: string;
+    darkOutlineHoverColor?: string;
+}
+export declare const BasicButton: ({ label, variant, size, onClick, className, customStyles, href, target, primaryColor, primaryHoverColor, darkPrimaryColor, darkPrimaryHoverColor, secondaryColor, secondaryHoverColor, darkSecondaryColor, darkSecondaryHoverColor, outlineColor, outlineHoverColor, darkOutlineColor, darkOutlineHoverColor, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { BasicButton, ButtonProps } from './BasicButton';
+export { BasicButton as Button };
+export type { ButtonProps };

package/dist/components/atoms/Button/ThreeDButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from './BasicButton';
+export declare const ThreeDButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Input/BasicInput.d.ts

@@ -0,0 +1,29 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface InputSlots {
+    container?: string;
+    label?: string;
+    input?: string;
+    error?: string;
+    iconContainer?: string;
+}
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    error?: string;
+    customStyles?: InputSlots;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    labelColor?: string;
+    darkLabelColor?: string;
+    inputBgColor?: string;
+    darkInputBgColor?: string;
+    inputBorderColor?: string;
+    darkInputBorderColor?: string;
+    inputTextColor?: string;
+    darkInputTextColor?: string;
+    focusRingColor?: string;
+    errorBorderColor?: string;
+    darkErrorBorderColor?: string;
+    errorTextColor?: string;
+    darkErrorTextColor?: string;
+}
+export declare const BasicInput: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+import { BasicInput, InputProps, InputSlots } from './BasicInput';
+export { BasicInput as Input };
+export type { InputProps, InputSlots };

package/dist/components/atoms/Input/PasswordInput.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { InputProps } from './BasicInput';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'endIcon'> {
+}
+export declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/atoms/Toggle/BasicToggle.d.ts

@@ -0,0 +1,17 @@
+export interface ToggleSlots {
+    container?: string;
+    icon?: string;
+}
+export interface BasicToggleProps {
+    isToggled: boolean;
+    onToggle: () => void;
+    iconOn?: React.ReactNode;
+    iconOff?: React.ReactNode;
+    imageOn?: string;
+    imageOff?: string;
+    imageFit?: 'cover' | 'contain';
+    customStyles?: ToggleSlots;
+    className?: string;
+    title?: string;
+}
+export declare const BasicToggle: ({ isToggled, onToggle, iconOn, iconOff, imageOn, imageOff, imageFit, customStyles, className, title }: BasicToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Toggle/LanguageToggle.d.ts

@@ -0,0 +1,16 @@
+export interface LanguageToggleProps {
+    initialLanguage?: 'en' | 'es';
+    onLanguageChange?: (lang: 'en' | 'es') => void;
+    className?: string;
+    customStyles?: {
+        container?: string;
+        icon?: string;
+    };
+    englishColor?: string;
+    englishBorderColor?: string;
+    englishTextColor?: string;
+    spanishColor?: string;
+    spanishBorderColor?: string;
+    spanishTextColor?: string;
+}
+export declare const LanguageToggle: ({ initialLanguage, onLanguageChange, className, customStyles, englishColor, englishBorderColor, englishTextColor, spanishColor, spanishBorderColor, spanishTextColor, }: LanguageToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/Toggle/ThemeToggle.d.ts

@@ -0,0 +1,11 @@
+import { BasicToggleProps } from './BasicToggle';
+export type { ToggleSlots as ThemeToggleSlots } from './BasicToggle';
+export interface ThemeToggleProps extends Omit<BasicToggleProps, 'isToggled' | 'onToggle' | 'iconOn' | 'iconOff' | 'imageOn' | 'imageOff'> {
+    isDark?: boolean;
+    onToggle?: () => void;
+    iconSun?: React.ReactNode;
+    iconMoon?: React.ReactNode;
+    sunImage?: string;
+    moonImage?: string;
+}
+export declare const ThemeToggle: ({ isDark: externalIsDark, onToggle: externalOnToggle, iconSun, iconMoon, sunImage, moonImage, customStyles, ...props }: ThemeToggleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/ProjectCard/BasicProjectCard.d.ts

@@ -0,0 +1,28 @@
+export interface ProjectCardSlots {
+    container?: string;
+    imageWrapper?: string;
+    content?: string;
+    title?: string;
+    description?: string;
+    tagsContainer?: string;
+    /** URL the button links to */
+    projectUrl?: string;
+    linkTarget?: '_self' | '_blank';
+    /** Optional callback (if you prefer onClick) */
+    onViewProject?: () => void;
+}
+export interface BasicProjectCardProps {
+    title: string;
+    description: string;
+    image: string;
+    tags?: string[];
+    projectUrl?: string;
+    linkTarget?: '_self' | '_blank';
+    orientation?: 'vertical' | 'horizontal';
+    actionLabel?: string;
+    onViewProject?: () => void;
+    /** Hooks to customize internal style parts */
+    customStyles?: ProjectCardSlots;
+    className?: string;
+}
+export declare const BasicProjectCard: ({ title, description, image, tags, orientation, actionLabel, projectUrl, linkTarget, onViewProject, customStyles, className }: BasicProjectCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/ProjectCard/ProjectCard.d.ts

@@ -0,0 +1,3 @@
+import { BasicProjectCard, BasicProjectCardProps } from './BasicProjectCard';
+export { BasicProjectCard as ProjectCard };
+export type { BasicProjectCardProps as ProjectCardProps };

package/dist/{src/components/organisms/ContentGrid/ContentGrid.d.ts → components/organisms/ContentGrid/BasicContentGrid.d.ts}

@@ -10,13 +10,16 @@ export interface ContentGridSlots {
     container?: string;
     title?: string;
 }
-interface ContentGridProps {
+export interface BasicContentGridProps {
     title?: string;
     items: GridItem[];
     layout?: 'grid' | 'list';
     itemButtonLabel?: string;
     onItemClick?: (id: string) => void;
     customStyles?: ContentGridSlots;
+    backgroundColor?: string;
+    darkBackgroundColor?: string;
+    titleColor?: string;
+    darkTitleColor?: string;
 }
-export declare const ContentGrid: ({ title, items, layout, itemButtonLabel, onItemClick, customStyles }: ContentGridProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const BasicContentGrid: ({ title, items, layout, itemButtonLabel, onItemClick, customStyles, backgroundColor, darkBackgroundColor, titleColor, darkTitleColor, }: BasicContentGridProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/ContentGrid/ContentGrid.d.ts

@@ -0,0 +1,3 @@
+import { BasicContentGrid, BasicContentGridProps, GridItem, ContentGridSlots } from './BasicContentGrid';
+export { BasicContentGrid as ContentGrid };
+export type { BasicContentGridProps as ContentGridProps, GridItem, ContentGridSlots };

package/dist/components/organisms/Footer/BasicFooter.d.ts

@@ -0,0 +1,29 @@
+export interface SocialLink {
+    platform: string;
+    url: string;
+}
+export interface FooterLink {
+    label: string;
+    href: string;
+}
+export interface FooterSlots {
+    container?: string;
+    text?: string;
+    link?: string;
+}
+export interface BasicFooterProps {
+    copyrightOwner: string;
+    socialLinks: SocialLink[];
+    copyrightText?: string;
+    secondaryLinks?: FooterLink[];
+    customStyles?: FooterSlots;
+    backgroundColor?: string;
+    darkBackgroundColor?: string;
+    borderColor?: string;
+    darkBorderColor?: string;
+    textColor?: string;
+    darkTextColor?: string;
+    linksColor?: string;
+    linksHoverColor?: string;
+}
+export declare const BasicFooter: ({ copyrightOwner, copyrightText, socialLinks, secondaryLinks, customStyles, backgroundColor, darkBackgroundColor, borderColor, darkBorderColor, textColor, darkTextColor, linksColor, linksHoverColor, }: BasicFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { BasicFooter, BasicFooterProps, SocialLink, FooterLink, FooterSlots } from './BasicFooter';
+export { BasicFooter as Footer };
+export type { BasicFooterProps as FooterProps, SocialLink, FooterLink, FooterSlots };

package/dist/components/organisms/Hero/BasicHero.d.ts

@@ -0,0 +1,29 @@
+export interface HeroAction {
+    label: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary' | 'outline';
+}
+export interface HeroSlots {
+    container?: string;
+    content?: string;
+    title?: string;
+    subtitle?: string;
+    imageWrapper?: string;
+}
+export interface BasicHeroProps {
+    greeting?: string;
+    title: string;
+    subtitle: string;
+    imageUrl?: string;
+    actions?: HeroAction[];
+    customStyles?: HeroSlots;
+    backgroundColor?: string;
+    darkBackgroundColor?: string;
+    greetingColor?: string;
+    darkGreetingColor?: string;
+    titleColor?: string;
+    darkTitleColor?: string;
+    subtitleColor?: string;
+    darkSubtitleColor?: string;
+}
+export declare const BasicHero: ({ greeting, title, subtitle, imageUrl, actions, customStyles, backgroundColor, darkBackgroundColor, greetingColor, darkGreetingColor, titleColor, darkTitleColor, subtitleColor, darkSubtitleColor, }: BasicHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/Hero/Hero.d.ts

@@ -0,0 +1,3 @@
+import { BasicHero, BasicHeroProps, HeroAction, HeroSlots } from './BasicHero';
+export { BasicHero as Hero };
+export type { BasicHeroProps as HeroProps, HeroAction, HeroSlots };

package/dist/components/organisms/Navbar/BasicNavbar.d.ts

@@ -0,0 +1,39 @@
+import { MouseEvent } from 'react';
+export interface NavbarLink {
+    label: string;
+    href: string;
+    active?: boolean;
+}
+export interface NavbarAction {
+    label: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary' | 'outline';
+}
+export interface NavbarSlots {
+    container?: string;
+    logo?: string;
+    link?: string;
+    mobileMenu?: string;
+}
+export interface BasicNavbarProps {
+    logo?: string;
+    isLogoImage?: boolean;
+    links: NavbarLink[];
+    actions?: NavbarAction[];
+    customStyles?: NavbarSlots;
+    isOpen?: boolean;
+    onToggleMenu?: () => void;
+    onLinkClick?: (e: MouseEvent<HTMLAnchorElement>, href: string) => void;
+    onLogoClick?: () => void;
+    backgroundColor?: string;
+    darkBackgroundColor?: string;
+    borderColor?: string;
+    darkBorderColor?: string;
+    textColor?: string;
+    darkTextColor?: string;
+    activeLinkColor?: string;
+    darkActiveLinkColor?: string;
+    hoverLinkColor?: string;
+    darkHoverLinkColor?: string;
+}
+export declare const BasicNavbar: ({ logo, isLogoImage, links, actions, customStyles, isOpen, onToggleMenu, onLinkClick, onLogoClick, backgroundColor, darkBackgroundColor, borderColor, darkBorderColor, textColor, darkTextColor, activeLinkColor, darkActiveLinkColor, hoverLinkColor, darkHoverLinkColor, }: BasicNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/Navbar/Navbar.d.ts

@@ -0,0 +1,5 @@
+import { ScrollNavbarProps, NavbarLink, NavbarAction, NavbarSlots } from './ScrollNavbar';
+export interface NavbarProps extends Omit<ScrollNavbarProps, 'isOpen' | 'isScrolled' | 'onToggleMenu' | 'onLinkClick' | 'onLogoClick'> {
+}
+export declare const Navbar: (props: NavbarProps) => import("react/jsx-runtime").JSX.Element;
+export type { NavbarLink, NavbarAction, NavbarSlots };

package/dist/components/organisms/Navbar/ScrollNavbar.d.ts

@@ -0,0 +1,30 @@
+import { MouseEvent } from 'react';
+export interface NavbarLink {
+    label: string;
+    href: string;
+    active?: boolean;
+}
+export interface NavbarAction {
+    label: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary' | 'outline';
+}
+export interface NavbarSlots {
+    container?: string;
+    logo?: string;
+    link?: string;
+    mobileMenu?: string;
+}
+export interface ScrollNavbarProps {
+    logo?: string;
+    isLogoImage?: boolean;
+    links: NavbarLink[];
+    actions?: NavbarAction[];
+    customStyles?: NavbarSlots;
+    isOpen?: boolean;
+    isScrolled?: boolean;
+    onToggleMenu?: () => void;
+    onLinkClick?: (e: MouseEvent<HTMLAnchorElement>, href: string) => void;
+    onLogoClick?: () => void;
+}
+export declare const ScrollNavbar: ({ logo, isLogoImage, links, actions, customStyles, isOpen, isScrolled, onToggleMenu, onLinkClick, onLogoClick }: ScrollNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{src/components/organisms/ProfileSection/ProfileSection.d.ts → components/organisms/ProfileSection/BasicProfileSection.d.ts}

@@ -6,7 +6,7 @@ export interface ProfileSectionSlots {
     bio?: string;
     skillsTitle?: string;
 }
-interface ProfileSectionProps {
+export interface BasicProfileSectionProps {
     /** Section title (ex: About Me) */
     title?: string;
     /** Profile photo URL */
@@ -20,6 +20,13 @@ interface ProfileSectionProps {
     /** Style hooks */
     customStyles?: ProfileSectionSlots;
     id?: string;
+    backgroundColor?: string;
+    darkBackgroundColor?: string;
+    borderColor?: string;
+    darkBorderColor?: string;
+    titleColor?: string;
+    darkTitleColor?: string;
+    textColor?: string;
+    darkTextColor?: string;
 }
-export declare const ProfileSection: ({ title, avatarUrl, bio, skillsTitle, skills, customStyles, id }: ProfileSectionProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const BasicProfileSection: ({ title, avatarUrl, bio, skillsTitle, skills, customStyles, id, backgroundColor, darkBackgroundColor, borderColor, darkBorderColor, titleColor, darkTitleColor, textColor, darkTextColor, }: BasicProfileSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/ProfileSection/ProfileSection.d.ts

@@ -0,0 +1,3 @@
+import { BasicProfileSection, BasicProfileSectionProps, ProfileSectionSlots } from './BasicProfileSection';
+export { BasicProfileSection as ProfileSection };
+export type { BasicProfileSectionProps as ProfileSectionProps, ProfileSectionSlots };

package/dist/index.d.ts

@@ -1 +1,11 @@
-export {}
+export * from './components/atoms/Avatar/Avatar';
+export * from './components/atoms/Badge/Badge';
+export * from './components/atoms/Button/Button';
+export * from './components/atoms/Input/Input';
+export * from './components/atoms/Toggle/ThemeToggle';
+export * from './components/molecules/ProjectCard/ProjectCard';
+export * from './components/organisms/ContentGrid/ContentGrid';
+export * from './components/organisms/Footer/Footer';
+export * from './components/organisms/Hero/Hero';
+export * from './components/organisms/Navbar/Navbar';
+export * from './components/organisms/ProfileSection/ProfileSection';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iniguezmarc/design-system",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",

package/dist/src/components/atoms/Avatar/Avatar.d.ts

@@ -1,14 +0,0 @@
-export interface AvatarSlots {
-    container?: string;
-    image?: string;
-}
-interface AvatarProps {
-    src: string;
-    alt?: string;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    imageFit?: 'cover' | 'contain';
-    customStyles?: AvatarSlots;
-    className?: string;
-}
-export declare const Avatar: ({ src, alt, size, imageFit, customStyles, className }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/atoms/Badge/Badge.d.ts

@@ -1,11 +0,0 @@
-export interface BadgeSlots {
-    container?: string;
-}
-interface BadgeProps {
-    label: string;
-    variant?: 'primary' | 'secondary' | 'outline' | 'success';
-    customStyles?: BadgeSlots;
-    className?: string;
-}
-export declare const Badge: ({ label, variant, customStyles, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/atoms/Button/Button.d.ts

@@ -1,11 +0,0 @@
-interface ButtonProps {
-    label: string;
-    variant?: 'primary' | 'secondary' | 'danger' | 'outline';
-    size?: 'small' | 'medium' | 'large';
-    onClick?: () => void;
-    className?: string;
-    href?: string;
-    target?: string;
-}
-export declare const Button: ({ label, variant, size, onClick, className, href, target }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/atoms/Input/Input.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    error?: string;
-}
-export declare const Input: ({ label, error, className, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/organisms/Footer/Footer.d.ts

@@ -1,22 +0,0 @@
-interface SocialLink {
-    platform: string;
-    url: string;
-}
-interface FooterLink {
-    label: string;
-    href: string;
-}
-export interface FooterSlots {
-    container?: string;
-    text?: string;
-    link?: string;
-}
-interface FooterProps {
-    copyrightOwner: string;
-    socialLinks: SocialLink[];
-    copyrightText?: string;
-    secondaryLinks?: FooterLink[];
-    customStyles?: FooterSlots;
-}
-export declare const Footer: ({ copyrightOwner, copyrightText, socialLinks, secondaryLinks, customStyles }: FooterProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/organisms/Hero/Hero.d.ts

@@ -1,22 +0,0 @@
-export interface HeroAction {
-    label: string;
-    onClick: () => void;
-    variant?: 'primary' | 'secondary' | 'outline';
-}
-export interface HeroSlots {
-    container?: string;
-    content?: string;
-    title?: string;
-    subtitle?: string;
-    imageWrapper?: string;
-}
-interface HeroProps {
-    greeting?: string;
-    title: string;
-    subtitle: string;
-    imageUrl?: string;
-    actions?: HeroAction[];
-    customStyles?: HeroSlots;
-}
-export declare const Hero: ({ greeting, title, subtitle, imageUrl, actions, customStyles }: HeroProps) => import("react/jsx-runtime").JSX.Element;
-export {};