@bergetai/ui 0.1.84 → 0.1.86

package/dist/index.cjs

@@ -64,7 +64,7 @@ __export(index_exports, {
   Grid: () => Grid,
   Header: () => Header,
   HeroBlock: () => HeroBlock,
-  Icon: () => Icon,
+  Icon: () => Icon2,
   Input: () => Input2,
   Label: () => Label2,
   LanguageSelect: () => LanguageSelect,
@@ -83,7 +83,7 @@ __export(index_exports, {
   alertVariants: () => alertVariants2,
   badgeVariants: () => badgeVariants,
   boxVariants: () => boxVariants,
-  buttonVariants: () => buttonVariants2,
+  buttonVariants: () => buttonVariants,
   cardVariants: () => cardVariants,
   checkboxVariants: () => checkboxVariants,
   containerVariants: () => containerVariants,
@@ -294,31 +294,34 @@ var ThemeToggle = React2.forwardRef(
 ThemeToggle.displayName = "ThemeToggle";
 
 // src/components/button/Button.tsx
-var React5 = __toESM(require("react"), 1);
-var import_class_variance_authority2 = require("class-variance-authority");
+var React4 = __toESM(require("react"), 1);
 
 // src/primitives/button.tsx
 var React3 = __toESM(require("react"), 1);
-var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
+var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime3 = 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",
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     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",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         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"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -335,91 +338,64 @@ var Button = React3.forwardRef(
 );
 Button.displayName = "Button";
 
-// src/components/icon/Icon.tsx
-var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var iconStrokeMap = {
-  16: 1.4,
-  24: 1.6,
-  32: 1.8
-};
-var Icon = React4.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_runtime4.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_runtime5 = 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: "bg-berget-background border border-berget-border-interactive 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 import_jsx_runtime4 = require("react/jsx-runtime");
+function brandVariantClasses(variant) {
+  switch (variant) {
+    case "primary":
+      return "bg-berget-button-primary-bg text-berget-button-primary-fg shadow-lg hover:bg-berget-button-primary-bg/90 hover:shadow-xl";
+    case "secondary":
+      return "bg-berget-button-secondary-bg text-berget-button-secondary-fg shadow hover:bg-berget-button-secondary-bg/80 hover:shadow-lg";
+    case "destructive":
+      return "bg-berget-button-destructive-bg text-berget-button-destructive-fg shadow-sm hover:bg-berget-button-destructive-bg/80 hover:shadow";
+    case "outline":
+      return "border-berget-border-interactive bg-transparent text-berget-foreground hover:bg-berget-surface-hover hover:text-berget-foreground hover:border-berget-border-interactive-elevated";
+    case "ghost":
+      return "bg-transparent text-berget-foreground hover:bg-berget-brand-granite-800 hover:text-berget-foreground";
+    case "link":
+      return "bg-transparent hover:bg-transparent focus:bg-transparent active:bg-transparent text-berget-button-link-fg underline-offset-4 hover:underline";
+    case "default":
+    default:
+      return "bg-berget-button-default-bg text-berget-button-default-fg shadow-lg hover:bg-berget-button-default-bg/90 hover:shadow-xl";
   }
-);
-var Button2 = React5.forwardRef(
+}
+function primitiveVariant(variant) {
+  switch (variant) {
+    case "primary":
+      return "ghost";
+    default:
+      return variant;
+  }
+}
+var Button2 = React4.forwardRef(
   ({
     className,
-    variant,
+    variant = "default",
     size,
-    width,
     asChild = false,
     isLoading = false,
+    width = "default",
     type = "button",
     children,
     ...props
   }, ref) => {
-    const isIcon = variant === "icon";
+    const isIcon = typeof size === "string" && size.startsWith("icon");
+    const isLink = variant === "link";
+    const baseClass = cn(
+      !isLink && buttonVariants({ variant: primitiveVariant(variant), size }),
+      // Berget brand overrides
+      !isLink && "rounded-full",
+      brandVariantClasses(variant),
+      !isLink && width === "full" && "w-full",
+      isIcon && "rounded-full shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)]",
+      className
+    );
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         Button,
         {
-          className: cn(buttonVariants2({ variant, size, width }), className),
+          className: baseClass,
           ref,
           asChild: true,
           type,
@@ -430,17 +406,17 @@ var Button2 = React5.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Button,
       {
-        className: cn(buttonVariants2({ variant, size, width }), className),
+        className: baseClass,
         ref,
         type,
         "aria-disabled": isLoading || void 0,
         "aria-busy": isLoading || void 0,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: cn("inline-flex items-center", !isIcon && "gap-2"), children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { icon: import_lucide_react.Loader2, size: 16, className: "animate-spin", "aria-hidden": true }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: cn("inline-flex items-center", !isIcon && "gap-2"), children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Loader2, { className: "animate-spin", size: 16, "aria-hidden": "true" }),
           !isIcon && children
         ] }) : children })
       }
@@ -450,10 +426,10 @@ var Button2 = React5.forwardRef(
 Button2.displayName = "Button";
 
 // src/components/typography/Typography.tsx
-var React6 = __toESM(require("react"), 1);
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var typographyVariants = (0, import_class_variance_authority3.cva)("", {
+var React5 = __toESM(require("react"), 1);
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var typographyVariants = (0, import_class_variance_authority2.cva)("", {
   variants: {
     variant: {
       // Fluid heading scale — use @theme tokens (clamp-based, 390px → 1440px)
@@ -497,10 +473,10 @@ var defaultElementMap = {
   mono: "p",
   code: "span"
 };
-var Typography = React6.forwardRef(
+var Typography = React5.forwardRef(
   ({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
     const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Component,
       {
         className: cn(typographyVariants({ variant, color }), className),
@@ -514,14 +490,14 @@ var Typography = React6.forwardRef(
 Typography.displayName = "Typography";
 
 // src/components/card/Card.tsx
-var React8 = __toESM(require("react"), 1);
-var import_class_variance_authority4 = require("class-variance-authority");
+var React7 = __toESM(require("react"), 1);
+var import_class_variance_authority3 = require("class-variance-authority");
 
 // src/primitives/card.tsx
-var React7 = __toESM(require("react"), 1);
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Card = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Card = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       ref,
@@ -531,30 +507,30 @@ var Card = React7.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+var CardHeader = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { ref, className: cn("text-2xl leading-none tracking-tight", className), ...props })
+var CardTitle = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { ref, className: cn("text-2xl leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+var CardDescription = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
+var CardContent = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+var CardFooter = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime8 = require("react/jsx-runtime");
-var cardVariants = (0, import_class_variance_authority4.cva)("rounded-berget-sm", {
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var cardVariants = (0, import_class_variance_authority3.cva)("rounded-berget-sm", {
   variants: {
     variant: {
       outlined: "bg-transparent border border-berget-border",
@@ -572,9 +548,9 @@ var cardVariants = (0, import_class_variance_authority4.cva)("rounded-berget-sm"
     padding: "md"
   }
 });
-var Card2 = React8.forwardRef(
+var Card2 = React7.forwardRef(
   ({ className, variant, padding, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Card,
       {
         ref,
@@ -588,10 +564,10 @@ var Card2 = React8.forwardRef(
 Card2.displayName = "Card";
 
 // src/components/badge/Badge.tsx
-var React9 = __toESM(require("react"), 1);
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority5.cva)(
+var React8 = __toESM(require("react"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority4.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: {
@@ -623,10 +599,10 @@ var badgeVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var Badge = React9.forwardRef(
+var Badge = React8.forwardRef(
   ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn(badgeVariants({ variant, status, size }), className), ref, ...props, children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { marginRight: children ? `${iconGap * 0.25}rem` : "0" }, children: icon }),
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cn(badgeVariants({ variant, status, size }), className), ref, ...props, children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { marginRight: children ? `${iconGap * 0.25}rem` : "0" }, children: icon }),
       children
     ] });
   }
@@ -634,14 +610,14 @@ var Badge = React9.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/alert/Alert.tsx
-var React11 = __toESM(require("react"), 1);
-var import_class_variance_authority7 = require("class-variance-authority");
-
-// src/primitives/alert.tsx
 var React10 = __toESM(require("react"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority6.cva)(
+
+// src/primitives/alert.tsx
+var React9 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority5.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: {
@@ -655,18 +631,18 @@ var alertVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Alert = React10.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React9.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h5", { ref, className: cn("mb-1 leading-none tracking-tight", className), ...props })
+var AlertTitle = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h5", { ref, className: cn("mb-1 leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
+var AlertDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/alert/Alert.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var alertVariants2 = (0, import_class_variance_authority7.cva)("", {
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var alertVariants2 = (0, import_class_variance_authority6.cva)("", {
   variants: {
     variant: {
       default: "border-berget-border",
@@ -680,20 +656,20 @@ var alertVariants2 = (0, import_class_variance_authority7.cva)("", {
     variant: "default"
   }
 });
-var Alert2 = React11.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
+var Alert2 = React10.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
 );
 Alert2.displayName = "Alert";
 
 // src/components/input/Input.tsx
-var React13 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 
 // src/primitives/input.tsx
-var React12 = __toESM(require("react"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var Input = React12.forwardRef(
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Input = React11.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "input",
       {
         type,
@@ -710,14 +686,14 @@ var Input = React12.forwardRef(
 Input.displayName = "Input";
 
 // src/components/input/Input.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Input2 = React13.forwardRef(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Input2 = React12.forwardRef(
   ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React13.useId();
+    const generatedId = React12.useId();
     const inputId = id || generatedId;
     const errorId = `${inputId}-error`;
     const descriptionId = `${inputId}-description`;
-    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Input,
       {
         ref,
@@ -737,8 +713,8 @@ var Input2 = React13.forwardRef(
       }
     );
     if (!icon && !actionButton) {
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "label",
           {
             htmlFor: inputId,
@@ -751,9 +727,9 @@ var Input2 = React13.forwardRef(
           }
         ),
         inputElement,
-        (description || error) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        (description || error) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Typography,
             {
               variant: "xs",
@@ -765,8 +741,8 @@ var Input2 = React13.forwardRef(
         ] })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "label",
         {
           htmlFor: inputId,
@@ -778,14 +754,14 @@ var Input2 = React13.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative w-full", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
         inputElement,
-        actionButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        actionButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
-      (description || error) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      (description || error) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -793,17 +769,17 @@ var Input2 = React13.forwardRef(
 Input2.displayName = "Input";
 
 // src/components/checkbox/Checkbox.tsx
-var React15 = __toESM(require("react"), 1);
+var React14 = __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");
+var import_class_variance_authority7 = require("class-variance-authority");
 
 // src/primitives/checkbox.tsx
-var React14 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Checkbox = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Checkbox = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -812,24 +788,24 @@ var Checkbox = React14.forwardRef(({ className, children, ...props }, ref) => /*
       className
     ),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) })
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxIndicator = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var CheckboxIndicator = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   CheckboxPrimitive.Indicator,
   {
     ref,
     className: cn("grid place-content-center", className),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" })
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" })
   }
 ));
 CheckboxIndicator.displayName = CheckboxPrimitive.Indicator.displayName;
 
 // src/components/checkbox/Checkbox.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var checkboxVariants = (0, import_class_variance_authority8.cva)(
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var checkboxVariants = (0, import_class_variance_authority7.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: {
@@ -850,13 +826,13 @@ var checkboxVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Checkbox2 = React15.forwardRef(
+var Checkbox2 = React14.forwardRef(
   ({ className, variant, size, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React15.useId();
+    const generatedId = React14.useId();
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Checkbox,
         {
           ref,
@@ -871,7 +847,7 @@ var Checkbox2 = React15.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             import_lucide_react3.Check,
             {
               className: "h-4 w-4 text-current stroke-current",
@@ -880,8 +856,8 @@ var Checkbox2 = React15.forwardRef(
           ) })
         }
       ) }),
-      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      (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: checkboxId,
@@ -893,8 +869,8 @@ var Checkbox2 = React15.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        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 })
       ] })
     ] });
   }
@@ -902,11 +878,11 @@ var Checkbox2 = React15.forwardRef(
 Checkbox2.displayName = "Checkbox";
 
 // src/components/switch/Switch.tsx
-var React16 = __toESM(require("react"), 1);
+var React15 = __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_runtime16 = require("react/jsx-runtime");
-var switchRootVariants = (0, import_class_variance_authority9.cva)(
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var switchRootVariants = (0, import_class_variance_authority8.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: {
@@ -927,7 +903,7 @@ var switchRootVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var switchThumbVariants = (0, import_class_variance_authority9.cva)(
+var switchThumbVariants = (0, import_class_variance_authority8.cva)(
   "pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground",
   {
     variants: {
@@ -942,13 +918,13 @@ var switchThumbVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Switch = React16.forwardRef(
+var Switch = React15.forwardRef(
   ({ className, variant, size, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React16.useId();
+    const generatedId = React15.useId();
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         SwitchPrimitives.Root,
         {
           ref,
@@ -962,11 +938,11 @@ var Switch = React16.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
         }
       ),
-      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "label",
           {
             htmlFor: switchId,
@@ -977,8 +953,8 @@ var Switch = React16.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -986,17 +962,17 @@ var Switch = React16.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/select/Select.tsx
-var React18 = __toESM(require("react"), 1);
-var import_class_variance_authority10 = require("class-variance-authority");
+var React17 = __toESM(require("react"), 1);
+var import_class_variance_authority9 = require("class-variance-authority");
 
 // src/primitives/select.tsx
-var React17 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1007,32 +983,32 @@ var SelectTrigger = React17.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React17.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var SelectContent = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -1044,8 +1020,8 @@ var SelectContent = React17.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -1055,12 +1031,12 @@ var SelectContent = React17.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -1069,7 +1045,7 @@ var SelectLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var SelectItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -1079,13 +1055,13 @@ var SelectItem = React17.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1096,8 +1072,8 @@ var SelectSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/select/Select.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var selectVariants = (0, import_class_variance_authority10.cva)(
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var selectVariants = (0, import_class_variance_authority9.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: {
@@ -1119,7 +1095,7 @@ var selectVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var Select2 = React18.forwardRef(
+var Select2 = React17.forwardRef(
   ({
     className,
     variant,
@@ -1137,12 +1113,12 @@ var Select2 = React18.forwardRef(
     name,
     required
   }, ref) => {
-    const generatedId = React18.useId();
+    const generatedId = React17.useId();
     const selectId = id || generatedId;
     const errorId = `${selectId}-error`;
     const descriptionId = `${selectId}-description`;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "label",
         {
           htmlFor: selectId,
@@ -1154,7 +1130,7 @@ var Select2 = React18.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         Select,
         {
           value,
@@ -1164,7 +1140,7 @@ var Select2 = React18.forwardRef(
           name,
           required,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               SelectTrigger,
               {
                 ref,
@@ -1176,30 +1152,30 @@ var Select2 = React18.forwardRef(
                   error && "border-berget-destructive-foreground/50 bg-berget-destructive",
                   className
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectValue, { placeholder })
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
           ]
         }
       ),
-      description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
     ] });
   }
 );
 Select2.displayName = "Select";
 
 // src/components/text-area/TextArea.tsx
-var React20 = __toESM(require("react"), 1);
-var import_class_variance_authority11 = require("class-variance-authority");
+var React19 = __toESM(require("react"), 1);
+var import_class_variance_authority10 = require("class-variance-authority");
 
 // src/primitives/textarea.tsx
-var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Textarea = React19.forwardRef(
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Textarea = React18.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "textarea",
       {
         className: cn(
@@ -1215,8 +1191,8 @@ var Textarea = React19.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/text-area/TextArea.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var textAreaVariants = (0, import_class_variance_authority11.cva)(
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var textAreaVariants = (0, import_class_variance_authority10.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: {
@@ -1238,7 +1214,7 @@ var textAreaVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var TextArea = React20.forwardRef(
+var TextArea = React19.forwardRef(
   ({
     className,
     variant,
@@ -1258,13 +1234,13 @@ var TextArea = React20.forwardRef(
     actionButton,
     ...props
   }, ref) => {
-    const generatedId = React20.useId();
+    const generatedId = React19.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_runtime20.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "label",
         {
           htmlFor: textareaId,
@@ -1276,9 +1252,9 @@ var TextArea = React20.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           Textarea,
           {
             ref,
@@ -1303,13 +1279,13 @@ var TextArea = React20.forwardRef(
             ...props
           }
         ),
-        secondaryIcon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
-        actionButton && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        secondaryIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
+        actionButton && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
-      (description || error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        (error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
-          showCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      (description || error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        (error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
+          showCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             Typography,
             {
               variant: "xs",
@@ -1323,7 +1299,7 @@ var TextArea = React20.forwardRef(
               ]
             }
           ),
-          error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Typography,
             {
               variant: "xs",
@@ -1340,25 +1316,25 @@ var TextArea = React20.forwardRef(
 TextArea.displayName = "TextArea";
 
 // src/primitives/label.tsx
-var React21 = __toESM(require("react"), 1);
+var React20 = __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_runtime21 = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority12.cva)(
+var import_class_variance_authority11 = require("class-variance-authority");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority11.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label2 = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.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");
+var import_class_variance_authority12 = require("class-variance-authority");
 
 // src/primitives/separator.tsx
-var React22 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var Separator2 = React22.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Separator2 = React21.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1375,9 +1351,9 @@ var Separator2 = React22.forwardRef(({ className, orientation = "horizontal", de
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/primitives/field.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -1395,7 +1371,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1411,7 +1387,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -1423,7 +1399,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = (0, import_class_variance_authority13.cva)("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
+var fieldVariants = (0, import_class_variance_authority12.cva)("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
   variants: {
     orientation: {
       vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
@@ -1448,7 +1424,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       role: "group",
@@ -1460,7 +1436,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -1470,7 +1446,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Label2,
     {
       "data-slot": "field-label",
@@ -1485,7 +1461,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       "data-slot": "field-label",
@@ -1498,7 +1474,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -1517,7 +1493,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -1528,8 +1504,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Separator2, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "span",
           {
             className: "bg-berget-background text-berget-muted-foreground relative mx-auto block w-fit px-2",
@@ -1557,12 +1533,12 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { children: error.message }, index)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { children: error.message }, index)) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       role: "alert",
@@ -1576,10 +1552,46 @@ function FieldError({
 
 // src/components/link/Link.tsx
 var React23 = __toESM(require("react"), 1);
-var import_class_variance_authority14 = require("class-variance-authority");
+var import_class_variance_authority13 = require("class-variance-authority");
+
+// src/components/icon/Icon.tsx
+var React22 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var iconStrokeMap = {
+  16: 1.4,
+  24: 1.6,
+  32: 1.8
+};
+var Icon2 = React22.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_runtime23.jsx)(
+      IconComponent,
+      {
+        ref,
+        className: cn(sizeClass, className),
+        strokeWidth,
+        ...ariaAttributes,
+        ...props
+      }
+    );
+  }
+);
+Icon2.displayName = "Icon";
+
+// src/components/link/Link.tsx
 var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var linkVariants = (0, import_class_variance_authority14.cva)(
+var linkVariants = (0, import_class_variance_authority13.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: {
@@ -1633,7 +1645,7 @@ var Link = React23.forwardRef(
         children: [
           children,
           icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "inline-flex items-center", children: icon }),
-          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react5.ExternalLink, size: 16 }) })
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon2, { icon: import_lucide_react5.ExternalLink, size: 16 }) })
         ]
       }
     );
@@ -1643,14 +1655,14 @@ Link.displayName = "Link";
 
 // src/components/section/Section.tsx
 var React25 = __toESM(require("react"), 1);
-var import_class_variance_authority16 = require("class-variance-authority");
+var import_class_variance_authority15 = require("class-variance-authority");
 
 // src/components/container/Container.tsx
 var React24 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_class_variance_authority15 = require("class-variance-authority");
+var import_class_variance_authority14 = require("class-variance-authority");
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var containerVariants = (0, import_class_variance_authority15.cva)("w-full mx-auto", {
+var containerVariants = (0, import_class_variance_authority14.cva)("w-full mx-auto", {
   variants: {
     size: {
       sm: "max-w-3xl",
@@ -1689,7 +1701,7 @@ Container.displayName = "Container";
 
 // src/components/section/Section.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var sectionVariants = (0, import_class_variance_authority16.cva)("relative", {
+var sectionVariants = (0, import_class_variance_authority15.cva)("relative", {
   variants: {
     padding: {
       none: "",
@@ -1763,10 +1775,10 @@ SectionHeader.displayName = "SectionHeader";
 
 // src/components/grid/Grid.tsx
 var React27 = __toESM(require("react"), 1);
-var import_class_variance_authority17 = require("class-variance-authority");
+var import_class_variance_authority16 = require("class-variance-authority");
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var gridVariants = (0, import_class_variance_authority17.cva)("grid", {
+var gridVariants = (0, import_class_variance_authority16.cva)("grid", {
   variants: {
     align: {
       start: "items-start",
@@ -1814,10 +1826,10 @@ Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
 var React28 = __toESM(require("react"), 1);
-var import_class_variance_authority18 = require("class-variance-authority");
+var import_class_variance_authority17 = require("class-variance-authority");
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var boxVariants = (0, import_class_variance_authority18.cva)("flex", {
+var boxVariants = (0, import_class_variance_authority17.cva)("flex", {
   variants: {
     direction: {
       row: "flex-row",
@@ -1991,7 +2003,7 @@ BergetLogo.displayName = "BergetLogo";
 
 // src/components/header/Header.tsx
 var React31 = __toESM(require("react"), 1);
-var import_class_variance_authority19 = require("class-variance-authority");
+var import_class_variance_authority18 = require("class-variance-authority");
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/language-select/LanguageSelect.tsx
@@ -2022,7 +2034,7 @@ var LanguageSelect = React30.forwardRef(({ className, options, value, onValueCha
           "disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { icon: import_lucide_react6.Globe, size: 16 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon2, { icon: import_lucide_react6.Globe, size: 16 })
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -2082,7 +2094,7 @@ LanguageSelect.displayName = "LanguageSelect";
 
 // src/components/header/Header.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var headerVariants = (0, import_class_variance_authority19.cva)(
+var headerVariants = (0, import_class_variance_authority18.cva)(
   "sticky top-0 z-50 header-backdrop backdrop-blur-xl border-b border-berget-border transition-all duration-200",
   {
     variants: {
@@ -2115,7 +2127,7 @@ var HeaderNav = React31.forwardRef(({ className, links, ...props }, ref) => {
       size: "sm",
       className: cn("relative transition-all duration-200", link.active && "font-medium"),
       children: [
-        link.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { icon: link.icon, size: 16 }) }),
+        link.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { icon: link.icon, size: 16 }) }),
         link.label
       ]
     }
@@ -2164,7 +2176,7 @@ var MobileMenuButton = React31.forwardRef(({ className, ...props }, ref) => {
       "aria-expanded": isMobileMenuOpen,
       "aria-controls": "mobile-menu",
       ...props,
-      children: isMobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { icon: import_lucide_react7.X, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { icon: import_lucide_react7.Menu, size: 16 })
+      children: isMobileMenuOpen ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { icon: import_lucide_react7.X, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { icon: import_lucide_react7.Menu, size: 16 })
     }
   );
 });
@@ -2205,7 +2217,7 @@ var MobileMenu = React31.forwardRef(
               ),
               onClick: () => setIsMobileMenuOpen(false),
               children: [
-                link.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { icon: link.icon, size: 16 }) }),
+                link.icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "inline-flex items-center mr-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { icon: link.icon, size: 16 }) }),
                 link.label
               ]
             }
@@ -2289,16 +2301,16 @@ Header.displayName = "Header";
 
 // src/components/feature-cards/FeatureCards.tsx
 var React34 = __toESM(require("react"), 1);
-var import_class_variance_authority21 = require("class-variance-authority");
+var import_class_variance_authority20 = require("class-variance-authority");
 
 // src/components/list/List.tsx
 var React33 = __toESM(require("react"), 1);
 
 // src/components/divider/Divider.tsx
 var React32 = __toESM(require("react"), 1);
-var import_class_variance_authority20 = require("class-variance-authority");
+var import_class_variance_authority19 = require("class-variance-authority");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var dividerVariants = (0, import_class_variance_authority20.cva)("", {
+var dividerVariants = (0, import_class_variance_authority19.cva)("", {
   variants: {
     variant: {
       default: "bg-berget-separator",
@@ -2410,7 +2422,7 @@ ListHeader.displayName = "ListHeader";
 var FeatureList = React33.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("li", { className: "flex items-start gap-fluid-md", children: [
-      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { icon: import_lucide_react8.Check, size: 24, className: "text-berget-logo-light" }) }),
+      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon2, { icon: import_lucide_react8.Check, size: 24, className: "text-berget-logo-light" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { variant: "body", color: "muted", children: item })
     ] }, index)) });
   }
@@ -2419,7 +2431,7 @@ FeatureList.displayName = "FeatureList";
 
 // src/components/feature-cards/FeatureCards.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var featureCardVariants = (0, import_class_variance_authority21.cva)("", {
+var featureCardVariants = (0, import_class_variance_authority20.cva)("", {
   variants: {
     variant: {
       highlight: "",
@@ -2509,9 +2521,9 @@ FeatureCards.displayName = "FeatureCards";
 
 // src/components/hero-block/HeroBlock.tsx
 var React35 = __toESM(require("react"), 1);
-var import_class_variance_authority22 = require("class-variance-authority");
+var import_class_variance_authority21 = require("class-variance-authority");
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var heroBlockVariants = (0, import_class_variance_authority22.cva)(
+var heroBlockVariants = (0, import_class_variance_authority21.cva)(
   "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
   {
     variants: {
@@ -2554,7 +2566,7 @@ var HeroBlock = React35.forwardRef(
             Badge,
             {
               variant: "default",
-              icon: TaglineIcon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { icon: TaglineIcon, size: 16 }) : void 0,
+              icon: TaglineIcon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon2, { icon: TaglineIcon, size: 16 }) : void 0,
               iconGap: 2,
               className: "mb-fluid-md",
               children: tagline