@bergetai/ui 0.1.78

package/dist/index.cjs

@@ -0,0 +1,2717 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Alert: () => Alert2,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
+  Badge: () => Badge,
+  BergetLogo: () => BergetLogo,
+  BergetLogotype: () => BergetLogo,
+  BergetSymbol: () => BergetLogo,
+  Box: () => Box,
+  Button: () => Button2,
+  Card: () => Card2,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox2,
+  CodeBlock: () => CodeBlock,
+  Container: () => Container,
+  FeatureCard: () => FeatureCard,
+  FeatureCards: () => FeatureCards,
+  FeatureList: () => FeatureList,
+  Field: () => Field,
+  FieldContent: () => FieldContent,
+  FieldDescription: () => FieldDescription,
+  FieldError: () => FieldError,
+  FieldGroup: () => FieldGroup,
+  FieldLabel: () => FieldLabel,
+  FieldLegend: () => FieldLegend,
+  FieldSeparator: () => FieldSeparator,
+  FieldSet: () => FieldSet,
+  FieldTitle: () => FieldTitle,
+  Grid: () => Grid,
+  Header: () => Header,
+  HeroBlock: () => HeroBlock,
+  Icon: () => Icon,
+  Input: () => Input2,
+  Label: () => Label2,
+  LanguageSelect: () => LanguageSelect,
+  Link: () => Link,
+  List: () => List,
+  ListHeader: () => ListHeader,
+  ListItem: () => ListItem,
+  Section: () => Section,
+  SectionHeader: () => SectionHeader,
+  Select: () => Select2,
+  StatCard: () => StatCard,
+  Switch: () => Switch,
+  TextArea: () => TextArea,
+  Typography: () => Typography,
+  alertVariants: () => alertVariants2,
+  badgeVariants: () => badgeVariants,
+  boxVariants: () => boxVariants,
+  buttonVariants: () => buttonVariants2,
+  cardVariants: () => cardVariants,
+  checkboxVariants: () => checkboxVariants,
+  containerVariants: () => containerVariants,
+  gridVariants: () => gridVariants,
+  linkVariants: () => linkVariants,
+  sectionVariants: () => sectionVariants,
+  selectVariants: () => selectVariants,
+  switchRootVariants: () => switchRootVariants,
+  switchThumbVariants: () => switchThumbVariants,
+  textAreaVariants: () => textAreaVariants,
+  typographyVariants: () => typographyVariants
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/button/Button.tsx
+var React3 = __toESM(require("react"), 1);
+var import_class_variance_authority2 = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      rounded: [
+        "rounded-berget-none",
+        "rounded-berget-xs",
+        "rounded-berget-sm",
+        "rounded-berget-md",
+        "rounded-berget-lg",
+        "rounded-berget-full"
+      ],
+      "font-size": ["text-h1", "text-h2", "text-h3", "text-h4", "text-p", "text-mono"]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/primitives/button.tsx
+var React = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm  ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+
+// src/components/icon/Icon.tsx
+var React2 = __toESM(require("react"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var iconStrokeMap = {
+  16: 1.4,
+  24: 1.6,
+  32: 1.8
+};
+var Icon = React2.forwardRef(
+  ({
+    icon: IconComponent,
+    size,
+    className,
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaHidden = true,
+    ...props
+  }, ref) => {
+    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__ */ (0, import_jsx_runtime2.jsx)(
+      IconComponent,
+      {
+        ref,
+        className: cn(sizeClass, className),
+        strokeWidth,
+        ...ariaAttributes,
+        ...props
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+// src/components/button/Button.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants2 = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-full text-sm font-medium cursor-pointer transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-berget-button-default-bg text-berget-button-default-fg shadow-lg hover:bg-berget-button-default-bg/90 hover:shadow-xl",
+        primary: "bg-berget-button-primary-bg text-berget-button-primary-fg shadow-lg hover:bg-berget-button-primary-bg/90 hover:shadow-xl",
+        secondary: "bg-berget-button-secondary-bg text-berget-button-secondary-fg shadow hover:bg-berget-button-secondary-bg/80 hover:shadow-lg",
+        destructive: "bg-berget-button-destructive-bg text-berget-button-destructive-fg shadow-sm hover:bg-berget-button-destructive-bg/80 hover:shadow",
+        highlight: "relative overflow-hidden bg-berget-background border border-berget-border-interactive backdrop-blur-[5px] text-foreground hover:bg-berget-background/80 hover:border-berget-border-interactive-elevated hover:shadow-lg",
+        icon: "!flex !flex-row !justify-center !items-center !gap-0 !p-0 !w-[44px] !h-[44px] !bg-berget-button-default-bg !text-berget-button-default-fg shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)] !rounded-full"
+      },
+      size: {
+        sm: "h-6 px-3 py-1.5 text-xs [&_svg]:size-4",
+        default: "h-8 px-4 py-2 text-sm [&_svg]:size-6",
+        lg: "h-10 px-5 py-2.5 text-base [&_svg]:size-6",
+        icon: "!w-[44px] !h-[44px] !p-0 [&_svg]:size-5"
+      },
+      width: {
+        default: "w-auto",
+        full: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      width: "default"
+    }
+  }
+);
+var Button2 = React3.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    width,
+    asChild = false,
+    isLoading = false,
+    type = "button",
+    children,
+    ...props
+  }, ref) => {
+    const isHighlight = variant === "highlight";
+    const isIcon = variant === "icon";
+    if (asChild) {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Button,
+        {
+          className: cn(buttonVariants2({ variant, size, width }), className),
+          ref,
+          asChild: true,
+          type,
+          "aria-disabled": isLoading || void 0,
+          "aria-busy": isLoading || void 0,
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      Button,
+      {
+        className: cn(buttonVariants2({ variant, size, width }), className),
+        ref,
+        type,
+        "aria-disabled": isLoading || void 0,
+        "aria-busy": isLoading || void 0,
+        ...props,
+        children: [
+          isHighlight && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute inset-0 top-[1px] h-[calc(100%-1px)] w-full bg-[radial-gradient(100%_100%_at_49.87%_0%,color-mix(in_oklch,var(--berget-foreground)_4%,transparent)_0%,transparent_100%)] pointer-events-none" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute top-0 left-0 right-0 h-[1px] bg-[radial-gradient(55.66%_112.5%_at_50%_0%,var(--berget-foreground)_0%,transparent_92.4%)] opacity-[0.3] pointer-events-none" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "span",
+            {
+              className: cn(
+                "inline-flex items-center",
+                !isIcon && "gap-2",
+                isHighlight && "relative z-10"
+              ),
+              children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { icon: import_lucide_react.Loader2, size: 16, className: "animate-spin", "aria-hidden": true }),
+                !isIcon && children
+              ] }) : children
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Button2.displayName = "Button";
+
+// src/components/typography/Typography.tsx
+var React4 = __toESM(require("react"), 1);
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var typographyVariants = (0, import_class_variance_authority3.cva)("", {
+  variants: {
+    variant: {
+      // Fluid heading scale — use @theme tokens (clamp-based, 390px → 1440px)
+      h1: "text-h1 font-h1 leading-h1 tracking-h1 text-balance",
+      h2: "text-h2 font-h2 leading-h2 tracking-h2 text-balance",
+      h3: "text-h3 font-h3 leading-h3 tracking-h3 text-balance",
+      h4: "text-h4 font-h4 leading-h4 tracking-h4 text-balance",
+      // Static sans-serif sub-heading
+      h5: "text-xl font-xl leading-xl text-balance",
+      // Body and UI text — use @theme tokens where available
+      large: "text-lg font-lg leading-lg text-pretty",
+      body: "text-p font-p leading-p text-pretty",
+      small: "text-sm font-sm leading-sm text-pretty",
+      xs: "text-xs font-xs leading-xs text-pretty",
+      // Monospaced — use @theme token
+      mono: "text-mono font-mono leading-mono text-pretty",
+      // Inline code / spec labels
+      code: "text-xs font-mono"
+    },
+    color: {
+      default: "text-berget-foreground",
+      muted: "text-berget-muted-foreground",
+      dim: "text-berget-foreground/50"
+    }
+  },
+  defaultVariants: {
+    variant: "body",
+    color: "default"
+  }
+});
+var defaultElementMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  large: "p",
+  body: "p",
+  small: "p",
+  xs: "p",
+  mono: "p",
+  code: "span"
+};
+var Typography = React4.forwardRef(
+  ({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
+    const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Component,
+      {
+        className: cn(typographyVariants({ variant, color }), className),
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Typography.displayName = "Typography";
+
+// src/components/card/Card.tsx
+var React6 = __toESM(require("react"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+
+// src/primitives/card.tsx
+var React5 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Card = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { ref, className: cn("text-2xl leading-none tracking-tight", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+
+// src/components/card/Card.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var cardVariants = (0, import_class_variance_authority4.cva)("rounded-berget-sm", {
+  variants: {
+    variant: {
+      outlined: "bg-transparent border border-berget-border",
+      filled: "bg-berget-card-filled-bg border border-berget-border"
+    },
+    padding: {
+      none: "p-0",
+      sm: "p-3 sm:p-4",
+      md: "p-4 sm:p-6",
+      lg: "p-6 sm:p-8"
+    }
+  },
+  defaultVariants: {
+    variant: "outlined",
+    padding: "md"
+  }
+});
+var Card2 = React6.forwardRef(
+  ({ className, variant, padding, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Card,
+      {
+        ref,
+        className: cn(cardVariants({ variant, padding }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Card2.displayName = "Card";
+
+// src/components/badge/Badge.tsx
+var React7 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority5.cva)(
+  "inline-flex items-center whitespace-nowrap rounded-full  transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "px-8",
+        tag: "px-4",
+        semantic: "px-3"
+      },
+      status: {
+        default: "bg-berget-badge-default-bg text-berget-badge-default-fg",
+        active: "bg-berget-badge-active-bg text-berget-badge-active-fg",
+        tagDefault: "bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg",
+        tagActive: "bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg",
+        tagGhost: "bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg",
+        info: "berget-tint berget-tint-info",
+        success: "berget-tint berget-tint-success",
+        warning: "berget-tint berget-tint-warning",
+        error: "berget-tint berget-tint-error"
+      },
+      size: {
+        sm: "text-xs h-6",
+        md: "text-sm h-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      status: "default",
+      size: "md"
+    }
+  }
+);
+var Badge = React7.forwardRef(
+  ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn(badgeVariants({ variant, status, size }), className), ref, ...props, children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { marginRight: children ? `${iconGap * 0.25}rem` : "0" }, children: icon }),
+      children
+    ] });
+  }
+);
+Badge.displayName = "Badge";
+
+// src/components/alert/Alert.tsx
+var React9 = __toESM(require("react"), 1);
+var import_class_variance_authority7 = require("class-variance-authority");
+
+// src/primitives/alert.tsx
+var React8 = __toESM(require("react"), 1);
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority6.cva)(
+  "relative w-full rounded-lg p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React8.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+Alert.displayName = "Alert";
+var AlertTitle = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h5", { ref, className: cn("mb-1 leading-none tracking-tight", className), ...props })
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/alert/Alert.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var alertVariants2 = (0, import_class_variance_authority7.cva)("", {
+  variants: {
+    variant: {
+      default: "border-berget-border",
+      info: "berget-tint berget-tint-info",
+      success: "berget-tint berget-tint-success",
+      warning: "berget-tint berget-tint-warning",
+      destructive: "berget-tint berget-tint-error"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Alert2 = React9.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
+);
+Alert2.displayName = "Alert";
+
+// src/components/input/Input.tsx
+var React11 = __toESM(require("react"), 1);
+
+// src/primitives/input.tsx
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Input = React10.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file: file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/input/Input.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Input2 = React11.forwardRef(
+  ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
+    const generatedId = React11.useId();
+    const inputId = id || generatedId;
+    const errorId = `${inputId}-error`;
+    const descriptionId = `${inputId}-description`;
+    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Input,
+      {
+        ref,
+        id: inputId,
+        disabled,
+        "aria-invalid": !!error,
+        "aria-describedby": cn(error && errorId, description && descriptionId),
+        className: cn(
+          "isolate rounded-berget-xs bg-card focus-visible:border-berget-form-focus-border focus-visible:ring-0 focus-visible:ring-offset-0 hover:bg-berget-surface-hover transition-colors duration-200 px-3 sm:px-4 py-2 sm:py-2.5 text-sm",
+          icon && "pl-10",
+          actionButton && "pr-12",
+          error && "border-berget-destructive-foreground/50 bg-berget-destructive",
+          disabled && "cursor-not-allowed",
+          className
+        ),
+        ...props
+      }
+    );
+    if (!icon && !actionButton) {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "label",
+          {
+            htmlFor: inputId,
+            className: cn(
+              "text-sm font-sans leading-none",
+              disabled ? "text-muted-foreground cursor-not-allowed" : "text-foreground",
+              error && "text-berget-destructive-foreground"
+            ),
+            children: label
+          }
+        ),
+        inputElement,
+        (description || error) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            Typography,
+            {
+              variant: "xs",
+              id: errorId,
+              className: "text-berget-destructive-foreground",
+              children: error
+            }
+          )
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "label",
+        {
+          htmlFor: inputId,
+          className: cn(
+            "text-sm font-sans leading-none",
+            disabled ? "text-muted-foreground cursor-not-allowed" : "text-foreground",
+            error && "text-berget-destructive-foreground"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative w-full", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
+        inputElement,
+        actionButton && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+      ] }),
+      (description || error) && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      ] })
+    ] });
+  }
+);
+Input2.displayName = "Input";
+
+// src/components/checkbox/Checkbox.tsx
+var React13 = __toESM(require("react"), 1);
+var CheckboxPrimitive2 = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react3 = require("lucide-react");
+var import_class_variance_authority8 = require("class-variance-authority");
+
+// src/primitives/checkbox.tsx
+var React12 = __toESM(require("react"), 1);
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Checkbox = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var CheckboxIndicator = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  CheckboxPrimitive.Indicator,
+  {
+    ref,
+    className: cn("grid place-content-center", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" })
+  }
+));
+CheckboxIndicator.displayName = CheckboxPrimitive.Indicator.displayName;
+
+// src/components/checkbox/Checkbox.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var checkboxVariants = (0, import_class_variance_authority8.cva)(
+  "inline-flex items-center justify-center rounded-md transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "text-foreground border border-berget-border-interactive bg-berget-surface-subtle hover:bg-berget-surface-raised",
+        error: "border border-berget-destructive-border bg-berget-destructive text-berget-destructive-foreground hover:bg-berget-destructive/90",
+        success: "border border-berget-success-border bg-berget-success text-berget-success-foreground hover:bg-berget-success/90"
+      },
+      size: {
+        sm: "w-4 h-4",
+        default: "w-5 h-5",
+        lg: "w-6 h-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Checkbox2 = React13.forwardRef(
+  ({ className, variant, size, label, description, error, id, disabled, ...props }, ref) => {
+    const generatedId = React13.useId();
+    const checkboxId = id || generatedId;
+    const errorId = `${checkboxId}-error`;
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        Checkbox,
+        {
+          ref,
+          id: checkboxId,
+          disabled,
+          "aria-invalid": !!error,
+          "aria-describedby": error ? errorId : void 0,
+          className: cn(
+            checkboxVariants({ variant, size }),
+            "cursor-pointer",
+            disabled && "cursor-not-allowed pointer-events-none",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_lucide_react3.Check,
+            {
+              className: "h-4 w-4 text-current stroke-current",
+              style: { color: "currentColor", stroke: "currentColor" }
+            }
+          ) })
+        }
+      ) }),
+      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "label",
+          {
+            htmlFor: checkboxId,
+            className: cn(
+              "text-sm font-sans leading-none",
+              disabled ? "text-white/40 cursor-not-allowed" : variant === "error" ? "text-berget-destructive-foreground cursor-pointer" : variant === "success" ? "text-berget-success-foreground cursor-pointer" : "cursor-pointer",
+              error && "text-berget-destructive-foreground"
+            ),
+            children: label
+          }
+        ),
+        description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      ] })
+    ] });
+  }
+);
+Checkbox2.displayName = "Checkbox";
+
+// src/components/switch/Switch.tsx
+var React14 = __toESM(require("react"), 1);
+var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var switchRootVariants = (0, import_class_variance_authority9.cva)(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: "data-[state=unchecked]:bg-berget-border data-[state=checked]:bg-berget-secondary",
+        primary: "data-[state=unchecked]:bg-berget-border-subtle data-[state=checked]:bg-berget-switch-primary-checked",
+        subtle: "data-[state=unchecked]:bg-berget-border-subtle data-[state=checked]:bg-berget-switch-subtle-checked"
+      },
+      size: {
+        sm: "h-5 w-9",
+        default: "h-6 w-11",
+        lg: "h-7 w-[52px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var switchThumbVariants = (0, import_class_variance_authority9.cva)(
+  "pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
+        default: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+        lg: "h-6 w-6 data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-0"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Switch = React14.forwardRef(
+  ({ className, variant, size, label, description, error, id, disabled, ...props }, ref) => {
+    const generatedId = React14.useId();
+    const switchId = id || generatedId;
+    const errorId = `${switchId}-error`;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        SwitchPrimitives.Root,
+        {
+          ref,
+          id: switchId,
+          disabled,
+          "aria-invalid": !!error,
+          "aria-describedby": error ? errorId : void 0,
+          className: cn(
+            switchRootVariants({ variant, size }),
+            disabled && "cursor-not-allowed pointer-events-none",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+        }
+      ),
+      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "label",
+          {
+            htmlFor: switchId,
+            className: cn(
+              "text-sm font-sans leading-none",
+              disabled ? "text-muted-foreground cursor-not-allowed" : error ? "text-berget-destructive-foreground cursor-pointer" : "text-foreground cursor-pointer"
+            ),
+            children: label
+          }
+        ),
+        description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      ] })
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+// src/components/select/Select.tsx
+var React16 = __toESM(require("react"), 1);
+var import_class_variance_authority10 = require("class-variance-authority");
+
+// src/primitives/select.tsx
+var React15 = __toESM(require("react"), 1);
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React15.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm ", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/select/Select.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var selectVariants = (0, import_class_variance_authority10.cva)(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: "border-berget-border-interactive hover:bg-berget-surface-hover",
+        primary: "border-berget-primary-border bg-berget-primary-tint hover:bg-berget-surface-hover",
+        subtle: "border-berget-border-subtle hover:bg-berget-surface-hover",
+        muted: "border-berget-border-subtle/50 hover:bg-berget-surface-hover"
+      },
+      size: {
+        sm: "px-3 py-2 text-xs",
+        default: "px-4 py-3 text-sm",
+        lg: "px-5 py-4 text-base"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Select2 = React16.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    label,
+    description,
+    error,
+    placeholder,
+    options,
+    id,
+    disabled,
+    value,
+    defaultValue,
+    onValueChange,
+    name,
+    required
+  }, ref) => {
+    const generatedId = React16.useId();
+    const selectId = id || generatedId;
+    const errorId = `${selectId}-error`;
+    const descriptionId = `${selectId}-description`;
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "label",
+        {
+          htmlFor: selectId,
+          className: cn(
+            "text-sm font-sans leading-none",
+            disabled ? "text-muted-foreground cursor-not-allowed" : "text-foreground",
+            error && "text-berget-destructive-foreground"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        Select,
+        {
+          value,
+          defaultValue,
+          onValueChange,
+          disabled,
+          name,
+          required,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              SelectTrigger,
+              {
+                ref,
+                id: selectId,
+                "aria-invalid": !!error,
+                "aria-describedby": cn(error && errorId, description && descriptionId),
+                className: cn(
+                  selectVariants({ variant, size }),
+                  error && "border-berget-destructive-foreground/50 bg-berget-destructive",
+                  className
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectValue, { placeholder })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+    ] });
+  }
+);
+Select2.displayName = "Select";
+
+// src/components/text-area/TextArea.tsx
+var React18 = __toESM(require("react"), 1);
+var import_class_variance_authority11 = require("class-variance-authority");
+
+// src/primitives/textarea.tsx
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Textarea = React17.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/text-area/TextArea.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var textAreaVariants = (0, import_class_variance_authority11.cva)(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: "border-berget-border-interactive hover:bg-berget-surface-hover",
+        primary: "border-berget-primary-border bg-berget-primary-tint hover:bg-berget-surface-hover",
+        subtle: "border-berget-border-subtle hover:bg-berget-surface-hover",
+        muted: "border-berget-border-subtle/50 hover:bg-berget-surface-hover"
+      },
+      size: {
+        sm: "px-3 py-2 sm:px-4 sm:py-2.5 text-xs sm:text-sm",
+        default: "px-4 py-3 sm:py-3.5 text-sm",
+        lg: "px-5 py-4 sm:py-5 text-base sm:text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var TextArea = React18.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    label,
+    description,
+    error,
+    placeholder,
+    maxLength,
+    showCount,
+    rows,
+    id,
+    disabled,
+    value,
+    icon,
+    secondaryIcon,
+    actionButton,
+    ...props
+  }, ref) => {
+    const generatedId = React18.useId();
+    const textareaId = id || generatedId;
+    const errorId = `${textareaId}-error`;
+    const descriptionId = `${textareaId}-description`;
+    const characterCount = typeof value === "string" ? value.length : 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "label",
+        {
+          htmlFor: textareaId,
+          className: cn(
+            "text-sm font-sans leading-none",
+            disabled ? "text-muted-foreground cursor-not-allowed" : "text-foreground",
+            error && "text-berget-destructive-foreground"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          Textarea,
+          {
+            ref,
+            id: textareaId,
+            disabled,
+            "aria-invalid": !!error,
+            "aria-describedby": cn(error && errorId, description && descriptionId),
+            className: cn(
+              textAreaVariants({ variant, size }),
+              error && "border-berget-destructive-foreground/50 bg-berget-destructive",
+              disabled && "cursor-not-allowed",
+              icon && "pl-11",
+              secondaryIcon && "pr-20",
+              actionButton && !secondaryIcon && "pr-12",
+              secondaryIcon && actionButton && "pr-20",
+              className
+            ),
+            placeholder,
+            maxLength,
+            rows,
+            value,
+            ...props
+          }
+        ),
+        secondaryIcon && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
+        actionButton && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+      ] }),
+      (description || error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        (error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
+          showCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            Typography,
+            {
+              variant: "xs",
+              className: cn(
+                characterCount >= maxLength ? "text-berget-destructive-foreground" : "text-muted-foreground"
+              ),
+              children: [
+                characterCount,
+                "/",
+                maxLength
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            Typography,
+            {
+              variant: "xs",
+              id: errorId,
+              className: "text-berget-destructive-foreground",
+              children: error
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+
+// src/primitives/label.tsx
+var React19 = __toESM(require("react"), 1);
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
+var import_class_variance_authority12 = require("class-variance-authority");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority12.cva)(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// src/primitives/field.tsx
+var import_react = require("react");
+var import_class_variance_authority13 = require("class-variance-authority");
+
+// src/primitives/separator.tsx
+var React20 = __toESM(require("react"), 1);
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Separator2 = React20.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className
+    ),
+    ...props
+  }
+));
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/primitives/field.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = (0, import_class_variance_authority13.cva)("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
+  variants: {
+    orientation: {
+      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+      horizontal: [
+        "flex-row items-center",
+        "[&>[data-slot=field-label]]:flex-auto",
+        "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
+      ],
+      responsive: [
+        "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+      ]
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    Label2,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "span",
+          {
+            className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+            "data-slot": "field-separator-content",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = (0, import_react.useMemo)(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors) {
+      return null;
+    }
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: error.message }, index)) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-destructive text-sm font-normal", className),
+      ...props,
+      children: content
+    }
+  );
+}
+
+// src/components/link/Link.tsx
+var React21 = __toESM(require("react"), 1);
+var import_class_variance_authority14 = require("class-variance-authority");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var linkVariants = (0, import_class_variance_authority14.cva)(
+  "inline-flex 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",
+  {
+    variants: {
+      variant: {
+        default: "text-foreground hover:text-foreground/80",
+        primary: "text-berget-secondary hover:text-berget-secondary/80",
+        secondary: "text-berget-accent hover:text-berget-accent/80",
+        ghost: "text-muted-foreground hover:text-foreground",
+        muted: "text-muted-foreground hover:text-muted-foreground/80",
+        code: "text-berget-secondary hover:text-berget-secondary/80 font-mono text-sm bg-berget-primary-tint px-2 py-1 rounded hover:bg-berget-primary-tint-hover"
+      },
+      size: {
+        sm: "text-sm",
+        default: "text-base",
+        lg: "text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Link = React21.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    external = false,
+    icon,
+    showExternalIcon = false,
+    disabled = false,
+    children,
+    ...props
+  }, ref) => {
+    const isExternal = external || typeof props.href === "string" && (props.href.startsWith("http://") || props.href.startsWith("https://") || props.href.startsWith("mailto:") || props.href.startsWith("tel:"));
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      "a",
+      {
+        ref,
+        className: cn(linkVariants({ variant, size }), className),
+        ...disabled && {
+          "aria-disabled": true,
+          onClick: (e) => e.preventDefault()
+        },
+        ...props,
+        ...isExternal && !disabled && {
+          rel: "noopener noreferrer",
+          target: "_blank"
+        },
+        children: [
+          children,
+          icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "inline-flex items-center", children: icon }),
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { icon: import_lucide_react5.ExternalLink, size: 16 }) })
+        ]
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+
+// src/components/section/Section.tsx
+var React23 = __toESM(require("react"), 1);
+var import_class_variance_authority16 = require("class-variance-authority");
+
+// src/components/container/Container.tsx
+var React22 = __toESM(require("react"), 1);
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_class_variance_authority15 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var containerVariants = (0, import_class_variance_authority15.cva)("w-full mx-auto", {
+  variants: {
+    size: {
+      sm: "max-w-3xl",
+      md: "max-w-5xl",
+      lg: "max-w-7xl",
+      xl: "max-w-screen-xl",
+      full: "max-w-full"
+    },
+    padding: {
+      none: "px-0",
+      sm: "px-4 sm:px-6",
+      md: "px-4 sm:px-6 lg:px-8",
+      lg: "px-4 sm:px-8 lg:px-12"
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    padding: "md"
+  }
+});
+var Container = React22.forwardRef(
+  ({ className, size, padding, asChild = false, children, ...props }, ref) => {
+    const Component = asChild ? import_react_slot2.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      Component,
+      {
+        ref,
+        className: cn(containerVariants({ size, padding }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+// src/components/section/Section.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var sectionVariants = (0, import_class_variance_authority16.cva)("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 = React23.forwardRef(
+  ({ className, padding, background, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "section",
+      {
+        ref,
+        className: cn(sectionVariants({ padding, background }), className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Container, { children })
+      }
+    );
+  }
+);
+Section.displayName = "Section";
+
+// src/components/section-header/SectionHeader.tsx
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var SectionHeader = React24.forwardRef(
+  ({
+    className,
+    title,
+    description,
+    descriptionVariant = "large",
+    tagline,
+    action,
+    headingLevel = "h2",
+    id,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        id,
+        ref,
+        className: cn("w-full px-fluid-md py-fluid-xl text-center", className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center gap-fluid-lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "max-w-3xl mx-auto flex flex-col items-center gap-fluid-lg", children: [
+            tagline && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge, { variant: "default", className: "text-sm", children: tagline }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col items-center gap-fluid-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typography, { variant: headingLevel, children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typography, { variant: descriptionVariant, color: "muted", children: description })
+            ] })
+          ] }),
+          action && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mt-4", children: action })
+        ] })
+      }
+    );
+  }
+);
+SectionHeader.displayName = "SectionHeader";
+
+// src/components/grid/Grid.tsx
+var React25 = __toESM(require("react"), 1);
+var import_class_variance_authority17 = require("class-variance-authority");
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var gridVariants = (0, import_class_variance_authority17.cva)("grid", {
+  variants: {
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    align: "stretch",
+    justify: "start"
+  }
+});
+var Grid = React25.forwardRef(
+  ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
+    const Component = asChild ? import_react_slot3.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      Component,
+      {
+        ref,
+        className: cn(
+          gridVariants({ align, justify }),
+          cols !== void 0 && `grid-cols-${cols}`,
+          rows !== void 0 && `grid-rows-${rows}`,
+          gap !== void 0 && `gap-${gap}`,
+          gapX !== void 0 && `gap-x-${gapX}`,
+          gapY !== void 0 && `gap-y-${gapY}`,
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+
+// src/components/box/Box.tsx
+var React26 = __toESM(require("react"), 1);
+var import_class_variance_authority18 = require("class-variance-authority");
+var import_react_slot4 = require("@radix-ui/react-slot");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var boxVariants = (0, import_class_variance_authority18.cva)("flex", {
+  variants: {
+    direction: {
+      row: "flex-row",
+      column: "flex-col",
+      "row-reverse": "flex-row-reverse",
+      "column-reverse": "flex-col-reverse"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      "wrap-reverse": "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    direction: "column",
+    align: "start",
+    justify: "start",
+    wrap: "nowrap"
+  }
+});
+var Box = React26.forwardRef(
+  ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
+    const Component = asChild ? import_react_slot4.Slot : "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      Component,
+      {
+        ref,
+        className: cn(
+          boxVariants({ direction, align, justify, wrap }),
+          gap !== void 0 && `gap-${gap}`,
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Box.displayName = "Box";
+
+// src/components/berget-logo/BergetLogo.tsx
+var React27 = __toESM(require("react"), 1);
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var BergetLogo = React27.forwardRef(
+  ({ variant = "logotype", color = "white", size = 48, className, ...props }, ref) => {
+    const fillColor = 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__ */ (0, import_jsx_runtime28.jsx)(
+        "svg",
+        {
+          ref,
+          width: width2,
+          height: height2,
+          viewBox: "0 0 463 419",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-label": "Berget symbol",
+          className: cn("inline-block", className),
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            "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",
+              style: { fill: fillColor }
+            }
+          )
+        }
+      );
+    }
+    const aspectRatio = 793.63 / 204.37;
+    const width = size * aspectRatio;
+    const height = size;
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      "svg",
+      {
+        ref,
+        width,
+        height,
+        viewBox: "0 0 793.63 204.37",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        role: "img",
+        "aria-label": "Berget",
+        className: cn("inline-block", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("g", { style: { fill: fillColor }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              "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__ */ (0, import_jsx_runtime28.jsx)(
+              "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__ */ (0, import_jsx_runtime28.jsx)(
+              "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__ */ (0, import_jsx_runtime28.jsx)(
+              "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__ */ (0, import_jsx_runtime28.jsx)(
+              "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__ */ (0, import_jsx_runtime28.jsx)(
+              "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__ */ (0, import_jsx_runtime28.jsx)(
+              "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__ */ (0, import_jsx_runtime28.jsx)("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            "path",
+            {
+              style: { fill: fillColor },
+              d: "M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+BergetLogo.displayName = "BergetLogo";
+
+// src/components/header/Header.tsx
+var React29 = __toESM(require("react"), 1);
+var import_class_variance_authority19 = require("class-variance-authority");
+var import_lucide_react7 = require("lucide-react");
+
+// src/components/language-select/LanguageSelect.tsx
+var React28 = __toESM(require("react"), 1);
+var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var LanguageSelect = React28.forwardRef(({ className, options, value, onValueChange }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SelectPrimitive2.Root, { value, onValueChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      SelectPrimitive2.Trigger,
+      {
+        ref,
+        className: cn(
+          // Base styles
+          "h-8 w-8 p-0 rounded-full",
+          "flex items-center justify-center",
+          // Border and background
+          "border border-berget-border-subtle",
+          "bg-transparent",
+          // Hover effect
+          "hover:bg-berget-surface-hover",
+          // Transitions
+          "transition-all duration-200",
+          // Focus styles - remove all focus rings
+          "focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+          // Disabled state
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { icon: import_lucide_react6.Globe, size: 16 })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      SelectPrimitive2.Content,
+      {
+        className: cn(
+          // Positioning and z-index
+          "relative z-50 min-w-[8rem]",
+          // Overflow handling
+          "overflow-y-auto overflow-x-hidden",
+          // Border and background
+          "border border-berget-border bg-berget-background",
+          "text-berget-foreground",
+          // Shadow
+          "shadow-berget-lg",
+          // Rounded corners
+          "rounded-md",
+          // Animations
+          "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",
+          // Position-based animations
+          "data-[side=bottom]:slide-in-from-top-2",
+          "data-[side=left]:slide-in-from-right-2",
+          "data-[side=right]:slide-in-from-left-2",
+          "data-[side=top]:slide-in-from-bottom-2",
+          // Origin for transforms
+          "origin-[--radix-select-content-transform-origin]"
+        ),
+        position: "popper",
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive2.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          SelectPrimitive2.Item,
+          {
+            value: option.value,
+            disabled: option.disabled,
+            className: cn(
+              // Layout
+              "relative flex w-full cursor-default",
+              "select-none items-center rounded-sm py-2 px-3",
+              // Text
+              "text-sm outline-none",
+              // Focus/hover styles
+              "focus:bg-berget-primary-tint focus:text-berget-foreground",
+              "hover:bg-berget-primary-tint",
+              // Disabled state
+              "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive2.ItemText, { children: option.label })
+          },
+          option.value
+        )) })
+      }
+    ) })
+  ] });
+});
+LanguageSelect.displayName = "LanguageSelect";
+
+// src/components/header/Header.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var headerVariants = (0, import_class_variance_authority19.cva)(
+  "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 = React29.createContext({
+  isMobileMenuOpen: false,
+  setIsMobileMenuOpen: () => {
+  }
+});
+var useHeaderContext = () => React29.useContext(HeaderContext);
+var HeaderLogo = React29.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { ref, className: cn("flex items-center", className), ...props, children })
+);
+HeaderLogo.displayName = "HeaderLogo";
+var HeaderNav = React29.forwardRef(({ className, links, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("nav", { ref, className: cn("hidden md:flex items-center gap-fluid-lg", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "flex items-center gap-fluid-lg", children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    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__ */ (0, import_jsx_runtime30.jsx)("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { icon: link.icon, size: 16 }) }),
+        link.label
+      ]
+    }
+  ) }, link.href)) }) });
+});
+HeaderNav.displayName = "HeaderNav";
+var HeaderActions = React29.forwardRef(
+  ({
+    className,
+    languageOptions,
+    currentLanguage,
+    onLanguageChange,
+    loginButton,
+    ctaButton,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { ref, className: cn("hidden md:flex items-center gap-2", className), ...props, children: [
+      languageOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        LanguageSelect,
+        {
+          options: languageOptions,
+          value: currentLanguage,
+          onValueChange: onLanguageChange
+        }
+      ),
+      loginButton,
+      ctaButton
+    ] });
+  }
+);
+HeaderActions.displayName = "HeaderActions";
+var MobileMenuButton = React29.forwardRef(({ className, ...props }, ref) => {
+  const { isMobileMenuOpen, setIsMobileMenuOpen } = useHeaderContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "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-dark",
+        className
+      ),
+      onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen),
+      "aria-label": isMobileMenuOpen ? "Close menu" : "Open menu",
+      "aria-expanded": isMobileMenuOpen,
+      "aria-controls": "mobile-menu",
+      ...props,
+      children: isMobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { icon: import_lucide_react7.X, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { icon: import_lucide_react7.Menu, size: 16 })
+    }
+  );
+});
+MobileMenuButton.displayName = "MobileMenuButton";
+var MobileMenu = React29.forwardRef(
+  ({
+    className,
+    links,
+    languageOptions,
+    currentLanguage,
+    onLanguageChange,
+    loginButton,
+    ctaButton,
+    ...props
+  }, ref) => {
+    const { isMobileMenuOpen, setIsMobileMenuOpen } = useHeaderContext();
+    if (!isMobileMenuOpen) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      "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__ */ (0, import_jsx_runtime30.jsxs)(Box, { direction: "column", gap: 0, className: "py-fluid-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "px-fluid-md pb-fluid-md border-b border-berget-border/50", children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            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__ */ (0, import_jsx_runtime30.jsx)("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { icon: link.icon, size: 16 }) }),
+                link.label
+              ]
+            }
+          ) }, link.href)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "px-fluid-md py-fluid-md", children: [
+            languageOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mb-fluid-md", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              LanguageSelect,
+              {
+                options: languageOptions,
+                value: currentLanguage,
+                onValueChange: onLanguageChange
+              }
+            ) }),
+            loginButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mb-fluid-md w-full", children: loginButton }),
+            ctaButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full", children: ctaButton })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+MobileMenu.displayName = "MobileMenu";
+var Header = React29.forwardRef(
+  ({
+    className,
+    variant,
+    logo,
+    links,
+    languageOptions,
+    loginButton,
+    ctaButton,
+    currentLanguage,
+    onLanguageChange,
+    ...props
+  }, ref) => {
+    const [isMobileMenuOpen, setIsMobileMenuOpen] = React29.useState(false);
+    React29.useEffect(() => {
+      if (isMobileMenuOpen) {
+        document.body.style.overflow = "hidden";
+      } else {
+        document.body.style.overflow = "unset";
+      }
+      return () => {
+        document.body.style.overflow = "unset";
+      };
+    }, [isMobileMenuOpen]);
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HeaderContext.Provider, { value: { isMobileMenuOpen, setIsMobileMenuOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("header", { ref, className: cn(headerVariants({ variant }), className), ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Container, { size: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Box, { direction: "row", align: "center", justify: "between", className: "h-16", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HeaderLogo, { children: logo || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(BergetLogo, { variant: "logotype", color: "white", size: 32 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HeaderNav, { links }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Box, { direction: "row", align: "center", gap: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            HeaderActions,
+            {
+              languageOptions,
+              currentLanguage,
+              onLanguageChange,
+              loginButton,
+              ctaButton
+            }
+          ),
+          ctaButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "md:hidden", children: ctaButton }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(MobileMenuButton, {})
+        ] })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        MobileMenu,
+        {
+          links,
+          languageOptions,
+          currentLanguage,
+          onLanguageChange,
+          loginButton,
+          ctaButton
+        }
+      )
+    ] }) });
+  }
+);
+Header.displayName = "Header";
+
+// src/components/feature-cards/FeatureCards.tsx
+var React32 = __toESM(require("react"), 1);
+var import_class_variance_authority21 = require("class-variance-authority");
+
+// src/components/list/List.tsx
+var React31 = __toESM(require("react"), 1);
+
+// src/components/divider/Divider.tsx
+var React30 = __toESM(require("react"), 1);
+var import_class_variance_authority20 = require("class-variance-authority");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var dividerVariants = (0, import_class_variance_authority20.cva)("", {
+  variants: {
+    variant: {
+      default: "bg-berget-separator",
+      subtle: "bg-berget-separator-subtle",
+      strong: "bg-berget-border-interactive",
+      primary: "bg-berget-primary-border",
+      muted: "bg-berget-separator-subtle"
+    },
+    size: {
+      thin: "",
+      medium: "!h-[2px]",
+      thick: "!h-[4px]"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "thin"
+  }
+});
+var Divider = React30.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    variant,
+    size,
+    label,
+    labelPosition = "center",
+    ...props
+  }, ref) => {
+    if (label) {
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
+        labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          Separator2,
+          {
+            orientation: "horizontal",
+            className: cn(dividerVariants({ variant, size }), "flex-1")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          Separator2,
+          {
+            orientation: "horizontal",
+            className: cn(dividerVariants({ variant, size }), "flex-1")
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      Separator2,
+      {
+        ref,
+        orientation,
+        className: cn(
+          dividerVariants({ variant, size }),
+          orientation === "vertical" && "h-full !w-[1px]",
+          className
+        )
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+
+// src/components/list/List.tsx
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var List = React31.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const childrenArray = React31.Children.toArray(children);
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(React31.Fragment, { children: [
+      child,
+      index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Divider, { variant: "subtle" })
+    ] }, index)) });
+  }
+);
+List.displayName = "List";
+var ListItem = React31.forwardRef(
+  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-4 px-4 py-3 sm:px-6 sm:py-4",
+        interactive && "transition-all duration-200 hover:bg-berget-surface-hover cursor-pointer",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-1 min-w-0", children })
+      ]
+    }
+  )
+);
+ListItem.displayName = "ListItem";
+var ListHeader = React31.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("px-4 py-2 sm:px-6 sm:py-3 text-sm text-muted-foreground", className),
+      ...props,
+      children
+    }
+  )
+);
+ListHeader.displayName = "ListHeader";
+var FeatureList = React31.forwardRef(
+  ({ items, variant = "bullet", className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { icon: import_lucide_react8.Check, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { variant: "body", color: "muted", children: item })
+    ] }, index)) });
+  }
+);
+FeatureList.displayName = "FeatureList";
+
+// src/components/feature-cards/FeatureCards.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var featureCardVariants = (0, import_class_variance_authority21.cva)("", {
+  variants: {
+    variant: {
+      highlight: "",
+      glass: "",
+      solid: ""
+    }
+  },
+  defaultVariants: {
+    variant: "highlight"
+  }
+});
+var FeatureCard = React32.forwardRef(
+  ({
+    className,
+    variant = "highlight",
+    icon: Icon3,
+    iconColor,
+    title,
+    description,
+    badge,
+    linkText,
+    linkHref,
+    items,
+    columns: _columns,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      Card2,
+      {
+        ref,
+        variant,
+        className: cn("w-full py-fluid-lg px-fluid-md", className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col items-start gap-fluid-md", children: [
+          (Icon3 || badge) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+            Icon3 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex h-7 w-7 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              Icon3,
+              {
+                className: cn("h-7 w-7", iconColor || "text-foreground"),
+                strokeWidth: 1.5
+              }
+            ) }),
+            badge && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex h-6 items-center justify-start px-6 bg-berget-feature-card-badge-bg rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              Typography,
+              {
+                variant: "body",
+                as: "span",
+                className: "text-berget-feature-card-badge-fg",
+                children: badge
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Typography, { variant: "h3", className: "text-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Typography, { variant: "body", className: "text-foreground/80", children: description }),
+          items && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FeatureList, { items, variant: "bullet" }),
+          linkText && linkHref && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("a", { href: linkHref, className: "text-p font-p leading-p text-berget-accent", children: [
+            linkText,
+            " \u2192"
+          ] })
+        ] })
+      }
+    );
+  }
+);
+FeatureCard.displayName = "FeatureCard";
+var FeatureCards = React32.forwardRef(
+  ({ features, columns = 3, className }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "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__ */ (0, import_jsx_runtime33.jsx)(FeatureCard, { ...feature }, index))
+      }
+    );
+  }
+);
+FeatureCards.displayName = "FeatureCards";
+
+// src/components/hero-block/HeroBlock.tsx
+var React33 = __toESM(require("react"), 1);
+var import_class_variance_authority22 = require("class-variance-authority");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var heroBlockVariants = (0, import_class_variance_authority22.cva)(
+  "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
+  {
+    variants: {
+      variant: {
+        default: "",
+        moss: "",
+        gradient: ""
+      },
+      withPattern: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      withPattern: false
+    }
+  }
+);
+var HeroBlock = React33.forwardRef(
+  ({
+    className,
+    variant,
+    withPattern,
+    taglineIcon: TaglineIcon,
+    tagline,
+    title,
+    description,
+    actions,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(heroBlockVariants({ variant, withPattern }), className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mx-auto text-center max-w-4xl", children: [
+          tagline && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            Badge,
+            {
+              variant: "default",
+              icon: TaglineIcon ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { icon: TaglineIcon, size: 16 }) : void 0,
+              iconGap: 2,
+              className: "mb-fluid-md",
+              children: tagline
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
+        ] }) })
+      }
+    );
+  }
+);
+HeroBlock.displayName = "HeroBlock";
+
+// src/components/stat-card/StatCard.tsx
+var React34 = __toESM(require("react"), 1);
+var import_class_variance_authority23 = require("class-variance-authority");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var statCardVariants = (0, import_class_variance_authority23.cva)("", {
+  variants: {
+    variant: {
+      highlight: "",
+      glass: "",
+      solid: ""
+    }
+  },
+  defaultVariants: {
+    variant: "highlight"
+  }
+});
+var StatCard = React34.forwardRef(
+  ({
+    className,
+    variant = "highlight",
+    icon: Icon3,
+    iconColor,
+    title,
+    description,
+    stats,
+    badge: _badge,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      Card2,
+      {
+        ref,
+        variant,
+        className: cn("w-full py-fluid-lg px-fluid-md", className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col h-full gap-fluid-md", children: [
+          Icon3 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex h-7 w-7 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            Icon3,
+            {
+              className: cn("h-7 w-7", iconColor || "text-berget-foreground"),
+              strokeWidth: 1.5
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, { variant: "h3", as: "h3", className: "text-berget-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            Typography,
+            {
+              variant: "body",
+              className: "text-berget-foreground/80 leading-relaxed flex-grow",
+              children: description
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, { variant: "small", as: "div", className: "font-medium text-berget-foreground", children: stats })
+        ] })
+      }
+    );
+  }
+);
+StatCard.displayName = "StatCard";
+
+// src/components/code-block/CodeBlock.tsx
+var import_react2 = require("react");
+var import_lucide_react9 = require("lucide-react");
+
+// src/lib/shiki.ts
+var import_core = require("shiki/core");
+var import_oniguruma = require("shiki/engine/oniguruma");
+
+// src/lib/shiki-theme.ts
+var bergetShikiTheme = {
+  name: "berget",
+  type: "dark",
+  colors: {
+    "editor.background": "#1a1a1a",
+    "editor.foreground": "#e7e0d9"
+  },
+  settings: [
+    {
+      settings: {
+        foreground: "#e7e0d9"
+        // sandstone-100
+      }
+    },
+    {
+      scope: ["comment", "punctuation.definition.comment"],
+      settings: {
+        foreground: "#e7e0d980",
+        fontStyle: "italic"
+      }
+    },
+    {
+      scope: ["keyword", "keyword.control", "keyword.operator.new", "storage", "storage.type"],
+      settings: {
+        foreground: "#57a57f"
+        // moss-400
+      }
+    },
+    {
+      scope: ["string", "string.quoted", "string.template"],
+      settings: {
+        foreground: "#86c0a2"
+        // moss-300
+      }
+    },
+    {
+      scope: ["entity.name.function", "support.function", "meta.function-call"],
+      settings: {
+        foreground: "#5b9ac1"
+        // fjord-400
+      }
+    },
+    {
+      scope: ["entity.name.type", "entity.name.class", "support.type", "support.class"],
+      settings: {
+        foreground: "#e3a500"
+        // chanterelle-300
+      }
+    },
+    {
+      scope: ["constant.numeric", "constant.language"],
+      settings: {
+        foreground: "#86c0a2"
+        // moss-300
+      }
+    },
+    {
+      scope: ["variable", "variable.other"],
+      settings: {
+        foreground: "#e7e0d9"
+        // sandstone-100
+      }
+    },
+    {
+      scope: ["variable.parameter"],
+      settings: {
+        foreground: "#e7e0d9e6"
+      }
+    },
+    {
+      scope: ["punctuation", "keyword.operator", "keyword.operator.assignment"],
+      settings: {
+        foreground: "#e7e0d9b3"
+      }
+    },
+    {
+      scope: ["entity.name.tag", "support.type.property-name"],
+      settings: {
+        foreground: "#57a57f"
+        // moss-400 (for YAML keys, HTML tags)
+      }
+    },
+    {
+      scope: ["meta.object-literal.key"],
+      settings: {
+        foreground: "#5b9ac1"
+        // fjord-400
+      }
+    }
+  ]
+};
+
+// src/lib/shiki.ts
+var defaultLanguages = [
+  import("shiki/langs/typescript.mjs"),
+  import("shiki/langs/javascript.mjs"),
+  import("shiki/langs/bash.mjs"),
+  import("shiki/langs/yaml.mjs"),
+  import("shiki/langs/json.mjs"),
+  import("shiki/langs/python.mjs"),
+  import("shiki/langs/dockerfile.mjs"),
+  import("shiki/langs/markdown.mjs"),
+  import("shiki/langs/html.mjs"),
+  import("shiki/langs/css.mjs"),
+  import("shiki/langs/shell.mjs")
+];
+var highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = (0, import_core.createHighlighterCore)({
+      themes: [bergetShikiTheme],
+      langs: defaultLanguages,
+      engine: (0, import_oniguruma.createOnigurumaEngine)(import("shiki/wasm"))
+    });
+  }
+  return highlighterPromise;
+}
+
+// src/components/code-block/CodeBlock.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function CodeBlock({ code, language = "text", title, className }) {
+  const [html, setHtml] = (0, import_react2.useState)(null);
+  const [copied, setCopied] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    getHighlighter().then((highlighter) => {
+      const loadedLangs = highlighter.getLoadedLanguages();
+      const lang = loadedLangs.includes(language) ? language : "text";
+      setHtml(highlighter.codeToHtml(code, { lang, theme: "berget" }));
+    });
+  }, [code, language]);
+  const handleCopy = (0, import_react2.useCallback)(async () => {
+    await navigator.clipboard.writeText(code);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [code]);
+  const copyButton = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "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__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react9.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react9.Copy, { className: "w-3.5 h-3.5" })
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+    "div",
+    {
+      className: cn(
+        "rounded-berget-sm border bg-berget-codeblock-bg border-berget-border backdrop-blur-[12px] relative overflow-hidden isolate",
+        className
+      ),
+      children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          "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__ */ (0, import_jsx_runtime36.jsx)("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("code", { children: code }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Badge,
+  BergetLogo,
+  BergetLogotype,
+  BergetSymbol,
+  Box,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  CodeBlock,
+  Container,
+  FeatureCard,
+  FeatureCards,
+  FeatureList,
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  Grid,
+  Header,
+  HeroBlock,
+  Icon,
+  Input,
+  Label,
+  LanguageSelect,
+  Link,
+  List,
+  ListHeader,
+  ListItem,
+  Section,
+  SectionHeader,
+  Select,
+  StatCard,
+  Switch,
+  TextArea,
+  Typography,
+  alertVariants,
+  badgeVariants,
+  boxVariants,
+  buttonVariants,
+  cardVariants,
+  checkboxVariants,
+  containerVariants,
+  gridVariants,
+  linkVariants,
+  sectionVariants,
+  selectVariants,
+  switchRootVariants,
+  switchThumbVariants,
+  textAreaVariants,
+  typographyVariants
+});
+//# sourceMappingURL=index.cjs.map