@bergetai/ui 0.11.3 → 0.12.0

package/dist/index.js

@@ -320,6 +320,21 @@ function brandVariantClasses(variant) {
         disabledClasses,
         "disabled:bg-transparent disabled:border-berget-button-disabled-border"
       );
+    case "ghost":
+      return cn(
+        "bg-transparent text-berget-button-ghost-fg",
+        // Pin the foreground on hover — the underlying primitive ghost adds
+        // hover:text-foreground, which is the same value here but pinned
+        // explicitly for parity with the other fg-token variants.
+        "hover:bg-berget-button-ghost-hover hover:text-berget-button-ghost-fg",
+        // The dark:hover twin neutralises the primitive ghost's
+        // dark:hover:bg-muted/50 so only the token fill applies.
+        "dark:hover:bg-berget-button-ghost-hover",
+        "active:bg-berget-button-ghost-active dark:active:bg-berget-button-ghost-active",
+        "focus-visible:border-transparent",
+        disabledClasses,
+        "disabled:bg-transparent"
+      );
     case "link":
       return cn(
         "h-auto bg-transparent p-0 text-berget-button-link-fg font-medium underline-offset-4 shadow-none",
@@ -354,6 +369,7 @@ function primitiveVariant(variant) {
     case "primary":
     case "destructive":
     case "outline":
+    case "ghost":
       return "ghost";
     default:
       return variant;
@@ -674,7 +690,7 @@ var BergetLogo = React7.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 aspectRatio2 = 428 / 386;
       const width2 = size * aspectRatio2;
       const height2 = size;
       return /* @__PURE__ */ jsx9(
@@ -683,7 +699,7 @@ var BergetLogo = React7.forwardRef(
           ref,
           width: width2,
           height: height2,
-          viewBox: "0 0 463 419",
+          viewBox: "18 17 428 386",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           role: "img",
@@ -1575,26 +1591,981 @@ function NavigationMenuPositioner({
       ...props,
       children: /* @__PURE__ */ jsx18(NavigationMenuPrimitive2.Popup, { className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-berget-xs bg-berget-popover text-berget-popover-foreground shadow-berget-lg ring-1 ring-berget-border transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0", children: /* @__PURE__ */ jsx18(NavigationMenuPrimitive2.Viewport, { className: "relative size-full overflow-hidden" }) })
     }
-  ) });
+  ) });
+}
+
+// src/primitives/sidebar.tsx
+import * as React15 from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva as cva9 } from "class-variance-authority";
+import { cn as cn11 } from "cn";
+
+// src/hooks/use-mobile.tsx
+import * as React14 from "react";
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React14.useState(void 0);
+  React14.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+// src/primitives/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { cn as cn6 } from "cn";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    InputPrimitive,
+    {
+      type,
+      "data-slot": "input",
+      className: cn6(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/primitives/separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { cn as cn7 } from "cn";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    SeparatorPrimitive,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn7(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/primitives/sheet.tsx
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
+import { cn as cn8 } from "cn";
+import { XIcon } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx21(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx21(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    SheetPrimitive.Backdrop,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn8(
+        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs11(SheetPortal, { children: [
+    /* @__PURE__ */ jsx21(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs11(
+      SheetPrimitive.Popup,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn8(
+          "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs11(
+            SheetPrimitive.Close,
+            {
+              "data-slot": "sheet-close",
+              render: /* @__PURE__ */ jsx21(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-3 right-3",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx21(
+                  XIcon,
+                  {}
+                ),
+                /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn8("flex flex-col gap-0.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    SheetPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn8(
+        "text-base font-medium text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn8("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/primitives/skeleton.tsx
+import { cn as cn9 } from "cn";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn9("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// src/primitives/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { cn as cn10 } from "cn";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsx23(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx23(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+    TooltipPrimitive.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs12(
+        TooltipPrimitive.Popup,
+        {
+          "data-slot": "tooltip-content",
+          className: cn10(
+            "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx23(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/primitives/sidebar.tsx
+import { PanelLeftIcon } from "lucide-react";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React15.createContext(null);
+function useSidebar() {
+  const context = React15.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React15.useState(false);
+  const [_open, _setOpen] = React15.useState(defaultOpen);
+  const open = openProp ?? _open;
+  const setOpen = React15.useCallback(
+    (value) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    },
+    [setOpenProp, open]
+  );
+  const toggleSidebar = React15.useCallback(() => {
+    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+  }, [isMobile, setOpen, setOpenMobile]);
+  React15.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React15.useMemo(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ jsx24(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      style: {
+        "--sidebar-width": SIDEBAR_WIDTH,
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+        ...style
+      },
+      className: cn11(
+        "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  dir,
+  ...props
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsx24(
+      "div",
+      {
+        "data-slot": "sidebar",
+        className: cn11(
+          "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsx24(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs13(
+      SheetContent,
+      {
+        dir,
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        },
+        side,
+        children: [
+          /* @__PURE__ */ jsxs13(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx24(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx24(SheetDescription, { children: "Displays the mobile sidebar." })
+          ] }),
+          /* @__PURE__ */ jsx24("div", { className: "flex h-full w-full flex-col", children })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      className: "group peer hidden text-sidebar-foreground md:block",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ jsx24(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: cn11(
+              "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+              "group-data-[collapsible=offcanvas]:w-0",
+              "group-data-[side=right]:rotate-180",
+              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            "data-side": side,
+            className: cn11(
+              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex",
+              // Adjust the padding for floating and inset variants.
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ jsx24(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsxs13(
+    Button,
+    {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      size: "icon-sm",
+      className: cn11(className),
+      onClick: (event) => {
+        onClick?.(event);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx24(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+}
+function SidebarRail({ className, ...props }) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx24(
+    "button",
+    {
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: cn11(
+        "absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarInset({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "main",
+    {
+      "data-slot": "sidebar-inset",
+      className: cn11(
+        "relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    Input,
+    {
+      "data-slot": "sidebar-input",
+      "data-sidebar": "input",
+      className: cn11("h-8 w-full bg-background shadow-none", className),
+      ...props
+    }
+  );
+}
+function SidebarHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: cn11("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+}
+function SidebarFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: cn11("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+}
+function SidebarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    Separator,
+    {
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      className: cn11("mx-2 w-auto bg-sidebar-border", className),
+      ...props
+    }
+  );
+}
+function SidebarContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: cn11(
+        "no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: cn11("relative flex w-full min-w-0 flex-col p-2", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps(
+      {
+        className: cn11(
+          "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-group-label",
+      sidebar: "group-label"
+    }
+  });
+}
+function SidebarGroupAction({
+  className,
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "button",
+    props: mergeProps(
+      {
+        className: cn11(
+          "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-group-action",
+      sidebar: "group-action"
+    }
+  });
+}
+function SidebarGroupContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "sidebar-group-content",
+      "data-sidebar": "group-content",
+      className: cn11("w-full text-sm", className),
+      ...props
+    }
+  );
+}
+function SidebarMenu({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "ul",
+    {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: cn11("flex w-full min-w-0 flex-col gap-0", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: cn11("group/menu-item relative", className),
+      ...props
+    }
+  );
+}
+var sidebarMenuButtonVariants = cva9(
+  "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function SidebarMenuButton({
+  render,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}) {
+  const { isMobile, state } = useSidebar();
+  const comp = useRender({
+    defaultTagName: "button",
+    props: mergeProps(
+      {
+        className: cn11(sidebarMenuButtonVariants({ variant, size }), className)
+      },
+      props
+    ),
+    render: !tooltip ? render : /* @__PURE__ */ jsx24(TooltipTrigger, { render }),
+    state: {
+      slot: "sidebar-menu-button",
+      sidebar: "menu-button",
+      size,
+      active: isActive
+    }
+  });
+  if (!tooltip) {
+    return comp;
+  }
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip
+    };
+  }
+  return /* @__PURE__ */ jsxs13(Tooltip, { children: [
+    comp,
+    /* @__PURE__ */ jsx24(
+      TooltipContent,
+      {
+        side: "right",
+        align: "center",
+        hidden: state !== "collapsed" || isMobile,
+        ...tooltip
+      }
+    )
+  ] });
+}
+function SidebarMenuAction({
+  className,
+  render,
+  showOnHover = false,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "button",
+    props: mergeProps(
+      {
+        className: cn11(
+          "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
+          showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-menu-action",
+      sidebar: "menu-action"
+    }
+  });
+}
+function SidebarMenuBadge({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "sidebar-menu-badge",
+      "data-sidebar": "menu-badge",
+      className: cn11(
+        "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}) {
+  const [width] = React15.useState(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  });
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      "data-sidebar": "menu-skeleton",
+      className: cn11("flex h-8 items-center gap-2 rounded-md px-2", className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ jsx24(
+          Skeleton,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          Skeleton,
+          {
+            className: "h-4 max-w-(--skeleton-width) flex-1",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": width
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function SidebarMenuSub({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "ul",
+    {
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: cn11(
+        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarMenuSubItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    "li",
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: cn11("group/menu-sub-item relative", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSubButton({
+  render,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "a",
+    props: mergeProps(
+      {
+        className: cn11(
+          "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+          className
+        )
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "sidebar-menu-sub-button",
+      sidebar: "menu-sub-button",
+      size,
+      active: isActive
+    }
+  });
+}
+
+// src/components/sidebar/Sidebar.tsx
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+var iconModeButtonClasses = "group-data-[collapsible=icon]:w-10! group-data-[collapsible=icon]:h-10! group-data-[collapsible=icon]:px-3!";
+var sizingMenuButtonClasses = "text-base px-3 py-2 h-auto";
+var sizingSubButtonClasses = "data-[size=md]:text-base data-[size=sm]:text-base px-3 py-2 h-auto";
+function SidebarGroupLabel2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    SidebarGroupLabel,
+    {
+      className: cn("px-3 uppercase tracking-caption", className),
+      ...props
+    }
+  );
+}
+function SidebarProvider2({
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    SidebarProvider,
+    {
+      className,
+      style: {
+        "--sidebar-width-icon": "3.75rem",
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function SidebarGroup2({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    SidebarGroup,
+    {
+      className: cn("group-data-[collapsible=icon]:px-2.5", className),
+      ...props
+    }
+  );
+}
+function SidebarFooter2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    SidebarFooter,
+    {
+      className: cn(
+        "group-data-[collapsible=icon]:px-2.5 border-t border-berget-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarHeader2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    SidebarHeader,
+    {
+      className: cn(
+        "py-0 group-data-[collapsible=icon]:px-0 border-b border-berget-border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarLogo() {
+  return /* @__PURE__ */ jsx25(SidebarHeader, { className: "px-0", children: /* @__PURE__ */ jsxs14("div", { className: "relative flex h-15 items-center overflow-hidden px-3", children: [
+    /* @__PURE__ */ jsx25(
+      BergetLogo,
+      {
+        variant: "logotype",
+        size: 32,
+        className: "shrink-0 transition-[opacity,visibility] duration-150 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:invisible group-data-[collapsible=icon]:opacity-0"
+      }
+    ),
+    /* @__PURE__ */ jsx25("span", { className: "pointer-events-none invisible absolute inset-y-0 left-0 w-15 flex items-center justify-center px-3 opacity-0 transition-[opacity,visibility] duration-150 group-data-[collapsible=icon]:visible group-data-[collapsible=icon]:opacity-100", children: /* @__PURE__ */ jsx25(BergetLogo, { variant: "symbol", size: 32 }) })
+  ] }) });
+}
+function SidebarPageHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "header",
+    {
+      className: cn(
+        "flex h-[calc(3.75rem+1px)] items-center gap-2 border-b border-berget-border px-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarMenuButton2({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    SidebarMenuButton,
+    {
+      className: cn(sizingMenuButtonClasses, iconModeButtonClasses, className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSubButton2({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    SidebarMenuSubButton,
+    {
+      className: cn(sizingSubButtonClasses, "[&>svg]:text-inherit", className),
+      ...props
+    }
+  );
 }
 
 // src/components/table/Table.tsx
-import * as React14 from "react";
+import * as React16 from "react";
 
 // src/primitives/table.tsx
-import { cn as cn6 } from "cn";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { cn as cn12 } from "cn";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx26(
         "table",
         {
           "data-slot": "table",
-          className: cn6("w-full caption-bottom text-sm", className),
+          className: cn12("w-full caption-bottom text-sm", className),
           ...props
         }
       )
@@ -1602,31 +2573,31 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "thead",
     {
       "data-slot": "table-header",
-      className: cn6("[&_tr]:border-b", className),
+      className: cn12("[&_tr]:border-b", className),
       ...props
     }
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "tbody",
     {
       "data-slot": "table-body",
-      className: cn6("[&_tr:last-child]:border-0", className),
+      className: cn12("[&_tr:last-child]:border-0", className),
       ...props
     }
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "tfoot",
     {
       "data-slot": "table-footer",
-      className: cn6(
+      className: cn12(
         "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
         className
       ),
@@ -1635,11 +2606,11 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "tr",
     {
       "data-slot": "table-row",
-      className: cn6(
+      className: cn12(
         "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
         className
       ),
@@ -1648,11 +2619,11 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "th",
     {
       "data-slot": "table-head",
-      className: cn6(
+      className: cn12(
         "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
         className
       ),
@@ -1661,11 +2632,11 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "td",
     {
       "data-slot": "table-cell",
-      className: cn6(
+      className: cn12(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
         className
       ),
@@ -1677,23 +2648,23 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx26(
     "caption",
     {
       "data-slot": "table-caption",
-      className: cn6("mt-4 text-sm text-muted-foreground", className),
+      className: cn12("mt-4 text-sm text-muted-foreground", className),
       ...props
     }
   );
 }
 
 // src/components/table/Table.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-var Table2 = React14.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(Table, { ref, className, ...props })
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Table2 = React16.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(Table, { ref, className, ...props })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TableHeader2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   TableHeader,
   {
     ref,
@@ -1702,7 +2673,7 @@ var TableHeader2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableHeader2.displayName = "TableHeader";
-var TableBody2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TableBody2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   TableBody,
   {
     ref,
@@ -1711,7 +2682,7 @@ var TableBody2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableBody2.displayName = "TableBody";
-var TableFooter2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TableFooter2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   TableFooter,
   {
     ref,
@@ -1723,8 +2694,8 @@ var TableFooter2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableFooter2.displayName = "TableFooter";
-var TableRow2 = React14.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TableRow2 = React16.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
     TableRow,
     {
       ref,
@@ -1737,7 +2708,7 @@ var TableRow2 = React14.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TableHead2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   TableHead,
   {
     ref,
@@ -1749,7 +2720,7 @@ var TableHead2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHead2.displayName = "TableHead";
-var TableCell2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TableCell2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   TableCell,
   {
     ref,
@@ -1758,7 +2729,7 @@ var TableCell2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableCell2.displayName = "TableCell";
-var TableCaption2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var TableCaption2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   TableCaption,
   {
     ref,
@@ -1769,46 +2740,21 @@ var TableCaption2 = React14.forwardRef(({ className, ...props }, ref) => /* @__P
 TableCaption2.displayName = "TableCaption";
 
 // src/components/item/Item.tsx
-import * as React15 from "react";
-
-// src/primitives/item.tsx
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva as cva9 } from "class-variance-authority";
-import { cn as cn8 } from "cn";
-
-// src/primitives/separator.tsx
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { cn as cn7 } from "cn";
-import { jsx as jsx21 } from "react/jsx-runtime";
-function Separator({
-  className,
-  orientation = "horizontal",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx21(
-    SeparatorPrimitive,
-    {
-      "data-slot": "separator",
-      orientation,
-      className: cn7(
-        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
-        className
-      ),
-      ...props
-    }
-  );
-}
+import * as React17 from "react";
 
 // src/primitives/item.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+import { cva as cva10 } from "class-variance-authority";
+import { cn as cn13 } from "cn";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       role: "list",
       "data-slot": "item-group",
-      className: cn8(
+      className: cn13(
         "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
         className
       ),
@@ -1820,17 +2766,17 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     Separator,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
-      className: cn8("my-2", className),
+      className: cn13("my-2", className),
       ...props
     }
   );
 }
-var itemVariants = cva9(
+var itemVariants = cva10(
   "group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
   {
     variants: {
@@ -1858,11 +2804,11 @@ function Item({
   render,
   ...props
 }) {
-  return useRender({
+  return useRender2({
     defaultTagName: "div",
-    props: mergeProps(
+    props: mergeProps2(
       {
-        className: cn8(itemVariants({ variant, size, className }))
+        className: cn13(itemVariants({ variant, size, className }))
       },
       props
     ),
@@ -1874,7 +2820,7 @@ function Item({
     }
   });
 }
-var itemMediaVariants = cva9(
+var itemMediaVariants = cva10(
   "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
   {
     variants: {
@@ -1894,22 +2840,22 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "item-media",
       "data-variant": variant,
-      className: cn8(itemMediaVariants({ variant, className })),
+      className: cn13(itemMediaVariants({ variant, className })),
       ...props
     }
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "item-content",
-      className: cn8(
+      className: cn13(
         "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
         className
       ),
@@ -1918,11 +2864,11 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "item-title",
-      className: cn8(
+      className: cn13(
         "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
         className
       ),
@@ -1931,11 +2877,11 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "p",
     {
       "data-slot": "item-description",
-      className: cn8(
+      className: cn13(
         "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       ),
@@ -1944,21 +2890,21 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "item-actions",
-      className: cn8("flex items-center gap-2", className),
+      className: cn13("flex items-center gap-2", className),
       ...props
     }
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "item-header",
-      className: cn8(
+      className: cn13(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -1967,11 +2913,11 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "item-footer",
-      className: cn8(
+      className: cn13(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -1981,9 +2927,9 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/item/Item.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Item2({ className, asChild, children, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx29(
     Item,
     {
       render: asChild ? children : void 0,
@@ -2002,8 +2948,8 @@ function Item2({ className, asChild, children, ...props }) {
     }
   );
 }
-var ItemMedia2 = React15.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx23(
+var ItemMedia2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx29(
     ItemMedia,
     {
       ref,
@@ -2013,8 +2959,8 @@ var ItemMedia2 = React15.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemMedia2.displayName = "ItemMedia";
-var ItemTitle2 = React15.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx23(
+var ItemTitle2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx29(
     ItemTitle,
     {
       ref,
@@ -2024,8 +2970,8 @@ var ItemTitle2 = React15.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemTitle2.displayName = "ItemTitle";
-var ItemDescription2 = React15.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx23(
+var ItemDescription2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx29(
     ItemDescription,
     {
       ref,
@@ -2035,8 +2981,8 @@ var ItemDescription2 = React15.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemDescription2.displayName = "ItemDescription";
-var ItemSeparator2 = React15.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx23(
+var ItemSeparator2 = React17.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx29(
     ItemSeparator,
     {
       ref,
@@ -2048,36 +2994,15 @@ var ItemSeparator2 = React15.forwardRef(({ className, ...props }, ref) => {
 ItemSeparator2.displayName = "ItemSeparator";
 
 // src/components/input/Input.tsx
-import * as React16 from "react";
-
-// src/primitives/input.tsx
-import { Input as InputPrimitive } from "@base-ui/react/input";
-import { cn as cn9 } from "cn";
-import { jsx as jsx24 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx24(
-    InputPrimitive,
-    {
-      type,
-      "data-slot": "input",
-      className: cn9(
-        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/input/Input.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
-var Input2 = React16.forwardRef(
+import * as React18 from "react";
+import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+var Input2 = React18.forwardRef(
   ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React16.useId();
+    const generatedId = React18.useId();
     const inputId = id || generatedId;
     const errorId = `${inputId}-error`;
     const descriptionId = `${inputId}-description`;
-    const inputElement = /* @__PURE__ */ jsx25(
+    const inputElement = /* @__PURE__ */ jsx30(
       Input,
       {
         ref,
@@ -2097,8 +3022,8 @@ var Input2 = React16.forwardRef(
       }
     );
     if (!icon && !actionButton) {
-      return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
-        label && /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
+        label && /* @__PURE__ */ jsx30(
           "label",
           {
             htmlFor: inputId,
@@ -2111,9 +3036,9 @@ var Input2 = React16.forwardRef(
           }
         ),
         inputElement,
-        (description || error) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-1", children: [
-          description && /* @__PURE__ */ jsx25(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-          error && /* @__PURE__ */ jsx25(
+        (description || error) && /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
+          description && /* @__PURE__ */ jsx30(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+          error && /* @__PURE__ */ jsx30(
             Typography,
             {
               variant: "xs",
@@ -2125,8 +3050,8 @@ var Input2 = React16.forwardRef(
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ jsx30(
         "label",
         {
           htmlFor: inputId,
@@ -2138,14 +3063,14 @@ var Input2 = React16.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxs11("div", { className: "relative w-full", children: [
-        icon && /* @__PURE__ */ jsx25("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
+      /* @__PURE__ */ jsxs15("div", { className: "relative w-full", children: [
+        icon && /* @__PURE__ */ jsx30("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
         inputElement,
-        actionButton && /* @__PURE__ */ jsx25("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        actionButton && /* @__PURE__ */ jsx30("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
-      (description || error) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-1", children: [
-        description && /* @__PURE__ */ jsx25(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        error && /* @__PURE__ */ jsx25(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      (description || error) && /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
+        description && /* @__PURE__ */ jsx30(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        error && /* @__PURE__ */ jsx30(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -2153,32 +3078,32 @@ var Input2 = React16.forwardRef(
 Input2.displayName = "Input";
 
 // src/components/checkbox/Checkbox.tsx
-import * as React17 from "react";
+import * as React19 from "react";
 import { Checkbox as CheckboxPrimitive2 } from "@base-ui/react/checkbox";
 import { Check as Check2 } from "lucide-react";
-import { cva as cva10 } from "class-variance-authority";
+import { cva as cva11 } from "class-variance-authority";
 
 // src/primitives/checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { cn as cn10 } from "cn";
+import { cn as cn14 } from "cn";
 import { CheckIcon } from "lucide-react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx31(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
-      className: cn10(
+      className: cn14(
         "peer relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx31(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-          children: /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsx31(
             CheckIcon,
             {}
           )
@@ -2189,8 +3114,8 @@ function Checkbox({ className, ...props }) {
 }
 
 // src/components/checkbox/Checkbox.tsx
-import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
-var checkboxVariants = cva10(
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+var checkboxVariants = cva11(
   "inline-flex items-center justify-center rounded-berget-xs transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
@@ -2211,7 +3136,7 @@ var checkboxVariants = cva10(
     }
   }
 );
-var Checkbox2 = React17.forwardRef(
+var Checkbox2 = React19.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -2224,11 +3149,11 @@ var Checkbox2 = React17.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React17.useId();
+    const generatedId = React19.useId();
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
-    return /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx27("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx32("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx32(
         Checkbox,
         {
           ref,
@@ -2245,7 +3170,7 @@ var Checkbox2 = React17.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx27(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx27(
+          children: /* @__PURE__ */ jsx32(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx32(
             Check2,
             {
               className: "h-4 w-4 text-current stroke-current",
@@ -2254,8 +3179,8 @@ var Checkbox2 = React17.forwardRef(
           ) })
         }
       ) }),
-      (label || description || error) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx27(
+      (label || description || error) && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ jsx32(
           "label",
           {
             htmlFor: checkboxId,
@@ -2267,8 +3192,8 @@ var Checkbox2 = React17.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx27(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx27(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ jsx32(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ jsx32(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -2276,11 +3201,11 @@ var Checkbox2 = React17.forwardRef(
 Checkbox2.displayName = "Checkbox";
 
 // src/components/switch/Switch.tsx
-import * as React18 from "react";
+import * as React20 from "react";
 import { Switch as SwitchPrimitives } from "@base-ui/react/switch";
-import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
-var switchRootVariants = cva11(
+import { cva as cva12 } from "class-variance-authority";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
+var switchRootVariants = cva12(
   "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
@@ -2301,7 +3226,7 @@ var switchRootVariants = cva11(
     }
   }
 );
-var switchThumbVariants = cva11(
+var switchThumbVariants = cva12(
   "pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground",
   {
     variants: {
@@ -2316,7 +3241,7 @@ var switchThumbVariants = cva11(
     }
   }
 );
-var Switch = React18.forwardRef(
+var Switch = React20.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -2329,11 +3254,11 @@ var Switch = React18.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React18.useId();
+    const generatedId = React20.useId();
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
-    return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx33(
         SwitchPrimitives.Root,
         {
           ref,
@@ -2349,11 +3274,11 @@ var Switch = React18.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx28(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+          children: /* @__PURE__ */ jsx33(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
         }
       ),
-      (label || description || error) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx28(
+      (label || description || error) && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ jsx33(
           "label",
           {
             htmlFor: switchId,
@@ -2364,8 +3289,8 @@ var Switch = React18.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx28(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx28(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ jsx33(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ jsx33(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -2373,21 +3298,21 @@ var Switch = React18.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/select/Select.tsx
-import * as React19 from "react";
-import { cva as cva12 } from "class-variance-authority";
+import * as React21 from "react";
+import { cva as cva13 } from "class-variance-authority";
 
 // src/primitives/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { cn as cn11 } from "cn";
+import { cn as cn15 } from "cn";
 import { ChevronDownIcon as ChevronDownIcon2, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx34(
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
-      className: cn11("flex flex-1 text-left", className),
+      className: cn15("flex flex-1 text-left", className),
       ...props
     }
   );
@@ -2398,22 +3323,22 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs18(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: cn11(
+      className: cn15(
         "flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx34(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx29(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" })
+            render: /* @__PURE__ */ jsx34(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" })
           }
         )
       ]
@@ -2430,7 +3355,7 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
     SelectPrimitive.Positioner,
     {
       side,
@@ -2439,17 +3364,17 @@ function SelectContent({
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs14(
+      children: /* @__PURE__ */ jsxs18(
         SelectPrimitive.Popup,
         {
           "data-slot": "select-content",
           "data-align-trigger": alignItemWithTrigger,
-          className: cn11("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+          className: cn15("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsx29(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx29(SelectPrimitive.List, { children }),
-            /* @__PURE__ */ jsx29(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx34(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx34(SelectPrimitive.List, { children }),
+            /* @__PURE__ */ jsx34(SelectScrollDownButton, {})
           ]
         }
       )
@@ -2461,22 +3386,22 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs18(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
-      className: cn11(
+      className: cn15(
         "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx34(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx34(
           SelectPrimitive.ItemIndicator,
           {
-            render: /* @__PURE__ */ jsx29("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx29(CheckIcon2, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ jsx34("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx34(CheckIcon2, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2487,16 +3412,16 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx34(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
-      className: cn11(
+      className: cn15(
         "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx34(
         ChevronUpIcon,
         {}
       )
@@ -2507,16 +3432,16 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx34(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
-      className: cn11(
+      className: cn15(
         "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx34(
         ChevronDownIcon2,
         {}
       )
@@ -2525,8 +3450,8 @@ function SelectScrollDownButton({
 }
 
 // src/components/select/Select.tsx
-import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
-var selectVariants = cva12(
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
+var selectVariants = cva13(
   "flex w-full items-center justify-between rounded-berget-xs border bg-card px-4 py-3 text-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:border-berget-form-focus-border disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
@@ -2548,7 +3473,7 @@ var selectVariants = cva12(
     }
   }
 );
-var Select2 = React19.forwardRef(
+var Select2 = React21.forwardRef(
   ({
     className,
     variant,
@@ -2566,12 +3491,12 @@ var Select2 = React19.forwardRef(
     name,
     required
   }, ref) => {
-    const generatedId = React19.useId();
+    const generatedId = React21.useId();
     const selectId = id || generatedId;
     const errorId = `${selectId}-error`;
     const descriptionId = `${selectId}-description`;
-    return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ jsx35(
         "label",
         {
           htmlFor: selectId,
@@ -2583,7 +3508,7 @@ var Select2 = React19.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsxs19(
         Select,
         {
           value,
@@ -2594,7 +3519,7 @@ var Select2 = React19.forwardRef(
           required,
           items: options,
           children: [
-            /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx35(
               SelectTrigger,
               {
                 ref,
@@ -2606,33 +3531,33 @@ var Select2 = React19.forwardRef(
                   error && "border-berget-destructive-foreground/50 bg-berget-destructive",
                   className
                 ),
-                children: /* @__PURE__ */ jsx30(SelectValue, { placeholder })
+                children: /* @__PURE__ */ jsx35(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ jsx30(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx30(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
+            /* @__PURE__ */ jsx35(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx35(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
           ]
         }
       ),
-      description && /* @__PURE__ */ jsx30(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-      error && /* @__PURE__ */ jsx30(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      description && /* @__PURE__ */ jsx35(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+      error && /* @__PURE__ */ jsx35(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
     ] });
   }
 );
 Select2.displayName = "Select";
 
 // src/components/country-select/CountrySelect.tsx
-import * as React21 from "react";
+import * as React23 from "react";
 import { ChevronDown as ChevronDown2, Globe } from "lucide-react";
 
 // src/components/icon/Icon.tsx
-import * as React20 from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import * as React22 from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var iconStrokeMap = {
   16: 1.4,
   24: 1.6,
   32: 1.8
 };
-var Icon = React20.forwardRef(
+var Icon = React22.forwardRef(
   ({
     icon: IconComponent,
     size,
@@ -2644,7 +3569,7 @@ var Icon = React20.forwardRef(
     const strokeWidth = iconStrokeMap[size];
     const sizeClass = size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
     const ariaAttributes = ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": ariaHidden };
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx36(
       IconComponent,
       {
         ref,
@@ -2660,13 +3585,13 @@ Icon.displayName = "Icon";
 
 // src/primitives/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { cn as cn12 } from "cn";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { cn as cn16 } from "cn";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx32(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx37(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx32(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx37(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -2676,7 +3601,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx37(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -2684,11 +3609,11 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx37(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
-          className: cn12(
+          className: cn16(
             "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
@@ -2701,27 +3626,27 @@ function PopoverContent({
 
 // src/primitives/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
-import { cn as cn16 } from "cn";
+import { cn as cn20 } from "cn";
 
 // src/primitives/dialog.tsx
 import { Dialog as DialogPrimitive2 } from "@base-ui/react/dialog";
-import { cn as cn13 } from "cn";
-import { XIcon } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
+import { cn as cn17 } from "cn";
+import { XIcon as XIcon2 } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 
 // src/primitives/input-group.tsx
-import { cva as cva13 } from "class-variance-authority";
-import { cn as cn15 } from "cn";
+import { cva as cva14 } from "class-variance-authority";
+import { cn as cn19 } from "cn";
 
 // src/primitives/textarea.tsx
-import { cn as cn14 } from "cn";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { cn as cn18 } from "cn";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx39(
     "textarea",
     {
       "data-slot": "textarea",
-      className: cn14(
+      className: cn18(
         "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         className
       ),
@@ -2731,14 +3656,14 @@ function Textarea({ className, ...props }) {
 }
 
 // src/primitives/input-group.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "input-group",
       role: "group",
-      className: cn15(
+      className: cn19(
         "group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
         className
       ),
@@ -2746,7 +3671,7 @@ function InputGroup({ className, ...props }) {
     }
   );
 }
-var inputGroupAddonVariants = cva13(
+var inputGroupAddonVariants = cva14(
   "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -2767,13 +3692,13 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": align,
-      className: cn15(inputGroupAddonVariants({ align }), className),
+      className: cn19(inputGroupAddonVariants({ align }), className),
       onClick: (e) => {
         if (e.target.closest("button")) {
           return;
@@ -2784,7 +3709,7 @@ function InputGroupAddon({
     }
   );
 }
-var inputGroupButtonVariants = cva13(
+var inputGroupButtonVariants = cva14(
   "flex items-center gap-2 text-sm shadow-none",
   {
     variants: {
@@ -2803,16 +3728,16 @@ var inputGroupButtonVariants = cva13(
 
 // src/primitives/command.tsx
 import { SearchIcon, CheckIcon as CheckIcon3 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx41(
     CommandPrimitive,
     {
       "data-slot": "command",
-      className: cn16(
+      className: cn20(
         "flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground",
         className
       ),
@@ -2824,30 +3749,30 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs17(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx41("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs21(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
+    /* @__PURE__ */ jsx41(
       CommandPrimitive.Input,
       {
         "data-slot": "command-input",
-        className: cn16(
+        className: cn20(
           "w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ...props
       }
     ),
-    /* @__PURE__ */ jsx36(InputGroupAddon, { children: /* @__PURE__ */ jsx36(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
+    /* @__PURE__ */ jsx41(InputGroupAddon, { children: /* @__PURE__ */ jsx41(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
   ] }) });
 }
 function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx41(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
-      className: cn16(
+      className: cn20(
         "no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none",
         className
       ),
@@ -2859,11 +3784,11 @@ function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx41(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
-      className: cn16("py-6 text-center text-sm", className),
+      className: cn20("py-6 text-center text-sm", className),
       ...props
     }
   );
@@ -2872,11 +3797,11 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx41(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
-      className: cn16(
+      className: cn20(
         "overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground",
         className
       ),
@@ -2889,18 +3814,18 @@ function CommandItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs21(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
-      className: cn16(
+      className: cn20(
         "group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx36(CheckIcon3, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
+        /* @__PURE__ */ jsx41(CheckIcon3, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
       ]
     }
   );
@@ -3048,8 +3973,8 @@ var isEUCountry = (countryCode) => {
 };
 
 // src/components/country-select/CountrySelect.tsx
-import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
-var CountrySelect = React21.forwardRef(
+import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+var CountrySelect = React23.forwardRef(
   ({
     value,
     onValueChange,
@@ -3059,14 +3984,14 @@ var CountrySelect = React21.forwardRef(
     align = "center",
     sideOffset = 4
   }, ref) => {
-    const [open, setOpen] = React21.useState(false);
-    const selectedCountry = React21.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
-    return /* @__PURE__ */ jsxs18(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxs18(
+    const [open, setOpen] = React23.useState(false);
+    const selectedCountry = React23.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
+    return /* @__PURE__ */ jsxs22(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxs22(
         PopoverTrigger,
         {
           ref,
-          render: /* @__PURE__ */ jsx37(
+          render: /* @__PURE__ */ jsx42(
             "button",
             {
               type: "button",
@@ -3088,16 +4013,16 @@ var CountrySelect = React21.forwardRef(
             }
           ),
           children: [
-            /* @__PURE__ */ jsx37("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs18(Fragment3, { children: [
-              /* @__PURE__ */ jsx37("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
-              /* @__PURE__ */ jsx37("span", { className: "truncate", children: selectedCountry.name }),
-              /* @__PURE__ */ jsxs18("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
+            /* @__PURE__ */ jsx42("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs22(Fragment3, { children: [
+              /* @__PURE__ */ jsx42("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
+              /* @__PURE__ */ jsx42("span", { className: "truncate", children: selectedCountry.name }),
+              /* @__PURE__ */ jsxs22("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
                 "(",
                 selectedCountry.code,
                 ")"
               ] })
-            ] }) : /* @__PURE__ */ jsxs18(Fragment3, { children: [
-              /* @__PURE__ */ jsx37(
+            ] }) : /* @__PURE__ */ jsxs22(Fragment3, { children: [
+              /* @__PURE__ */ jsx42(
                 Icon,
                 {
                   icon: Globe,
@@ -3105,9 +4030,9 @@ var CountrySelect = React21.forwardRef(
                   className: "flex-shrink-0 text-berget-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsx37("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
+              /* @__PURE__ */ jsx42("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
             ] }) }),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx42(
               Icon,
               {
                 icon: ChevronDown2,
@@ -3122,17 +4047,17 @@ var CountrySelect = React21.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx42(
         PopoverContent,
         {
           align,
           sideOffset,
           className: "w-[var(--radix-popover-trigger-width)] p-0",
-          children: /* @__PURE__ */ jsxs18(Command, { children: [
-            /* @__PURE__ */ jsx37(CommandInput, { placeholder: "Search country..." }),
-            /* @__PURE__ */ jsxs18(CommandList, { children: [
-              /* @__PURE__ */ jsx37(CommandEmpty, { children: "No countries found." }),
-              /* @__PURE__ */ jsx37(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ jsxs18(
+          children: /* @__PURE__ */ jsxs22(Command, { children: [
+            /* @__PURE__ */ jsx42(CommandInput, { placeholder: "Search country..." }),
+            /* @__PURE__ */ jsxs22(CommandList, { children: [
+              /* @__PURE__ */ jsx42(CommandEmpty, { children: "No countries found." }),
+              /* @__PURE__ */ jsx42(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ jsxs22(
                 CommandItem,
                 {
                   value: `${country.name} ${country.code}`,
@@ -3146,12 +4071,12 @@ var CountrySelect = React21.forwardRef(
                     value === country.code && "bg-berget-brand-granite-800/40"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx37("span", { className: "text-xl flex-shrink-0", children: country.flag }),
-                    /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsx37("div", { className: "text-sm truncate", children: country.name }),
-                      /* @__PURE__ */ jsx37("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
+                    /* @__PURE__ */ jsx42("span", { className: "text-xl flex-shrink-0", children: country.flag }),
+                    /* @__PURE__ */ jsxs22("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsx42("div", { className: "text-sm truncate", children: country.name }),
+                      /* @__PURE__ */ jsx42("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
                     ] }),
-                    value === country.code && /* @__PURE__ */ jsx37("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
+                    value === country.code && /* @__PURE__ */ jsx42("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
                   ]
                 },
                 country.code
@@ -3166,10 +4091,10 @@ var CountrySelect = React21.forwardRef(
 CountrySelect.displayName = "CountrySelect";
 
 // src/components/text-area/TextArea.tsx
-import * as React22 from "react";
-import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
-var textAreaVariants = cva14(
+import * as React24 from "react";
+import { cva as cva15 } from "class-variance-authority";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+var textAreaVariants = cva15(
   "rounded-berget-xs bg-card px-4 py-3 transition-colors duration-200 focus-visible:border-berget-form-focus-border focus-visible:ring-0 focus-visible:ring-offset-0 resize-y",
   {
     variants: {
@@ -3191,7 +4116,7 @@ var textAreaVariants = cva14(
     }
   }
 );
-var TextArea = React22.forwardRef(
+var TextArea = React24.forwardRef(
   ({
     className,
     variant,
@@ -3211,13 +4136,13 @@ var TextArea = React22.forwardRef(
     actionButton,
     ...props
   }, ref) => {
-    const generatedId = React22.useId();
+    const generatedId = React24.useId();
     const textareaId = id || generatedId;
     const errorId = `${textareaId}-error`;
     const descriptionId = `${textareaId}-description`;
     const characterCount = typeof value === "string" ? value.length : 0;
-    return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ jsx43(
         "label",
         {
           htmlFor: textareaId,
@@ -3229,9 +4154,9 @@ var TextArea = React22.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
-        icon && /* @__PURE__ */ jsx38("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
-        /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
+        icon && /* @__PURE__ */ jsx43("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
+        /* @__PURE__ */ jsx43(
           Textarea,
           {
             ref,
@@ -3256,13 +4181,13 @@ var TextArea = React22.forwardRef(
             ...props
           }
         ),
-        secondaryIcon && /* @__PURE__ */ jsx38("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
-        actionButton && /* @__PURE__ */ jsx38("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        secondaryIcon && /* @__PURE__ */ jsx43("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
+        actionButton && /* @__PURE__ */ jsx43("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
-      (description || error || showCount && maxLength) && /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-2", children: [
-        description && /* @__PURE__ */ jsx38(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        (error || showCount && maxLength) && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 ml-auto", children: [
-          showCount && maxLength && /* @__PURE__ */ jsxs19(
+      (description || error || showCount && maxLength) && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between gap-2", children: [
+        description && /* @__PURE__ */ jsx43(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
+        (error || showCount && maxLength) && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 ml-auto", children: [
+          showCount && maxLength && /* @__PURE__ */ jsxs23(
             Typography,
             {
               variant: "xs",
@@ -3276,7 +4201,7 @@ var TextArea = React22.forwardRef(
               ]
             }
           ),
-          error && /* @__PURE__ */ jsx38(
+          error && /* @__PURE__ */ jsx43(
             Typography,
             {
               variant: "xs",
@@ -3293,14 +4218,14 @@ var TextArea = React22.forwardRef(
 TextArea.displayName = "TextArea";
 
 // src/primitives/label.tsx
-import { cn as cn17 } from "cn";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { cn as cn21 } from "cn";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx44(
     "label",
     {
       "data-slot": "label",
-      className: cn17(
+      className: cn21(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         className
       ),
@@ -3310,16 +4235,16 @@ function Label({ className, ...props }) {
 }
 
 // src/primitives/field.tsx
-import { useMemo as useMemo3 } from "react";
-import { cva as cva15 } from "class-variance-authority";
-import { cn as cn18 } from "cn";
-import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useMemo as useMemo4 } from "react";
+import { cva as cva16 } from "class-variance-authority";
+import { cn as cn22 } from "cn";
+import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "fieldset",
     {
       "data-slot": "field-set",
-      className: cn18(
+      className: cn22(
         "flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
         className
       ),
@@ -3332,12 +4257,12 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "legend",
     {
       "data-slot": "field-legend",
       "data-variant": variant,
-      className: cn18(
+      className: cn22(
         "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
         className
       ),
@@ -3346,11 +4271,11 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "field-group",
-      className: cn18(
+      className: cn22(
         "group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",
         className
       ),
@@ -3358,7 +4283,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = cva15(
+var fieldVariants = cva16(
   "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
   {
     variants: {
@@ -3378,23 +4303,23 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       role: "group",
       "data-slot": "field",
       "data-orientation": orientation,
-      className: cn18(fieldVariants({ orientation }), className),
+      className: cn22(fieldVariants({ orientation }), className),
       ...props
     }
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "field-content",
-      className: cn18(
+      className: cn22(
         "group/field-content flex flex-1 flex-col gap-0.5 leading-snug",
         className
       ),
@@ -3406,11 +4331,11 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     Label,
     {
       "data-slot": "field-label",
-      className: cn18(
+      className: cn22(
         "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10",
         "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
         className
@@ -3420,11 +4345,11 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "field-label",
-      className: cn18(
+      className: cn22(
         "flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50",
         className
       ),
@@ -3433,11 +4358,11 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "p",
     {
       "data-slot": "field-description",
-      className: cn18(
+      className: cn22(
         "text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5",
         "last:mt-0 nth-last-2:-mt-1",
         "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
@@ -3452,19 +4377,19 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       "data-slot": "field-separator",
       "data-content": !!children,
-      className: cn18(
+      className: cn22(
         "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx40(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx45(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx45(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
@@ -3482,7 +4407,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = useMemo3(() => {
+  const content = useMemo4(() => {
     if (children) {
       return children;
     }
@@ -3495,19 +4420,19 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    return /* @__PURE__ */ jsx40("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx40("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx45("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx45("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       role: "alert",
       "data-slot": "field-error",
-      className: cn18("text-sm font-normal text-destructive", className),
+      className: cn22("text-sm font-normal text-destructive", className),
       ...props,
       children: content
     }
@@ -3515,11 +4440,11 @@ function FieldError({
 }
 
 // src/components/link/Link.tsx
-import * as React23 from "react";
-import { cva as cva16 } from "class-variance-authority";
+import * as React25 from "react";
+import { cva as cva17 } from "class-variance-authority";
 import { ExternalLink } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
-var linkVariants = cva16(
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
+var linkVariants = cva17(
   "inline-flex cursor-pointer items-center gap-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -3543,7 +4468,7 @@ var linkVariants = cva16(
     }
   }
 );
-var Link = React23.forwardRef(
+var Link = React25.forwardRef(
   ({
     className,
     variant,
@@ -3556,7 +4481,7 @@ var Link = React23.forwardRef(
     ...props
   }, ref) => {
     const isExternal = external || typeof props.href === "string" && (props.href.startsWith("http://") || props.href.startsWith("https://") || props.href.startsWith("mailto:") || props.href.startsWith("tel:"));
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs25(
       "a",
       {
         ref,
@@ -3572,8 +4497,8 @@ var Link = React23.forwardRef(
         },
         children: [
           children,
-          icon && /* @__PURE__ */ jsx41("span", { className: "inline-flex items-center", children: icon }),
-          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx41("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx41(Icon, { icon: ExternalLink, size: 16 }) })
+          icon && /* @__PURE__ */ jsx46("span", { className: "inline-flex items-center", children: icon }),
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx46("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx46(Icon, { icon: ExternalLink, size: 16 }) })
         ]
       }
     );
@@ -3582,11 +4507,11 @@ var Link = React23.forwardRef(
 Link.displayName = "Link";
 
 // src/components/container/Container.tsx
-import * as React24 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 cva17 } from "class-variance-authority";
-var containerVariants = cva17("w-full mx-auto", {
+import * as React26 from "react";
+import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
+import { useRender as useRender3 } from "@base-ui/react/use-render";
+import { cva as cva18 } from "class-variance-authority";
+var containerVariants = cva18("w-full mx-auto", {
   variants: {
     size: {
       sm: "max-w-3xl",
@@ -3607,13 +4532,13 @@ var containerVariants = cva17("w-full mx-auto", {
     padding: "md"
   }
 });
-var Container = React24.forwardRef(
+var Container = React26.forwardRef(
   ({ className, size, padding, asChild = false, children, ...props }, ref) => {
-    return useRender2({
+    return useRender3({
       ref,
       defaultTagName: "div",
       render: asChild ? children : void 0,
-      props: mergeProps2(
+      props: mergeProps3(
         {
           className: cn(containerVariants({ size, padding }), className),
           children: asChild ? void 0 : children
@@ -3626,11 +4551,11 @@ var Container = React24.forwardRef(
 Container.displayName = "Container";
 
 // src/components/grid/Grid.tsx
-import * as React25 from "react";
-import { cva as cva18 } from "class-variance-authority";
-import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
-import { useRender as useRender3 } from "@base-ui/react/use-render";
-var gridVariants = cva18("grid", {
+import * as React27 from "react";
+import { cva as cva19 } from "class-variance-authority";
+import { mergeProps as mergeProps4 } from "@base-ui/react/merge-props";
+import { useRender as useRender4 } from "@base-ui/react/use-render";
+var gridVariants = cva19("grid", {
   variants: {
     align: {
       start: "items-start",
@@ -3652,13 +4577,13 @@ var gridVariants = cva18("grid", {
     justify: "start"
   }
 });
-var Grid = React25.forwardRef(
+var Grid = React27.forwardRef(
   ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
-    return useRender3({
+    return useRender4({
       ref,
       defaultTagName: "div",
       render: asChild ? children : void 0,
-      props: mergeProps3(
+      props: mergeProps4(
         {
           className: cn(
             gridVariants({ align, justify }),
@@ -3679,11 +4604,11 @@ var Grid = React25.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
-import * as React26 from "react";
-import { cva as cva19 } from "class-variance-authority";
-import { mergeProps as mergeProps4 } from "@base-ui/react/merge-props";
-import { useRender as useRender4 } from "@base-ui/react/use-render";
-var boxVariants = cva19("flex", {
+import * as React28 from "react";
+import { cva as cva20 } from "class-variance-authority";
+import { mergeProps as mergeProps5 } from "@base-ui/react/merge-props";
+import { useRender as useRender5 } from "@base-ui/react/use-render";
+var boxVariants = cva20("flex", {
   variants: {
     direction: {
       row: "flex-row",
@@ -3719,13 +4644,13 @@ var boxVariants = cva19("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React26.forwardRef(
+var Box = React28.forwardRef(
   ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
-    return useRender4({
+    return useRender5({
       ref,
       defaultTagName: "div",
       render: asChild ? children : void 0,
-      props: mergeProps4(
+      props: mergeProps5(
         {
           className: cn(
             boxVariants({ direction, align, justify, wrap }),
@@ -3742,22 +4667,22 @@ var Box = React26.forwardRef(
 Box.displayName = "Box";
 
 // src/components/language-select/LanguageSelect.tsx
-import * as React27 from "react";
+import * as React29 from "react";
 import { Globe as Globe2 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
-var LanguageSelect = React27.forwardRef(
+import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
+var LanguageSelect = React29.forwardRef(
   ({ className, options, value, onValueChange }, ref) => {
-    return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx42(DropdownMenuTrigger, { ref, asChild: true, children: /* @__PURE__ */ jsxs22(Button2, { variant: "outline", size: "icon", className, "aria-label": "Select language", children: [
-        /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Select language" }),
-        /* @__PURE__ */ jsx42(Icon, { icon: Globe2, size: 16, "aria-hidden": true })
+    return /* @__PURE__ */ jsxs26(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx47(DropdownMenuTrigger, { ref, asChild: true, children: /* @__PURE__ */ jsxs26(Button2, { variant: "outline", size: "icon", className, "aria-label": "Select language", children: [
+        /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Select language" }),
+        /* @__PURE__ */ jsx47(Icon, { icon: Globe2, size: 16, "aria-hidden": true })
       ] }) }),
-      /* @__PURE__ */ jsx42(DropdownMenuContent, { align: "start", children: /* @__PURE__ */ jsx42(
+      /* @__PURE__ */ jsx47(DropdownMenuContent, { align: "start", children: /* @__PURE__ */ jsx47(
         DropdownMenuRadioGroup,
         {
           value,
           onValueChange: onValueChange ? (v) => onValueChange(v) : void 0,
-          children: options.map((option) => /* @__PURE__ */ jsx42(
+          children: options.map((option) => /* @__PURE__ */ jsx47(
             DropdownMenuRadioItem,
             {
               value: option.value,
@@ -3775,13 +4700,13 @@ var LanguageSelect = React27.forwardRef(
 LanguageSelect.displayName = "LanguageSelect";
 
 // src/components/list/List.tsx
-import * as React29 from "react";
+import * as React31 from "react";
 
 // src/components/divider/Divider.tsx
-import * as React28 from "react";
-import { cva as cva20 } from "class-variance-authority";
-import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
-var dividerVariants = cva20("", {
+import * as React30 from "react";
+import { cva as cva21 } from "class-variance-authority";
+import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
+var dividerVariants = cva21("", {
   variants: {
     variant: {
       default: "bg-berget-separator",
@@ -3801,7 +4726,7 @@ var dividerVariants = cva20("", {
     size: "thin"
   }
 });
-var Divider = React28.forwardRef(
+var Divider = React30.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3812,16 +4737,16 @@ var Divider = React28.forwardRef(
     ...props
   }, ref) => {
     if (label) {
-      return /* @__PURE__ */ jsxs23("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
-        labelPosition !== "right" && /* @__PURE__ */ jsx43(
+      return /* @__PURE__ */ jsxs27("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
+        labelPosition !== "right" && /* @__PURE__ */ jsx48(
           Separator,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
           }
         ),
-        /* @__PURE__ */ jsx43(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
-        labelPosition !== "left" && /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx48(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ jsx48(
           Separator,
           {
             orientation: "horizontal",
@@ -3830,7 +4755,7 @@ var Divider = React28.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx48(
       Separator,
       {
         ref,
@@ -3848,19 +4773,19 @@ Divider.displayName = "Divider";
 
 // src/components/list/List.tsx
 import { Check as Check3 } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
-var List = React29.forwardRef(
+import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
+var List = React31.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const childrenArray = React29.Children.toArray(children);
-    return /* @__PURE__ */ jsx44("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs24(React29.Fragment, { children: [
+    const childrenArray = React31.Children.toArray(children);
+    return /* @__PURE__ */ jsx49("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs28(React31.Fragment, { children: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ jsx44(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ jsx49(Divider, { variant: "subtle" })
     ] }, index)) });
   }
 );
 List.displayName = "List";
-var ListItem = React29.forwardRef(
-  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs24(
+var ListItem = React31.forwardRef(
+  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs28(
     "div",
     {
       ref,
@@ -3871,15 +4796,15 @@ var ListItem = React29.forwardRef(
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx44("div", { className: "flex-1 min-w-0", children })
+        icon && /* @__PURE__ */ jsx49("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx49("div", { className: "flex-1 min-w-0", children })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListHeader = React29.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx44(
+var ListHeader = React31.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx49(
     "div",
     {
       ref,
@@ -3890,45 +4815,45 @@ var ListHeader = React29.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React29.forwardRef(
+var FeatureList = React31.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx44("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs24("li", { className: "flex items-start gap-fluid-md", children: [
-      variant === "bullet" ? /* @__PURE__ */ jsx44("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx44(Icon, { icon: Check3, size: 24, className: "text-berget-logo-light" }) }),
-      /* @__PURE__ */ jsx44(Typography, { variant: "body", color: "muted", children: item })
+    return /* @__PURE__ */ jsx49("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs28("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ jsx49("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx49("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx49(Icon, { icon: Check3, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ jsx49(Typography, { variant: "body", color: "muted", children: item })
     ] }, index)) });
   }
 );
 FeatureList.displayName = "FeatureList";
 
 // src/components/code-block/CodeBlock.tsx
-import { useState as useState3, useEffect as useEffect2, useCallback as useCallback3 } from "react";
+import { useState as useState5, useEffect as useEffect4, useCallback as useCallback4 } from "react";
 import { Copy, Check as Check4 } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
 function CodeBlock({ code, language = "text", title, className }) {
-  const [html, setHtml] = useState3(null);
-  const [copied, setCopied] = useState3(false);
-  useEffect2(() => {
+  const [html, setHtml] = useState5(null);
+  const [copied, setCopied] = useState5(false);
+  useEffect4(() => {
     getHighlighter().then((highlighter) => {
       const loadedLangs = highlighter.getLoadedLanguages();
       const lang = loadedLangs.includes(language) ? language : "text";
       setHtml(highlighter.codeToHtml(code, { lang, theme: "berget" }));
     });
   }, [code, language]);
-  const handleCopy = useCallback3(async () => {
+  const handleCopy = useCallback4(async () => {
     await navigator.clipboard.writeText(code);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
-  const copyButton = /* @__PURE__ */ jsx45(
+  const copyButton = /* @__PURE__ */ jsx50(
     "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(Check4, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx45(Copy, { className: "w-3.5 h-3.5" })
+      children: copied ? /* @__PURE__ */ jsx50(Check4, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx50(Copy, { className: "w-3.5 h-3.5" })
     }
   );
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       className: cn(
@@ -3936,27 +4861,27 @@ 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__ */ jsx50("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__ */ jsx50("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ jsx50("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ jsx50(
           "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__ */ jsx50("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx50("code", { children: code }) })
       ]
     }
   );
 }
 
 // src/components/window-frame/WindowFrame.tsx
-import * as React30 from "react";
-import { useState as useState4 } from "react";
-import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
-var WindowFrame = React30.forwardRef(
+import * as React32 from "react";
+import { useState as useState6 } from "react";
+import { jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
+var WindowFrame = React32.forwardRef(
   ({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
-    const [internalActive, setInternalActive] = useState4(tabs?.[0]?.id ?? "");
+    const [internalActive, setInternalActive] = useState6(tabs?.[0]?.id ?? "");
     const currentTab = activeTab ?? internalActive;
     const handleTabChange = (id) => {
       if (onTabChange) {
@@ -3965,7 +4890,7 @@ var WindowFrame = React30.forwardRef(
         setInternalActive(id);
       }
     };
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs30(
       "div",
       {
         ref,
@@ -3975,13 +4900,13 @@ var WindowFrame = React30.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs26("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__ */ jsxs26("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx46("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
-              /* @__PURE__ */ jsx46("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
-              /* @__PURE__ */ jsx46("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
+          /* @__PURE__ */ jsxs30("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__ */ jsxs30("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx51("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+              /* @__PURE__ */ jsx51("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+              /* @__PURE__ */ jsx51("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
             ] }),
-            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__ */ jsx51("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx51(
               "button",
               {
                 type: "button",
@@ -3993,9 +4918,9 @@ var WindowFrame = React30.forwardRef(
                 children: tab.label
               },
               tab.id
-            )) }) : /* @__PURE__ */ jsx46("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
+            )) }) : /* @__PURE__ */ jsx51("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
           ] }),
-          /* @__PURE__ */ jsx46("div", { children })
+          /* @__PURE__ */ jsx51("div", { children })
         ]
       }
     );
@@ -4004,8 +4929,8 @@ var WindowFrame = React30.forwardRef(
 WindowFrame.displayName = "WindowFrame";
 
 // src/components/fog-illustration/FogIllustration.tsx
-import { useEffect as useEffect3, useRef } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useRef } from "react";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var FOG_BRAND_PALETTE = {
   ink: "#171a1a",
   milk: "#f7f5ed",
@@ -4211,7 +5136,7 @@ var FogIllustration = ({ palette, speed = 1, className }) => {
   const ref = useRef(null);
   const live = useRef({ palette: { ...FOG_BRAND_PALETTE, ...palette }, speed });
   live.current = { palette: { ...FOG_BRAND_PALETTE, ...palette }, speed };
-  useEffect3(() => {
+  useEffect5(() => {
     const canvas = ref.current;
     const parent = canvas?.parentElement;
     if (!canvas || !parent) return;
@@ -4318,7 +5243,7 @@ var FogIllustration = ({ palette, speed = 1, className }) => {
       gl.deleteFramebuffer(fbo);
     };
   }, []);
-  return /* @__PURE__ */ jsx47("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
+  return /* @__PURE__ */ jsx52("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
 };
 export {
   Alert2 as Alert,
@@ -4420,6 +5345,31 @@ export {
   NavigationMenuPositioner,
   NavigationMenuTrigger,
   Select2 as Select,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter2 as SidebarFooter,
+  SidebarGroup2 as SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel2 as SidebarGroupLabel,
+  SidebarHeader2 as SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarLogo,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton2 as SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton2 as SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarPageHeader,
+  SidebarProvider2 as SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
   Switch,
   Table2 as Table,
   TableBody2 as TableBody,
@@ -4453,6 +5403,7 @@ export {
   switchThumbVariants,
   textAreaVariants,
   typographyVariants,
+  useSidebar,
   useTheme
 };
 //# sourceMappingURL=index.js.map