@bergetai/ui 0.12.0 → 0.13.0

package/dist/index.d.cts

@@ -13,6 +13,7 @@ import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { Tooltip } from '@base-ui/react/tooltip';
 import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Select as Select$1 } from '@base-ui/react/select';
 import { LucideProps, LucideIcon } from 'lucide-react';
 
 type Theme = 'dark' | 'light' | 'system';
@@ -329,7 +330,7 @@ declare function NavigationMenuTrigger({ className, children, ...props }: Naviga
 declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): react_jsx_runtime.JSX.Element;
 
-declare function Input$1({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
 declare function Separator({ className, orientation, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
 
@@ -358,7 +359,7 @@ declare function Sidebar({ side, variant, collapsible, className, children, dir,
 declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button$1>): react_jsx_runtime.JSX.Element;
 declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
 declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
-declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input$1>): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
 declare function SidebarHeader$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarFooter$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
@@ -411,14 +412,15 @@ declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<t
  *  against the full 60px rail width. */
 declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<typeof SidebarHeader$1>): react_jsx_runtime.JSX.Element;
 /** Berget brand slot for the sidebar header. Fades between the full logo
- *  (expanded) and the symbol pinned to the icon-rail slot (collapsed).
+ *  (expanded) and the symbol (collapsed icon rail).
  *
  *  Implementation notes — all load-bearing:
- *  - The symbol is pinned to the rail slot (60px, px-3) so it appears in its
- *    final position the moment collapse starts — its glyph lines up with the
- *    leading glyph of the full logo, which fades away beneath it. px-3 on both
- *    layers keeps the logo's left inset identical in both states (12px), so
- *    the mark never shifts when toggling.
+ *  - The symbol glides instead of popping: at pl-5 its box sits pixel-perfect
+ *    under the leading glyph of the full logo (both 35.5x32 at x=20), and its
+ *    padding-left animates to pl-3 (centered in the 60px rail) over 200ms
+ *    linear — exactly matching the sidebar width transition. The mark never
+ *    jumps: collapse fades the logotype out while the symbol glides into its
+ *    gliding position; expand reverses it.
  *  - Both layers stay mounted: display isn't animatable, so unmounting the
  *    symbol on expand would blink it off in one frame while the logotype is
  *    still fading in. visibility+opacity handle hiding instead; visibility is
@@ -427,6 +429,9 @@ declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<t
  *  - The row is overflow-hidden and the logo shrink-0: when the rail narrows,
  *    the fading full logo is clipped at the moving edge instead of being
  *    squeezed (the SVG viewBox would otherwise scale it down).
+ *  - px-5 aligns the logo's left edge with the 20px content line of the
+ *    expanded sidebar (menu icons and group-label text both sit at 20px).
+ *    The fading full logo clips under the shrinking rail edge while fading.
  *
  *  Renders its own SidebarHeader (px-0 — the row owns all horizontal padding,
  *  so its position can't jump when the header's icon-mode padding lands).
@@ -481,14 +486,11 @@ declare const ItemDescription: React$1.ForwardRefExoticComponent<Omit<React$1.Cl
 /** ItemSeparator — override colour. */
 declare const ItemSeparator: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.SeparatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-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>>;
+type SearchInputProps = React$1.ComponentProps<'input'>;
+declare const SearchInput: {
+    ({ type, placeholder, className, ref, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 declare const checkboxVariants: (props?: ({
     variant?: "default" | "error" | "success" | null | undefined;
@@ -517,31 +519,18 @@ interface SwitchProps extends Omit<Switch$1.Root.Props, 'className'>, VariantPro
 }
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
 
-declare const selectVariants: (props?: ({
-    variant?: "default" | "primary" | "muted" | "subtle" | null | undefined;
-    size?: "sm" | "lg" | "default" | 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 Select: typeof Select$1.Root;
+declare function SelectGroup({ className, ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ className, ...props }: Select$1.Value.Props): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
 
 /**
  * List of countries supported by Odoo Fiscal Localization
@@ -569,23 +558,7 @@ interface CountrySelectProps {
 }
 declare const CountrySelect: React$1.ForwardRefExoticComponent<CountrySelectProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const textAreaVariants: (props?: ({
-    variant?: "default" | "primary" | "muted" | "subtle" | null | undefined;
-    size?: "sm" | "lg" | "default" | 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 function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
 declare function Label({ className, ...props }: React$1.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
 
@@ -788,4 +761,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, CardAction, 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, 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, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, 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, useSidebar, 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, CardAction, 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, Icon, type IconProps, Input, 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, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TerminalExample, Textarea, 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, switchRootVariants, switchThumbVariants, typographyVariants, useSidebar, useTheme };

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import { Separator as Separator$1 } from '@base-ui/react/separator';
 import { Tooltip } from '@base-ui/react/tooltip';
 import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Select as Select$1 } from '@base-ui/react/select';
 import { LucideProps, LucideIcon } from 'lucide-react';
 
 type Theme = 'dark' | 'light' | 'system';
@@ -329,7 +330,7 @@ declare function NavigationMenuTrigger({ className, children, ...props }: Naviga
 declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): react_jsx_runtime.JSX.Element;
 
-declare function Input$1({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
 declare function Separator({ className, orientation, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
 
@@ -358,7 +359,7 @@ declare function Sidebar({ side, variant, collapsible, className, children, dir,
 declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button$1>): react_jsx_runtime.JSX.Element;
 declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
 declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
-declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input$1>): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
 declare function SidebarHeader$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarFooter$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
@@ -411,14 +412,15 @@ declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<t
  *  against the full 60px rail width. */
 declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<typeof SidebarHeader$1>): react_jsx_runtime.JSX.Element;
 /** Berget brand slot for the sidebar header. Fades between the full logo
- *  (expanded) and the symbol pinned to the icon-rail slot (collapsed).
+ *  (expanded) and the symbol (collapsed icon rail).
  *
  *  Implementation notes — all load-bearing:
- *  - The symbol is pinned to the rail slot (60px, px-3) so it appears in its
- *    final position the moment collapse starts — its glyph lines up with the
- *    leading glyph of the full logo, which fades away beneath it. px-3 on both
- *    layers keeps the logo's left inset identical in both states (12px), so
- *    the mark never shifts when toggling.
+ *  - The symbol glides instead of popping: at pl-5 its box sits pixel-perfect
+ *    under the leading glyph of the full logo (both 35.5x32 at x=20), and its
+ *    padding-left animates to pl-3 (centered in the 60px rail) over 200ms
+ *    linear — exactly matching the sidebar width transition. The mark never
+ *    jumps: collapse fades the logotype out while the symbol glides into its
+ *    gliding position; expand reverses it.
  *  - Both layers stay mounted: display isn't animatable, so unmounting the
  *    symbol on expand would blink it off in one frame while the logotype is
  *    still fading in. visibility+opacity handle hiding instead; visibility is
@@ -427,6 +429,9 @@ declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<t
  *  - The row is overflow-hidden and the logo shrink-0: when the rail narrows,
  *    the fading full logo is clipped at the moving edge instead of being
  *    squeezed (the SVG viewBox would otherwise scale it down).
+ *  - px-5 aligns the logo's left edge with the 20px content line of the
+ *    expanded sidebar (menu icons and group-label text both sit at 20px).
+ *    The fading full logo clips under the shrinking rail edge while fading.
  *
  *  Renders its own SidebarHeader (px-0 — the row owns all horizontal padding,
  *  so its position can't jump when the header's icon-mode padding lands).
@@ -481,14 +486,11 @@ declare const ItemDescription: React$1.ForwardRefExoticComponent<Omit<React$1.Cl
 /** ItemSeparator — override colour. */
 declare const ItemSeparator: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.SeparatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-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>>;
+type SearchInputProps = React$1.ComponentProps<'input'>;
+declare const SearchInput: {
+    ({ type, placeholder, className, ref, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 declare const checkboxVariants: (props?: ({
     variant?: "default" | "error" | "success" | null | undefined;
@@ -517,31 +519,18 @@ interface SwitchProps extends Omit<Switch$1.Root.Props, 'className'>, VariantPro
 }
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
 
-declare const selectVariants: (props?: ({
-    variant?: "default" | "primary" | "muted" | "subtle" | null | undefined;
-    size?: "sm" | "lg" | "default" | 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 Select: typeof Select$1.Root;
+declare function SelectGroup({ className, ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ className, ...props }: Select$1.Value.Props): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
 
 /**
  * List of countries supported by Odoo Fiscal Localization
@@ -569,23 +558,7 @@ interface CountrySelectProps {
 }
 declare const CountrySelect: React$1.ForwardRefExoticComponent<CountrySelectProps & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const textAreaVariants: (props?: ({
-    variant?: "default" | "primary" | "muted" | "subtle" | null | undefined;
-    size?: "sm" | "lg" | "default" | 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 function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
 
 declare function Label({ className, ...props }: React$1.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
 
@@ -788,4 +761,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, CardAction, 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, 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, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, 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, useSidebar, 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, CardAction, 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, Icon, type IconProps, Input, 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, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TerminalExample, Textarea, 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, switchRootVariants, switchThumbVariants, typographyVariants, useSidebar, useTheme };