@bergetai/ui 0.2.5 → 0.2.7

package/dist/index.cjs

@@ -32,6 +32,17 @@ var index_exports = {};
 __export(index_exports, {
   Alert: () => Alert2,
   AlertDescription: () => AlertDescription,
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
   AlertTitle: () => AlertTitle,
   Badge: () => Badge,
   BergetLogo: () => BergetLogo,
@@ -58,6 +69,21 @@ __export(index_exports, {
   DialogPortal: () => DialogPortal,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
   EU_COUNTRY_CODES: () => EU_COUNTRY_CODES,
   FeatureList: () => FeatureList,
   Field: () => Field,
@@ -74,7 +100,7 @@ __export(index_exports, {
   HeroBlock: () => HeroBlock,
   Icon: () => Icon2,
   Input: () => Input2,
-  Item: () => Item2,
+  Item: () => Item4,
   ItemActions: () => ItemActions,
   ItemContent: () => ItemContent,
   ItemDescription: () => ItemDescription2,
@@ -84,12 +110,20 @@ __export(index_exports, {
   ItemMedia: () => ItemMedia2,
   ItemSeparator: () => ItemSeparator2,
   ItemTitle: () => ItemTitle2,
-  Label: () => Label2,
+  Label: () => Label3,
   LanguageSelect: () => LanguageSelect,
-  Link: () => Link,
-  List: () => List,
+  Link: () => Link2,
+  List: () => List2,
   ListHeader: () => ListHeader,
   ListItem: () => ListItem,
+  NavigationMenu: () => NavigationMenu,
+  NavigationMenuContent: () => NavigationMenuContent,
+  NavigationMenuIndicator: () => NavigationMenuIndicator,
+  NavigationMenuItem: () => NavigationMenuItem,
+  NavigationMenuLink: () => NavigationMenuLink,
+  NavigationMenuList: () => NavigationMenuList,
+  NavigationMenuTrigger: () => NavigationMenuTrigger,
+  NavigationMenuViewport: () => NavigationMenuViewport,
   Select: () => Select2,
   Switch: () => Switch,
   Table: () => Table2,
@@ -117,6 +151,7 @@ __export(index_exports, {
   gridVariants: () => gridVariants,
   isEUCountry: () => isEUCountry,
   linkVariants: () => linkVariants,
+  navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   selectVariants: () => selectVariants,
   switchRootVariants: () => switchRootVariants,
   switchThumbVariants: () => switchThumbVariants,
@@ -710,21 +745,297 @@ DialogTitle.displayName = DialogPrimitive.Title.displayName;
 var DialogDescription = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogPrimitive.Description, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Typography, { variant: "small", color: "muted", className, children }) }));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// src/components/table/Table.tsx
+// src/components/alert-dialog/AlertDialog.tsx
+var React11 = __toESM(require("react"), 1);
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-berget-dialog-overlay-bg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  "div",
+  {
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AlertDialogPrimitive.Title, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "h5", color: "default", as: "h2", className, children }) }));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AlertDialogPrimitive.Description, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typography, { variant: "small", color: "muted", className, children }) }));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(className), ...props }));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AlertDialogPrimitive.Cancel, { ref, className: cn("mt-2 sm:mt-0", className), ...props }));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/dropdown-menu/DropdownMenu.tsx
 var React12 = __toESM(require("react"), 1);
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center gap-2 rounded-berget-xs px-2 py-1.5 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[state=open]:bg-berget-surface-hover [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-berget-xs border border-berget-border bg-berget-popover p-1 text-berget-popover-foreground shadow-berget-lg 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-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-berget-xs border border-berget-border bg-berget-popover p-1 text-berget-popover-foreground shadow-berget-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-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-berget-xs px-2 py-1.5 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-berget-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.Check, { className: "size-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-berget-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.Circle, { className: "size-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold text-berget-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-berget-separator", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest text-berget-muted-foreground", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/navigation-menu/NavigationMenu.tsx
+var React13 = __toESM(require("react"), 1);
+var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var NavigationMenu = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = (0, import_class_variance_authority7.cva)(
+  "group inline-flex h-10 w-max items-center justify-center rounded-berget-xs px-4 py-2 text-sm font-medium transition-colors hover:bg-berget-surface-02 hover:text-berget-foreground focus:bg-berget-surface-02 focus:text-berget-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-berget-foreground data-[state=open]:bg-berget-border data-[state=open]:hover:bg-berget-border data-[state=open]:focus:bg-berget-border"
+);
+var NavigationMenuTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_lucide_react3.ChevronDown,
+        {
+          className: "relative top-[1px] ml-1 size-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  NavigationMenuPrimitive.Viewport,
+  {
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-berget-xs border border-berget-border bg-berget-popover text-berget-popover-foreground shadow-berget-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ref,
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-berget-border shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+
+// src/components/table/Table.tsx
+var React15 = __toESM(require("react"), 1);
 
 // src/primitives/table.tsx
-var React11 = __toESM(require("react"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var Table = React11.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Table = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "tfoot",
   {
     ref,
@@ -733,8 +1044,8 @@ var TableFooter = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React11.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TableRow = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "tr",
     {
       ref,
@@ -747,7 +1058,7 @@ var TableRow = React11.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TableHead = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "th",
   {
     ref,
@@ -759,7 +1070,7 @@ var TableHead = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TableCell = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "td",
   {
     ref,
@@ -768,16 +1079,16 @@ var TableCell = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/table/Table.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Table2 = React12.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Table, { ref, className, ...props })
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Table2 = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Table, { ref, className, ...props })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableHeader2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   TableHeader,
   {
     ref,
@@ -786,7 +1097,7 @@ var TableHeader2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableHeader2.displayName = "TableHeader";
-var TableBody2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableBody2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   TableBody,
   {
     ref,
@@ -795,7 +1106,7 @@ var TableBody2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableBody2.displayName = "TableBody";
-var TableFooter2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableFooter2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   TableFooter,
   {
     ref,
@@ -807,8 +1118,8 @@ var TableFooter2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableFooter2.displayName = "TableFooter";
-var TableRow2 = React12.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableRow2 = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     TableRow,
     {
       ref,
@@ -821,7 +1132,7 @@ var TableRow2 = React12.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableHead2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   TableHead,
   {
     ref,
@@ -833,7 +1144,7 @@ var TableHead2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHead2.displayName = "TableHead";
-var TableCell2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableCell2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   TableCell,
   {
     ref,
@@ -842,7 +1153,7 @@ var TableCell2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableCell2.displayName = "TableCell";
-var TableCaption2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableCaption2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   TableCaption,
   {
     ref,
@@ -853,17 +1164,17 @@ var TableCaption2 = React12.forwardRef(({ className, ...props }, ref) => /* @__P
 TableCaption2.displayName = "TableCaption";
 
 // src/components/item/Item.tsx
-var React14 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 
 // src/primitives/item.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_class_variance_authority7 = require("class-variance-authority");
+var import_class_variance_authority8 = require("class-variance-authority");
 
 // src/primitives/separator.tsx
-var React13 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Separator = React13.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Separator2 = React16.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -877,12 +1188,12 @@ var Separator = React13.forwardRef(({ className, orientation = "horizontal", dec
     ...props
   }
 ));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/primitives/item.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       role: "list",
@@ -893,8 +1204,8 @@ function ItemGroup({ className, ...props }) {
   );
 }
 function ItemSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Separator2,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
@@ -903,7 +1214,7 @@ function ItemSeparator({ className, ...props }) {
     }
   );
 }
-var itemVariants = (0, import_class_variance_authority7.cva)(
+var itemVariants = (0, import_class_variance_authority8.cva)(
   "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
   {
     variants: {
@@ -923,7 +1234,7 @@ var itemVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-function Item({
+function Item3({
   className,
   variant = "default",
   size = "default",
@@ -931,7 +1242,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? import_react_slot2.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Comp,
     {
       "data-slot": "item",
@@ -942,7 +1253,7 @@ function Item({
     }
   );
 }
-var itemMediaVariants = (0, import_class_variance_authority7.cva)(
+var itemMediaVariants = (0, import_class_variance_authority8.cva)(
   "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
   {
     variants: {
@@ -962,7 +1273,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-slot": "item-media",
@@ -973,7 +1284,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-slot": "item-content",
@@ -983,7 +1294,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-slot": "item-title",
@@ -993,7 +1304,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "p",
     {
       "data-slot": "item-description",
@@ -1007,10 +1318,10 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-slot": "item-header",
@@ -1020,7 +1331,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-slot": "item-footer",
@@ -1031,10 +1342,10 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/item/Item.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function Item2({ className, asChild, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    Item,
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Item4({ className, asChild, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    Item3,
     {
       asChild,
       className: cn(
@@ -1051,8 +1362,8 @@ function Item2({ className, asChild, ...props }) {
     }
   );
 }
-var ItemMedia2 = React14.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var ItemMedia2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     ItemMedia,
     {
       ref,
@@ -1062,8 +1373,8 @@ var ItemMedia2 = React14.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemMedia2.displayName = "ItemMedia";
-var ItemTitle2 = React14.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var ItemTitle2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     ItemTitle,
     {
       ref,
@@ -1073,8 +1384,8 @@ var ItemTitle2 = React14.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemTitle2.displayName = "ItemTitle";
-var ItemDescription2 = React14.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var ItemDescription2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     ItemDescription,
     {
       ref,
@@ -1084,8 +1395,8 @@ var ItemDescription2 = React14.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemDescription2.displayName = "ItemDescription";
-var ItemSeparator2 = React14.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var ItemSeparator2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     ItemSeparator,
     {
       ref,
@@ -1097,14 +1408,14 @@ var ItemSeparator2 = React14.forwardRef(({ className, ...props }, ref) => {
 ItemSeparator2.displayName = "ItemSeparator";
 
 // src/components/input/Input.tsx
-var React16 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 
 // src/primitives/input.tsx
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Input = React15.forwardRef(
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Input = React18.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "input",
       {
         type,
@@ -1121,14 +1432,14 @@ var Input = React15.forwardRef(
 Input.displayName = "Input";
 
 // src/components/input/Input.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Input2 = React16.forwardRef(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Input2 = React19.forwardRef(
   ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React16.useId();
+    const generatedId = React19.useId();
     const inputId = id || generatedId;
     const errorId = `${inputId}-error`;
     const descriptionId = `${inputId}-description`;
-    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Input,
       {
         ref,
@@ -1148,8 +1459,8 @@ var Input2 = React16.forwardRef(
       }
     );
     if (!icon && !actionButton) {
-      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_runtime21.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "label",
           {
             htmlFor: inputId,
@@ -1162,9 +1473,9 @@ var Input2 = React16.forwardRef(
           }
         ),
         inputElement,
-        (description || error) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        (description || error) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             Typography,
             {
               variant: "xs",
@@ -1176,8 +1487,8 @@ var Input2 = React16.forwardRef(
         ] })
       ] });
     }
-    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_runtime21.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "label",
         {
           htmlFor: inputId,
@@ -1189,14 +1500,14 @@ var Input2 = React16.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative w-full", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative w-full", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
         inputElement,
-        actionButton && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        actionButton && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
-      (description || error) && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        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 || error) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -1204,17 +1515,17 @@ var Input2 = React16.forwardRef(
 Input2.displayName = "Input";
 
 // src/components/checkbox/Checkbox.tsx
-var React18 = __toESM(require("react"), 1);
+var React21 = __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_lucide_react5 = require("lucide-react");
+var import_class_variance_authority9 = require("class-variance-authority");
 
 // src/primitives/checkbox.tsx
-var React17 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Checkbox = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Checkbox = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1223,24 +1534,24 @@ var Checkbox = React17.forwardRef(({ className, children, ...props }, ref) => /*
       className
     ),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) })
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxIndicator = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var CheckboxIndicator = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   CheckboxPrimitive.Indicator,
   {
     ref,
     className: cn("grid place-content-center", className),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" })
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" })
   }
 ));
 CheckboxIndicator.displayName = CheckboxPrimitive.Indicator.displayName;
 
 // src/components/checkbox/Checkbox.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var checkboxVariants = (0, import_class_variance_authority8.cva)(
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var checkboxVariants = (0, import_class_variance_authority9.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: {
@@ -1261,7 +1572,7 @@ var checkboxVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Checkbox2 = React18.forwardRef(
+var Checkbox2 = React21.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1274,11 +1585,11 @@ var Checkbox2 = React18.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React18.useId();
+    const generatedId = React21.useId();
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         Checkbox,
         {
           ref,
@@ -1294,8 +1605,8 @@ var Checkbox2 = React18.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            import_lucide_react3.Check,
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_lucide_react5.Check,
             {
               className: "h-4 w-4 text-current stroke-current",
               style: { color: "currentColor", stroke: "currentColor" }
@@ -1303,8 +1614,8 @@ var Checkbox2 = React18.forwardRef(
           ) })
         }
       ) }),
-      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "label",
           {
             htmlFor: checkboxId,
@@ -1316,8 +1627,8 @@ var Checkbox2 = React18.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -1325,11 +1636,11 @@ var Checkbox2 = React18.forwardRef(
 Checkbox2.displayName = "Checkbox";
 
 // src/components/switch/Switch.tsx
-var React19 = __toESM(require("react"), 1);
+var React22 = __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_runtime21 = require("react/jsx-runtime");
-var switchRootVariants = (0, import_class_variance_authority9.cva)(
+var import_class_variance_authority10 = require("class-variance-authority");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var switchRootVariants = (0, import_class_variance_authority10.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: {
@@ -1350,7 +1661,7 @@ var switchRootVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var switchThumbVariants = (0, import_class_variance_authority9.cva)(
+var switchThumbVariants = (0, import_class_variance_authority10.cva)(
   "pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground",
   {
     variants: {
@@ -1365,7 +1676,7 @@ var switchThumbVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Switch = React19.forwardRef(
+var Switch = React22.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1378,11 +1689,11 @@ var Switch = React19.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React19.useId();
+    const generatedId = React22.useId();
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         SwitchPrimitives.Root,
         {
           ref,
@@ -1397,11 +1708,11 @@ var Switch = React19.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
         }
       ),
-      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "label",
           {
             htmlFor: switchId,
@@ -1412,8 +1723,8 @@ var Switch = React19.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -1421,17 +1732,17 @@ var Switch = React19.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/select/Select.tsx
-var React21 = __toESM(require("react"), 1);
-var import_class_variance_authority10 = require("class-variance-authority");
+var React24 = __toESM(require("react"), 1);
+var import_class_variance_authority11 = require("class-variance-authority");
 
 // src/primitives/select.tsx
-var React20 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+var SelectTrigger = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1442,32 +1753,32 @@ var SelectTrigger = React20.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React20.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+var SelectContent = React23.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -1479,8 +1790,8 @@ var SelectContent = React20.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -1490,12 +1801,12 @@ var SelectContent = React20.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -1504,7 +1815,7 @@ var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+var SelectItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -1514,13 +1825,13 @@ var SelectItem = React20.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react6.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1531,8 +1842,8 @@ var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/select/Select.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var selectVariants = (0, import_class_variance_authority10.cva)(
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var selectVariants = (0, import_class_variance_authority11.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: {
@@ -1554,7 +1865,7 @@ var selectVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var Select2 = React21.forwardRef(
+var Select2 = React24.forwardRef(
   ({
     className,
     variant,
@@ -1572,12 +1883,12 @@ var Select2 = React21.forwardRef(
     name,
     required
   }, ref) => {
-    const generatedId = React21.useId();
+    const generatedId = React24.useId();
     const selectId = id || generatedId;
     const errorId = `${selectId}-error`;
     const descriptionId = `${selectId}-description`;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "label",
         {
           htmlFor: selectId,
@@ -1589,7 +1900,7 @@ var Select2 = React21.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         Select,
         {
           value,
@@ -1599,7 +1910,7 @@ var Select2 = React21.forwardRef(
           name,
           required,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
               SelectTrigger,
               {
                 ref,
@@ -1611,33 +1922,33 @@ var Select2 = React21.forwardRef(
                   error && "border-berget-destructive-foreground/50 bg-berget-destructive",
                   className
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectValue, { placeholder })
+                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
           ]
         }
       ),
-      description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
     ] });
   }
 );
 Select2.displayName = "Select";
 
 // src/components/country-select/CountrySelect.tsx
-var React26 = __toESM(require("react"), 1);
-var import_lucide_react7 = require("lucide-react");
+var React29 = __toESM(require("react"), 1);
+var import_lucide_react9 = require("lucide-react");
 
 // src/components/icon/Icon.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var React25 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var iconStrokeMap = {
   16: 1.4,
   24: 1.6,
   32: 1.8
 };
-var Icon2 = React22.forwardRef(
+var Icon2 = React25.forwardRef(
   ({
     icon: IconComponent,
     size,
@@ -1649,7 +1960,7 @@ var Icon2 = React22.forwardRef(
     const strokeWidth = iconStrokeMap[size];
     const sizeClass = size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
     const ariaAttributes = ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": ariaHidden };
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       IconComponent,
       {
         ref,
@@ -1664,12 +1975,12 @@ var Icon2 = React22.forwardRef(
 Icon2.displayName = "Icon";
 
 // src/primitives/popover.tsx
-var React23 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React23.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1685,17 +1996,17 @@ var PopoverContent = React23.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/primitives/command.tsx
-var React25 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 
 // src/primitives/dialog.tsx
-var React24 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var DialogPortal2 = DialogPrimitive2.Portal;
-var DialogOverlay2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var DialogOverlay2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -1707,9 +2018,9 @@ var DialogOverlay2 = React24.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 DialogOverlay2.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContent2 = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogPortal2, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogOverlay2, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+var DialogContent2 = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPortal2, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogOverlay2, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     DialogPrimitive2.Content,
     {
       ref,
@@ -1720,18 +2031,18 @@ var DialogContent2 = React24.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react5.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent2.displayName = DialogPrimitive2.Content.displayName;
-var DialogHeader2 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader2 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader2.displayName = "DialogHeader";
-var DialogFooter2 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var DialogFooter2 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -1739,7 +2050,7 @@ var DialogFooter2 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_
   }
 );
 DialogFooter2.displayName = "DialogFooter";
-var DialogTitle2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var DialogTitle2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -1748,7 +2059,7 @@ var DialogTitle2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogTitle2.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var DialogDescription2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   DialogPrimitive2.Description,
   {
     ref,
@@ -1759,8 +2070,8 @@ var DialogDescription2 = React24.forwardRef(({ className, ...props }, ref) => /*
 DialogDescription2.displayName = DialogPrimitive2.Description.displayName;
 
 // src/primitives/command.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Command = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -1772,9 +2083,9 @@ var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react6.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var CommandInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react8.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -1787,7 +2098,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var CommandList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -1796,9 +2107,9 @@ var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React28.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var CommandGroup = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -1810,7 +2121,7 @@ var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var CommandSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -1819,7 +2130,7 @@ var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var CommandItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1832,7 +2143,7 @@ var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
@@ -1983,8 +2294,8 @@ var isEUCountry = (countryCode) => {
 };
 
 // src/components/country-select/CountrySelect.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var CountrySelect = React26.forwardRef(
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var CountrySelect = React29.forwardRef(
   ({
     value,
     onValueChange,
@@ -1994,10 +2305,10 @@ var CountrySelect = React26.forwardRef(
     align = "center",
     sideOffset = 4
   }, ref) => {
-    const [open, setOpen] = React26.useState(false);
-    const selectedCountry = React26.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    const [open, setOpen] = React29.useState(false);
+    const selectedCountry = React29.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
         "button",
         {
           ref,
@@ -2018,29 +2329,29 @@ var CountrySelect = React26.forwardRef(
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate", children: selectedCountry.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate", children: selectedCountry.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
                 "(",
                 selectedCountry.code,
                 ")"
               ] })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 Icon2,
                 {
-                  icon: import_lucide_react7.Globe,
+                  icon: import_lucide_react9.Globe,
                   size: 16,
                   className: "flex-shrink-0 text-berget-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               Icon2,
               {
-                icon: import_lucide_react7.ChevronDown,
+                icon: import_lucide_react9.ChevronDown,
                 size: 16,
                 className: cn(
                   "flex-shrink-0 text-berget-muted-foreground",
@@ -2052,17 +2363,17 @@ var CountrySelect = React26.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         PopoverContent,
         {
           align,
           sideOffset,
           className: "w-[var(--radix-popover-trigger-width)] p-0",
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Command, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CommandInput, { placeholder: "Search country..." }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(CommandList, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CommandEmpty, { children: "No countries found." }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Command, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CommandInput, { placeholder: "Search country..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CommandList, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CommandEmpty, { children: "No countries found." }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                 CommandItem,
                 {
                   value: `${country.name} ${country.code}`,
@@ -2076,12 +2387,12 @@ var CountrySelect = React26.forwardRef(
                     value === country.code && "bg-berget-brand-granite-800/40"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xl flex-shrink-0", children: country.flag }),
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm truncate", children: country.name }),
-                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-xl flex-shrink-0", children: country.flag }),
+                    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "text-sm truncate", children: country.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
                     ] }),
-                    value === country.code && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
+                    value === country.code && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
                   ]
                 },
                 country.code
@@ -2096,15 +2407,15 @@ var CountrySelect = React26.forwardRef(
 CountrySelect.displayName = "CountrySelect";
 
 // src/components/text-area/TextArea.tsx
-var React28 = __toESM(require("react"), 1);
-var import_class_variance_authority11 = require("class-variance-authority");
+var React31 = __toESM(require("react"), 1);
+var import_class_variance_authority12 = require("class-variance-authority");
 
 // src/primitives/textarea.tsx
-var React27 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Textarea = React27.forwardRef(
+var React30 = __toESM(require("react"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Textarea = React30.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "textarea",
       {
         className: cn(
@@ -2120,8 +2431,8 @@ var Textarea = React27.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/text-area/TextArea.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var textAreaVariants = (0, import_class_variance_authority11.cva)(
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var textAreaVariants = (0, import_class_variance_authority12.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: {
@@ -2143,7 +2454,7 @@ var textAreaVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var TextArea = React28.forwardRef(
+var TextArea = React31.forwardRef(
   ({
     className,
     variant,
@@ -2163,13 +2474,13 @@ var TextArea = React28.forwardRef(
     actionButton,
     ...props
   }, ref) => {
-    const generatedId = React28.useId();
+    const generatedId = React31.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_runtime30.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "label",
         {
           htmlFor: textareaId,
@@ -2181,9 +2492,9 @@ var TextArea = React28.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           Textarea,
           {
             ref,
@@ -2208,13 +2519,13 @@ var TextArea = React28.forwardRef(
             ...props
           }
         ),
-        secondaryIcon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
-        actionButton && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        secondaryIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
+        actionButton && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
-      (description || error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        (error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
-          showCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      (description || error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        (error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
+          showCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
             Typography,
             {
               variant: "xs",
@@ -2228,7 +2539,7 @@ var TextArea = React28.forwardRef(
               ]
             }
           ),
-          error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          error && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             Typography,
             {
               variant: "xs",
@@ -2245,22 +2556,22 @@ var TextArea = React28.forwardRef(
 TextArea.displayName = "TextArea";
 
 // src/primitives/label.tsx
-var React29 = __toESM(require("react"), 1);
+var React32 = __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_runtime31 = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority12.cva)(
+var import_class_variance_authority13 = require("class-variance-authority");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority13.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
-Label2.displayName = LabelPrimitive.Root.displayName;
+var Label3 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/primitives/field.tsx
 var import_react = require("react");
-var import_class_variance_authority13 = require("class-variance-authority");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_class_variance_authority14 = require("class-variance-authority");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -2278,7 +2589,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -2294,7 +2605,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -2306,7 +2617,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = (0, import_class_variance_authority13.cva)(
+var fieldVariants = (0, import_class_variance_authority14.cva)(
   "group/field data-[invalid=true]:text-berget-destructive-foreground flex w-full gap-3",
   {
     variants: {
@@ -2334,7 +2645,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       role: "group",
@@ -2346,7 +2657,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -2356,8 +2667,8 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    Label2,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    Label3,
     {
       "data-slot": "field-label",
       className: cn(
@@ -2371,7 +2682,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       "data-slot": "field-label",
@@ -2384,7 +2695,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -2403,7 +2714,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -2414,8 +2725,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "span",
           {
             className: "bg-berget-background text-berget-muted-foreground relative mx-auto block w-fit px-2",
@@ -2443,12 +2754,12 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { children: error.message }, index)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("li", { children: error.message }, index)) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       role: "alert",
@@ -2461,11 +2772,11 @@ function FieldError({
 }
 
 // src/components/link/Link.tsx
-var React30 = __toESM(require("react"), 1);
-var import_class_variance_authority14 = require("class-variance-authority");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var linkVariants = (0, import_class_variance_authority14.cva)(
+var React33 = __toESM(require("react"), 1);
+var import_class_variance_authority15 = require("class-variance-authority");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var linkVariants = (0, import_class_variance_authority15.cva)(
   "inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -2489,7 +2800,7 @@ var linkVariants = (0, import_class_variance_authority14.cva)(
     }
   }
 );
-var Link = React30.forwardRef(
+var Link2 = React33.forwardRef(
   ({
     className,
     variant,
@@ -2502,7 +2813,7 @@ var Link = React30.forwardRef(
     ...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_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "a",
       {
         ref,
@@ -2518,21 +2829,21 @@ var Link = React30.forwardRef(
         },
         children: [
           children,
-          icon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "inline-flex items-center", children: icon }),
-          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon2, { icon: import_lucide_react8.ExternalLink, size: 16 }) })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex items-center", children: icon }),
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon2, { icon: import_lucide_react10.ExternalLink, size: 16 }) })
         ]
       }
     );
   }
 );
-Link.displayName = "Link";
+Link2.displayName = "Link";
 
 // src/components/container/Container.tsx
-var React31 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
-var import_class_variance_authority15 = require("class-variance-authority");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var containerVariants = (0, import_class_variance_authority15.cva)("w-full mx-auto", {
+var import_class_variance_authority16 = require("class-variance-authority");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var containerVariants = (0, import_class_variance_authority16.cva)("w-full mx-auto", {
   variants: {
     size: {
       sm: "max-w-3xl",
@@ -2553,10 +2864,10 @@ var containerVariants = (0, import_class_variance_authority15.cva)("w-full mx-au
     padding: "md"
   }
 });
-var Container = React31.forwardRef(
+var Container = React34.forwardRef(
   ({ className, size, padding, asChild = false, children, ...props }, ref) => {
     const Component = asChild ? import_react_slot3.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       Component,
       {
         ref,
@@ -2570,11 +2881,11 @@ var Container = React31.forwardRef(
 Container.displayName = "Container";
 
 // src/components/grid/Grid.tsx
-var React32 = __toESM(require("react"), 1);
-var import_class_variance_authority16 = require("class-variance-authority");
+var React35 = __toESM(require("react"), 1);
+var import_class_variance_authority17 = require("class-variance-authority");
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var gridVariants = (0, import_class_variance_authority16.cva)("grid", {
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var gridVariants = (0, import_class_variance_authority17.cva)("grid", {
   variants: {
     align: {
       start: "items-start",
@@ -2596,10 +2907,10 @@ var gridVariants = (0, import_class_variance_authority16.cva)("grid", {
     justify: "start"
   }
 });
-var Grid = React32.forwardRef(
+var Grid = React35.forwardRef(
   ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
     const Component = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       Component,
       {
         ref,
@@ -2621,11 +2932,11 @@ var Grid = React32.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
-var React33 = __toESM(require("react"), 1);
-var import_class_variance_authority17 = require("class-variance-authority");
+var React36 = __toESM(require("react"), 1);
+var import_class_variance_authority18 = require("class-variance-authority");
 var import_react_slot5 = require("@radix-ui/react-slot");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var boxVariants = (0, import_class_variance_authority17.cva)("flex", {
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var boxVariants = (0, import_class_variance_authority18.cva)("flex", {
   variants: {
     direction: {
       row: "flex-row",
@@ -2661,10 +2972,10 @@ var boxVariants = (0, import_class_variance_authority17.cva)("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React33.forwardRef(
+var Box = React36.forwardRef(
   ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
     const Component = asChild ? import_react_slot5.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Component,
       {
         ref,
@@ -2682,16 +2993,16 @@ var Box = React33.forwardRef(
 Box.displayName = "Box";
 
 // src/components/berget-logo/BergetLogo.tsx
-var React34 = __toESM(require("react"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var BergetLogo = React34.forwardRef(
+var React37 = __toESM(require("react"), 1);
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var BergetLogo = React37.forwardRef(
   ({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
     const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
     if (variant === "symbol") {
       const aspectRatio2 = 463 / 419;
       const width2 = size * aspectRatio2;
       const height2 = size;
-      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         "svg",
         {
           ref,
@@ -2704,7 +3015,7 @@ var BergetLogo = React34.forwardRef(
           "aria-label": "Berget symbol",
           className: cn("inline-block", className),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime40.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",
@@ -2717,7 +3028,7 @@ var BergetLogo = React34.forwardRef(
     const aspectRatio = 793.63 / 204.37;
     const width = size * aspectRatio;
     const height = size;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "svg",
       {
         ref,
@@ -2731,59 +3042,59 @@ var BergetLogo = React34.forwardRef(
         className: cn("inline-block", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("g", { style: { fill: fillColor }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("g", { style: { fill: fillColor }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime37.jsx)("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "path",
             {
               style: { fill: fillColor },
@@ -2798,13 +3109,13 @@ var BergetLogo = React34.forwardRef(
 BergetLogo.displayName = "BergetLogo";
 
 // src/components/language-select/LanguageSelect.tsx
-var React35 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var LanguageSelect = React35.forwardRef(({ className, options, value, onValueChange }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SelectPrimitive2.Root, { value, onValueChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var LanguageSelect = React38.forwardRef(({ className, options, value, onValueChange }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SelectPrimitive2.Root, { value, onValueChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       SelectPrimitive2.Trigger,
       {
         ref,
@@ -2827,12 +3138,12 @@ var LanguageSelect = React35.forwardRef(({ className, options, value, onValueCha
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sr-only", children: "Select language" }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon2, { icon: import_lucide_react9.Globe, size: 16, "aria-hidden": true })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Select language" }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2, { icon: import_lucide_react11.Globe, size: 16, "aria-hidden": true })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       SelectPrimitive2.Content,
       {
         className: cn(
@@ -2860,7 +3171,7 @@ var LanguageSelect = React35.forwardRef(({ className, options, value, onValueCha
           "origin-[--radix-select-content-transform-origin]"
         ),
         position: "popper",
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive2.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive2.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           SelectPrimitive2.Item,
           {
             value: option.value,
@@ -2877,7 +3188,7 @@ var LanguageSelect = React35.forwardRef(({ className, options, value, onValueCha
               // Disabled state
               "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectPrimitive2.ItemText, { children: option.label })
+            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectPrimitive2.ItemText, { children: option.label })
           },
           option.value
         )) })
@@ -2888,13 +3199,13 @@ var LanguageSelect = React35.forwardRef(({ className, options, value, onValueCha
 LanguageSelect.displayName = "LanguageSelect";
 
 // src/components/list/List.tsx
-var React37 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 
 // src/components/divider/Divider.tsx
-var React36 = __toESM(require("react"), 1);
-var import_class_variance_authority18 = require("class-variance-authority");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var dividerVariants = (0, import_class_variance_authority18.cva)("", {
+var React39 = __toESM(require("react"), 1);
+var import_class_variance_authority19 = require("class-variance-authority");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var dividerVariants = (0, import_class_variance_authority19.cva)("", {
   variants: {
     variant: {
       default: "bg-berget-separator",
@@ -2914,7 +3225,7 @@ var dividerVariants = (0, import_class_variance_authority18.cva)("", {
     size: "thin"
   }
 });
-var Divider = React36.forwardRef(
+var Divider = React39.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -2925,17 +3236,17 @@ var Divider = React36.forwardRef(
     ...props
   }, ref) => {
     if (label) {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
-        labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          Separator,
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
+        labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          Separator2,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
-        labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          Separator,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          Separator2,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
@@ -2943,8 +3254,8 @@ var Divider = React36.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      Separator,
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      Separator2,
       {
         ref,
         orientation,
@@ -2960,20 +3271,20 @@ var Divider = React36.forwardRef(
 Divider.displayName = "Divider";
 
 // src/components/list/List.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var List = React37.forwardRef(
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var List2 = React40.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const childrenArray = React37.Children.toArray(children);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(React37.Fragment, { children: [
+    const childrenArray = React40.Children.toArray(children);
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(React40.Fragment, { children: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Divider, { variant: "subtle" })
     ] }, index)) });
   }
 );
-List.displayName = "List";
-var ListItem = React37.forwardRef(
-  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+List2.displayName = "List";
+var ListItem = React40.forwardRef(
+  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "div",
     {
       ref,
@@ -2984,15 +3295,15 @@ var ListItem = React37.forwardRef(
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 min-w-0", children })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-1 min-w-0", children })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListHeader = React37.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var ListHeader = React40.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       ref,
@@ -3003,21 +3314,21 @@ var ListHeader = React37.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React37.forwardRef(
+var FeatureList = React40.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("li", { className: "flex items-start gap-fluid-md", children: [
-      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon2, { icon: import_lucide_react10.Check, size: 24, className: "text-berget-logo-light" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typography, { variant: "body", color: "muted", children: item })
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon2, { icon: import_lucide_react12.Check, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Typography, { variant: "body", color: "muted", children: item })
     ] }, index)) });
   }
 );
 FeatureList.displayName = "FeatureList";
 
 // src/components/hero-block/HeroBlock.tsx
-var React38 = __toESM(require("react"), 1);
-var import_class_variance_authority19 = require("class-variance-authority");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var heroBlockVariants = (0, import_class_variance_authority19.cva)(
+var React41 = __toESM(require("react"), 1);
+var import_class_variance_authority20 = require("class-variance-authority");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var heroBlockVariants = (0, import_class_variance_authority20.cva)(
   "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
   {
     variants: {
@@ -3037,7 +3348,7 @@ var heroBlockVariants = (0, import_class_variance_authority19.cva)(
     }
   }
 );
-var HeroBlock = React38.forwardRef(
+var HeroBlock = React41.forwardRef(
   ({
     className,
     variant,
@@ -3049,26 +3360,26 @@ var HeroBlock = React38.forwardRef(
     actions,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         ref,
         className: cn(heroBlockVariants({ variant, withPattern }), className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "mx-auto text-center max-w-4xl", children: [
-          tagline && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "mx-auto text-center max-w-4xl", children: [
+          tagline && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             Badge,
             {
               variant: "default",
-              icon: TaglineIcon ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2, { icon: TaglineIcon, size: 16 }) : void 0,
+              icon: TaglineIcon ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon2, { icon: TaglineIcon, size: 16 }) : void 0,
               iconGap: 2,
               className: "mb-fluid-md",
               children: tagline
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
         ] }) })
       }
     );
@@ -3078,7 +3389,7 @@ HeroBlock.displayName = "HeroBlock";
 
 // src/components/code-block/CodeBlock.tsx
 var import_react2 = require("react");
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 
 // src/lib/shiki.ts
 var import_core2 = require("shiki/core");
@@ -3119,7 +3430,7 @@ function getHighlighter() {
 }
 
 // src/components/code-block/CodeBlock.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime45 = 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);
@@ -3135,16 +3446,16 @@ function CodeBlock({ code, language = "text", title, className }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
-  const copyButton = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  const copyButton = /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime42.jsx)(import_lucide_react11.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react11.Copy, { className: "w-3.5 h-3.5" })
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Copy, { className: "w-3.5 h-3.5" })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       className: cn(
@@ -3152,25 +3463,25 @@ function CodeBlock({ code, language = "text", title, className }) {
         className
       ),
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)("span", { className: "text-berget-muted-foreground", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
-        html ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        title && /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsx)("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime42.jsx)("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("code", { children: code }) })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("code", { children: code }) })
       ]
     }
   );
 }
 
 // src/components/window-frame/WindowFrame.tsx
-var React39 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_react3 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var WindowFrame = React39.forwardRef(
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var WindowFrame = React42.forwardRef(
   ({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
     const [internalActive, setInternalActive] = (0, import_react3.useState)(tabs?.[0]?.id ?? "");
     const currentTab = activeTab ?? internalActive;
@@ -3181,7 +3492,7 @@ var WindowFrame = React39.forwardRef(
         setInternalActive(id);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       "div",
       {
         ref,
@@ -3191,13 +3502,13 @@ var WindowFrame = React39.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 px-4 py-3 border-b border-berget-brand-granite-700 bg-berget-brand-granite-900", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
             ] }),
-            tabs && tabs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            tabs && tabs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "button",
               {
                 type: "button",
@@ -3209,9 +3520,9 @@ var WindowFrame = React39.forwardRef(
                 children: tab.label
               },
               tab.id
-            )) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
+            )) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { children })
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children })
         ]
       }
     );
@@ -3222,6 +3533,17 @@ WindowFrame.displayName = "WindowFrame";
 0 && (module.exports = {
   Alert,
   AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   AlertTitle,
   Badge,
   BergetLogo,
@@ -3248,6 +3570,21 @@ WindowFrame.displayName = "WindowFrame";
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   EU_COUNTRY_CODES,
   FeatureList,
   Field,
@@ -3280,6 +3617,14 @@ WindowFrame.displayName = "WindowFrame";
   List,
   ListHeader,
   ListItem,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
   Select,
   Switch,
   Table,
@@ -3307,6 +3652,7 @@ WindowFrame.displayName = "WindowFrame";
   gridVariants,
   isEUCountry,
   linkVariants,
+  navigationMenuTriggerStyle,
   selectVariants,
   switchRootVariants,
   switchThumbVariants,