@bergetai/ui 0.1.90 → 0.1.92

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   getHighlighter
-} from "./chunk-SJTRISLQ.js";
+} from "./chunk-3LBFYXI6.js";
 
 // src/components/theme-provider/ThemeProvider.tsx
 import * as React from "react";
@@ -196,9 +196,6 @@ var ThemeToggle = React2.forwardRef(
 );
 ThemeToggle.displayName = "ThemeToggle";
 
-// src/components/button/Button.tsx
-import * as React4 from "react";
-
 // src/primitives/button.tsx
 import * as React3 from "react";
 import { cva } from "class-variance-authority";
@@ -242,8 +239,7 @@ var Button = React3.forwardRef(
 Button.displayName = "Button";
 
 // src/components/button/Button.tsx
-import { Loader2 } from "lucide-react";
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function brandVariantClasses(variant) {
   switch (variant) {
     case "primary":
@@ -270,65 +266,34 @@ function primitiveVariant(variant) {
       return variant;
   }
 }
-var Button2 = React4.forwardRef(
-  ({
-    className,
-    variant = "default",
-    size,
-    asChild = false,
-    isLoading = false,
-    width = "default",
-    type = "button",
-    children,
-    ...props
-  }, ref) => {
-    const isIcon = typeof size === "string" && size.startsWith("icon");
-    const isLink = variant === "link";
-    const baseClass = cn(
-      !isLink && buttonVariants({ variant: primitiveVariant(variant), size }),
-      // Berget brand overrides
-      !isLink && "rounded-full",
-      brandVariantClasses(variant),
-      !isLink && width === "full" && "w-full",
-      isIcon && "rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]",
-      className
-    );
-    if (asChild) {
-      return /* @__PURE__ */ jsx4(
-        Button,
-        {
-          className: baseClass,
-          ref,
-          asChild: true,
-          type,
-          "aria-disabled": isLoading || void 0,
-          "aria-busy": isLoading || void 0,
-          ...props,
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx4(
-      Button,
-      {
-        className: baseClass,
-        ref,
-        type,
-        "aria-disabled": isLoading || void 0,
-        "aria-busy": isLoading || void 0,
-        ...props,
-        children: /* @__PURE__ */ jsx4("span", { className: cn("inline-flex items-center", !isIcon && "gap-2"), children: isLoading ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx4(Loader2, { className: "animate-spin", size: 16, "aria-hidden": "true" }),
-          !isIcon && children
-        ] }) : children })
-      }
-    );
-  }
-);
-Button2.displayName = "Button";
+function Button2({
+  className,
+  variant = "default",
+  size,
+  asChild = false,
+  width = "default",
+  type = "button",
+  ref,
+  children,
+  ...props
+}) {
+  const isIcon = typeof size === "string" && size.startsWith("icon");
+  const isLink = variant === "link";
+  const baseClass = cn(
+    !isLink && buttonVariants({ variant: primitiveVariant(variant), size }),
+    // Berget brand overrides
+    !isLink && "rounded-full",
+    brandVariantClasses(variant),
+    !isLink && width === "full" && "w-full",
+    isIcon && "rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]",
+    className
+  );
+  const content = /* @__PURE__ */ jsx4("span", { className: cn("inline-flex items-center", !isIcon && "gap-2"), children });
+  return /* @__PURE__ */ jsx4(Button, { className: baseClass, ref, asChild, type, ...props, children: asChild ? children : content });
+}
 
 // src/components/typography/Typography.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 import { cva as cva2 } from "class-variance-authority";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var typographyVariants = cva2("", {
@@ -375,7 +340,7 @@ var defaultElementMap = {
   mono: "p",
   code: "span"
 };
-var Typography = React5.forwardRef(
+var Typography = React4.forwardRef(
   ({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
     const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
     return /* @__PURE__ */ jsx5(
@@ -392,13 +357,13 @@ var Typography = React5.forwardRef(
 Typography.displayName = "Typography";
 
 // src/components/card/Card.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { cva as cva3 } from "class-variance-authority";
 
 // src/primitives/card.tsx
-import * as React6 from "react";
+import * as React5 from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Card = React6.forwardRef(
+var Card = React5.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
     "div",
     {
@@ -409,23 +374,23 @@ var Card = React6.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React6.forwardRef(
+var CardHeader = React5.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React6.forwardRef(
+var CardTitle = React5.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("h2", { ref, className: cn("text-2xl leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React6.forwardRef(
+var CardDescription = React5.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React6.forwardRef(
+var CardContent = React5.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React6.forwardRef(
+var CardFooter = React5.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
@@ -450,7 +415,7 @@ var cardVariants = cva3("rounded-berget-sm", {
     padding: "md"
   }
 });
-var Card2 = React7.forwardRef(
+var Card2 = React6.forwardRef(
   ({ className, variant, padding, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx7(
       Card,
@@ -466,9 +431,9 @@ var Card2 = React7.forwardRef(
 Card2.displayName = "Card";
 
 // src/components/badge/Badge.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var badgeVariants = cva4(
   "inline-flex items-center whitespace-nowrap rounded-full  transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2",
   {
@@ -501,9 +466,9 @@ var badgeVariants = cva4(
     }
   }
 );
-var Badge = React8.forwardRef(
+var Badge = React7.forwardRef(
   ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs3("div", { className: cn(badgeVariants({ variant, status, size }), className), ref, ...props, children: [
+    return /* @__PURE__ */ jsxs2("div", { className: cn(badgeVariants({ variant, status, size }), className), ref, ...props, children: [
       icon && /* @__PURE__ */ jsx8("div", { style: { marginRight: children ? `${iconGap * 0.25}rem` : "0" }, children: icon }),
       children
     ] });
@@ -512,11 +477,11 @@ var Badge = React8.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/alert/Alert.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import { cva as cva6 } from "class-variance-authority";
 
 // src/primitives/alert.tsx
-import * as React9 from "react";
+import * as React8 from "react";
 import { cva as cva5 } from "class-variance-authority";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var alertVariants = cva5(
@@ -533,13 +498,13 @@ var alertVariants = cva5(
     }
   }
 );
-var Alert = React9.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React8.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React9.forwardRef(
+var AlertTitle = React8.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx9("h5", { ref, className: cn("mb-1 leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
+var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/alert/Alert.tsx
@@ -558,20 +523,78 @@ var alertVariants2 = cva6("", {
     variant: "default"
   }
 });
-var Alert2 = React10.forwardRef(
+var Alert2 = React9.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx10(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
 );
 Alert2.displayName = "Alert";
 
+// src/components/dialog/Dialog.tsx
+import * as React10 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-berget-dialog-overlay-bg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
+  /* @__PURE__ */ jsx11(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs3(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs3(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-berget-xs opacity-70 ring-offset-berget-dialog-bg transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-berget-focus-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-berget-muted data-[state=open]:text-berget-muted-foreground", children: [
+          /* @__PURE__ */ jsx11(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
+  "div",
+  {
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Title, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx11(Typography, { variant: "h5", color: "default", as: "h2", className, children }) }));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Description, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx11(Typography, { variant: "small", color: "muted", className, children }) }));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
 // src/components/input/Input.tsx
 import * as React12 from "react";
 
 // src/primitives/input.tsx
 import * as React11 from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var Input = React11.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "input",
       {
         type,
@@ -588,14 +611,14 @@ var Input = React11.forwardRef(
 Input.displayName = "Input";
 
 // src/components/input/Input.tsx
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
 var Input2 = React12.forwardRef(
   ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
     const generatedId = React12.useId();
     const inputId = id || generatedId;
     const errorId = `${inputId}-error`;
     const descriptionId = `${inputId}-description`;
-    const inputElement = /* @__PURE__ */ jsx12(
+    const inputElement = /* @__PURE__ */ jsx13(
       Input,
       {
         ref,
@@ -616,7 +639,7 @@ var Input2 = React12.forwardRef(
     );
     if (!icon && !actionButton) {
       return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-        label && /* @__PURE__ */ jsx12(
+        label && /* @__PURE__ */ jsx13(
           "label",
           {
             htmlFor: inputId,
@@ -630,8 +653,8 @@ var Input2 = React12.forwardRef(
         ),
         inputElement,
         (description || error) && /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1", children: [
-          description && /* @__PURE__ */ jsx12(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-          error && /* @__PURE__ */ jsx12(
+          description && /* @__PURE__ */ jsx13(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+          error && /* @__PURE__ */ jsx13(
             Typography,
             {
               variant: "xs",
@@ -644,7 +667,7 @@ var Input2 = React12.forwardRef(
       ] });
     }
     return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx12(
+      label && /* @__PURE__ */ jsx13(
         "label",
         {
           htmlFor: inputId,
@@ -657,13 +680,13 @@ var Input2 = React12.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs4("div", { className: "relative w-full", children: [
-        icon && /* @__PURE__ */ jsx12("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
+        icon && /* @__PURE__ */ jsx13("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
         inputElement,
-        actionButton && /* @__PURE__ */ jsx12("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        actionButton && /* @__PURE__ */ jsx13("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
       (description || error) && /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1", children: [
-        description && /* @__PURE__ */ jsx12(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        error && /* @__PURE__ */ jsx12(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ jsx13(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        error && /* @__PURE__ */ jsx13(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -680,8 +703,8 @@ import { cva as cva7 } from "class-variance-authority";
 import * as React13 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Checkbox = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx13(
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Checkbox = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -690,23 +713,23 @@ var Checkbox = React13.forwardRef(({ className, children, ...props }, ref) => /*
       className
     ),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx13(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ jsx13(Check, { className: "h-4 w-4" }) })
+    children: children ?? /* @__PURE__ */ jsx14(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ jsx14(Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxIndicator = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CheckboxIndicator = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(
   CheckboxPrimitive.Indicator,
   {
     ref,
     className: cn("grid place-content-center", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx13(Check, { className: "h-4 w-4" })
+    children: children ?? /* @__PURE__ */ jsx14(Check, { className: "h-4 w-4" })
   }
 ));
 CheckboxIndicator.displayName = CheckboxPrimitive.Indicator.displayName;
 
 // src/components/checkbox/Checkbox.tsx
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 var checkboxVariants = cva7(
   "inline-flex items-center justify-center rounded-md transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -734,7 +757,7 @@ var Checkbox2 = React14.forwardRef(
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
     return /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx14("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx15(
         Checkbox,
         {
           ref,
@@ -749,7 +772,7 @@ var Checkbox2 = React14.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx14(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx14(
+          children: /* @__PURE__ */ jsx15(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx15(
             Check2,
             {
               className: "h-4 w-4 text-current stroke-current",
@@ -759,7 +782,7 @@ var Checkbox2 = React14.forwardRef(
         }
       ) }),
       (label || description || error) && /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx14(
+        label && /* @__PURE__ */ jsx15(
           "label",
           {
             htmlFor: checkboxId,
@@ -771,8 +794,8 @@ var Checkbox2 = React14.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx14(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx14(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ jsx15(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ jsx15(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -783,7 +806,7 @@ Checkbox2.displayName = "Checkbox";
 import * as React15 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 var switchRootVariants = cva8(
   "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -826,7 +849,7 @@ var Switch = React15.forwardRef(
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
     return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         SwitchPrimitives.Root,
         {
           ref,
@@ -840,11 +863,11 @@ var Switch = React15.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx15(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+          children: /* @__PURE__ */ jsx16(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
         }
       ),
       (label || description || error) && /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx15(
+        label && /* @__PURE__ */ jsx16(
           "label",
           {
             htmlFor: switchId,
@@ -855,8 +878,8 @@ var Switch = React15.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx15(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx15(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ jsx16(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ jsx16(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -871,7 +894,7 @@ import { cva as cva9 } from "class-variance-authority";
 import * as React16 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check3, ChevronDown, ChevronUp } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
@@ -885,32 +908,32 @@ var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx16(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx16(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx17(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx17(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx16(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx17(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx16(ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx17(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx16(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
+var SelectContent = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx17(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
   SelectPrimitive.Content,
   {
     ref,
@@ -922,8 +945,8 @@ var SelectContent = React16.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx16(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx17(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -933,12 +956,12 @@ var SelectContent = React16.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx16(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx17(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   SelectPrimitive.Label,
   {
     ref,
@@ -957,13 +980,13 @@ var SelectItem = React16.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(Check3, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx16(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx17("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx17(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx17(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   SelectPrimitive.Separator,
   {
     ref,
@@ -974,7 +997,7 @@ var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/select/Select.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var selectVariants = cva9(
   "flex w-full items-center justify-between rounded-berget-xs border bg-card px-4 py-3 text-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:border-berget-form-focus-border disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -1020,7 +1043,7 @@ var Select2 = React17.forwardRef(
     const errorId = `${selectId}-error`;
     const descriptionId = `${selectId}-description`;
     return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx17(
+      label && /* @__PURE__ */ jsx18(
         "label",
         {
           htmlFor: selectId,
@@ -1042,7 +1065,7 @@ var Select2 = React17.forwardRef(
           name,
           required,
           children: [
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               SelectTrigger,
               {
                 ref,
@@ -1054,15 +1077,15 @@ var Select2 = React17.forwardRef(
                   error && "border-berget-destructive-foreground/50 bg-berget-destructive",
                   className
                 ),
-                children: /* @__PURE__ */ jsx17(SelectValue, { placeholder })
+                children: /* @__PURE__ */ jsx18(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ jsx17(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx17(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
+            /* @__PURE__ */ jsx18(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx18(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
           ]
         }
       ),
-      description && /* @__PURE__ */ jsx17(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-      error && /* @__PURE__ */ jsx17(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      description && /* @__PURE__ */ jsx18(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+      error && /* @__PURE__ */ jsx18(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
     ] });
   }
 );
@@ -1074,10 +1097,10 @@ import { cva as cva10 } from "class-variance-authority";
 
 // src/primitives/textarea.tsx
 import * as React18 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Textarea = React18.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "textarea",
       {
         className: cn(
@@ -1093,7 +1116,7 @@ var Textarea = React18.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/text-area/TextArea.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 var textAreaVariants = cva10(
   "rounded-berget-xs bg-card px-4 py-3 transition-colors duration-200 focus-visible:border-berget-form-focus-border focus-visible:ring-0 focus-visible:ring-offset-0 resize-y",
   {
@@ -1142,7 +1165,7 @@ var TextArea = React19.forwardRef(
     const descriptionId = `${textareaId}-description`;
     const characterCount = typeof value === "string" ? value.length : 0;
     return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx19(
+      label && /* @__PURE__ */ jsx20(
         "label",
         {
           htmlFor: textareaId,
@@ -1155,8 +1178,8 @@ var TextArea = React19.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
-        icon && /* @__PURE__ */ jsx19("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
-        /* @__PURE__ */ jsx19(
+        icon && /* @__PURE__ */ jsx20("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
+        /* @__PURE__ */ jsx20(
           Textarea,
           {
             ref,
@@ -1181,11 +1204,11 @@ var TextArea = React19.forwardRef(
             ...props
           }
         ),
-        secondaryIcon && /* @__PURE__ */ jsx19("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
-        actionButton && /* @__PURE__ */ jsx19("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        secondaryIcon && /* @__PURE__ */ jsx20("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
+        actionButton && /* @__PURE__ */ jsx20("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
       (description || error || showCount && maxLength) && /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between gap-2", children: [
-        description && /* @__PURE__ */ jsx19(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        description && /* @__PURE__ */ jsx20(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
         (error || showCount && maxLength) && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 ml-auto", children: [
           showCount && maxLength && /* @__PURE__ */ jsxs9(
             Typography,
@@ -1201,7 +1224,7 @@ var TextArea = React19.forwardRef(
               ]
             }
           ),
-          error && /* @__PURE__ */ jsx19(
+          error && /* @__PURE__ */ jsx20(
             Typography,
             {
               variant: "xs",
@@ -1221,11 +1244,11 @@ TextArea.displayName = "TextArea";
 import * as React20 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var labelVariants = cva11(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label2 = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/primitives/field.tsx
@@ -1235,8 +1258,8 @@ import { cva as cva12 } from "class-variance-authority";
 // src/primitives/separator.tsx
 import * as React21 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var Separator2 = React21.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx21(
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Separator2 = React21.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx22(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1253,9 +1276,9 @@ var Separator2 = React21.forwardRef(({ className, orientation = "horizontal", de
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/primitives/field.tsx
-import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -1273,7 +1296,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1289,7 +1312,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "field-group",
@@ -1329,7 +1352,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       role: "group",
@@ -1341,7 +1364,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "field-content",
@@ -1351,7 +1374,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     Label2,
     {
       "data-slot": "field-label",
@@ -1366,7 +1389,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "field-label",
@@ -1379,7 +1402,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "p",
     {
       "data-slot": "field-description",
@@ -1409,8 +1432,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx22(Separator2, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx23(
           "span",
           {
             className: "bg-berget-background text-berget-muted-foreground relative mx-auto block w-fit px-2",
@@ -1438,12 +1461,12 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ jsx22("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ jsx22("li", { children: error.message }, index)) });
+    return /* @__PURE__ */ jsx23("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ jsx23("li", { children: error.message }, index)) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       role: "alert",
@@ -1461,7 +1484,7 @@ import { cva as cva13 } from "class-variance-authority";
 
 // src/components/icon/Icon.tsx
 import * as React22 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var iconStrokeMap = {
   16: 1.4,
   24: 1.6,
@@ -1479,7 +1502,7 @@ var Icon2 = React22.forwardRef(
     const strokeWidth = iconStrokeMap[size];
     const sizeClass = size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
     const ariaAttributes = ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": ariaHidden };
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       IconComponent,
       {
         ref,
@@ -1495,7 +1518,7 @@ Icon2.displayName = "Icon";
 
 // src/components/link/Link.tsx
 import { ExternalLink } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 var linkVariants = cva13(
   "inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
   {
@@ -1549,8 +1572,8 @@ var Link = React23.forwardRef(
         },
         children: [
           children,
-          icon && /* @__PURE__ */ jsx24("span", { className: "inline-flex items-center", children: icon }),
-          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx24("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx24(Icon2, { icon: ExternalLink, size: 16 }) })
+          icon && /* @__PURE__ */ jsx25("span", { className: "inline-flex items-center", children: icon }),
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx25("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx25(Icon2, { icon: ExternalLink, size: 16 }) })
         ]
       }
     );
@@ -1558,15 +1581,11 @@ var Link = React23.forwardRef(
 );
 Link.displayName = "Link";
 
-// src/components/section/Section.tsx
-import * as React25 from "react";
-import { cva as cva15 } from "class-variance-authority";
-
 // src/components/container/Container.tsx
 import * as React24 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var containerVariants = cva14("w-full mx-auto", {
   variants: {
     size: {
@@ -1591,7 +1610,7 @@ var containerVariants = cva14("w-full mx-auto", {
 var Container = React24.forwardRef(
   ({ className, size, padding, asChild = false, children, ...props }, ref) => {
     const Component = asChild ? Slot2 : "div";
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       Component,
       {
         ref,
@@ -1604,86 +1623,12 @@ var Container = React24.forwardRef(
 );
 Container.displayName = "Container";
 
-// src/components/section/Section.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-var sectionVariants = cva15("relative", {
-  variants: {
-    padding: {
-      none: "",
-      sm: "py-12",
-      md: "py-16",
-      lg: "py-24",
-      xl: "py-32"
-    },
-    background: {
-      transparent: "",
-      muted: "bg-berget-section-muted-bg"
-    }
-  },
-  defaultVariants: {
-    padding: "lg",
-    background: "transparent"
-  }
-});
-var Section = React25.forwardRef(
-  ({ className, padding, background, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx26(
-      "section",
-      {
-        ref,
-        className: cn(sectionVariants({ padding, background }), className),
-        ...props,
-        children: /* @__PURE__ */ jsx26(Container, { children })
-      }
-    );
-  }
-);
-Section.displayName = "Section";
-
-// src/components/section-header/SectionHeader.tsx
-import * as React26 from "react";
-import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
-var SectionHeader = React26.forwardRef(
-  ({
-    className,
-    title,
-    description,
-    descriptionVariant = "large",
-    tagline,
-    action,
-    headingLevel = "h2",
-    id,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx27(
-      "div",
-      {
-        id,
-        ref,
-        className: cn("w-full px-fluid-md py-fluid-xl text-center", className),
-        ...props,
-        children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-fluid-lg", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "max-w-3xl mx-auto flex flex-col items-center gap-fluid-lg", children: [
-            tagline && /* @__PURE__ */ jsx27(Badge, { variant: "default", className: "text-sm", children: tagline }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center gap-fluid-sm", children: [
-              /* @__PURE__ */ jsx27(Typography, { variant: headingLevel, children: title }),
-              description && /* @__PURE__ */ jsx27(Typography, { variant: descriptionVariant, color: "muted", children: description })
-            ] })
-          ] }),
-          action && /* @__PURE__ */ jsx27("div", { className: "mt-4", children: action })
-        ] })
-      }
-    );
-  }
-);
-SectionHeader.displayName = "SectionHeader";
-
 // src/components/grid/Grid.tsx
-import * as React27 from "react";
-import { cva as cva16 } from "class-variance-authority";
+import * as React25 from "react";
+import { cva as cva15 } from "class-variance-authority";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var gridVariants = cva16("grid", {
+import { jsx as jsx27 } from "react/jsx-runtime";
+var gridVariants = cva15("grid", {
   variants: {
     align: {
       start: "items-start",
@@ -1705,10 +1650,10 @@ var gridVariants = cva16("grid", {
     justify: "start"
   }
 });
-var Grid = React27.forwardRef(
+var Grid = React25.forwardRef(
   ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
     const Component = asChild ? Slot3 : "div";
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx27(
       Component,
       {
         ref,
@@ -1730,11 +1675,11 @@ var Grid = React27.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
-import * as React28 from "react";
-import { cva as cva17 } from "class-variance-authority";
+import * as React26 from "react";
+import { cva as cva16 } from "class-variance-authority";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var boxVariants = cva17("flex", {
+import { jsx as jsx28 } from "react/jsx-runtime";
+var boxVariants = cva16("flex", {
   variants: {
     direction: {
       row: "flex-row",
@@ -1770,10 +1715,10 @@ var boxVariants = cva17("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React28.forwardRef(
+var Box = React26.forwardRef(
   ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
     const Component = asChild ? Slot4 : "div";
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       Component,
       {
         ref,
@@ -1791,16 +1736,16 @@ var Box = React28.forwardRef(
 Box.displayName = "Box";
 
 // src/components/berget-logo/BergetLogo.tsx
-import * as React29 from "react";
-import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
-var BergetLogo = React29.forwardRef(
+import * as React27 from "react";
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+var BergetLogo = React27.forwardRef(
   ({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
     const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
     if (variant === "symbol") {
       const aspectRatio2 = 463 / 419;
       const width2 = size * aspectRatio2;
       const height2 = size;
-      return /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx29(
         "svg",
         {
           ref,
@@ -1813,7 +1758,7 @@ var BergetLogo = React29.forwardRef(
           "aria-label": "Berget symbol",
           className: cn("inline-block", className),
           ...props,
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx29(
             "path",
             {
               d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
@@ -1826,7 +1771,7 @@ var BergetLogo = React29.forwardRef(
     const aspectRatio = 793.63 / 204.37;
     const width = size * aspectRatio;
     const height = size;
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs12(
       "svg",
       {
         ref,
@@ -1840,59 +1785,59 @@ var BergetLogo = React29.forwardRef(
         className: cn("inline-block", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs13("g", { style: { fill: fillColor }, children: [
-            /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsxs12("g", { style: { fill: fillColor }, children: [
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
               }
             ),
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx29(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
               }
             ),
-            /* @__PURE__ */ jsx30("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
+            /* @__PURE__ */ jsx29("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
           ] }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx29(
             "path",
             {
               style: { fill: fillColor },
@@ -1906,19 +1851,14 @@ var BergetLogo = React29.forwardRef(
 );
 BergetLogo.displayName = "BergetLogo";
 
-// src/components/header/Header.tsx
-import * as React31 from "react";
-import { cva as cva18 } from "class-variance-authority";
-import { Menu, X } from "lucide-react";
-
 // src/components/language-select/LanguageSelect.tsx
-import * as React30 from "react";
+import * as React28 from "react";
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { Globe } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
-var LanguageSelect = React30.forwardRef(({ className, options, value, onValueChange }, ref) => {
-  return /* @__PURE__ */ jsxs14(SelectPrimitive2.Root, { value, onValueChange, children: [
-    /* @__PURE__ */ jsx31(
+import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
+var LanguageSelect = React28.forwardRef(({ className, options, value, onValueChange }, ref) => {
+  return /* @__PURE__ */ jsxs13(SelectPrimitive2.Root, { value, onValueChange, children: [
+    /* @__PURE__ */ jsx30(
       SelectPrimitive2.Trigger,
       {
         ref,
@@ -1940,10 +1880,10 @@ var LanguageSelect = React30.forwardRef(({ className, options, value, onValueCha
           "disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
-        children: /* @__PURE__ */ jsx31(Icon2, { icon: Globe, size: 16 })
+        children: /* @__PURE__ */ jsx30(Icon2, { icon: Globe, size: 16 })
       }
     ),
-    /* @__PURE__ */ jsx31(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx30(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx30(
       SelectPrimitive2.Content,
       {
         className: cn(
@@ -1971,7 +1911,7 @@ var LanguageSelect = React30.forwardRef(({ className, options, value, onValueCha
           "origin-[--radix-select-content-transform-origin]"
         ),
         position: "popper",
-        children: /* @__PURE__ */ jsx31(SelectPrimitive2.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx30(SelectPrimitive2.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsx30(
           SelectPrimitive2.Item,
           {
             value: option.value,
@@ -1988,7 +1928,7 @@ var LanguageSelect = React30.forwardRef(({ className, options, value, onValueCha
               // Disabled state
               "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
             ),
-            children: /* @__PURE__ */ jsx31(SelectPrimitive2.ItemText, { children: option.label })
+            children: /* @__PURE__ */ jsx30(SelectPrimitive2.ItemText, { children: option.label })
           },
           option.value
         )) })
@@ -1998,225 +1938,14 @@ var LanguageSelect = React30.forwardRef(({ className, options, value, onValueCha
 });
 LanguageSelect.displayName = "LanguageSelect";
 
-// src/components/header/Header.tsx
-import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
-var headerVariants = cva18(
-  "sticky top-0 z-50 header-backdrop backdrop-blur-xl border-b border-berget-border transition-all duration-200",
-  {
-    variants: {
-      variant: {
-        default: "",
-        transparent: "border-transparent bg-transparent backdrop-blur-none"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var HeaderContext = React31.createContext({
-  isMobileMenuOpen: false,
-  setIsMobileMenuOpen: () => {
-  }
-});
-var useHeaderContext = () => React31.useContext(HeaderContext);
-var HeaderLogo = React31.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx32("div", { ref, className: cn("flex items-center", className), ...props, children })
-);
-HeaderLogo.displayName = "HeaderLogo";
-var HeaderNav = React31.forwardRef(({ className, links, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32("nav", { ref, className: cn("hidden md:flex items-center gap-fluid-lg", className), ...props, children: /* @__PURE__ */ jsx32("ul", { className: "flex items-center gap-fluid-lg", children: links.map((link) => /* @__PURE__ */ jsx32("li", { children: /* @__PURE__ */ jsxs15(
-    Link,
-    {
-      href: link.href,
-      variant: link.active ? "primary" : "default",
-      size: "sm",
-      className: cn("relative transition-all duration-200", link.active && "font-medium"),
-      children: [
-        link.icon && /* @__PURE__ */ jsx32("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ jsx32(Icon2, { icon: link.icon, size: 16 }) }),
-        link.label
-      ]
-    }
-  ) }, link.href)) }) });
-});
-HeaderNav.displayName = "HeaderNav";
-var HeaderActions = React31.forwardRef(
-  ({
-    className,
-    languageOptions,
-    currentLanguage,
-    onLanguageChange,
-    loginButton,
-    ctaButton,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs15("div", { ref, className: cn("hidden md:flex items-center gap-2", className), ...props, children: [
-      languageOptions.length > 0 && /* @__PURE__ */ jsx32(
-        LanguageSelect,
-        {
-          options: languageOptions,
-          value: currentLanguage,
-          onValueChange: onLanguageChange
-        }
-      ),
-      loginButton,
-      ctaButton
-    ] });
-  }
-);
-HeaderActions.displayName = "HeaderActions";
-var MobileMenuButton = React31.forwardRef(({ className, ...props }, ref) => {
-  const { isMobileMenuOpen, setIsMobileMenuOpen } = useHeaderContext();
-  return /* @__PURE__ */ jsx32(
-    "button",
-    {
-      ref,
-      className: cn(
-        "md:hidden flex items-center justify-center w-8 h-8 rounded-full",
-        "cursor-pointer transition-all duration-200",
-        "hover:bg-berget-surface-hover",
-        className
-      ),
-      onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen),
-      "aria-label": isMobileMenuOpen ? "Close menu" : "Open menu",
-      "aria-expanded": isMobileMenuOpen,
-      "aria-controls": "mobile-menu",
-      ...props,
-      children: isMobileMenuOpen ? /* @__PURE__ */ jsx32(Icon2, { icon: X, size: 16 }) : /* @__PURE__ */ jsx32(Icon2, { icon: Menu, size: 16 })
-    }
-  );
-});
-MobileMenuButton.displayName = "MobileMenuButton";
-var MobileMenu = React31.forwardRef(
-  ({
-    className,
-    links,
-    languageOptions,
-    currentLanguage,
-    onLanguageChange,
-    loginButton,
-    ctaButton,
-    ...props
-  }, ref) => {
-    const { isMobileMenuOpen, setIsMobileMenuOpen } = useHeaderContext();
-    if (!isMobileMenuOpen) return null;
-    return /* @__PURE__ */ jsx32(
-      "nav",
-      {
-        ref,
-        id: "mobile-menu",
-        "aria-label": "Mobile navigation menu",
-        className: cn(
-          "md:hidden absolute top-full left-0 right-0 bg-berget-background border-b border-berget-border shadow-berget-lg",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsxs15(Box, { direction: "column", gap: 0, className: "py-fluid-md", children: [
-          /* @__PURE__ */ jsx32("ul", { className: "px-fluid-md pb-fluid-md border-b border-berget-border/50", children: links.map((link) => /* @__PURE__ */ jsx32("li", { children: /* @__PURE__ */ jsxs15(
-            Link,
-            {
-              href: link.href,
-              variant: link.active ? "primary" : "default",
-              className: cn(
-                "w-full py-3 px-4 rounded-lg transition-all duration-200 hover:bg-berget-surface-hover",
-                link.active && "bg-berget-primary-tint font-medium"
-              ),
-              onClick: () => setIsMobileMenuOpen(false),
-              children: [
-                link.icon && /* @__PURE__ */ jsx32("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ jsx32(Icon2, { icon: link.icon, size: 16 }) }),
-                link.label
-              ]
-            }
-          ) }, link.href)) }),
-          /* @__PURE__ */ jsxs15("div", { className: "px-fluid-md py-fluid-md", children: [
-            languageOptions.length > 0 && /* @__PURE__ */ jsx32("div", { className: "mb-fluid-md", children: /* @__PURE__ */ jsx32(
-              LanguageSelect,
-              {
-                options: languageOptions,
-                value: currentLanguage,
-                onValueChange: onLanguageChange
-              }
-            ) }),
-            loginButton && /* @__PURE__ */ jsx32("div", { className: "mb-fluid-md w-full", children: loginButton }),
-            ctaButton && /* @__PURE__ */ jsx32("div", { className: "w-full", children: ctaButton })
-          ] })
-        ] })
-      }
-    );
-  }
-);
-MobileMenu.displayName = "MobileMenu";
-var Header = React31.forwardRef(
-  ({
-    className,
-    variant,
-    logo,
-    links,
-    languageOptions,
-    loginButton,
-    ctaButton,
-    currentLanguage,
-    onLanguageChange,
-    ...props
-  }, ref) => {
-    const [isMobileMenuOpen, setIsMobileMenuOpen] = React31.useState(false);
-    React31.useEffect(() => {
-      if (isMobileMenuOpen) {
-        document.body.style.overflow = "hidden";
-      } else {
-        document.body.style.overflow = "unset";
-      }
-      return () => {
-        document.body.style.overflow = "unset";
-      };
-    }, [isMobileMenuOpen]);
-    return /* @__PURE__ */ jsx32(HeaderContext.Provider, { value: { isMobileMenuOpen, setIsMobileMenuOpen }, children: /* @__PURE__ */ jsxs15("header", { ref, className: cn(headerVariants({ variant }), className), ...props, children: [
-      /* @__PURE__ */ jsx32(Container, { size: "xl", children: /* @__PURE__ */ jsxs15(Box, { direction: "row", align: "center", justify: "between", className: "h-16", children: [
-        /* @__PURE__ */ jsx32(HeaderLogo, { children: logo || /* @__PURE__ */ jsx32(BergetLogo, { variant: "logotype", color: "auto", size: 32 }) }),
-        /* @__PURE__ */ jsx32(HeaderNav, { links }),
-        /* @__PURE__ */ jsxs15(Box, { direction: "row", align: "center", gap: 3, children: [
-          /* @__PURE__ */ jsx32(
-            HeaderActions,
-            {
-              languageOptions,
-              currentLanguage,
-              onLanguageChange,
-              loginButton,
-              ctaButton
-            }
-          ),
-          ctaButton && /* @__PURE__ */ jsx32("div", { className: "md:hidden", children: ctaButton }),
-          /* @__PURE__ */ jsx32(MobileMenuButton, {})
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx32(
-        MobileMenu,
-        {
-          links,
-          languageOptions,
-          currentLanguage,
-          onLanguageChange,
-          loginButton,
-          ctaButton
-        }
-      )
-    ] }) });
-  }
-);
-Header.displayName = "Header";
-
-// src/components/feature-cards/FeatureCards.tsx
-import * as React34 from "react";
-import { cva as cva20 } from "class-variance-authority";
-
 // src/components/list/List.tsx
-import * as React33 from "react";
+import * as React30 from "react";
 
 // src/components/divider/Divider.tsx
-import * as React32 from "react";
-import { cva as cva19 } from "class-variance-authority";
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
-var dividerVariants = cva19("", {
+import * as React29 from "react";
+import { cva as cva17 } from "class-variance-authority";
+import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
+var dividerVariants = cva17("", {
   variants: {
     variant: {
       default: "bg-berget-separator",
@@ -2236,7 +1965,7 @@ var dividerVariants = cva19("", {
     size: "thin"
   }
 });
-var Divider = React32.forwardRef(
+var Divider = React29.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -2247,16 +1976,16 @@ var Divider = React32.forwardRef(
     ...props
   }, ref) => {
     if (label) {
-      return /* @__PURE__ */ jsxs16("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
-        labelPosition !== "right" && /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsxs14("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
+        labelPosition !== "right" && /* @__PURE__ */ jsx31(
           Separator2,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
           }
         ),
-        /* @__PURE__ */ jsx33(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
-        labelPosition !== "left" && /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx31(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ jsx31(
           Separator2,
           {
             orientation: "horizontal",
@@ -2265,7 +1994,7 @@ var Divider = React32.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx31(
       Separator2,
       {
         ref,
@@ -2283,19 +2012,19 @@ Divider.displayName = "Divider";
 
 // src/components/list/List.tsx
 import { Check as Check4 } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
-var List = React33.forwardRef(
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
+var List = React30.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const childrenArray = React33.Children.toArray(children);
-    return /* @__PURE__ */ jsx34("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs17(React33.Fragment, { children: [
+    const childrenArray = React30.Children.toArray(children);
+    return /* @__PURE__ */ jsx32("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs15(React30.Fragment, { children: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ jsx34(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ jsx32(Divider, { variant: "subtle" })
     ] }, index)) });
   }
 );
 List.displayName = "List";
-var ListItem = React33.forwardRef(
-  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs17(
+var ListItem = React30.forwardRef(
+  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs15(
     "div",
     {
       ref,
@@ -2306,15 +2035,15 @@ var ListItem = React33.forwardRef(
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx34("div", { className: "flex-1 min-w-0", children })
+        icon && /* @__PURE__ */ jsx32("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx32("div", { className: "flex-1 min-w-0", children })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListHeader = React33.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx34(
+var ListHeader = React30.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx32(
     "div",
     {
       ref,
@@ -2325,111 +2054,21 @@ var ListHeader = React33.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React33.forwardRef(
+var FeatureList = React30.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx34("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs17("li", { className: "flex items-start gap-fluid-md", children: [
-      variant === "bullet" ? /* @__PURE__ */ jsx34("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx34(Icon2, { icon: Check4, size: 24, className: "text-berget-logo-light" }) }),
-      /* @__PURE__ */ jsx34(Typography, { variant: "body", color: "muted", children: item })
+    return /* @__PURE__ */ jsx32("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs15("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ jsx32("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx32("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx32(Icon2, { icon: Check4, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ jsx32(Typography, { variant: "body", color: "muted", children: item })
     ] }, index)) });
   }
 );
 FeatureList.displayName = "FeatureList";
 
-// src/components/feature-cards/FeatureCards.tsx
-import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
-var featureCardVariants = cva20("", {
-  variants: {
-    variant: {
-      highlight: "",
-      glass: "",
-      solid: ""
-    }
-  },
-  defaultVariants: {
-    variant: "highlight"
-  }
-});
-var FeatureCard = React34.forwardRef(
-  ({
-    className,
-    variant = "highlight",
-    icon: Icon3,
-    iconColor,
-    title,
-    description,
-    badge,
-    linkText,
-    linkHref,
-    items,
-    columns: _columns,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx35(
-      Card2,
-      {
-        ref,
-        variant,
-        className: cn("w-full py-fluid-lg px-fluid-md", className),
-        ...props,
-        children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-start gap-fluid-md", children: [
-          (Icon3 || badge) && /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between w-full", children: [
-            Icon3 && /* @__PURE__ */ jsx35("div", { className: "flex h-7 w-7 items-center justify-center", children: /* @__PURE__ */ jsx35(
-              Icon3,
-              {
-                className: cn("h-7 w-7", iconColor || "text-foreground"),
-                strokeWidth: 1.5
-              }
-            ) }),
-            badge && /* @__PURE__ */ jsx35("div", { className: "flex h-6 items-center justify-start px-6 bg-berget-feature-card-badge-bg rounded-full", children: /* @__PURE__ */ jsx35(
-              Typography,
-              {
-                variant: "body",
-                as: "span",
-                className: "text-berget-feature-card-badge-fg",
-                children: badge
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx35(Typography, { variant: "h3", className: "text-foreground", children: title }),
-          /* @__PURE__ */ jsx35(Typography, { variant: "body", className: "text-foreground/80", children: description }),
-          items && items.length > 0 && /* @__PURE__ */ jsx35(FeatureList, { items, variant: "bullet" }),
-          linkText && linkHref && /* @__PURE__ */ jsxs18("a", { href: linkHref, className: "text-p font-p leading-p text-berget-accent", children: [
-            linkText,
-            " \u2192"
-          ] })
-        ] })
-      }
-    );
-  }
-);
-FeatureCard.displayName = "FeatureCard";
-var FeatureCards = React34.forwardRef(
-  ({ features, columns = 3, className }, ref) => {
-    return /* @__PURE__ */ jsx35(
-      "div",
-      {
-        ref,
-        className: cn(
-          "grid gap-fluid-lg p-fluid-md",
-          // Explicit classes so Tailwind compiles them
-          columns === 1 && "grid-cols-1 max-w-md mx-auto",
-          columns === 2 && "grid-cols-1 md:grid-cols-2",
-          columns === 3 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-          columns === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-          className
-        ),
-        children: features.map((feature, index) => /* @__PURE__ */ jsx35(FeatureCard, { ...feature }, index))
-      }
-    );
-  }
-);
-FeatureCards.displayName = "FeatureCards";
-
 // src/components/hero-block/HeroBlock.tsx
-import * as React35 from "react";
-import { cva as cva21 } from "class-variance-authority";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
-var heroBlockVariants = cva21(
+import * as React31 from "react";
+import { cva as cva18 } from "class-variance-authority";
+import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
+var heroBlockVariants = cva18(
   "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
   {
     variants: {
@@ -2449,7 +2088,7 @@ var heroBlockVariants = cva21(
     }
   }
 );
-var HeroBlock = React35.forwardRef(
+var HeroBlock = React31.forwardRef(
   ({
     className,
     variant,
@@ -2461,26 +2100,26 @@ var HeroBlock = React35.forwardRef(
     actions,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx33(
       "div",
       {
         ref,
         className: cn(heroBlockVariants({ variant, withPattern }), className),
         ...props,
-        children: /* @__PURE__ */ jsx36("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs19("div", { className: "mx-auto text-center max-w-4xl", children: [
-          tagline && /* @__PURE__ */ jsx36(
+        children: /* @__PURE__ */ jsx33("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs16("div", { className: "mx-auto text-center max-w-4xl", children: [
+          tagline && /* @__PURE__ */ jsx33(
             Badge,
             {
               variant: "default",
-              icon: TaglineIcon ? /* @__PURE__ */ jsx36(Icon2, { icon: TaglineIcon, size: 16 }) : void 0,
+              icon: TaglineIcon ? /* @__PURE__ */ jsx33(Icon2, { icon: TaglineIcon, size: 16 }) : void 0,
               iconGap: 2,
               className: "mb-fluid-md",
               children: tagline
             }
           ),
-          /* @__PURE__ */ jsx36(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
-          /* @__PURE__ */ jsx36(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
-          actions && /* @__PURE__ */ jsx36("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
+          /* @__PURE__ */ jsx33(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
+          /* @__PURE__ */ jsx33(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
+          actions && /* @__PURE__ */ jsx33("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
         ] }) })
       }
     );
@@ -2489,13 +2128,13 @@ var HeroBlock = React35.forwardRef(
 HeroBlock.displayName = "HeroBlock";
 
 // src/components/code-block/CodeBlock.tsx
-import { useState as useState3, useEffect as useEffect3, useCallback as useCallback3 } from "react";
+import { useState as useState2, useEffect as useEffect2, useCallback as useCallback3 } from "react";
 import { Copy, Check as Check5 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
 function CodeBlock({ code, language = "text", title, className }) {
-  const [html, setHtml] = useState3(null);
-  const [copied, setCopied] = useState3(false);
-  useEffect3(() => {
+  const [html, setHtml] = useState2(null);
+  const [copied, setCopied] = useState2(false);
+  useEffect2(() => {
     getHighlighter().then((highlighter) => {
       const loadedLangs = highlighter.getLoadedLanguages();
       const lang = loadedLangs.includes(language) ? language : "text";
@@ -2507,16 +2146,16 @@ function CodeBlock({ code, language = "text", title, className }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
-  const copyButton = /* @__PURE__ */ jsx37(
+  const copyButton = /* @__PURE__ */ jsx34(
     "button",
     {
       onClick: handleCopy,
       className: "flex items-center justify-center w-6 h-6 text-berget-muted-foreground hover:text-berget-foreground transition-colors",
       "aria-label": "Copy code",
-      children: copied ? /* @__PURE__ */ jsx37(Check5, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx37(Copy, { className: "w-3.5 h-3.5" })
+      children: copied ? /* @__PURE__ */ jsx34(Check5, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx34(Copy, { className: "w-3.5 h-3.5" })
     }
   );
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -2524,27 +2163,78 @@ function CodeBlock({ code, language = "text", title, className }) {
         className
       ),
       children: [
-        title && /* @__PURE__ */ jsx37("div", { className: "!h-10 flex items-center !px-4 !text-xs !leading-normal border-b border-berget-border bg-berget-codeblock-header-bg", children: /* @__PURE__ */ jsx37("span", { className: "text-berget-muted-foreground", children: title }) }),
-        /* @__PURE__ */ jsx37("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
-        html ? /* @__PURE__ */ jsx37(
+        title && /* @__PURE__ */ jsx34("div", { className: "!h-10 flex items-center !px-4 !text-xs !leading-normal border-b border-berget-border bg-berget-codeblock-header-bg", children: /* @__PURE__ */ jsx34("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ jsx34("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ jsx34(
           "div",
           {
             className: "[&_.shiki]:!p-4 [&_.shiki]:!m-0 [&_.shiki]:overflow-x-auto [&_.shiki]:!text-sm [&_.shiki]:!leading-relaxed [&_.shiki]:bg-transparent",
             dangerouslySetInnerHTML: { __html: html }
           }
-        ) : /* @__PURE__ */ jsx37("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx37("code", { children: code }) })
+        ) : /* @__PURE__ */ jsx34("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx34("code", { children: code }) })
       ]
     }
   );
 }
+
+// src/components/window-frame/WindowFrame.tsx
+import * as React32 from "react";
+import { useState as useState3 } from "react";
+import { jsx as jsx35, jsxs as jsxs18 } from "react/jsx-runtime";
+var WindowFrame = React32.forwardRef(
+  ({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
+    const [internalActive, setInternalActive] = useState3(tabs?.[0]?.id ?? "");
+    const currentTab = activeTab ?? internalActive;
+    const handleTabChange = (id) => {
+      if (onTabChange) {
+        onTabChange(id);
+      } else {
+        setInternalActive(id);
+      }
+    };
+    return /* @__PURE__ */ jsxs18(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-berget-sm overflow-hidden shadow-berget-md border border-berget-brand-granite-700 bg-berget-brand-granite-800",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900", children: [
+            /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx35("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
+              /* @__PURE__ */ jsx35("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
+              /* @__PURE__ */ jsx35("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
+            ] }),
+            tabs && tabs.length > 0 ? /* @__PURE__ */ jsx35("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx35(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleTabChange(tab.id),
+                className: cn(
+                  "px-3 py-1 text-sm transition-colors cursor-pointer",
+                  currentTab === tab.id ? "rounded-lg bg-white/10 text-berget-foreground font-medium" : "rounded text-berget-muted-foreground hover:text-berget-foreground font-medium"
+                ),
+                children: tab.label
+              },
+              tab.id
+            )) }) : /* @__PURE__ */ jsx35("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
+          ] }),
+          /* @__PURE__ */ jsx35("div", { children })
+        ]
+      }
+    );
+  }
+);
+WindowFrame.displayName = "WindowFrame";
 export {
   Alert2 as Alert,
   AlertDescription,
   AlertTitle,
   Badge,
   BergetLogo,
-  BergetLogo as BergetLogotype,
-  BergetLogo as BergetSymbol,
   Box,
   Button2 as Button,
   Card2 as Card,
@@ -2556,8 +2246,16 @@ export {
   Checkbox2 as Checkbox,
   CodeBlock,
   Container,
-  FeatureCard,
-  FeatureCards,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
   FeatureList,
   Field,
   FieldContent,
@@ -2570,7 +2268,6 @@ export {
   FieldSet,
   FieldTitle,
   Grid,
-  Header,
   HeroBlock,
   Icon2 as Icon,
   Input2 as Input,
@@ -2580,14 +2277,13 @@ export {
   List,
   ListHeader,
   ListItem,
-  Section,
-  SectionHeader,
   Select2 as Select,
   Switch,
   TextArea,
   ThemeProvider,
   ThemeToggle,
   Typography,
+  WindowFrame,
   alertVariants2 as alertVariants,
   badgeVariants,
   boxVariants,
@@ -2597,7 +2293,6 @@ export {
   containerVariants,
   gridVariants,
   linkVariants,
-  sectionVariants,
   selectVariants,
   switchRootVariants,
   switchThumbVariants,