@bergetai/ui 0.5.0 → 0.7.0

package/dist/index.d.cts

@@ -92,6 +92,87 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
 }
 declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Model families with a bundled brand mark, keyed by the `owned_by` values
+ * returned by `GET /v1/models` (normalized: lowercase, aliases below).
+ */
+type ModelLogoProvider = 'qwen' | 'mistral' | 'kimi' | 'google' | 'zai' | 'berget';
+/** Fallback model categories for models without a brand mark, matching
+ * the `model_type` values in `GET /v1/models` (plus `vision`, which lives
+ * in per-model capabilities). */
+type ModelCategory = 'text' | 'speech-to-text' | 'embedding' | 'rerank' | 'system-one' | 'vision';
+declare const categoryLabels: Record<ModelCategory, string>;
+interface ModelLogoProps extends React$1.SVGAttributes<SVGSVGElement> {
+    /**
+     * Model family to render a brand mark for. Accepts the `owned_by` values
+     * from `GET /v1/models` (e.g. `'moonshotai'`) case-insensitively.
+     */
+    provider?: string;
+    /** Fallback category when `provider` is missing or unknown. */
+    category?: ModelCategory;
+    /** Size (width and height) in pixels. */
+    size?: number;
+}
+/**
+ * ModelLogo — brand mark for a supported model family, falling back to a
+ * category icon for everything else. Renders nothing if no `provider` and
+ * no `category` match.
+ */
+declare const ModelLogo: React$1.ForwardRefExoticComponent<ModelLogoProps & React$1.RefAttributes<SVGSVGElement>>;
+
+/**
+ * ModelCard — a whole-card link tile for presenting AI models in a grid:
+ * provider mark, category eyebrow, model name, optional lifecycle tab,
+ * per-unit price columns, and fine-print capability facts.
+ *
+ * Presentational only: all copy is passed in as props; the card itself
+ * owns no strings and no domain types.
+ */
+/** Lifecycle status shown as a corner tab on the card. */
+type ModelLifecycle = 'preview' | 'active' | 'deprecated';
+
+interface ModelCardProps extends Omit<React$1.ComponentProps<'a'>, 'title' | 'children'> {
+    /** Provider mark, rendered in a bordered square at the top of the card. */
+    icon?: React$1.ReactNode;
+    /**
+     * Model family for the icon square — resolved to a bundled brand mark
+     * (e.g. `'mistralai'`, `'moonshotai'`, `'berget'`). Ignored when `icon`
+     * is set.
+     */
+    provider?: string;
+    /** Fallback category for the icon square when no brand mark exists
+     * (maps to the `model_type` values from `GET /v1/models`). */
+    category?: ModelCategory;
+    /** Small category label above the title (rendered uppercase). */
+    eyebrow?: string;
+    /** The model name — rendered as an `h3` and truncated when too long. */
+    title: React$1.ReactNode;
+    /**
+     * Lifecycle status rendered as a corner tab: `preview` (yellow),
+     * `active` (green), `deprecated` (gray).
+     */
+    lifecycle?: ModelLifecycle;
+    /** Secondary line under the title, e.g. the provider name. */
+    description?: React$1.ReactNode;
+    /** Label-above-value columns, e.g. per-million-token input/output prices. */
+    columns?: {
+        label: React$1.ReactNode;
+        value: React$1.ReactNode;
+    }[];
+    /**
+     * Fine-print capability facts rendered in one uppercase row with
+     * square separators drawn by the card, e.g. ['Vision', '262K context'].
+     */
+    meta?: React$1.ReactNode[];
+    /** Link target for the whole card. */
+    href: string;
+    /** Opens the link in a new tab (adds `target`/`rel`). */
+    external?: boolean;
+    /** Extra content rendered at the bottom of the card. */
+    children?: React$1.ReactNode;
+}
+declare const ModelCard: React$1.ForwardRefExoticComponent<Omit<ModelCardProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
 declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
@@ -664,4 +745,4 @@ interface FogIllustrationProps {
 }
 declare const FogIllustration: ({ palette, speed, className }: FogIllustrationProps) => react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Button, type ButtonProps, COUNTRIES, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, HeroBlock, type HeroBlockProps, Icon, type IconProps, Input, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Select, type SelectOption, type SelectProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, 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, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Button, type ButtonProps, COUNTRIES, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, HeroBlock, type HeroBlockProps, Icon, type IconProps, Input, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Select, type SelectOption, type SelectProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, 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, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };

package/dist/index.d.ts

@@ -92,6 +92,87 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
 }
 declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Model families with a bundled brand mark, keyed by the `owned_by` values
+ * returned by `GET /v1/models` (normalized: lowercase, aliases below).
+ */
+type ModelLogoProvider = 'qwen' | 'mistral' | 'kimi' | 'google' | 'zai' | 'berget';
+/** Fallback model categories for models without a brand mark, matching
+ * the `model_type` values in `GET /v1/models` (plus `vision`, which lives
+ * in per-model capabilities). */
+type ModelCategory = 'text' | 'speech-to-text' | 'embedding' | 'rerank' | 'system-one' | 'vision';
+declare const categoryLabels: Record<ModelCategory, string>;
+interface ModelLogoProps extends React$1.SVGAttributes<SVGSVGElement> {
+    /**
+     * Model family to render a brand mark for. Accepts the `owned_by` values
+     * from `GET /v1/models` (e.g. `'moonshotai'`) case-insensitively.
+     */
+    provider?: string;
+    /** Fallback category when `provider` is missing or unknown. */
+    category?: ModelCategory;
+    /** Size (width and height) in pixels. */
+    size?: number;
+}
+/**
+ * ModelLogo — brand mark for a supported model family, falling back to a
+ * category icon for everything else. Renders nothing if no `provider` and
+ * no `category` match.
+ */
+declare const ModelLogo: React$1.ForwardRefExoticComponent<ModelLogoProps & React$1.RefAttributes<SVGSVGElement>>;
+
+/**
+ * ModelCard — a whole-card link tile for presenting AI models in a grid:
+ * provider mark, category eyebrow, model name, optional lifecycle tab,
+ * per-unit price columns, and fine-print capability facts.
+ *
+ * Presentational only: all copy is passed in as props; the card itself
+ * owns no strings and no domain types.
+ */
+/** Lifecycle status shown as a corner tab on the card. */
+type ModelLifecycle = 'preview' | 'active' | 'deprecated';
+
+interface ModelCardProps extends Omit<React$1.ComponentProps<'a'>, 'title' | 'children'> {
+    /** Provider mark, rendered in a bordered square at the top of the card. */
+    icon?: React$1.ReactNode;
+    /**
+     * Model family for the icon square — resolved to a bundled brand mark
+     * (e.g. `'mistralai'`, `'moonshotai'`, `'berget'`). Ignored when `icon`
+     * is set.
+     */
+    provider?: string;
+    /** Fallback category for the icon square when no brand mark exists
+     * (maps to the `model_type` values from `GET /v1/models`). */
+    category?: ModelCategory;
+    /** Small category label above the title (rendered uppercase). */
+    eyebrow?: string;
+    /** The model name — rendered as an `h3` and truncated when too long. */
+    title: React$1.ReactNode;
+    /**
+     * Lifecycle status rendered as a corner tab: `preview` (yellow),
+     * `active` (green), `deprecated` (gray).
+     */
+    lifecycle?: ModelLifecycle;
+    /** Secondary line under the title, e.g. the provider name. */
+    description?: React$1.ReactNode;
+    /** Label-above-value columns, e.g. per-million-token input/output prices. */
+    columns?: {
+        label: React$1.ReactNode;
+        value: React$1.ReactNode;
+    }[];
+    /**
+     * Fine-print capability facts rendered in one uppercase row with
+     * square separators drawn by the card, e.g. ['Vision', '262K context'].
+     */
+    meta?: React$1.ReactNode[];
+    /** Link target for the whole card. */
+    href: string;
+    /** Opens the link in a new tab (adds `target`/`rel`). */
+    external?: boolean;
+    /** Extra content rendered at the bottom of the card. */
+    children?: React$1.ReactNode;
+}
+declare const ModelCard: React$1.ForwardRefExoticComponent<Omit<ModelCardProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
+
 declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
@@ -664,4 +745,4 @@ interface FogIllustrationProps {
 }
 declare const FogIllustration: ({ palette, speed, className }: FogIllustrationProps) => react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Button, type ButtonProps, COUNTRIES, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, HeroBlock, type HeroBlockProps, Icon, type IconProps, Input, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Select, type SelectOption, type SelectProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, 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, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Button, type ButtonProps, COUNTRIES, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, HeroBlock, type HeroBlockProps, Icon, type IconProps, Input, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Select, type SelectOption, type SelectProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, 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, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, selectVariants, switchRootVariants, switchThumbVariants, textAreaVariants, typographyVariants, useTheme };