@bergetai/ui 0.2.7 → 0.3.2

package/dist/index.js

@@ -85,9 +85,10 @@ function useTheme() {
 }
 
 // src/components/theme-provider/ThemeToggle.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 
 // src/lib/utils.ts
+import * as React2 from "react";
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 var twMerge = extendTailwindMerge({
@@ -108,13 +109,17 @@ var twMerge = extendTailwindMerge({
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function asChildRender(asChild, children) {
+  if (!asChild) return void 0;
+  return React2.Children.only(children);
+}
 
 // src/components/theme-provider/ThemeToggle.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var ThemeToggle = React2.forwardRef(
+var ThemeToggle = React3.forwardRef(
   ({ className, label = "Toggle theme", size = "md", ...props }, ref) => {
     const { theme, resolvedTheme, setTheme } = useTheme();
-    const toggle = React2.useCallback(() => {
+    const toggle = React3.useCallback(() => {
       setTheme(theme === "dark" ? "light" : "dark");
     }, [theme, setTheme]);
     return /* @__PURE__ */ jsxs(
@@ -197,9 +202,9 @@ var ThemeToggle = React2.forwardRef(
 ThemeToggle.displayName = "ThemeToggle";
 
 // src/primitives/button.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import { cva } from "class-variance-authority";
-import { Slot } from "@radix-ui/react-slot";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
@@ -230,10 +235,19 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React3.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx3(Comp, { className: cn(buttonVariants({ variant, size }), className), ref, ...props });
+var Button = React4.forwardRef(
+  ({ className, variant, size, asChild = false, children, ...props }, ref) => {
+    const Comp = ButtonPrimitive;
+    return /* @__PURE__ */ jsx3(
+      Comp,
+      {
+        ref,
+        className: cn(buttonVariants({ variant, size }), className),
+        render: asChild ? children : void 0,
+        ...props,
+        children: asChild ? void 0 : children
+      }
+    );
   }
 );
 Button.displayName = "Button";
@@ -293,7 +307,7 @@ function Button2({
 }
 
 // src/components/typography/Typography.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { cva as cva2 } from "class-variance-authority";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var typographyVariants = cva2("", {
@@ -340,7 +354,7 @@ var defaultElementMap = {
   mono: "p",
   code: "span"
 };
-var Typography = React4.forwardRef(
+var Typography = React5.forwardRef(
   ({ className, variant = "body", color = "default", as, children, ...props }, ref) => {
     const Component = as ?? defaultElementMap[variant ?? "body"] ?? "p";
     return /* @__PURE__ */ jsx5(
@@ -357,13 +371,13 @@ var Typography = React4.forwardRef(
 Typography.displayName = "Typography";
 
 // src/components/card/Card.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { cva as cva3 } from "class-variance-authority";
 
 // src/primitives/card.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Card = React5.forwardRef(
+var Card = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
     "div",
     {
@@ -374,23 +388,23 @@ var Card = React5.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React5.forwardRef(
+var CardHeader = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React5.forwardRef(
+var CardTitle = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("h2", { ref, className: cn("text-2xl leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React5.forwardRef(
+var CardDescription = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React5.forwardRef(
+var CardContent = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React5.forwardRef(
+var CardFooter = React6.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
@@ -415,7 +429,7 @@ var cardVariants = cva3("rounded-berget-sm", {
     padding: "md"
   }
 });
-var Card2 = React6.forwardRef(
+var Card2 = React7.forwardRef(
   ({ className, variant, padding, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx7(
       Card,
@@ -431,7 +445,7 @@ var Card2 = React6.forwardRef(
 Card2.displayName = "Card";
 
 // src/components/badge/Badge.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { cva as cva4 } from "class-variance-authority";
 import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var badgeVariants = cva4(
@@ -466,7 +480,7 @@ var badgeVariants = cva4(
     }
   }
 );
-var Badge = React7.forwardRef(
+var Badge = React8.forwardRef(
   ({ className, variant, status, size, icon, iconGap = 2, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs2("div", { className: cn(badgeVariants({ variant, status, size }), className), ref, ...props, children: [
       icon && /* @__PURE__ */ jsx8("div", { style: { marginRight: children ? `${iconGap * 0.25}rem` : "0" }, children: icon }),
@@ -477,11 +491,11 @@ var Badge = React7.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/alert/Alert.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { cva as cva6 } from "class-variance-authority";
 
 // src/primitives/alert.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { cva as cva5 } from "class-variance-authority";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var alertVariants = cva5(
@@ -498,13 +512,13 @@ var alertVariants = cva5(
     }
   }
 );
-var Alert = React8.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React9.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React8.forwardRef(
+var AlertTitle = React9.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx9("h5", { ref, className: cn("mb-1 leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
+var AlertDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/alert/Alert.tsx
@@ -523,46 +537,49 @@ var alertVariants2 = cva6("", {
     variant: "default"
   }
 });
-var Alert2 = React9.forwardRef(
+var Alert2 = React10.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx10(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
 );
 Alert2.displayName = "Alert";
 
 // src/components/dialog/Dialog.tsx
-import * as React10 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React11 from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { X } from "lucide-react";
 import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
+var DialogTrigger = React11.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+);
+DialogTrigger.displayName = "DialogTrigger";
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  DialogPrimitive.Overlay,
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  DialogPrimitive.Backdrop,
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-berget-dialog-overlay-bg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-[opacity] duration-200 data-starting-style:opacity-0 data-ending-style:opacity-0",
       className
     ),
     ...props
   }
 ));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
+DialogOverlay.displayName = "DialogOverlay";
+var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
   /* @__PURE__ */ jsx11(DialogOverlay, {}),
   /* @__PURE__ */ jsxs3(
-    DialogPrimitive.Content,
+    DialogPrimitive.Popup,
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg transition-[opacity,transform] duration-200 data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs3(DialogPrimitive.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-[state=open]:bg-berget-muted data-[state=open]:text-berget-muted-foreground", children: [
+        /* @__PURE__ */ jsxs3(DialogPrimitive.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__ */ jsx11(X, { className: "size-4" }),
           /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
         ] })
@@ -570,7 +587,7 @@ var DialogContent = React10.forwardRef(({ className, children, ...props }, ref)
     }
   )
 ] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
+DialogContent.displayName = "DialogContent";
 var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
@@ -581,45 +598,64 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Title, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx11(Typography, { variant: "h5", color: "default", as: "h2", className, children }) }));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Description, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx11(Typography, { variant: "small", color: "muted", className, children }) }));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var DialogTitle = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(
+  DialogPrimitive.Title,
+  {
+    ref,
+    render: /* @__PURE__ */ jsx11(Typography, { variant: "h5", color: "default", as: "h2", className }),
+    ...props,
+    children
+  }
+));
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(
+  DialogPrimitive.Description,
+  {
+    ref,
+    render: /* @__PURE__ */ jsx11(Typography, { variant: "small", color: "muted", className }),
+    ...props,
+    children
+  }
+));
+DialogDescription.displayName = "DialogDescription";
 
 // src/components/alert-dialog/AlertDialog.tsx
-import * as React11 from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React12 from "react";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
 import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
-var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogTrigger = React12.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx12(AlertDialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+);
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  AlertDialogPrimitive.Overlay,
+var AlertDialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  AlertDialogPrimitive.Backdrop,
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-berget-dialog-overlay-bg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-berget-dialog-overlay-bg transition-[opacity] duration-200 data-starting-style:opacity-0 data-ending-style:opacity-0",
       className
     ),
     ...props
   }
 ));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4(AlertDialogPortal, { children: [
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+var AlertDialogContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx12(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx12(
-    AlertDialogPrimitive.Content,
+    AlertDialogPrimitive.Popup,
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-berget-dialog-bg border-berget-dialog-border rounded-berget-sm p-6 shadow-berget-lg transition-[opacity,transform] duration-200 data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95",
         className
       ),
       ...props
     }
   )
 ] }));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+AlertDialogContent.displayName = "AlertDialogContent";
 var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
@@ -630,116 +666,181 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx12(AlertDialogPrimitive.Title, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx12(Typography, { variant: "h5", color: "default", as: "h2", className, children }) }));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx12(AlertDialogPrimitive.Description, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx12(Typography, { variant: "small", color: "muted", className, children }) }));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(AlertDialogPrimitive.Action, { ref, className: cn(className), ...props }));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(AlertDialogPrimitive.Cancel, { ref, className: cn("mt-2 sm:mt-0", className), ...props }));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+var AlertDialogTitle = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    render: /* @__PURE__ */ jsx12(Typography, { variant: "h5", color: "default", as: "h2", className }),
+    ...props,
+    children
+  }
+));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+var AlertDialogDescription = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    render: /* @__PURE__ */ jsx12(Typography, { variant: "small", color: "muted", className }),
+    ...props,
+    children
+  }
+));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+var AlertDialogAction = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+  AlertDialogPrimitive.Close,
+  {
+    ref,
+    className: cn(className),
+    render: asChildRender(asChild, children),
+    ...props,
+    children: asChild ? void 0 : children
+  }
+));
+AlertDialogAction.displayName = "AlertDialogAction";
+var AlertDialogCancel = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+  AlertDialogPrimitive.Close,
+  {
+    ref,
+    className: cn("mt-2 sm:mt-0", className),
+    render: asChildRender(asChild, children),
+    ...props,
+    children: asChild ? void 0 : children
+  }
+));
+AlertDialogCancel.displayName = "AlertDialogCancel";
 
 // src/components/dropdown-menu/DropdownMenu.tsx
-import * as React12 from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React13 from "react";
+import { Menu as DropdownMenuPrimitive } from "@base-ui/react/menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuTrigger = React13.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+);
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuSub = DropdownMenuPrimitive.SubmenuRoot;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
-  DropdownMenuPrimitive.SubTrigger,
+var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx13(
+  DropdownMenuPrimitive.SubmenuTrigger,
   {
     ref,
     className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-berget-xs px-2 py-1.5 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[state=open]:bg-berget-surface-hover [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "flex cursor-default select-none items-center gap-2 rounded-berget-xs px-2 py-1.5 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-popup-open:bg-berget-surface-hover [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     ),
+    render: asChildRender(asChild, children),
     ...props,
-    children: [
+    children: asChild ? void 0 : /* @__PURE__ */ jsxs5(Fragment, { children: [
       children,
       /* @__PURE__ */ jsx13(ChevronRight, { className: "ml-auto" })
-    ]
+    ] })
   }
 ));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-berget-xs border border-berget-border bg-berget-popover p-1 text-berget-popover-foreground shadow-berget-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
-  DropdownMenuPrimitive.Content,
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+var DropdownMenuSubContent = React13.forwardRef(
+  ({ className, side = "right", align = "start", alignOffset = -3, sideOffset = 0, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+    DropdownMenuPrimitive.Positioner,
+    {
+      side,
+      align,
+      alignOffset,
+      sideOffset,
+      className: "isolate z-50 outline-none",
+      children: /* @__PURE__ */ jsx13(
+        DropdownMenuPrimitive.Popup,
+        {
+          ref,
+          className: cn(
+            "z-50 min-w-[8rem] overflow-hidden rounded-berget-xs border border-berget-border bg-berget-popover p-1 text-berget-popover-foreground shadow-berget-lg transition-[opacity,transform] data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--transform-origin]",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) })
+);
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, align = "center", side, alignOffset, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+  DropdownMenuPrimitive.Positioner,
   {
-    ref,
+    side,
+    align,
+    alignOffset,
     sideOffset,
-    className: cn(
-      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-berget-xs border border-berget-border bg-berget-popover p-1 text-berget-popover-foreground shadow-berget-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
+    className: "isolate z-50 outline-none",
+    children: /* @__PURE__ */ jsx13(
+      DropdownMenuPrimitive.Popup,
+      {
+        ref,
+        className: cn(
+          "z-50 max-h-[var(--available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-berget-xs border border-berget-border bg-berget-popover p-1 text-berget-popover-foreground shadow-berget-md transition-[opacity,transform] data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--transform-origin]",
+          className
+        ),
+        ...props
+      }
+    )
   }
 ) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var DropdownMenuItem = React13.forwardRef(({ className, inset, asChild, children, textValue, ...props }, ref) => /* @__PURE__ */ jsx13(
   DropdownMenuPrimitive.Item,
   {
     ref,
+    label: textValue,
     className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-berget-xs px-2 py-1.5 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "relative flex cursor-default select-none items-center gap-2 rounded-berget-xs px-2 py-1.5 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
     ),
-    ...props
+    render: asChildRender(asChild, children),
+    ...props,
+    children: asChild ? void 0 : children
   }
 ));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs5(
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs5(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
+    label: textValue,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-berget-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-berget-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-disabled:pointer-events-none data-disabled:opacity-50",
       className
     ),
-    checked,
+    render: asChildRender(asChild, children),
     ...props,
     children: [
-      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Check, { className: "size-4" }) }) }),
-      children
+      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx13(Check, { className: "size-4" }) }) }),
+      asChild ? void 0 : children
     ]
   }
 ));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+var DropdownMenuRadioItem = React13.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs5(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
+    label: textValue,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-berget-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-berget-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-berget-surface-hover data-disabled:pointer-events-none data-disabled:opacity-50",
       className
     ),
+    render: asChildRender(asChild, children),
     ...props,
     children: [
-      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(Circle, { className: "size-2 fill-current" }) }) }),
-      children
+      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx13(Circle, { className: "size-2 fill-current" }) }) }),
+      asChild ? void 0 : children
     ]
   }
 ));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx13(
-  DropdownMenuPrimitive.Label,
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+var DropdownMenuLabel = React13.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx13(
+  DropdownMenuPrimitive.GroupLabel,
   {
     ref,
     className: cn(
@@ -747,11 +848,13 @@ var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref)
       inset && "pl-8",
       className
     ),
-    ...props
+    render: asChildRender(asChild, children),
+    ...props,
+    children: asChild ? void 0 : children
   }
 ));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -759,7 +862,7 @@ var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 var DropdownMenuShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ jsx13(
     "span",
@@ -772,12 +875,12 @@ var DropdownMenuShortcut = ({ className, ...props }) => {
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/navigation-menu/NavigationMenu.tsx
-import * as React13 from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import * as React14 from "react";
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
 import { cva as cva7 } from "class-variance-authority";
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-var NavigationMenu = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+var NavigationMenu = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -789,8 +892,8 @@ var NavigationMenu = React13.forwardRef(({ className, children, ...props }, ref)
     ]
   }
 ));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+NavigationMenu.displayName = "NavigationMenu";
+var NavigationMenuList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -798,85 +901,101 @@ var NavigationMenuList = React13.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+NavigationMenuList.displayName = "NavigationMenuList";
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva7(
-  "group inline-flex h-10 w-max items-center justify-center rounded-berget-xs px-4 py-2 text-sm font-medium transition-colors hover:bg-berget-surface-02 hover:text-berget-foreground focus:bg-berget-surface-02 focus:text-berget-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-berget-foreground data-[state=open]:bg-berget-border data-[state=open]:hover:bg-berget-border data-[state=open]:focus:bg-berget-border"
+  "group inline-flex h-10 w-max items-center justify-center rounded-berget-xs px-4 py-2 text-sm font-medium transition-colors hover:bg-berget-surface-02 hover:text-berget-foreground focus:bg-berget-surface-02 focus:text-berget-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-popup-open:text-berget-foreground data-popup-open:bg-berget-border data-popup-open:hover:bg-berget-border data-popup-open:focus:bg-berget-border"
 );
-var NavigationMenuTrigger = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+var NavigationMenuTrigger = React14.forwardRef(({ className, children, asChild, ...props }, ref) => /* @__PURE__ */ jsx14(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
     className: cn(navigationMenuTriggerStyle(), "group", className),
+    render: asChildRender(asChild, children),
     ...props,
-    children: [
+    children: asChild ? void 0 : /* @__PURE__ */ jsxs6(Fragment2, { children: [
       children,
       " ",
       /* @__PURE__ */ jsx14(
         ChevronDown,
         {
-          className: "relative top-[1px] ml-1 size-3 transition duration-200 group-data-[state=open]:rotate-180",
+          className: "relative top-[1px] ml-1 size-3 transition duration-200 group-data-[data-popup-open]:rotate-180",
           "aria-hidden": "true"
         }
       )
-    ]
+    ] })
   }
 ));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+var NavigationMenuContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   NavigationMenuPrimitive.Content,
   {
     ref,
     className: cn(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      "left-0 top-0 w-full data-[activation-direction=left]:fade-in data-[activation-direction=right]:fade-out md:absolute md:w-auto",
       className
     ),
     ...props
   }
 ));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx14(
-  NavigationMenuPrimitive.Viewport,
+NavigationMenuContent.displayName = "NavigationMenuContent";
+var NavigationMenuLink = React14.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx14(
+  NavigationMenuPrimitive.Link,
   {
+    ref,
+    className,
+    render: asChildRender(asChild, children),
+    ...props,
+    children: asChild ? void 0 : children
+  }
+));
+NavigationMenuLink.displayName = "NavigationMenuLink";
+var NavigationMenuViewport = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(NavigationMenuPrimitive.Positioner, { className: "isolate z-50 outline-none", children: /* @__PURE__ */ jsx14(
+  NavigationMenuPrimitive.Popup,
+  {
+    ref,
     className: cn(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-berget-xs border border-berget-border bg-berget-popover text-berget-popover-foreground shadow-berget-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      "origin-top-center relative mt-1.5 h-[var(--popup-height)] w-full overflow-hidden rounded-berget-xs border border-berget-border bg-berget-popover text-berget-popover-foreground shadow-berget-lg transition-[opacity,transform] data-starting-style:opacity-0 data-starting-style:scale-90 data-ending-style:opacity-0 data-ending-style:scale-90 md:w-[var(--popup-width)]",
       className
     ),
-    ref,
-    ...props
+    ...props,
+    children: /* @__PURE__ */ jsx14(NavigationMenuPrimitive.Viewport, {})
   }
-) }));
-NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
-  NavigationMenuPrimitive.Indicator,
+) }) }));
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+var NavigationMenuIndicator = React14.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsxs6(
+  NavigationMenuPrimitive.Icon,
   {
     ref,
     className: cn(
-      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden transition-[opacity] data-starting-style:opacity-0 data-ending-style:opacity-0",
       className
     ),
+    render: asChildRender(asChild, children),
     ...props,
-    children: /* @__PURE__ */ jsx14("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-berget-border shadow-md" })
+    children: [
+      asChild ? void 0 : children,
+      /* @__PURE__ */ jsx14("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-berget-border shadow-md" })
+    ]
   }
 ));
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
 
 // src/components/table/Table.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 
 // src/primitives/table.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var Table = React14.forwardRef(
+var Table = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx15("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx15("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "tfoot",
   {
     ref,
@@ -885,7 +1004,7 @@ var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React14.forwardRef(
+var TableRow = React15.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
     "tr",
     {
@@ -899,7 +1018,7 @@ var TableRow = React14.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "th",
   {
     ref,
@@ -911,7 +1030,7 @@ var TableHead = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "td",
   {
     ref,
@@ -920,16 +1039,16 @@ var TableCell = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // src/components/table/Table.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
-var Table2 = React15.forwardRef(
+var Table2 = React16.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx16(Table, { ref, className, ...props })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var TableHeader2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TableHeader,
   {
     ref,
@@ -938,7 +1057,7 @@ var TableHeader2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableHeader2.displayName = "TableHeader";
-var TableBody2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var TableBody2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TableBody,
   {
     ref,
@@ -947,7 +1066,7 @@ var TableBody2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableBody2.displayName = "TableBody";
-var TableFooter2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var TableFooter2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TableFooter,
   {
     ref,
@@ -959,7 +1078,7 @@ var TableFooter2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableFooter2.displayName = "TableFooter";
-var TableRow2 = React15.forwardRef(
+var TableRow2 = React16.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
     TableRow,
     {
@@ -973,7 +1092,7 @@ var TableRow2 = React15.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var TableHead2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TableHead,
   {
     ref,
@@ -985,7 +1104,7 @@ var TableHead2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHead2.displayName = "TableHead";
-var TableCell2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var TableCell2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TableCell,
   {
     ref,
@@ -994,7 +1113,7 @@ var TableCell2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableCell2.displayName = "TableCell";
-var TableCaption2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var TableCaption2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   TableCaption,
   {
     ref,
@@ -1005,21 +1124,21 @@ var TableCaption2 = React15.forwardRef(({ className, ...props }, ref) => /* @__P
 TableCaption2.displayName = "TableCaption";
 
 // src/components/item/Item.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 
 // src/primitives/item.tsx
-import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva8 } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 
 // src/primitives/separator.tsx
-import * as React16 from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React17 from "react";
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var Separator2 = React16.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx17(
-  SeparatorPrimitive.Root,
+var Separator = React17.forwardRef(({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx17(
+  SeparatorPrimitive,
   {
     ref,
-    decorative,
     orientation,
     className: cn(
       "shrink-0 bg-border",
@@ -1029,7 +1148,7 @@ var Separator2 = React16.forwardRef(({ className, orientation = "horizontal", de
     ...props
   }
 ));
-Separator2.displayName = SeparatorPrimitive.Root.displayName;
+Separator.displayName = "Separator";
 
 // src/primitives/item.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
@@ -1046,7 +1165,7 @@ function ItemGroup({ className, ...props }) {
 }
 function ItemSeparator({ className, ...props }) {
   return /* @__PURE__ */ jsx18(
-    Separator2,
+    Separator,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
@@ -1075,24 +1194,26 @@ var itemVariants = cva8(
     }
   }
 );
-function Item3({
+function Item({
   className,
   variant = "default",
   size = "default",
-  asChild = false,
+  render,
   ...props
 }) {
-  const Comp = asChild ? Slot2 : "div";
-  return /* @__PURE__ */ jsx18(
-    Comp,
-    {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(itemVariants({ variant, size, className })),
-      ...props
-    }
-  );
+  return useRender({
+    defaultTagName: "div",
+    render,
+    props: mergeProps(
+      {
+        "data-slot": "item",
+        "data-variant": variant,
+        "data-size": size,
+        className: cn(itemVariants({ variant, size, className }))
+      },
+      props
+    )
+  });
 }
 var itemMediaVariants = cva8(
   "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
@@ -1184,11 +1305,11 @@ function ItemFooter({ className, ...props }) {
 
 // src/components/item/Item.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
-function Item4({ className, asChild, ...props }) {
+function Item2({ className, asChild, children, ...props }) {
   return /* @__PURE__ */ jsx19(
-    Item3,
+    Item,
     {
-      asChild,
+      render: asChild ? children : void 0,
       className: cn(
         /* Variant colours — override primitive defaults */
         "data-[variant=outline]:border-berget-item-outline-border",
@@ -1199,11 +1320,12 @@ function Item4({ className, asChild, ...props }) {
         "focus-visible:border-berget-item-focus-ring focus-visible:ring-berget-item-focus-ring/50",
         className
       ),
-      ...props
+      ...props,
+      children: asChild ? void 0 : children
     }
   );
 }
-var ItemMedia2 = React17.forwardRef(({ className, ...props }, ref) => {
+var ItemMedia2 = React18.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx19(
     ItemMedia,
     {
@@ -1214,7 +1336,7 @@ var ItemMedia2 = React17.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemMedia2.displayName = "ItemMedia";
-var ItemTitle2 = React17.forwardRef(({ className, ...props }, ref) => {
+var ItemTitle2 = React18.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx19(
     ItemTitle,
     {
@@ -1225,7 +1347,7 @@ var ItemTitle2 = React17.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemTitle2.displayName = "ItemTitle";
-var ItemDescription2 = React17.forwardRef(({ className, ...props }, ref) => {
+var ItemDescription2 = React18.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx19(
     ItemDescription,
     {
@@ -1236,7 +1358,7 @@ var ItemDescription2 = React17.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemDescription2.displayName = "ItemDescription";
-var ItemSeparator2 = React17.forwardRef(({ className, ...props }, ref) => {
+var ItemSeparator2 = React18.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx19(
     ItemSeparator,
     {
@@ -1249,12 +1371,12 @@ var ItemSeparator2 = React17.forwardRef(({ className, ...props }, ref) => {
 ItemSeparator2.displayName = "ItemSeparator";
 
 // src/components/input/Input.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 
 // src/primitives/input.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var Input = React18.forwardRef(
+var Input = React19.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsx20(
       "input",
@@ -1274,9 +1396,9 @@ Input.displayName = "Input";
 
 // src/components/input/Input.tsx
 import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
-var Input2 = React19.forwardRef(
+var Input2 = React20.forwardRef(
   ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React19.useId();
+    const generatedId = React20.useId();
     const inputId = id || generatedId;
     const errorId = `${inputId}-error`;
     const descriptionId = `${inputId}-description`;
@@ -1356,30 +1478,30 @@ var Input2 = React19.forwardRef(
 Input2.displayName = "Input";
 
 // src/components/checkbox/Checkbox.tsx
-import * as React21 from "react";
-import * as CheckboxPrimitive2 from "@radix-ui/react-checkbox";
+import * as React22 from "react";
+import { Checkbox as CheckboxPrimitive2 } from "@base-ui/react/checkbox";
 import { Check as Check3 } from "lucide-react";
 import { cva as cva9 } from "class-variance-authority";
 
 // src/primitives/checkbox.tsx
-import * as React20 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as React21 from "react";
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 import { Check as Check2 } from "lucide-react";
 import { jsx as jsx22 } from "react/jsx-runtime";
-var Checkbox = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx22(
+var Checkbox = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx22(
   CheckboxPrimitive.Root,
   {
     ref,
     className: cn(
-      "peer cursor-pointer ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      "peer cursor-pointer ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:opacity-50",
       className
     ),
     ...props,
     children: children ?? /* @__PURE__ */ jsx22(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center"), children: /* @__PURE__ */ jsx22(Check2, { className: "h-4 w-4" }) })
   }
 ));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxIndicator = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx22(
+Checkbox.displayName = "Checkbox";
+var CheckboxIndicator = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx22(
   CheckboxPrimitive.Indicator,
   {
     ref,
@@ -1388,7 +1510,7 @@ var CheckboxIndicator = React20.forwardRef(({ className, children, ...props }, r
     children: children ?? /* @__PURE__ */ jsx22(Check2, { className: "h-4 w-4" })
   }
 ));
-CheckboxIndicator.displayName = CheckboxPrimitive.Indicator.displayName;
+CheckboxIndicator.displayName = "CheckboxIndicator";
 
 // src/components/checkbox/Checkbox.tsx
 import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -1413,7 +1535,7 @@ var checkboxVariants = cva9(
     }
   }
 );
-var Checkbox2 = React21.forwardRef(
+var Checkbox2 = React22.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1426,7 +1548,7 @@ var Checkbox2 = React21.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React21.useId();
+    const generatedId = React22.useId();
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
     return /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-3", children: [
@@ -1436,6 +1558,7 @@ var Checkbox2 = React21.forwardRef(
           ref,
           id: checkboxId,
           disabled,
+          nativeButton: true,
           "aria-invalid": !!error,
           "aria-describedby": error ? errorId : void 0,
           "aria-label": ariaLabel || label || void 0,
@@ -1477,8 +1600,8 @@ var Checkbox2 = React21.forwardRef(
 Checkbox2.displayName = "Checkbox";
 
 // src/components/switch/Switch.tsx
-import * as React22 from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as React23 from "react";
+import { Switch as SwitchPrimitives } from "@base-ui/react/switch";
 import { cva as cva10 } from "class-variance-authority";
 import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
 var switchRootVariants = cva10(
@@ -1486,9 +1609,9 @@ var switchRootVariants = cva10(
   {
     variants: {
       variant: {
-        default: "data-[state=unchecked]:bg-berget-border data-[state=checked]:bg-berget-secondary",
-        primary: "data-[state=unchecked]:bg-berget-border-subtle data-[state=checked]:bg-berget-switch-primary-checked",
-        subtle: "data-[state=unchecked]:bg-berget-border-subtle data-[state=checked]:bg-berget-switch-subtle-checked"
+        default: "data-unchecked:bg-berget-border data-checked:bg-berget-secondary",
+        primary: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-primary-checked",
+        subtle: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-subtle-checked"
       },
       size: {
         sm: "h-5 w-9",
@@ -1507,9 +1630,9 @@ var switchThumbVariants = cva10(
   {
     variants: {
       size: {
-        sm: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
-        default: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
-        lg: "h-6 w-6 data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-0"
+        sm: "h-4 w-4 data-checked:translate-x-4 data-unchecked:translate-x-0",
+        default: "h-5 w-5 data-checked:translate-x-5 data-unchecked:translate-x-0",
+        lg: "h-6 w-6 data-checked:translate-x-6 data-unchecked:translate-x-0"
       }
     },
     defaultVariants: {
@@ -1517,7 +1640,7 @@ var switchThumbVariants = cva10(
     }
   }
 );
-var Switch = React22.forwardRef(
+var Switch = React23.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1530,7 +1653,7 @@ var Switch = React22.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React22.useId();
+    const generatedId = React23.useId();
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
     return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
@@ -1540,6 +1663,7 @@ var Switch = React22.forwardRef(
           ref,
           id: switchId,
           disabled,
+          nativeButton: true,
           "aria-invalid": !!error,
           "aria-describedby": error ? errorId : void 0,
           "aria-label": ariaLabel || label || void 0,
@@ -1573,17 +1697,18 @@ var Switch = React22.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/select/Select.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { cva as cva11 } from "class-variance-authority";
 
 // src/primitives/select.tsx
-import * as React23 from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React24 from "react";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { Check as Check4, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var SelectTrigger = React24.forwardRef(({ className, children, asChild, ...props }, ref) => /* @__PURE__ */ jsxs10(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1591,16 +1716,17 @@ var SelectTrigger = React23.forwardRef(({ className, children, ...props }, ref)
       "flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
+    render: asChildRender(asChild, children),
     ...props,
     children: [
-      children,
-      /* @__PURE__ */ jsx25(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx25(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+      asChild ? void 0 : children,
+      asChild ? null : /* @__PURE__ */ jsx25(SelectPrimitive.Icon, { render: /* @__PURE__ */ jsx25(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  SelectPrimitive.ScrollUpButton,
+SelectTrigger.displayName = "SelectTrigger";
+var SelectScrollUpButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+  SelectPrimitive.ScrollUpArrow,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
@@ -1608,9 +1734,9 @@ var SelectScrollUpButton = React23.forwardRef(({ className, ...props }, ref) =>
     children: /* @__PURE__ */ jsx25(ChevronUp, { className: "h-4 w-4" })
   }
 ));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  SelectPrimitive.ScrollDownButton,
+SelectScrollUpButton.displayName = "SelectScrollUpButton";
+var SelectScrollDownButton = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+  SelectPrimitive.ScrollDownArrow,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
@@ -1618,61 +1744,76 @@ var SelectScrollDownButton = React23.forwardRef(({ className, ...props }, ref) =
     children: /* @__PURE__ */ jsx25(ChevronDown2, { className: "h-4 w-4" })
   }
 ));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React23.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx25(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx25(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx25(
-        SelectPrimitive.Viewport,
+SelectScrollDownButton.displayName = "SelectScrollDownButton";
+var SelectContent = React24.forwardRef(
+  ({
+    className,
+    children,
+    alignItemWithTrigger = true,
+    sideOffset = 4,
+    align,
+    side,
+    alignOffset,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx25(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+    SelectPrimitive.Positioner,
+    {
+      alignItemWithTrigger,
+      side,
+      align,
+      alignOffset,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs10(
+        SelectPrimitive.Popup,
         {
+          ref,
           className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            "z-50 max-h-[var(--available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md transition-[opacity,transform] data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--transform-origin]",
+            className
           ),
-          children
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx25(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx25(SelectPrimitive.List, { className: cn("p-1"), children }),
+            /* @__PURE__ */ jsx25(SelectScrollDownButton, {})
+          ]
         }
-      ),
-      /* @__PURE__ */ jsx25(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  SelectPrimitive.Label,
+      )
+    }
+  ) })
+);
+SelectContent.displayName = "SelectContent";
+var SelectLabel = React24.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx25(
+  SelectPrimitive.GroupLabel,
   {
     ref,
     className: cn("py-1.5 pl-8 pr-2 text-sm ", className),
-    ...props
+    render: asChildRender(asChild, children),
+    ...props,
+    children: asChild ? void 0 : children
   }
 ));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+SelectLabel.displayName = "SelectLabel";
+var SelectItem = React24.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsx25(
   SelectPrimitive.Item,
   {
     ref,
+    label: textValue,
     className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
       className
     ),
+    render: asChildRender(asChild, children),
     ...props,
-    children: [
+    children: asChild ? void 0 : /* @__PURE__ */ jsxs10(Fragment3, { children: [
       /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check4, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ jsx25(SelectPrimitive.ItemText, { children })
-    ]
+    ] })
   }
 ));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+SelectItem.displayName = "SelectItem";
+var SelectSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1680,7 +1821,7 @@ var SelectSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+SelectSeparator.displayName = "SelectSeparator";
 
 // src/components/select/Select.tsx
 import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
@@ -1706,7 +1847,7 @@ var selectVariants = cva11(
     }
   }
 );
-var Select2 = React24.forwardRef(
+var Select2 = React25.forwardRef(
   ({
     className,
     variant,
@@ -1724,7 +1865,7 @@ var Select2 = React24.forwardRef(
     name,
     required
   }, ref) => {
-    const generatedId = React24.useId();
+    const generatedId = React25.useId();
     const selectId = id || generatedId;
     const errorId = `${selectId}-error`;
     const descriptionId = `${selectId}-description`;
@@ -1746,10 +1887,11 @@ var Select2 = React24.forwardRef(
         {
           value,
           defaultValue,
-          onValueChange,
+          onValueChange: onValueChange ? (value2) => onValueChange(value2 ?? "") : void 0,
           disabled,
           name,
           required,
+          items: options,
           children: [
             /* @__PURE__ */ jsx26(
               SelectTrigger,
@@ -1778,18 +1920,18 @@ var Select2 = React24.forwardRef(
 Select2.displayName = "Select";
 
 // src/components/country-select/CountrySelect.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { ChevronDown as ChevronDown3, Globe } from "lucide-react";
 
 // src/components/icon/Icon.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { jsx as jsx27 } from "react/jsx-runtime";
 var iconStrokeMap = {
   16: 1.4,
   24: 1.6,
   32: 1.8
 };
-var Icon2 = React25.forwardRef(
+var Icon = React26.forwardRef(
   ({
     icon: IconComponent,
     size,
@@ -1813,66 +1955,76 @@ var Icon2 = React25.forwardRef(
     );
   }
 );
-Icon2.displayName = "Icon";
+Icon.displayName = "Icon";
 
 // src/primitives/popover.tsx
-import * as React26 from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React27 from "react";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
 import { jsx as jsx28 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx28(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
-  PopoverPrimitive.Content,
+var PopoverTrigger = React27.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx28(PopoverPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+);
+PopoverTrigger.displayName = "PopoverTrigger";
+var PopoverContent = React27.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx28(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx28(PopoverPrimitive.Positioner, { align, sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsx28(
+  PopoverPrimitive.Popup,
   {
     ref,
-    align,
-    sideOffset,
     className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none transition-[opacity,transform] data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 origin-[--transform-origin]",
       className
     ),
     ...props
   }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+) }) }));
+PopoverContent.displayName = "PopoverContent";
 
 // src/primitives/command.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
 
 // src/primitives/dialog.tsx
-import * as React27 from "react";
-import * as DialogPrimitive2 from "@radix-ui/react-dialog";
+import * as React28 from "react";
+import { Dialog as DialogPrimitive2 } from "@base-ui/react/dialog";
 import { X as X2 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+var Dialog2 = DialogPrimitive2.Root;
+var DialogTrigger2 = React28.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx29(DialogPrimitive2.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+);
+DialogTrigger2.displayName = "DialogTrigger";
 var DialogPortal2 = DialogPrimitive2.Portal;
-var DialogOverlay2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  DialogPrimitive2.Overlay,
+var DialogClose2 = React28.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx29(DialogPrimitive2.Close, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+);
+DialogClose2.displayName = "DialogClose";
+var DialogOverlay2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  DialogPrimitive2.Backdrop,
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/80 transition-[opacity] duration-200 data-starting-style:opacity-0 data-ending-style:opacity-0",
       className
     ),
     ...props
   }
 ));
-DialogOverlay2.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContent2 = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(DialogPortal2, { children: [
+DialogOverlay2.displayName = "DialogOverlay";
+var DialogContent2 = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(DialogPortal2, { children: [
   /* @__PURE__ */ jsx29(DialogOverlay2, {}),
   /* @__PURE__ */ jsxs12(
-    DialogPrimitive2.Content,
+    DialogPrimitive2.Popup,
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg transition-[opacity,transform] duration-200 data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 sm:rounded-lg",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs12(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs12(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-open:bg-accent data-open:text-muted-foreground", children: [
           /* @__PURE__ */ jsx29(X2, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
         ] })
@@ -1880,7 +2032,7 @@ var DialogContent2 = React27.forwardRef(({ className, children, ...props }, ref)
     }
   )
 ] }));
-DialogContent2.displayName = DialogPrimitive2.Content.displayName;
+DialogContent2.displayName = "DialogContent";
 var DialogHeader2 = ({ className, ...props }) => /* @__PURE__ */ jsx29("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader2.displayName = "DialogHeader";
 var DialogFooter2 = ({ className, ...props }) => /* @__PURE__ */ jsx29(
@@ -1891,7 +2043,7 @@ var DialogFooter2 = ({ className, ...props }) => /* @__PURE__ */ jsx29(
   }
 );
 DialogFooter2.displayName = "DialogFooter";
-var DialogTitle2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var DialogTitle2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   DialogPrimitive2.Title,
   {
     ref,
@@ -1899,8 +2051,8 @@ var DialogTitle2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-DialogTitle2.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription2 = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+DialogTitle2.displayName = "DialogTitle";
+var DialogDescription2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   DialogPrimitive2.Description,
   {
     ref,
@@ -1908,11 +2060,11 @@ var DialogDescription2 = React27.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-DialogDescription2.displayName = DialogPrimitive2.Description.displayName;
+DialogDescription2.displayName = "DialogDescription";
 
 // src/primitives/command.tsx
 import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
-var Command = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var Command = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive,
   {
     ref,
@@ -1924,7 +2076,7 @@ var Command = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx30(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx30(
     CommandPrimitive.Input,
@@ -1939,7 +2091,7 @@ var CommandInput = React28.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var CommandList = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.List,
   {
     ref,
@@ -1948,9 +2100,9 @@ var CommandList = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React28.forwardRef((props, ref) => /* @__PURE__ */ jsx30(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React29.forwardRef((props, ref) => /* @__PURE__ */ jsx30(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var CommandGroup = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.Group,
   {
     ref,
@@ -1962,7 +2114,7 @@ var CommandGroup = React28.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var CommandSeparator = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1971,7 +2123,7 @@ var CommandSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var CommandItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   CommandPrimitive.Item,
   {
     ref,
@@ -2135,8 +2287,8 @@ var isEUCountry = (countryCode) => {
 };
 
 // src/components/country-select/CountrySelect.tsx
-import { Fragment, jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
-var CountrySelect = React29.forwardRef(
+import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
+var CountrySelect = React30.forwardRef(
   ({
     value,
     onValueChange,
@@ -2146,8 +2298,8 @@ var CountrySelect = React29.forwardRef(
     align = "center",
     sideOffset = 4
   }, ref) => {
-    const [open, setOpen] = React29.useState(false);
-    const selectedCountry = React29.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
+    const [open, setOpen] = React30.useState(false);
+    const selectedCountry = React30.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
     return /* @__PURE__ */ jsxs14(Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx31(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
         "button",
@@ -2170,7 +2322,7 @@ var CountrySelect = React29.forwardRef(
             className
           ),
           children: [
-            /* @__PURE__ */ jsx31("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs14(Fragment, { children: [
+            /* @__PURE__ */ jsx31("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs14(Fragment4, { children: [
               /* @__PURE__ */ jsx31("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
               /* @__PURE__ */ jsx31("span", { className: "truncate", children: selectedCountry.name }),
               /* @__PURE__ */ jsxs14("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
@@ -2178,9 +2330,9 @@ var CountrySelect = React29.forwardRef(
                 selectedCountry.code,
                 ")"
               ] })
-            ] }) : /* @__PURE__ */ jsxs14(Fragment, { children: [
+            ] }) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
               /* @__PURE__ */ jsx31(
-                Icon2,
+                Icon,
                 {
                   icon: Globe,
                   size: 16,
@@ -2190,7 +2342,7 @@ var CountrySelect = React29.forwardRef(
               /* @__PURE__ */ jsx31("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
             ] }) }),
             /* @__PURE__ */ jsx31(
-              Icon2,
+              Icon,
               {
                 icon: ChevronDown3,
                 size: 16,
@@ -2248,13 +2400,13 @@ var CountrySelect = React29.forwardRef(
 CountrySelect.displayName = "CountrySelect";
 
 // src/components/text-area/TextArea.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { cva as cva12 } from "class-variance-authority";
 
 // src/primitives/textarea.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
-var Textarea = React30.forwardRef(
+var Textarea = React31.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx32(
       "textarea",
@@ -2295,7 +2447,7 @@ var textAreaVariants = cva12(
     }
   }
 );
-var TextArea = React31.forwardRef(
+var TextArea = React32.forwardRef(
   ({
     className,
     variant,
@@ -2315,7 +2467,7 @@ var TextArea = React31.forwardRef(
     actionButton,
     ...props
   }, ref) => {
-    const generatedId = React31.useId();
+    const generatedId = React32.useId();
     const textareaId = id || generatedId;
     const errorId = `${textareaId}-error`;
     const descriptionId = `${textareaId}-description`;
@@ -2397,15 +2549,14 @@ var TextArea = React31.forwardRef(
 TextArea.displayName = "TextArea";
 
 // src/primitives/label.tsx
-import * as React32 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React33 from "react";
 import { cva as cva13 } from "class-variance-authority";
 import { jsx as jsx34 } from "react/jsx-runtime";
 var labelVariants = cva13(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label3 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
-Label3.displayName = LabelPrimitive.Root.displayName;
+var Label = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("label", { ref, className: cn(labelVariants(), className), ...props }));
+Label.displayName = "Label";
 
 // src/primitives/field.tsx
 import { useMemo as useMemo3 } from "react";
@@ -2509,7 +2660,7 @@ function FieldContent({ className, ...props }) {
 }
 function FieldLabel({ className, ...props }) {
   return /* @__PURE__ */ jsx35(
-    Label3,
+    Label,
     {
       "data-slot": "field-label",
       className: cn(
@@ -2566,7 +2717,7 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx35(Separator2, { className: "absolute inset-0 top-1/2" }),
+        /* @__PURE__ */ jsx35(Separator, { className: "absolute inset-0 top-1/2" }),
         children && /* @__PURE__ */ jsx35(
           "span",
           {
@@ -2613,7 +2764,7 @@ function FieldError({
 }
 
 // src/components/link/Link.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import { cva as cva15 } from "class-variance-authority";
 import { ExternalLink } from "lucide-react";
 import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -2641,7 +2792,7 @@ var linkVariants = cva15(
     }
   }
 );
-var Link2 = React33.forwardRef(
+var Link = React34.forwardRef(
   ({
     className,
     variant,
@@ -2671,19 +2822,19 @@ var Link2 = React33.forwardRef(
         children: [
           children,
           icon && /* @__PURE__ */ jsx36("span", { className: "inline-flex items-center", children: icon }),
-          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx36("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx36(Icon2, { icon: ExternalLink, size: 16 }) })
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx36("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx36(Icon, { icon: ExternalLink, size: 16 }) })
         ]
       }
     );
   }
 );
-Link2.displayName = "Link";
+Link.displayName = "Link";
 
 // src/components/container/Container.tsx
-import * as React34 from "react";
-import { Slot as Slot3 } from "@radix-ui/react-slot";
+import * as React35 from "react";
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+import { useRender as useRender2 } from "@base-ui/react/use-render";
 import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx37 } from "react/jsx-runtime";
 var containerVariants = cva16("w-full mx-auto", {
   variants: {
     size: {
@@ -2705,27 +2856,29 @@ var containerVariants = cva16("w-full mx-auto", {
     padding: "md"
   }
 });
-var Container = React34.forwardRef(
+var Container = React35.forwardRef(
   ({ className, size, padding, asChild = false, children, ...props }, ref) => {
-    const Component = asChild ? Slot3 : "div";
-    return /* @__PURE__ */ jsx37(
-      Component,
-      {
-        ref,
-        className: cn(containerVariants({ size, padding }), className),
-        ...props,
-        children
-      }
-    );
+    return useRender2({
+      ref,
+      defaultTagName: "div",
+      render: asChild ? children : void 0,
+      props: mergeProps2(
+        {
+          className: cn(containerVariants({ size, padding }), className),
+          children: asChild ? void 0 : children
+        },
+        props
+      )
+    });
   }
 );
 Container.displayName = "Container";
 
 // src/components/grid/Grid.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { cva as cva17 } from "class-variance-authority";
-import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
+import { useRender as useRender3 } from "@base-ui/react/use-render";
 var gridVariants = cva17("grid", {
   variants: {
     align: {
@@ -2748,35 +2901,37 @@ var gridVariants = cva17("grid", {
     justify: "start"
   }
 });
-var Grid = React35.forwardRef(
+var Grid = React36.forwardRef(
   ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
-    const Component = asChild ? Slot4 : "div";
-    return /* @__PURE__ */ jsx38(
-      Component,
-      {
-        ref,
-        className: cn(
-          gridVariants({ align, justify }),
-          cols !== void 0 && `grid-cols-${cols}`,
-          rows !== void 0 && `grid-rows-${rows}`,
-          gap !== void 0 && `gap-${gap}`,
-          gapX !== void 0 && `gap-x-${gapX}`,
-          gapY !== void 0 && `gap-y-${gapY}`,
-          className
-        ),
-        ...props,
-        children
-      }
-    );
+    return useRender3({
+      ref,
+      defaultTagName: "div",
+      render: asChild ? children : void 0,
+      props: mergeProps3(
+        {
+          className: cn(
+            gridVariants({ align, justify }),
+            cols !== void 0 && `grid-cols-${cols}`,
+            rows !== void 0 && `grid-rows-${rows}`,
+            gap !== void 0 && `gap-${gap}`,
+            gapX !== void 0 && `gap-x-${gapX}`,
+            gapY !== void 0 && `gap-y-${gapY}`,
+            className
+          ),
+          children: asChild ? void 0 : children
+        },
+        props
+      )
+    });
   }
 );
 Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { cva as cva18 } from "class-variance-authority";
-import { Slot as Slot5 } from "@radix-ui/react-slot";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { mergeProps as mergeProps4 } from "@base-ui/react/merge-props";
+import { useRender as useRender4 } from "@base-ui/react/use-render";
 var boxVariants = cva18("flex", {
   variants: {
     direction: {
@@ -2813,37 +2968,39 @@ var boxVariants = cva18("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React36.forwardRef(
+var Box = React37.forwardRef(
   ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
-    const Component = asChild ? Slot5 : "div";
-    return /* @__PURE__ */ jsx39(
-      Component,
-      {
-        ref,
-        className: cn(
-          boxVariants({ direction, align, justify, wrap }),
-          gap !== void 0 && `gap-${gap}`,
-          className
-        ),
-        ...props,
-        children
-      }
-    );
+    return useRender4({
+      ref,
+      defaultTagName: "div",
+      render: asChild ? children : void 0,
+      props: mergeProps4(
+        {
+          className: cn(
+            boxVariants({ direction, align, justify, wrap }),
+            gap !== void 0 && `gap-${gap}`,
+            className
+          ),
+          children: asChild ? void 0 : children
+        },
+        props
+      )
+    });
   }
 );
 Box.displayName = "Box";
 
 // src/components/berget-logo/BergetLogo.tsx
-import * as React37 from "react";
-import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
-var BergetLogo = React37.forwardRef(
+import * as React38 from "react";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+var BergetLogo = React38.forwardRef(
   ({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
     const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
     if (variant === "symbol") {
       const aspectRatio2 = 463 / 419;
       const width2 = size * aspectRatio2;
       const height2 = size;
-      return /* @__PURE__ */ jsx40(
+      return /* @__PURE__ */ jsx37(
         "svg",
         {
           ref,
@@ -2856,7 +3013,7 @@ var BergetLogo = React37.forwardRef(
           "aria-label": "Berget symbol",
           className: cn("inline-block", className),
           ...props,
-          children: /* @__PURE__ */ jsx40(
+          children: /* @__PURE__ */ jsx37(
             "path",
             {
               d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
@@ -2884,58 +3041,58 @@ var BergetLogo = React37.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs18("g", { style: { fill: fillColor }, children: [
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx37(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx37(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx37(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx37(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx37(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx37(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx37(
               "path",
               {
                 className: "berget-logotype-fill",
                 d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
               }
             ),
-            /* @__PURE__ */ jsx40("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
+            /* @__PURE__ */ jsx37("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
           ] }),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx37(
             "path",
             {
               style: { fill: fillColor },
@@ -2950,102 +3107,109 @@ var BergetLogo = React37.forwardRef(
 BergetLogo.displayName = "BergetLogo";
 
 // src/components/language-select/LanguageSelect.tsx
-import * as React38 from "react";
-import * as SelectPrimitive2 from "@radix-ui/react-select";
+import * as React39 from "react";
+import { Select as SelectPrimitive2 } from "@base-ui/react/select";
 import { Globe as Globe2 } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
-var LanguageSelect = React38.forwardRef(({ className, options, value, onValueChange }, ref) => {
-  return /* @__PURE__ */ jsxs19(SelectPrimitive2.Root, { value, onValueChange, children: [
-    /* @__PURE__ */ jsxs19(
-      SelectPrimitive2.Trigger,
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+var LanguageSelect = React39.forwardRef(
+  ({ className, options, value, onValueChange }, ref) => {
+    return /* @__PURE__ */ jsxs19(
+      SelectPrimitive2.Root,
       {
-        ref,
-        "aria-label": "Select language",
-        className: cn(
-          // Base styles
-          "h-8 w-8 p-0 rounded-full",
-          "flex items-center justify-center",
-          // Border and background
-          "border border-berget-border-subtle",
-          "bg-transparent",
-          // Hover effect
-          "hover:bg-berget-surface-hover",
-          // Transitions
-          "transition-all duration-200",
-          // Focus styles - remove all focus rings
-          "focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
-          // Disabled state
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
+        value,
+        onValueChange: onValueChange ? (v) => onValueChange(v ?? "") : void 0,
         children: [
-          /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Select language" }),
-          /* @__PURE__ */ jsx41(Icon2, { icon: Globe2, size: 16, "aria-hidden": true })
+          /* @__PURE__ */ jsxs19(
+            SelectPrimitive2.Trigger,
+            {
+              ref,
+              "aria-label": "Select language",
+              className: cn(
+                // Base styles
+                "h-8 w-8 p-0 rounded-full",
+                "flex items-center justify-center",
+                // Border and background
+                "border border-berget-border-subtle",
+                "bg-transparent",
+                // Hover effect
+                "hover:bg-berget-surface-hover",
+                // Transitions
+                "transition-all duration-200",
+                // Focus styles - remove all focus rings
+                "focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+                // Disabled state
+                "disabled:cursor-not-allowed disabled:opacity-50",
+                className
+              ),
+              children: [
+                /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Select language" }),
+                /* @__PURE__ */ jsx38(Icon, { icon: Globe2, size: 16, "aria-hidden": true })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx38(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx38(SelectPrimitive2.Positioner, { alignItemWithTrigger: false, className: "isolate z-50", children: /* @__PURE__ */ jsx38(
+            SelectPrimitive2.Popup,
+            {
+              className: cn(
+                // Positioning and z-index
+                "z-50 min-w-[8rem]",
+                // Overflow handling
+                "overflow-y-auto overflow-x-hidden",
+                // Border and background
+                "border border-berget-border bg-berget-background",
+                "text-berget-foreground",
+                // Shadow
+                "shadow-berget-lg",
+                // Rounded corners
+                "rounded-md",
+                // Animations
+                "transition-[opacity,transform]",
+                "data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95",
+                // Position-based animations
+                "data-[side=bottom]:slide-in-from-top-2",
+                "data-[side=left]:slide-in-from-right-2",
+                "data-[side=right]:slide-in-from-left-2",
+                "data-[side=top]:slide-in-from-bottom-2",
+                // Origin for transforms
+                "origin-[--transform-origin]"
+              ),
+              children: /* @__PURE__ */ jsx38(SelectPrimitive2.List, { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsx38(
+                SelectPrimitive2.Item,
+                {
+                  value: option.value,
+                  disabled: option.disabled,
+                  className: cn(
+                    // Layout
+                    "relative flex w-full cursor-default",
+                    "select-none items-center rounded-sm py-2 px-3",
+                    // Text
+                    "text-sm outline-none",
+                    // Focus/hover styles
+                    "focus:bg-berget-primary-tint focus:text-berget-foreground",
+                    "hover:bg-berget-primary-tint",
+                    // Disabled state
+                    "data-disabled:pointer-events-none data-disabled:opacity-50"
+                  ),
+                  children: /* @__PURE__ */ jsx38(SelectPrimitive2.ItemText, { children: option.label })
+                },
+                option.value
+              )) })
+            }
+          ) }) })
         ]
       }
-    ),
-    /* @__PURE__ */ jsx41(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx41(
-      SelectPrimitive2.Content,
-      {
-        className: cn(
-          // Positioning and z-index
-          "relative z-50 min-w-[8rem]",
-          // Overflow handling
-          "overflow-y-auto overflow-x-hidden",
-          // Border and background
-          "border border-berget-border bg-berget-background",
-          "text-berget-foreground",
-          // Shadow
-          "shadow-berget-lg",
-          // Rounded corners
-          "rounded-md",
-          // Animations
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-          // Position-based animations
-          "data-[side=bottom]:slide-in-from-top-2",
-          "data-[side=left]:slide-in-from-right-2",
-          "data-[side=right]:slide-in-from-left-2",
-          "data-[side=top]:slide-in-from-bottom-2",
-          // Origin for transforms
-          "origin-[--radix-select-content-transform-origin]"
-        ),
-        position: "popper",
-        children: /* @__PURE__ */ jsx41(SelectPrimitive2.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsx41(
-          SelectPrimitive2.Item,
-          {
-            value: option.value,
-            disabled: option.disabled,
-            className: cn(
-              // Layout
-              "relative flex w-full cursor-default",
-              "select-none items-center rounded-sm py-2 px-3",
-              // Text
-              "text-sm outline-none",
-              // Focus/hover styles
-              "focus:bg-berget-primary-tint focus:text-berget-foreground",
-              "hover:bg-berget-primary-tint",
-              // Disabled state
-              "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
-            ),
-            children: /* @__PURE__ */ jsx41(SelectPrimitive2.ItemText, { children: option.label })
-          },
-          option.value
-        )) })
-      }
-    ) })
-  ] });
-});
+    );
+  }
+);
 LanguageSelect.displayName = "LanguageSelect";
 
 // src/components/list/List.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 
 // src/components/divider/Divider.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { cva as cva19 } from "class-variance-authority";
-import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
 var dividerVariants = cva19("", {
   variants: {
     variant: {
@@ -3066,7 +3230,7 @@ var dividerVariants = cva19("", {
     size: "thin"
   }
 });
-var Divider = React39.forwardRef(
+var Divider = React40.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3078,16 +3242,16 @@ var Divider = React39.forwardRef(
   }, ref) => {
     if (label) {
       return /* @__PURE__ */ jsxs20("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
-        labelPosition !== "right" && /* @__PURE__ */ jsx42(
-          Separator2,
+        labelPosition !== "right" && /* @__PURE__ */ jsx39(
+          Separator,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
           }
         ),
-        /* @__PURE__ */ jsx42(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
-        labelPosition !== "left" && /* @__PURE__ */ jsx42(
-          Separator2,
+        /* @__PURE__ */ jsx39(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ jsx39(
+          Separator,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
@@ -3095,8 +3259,8 @@ var Divider = React39.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ jsx42(
-      Separator2,
+    return /* @__PURE__ */ jsx39(
+      Separator,
       {
         ref,
         orientation,
@@ -3113,18 +3277,18 @@ Divider.displayName = "Divider";
 
 // src/components/list/List.tsx
 import { Check as Check5 } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
-var List2 = React40.forwardRef(
+import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+var List = React41.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const childrenArray = React40.Children.toArray(children);
-    return /* @__PURE__ */ jsx43("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs21(React40.Fragment, { children: [
+    const childrenArray = React41.Children.toArray(children);
+    return /* @__PURE__ */ jsx40("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs21(React41.Fragment, { children: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ jsx43(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ jsx40(Divider, { variant: "subtle" })
     ] }, index)) });
   }
 );
-List2.displayName = "List";
-var ListItem = React40.forwardRef(
+List.displayName = "List";
+var ListItem = React41.forwardRef(
   ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs21(
     "div",
     {
@@ -3136,15 +3300,15 @@ var ListItem = React40.forwardRef(
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx43("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx43("div", { className: "flex-1 min-w-0", children })
+        icon && /* @__PURE__ */ jsx40("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListHeader = React40.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx43(
+var ListHeader = React41.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx40(
     "div",
     {
       ref,
@@ -3155,20 +3319,20 @@ var ListHeader = React40.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React40.forwardRef(
+var FeatureList = React41.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx43("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs21("li", { className: "flex items-start gap-fluid-md", children: [
-      variant === "bullet" ? /* @__PURE__ */ jsx43("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx43("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx43(Icon2, { icon: Check5, size: 24, className: "text-berget-logo-light" }) }),
-      /* @__PURE__ */ jsx43(Typography, { variant: "body", color: "muted", children: item })
+    return /* @__PURE__ */ jsx40("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs21("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ jsx40("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx40("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx40(Icon, { icon: Check5, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ jsx40(Typography, { variant: "body", color: "muted", children: item })
     ] }, index)) });
   }
 );
 FeatureList.displayName = "FeatureList";
 
 // src/components/hero-block/HeroBlock.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { cva as cva20 } from "class-variance-authority";
-import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
 var heroBlockVariants = cva20(
   "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
   {
@@ -3189,7 +3353,7 @@ var heroBlockVariants = cva20(
     }
   }
 );
-var HeroBlock = React41.forwardRef(
+var HeroBlock = React42.forwardRef(
   ({
     className,
     variant,
@@ -3201,26 +3365,26 @@ var HeroBlock = React41.forwardRef(
     actions,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx41(
       "div",
       {
         ref,
         className: cn(heroBlockVariants({ variant, withPattern }), className),
         ...props,
-        children: /* @__PURE__ */ jsx44("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs22("div", { className: "mx-auto text-center max-w-4xl", children: [
-          tagline && /* @__PURE__ */ jsx44(
+        children: /* @__PURE__ */ jsx41("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs22("div", { className: "mx-auto text-center max-w-4xl", children: [
+          tagline && /* @__PURE__ */ jsx41(
             Badge,
             {
               variant: "default",
-              icon: TaglineIcon ? /* @__PURE__ */ jsx44(Icon2, { icon: TaglineIcon, size: 16 }) : void 0,
+              icon: TaglineIcon ? /* @__PURE__ */ jsx41(Icon, { icon: TaglineIcon, size: 16 }) : void 0,
               iconGap: 2,
               className: "mb-fluid-md",
               children: tagline
             }
           ),
-          /* @__PURE__ */ jsx44(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
-          /* @__PURE__ */ jsx44(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
-          actions && /* @__PURE__ */ jsx44("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
+          /* @__PURE__ */ jsx41(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
+          /* @__PURE__ */ jsx41(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
+          actions && /* @__PURE__ */ jsx41("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
         ] }) })
       }
     );
@@ -3231,7 +3395,7 @@ HeroBlock.displayName = "HeroBlock";
 // src/components/code-block/CodeBlock.tsx
 import { useState as useState3, useEffect as useEffect2, useCallback as useCallback3 } from "react";
 import { Copy, Check as Check6 } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
 function CodeBlock({ code, language = "text", title, className }) {
   const [html, setHtml] = useState3(null);
   const [copied, setCopied] = useState3(false);
@@ -3247,13 +3411,13 @@ function CodeBlock({ code, language = "text", title, className }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
-  const copyButton = /* @__PURE__ */ jsx45(
+  const copyButton = /* @__PURE__ */ jsx42(
     "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__ */ jsx45(Check6, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx45(Copy, { className: "w-3.5 h-3.5" })
+      children: copied ? /* @__PURE__ */ jsx42(Check6, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx42(Copy, { className: "w-3.5 h-3.5" })
     }
   );
   return /* @__PURE__ */ jsxs23(
@@ -3264,25 +3428,25 @@ function CodeBlock({ code, language = "text", title, className }) {
         className
       ),
       children: [
-        title && /* @__PURE__ */ jsx45("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__ */ jsx45("span", { className: "text-berget-muted-foreground", children: title }) }),
-        /* @__PURE__ */ jsx45("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
-        html ? /* @__PURE__ */ jsx45(
+        title && /* @__PURE__ */ jsx42("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__ */ jsx42("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ jsx42("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ jsx42(
           "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__ */ jsx45("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx45("code", { children: code }) })
+        ) : /* @__PURE__ */ jsx42("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx42("code", { children: code }) })
       ]
     }
   );
 }
 
 // src/components/window-frame/WindowFrame.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import { useState as useState4 } from "react";
-import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
-var WindowFrame = React42.forwardRef(
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+var WindowFrame = React43.forwardRef(
   ({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
     const [internalActive, setInternalActive] = useState4(tabs?.[0]?.id ?? "");
     const currentTab = activeTab ?? internalActive;
@@ -3305,11 +3469,11 @@ var WindowFrame = React42.forwardRef(
         children: [
           /* @__PURE__ */ jsxs24("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__ */ jsxs24("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx46("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
-              /* @__PURE__ */ jsx46("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
-              /* @__PURE__ */ jsx46("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
+              /* @__PURE__ */ jsx43("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
+              /* @__PURE__ */ jsx43("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
+              /* @__PURE__ */ jsx43("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
             ] }),
-            tabs && tabs.length > 0 ? /* @__PURE__ */ jsx46("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx46(
+            tabs && tabs.length > 0 ? /* @__PURE__ */ jsx43("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx43(
               "button",
               {
                 type: "button",
@@ -3321,9 +3485,9 @@ var WindowFrame = React42.forwardRef(
                 children: tab.label
               },
               tab.id
-            )) }) : /* @__PURE__ */ jsx46("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
+            )) }) : /* @__PURE__ */ jsx43("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
           ] }),
-          /* @__PURE__ */ jsx46("div", { children })
+          /* @__PURE__ */ jsx43("div", { children })
         ]
       }
     );
@@ -3399,9 +3563,9 @@ export {
   FieldTitle,
   Grid,
   HeroBlock,
-  Icon2 as Icon,
+  Icon,
   Input2 as Input,
-  Item4 as Item,
+  Item2 as Item,
   ItemActions,
   ItemContent,
   ItemDescription2 as ItemDescription,
@@ -3411,10 +3575,10 @@ export {
   ItemMedia2 as ItemMedia,
   ItemSeparator2 as ItemSeparator,
   ItemTitle2 as ItemTitle,
-  Label3 as Label,
+  Label,
   LanguageSelect,
-  Link2 as Link,
-  List2 as List,
+  Link,
+  List,
   ListHeader,
   ListItem,
   NavigationMenu,