@bergetai/ui 0.1.78

package/dist/index.d.ts

@@ -0,0 +1,547 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React$1 from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideProps, LucideIcon } from 'lucide-react';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "icon" | "primary" | "highlight" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    width?: "default" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BaseButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'role'> & {
+    asChild?: boolean;
+    isLoading?: boolean;
+    size?: VariantProps<typeof buttonVariants>['size'];
+    width?: VariantProps<typeof buttonVariants>['width'];
+};
+type IconButtonProps = BaseButtonProps & {
+    variant: 'icon';
+    'aria-label': string;
+};
+type RegularButtonProps = BaseButtonProps & {
+    variant?: Exclude<VariantProps<typeof buttonVariants>['variant'], 'icon'>;
+    'aria-label'?: string;
+};
+type ButtonProps = IconButtonProps | RegularButtonProps;
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const typographyVariants: (props?: ({
+    variant?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "large" | "body" | "xs" | "mono" | "code" | null | undefined;
+    color?: "default" | "muted" | "dim" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof typographyVariants> {
+    as?: React$1.ElementType;
+}
+declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
+
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const cardVariants: (props?: ({
+    variant?: "outlined" | "filled" | null | undefined;
+    padding?: "sm" | "lg" | "none" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "tag" | "semantic" | null | undefined;
+    status?: "default" | "error" | "active" | "tagDefault" | "tagActive" | "tagGhost" | "info" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    icon?: React$1.ReactNode;
+    iconGap?: number;
+}
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefAttributes<HTMLDivElement>>;
+type AlertTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
+type AlertDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    icon?: React$1.ReactNode;
+    actionButton?: React$1.ReactNode;
+    label?: string;
+    description?: string;
+    error?: string;
+}
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const checkboxVariants: (props?: ({
+    variant?: "default" | "error" | "success" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckboxProps extends Omit<React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'className'>, VariantProps<typeof checkboxVariants> {
+    label?: string;
+    description?: string;
+    error?: string;
+    className?: string;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const switchRootVariants: (props?: ({
+    variant?: "default" | "primary" | "subtle" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SwitchProps extends Omit<React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, 'className'>, VariantProps<typeof switchRootVariants> {
+    label?: string;
+    description?: string;
+    error?: string;
+    className?: string;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const selectVariants: (props?: ({
+    variant?: "default" | "primary" | "muted" | "subtle" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps extends VariantProps<typeof selectVariants> {
+    label?: string;
+    description?: string;
+    error?: string;
+    placeholder?: string;
+    options: SelectOption[];
+    id?: string;
+    disabled?: boolean;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    required?: boolean;
+    className?: string;
+}
+declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const textAreaVariants: (props?: ({
+    variant?: "default" | "primary" | "muted" | "subtle" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextAreaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
+    label?: string;
+    description?: string;
+    error?: string;
+    placeholder?: string;
+    maxLength?: number;
+    showCount?: boolean;
+    rows?: number;
+    icon?: React$1.ReactNode;
+    secondaryIcon?: React$1.ReactNode;
+    actionButton?: React$1.ReactNode;
+}
+declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
+    variant?: 'legend' | 'label';
+}): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): react_jsx_runtime.JSX.Element | null;
+
+declare const linkVariants: (props?: ({
+    variant?: "default" | "secondary" | "ghost" | "primary" | "code" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
+    children: React$1.ReactNode;
+    external?: boolean;
+    icon?: React$1.ReactNode;
+    showExternalIcon?: boolean;
+    disabled?: boolean;
+}
+declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+
+declare const sectionVariants: (props?: ({
+    padding?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+    background?: "muted" | "transparent" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SectionProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sectionVariants> {
+    children: React$1.ReactNode;
+}
+declare const Section: React$1.ForwardRefExoticComponent<SectionProps & React$1.RefAttributes<HTMLElement>>;
+
+interface SectionHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    descriptionVariant?: 'h2' | 'h3' | 'h4' | 'large' | 'body';
+    tagline?: string;
+    action?: React$1.ReactNode;
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4';
+    id?: string;
+}
+declare const SectionHeader: React$1.ForwardRefExoticComponent<SectionHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const containerVariants: (props?: ({
+    size?: "sm" | "lg" | "full" | "md" | "xl" | null | undefined;
+    padding?: "sm" | "lg" | "none" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
+    children: React$1.ReactNode;
+    asChild?: boolean;
+}
+declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const gridVariants: (props?: ({
+    align?: "end" | "start" | "center" | "stretch" | null | undefined;
+    justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SpacingScale$1 = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
+type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;
+type GridRowsScale = 1 | 2 | 3 | 4 | 5 | 6;
+interface GridProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof gridVariants> {
+    children: React$1.ReactNode;
+    cols?: GridColsScale;
+    rows?: GridRowsScale;
+    gap?: SpacingScale$1;
+    gapX?: SpacingScale$1;
+    gapY?: SpacingScale$1;
+    asChild?: boolean;
+}
+declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLElement>>;
+
+declare const boxVariants: (props?: ({
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
+    align?: "end" | "start" | "baseline" | "center" | "stretch" | null | undefined;
+    justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | null | undefined;
+    wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
+interface BoxProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof boxVariants> {
+    children: React$1.ReactNode;
+    gap?: SpacingScale;
+    asChild?: boolean;
+}
+declare const Box: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<HTMLElement>>;
+
+interface BergetLogoProps extends React$1.SVGAttributes<SVGSVGElement> {
+    /** Shape variant */
+    variant?: 'logotype' | 'symbol';
+    /** Fill color */
+    color?: 'white' | 'black';
+    /** Size (height) in pixels */
+    size?: number;
+}
+declare const BergetLogo: React$1.ForwardRefExoticComponent<BergetLogoProps & React$1.RefAttributes<SVGSVGElement>>;
+
+interface IconProps extends Omit<LucideProps, 'size'> {
+    icon: LucideIcon;
+    size: 16 | 24 | 32;
+    className?: string;
+    'aria-label'?: string;
+    'aria-hidden'?: boolean;
+}
+declare const Icon: React$1.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
+
+interface LanguageSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface LanguageSelectProps {
+    options: LanguageSelectOption[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+}
+declare const LanguageSelect: React$1.ForwardRefExoticComponent<LanguageSelectProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const headerVariants: (props?: ({
+    variant?: "default" | "transparent" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface HeaderLink {
+    label: string;
+    href: string;
+    icon?: LucideIcon;
+    active?: boolean;
+}
+interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
+    logo?: React$1.ReactNode;
+    links: HeaderLink[];
+    languageOptions: LanguageSelectOption[];
+    loginButton?: React$1.ReactNode;
+    ctaButton?: React$1.ReactNode;
+    currentLanguage?: string;
+    onLanguageChange?: (value: string) => void;
+}
+declare const Header: React$1.ForwardRefExoticComponent<HeaderProps & React$1.RefAttributes<HTMLElement>>;
+
+declare const featureCardVariants: (props?: ({
+    variant?: "highlight" | "glass" | "solid" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface FeatureCardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof featureCardVariants> {
+    /**
+     * Icon to display
+     */
+    icon?: LucideIcon;
+    /**
+     * Custom color for the icon (e.g., "#52B788" or "text-[#52B788]")
+     */
+    iconColor?: string;
+    /**
+     * Title of the feature
+     */
+    title: string;
+    /**
+     * Description of the feature
+     */
+    description: string;
+    /**
+     * Optional badge text
+     */
+    badge?: string;
+    /**
+     * Optional link text
+     */
+    linkText?: string;
+    /**
+     * Optional link href
+     */
+    linkHref?: string;
+    /**
+     * Optional list items to display below description
+     */
+    items?: string[];
+    /**
+     * Number of columns in the grid
+     * @default 3
+     */
+    columns?: 1 | 2 | 3 | 4;
+}
+/**
+ * Feature Card Component
+ *
+ * Feature card with icon, badge, title, description, and optional list items.
+ * Based on Card highlight variant.
+ *
+ * **Use Cases:**
+ * - Feature showcases
+ * - Product highlights
+ * - Service descriptions
+ * - Benefits sections
+ *
+ * @example
+ * ```tsx
+ * <FeatureCard
+ *   icon={Cpu}
+ *   title="Dedicated Inference"
+ *   description="Run and scale any model, including your own fine-tuned models on dedicated capacity."
+ *   badge="Coming Soon"
+ *   items={[
+ *     "Customizable instances",
+ *     "High-demand workloads",
+ *     "Dedicated resources"
+ *   ]}
+ * />
+ * ```
+ */
+declare const FeatureCard: React$1.ForwardRefExoticComponent<FeatureCardProps & React$1.RefAttributes<HTMLDivElement>>;
+interface FeatureCardsProps {
+    /**
+     * Array of feature cards to display
+     */
+    features: FeatureCardProps[];
+    /**
+     * Number of columns in the grid
+     * @default 3
+     */
+    columns?: 1 | 2 | 3 | 4;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Feature Cards Component
+ *
+ * Displays multiple feature cards in a responsive grid layout.
+ * Perfect for feature showcases, product highlights, and benefits sections.
+ *
+ * @example
+ * ```tsx
+ * const features = [
+ *   {
+ *     icon: Cpu,
+ *     title: "Dedicated Inference",
+ *     description: "Run and scale any model on dedicated capacity.",
+ *     badge: "Coming Soon",
+ *     items: ["Customizable instances", "High-demand workloads", "Dedicated resources"]
+ *   },
+ *   {
+ *     icon: Zap,
+ *     title: "Lightning Fast",
+ *     description: "Optimized for speed and performance.",
+ *     badge: "New"
+ *   },
+ * ]
+ *
+ * <FeatureCards features={features} columns={3} />
+ * ```
+ */
+declare const FeatureCards: React$1.ForwardRefExoticComponent<FeatureCardsProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ListProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
+}
+declare const List: React$1.ForwardRefExoticComponent<ListProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ListItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    icon?: React$1.ReactNode;
+    children: React$1.ReactNode;
+    interactive?: boolean;
+}
+declare const ListItem: React$1.ForwardRefExoticComponent<ListItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ListHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
+}
+declare const ListHeader: React$1.ForwardRefExoticComponent<ListHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+interface FeatureListProps extends React$1.HTMLAttributes<HTMLUListElement> {
+    items: string[];
+    variant?: 'bullet' | 'checkmark';
+}
+declare const FeatureList: React$1.ForwardRefExoticComponent<FeatureListProps & React$1.RefAttributes<HTMLUListElement>>;
+
+declare const heroBlockVariants: (props?: ({
+    variant?: "default" | "moss" | "gradient" | null | undefined;
+    withPattern?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface HeroBlockProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof heroBlockVariants> {
+    /**
+     * Optional icon for the tagline badge
+     */
+    taglineIcon?: LucideIcon;
+    /**
+     * Tagline text (appears in badge)
+     */
+    tagline?: string;
+    /**
+     * Main hero title
+     */
+    title: string;
+    /**
+     * Hero description
+     */
+    description: string;
+    /**
+     * Call-to-action buttons
+     */
+    actions?: React$1.ReactNode;
+    /**
+     * Show pattern background
+     * @default true
+     */
+    withPattern?: boolean;
+}
+/**
+ * Hero Block Component
+ *
+ * Full-width hero section with optional grid background, tagline, title, description, and CTAs.
+ * Based on the pattern from why-berget and other landing pages.
+ *
+ * **Variants:**
+ * - `default` - Simple gradient
+ * - `moss` - Green gradient overlay
+ * - `gradient` - Diagonal gradient
+ *
+ * **Features:**
+ * - Optional grid background
+ * - Tagline badge with optional icon
+ * - Responsive sizing
+ * - CTA button slots
+ *
+ * **Use Cases:**
+ * - Page heroes
+ * - Landing page intros
+ * - Feature announcements
+ * - Product showcases
+ *
+ * @example
+ * ```tsx
+ * <HeroBlock
+ *   tagline="Built for Europe"
+ *   taglineIcon={Shield}
+ *   title="European AI Infrastructure"
+ *   description="Deploy and scale AI models with data residency in Europe"
+ *   variant="moss"
+ *   actions={
+ *     <>
+ *       <Button size="lg">Get Started</Button>
+ *       <Button size="lg" variant="outline">Learn More</Button>
+ *     </>
+ *   }
+ * />
+ * ```
+ */
+declare const HeroBlock: React$1.ForwardRefExoticComponent<HeroBlockProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const statCardVariants: (props?: ({
+    variant?: "highlight" | "glass" | "solid" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StatCardProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardVariants> {
+    icon?: LucideIcon;
+    iconColor?: string;
+    title: string;
+    description: string;
+    stats: string;
+    badge?: string;
+}
+declare const StatCard: React$1.ForwardRefExoticComponent<StatCardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    title?: string;
+    className?: string;
+}
+declare function CodeBlock({ code, language, title, className }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+interface TerminalExample {
+    title: string;
+    description: string;
+    commands: {
+        command: string;
+        output?: string[];
+        delay?: number;
+    }[];
+}
+
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, BergetLogo as BergetLogotype, type BergetLogoProps as BergetLogotypeProps, BergetLogo as BergetSymbol, type BergetLogoProps as BergetSymbolProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, FeatureCard, type FeatureCardProps, FeatureCards, type FeatureCardsProps, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Header, type HeaderLink, type HeaderProps, HeroBlock, type HeroBlockProps, Icon, type IconProps, Input, type InputProps, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Section, SectionHeader, type SectionHeaderProps, type SectionProps, Select, type SelectOption, type SelectProps, StatCard, type StatCardProps, Switch, type SwitchProps, type TerminalExample, TextArea, type TextAreaProps, Typography, type TypographyProps, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, checkboxVariants, containerVariants, gridVariants, linkVariants, sectionVariants, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants };