@bergetai/ui 0.14.1 → 0.15.0

package/dist/components/dropdown-menu/DropdownMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.mjs","names":["DropdownMenuTriggerPrimitive","DropdownMenuSubTriggerPrimitive","DropdownMenuSubContentPrimitive","DropdownMenuContentPrimitive","DropdownMenuItemPrimitive","DropdownMenuCheckboxItemPrimitive","DropdownMenuRadioItemPrimitive","DropdownMenuLabelPrimitive","DropdownMenuSeparatorPrimitive","DropdownMenuShortcutPrimitive"],"sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport {\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuContent as DropdownMenuContentPrimitive,\n  DropdownMenuItem as DropdownMenuItemPrimitive,\n  DropdownMenuLabel as DropdownMenuLabelPrimitive,\n  DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\n  DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\n  DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\n  DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\n  DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\n  DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\n} from '../../primitives/dropdown-menu';\nimport { cn, asChildRender } from '../../lib/utils';\n\n/* ------------------------------------------------------------------ */\n/*  Root & inert sub-components (re-exported from the primitive)      */\n/* ------------------------------------------------------------------ */\n\nexport {\n  DropdownMenu,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuRadioGroup,\n} from '../../primitives/dropdown-menu';\n\n/* ------------------------------------------------------------------ */\n/*  Trigger                                                           */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuTriggerProps = Omit<\n  React.ComponentProps<typeof DropdownMenuTriggerPrimitive>,\n  'className' | 'render'\n> & {\n  className?: string;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ asChild, children, ...props }, ref) => (\n    <DropdownMenuTriggerPrimitive ref={ref} render={asChildRender(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DropdownMenuTriggerPrimitive>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  SubTrigger                                                        */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuSubTriggerProps = Omit<\n  React.ComponentProps<typeof DropdownMenuSubTriggerPrimitive>,\n  'className' | 'render'\n> & {\n  className?: string;\n  inset?: boolean;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, asChild, children, ...props }, ref) => (\n    <DropdownMenuSubTriggerPrimitive\n      ref={ref}\n      className={cn(\n        // Berget density & radius; focus/accent styling comes from the primitive.\n        'gap-2 rounded-berget-xs px-2 py-1.5',\n        inset && 'pl-8',\n        className,\n      )}\n      render={asChildRender(asChild, children)}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </DropdownMenuSubTriggerPrimitive>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  SubContent                                                        */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenuSubContentPrimitive>;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  ({ className, ...props }, ref) => (\n    <DropdownMenuSubContentPrimitive\n      ref={ref}\n      className={cn(\n        'rounded-berget-xs bg-berget-popover text-berget-popover-foreground shadow-berget-lg',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                           */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuContentPrimitive>;\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  ({ className, ...props }, ref) => (\n    <DropdownMenuContentPrimitive\n      ref={ref}\n      className={cn(\n        'rounded-berget-xs bg-berget-popover text-berget-popover-foreground shadow-berget-md',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\n/* ------------------------------------------------------------------ */\n/*  Item                                                              */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuItemProps = Omit<\n  React.ComponentProps<typeof DropdownMenuItemPrimitive>,\n  'className' | 'render' | 'label'\n> & {\n  className?: string;\n  inset?: boolean;\n  /** Typeahead label. Replaces the Radix `textValue` prop. */\n  textValue?: string;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  ({ className, inset, asChild, children, textValue, ...props }, ref) => (\n    <DropdownMenuItemPrimitive\n      ref={ref}\n      label={textValue}\n      className={cn(\n        // Berget density & radius; focus accent and destructive variant from the primitive.\n        'gap-2 rounded-berget-xs px-2 py-1.5',\n        inset && 'pl-8',\n        className,\n      )}\n      render={asChildRender(asChild, children)}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </DropdownMenuItemPrimitive>\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\n/* ------------------------------------------------------------------ */\n/*  CheckboxItem                                                      */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuCheckboxItemProps = Omit<\n  React.ComponentProps<typeof DropdownMenuCheckboxItemPrimitive>,\n  'className' | 'render' | 'label'\n> & {\n  className?: string;\n  /** Typeahead label. Replaces the Radix `textValue` prop. */\n  textValue?: string;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, DropdownMenuCheckboxItemProps>(\n  ({ className, children, asChild, textValue, ...props }, ref) => (\n    <DropdownMenuCheckboxItemPrimitive\n      ref={ref}\n      label={textValue}\n      className={cn('rounded-berget-xs', className)}\n      render={asChildRender(asChild, children)}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </DropdownMenuCheckboxItemPrimitive>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\n/* ------------------------------------------------------------------ */\n/*  RadioItem                                                         */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuRadioItemProps = Omit<\n  React.ComponentProps<typeof DropdownMenuRadioItemPrimitive>,\n  'className' | 'render' | 'label'\n> & {\n  className?: string;\n  /** Typeahead label. Replaces the Radix `textValue` prop. */\n  textValue?: string;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, DropdownMenuRadioItemProps>(\n  ({ className, children, asChild, textValue, ...props }, ref) => (\n    <DropdownMenuRadioItemPrimitive\n      ref={ref}\n      label={textValue}\n      className={cn('rounded-berget-xs', className)}\n      render={asChildRender(asChild, children)}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </DropdownMenuRadioItemPrimitive>\n  ),\n);\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\n/* ------------------------------------------------------------------ */\n/*  Label                                                             */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuLabelProps = Omit<\n  React.ComponentProps<typeof DropdownMenuLabelPrimitive>,\n  'className' | 'render'\n> & {\n  className?: string;\n  inset?: boolean;\n  /** Render as a different element/component. Replaces the Radix `asChild` prop. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  ({ className, inset, asChild, children, ...props }, ref) => (\n    <DropdownMenuLabelPrimitive\n      ref={ref}\n      className={cn(\n        'px-2 py-1.5 text-sm font-semibold text-berget-foreground',\n        inset && 'pl-8',\n        className,\n      )}\n      render={asChildRender(asChild, children)}\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </DropdownMenuLabelPrimitive>\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\n/* ------------------------------------------------------------------ */\n/*  Separator                                                         */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuSeparatorProps = Omit<\n  React.ComponentProps<typeof DropdownMenuSeparatorPrimitive>,\n  'className'\n> & { className?: string };\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, DropdownMenuSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <DropdownMenuSeparatorPrimitive\n      ref={ref}\n      className={cn('bg-berget-separator', className)}\n      {...props}\n    />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\n/* ------------------------------------------------------------------ */\n/*  Shortcut                                                          */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuShortcutProps = React.ComponentProps<typeof DropdownMenuShortcutPrimitive>;\n\nconst DropdownMenuShortcut = ({ className, ...props }: DropdownMenuShortcutProps) => {\n  return (\n    <DropdownMenuShortcutPrimitive\n      className={cn('text-berget-muted-foreground', className)}\n      {...props}\n    />\n  );\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\n/* ------------------------------------------------------------------ */\n/*  Exports                                                           */\n/* ------------------------------------------------------------------ */\n\nexport {\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n};\n"],"mappings":";;;;;;AA2CA,MAAM,sBAAsB,MAAM,YAC/B,EAAE,SAAS,UAAU,GAAG,SAAS,QAChC,oBAACA,uBAAD;CAAmC;CAAK,QAAQ,cAAc,SAAS,QAAQ;CAAG,GAAI;CACnF,UAAA,UAAU,KAAA,IAAY;AACK,CAAA,CAElC;AACA,oBAAoB,cAAc;AAgBlC,MAAM,yBAAyB,MAAM,YAClC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,SAAS,QAClD,oBAACC,0BAAD;CACO;CACL,WAAW,GAET,uCACA,SAAS,QACT,SACF;CACA,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACQ,CAAA,CAErC;AACA,uBAAuB,cAAc;AAQrC,MAAM,yBAAyB,MAAM,YAClC,EAAE,WAAW,GAAG,SAAS,QACxB,oBAACC,0BAAD;CACO;CACL,WAAW,GACT,uFACA,SACF;CACA,GAAI;AACL,CAAA,CAEL;AACA,uBAAuB,cAAc;AAQrC,MAAM,sBAAsB,MAAM,YAC/B,EAAE,WAAW,GAAG,SAAS,QACxB,oBAACC,uBAAD;CACO;CACL,WAAW,GACT,uFACA,SACF;CACA,GAAI;AACL,CAAA,CAEL;AACA,oBAAoB,cAAc;AAkBlC,MAAM,mBAAmB,MAAM,YAC5B,EAAE,WAAW,OAAO,SAAS,UAAU,WAAW,GAAG,SAAS,QAC7D,oBAACC,oBAAD;CACO;CACL,OAAO;CACP,WAAW,GAET,uCACA,SAAS,QACT,SACF;CACA,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACE,CAAA,CAE/B;AACA,iBAAiB,cAAc;AAiB/B,MAAM,2BAA2B,MAAM,YACpC,EAAE,WAAW,UAAU,SAAS,WAAW,GAAG,SAAS,QACtD,oBAACC,4BAAD;CACO;CACL,OAAO;CACP,WAAW,GAAG,qBAAqB,SAAS;CAC5C,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACU,CAAA,CAEvC;AACA,yBAAyB,cAAc;AAiBvC,MAAM,wBAAwB,MAAM,YACjC,EAAE,WAAW,UAAU,SAAS,WAAW,GAAG,SAAS,QACtD,oBAACC,yBAAD;CACO;CACL,OAAO;CACP,WAAW,GAAG,qBAAqB,SAAS;CAC5C,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACO,CAAA,CAEpC;AACA,sBAAsB,cAAc;AAgBpC,MAAM,oBAAoB,MAAM,YAC7B,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,SAAS,QAClD,oBAACC,qBAAD;CACO;CACL,WAAW,GACT,4DACA,SAAS,QACT,SACF;CACA,QAAQ,cAAc,SAAS,QAAQ;CACvC,GAAI;CAEH,UAAA,UAAU,KAAA,IAAY;AACG,CAAA,CAEhC;AACA,kBAAkB,cAAc;AAWhC,MAAM,wBAAwB,MAAM,YACjC,EAAE,WAAW,GAAG,SAAS,QACxB,oBAACC,yBAAD;CACO;CACL,WAAW,GAAG,uBAAuB,SAAS;CAC9C,GAAI;AACL,CAAA,CAEL;AACA,sBAAsB,cAAc;AAQpC,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAuC;CACnF,OACE,oBAACC,wBAAD;EACE,WAAW,GAAG,gCAAgC,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AACA,qBAAqB,cAAc"}

package/dist/components/dropdown-menu/index.d.cts

@@ -0,0 +1,3 @@
+import { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub } from "../../primitives/dropdown-menu.cjs";
+import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./DropdownMenu.cjs";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/dropdown-menu/index.d.mts

@@ -0,0 +1,3 @@
+import { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub } from "../../primitives/dropdown-menu.mjs";
+import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./DropdownMenu.mjs";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/empty/Empty.cjs

@@ -0,0 +1,51 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_empty = require("../../primitives/empty.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/empty/Empty.tsx
+/** Empty — pass-through; the primitive contains no Berget-incompatible styling. */
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_empty.Empty, {
+		className,
+		...props
+	});
+}
+/** EmptyMedia — override icon-variant background/foreground with Berget tokens. */
+const EmptyMedia = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_empty.EmptyMedia, {
+		ref,
+		className: require_utils.cn("data-[variant=icon]:bg-berget-empty-media-icon-bg data-[variant=icon]:text-berget-empty-media-icon-fg", className),
+		...props
+	});
+});
+EmptyMedia.displayName = "EmptyMedia";
+/** EmptyTitle — explicit semantic foreground + larger size (primitive defaults to text-sm). */
+const EmptyTitle = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_empty.EmptyTitle, {
+		ref,
+		className: require_utils.cn("text-base text-berget-empty-title-fg", className),
+		...props
+	});
+});
+EmptyTitle.displayName = "EmptyTitle";
+/** EmptyDescription — override muted text colour. */
+const EmptyDescription = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_empty.EmptyDescription, {
+		ref,
+		className: require_utils.cn("text-berget-empty-description-fg", className),
+		...props
+	});
+});
+EmptyDescription.displayName = "EmptyDescription";
+//#endregion
+exports.Empty = Empty;
+exports.EmptyContent = require_empty.EmptyContent;
+exports.EmptyDescription = EmptyDescription;
+exports.EmptyHeader = require_empty.EmptyHeader;
+exports.EmptyMedia = EmptyMedia;
+exports.EmptyTitle = EmptyTitle;
+
+//# sourceMappingURL=Empty.cjs.map

package/dist/components/empty/Empty.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.cjs","names":["EmptyPrimitive","React","EmptyMediaPrimitive","cn","EmptyTitlePrimitive","EmptyDescriptionPrimitive"],"sources":["../../../src/components/empty/Empty.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Empty as EmptyPrimitive,\n  EmptyHeader,\n  EmptyContent,\n  EmptyMedia as EmptyMediaPrimitive,\n  EmptyTitle as EmptyTitlePrimitive,\n  EmptyDescription as EmptyDescriptionPrimitive,\n} from '@/primitives/empty';\n\nexport type EmptyProps = React.ComponentProps<typeof EmptyPrimitive>;\n\n/** Empty — pass-through; the primitive contains no Berget-incompatible styling. */\nexport function Empty({ className, ...props }: EmptyProps) {\n  return <EmptyPrimitive className={className} {...props} />;\n}\n\n/** Re-export unchanged sub-components. */\nexport { EmptyHeader, EmptyContent };\n\n/** EmptyMedia — override icon-variant background/foreground with Berget tokens. */\nexport const EmptyMedia = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof EmptyMediaPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <EmptyMediaPrimitive\n      ref={ref}\n      className={cn(\n        'data-[variant=icon]:bg-berget-empty-media-icon-bg data-[variant=icon]:text-berget-empty-media-icon-fg',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nEmptyMedia.displayName = 'EmptyMedia';\n\n/** EmptyTitle — explicit semantic foreground + larger size (primitive defaults to text-sm). */\nexport const EmptyTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof EmptyTitlePrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <EmptyTitlePrimitive\n      ref={ref}\n      className={cn('text-base text-berget-empty-title-fg', className)}\n      {...props}\n    />\n  );\n});\nEmptyTitle.displayName = 'EmptyTitle';\n\n/** EmptyDescription — override muted text colour. */\nexport const EmptyDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof EmptyDescriptionPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <EmptyDescriptionPrimitive\n      ref={ref}\n      className={cn('text-berget-empty-description-fg', className)}\n      {...props}\n    />\n  );\n});\nEmptyDescription.displayName = 'EmptyDescription';\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAqB;CACzD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,OAAD;EAA2B;EAAW,GAAI;CAAQ,CAAA;AAC3D;;AAMA,MAAa,aAAaC,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,YAAD;EACO;EACL,WAAWC,cAAAA,GACT,yGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AACD,WAAW,cAAc;;AAGzB,MAAa,aAAaF,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,cAAAA,YAAD;EACO;EACL,WAAWD,cAAAA,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,WAAW,cAAc;;AAGzB,MAAa,mBAAmBF,MAAM,YAGnC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,cAAAA,kBAAD;EACO;EACL,WAAWF,cAAAA,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,iBAAiB,cAAc"}

package/dist/components/empty/Empty.d.cts

@@ -0,0 +1,17 @@
+import { Empty as Empty$1, EmptyContent, EmptyHeader } from "../../primitives/empty.cjs";
+import * as React from "react";
+//#region src/components/empty/Empty.d.ts
+export type EmptyProps = React.ComponentProps<typeof Empty$1>;
+/** Empty — pass-through; the primitive contains no Berget-incompatible styling. */
+export declare function Empty({ className, ...props }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+/** EmptyMedia — override icon-variant background/foreground with Berget tokens. */
+export declare const EmptyMedia: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** EmptyTitle — explicit semantic foreground + larger size (primitive defaults to text-sm). */
+export declare const EmptyTitle: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** EmptyDescription — override muted text colour. */
+export declare const EmptyDescription: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { EmptyContent, EmptyHeader };
+//# sourceMappingURL=Empty.d.cts.map

package/dist/components/empty/Empty.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.d.cts","names":["EmptyPrimitive"],"sources":["../../../src/components/empty/Empty.tsx"],"mappings":";;;YAaY,aAAa,MAAM,sBAAsBA;;wBAGrC,QAAQ,cAAc,SAAS,yCAAU,IAAA;;qBAQ5C,YAAU,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,qDAAA,cAAA;;6CAcrB,6CAAA,MAAA,cAAA;;qBAIW,YAAU,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,0BAAA,MAAA,cAAA;;qBAeV,kBAAgB,MAAA,0BAAA,KAAA,MAAA,gBAAA,wBAAA,MAAA,eAAA,gCAAA,MAAA,cAAA"}

package/dist/components/empty/Empty.d.mts

@@ -0,0 +1,17 @@
+import { Empty as Empty$1, EmptyContent, EmptyHeader } from "../../primitives/empty.mjs";
+import * as React from "react";
+//#region src/components/empty/Empty.d.ts
+export type EmptyProps = React.ComponentProps<typeof Empty$1>;
+/** Empty — pass-through; the primitive contains no Berget-incompatible styling. */
+export declare function Empty({ className, ...props }: EmptyProps): import("react/jsx-runtime").JSX.Element;
+/** EmptyMedia — override icon-variant background/foreground with Berget tokens. */
+export declare const EmptyMedia: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** EmptyTitle — explicit semantic foreground + larger size (primitive defaults to text-sm). */
+export declare const EmptyTitle: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** EmptyDescription — override muted text colour. */
+export declare const EmptyDescription: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { EmptyContent, EmptyHeader };
+//# sourceMappingURL=Empty.d.mts.map

package/dist/components/empty/Empty.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.d.mts","names":["EmptyPrimitive"],"sources":["../../../src/components/empty/Empty.tsx"],"mappings":";;;YAaY,aAAa,MAAM,sBAAsBA;;wBAGrC,QAAQ,cAAc,SAAS,yCAAU,IAAA;;qBAQ5C,YAAU,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,qDAAA,cAAA;;6CAcrB,6CAAA,MAAA,cAAA;;qBAIW,YAAU,MAAA,0BAAA,KAAA,MAAA,gBAAA,kBAAA,MAAA,eAAA,0BAAA,MAAA,cAAA;;qBAeV,kBAAgB,MAAA,0BAAA,KAAA,MAAA,gBAAA,wBAAA,MAAA,eAAA,gCAAA,MAAA,cAAA"}

package/dist/components/empty/Empty.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Empty as Empty$1, EmptyContent, EmptyDescription as EmptyDescription$1, EmptyHeader, EmptyMedia as EmptyMedia$1, EmptyTitle as EmptyTitle$1 } from "../../primitives/empty.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/empty/Empty.tsx
+/** Empty — pass-through; the primitive contains no Berget-incompatible styling. */
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Empty$1, {
+		className,
+		...props
+	});
+}
+/** EmptyMedia — override icon-variant background/foreground with Berget tokens. */
+const EmptyMedia = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(EmptyMedia$1, {
+		ref,
+		className: cn("data-[variant=icon]:bg-berget-empty-media-icon-bg data-[variant=icon]:text-berget-empty-media-icon-fg", className),
+		...props
+	});
+});
+EmptyMedia.displayName = "EmptyMedia";
+/** EmptyTitle — explicit semantic foreground + larger size (primitive defaults to text-sm). */
+const EmptyTitle = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(EmptyTitle$1, {
+		ref,
+		className: cn("text-base text-berget-empty-title-fg", className),
+		...props
+	});
+});
+EmptyTitle.displayName = "EmptyTitle";
+/** EmptyDescription — override muted text colour. */
+const EmptyDescription = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(EmptyDescription$1, {
+		ref,
+		className: cn("text-berget-empty-description-fg", className),
+		...props
+	});
+});
+EmptyDescription.displayName = "EmptyDescription";
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+
+//# sourceMappingURL=Empty.mjs.map

package/dist/components/empty/Empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.mjs","names":["EmptyPrimitive","EmptyMediaPrimitive","EmptyTitlePrimitive","EmptyDescriptionPrimitive"],"sources":["../../../src/components/empty/Empty.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport {\n  Empty as EmptyPrimitive,\n  EmptyHeader,\n  EmptyContent,\n  EmptyMedia as EmptyMediaPrimitive,\n  EmptyTitle as EmptyTitlePrimitive,\n  EmptyDescription as EmptyDescriptionPrimitive,\n} from '@/primitives/empty';\n\nexport type EmptyProps = React.ComponentProps<typeof EmptyPrimitive>;\n\n/** Empty — pass-through; the primitive contains no Berget-incompatible styling. */\nexport function Empty({ className, ...props }: EmptyProps) {\n  return <EmptyPrimitive className={className} {...props} />;\n}\n\n/** Re-export unchanged sub-components. */\nexport { EmptyHeader, EmptyContent };\n\n/** EmptyMedia — override icon-variant background/foreground with Berget tokens. */\nexport const EmptyMedia = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof EmptyMediaPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <EmptyMediaPrimitive\n      ref={ref}\n      className={cn(\n        'data-[variant=icon]:bg-berget-empty-media-icon-bg data-[variant=icon]:text-berget-empty-media-icon-fg',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nEmptyMedia.displayName = 'EmptyMedia';\n\n/** EmptyTitle — explicit semantic foreground + larger size (primitive defaults to text-sm). */\nexport const EmptyTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof EmptyTitlePrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <EmptyTitlePrimitive\n      ref={ref}\n      className={cn('text-base text-berget-empty-title-fg', className)}\n      {...props}\n    />\n  );\n});\nEmptyTitle.displayName = 'EmptyTitle';\n\n/** EmptyDescription — override muted text colour. */\nexport const EmptyDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof EmptyDescriptionPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <EmptyDescriptionPrimitive\n      ref={ref}\n      className={cn('text-berget-empty-description-fg', className)}\n      {...props}\n    />\n  );\n});\nEmptyDescription.displayName = 'EmptyDescription';\n"],"mappings":";;;;;;;AAgBA,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAqB;CACzD,OAAO,oBAACA,SAAD;EAA2B;EAAW,GAAI;CAAQ,CAAA;AAC3D;;AAMA,MAAa,aAAa,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,cAAD;EACO;EACL,WAAW,GACT,yGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AACD,WAAW,cAAc;;AAGzB,MAAa,aAAa,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,cAAD;EACO;EACL,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,WAAW,cAAc;;AAGzB,MAAa,mBAAmB,MAAM,YAGnC,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,OACE,oBAACC,oBAAD;EACO;EACL,WAAW,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL,CAAC;AACD,iBAAiB,cAAc"}

package/dist/components/empty/index.d.cts

@@ -0,0 +1,3 @@
+import { EmptyContent, EmptyHeader } from "../../primitives/empty.cjs";
+import { Empty, EmptyDescription, EmptyMedia, EmptyProps, EmptyTitle } from "./Empty.cjs";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle };

package/dist/components/empty/index.d.mts

@@ -0,0 +1,3 @@
+import { EmptyContent, EmptyHeader } from "../../primitives/empty.mjs";
+import { Empty, EmptyDescription, EmptyMedia, EmptyProps, EmptyTitle } from "./Empty.mjs";
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle };

package/dist/components/field/index.d.cts

@@ -0,0 +1,2 @@
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "../../primitives/field.cjs";
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/components/field/index.d.mts

@@ -0,0 +1,2 @@
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "../../primitives/field.mjs";
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/components/fog-illustration/FogIllustration.cjs

@@ -0,0 +1,342 @@
+"use client";
+const require_utils = require("../../lib/utils.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/fog-illustration/FogIllustration.tsx
+/** The Berget brand palette, as rendered sRGB. */
+const FOG_BRAND_PALETTE = {
+	ink: "#171a1a",
+	milk: "#f7f5ed",
+	moss: "#598c6b"
+};
+const hexToRgb = (hex) => {
+	let h = hex.replace("#", "");
+	if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+	const n = Number.parseInt(h, 16);
+	return [
+		(n >> 16 & 255) / 255,
+		(n >> 8 & 255) / 255,
+		(n & 255) / 255
+	];
+};
+const hexToRgbAll = (p) => ({
+	ink: hexToRgb(p.ink),
+	milk: hexToRgb(p.milk),
+	moss: hexToRgb(p.moss)
+});
+const VERT = `#version 300 es
+void main() {
+  vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));
+  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);
+}`;
+/** Pass A — raymarch the foggy terrain at low resolution. */
+const SCENE_FRAG = `#version 300 es
+precision highp float;
+out vec4 outColor;
+uniform vec2 uRes;
+uniform float uTime;
+uniform sampler2D uNoise;
+
+float noise(vec3 x) {
+  // 3D value noise from the 2D random texture — iq's two-slice trick:
+  // z slices are tiled into the u axis, two neighbours mixed by fract(z).
+  vec3 p = floor(x), f = fract(x);
+  f = f * f * (3.0 - 2.0 * f);
+  vec2 uv = (p.xy + vec2(37.0, 239.0) * p.z) + f.xy;
+  vec2 rg = texture(uNoise, (uv + 0.5) / 256.0).xy;
+  return mix(rg.x, rg.y, f.z) * 2.0 - 1.0;
+}
+
+float ground(vec3 pos, int oct) {
+  float f = 0.0;
+  float s = 1.4;
+  vec3 p = pos * s * 0.1;
+  for (int i = 0; i < 6; i++) {
+    if (i >= oct) break;
+    f += abs(noise(p)) * s;
+    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;
+    s /= 2.0;
+  }
+  return (pos.y + f) * 0.8;
+}
+
+float fogD(vec3 pos, int oct) {
+  float f = 0.0;
+  float s = 1.0;
+  vec3 p = pos * 0.7;
+  p += uTime * vec3(0.0, -0.02, 0.02);
+  for (int i = 0; i < 6; i++) {
+    if (i >= oct) break;
+    f += noise(p) * s;
+    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;
+    s /= 1.7;
+  }
+  f += smoothstep(0.2, 0.0, abs(pos.y + 1.0)) * 0.4;
+  f += smoothstep(0.35, 0.15, abs(pos.y - 0.02)) * 0.7;
+  f *= 1.0 - smoothstep(-0.1, 0.55, pos.y);
+  f = smoothstep(0.45, 1.7, f);
+  float g = ground(pos, 2);
+  f *= 1.0 - g / (abs(g) + 0.04);
+  return f;
+}
+
+float airD(vec3 pos) { return exp2(-pos.y / 5.0 - 3.0); }
+
+void main() {
+  float time = uTime * 0.2;
+  vec3 velocity = vec3(1.0, 0.0, 0.0);
+  vec3 camPos = vec3(sin(time * 0.618) * 0.4, 0.62 + 0.08 * sin(time), 0.0) + time * velocity;
+  vec3 camLook = vec3(-1.0, -0.3, 4.0) + (time - sin(time)) * velocity;
+
+  vec2 fc = gl_FragCoord.xy;
+  vec3 ray = vec3((fc - uRes * 0.5) / uRes.x, 1.0);
+  vec3 camDir = normalize(camLook - camPos);
+  vec3 camRight = normalize(cross(vec3(0.0, 1.0, 0.0), camDir));
+  vec3 camUp = cross(camDir, camRight);
+  ray = normalize(ray.x * camRight + ray.y * camUp + ray.z * camDir);
+
+  vec3 sunDir = normalize(vec3(-3.0, 2.0, 1.0));
+
+  vec3 pos = camPos;
+  float absorption = 1.0;
+  float emission = 0.0;
+  float fogFactor = 0.0;
+  float lastStride = 0.0;
+  float lastFog = 0.0;
+  float lastAir = 0.0;
+
+  for (int i = 0; i < 80; i++) {
+    float h = ground(pos, 4);
+    float fog = fogD(pos, 3);
+    float fogIntegral = lastStride * mix(fog, lastFog, 0.5);
+    float air = airD(pos);
+    float airIntegral = lastStride * mix(air, lastAir, 0.5);
+
+    float fogAbsDelta = pow(0.1, fogIntegral);
+    float fogEmiDelta = 1.0 - fogAbsDelta;
+    float shadowStep = 0.07;
+    float shadow = (fog - fogD(pos + sunDir * shadowStep, 2)) / shadowStep;
+    fogEmiDelta *= mix(0.2, 0.85, smoothstep(-1.0, 1.0, shadow));
+
+    float airAbsDelta = pow(0.55, airIntegral);
+    float airEmiDelta = (1.0 - pow(0.55, airIntegral)) * 0.5;
+
+    float absDelta = fogAbsDelta * airAbsDelta;
+    emission += absorption * sqrt(absDelta) * (fogEmiDelta + airEmiDelta);
+    absorption *= absDelta;
+
+    fogFactor = max(fogFactor, (1.0 - absorption) * step(0.05, fog));
+
+    lastFog = fog;
+    lastAir = air;
+    h = min(h, 0.1);
+    lastStride = h;
+    pos += h * ray;
+    if (h < 0.001) break;
+  }
+
+  float brightness;
+  if (absorption > 0.02) {
+    // terrain visible — light it
+    vec2 d = vec2(-1.0, 1.0) * 0.02;
+    vec3 normal = normalize(
+      ground(pos + d.xxx, 5) * d.xxx +
+      ground(pos + d.xyy, 5) * d.xyy +
+      ground(pos + d.yxy, 5) * d.yxy +
+      ground(pos + d.yyx, 5) * d.yyx
+    );
+    float ao = smoothstep(-0.2, 1.5, ground(pos + normal * 0.3, 5) / 0.3);
+    float shade = (0.5 * ao + 0.5 * max(dot(normal, sunDir), 0.0)) * 0.65;
+    brightness = shade * absorption + emission;
+  } else {
+    brightness = emission;
+  }
+
+  // Clear sky — rays that escape upward land on milk, whatever the
+  // haze did. The poster look: light sky, dark ridges, fog between.
+  float sky = smoothstep(-0.15, 0.35, ray.y) * 0.92;
+  brightness = max(brightness, sky * absorption);
+
+  outColor = vec4(clamp(brightness, 0.0, 1.0), clamp(fogFactor, 0.0, 1.0), 0.0, 1.0);
+}`;
+/** Pass B — full-resolution 1-bit dither of the scene. */
+const DITHER_FRAG = `#version 300 es
+precision highp float;
+out vec4 outColor;
+uniform vec2 uRes;
+uniform float uDot;
+uniform sampler2D uScene;
+uniform vec3 uInk;
+uniform vec3 uMilk;
+uniform vec3 uMoss;
+
+float bayer2(vec2 a) { a = floor(a); return fract(a.x / 2.0 + a.y * a.y * 0.75); }
+float bayer4(vec2 a) { return bayer2(0.5 * a) * 0.25 + bayer2(a); }
+float hash12(vec2 p) {
+  vec3 p3 = fract(vec3(p.xyx) * 0.1031);
+  p3 += dot(p3, p3.yzx + 33.33);
+  return fract((p3.x + p3.y) * p3.z);
+}
+
+void main() {
+  // Chunky cells: one dot decision per uDot×uDot block — the dither
+  // reads as visible pixels, not 1px noise.
+  vec2 cell = floor(gl_FragCoord.xy / uDot);
+  vec4 scene = texture(uScene, (cell * uDot + uDot * 0.5) / uRes);
+  float darkness = 1.0 - scene.r;
+  float jitter = (hash12(cell) - 0.5) * 0.3;
+  float on = step(darkness, bayer4(cell) + jitter);
+  vec3 col = scene.g > 0.5 ? uMoss : uInk;
+  outColor = vec4(mix(col, uMilk, on), 1.0);
+}`;
+const compile = (gl, type, src) => {
+	const sh = gl.createShader(type);
+	if (!sh) throw new Error("shader creation failed");
+	gl.shaderSource(sh, src);
+	gl.compileShader(sh);
+	if (!gl.getShaderParameter(sh, gl.COMPILE_STATUS)) throw new Error(gl.getShaderInfoLog(sh) || "shader compile failed");
+	return sh;
+};
+const program = (gl, frag) => {
+	const p = gl.createProgram();
+	if (!p) throw new Error("program creation failed");
+	gl.attachShader(p, compile(gl, gl.VERTEX_SHADER, VERT));
+	gl.attachShader(p, compile(gl, gl.FRAGMENT_SHADER, frag));
+	gl.linkProgram(p);
+	if (!gl.getProgramParameter(p, gl.LINK_STATUS)) throw new Error(gl.getProgramInfoLog(p) || "program link failed");
+	return p;
+};
+const FogIllustration = ({ palette, speed = 1, className }) => {
+	const ref = (0, react.useRef)(null);
+	const live = (0, react.useRef)({
+		palette: {
+			...FOG_BRAND_PALETTE,
+			...palette
+		},
+		speed
+	});
+	live.current = {
+		palette: {
+			...FOG_BRAND_PALETTE,
+			...palette
+		},
+		speed
+	};
+	(0, react.useEffect)(() => {
+		const canvas = ref.current;
+		const parent = canvas?.parentElement;
+		if (!canvas || !parent) return;
+		const gl = canvas.getContext("webgl2", {
+			antialias: false,
+			alpha: false,
+			preserveDrawingBuffer: true
+		});
+		if (!gl) return;
+		let sceneProg;
+		let ditherProg;
+		try {
+			sceneProg = program(gl, SCENE_FRAG);
+			ditherProg = program(gl, DITHER_FRAG);
+		} catch (err) {
+			console.error("fog shader failed:", err);
+			return;
+		}
+		const noiseTex = gl.createTexture();
+		gl.bindTexture(gl.TEXTURE_2D, noiseTex);
+		const N = 256;
+		const data = new Uint8Array(N * N * 4);
+		for (let i = 0; i < data.length; i += 4) {
+			data[i] = Math.random() * 256;
+			data[i + 1] = Math.random() * 256;
+			data[i + 2] = Math.random() * 256;
+			data[i + 3] = 255;
+		}
+		gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, N, N, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+		const sceneTex = gl.createTexture();
+		gl.bindTexture(gl.TEXTURE_2D, sceneTex);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+		gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+		const fbo = gl.createFramebuffer();
+		const SCALE = .3;
+		const reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+		const start = performance.now();
+		let raf = 0;
+		let last = 0;
+		const render = (elapsed) => {
+			const w = parent.clientWidth;
+			const h = parent.clientHeight;
+			if (w === 0 || h === 0) return;
+			const dpr = Math.min(window.devicePixelRatio || 1, 2);
+			if (canvas.width !== Math.round(w * dpr) || canvas.height !== Math.round(h * dpr)) {
+				canvas.width = Math.round(w * dpr);
+				canvas.height = Math.round(h * dpr);
+			}
+			const sceneW = Math.max(64, Math.round(w * SCALE));
+			const sceneH = Math.max(64, Math.round(h * SCALE));
+			gl.bindTexture(gl.TEXTURE_2D, sceneTex);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, sceneW, sceneH, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
+			const t = elapsed * live.current.speed;
+			gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);
+			gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, sceneTex, 0);
+			gl.viewport(0, 0, sceneW, sceneH);
+			gl.useProgram(sceneProg);
+			gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, noiseTex);
+			gl.uniform1i(gl.getUniformLocation(sceneProg, "uNoise"), 0);
+			gl.uniform2f(gl.getUniformLocation(sceneProg, "uRes"), sceneW, sceneH);
+			gl.uniform1f(gl.getUniformLocation(sceneProg, "uTime"), t);
+			gl.drawArrays(gl.TRIANGLES, 0, 3);
+			const { ink, milk, moss } = hexToRgbAll(live.current.palette);
+			gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+			gl.viewport(0, 0, canvas.width, canvas.height);
+			gl.useProgram(ditherProg);
+			gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, sceneTex);
+			gl.uniform1i(gl.getUniformLocation(ditherProg, "uScene"), 0);
+			gl.uniform2f(gl.getUniformLocation(ditherProg, "uRes"), canvas.width, canvas.height);
+			gl.uniform1f(gl.getUniformLocation(ditherProg, "uDot"), Math.max(3, Math.round(dpr * 2)));
+			gl.uniform3f(gl.getUniformLocation(ditherProg, "uInk"), ...ink);
+			gl.uniform3f(gl.getUniformLocation(ditherProg, "uMilk"), ...milk);
+			gl.uniform3f(gl.getUniformLocation(ditherProg, "uMoss"), ...moss);
+			gl.drawArrays(gl.TRIANGLES, 0, 3);
+		};
+		render(0);
+		if (!reduced) {
+			const frame = (now) => {
+				if (now - last >= 1e3 / 30) {
+					last = now;
+					render((now - start) / 1e3);
+				}
+				raf = requestAnimationFrame(frame);
+			};
+			raf = requestAnimationFrame(frame);
+		}
+		const observer = new ResizeObserver(() => render((performance.now() - start) / 1e3));
+		observer.observe(parent);
+		return () => {
+			cancelAnimationFrame(raf);
+			observer.disconnect();
+			gl.deleteProgram(sceneProg);
+			gl.deleteProgram(ditherProg);
+			gl.deleteTexture(noiseTex);
+			gl.deleteTexture(sceneTex);
+			gl.deleteFramebuffer(fbo);
+		};
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+		ref,
+		"aria-hidden": "true",
+		className: require_utils.cn("size-full", className)
+	});
+};
+//#endregion
+exports.FOG_BRAND_PALETTE = FOG_BRAND_PALETTE;
+exports.FogIllustration = FogIllustration;
+
+//# sourceMappingURL=FogIllustration.cjs.map

package/dist/components/fog-illustration/FogIllustration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FogIllustration.cjs","names":["useRef","cn"],"sources":["../../../src/components/fog-illustration/FogIllustration.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { cn } from '../../lib/utils';\n\n/**\n * FogIllustration — a volumetric fog raymarcher rendered as chunky\n * 1-bit dither in a given palette.\n *\n * Two GPU passes: the scene is raymarched at low internal resolution\n * (ridged fbm ground, drifting fog volumes, air haze — the fog hides\n * the low resolution), then a full-resolution pass thresholds the\n * scene against a Bayer matrix with hash jitter: ink dots on milk,\n * with moss-tinted dots where fog dominates.\n *\n * The canvas fills its parent element; give the parent a size.\n * Pauses under prefers-reduced-motion after one frame.\n */\n\nexport type FogPalette = {\n  /** Dark terrain and dither ink. */\n  ink: string;\n  /** Background the dots sit on. */\n  milk: string;\n  /** Tint for dots where fog dominates. */\n  moss: string;\n};\n\n/** The Berget brand palette, as rendered sRGB. */\nexport const FOG_BRAND_PALETTE: FogPalette = {\n  ink: '#171a1a',\n  milk: '#f7f5ed',\n  moss: '#598c6b',\n};\n\nexport interface FogIllustrationProps {\n  /** Colors as hex strings. Unset keys fall back to the brand palette. */\n  palette?: Partial<FogPalette>;\n  /** Flight speed multiplier @default 1 */\n  speed?: number;\n  /** Additional CSS classes for the canvas element */\n  className?: string;\n}\n\nconst hexToRgb = (hex: string): [number, number, number] => {\n  let h = hex.replace('#', '');\n  if (h.length === 3)\n    h = h\n      .split('')\n      .map((c) => c + c)\n      .join('');\n  const n = Number.parseInt(h, 16);\n  return [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255];\n};\n\nconst hexToRgbAll = (p: FogPalette) => ({\n  ink: hexToRgb(p.ink),\n  milk: hexToRgb(p.milk),\n  moss: hexToRgb(p.moss),\n});\n\nconst VERT = `#version 300 es\nvoid main() {\n  vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));\n  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);\n}`;\n\n/** Pass A — raymarch the foggy terrain at low resolution. */\nconst SCENE_FRAG = `#version 300 es\nprecision highp float;\nout vec4 outColor;\nuniform vec2 uRes;\nuniform float uTime;\nuniform sampler2D uNoise;\n\nfloat noise(vec3 x) {\n  // 3D value noise from the 2D random texture — iq's two-slice trick:\n  // z slices are tiled into the u axis, two neighbours mixed by fract(z).\n  vec3 p = floor(x), f = fract(x);\n  f = f * f * (3.0 - 2.0 * f);\n  vec2 uv = (p.xy + vec2(37.0, 239.0) * p.z) + f.xy;\n  vec2 rg = texture(uNoise, (uv + 0.5) / 256.0).xy;\n  return mix(rg.x, rg.y, f.z) * 2.0 - 1.0;\n}\n\nfloat ground(vec3 pos, int oct) {\n  float f = 0.0;\n  float s = 1.4;\n  vec3 p = pos * s * 0.1;\n  for (int i = 0; i < 6; i++) {\n    if (i >= oct) break;\n    f += abs(noise(p)) * s;\n    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;\n    s /= 2.0;\n  }\n  return (pos.y + f) * 0.8;\n}\n\nfloat fogD(vec3 pos, int oct) {\n  float f = 0.0;\n  float s = 1.0;\n  vec3 p = pos * 0.7;\n  p += uTime * vec3(0.0, -0.02, 0.02);\n  for (int i = 0; i < 6; i++) {\n    if (i >= oct) break;\n    f += noise(p) * s;\n    p = vec3(p.z * 5.0, p.xy * 3.0 + p.yx * 4.0 * vec2(1, -1)) * 2.0 / 5.0;\n    s /= 1.7;\n  }\n  f += smoothstep(0.2, 0.0, abs(pos.y + 1.0)) * 0.4;\n  f += smoothstep(0.35, 0.15, abs(pos.y - 0.02)) * 0.7;\n  f *= 1.0 - smoothstep(-0.1, 0.55, pos.y);\n  f = smoothstep(0.45, 1.7, f);\n  float g = ground(pos, 2);\n  f *= 1.0 - g / (abs(g) + 0.04);\n  return f;\n}\n\nfloat airD(vec3 pos) { return exp2(-pos.y / 5.0 - 3.0); }\n\nvoid main() {\n  float time = uTime * 0.2;\n  vec3 velocity = vec3(1.0, 0.0, 0.0);\n  vec3 camPos = vec3(sin(time * 0.618) * 0.4, 0.62 + 0.08 * sin(time), 0.0) + time * velocity;\n  vec3 camLook = vec3(-1.0, -0.3, 4.0) + (time - sin(time)) * velocity;\n\n  vec2 fc = gl_FragCoord.xy;\n  vec3 ray = vec3((fc - uRes * 0.5) / uRes.x, 1.0);\n  vec3 camDir = normalize(camLook - camPos);\n  vec3 camRight = normalize(cross(vec3(0.0, 1.0, 0.0), camDir));\n  vec3 camUp = cross(camDir, camRight);\n  ray = normalize(ray.x * camRight + ray.y * camUp + ray.z * camDir);\n\n  vec3 sunDir = normalize(vec3(-3.0, 2.0, 1.0));\n\n  vec3 pos = camPos;\n  float absorption = 1.0;\n  float emission = 0.0;\n  float fogFactor = 0.0;\n  float lastStride = 0.0;\n  float lastFog = 0.0;\n  float lastAir = 0.0;\n\n  for (int i = 0; i < 80; i++) {\n    float h = ground(pos, 4);\n    float fog = fogD(pos, 3);\n    float fogIntegral = lastStride * mix(fog, lastFog, 0.5);\n    float air = airD(pos);\n    float airIntegral = lastStride * mix(air, lastAir, 0.5);\n\n    float fogAbsDelta = pow(0.1, fogIntegral);\n    float fogEmiDelta = 1.0 - fogAbsDelta;\n    float shadowStep = 0.07;\n    float shadow = (fog - fogD(pos + sunDir * shadowStep, 2)) / shadowStep;\n    fogEmiDelta *= mix(0.2, 0.85, smoothstep(-1.0, 1.0, shadow));\n\n    float airAbsDelta = pow(0.55, airIntegral);\n    float airEmiDelta = (1.0 - pow(0.55, airIntegral)) * 0.5;\n\n    float absDelta = fogAbsDelta * airAbsDelta;\n    emission += absorption * sqrt(absDelta) * (fogEmiDelta + airEmiDelta);\n    absorption *= absDelta;\n\n    fogFactor = max(fogFactor, (1.0 - absorption) * step(0.05, fog));\n\n    lastFog = fog;\n    lastAir = air;\n    h = min(h, 0.1);\n    lastStride = h;\n    pos += h * ray;\n    if (h < 0.001) break;\n  }\n\n  float brightness;\n  if (absorption > 0.02) {\n    // terrain visible — light it\n    vec2 d = vec2(-1.0, 1.0) * 0.02;\n    vec3 normal = normalize(\n      ground(pos + d.xxx, 5) * d.xxx +\n      ground(pos + d.xyy, 5) * d.xyy +\n      ground(pos + d.yxy, 5) * d.yxy +\n      ground(pos + d.yyx, 5) * d.yyx\n    );\n    float ao = smoothstep(-0.2, 1.5, ground(pos + normal * 0.3, 5) / 0.3);\n    float shade = (0.5 * ao + 0.5 * max(dot(normal, sunDir), 0.0)) * 0.65;\n    brightness = shade * absorption + emission;\n  } else {\n    brightness = emission;\n  }\n\n  // Clear sky — rays that escape upward land on milk, whatever the\n  // haze did. The poster look: light sky, dark ridges, fog between.\n  float sky = smoothstep(-0.15, 0.35, ray.y) * 0.92;\n  brightness = max(brightness, sky * absorption);\n\n  outColor = vec4(clamp(brightness, 0.0, 1.0), clamp(fogFactor, 0.0, 1.0), 0.0, 1.0);\n}`;\n\n/** Pass B — full-resolution 1-bit dither of the scene. */\nconst DITHER_FRAG = `#version 300 es\nprecision highp float;\nout vec4 outColor;\nuniform vec2 uRes;\nuniform float uDot;\nuniform sampler2D uScene;\nuniform vec3 uInk;\nuniform vec3 uMilk;\nuniform vec3 uMoss;\n\nfloat bayer2(vec2 a) { a = floor(a); return fract(a.x / 2.0 + a.y * a.y * 0.75); }\nfloat bayer4(vec2 a) { return bayer2(0.5 * a) * 0.25 + bayer2(a); }\nfloat hash12(vec2 p) {\n  vec3 p3 = fract(vec3(p.xyx) * 0.1031);\n  p3 += dot(p3, p3.yzx + 33.33);\n  return fract((p3.x + p3.y) * p3.z);\n}\n\nvoid main() {\n  // Chunky cells: one dot decision per uDot×uDot block — the dither\n  // reads as visible pixels, not 1px noise.\n  vec2 cell = floor(gl_FragCoord.xy / uDot);\n  vec4 scene = texture(uScene, (cell * uDot + uDot * 0.5) / uRes);\n  float darkness = 1.0 - scene.r;\n  float jitter = (hash12(cell) - 0.5) * 0.3;\n  float on = step(darkness, bayer4(cell) + jitter);\n  vec3 col = scene.g > 0.5 ? uMoss : uInk;\n  outColor = vec4(mix(col, uMilk, on), 1.0);\n}`;\n\nconst compile = (gl: WebGL2RenderingContext, type: number, src: string): WebGLShader => {\n  const sh = gl.createShader(type);\n  if (!sh) throw new Error('shader creation failed');\n  gl.shaderSource(sh, src);\n  gl.compileShader(sh);\n  if (!gl.getShaderParameter(sh, gl.COMPILE_STATUS)) {\n    throw new Error(gl.getShaderInfoLog(sh) || 'shader compile failed');\n  }\n  return sh;\n};\n\nconst program = (gl: WebGL2RenderingContext, frag: string): WebGLProgram => {\n  const p = gl.createProgram();\n  if (!p) throw new Error('program creation failed');\n  gl.attachShader(p, compile(gl, gl.VERTEX_SHADER, VERT));\n  gl.attachShader(p, compile(gl, gl.FRAGMENT_SHADER, frag));\n  gl.linkProgram(p);\n  if (!gl.getProgramParameter(p, gl.LINK_STATUS)) {\n    throw new Error(gl.getProgramInfoLog(p) || 'program link failed');\n  }\n  return p;\n};\n\nexport const FogIllustration = ({ palette, speed = 1, className }: FogIllustrationProps) => {\n  const ref = useRef<HTMLCanvasElement>(null);\n  // Live props — the GL setup runs once; palette and speed changes\n  // apply on the next frame without rebuilding the context.\n  const live = useRef({ palette: { ...FOG_BRAND_PALETTE, ...palette }, speed });\n  live.current = { palette: { ...FOG_BRAND_PALETTE, ...palette }, speed };\n\n  useEffect(() => {\n    const canvas = ref.current;\n    const parent = canvas?.parentElement;\n    if (!canvas || !parent) return;\n\n    // preserveDrawingBuffer keeps the frame readable for screenshots —\n    // the cost is negligible for a decorative illustration.\n    const gl = canvas.getContext('webgl2', {\n      antialias: false,\n      alpha: false,\n      preserveDrawingBuffer: true,\n    });\n    if (!gl) return;\n\n    let sceneProg: WebGLProgram;\n    let ditherProg: WebGLProgram;\n    try {\n      sceneProg = program(gl, SCENE_FRAG);\n      ditherProg = program(gl, DITHER_FRAG);\n    } catch (err) {\n      console.error('fog shader failed:', err);\n      return; // shader failed — leave the panel empty rather than broken\n    }\n\n    // Noise texture — the Shadertoy iChannel1 stand-in.\n    const noiseTex = gl.createTexture();\n    gl.bindTexture(gl.TEXTURE_2D, noiseTex);\n    const N = 256;\n    const data = new Uint8Array(N * N * 4);\n    for (let i = 0; i < data.length; i += 4) {\n      data[i] = Math.random() * 256;\n      data[i + 1] = Math.random() * 256;\n      data[i + 2] = Math.random() * 256;\n      data[i + 3] = 255;\n    }\n    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, N, N, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n\n    // Low-res scene target.\n    const sceneTex = gl.createTexture();\n    gl.bindTexture(gl.TEXTURE_2D, sceneTex);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n    const fbo = gl.createFramebuffer();\n\n    const SCALE = 0.3; // internal raymarch resolution\n    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const start = performance.now();\n    let raf = 0;\n    let last = 0;\n\n    const render = (elapsed: number) => {\n      const w = parent.clientWidth;\n      const h = parent.clientHeight;\n      if (w === 0 || h === 0) return;\n      const dpr = Math.min(window.devicePixelRatio || 1, 2);\n      if (canvas.width !== Math.round(w * dpr) || canvas.height !== Math.round(h * dpr)) {\n        canvas.width = Math.round(w * dpr);\n        canvas.height = Math.round(h * dpr);\n      }\n      const sceneW = Math.max(64, Math.round(w * SCALE));\n      const sceneH = Math.max(64, Math.round(h * SCALE));\n      gl.bindTexture(gl.TEXTURE_2D, sceneTex);\n      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, sceneW, sceneH, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);\n\n      const t = elapsed * live.current.speed;\n\n      // Pass A — scene at low resolution.\n      gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\n      gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, sceneTex, 0);\n      gl.viewport(0, 0, sceneW, sceneH);\n      gl.useProgram(sceneProg);\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, noiseTex);\n      gl.uniform1i(gl.getUniformLocation(sceneProg, 'uNoise'), 0);\n      gl.uniform2f(gl.getUniformLocation(sceneProg, 'uRes'), sceneW, sceneH);\n      gl.uniform1f(gl.getUniformLocation(sceneProg, 'uTime'), t);\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n\n      // Pass B — dither at full resolution.\n      const { ink, milk, moss } = hexToRgbAll(live.current.palette);\n      gl.bindFramebuffer(gl.FRAMEBUFFER, null);\n      gl.viewport(0, 0, canvas.width, canvas.height);\n      gl.useProgram(ditherProg);\n      gl.activeTexture(gl.TEXTURE0);\n      gl.bindTexture(gl.TEXTURE_2D, sceneTex);\n      gl.uniform1i(gl.getUniformLocation(ditherProg, 'uScene'), 0);\n      gl.uniform2f(gl.getUniformLocation(ditherProg, 'uRes'), canvas.width, canvas.height);\n      gl.uniform1f(gl.getUniformLocation(ditherProg, 'uDot'), Math.max(3, Math.round(dpr * 2)));\n      gl.uniform3f(gl.getUniformLocation(ditherProg, 'uInk'), ...ink);\n      gl.uniform3f(gl.getUniformLocation(ditherProg, 'uMilk'), ...milk);\n      gl.uniform3f(gl.getUniformLocation(ditherProg, 'uMoss'), ...moss);\n      gl.drawArrays(gl.TRIANGLES, 0, 3);\n    };\n\n    render(0);\n    if (!reduced) {\n      const frame = (now: number) => {\n        if (now - last >= 1000 / 30) {\n          last = now;\n          render((now - start) / 1000);\n        }\n        raf = requestAnimationFrame(frame);\n      };\n      raf = requestAnimationFrame(frame);\n    }\n    const observer = new ResizeObserver(() => render((performance.now() - start) / 1000));\n    observer.observe(parent);\n\n    return () => {\n      cancelAnimationFrame(raf);\n      observer.disconnect();\n      gl.deleteProgram(sceneProg);\n      gl.deleteProgram(ditherProg);\n      gl.deleteTexture(noiseTex);\n      gl.deleteTexture(sceneTex);\n      gl.deleteFramebuffer(fbo);\n    };\n  }, []);\n\n  return <canvas ref={ref} aria-hidden=\"true\" className={cn('size-full', className)} />;\n};\n"],"mappings":"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"}

package/dist/components/fog-illustration/FogIllustration.d.cts

@@ -0,0 +1,35 @@
+//#region src/components/fog-illustration/FogIllustration.d.ts
+/**
+ * FogIllustration — a volumetric fog raymarcher rendered as chunky
+ * 1-bit dither in a given palette.
+ *
+ * Two GPU passes: the scene is raymarched at low internal resolution
+ * (ridged fbm ground, drifting fog volumes, air haze — the fog hides
+ * the low resolution), then a full-resolution pass thresholds the
+ * scene against a Bayer matrix with hash jitter: ink dots on milk,
+ * with moss-tinted dots where fog dominates.
+ *
+ * The canvas fills its parent element; give the parent a size.
+ * Pauses under prefers-reduced-motion after one frame.
+ */
+export type FogPalette = {
+  /** Dark terrain and dither ink. */
+  ink: string;
+  /** Background the dots sit on. */
+  milk: string;
+  /** Tint for dots where fog dominates. */
+  moss: string;
+};
+/** The Berget brand palette, as rendered sRGB. */
+export declare const FOG_BRAND_PALETTE: FogPalette;
+export interface FogIllustrationProps {
+  /** Colors as hex strings. Unset keys fall back to the brand palette. */
+  palette?: Partial<FogPalette>;
+  /** Flight speed multiplier @default 1 */
+  speed?: number;
+  /** Additional CSS classes for the canvas element */
+  className?: string;
+}
+export declare const FogIllustration: ({ palette, speed, className }: FogIllustrationProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=FogIllustration.d.cts.map