@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.cjs +1594 -968
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +78 -71
- package/dist/index.d.ts +78 -71
- package/dist/index.js +1590 -966
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
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" | "
|
|
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
|
-
|
|
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
|
|
76
|
-
declare
|
|
77
|
-
declare
|
|
78
|
-
declare
|
|
79
|
-
declare
|
|
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
|
|
101
|
-
declare
|
|
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:
|
|
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>) =>
|
|
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.
|
|
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.
|
|
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
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
declare
|
|
246
|
-
|
|
247
|
-
|
|
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
|
|
251
|
-
|
|
252
|
-
|
|
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<
|
|
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<
|
|
287
|
-
declare function ItemContent({ className, ...props }: React$1.ComponentProps<
|
|
288
|
-
declare function ItemActions({ className, ...props }: React$1.ComponentProps<
|
|
289
|
-
declare function ItemHeader({ className, ...props }: React$1.ComponentProps<
|
|
290
|
-
declare function ItemFooter({ className, ...props }: React$1.ComponentProps<
|
|
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<
|
|
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
|
|
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<
|
|
422
|
-
declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<
|
|
423
|
-
variant?:
|
|
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<
|
|
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<
|
|
430
|
-
declare function FieldContent({ className, ...props }: React.ComponentProps<
|
|
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<
|
|
433
|
-
declare function FieldDescription({ className, ...props }: React.ComponentProps<
|
|
434
|
-
declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<
|
|
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<
|
|
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
|
-
|
|
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" | "
|
|
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
|
-
|
|
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
|
|
76
|
-
declare
|
|
77
|
-
declare
|
|
78
|
-
declare
|
|
79
|
-
declare
|
|
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
|
|
101
|
-
declare
|
|
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:
|
|
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>) =>
|
|
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.
|
|
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.
|
|
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
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
declare
|
|
246
|
-
|
|
247
|
-
|
|
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
|
|
251
|
-
|
|
252
|
-
|
|
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<
|
|
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<
|
|
287
|
-
declare function ItemContent({ className, ...props }: React$1.ComponentProps<
|
|
288
|
-
declare function ItemActions({ className, ...props }: React$1.ComponentProps<
|
|
289
|
-
declare function ItemHeader({ className, ...props }: React$1.ComponentProps<
|
|
290
|
-
declare function ItemFooter({ className, ...props }: React$1.ComponentProps<
|
|
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<
|
|
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
|
|
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<
|
|
422
|
-
declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<
|
|
423
|
-
variant?:
|
|
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<
|
|
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<
|
|
430
|
-
declare function FieldContent({ className, ...props }: React.ComponentProps<
|
|
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<
|
|
433
|
-
declare function FieldDescription({ className, ...props }: React.ComponentProps<
|
|
434
|
-
declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<
|
|
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<
|
|
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
|
-
|
|
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 };
|