@bergetai/ui 0.3.6 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React$1 from 'react';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
- import { VariantProps } from 'class-variance-authority';
5
4
  import { Button as Button$2 } from '@base-ui/react/button';
5
+ import { VariantProps } from 'class-variance-authority';
6
6
  import * as _base_ui_react from '@base-ui/react';
7
7
  import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
8
8
  import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
@@ -39,17 +39,10 @@ interface ThemeToggleProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
39
39
  declare const ThemeToggle: React$1.ForwardRefExoticComponent<ThemeToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
40
40
 
41
41
  declare const buttonVariants: (props?: ({
42
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
42
+ variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
43
43
  size?: "sm" | "lg" | "default" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
44
44
  } & class_variance_authority_types.ClassProp) | undefined) => string;
45
- interface ButtonProps$1 extends Omit<Button$2.Props, 'className' | 'style' | 'render'>, VariantProps<typeof buttonVariants> {
46
- className?: string;
47
- style?: React$1.CSSProperties;
48
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
49
- asChild?: boolean;
50
- children?: React$1.ReactNode;
51
- }
52
- declare const Button$1: React$1.ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
45
+ declare function Button$1({ className, variant, size, ...props }: Button$2.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime.JSX.Element;
53
46
 
54
47
  /** Variants exposed by the Berget wrapper. */
55
48
  type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
@@ -59,6 +52,8 @@ interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'var
59
52
  variant?: CustomVariant;
60
53
  /** Full width or auto width. */
61
54
  width?: 'default' | 'full';
55
+ /** Render as a different element/component. Replaces the Radix `asChild` prop. */
56
+ asChild?: boolean;
62
57
  ref?: React$1.Ref<HTMLButtonElement>;
63
58
  }
64
59
  declare function Button({ className, variant, size, asChild, width, type, ref, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
@@ -72,11 +67,11 @@ interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'col
72
67
  }
73
68
  declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
74
69
 
75
- declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
76
- declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
77
- declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
78
- declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
79
- declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
70
+ declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
71
+ declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
72
+ declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
73
+ declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
74
+ declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
80
75
 
81
76
  declare const cardVariants: (props?: ({
82
77
  variant?: "outlined" | "filled" | null | undefined;
@@ -97,8 +92,8 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
97
92
  }
98
93
  declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
99
94
 
100
- declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
101
- declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
95
+ declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
96
+ declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
102
97
 
103
98
  declare const alertVariants: (props?: ({
104
99
  variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
@@ -109,7 +104,7 @@ declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefA
109
104
  type AlertTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
110
105
  type AlertDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
111
106
 
112
- declare const Dialog: typeof Dialog$1.Root;
107
+ declare const Dialog: <Payload>(props: Dialog$1.Root.Props<Payload>) => React$1.JSX.Element;
113
108
  type DialogTriggerProps = Omit<Dialog$1.Trigger.Props, 'className' | 'render'> & {
114
109
  className?: string;
115
110
  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
@@ -180,7 +175,7 @@ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<Omit<_ba
180
175
  asChild?: boolean;
181
176
  }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
182
177
 
183
- declare const DropdownMenu: <Payload>(props: Menu.Root.Props<Payload>) => react_jsx_runtime.JSX.Element;
178
+ declare const DropdownMenu: <Payload>(props: Menu.Root.Props<Payload>) => React$1.JSX.Element;
184
179
  type DropdownMenuTriggerProps = Omit<Menu.Trigger.Props, 'className' | 'render'> & {
185
180
  className?: string;
186
181
  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
@@ -197,10 +192,10 @@ declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<Omi
197
192
  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
198
193
  asChild?: boolean;
199
194
  }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
200
- declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.ContextMenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
195
+ declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.MenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
201
196
  className?: string;
202
197
  }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
203
- declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.ContextMenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
198
+ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.MenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
204
199
  className?: string;
205
200
  }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
206
201
  declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "label" | "className" | "render"> & {
@@ -239,35 +234,16 @@ declare const DropdownMenuShortcut: {
239
234
  displayName: string;
240
235
  };
241
236
 
242
- declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<Omit<NavigationMenu$1.Root.Props<any>, "className"> & {
243
- className?: string;
244
- }, "ref"> & React$1.RefAttributes<HTMLElement>>;
245
- declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuListProps, "className"> & {
246
- className?: string;
247
- }, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
248
- declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.NavigationMenuItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
237
+ declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
238
+ declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime.JSX.Element;
239
+ declare function NavigationMenuContent({ className, ...props }: NavigationMenu$1.Content.Props): react_jsx_runtime.JSX.Element;
240
+ declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime.JSX.Element;
241
+
242
+ declare function NavigationMenu({ align, className, children, ...props }: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, 'align'>): react_jsx_runtime.JSX.Element;
249
243
  declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
250
- declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuTriggerProps, "className" | "render"> & {
251
- className?: string;
252
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
253
- asChild?: boolean;
254
- }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
255
- declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuContentProps, "className"> & {
256
- className?: string;
257
- }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
258
- declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuLinkProps, "className" | "render"> & {
259
- className?: string;
260
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
261
- asChild?: boolean;
262
- }, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
263
- declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuPopupProps, "className"> & {
264
- className?: string;
265
- }, "ref"> & React$1.RefAttributes<HTMLElement>>;
266
- declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuIconProps, "className" | "render"> & {
267
- className?: string;
268
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
269
- asChild?: boolean;
270
- }, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
244
+ declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenu$1.Trigger.Props): react_jsx_runtime.JSX.Element;
245
+ declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): react_jsx_runtime.JSX.Element;
246
+ declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): react_jsx_runtime.JSX.Element;
271
247
 
272
248
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
273
249
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -278,16 +254,16 @@ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttribu
278
254
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
279
255
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
280
256
 
281
- declare function ItemGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
257
+ declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
282
258
  declare const itemVariants: (props?: ({
283
259
  variant?: "default" | "outline" | "muted" | null | undefined;
284
- size?: "sm" | "default" | null | undefined;
260
+ size?: "sm" | "default" | "xs" | null | undefined;
285
261
  } & class_variance_authority_types.ClassProp) | undefined) => string;
286
- declare function Item$1({ className, variant, size, render, ...props }: useRender.ComponentProps<'div'> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
287
- declare function ItemContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
288
- declare function ItemActions({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
289
- declare function ItemHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
290
- declare function ItemFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
262
+ declare function Item$1({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
263
+ declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
264
+ declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
265
+ declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
266
+ declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
291
267
 
292
268
  interface ItemProps extends React$1.ComponentProps<typeof Item$1> {
293
269
  variant?: VariantProps<typeof Item$1>['variant'];
@@ -306,9 +282,7 @@ declare const ItemTitle: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAtt
306
282
  /** ItemDescription — override muted text colour. */
307
283
  declare const ItemDescription: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLParagraphElement> & React$1.HTMLAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
308
284
  /** ItemSeparator — override colour. */
309
- declare const ItemSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.SeparatorProps, "orientation"> & {
310
- orientation?: "horizontal" | "vertical";
311
- }, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
285
+ declare const ItemSeparator: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.SeparatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
312
286
 
313
287
  interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
314
288
  icon?: React$1.ReactNode;
@@ -416,25 +390,25 @@ interface TextAreaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
416
390
  }
417
391
  declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
418
392
 
419
- declare const Label: React$1.ForwardRefExoticComponent<React$1.LabelHTMLAttributes<HTMLLabelElement> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
393
+ declare function Label({ className, ...props }: React$1.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
420
394
 
421
- declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): react_jsx_runtime.JSX.Element;
422
- declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
423
- variant?: 'legend' | 'label';
395
+ declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
396
+ declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
397
+ variant?: "legend" | "label";
424
398
  }): react_jsx_runtime.JSX.Element;
425
- declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
399
+ declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
426
400
  declare const fieldVariants: (props?: ({
427
401
  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
428
402
  } & class_variance_authority_types.ClassProp) | undefined) => string;
429
- declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
430
- declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
403
+ declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
404
+ declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
431
405
  declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
432
- declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
433
- declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
434
- declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
406
+ declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
407
+ declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
408
+ declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
435
409
  children?: React.ReactNode;
436
410
  }): react_jsx_runtime.JSX.Element;
437
- declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
411
+ declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
438
412
  errors?: Array<{
439
413
  message?: string;
440
414
  } | undefined>;
@@ -657,4 +631,37 @@ interface WindowFrameProps extends React$1.HTMLAttributes<HTMLDivElement> {
657
631
  }
658
632
  declare const WindowFrame: React$1.ForwardRefExoticComponent<WindowFrameProps & React$1.RefAttributes<HTMLDivElement>>;
659
633
 
660
- 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, 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, 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, NavigationMenuTrigger, NavigationMenuViewport, 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 };
634
+ /**
635
+ * FogIllustration — a volumetric fog raymarcher rendered as chunky
636
+ * 1-bit dither in a given palette.
637
+ *
638
+ * Two GPU passes: the scene is raymarched at low internal resolution
639
+ * (ridged fbm ground, drifting fog volumes, air haze — the fog hides
640
+ * the low resolution), then a full-resolution pass thresholds the
641
+ * scene against a Bayer matrix with hash jitter: ink dots on milk,
642
+ * with moss-tinted dots where fog dominates.
643
+ *
644
+ * The canvas fills its parent element; give the parent a size.
645
+ * Pauses under prefers-reduced-motion after one frame.
646
+ */
647
+ type FogPalette = {
648
+ /** Dark terrain and dither ink. */
649
+ ink: string;
650
+ /** Background the dots sit on. */
651
+ milk: string;
652
+ /** Tint for dots where fog dominates. */
653
+ moss: string;
654
+ };
655
+ /** The Berget brand palette, as rendered sRGB. */
656
+ declare const FOG_BRAND_PALETTE: FogPalette;
657
+ interface FogIllustrationProps {
658
+ /** Colors as hex strings. Unset keys fall back to the brand palette. */
659
+ palette?: Partial<FogPalette>;
660
+ /** Flight speed multiplier @default 1 */
661
+ speed?: number;
662
+ /** Additional CSS classes for the canvas element */
663
+ className?: string;
664
+ }
665
+ declare const FogIllustration: ({ palette, speed, className }: FogIllustrationProps) => react_jsx_runtime.JSX.Element;
666
+
667
+ 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 };
package/dist/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React$1 from 'react';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
- import { VariantProps } from 'class-variance-authority';
5
4
  import { Button as Button$2 } from '@base-ui/react/button';
5
+ import { VariantProps } from 'class-variance-authority';
6
6
  import * as _base_ui_react from '@base-ui/react';
7
7
  import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
8
8
  import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
@@ -39,17 +39,10 @@ interface ThemeToggleProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
39
39
  declare const ThemeToggle: React$1.ForwardRefExoticComponent<ThemeToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
40
40
 
41
41
  declare const buttonVariants: (props?: ({
42
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
42
+ variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
43
43
  size?: "sm" | "lg" | "default" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
44
44
  } & class_variance_authority_types.ClassProp) | undefined) => string;
45
- interface ButtonProps$1 extends Omit<Button$2.Props, 'className' | 'style' | 'render'>, VariantProps<typeof buttonVariants> {
46
- className?: string;
47
- style?: React$1.CSSProperties;
48
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
49
- asChild?: boolean;
50
- children?: React$1.ReactNode;
51
- }
52
- declare const Button$1: React$1.ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
45
+ declare function Button$1({ className, variant, size, ...props }: Button$2.Props & VariantProps<typeof buttonVariants>): react_jsx_runtime.JSX.Element;
53
46
 
54
47
  /** Variants exposed by the Berget wrapper. */
55
48
  type CustomVariant = 'default' | 'primary' | 'destructive' | 'outline' | 'ghost' | 'link';
@@ -59,6 +52,8 @@ interface ButtonProps extends Omit<React$1.ComponentProps<typeof Button$1>, 'var
59
52
  variant?: CustomVariant;
60
53
  /** Full width or auto width. */
61
54
  width?: 'default' | 'full';
55
+ /** Render as a different element/component. Replaces the Radix `asChild` prop. */
56
+ asChild?: boolean;
62
57
  ref?: React$1.Ref<HTMLButtonElement>;
63
58
  }
64
59
  declare function Button({ className, variant, size, asChild, width, type, ref, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
@@ -72,11 +67,11 @@ interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'col
72
67
  }
73
68
  declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & React$1.RefAttributes<HTMLElement>>;
74
69
 
75
- declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
76
- declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
77
- declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
78
- declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
79
- declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
70
+ declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
71
+ declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
72
+ declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
73
+ declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
74
+ declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
80
75
 
81
76
  declare const cardVariants: (props?: ({
82
77
  variant?: "outlined" | "filled" | null | undefined;
@@ -97,8 +92,8 @@ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProp
97
92
  }
98
93
  declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
99
94
 
100
- declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
101
- declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
95
+ declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
96
+ declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
102
97
 
103
98
  declare const alertVariants: (props?: ({
104
99
  variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
@@ -109,7 +104,7 @@ declare const Alert: React$1.ForwardRefExoticComponent<AlertProps & React$1.RefA
109
104
  type AlertTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
110
105
  type AlertDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
111
106
 
112
- declare const Dialog: typeof Dialog$1.Root;
107
+ declare const Dialog: <Payload>(props: Dialog$1.Root.Props<Payload>) => React$1.JSX.Element;
113
108
  type DialogTriggerProps = Omit<Dialog$1.Trigger.Props, 'className' | 'render'> & {
114
109
  className?: string;
115
110
  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
@@ -180,7 +175,7 @@ declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<Omit<_ba
180
175
  asChild?: boolean;
181
176
  }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
182
177
 
183
- declare const DropdownMenu: <Payload>(props: Menu.Root.Props<Payload>) => react_jsx_runtime.JSX.Element;
178
+ declare const DropdownMenu: <Payload>(props: Menu.Root.Props<Payload>) => React$1.JSX.Element;
184
179
  type DropdownMenuTriggerProps = Omit<Menu.Trigger.Props, 'className' | 'render'> & {
185
180
  className?: string;
186
181
  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
@@ -197,10 +192,10 @@ declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<Omi
197
192
  /** Render as a different element/component. Replaces the Radix `asChild` prop. */
198
193
  asChild?: boolean;
199
194
  }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
200
- declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.ContextMenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
195
+ declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.MenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
201
196
  className?: string;
202
197
  }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
203
- declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.ContextMenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
198
+ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "className"> & Pick<_base_ui_react.MenuPositionerProps, "side" | "sideOffset" | "align" | "alignOffset"> & {
204
199
  className?: string;
205
200
  }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
206
201
  declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "label" | "className" | "render"> & {
@@ -239,35 +234,16 @@ declare const DropdownMenuShortcut: {
239
234
  displayName: string;
240
235
  };
241
236
 
242
- declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<Omit<NavigationMenu$1.Root.Props<any>, "className"> & {
243
- className?: string;
244
- }, "ref"> & React$1.RefAttributes<HTMLElement>>;
245
- declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuListProps, "className"> & {
246
- className?: string;
247
- }, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
248
- declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.NavigationMenuItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
237
+ declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime.JSX.Element;
238
+ declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime.JSX.Element;
239
+ declare function NavigationMenuContent({ className, ...props }: NavigationMenu$1.Content.Props): react_jsx_runtime.JSX.Element;
240
+ declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime.JSX.Element;
241
+
242
+ declare function NavigationMenu({ align, className, children, ...props }: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, 'align'>): react_jsx_runtime.JSX.Element;
249
243
  declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
250
- declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuTriggerProps, "className" | "render"> & {
251
- className?: string;
252
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
253
- asChild?: boolean;
254
- }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
255
- declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuContentProps, "className"> & {
256
- className?: string;
257
- }, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
258
- declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuLinkProps, "className" | "render"> & {
259
- className?: string;
260
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
261
- asChild?: boolean;
262
- }, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
263
- declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuPopupProps, "className"> & {
264
- className?: string;
265
- }, "ref"> & React$1.RefAttributes<HTMLElement>>;
266
- declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NavigationMenuIconProps, "className" | "render"> & {
267
- className?: string;
268
- /** Render as a different element/component. Replaces the Radix `asChild` prop. */
269
- asChild?: boolean;
270
- }, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
244
+ declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenu$1.Trigger.Props): react_jsx_runtime.JSX.Element;
245
+ declare function NavigationMenuLink({ className, ...props }: NavigationMenu$1.Link.Props): react_jsx_runtime.JSX.Element;
246
+ declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenu$1.Positioner.Props): react_jsx_runtime.JSX.Element;
271
247
 
272
248
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
273
249
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -278,16 +254,16 @@ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttribu
278
254
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
279
255
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
280
256
 
281
- declare function ItemGroup({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
257
+ declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
282
258
  declare const itemVariants: (props?: ({
283
259
  variant?: "default" | "outline" | "muted" | null | undefined;
284
- size?: "sm" | "default" | null | undefined;
260
+ size?: "sm" | "default" | "xs" | null | undefined;
285
261
  } & class_variance_authority_types.ClassProp) | undefined) => string;
286
- declare function Item$1({ className, variant, size, render, ...props }: useRender.ComponentProps<'div'> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
287
- declare function ItemContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
288
- declare function ItemActions({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
289
- declare function ItemHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
290
- declare function ItemFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
262
+ declare function Item$1({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
263
+ declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
264
+ declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
265
+ declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
266
+ declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
291
267
 
292
268
  interface ItemProps extends React$1.ComponentProps<typeof Item$1> {
293
269
  variant?: VariantProps<typeof Item$1>['variant'];
@@ -306,9 +282,7 @@ declare const ItemTitle: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAtt
306
282
  /** ItemDescription — override muted text colour. */
307
283
  declare const ItemDescription: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLParagraphElement> & React$1.HTMLAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
308
284
  /** ItemSeparator — override colour. */
309
- declare const ItemSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_base_ui_react.SeparatorProps, "orientation"> & {
310
- orientation?: "horizontal" | "vertical";
311
- }, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
285
+ declare const ItemSeparator: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.SeparatorProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
312
286
 
313
287
  interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
314
288
  icon?: React$1.ReactNode;
@@ -416,25 +390,25 @@ interface TextAreaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
416
390
  }
417
391
  declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
418
392
 
419
- declare const Label: React$1.ForwardRefExoticComponent<React$1.LabelHTMLAttributes<HTMLLabelElement> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
393
+ declare function Label({ className, ...props }: React$1.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
420
394
 
421
- declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): react_jsx_runtime.JSX.Element;
422
- declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
423
- variant?: 'legend' | 'label';
395
+ declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
396
+ declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
397
+ variant?: "legend" | "label";
424
398
  }): react_jsx_runtime.JSX.Element;
425
- declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
399
+ declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
426
400
  declare const fieldVariants: (props?: ({
427
401
  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
428
402
  } & class_variance_authority_types.ClassProp) | undefined) => string;
429
- declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
430
- declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
403
+ declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
404
+ declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
431
405
  declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
432
- declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
433
- declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
434
- declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
406
+ declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
407
+ declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
408
+ declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
435
409
  children?: React.ReactNode;
436
410
  }): react_jsx_runtime.JSX.Element;
437
- declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
411
+ declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
438
412
  errors?: Array<{
439
413
  message?: string;
440
414
  } | undefined>;
@@ -657,4 +631,37 @@ interface WindowFrameProps extends React$1.HTMLAttributes<HTMLDivElement> {
657
631
  }
658
632
  declare const WindowFrame: React$1.ForwardRefExoticComponent<WindowFrameProps & React$1.RefAttributes<HTMLDivElement>>;
659
633
 
660
- 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, 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, 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, NavigationMenuTrigger, NavigationMenuViewport, 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 };
634
+ /**
635
+ * FogIllustration — a volumetric fog raymarcher rendered as chunky
636
+ * 1-bit dither in a given palette.
637
+ *
638
+ * Two GPU passes: the scene is raymarched at low internal resolution
639
+ * (ridged fbm ground, drifting fog volumes, air haze — the fog hides
640
+ * the low resolution), then a full-resolution pass thresholds the
641
+ * scene against a Bayer matrix with hash jitter: ink dots on milk,
642
+ * with moss-tinted dots where fog dominates.
643
+ *
644
+ * The canvas fills its parent element; give the parent a size.
645
+ * Pauses under prefers-reduced-motion after one frame.
646
+ */
647
+ type FogPalette = {
648
+ /** Dark terrain and dither ink. */
649
+ ink: string;
650
+ /** Background the dots sit on. */
651
+ milk: string;
652
+ /** Tint for dots where fog dominates. */
653
+ moss: string;
654
+ };
655
+ /** The Berget brand palette, as rendered sRGB. */
656
+ declare const FOG_BRAND_PALETTE: FogPalette;
657
+ interface FogIllustrationProps {
658
+ /** Colors as hex strings. Unset keys fall back to the brand palette. */
659
+ palette?: Partial<FogPalette>;
660
+ /** Flight speed multiplier @default 1 */
661
+ speed?: number;
662
+ /** Additional CSS classes for the canvas element */
663
+ className?: string;
664
+ }
665
+ declare const FogIllustration: ({ palette, speed, className }: FogIllustrationProps) => react_jsx_runtime.JSX.Element;
666
+
667
+ 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 };