npm - @bergetai/ui - Versions diffs - 0.2.5 → 0.2.6 - Mend

@bergetai/ui 0.2.5 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -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: () => Item3,
   ItemActions: () => ItemActions,
   ItemContent: () => ItemContent,
   ItemDescription: () => ItemDescription2,
@@ -84,7 +110,7 @@ __export(index_exports, {
   ItemMedia: () => ItemMedia2,
   ItemSeparator: () => ItemSeparator2,
   ItemTitle: () => ItemTitle2,
-  Label: () => Label2,
+  Label: () => Label3,
   LanguageSelect: () => LanguageSelect,
   Link: () => Link,
   List: () => List,
@@ -710,21 +736,206 @@ 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/table/Table.tsx
+var React14 = __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 React13 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Table = React13.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime14.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 = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.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 = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.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 = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "tfoot",
   {
     ref,
@@ -733,8 +944,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 = React13.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "tr",
     {
       ref,
@@ -747,7 +958,7 @@ var TableRow = React11.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TableHead = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "th",
   {
     ref,
@@ -759,7 +970,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 = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "td",
   {
     ref,
@@ -768,16 +979,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 = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime15 = require("react/jsx-runtime");
+var Table2 = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Table, { ref, className, ...props })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableHeader2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   TableHeader,
   {
     ref,
@@ -786,7 +997,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 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   TableBody,
   {
     ref,
@@ -795,7 +1006,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 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   TableFooter,
   {
     ref,
@@ -807,8 +1018,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 = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     TableRow,
     {
       ref,
@@ -821,7 +1032,7 @@ var TableRow2 = React12.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var TableHead2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   TableHead,
   {
     ref,
@@ -833,7 +1044,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 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   TableCell,
   {
     ref,
@@ -842,7 +1053,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 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   TableCaption,
   {
     ref,
@@ -853,17 +1064,17 @@ var TableCaption2 = React12.forwardRef(({ className, ...props }, ref) => /* @__P
 TableCaption2.displayName = "TableCaption";
 // src/components/item/Item.tsx
-var React14 = __toESM(require("react"), 1);
+var React16 = __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");
 // src/primitives/separator.tsx
-var React13 = __toESM(require("react"), 1);
+var React15 = __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_runtime16 = require("react/jsx-runtime");
+var Separator2 = React15.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -877,12 +1088,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_runtime17 = require("react/jsx-runtime");
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       role: "list",
@@ -893,8 +1104,8 @@ function ItemGroup({ className, ...props }) {
   );
 }
 function ItemSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Separator2,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
@@ -923,7 +1134,7 @@ var itemVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-function Item({
+function Item2({
   className,
   variant = "default",
   size = "default",
@@ -931,7 +1142,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? import_react_slot2.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Comp,
     {
       "data-slot": "item",
@@ -962,7 +1173,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "item-media",
@@ -973,7 +1184,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "item-content",
@@ -983,7 +1194,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "item-title",
@@ -993,7 +1204,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "p",
     {
       "data-slot": "item-description",
@@ -1007,10 +1218,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_runtime17.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_runtime17.jsx)(
     "div",
     {
       "data-slot": "item-header",
@@ -1020,7 +1231,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "item-footer",
@@ -1031,10 +1242,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_runtime18 = require("react/jsx-runtime");
+function Item3({ className, asChild, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Item2,
     {
       asChild,
       className: cn(
@@ -1051,8 +1262,8 @@ function Item2({ className, asChild, ...props }) {
     }
   );
 }
-var ItemMedia2 = React14.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var ItemMedia2 = React16.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     ItemMedia,
     {
       ref,
@@ -1062,8 +1273,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 = React16.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     ItemTitle,
     {
       ref,
@@ -1073,8 +1284,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 = React16.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     ItemDescription,
     {
       ref,
@@ -1084,8 +1295,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 = React16.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     ItemSeparator,
     {
       ref,
@@ -1097,14 +1308,14 @@ var ItemSeparator2 = React14.forwardRef(({ className, ...props }, ref) => {
 ItemSeparator2.displayName = "ItemSeparator";
 // src/components/input/Input.tsx
-var React16 = __toESM(require("react"), 1);
+var React18 = __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 React17 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Input = React17.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "input",
       {
         type,
@@ -1121,14 +1332,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_runtime20 = require("react/jsx-runtime");
+var Input2 = React18.forwardRef(
   ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React16.useId();
+    const generatedId = React18.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_runtime20.jsx)(
       Input,
       {
         ref,
@@ -1148,8 +1359,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_runtime20.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "label",
           {
             htmlFor: inputId,
@@ -1162,9 +1373,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_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+          error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             Typography,
             {
               variant: "xs",
@@ -1176,8 +1387,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_runtime20.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "label",
         {
           htmlFor: inputId,
@@ -1189,14 +1400,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_runtime20.jsxs)("div", { className: "relative w-full", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime20.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_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -1204,17 +1415,17 @@ var Input2 = React16.forwardRef(
 Input2.displayName = "Input";
 // src/components/checkbox/Checkbox.tsx
-var React18 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var CheckboxPrimitive2 = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 var import_class_variance_authority8 = require("class-variance-authority");
 // src/primitives/checkbox.tsx
-var React17 = __toESM(require("react"), 1);
+var React19 = __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_react3 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Checkbox = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1223,23 +1434,23 @@ 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_runtime21.jsx)(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react3.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 = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)(import_lucide_react3.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 import_jsx_runtime22 = require("react/jsx-runtime");
 var checkboxVariants = (0, import_class_variance_authority8.cva)(
   "inline-flex items-center justify-center rounded-md transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -1261,7 +1472,7 @@ var checkboxVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Checkbox2 = React18.forwardRef(
+var Checkbox2 = React20.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1274,11 +1485,11 @@ var Checkbox2 = React18.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React18.useId();
+    const generatedId = React20.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_runtime22.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         Checkbox,
         {
           ref,
@@ -1294,8 +1505,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_runtime22.jsx)(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            import_lucide_react4.Check,
             {
               className: "h-4 w-4 text-current stroke-current",
               style: { color: "currentColor", stroke: "currentColor" }
@@ -1303,8 +1514,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_runtime22.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "label",
           {
             htmlFor: checkboxId,
@@ -1316,8 +1527,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_runtime22.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -1325,10 +1536,10 @@ var Checkbox2 = React18.forwardRef(
 Checkbox2.displayName = "Checkbox";
 // src/components/switch/Switch.tsx
-var React19 = __toESM(require("react"), 1);
+var React21 = __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 import_jsx_runtime23 = require("react/jsx-runtime");
 var switchRootVariants = (0, import_class_variance_authority9.cva)(
   "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -1365,7 +1576,7 @@ var switchThumbVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Switch = React19.forwardRef(
+var Switch = React21.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1378,11 +1589,11 @@ var Switch = React19.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React19.useId();
+    const generatedId = React21.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_runtime23.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         SwitchPrimitives.Root,
         {
           ref,
@@ -1397,11 +1608,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_runtime23.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_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "label",
           {
             htmlFor: switchId,
@@ -1412,8 +1623,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_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 })
       ] })
     ] });
   }
@@ -1421,17 +1632,17 @@ var Switch = React19.forwardRef(
 Switch.displayName = "Switch";
 // src/components/select/Select.tsx
-var React21 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var import_class_variance_authority10 = require("class-variance-authority");
 // src/primitives/select.tsx
-var React20 = __toESM(require("react"), 1);
+var React22 = __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_react5 = require("lucide-react");
+var import_jsx_runtime24 = 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 = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1442,32 +1653,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_runtime24.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.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 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)(import_lucide_react5.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 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)(import_lucide_react5.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 = React22.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -1479,8 +1690,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_runtime24.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -1490,12 +1701,12 @@ var SelectContent = React20.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var SelectLabel = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -1504,7 +1715,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 = React22.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -1514,13 +1725,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_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var SelectSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1531,7 +1742,7 @@ 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 import_jsx_runtime25 = require("react/jsx-runtime");
 var selectVariants = (0, import_class_variance_authority10.cva)(
   "flex w-full items-center justify-between rounded-berget-xs border bg-card px-4 py-3 text-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:border-berget-form-focus-border disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -1554,7 +1765,7 @@ var selectVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var Select2 = React21.forwardRef(
+var Select2 = React23.forwardRef(
   ({
     className,
     variant,
@@ -1572,12 +1783,12 @@ var Select2 = React21.forwardRef(
     name,
     required
   }, ref) => {
-    const generatedId = React21.useId();
+    const generatedId = React23.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_runtime25.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "label",
         {
           htmlFor: selectId,
@@ -1589,7 +1800,7 @@ var Select2 = React21.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         Select,
         {
           value,
@@ -1599,7 +1810,7 @@ var Select2 = React21.forwardRef(
           name,
           required,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               SelectTrigger,
               {
                 ref,
@@ -1611,33 +1822,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_runtime25.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_runtime25.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime25.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 React28 = __toESM(require("react"), 1);
+var import_lucide_react8 = require("lucide-react");
 // src/components/icon/Icon.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var iconStrokeMap = {
   16: 1.4,
   24: 1.6,
   32: 1.8
 };
-var Icon2 = React22.forwardRef(
+var Icon2 = React24.forwardRef(
   ({
     icon: IconComponent,
     size,
@@ -1649,7 +1860,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_runtime26.jsx)(
       IconComponent,
       {
         ref,
@@ -1664,12 +1875,12 @@ var Icon2 = React22.forwardRef(
 Icon2.displayName = "Icon";
 // src/primitives/popover.tsx
-var React23 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = 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 = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1685,17 +1896,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 React27 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 // src/primitives/dialog.tsx
-var React24 = __toESM(require("react"), 1);
+var React26 = __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_react6 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var DialogPortal2 = DialogPrimitive2.Portal;
-var DialogOverlay2 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -1707,9 +1918,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 = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogPortal2, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogOverlay2, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     DialogPrimitive2.Content,
     {
       ref,
@@ -1720,18 +1931,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_runtime28.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_runtime28.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.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_runtime28.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -1739,7 +1950,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 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -1748,7 +1959,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 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   DialogPrimitive2.Description,
   {
     ref,
@@ -1759,8 +1970,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_runtime29 = require("react/jsx-runtime");
+var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -1772,9 +1983,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 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react7.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -1787,7 +1998,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 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -1796,9 +2007,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 = React27.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.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 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -1810,7 +2021,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 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -1819,7 +2030,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 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1832,7 +2043,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_runtime29.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
@@ -1983,8 +2194,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_runtime30 = require("react/jsx-runtime");
+var CountrySelect = React28.forwardRef(
   ({
     value,
     onValueChange,
@@ -1994,10 +2205,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] = React28.useState(false);
+    const selectedCountry = React28.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "button",
         {
           ref,
@@ -2018,29 +2229,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_runtime30.jsx)("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate", children: selectedCountry.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Icon2,
                 {
-                  icon: import_lucide_react7.Globe,
+                  icon: import_lucide_react8.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_runtime30.jsx)("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               Icon2,
               {
-                icon: import_lucide_react7.ChevronDown,
+                icon: import_lucide_react8.ChevronDown,
                 size: 16,
                 className: cn(
                   "flex-shrink-0 text-berget-muted-foreground",
@@ -2052,17 +2263,17 @@ var CountrySelect = React26.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.jsxs)(Command, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CommandInput, { placeholder: "Search country..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(CommandList, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CommandEmpty, { children: "No countries found." }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                 CommandItem,
                 {
                   value: `${country.name} ${country.code}`,
@@ -2076,12 +2287,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_runtime30.jsx)("span", { className: "text-xl flex-shrink-0", children: country.flag }),
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-sm truncate", children: country.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.jsx)("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
                   ]
                 },
                 country.code
@@ -2096,15 +2307,15 @@ var CountrySelect = React26.forwardRef(
 CountrySelect.displayName = "CountrySelect";
 // src/components/text-area/TextArea.tsx
-var React28 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_class_variance_authority11 = 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 React29 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var Textarea = React29.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "textarea",
       {
         className: cn(
@@ -2120,7 +2331,7 @@ var Textarea = React27.forwardRef(
 Textarea.displayName = "Textarea";
 // src/components/text-area/TextArea.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var textAreaVariants = (0, import_class_variance_authority11.cva)(
   "rounded-berget-xs bg-card px-4 py-3 transition-colors duration-200 focus-visible:border-berget-form-focus-border focus-visible:ring-0 focus-visible:ring-offset-0 resize-y",
   {
@@ -2143,7 +2354,7 @@ var textAreaVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var TextArea = React28.forwardRef(
+var TextArea = React30.forwardRef(
   ({
     className,
     variant,
@@ -2163,13 +2374,13 @@ var TextArea = React28.forwardRef(
     actionButton,
     ...props
   }, ref) => {
-    const generatedId = React28.useId();
+    const generatedId = React30.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_runtime32.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "label",
         {
           htmlFor: textareaId,
@@ -2181,9 +2392,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_runtime32.jsxs)("div", { className: "relative", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           Textarea,
           {
             ref,
@@ -2208,13 +2419,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_runtime32.jsx)("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
+        actionButton && /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        (error || showCount && maxLength) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
+          showCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
             Typography,
             {
               variant: "xs",
@@ -2228,7 +2439,7 @@ var TextArea = React28.forwardRef(
               ]
             }
           ),
-          error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          error && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             Typography,
             {
               variant: "xs",
@@ -2245,22 +2456,22 @@ var TextArea = React28.forwardRef(
 TextArea.displayName = "TextArea";
 // src/primitives/label.tsx
-var React29 = __toESM(require("react"), 1);
+var React31 = __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 import_jsx_runtime33 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority12.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = 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 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.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_jsx_runtime34 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -2278,7 +2489,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -2294,7 +2505,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -2334,7 +2545,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       role: "group",
@@ -2346,7 +2557,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -2356,8 +2567,8 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    Label2,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    Label3,
     {
       "data-slot": "field-label",
       className: cn(
@@ -2371,7 +2582,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       "data-slot": "field-label",
@@ -2384,7 +2595,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -2403,7 +2614,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -2414,8 +2625,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_runtime34.jsx)(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "span",
           {
             className: "bg-berget-background text-berget-muted-foreground relative mx-auto block w-fit px-2",
@@ -2443,12 +2654,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_runtime34.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { children: error.message }, index)) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       role: "alert",
@@ -2461,10 +2672,10 @@ function FieldError({
 }
 // src/components/link/Link.tsx
-var React30 = __toESM(require("react"), 1);
+var React32 = __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 import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var linkVariants = (0, import_class_variance_authority14.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",
   {
@@ -2489,7 +2700,7 @@ var linkVariants = (0, import_class_variance_authority14.cva)(
     }
   }
 );
-var Link = React30.forwardRef(
+var Link = React32.forwardRef(
   ({
     className,
     variant,
@@ -2502,7 +2713,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_runtime35.jsxs)(
       "a",
       {
         ref,
@@ -2518,8 +2729,8 @@ 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_runtime35.jsx)("span", { className: "inline-flex items-center", children: icon }),
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon2, { icon: import_lucide_react9.ExternalLink, size: 16 }) })
         ]
       }
     );
@@ -2528,10 +2739,10 @@ var Link = React30.forwardRef(
 Link.displayName = "Link";
 // src/components/container/Container.tsx
-var React31 = __toESM(require("react"), 1);
+var React33 = __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 import_jsx_runtime36 = require("react/jsx-runtime");
 var containerVariants = (0, import_class_variance_authority15.cva)("w-full mx-auto", {
   variants: {
     size: {
@@ -2553,10 +2764,10 @@ var containerVariants = (0, import_class_variance_authority15.cva)("w-full mx-au
     padding: "md"
   }
 });
-var Container = React31.forwardRef(
+var Container = React33.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_runtime36.jsx)(
       Component,
       {
         ref,
@@ -2570,10 +2781,10 @@ var Container = React31.forwardRef(
 Container.displayName = "Container";
 // src/components/grid/Grid.tsx
-var React32 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_class_variance_authority16 = require("class-variance-authority");
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var gridVariants = (0, import_class_variance_authority16.cva)("grid", {
   variants: {
     align: {
@@ -2596,10 +2807,10 @@ var gridVariants = (0, import_class_variance_authority16.cva)("grid", {
     justify: "start"
   }
 });
-var Grid = React32.forwardRef(
+var Grid = React34.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_runtime37.jsx)(
       Component,
       {
         ref,
@@ -2621,10 +2832,10 @@ var Grid = React32.forwardRef(
 Grid.displayName = "Grid";
 // src/components/box/Box.tsx
-var React33 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_class_variance_authority17 = require("class-variance-authority");
 var import_react_slot5 = require("@radix-ui/react-slot");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var boxVariants = (0, import_class_variance_authority17.cva)("flex", {
   variants: {
     direction: {
@@ -2661,10 +2872,10 @@ var boxVariants = (0, import_class_variance_authority17.cva)("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React33.forwardRef(
+var Box = React35.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_runtime38.jsx)(
       Component,
       {
         ref,
@@ -2682,16 +2893,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 React36 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var BergetLogo = React36.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_runtime39.jsx)(
         "svg",
         {
           ref,
@@ -2704,7 +2915,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_runtime39.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 +2928,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_runtime39.jsxs)(
       "svg",
       {
         ref,
@@ -2731,59 +2942,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_runtime39.jsxs)("g", { style: { fill: fillColor }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.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_runtime39.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_runtime39.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_runtime39.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_runtime39.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_runtime39.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_runtime39.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_runtime39.jsx)(
             "path",
             {
               style: { fill: fillColor },
@@ -2798,13 +3009,13 @@ var BergetLogo = React34.forwardRef(
 BergetLogo.displayName = "BergetLogo";
 // src/components/language-select/LanguageSelect.tsx
-var React35 = __toESM(require("react"), 1);
+var React37 = __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_react10 = require("lucide-react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var LanguageSelect = React37.forwardRef(({ className, options, value, onValueChange }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(SelectPrimitive2.Root, { value, onValueChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       SelectPrimitive2.Trigger,
       {
         ref,
@@ -2827,12 +3038,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_runtime40.jsx)("span", { className: "sr-only", children: "Select language" }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon2, { icon: import_lucide_react10.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_runtime40.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       SelectPrimitive2.Content,
       {
         className: cn(
@@ -2860,7 +3071,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_runtime40.jsx)(SelectPrimitive2.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           SelectPrimitive2.Item,
           {
             value: option.value,
@@ -2877,7 +3088,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_runtime40.jsx)(SelectPrimitive2.ItemText, { children: option.label })
           },
           option.value
         )) })
@@ -2888,12 +3099,12 @@ var LanguageSelect = React35.forwardRef(({ className, options, value, onValueCha
 LanguageSelect.displayName = "LanguageSelect";
 // src/components/list/List.tsx
-var React37 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 // src/components/divider/Divider.tsx
-var React36 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_class_variance_authority18 = require("class-variance-authority");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var dividerVariants = (0, import_class_variance_authority18.cva)("", {
   variants: {
     variant: {
@@ -2914,7 +3125,7 @@ var dividerVariants = (0, import_class_variance_authority18.cva)("", {
     size: "thin"
   }
 });
-var Divider = React36.forwardRef(
+var Divider = React38.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -2925,17 +3136,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_runtime41.jsxs)("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
+        labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          Separator2,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
@@ -2943,8 +3154,8 @@ var Divider = React36.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      Separator,
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      Separator2,
       {
         ref,
         orientation,
@@ -2960,20 +3171,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_react11 = require("lucide-react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var List = React39.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 = React39.Children.toArray(children);
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(React39.Fragment, { children: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime42.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)(
+var ListItem = React39.forwardRef(
+  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
       ref,
@@ -2984,15 +3195,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_runtime42.jsx)("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.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 = React39.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       ref,
@@ -3003,20 +3214,20 @@ var ListHeader = React37.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React37.forwardRef(
+var FeatureList = React39.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_runtime42.jsx)("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon2, { icon: import_lucide_react11.Check, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.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 React40 = __toESM(require("react"), 1);
 var import_class_variance_authority19 = require("class-variance-authority");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var heroBlockVariants = (0, import_class_variance_authority19.cva)(
   "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
   {
@@ -3037,7 +3248,7 @@ var heroBlockVariants = (0, import_class_variance_authority19.cva)(
     }
   }
 );
-var HeroBlock = React38.forwardRef(
+var HeroBlock = React40.forwardRef(
   ({
     className,
     variant,
@@ -3049,26 +3260,26 @@ var HeroBlock = React38.forwardRef(
     actions,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.jsx)("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "mx-auto text-center max-w-4xl", children: [
+          tagline && /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.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_runtime43.jsx)(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
         ] }) })
       }
     );
@@ -3078,7 +3289,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_react12 = require("lucide-react");
 // src/lib/shiki.ts
 var import_core2 = require("shiki/core");
@@ -3119,7 +3330,7 @@ function getHighlighter() {
 }
 // src/components/code-block/CodeBlock.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = 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 +3346,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_runtime44.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_runtime44.jsx)(import_lucide_react12.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.Copy, { className: "w-3.5 h-3.5" })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "div",
     {
       className: cn(
@@ -3152,25 +3363,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_runtime44.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_runtime44.jsx)("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime44.jsx)("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("code", { children: code }) })
       ]
     }
   );
 }
 // src/components/window-frame/WindowFrame.tsx
-var React39 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_react3 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var WindowFrame = React39.forwardRef(
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var WindowFrame = React41.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 +3392,7 @@ var WindowFrame = React39.forwardRef(
         setInternalActive(id);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "div",
       {
         ref,
@@ -3191,13 +3402,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_runtime45.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_runtime45.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsx)("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "button",
               {
                 type: "button",
@@ -3209,9 +3420,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_runtime45.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_runtime45.jsx)("div", { children })
         ]
       }
     );
@@ -3222,6 +3433,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 +3470,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,