@bergetai/ui 0.1.90 → 0.1.92

package/dist/index.d.cts

@@ -1,10 +1,11 @@
 import * as React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 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';
 
 type Theme = 'dark' | 'light' | 'system';
@@ -41,18 +42,17 @@ interface ButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement>,
 }
 declare const Button$1: React$1.ForwardRefExoticComponent<ButtonProps$1 & React$1.RefAttributes<HTMLButtonElement>>;
 
-type PrimitiveButtonProps = React$1.ComponentProps<typeof Button$1>;
-/** Custom variants that extend the upstream shadcn primitive. */
+/** Variants exposed by the Berget wrapper. */
 type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
-interface ButtonProps extends Omit<PrimitiveButtonProps, 'variant'> {
+/** Props for the Berget Button wrapper. */
+interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'variant' | 'ref'> {
     /** Visual style variant. `primary` is Berget-specific. */
     variant?: CustomVariant;
-    /** Show a loading spinner. Hides text content on icon-only buttons. */
-    isLoading?: boolean;
     /** Full width or auto width. */
     width?: 'default' | 'full';
+    ref?: React$1.Ref<HTMLButtonElement>;
 }
-declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare function Button({ className, variant, size, asChild, width, type, ref, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare const typographyVariants: (props?: ({
     variant?: "small" | "xs" | "body" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "large" | "mono" | null | undefined;
@@ -100,6 +100,23 @@ declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefA
 type AlertTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
 type AlertDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
 
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     icon?: React$1.ReactNode;
     actionButton?: React$1.ReactNode;
@@ -205,7 +222,7 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
 }): react_jsx_runtime.JSX.Element | null;
 
 declare const linkVariants: (props?: ({
-    variant?: "default" | "secondary" | "ghost" | "code" | "primary" | "muted" | null | undefined;
+    variant?: "default" | "secondary" | "ghost" | "primary" | "code" | "muted" | null | undefined;
     size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
@@ -217,26 +234,6 @@ interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, Var
 }
 declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
 
-declare const sectionVariants: (props?: ({
-    padding?: "sm" | "md" | "lg" | "none" | "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" | "md" | "lg" | "full" | "xl" | null | undefined;
     padding?: "sm" | "md" | "lg" | "none" | null | undefined;
@@ -311,140 +308,6 @@ interface LanguageSelectProps {
 }
 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;
 }
@@ -556,4 +419,20 @@ interface TerminalExample {
     }[];
 }
 
-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, Switch, type SwitchProps, type TerminalExample, TextArea, type TextAreaProps, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Typography, type TypographyProps, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, checkboxVariants, containerVariants, gridVariants, linkVariants, sectionVariants, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };
+interface WindowTab {
+    id: string;
+    label: string;
+}
+interface WindowFrameProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Window title shown in the title bar when no tabs are provided */
+    title?: string;
+    /** Optional tabs for switching content */
+    tabs?: WindowTab[];
+    /** Controlled active tab ID */
+    activeTab?: string;
+    /** Callback when a tab is selected */
+    onTabChange?: (tabId: string) => void;
+}
+declare const WindowFrame: React$1.ForwardRefExoticComponent<WindowFrameProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, 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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, 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, Select, type SelectOption, type SelectProps, Switch, type SwitchProps, type TerminalExample, TextArea, type TextAreaProps, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, checkboxVariants, containerVariants, gridVariants, linkVariants, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 import * as React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 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';
 
 type Theme = 'dark' | 'light' | 'system';
@@ -41,18 +42,17 @@ interface ButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement>,
 }
 declare const Button$1: React$1.ForwardRefExoticComponent<ButtonProps$1 & React$1.RefAttributes<HTMLButtonElement>>;
 
-type PrimitiveButtonProps = React$1.ComponentProps<typeof Button$1>;
-/** Custom variants that extend the upstream shadcn primitive. */
+/** Variants exposed by the Berget wrapper. */
 type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
-interface ButtonProps extends Omit<PrimitiveButtonProps, 'variant'> {
+/** Props for the Berget Button wrapper. */
+interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'variant' | 'ref'> {
     /** Visual style variant. `primary` is Berget-specific. */
     variant?: CustomVariant;
-    /** Show a loading spinner. Hides text content on icon-only buttons. */
-    isLoading?: boolean;
     /** Full width or auto width. */
     width?: 'default' | 'full';
+    ref?: React$1.Ref<HTMLButtonElement>;
 }
-declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare function Button({ className, variant, size, asChild, width, type, ref, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 declare const typographyVariants: (props?: ({
     variant?: "small" | "xs" | "body" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "large" | "mono" | null | undefined;
@@ -100,6 +100,23 @@ declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefA
 type AlertTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
 type AlertDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
 
+declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     icon?: React$1.ReactNode;
     actionButton?: React$1.ReactNode;
@@ -205,7 +222,7 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
 }): react_jsx_runtime.JSX.Element | null;
 
 declare const linkVariants: (props?: ({
-    variant?: "default" | "secondary" | "ghost" | "code" | "primary" | "muted" | null | undefined;
+    variant?: "default" | "secondary" | "ghost" | "primary" | "code" | "muted" | null | undefined;
     size?: "sm" | "lg" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
@@ -217,26 +234,6 @@ interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, Var
 }
 declare const Link: React$1.ForwardRefExoticComponent<LinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
 
-declare const sectionVariants: (props?: ({
-    padding?: "sm" | "md" | "lg" | "none" | "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" | "md" | "lg" | "full" | "xl" | null | undefined;
     padding?: "sm" | "md" | "lg" | "none" | null | undefined;
@@ -311,140 +308,6 @@ interface LanguageSelectProps {
 }
 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;
 }
@@ -556,4 +419,20 @@ interface TerminalExample {
     }[];
 }
 
-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, Switch, type SwitchProps, type TerminalExample, TextArea, type TextAreaProps, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Typography, type TypographyProps, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, checkboxVariants, containerVariants, gridVariants, linkVariants, sectionVariants, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };
+interface WindowTab {
+    id: string;
+    label: string;
+}
+interface WindowFrameProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /** Window title shown in the title bar when no tabs are provided */
+    title?: string;
+    /** Optional tabs for switching content */
+    tabs?: WindowTab[];
+    /** Controlled active tab ID */
+    activeTab?: string;
+    /** Callback when a tab is selected */
+    onTabChange?: (tabId: string) => void;
+}
+declare const WindowFrame: React$1.ForwardRefExoticComponent<WindowFrameProps & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, 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, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, 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, Select, type SelectOption, type SelectProps, Switch, type SwitchProps, type TerminalExample, TextArea, type TextAreaProps, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, checkboxVariants, containerVariants, gridVariants, linkVariants, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };