@bergetai/ui 0.13.6 → 0.14.0

package/dist/index.cjs

@@ -170,6 +170,7 @@ __export(src_exports, {
   SidebarRail: () => SidebarRail,
   SidebarSeparator: () => SidebarSeparator,
   SidebarTrigger: () => SidebarTrigger,
+  Skeleton: () => Skeleton2,
   Switch: () => Switch,
   Table: () => Table2,
   TableBody: () => TableBody2,
@@ -1299,19 +1300,43 @@ var Alert2 = React10.forwardRef(
 );
 Alert2.displayName = "Alert";
 
-// src/components/dialog/Dialog.tsx
+// src/components/skeleton/Skeleton.tsx
 var React11 = __toESM(require("react"), 1);
+
+// src/primitives/skeleton.tsx
+var import_cn4 = require("cn");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: (0, import_cn4.cn)("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// src/components/skeleton/Skeleton.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Skeleton2 = React11.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Skeleton, { ref, className: cn("bg-berget-surface-02", className), ...props });
+});
+Skeleton2.displayName = "Skeleton";
+
+// src/components/dialog/Dialog.tsx
+var React12 = __toESM(require("react"), 1);
 var import_dialog = require("@base-ui/react/dialog");
 var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Dialog = import_dialog.Dialog.Root;
-var DialogTrigger = React11.forwardRef(
-  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_dialog.Dialog.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+var DialogTrigger = React12.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_dialog.Dialog.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
 );
 DialogTrigger.displayName = "DialogTrigger";
 var DialogPortal = import_dialog.Dialog.Portal;
 var DialogClose = import_dialog.Dialog.Close;
-var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   import_dialog.Dialog.Backdrop,
   {
     ref,
@@ -1323,9 +1348,9 @@ var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var DialogContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     import_dialog.Dialog.Popup,
     {
       ref,
@@ -1336,18 +1361,18 @@ var DialogContent = React11.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_dialog.Dialog.Close, { className: "absolute right-4 top-4 rounded-berget-xs opacity-70 ring-offset-berget-dialog-bg transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-berget-focus-ring focus:ring-offset-2 disabled:pointer-events-none data-open:bg-berget-muted data-open:text-berget-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react2.X, { className: "size-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_dialog.Dialog.Close, { className: "absolute right-4 top-4 rounded-berget-xs opacity-70 ring-offset-berget-dialog-bg transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-berget-focus-ring focus:ring-offset-2 disabled:pointer-events-none data-open:bg-berget-muted data-open:text-berget-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react2.X, { className: "size-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = "DialogContent";
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -1355,21 +1380,21 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DialogTitle = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   import_dialog.Dialog.Title,
   {
     ref,
-    render: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Typography, { variant: "h5", color: "default", as: "h2", className }),
+    render: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "h5", color: "default", as: "h2", className }),
     ...props,
     children
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DialogDescription = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   import_dialog.Dialog.Description,
   {
     ref,
-    render: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Typography, { variant: "small", color: "muted", className }),
+    render: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Typography, { variant: "small", color: "muted", className }),
     ...props,
     children
   }
@@ -1377,16 +1402,16 @@ var DialogDescription = React11.forwardRef(({ className, children, ...props }, r
 DialogDescription.displayName = "DialogDescription";
 
 // src/components/alert-dialog/AlertDialog.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var import_alert_dialog = require("@base-ui/react/alert-dialog");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var AlertDialog = import_alert_dialog.AlertDialog.Root;
-var AlertDialogTrigger = React12.forwardRef(
-  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_alert_dialog.AlertDialog.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+var AlertDialogTrigger = React13.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_alert_dialog.AlertDialog.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
 );
 AlertDialogTrigger.displayName = "AlertDialogTrigger";
 var AlertDialogPortal = import_alert_dialog.AlertDialog.Portal;
-var AlertDialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var AlertDialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   import_alert_dialog.AlertDialog.Backdrop,
   {
     ref,
@@ -1398,9 +1423,9 @@ var AlertDialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = "AlertDialogOverlay";
-var AlertDialogContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AlertDialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var AlertDialogContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_alert_dialog.AlertDialog.Popup,
     {
       ref,
@@ -1413,9 +1438,9 @@ var AlertDialogContent = React12.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = "AlertDialogContent";
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime15.jsx)(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -1423,27 +1448,27 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var AlertDialogTitle = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   import_alert_dialog.AlertDialog.Title,
   {
     ref,
-    render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "h5", color: "default", as: "h2", className }),
+    render: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typography, { variant: "h5", color: "default", as: "h2", className }),
     ...props,
     children
   }
 ));
 AlertDialogTitle.displayName = "AlertDialogTitle";
-var AlertDialogDescription = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var AlertDialogDescription = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   import_alert_dialog.AlertDialog.Description,
   {
     ref,
-    render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "small", color: "muted", className }),
+    render: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typography, { variant: "small", color: "muted", className }),
     ...props,
     children
   }
 ));
 AlertDialogDescription.displayName = "AlertDialogDescription";
-var AlertDialogAction = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var AlertDialogAction = React13.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   import_alert_dialog.AlertDialog.Close,
   {
     ref,
@@ -1454,7 +1479,7 @@ var AlertDialogAction = React12.forwardRef(({ className, asChild, children, ...p
   }
 ));
 AlertDialogAction.displayName = "AlertDialogAction";
-var AlertDialogCancel = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var AlertDialogCancel = React13.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   import_alert_dialog.AlertDialog.Close,
   {
     ref,
@@ -1467,21 +1492,21 @@ var AlertDialogCancel = React12.forwardRef(({ className, asChild, children, ...p
 AlertDialogCancel.displayName = "AlertDialogCancel";
 
 // src/components/dropdown-menu/DropdownMenu.tsx
-var React13 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 
 // src/primitives/dropdown-menu.tsx
 var import_menu = require("@base-ui/react/menu");
-var import_cn4 = require("cn");
+var import_cn5 = require("cn");
 var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   align = "start",
@@ -1491,7 +1516,7 @@ function DropdownMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_menu.Menu.Positioner,
     {
       className: "isolate z-50 outline-none",
@@ -1499,11 +1524,11 @@ function DropdownMenuContent({
       alignOffset,
       side,
       sideOffset,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_menu.Menu.Popup,
         {
           "data-slot": "dropdown-menu-content",
-          className: (0, import_cn4.cn)("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
+          className: (0, import_cn5.cn)("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
           ...props
         }
       )
@@ -1511,19 +1536,19 @@ function DropdownMenuContent({
   ) });
 }
 function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_menu.Menu.GroupLabel,
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: (0, import_cn4.cn)(
+      className: (0, import_cn5.cn)(
         "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
         className
       ),
@@ -1537,13 +1562,13 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_menu.Menu.Item,
     {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: (0, import_cn4.cn)(
+      className: (0, import_cn5.cn)(
         "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
         className
       ),
@@ -1552,7 +1577,7 @@ function DropdownMenuItem({
   );
 }
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1560,19 +1585,19 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     import_menu.Menu.SubmenuTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
-      className: (0, import_cn4.cn)(
+      className: (0, import_cn5.cn)(
         "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react3.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react3.ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -1585,11 +1610,11 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: (0, import_cn4.cn)("w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      className: (0, import_cn5.cn)("w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
       align,
       alignOffset,
       side,
@@ -1605,24 +1630,24 @@ function DropdownMenuCheckboxItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     import_menu.Menu.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
       "data-inset": inset,
-      className: (0, import_cn4.cn)(
+      className: (0, import_cn5.cn)(
         "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": "dropdown-menu-checkbox-item-indicator",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               import_lucide_react3.CheckIcon,
               {}
             ) })
@@ -1634,7 +1659,7 @@ function DropdownMenuCheckboxItem({
   );
 }
 function DropdownMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_menu.Menu.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
@@ -1648,23 +1673,23 @@ function DropdownMenuRadioItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     import_menu.Menu.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
       "data-inset": inset,
-      className: (0, import_cn4.cn)(
+      className: (0, import_cn5.cn)(
         "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": "dropdown-menu-radio-item-indicator",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_menu.Menu.RadioItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_menu.Menu.RadioItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               import_lucide_react3.CheckIcon,
               {}
             ) })
@@ -1679,11 +1704,11 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_menu.Menu.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: (0, import_cn4.cn)("-mx-1 my-1 h-px bg-border", className),
+      className: (0, import_cn5.cn)("-mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -1692,11 +1717,11 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: (0, import_cn4.cn)(
+      className: (0, import_cn5.cn)(
         "ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
         className
       ),
@@ -1706,13 +1731,13 @@ function DropdownMenuShortcut({
 }
 
 // src/components/dropdown-menu/DropdownMenu.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var DropdownMenuTrigger2 = React13.forwardRef(
-  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuTrigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var DropdownMenuTrigger2 = React14.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuTrigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
 );
 DropdownMenuTrigger2.displayName = "DropdownMenuTrigger";
-var DropdownMenuSubTrigger2 = React13.forwardRef(
-  ({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuSubTrigger2 = React14.forwardRef(
+  ({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuSubTrigger,
     {
       ref,
@@ -1729,8 +1754,8 @@ var DropdownMenuSubTrigger2 = React13.forwardRef(
   )
 );
 DropdownMenuSubTrigger2.displayName = "DropdownMenuSubTrigger";
-var DropdownMenuSubContent2 = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuSubContent2 = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuSubContent,
     {
       ref,
@@ -1743,8 +1768,8 @@ var DropdownMenuSubContent2 = React13.forwardRef(
   )
 );
 DropdownMenuSubContent2.displayName = "DropdownMenuSubContent";
-var DropdownMenuContent2 = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuContent2 = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuContent,
     {
       ref,
@@ -1757,8 +1782,8 @@ var DropdownMenuContent2 = React13.forwardRef(
   )
 );
 DropdownMenuContent2.displayName = "DropdownMenuContent";
-var DropdownMenuItem2 = React13.forwardRef(
-  ({ className, inset, asChild, children, textValue, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuItem2 = React14.forwardRef(
+  ({ className, inset, asChild, children, textValue, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuItem,
     {
       ref,
@@ -1776,8 +1801,8 @@ var DropdownMenuItem2 = React13.forwardRef(
   )
 );
 DropdownMenuItem2.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem2 = React13.forwardRef(
-  ({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuCheckboxItem2 = React14.forwardRef(
+  ({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuCheckboxItem,
     {
       ref,
@@ -1790,8 +1815,8 @@ var DropdownMenuCheckboxItem2 = React13.forwardRef(
   )
 );
 DropdownMenuCheckboxItem2.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem2 = React13.forwardRef(
-  ({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuRadioItem2 = React14.forwardRef(
+  ({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuRadioItem,
     {
       ref,
@@ -1804,8 +1829,8 @@ var DropdownMenuRadioItem2 = React13.forwardRef(
   )
 );
 DropdownMenuRadioItem2.displayName = "DropdownMenuRadioItem";
-var DropdownMenuLabel2 = React13.forwardRef(
-  ({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuLabel2 = React14.forwardRef(
+  ({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuLabel,
     {
       ref,
@@ -1821,8 +1846,8 @@ var DropdownMenuLabel2 = React13.forwardRef(
   )
 );
 DropdownMenuLabel2.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator2 = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuSeparator2 = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuSeparator,
     {
       ref,
@@ -1833,7 +1858,7 @@ var DropdownMenuSeparator2 = React13.forwardRef(
 );
 DropdownMenuSeparator2.displayName = "DropdownMenuSeparator";
 var DropdownMenuShortcut2 = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     DropdownMenuShortcut,
     {
       className: cn("text-berget-muted-foreground", className),
@@ -1844,17 +1869,17 @@ var DropdownMenuShortcut2 = ({ className, ...props }) => {
 DropdownMenuShortcut2.displayName = "DropdownMenuShortcut";
 
 // src/components/tooltip/Tooltip.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 
 // src/primitives/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_cn5 = require("cn");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_cn6 = require("cn");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function TooltipProvider({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_tooltip.Tooltip.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -1864,10 +1889,10 @@ function TooltipProvider({
   );
 }
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1878,7 +1903,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_tooltip.Tooltip.Positioner,
     {
       align,
@@ -1886,18 +1911,18 @@ function TooltipContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         import_tooltip.Tooltip.Popup,
         {
           "data-slot": "tooltip-content",
-          className: (0, import_cn5.cn)(
+          className: (0, import_cn6.cn)(
             "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
           ...props,
           children: [
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
           ]
         }
       )
@@ -1906,13 +1931,13 @@ function TooltipContent({
 }
 
 // src/components/tooltip/Tooltip.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var TooltipTrigger2 = React14.forwardRef(
-  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipTrigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var TooltipTrigger2 = React15.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipTrigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
 );
 TooltipTrigger2.displayName = "TooltipTrigger";
-var TooltipContent2 = React14.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var TooltipContent2 = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     TooltipContent,
     {
       ref,
@@ -1931,18 +1956,18 @@ var import_lucide_react5 = require("lucide-react");
 // src/primitives/navigation-menu.tsx
 var import_navigation_menu = require("@base-ui/react/navigation-menu");
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_cn6 = require("cn");
+var import_cn7 = require("cn");
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_navigation_menu.NavigationMenu.List,
     {
       "data-slot": "navigation-menu-list",
-      className: (0, import_cn6.cn)(
+      className: (0, import_cn7.cn)(
         "group flex flex-1 list-none items-center justify-center gap-0",
         className
       ),
@@ -1954,11 +1979,11 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_navigation_menu.NavigationMenu.Item,
     {
       "data-slot": "navigation-menu-item",
-      className: (0, import_cn6.cn)("relative", className),
+      className: (0, import_cn7.cn)("relative", className),
       ...props
     }
   );
@@ -1970,11 +1995,11 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_navigation_menu.NavigationMenu.Content,
     {
       "data-slot": "navigation-menu-content",
-      className: (0, import_cn6.cn)(
+      className: (0, import_cn7.cn)(
         "data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95",
         className
       ),
@@ -1986,29 +2011,29 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_navigation_menu.NavigationMenu.Icon,
     {
       "data-slot": "navigation-menu-indicator",
-      className: (0, import_cn6.cn)(
+      className: (0, import_cn7.cn)(
         "top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     }
   );
 }
 
 // src/components/navigation-menu/NavigationMenu.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function NavigationMenu({
   align = "start",
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_navigation_menu2.NavigationMenu.Root,
     {
       "data-slot": "navigation-menu",
@@ -2019,7 +2044,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(NavigationMenuPositioner, { align })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(NavigationMenuPositioner, { align })
       ]
     }
   );
@@ -2032,7 +2057,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     import_navigation_menu2.NavigationMenu.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -2041,7 +2066,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           import_lucide_react5.ChevronDown,
           {
             className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
@@ -2053,7 +2078,7 @@ function NavigationMenuTrigger({
   );
 }
 function NavigationMenuLink({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_navigation_menu2.NavigationMenu.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -2073,7 +2098,7 @@ function NavigationMenuPositioner({
   alignOffset = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu2.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu2.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_navigation_menu2.NavigationMenu.Positioner,
     {
       side,
@@ -2085,24 +2110,24 @@ function NavigationMenuPositioner({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu2.NavigationMenu.Popup, { className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-berget-xs bg-berget-popover text-berget-popover-foreground shadow-berget-lg ring-1 ring-berget-border transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu2.NavigationMenu.Viewport, { className: "relative size-full overflow-hidden" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu2.NavigationMenu.Popup, { className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-berget-xs bg-berget-popover text-berget-popover-foreground shadow-berget-lg ring-1 ring-berget-border transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu2.NavigationMenu.Viewport, { className: "relative size-full overflow-hidden" }) })
     }
   ) });
 }
 
 // src/primitives/sidebar.tsx
-var React16 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var import_merge_props = require("@base-ui/react/merge-props");
 var import_use_render = require("@base-ui/react/use-render");
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_cn11 = require("cn");
 
 // src/hooks/use-mobile.tsx
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React15.useState(void 0);
-  React15.useEffect(() => {
+  const [isMobile, setIsMobile] = React16.useState(void 0);
+  React16.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -2116,15 +2141,15 @@ function useIsMobile() {
 
 // src/primitives/input.tsx
 var import_input = require("@base-ui/react/input");
-var import_cn7 = require("cn");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_cn8 = require("cn");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_input.Input,
     {
       type,
       "data-slot": "input",
-      className: (0, import_cn7.cn)(
+      className: (0, import_cn8.cn)(
         "h-8 w-full min-w-0 rounded-lg border border-input bg-input/30 px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         className
       ),
@@ -2135,19 +2160,19 @@ function Input({ className, type, ...props }) {
 
 // src/primitives/separator.tsx
 var import_separator = require("@base-ui/react/separator");
-var import_cn8 = require("cn");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_cn9 = require("cn");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Separator({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_separator.Separator,
     {
       "data-slot": "separator",
       orientation,
-      className: (0, import_cn8.cn)(
+      className: (0, import_cn9.cn)(
         "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
         className
       ),
@@ -2158,21 +2183,21 @@ function Separator({
 
 // src/primitives/sheet.tsx
 var import_dialog2 = require("@base-ui/react/dialog");
-var import_cn9 = require("cn");
+var import_cn10 = require("cn");
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_dialog2.Dialog.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog2.Dialog.Root, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_dialog2.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_dialog2.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_dialog2.Dialog.Backdrop,
     {
       "data-slot": "sheet-overlay",
-      className: (0, import_cn9.cn)(
+      className: (0, import_cn10.cn)(
         "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
         className
       ),
@@ -2187,25 +2212,25 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       import_dialog2.Dialog.Popup,
       {
         "data-slot": "sheet-content",
         "data-side": side,
-        className: (0, import_cn9.cn)(
+        className: (0, import_cn10.cn)(
           "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
           className
         ),
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
             import_dialog2.Dialog.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Button,
                 {
                   variant: "ghost",
@@ -2214,11 +2239,11 @@ function SheetContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   import_lucide_react6.XIcon,
                   {}
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2228,21 +2253,21 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
-      className: (0, import_cn9.cn)("flex flex-col gap-0.5 p-4", className),
+      className: (0, import_cn10.cn)("flex flex-col gap-0.5 p-4", className),
       ...props
     }
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_dialog2.Dialog.Title,
     {
       "data-slot": "sheet-title",
-      className: (0, import_cn9.cn)(
+      className: (0, import_cn10.cn)(
         "text-base font-medium text-foreground",
         className
       ),
@@ -2254,25 +2279,11 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_dialog2.Dialog.Description,
     {
       "data-slot": "sheet-description",
-      className: (0, import_cn9.cn)("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-
-// src/primitives/skeleton.tsx
-var import_cn10 = require("cn");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: (0, import_cn10.cn)("animate-pulse rounded-md bg-muted", className),
+      className: (0, import_cn10.cn)("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -2280,16 +2291,16 @@ function Skeleton({ className, ...props }) {
 
 // src/primitives/sidebar.tsx
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React16.createContext(null);
+var SidebarContext = React17.createContext(null);
 function useSidebar() {
-  const context = React16.useContext(SidebarContext);
+  const context = React17.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -2305,10 +2316,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React16.useState(false);
-  const [_open, _setOpen] = React16.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React17.useState(false);
+  const [_open, _setOpen] = React17.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React16.useCallback(
+  const setOpen = React17.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -2320,10 +2331,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React16.useCallback(() => {
+  const toggleSidebar = React17.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -2334,7 +2345,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React16.useMemo(
+  const contextValue = React17.useMemo(
     () => ({
       state,
       open,
@@ -2346,7 +2357,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -2375,7 +2386,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
         "data-slot": "sidebar",
@@ -2389,7 +2400,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       SheetContent,
       {
         dir,
@@ -2402,16 +2413,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -2421,7 +2432,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -2433,7 +2444,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -2445,7 +2456,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -2466,7 +2477,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     Button,
     {
       "data-sidebar": "trigger",
@@ -2480,15 +2491,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react7.PanelLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react7.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "button",
     {
       "data-sidebar": "rail",
@@ -2511,7 +2522,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -2527,7 +2538,7 @@ function SidebarInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -2538,7 +2549,7 @@ function SidebarInput({
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -2549,7 +2560,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -2563,7 +2574,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Separator,
     {
       "data-slot": "sidebar-separator",
@@ -2574,7 +2585,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -2588,7 +2599,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -2648,7 +2659,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -2659,7 +2670,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -2670,7 +2681,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -2718,7 +2729,7 @@ function SidebarMenuButton({
       },
       props
     ),
-    render: !tooltip ? render : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipTrigger, { render }),
+    render: !tooltip ? render : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipTrigger, { render }),
     state: {
       slot: "sidebar-menu-button",
       sidebar: "menu-button",
@@ -2734,9 +2745,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Tooltip, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Tooltip, { children: [
     comp,
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       TooltipContent,
       {
         side: "right",
@@ -2776,7 +2787,7 @@ function SidebarMenuBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -2794,10 +2805,10 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const [width] = React16.useState(() => {
+  const [width] = React17.useState(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       "data-slot": "sidebar-menu-skeleton",
@@ -2805,14 +2816,14 @@ function SidebarMenuSkeleton({
       className: (0, import_cn11.cn)("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -2827,7 +2838,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -2844,7 +2855,7 @@ function SidebarMenuSubItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -2883,7 +2894,7 @@ function SidebarMenuSubButton({
 }
 
 // src/components/sidebar/Sidebar.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var iconModeButtonClasses = "group-data-[collapsible=icon]:w-10! group-data-[collapsible=icon]:h-10! group-data-[collapsible=icon]:px-3!";
 var sizingMenuButtonClasses = "text-base px-3 py-2 h-auto";
 var sizingSubButtonClasses = "data-[size=md]:text-base data-[size=sm]:text-base px-3 py-2 h-auto";
@@ -2891,7 +2902,7 @@ function SidebarGroupLabel2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SidebarGroupLabel,
     {
       className: cn("px-3 uppercase tracking-caption", className),
@@ -2904,7 +2915,7 @@ function SidebarProvider2({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SidebarProvider,
     {
       className,
@@ -2917,10 +2928,10 @@ function SidebarProvider2({
   );
 }
 function SidebarInset2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarInset, { className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SidebarInset, { className: cn("min-w-0", className), ...props });
 }
 function SidebarGroup2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SidebarGroup,
     {
       className: cn("group-data-[collapsible=icon]:px-2.5", className),
@@ -2932,7 +2943,7 @@ function SidebarFooter2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SidebarFooter,
     {
       className: cn(
@@ -2947,7 +2958,7 @@ function SidebarHeader2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SidebarHeader,
     {
       className: cn(
@@ -2959,8 +2970,8 @@ function SidebarHeader2({
   );
 }
 function SidebarLogo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarHeader, { className: "px-0", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative flex h-15 items-center overflow-hidden px-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SidebarHeader, { className: "px-0", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative flex h-15 items-center overflow-hidden px-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       BergetLogo,
       {
         variant: "logotype",
@@ -2968,11 +2979,11 @@ function SidebarLogo() {
         className: "shrink-0 transition-[opacity,visibility] duration-150 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:invisible group-data-[collapsible=icon]:opacity-0"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "pointer-events-none invisible absolute inset-y-0 left-0 flex w-15 items-center pl-5 opacity-0 transition-[padding-left,opacity,visibility] duration-200 ease-linear group-data-[collapsible=icon]:visible group-data-[collapsible=icon]:pl-3 group-data-[collapsible=icon]:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BergetLogo, { variant: "symbol", size: 32 }) })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "pointer-events-none invisible absolute inset-y-0 left-0 flex w-15 items-center pl-5 opacity-0 transition-[padding-left,opacity,visibility] duration-200 ease-linear group-data-[collapsible=icon]:visible group-data-[collapsible=icon]:pl-3 group-data-[collapsible=icon]:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(BergetLogo, { variant: "symbol", size: 32 }) })
   ] }) });
 }
 function SidebarPageHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "header",
     {
       className: cn(
@@ -2984,7 +2995,7 @@ function SidebarPageHeader({ className, ...props }) {
   );
 }
 function SidebarMenuButton2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SidebarMenuButton,
     {
       className: cn(sizingMenuButtonClasses, iconModeButtonClasses, className),
@@ -2993,7 +3004,7 @@ function SidebarMenuButton2({ className, ...props }) {
   );
 }
 function SidebarMenuSubButton2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SidebarMenuSubButton,
     {
       className: cn(sizingSubButtonClasses, "[&>svg]:text-inherit", className),
@@ -3003,18 +3014,18 @@ function SidebarMenuSubButton2({ className, ...props }) {
 }
 
 // src/components/table/Table.tsx
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 
 // src/primitives/table.tsx
 var import_cn12 = require("cn");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -3026,7 +3037,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -3036,7 +3047,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -3046,7 +3057,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -3059,7 +3070,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -3072,7 +3083,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -3085,7 +3096,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -3101,7 +3112,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -3112,12 +3123,12 @@ function TableCaption({
 }
 
 // src/components/table/Table.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Table2 = React17.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Table, { ref, className, ...props })
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Table2 = React18.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Table, { ref, className, ...props })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableHeader2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   TableHeader,
   {
     ref,
@@ -3126,7 +3137,7 @@ var TableHeader2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableHeader2.displayName = "TableHeader";
-var TableBody2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableBody2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   TableBody,
   {
     ref,
@@ -3135,7 +3146,7 @@ var TableBody2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableBody2.displayName = "TableBody";
-var TableFooter2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableFooter2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   TableFooter,
   {
     ref,
@@ -3147,8 +3158,8 @@ var TableFooter2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableFooter2.displayName = "TableFooter";
-var TableRow2 = React17.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableRow2 = React18.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     TableRow,
     {
       ref,
@@ -3161,7 +3172,7 @@ var TableRow2 = React17.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableHead2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   TableHead,
   {
     ref,
@@ -3173,7 +3184,7 @@ var TableHead2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHead2.displayName = "TableHead";
-var TableCell2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableCell2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   TableCell,
   {
     ref,
@@ -3182,7 +3193,7 @@ var TableCell2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableCell2.displayName = "TableCell";
-var TableCaption2 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableCaption2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   TableCaption,
   {
     ref,
@@ -3193,16 +3204,16 @@ var TableCaption2 = React17.forwardRef(({ className, ...props }, ref) => /* @__P
 TableCaption2.displayName = "TableCaption";
 
 // src/components/item/Item.tsx
-var React18 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 
 // src/primitives/item.tsx
 var import_merge_props2 = require("@base-ui/react/merge-props");
 var import_use_render2 = require("@base-ui/react/use-render");
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_cn13 = require("cn");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       role: "list",
@@ -3219,7 +3230,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Separator,
     {
       "data-slot": "item-separator",
@@ -3293,7 +3304,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       "data-slot": "item-media",
@@ -3304,7 +3315,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       "data-slot": "item-content",
@@ -3317,7 +3328,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       "data-slot": "item-title",
@@ -3330,7 +3341,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "p",
     {
       "data-slot": "item-description",
@@ -3343,7 +3354,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       "data-slot": "item-actions",
@@ -3353,7 +3364,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       "data-slot": "item-header",
@@ -3366,7 +3377,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       "data-slot": "item-footer",
@@ -3380,9 +3391,9 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/item/Item.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Item2({ className, asChild, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Item,
     {
       render: asChild ? children : void 0,
@@ -3401,8 +3412,8 @@ function Item2({ className, asChild, children, ...props }) {
     }
   );
 }
-var ItemMedia2 = React18.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ItemMedia2 = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     ItemMedia,
     {
       ref,
@@ -3412,8 +3423,8 @@ var ItemMedia2 = React18.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemMedia2.displayName = "ItemMedia";
-var ItemTitle2 = React18.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ItemTitle2 = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     ItemTitle,
     {
       ref,
@@ -3423,8 +3434,8 @@ var ItemTitle2 = React18.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemTitle2.displayName = "ItemTitle";
-var ItemDescription2 = React18.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ItemDescription2 = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     ItemDescription,
     {
       ref,
@@ -3434,8 +3445,8 @@ var ItemDescription2 = React18.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemDescription2.displayName = "ItemDescription";
-var ItemSeparator2 = React18.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var ItemSeparator2 = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     ItemSeparator,
     {
       ref,
@@ -3447,14 +3458,14 @@ var ItemSeparator2 = React18.forwardRef(({ className, ...props }, ref) => {
 ItemSeparator2.displayName = "ItemSeparator";
 
 // src/components/empty/Empty.tsx
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 
 // src/primitives/empty.tsx
 var import_class_variance_authority11 = require("class-variance-authority");
 var import_cn14 = require("cn");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       "data-slot": "empty",
@@ -3467,7 +3478,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       "data-slot": "empty-header",
@@ -3495,7 +3506,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       "data-slot": "empty-icon",
@@ -3506,7 +3517,7 @@ function EmptyMedia({
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       "data-slot": "empty-title",
@@ -3519,7 +3530,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       "data-slot": "empty-description",
@@ -3532,7 +3543,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       "data-slot": "empty-content",
@@ -3546,12 +3557,12 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/empty/Empty.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Empty2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Empty, { className, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Empty, { className, ...props });
 }
-var EmptyMedia2 = React19.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var EmptyMedia2 = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     EmptyMedia,
     {
       ref,
@@ -3564,8 +3575,8 @@ var EmptyMedia2 = React19.forwardRef(({ className, ...props }, ref) => {
   );
 });
 EmptyMedia2.displayName = "EmptyMedia";
-var EmptyTitle2 = React19.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var EmptyTitle2 = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     EmptyTitle,
     {
       ref,
@@ -3575,8 +3586,8 @@ var EmptyTitle2 = React19.forwardRef(({ className, ...props }, ref) => {
   );
 });
 EmptyTitle2.displayName = "EmptyTitle";
-var EmptyDescription2 = React19.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var EmptyDescription2 = React20.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     EmptyDescription,
     {
       ref,
@@ -3589,22 +3600,22 @@ EmptyDescription2.displayName = "EmptyDescription";
 
 // src/components/search-input/SearchInput.tsx
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var SearchInput = ({
   type = "search",
   placeholder = "Search...",
   className,
   ref,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative flex w-full items-center", "data-slot": "search-input", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative flex w-full items-center", "data-slot": "search-input", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_lucide_react8.Search,
     {
       "aria-hidden": "true",
       className: "pointer-events-none absolute left-2.5 size-4 text-berget-muted-foreground"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Input,
     {
       ref,
@@ -3618,7 +3629,7 @@ var SearchInput = ({
 SearchInput.displayName = "SearchInput";
 
 // src/components/checkbox/Checkbox.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var import_checkbox2 = require("@base-ui/react/checkbox");
 var import_lucide_react10 = require("lucide-react");
 var import_class_variance_authority12 = require("class-variance-authority");
@@ -3627,9 +3638,9 @@ var import_class_variance_authority12 = require("class-variance-authority");
 var import_checkbox = require("@base-ui/react/checkbox");
 var import_cn15 = require("cn");
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_checkbox.Checkbox.Root,
     {
       "data-slot": "checkbox",
@@ -3638,12 +3649,12 @@ function Checkbox({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         import_checkbox.Checkbox.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             import_lucide_react9.CheckIcon,
             {}
           )
@@ -3654,7 +3665,7 @@ function Checkbox({ className, ...props }) {
 }
 
 // src/components/checkbox/Checkbox.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var checkboxVariants = (0, import_class_variance_authority12.cva)(
   "inline-flex items-center justify-center rounded-berget-xs transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -3676,7 +3687,7 @@ var checkboxVariants = (0, import_class_variance_authority12.cva)(
     }
   }
 );
-var Checkbox2 = React20.forwardRef(
+var Checkbox2 = React21.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -3689,11 +3700,11 @@ var Checkbox2 = React20.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React20.useId();
+    const generatedId = React21.useId();
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         Checkbox,
         {
           ref,
@@ -3709,7 +3720,7 @@ var Checkbox2 = React20.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_checkbox2.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_checkbox2.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             import_lucide_react10.Check,
             {
               className: "h-4 w-4 text-current stroke-current",
@@ -3718,8 +3729,8 @@ var Checkbox2 = React20.forwardRef(
           ) })
         }
       ) }),
-      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "label",
           {
             htmlFor: checkboxId,
@@ -3731,8 +3742,8 @@ var Checkbox2 = React20.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -3740,10 +3751,10 @@ var Checkbox2 = React20.forwardRef(
 Checkbox2.displayName = "Checkbox";
 
 // src/components/switch/Switch.tsx
-var React21 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var import_switch = require("@base-ui/react/switch");
 var import_class_variance_authority13 = require("class-variance-authority");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var switchRootVariants = (0, import_class_variance_authority13.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",
   {
@@ -3780,7 +3791,7 @@ var switchThumbVariants = (0, import_class_variance_authority13.cva)(
     }
   }
 );
-var Switch = React21.forwardRef(
+var Switch = React22.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -3793,11 +3804,11 @@ var Switch = React21.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React21.useId();
+    const generatedId = React22.useId();
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         import_switch.Switch.Root,
         {
           ref,
@@ -3812,11 +3823,11 @@ var Switch = React21.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_switch.Switch.Thumb, { className: cn(switchThumbVariants({ size })) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_switch.Switch.Thumb, { className: cn(switchThumbVariants({ size })) })
         }
       ),
-      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      (label || description || error) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "label",
           {
             htmlFor: switchId,
@@ -3827,8 +3838,8 @@ var Switch = React21.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -3839,10 +3850,10 @@ Switch.displayName = "Switch";
 var import_select = require("@base-ui/react/select");
 var import_cn16 = require("cn");
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Select = import_select.Select.Root;
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_select.Select.Group,
     {
       "data-slot": "select-group",
@@ -3852,7 +3863,7 @@ function SelectGroup({ className, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_select.Select.Value,
     {
       "data-slot": "select-value",
@@ -3867,7 +3878,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     import_select.Select.Trigger,
     {
       "data-slot": "select-trigger",
@@ -3879,10 +3890,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           import_select.Select.Icon,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
           }
         )
       ]
@@ -3899,7 +3910,7 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_select.Select.Positioner,
     {
       side,
@@ -3908,7 +3919,7 @@ function SelectContent({
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
         import_select.Select.Popup,
         {
           "data-slot": "select-content",
@@ -3916,9 +3927,9 @@ function SelectContent({
           className: (0, import_cn16.cn)("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
           ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectScrollUpButton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_select.Select.List, { children }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectScrollDownButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_select.Select.List, { children }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectScrollDownButton, {})
           ]
         }
       )
@@ -3929,7 +3940,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_select.Select.GroupLabel,
     {
       "data-slot": "select-label",
@@ -3943,7 +3954,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     import_select.Select.Item,
     {
       "data-slot": "select-item",
@@ -3953,12 +3964,12 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_select.Select.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_select.Select.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           import_select.Select.ItemIndicator,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.CheckIcon, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.CheckIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -3969,7 +3980,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_select.Select.Separator,
     {
       "data-slot": "select-separator",
@@ -3982,7 +3993,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_select.Select.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -3991,7 +4002,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         import_lucide_react11.ChevronUpIcon,
         {}
       )
@@ -4002,7 +4013,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_select.Select.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -4011,7 +4022,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         import_lucide_react11.ChevronDownIcon,
         {}
       )
@@ -4020,19 +4031,19 @@ function SelectScrollDownButton({
 }
 
 // src/components/country-select/CountrySelect.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var import_lucide_react14 = require("lucide-react");
 
 // src/components/icon/Icon.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var React23 = __toESM(require("react"), 1);
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var iconStrokeMap = {
   12: 1.4,
   16: 1.4,
   24: 1.6,
   32: 1.8
 };
-var Icon = React22.forwardRef(
+var Icon = React23.forwardRef(
   ({
     icon: IconComponent,
     size,
@@ -4044,7 +4055,7 @@ var Icon = React22.forwardRef(
     const strokeWidth = iconStrokeMap[size];
     const sizeClass = size === 12 ? "w-3 h-3" : 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_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       IconComponent,
       {
         ref,
@@ -4061,12 +4072,12 @@ Icon.displayName = "Icon";
 // src/primitives/popover.tsx
 var import_popover = require("@base-ui/react/popover");
 var import_cn17 = require("cn");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Popover({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -4076,7 +4087,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
@@ -4084,7 +4095,7 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         import_popover.Popover.Popup,
         {
           "data-slot": "popover-content",
@@ -4107,7 +4118,7 @@ var import_cn21 = require("cn");
 var import_dialog3 = require("@base-ui/react/dialog");
 var import_cn18 = require("cn");
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/primitives/input-group.tsx
 var import_class_variance_authority14 = require("class-variance-authority");
@@ -4115,9 +4126,9 @@ var import_cn20 = require("cn");
 
 // src/primitives/textarea.tsx
 var import_cn19 = require("cn");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "textarea",
     {
       "data-slot": "textarea",
@@ -4131,9 +4142,9 @@ function Textarea({ className, ...props }) {
 }
 
 // src/primitives/input-group.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       "data-slot": "input-group",
@@ -4167,7 +4178,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       role: "group",
@@ -4203,12 +4214,12 @@ var inputGroupButtonVariants = (0, import_class_variance_authority14.cva)(
 
 // src/primitives/command.tsx
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_cmdk.Command,
     {
       "data-slot": "command",
@@ -4224,8 +4235,8 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       import_cmdk.Command.Input,
       {
         "data-slot": "command-input",
@@ -4236,14 +4247,14 @@ function CommandInput({
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(InputGroupAddon, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react13.SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(InputGroupAddon, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
   ] }) });
 }
 function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_cmdk.Command.List,
     {
       "data-slot": "command-list",
@@ -4259,7 +4270,7 @@ function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_cmdk.Command.Empty,
     {
       "data-slot": "command-empty",
@@ -4272,7 +4283,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     import_cmdk.Command.Group,
     {
       "data-slot": "command-group",
@@ -4289,7 +4300,7 @@ function CommandItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     import_cmdk.Command.Item,
     {
       "data-slot": "command-item",
@@ -4300,7 +4311,7 @@ function CommandItem({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react13.CheckIcon, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.CheckIcon, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
       ]
     }
   );
@@ -4448,8 +4459,8 @@ var isEUCountry = (countryCode) => {
 };
 
 // src/components/country-select/CountrySelect.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var CountrySelect = React23.forwardRef(
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var CountrySelect = React24.forwardRef(
   ({
     value,
     onValueChange,
@@ -4459,14 +4470,14 @@ var CountrySelect = React23.forwardRef(
     align = "center",
     sideOffset = 4
   }, ref) => {
-    const [open, setOpen] = React23.useState(false);
-    const selectedCountry = React23.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    const [open, setOpen] = React24.useState(false);
+    const selectedCountry = React24.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         PopoverTrigger,
         {
           ref,
-          render: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             "button",
             {
               type: "button",
@@ -4488,16 +4499,16 @@ var CountrySelect = React23.forwardRef(
             }
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "truncate", children: selectedCountry.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate", children: selectedCountry.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
                 "(",
                 selectedCountry.code,
                 ")"
               ] })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 Icon,
                 {
                   icon: import_lucide_react14.Globe,
@@ -4505,9 +4516,9 @@ var CountrySelect = React23.forwardRef(
                   className: "flex-shrink-0 text-berget-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               Icon,
               {
                 icon: import_lucide_react14.ChevronDown,
@@ -4522,17 +4533,17 @@ var CountrySelect = React23.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         PopoverContent,
         {
           align,
           sideOffset,
           className: "w-[var(--radix-popover-trigger-width)] p-0",
-          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Command, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CommandInput, { placeholder: "Search country..." }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(CommandList, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CommandEmpty, { children: "No countries found." }),
-              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Command, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CommandInput, { placeholder: "Search country..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(CommandList, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CommandEmpty, { children: "No countries found." }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
                 CommandItem,
                 {
                   value: `${country.name} ${country.code}`,
@@ -4546,12 +4557,12 @@ var CountrySelect = React23.forwardRef(
                     value === country.code && "bg-berget-brand-granite-800/40"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xl flex-shrink-0", children: country.flag }),
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "text-sm truncate", children: country.name }),
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xl flex-shrink-0", children: country.flag }),
+                    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-sm truncate", children: country.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
                     ] }),
-                    value === country.code && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
+                    value === country.code && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
                   ]
                 },
                 country.code
@@ -4567,9 +4578,9 @@ CountrySelect.displayName = "CountrySelect";
 
 // src/primitives/label.tsx
 var import_cn22 = require("cn");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "label",
     {
       "data-slot": "label",
@@ -4586,9 +4597,9 @@ function Label({ className, ...props }) {
 var import_react = require("react");
 var import_class_variance_authority15 = require("class-variance-authority");
 var import_cn23 = require("cn");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -4605,7 +4616,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -4619,7 +4630,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -4651,7 +4662,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       role: "group",
@@ -4663,7 +4674,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -4679,7 +4690,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     Label,
     {
       "data-slot": "field-label",
@@ -4693,7 +4704,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "field-label",
@@ -4706,7 +4717,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -4725,7 +4736,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -4736,8 +4747,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
@@ -4768,14 +4779,14 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: error.message }, index)
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       role: "alert",
@@ -4788,10 +4799,10 @@ function FieldError({
 }
 
 // src/components/link/Link.tsx
-var React24 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var import_class_variance_authority16 = require("class-variance-authority");
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var linkVariants = (0, import_class_variance_authority16.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",
   {
@@ -4816,7 +4827,7 @@ var linkVariants = (0, import_class_variance_authority16.cva)(
     }
   }
 );
-var Link = React24.forwardRef(
+var Link = React25.forwardRef(
   ({
     className,
     variant,
@@ -4829,7 +4840,7 @@ var Link = React24.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_runtime48.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "a",
       {
         ref,
@@ -4845,8 +4856,8 @@ var Link = React24.forwardRef(
         },
         children: [
           children,
-          icon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "inline-flex items-center", children: icon }),
-          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { icon: import_lucide_react15.ExternalLink, size: 16 }) })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "inline-flex items-center", children: icon }),
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { icon: import_lucide_react15.ExternalLink, size: 16 }) })
         ]
       }
     );
@@ -4855,7 +4866,7 @@ var Link = React24.forwardRef(
 Link.displayName = "Link";
 
 // src/components/container/Container.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_merge_props3 = require("@base-ui/react/merge-props");
 var import_use_render3 = require("@base-ui/react/use-render");
 var import_class_variance_authority17 = require("class-variance-authority");
@@ -4880,7 +4891,7 @@ var containerVariants = (0, import_class_variance_authority17.cva)("w-full mx-au
     padding: "md"
   }
 });
-var Container = React25.forwardRef(
+var Container = React26.forwardRef(
   ({ className, size, padding, asChild = false, children, ...props }, ref) => {
     return (0, import_use_render3.useRender)({
       ref,
@@ -4899,7 +4910,7 @@ var Container = React25.forwardRef(
 Container.displayName = "Container";
 
 // src/components/grid/Grid.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var import_class_variance_authority18 = require("class-variance-authority");
 var import_merge_props4 = require("@base-ui/react/merge-props");
 var import_use_render4 = require("@base-ui/react/use-render");
@@ -4925,7 +4936,7 @@ var gridVariants = (0, import_class_variance_authority18.cva)("grid", {
     justify: "start"
   }
 });
-var Grid = React26.forwardRef(
+var Grid = React27.forwardRef(
   ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
     return (0, import_use_render4.useRender)({
       ref,
@@ -4952,7 +4963,7 @@ var Grid = React26.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
-var React27 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var import_class_variance_authority19 = require("class-variance-authority");
 var import_merge_props5 = require("@base-ui/react/merge-props");
 var import_use_render5 = require("@base-ui/react/use-render");
@@ -4992,7 +5003,7 @@ var boxVariants = (0, import_class_variance_authority19.cva)("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React27.forwardRef(
+var Box = React28.forwardRef(
   ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
     return (0, import_use_render5.useRender)({
       ref,
@@ -5015,22 +5026,22 @@ var Box = React27.forwardRef(
 Box.displayName = "Box";
 
 // src/components/language-select/LanguageSelect.tsx
-var React28 = __toESM(require("react"), 1);
+var React29 = __toESM(require("react"), 1);
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var LanguageSelect = React28.forwardRef(
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var LanguageSelect = React29.forwardRef(
   ({ className, options, value, onValueChange }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuTrigger2, { ref, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Button2, { variant: "outline", size: "icon", className, "aria-label": "Select language", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Select language" }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { icon: import_lucide_react16.Globe, size: 16, "aria-hidden": true })
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DropdownMenuTrigger2, { ref, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Button2, { variant: "outline", size: "icon", className, "aria-label": "Select language", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "sr-only", children: "Select language" }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { icon: import_lucide_react16.Globe, size: 16, "aria-hidden": true })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuContent2, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DropdownMenuContent2, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         DropdownMenuRadioGroup,
         {
           value,
           onValueChange: onValueChange ? (v) => onValueChange(v) : void 0,
-          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             DropdownMenuRadioItem2,
             {
               value: option.value,
@@ -5048,12 +5059,12 @@ var LanguageSelect = React28.forwardRef(
 LanguageSelect.displayName = "LanguageSelect";
 
 // src/components/list/List.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 
 // src/components/divider/Divider.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_class_variance_authority20 = require("class-variance-authority");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var dividerVariants = (0, import_class_variance_authority20.cva)("", {
   variants: {
     variant: {
@@ -5074,7 +5085,7 @@ var dividerVariants = (0, import_class_variance_authority20.cva)("", {
     size: "thin"
   }
 });
-var Divider = React29.forwardRef(
+var Divider = React30.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -5085,16 +5096,16 @@ var Divider = React29.forwardRef(
     ...props
   }, ref) => {
     if (label) {
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
-        labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
+        labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Separator,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
-        labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           Separator,
           {
             orientation: "horizontal",
@@ -5103,7 +5114,7 @@ var Divider = React29.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Separator,
       {
         ref,
@@ -5121,19 +5132,19 @@ Divider.displayName = "Divider";
 
 // src/components/list/List.tsx
 var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var List = React30.forwardRef(
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var List = React31.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const childrenArray = React30.Children.toArray(children);
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(React30.Fragment, { children: [
+    const childrenArray = React31.Children.toArray(children);
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(React31.Fragment, { children: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Divider, { variant: "subtle" })
     ] }, index)) });
   }
 );
 List.displayName = "List";
-var ListItem = React30.forwardRef(
-  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+var ListItem = React31.forwardRef(
+  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       ref,
@@ -5144,15 +5155,15 @@ var ListItem = React30.forwardRef(
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-1 min-w-0", children })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex-1 min-w-0", children })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListHeader = React30.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+var ListHeader = React31.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       ref,
@@ -5163,11 +5174,11 @@ var ListHeader = React30.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React30.forwardRef(
+var FeatureList = React31.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("li", { className: "flex items-start gap-fluid-md", children: [
-      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { icon: import_lucide_react17.Check, size: 24, className: "text-berget-logo-light" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Typography, { variant: "body", color: "muted", children: item })
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { icon: import_lucide_react17.Check, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Typography, { variant: "body", color: "muted", children: item })
     ] }, index)) });
   }
 );
@@ -5216,7 +5227,7 @@ function getHighlighter() {
 }
 
 // src/components/code-block/CodeBlock.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = 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);
@@ -5232,16 +5243,16 @@ function CodeBlock({ code, language = "text", title, className }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
-  const copyButton = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  const copyButton = /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime52.jsx)(import_lucide_react18.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react18.Copy, { className: "w-3.5 h-3.5" })
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react18.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react18.Copy, { className: "w-3.5 h-3.5" })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       className: cn(
@@ -5249,25 +5260,25 @@ function CodeBlock({ code, language = "text", title, className }) {
         className
       ),
       children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.jsx)("span", { className: "text-berget-muted-foreground", children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
-        html ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        title && /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsx)("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime52.jsx)("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("code", { children: code }) })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("code", { children: code }) })
       ]
     }
   );
 }
 
 // src/components/window-frame/WindowFrame.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var import_react3 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var WindowFrame = React31.forwardRef(
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var WindowFrame = React32.forwardRef(
   ({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
     const [internalActive, setInternalActive] = (0, import_react3.useState)(tabs?.[0]?.id ?? "");
     const currentTab = activeTab ?? internalActive;
@@ -5278,7 +5289,7 @@ var WindowFrame = React31.forwardRef(
         setInternalActive(id);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         ref,
@@ -5288,13 +5299,13 @@ var WindowFrame = React31.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+          /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsxs)("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
             ] }),
-            tabs && tabs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            tabs && tabs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "button",
               {
                 type: "button",
@@ -5306,9 +5317,9 @@ var WindowFrame = React31.forwardRef(
                 children: tab.label
               },
               tab.id
-            )) }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
+            )) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children })
         ]
       }
     );
@@ -5318,7 +5329,7 @@ WindowFrame.displayName = "WindowFrame";
 
 // src/components/fog-illustration/FogIllustration.tsx
 var import_react4 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var FOG_BRAND_PALETTE = {
   ink: "#171a1a",
   milk: "#f7f5ed",
@@ -5631,7 +5642,7 @@ var FogIllustration = ({ palette, speed = 1, className }) => {
       gl.deleteFramebuffer(fbo);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -5775,6 +5786,7 @@ var FogIllustration = ({ palette, speed = 1, className }) => {
   SidebarRail,
   SidebarSeparator,
   SidebarTrigger,
+  Skeleton,
   Switch,
   Table,
   TableBody,